@mrciphersmith/keryx 0.2.42 → 0.2.43

package/dist/cli.js

@@ -48582,7 +48582,7 @@ import { spawnSync as spawnSync2 } from "child_process";
 // package.json
 var package_default = {
   name: "@mrciphersmith/keryx",
-  version: "0.2.42",
+  version: "0.2.43",
   description: "Version-controlled project context for AI coding agents: code graph, architecture wiki, project memory, relevant tests, quality signals, and task flows.",
   private: false,
   publishConfig: {
@@ -49460,6 +49460,12 @@ function onKeypress(r, handler) {
 }
 var BACKDROP_ID = "modal-backdrop";
 var PANEL_ID = "modal-panel";
+var BACKDROP_ALPHA = 0.85;
+function backdropFillColor(otui) {
+  const color = otui.RGBA.fromHex(getTheme().bg);
+  color.a = BACKDROP_ALPHA;
+  return color;
+}
 var MODAL_PANEL_MARGIN = 1;
 var MODAL_PANEL_CHROME_X = 4;
 var MODAL_PANEL_MIN_WIDTH = 72;
@@ -49600,7 +49606,7 @@ function ensureHost(otui, chrome) {
     left: 0,
     width: "100%",
     height: "100%",
-    backgroundColor: getTheme().bg,
+    backgroundColor: backdropFillColor(otui),
     zIndex: 100,
     flexDirection: "column",
     justifyContent: "center",
@@ -49826,7 +49832,14 @@ function openModal(otui, chrome, input2) {
 // src/tui/inspector-sources.ts
 init_store2();
 init_workspace_service();
+init_slate();
 import { randomUUID as randomUUID22 } from "crypto";
+
+// src/session/index.ts
+init_paths();
+init_store3();
+
+// src/tui/inspector-sources.ts
 function workspaceFromManifest(manifest) {
   return {
     id: manifest.id,
@@ -49884,17 +49897,20 @@ function flowItemFromState(flow, dir) {
     tasks: flow.tasks.map((task) => ({ id: task.id, title: task.title, status: task.status }))
   };
 }
+function localSacGuard() {
+  return {
+    mode: "strict",
+    availability: "available",
+    decision: "pass",
+    policyRevision: "local-offline-v1"
+  };
+}
 async function loadInspectorWorkspaces(cwd) {
   try {
     const service5 = new WorkspaceService({
       workspaceRoot: cwd,
       authorizationServer: localWorkspaceAuthorizationServer(),
-      strictGuard: {
-        mode: "strict",
-        availability: "available",
-        decision: "pass",
-        policyRevision: "local-offline-v1"
-      }
+      strictGuard: localSacGuard()
     });
     const listed = await service5.list({ request: undefined, requestCorrelationId: randomUUID22() });
     return listed.map(workspaceFromManifest);
@@ -49902,6 +49918,19 @@ async function loadInspectorWorkspaces(cwd) {
     return [];
   }
 }
+async function loadInspectorWorkspace(cwd, workspaceId) {
+  try {
+    const service5 = new WorkspaceService({
+      workspaceRoot: cwd,
+      authorizationServer: localWorkspaceAuthorizationServer(),
+      strictGuard: localSacGuard()
+    });
+    const manifest = await service5.show({ request: undefined, requestCorrelationId: randomUUID22(), workspaceId });
+    return workspaceFromManifest(manifest);
+  } catch {
+    return;
+  }
+}
 function sortFlowsNewestFirst(items) {
   return [...items].sort((left, right) => {
     const byId = Number(right.id) - Number(left.id);
@@ -49928,6 +49957,40 @@ async function loadInspectorFlows(cwd) {
     return [];
   }
 }
+function sortSlatesNewestFirst(items) {
+  return [...items].sort((left, right) => left.updatedAt < right.updatedAt ? 1 : left.updatedAt > right.updatedAt ? -1 : 0);
+}
+async function loadInspectorSlates(cwd, workspaceId) {
+  try {
+    const sessions = listSessions(cwd);
+    const items = [];
+    for (const session of sessions) {
+      const dir = sessionDir(session.projectPath, session.id);
+      let slate;
+      try {
+        slate = await readSlate(dir);
+      } catch {
+        continue;
+      }
+      if (slate === undefined || slate.workspaceId !== workspaceId) {
+        continue;
+      }
+      items.push({
+        sessionId: session.id,
+        sessionTitle: session.title,
+        updatedAt: session.updatedAt,
+        courseStatus: session.courseStatus ?? "unbound",
+        ...slate.course.flowRef !== undefined ? { flowRef: slate.course.flowRef } : {},
+        seedCount: slate.seeds.length,
+        touchedFiles: slate.anchors.touched,
+        seeds: slate.seeds
+      });
+    }
+    return sortSlatesNewestFirst(items);
+  } catch {
+    return [];
+  }
+}
 function formatWorkspaceLines(workspaces) {
   if (workspaces.length === 0) {
     return ["No workspaces recorded in this session."];
@@ -50177,6 +50240,259 @@ function openFlows(otui, chrome, options) {
   return presentFlows((hostOtui, hostChrome, input2) => openModal(hostOtui, hostChrome, input2), otui, chrome, options);
 }
 
+// src/tui/workspace-inspector.ts
+var WORKSPACE_COMMAND = "/workspace";
+var WORKSPACE_FOOTER = [
+  { key: "[/]", label: "slate" },
+  { key: "\u2191/\u2193", label: "scroll" },
+  { key: "\u2190/\u2192", label: "tabs" },
+  { key: "esc", label: "close" }
+];
+function isWorkspaceCommand(line) {
+  const token = line.trim().split(/\s+/)[0] ?? "";
+  return token === WORKSPACE_COMMAND;
+}
+function formatWorkspaceOverviewLines(workspace, slateCount) {
+  const resourceLines = workspace.resources.length === 0 ? ["  (no resources)"] : workspace.resources.map((resource) => `  ${resource.kind.padEnd(10)} ${resource.uri}`);
+  return [
+    `${workspace.id}  ${workspace.title}`,
+    `Status   ${workspace.status}`,
+    `Slates   ${slateCount}`,
+    "",
+    "Resources",
+    ...resourceLines
+  ];
+}
+function formatSlateListLines(items, selected) {
+  if (items.length === 0) {
+    return ["No slates bound to this workspace yet."];
+  }
+  return items.map((item, index) => {
+    const mark = index === selected ? ">" : " ";
+    const flow = item.flowRef !== undefined ? `flow ${item.flowRef}` : "no flow";
+    return `${mark} ${item.sessionId.slice(0, 8)}  ${item.courseStatus.padEnd(8)}  ${item.seedCount} seeds  ${flow}  ${item.sessionTitle}`;
+  });
+}
+function formatSlateDetailLines(item) {
+  if (item === undefined) {
+    return ["No slate selected.", "", "Press Enter (or click a row) on the Slates tab to view one."];
+  }
+  const touchedLines = item.touchedFiles.length === 0 ? ["  (none)"] : item.touchedFiles.map((file) => `  ${file}`);
+  const seedLines = item.seeds.length === 0 ? ["  (no seeds)"] : item.seeds.map((seed) => `  ${seed.ts}  ${(seed.kind ?? "note").padEnd(14)} ${seed.text}`);
+  return [
+    `${item.sessionId}  ${item.sessionTitle}`,
+    `Course   ${item.courseStatus}`,
+    `Flow     ${item.flowRef ?? "\u2014"}`,
+    `Updated  ${item.updatedAt}`,
+    "",
+    "Touched files",
+    ...touchedLines,
+    "",
+    "Seeds",
+    ...seedLines
+  ];
+}
+function clampScroll2(offset, lineCount, height) {
+  const max = Math.max(0, lineCount - height);
+  return Math.min(max, Math.max(0, offset));
+}
+function windowLines2(lines, offset, height) {
+  if (height < 1) {
+    return [];
+  }
+  const start = clampScroll2(offset, lines.length, height);
+  return lines.slice(start, start + height);
+}
+function scrollToReveal2(index, offset, height) {
+  if (index < offset) {
+    return index;
+  }
+  if (index >= offset + height) {
+    return index - height + 1;
+  }
+  return offset;
+}
+function wrapLines2(text, width) {
+  if (width === undefined || width < 8) {
+    return text;
+  }
+  return text.split(`
+`).flatMap((line) => {
+    if (line.length <= width) {
+      return [line];
+    }
+    const chunks = [];
+    for (let i = 0;i < line.length; i += width) {
+      chunks.push(line.slice(i, i + width));
+    }
+    return chunks;
+  }).join(`
+`);
+}
+function paintLines2(otui, renderer, body, lines, width, idPrefix = "workspace") {
+  if (otui === undefined || otui === null || body === undefined || body === null) {
+    return;
+  }
+  const parent = body;
+  const ctor = otui.TextRenderable;
+  if (parent.add === undefined || ctor === undefined) {
+    return;
+  }
+  const node = new ctor(renderer, { id: `${idPrefix}-body`, content: wrapLines2(lines.join(`
+`), width) });
+  parent.add(node);
+  return node;
+}
+function presentWorkspace(openModal2, otui, chrome, options) {
+  const items = sortSlatesNewestFirst(options.slates);
+  let selected = 0;
+  let openIndex;
+  let overviewScroll = 0;
+  let listScroll = 0;
+  let detailScroll = 0;
+  let overviewNode;
+  let listNode;
+  let detailNode;
+  let unsubscribeKey;
+  const rendererHint = options.renderer ?? chrome?.renderer;
+  const bodyRows = options.visibleRows ?? (typeof rendererHint?.width === "number" && typeof rendererHint.height === "number" ? modalBodyRows(resolveModalPanelSize(rendererHint.width, rendererHint.height).height) : 13);
+  let tabWidth;
+  const overviewLines = () => wrapLines2(formatWorkspaceOverviewLines(options.workspace, items.length).join(`
+`), tabWidth).split(`
+`);
+  const listLines = () => formatSlateListLines(items, selected);
+  const detailLines = () => {
+    const item = openIndex !== undefined ? items[openIndex] : undefined;
+    return wrapLines2(formatSlateDetailLines(item).join(`
+`), tabWidth).split(`
+`);
+  };
+  const paintSelection = () => {
+    listScroll = scrollToReveal2(selected, listScroll, bodyRows);
+    listScroll = clampScroll2(listScroll, items.length, bodyRows);
+    detailScroll = clampScroll2(detailScroll, detailLines().length, bodyRows);
+    overviewScroll = clampScroll2(overviewScroll, overviewLines().length, bodyRows);
+    if (overviewNode !== undefined) {
+      overviewNode.content = windowLines2(overviewLines(), overviewScroll, bodyRows).join(`
+`);
+    }
+    if (listNode !== undefined) {
+      listNode.content = windowLines2(listLines(), listScroll, bodyRows).join(`
+`);
+    }
+    if (detailNode !== undefined) {
+      detailNode.content = windowLines2(detailLines(), detailScroll, bodyRows).join(`
+`);
+    }
+  };
+  const moveSelection = (next) => {
+    if (items.length === 0) {
+      return;
+    }
+    const clamped = Math.min(items.length - 1, Math.max(0, next));
+    if (clamped === selected) {
+      return;
+    }
+    selected = clamped;
+    paintSelection();
+  };
+  const openSelected = () => {
+    if (items.length === 0) {
+      return;
+    }
+    openIndex = selected;
+    detailScroll = 0;
+    handle?.setTab("detail");
+    paintSelection();
+  };
+  const handle = openModal2(otui, chrome, {
+    title: WORKSPACE_COMMAND,
+    tabs: [
+      { id: "overview", label: "Workspace" },
+      { id: "slates", label: "Slates" },
+      { id: "detail", label: "Slate" }
+    ],
+    initialTab: "overview",
+    footer: WORKSPACE_FOOTER,
+    renderTab: (tabId, body, ctx) => {
+      const renderer = options.renderer ?? chrome?.renderer;
+      tabWidth = ctx?.width;
+      if (tabId === "overview") {
+        overviewScroll = clampScroll2(overviewScroll, overviewLines().length, bodyRows);
+        overviewNode = paintLines2(otui, renderer, body, windowLines2(overviewLines(), overviewScroll, bodyRows), undefined, "workspace-overview");
+        return;
+      }
+      if (tabId === "slates") {
+        listScroll = scrollToReveal2(selected, listScroll, bodyRows);
+        listNode = paintLines2(otui, renderer, body, windowLines2(listLines(), listScroll, bodyRows), undefined, "workspace-slates");
+        return;
+      }
+      detailScroll = clampScroll2(detailScroll, detailLines().length, bodyRows);
+      detailNode = paintLines2(otui, renderer, body, windowLines2(detailLines(), detailScroll, bodyRows), tabWidth, "workspace-detail");
+      return () => {
+        openIndex = undefined;
+      };
+    },
+    onClose: () => {
+      unsubscribeKey?.();
+    }
+  });
+  if (handle === undefined) {
+    return;
+  }
+  if (options.onKeypress !== undefined) {
+    unsubscribeKey = options.onKeypress((key) => {
+      const token = key.name || key.sequence;
+      const active = handle.activeTab();
+      if (active === "slates") {
+        if (token === "[" || token === "p" || token === "up" || token === "k") {
+          moveSelection(selected - 1);
+          return;
+        }
+        if (token === "]" || token === "n" || token === "down" || token === "j") {
+          moveSelection(selected + 1);
+          return;
+        }
+        if (token === "return" || token === "enter") {
+          openSelected();
+        }
+        return;
+      }
+      const scrollable = active === "detail" ? detailLines : overviewLines;
+      const setScroll = (value) => {
+        if (active === "detail") {
+          detailScroll = value;
+        } else {
+          overviewScroll = value;
+        }
+      };
+      const current = active === "detail" ? detailScroll : overviewScroll;
+      if (token === "up" || token === "k") {
+        setScroll(clampScroll2(current - 1, scrollable().length, bodyRows));
+        paintSelection();
+        return;
+      }
+      if (token === "down" || token === "j") {
+        setScroll(clampScroll2(current + 1, scrollable().length, bodyRows));
+        paintSelection();
+        return;
+      }
+      if (token === "pageup" || token === "pagedown") {
+        const step = token === "pageup" ? -bodyRows : bodyRows;
+        setScroll(clampScroll2(current + step, scrollable().length, bodyRows));
+        paintSelection();
+      }
+    });
+  }
+  return handle;
+}
+function openWorkspace(otui, chrome, options) {
+  return presentWorkspace((hostOtui, hostChrome, input2) => openModal(hostOtui, hostChrome, input2), otui, chrome, options);
+}
+
+// src/tui/tui-shell.ts
+init_slate();
+
 // src/tui/context-usage.ts
 var CONTEXT_BAR_WIDTH = 28;
 function lastTurnUsed(usage) {
@@ -50533,6 +50849,11 @@ var AGENT_SLASH_COMMANDS = [
     modes: BOTH
   },
   { name: "/flows", description: "Browse project flows and inspect one", modes: BOTH },
+  {
+    name: "/workspace",
+    description: "Show this session's SAC workspace and its slates",
+    modes: AGENT_ONLY
+  },
   {
     name: "/compact",
     description: "Compact model context \u2014 /compact [focus] (archive kept)",
@@ -50965,10 +51286,6 @@ function setProjectPermissionMode(projectPath, mode, dir) {
 init_permission_mode();
 init_enrich2();
 
-// src/session/index.ts
-init_paths();
-init_store3();
-
 // src/tui/herdr-report.ts
 import net from "net";
 var SOURCE = "herdr:keryx";
@@ -51681,6 +51998,21 @@ async function createShellChrome(otui, renderer, opts) {
   });
   main.add(scroll);
   const transcript = scroll.content;
+  const queueDock = new otui.BoxRenderable(r, {
+    id: "queue-dock",
+    flexShrink: 0,
+    flexDirection: "column",
+    visible: false,
+    backgroundColor: getTheme().panel,
+    borderStyle: "rounded",
+    border: true,
+    borderColor: getTheme().border,
+    paddingLeft: 1,
+    paddingRight: 1,
+    paddingTop: 0,
+    paddingBottom: 0
+  });
+  main.add(queueDock);
   const dock = new otui.BoxRenderable(r, {
     id: "choice-dock",
     flexShrink: 0,
@@ -51817,6 +52149,16 @@ async function createShellChrome(otui, renderer, opts) {
       textarea.focus();
     }
   };
+  scroll.onMouseDown = (event) => {
+    if (overlayActive())
+      return;
+    input2.focus();
+    event.preventDefault();
+  };
+  sidebar.onMouseDown = () => {
+    if (overlayActive())
+      return;
+  };
   const footer = new otui.BoxRenderable(r, {
     id: "footer",
     flexShrink: 0,
@@ -51983,6 +52325,8 @@ async function createShellChrome(otui, renderer, opts) {
     sidebar.borderColor = theme.highlight;
     dock.backgroundColor = theme.panel;
     dock.borderColor = theme.border;
+    queueDock.backgroundColor = theme.panel;
+    queueDock.borderColor = theme.border;
     composer.borderColor = theme.border;
     menu.backgroundColor = theme.panel;
     menu.focusedBackgroundColor = theme.panel;
@@ -52004,6 +52348,7 @@ async function createShellChrome(otui, renderer, opts) {
     scroll,
     transcript,
     dock,
+    queueDock,
     menu,
     composer,
     textarea,
@@ -52150,6 +52495,28 @@ function reinsertMainQueueItem(items, at, item) {
   return next;
 }
 
+// src/tui/queue-nav.ts
+var QUEUE_NAV_ACTIONS = ["force", "edit", "delete"];
+function stepQueueNavIndex(selected, count, direction) {
+  if (count <= 0)
+    return 0;
+  if (direction === "up") {
+    return selected > 0 ? selected - 1 : count - 1;
+  }
+  return selected < count - 1 ? selected + 1 : 0;
+}
+function clampQueueNavIndex(selected, count) {
+  if (count <= 0)
+    return 0;
+  return Math.min(Math.max(selected, 0), count - 1);
+}
+function stepQueueNavAction(selected, direction) {
+  const idx = QUEUE_NAV_ACTIONS.indexOf(selected);
+  const count = QUEUE_NAV_ACTIONS.length;
+  const nextIdx = direction === "left" ? idx > 0 ? idx - 1 : count - 1 : idx < count - 1 ? idx + 1 : 0;
+  return QUEUE_NAV_ACTIONS[nextIdx];
+}
+
 // src/tui/worker-fleet.ts
 var STATUS_GLYPH = {
   queued: "\u25CB",
@@ -53528,6 +53895,7 @@ async function launchTuiAgentShell(opts) {
       ...opts.versionCheck !== undefined ? { versionCheck: opts.versionCheck } : {}
     });
     mountedChrome = chrome;
+    chrome.input.focus();
     const transcript = chrome.transcript;
     const input2 = chrome.input;
     let busyPhase = "waiting for model";
@@ -53551,6 +53919,37 @@ async function launchTuiAgentShell(opts) {
     const sbModelV = new otui.TextRenderable(r, { id: "sb-model-v", content: otui.t`${otui.dim(`${sel.provider}/${sel.model}`)}` });
     sidebar.add(sbModelV);
     mountCwdPanel(otui, r, sidebar, opts.session?.cwd ?? process.cwd());
+    sidebar.add(new otui.TextRenderable(r, { id: "sb-workspace-k", content: otui.t`${otui.dim("Workspace")}`, marginTop: 1 }));
+    const sbWorkspaceV = new otui.TextRenderable(r, {
+      id: "sb-workspace-v",
+      content: otui.t`${otui.dim("\u2014")}`,
+      onMouseDown: () => {
+        showWorkspace();
+      }
+    });
+    sidebar.add(sbWorkspaceV);
+    let currentWorkspace;
+    let currentSlates = [];
+    const refreshWorkspaceSidebar = async () => {
+      const dir = slateSession?.dir;
+      const workspaceId = dir !== undefined ? (await readSlate(dir).catch(() => {
+        return;
+      }))?.workspaceId : undefined;
+      if (workspaceId === undefined) {
+        currentWorkspace = undefined;
+        currentSlates = [];
+        sbWorkspaceV.content = otui.t`${otui.dim("\u2014")}`;
+        return;
+      }
+      const cwd = opts.session?.cwd ?? process.cwd();
+      const [workspace, slates] = await Promise.all([
+        loadInspectorWorkspace(cwd, workspaceId),
+        loadInspectorSlates(cwd, workspaceId)
+      ]);
+      currentWorkspace = workspace;
+      currentSlates = slates;
+      sbWorkspaceV.content = workspace === undefined ? otui.t`${otui.dim("\u2014")}` : otui.t`${otui.dim(`${shortenCwd(workspace.title, SIDEBAR_TEXT_WIDTH)} \xB7 ${workspace.status} \xB7 ${slates.length} slate${slates.length === 1 ? "" : "s"}`)}`;
+    };
     sidebar.add(new otui.TextRenderable(r, { id: "sb-ctx-k", content: otui.t`${otui.dim("Context")}`, marginTop: 1 }));
     const sbContext = new otui.TextRenderable(r, { id: "sb-ctx-v", content: otui.t`${otui.dim("0 tokens")}` });
     sidebar.add(sbContext);
@@ -53990,6 +54389,7 @@ async function launchTuiAgentShell(opts) {
       }));
     }
     slateSession = { dir: liveSession.dir, cwd: sessionCwd, opened: false };
+    refreshWorkspaceSidebar();
     const paintSessionHeader = () => {
       const label = `${currentSel.provider}/${currentSel.model}`;
       const sid = shortSessionId(liveSession.summary.id);
@@ -54130,6 +54530,35 @@ Staying in the current session.
         });
       })();
     };
+    const showWorkspace = () => {
+      (async () => {
+        const dir = slateSession?.dir;
+        const workspaceId = dir !== undefined ? (await readSlate(dir).catch(() => {
+          return;
+        }))?.workspaceId : undefined;
+        if (workspaceId === undefined) {
+          io.onSystem?.(`No workspace bound to this session yet \u2014 the agent binds one automatically on its first real task.
+`);
+          return;
+        }
+        const cwd = inspectorCwd();
+        const [workspace, slates] = await Promise.all([
+          loadInspectorWorkspace(cwd, workspaceId),
+          loadInspectorSlates(cwd, workspaceId)
+        ]);
+        if (workspace === undefined) {
+          io.onSystem?.(`Workspace ${workspaceId} could not be loaded.
+`);
+          return;
+        }
+        openWorkspace(otui, chrome, {
+          workspace,
+          slates,
+          renderer: r,
+          ...inspectorKeys
+        });
+      })();
+    };
     const updateModelLabels = () => {
       paintSessionHeader();
       const label = `${currentSel.provider}/${currentSel.model}`;
@@ -54168,26 +54597,110 @@ Staying in the current session.
         detail: `queued \xD7${sideQueue.length}`
       });
     };
+    let queueNavActive = false;
+    let selectedQueueIndex = 0;
+    let selectedQueueAction = "force";
+    chrome.addOverlaySource(() => queueNavActive);
     let mainQueueBlocks = [];
+    const mainQueueButton = (label, id, color, onMouseDown) => {
+      const box = new otui.BoxRenderable(r, {
+        id,
+        flexShrink: 0,
+        marginLeft: 1,
+        paddingLeft: 1,
+        paddingRight: 1,
+        onMouseDown: (event) => {
+          event.stopPropagation();
+          onMouseDown();
+        }
+      });
+      const text = new otui.TextRenderable(r, { id: `${id}-t`, content: `[${label}]` });
+      text.fg = color;
+      box.add(text);
+      const setActive = (active) => {
+        box.backgroundColor = active ? getTheme().highlight : undefined;
+        text.content = active ? otui.t`${otui.bold(`[${label}]`)}` : `[${label}]`;
+        text.fg = color;
+      };
+      return { box, setActive };
+    };
+    const applyQueueNavHighlight = () => {
+      for (let i = 0;i < mainQueueBlocks.length; i++) {
+        const entry = mainQueueBlocks[i];
+        if (entry === undefined)
+          continue;
+        const rowActive = queueNavActive && i === selectedQueueIndex;
+        entry.setRowActive(rowActive);
+        entry.buttons.force.setActive(rowActive && selectedQueueAction === "force");
+        entry.buttons.edit.setActive(rowActive && selectedQueueAction === "edit");
+        entry.buttons.delete.setActive(rowActive && selectedQueueAction === "delete");
+      }
+    };
+    const exitQueueNav = () => {
+      if (!queueNavActive)
+        return;
+      queueNavActive = false;
+      applyQueueNavHighlight();
+    };
+    const enterQueueNav = () => {
+      if (mainQueue.length === 0)
+        return;
+      queueNavActive = true;
+      selectedQueueIndex = clampQueueNavIndex(selectedQueueIndex, mainQueue.length);
+      applyQueueNavHighlight();
+    };
+    chrome.queueDock.onMouseDown = () => {
+      if (chrome.overlayActive())
+        return;
+      enterQueueNav();
+    };
     const paintMainQueue = () => {
       for (const entry of mainQueueBlocks) {
         try {
-          transcript.remove(entry.box);
+          chrome.queueDock.remove(entry.box);
         } catch {}
       }
       mainQueueBlocks = [];
+      selectedQueueIndex = clampQueueNavIndex(selectedQueueIndex, mainQueue.length);
+      if (mainQueue.length === 0) {
+        exitQueueNav();
+      }
+      const theme = getTheme();
       for (let i = 0;i < mainQueue.length; i++) {
         const item = mainQueue[i];
         if (item === undefined)
           continue;
-        const box = appendUserEcho(otui, r, transcript, {
+        const index = i;
+        const row = new otui.BoxRenderable(r, {
           id: `mq-${item.id}`,
-          line: `${formatMainQueueMarker(i, mainQueue.length)} ${item.displayQuestion}`,
-          borderColor: getTheme().highlight,
-          marginTop: 0
+          width: "100%",
+          flexDirection: "row"
+        });
+        const label = new otui.TextRenderable(r, {
+          id: `mq-${item.id}-t`,
+          flexGrow: 1,
+          minWidth: 0,
+          content: otui.t`${otui.dim(`${formatMainQueueMarker(index, mainQueue.length)} ${item.displayQuestion}`)}`
+        });
+        row.add(label);
+        const force = mainQueueButton("Force", `mq-force-${item.id}`, theme.focus, () => forceMainQueue(index));
+        const edit = mainQueueButton("Edit", `mq-edit-${item.id}`, theme.text, () => editMainQueue(index));
+        const del = mainQueueButton("Delete", `mq-del-${item.id}`, theme.error, () => removeMainQueue(index));
+        row.add(force.box);
+        row.add(edit.box);
+        row.add(del.box);
+        chrome.queueDock.add(row);
+        mainQueueBlocks.push({
+          id: item.id,
+          box: row,
+          setRowActive: (active) => {
+            row.backgroundColor = active ? theme.highlight : undefined;
+          },
+          buttons: { force, edit, delete: del }
         });
-        mainQueueBlocks.push({ id: item.id, box });
       }
+      chrome.queueDock.visible = mainQueue.length > 0;
+      applyQueueNavHighlight();
       if (mainQueue.length > 0) {
         fleet.upsert({ id: "agent:queue", label: "mainQ", status: "queued", detail: `queued \xD7${mainQueue.length}` });
       } else {
@@ -54226,6 +54739,63 @@ Staying in the current session.
       }
       runLine(item.question);
     };
+    const handleQueueNavKey = (key) => {
+      if (!queueNavActive) {
+        if (key.ctrl && key.name === "q" && mainQueue.length > 0 && !chrome.overlayActive() && !chrome.menuActive() && !nav.active()) {
+          enterQueueNav();
+          key.preventDefault();
+          key.stopPropagation();
+        }
+        return;
+      }
+      if (key.name === "escape") {
+        exitQueueNav();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
+      if (key.name === "up") {
+        selectedQueueIndex = stepQueueNavIndex(selectedQueueIndex, mainQueue.length, "up");
+        applyQueueNavHighlight();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
+      if (key.name === "down") {
+        selectedQueueIndex = stepQueueNavIndex(selectedQueueIndex, mainQueue.length, "down");
+        applyQueueNavHighlight();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
+      if (key.name === "left") {
+        selectedQueueAction = stepQueueNavAction(selectedQueueAction, "left");
+        applyQueueNavHighlight();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
+      if (key.name === "right") {
+        selectedQueueAction = stepQueueNavAction(selectedQueueAction, "right");
+        applyQueueNavHighlight();
+        key.preventDefault();
+        key.stopPropagation();
+        return;
+      }
+      if (key.name === "return" || key.name === "linefeed" || key.name === "kpenter") {
+        const index = selectedQueueIndex;
+        const action = selectedQueueAction;
+        exitQueueNav();
+        if (action === "force")
+          forceMainQueue(index);
+        else if (action === "edit")
+          editMainQueue(index);
+        else
+          removeMainQueue(index);
+        key.preventDefault();
+        key.stopPropagation();
+      }
+    };
     const clearSideWorkerSlot = () => {
       if (sideClearTimeout !== undefined) {
         clearTimeout(sideClearTimeout);
@@ -54507,6 +55077,7 @@ Staying in the current session.
             await closeSlateSession(slateSession, mintTimestampAttemptId);
             startNewSession();
             slateSession = { dir: liveSession.dir, cwd: sessionCwd, opened: false };
+            refreshWorkspaceSidebar();
             sessions.clear();
             deps.resetSubagentBudget?.();
             io.onSystem?.(`New session ${shortSessionId(liveSession.summary.id)} (previous kept on disk \xB7 /resume)
@@ -54641,6 +55212,10 @@ Staying in the current session.
           showFlows();
           return;
         }
+        if (isWorkspaceCommand(command.name)) {
+          showWorkspace();
+          return;
+        }
         if (command.name === "/copy") {
           const target = newestBlock();
           if (target === undefined || !copyBlock(target.id)) {
@@ -54959,6 +55534,7 @@ ${formatThemeList(getThemeId())}`);
         mainTurnAbortController = undefined;
         const secs = ((Date.now() - startedAt) / 1000).toFixed(1);
         stopBusy();
+        refreshWorkspaceSidebar();
         setMainAgent(turnFailed ? "failed" : "done", turnFailed ? "error" : "idle");
         try {
           flushSessionCheckpoint();
@@ -54985,6 +55561,9 @@ ${formatThemeList(getThemeId())}`);
     onKeypress4(r, (key) => {
       nav.handleKey(key);
     });
+    onKeypress4(r, (key) => {
+      handleQueueNavKey(key);
+    });
     chrome.onSubmit((line) => {
       runLine(line);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrciphersmith/keryx",
-  "version": "0.2.42",
+  "version": "0.2.43",
   "description": "Version-controlled project context for AI coding agents: code graph, architecture wiki, project memory, relevant tests, quality signals, and task flows.",
   "private": false,
   "publishConfig": {