@worca/ui 0.3.1-rc.5 → 0.5.0-rc.1

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-rc.1",
   "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

@@ -35,24 +35,6 @@ import {
 import { readSettings } from './settings-reader.js';
 import { discoverRuns } from './watcher.js';
 
-// Legacy fallback prefixes — only used when status.json lacks a stored prompt
-const STAGE_PROMPT_PREFIX = {
-  plan: 'Create a detailed implementation plan for the following work request. Write the plan to the designated plan file.\n\nWork request: ',
-  coordinate:
-    'Decompose the following work request into Beads tasks with dependencies. Do NOT implement anything — only create tasks using `bd create`.\n\nWork request: ',
-  implement:
-    'Implement the code changes described in the work request. Follow the plan and complete the tasks assigned to you.\n\nWork request: ',
-  test: 'Review and test the implementation for the following work request. Run tests and report results. Do NOT modify code.\n\nWork request: ',
-  review:
-    'Review the code changes for the following work request. Check for correctness, style, and adherence to the plan. Do NOT modify code.\n\nWork request: ',
-  pr: 'Create a pull request for the following work request. Summarize the changes and ensure the commit history is clean.\n\nWork request: ',
-};
-
-function _buildStagePrompt(stage, rawPrompt) {
-  const prefix = STAGE_PROMPT_PREFIX[stage];
-  return prefix ? prefix + rawPrompt : rawPrompt;
-}
-
 /**
  * @param {{
  *   watcherSets: Map<string, import('./watcher-set.js').WatcherSet>,
@@ -174,6 +156,7 @@ export function createMessageRouter({
         return;
       }
       const agentName = run.stages?.[stage]?.agent || stage;
+      const effectiveRunId = run.run_id || runId;
 
       const iterations = run.stages?.[stage]?.iterations || [];
       const iterationPrompts = iterations.map((iter, idx) => {
@@ -181,62 +164,116 @@ export function createMessageRouter({
         return { iteration: iter.number ?? idx, prompt };
       });
 
-      const storedPrompt = run.stages?.[stage]?.prompt;
-      let fallbackPrompt;
-      let promptSource;
-      if (storedPrompt) {
-        fallbackPrompt = storedPrompt;
-        promptSource = 'actual';
-      } else {
-        const rawPrompt =
-          run.work_request?.description || run.work_request?.title || '';
-        fallbackPrompt = _buildStagePrompt(stage, rawPrompt);
-        promptSource = 'reconstructed';
-      }
-
+      // User message (-p) — stored in status.json
+      const userPrompt = run.stages?.[stage]?.prompt || null;
       const hasIterationPrompts = iterationPrompts.some(
         (ip) => ip.prompt != null,
       );
-      if (!hasIterationPrompts) {
+      if (!hasIterationPrompts && userPrompt) {
         for (const ip of iterationPrompts) {
-          ip.prompt = fallbackPrompt;
+          ip.prompt = userPrompt;
         }
       }
 
-      let agentInstructions = null;
-      const candidates = [
-        join(
-          proj.worcaDir,
-          'runs',
-          run.run_id || runId,
-          'agents',
-          `${agentName}.md`,
-        ),
-        join(
-          proj.worcaDir,
-          'results',
-          run.run_id || runId,
-          'agents',
-          `${agentName}.md`,
-        ),
-      ];
-      for (const p of candidates) {
-        if (existsSync(p)) {
-          try {
-            agentInstructions = readFileSync(p, 'utf8');
-          } catch {
-            /* ignore */
+      // Resolved agent prompt — the full document the agent actually received.
+      // Prefer per-iteration resolved files (W-037+), fall back to the
+      // unresolved agent template for pre-W-037 runs.
+      let resolvedPrompt = null;
+      const resolvedIterationPrompts = [];
+
+      // Collect per-iteration resolved files
+      // Filename format: {stage}-{agent}-iter-{N}.md (W-037+)
+      // Fallback: {agent}-iter-{N}.md (early W-037 runs)
+      for (const iter of iterations) {
+        const iterNum = iter.number ?? 0;
+        const resolvedCandidates = [
+          join(
+            proj.worcaDir,
+            'runs',
+            effectiveRunId,
+            'agents',
+            'resolved',
+            `${stage}-${agentName}-iter-${iterNum}.md`,
+          ),
+          join(
+            proj.worcaDir,
+            'results',
+            effectiveRunId,
+            'agents',
+            'resolved',
+            `${stage}-${agentName}-iter-${iterNum}.md`,
+          ),
+          // Fallback for early W-037 runs without stage prefix
+          join(
+            proj.worcaDir,
+            'runs',
+            effectiveRunId,
+            'agents',
+            'resolved',
+            `${agentName}-iter-${iterNum}.md`,
+          ),
+          join(
+            proj.worcaDir,
+            'results',
+            effectiveRunId,
+            'agents',
+            'resolved',
+            `${agentName}-iter-${iterNum}.md`,
+          ),
+        ];
+        let content = null;
+        for (const p of resolvedCandidates) {
+          if (existsSync(p)) {
+            try {
+              content = readFileSync(p, 'utf8');
+            } catch {
+              /* ignore */
+            }
+            break;
+          }
+        }
+        resolvedIterationPrompts.push({ iteration: iterNum, prompt: content });
+        if (!resolvedPrompt && content) resolvedPrompt = content;
+      }
+
+      // Fall back to unresolved agent template (pre-W-037 runs)
+      if (!resolvedPrompt) {
+        const templateCandidates = [
+          join(
+            proj.worcaDir,
+            'runs',
+            effectiveRunId,
+            'agents',
+            `${agentName}.md`,
+          ),
+          join(
+            proj.worcaDir,
+            'results',
+            effectiveRunId,
+            'agents',
+            `${agentName}.md`,
+          ),
+        ];
+        for (const p of templateCandidates) {
+          if (existsSync(p)) {
+            try {
+              resolvedPrompt = readFileSync(p, 'utf8');
+            } catch {
+              /* ignore */
+            }
+            break;
           }
-          break;
         }
       }
+
       ws.send(
         JSON.stringify(
           makeOk(req, {
-            agentInstructions,
-            userPrompt: fallbackPrompt,
+            agentInstructions: resolvedPrompt,
+            userPrompt,
             iterationPrompts,
-            promptSource,
+            resolvedIterationPrompts,
+            promptSource: userPrompt ? 'actual' : 'none',
             agent: agentName,
           }),
         ),
@@ -614,6 +651,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;
     }