@worca/ui 0.1.0-rc.6 → 0.1.1-rc.2

package/app/styles.css

@@ -1735,10 +1735,20 @@ sl-details.log-history-panel::part(content) {
 }
 
 .pricing-table sl-input {
-  min-width: 90px;
-  max-width: 130px;
+  min-width: 72px;
+  max-width: 104px;
+  display: inline-block;
+}
+
+sl-input.pricing-input::part(input) {
+  text-align: right;
 }
 
+.pricing-table--auto {
+  width: auto;
+}
+
+
 .pricing-info {
   display: flex;
   gap: 16px;
@@ -3160,6 +3170,19 @@ sl-details.learnings-panel::part(content) {
   color: var(--muted);
 }
 
+.cost-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 0.7rem;
+  padding: 1px 4px;
+  border-radius: 4px;
+  background: var(--bg-tertiary);
+  color: var(--muted);
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
 /* Preflight checks view */
 
 .preflight-checks-view {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.1.0-rc.6",
+  "version": "0.1.1-rc.2",
   "description": "Pipeline monitoring UI for worca-cc",
   "license": "MIT",
   "author": "Sinisha Djukic",
@@ -56,7 +56,6 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-search": "^0.16.0",
     "@xterm/xterm": "^6.0.0",
-    "better-sqlite3": "^12.6.2",
     "express": "^5.2.1",
     "lit-html": "^3.3.1",
     "lucide": "^0.577.0",

package/server/beads-reader.js

@@ -1,199 +1,123 @@
+import { execFileSync } from 'node:child_process';
 import { existsSync } from 'node:fs';
-import Database from 'better-sqlite3';
+
+function runBd(args, dbPath) {
+  const fullArgs = [...args, '--json', '--db', dbPath, '--readonly'];
+  const stdout = execFileSync('bd', fullArgs, {
+    encoding: 'utf8',
+    timeout: 10000,
+    maxBuffer: 10 * 1024 * 1024,
+    stdio: ['ignore', 'pipe', 'pipe'],
+  });
+  return JSON.parse(stdout);
+}
+
+function transformIssue(issue, deps) {
+  const depends_on = (deps || []).map((d) => d.id);
+  const blocked_by = (deps || [])
+    .filter((d) => d.status !== 'closed' && d.status !== 'tombstone')
+    .map((d) => d.id);
+  return {
+    id: issue.id,
+    title: issue.title,
+    body: issue.description || '',
+    status: issue.status,
+    priority: issue.priority,
+    created_at: issue.created_at || '',
+    external_ref: issue.external_ref || null,
+    depends_on,
+    blocked_by,
+  };
+}
+
+function enrichWithDeps(issues, dbPath) {
+  const needDeps = issues.filter((i) => i.dependency_count > 0);
+  if (needDeps.length === 0) {
+    return issues.map((i) => transformIssue(i, []));
+  }
+  const detailed = runBd(['show', ...needDeps.map((i) => i.id)], dbPath);
+  const depMap = new Map(detailed.map((d) => [d.id, d.dependencies || []]));
+  return issues.map((i) => transformIssue(i, depMap.get(i.id) || []));
+}
 
 export function dbExists(beadsDb) {
   return existsSync(beadsDb);
 }
 
 export function listIssues(beadsDb) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const rows = db
-      .prepare(
-        `SELECT id, title, description AS body, status, priority, created_at, external_ref
-       FROM issues
-       WHERE status NOT IN ('closed','tombstone')
-       ORDER BY priority ASC, id ASC`,
-      )
-      .all();
-
-    const depStmt = db.prepare(
-      `SELECT depends_on_id FROM dependencies WHERE issue_id = ?`,
-    );
-    const statusMap = new Map(rows.map((r) => [r.id, r.status]));
-
-    return rows.map((row) => {
-      const depends_on = depStmt.all(row.id).map((d) => d.depends_on_id);
-      const blocked_by = depends_on.filter((depId) => statusMap.has(depId));
-      return { ...row, depends_on, blocked_by };
-    });
+    const issues = runBd(['list', '--limit', '0'], beadsDb);
+    return enrichWithDeps(issues, beadsDb);
   } catch {
     return [];
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }
 
 export function listIssuesByLabel(beadsDb, label) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const rows = db
-      .prepare(
-        `SELECT i.id, i.title, i.description AS body, i.status, i.priority, i.created_at
-       FROM issues i
-       JOIN labels l ON l.issue_id = i.id
-       WHERE l.label = ?
-       ORDER BY i.priority ASC, i.id ASC`,
-      )
-      .all(label);
-
-    const depStmt = db.prepare(
-      `SELECT depends_on_id FROM dependencies WHERE issue_id = ?`,
+    const issues = runBd(
+      ['list', '--label-any', label, '--all', '--limit', '0'],
+      beadsDb,
     );
-    const statusMap = new Map(rows.map((r) => [r.id, r.status]));
-
-    return rows.map((row) => {
-      const depends_on = depStmt.all(row.id).map((d) => d.depends_on_id);
-      const blocked_by = depends_on.filter((depId) => {
-        const s = statusMap.get(depId);
-        return s && s !== 'closed';
-      });
-      return { ...row, depends_on, blocked_by };
-    });
+    return enrichWithDeps(issues, beadsDb);
   } catch {
     return [];
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }
 
 export function listUnlinkedIssues(beadsDb) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const rows = db
-      .prepare(
-        `SELECT i.id, i.title, i.description AS body, i.status, i.priority, i.created_at
-       FROM issues i
-       WHERE NOT EXISTS (
-         SELECT 1 FROM labels l WHERE l.issue_id = i.id AND l.label LIKE 'run:%'
-       )
-       AND i.status NOT IN ('closed','tombstone')
-       ORDER BY i.priority ASC, i.id ASC`,
-      )
-      .all();
-
-    const depStmt = db.prepare(
-      `SELECT depends_on_id FROM dependencies WHERE issue_id = ?`,
-    );
-    const statusMap = new Map(rows.map((r) => [r.id, r.status]));
-
-    return rows.map((row) => {
-      const depends_on = depStmt.all(row.id).map((d) => d.depends_on_id);
-      const blocked_by = depends_on.filter((depId) => statusMap.has(depId));
-      return { ...row, depends_on, blocked_by };
+    const issues = runBd(['list', '--limit', '0'], beadsDb);
+    if (issues.length === 0) return [];
+    // bd list doesn't include labels — use bd show to get them
+    const detailed = runBd(['show', ...issues.map((i) => i.id)], beadsDb);
+    const detailMap = new Map(detailed.map((d) => [d.id, d]));
+    const unlinked = issues.filter((i) => {
+      const d = detailMap.get(i.id);
+      const labels = d?.labels || [];
+      return !labels.some((l) => l.startsWith('run:'));
+    });
+    // detailed already has dependencies, use them directly
+    return unlinked.map((i) => {
+      const d = detailMap.get(i.id);
+      return transformIssue(i, d?.dependencies || []);
     });
   } catch {
     return [];
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }
 
 export function countIssuesByRunLabel(beadsDb) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const rows = db
-      .prepare(
-        `SELECT l.label, COUNT(*) AS count FROM labels l
-       WHERE l.label LIKE 'run:%' GROUP BY l.label`,
-      )
-      .all();
+    const rows = runBd(['label', 'list-all'], beadsDb);
     const counts = {};
     for (const row of rows) {
-      const runId = row.label.replace('run:', '');
-      counts[runId] = row.count;
+      if (row.label.startsWith('run:')) {
+        counts[row.label.replace('run:', '')] = row.count;
+      }
     }
     return counts;
   } catch {
     return {};
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }
 
 export function listDistinctRunLabels(beadsDb) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const rows = db
-      .prepare(`SELECT DISTINCT label FROM labels WHERE label LIKE 'run:%'`)
-      .all();
-    return rows.map((r) => r.label);
+    const rows = runBd(['label', 'list-all'], beadsDb);
+    return rows.filter((r) => r.label.startsWith('run:')).map((r) => r.label);
   } catch {
     return [];
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }
 
 export function getIssue(beadsDb, id) {
-  let db;
   try {
-    db = new Database(beadsDb, { readonly: true, fileMustExist: true });
-    const row = db
-      .prepare(
-        `SELECT id, title, description AS body, status, priority, created_at, external_ref
-       FROM issues WHERE id = ?`,
-      )
-      .get(id);
-    if (!row) return null;
-
-    const depends_on = db
-      .prepare(`SELECT depends_on_id FROM dependencies WHERE issue_id = ?`)
-      .all(id)
-      .map((d) => d.depends_on_id);
-
-    const blocked_by = [];
-    for (const depId of depends_on) {
-      const dep = db
-        .prepare(`SELECT status FROM issues WHERE id = ?`)
-        .get(depId);
-      if (dep && dep.status !== 'closed' && dep.status !== 'tombstone') {
-        blocked_by.push(depId);
-      }
-    }
-    return { ...row, depends_on, blocked_by };
+    const results = runBd(['show', id], beadsDb);
+    if (!results || results.length === 0) return null;
+    const issue = results[0];
+    return transformIssue(issue, issue.dependencies || []);
   } catch {
     return null;
-  } finally {
-    try {
-      db?.close();
-    } catch {
-      /* ignore */
-    }
   }
 }

