dccd 3.5.2__tar.gz → 3.6.0__tar.gz

{dccd-3.5.2 → dccd-3.6.0}/CHANGELOG.md

@@ -16,6 +16,47 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Removed
 
+## [3.6.0] - 2026-06-13
+
+### Added
+
+### Changed
+
+- The web UI **Dashboard** is now a health-first operations view: a status-chip
+  line (fresh `<24h` / coverage gaps / failures-24h / last-collection), a
+  **Needs attention** panel that surfaces failed runs (with their error reason)
+  and datasets with coverage gaps — each with a one-click **Retry/Fill gaps**
+  when a configured job matches, else a deep-link to Historical — plus a
+  compact Active-now, recent runs, and a per-exchange Data summary with
+  freshness dots. Client-side only (inventory + runs + jobs); no API change.
+  The Needs-attention panel intentionally treats OHLC coverage gaps as
+  actionable (revising the scope of #132 for the triage surface). (#157)
+- Web UI visual refresh ("instrument panel" direction), all in `base.html`
+  tokens so every page inherits it: **self-hosted** Martian Mono (wordmark +
+  section labels) and Spline Sans (body) woff2 served from `/static/fonts`
+  (latin subset) — no external font CDN, works fully offline and leaks nothing;
+  tabular figures in tables/chips/totals, machined-panel card depth, a faint
+  top glow, and one staggered page-load reveal (`prefers-reduced-motion`
+  respected). (#158)
+
+### Fixed
+
+- Self-hosted UI fonts are now actually packaged in the wheel: `package-data`
+  listed only `static/*` (top level), which excluded the `static/fonts/`
+  subdirectory added for the visual refresh — a pip-installed UI would 404 on
+  its `.woff2` and silently fall back to system fonts. Verified by inspecting
+  the built wheel (6 woff2 present). (#160)
+- The **Live** page no longer hangs on "Loading…" when no stream jobs are
+  configured (a fresh install, or a backfill-only setup): the structure-change
+  guard initialised `lastSig` to `''`, which equals the signature of an empty
+  job set, so the very first `load()` matched and returned before the panes
+  ever rendered their "No … streams yet" empty state. `lastSig` now starts at
+  `null` so the first render always runs. (#159)
+
+### Deprecated
+
+### Removed
+
 ## [3.5.2] - 2026-06-12
 
 ### Added

{dccd-3.5.2 → dccd-3.6.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: dccd
-Version: 3.5.2
+Version: 3.6.0
 Summary: Download Crypto Currency Data — hexagonal architecture, async-first.
 Author-email: Arthur Bernard <arthur.bernard.92@gmail.com>
 License: MIT

{dccd-3.5.2 → dccd-3.6.0}/dccd/interfaces/ui/templates/base.html

@@ -6,11 +6,39 @@
   <title>{% block title %}dccd{% endblock %} — dccd UI</title>
   <link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
   <style>
-    :root { --bg:#0f1419; --fg:#e6e6e6; --muted:#8b98a5; --accent:#4a9eff;
-            --border:#2a3038; --card:#161b22; --ok:#3fb950; --err:#f85149; }
+    /* Self-hosted fonts (woff2, latin subset) — the daemon serves them from
+       /static itself, so the UI needs no external network and leaks nothing to
+       a font CDN. Display = Martian Mono (instrument-label wordmark + headings,
+       tabular by nature); body = Spline Sans. */
+    @font-face { font-family:'Martian Mono'; font-style:normal; font-weight:600;
+      font-display:swap; src:url('/static/fonts/martian-mono-600.woff2') format('woff2'); }
+    @font-face { font-family:'Martian Mono'; font-style:normal; font-weight:700;
+      font-display:swap; src:url('/static/fonts/martian-mono-700.woff2') format('woff2'); }
+    @font-face { font-family:'Spline Sans'; font-style:normal; font-weight:400;
+      font-display:swap; src:url('/static/fonts/spline-sans-400.woff2') format('woff2'); }
+    @font-face { font-family:'Spline Sans'; font-style:normal; font-weight:500;
+      font-display:swap; src:url('/static/fonts/spline-sans-500.woff2') format('woff2'); }
+    @font-face { font-family:'Spline Sans'; font-style:normal; font-weight:600;
+      font-display:swap; src:url('/static/fonts/spline-sans-600.woff2') format('woff2'); }
+    @font-face { font-family:'Spline Sans'; font-style:normal; font-weight:700;
+      font-display:swap; src:url('/static/fonts/spline-sans-700.woff2') format('woff2'); }
+    :root { --bg:#0a0d13; --fg:#e8eaed; --muted:#8a96a3; --accent:#5ea2ff;
+            --border:#222a33; --card:#131922; --ok:#3fb950; --err:#f85149;
+            --warn:#d6a132;
+            --panel-hi:rgba(255,255,255,.045);
+            --font-body:'Spline Sans', system-ui, sans-serif;
+            --font-display:'Martian Mono', ui-monospace, monospace;
+            --font-mono:'Martian Mono', ui-monospace, monospace; }
     * { box-sizing: border-box; }
-    body { margin:0; font:14px/1.5 system-ui, sans-serif; background:var(--bg);
-           color:var(--fg); }
+    body { margin:0; font:14px/1.55 var(--font-body); color:var(--fg);
+           /* faint cool glow off the top edge — atmosphere, not noise */
+           background:
+             radial-gradient(1100px 520px at 50% -8%, rgba(94,162,255,.06), transparent 62%),
+             var(--bg);
+           background-attachment:fixed;
+           -webkit-font-smoothing:antialiased; }
+    /* Figures line up in tables, KPIs and chips — instrument-grade legibility. */
+    table, .chip, .totals, .ver { font-variant-numeric:tabular-nums; }
     nav { display:flex; gap:.25rem; align-items:center; flex-wrap:wrap;
           padding:.4rem 1rem; background:var(--card);
           border-bottom:1px solid var(--border);
@@ -18,8 +46,9 @@
     nav .brand-group { display:flex; align-items:center; gap:.5rem;
             margin-right:auto; }
     nav .brand-group img { height:28px; width:auto; display:block; }
-    nav .brand-group .brand { font-size:1.1rem; font-weight:700;
-            letter-spacing:.02em; color:var(--fg); }
+    nav .brand-group .brand { font-family:var(--font-display); font-size:1rem;
+            font-weight:700; letter-spacing:.18em; text-transform:uppercase;
+            color:var(--fg); }
     nav .brand-group .ver { color:var(--muted); font-size:.78rem;
             font-family:ui-monospace,monospace; }
     nav a { color:var(--muted); text-decoration:none; padding:.4rem .8rem;
@@ -83,8 +112,12 @@
     footer { color:var(--muted); font-size:.8rem; text-align:center;
             padding:1.5rem 1rem; }
     footer a { color:var(--muted); }
-    h1 { font-size:1.3rem; margin:0 0 1rem; }
-    h2 { font-size:1.05rem; margin:1.5rem 0 .5rem; }
+    h1 { font-family:var(--font-display); font-size:1.25rem; font-weight:600;
+         letter-spacing:-.01em; margin:0 0 1rem; }
+    /* Section headers read like labels stamped on an instrument panel. */
+    h2 { font-family:var(--font-display); font-size:.78rem; font-weight:600;
+         letter-spacing:.13em; text-transform:uppercase; color:var(--muted);
+         margin:1.5rem 0 .5rem; }
     table { width:100%; border-collapse:collapse; margin:.5rem 0; }
     th, td { text-align:left; padding:.4rem .6rem; border-bottom:1px solid var(--border); }
     th { color:var(--muted); font-weight:600; }
@@ -102,7 +135,9 @@
           padding:.8rem; overflow:auto; max-height:70vh; white-space:pre-wrap;
           word-break:break-word; }
     .card { background:var(--card); border:1px solid var(--border);
-            border-radius:8px; padding:1rem; margin:.5rem 0; }
+            border-radius:8px; padding:1rem; margin:.5rem 0;
+            /* machined-panel depth: a hairline top highlight + soft drop */
+            box-shadow:inset 0 1px 0 var(--panel-hi), 0 1px 2px rgba(0,0,0,.35); }
     .row { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
     .muted { color:var(--muted); }
     .ok { color:var(--ok); } .err { color:var(--err); }
@@ -134,6 +169,21 @@
     .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }
     /* Mobile / narrow viewport: bigger tap targets, tighter chrome, no page-wide
        horizontal scroll. Desktop layout above the breakpoint is untouched. */
+    /* One orchestrated page-load: top-level sections rise + fade in, staggered.
+       Containers exist at load (JS fills them after), so this never blocks data. */
+    @keyframes rise { from { opacity:0; transform:translateY(9px); }
+                      to   { opacity:1; transform:none; } }
+    main > * { animation:rise .5s cubic-bezier(.2,.7,.2,1) both; }
+    main > *:nth-child(1){ animation-delay:.03s; }
+    main > *:nth-child(2){ animation-delay:.08s; }
+    main > *:nth-child(3){ animation-delay:.13s; }
+    main > *:nth-child(4){ animation-delay:.18s; }
+    main > *:nth-child(5){ animation-delay:.23s; }
+    main > *:nth-child(6){ animation-delay:.28s; }
+    main > *:nth-child(n+7){ animation-delay:.33s; }
+    @media (prefers-reduced-motion: reduce) {
+      *, *::before, *::after { animation:none !important; transition:none !important; }
+    }
     @media (max-width: 640px) {
       nav { padding:.4rem .6rem; gap:.15rem; }
       nav a, nav .nav-menu-btn, nav .nav-logout button { padding:.55rem .7rem; }

dccd-3.6.0/dccd/interfaces/ui/templates/dashboard.html

@@ -0,0 +1,296 @@
+{% extends "base.html" %}
+{% block title %}Dashboard{% endblock %}
+{% block content %}
+<style>
+  /* Dashboard-only chrome: a health line of status chips, an attention card,
+     and a compact activity area. Everything else reuses base.html. */
+  .dash-head { display:flex; align-items:baseline; justify-content:space-between;
+               flex-wrap:wrap; gap:.5rem; }
+  .dash-head .status { font-size:.8rem; color:var(--muted); }
+  .dash-head .status .dot { display:inline-block; width:.5rem; height:.5rem;
+               border-radius:50%; background:var(--ok); margin-right:.3rem;
+               vertical-align:middle; }
+  .dash-head .status.down .dot { background:var(--err); }
+  .health { display:flex; flex-wrap:wrap; gap:.5rem; margin:.3rem 0 .5rem; }
+  .chip { display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem;
+          padding:.35rem .7rem; border-radius:999px; border:1px solid var(--border);
+          background:var(--card); }
+  .chip b { font-weight:700; }
+  .chip.good { border-color:rgba(63,185,80,.4); }
+  .chip.warn { border-color:rgba(210,153,34,.45); }
+  .chip.bad  { border-color:rgba(248,81,73,.45); }
+  .chip .ic { font-size:.9rem; line-height:1; }
+  .chip.good .ic { color:var(--ok); }
+  .chip.warn .ic { color:#d29922; }
+  .chip.bad  .ic { color:var(--err); }
+  .totals { color:var(--muted); font-size:.82rem; margin:.1rem 0 1rem; }
+  .attn-item { display:flex; align-items:flex-start; gap:.6rem; padding:.55rem 0;
+               border-bottom:1px solid var(--border); }
+  .attn-item:last-child { border-bottom:0; }
+  .attn-item .ic { font-size:1rem; line-height:1.3; }
+  .attn-item.fail .ic { color:var(--err); }
+  .attn-item.gap  .ic { color:#d29922; }
+  .attn-item .body { flex:1; min-width:0; }
+  .attn-item .body .sub { color:var(--muted); font-size:.8rem; margin-top:.1rem;
+               overflow-wrap:anywhere; }
+  .attn-item .act { flex:none; }
+  .attn-item .act a, .attn-item .act button { font-size:.8rem; }
+  .attn-item .act a { color:var(--accent); text-decoration:none; white-space:nowrap; }
+  .all-clear { color:var(--ok); }
+</style>
+
+<div class="dash-head">
+  <h1 style="margin:0">Dashboard</h1>
+  <span id="conn" class="status"><span class="dot"></span>auto-refresh 15s</span>
+</div>
+
+<!-- System health -->
+<div id="health" class="health"><span class="muted">Loading…</span></div>
+<div id="totals" class="totals"></div>
+
+<!-- Needs attention -->
+<h2 style="margin:.9rem 0 .3rem">Needs attention</h2>
+<div class="card" id="attention"><span class="muted">Loading…</span></div>
+
+<!-- Active now (collapses to a slim line when idle) -->
+<h2 style="margin:1.1rem 0 .4rem">Active now</h2>
+<div id="active-now"><span class="muted">Loading…</span></div>
+
+<div class="row" style="gap:1rem;align-items:flex-start;margin-top:1rem">
+  <!-- Recent runs -->
+  <div style="flex:2;min-width:280px">
+    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:.3rem">
+      <h2 style="margin:0">Recent runs</h2>
+      <a href="/logs" style="font-size:.8rem;color:var(--muted)">All logs →</a>
+    </div>
+    <div id="runs-body"><span class="muted">Loading…</span></div>
+  </div>
+
+  <!-- Data -->
+  <div style="flex:1;min-width:200px">
+    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:.3rem">
+      <h2 style="margin:0">Data</h2>
+      <a href="/data" style="font-size:.8rem;color:var(--muted)">Browse →</a>
+    </div>
+    <div class="card"><div id="data-summary"><span class="muted">Loading…</span></div></div>
+  </div>
+</div>
+{% endblock %}
+{% block scripts %}
+<script>
+const DAY_NS = 86_400 * 1e9;
+
+// Build a lookup of configured jobs keyed by exchange|symbol|data_type so a
+// failed run or a gapped dataset can be mapped back to a one-click "Run". The
+// API's /api/jobs/run wants the *job* id (with its span suffix), which a run's
+// spec_id and an inventory row don't carry — so we match on the tuple instead.
+function jobIndex(jobs) {
+  const idx = {};
+  for (const j of jobs) {
+    if (j.operation !== 'backfill') continue;
+    const k = `${j.exchange}|${normSym(j.symbol)}|${j.data_type}`;
+    // Prefer a span-specific match when available, else fall back to the tuple.
+    idx[k + '|' + (j.span || '')] = j.id;
+    if (!(k in idx)) idx[k] = j.id;   // first job for this tuple wins
+  }
+  return idx;
+}
+// Inventory pairs are "BTC-USDT"; runs/jobs symbols are "BTC/USDT". Normalise.
+function normSym(s) { return String(s || '').replace('-', '/'); }
+function findJob(idx, exchange, symbol, data_type, span) {
+  const k = `${exchange}|${normSym(symbol)}|${data_type}`;
+  return idx[k + '|' + (span || '')] || idx[k] || null;
+}
+// Deep-link to the Historical tab for a data type (where a Run lives).
+function histLink(dt) {
+  return dt === 'trades' ? '/historical#trades' : '/historical#ohlc';
+}
+// Action cell: one-click Run when we can map to a configured job, else a link
+// to Historical. Order books have no REST backfill — never offer a run there.
+function actionCell(jobId, dt, label) {
+  if (dt === 'orderbook') return `<a href="/live">Live →</a>`;
+  if (jobId) return `<button class="ghost" style="padding:.25rem .6rem"
+      onclick="runJob('${escapeHtml(jobId)}', this)">${label}</button>`;
+  return `<a href="${histLink(dt)}">Fix →</a>`;
+}
+async function runJob(jobId, btn) {
+  btn.disabled = true;
+  try {
+    const r = await api('POST', '/api/jobs/run', { job_id: jobId });
+    toast(r.status === 'already-running' ? 'Already running' : 'Backfill started', 'ok');
+    setTimeout(load, 600);
+  } catch (e) { toast(e.message, 'err'); btn.disabled = false; }
+}
+
+function chip(kind, ic, label, value) {
+  return `<span class="chip ${kind}"><span class="ic">${ic}</span>
+    ${value !== undefined ? `<b>${value}</b> ` : ''}${label}</span>`;
+}
+
+async function load() {
+  const conn = document.getElementById('conn');
+  const [runsR, streamsR, invR, jobsR] = await Promise.allSettled([
+    api('GET','/api/runs?limit=50'), api('GET','/api/streams'),
+    api('GET','/api/inventory'), api('GET','/api/jobs')]);
+  if (runsR.status !== 'fulfilled' && invR.status !== 'fulfilled') {
+    conn.className = 'status down';
+    conn.innerHTML = '<span class="dot"></span>can\'t reach API';
+    return;
+  }
+  conn.className = 'status';
+  conn.innerHTML = '<span class="dot"></span>auto-refresh 15s';
+
+  const runs = runsR.status === 'fulfilled' ? (runsR.value.runs || []) : [];
+  const streams = streamsR.status === 'fulfilled' ? (streamsR.value.streams || []) : [];
+  const datasets = invR.status === 'fulfilled' ? (invR.value.datasets || []) : [];
+  const jobs = jobsR.status === 'fulfilled' ? (jobsR.value.jobs || []) : [];
+  const idx = jobIndex(jobs);
+
+  const liveStreams = streams.filter(s => s.running);
+  const activeRuns = runs.filter(r => r.state === 'running' || r.state === 'reconnecting');
+  const totRows = datasets.reduce((a,d)=>a+(d.rows||0),0);
+  const totBytes = datasets.reduce((a,d)=>a+(d.bytes||0),0);
+  const now = Date.now() * 1e6;
+
+  // ---- System health -------------------------------------------------------
+  const freshN = datasets.filter(d => d.max_ts != null && now - d.max_ts < DAY_NS).length;
+  const gapped = datasets.filter(d => (d.missing_rows || 0) > 0);
+  // Failed runs in the last 24h, most-recent-first, de-duplicated per spec so a
+  // repeatedly-failing job shows once.
+  const failed24 = [];
+  const seenFail = new Set();
+  for (const r of runs) {
+    if (r.state !== 'failed' || r.started_at == null || now - r.started_at > DAY_NS) continue;
+    if (seenFail.has(r.spec_id)) continue;
+    seenFail.add(r.spec_id); failed24.push(r);
+  }
+  // Last collection: the most recent successful run's end (truthful regardless
+  // of whether a scheduler is actually running).
+  const lastEnd = runs.filter(r => r.state === 'succeeded' && r.ended_at != null)
+                      .reduce((m,r)=>Math.max(m, r.ended_at), 0);
+
+  const chips = [];
+  if (datasets.length)
+    chips.push(chip(freshN === datasets.length ? 'good' : 'warn', '●',
+      `fresh <span class="muted">(&lt;24h)</span>`, `${freshN}/${datasets.length}`));
+  chips.push(gapped.length
+    ? chip('warn', '◐', 'with gaps', gapped.length)
+    : chip('good', '✓', 'no gaps'));
+  chips.push(failed24.length
+    ? chip('bad', '✗', 'failed <span class="muted">(24h)</span>', failed24.length)
+    : chip('good', '✓', 'no failures <span class="muted">(24h)</span>'));
+  if (liveStreams.length)
+    chips.push(chip('good', '◉', 'live streams', liveStreams.length));
+  if (lastEnd) chips.push(chip('good', '↻', `last collection ${fmtAge(lastEnd)}`));
+  document.getElementById('health').innerHTML = chips.join('') ||
+    '<span class="muted">No data yet.</span>';
+
+  document.getElementById('totals').innerHTML =
+    `${fmtNum(datasets.length)} datasets · ${fmtNum(totRows)} rows · ${fmtBytes(totBytes)} on disk`;
+
+  // ---- Needs attention -----------------------------------------------------
+  const items = [];
+  for (const r of failed24) {
+    const jobId = findJob(idx, r.exchange, r.symbol, r.data_type);
+    const reason = r.error ? escapeHtml(r.error) : 'no error message recorded';
+    items.push(`<div class="attn-item fail">
+      <span class="ic">✗</span>
+      <div class="body">
+        <span class="muted" style="font-size:.85em">${escapeHtml(r.exchange)}</span>
+        <strong>${escapeHtml(r.symbol)}</strong> ${escapeHtml(r.data_type)} — backfill failed
+        <div class="sub">${reason} · ${fmtAge(r.started_at)}</div>
+      </div>
+      <div class="act">${actionCell(jobId, r.data_type, 'Retry')}</div>
+    </div>`);
+  }
+  for (const d of gapped) {
+    const exp = d.expected_rows || 0, miss = d.missing_rows || 0;
+    const pct = exp > 0 ? Math.round(miss / exp * 100) : 0;
+    const jobId = findJob(idx, d.exchange, d.pair, d.data_type, d.span);
+    const spanLbl = d.span ? `${d.span}s` : '';
+    items.push(`<div class="attn-item gap">
+      <span class="ic">◐</span>
+      <div class="body">
+        <span class="muted" style="font-size:.85em">${escapeHtml(d.exchange)}</span>
+        <strong>${escapeHtml(d.pair)}</strong> ${escapeHtml(spanLbl)} — ${pct}% coverage gap
+        <div class="sub">${fmtNum(miss)} missing of ${fmtNum(exp)} expected bars</div>
+      </div>
+      <div class="act">${actionCell(jobId, d.data_type, 'Fill gaps')}</div>
+    </div>`);
+  }
+  const attEl = document.getElementById('attention');
+  if (!items.length) {
+    attEl.innerHTML = datasets.length || runs.length
+      ? '<span class="all-clear">✓ All clear — nothing needs attention.</span>'
+      : '<span class="muted">Nothing collected yet. Start on <a href="/historical">Historical</a> or <a href="/live">Live</a>.</span>';
+  } else {
+    const shown = items.slice(0, 8);
+    attEl.innerHTML = shown.join('') +
+      (items.length > shown.length
+        ? `<div class="muted" style="font-size:.8rem;padding-top:.5rem">+ ${items.length - shown.length} more</div>`
+        : '');
+  }
+
+  // ---- Active now ----------------------------------------------------------
+  const el = document.getElementById('active-now');
+  const blocks = [];
+  for (const r of activeRuns) {
+    const prog = r.progress;
+    const pct  = prog && prog.total > 0 ? Math.min(100, Math.round(prog.done / prog.total * 100)) : null;
+    const rows = fmtNum(prog?.rows ?? r.rows_written ?? 0);
+    const at = (prog && prog.unit === 'time' && prog.at) ? `reached ${fmtNs(prog.at)}` : (prog ? `${prog.done}/${prog.total}` : 'starting…');
+    blocks.push(`<div class="card" style="border-left:3px solid var(--accent);padding:.6rem 1rem;margin:.3rem 0">
+      <div class="row" style="justify-content:space-between;margin-bottom:.3rem">
+        <span><span class="ok">●</span> <strong>${escapeHtml(r.operation)}</strong> ${escapeHtml(r.exchange)} ${escapeHtml(r.symbol)} ${escapeHtml(r.data_type)}</span>
+        <span class="muted" style="font-size:.82em">${at} · ${rows} rows${pct !== null ? ` · ${pct}%` : ''}</span>
+      </div>
+      ${pct !== null ? `<div style="height:4px;background:var(--border);border-radius:2px"><div style="height:100%;background:var(--accent);border-radius:2px;width:${pct}%"></div></div>` : ''}
+    </div>`);
+  }
+  for (const s of liveStreams) {
+    const parts = s.id.split(':');
+    blocks.push(`<div class="card" style="border-left:3px solid var(--ok);padding:.5rem 1rem;margin:.3rem 0">
+      <span class="live-dot fresh"></span><strong>stream</strong>
+      ${escapeHtml(parts[1]||'')} ${escapeHtml(parts[2]||'')} <span class="muted">${escapeHtml(parts[3]||'')}</span>
+    </div>`);
+  }
+  el.innerHTML = blocks.length ? blocks.join('')
+    : '<div class="muted" style="font-size:.85rem">Idle — no run or stream in progress right now.</div>';
+
+  // ---- Recent runs (top 8) -------------------------------------------------
+  const recent = runs.slice(0, 8);
+  const body = recent.map(r => {
+    const cls = r.state === 'succeeded' ? 'ok' : r.state === 'failed' ? 'err' : 'muted';
+    return `<tr>
+      <td><span class="muted" style="font-size:.8em">${escapeHtml(r.exchange)}</span> ${escapeHtml(r.symbol)}</td>
+      <td>${escapeHtml(r.data_type)}</td>
+      <td><span class="${cls}">${escapeHtml(r.state)}</span></td>
+      <td class="muted" style="font-size:.8em">${fmtNum(r.rows_written||0)}</td>
+      <td class="muted" style="font-size:.8em">${fmtAge(r.started_at)}</td>
+    </tr>`;
+  }).join('') || '<tr><td colspan="5" class="muted">No runs yet</td></tr>';
+  document.getElementById('runs-body').innerHTML =
+    `<table><thead><tr><th>Symbol</th><th>Type</th><th>State</th><th>Rows</th><th>Started</th></tr></thead><tbody>${body}</tbody></table>`;
+
+  // ---- Data summary by exchange (with freshness dot) -----------------------
+  if (!datasets.length) {
+    document.getElementById('data-summary').innerHTML = '<span class="muted">Empty — <a href="/historical">start a backfill</a></span>';
+  } else {
+    const byEx = {};
+    for (const d of datasets) {
+      const e = byEx[d.exchange] || (byEx[d.exchange] = { n:0, bytes:0, max:0 });
+      e.n++; e.bytes += d.bytes||0; e.max = Math.max(e.max, d.max_ts||0);
+    }
+    document.getElementById('data-summary').innerHTML =
+      Object.entries(byEx).sort().map(([ex, e]) =>
+        `<div class="row" style="justify-content:space-between;font-size:.85em;padding:.15rem 0">
+          <span><span class="live-dot ${stalenessClass(e.max)}"></span>${escapeHtml(ex)}</span>
+          <span class="muted">${e.n} · ${fmtBytes(e.bytes)}</span>
+        </div>`).join('');
+  }
+}
+
+load();
+setInterval(load, 15000);
+</script>
+{% endblock %}

{dccd-3.5.2 → dccd-3.6.0}/dccd/interfaces/ui/templates/live.html

@@ -32,7 +32,11 @@ let JOBS = [], RUNNING = {}, INV = [], openExchanges = {};
 // spec_id -> { value|bid|ask, ts(ns), live }. `live` marks a real-time SSE
 // sample; entries without it are seeded from on-disk data (last stored point).
 const samples = {};
-let lastSig = '';
+// `null`, not '' — with zero stream jobs the structure signature is also '',
+// so an '' sentinel made the very first load() match and short-circuit before
+// renderPane ever ran, leaving both panes stuck on "Loading…". null guarantees
+// the first load always renders (then the real signature governs later polls).
+let lastSig = null;
 
 function sid(s){ return String(s).replace(/[^a-zA-Z0-9]/g,'_'); }
 function invFor(j) {

{dccd-3.5.2 → dccd-3.6.0}/dccd.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: dccd
-Version: 3.5.2
+Version: 3.6.0
 Summary: Download Crypto Currency Data — hexagonal architecture, async-first.
 Author-email: Arthur Bernard <arthur.bernard.92@gmail.com>
 License: MIT

{dccd-3.5.2 → dccd-3.6.0}/dccd.egg-info/SOURCES.txt

@@ -38,6 +38,12 @@ dccd/interfaces/cli/main.py
 dccd/interfaces/ui/__init__.py
 dccd/interfaces/ui/static/favicon.svg
 dccd/interfaces/ui/static/logo.svg
+dccd/interfaces/ui/static/fonts/martian-mono-600.woff2
+dccd/interfaces/ui/static/fonts/martian-mono-700.woff2
+dccd/interfaces/ui/static/fonts/spline-sans-400.woff2
+dccd/interfaces/ui/static/fonts/spline-sans-500.woff2
+dccd/interfaces/ui/static/fonts/spline-sans-600.woff2
+dccd/interfaces/ui/static/fonts/spline-sans-700.woff2
 dccd/interfaces/ui/templates/base.html
 dccd/interfaces/ui/templates/config.html
 dccd/interfaces/ui/templates/dashboard.html

{dccd-3.5.2 → dccd-3.6.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "dccd"
-version = "3.5.2"
+version = "3.6.0"
 description = "Download Crypto Currency Data — hexagonal architecture, async-first."
 readme = "README.md"
 license = { text = "MIT" }
@@ -85,8 +85,11 @@ Changelog = "https://github.com/ArthurBernard/Download_Crypto_Currencies_Data/bl
 include = ["dccd*"]
 
 [tool.setuptools.package-data]
-"dccd.interfaces.ui" = ["templates/*.html", "templates/partials/*.html", "static/*"]
-"dccd.daemon.ui" = ["templates/*.html", "templates/partials/*.html", "static/*"]
+# `static/*` matches only the top level — nested asset dirs (e.g. self-hosted
+# `static/fonts/*.woff2`) must be listed explicitly or the wheel ships without
+# them and the UI 404s on its fonts.
+"dccd.interfaces.ui" = ["templates/*.html", "templates/partials/*.html", "static/*", "static/fonts/*"]
+"dccd.daemon.ui" = ["templates/*.html", "templates/partials/*.html", "static/*", "static/fonts/*"]
 
 [tool.pytest.ini_options]
 addopts = "--exitfirst -vv --capture=no --ignore=doc --ignore=examples --ignore=env --cov=dccd --cov-report=term-missing -m 'not network'"

dccd-3.5.2/dccd/interfaces/ui/templates/dashboard.html

@@ -1,125 +0,0 @@
-{% extends "base.html" %}
-{% block title %}Dashboard{% endblock %}
-{% block content %}
-<h1>Dashboard</h1>
-<p class="muted" style="margin:.2rem 0 .8rem">
-  An at-a-glance view: key totals, what's running right now, the latest runs, and
-  what's stored. Use <a href="/historical">Historical</a> / <a href="/live">Live</a>
-  to collect, <a href="/data">Data</a> to inspect.
-</p>
-
-<!-- KPIs -->
-<div id="kpis" class="row" style="gap:.6rem;margin-bottom:1rem"></div>
-
-<!-- Active now -->
-<h2 style="font-size:1.05rem;margin:.6rem 0 .3rem">Active now</h2>
-<div class="muted" style="font-size:.82rem;margin-bottom:.4rem">Runs in progress and live streams.</div>
-<div id="active-now"><span class="muted">Loading…</span></div>
-
-<div class="row" style="gap:1rem;align-items:flex-start;margin-top:1rem">
-  <!-- Recent runs -->
-  <div style="flex:2;min-width:280px">
-    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:.3rem">
-      <h2 style="font-size:1.05rem;margin:0">Recent runs</h2>
-      <a href="/logs" style="font-size:.8rem;color:var(--muted)">All logs →</a>
-    </div>
-    <div id="runs-body"><span class="muted">Loading…</span></div>
-  </div>
-
-  <!-- Data -->
-  <div style="flex:1;min-width:200px">
-    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:.3rem">
-      <h2 style="font-size:1.05rem;margin:0">Data</h2>
-      <a href="/data" style="font-size:.8rem;color:var(--muted)">Browse →</a>
-    </div>
-    <div class="card"><div id="data-summary"><span class="muted">Loading…</span></div></div>
-  </div>
-</div>
-{% endblock %}
-{% block scripts %}
-<script>
-function kpi(label, value) {
-  return `<div class="card" style="flex:1;min-width:8rem;padding:.7rem .9rem;margin:0">
-    <div style="font-size:1.4rem;font-weight:700">${value}</div>
-    <div class="muted" style="font-size:.78rem">${label}</div></div>`;
-}
-
-async function load() {
-  // Fetch everything we need once — in parallel: serial awaits cost 3×RTT,
-  // which is what a remote (Tailscale/TLS) client actually feels.
-  const [runsR, streamsR, invR] = await Promise.allSettled([
-    api('GET','/api/runs?limit=50'), api('GET','/api/streams'), api('GET','/api/inventory')]);
-  const runs = runsR.status === 'fulfilled' ? (runsR.value.runs || []) : [];
-  const streams = streamsR.status === 'fulfilled' ? (streamsR.value.streams || []) : [];
-  const datasets = invR.status === 'fulfilled' ? (invR.value.datasets || []) : [];
-
-  const liveStreams = streams.filter(s => s.running);
-  const activeRuns = runs.filter(r => r.state === 'running' || r.state === 'reconnecting');
-  const totRows = datasets.reduce((a,d)=>a+(d.rows||0),0);
-  const totBytes = datasets.reduce((a,d)=>a+(d.bytes||0),0);
-
-  // KPIs
-  document.getElementById('kpis').innerHTML =
-    kpi('datasets', datasets.length) +
-    kpi('rows stored', fmtNum(totRows)) +
-    kpi('on disk', fmtBytes(totBytes)) +
-    kpi('live streams', liveStreams.length) +
-    kpi('runs in progress', activeRuns.length);
-
-  // Active now: running runs (with progress) + live streams.
-  const el = document.getElementById('active-now');
-  const blocks = [];
-  for (const r of activeRuns) {
-    const prog = r.progress;
-    const pct  = prog && prog.total > 0 ? Math.min(100, Math.round(prog.done / prog.total * 100)) : null;
-    const rows = fmtNum(prog?.rows ?? r.rows_written ?? 0);
-    const at = (prog && prog.unit === 'time' && prog.at) ? `reached ${fmtNs(prog.at)}` : (prog ? `${prog.done}/${prog.total}` : 'starting…');
-    blocks.push(`<div class="card" style="border-left:3px solid var(--accent);padding:.6rem 1rem;margin:.3rem 0">
-      <div class="row" style="justify-content:space-between;margin-bottom:.3rem">
-        <span><span class="ok">●</span> <strong>${escapeHtml(r.operation)}</strong> ${escapeHtml(r.exchange)} ${escapeHtml(r.symbol)} ${escapeHtml(r.data_type)}</span>
-        <span class="muted" style="font-size:.82em">${at} · ${rows} rows${pct !== null ? ` · ${pct}%` : ''}</span>
-      </div>
-      ${pct !== null ? `<div style="height:4px;background:var(--border);border-radius:2px"><div style="height:100%;background:var(--accent);border-radius:2px;width:${pct}%"></div></div>` : ''}
-    </div>`);
-  }
-  for (const s of liveStreams) {
-    const parts = s.id.split(':');
-    blocks.push(`<div class="card" style="border-left:3px solid var(--ok);padding:.5rem 1rem;margin:.3rem 0">
-      <span class="live-dot fresh"></span><strong>stream</strong>
-      ${escapeHtml(parts[1]||'')} ${escapeHtml(parts[2]||'')} <span class="muted">${escapeHtml(parts[3]||'')}</span>
-    </div>`);
-  }
-  el.innerHTML = blocks.length ? blocks.join('')
-    : '<div class="card muted" style="text-align:center;padding:1.2rem">Nothing running. Start a job on <a href="/historical">Historical</a> or <a href="/live">Live</a>.</div>';
-
-  // Recent runs table
-  const recent = runs.slice(0, 12);
-  const body = recent.map(r => {
-    const cls = r.state === 'succeeded' ? 'ok' : r.state === 'failed' ? 'err' : 'muted';
-    return `<tr>
-      <td><span class="muted" style="font-size:.8em">${escapeHtml(r.exchange)}</span> ${escapeHtml(r.symbol)}</td>
-      <td>${escapeHtml(r.data_type)}</td>
-      <td><span class="${cls}">${escapeHtml(r.state)}</span></td>
-      <td class="muted" style="font-size:.8em">${fmtNum(r.rows_written||0)}</td>
-      <td class="muted" style="font-size:.8em">${fmtNs(r.started_at)}</td>
-    </tr>`;
-  }).join('') || '<tr><td colspan="5" class="muted">No runs yet</td></tr>';
-  document.getElementById('runs-body').innerHTML =
-    `<table><thead><tr><th>Symbol</th><th>Type</th><th>State</th><th>Rows</th><th>Started</th></tr></thead><tbody>${body}</tbody></table>`;
-
-  // Data summary by exchange
-  if (!datasets.length) {
-    document.getElementById('data-summary').innerHTML = '<span class="muted">Empty — <a href="/historical">start a backfill</a></span>';
-  } else {
-    const byEx = {};
-    for (const d of datasets) byEx[d.exchange] = (byEx[d.exchange] || 0) + 1;
-    document.getElementById('data-summary').innerHTML =
-      Object.entries(byEx).sort().map(([ex, n]) =>
-        `<div class="row" style="justify-content:space-between;font-size:.85em"><span>${escapeHtml(ex)}</span><span class="muted">${n} dataset(s)</span></div>`).join('');
-  }
-}
-
-load();
-setInterval(load, 15000);
-</script>
-{% endblock %}