@mirrowel/opencode-subagent-explorer 0.1.0 → 0.2.0-dev.2

package/dist/tui.js

@@ -66,6 +66,7 @@ import { useTerminalDimensions } from "@opentui/solid";
 import { createEffect, createMemo, createSignal, For, onCleanup, Show } from "solid-js";
 
 // src/sessions.ts
+import { existsSync, readFileSync } from "fs";
 var CALL_TIMEOUT_MS = 5000;
 var BUILTIN_AGENTS = new Set(["build", "plan"]);
 function withTimeout(fn, ms = CALL_TIMEOUT_MS) {
@@ -107,16 +108,17 @@ function normalizeSession(raw) {
     updated: toMillis(time.updated ?? record.time_updated)
   };
 }
+var SESSION_LIST_LIMIT = 5000;
 async function fetchSessions(client, directory) {
   const namespace = client?.session;
   if (!namespace?.list)
     return;
   const calls = [
-    () => namespace.list({ directory }),
-    () => namespace.list({ query: { directory } })
+    () => namespace.list({ directory, limit: SESSION_LIST_LIMIT }),
+    () => namespace.list({ query: { directory, limit: SESSION_LIST_LIMIT } })
   ];
   for (const call of calls) {
-    const result = unwrap(await withTimeout(call));
+    const result = unwrap(await withTimeout(call, 8000));
     if (Array.isArray(result))
       return result.map(normalizeSession).filter((s) => !!s);
   }
@@ -127,23 +129,20 @@ async function fetchActiveSessionIDs(client) {
   if (!namespace)
     return;
   if (typeof namespace.active === "function") {
-    const active = unwrap(await withTimeout(() => namespace.active()));
-    if (active && typeof active === "object") {
-      const ids = new Set;
-      for (const [id, value] of Object.entries(active)) {
-        if (value)
-          ids.add(id);
-      }
-      return ids;
+    const result = await withTimeout(() => namespace.active());
+    const data = result && typeof result === "object" ? result.data : undefined;
+    if (data && typeof data === "object" && !Array.isArray(data)) {
+      return new Set(Object.keys(data));
     }
   }
   if (typeof namespace.status === "function") {
-    const status = unwrap(await withTimeout(() => namespace.status()));
-    if (status && typeof status === "object") {
+    const result = await withTimeout(() => namespace.status());
+    const data = result && typeof result === "object" ? result.data : undefined;
+    if (data && typeof data === "object" && !Array.isArray(data)) {
       const ids = new Set;
-      for (const [id, value] of Object.entries(status)) {
-        const state = value?.status ?? value;
-        if (state === "busy" || state === "retry")
+      for (const [id, value] of Object.entries(data)) {
+        const type = value && typeof value === "object" ? value.type ?? value.status : value;
+        if (type === undefined || type === "busy" || type === "retry")
           ids.add(id);
       }
       return ids;
@@ -151,6 +150,88 @@ async function fetchActiveSessionIDs(client) {
   }
   return;
 }
+function loadAvSidecar(globalConfigDir) {
+  const parents = new Map;
+  if (!globalConfigDir)
+    return { parents };
+  try {
+    const path = `${globalConfigDir.replace(/[\\/]+$/, "")}/agent-variants.jsonc`;
+    if (!existsSync(path))
+      return { parents };
+    const raw = readFileSync(path, "utf8");
+    const json = JSON.parse(stripJsoncComments(raw));
+    for (const [parent, entry] of Object.entries(json.agents ?? {})) {
+      if (!entry || typeof entry !== "object")
+        continue;
+      parents.set(parent, { disableBase: entry.disable_base === true && entry.disable !== true });
+    }
+  } catch {}
+  return { parents };
+}
+function stripJsoncComments(text) {
+  return text.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[^:"'\\])\/\/.*$/gm, "$1").replace(/,(\s*[}\]])/g, "$1");
+}
+var ATTRIBUTION_PAGE_SIZE = 100;
+var ATTRIBUTION_PAGES = 5;
+async function fetchVariantAttribution(client, parentSessionID, directory, avParents) {
+  const map = new Map;
+  if (avParents.size === 0 || !parentSessionID)
+    return map;
+  const namespace = client?.session;
+  if (!namespace || typeof namespace.messages !== "function")
+    return map;
+  const fetchPage = (before) => {
+    const query = { directory, limit: ATTRIBUTION_PAGE_SIZE };
+    if (before)
+      query.before = before;
+    const flat = namespace.messages({ sessionID: parentSessionID, ...query });
+    return flat instanceof Promise ? flat : namespace.messages({ path: { id: parentSessionID }, query });
+  };
+  const asList = (value) => {
+    if (Array.isArray(value))
+      return value;
+    if (value && typeof value === "object") {
+      const unwrapped = value.data;
+      if (Array.isArray(unwrapped))
+        return unwrapped;
+    }
+    return;
+  };
+  let before;
+  const seenCursors = new Set;
+  for (let page = 0;page < ATTRIBUTION_PAGES; page++) {
+    const messages = await withTimeout(() => fetchPage(before), 8000);
+    const list = asList(messages);
+    if (!list || list.length === 0)
+      break;
+    for (const message of list) {
+      for (const part of message.parts ?? []) {
+        if (part?.type !== "tool" || part.tool !== "task")
+          continue;
+        const metadata = part.state?.metadata;
+        const child = metadata?.sessionId;
+        const variantMeta = metadata?.agentVariants;
+        const alias = variantMeta?.alias;
+        const routedAgent = variantMeta?.routedAgent;
+        if (typeof child === "string" && typeof alias === "string" && !map.has(child)) {
+          map.set(child, {
+            alias,
+            parent: typeof routedAgent === "string" ? routedAgent : alias.replace(/-[a-z0-9-]+$/, "")
+          });
+        }
+      }
+    }
+    if (list.length < ATTRIBUTION_PAGE_SIZE)
+      break;
+    const last = list[list.length - 1];
+    const next = last?.info?.id ?? last?.id;
+    if (!next || seenCursors.has(next))
+      break;
+    seenCursors.add(next);
+    before = next;
+  }
+  return map;
+}
 function buildSessionTree(sessions, rootID) {
   const byParent = new Map;
   for (const session of sessions) {
@@ -223,10 +304,18 @@ function isHiddenAgent(agent, hidden, configAgents) {
     return true;
   return !configAgents.has(agent) && !BUILTIN_AGENTS.has(agent) && !agent.startsWith("av:");
 }
+function rowHidden(variant, agent, avParents, hidden, configAgents) {
+  if (variant)
+    return false;
+  if (agent && avParents.has(agent))
+    return false;
+  return isHiddenAgent(agent, hidden, configAgents);
+}
 async function deleteSession(client, sessionID) {
   const namespace = client?.session;
   if (!namespace)
     return false;
+  const isErrorEnvelope = (value) => !!value && typeof value === "object" && ("error" in value) && !("data" in value);
   const shapes = [];
   if (typeof namespace.delete === "function") {
     shapes.push(() => namespace.delete({ sessionID }), () => namespace.delete({ path: { sessionID } }), () => namespace.delete({ path: { id: sessionID } }), () => namespace.delete({ id: sessionID }));
@@ -236,8 +325,11 @@ async function deleteSession(client, sessionID) {
   }
   for (const call of shapes) {
     const result = await withTimeout(call);
-    if (result !== undefined)
-      return true;
+    if (result === undefined)
+      continue;
+    if (isErrorEnvelope(result))
+      continue;
+    return true;
   }
   return false;
 }
@@ -313,28 +405,42 @@ function parentCandidates(sessions) {
 }
 
 // src/wizard.tsx
-async function loadExplorerData(api, directory) {
+function globalConfigDirOf(api) {
+  const config = api.state.path?.config;
+  if (!config)
+    return;
+  const index = Math.max(config.lastIndexOf("/"), config.lastIndexOf("\\"));
+  return index > 0 ? config.slice(0, index) : undefined;
+}
+async function loadExplorerData(api, directory, rootOverride) {
   const sessions = await fetchSessions(api.client, directory);
   if (!sessions)
     return;
-  const activeIDs = await fetchActiveSessionIDs(api.client);
+  const [activeIDs, avSidecar] = await Promise.all([fetchActiveSessionIDs(api.client), Promise.resolve(loadAvSidecar(globalConfigDirOf(api)))]);
+  const rootID = rootOverride ?? currentSessionID(api.currentSessionID?.(), sessions);
+  const variantOf = await fetchVariantAttribution(api.client, rootID, directory, new Set(avSidecar.parents.keys()));
   return {
     sessions,
     activeIDs,
     activeKnown: activeIDs !== undefined,
     hidden: hiddenAgentIDs(api.state.config),
-    configAgents: configAgentIDs(api.state.config)
+    configAgents: configAgentIDs(api.state.config),
+    variantOf,
+    avParents: avSidecar.parents
   };
 }
 function explorerRows(tree, data) {
   const rows = [];
   const walk = (nodes, depth) => {
     for (const node of nodes) {
+      const variant = data.variantOf.get(node.session.id);
+      const agent = node.session.agent;
       rows.push({
         session: node.session,
         depth,
         running: data.activeIDs?.has(node.session.id) ?? false,
-        hidden: isHiddenAgent(node.session.agent, data.hidden, data.configAgents)
+        hidden: rowHidden(variant, agent, data.avParents, data.hidden, data.configAgents),
+        variant
       });
       walk(node.children, depth + 1);
     }
@@ -342,6 +448,9 @@ function explorerRows(tree, data) {
   walk(tree, 0);
   return rows;
 }
+function agentLabelOf(row) {
+  return row.variant?.alias ?? row.session.agent ?? "unknown";
+}
 function themeOf(api) {
   return api.theme.current;
 }
@@ -714,7 +823,7 @@ function SubagentTreeDialog(props) {
               _$setProp(_el$30, "flexShrink", 0);
               _$setProp(_el$30, "wrapMode", "none");
               _$setProp(_el$30, "overflow", "hidden");
-              _$insert(_el$31, () => truncate(row.session.agent ?? "agent", agentWidth));
+              _$insert(_el$31, () => truncate(agentLabelOf(row), agentWidth));
               _$insert(_el$28, _$createComponent(Show, {
                 get when() {
                   return row.hidden;
@@ -1039,7 +1148,7 @@ function showConfirm(api, props) {
 async function deleteOne(api, row) {
   const label = `${rowTitle(row)}${row.hidden ? " [hidden agent]" : ""}`;
   const summary = `${label}
-agent: ${row.session.agent ?? "unknown"}
+${row.variant ? `variant: ${row.variant.alias} (of ${row.variant.parent})` : `agent: ${row.session.agent ?? "unknown"}`}
 last activity: ${formatAge(row.session.updated ?? row.session.created)}
 
 Deleting a session permanently removes it, its messages, and its history. The parent session keeps the task result text; only the jump target is lost.`;
@@ -1063,7 +1172,50 @@ Deleting a session permanently removes it, its messages, and its history. The pa
   });
   return ok;
 }
-async function runCleanup(api, plan, rootTitle) {
+function CleanupProgressDialog(props) {
+  const theme = () => themeOf(props.api);
+  const popMode = props.api.mode.push("subagent-explorer.cleanup");
+  onCleanup(() => popMode());
+  const done = props.done;
+  const total = props.total;
+  return (() => {
+    var _el$56 = _$createElement("box"), _el$57 = _$createElement("text"), _el$58 = _$createElement("b"), _el$60 = _$createElement("text"), _el$61 = _$createElement("text");
+    _$insertNode(_el$56, _el$57);
+    _$insertNode(_el$56, _el$60);
+    _$insertNode(_el$56, _el$61);
+    _$setProp(_el$56, "flexDirection", "column");
+    _$setProp(_el$56, "width", "100%");
+    _$setProp(_el$56, "paddingLeft", 2);
+    _$setProp(_el$56, "paddingRight", 2);
+    _$setProp(_el$56, "paddingTop", 2);
+    _$setProp(_el$56, "paddingBottom", 2);
+    _$setProp(_el$56, "gap", 1);
+    _$insertNode(_el$57, _el$58);
+    _$insertNode(_el$58, _$createTextNode(`Cleaning up idle subagent sessions\u2026`));
+    _$insert(_el$60, () => `${done()} / ${total} deleted`);
+    _$insertNode(_el$61, _$createTextNode(`This dialog closes when the batch finishes.`));
+    _$effect((_p$) => {
+      var _v$24 = theme().text, _v$25 = theme().textMuted, _v$26 = theme().textMuted;
+      _v$24 !== _p$.e && (_p$.e = _$setProp(_el$57, "fg", _v$24, _p$.e));
+      _v$25 !== _p$.t && (_p$.t = _$setProp(_el$60, "fg", _v$25, _p$.t));
+      _v$26 !== _p$.a && (_p$.a = _$setProp(_el$61, "fg", _v$26, _p$.a));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$56;
+  })();
+}
+function showCleanupProgress(api, done, total) {
+  api.ui.dialog.replace(() => _$createComponent(CleanupProgressDialog, {
+    api,
+    done,
+    total
+  }), () => {});
+}
+async function runCleanup(api, plan, rootTitle, directory, rootID) {
   if (plan.deletable.length === 0) {
     await showInfo(api, {
       title: "Nothing to clean up",
@@ -1082,18 +1234,40 @@ ${plan.sparedActive.length} running session(s) will be spared.` : "";
   if (!confirmed)
     return 0;
   let deleted = 0;
+  const [progressDone, setProgressDone] = createSignal(0);
+  showCleanupProgress(api, progressDone, plan.deletable.length);
   for (const session of plan.deletable) {
-    if (await deleteSession(api.client, session.id))
+    if (await deleteSession(api.client, session.id)) {
       deleted += 1;
+      setProgressDone(deleted);
+    }
   }
+  const remainingIdle = await remainingIdleCount(api, directory, rootID);
+  api.ui.dialog.clear();
   const failed = plan.deletable.length - deleted;
   api.ui.toast({
-    variant: failed > 0 ? "warning" : "default",
+    variant: failed > 0 || remainingIdle > 0 ? "warning" : "default",
     title: "Cleanup finished",
-    message: failed > 0 ? `Deleted ${deleted}, failed ${failed}.` : `Deleted ${deleted} session(s).`
+    message: remainingIdle > 0 ? `Deleted ${deleted}. ${remainingIdle} idle session(s) still remain${failed > 0 ? ` (${failed} delete call(s) failed - re-run cleanup or delete rows individually)` : " - re-run cleanup for the newly-idle"}.` : failed > 0 ? `Deleted ${deleted}, failed ${failed}.` : `Deleted ${deleted} session(s).`
   });
   return deleted;
 }
+async function remainingIdleCount(api, directory, rootID) {
+  const sessions = await fetchSessions(api.client, directory);
+  if (!sessions)
+    return 0;
+  const active = await fetchActiveSessionIDs(api.client);
+  const rows = explorerRows(buildSessionTree(sessions, rootID), {
+    sessions,
+    activeIDs: active,
+    activeKnown: active !== undefined,
+    hidden: new Set,
+    configAgents: new Set,
+    variantOf: new Map,
+    avParents: new Map
+  });
+  return rows.filter((row) => !row.running).length;
+}
 function showRootPicker(api, sessions, currentRoot) {
   return new Promise((resolve) => {
     let settled = false;
@@ -1118,9 +1292,19 @@ function showRootPicker(api, sessions, currentRoot) {
     }), () => done(undefined));
   });
 }
-async function showDetails(api, row) {
+async function showDetails(api, row, data) {
   const details = await fetchSessionDetails(api.client, row.session.id);
-  const lines = [`title: ${rowTitle(row)}`, `agent: ${row.session.agent ?? "unknown"}${row.hidden ? " (hidden/background)" : ""}`, `session: ${row.session.id}`, `status: ${row.running ? "running" : "idle"}`, `created: ${formatAge(row.session.created)}`, `last activity: ${formatAge(row.session.updated ?? row.session.created)}`];
+  const parentAgent = row.session.agent ?? "unknown";
+  const lines = [`title: ${rowTitle(row)}`, row.variant ? `variant: ${row.variant.alias} (of ${row.variant.parent})` : `agent: ${parentAgent}${row.hidden ? " (hidden/background)" : ""}`];
+  if (row.variant) {
+    const parentEntry = data.avParents.get(row.variant.parent);
+    if (parentEntry) {
+      lines.push(`base ${row.variant.parent}: ${parentEntry.disableBase ? "disabled (variants only)" : "enabled"}`);
+    }
+  } else if (data.avParents.has(parentAgent)) {
+    lines.push(`base ${parentAgent}: ${data.avParents.get(parentAgent)?.disableBase ? "disabled (variants only)" : "enabled"}`);
+  }
+  lines.push(`session: ${row.session.id}`, `status: ${row.running ? "running" : "idle"}`, `created: ${formatAge(row.session.created)}`, `last activity: ${formatAge(row.session.updated ?? row.session.created)}`);
   if (details) {
     lines.push(`messages: ${details.messageCount}`);
     if (details.model)
@@ -1400,140 +1584,140 @@ function SizeSliderDialog(props) {
     popMode();
   });
   return (() => {
-    var _el$56 = _$createElement("box"), _el$57 = _$createElement("box"), _el$58 = _$createElement("text"), _el$59 = _$createElement("b"), _el$61 = _$createElement("text"), _el$63 = _$createElement("box"), _el$64 = _$createElement("text"), _el$66 = _$createElement("text"), _el$67 = _$createElement("b"), _el$68 = _$createElement("text"), _el$69 = _$createTextNode(` (`), _el$70 = _$createTextNode(` cols, w to cycle) Height: `), _el$71 = _$createElement("text"), _el$72 = _$createElement("b"), _el$73 = _$createTextNode(`%`), _el$74 = _$createElement("box"), _el$75 = _$createElement("text"), _el$76 = _$createTextNode(`25% `), _el$78 = _$createElement("text"), _el$79 = _$createTextNode(` 100%`), _el$82 = _$createElement("box"), _el$83 = _$createElement("box"), _el$84 = _$createElement("text"), _el$86 = _$createElement("text"), _el$88 = _$createElement("text"), _el$90 = _$createElement("text"), _el$92 = _$createElement("box"), _el$93 = _$createElement("box"), _el$94 = _$createElement("text"), _el$96 = _$createElement("box"), _el$97 = _$createElement("text"), _el$98 = _$createElement("b");
-    _$insertNode(_el$56, _el$57);
-    _$insertNode(_el$56, _el$63);
-    _$insertNode(_el$56, _el$74);
-    _$insertNode(_el$56, _el$82);
-    _$insertNode(_el$56, _el$93);
-    _$setProp(_el$56, "flexDirection", "column");
-    _$setProp(_el$56, "width", "100%");
-    _$setProp(_el$56, "paddingLeft", 2);
-    _$setProp(_el$56, "paddingRight", 2);
-    _$setProp(_el$56, "paddingTop", 1);
-    _$setProp(_el$56, "paddingBottom", 1);
-    _$insertNode(_el$57, _el$58);
-    _$insertNode(_el$57, _el$61);
-    _$setProp(_el$57, "flexDirection", "row");
-    _$setProp(_el$57, "justifyContent", "space-between");
-    _$setProp(_el$57, "width", "100%");
-    _$setProp(_el$57, "marginBottom", 1);
-    _$insertNode(_el$58, _el$59);
-    _$insertNode(_el$59, _$createTextNode(`Dialog size`));
-    _$insertNode(_el$61, _$createTextNode(`esc`));
-    _$setProp(_el$61, "onMouseUp", () => props.onDone(undefined));
+    var _el$63 = _$createElement("box"), _el$64 = _$createElement("box"), _el$65 = _$createElement("text"), _el$66 = _$createElement("b"), _el$68 = _$createElement("text"), _el$70 = _$createElement("box"), _el$71 = _$createElement("text"), _el$73 = _$createElement("text"), _el$74 = _$createElement("b"), _el$75 = _$createElement("text"), _el$76 = _$createTextNode(` (`), _el$77 = _$createTextNode(` cols, w to cycle) Height: `), _el$78 = _$createElement("text"), _el$79 = _$createElement("b"), _el$80 = _$createTextNode(`%`), _el$81 = _$createElement("box"), _el$82 = _$createElement("text"), _el$83 = _$createTextNode(`25% `), _el$85 = _$createElement("text"), _el$86 = _$createTextNode(` 100%`), _el$89 = _$createElement("box"), _el$90 = _$createElement("box"), _el$91 = _$createElement("text"), _el$93 = _$createElement("text"), _el$95 = _$createElement("text"), _el$97 = _$createElement("text"), _el$99 = _$createElement("box"), _el$100 = _$createElement("box"), _el$101 = _$createElement("text"), _el$103 = _$createElement("box"), _el$104 = _$createElement("text"), _el$105 = _$createElement("b");
     _$insertNode(_el$63, _el$64);
-    _$insertNode(_el$63, _el$66);
-    _$insertNode(_el$63, _el$68);
-    _$insertNode(_el$63, _el$71);
-    _$setProp(_el$63, "flexDirection", "row");
-    _$setProp(_el$63, "gap", 0);
+    _$insertNode(_el$63, _el$70);
+    _$insertNode(_el$63, _el$81);
+    _$insertNode(_el$63, _el$89);
+    _$insertNode(_el$63, _el$100);
+    _$setProp(_el$63, "flexDirection", "column");
     _$setProp(_el$63, "width", "100%");
-    _$setProp(_el$63, "marginBottom", 1);
-    _$insertNode(_el$64, _$createTextNode(`Width: `));
-    _$insertNode(_el$66, _el$67);
-    _$insert(_el$67, () => dialogSizeOf(props.api));
-    _$insertNode(_el$68, _el$69);
-    _$insertNode(_el$68, _el$70);
-    _$insert(_el$68, () => DIALOG_WIDTH_COLUMNS[dialogSizeOf(props.api)], _el$70);
-    _$insertNode(_el$71, _el$72);
-    _$insertNode(_el$72, _el$73);
-    _$insert(_el$72, height, _el$73);
-    _$insertNode(_el$74, _el$75);
-    _$insertNode(_el$74, _el$78);
-    _$setProp(_el$74, "flexDirection", "row");
-    _$setProp(_el$74, "width", "100%");
-    _$setProp(_el$74, "marginBottom", 1);
+    _$setProp(_el$63, "paddingLeft", 2);
+    _$setProp(_el$63, "paddingRight", 2);
+    _$setProp(_el$63, "paddingTop", 1);
+    _$setProp(_el$63, "paddingBottom", 1);
+    _$insertNode(_el$64, _el$65);
+    _$insertNode(_el$64, _el$68);
+    _$setProp(_el$64, "flexDirection", "row");
+    _$setProp(_el$64, "justifyContent", "space-between");
+    _$setProp(_el$64, "width", "100%");
+    _$setProp(_el$64, "marginBottom", 1);
+    _$insertNode(_el$65, _el$66);
+    _$insertNode(_el$66, _$createTextNode(`Dialog size`));
+    _$insertNode(_el$68, _$createTextNode(`esc`));
+    _$setProp(_el$68, "onMouseUp", () => props.onDone(undefined));
+    _$insertNode(_el$70, _el$71);
+    _$insertNode(_el$70, _el$73);
+    _$insertNode(_el$70, _el$75);
+    _$insertNode(_el$70, _el$78);
+    _$setProp(_el$70, "flexDirection", "row");
+    _$setProp(_el$70, "gap", 0);
+    _$setProp(_el$70, "width", "100%");
+    _$setProp(_el$70, "marginBottom", 1);
+    _$insertNode(_el$71, _$createTextNode(`Width: `));
+    _$insertNode(_el$73, _el$74);
+    _$insert(_el$74, () => dialogSizeOf(props.api));
     _$insertNode(_el$75, _el$76);
-    _$insert(_el$74, _$createComponent(For, {
+    _$insertNode(_el$75, _el$77);
+    _$insert(_el$75, () => DIALOG_WIDTH_COLUMNS[dialogSizeOf(props.api)], _el$77);
+    _$insertNode(_el$78, _el$79);
+    _$insertNode(_el$79, _el$80);
+    _$insert(_el$79, height, _el$80);
+    _$insertNode(_el$81, _el$82);
+    _$insertNode(_el$81, _el$85);
+    _$setProp(_el$81, "flexDirection", "row");
+    _$setProp(_el$81, "width", "100%");
+    _$setProp(_el$81, "marginBottom", 1);
+    _$insertNode(_el$82, _el$83);
+    _$insert(_el$81, _$createComponent(For, {
       get each() {
         return sliderCells();
       },
       children: (cell) => (() => {
-        var _el$100 = _$createElement("text");
-        _$insert(_el$100, () => cell.char);
-        _$effect((_$p) => _$setProp(_el$100, "fg", cell.color, _$p));
-        return _el$100;
+        var _el$107 = _$createElement("text");
+        _$insert(_el$107, () => cell.char);
+        _$effect((_$p) => _$setProp(_el$107, "fg", cell.color, _$p));
+        return _el$107;
       })()
-    }), _el$78);
-    _$insertNode(_el$78, _el$79);
-    _$insertNode(_el$82, _el$83);
-    _$insertNode(_el$82, _el$92);
-    _$setProp(_el$82, "flexDirection", "row");
-    _$setProp(_el$82, "gap", 2);
-    _$setProp(_el$82, "marginBottom", 1);
-    _$insertNode(_el$83, _el$84);
-    _$insertNode(_el$83, _el$86);
-    _$insertNode(_el$83, _el$88);
-    _$insertNode(_el$83, _el$90);
-    _$setProp(_el$83, "flexDirection", "column");
-    _$setProp(_el$83, "gap", 0);
-    _$insert(_el$83, _$createComponent(For, {
+    }), _el$85);
+    _$insertNode(_el$85, _el$86);
+    _$insertNode(_el$89, _el$90);
+    _$insertNode(_el$89, _el$99);
+    _$setProp(_el$89, "flexDirection", "row");
+    _$setProp(_el$89, "gap", 2);
+    _$setProp(_el$89, "marginBottom", 1);
+    _$insertNode(_el$90, _el$91);
+    _$insertNode(_el$90, _el$93);
+    _$insertNode(_el$90, _el$95);
+    _$insertNode(_el$90, _el$97);
+    _$setProp(_el$90, "flexDirection", "column");
+    _$setProp(_el$90, "gap", 0);
+    _$insert(_el$90, _$createComponent(For, {
       each: HEIGHT_PRESETS,
       children: (preset) => (() => {
-        var _el$101 = _$createElement("text"), _el$102 = _$createTextNode(` `), _el$103 = _$createTextNode(`: `), _el$104 = _$createTextNode(`%`);
-        _$insertNode(_el$101, _el$102);
-        _$insertNode(_el$101, _el$103);
-        _$insertNode(_el$101, _el$104);
-        _$insert(_el$101, () => preset.key, _el$102);
-        _$insert(_el$101, () => preset.label, _el$103);
-        _$insert(_el$101, () => preset.value, _el$104);
-        _$effect((_$p) => _$setProp(_el$101, "fg", height() === preset.value ? theme().primary : theme().textMuted, _$p));
-        return _el$101;
+        var _el$108 = _$createElement("text"), _el$109 = _$createTextNode(` `), _el$110 = _$createTextNode(`: `), _el$111 = _$createTextNode(`%`);
+        _$insertNode(_el$108, _el$109);
+        _$insertNode(_el$108, _el$110);
+        _$insertNode(_el$108, _el$111);
+        _$insert(_el$108, () => preset.key, _el$109);
+        _$insert(_el$108, () => preset.label, _el$110);
+        _$insert(_el$108, () => preset.value, _el$111);
+        _$effect((_$p) => _$setProp(_el$108, "fg", height() === preset.value ? theme().primary : theme().textMuted, _$p));
+        return _el$108;
       })()
-    }), _el$84);
-    _$insertNode(_el$84, _$createTextNode(` `));
-    _$insertNode(_el$86, _$createTextNode(`left/right 1%`));
-    _$insertNode(_el$88, _$createTextNode(`up/down 5%`));
-    _$insertNode(_el$90, _$createTextNode(`c custom`));
-    _$setProp(_el$92, "flexDirection", "column");
-    _$setProp(_el$92, "gap", 0);
-    _$insert(_el$92, _$createComponent(For, {
+    }), _el$91);
+    _$insertNode(_el$91, _$createTextNode(` `));
+    _$insertNode(_el$93, _$createTextNode(`left/right 1%`));
+    _$insertNode(_el$95, _$createTextNode(`up/down 5%`));
+    _$insertNode(_el$97, _$createTextNode(`c custom`));
+    _$setProp(_el$99, "flexDirection", "column");
+    _$setProp(_el$99, "gap", 0);
+    _$insert(_el$99, _$createComponent(For, {
       get each() {
         return preview();
       },
       children: (line) => (() => {
-        var _el$105 = _$createElement("text");
-        _$insert(_el$105, line);
-        _$effect((_$p) => _$setProp(_el$105, "fg", theme().textMuted, _$p));
-        return _el$105;
+        var _el$112 = _$createElement("text");
+        _$insert(_el$112, line);
+        _$effect((_$p) => _$setProp(_el$112, "fg", theme().textMuted, _$p));
+        return _el$112;
       })()
     }));
-    _$insertNode(_el$93, _el$94);
-    _$insertNode(_el$93, _el$96);
-    _$setProp(_el$93, "flexDirection", "row");
-    _$setProp(_el$93, "justifyContent", "space-between");
-    _$setProp(_el$93, "width", "100%");
-    _$insertNode(_el$94, _$createTextNode(`enter save`));
-    _$insertNode(_el$96, _el$97);
-    _$setProp(_el$96, "paddingLeft", 3);
-    _$setProp(_el$96, "paddingRight", 3);
-    _$setProp(_el$96, "onMouseUp", () => {
+    _$insertNode(_el$100, _el$101);
+    _$insertNode(_el$100, _el$103);
+    _$setProp(_el$100, "flexDirection", "row");
+    _$setProp(_el$100, "justifyContent", "space-between");
+    _$setProp(_el$100, "width", "100%");
+    _$insertNode(_el$101, _$createTextNode(`enter save`));
+    _$insertNode(_el$103, _el$104);
+    _$setProp(_el$103, "paddingLeft", 3);
+    _$setProp(_el$103, "paddingRight", 3);
+    _$setProp(_el$103, "onMouseUp", () => {
       setDialogHeightPercent(props.api, height());
       props.onDone({
         action: "save",
         height: height()
       });
     });
-    _$insertNode(_el$97, _el$98);
-    _$insertNode(_el$98, _$createTextNode(`save`));
+    _$insertNode(_el$104, _el$105);
+    _$insertNode(_el$105, _$createTextNode(`save`));
     _$effect((_p$) => {
-      var _v$24 = theme().accent, _v$25 = theme().textMuted, _v$26 = theme().textMuted, _v$27 = theme().primary, _v$28 = theme().textMuted, _v$29 = theme().primary, _v$30 = theme().textMuted, _v$31 = theme().textMuted, _v$32 = theme().textMuted, _v$33 = theme().textMuted, _v$34 = theme().textMuted, _v$35 = theme().textMuted, _v$36 = theme().textMuted, _v$37 = theme().primary, _v$38 = theme().background;
-      _v$24 !== _p$.e && (_p$.e = _$setProp(_el$58, "fg", _v$24, _p$.e));
-      _v$25 !== _p$.t && (_p$.t = _$setProp(_el$61, "fg", _v$25, _p$.t));
-      _v$26 !== _p$.a && (_p$.a = _$setProp(_el$64, "fg", _v$26, _p$.a));
-      _v$27 !== _p$.o && (_p$.o = _$setProp(_el$66, "fg", _v$27, _p$.o));
-      _v$28 !== _p$.i && (_p$.i = _$setProp(_el$68, "fg", _v$28, _p$.i));
-      _v$29 !== _p$.n && (_p$.n = _$setProp(_el$71, "fg", _v$29, _p$.n));
-      _v$30 !== _p$.s && (_p$.s = _$setProp(_el$75, "fg", _v$30, _p$.s));
-      _v$31 !== _p$.h && (_p$.h = _$setProp(_el$78, "fg", _v$31, _p$.h));
-      _v$32 !== _p$.r && (_p$.r = _$setProp(_el$84, "fg", _v$32, _p$.r));
-      _v$33 !== _p$.d && (_p$.d = _$setProp(_el$86, "fg", _v$33, _p$.d));
-      _v$34 !== _p$.l && (_p$.l = _$setProp(_el$88, "fg", _v$34, _p$.l));
-      _v$35 !== _p$.u && (_p$.u = _$setProp(_el$90, "fg", _v$35, _p$.u));
-      _v$36 !== _p$.c && (_p$.c = _$setProp(_el$94, "fg", _v$36, _p$.c));
-      _v$37 !== _p$.w && (_p$.w = _$setProp(_el$96, "backgroundColor", _v$37, _p$.w));
-      _v$38 !== _p$.m && (_p$.m = _$setProp(_el$97, "fg", _v$38, _p$.m));
+      var _v$27 = theme().accent, _v$28 = theme().textMuted, _v$29 = theme().textMuted, _v$30 = theme().primary, _v$31 = theme().textMuted, _v$32 = theme().primary, _v$33 = theme().textMuted, _v$34 = theme().textMuted, _v$35 = theme().textMuted, _v$36 = theme().textMuted, _v$37 = theme().textMuted, _v$38 = theme().textMuted, _v$39 = theme().textMuted, _v$40 = theme().primary, _v$41 = theme().background;
+      _v$27 !== _p$.e && (_p$.e = _$setProp(_el$65, "fg", _v$27, _p$.e));
+      _v$28 !== _p$.t && (_p$.t = _$setProp(_el$68, "fg", _v$28, _p$.t));
+      _v$29 !== _p$.a && (_p$.a = _$setProp(_el$71, "fg", _v$29, _p$.a));
+      _v$30 !== _p$.o && (_p$.o = _$setProp(_el$73, "fg", _v$30, _p$.o));
+      _v$31 !== _p$.i && (_p$.i = _$setProp(_el$75, "fg", _v$31, _p$.i));
+      _v$32 !== _p$.n && (_p$.n = _$setProp(_el$78, "fg", _v$32, _p$.n));
+      _v$33 !== _p$.s && (_p$.s = _$setProp(_el$82, "fg", _v$33, _p$.s));
+      _v$34 !== _p$.h && (_p$.h = _$setProp(_el$85, "fg", _v$34, _p$.h));
+      _v$35 !== _p$.r && (_p$.r = _$setProp(_el$91, "fg", _v$35, _p$.r));
+      _v$36 !== _p$.d && (_p$.d = _$setProp(_el$93, "fg", _v$36, _p$.d));
+      _v$37 !== _p$.l && (_p$.l = _$setProp(_el$95, "fg", _v$37, _p$.l));
+      _v$38 !== _p$.u && (_p$.u = _$setProp(_el$97, "fg", _v$38, _p$.u));
+      _v$39 !== _p$.c && (_p$.c = _$setProp(_el$101, "fg", _v$39, _p$.c));
+      _v$40 !== _p$.w && (_p$.w = _$setProp(_el$103, "backgroundColor", _v$40, _p$.w));
+      _v$41 !== _p$.m && (_p$.m = _$setProp(_el$104, "fg", _v$41, _p$.m));
       return _p$;
     }, {
       e: undefined,
@@ -1552,7 +1736,7 @@ function SizeSliderDialog(props) {
       w: undefined,
       m: undefined
     });
-    return _el$56;
+    return _el$63;
   })();
 }
 async function mainMenu(api) {
@@ -1566,7 +1750,7 @@ async function mainMenu(api) {
   }
   let rootOverride;
   while (true) {
-    const data = await loadExplorerData(api, directory);
+    const data = await loadExplorerData(api, directory, rootOverride);
     if (!data) {
       await showInfo(api, {
         title: "Subagent Explorer",
@@ -1614,11 +1798,11 @@ The host client does not expose session.list for this directory.`
       continue;
     }
     if (action.type === "details") {
-      await showDetails(api, action.row);
+      await showDetails(api, action.row, data);
       continue;
     }
     if (action.type === "cleanup") {
-      await runCleanup(api, cleanupTargets(tree, data.activeIDs), rootSession?.title ?? rootID);
+      await runCleanup(api, cleanupTargets(tree, data.activeIDs), rootSession?.title ?? rootID, directory, rootID);
       continue;
     }
   }