Code-only deploy

static/stats.html

@@ -285,19 +285,40 @@ function qualityPanel(q) {
   if (!q?.visits) return '<h2>Transcription quality</h2><div class="panel"><p class="empty">No visit reports yet.</p></div>';
   return `<h2>Transcription quality – All</h2>${qualityGroup(q, 'All visits')}
     <h2>By operating system</h2>${q.by_os.map(g => qualityGroup(g, g.name)).join('')}
-    <h2>By visitor (anyone with a visit long enough to judge)</h2>${q.by_visitor.map(g => qualityGroup(g, `${g.name} · ${g.device}`)).join('')}`;
+    <h2>By visitor (anyone with a visit long enough to judge)</h2>${q.by_visitor.map(g => qualityGroup(g, `${g.name} · ${g.device}`, sessionList(g.sessions))).join('')}`;
 }
 // Closed: verdict counts, then each problem's share of the group's /t time. Open: the group's full numbers.
-function qualityGroup(g, name) {
+const shortVerdict = k => VERDICT[k]?.split(':')[0] || k;
+const shareLine = g => Object.entries(g.problem_secs).map(([c, s]) =>
+  `${c} ${g.total_s ? Math.round(100 * s / g.total_s) : 0}%`).join(' · ') || 'no problem shown';
+function qualityGroup(g, name, more = '') {
   const short = g.verdicts.too_short || 0, judged = `${g.visits - short} judged, ${short} under ${MIN_ACTIVE_S} s`;
   const verdicts = Object.entries(g.verdicts).filter(([k]) => k !== 'too_short')
-    .map(([k, n]) => ` · ${VERDICT[k]?.split(':')[0] || k} ${n}`).join('');
-  const shares = Object.entries(g.problem_secs).map(([c, s]) =>
-    `${c} ${g.total_s ? Math.round(100 * s / g.total_s) : 0}%`).join(' · ');
+    .map(([k, n]) => ` · ${shortVerdict(k)} ${n}`).join('');
   return `<details class="group"><summary><b>${esc(name)}</b> · ${plural(g.visits, 'visit')} (${judged})${verdicts}
-    <br><span class="sub">${shares || 'no problem shown'}</span>${verdictBar(g.verdicts, 'thin')}</summary>${qualityBody(g)}</details>`;
+    <br><span class="sub">${shareLine(g)}</span>${verdictBar(g.verdicts, 'thin')}</summary>${more}${qualityBody(g)}</details>`;
 }
