@worca/ui 0.3.1-rc.5 → 0.5.0

package/app/styles.css

@@ -25,9 +25,9 @@
   --status-resuming: #3b82f6;
   --status-skipped: #94a3b8;
   /* legacy */
-  --status-in-progress: #f59e0b;
+  --status-in-progress: #3b82f6;
   --status-error: #ef4444;
-  --status-blocked: #3b82f6;
+  --status-blocked: #f59e0b;
 
   /* Log viewer */
   --log-bg: #0f172a;
@@ -47,7 +47,7 @@
   /* Shoelace token mapping */
   --sl-color-primary-600: var(--accent);
   --sl-color-success-600: var(--status-completed);
-  --sl-color-warning-600: var(--status-in-progress);
+  --sl-color-warning-600: var(--status-blocked);
   --sl-color-danger-600: var(--status-error);
   --sl-color-neutral-600: var(--status-pending);
   --sl-border-radius-medium: var(--radius);
@@ -577,11 +577,11 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .timing-bar-thinking {
-  background: var(--status-blocked, #3b82f6);
+  background: var(--status-blocked, #f59e0b);
 }
 
 .timing-bar-tools {
-  background: var(--status-in-progress, #f59e0b);
+  background: var(--status-in-progress, #3b82f6);
 }
 
 .timing-bar-rest {
@@ -2323,6 +2323,21 @@ sl-option.template-grouped::part(suffix) {
   padding: 0 0 4px;
 }
 
+/* Fix contrast on selected/current option description */
+sl-option.template-grouped[aria-selected="true"]::part(suffix),
+sl-option.template-grouped:focus::part(suffix) {
+  color: inherit;
+  opacity: 0.85;
+}
+
+/* Selected template description below dropdown */
+.template-description {
+  font-size: 12px;
+  color: var(--muted);
+  margin-top: 6px;
+  line-height: 1.5;
+}
+
 /* Plan file autocomplete */
 .plan-autocomplete {
   position: relative;
@@ -2598,6 +2613,10 @@ sl-option.template-grouped::part(suffix) {
   border-style: dashed;
 }
 
+.beads-kanban-card--in_progress {
+  border-color: var(--status-in-progress);
+}
+
 .beads-kanban-card-header {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.3.1-rc.5",
+  "version": "0.5.0",
   "description": "Pipeline monitoring UI for worca-cc",
   "license": "MIT",
   "author": "Sinisha Djukic",
@@ -26,6 +26,7 @@
     "server/*.js",
     "!server/*.test.js",
     "!server/test/",
+    "app/favicon-*.svg",
     "app/index.html",
     "app/main.bundle.js",
     "app/main.bundle.js.map",

package/server/app.js

@@ -427,6 +427,16 @@ export function createApp(options = {}) {
     );
   }
 
+  // ─── Dynamic favicon ──────────────────────────────────────────────────
+  // Serve mode-specific favicon before express.static so it takes precedence.
+  app.get('/favicon.svg', (_req, res) => {
+    const faviconFile = projectRoot
+      ? 'favicon-project.svg'
+      : 'favicon-global.svg';
+    res.setHeader('Content-Type', 'image/svg+xml');
+    res.sendFile(faviconFile, { root: appDir });
+  });
+
   app.use(express.static(appDir));
   app.get('/{*splat}', (_req, res) => {
     res.sendFile('index.html', { root: appDir });

package/server/ws-beads-watcher.js

@@ -8,7 +8,7 @@ import { existsSync, watch } from 'node:fs';
 import { join, resolve } from 'node:path';
 import { listIssues } from './beads-reader.js';
 
-const BEADS_DEBOUNCE_MS = 300;
+const BEADS_DEBOUNCE_MS = 500;
 
 /**
  * @param {{ worcaDir: string, broadcaster: { broadcast: Function }, projectId?: string }} deps

package/server/ws-message-router.js

@@ -614,6 +614,12 @@ export function createMessageRouter({
         return;
       }
       const issues = await listIssuesByLabel(beadsDbPath, `run:${runId}`);
+      console.log(
+        '[list-beads-by-run] runId=%s count=%d statuses=%o',
+        runId,
+        issues.length,
+        issues.map((i) => i.status),
+      );
       ws.send(JSON.stringify(makeOk(req, { issues, runId })));
       return;
     }