npm - @ra3orblade/swarm - Versions diffs - 0.4.0 - Mend

@ra3orblade/swarm 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/web/index.html ADDED Viewed

@@ -0,0 +1,444 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Swarm</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="/fm.css">
+<link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%224%22%20fill%3D%22%230e1013%22/%3E%3Cg%20transform%3D%22translate%282%2C4%29%22%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234f7d24%22/%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%2210%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%2211%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%2212%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234f7d24%22/%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%2210%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%2211%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%2212%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%2213%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234f7d24%22/%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%228%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%229%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%2210%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234f7d24%22/%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%23a3e635%22/%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%227%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%228%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%237cc02f%22/%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22%234f7d24%22/%3E%3C/g%3E%3C/svg%3E">
+<style>
+  :root{
+    --bg:#f6f7f9; --panel:#ffffff; --panel-2:#f0f2f5; --line:#e4e7ec; --line-2:#eef0f3;
+    --fg:#1a1d21; --fg-2:#3d4650; --dim:#8b929c; --faint:#aab1bb;
+    --acc:#4d7c0f; --acc-soft:rgba(132,204,22,.15);
+    --ok:#1f9d55; --ok-soft:rgba(31,157,85,.12);
+    --warn:#c77800; --warn-soft:rgba(199,120,0,.12);
+    --bad:#d1352b; --bad-soft:rgba(209,53,43,.12);
+    --violet:#7857c9;
+    /* categorical (fixed agent slots; validated adjacent-pair CVD-safe) + one-hue steps for part-to-whole */
+    --c0:#8b929c; --c1:#4d9e2a; --c2:#1b9e77; --c3:#9ab828; --c4:#2f7d4f; --c5:#7fb069; --c6:#0f5c3a; --c7:#c3d84a;
+    --acc-1:#e7f3d5; --acc-2:#c2e29a; --acc-3:#92c94f; --acc-4:#5a9e2a; --acc-5:#2f6613;
+    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;
+    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
+    /* type scale (px) — use these, never literals */
+    --fs-2xs:11px; --fs-xs:11.5px; --fs-sm:12px; --fs-mono:12.5px; --fs-md:13px;
+    --fs-menu:13.5px; --fs-lg:14px; --fs-xl:15px; --fs-2xl:24px;
+    /* elevation */
+    --shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
+    --shadow-pop:0 8px 24px rgba(16,24,40,.14),0 1px 3px rgba(16,24,40,.08);
+    --overlay:rgba(0,0,0,.45);
+    /* radii */
+    --r:9px; --r-sm:6px; --r-xs:4px; --r-pill:20px;
+    /* motion */
+    --t-fast:.12s; --t-med:.2s; --t-in:.32s; --t-pulse:2s;
+    /* layout constants */
+    --hdr-h:48px; --sb-w:240px; --inset-tl:96px;
+    /* text on an accent-filled surface */
+    --acc-contrast:#ffffff;
+    /* recurring spacing */
+    --pad-cell:9px 12px; --pad-page:20px 22px; --pad-ctl:7px 11px; --pad-row:7px 10px;
+    --gap-sec:18px;
+  }
+  :root:not([data-theme="light"]){
+    @media (prefers-color-scheme: dark){
+      --bg:#0c0e12; --panel:#14171d; --panel-2:#1a1e26; --line:#242932; --line-2:#1e222a;
+      --fg:#e6e9ee; --fg-2:#c2c8d0; --dim:#7c8592; --faint:#5a626e;
+      --acc:#a3e635; --acc-soft:rgba(163,230,53,.14);
+      --ok:#3fb571; --ok-soft:rgba(63,181,113,.14);
+      --warn:#d9a441; --warn-soft:rgba(217,164,65,.14);
+      --bad:#f0655a; --bad-soft:rgba(240,101,90,.14);
+      --violet:#a68bec;
+      --c0:#7c8592; --c1:#6bbf3a; --c2:#2bb78f; --c3:#b0cf3a; --c4:#3f9d63; --c5:#93c47d; --c6:#2f8f5a; --c7:#d3e88a;
+      --acc-1:#1c3311; --acc-2:#2f5a18; --acc-3:#4d8a24; --acc-4:#7cc02f; --acc-5:#bfef7a;
+      --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.25);
+      --shadow-pop:0 8px 24px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
+      --acc-contrast:#0e1013;
+    }
+  }
+  :root[data-theme="dark"]{
+    --bg:#0c0e12; --panel:#14171d; --panel-2:#1a1e26; --line:#242932; --line-2:#1e222a;
+    --fg:#e6e9ee; --fg-2:#c2c8d0; --dim:#7c8592; --faint:#5a626e;
+    --acc:#a3e635; --acc-soft:rgba(163,230,53,.14);
+    --ok:#3fb571; --ok-soft:rgba(63,181,113,.14);
+    --warn:#d9a441; --warn-soft:rgba(217,164,65,.14);
+    --bad:#f0655a; --bad-soft:rgba(240,101,90,.14);
+    --violet:#a68bec;
+    --c0:#7c8592; --c1:#6bbf3a; --c2:#2bb78f; --c3:#b0cf3a; --c4:#3f9d63; --c5:#93c47d; --c6:#2f8f5a; --c7:#d3e88a;
+    --acc-1:#1c3311; --acc-2:#2f5a18; --acc-3:#4d8a24; --acc-4:#7cc02f; --acc-5:#bfef7a;
+    --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.25);
+    --shadow-pop:0 8px 24px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
+    --acc-contrast:#0e1013;
+  }
+  *{box-sizing:border-box}
+  html,body{height:100%}
+  /* UI zoom (desktop app: ⌘/Ctrl +, −, 0) — scales the whole page, persisted by app.js */
+  html{zoom:var(--ui-zoom,1)}
+  body{margin:0;background:var(--bg);color:var(--fg);font:var(--fs-lg)/1.5 var(--sans);
+    -webkit-font-smoothing:antialiased;display:grid;grid-template-rows:var(--hdr-h) 1fr;grid-template-columns:var(--sb-w) 1fr;overflow:hidden;
+    animation:appin var(--t-in) ease both;user-select:none;-webkit-user-select:none}
+  @keyframes appin{from{opacity:0}to{opacity:1}}
+  /* Chrome (header, sidebar, controls) isn't selectable; real data stays selectable/copyable. */
+  input,textarea,tbody td,.mono,code,kbd{user-select:text;-webkit-user-select:text}
+  ::selection{background:var(--acc-soft)}
+  a{color:var(--acc);text-decoration:none}
+  .dim{color:var(--dim)}.faint{color:var(--faint)}
+  .mono{font-family:var(--mono);font-size:var(--fs-mono)}
+  .num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
+  kbd{font:var(--fs-mono) var(--mono);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-xs);padding:1px 5px;color:var(--fg-2)}
+  code{font:var(--fs-md) var(--mono);color:var(--fg-2)}
+  /* collapsed sidebar */
+  body.nosb{grid-template-columns:0 1fr}
+  body.nosb>aside{display:none}
+  body>aside{grid-column:1;grid-row:2}
+  body>main{grid-column:2;grid-row:2}
+  #projects h4{display:flex;align-items:center;gap:5px}
+  .h4-act{margin-left:auto;cursor:pointer;color:var(--faint);display:inline-flex;padding:2px;border-radius:var(--r-xs)}
+  .h4-act:hover{color:var(--acc)}
+  .pk-h input{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);
+    padding:5px 9px;border-radius:var(--r-sm);font:var(--fs-mono) var(--mono);outline:none;min-width:0}
+  .pk-h input:focus{border-color:var(--acc)}
+  /* header */
+  header{grid-column:1/3;display:flex;align-items:center;gap:6px;padding:0 16px;
+    border-bottom:1px solid var(--line);background:var(--panel);z-index:5}
+  /* macOS desktop app: overlay title bar — pad the header clear of the traffic lights,
+     but reclaim the space in fullscreen where the lights are hidden. */
+  html.chrome-inset header{padding-left:var(--inset-tl)}
+  html.chrome-inset.fs header{padding-left:16px}
+  /* Overlay title bar hides the native drag region; app.js wires header mousedown to
+     the Tauri window drag. Interactive controls keep the default cursor. */
+  html.chrome-inset header{cursor:default}
+  header .logo{font-weight:700;letter-spacing:.02em;font-size:var(--fs-xl);margin-right:14px;display:flex;align-items:center;gap:8px}
+  header .logo svg{width:22px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}
+  header .nav{color:var(--dim);padding:6px 11px;border-radius:var(--r-sm);font-weight:500;transition:color var(--t-fast),background var(--t-fast)}
+  header .nav:hover{color:var(--fg-2)}
+  header .nav.on{color:var(--fg);background:var(--panel-2)}
+  header .sp{flex:1}
+  header #today{margin-right:18px;color:var(--dim);font-variant-numeric:tabular-nums}
+  header #today b{color:var(--fg-2);font-weight:600}
+  #daemon{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:var(--fs-md)}
+  #daemon .dot{width:7px;height:7px;border-radius:50%;background:var(--bad);transition:background var(--t-med)}
+  #daemon .dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
+  /* sidebar */
+  body>aside{border-right:1px solid var(--line);background:var(--panel);padding:12px 10px;overflow:auto;display:flex;flex-direction:column}
+  body>aside h4{margin:14px 8px 6px;color:var(--faint);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em}
+  body>aside h4:first-child{margin-top:2px}
+  .proj{padding:var(--pad-row);border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:9px;
+    color:var(--fg-2);transition:background var(--t-fast);user-select:none}
+  .proj:hover{background:var(--panel-2)}
+  .proj.sel{background:var(--acc-soft);color:var(--fg)}
+  .proj.sel .nm{font-weight:600}
+  .proj .st{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none;transition:background var(--t-med)}
+  .proj .st.live{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
+  .proj .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
+  .proj small{color:var(--dim);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}
+  /* The ⋯ takes no space: it swaps in for the live-count on hover instead of reserving a slot. */
+  .proj .act{display:none;color:var(--faint);flex:none;font-size:var(--fs-lg);line-height:1;padding:2px;border-radius:var(--r-xs);transition:color var(--t-fast),background var(--t-fast)}
+  .proj:hover .act{display:inline-flex}
+  .proj:hover small{display:none}
+  .proj .act:hover{color:var(--fg);background:var(--line)}
+  .proj .act.rm:hover{color:var(--bad)}
+  #picker:empty{display:none}
+  #picker{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:50}
+  .pk{width:min(560px,92vw);max-height:78vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-pop);overflow:hidden}
+  .pk-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
+    .pk-list{overflow:auto;padding:6px}
+  .pk-row{display:flex;align-items:center;gap:9px;padding:var(--pad-row);border-radius:var(--r-sm);cursor:pointer;color:var(--fg-2)}
+  .pk-row:hover{background:var(--panel-2)}.pk-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .pk-row.up{color:var(--dim)}.pk-row .badge{margin:0}
+  .pk-f{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
+  .pk-f button{flex:none}.pk-f .grow{flex:1}
+  .pk-f .primary{background:var(--acc);border-color:var(--acc);color:var(--acc-contrast)}
+  .pk-f .primary:hover{filter:brightness(1.06);color:var(--acc-contrast)}
+  .proj .nm .pdir{opacity:.5;font-weight:400}
+  /* drag-to-reorder (pinned rows only) */
+  .proj[draggable]{cursor:grab}
+  .proj.dragging{opacity:.35;background:var(--panel-2);outline:1px dashed var(--acc)}
+  button{background:var(--panel);border:1px solid var(--line);color:var(--fg-2);padding:var(--pad-ctl);
+    border-radius:var(--r-sm);font:600 var(--fs-md) var(--sans);cursor:pointer;transition:border-color var(--t-fast),color var(--t-fast)}
+  button:hover{border-color:var(--acc);color:var(--fg)}
+  /* main */
+  main{overflow:auto;padding:var(--pad-page)}
+  h2.hrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
+  h2.hrow .s{margin:0}
+  h2{font-size:var(--fs-md);margin:0 0 12px;color:var(--dim);font-weight:600;text-transform:uppercase;
+    letter-spacing:.07em;display:flex;gap:10px;align-items:baseline}
+  h2 span{font-weight:500;text-transform:none;letter-spacing:0;color:var(--faint);font-size:var(--fs-md)}
+  h2 .back{color:var(--fg-2);text-transform:none;letter-spacing:0;font-weight:600;font-size:var(--fs-md);display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 8px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel);transition:border-color var(--t-fast),color var(--t-fast)}
+  /* tables */
+  .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow-x:auto}
+  table{width:100%;border-collapse:collapse;table-layout:fixed}
+  .card table{background:var(--panel)}
+  thead th{text-align:left;padding:var(--pad-cell);color:var(--dim);font-weight:500;font-size:var(--fs-sm);
+    border-bottom:1px solid var(--line);background:var(--panel-2);white-space:nowrap}
+  tbody td{padding:var(--pad-cell);border-bottom:1px solid var(--line-2);white-space:nowrap;
+    overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
+  tbody tr:last-child td{border-bottom:0}
+  /* edge tool cell: never ellipsize (the browser's "…" showed as a stray dot on every row) */
+  tbody td.td-tools{text-overflow:clip;padding-left:0;padding-right:0;text-align:center}
+  tbody tr{cursor:pointer;transition:background var(--t-fast)}
+  tbody tr:hover{background:var(--panel-2)}
+  td:first-child{overflow:visible}
+  /* data-grid (table.js): sortable/resizable/reorderable headers + filter row */
+  .dt thead th{position:relative;user-select:none;-webkit-user-select:none}
+  /* visible column dividers in the header: the "these columns are adjustable" cue */
+  .dt thead tr:first-child th[data-col]:not(:last-child)::after{content:"";position:absolute;right:0;top:25%;height:50%;
+    border-right:1px solid var(--line)}
+  .dt thead th[data-sort]{cursor:pointer}
+  .dt thead th[data-sort]:hover{color:var(--fg-2)}
+  .dt thead th.dragging{opacity:.4}
+  .dt .th-l{display:inline-flex;align-items:center;gap:5px}
+  .dt th.num .th-l{justify-content:flex-end;width:100%}
+  .dt .sort{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block}
+  .dt .sort.asc{border-bottom:5px solid var(--acc)}
+  .dt .sort.desc{border-top:5px solid var(--acc)}
+  .dt .th-grip{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:2}
+  .dt .th-grip:hover{background:linear-gradient(to right,transparent 3px,var(--acc) 3px,var(--acc) 5px,transparent 5px)}
+  body.col-resizing{cursor:col-resize}
+  body.col-resizing .dt thead th{cursor:col-resize}
+  .dt .th-tools{text-align:right}
+  .dt .th-cols{cursor:pointer;color:var(--faint);display:inline-flex}
+  .dt .th-cols:hover{color:var(--fg-2)}
+  .dt tr.filters th{padding:4px 8px;background:var(--panel)}
+  .dt tr.filters input{width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);
+    padding:3px 7px;border-radius:var(--r-sm);font:var(--fs-sm) var(--mono);outline:none}
+  .dt tr.filters input:focus{border-color:var(--acc)}
+  .dt .tbl-empty td{color:var(--dim);text-align:center;padding:18px;cursor:default}
+  td b{font-weight:600;color:var(--fg)}
+  td.now,td.br{font-family:var(--mono);font-size:var(--fs-mono);color:var(--fg-2)}
+  td.now{color:var(--dim)}
+  td a{color:var(--acc)}
+  .num{text-align:right}
+  th.num{text-align:right}
+  /* status dots */
+  .s{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
+  .s.active{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft);animation:pulse var(--t-pulse) ease-in-out infinite}
+  .s.waiting{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
+  .s.idle{background:var(--faint)}
+  .s.ended{background:var(--line);border:1px solid var(--faint);box-shadow:none}
+  @keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--ok-soft)}50%{box-shadow:0 0 0 5px transparent}}
+  /* badges */
+  .badge{display:inline-block;font:500 var(--fs-xs) var(--sans);padding:2px 7px;border-radius:var(--r-pill);
+    background:var(--panel-2);color:var(--dim);margin-right:4px;vertical-align:middle}
+  .badge.warn{color:var(--warn);background:var(--warn-soft)}
+  .badge.acc{color:var(--acc);background:var(--acc-soft)}
+  .badge.ok{color:var(--ok);background:var(--ok-soft)}
+  .badge.agent{color:var(--violet);background:color-mix(in srgb,var(--violet) 14%,transparent);font-weight:600}
+  /* empty */
+  .empty{color:var(--dim);padding:44px 24px;text-align:center;border:1px dashed var(--line);
+    border-radius:var(--r);background:var(--panel);line-height:1.7}
+  /* session detail */
+  .sess{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
+  .sess>*{height:calc(100vh - 140px);min-height:320px}
+  @media (max-width:980px){.sess{grid-template-columns:1fr}.sess>*{height:auto;max-height:calc(100vh - 140px)}}
+  #log{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
+    padding:6px 0;overflow:auto}
+  .ev{display:grid;grid-template-columns:68px 112px 1fr;gap:12px;padding:5px 14px;align-items:baseline}
+  .ev:hover{background:var(--panel-2)}
+  .ev .t{color:var(--faint);font:var(--fs-sm) var(--mono)}
+  .ev .k{color:var(--dim);font:500 var(--fs-sm) var(--mono);text-transform:lowercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .ev .m{white-space:pre-wrap;word-break:break-word;color:var(--fg-2);font-size:var(--fs-menu)}
+  .ev.assistant .k{color:var(--violet)}
+  .ev.assistant .m{color:var(--fg)}
+  .ev.tool\.requested .k{color:var(--acc)}
+  .ev.tool\.requested .m{color:var(--dim);font-family:var(--mono);font-size:var(--fs-mono)}
+  .ev.incident\.opened .k,.ev.incident\.opened .m{color:var(--warn)}
+  .ev.session\.ended .k{color:var(--bad)}
+  .ev.prompt\.submitted .k{color:var(--ok)}
+  .ev.prompt\.submitted .m{color:var(--fg);font-weight:500}
+  .side{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);
+    padding:14px 18px;overflow:auto}
+  .side .stats{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
+  .stat{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line-2)}
+  .stat:last-of-type{border-bottom:0}
+  .stat span{color:var(--dim)}
+  .stat b{font-weight:600;font-variant-numeric:tabular-nums}
+  .stat small{color:var(--faint);font-weight:400}
+  .side h4{margin:16px 0 6px;color:var(--faint);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
+  table.mini{border:0;table-layout:fixed}table.mini td{padding:3px 0;border:0;font-size:var(--fs-md)}
+  table.mini td:first-child{color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  table.mini td.num{color:var(--dim);width:34px}
+  /* spend */
+  .bars{display:flex;gap:5px;align-items:flex-end;height:110px;background:var(--panel);
+    border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px 26px;margin-bottom:var(--gap-sec)}
+  .bar{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;min-width:0}
+  .bar>div{width:100%;background:linear-gradient(180deg,var(--acc),color-mix(in srgb,var(--acc) 70%,transparent));
+    border-radius:var(--r-xs) var(--r-xs) 0 0;min-height:2px;transition:opacity var(--t-fast)}
+  .bar:hover>div{opacity:.75}
+  .bar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font:var(--fs-2xs) var(--mono);color:var(--faint)}
+  .cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sec)}
+  /* charts */
+  .chart{display:block;width:100%;overflow:visible}
+  .chart .grid{stroke:var(--line-2);stroke-width:1;vector-effect:non-scaling-stroke}
+  .chart .base{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
+  .chart .ax{fill:var(--faint);font:var(--fs-2xs) var(--mono);text-anchor:start}
+  .chart .ax.mid{text-anchor:middle}
+  .chart .col:hover path{filter:brightness(1.12)}
+  .chart-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px 10px;margin-bottom:var(--gap-sec)}
+  .chart-card h3{margin:0 0 10px;font-size:var(--fs-md);font-weight:600;color:var(--fg-2);display:flex;gap:10px;align-items:baseline}
+  .chart-card h3 span{color:var(--faint);font-weight:400}
+  .legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font-size:var(--fs-mono);color:var(--fg-2)}
+  .legend span{display:inline-flex;align-items:center;gap:6px}
+  .legend i{width:9px;height:9px;border-radius:2px;display:inline-block}
+  .legend em{font-style:normal;color:var(--dim);font-variant-numeric:tabular-nums}
+  .legend.small{font-size:var(--fs-sm);margin-top:6px}
+  #tip{position:fixed;left:0;top:0;display:none;z-index:50;pointer-events:none;background:var(--fg);color:var(--bg);
+    padding:7px 10px;border-radius:var(--r-sm);font:var(--fs-mono)/1.5 var(--sans);box-shadow:var(--shadow-pop);max-width:280px;font-variant-numeric:tabular-nums}
+  #tip b{font-weight:600}#tip span{opacity:.7}#tip i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:6px}
+  .spark{width:88px;height:20px;display:block;overflow:visible}
+  .spark path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
+  .comp{display:flex;gap:2px;height:12px;border-radius:var(--r-xs);overflow:hidden;margin-top:4px}
+  .comp i{display:block;min-width:2px;transition:filter var(--t-fast)}.comp i:hover{filter:brightness(1.15)}
+  .hbars{display:flex;flex-direction:column;gap:4px}
+  .hb{display:grid;grid-template-columns:minmax(0,88px) 1fr 30px;gap:8px;align-items:center;font-size:var(--fs-md)}
+  .hb .k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}
+  .hb .t{height:8px;background:var(--panel-2);border-radius:3px;overflow:hidden}
+  .hb .t i{display:block;height:100%;border-radius:3px;min-width:2px}
+  .hb .n{text-align:right;color:var(--dim);font-variant-numeric:tabular-nums;font-size:var(--fs-mono)}
+  .cal{position:relative;padding-top:16px}
+  .cal-months{position:absolute;top:0;left:0;right:0;height:14px}
+  .cal-months span{position:absolute;font:var(--fs-2xs) var(--mono);color:var(--faint)}
+  .cal-grid{display:grid;gap:2px}
+  .cal-col{display:grid;grid-template-rows:repeat(7,1fr);gap:2px;aspect-ratio:1/7}
+  .cal-col i{display:block;border-radius:2px;background:var(--acc);outline:1px solid var(--line-2);outline-offset:-1px}
+  .cal-col i:hover{outline-color:var(--fg)}
+  .chart.line .pt circle{opacity:0}.chart.line .pt:hover circle{opacity:1}
+  .records{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+  .rec{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px 14px;display:flex;flex-direction:column;gap:2px}
+  .rec .l{font-size:var(--fs-sm);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
+  .rec .v{font-size:var(--fs-lg);font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}
+  .rec .d{font-size:var(--fs-mono);color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .hm{display:grid;grid-template-columns:34px 1fr;gap:3px 8px;align-items:center}
+  .hm-lbl{font:var(--fs-xs) var(--mono);color:var(--faint)}
+  .hm-row{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:16px}
+  .hm-row i{display:block;border-radius:2px;background:var(--acc);outline:1px solid var(--line-2);outline-offset:-1px}
+  .hm-row i:hover{outline-color:var(--fg)}
+  .hm-hours{position:relative;height:14px;font:var(--fs-2xs) var(--mono);color:var(--faint)}
+  .hm-hours span{position:absolute;top:0}
+  /* timeline */
+  .tl{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:8px 16px 12px}
+  .tl-row{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center;height:24px;cursor:pointer;border-radius:var(--r-xs)}
+  .tl-row:hover{background:var(--panel-2)}
+  .tl-row.head{height:22px;cursor:default;margin-bottom:4px;position:sticky;top:-20px;background:var(--panel);z-index:2}
+  .tl-row.head:hover{background:var(--panel)}
+  .tl-name{font-size:var(--fs-md);color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px}
+  .tl-track{position:relative;height:100%}
+  .tl-track>i{position:absolute;top:6px;height:12px;border-radius:3px;min-width:3px;opacity:.9}
+  .tl-track>i.live{box-shadow:0 0 0 2px var(--panel),0 0 0 3px currentColor;animation:none}
+  .tl-track>i:hover{opacity:1;filter:brightness(1.1)}
+  .tl-track>i:not([data-tip]){top:0;height:100%;width:1px;background:var(--line-2);border-radius:0;opacity:1;min-width:0;pointer-events:none}
+  .tl-axis{position:absolute;inset:0;font:var(--fs-2xs) var(--mono);color:var(--faint)}
+  .tl-axis span{position:absolute;top:3px;transform:translateX(-50%)}
+  .tl-now{position:absolute;top:0;bottom:-2000px;width:1px;background:var(--bad);z-index:1;pointer-events:none}
+  .tl-group{position:relative;margin-top:6px;padding-top:4px;border-top:1px solid var(--line-2)}
+  .tl-proj{font-size:var(--fs-sm);font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;padding:4px 10px 2px}
+  .tl-proj small{margin-left:8px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--faint)}
+  .tl{overflow:hidden}
+  .tl-group{overflow:hidden}
+  .sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;vertical-align:baseline}
+  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:var(--gap-sec)}
+  .kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px}
+  .kpi .l{font-size:var(--fs-sm);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
+  .kpi .v{font-size:var(--fs-2xl);font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px;color:var(--fg)}
+  .kpi .d{font-size:var(--fs-mono);color:var(--faint)}
+  /* icons (Phosphor regular, inline) */
+  .ph{display:inline-block;vertical-align:middle;flex:none}
+  header .nav{display:inline-flex;align-items:center;gap:6px}
+  header .navcount{font:600 var(--fs-xs) var(--mono);color:var(--warn);background:var(--warn-soft);border-radius:var(--r-pill);padding:1px 6px;line-height:1.4}
+  header .nav .ph{opacity:.75}
+  header .nav.on .ph{opacity:1;color:var(--acc)}
+  .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--r-sm);
+    background:transparent;border:1px solid transparent;color:var(--dim)}
+  .icon-btn:hover{background:var(--panel-2);color:var(--fg);border-color:transparent}
+  .icon-btn.on{background:var(--panel-2);color:var(--fg)}
+  header #settings{margin-left:10px}
+  .proj .ph{color:var(--faint)}
+  .proj.sel .ph{color:var(--acc)}
+  .kind{color:var(--faint);margin-right:6px;vertical-align:middle}
+  td .more{opacity:0;color:var(--faint);padding:2px;border-radius:var(--r-xs);transition:opacity var(--t-fast),background var(--t-fast);line-height:0;display:inline-flex;vertical-align:middle}
+  tr:hover td .more,.proj:hover .more{opacity:1}
+  td .more:hover{background:var(--line);color:var(--fg)}
+  .stat .ph{color:var(--faint);margin-right:7px}
+  .empty .ph{display:block;margin:0 auto 10px;color:var(--faint)}
+  .empty .px{display:block;margin:0 auto 14px;image-rendering:pixelated}
+  h2 .back:hover{border-color:var(--acc);color:var(--fg)}
+  /* fancy-menus theme → Swarm tokens */
+  :root{--fm-surface-bg:var(--panel);--fm-surface-fg:var(--fg);--fm-surface-border:var(--line);--fm-surface-radius:var(--r);
+    --fm-surface-shadow:var(--shadow-pop);
+    --fm-accent:var(--acc);--fm-accent-fg:var(--acc-contrast);--fm-destructive:var(--bad);--fm-muted-fg:var(--dim);--fm-divider-color:var(--line-2);
+    --fm-row-hover-bg:var(--panel-2);--fm-row-active-bg:var(--acc-soft);--fm-row-active-fg:var(--fg);
+    --fm-font-size-row:var(--fs-menu);--fm-font-size-caption:var(--fs-sm);--fm-font-size-section:var(--fs-xs);--fm-row-min-h:30px;--fm-row-radius:var(--r-sm)}
+  .fm-row--danger{color:var(--bad)}
+  .fm-row--danger:hover{background:var(--bad-soft)}
+  /* pressed/active rows: soft accent tint, not the solid accent block */
+  .fm-row[data-pressed="true"]{background:var(--acc-soft);color:var(--fg)}
+  .fm-row[data-pressed="true"] .fm-ico{color:var(--acc)}
+  /* Pixel icons in menu rows: flex-center them and drop the global .ph baseline nudge. */
+  .fm-row__icon,.fm-ico{display:inline-flex;align-items:center;justify-content:center}
+  .fm-ico .ph{vertical-align:0}
+  main>h2:not(:first-child){margin-top:var(--gap-sec)}
+  .mt-sec{margin-top:var(--gap-sec)}
+  .chips{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
+  .chip{font:500 var(--fs-md) var(--sans);padding:4px 11px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--line);color:var(--dim);cursor:pointer;user-select:none}
+  .chip:hover{border-color:var(--acc);color:var(--fg-2)}
+  .chip.on{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
+  .seg{display:inline-flex;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px}
+  .seg a{padding:3px 10px;border-radius:var(--r-sm);font:600 var(--fs-md) var(--sans);color:var(--dim);text-decoration:none;transition:color var(--t-fast),background var(--t-fast);letter-spacing:0;text-transform:none}
+  .seg a:hover{color:var(--fg-2)}
+  .seg a.on{background:var(--acc-soft);color:var(--acc)}
+  .chip b{font-weight:700}
+  /* star nudge (once a month, dismissable) */
+  .nudge{position:fixed;right:18px;bottom:18px;z-index:40;max-width:400px;background:var(--panel);border:1px solid var(--line);
+    border-radius:var(--r);box-shadow:var(--shadow-pop);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;
+    font:var(--fs-md) var(--sans);color:var(--fg-2);line-height:1.5}
+  .nudge .ic{color:var(--acc);flex:none;margin-top:1px}
+  .nudge b{color:var(--fg);display:block;margin-bottom:2px}
+  .nudge .row{display:flex;gap:8px;margin-top:10px;align-items:center;white-space:nowrap}
+  .nudge button.pri{background:var(--acc-soft);border-color:transparent;color:var(--acc)}
+  .nudge a.dim{color:var(--dim);font-size:var(--fs-sm);margin-left:auto}
+  body.nosb .nudge{right:18px}
+</style>
+</head>
+<body>
+<header>
+  <button class="icon-btn" id="sbToggle" title="Toggle sidebar" aria-label="Toggle sidebar"><i data-icon="arrow-bar-left"></i></button>
+  <span class="logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 11" shape-rendering="crispEdges"><rect x="2" y="1" width="1" height="1" fill="#a3e635"/><rect x="6" y="1" width="1" height="1" fill="#7cc02f"/><rect x="7" y="1" width="1" height="1" fill="#7cc02f"/><rect x="8" y="1" width="1" height="1" fill="#7cc02f"/><rect x="9" y="1" width="1" height="1" fill="#4f7d24"/><rect x="4" y="3" width="1" height="1" fill="#a3e635"/><rect x="7" y="3" width="1" height="1" fill="#7cc02f"/><rect x="8" y="3" width="1" height="1" fill="#7cc02f"/><rect x="9" y="3" width="1" height="1" fill="#7cc02f"/><rect x="10" y="3" width="1" height="1" fill="#7cc02f"/><rect x="11" y="3" width="1" height="1" fill="#7cc02f"/><rect x="12" y="3" width="1" height="1" fill="#4f7d24"/><rect x="1" y="5" width="1" height="1" fill="#a3e635"/><rect x="5" y="5" width="1" height="1" fill="#a3e635"/><rect x="6" y="5" width="1" height="1" fill="#a3e635"/><rect x="7" y="5" width="1" height="1" fill="#a3e635"/><rect x="8" y="5" width="1" height="1" fill="#a3e635"/><rect x="9" y="5" width="1" height="1" fill="#a3e635"/><rect x="10" y="5" width="1" height="1" fill="#a3e635"/><rect x="11" y="5" width="1" height="1" fill="#a3e635"/><rect x="12" y="5" width="1" height="1" fill="#a3e635"/><rect x="13" y="5" width="1" height="1" fill="#4f7d24"/><rect x="4" y="7" width="1" height="1" fill="#a3e635"/><rect x="7" y="7" width="1" height="1" fill="#7cc02f"/><rect x="8" y="7" width="1" height="1" fill="#7cc02f"/><rect x="9" y="7" width="1" height="1" fill="#7cc02f"/><rect x="10" y="7" width="1" height="1" fill="#7cc02f"/><rect x="11" y="7" width="1" height="1" fill="#4f7d24"/><rect x="2" y="9" width="1" height="1" fill="#a3e635"/><rect x="6" y="9" width="1" height="1" fill="#7cc02f"/><rect x="7" y="9" width="1" height="1" fill="#7cc02f"/><rect x="8" y="9" width="1" height="1" fill="#7cc02f"/><rect x="9" y="9" width="1" height="1" fill="#4f7d24"/></svg>Swarm</span>
+  <a href="#" data-view="fleet" class="nav on"><i data-icon="squares-four"></i>Fleet</a>
+  <a href="#" data-view="board" class="nav"><i data-icon="stack"></i>Board</a>
+  <a href="#" data-view="incidents" class="nav"><i data-icon="warning"></i>Incidents<b id="incCount" class="navcount" hidden></b></a>
+  <a href="#" data-view="prs" class="nav"><i data-icon="git-pull-request"></i>PRs</a>
+  <a href="#" data-view="timeline" class="nav"><i data-icon="clock-counter-clockwise"></i>Timeline</a>
+  <a href="#" data-view="spend" class="nav"><i data-icon="coins"></i>Spend</a>
+  <a href="#" data-view="stats" class="nav"><i data-icon="chart-bar"></i>Stats</a>
+  <span class="sp"></span>
+  <span id="today"></span>
+  <span id="daemon"><span class="dot"></span><span class="lbl">Daemon</span></span>
+  <button class="icon-btn" id="feedback" title="Send feedback (opens a GitHub issue)" aria-label="Send feedback"><i data-icon="comment-text"></i></button>
+  <button class="icon-btn" id="settings" title="Settings" aria-label="Settings"><i data-icon="sliders"></i></button>
+</header>
+<aside>
+  <div id="projects"></div>
+</aside>
+<main id="main"></main>
+<div id="picker"></div>
+<script src="/icons.js"></script>
+<script src="/viz.js"></script>
+<script src="/table.js"></script>
+<script src="/app.js"></script>
+<script src="/menus.js" defer></script>
+</body>
+</html>