shadok-ai 0.16.6 → 0.16.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadok-ai",
-  "version": "0.16.6",
+  "version": "0.16.8",
   "main": "dist/session.js",
   "scripts": {
     "test": "node --import tsx --test --test-timeout=120000 test/*.ts context/*/test/*.test.mjs",

package/public/index.html

@@ -2272,6 +2272,20 @@
   .tab .lastat, .tab .ctxnum { font-size: 11px; color: var(--text-dim); }
   .tab.active { border-left: 0; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); background: var(--bg-raised); font-weight: 600; }
   :root:not([data-mode="light"]) .tab.active { background: var(--bg-inset); box-shadow: inset 0 0 0 1px var(--line); }
+  /* A working agent must stay visible in light mode. Two things hid it: 12% of
+     the accent over a near-white panel is barely a tint, and the white
+     `.tab.active` above comes later at the same weight, so the agent you are
+     watching — the one most likely to be working — went plain white. The tint
+     is mixed INTO the surface (opaque) and the selectors outweigh both
+     `.tab.active` rules, so the active tab keeps its state colour in either mode.
+     `background-COLOR`, never the shorthand: `background` expands to
+     `background-image: none`, and these selectors outweigh `.tab.has-bg`, so the
+     shorthand silently erased the green hatch of an agent with background work
+     still running (measured: light mode, a working non-active row lost it). */
+  :root[data-mode="light"] .tab.working,
+  :root[data-mode="light"] .rail-item.working { background-color: color-mix(in srgb, var(--amber) 22%, var(--bg-raised)); }
+  :root[data-mode="light"] .tab.working.active { background-color: color-mix(in srgb, var(--amber) 18%, var(--bg-raised)); }
+  :root:not([data-mode="light"]) .tab.working.active { background-color: color-mix(in srgb, var(--amber) 16%, var(--bg-inset)); }
   .tab.active .tav .led { border-color: var(--bg-raised); }
   .tab.unread { border-left: 0; border-radius: 6px; font-weight: 700; }
   .group-head { gap: 10px; padding: 8px; font-size: 14px; color: var(--text); border-radius: 6px; }