@worca/ui 0.1.0-rc.5 → 0.1.1

package/app/styles.css

@@ -3895,3 +3895,22 @@ sl-details.learnings-panel::part(content) {
   color: var(--fg);
 }
 
+/* ─── Version info rows ─────────────────────────────────────────────── */
+.version-row { display: flex; align-items: center; padding: 4px 0; gap: 8px; }
+.version-row-label { font-size: 12px; color: var(--muted); white-space: nowrap; min-width: 64px; }
+.version-row-value { font-size: 13px; font-weight: 500; color: var(--fg); font-family: var(--sl-font-mono); white-space: nowrap; margin-left: auto; display: flex; align-items: center; gap: 6px; }
+.settings-card-header > sl-badge { margin-left: auto; }
+.version-title-exact { text-transform: none; }
+.version-copy-btn {
+  background: none; border: 1px solid var(--border); border-radius: 4px;
+  padding: 2px 4px; cursor: pointer; color: var(--muted);
+  display: inline-flex; align-items: center; margin-left: 4px;
+  transition: var(--transition-fast);
+}
+.version-copy-btn:hover { background: var(--bg-tertiary); color: var(--fg); }
+.version-copy-icon { display: inline-flex; align-items: center; min-width: 12px; }
+.version-refresh { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
+.version-refresh-hint { font-size: 11px; color: var(--muted); }
+.project-worca-version { font-size: 11px; color: var(--muted); font-family: var(--sl-font-mono); margin-top: 2px; }
+.project-worca-version--behind { color: var(--status-failed, #dc2626); }
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.1.0-rc.5",
+  "version": "0.1.1",
   "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/app.js

@@ -13,6 +13,7 @@ import {
   createProjectScopedRoutes,
   projectResolver,
 } from './project-routes.js';
+import { getVersionInfo } from './versions.js';
 import { createInbox } from './webhook-inbox.js';
 
 export function createApp(options = {}) {
@@ -403,6 +404,19 @@ export function createApp(options = {}) {
     }
   });
 
+  // GET /api/versions — installed + registry version info
+  app.get('/api/versions', async (req, res) => {
+    const force = req.query.force === '1';
+    const prefsPath = prefsDir ? join(prefsDir, 'preferences.json') : null;
+    const worcaVersion = app.locals.worcaVersion || null;
+    try {
+      const data = await getVersionInfo({ prefsPath, worcaVersion, force });
+      res.json(data);
+    } catch (err) {
+      res.status(500).json({ ok: false, error: err.message });
+    }
+  });
+
   // ─── Multi-project routes ──────────────────────────────────────────────
   if (prefsDir) {
     app.use('/api/projects', createProjectRoutes({ prefsDir, projectRoot }));

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/preferences.js

@@ -1,7 +1,7 @@
 import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
 import { dirname } from 'node:path';
 
-const DEFAULTS = { theme: 'light', source_repo: '' };
+const DEFAULTS = { theme: 'light', source_repo: '', notifications: null };
 
 export function readPreferences(path) {
   try {

package/server/project-routes.js

@@ -37,7 +37,11 @@ import {
 } from './settings-merge.js';
 import { validateSettingsPayload } from './settings-validator.js';
 import { discoverRuns } from './watcher.js';
-import { checkWorcaInstalled, runWorcaSetup } from './worca-setup.js';
+import {
+  checkWorcaInstalled,
+  readProjectWorcaVersion,
+  runWorcaSetup,
+} from './worca-setup.js';
 
 /** Validate a runId — must not contain path traversal characters */
 const RUN_ID_RE = /^[a-zA-Z0-9_-]+$/;
@@ -133,13 +137,16 @@ export function createProjectRoutes({ prefsDir, projectRoot }) {
 
   // GET /api/projects — list all projects (or synthesized default)
   router.get('/', (_req, res) => {
-    const projects = readProjects(prefsDir);
-    if (projects.length > 0) {
-      return res.json({ ok: true, projects });
-    }
-    // No registered projects — synthesize from cwd
-    const synth = synthesizeDefaultProject(projectRoot);
-    res.json({ ok: true, projects: [synth] });
+    let projects = readProjects(prefsDir);
+    if (projects.length === 0) {
+      projects = [synthesizeDefaultProject(projectRoot)];
+    }
+    // Enrich each project with its worca-cc version
+    const enriched = projects.map((p) => ({
+      ...p,
+      worcaVersion: readProjectWorcaVersion(p.path),
+    }));
+    res.json({ ok: true, projects: enriched });
   });
 
   // POST /api/projects — create a new project
@@ -203,7 +210,17 @@ export function createProjectScopedRoutes() {
   router.get('/runs', requireWorcaDir, (req, res) => {
     try {
       const runs = discoverRuns(req.project.worcaDir);
-      res.json({ ok: true, runs });
+      const response = { ok: true, runs };
+      // Include settings so multi-project clients can use loop limits, etc.
+      const { settingsPath } = req.project;
+      if (settingsPath && existsSync(settingsPath)) {
+        try {
+          response.settings = readMergedSettings(settingsPath);
+        } catch {
+          /* non-fatal — runs still returned */
+        }
+      }
+      res.json(response);
     } catch (err) {
       res.status(500).json({ ok: false, error: err.message });
     }
@@ -659,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`,
@@ -693,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;