mixdog 0.9.151 → 0.9.152

package/src/tui/dist/index.mjs

@@ -669,7 +669,8 @@ var init_provider_api_key = __esm({
       gemini: "GEMINI_API_KEY",
       deepseek: "DEEPSEEK_API_KEY",
       xai: "XAI_API_KEY",
-      "opencode-go": "OPENCODE_API_KEY"
+      "opencode-go": "OPENCODE_API_KEY",
+      openrouter: "OPENROUTER_API_KEY"
     });
     AGENT_PROVIDER_ENV_ALIASES = Object.freeze({
       xai: ["GROK_API_KEY"]
@@ -3873,6 +3874,10 @@ function displayToolName(name, args = {}) {
     case "web_fetch":
     case "fetch":
       return "Fetch";
+    case "browser":
+      return "Browser";
+    case "computer":
+      return "Computer";
     case "list_mcp_resources":
     case "list_mcp_resource_templates":
     case "cwd":
@@ -3993,6 +3998,16 @@ function summarizeToolArgs(name, args, { max = DEFAULT_SUMMARY_MAX } = {}) {
         return formatCountedUnit(collectionCount(a.url, a.uri), "URL", "URLs");
       }
       return truncateToolText(a.url || a.uri || "", max);
+    case "browser":
+      return compactParts([
+        String(a.action || ""),
+        a.url ? truncateToolText(a.url, max) : a.ref ? String(a.ref) : ""
+      ]);
+    case "computer":
+      return compactParts([
+        String(a.action || ""),
+        a.window ? truncateToolText(a.window, max) : a.ref ? String(a.ref) : a.app ? truncateToolText(a.app, max) : ""
+      ]);
     case "read_mcp_resource":
       return truncateToolText(a.uri || "", max);
     case "list_mcp_resources":
@@ -4257,6 +4272,10 @@ function toolWorkUnit(name, args = {}, category = "") {
       return unitDescriptor("Web Research", { count: queryCount(a, "query", "queries", "keywords") || 1, noun: "query", pluralNoun: "queries" });
     case "web_fetch":
       return unitDescriptor("Web Research", { count: queryCount(a, "url", "urls", "uri", "uris") || 1, active: "Fetching", done: "Fetched", noun: "URL", pluralNoun: "URLs" });
+    case "browser":
+      return unitDescriptor("Browser", { count: 1, active: "Browsing", done: "Browsed", noun: "action" });
+    case "computer":
+      return unitDescriptor("Computer", { count: 1, active: "Operating", done: "Operated", noun: "action" });
     case "fetch": {
       const fetchLimit = Number(a.limit ?? a.messages);
       const fetchCount = Number.isFinite(fetchLimit) && fetchLimit > 0 ? Math.floor(fetchLimit) : queryCount(a, "messages") || 1;
@@ -7464,6 +7483,10 @@ function Picker({
   indexMode = "auto",
   fillHeight = false,
   visibleCount = MAX_VISIBLE,
+  // Loading panels reserve the same content-row geometry as the real list.
+  // This prevents an `(empty)` row from being replaced by a multi-row menu in
+  // one commit, which reads as the option items jumping into place.
+  loading = false,
   // Onboarding confirm bar: { buttons:[{value,label}], onConfirm(button,index) }.
   // When present, ←/→ and Tab drive button focus (mutually exclusive with
   // onLeft/onRight), and Enter fires onConfirm while a button is focused.
@@ -7644,6 +7667,7 @@ function Picker({
   );
   if (items.length === 0) {
     const emptyLine = truncateText(String(description || "").replace(/\s+/g, " ").trim(), Math.max(0, columns - 4));
+    const loadingRows = loading ? Array.from({ length: visibleLimit }, (_, index) => /* @__PURE__ */ jsx6(Text6, { color: theme.inactive, children: " " }, `loading-${index}`)) : null;
     return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexShrink: 0, height: fillHeight ? "100%" : void 0, children: /* @__PURE__ */ jsxs4(
       Box6,
       {
@@ -7661,7 +7685,7 @@ function Picker({
           /* @__PURE__ */ jsx6(Text6, { children: " " }),
           /* @__PURE__ */ jsx6(Text6, { color: theme.text, children: emptyLine || " " }),
           /* @__PURE__ */ jsx6(Text6, { children: " " }),
-          /* @__PURE__ */ jsx6(Text6, { color: theme.inactive, children: "(empty)" }),
+          loading ? loadingRows : /* @__PURE__ */ jsx6(Text6, { color: theme.inactive, children: "(empty)" }),
           hasConfirm ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
             /* @__PURE__ */ jsx6(Box6, { flexGrow: 1 }),
             /* @__PURE__ */ jsx6(Text6, { children: " " }),
@@ -9372,6 +9396,7 @@ var SLASH_COMMANDS = [
   { name: "clear", usage: "/clear", aliases: ["new"], aliasUsage: ["new"], description: "Start a fresh chat" },
   { name: "project", usage: "/project", aliases: ["projects"], aliasUsage: ["projects"], showAliasUsage: false, params: "[path]", description: "Switch working directory (project)" },
   { name: "compact", usage: "/compact", description: "Compact older conversation context" },
+  { name: "goal", usage: "/goal", params: "[objective --time 1h|status|pause|resume|edit|complete|clear]", description: "Run and manage a durable session Goal" },
   { name: "autoclear", usage: "/autoclear", params: "[on|off|duration]", description: "Reduce cache-miss cost after long idle gaps" },
   { name: "resume", usage: "/resume", params: "[id]", description: "Resume a saved chat" },
   { name: "context", usage: "/context", description: "Show current context surface" },
@@ -17166,6 +17191,7 @@ function renderAppView(ctx) {
             indexMode: picker.indexMode,
             visibleCount: pickerVisibleRows,
             fillHeight: expandedOptionPanel,
+            loading: picker.loading === true,
             themeEpoch: state.themeEpoch || 0,
             confirmBar: picker.confirmBar
           },
@@ -17543,6 +17569,7 @@ function createThemeEffortPickers({
   const openThemePicker = (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
     const onboarding = options.onboarding || null;
+    const handoffPanel = options.handoffPanel && typeof options.handoffPanel === "object" ? options.handoffPanel : null;
     const own = surface.claim();
     let themes = [];
     try {
@@ -17577,7 +17604,8 @@ function createThemeEffortPickers({
       }
     };
     const saveTheme = (id, { advance = false } = {}) => {
-      own.close();
+      if (handoffPanel) own.paint(handoffPanel);
+      else own.close();
       const applied = applyTheme(id, { persist: true });
       store.pushNotice(themeNotice(applied || { id }), "info");
       if (advance && onboarding) onboarding.onAdvance?.();
@@ -17618,7 +17646,8 @@ function createThemeEffortPickers({
         saveTheme(entry.id, { advance: Boolean(onboarding) });
       },
       onCancel: () => {
-        own.close();
+        if (handoffPanel) own.paint(handoffPanel);
+        else own.close();
         if (currentId) applyTheme(currentId, { persist: false });
         if (onboarding) onboarding.onCancel?.();
         else if (returnTo) returnTo();
@@ -17730,6 +17759,7 @@ function createCoreMemoryPicker({
       // Loading state lives in the header description row, not as a fake
       // selectable menu item.
       description: "Loading memories\u2026",
+      loading: true,
       items: [],
       onSelect: () => {
       },
@@ -17793,6 +17823,7 @@ function createCoreMemoryPicker({
     paintPanel({
       title: "Memory \xB7 List",
       description: "Loading memories\u2026",
+      loading: true,
       items: [],
       onSelect: () => {
       },
@@ -17956,7 +17987,7 @@ function createExtensionPickers({
     mcpActive = true;
   };
   const openMcpPicker = () => {
-    openMcpServersPicker();
+    return openMcpServersPicker();
   };
   const skillsStatus = async () => {
     let status;
@@ -18488,7 +18519,7 @@ function createMaintenancePickers({
         settled();
       });
     };
-    void Promise.resolve(render2({ checking: true })).catch((e) => {
+    return Promise.resolve(render2({ checking: true })).catch((e) => {
       store.pushNotice(`update panel failed: ${e?.message || e}`, "error");
       return false;
     }).then((painted) => {
@@ -18621,8 +18652,7 @@ function createMaintenancePickers({
     setSettingsPrompt(null);
     own.context(null);
     closeUsagePanel();
-    if (options.advanced === true) renderAdvanced();
-    else render2();
+    return Promise.resolve(options.advanced === true ? renderAdvanced() : render2()).catch((e) => store.pushNotice(`auto-clear panel failed: ${e?.message || e}`, "error"));
   };
   const openProfilePicker = async (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
@@ -18867,6 +18897,7 @@ var providerDisplayName = (provider) => {
   if (key === "xai" || key === "xai-api") return "xAI API";
   if (key === "deepseek" || key === "deepseek-api") return "DeepSeek API";
   if (key === "opencode-go") return "OpenCode Go API";
+  if (key === "openrouter") return "OpenRouter";
   if (key === "ollama") return "Ollama";
   if (key === "lmstudio") return "LM Studio";
   if (key === "default") return "Default";
@@ -18882,6 +18913,7 @@ var providerDisplayRank = (provider) => {
     "antigravity-oauth": 31,
     "cursor-oauth": 32,
     "opencode-go": 35,
+    openrouter: 36,
     openai: 40,
     "openai-api": 40,
     anthropic: 50,
@@ -19877,6 +19909,7 @@ function createModelPicker({
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
     const returnLabel = String(options.returnLabel || "Agents");
     const returnOnNestedCancel = options.returnOnNestedCancel === true;
+    const handoffPanel = options.handoffPanel && typeof options.handoffPanel === "object" ? options.handoffPanel : null;
     const cancelModelPicker = () => {
       modelPickerClosed = true;
       if (returnTo) returnTo();
@@ -19893,6 +19926,7 @@ function createModelPicker({
         title: options.title || "Model",
         description: options.loadingDescription || "Loading models...",
         help: returnTo ? `\u2191/\u2193 Select \xB7 Enter Open \xB7 Esc ${returnLabel}` : "\u2191/\u2193 Select \xB7 Enter Open \xB7 Esc Back",
+        loading: true,
         items: [],
         onCancel: cancelModelPicker
       });
@@ -20162,7 +20196,7 @@ ${model?.id || ""}`;
             if (typeof options.onImmediateSelect === "function") {
               options.onImmediateSelect(routeInput, selected, effort);
             } else {
-              own.paint(null);
+              own.paint(handoffPanel);
             }
             const afterSelect2 = own.defer(() => {
               if (typeof options.onAfterSelect === "function") options.onAfterSelect();
@@ -20171,10 +20205,13 @@ ${model?.id || ""}`;
               if (result) clearModelCaches("all");
               afterSelect2();
               return result;
-            }).catch((e) => store.pushNotice(`Couldn\u2019t save model: ${e?.message || e}`, "error"));
+            }).catch((e) => {
+              store.pushNotice(`Couldn\u2019t save model: ${e?.message || e}`, "error");
+              if (handoffPanel) afterSelect2();
+            });
             return;
           }
-          own.paint(null);
+          own.paint(handoffPanel);
           const afterSelect = own.defer(() => {
             if (typeof options.onAfterSelect === "function") options.onAfterSelect();
           });
@@ -20185,7 +20222,10 @@ ${model?.id || ""}`;
               ok ? "info" : "warn"
             );
             if (ok) afterSelect();
-          }).catch((e) => store.pushNotice(`Couldn\u2019t switch model: ${e?.message || e}`, "error"));
+          }).catch((e) => {
+            store.pushNotice(`Couldn\u2019t switch model: ${e?.message || e}`, "error");
+            if (handoffPanel) afterSelect();
+          });
         };
         const renderProviderModels = () => {
           const providerModelItems = buildProviderModelItems(models, provider, activeRoute);
@@ -20448,6 +20488,7 @@ function createRoutePickers({
   };
   const openWorkflowPicker = async (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
+    const handoffPanel = options.handoffPanel && typeof options.handoffPanel === "object" ? options.handoffPanel : null;
     const own = surface.claim();
     let workflows = [];
     try {
@@ -20482,27 +20523,33 @@ function createRoutePickers({
       onSelect: (_value, item) => {
         const workflow = item?._workflow;
         if (!workflow) return;
-        own.paint(null);
+        own.paint(handoffPanel);
         const returnAfterSwitch = own.defer(() => {
           if (returnTo) returnTo();
         });
         void store.setWorkflow?.(workflow.id).then((result) => {
           if (!result) {
             store.pushNotice("Workflow switch is already running.", "warn");
+            if (handoffPanel) returnAfterSwitch();
             return;
           }
           store.pushNotice(workflowSwitchNotice2(result), "info");
           returnAfterSwitch();
-        }).catch((e) => store.pushNotice(`Couldn\u2019t switch workflow: ${e?.message || e}`, "error"));
+        }).catch((e) => {
+          store.pushNotice(`Couldn\u2019t switch workflow: ${e?.message || e}`, "error");
+          if (handoffPanel) returnAfterSwitch();
+        });
       },
       onCancel: () => {
-        own.close();
+        if (handoffPanel) own.paint(handoffPanel);
+        else own.close();
         if (returnTo) returnTo();
       }
     });
   };
   const openOutputStylePicker = async (options = {}) => {
     const returnTo = typeof options.returnTo === "function" ? options.returnTo : null;
+    const handoffPanel = options.handoffPanel && typeof options.handoffPanel === "object" ? options.handoffPanel : null;
     const onboarding = options.onboarding || null;
     const own = surface.claim();
     let status = null;
@@ -20534,7 +20581,7 @@ function createRoutePickers({
     closeUsagePanel();
     const saveStyle = (styleId, { advance = false } = {}) => {
       if (!styleId) return;
-      if (!(advance && onboarding)) own.paint(null);
+      if (!(advance && onboarding)) own.paint(handoffPanel);
       const advanceAfterSave = own.defer(() => {
         if (advance && onboarding) onboarding.onAdvance?.();
         else if (returnTo) returnTo();
@@ -20546,7 +20593,10 @@ function createRoutePickers({
           store.pushNotice(outputStyleNotice(result), "info");
         }
         advanceAfterSave();
-      }).catch((e) => store.pushNotice(`Couldn\u2019t switch output style: ${e?.message || e}`, "error"));
+      }).catch((e) => {
+        store.pushNotice(`Couldn\u2019t switch output style: ${e?.message || e}`, "error");
+        if (handoffPanel) advanceAfterSave();
+      });
     };
     own.paint({
       title: "Output Style",
@@ -20579,7 +20629,8 @@ function createRoutePickers({
         saveStyle(style.id, { advance: Boolean(onboarding) });
       },
       onCancel: () => {
-        own.close();
+        if (handoffPanel) own.paint(handoffPanel);
+        else own.close();
         if (onboarding) onboarding.onCancel?.();
         else if (returnTo) returnTo();
       }
@@ -20749,6 +20800,15 @@ function createSettingsPicker({
   openMemoryCorePicker,
   openUpdatePicker
 }) {
+  const settingsHandoffPanel = (description = "Loading settings...") => ({
+    title: "Settings",
+    description,
+    help: "Esc Close",
+    indexMode: "never",
+    pickerKey: "settings-handoff",
+    loading: true,
+    items: []
+  });
   const nextSettingsRequest = () => {
     if (!settingsRequestRef) return 0;
     settingsRequestRef.current = (Number(settingsRequestRef.current) || 0) + 1;
@@ -20758,6 +20818,7 @@ function createSettingsPicker({
   const buildSettingsPicker = async (opts = {}, requestId = 0) => {
     const own = surface.claim();
     const light = opts.light === true;
+    if (!light && !own.paint(settingsHandoffPanel())) return;
     const overrides = opts.overrides || null;
     const heavyCache = light ? settingsHeavyCacheRef.current : null;
     const snapshot = await store.getSettingsSnapshot?.({ heavy: !heavyCache }) || {};
@@ -21100,14 +21161,24 @@ function createSettingsPicker({
         else if (item._action === "memory-enabled") toggleMemory();
         else if (item._action === "memory-cycles") toggleMemoryCycles();
         else if (item._action === "voice") applyVoice();
-        else if (item._action === "output-style") openOutputStylePicker({ returnTo: openSettingsPicker });
-        else if (item._action === "theme") openThemePicker({ returnTo: openSettingsPicker });
-        else if (item._action === "workflow") openWorkflowPicker({ returnTo: openSettingsPicker });
+        else if (item._action === "output-style") openOutputStylePicker({
+          returnTo: openSettingsPicker,
+          handoffPanel: settingsHandoffPanel("Applying output style...")
+        });
+        else if (item._action === "theme") openThemePicker({
+          returnTo: openSettingsPicker,
+          handoffPanel: settingsHandoffPanel("Applying theme...")
+        });
+        else if (item._action === "workflow") openWorkflowPicker({
+          returnTo: openSettingsPicker,
+          handoffPanel: settingsHandoffPanel("Switching workflow...")
+        });
         else if (item._action === "model") openModelPicker({
           returnTo: openSettingsPicker,
           returnLabel: "Settings",
           returnOnNestedCancel: true,
-          onAfterSelect: openSettingsPicker
+          onAfterSelect: openSettingsPicker,
+          handoffPanel: settingsHandoffPanel("Switching model...")
         });
         else if (item._action === "websearch") openWebSearchPicker({
           returnTo: openSettingsPicker,
@@ -21199,6 +21270,42 @@ function createSlashDispatch({
   runDoctor,
   requestExit
 }) {
+  const openSlashPanel = (command, title, open) => {
+    const own = surface.claim();
+    if (!own.paint({
+      _kind: `slash-loading:${command}`,
+      title,
+      description: `Loading ${title.toLowerCase()}...`,
+      help: "Esc Close",
+      indexMode: "never",
+      pickerKey: `slash-loading:${command}`,
+      loading: true,
+      items: [],
+      onSelect: () => {
+      },
+      onCancel: () => own.close()
+    })) return;
+    const finishUnclaimedLoading = () => {
+      if (own.owns()) own.close();
+    };
+    try {
+      const opening = open();
+      if (opening && typeof opening.then === "function") {
+        void Promise.resolve(opening).then(
+          finishUnclaimedLoading,
+          (error) => {
+            finishUnclaimedLoading();
+            store.pushNotice(`${title} panel failed: ${error?.message || error}`, "error");
+          }
+        );
+      } else {
+        finishUnclaimedLoading();
+      }
+    } catch (error) {
+      finishUnclaimedLoading();
+      store.pushNotice(`${title} panel failed: ${error?.message || error}`, "error");
+    }
+  };
   const runSlashCommand = (cmd, arg = "") => {
     const rawName = String(cmd || "").toLowerCase();
     cmd = normalizeSlashCommandName2(cmd);
@@ -21225,25 +21332,27 @@ function createSlashDispatch({
         return true;
       case "model":
         if (!arg) {
-          openModelPicker();
+          openSlashPanel("model", "Model", () => openModelPicker());
           return true;
         }
         if (arg.trim().toLowerCase() === "refresh") {
-          openModelPicker({ refreshModels: true });
+          openSlashPanel("model", "Model", () => openModelPicker({ refreshModels: true }));
           return true;
         }
         void store.setModel(arg).then((ok) => store.pushNotice(ok ? modelSwitchNotice2() : "Model switch is already running.", ok ? "info" : "warn")).catch((e) => store.pushNotice(`Couldn\u2019t switch model: ${e?.message || e}`, "error"));
         return true;
       case "websearch":
         if (arg) store.pushNotice("/websearch sets the web-search provider/model; the web_search tool uses that model when called.", "warn");
-        openWebSearchPicker();
+        openSlashPanel("websearch", "Web Search Model", () => openWebSearchPicker());
         return true;
       case "agents":
-        openAgentsPicker(arg.trim().toLowerCase() === "refresh" ? { refreshModels: true } : {});
+        openSlashPanel("agents", "Agents", () => openAgentsPicker(
+          arg.trim().toLowerCase() === "refresh" ? { refreshModels: true } : {}
+        ));
         return true;
       case "workflow":
         if (!arg) {
-          openWorkflowPicker();
+          openSlashPanel("workflow", "Workflow", () => openWorkflowPicker());
           return true;
         }
         void store.setWorkflow?.(arg.trim()).then((result) => {
@@ -21262,7 +21371,7 @@ function createSlashDispatch({
         const value = arg.trim();
         const lower = value.toLowerCase();
         if (!value) {
-          openOutputStylePicker();
+          openSlashPanel("outputstyle", "Output Style", () => openOutputStylePicker());
           return true;
         }
         if (lower === "status" || lower === "current" || lower === "show") {
@@ -21285,7 +21394,7 @@ function createSlashDispatch({
         const value = arg.trim();
         const lower = value.toLowerCase();
         if (!value) {
-          openThemePicker();
+          openSlashPanel("theme", "Theme", () => openThemePicker());
           return true;
         }
         let themes = [];
@@ -21318,7 +21427,7 @@ function createSlashDispatch({
       case "effort": {
         const pendingTurn = state.busy ? " (applies from the next turn)" : "";
         if (!arg) {
-          openEffortPicker();
+          openSlashPanel("effort", "Effort", () => openEffortPicker());
           return true;
         }
         void store.setEffort(arg).then((result) => store.pushNotice(result ? `Effort set to ${result}${pendingTurn}` : "Effort switch is already running.", result ? "info" : "warn")).catch((e) => store.pushNotice(`Couldn\u2019t switch effort: ${e?.message || e}`, "error"));
@@ -21350,23 +21459,23 @@ function createSlashDispatch({
           enterProject(target);
           return true;
         }
-        openProjectPicker();
+        openSlashPanel("project", "Projects", () => openProjectPicker());
         return true;
       }
       case "mcp":
-        openMcpPicker();
+        openSlashPanel("mcp", "MCP Servers", () => openMcpPicker());
         return true;
       case "skills":
-        openSkillsPicker();
+        openSlashPanel("skills", "Skills", () => openSkillsPicker());
         return true;
       case "plugins":
-        openPluginsPicker();
+        openSlashPanel("plugins", "Plugins", () => openPluginsPicker());
         return true;
       case "hooks":
-        openHooksPicker();
+        openSlashPanel("hooks", "Hooks", () => openHooksPicker());
         return true;
       case "providers":
-        void openProviderSetupPicker();
+        openSlashPanel("providers", "Providers", () => openProviderSetupPicker());
         return true;
       case "schedules":
       case "webhooks":
@@ -21374,7 +21483,7 @@ function createSlashDispatch({
         return true;
       case "memory": {
         if (!arg.trim()) {
-          openMemoryCorePicker({ returnTo: null });
+          openSlashPanel("memory", "Memory", () => openMemoryCorePicker({ returnTo: null }));
           return true;
         }
         void store.memoryControl?.(parseMemoryCommand2(arg)).catch((e) => store.pushNotice(`memory failed: ${e?.message || e}`, "error"));
@@ -21383,7 +21492,7 @@ function createSlashDispatch({
       case "autoclear": {
         const value = arg.trim().toLowerCase();
         if (!value) {
-          openAutoClearPicker();
+          openSlashPanel("autoclear", "Auto-clear", () => openAutoClearPicker());
           return true;
         }
         void Promise.resolve(
@@ -21422,6 +21531,15 @@ function createSlashDispatch({
           store.pushNotice("Compact done.", "info");
         }).catch((error) => store.pushNotice(compactFailureNotice(error), "error"));
         return true;
+      case "goal":
+        void Promise.resolve(store.goalControl?.({ command: arg })).then((result) => {
+          if (!result) {
+            store.pushNotice("Goal is unavailable.", "warn");
+            return;
+          }
+          store.pushNotice(result.message || "Goal updated.", "info");
+        }).catch((error) => store.pushNotice(`Goal failed: ${error?.message || error}`, "error"));
+        return true;
       case "resume":
         if (state.busy) {
           store.pushNotice("wait for the current turn to finish before /resume", "warn");
@@ -21430,14 +21548,14 @@ function createSlashDispatch({
         if (arg) {
           void store.resume(arg).then((ok) => store.pushNotice(ok ? `Resumed ${arg}` : "Couldn\u2019t resume chat.", ok ? "info" : "warn")).catch((e) => store.pushNotice(`Couldn\u2019t resume chat: ${e?.message || e}`, "error"));
         } else {
-          openResumePicker();
+          openSlashPanel("resume", "Resume", () => openResumePicker());
         }
         return true;
       case "usage":
-        openUsagePanel(arg);
+        openSlashPanel("usage", "Provider Quotas", () => openUsagePanel(arg));
         return true;
       case "context":
-        openContextPicker();
+        openSlashPanel("context", "Context Usage", () => openContextPicker());
         return true;
       case "inherit":
         if (state.busy) {
@@ -21457,13 +21575,13 @@ function createSlashDispatch({
         return true;
       case "settings":
       case "config":
-        openSettingsPicker();
+        openSlashPanel("settings", "Settings", () => openSettingsPicker());
         return true;
       case "profile":
-        openProfilePicker();
+        openSlashPanel("profile", "Profile", () => openProfilePicker());
         return true;
       case "update":
-        openUpdatePicker();
+        openSlashPanel("update", "Update", () => openUpdatePicker());
         return true;
       case "doctor":
         if (state.commandBusy) {
@@ -22648,6 +22766,7 @@ function createProjectPicker({
       description: "Opening folder picker\u2026 choose a folder in the dialog window.",
       help: "Waiting for the system folder dialog\u2026",
       indexMode: "never",
+      loading: true,
       items: [],
       onSelect: () => {
       },

package/src/tui/session/context-state.mjs

@@ -48,6 +48,7 @@ export function createContextState({ runtime, getState, updateState, getPendingS
     webSearchRoute: runtime.getWebSearchRoute?.() || runtime.webSearchRoute || null,
     autoClear: autoClearState(),
     workflow: runtime.workflow || null,
+    goal: runtime.goalStatus?.() || null,
   });
 
   const routeState = () => {

package/src/tui/session/goal-continuation.mjs

@@ -0,0 +1,110 @@
+function clean(value) {
+  return String(value ?? '').trim();
+}
+
+function isGoalContinuation(entry) {
+  return entry?.mode === 'goal-continuation';
+}
+
+export function createGoalContinuation({
+  runtime,
+  flags,
+  getState,
+  set,
+  getPending,
+  enqueue,
+} = {}) {
+  let scheduled = null;
+  let disposed = false;
+
+  const cancelQueuedGoalContinuations = () => {
+    const pending = getPending();
+    let removed = 0;
+    for (let index = pending.length - 1; index >= 0; index -= 1) {
+      if (!isGoalContinuation(pending[index])) continue;
+      pending.splice(index, 1);
+      removed += 1;
+    }
+    return removed;
+  };
+
+  const refreshGoalState = () => {
+    const goal = runtime.goalStatus?.() || null;
+    if (getState().goal !== goal) set({ goal });
+    return goal;
+  };
+
+  const continuationDecision = () => {
+    const decision = runtime.goalContinuation?.() || { run: false, reason: 'unavailable', goal: null };
+    if (getState().goal !== decision.goal) set({ goal: decision.goal || null });
+    return decision;
+  };
+
+  const shouldRunGoalContinuation = (entry) => {
+    if (disposed || flags.disposed || flags.pendingSessionReset) return false;
+    if (getState().sessionRemoteAttached) return false;
+    const decision = continuationDecision();
+    if (!decision.run) return false;
+    const queuedGoalId = clean(entry?.goalId);
+    return !queuedGoalId || queuedGoalId === clean(decision.goal?.id);
+  };
+
+  const scheduleGoalContinuation = () => {
+    if (disposed || scheduled) return false;
+    scheduled = setImmediate(() => {
+      scheduled = null;
+      if (disposed || flags.disposed || flags.pendingSessionReset) return;
+      const state = getState();
+      if (state.busy || state.commandBusy || state.sessionRemoteAttached) return;
+      const pending = getPending();
+      if (pending.some((entry) => !isGoalContinuation(entry))) return;
+      if (pending.some(isGoalContinuation)) return;
+      const decision = continuationDecision();
+      if (!decision.run || !clean(decision.prompt)) return;
+      enqueue(decision.prompt, {
+        mode: 'goal-continuation',
+        priority: 'later',
+        isMeta: true,
+        suppressDisplay: true,
+        skipSlashCommands: true,
+        restorable: false,
+        goalId: clean(decision.goal?.id),
+        displayText: '',
+      });
+    });
+    scheduled.unref?.();
+    return true;
+  };
+
+  const onGoalChanged = (event = {}) => {
+    const currentSessionId = clean(getState().sessionId || runtime.id);
+    if (clean(event.sessionId) && clean(event.sessionId) !== currentSessionId) return;
+    cancelQueuedGoalContinuations();
+    set({ goal: event.goal || runtime.goalStatus?.() || null });
+    if ((event.goal || runtime.goalStatus?.())?.status === 'active') scheduleGoalContinuation();
+  };
+
+  const unsubscribe = runtime.onGoalStatusChange?.(onGoalChanged) || (() => {});
+
+  return {
+    cancelQueuedGoalContinuations,
+    refreshGoalState,
+    scheduleGoalContinuation,
+    shouldRunGoalContinuation,
+    onGoalTurnSettled(status) {
+      if (status === 'done') scheduleGoalContinuation();
+    },
+    archiveCompletedGoalOnUserInput() {
+      cancelQueuedGoalContinuations();
+      void Promise.resolve(runtime.archiveCompletedGoalOnUserInput?.())
+        .then(() => refreshGoalState())
+        .catch(() => {});
+    },
+    disposeGoalContinuation() {
+      disposed = true;
+      if (scheduled) clearImmediate(scheduled);
+      scheduled = null;
+      try { unsubscribe(); } catch {}
+    },
+  };
+}