@worca/ui 0.2.0 → 0.3.0

package/app/styles.css

@@ -3937,3 +3937,120 @@ sl-details.learnings-panel::part(content) {
 .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); }
 
+/* ─── Bead tooltip content ──────────────────────────────────────────── */
+.bead-tooltip-content {
+  max-width: 540px;
+  padding: 4px 2px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.bead-tooltip-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+sl-tooltip.bead-tooltip::part(body) {
+  pointer-events: auto;
+}
+
+.bead-tooltip-badges {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.bead-tooltip-id {
+  font-family: var(--sl-font-mono);
+  font-size: 11px;
+  opacity: 0.7;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.bead-tooltip-separator {
+  border: none;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  margin: 4px 0;
+}
+
+.bead-tooltip-label {
+  font-size: 11px;
+  opacity: 0.7;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.bead-tooltip-title {
+  font-weight: 600;
+  font-size: 13px;
+  margin-bottom: 4px;
+}
+
+.bead-tooltip-excerpt {
+  font-size: 12px;
+  white-space: pre-wrap;
+  margin-bottom: 2px;
+}
+
+.bead-tooltip-footer {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 6px;
+}
+
+.bead-tooltip-copy {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background: rgba(255, 255, 255, 0.15);
+  color: inherit;
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-size: 11px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.bead-tooltip-copy:hover {
+  background: rgba(255, 255, 255, 0.25);
+}
+
+/* ─── Graph node tooltip overlays ─────────────────────────────────── */
+.run-beads-graph {
+  position: relative;
+}
+
+.graph-tooltip-trigger {
+  position: absolute;
+  cursor: pointer;
+}
+
+.bead-chip-tooltip {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  max-width: 240px;
+  padding: 2px 0;
+}
+
+.bead-chip-tooltip-id {
+  font-family: var(--sl-font-mono);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.bead-chip-tooltip-title {
+  font-size: 12px;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worca/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Pipeline monitoring UI for worca-cc",
   "license": "MIT",
   "author": "Sinisha Djukic",

package/server/watcher.js

@@ -26,22 +26,9 @@ function isTerminal(status) {
   );
 }
 
-function isPipelineRunning(worcaDir) {
-  const pidPath = join(worcaDir, 'pipeline.pid');
-  if (!existsSync(pidPath)) return false;
-  try {
-    const pid = parseInt(readFileSync(pidPath, 'utf8').trim(), 10);
-    process.kill(pid, 0); // signal 0 = check if alive
-    return true;
-  } catch {
-    return false; // stale PID or unreadable
-  }
-}
-
 export function discoverRuns(worcaDir) {
   const runs = [];
   const seenIds = new Set();
-  const pipelineRunning = isPipelineRunning(worcaDir);
 
   // 1. Check active_run pointer for the current run
   const activeRunPath = join(worcaDir, 'active_run');
@@ -51,7 +38,8 @@ export function discoverRuns(worcaDir) {
       const candidate = join(worcaDir, 'runs', activeId, 'status.json');
       if (existsSync(candidate)) {
         const status = JSON.parse(readFileSync(candidate, 'utf8'));
-        const active = !isTerminal(status) && pipelineRunning;
+        const active =
+          !isTerminal(status) && status.pipeline_status === 'running';
         const id = createRunId(status);
         runs.push({ id, active, ...status });
         seenIds.add(id);
@@ -88,7 +76,8 @@ export function discoverRuns(worcaDir) {
       const status = JSON.parse(readFileSync(statusPath, 'utf8'));
       const id = createRunId(status);
       if (!seenIds.has(id)) {
-        const active = !isTerminal(status) && pipelineRunning;
+        const active =
+          !isTerminal(status) && status.pipeline_status === 'running';
         runs.push({ id, active, ...status });
         seenIds.add(id);
       }
@@ -142,7 +131,6 @@ export function discoverRuns(worcaDir) {
 export async function discoverRunsAsync(worcaDir) {
   const runs = [];
   const seenIds = new Set();
-  const pipelineRunning = isPipelineRunning(worcaDir); // cheap check (one stat + one kill)
 
   // 1. Active run
   const activeRunPath = join(worcaDir, 'active_run');
@@ -150,7 +138,7 @@ export async function discoverRunsAsync(worcaDir) {
     const activeId = (await readFile(activeRunPath, 'utf8')).trim();
     const candidate = join(worcaDir, 'runs', activeId, 'status.json');
     const status = JSON.parse(await readFile(candidate, 'utf8'));
-    const active = !isTerminal(status) && pipelineRunning;
+    const active = !isTerminal(status) && status.pipeline_status === 'running';
     const id = createRunId(status);
     runs.push({ id, active, ...status });
     seenIds.add(id);
@@ -191,7 +179,8 @@ export async function discoverRunsAsync(worcaDir) {
     );
     const id = createRunId(status);
     if (!seenIds.has(id)) {
-      const active = !isTerminal(status) && pipelineRunning;
+      const active =
+        !isTerminal(status) && status.pipeline_status === 'running';
       runs.push({ id, active, ...status });
       seenIds.add(id);
     }