@mirrowel/opencode-subagent-explorer 0.2.0-dev.1 → 0.2.0-dev.3

package/dist/tui.js

@@ -108,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);
   }
@@ -170,6 +171,8 @@ function loadAvSidecar(globalConfigDir) {
 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)
@@ -177,29 +180,57 @@ async function fetchVariantAttribution(client, parentSessionID, directory, avPar
   const namespace = client?.session;
   if (!namespace || typeof namespace.messages !== "function")
     return map;
-  const messages = await withTimeout(() => {
-    const flat = namespace.messages({ sessionID: parentSessionID, directory, limit: 50 });
-    return flat instanceof Promise ? flat : namespace.messages({ path: { id: parentSessionID }, query: { directory, limit: 50 } });
-  });
-  const list = Array.isArray(messages) ? messages : messages && typeof messages === "object" ? messages.data ?? messages : undefined;
-  if (!Array.isArray(list))
-    return map;
-  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-]+$/, "")
-        });
+  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 description = part.state?.input?.description;
+        const descriptionMatch = typeof description === "string" ? description.match(/\s+\(@(\S+) variant\)$/) : undefined;
+        const alias = (typeof variantMeta?.alias === "string" ? variantMeta.alias : undefined) ?? descriptionMatch?.[1];
+        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;
 }
@@ -275,10 +306,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 }));
@@ -288,8 +327,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;
 }
@@ -394,11 +436,12 @@ function explorerRows(tree, data) {
   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: variant ? false : isHiddenAgent(node.session.agent, data.hidden, data.configAgents),
+        hidden: rowHidden(variant, agent, data.avParents, data.hidden, data.configAgents),
         variant
       });
       walk(node.children, depth + 1);
@@ -1131,7 +1174,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",
@@ -1150,18 +1236,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;
@@ -1478,140 +1586,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,
@@ -1630,7 +1738,7 @@ function SizeSliderDialog(props) {
       w: undefined,
       m: undefined
     });
-    return _el$56;
+    return _el$63;
   })();
 }
 async function mainMenu(api) {
@@ -1696,7 +1804,7 @@ The host client does not expose session.list for this directory.`
       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;
     }
   }