@threadcrumbs/common 0.1.5 → 0.1.6

package/ui/totals.mjs

@@ -0,0 +1,94 @@
+import { compactNumber } from './format.mjs'
+import { esc, instAttrs, termButton } from './html.mjs'
+import { FOOT_DRAW, FOOT_SIZE, binTimes } from './pictures.mjs'
+import { linesHTML } from './rows.mjs'
+import { URGENCY_ORDER, lampHTML, statusOf } from './status.mjs'
+
+export function statusCounts(list) {
+  const counts = Object.fromEntries(URGENCY_ORDER.map((k) => [k, 0]))
+  for (const s of list) if (s.status in counts) counts[s.status]++
+  return counts
+}
+
+export function lampsHTML(counts, total, pressed = null) {
+  const lamps = URGENCY_ORDER.map((k) => {
+    const name = statusOf(k).name
+    const n = counts[k] || 0
+    return `<button type="button" class="lamp-btn" data-st="${k}" data-act="status" data-key="${k}" aria-pressed="${pressed === k}"${n ? '' : ' data-zero'} data-tip="${esc(`${name}: ${n}. Show only these.`)}" aria-label="${esc(`${name}: ${n}`)}">${lampHTML(k)}<b>${n}</b><span class="word">${esc(name)}</span></button>`
+  }).join('')
+  return `${lamps}<button type="button" class="lamp-btn total" data-act="status" data-key="" aria-pressed="false" data-tip="${esc(`${total} threads in total. Show them all.`)}" aria-label="${esc(`${total} threads in total`)}"><b>${total}</b><span class="word">${total === 1 ? 'Thread' : 'Threads'}</span></button>`
+}
+
+export function footerTotals(list) {
+  let out = 0
+  let outKnown = false
+  let added = 0
+  let removed = 0
+  let linesKnown = false
+  for (const s of list) {
+    if (s.tokens && Number.isFinite(s.tokens.output)) {
+      out += s.tokens.output
+      outKnown = true
+    }
+    if (s.lines) {
+      added += s.lines.added || 0
+      removed += s.lines.removed || 0
+      linesKnown = true
+    }
+  }
+  const counts = statusCounts(list)
+  return { live: list.filter((s) => s.live).length, total: list.length, sts: URGENCY_ORDER.map((k) => counts[k]), out, outKnown, added, removed, linesKnown }
+}
+
+function totalHTML(k, term, spec, val, shown, label) {
+  const svg = spec ? FOOT_DRAW[spec.k](spec, FOOT_SIZE) : ''
+  const attrs = svg ? instAttrs(spec, val) : ''
+  return `<span class="tot" data-k="${k}">${svg ? `<span class="i-wrap" data-term="${term}" ${attrs}>${svg}</span>` : ''}<span class="tot-t"><b>${shown}</b>${termButton(term, label, attrs)}</span></span>`
+}
+
+export function footerHTML(t, { short = false, bars = null } = {}) {
+  const out = compactNumber(t.out)
+  return [
+    totalHTML('live', 'liveAgents', { k: 'waffle', run: t.live, total: t.total, sts: t.sts }, `${t.live} of ${t.total} threads`, t.live, short ? 'Live' : 'Live agents'),
+    totalHTML('output', 'outputTotal', t.outKnown && { k: 'cols', v: t.out, base: 1000, ...(bars ? { bars } : {}) }, out, t.outKnown ? esc(out) : '—', short ? 'Output' : 'Output tokens'),
+    totalHTML('lines', 'linesTotal', t.linesKnown && { k: 'pie', a: t.added, r: t.removed }, `+${compactNumber(t.added)} −${compactNumber(t.removed)}`, t.linesKnown ? linesHTML({ added: t.added, removed: t.removed }) : '—', short ? 'Lines' : 'Lines changed'),
+  ].join('')
+}
+
+export const OUTPUT_WINDOW_MS = 60 * 60 * 1000
+export const OUTPUT_MIN_SAMPLES = 3
+export const OUTPUT_BINS = 14
+
+export const emptyOutputLog = () => ({ since: null, last: new Map(), samples: [] })
+
+export function recordOutput(log, sessions, now) {
+  const last = new Map()
+  const grew = []
+  for (const s of sessions) {
+    const out = s.tokens?.output
+    if (!Number.isFinite(out)) continue
+    last.set(s.id, out)
+    const before = log.last.get(s.id)
+    if (before != null && out > before) grew.push([s.id, out - before])
+  }
+  const samples = log.samples.filter((x) => now - x.at <= OUTPUT_WINDOW_MS)
+  if (grew.length) samples.push({ at: now, out: new Map(grew) })
+  return { since: log.since ?? now, last, samples }
+}
+
+export function outputBars(log, ids, now, n = OUTPUT_BINS) {
+  if (log.since == null) return null
+  const shown = new Set(ids)
+  const times = []
+  const amounts = []
+  for (const x of log.samples) {
+    let v = 0
+    for (const [id, d] of x.out) if (shown.has(id)) v += d
+    if (!v) continue
+    times.push(x.at)
+    amounts.push(v)
+  }
+  if (times.length < OUTPUT_MIN_SAMPLES) return null
+  const from = Math.max(log.since, now - OUTPUT_WINDOW_MS)
+  return binTimes(times, from, Math.max(now, from + 1), amounts, n)
+}