@h-rig/run-plugin 0.0.6-alpha.191 → 0.0.6-alpha.192

package/dist/src/plugin.js

@@ -3758,11 +3758,15 @@ import {
   DRONE_WIDTH,
   RIG_SPINNER_FRAMES,
   accent as accent2,
+  accentDim,
+  bgPanel,
   bold,
+  formatAge,
   ink,
   ink2,
   ink3,
   ink4,
+  keyHints,
   phaseGlyph,
   red,
   renderDroneFrame,
@@ -3777,9 +3781,10 @@ function createRunsBoardView(host, deps) {
   let tick = 0;
   let filter = "";
   let sortMode = "active";
+  const rowToIndex = new Map;
   function visibleRuns() {
     const query = filter.trim().toLowerCase();
-    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
+    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || (run.taskId ?? "").toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
     if (sortMode === "active") {
       return filtered.map((run, index) => ({ run, index })).sort((a, b) => a.run.rank - b.run.rank || a.index - b.index).map((entry) => entry.run);
     }
@@ -3825,39 +3830,55 @@ function createRunsBoardView(host, deps) {
     ];
   }
   function renderLines(width) {
+    rowToIndex.clear();
     if (loading) {
       return droneBoardLines(width, "contacting the fleet\u2026", 24);
     }
     if (error) {
-      return ["", ` ${red("runs unavailable:")} ${ink2(error)}`, ""];
+      return ["", ` ${red("\u2717 runs unavailable:")} ${ink2(error)}`, "", ` ${ink4("r reloads \u2014 the fleet may just be waking up")}`, ""];
     }
     const visible = visibleRuns();
     if (runs.length === 0) {
-      return droneBoardLines(width, "no runs yet \u2014 n picks a task and launches one", 44);
+      return droneBoardLines(width, "no runs yet \u2014 press 3 (tasks), pick one, dispatch", 50);
     }
     if (visible.length === 0) {
       return ["", ` ${ink2("no runs match")} ${accent2(`/${filter}`)} ${ink3("\u2014 esc clears the filter")}`, ""];
     }
     const start = Math.max(0, Math.min(selected - Math.floor(MAX_VISIBLE / 2), visible.length - MAX_VISIBLE));
     const window = visible.slice(start, start + MAX_VISIBLE);
-    const lines = window.map((run, index) => {
+    const titleWidth = Math.max(8, width - 45);
+    const lines = [""];
+    lines.push(ink4(`   ${"RUN".padEnd(10)}${"STATUS".padEnd(17)}${"TASK".padEnd(8)}${"TITLE".padEnd(titleWidth)}AGE`));
+    for (let index = 0;index < window.length; index += 1) {
+      const run = window[index];
       const isSelected = start + index === selected;
       const color = statusRoleColor(run.role);
       const dot = color(phaseGlyph(run.phase));
       const id = run.runId.slice(0, 8);
-      const status = color(run.status.padEnd(16));
-      const title = truncateToWidth(run.title, Math.max(8, width - 36));
-      const row = ` ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${isSelected ? ink(title) : ink2(title)}`;
-      return isSelected ? accent2("\u258C") + row : " " + row;
-    });
+      const status = color(run.status.padEnd(16).slice(0, 16));
+      const task = run.taskId ? `#${run.taskId}` : "";
+      const cleanTitle = run.taskId && run.title.startsWith(`[${run.taskId}] `) ? run.title.slice(run.taskId.length + 3) : run.title;
+      const taskCell = isSelected ? accentDim(task.padEnd(7).slice(0, 7)) : ink4(task.padEnd(7).slice(0, 7));
+      const title = truncateToWidth(cleanTitle, titleWidth - 1).padEnd(titleWidth - 1);
+      const age = formatAge(run.updatedAt).padStart(4);
+      const rail = isSelected ? accent2("\u258C") : " ";
+      const row = `${rail} ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${taskCell} ${isSelected ? ink(title) : ink2(title)} ${ink4(age)}`;
+      rowToIndex.set(lines.length, start + index);
+      lines.push(isSelected ? bgPanel(row) : row);
+      if (isSelected) {
+        const origin = run.origin ? `${run.origin} run` : "run";
+        rowToIndex.set(lines.length, start + index);
+        lines.push(`   ${ink4("\u21B3")} ${ink4(`${origin} ${run.runId}`)}${run.updatedAt ? ink4(` \xB7 updated ${formatAge(run.updatedAt)} ago`) : ""}`);
+      }
+    }
     const meta = [];
     if (visible.length > MAX_VISIBLE)
-      meta.push(`${selected + 1}/${visible.length}`);
+      meta.push(`${selected + 1} of ${visible.length}`);
     if (filter)
       meta.push(`filter: ${filter}`);
     meta.push(`sort: ${sortMode}`);
     lines.push(ink4(`   ${meta.join("  \xB7  ")}`));
-    return ["", ...lines, ""];
+    return [...lines, ""];
   }
   function handleInput(data) {
     const enc = (value) => encodeURIComponent(value);
@@ -3937,11 +3958,41 @@ function createRunsBoardView(host, deps) {
     }
     return false;
   }
+  function handleMouse(event, line) {
+    if (event.wheel !== null) {
+      moveSelection(event.wheel);
+      host.requestRender();
+      return true;
+    }
+    if (!event.leftClick)
+      return false;
+    const index = rowToIndex.get(line);
+    if (index === undefined)
+      return false;
+    if (index === selected) {
+      const run = selectedRun3();
+      if (run)
+        host.act(`run-detail:${encodeURIComponent(run.runId)}`);
+      return true;
+    }
+    selected = index;
+    host.requestRender();
+    return true;
+  }
   return {
     render(width) {
       return renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
     },
+    footer(noticeText) {
+      const run = selectedRun3();
+      const context = noticeText ? accentDim(noticeText) : ink4(run ? "enter opens the run \u2014 steer, stop, and gates live there" : "the fleet board \u2014 every dispatched run, live");
+      return [
+        ` ${context}`,
+        keyHints([["enter", "open"], ["a", "attach"], ["s", "steer"], ["x", "stop"], ["/", "filter"], ["o", "sort"], ["r", "reload"], ["q", "quit"]])
+      ];
+    },
     handleInput,
+    handleMouse,
     setBoard(board) {
       if (board.kind !== "runs")
         return;
@@ -4197,7 +4248,10 @@ async function produceRunsBoard(context) {
       role: classification.role,
       phase: classification.phase,
       rank: classification.rank,
-      title: run.title
+      title: run.title,
+      ...run.taskId ? { taskId: run.taskId } : {},
+      ...run.updatedAt ? { updatedAt: run.updatedAt } : {},
+      ...run.source ? { origin: run.source } : {}
     };
   });
   return { kind: "runs", runs: rows };

package/dist/src/read-model/plugin.js

@@ -2208,11 +2208,15 @@ import {
   DRONE_WIDTH,
   RIG_SPINNER_FRAMES,
   accent as accent2,
+  accentDim,
+  bgPanel,
   bold,
+  formatAge,
   ink,
   ink2,
   ink3,
   ink4,
+  keyHints,
   phaseGlyph,
   red,
   renderDroneFrame,
@@ -2227,9 +2231,10 @@ function createRunsBoardView(host, deps) {
   let tick = 0;
   let filter = "";
   let sortMode = "active";
+  const rowToIndex = new Map;
   function visibleRuns() {
     const query = filter.trim().toLowerCase();
-    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
+    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || (run.taskId ?? "").toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
     if (sortMode === "active") {
       return filtered.map((run, index) => ({ run, index })).sort((a, b) => a.run.rank - b.run.rank || a.index - b.index).map((entry) => entry.run);
     }
@@ -2275,39 +2280,55 @@ function createRunsBoardView(host, deps) {
     ];
   }
   function renderLines(width) {
+    rowToIndex.clear();
     if (loading) {
       return droneBoardLines(width, "contacting the fleet\u2026", 24);
     }
     if (error) {
-      return ["", ` ${red("runs unavailable:")} ${ink2(error)}`, ""];
+      return ["", ` ${red("\u2717 runs unavailable:")} ${ink2(error)}`, "", ` ${ink4("r reloads \u2014 the fleet may just be waking up")}`, ""];
     }
     const visible = visibleRuns();
     if (runs.length === 0) {
-      return droneBoardLines(width, "no runs yet \u2014 n picks a task and launches one", 44);
+      return droneBoardLines(width, "no runs yet \u2014 press 3 (tasks), pick one, dispatch", 50);
     }
     if (visible.length === 0) {
       return ["", ` ${ink2("no runs match")} ${accent2(`/${filter}`)} ${ink3("\u2014 esc clears the filter")}`, ""];
     }
     const start = Math.max(0, Math.min(selected - Math.floor(MAX_VISIBLE / 2), visible.length - MAX_VISIBLE));
     const window = visible.slice(start, start + MAX_VISIBLE);
-    const lines = window.map((run, index) => {
+    const titleWidth = Math.max(8, width - 45);
+    const lines = [""];
+    lines.push(ink4(`   ${"RUN".padEnd(10)}${"STATUS".padEnd(17)}${"TASK".padEnd(8)}${"TITLE".padEnd(titleWidth)}AGE`));
+    for (let index = 0;index < window.length; index += 1) {
+      const run = window[index];
       const isSelected = start + index === selected;
       const color = statusRoleColor(run.role);
       const dot = color(phaseGlyph(run.phase));
       const id = run.runId.slice(0, 8);
-      const status = color(run.status.padEnd(16));
-      const title = truncateToWidth(run.title, Math.max(8, width - 36));
-      const row = ` ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${isSelected ? ink(title) : ink2(title)}`;
-      return isSelected ? accent2("\u258C") + row : " " + row;
-    });
+      const status = color(run.status.padEnd(16).slice(0, 16));
+      const task = run.taskId ? `#${run.taskId}` : "";
+      const cleanTitle = run.taskId && run.title.startsWith(`[${run.taskId}] `) ? run.title.slice(run.taskId.length + 3) : run.title;
+      const taskCell = isSelected ? accentDim(task.padEnd(7).slice(0, 7)) : ink4(task.padEnd(7).slice(0, 7));
+      const title = truncateToWidth(cleanTitle, titleWidth - 1).padEnd(titleWidth - 1);
+      const age = formatAge(run.updatedAt).padStart(4);
+      const rail = isSelected ? accent2("\u258C") : " ";
+      const row = `${rail} ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${taskCell} ${isSelected ? ink(title) : ink2(title)} ${ink4(age)}`;
+      rowToIndex.set(lines.length, start + index);
+      lines.push(isSelected ? bgPanel(row) : row);
+      if (isSelected) {
+        const origin = run.origin ? `${run.origin} run` : "run";
+        rowToIndex.set(lines.length, start + index);
+        lines.push(`   ${ink4("\u21B3")} ${ink4(`${origin} ${run.runId}`)}${run.updatedAt ? ink4(` \xB7 updated ${formatAge(run.updatedAt)} ago`) : ""}`);
+      }
+    }
     const meta = [];
     if (visible.length > MAX_VISIBLE)
-      meta.push(`${selected + 1}/${visible.length}`);
+      meta.push(`${selected + 1} of ${visible.length}`);
     if (filter)
       meta.push(`filter: ${filter}`);
     meta.push(`sort: ${sortMode}`);
     lines.push(ink4(`   ${meta.join("  \xB7  ")}`));
-    return ["", ...lines, ""];
+    return [...lines, ""];
   }
   function handleInput(data) {
     const enc = (value) => encodeURIComponent(value);
@@ -2387,11 +2408,41 @@ function createRunsBoardView(host, deps) {
     }
     return false;
   }
+  function handleMouse(event, line) {
+    if (event.wheel !== null) {
+      moveSelection(event.wheel);
+      host.requestRender();
+      return true;
+    }
+    if (!event.leftClick)
+      return false;
+    const index = rowToIndex.get(line);
+    if (index === undefined)
+      return false;
+    if (index === selected) {
+      const run = selectedRun2();
+      if (run)
+        host.act(`run-detail:${encodeURIComponent(run.runId)}`);
+      return true;
+    }
+    selected = index;
+    host.requestRender();
+    return true;
+  }
   return {
     render(width) {
       return renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
     },
+    footer(noticeText) {
+      const run = selectedRun2();
+      const context = noticeText ? accentDim(noticeText) : ink4(run ? "enter opens the run \u2014 steer, stop, and gates live there" : "the fleet board \u2014 every dispatched run, live");
+      return [
+        ` ${context}`,
+        keyHints([["enter", "open"], ["a", "attach"], ["s", "steer"], ["x", "stop"], ["/", "filter"], ["o", "sort"], ["r", "reload"], ["q", "quit"]])
+      ];
+    },
     handleInput,
+    handleMouse,
     setBoard(board) {
       if (board.kind !== "runs")
         return;
@@ -2454,7 +2505,10 @@ async function produceRunsBoard(context) {
       role: classification.role,
       phase: classification.phase,
       rank: classification.rank,
-      title: run.title
+      title: run.title,
+      ...run.taskId ? { taskId: run.taskId } : {},
+      ...run.updatedAt ? { updatedAt: run.updatedAt } : {},
+      ...run.source ? { origin: run.source } : {}
     };
   });
   return { kind: "runs", runs: rows };

package/dist/src/read-model/runs-screen.js

@@ -4,11 +4,15 @@ import {
   DRONE_WIDTH,
   RIG_SPINNER_FRAMES,
   accent,
+  accentDim,
+  bgPanel,
   bold,
+  formatAge,
   ink,
   ink2,
   ink3,
   ink4,
+  keyHints,
   phaseGlyph,
   red,
   renderDroneFrame,
@@ -24,9 +28,10 @@ function createRunsBoardView(host, deps) {
   let tick = 0;
   let filter = "";
   let sortMode = "active";
+  const rowToIndex = new Map;
   function visibleRuns() {
     const query = filter.trim().toLowerCase();
-    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
+    const filtered = query ? runs.filter((run) => run.runId.toLowerCase().includes(query) || run.status.toLowerCase().includes(query) || (run.taskId ?? "").toLowerCase().includes(query) || run.title.toLowerCase().includes(query)) : [...runs];
     if (sortMode === "active") {
       return filtered.map((run, index) => ({ run, index })).sort((a, b) => a.run.rank - b.run.rank || a.index - b.index).map((entry) => entry.run);
     }
@@ -72,39 +77,55 @@ function createRunsBoardView(host, deps) {
     ];
   }
   function renderLines(width) {
+    rowToIndex.clear();
     if (loading) {
       return droneBoardLines(width, "contacting the fleet\u2026", 24);
     }
     if (error) {
-      return ["", ` ${red("runs unavailable:")} ${ink2(error)}`, ""];
+      return ["", ` ${red("\u2717 runs unavailable:")} ${ink2(error)}`, "", ` ${ink4("r reloads \u2014 the fleet may just be waking up")}`, ""];
     }
     const visible = visibleRuns();
     if (runs.length === 0) {
-      return droneBoardLines(width, "no runs yet \u2014 n picks a task and launches one", 44);
+      return droneBoardLines(width, "no runs yet \u2014 press 3 (tasks), pick one, dispatch", 50);
     }
     if (visible.length === 0) {
       return ["", ` ${ink2("no runs match")} ${accent(`/${filter}`)} ${ink3("\u2014 esc clears the filter")}`, ""];
     }
     const start = Math.max(0, Math.min(selected - Math.floor(MAX_VISIBLE / 2), visible.length - MAX_VISIBLE));
     const window = visible.slice(start, start + MAX_VISIBLE);
-    const lines = window.map((run, index) => {
+    const titleWidth = Math.max(8, width - 45);
+    const lines = [""];
+    lines.push(ink4(`   ${"RUN".padEnd(10)}${"STATUS".padEnd(17)}${"TASK".padEnd(8)}${"TITLE".padEnd(titleWidth)}AGE`));
+    for (let index = 0;index < window.length; index += 1) {
+      const run = window[index];
       const isSelected = start + index === selected;
       const color = statusRoleColor(run.role);
       const dot = color(phaseGlyph(run.phase));
       const id = run.runId.slice(0, 8);
-      const status = color(run.status.padEnd(16));
-      const title = truncateToWidth(run.title, Math.max(8, width - 36));
-      const row = ` ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${isSelected ? ink(title) : ink2(title)}`;
-      return isSelected ? accent("\u258C") + row : " " + row;
-    });
+      const status = color(run.status.padEnd(16).slice(0, 16));
+      const task = run.taskId ? `#${run.taskId}` : "";
+      const cleanTitle = run.taskId && run.title.startsWith(`[${run.taskId}] `) ? run.title.slice(run.taskId.length + 3) : run.title;
+      const taskCell = isSelected ? accentDim(task.padEnd(7).slice(0, 7)) : ink4(task.padEnd(7).slice(0, 7));
+      const title = truncateToWidth(cleanTitle, titleWidth - 1).padEnd(titleWidth - 1);
+      const age = formatAge(run.updatedAt).padStart(4);
+      const rail = isSelected ? accent("\u258C") : " ";
+      const row = `${rail} ${dot} ${isSelected ? bold(ink(id)) : ink3(id)}  ${status} ${taskCell} ${isSelected ? ink(title) : ink2(title)} ${ink4(age)}`;
+      rowToIndex.set(lines.length, start + index);
+      lines.push(isSelected ? bgPanel(row) : row);
+      if (isSelected) {
+        const origin = run.origin ? `${run.origin} run` : "run";
+        rowToIndex.set(lines.length, start + index);
+        lines.push(`   ${ink4("\u21B3")} ${ink4(`${origin} ${run.runId}`)}${run.updatedAt ? ink4(` \xB7 updated ${formatAge(run.updatedAt)} ago`) : ""}`);
+      }
+    }
     const meta = [];
     if (visible.length > MAX_VISIBLE)
-      meta.push(`${selected + 1}/${visible.length}`);
+      meta.push(`${selected + 1} of ${visible.length}`);
     if (filter)
       meta.push(`filter: ${filter}`);
     meta.push(`sort: ${sortMode}`);
     lines.push(ink4(`   ${meta.join("  \xB7  ")}`));
-    return ["", ...lines, ""];
+    return [...lines, ""];
   }
   function handleInput(data) {
     const enc = (value) => encodeURIComponent(value);
@@ -184,11 +205,41 @@ function createRunsBoardView(host, deps) {
     }
     return false;
   }
+  function handleMouse(event, line) {
+    if (event.wheel !== null) {
+      moveSelection(event.wheel);
+      host.requestRender();
+      return true;
+    }
+    if (!event.leftClick)
+      return false;
+    const index = rowToIndex.get(line);
+    if (index === undefined)
+      return false;
+    if (index === selected) {
+      const run = selectedRun();
+      if (run)
+        host.act(`run-detail:${encodeURIComponent(run.runId)}`);
+      return true;
+    }
+    selected = index;
+    host.requestRender();
+    return true;
+  }
   return {
     render(width) {
       return renderLines(width).map((line) => truncateToWidth(line, Math.max(10, width - 1)));
     },
+    footer(noticeText) {
+      const run = selectedRun();
+      const context = noticeText ? accentDim(noticeText) : ink4(run ? "enter opens the run \u2014 steer, stop, and gates live there" : "the fleet board \u2014 every dispatched run, live");
+      return [
+        ` ${context}`,
+        keyHints([["enter", "open"], ["a", "attach"], ["s", "steer"], ["x", "stop"], ["/", "filter"], ["o", "sort"], ["r", "reload"], ["q", "quit"]])
+      ];
+    },
     handleInput,
+    handleMouse,
     setBoard(board) {
       if (board.kind !== "runs")
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@h-rig/run-plugin",
-  "version": "0.0.6-alpha.191",
+  "version": "0.0.6-alpha.192",
   "type": "module",
   "description": "Run execution + run read-model: the one owner of run state (worker write path, projection read path).",
   "license": "UNLICENSED",
@@ -38,9 +38,9 @@
     "@oh-my-pi/pi-coding-agent": "16.2.4",
     "@oh-my-pi/pi-tui": "16.2.4",
     "@oh-my-pi/pi-utils": "16.2.4",
-    "@rig/contracts": "npm:@h-rig/contracts@0.0.6-alpha.191",
-    "@rig/core": "npm:@h-rig/core@0.0.6-alpha.191",
-    "@rig/std-shared": "npm:@h-rig/std-shared@0.0.6-alpha.191",
+    "@rig/contracts": "npm:@h-rig/contracts@0.0.6-alpha.192",
+    "@rig/core": "npm:@h-rig/core@0.0.6-alpha.192",
+    "@rig/std-shared": "npm:@h-rig/std-shared@0.0.6-alpha.192",
     "effect": "4.0.0-beta.90",
     "picocolors": "^1.1.1"
   }