-function qualityBody(q) {
+// A visit's clock time in Prague, as much of the date as the period needs:
+// "9:20–9:30" today, "Tue 9:20–9:30" over 7 days, "Tue 27.10. 9:20–9:30" beyond.
+const PRAGUE = new Intl.DateTimeFormat('en-GB', {timeZone: 'Europe/Prague', weekday: 'short',
+  day: 'numeric', month: 'numeric', hour: 'numeric', minute: '2-digit', hourCycle: 'h23'});
+function span(s) {
+  if (!s.start) return 'Time unknown';
+  const at = iso => Object.fromEntries(PRAGUE.formatToParts(new Date(iso)).map(p => [p.type, p.value]));
+  const a = at(s.start), b = at(s.end || s.start), hm = p => `${+p.hour}:${p.minute}`;
+  const day = days === '1' ? '' : `${a.weekday} ${days === '7' ? '' : `${+a.day}.${+a.month}. `}`;
+  return `${day}${hm(a)}–${hm(b)}`;
+}
+// First thing in an open visitor, right under its summary line.
+const sessionList = list => list?.length ? `<h2 style="margin-top:12px">Sessions, newest first</h2>${list.map(sessionGroup).join('')}
+  <h2>All sessions of this visitor</h2>` : '';
+// One visit: when, its verdict, its on-screen time. Open: its own numbers.
+function sessionGroup(s) {
+  const [k] = Object.keys(s.verdicts);
+  return `<details class="group"><summary><b>${span(s)}</b> · <b style="color:${VERDICT_COLOR[k] || 'var(--muted)'}">${
+    esc(shortVerdict(k))}</b> · ${mins(s.total_s)}<br><span class="sub">${shareLine(s)}</span></summary>${qualityBody(s, true)}</details>`;
+}
+function qualityBody(q, single = false) {
   const v = q.verdicts, judged = q.visits - (v.too_short || 0);
   const pct = n => judged ? ` (${Math.round(100 * (n || 0) / judged)}%)` : '';
   const share = s => mins(s) + (q.total_s ? ` (${Math.round(100 * s / q.total_s)}%)` : '');
@@ -311,10 +332,10 @@ function qualityBody(q) {
   ];
   // A chart with nothing in it is only named, on one line under the rest.
   const empty = charts.filter(([, e]) => !e.some(([, n]) => n)).map(([title]) => title.split(' (')[0]);
-  return `<div class="panel">${verdictBar(v, 'big')}
+  return `${single ? `<p class="sub">${mins(q.missed_s)} speech missed (drops, lost audio)</p>` : `<div class="panel">${verdictBar(v, 'big')}
       <div class="legend verdicts">${JUDGED.map(k =>
         `<span><i style="background:${VERDICT_COLOR[k]}"></i>${v[k] || 0} ${VERDICT[k]}${pct(v[k])}</span>`).join('')}</div>
-      <p class="sub">${v.too_short || 0} too short to judge · ${mins(q.missed_s)} speech missed (drops, lost audio)</p></div>
+      <p class="sub">${v.too_short || 0} too short to judge · ${mins(q.missed_s)} speech missed (drops, lost audio)</p></div>`}
     <div class="grid2">${charts.filter(([, e]) => e.some(([, n]) => n)).map(([title, e]) =>
       `<div><h2>${title}</h2><div class="panel">${bars(e)}</div></div>`).join('')}</div>
     ${empty.length ? `<p class="sub" style="margin-top:12px">Nothing to show: ${empty.join(' · ')}.</p>` : ''}`;

stt_quality.py

@@ -170,11 +170,27 @@ def summarize(visits: list[dict]) -> dict:
     }
 
 
+def times(visit: dict) -> tuple[str, str]:
+    """(start, end) of a visit, ISO UTC, "" when unknown. The page ends the sid
+    with its start time (Date.now() in base 36); the end is the last report."""
+    end = visit.get("ts", "")
+    try:
+        start = datetime.fromtimestamp(int(visit["sid"][-8:], 36) / 1000, timezone.utc)
+    except (KeyError, ValueError, OverflowError, OSError):
+        return "", end
+    if start.year < 2025:  # not a time: a sid from before it carried one
+        return "", end
+    start_iso = start.isoformat(timespec="seconds")
+    # the page's clock, not ours: never after the report that closed the visit
+    return (min(start_iso, end) if end else start_iso), end
+
+
 def breakdown(visits: list[dict], numbers: dict[str, int]) -> dict:
     """summarize for all visits, plus "by_os" and "by_visitor": the same per
     group. OSes: most /t time first. Visitors: those with a judged (not
-    too_short) visit, most visits first. `numbers` maps a visits log id to its
-    "Visitor N" on the Visitors tab."""
+    too_short) visit, most visits first, each with its "sessions" (one per
+    visit, newest first, with "start" and "end"). `numbers` maps a visits log
+    id to its "Visitor N" on the Visitors tab."""
     # Reports from before "vid" was logged borrow it from a later one of the same client.
     vid_of = {v["client"]: v["vid"] for v in visits if v.get("vid")}
     by_os: dict[str, list[dict]] = defaultdict(list)
@@ -186,7 +202,10 @@ def breakdown(visits: list[dict], numbers: dict[str, int]) -> dict:
     oses = [{"name": name, **summarize(group)} for name, group in by_os.items()]
     people = [{"name": f"Visitor {numbers[key]}" if key in numbers else f"id {key[:6]}",
                "device": f"{group[-1].get('os', '')} {group[-1].get('browser', '')}".strip(),
-               **summarize(group)} for key, group in by_who.items()]
+               **summarize(group),
+               "sessions": [dict(zip(("start", "end"), times(v))) | summarize([v])
+                            for v in reversed(group)]}
+              for key, group in by_who.items()]
     oses.sort(key=lambda s: -s["total_s"])
     people = sorted((p for p in people if p["visits"] > p["verdicts"].get("too_short", 0)),
                     key=lambda s: (-s["visits"], -s["total_s"]))