package/server/project-routes.js

@@ -676,21 +676,17 @@ export function createProjectScopedRoutes() {
       res.json({ ok: true, stopped: true, runId, pid: result.pid });
     } catch (err) {
       if (err.code === 'not_running') {
-        const statusPath = join(
-          req.project.worcaDir,
-          'runs',
-          runId,
-          'status.json',
-        );
-        if (existsSync(statusPath)) {
+        const statusPath = findRunStatusPath(req.project.worcaDir, runId);
+        if (statusPath) {
           try {
             const st = JSON.parse(readFileSync(statusPath, 'utf8'));
             if (
               st.pipeline_status === 'paused' ||
               st.pipeline_status === 'running'
             ) {
-              st.pipeline_status = 'failed';
-              st.stop_reason = 'stopped';
+              st.pipeline_status = 'cancelled';
+              st.stop_reason = 'force_cancelled';
+              st.completed_at = new Date().toISOString();
               writeFileSync(
                 statusPath,
                 `${JSON.stringify(st, null, 2)}\n`,
@@ -710,6 +706,39 @@ export function createProjectScopedRoutes() {
     }
   });
 
+  // POST /api/projects/:projectId/runs/:id/cancel — force-cancel a stale run
+  router.post('/runs/:id/cancel', requireWorcaDir, (req, res) => {
+    const runId = req.params.id;
+    if (!validateRunId(runId)) {
+      return res.status(400).json({ ok: false, error: 'Invalid runId' });
+    }
+    const { worcaDir } = req.project;
+    const statusPath = findRunStatusPath(worcaDir, runId);
+    if (!statusPath) {
+      return res
+        .status(404)
+        .json({ ok: false, error: `Run "${runId}" not found` });
+    }
+    try {
+      const st = JSON.parse(readFileSync(statusPath, 'utf8'));
+      if (
+        st.pipeline_status === 'completed' ||
+        st.pipeline_status === 'cancelled'
+      ) {
+        return res.json({ ok: true, already: st.pipeline_status });
+      }
+      st.pipeline_status = 'cancelled';
+      st.stop_reason = 'force_cancelled';
+      st.completed_at = new Date().toISOString();
+      writeFileSync(statusPath, `${JSON.stringify(st, null, 2)}\n`, 'utf8');
+      const { broadcast } = req.app.locals;
+      if (broadcast) broadcast('run-stopped', { runId, pid: null });
+      res.json({ ok: true, cancelled: true, runId });
+    } catch (err) {
+      res.status(500).json({ ok: false, error: err.message });
+    }
+  });
+
   // POST /api/projects/:projectId/runs/:id/archive
   router.post('/runs/:id/archive', requireWorcaDir, (req, res) => {
     const runId = req.params.id;
@@ -1183,20 +1212,28 @@ export function createProjectScopedRoutes() {
               let inputTokens = 0,
                 outputTokens = 0,
                 cacheReadInputTokens = 0,
-                cacheCreationInputTokens = 0;
+                cacheCreationInputTokens = 0,
+                webSearchRequests = 0;
               const models = [];
               for (const [model, usage] of Object.entries(mu)) {
                 inputTokens += usage.inputTokens || 0;
                 outputTokens += usage.outputTokens || 0;
                 cacheReadInputTokens += usage.cacheReadInputTokens || 0;
                 cacheCreationInputTokens += usage.cacheCreationInputTokens || 0;
+                webSearchRequests += usage.webSearchRequests || 0;
                 models.push(model);
               }
+              const cacheCreation = data.usage?.cache_creation || {};
               iters.push({
                 inputTokens,
                 outputTokens,
                 cacheReadInputTokens,
                 cacheCreationInputTokens,
+                webSearchRequests,
+                cacheEphemeral1hTokens:
+                  cacheCreation.ephemeral_1h_input_tokens || 0,
+                cacheEphemeral5mTokens:
+                  cacheCreation.ephemeral_5m_input_tokens || 0,
                 models,
               });
             } catch {

package/server/versions.js

@@ -1,11 +1,9 @@
 // server/versions.js — version fetching + caching for worca-cc and @worca/ui
+import { execFileSync } from 'node:child_process';
 import { readFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
+import { join } from 'node:path';
 import { readPreferences } from './preferences.js';
 
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
 /** Cache: { data, timestamp } */
 let _cache = null;
 const CACHE_TTL_MS = 5 * 60 * 1000; // 5 minutes
@@ -173,15 +171,19 @@ export function getDevPathVersions(sourceRepo) {
 }
 
 /**
- * Get installed @worca/ui version from own package.json.
+ * Get globally installed @worca/ui version via npm.
+ * Falls back to own package.json if npm query fails.
  * @returns {string|null}
  */
 function getInstalledUiVersion() {
   try {
-    const pkg = JSON.parse(
-      readFileSync(join(__dirname, '..', 'package.json'), 'utf8'),
-    );
-    return pkg.version || null;
+    const output = execFileSync('npm', ['list', '-g', '@worca/ui', '--json'], {
+      encoding: 'utf8',
+      timeout: 5000,
+      stdio: ['pipe', 'pipe', 'pipe'],
+    });
+    const data = JSON.parse(output);
+    return data.dependencies?.['@worca/ui']?.version || null;
   } catch {
     return null;
   }

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 = 200;
+const BEADS_DEBOUNCE_MS = 300;
 
 /**
  * @param {{ worcaDir: string, broadcaster: { broadcast: Function }, projectId?: string }} deps