mixdog 0.9.151 → 0.9.152

package/src/tui/app/route-pickers.mjs

@@ -188,6 +188,9 @@ export 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 {
@@ -225,21 +228,26 @@ export function createRoutePickers({
         // Clear-and-continue: the flow keeps the surface it just emptied, so
         // the post-ack hop below is bound to THIS keypress. An Esc before the
         // switch acks cancels the hop instead of re-opening Settings.
-        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(workflowSwitchNotice(result), 'info');
             returnAfterSwitch();
           })
-          .catch((e) => store.pushNotice(`Couldn’t switch workflow: ${e?.message || e}`, 'error'));
+          .catch((e) => {
+            store.pushNotice(`Couldn’t switch workflow: ${e?.message || e}`, 'error');
+            if (handoffPanel) returnAfterSwitch();
+          });
       },
       onCancel: () => {
-        own.close();
+        if (handoffPanel) own.paint(handoffPanel);
+        else own.close();
         if (returnTo) returnTo();
       },
     });
@@ -247,6 +255,9 @@ export function createRoutePickers({
 
   const openOutputStylePicker = async (options = {}) => {
     const returnTo = typeof options.returnTo === 'function' ? options.returnTo : null;
+    const handoffPanel = options.handoffPanel && typeof options.handoffPanel === 'object'
+      ? options.handoffPanel
+      : null;
     // Onboarding mode: Enter (row select) and ConfirmBar Next must both persist
     // the chosen style, then advance. `onboarding.onAdvance/onBack` drive the
     // wizard; the confirm bar is built here so both paths share `saveStyle`.
@@ -284,7 +295,7 @@ export function createRoutePickers({
       // Onboarding advance: keep the current picker visible during the async
       // style switch so the screen never flashes empty between steps; the next
       // step (or finishOnboarding) replaces/clears the picker itself.
-      if (!(advance && onboarding)) own.paint(null);
+      if (!(advance && onboarding)) own.paint(handoffPanel);
       // Post-ack delegation (next onboarding step, or back to the caller):
       // bound after this keypress's own navigation so an Esc while the switch
       // is in flight cannot paint a panel over the new surface.
@@ -301,7 +312,10 @@ export function createRoutePickers({
           }
           advanceAfterSave();
         })
-        .catch((e) => store.pushNotice(`Couldn’t switch output style: ${e?.message || e}`, 'error'));
+        .catch((e) => {
+          store.pushNotice(`Couldn’t switch output style: ${e?.message || e}`, 'error');
+          if (handoffPanel) advanceAfterSave();
+        });
     };
     own.paint({
       title: 'Output Style',
@@ -334,7 +348,8 @@ export 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();
       },

package/src/tui/app/settings-picker.mjs

@@ -41,6 +41,15 @@ export function createSettingsPicker({
   openMemoryCorePicker,
   openUpdatePicker,
 }) {
+  const settingsHandoffPanel = (description = 'Loading settings...') => ({
+    title: 'Settings',
+    description,
+    help: 'Esc Close',
+    indexMode: 'never',
+    pickerKey: 'settings-handoff',
+    loading: true,
+    items: [],
+  });
   // Build generation guard. Every open/refresh takes a ticket and Esc bumps it,
   // so a slow snapshot from a superseded (or already closed) build can never
   // re-open Settings. The ref is owned by App so it survives this per-render
@@ -60,6 +69,10 @@ export function createSettingsPicker({
     // caught here instead.
     const own = surface.claim();
     const light = opts.light === true;
+    // A full Settings open usually follows another option panel. Paint the
+    // destination synchronously before the daemon snapshot so the empty-chat
+    // welcome logo cannot appear between the old panel and Settings.
+    if (!light && !own.paint(settingsHandoffPanel())) return;
     const overrides = opts.overrides || null;
     const heavyCache = light ? settingsHeavyCacheRef.current : null;
     // ONE round-trip for the whole panel: on a daemon-backed store each getter
@@ -448,14 +461,24 @@ export 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,
+          handoffPanel: settingsHandoffPanel('Switching model...'),
         });
         else if (item._action === 'websearch') openWebSearchPicker({
           returnTo: openSettingsPicker,

package/src/tui/app/slash-commands.mjs

@@ -7,6 +7,7 @@ export const 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' },

package/src/tui/app/slash-dispatch.mjs

@@ -55,6 +55,44 @@ export 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 = () => {
+      // A real picker/context/usage surface supersedes this loading identity.
+      // If the opener completed without painting (empty result or failure),
+      // remove only the still-owned placeholder and restore the normal prompt.
+      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 = normalizeSlashCommandName(cmd);
@@ -86,12 +124,12 @@ export function createSlashDispatch({
         return true;
       case 'model':
         if (!arg) {
-          openModelPicker();
+          openSlashPanel('model', 'Model', () => openModelPicker());
           return true;
         }
         if (arg.trim().toLowerCase() === 'refresh') {
           // Explicit catalog reload: force a fresh remote provider list.
-          openModelPicker({ refreshModels: true });
+          openSlashPanel('model', 'Model', () => openModelPicker({ refreshModels: true }));
           return true;
         }
         void store.setModel(arg)
@@ -104,14 +142,16 @@ export function createSlashDispatch({
         // in-flight turn, and the same picker is already reachable mid-turn via
         // /settings, so blocking it here was inconsistent.
         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())
@@ -132,7 +172,7 @@ export 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') {
@@ -159,7 +199,7 @@ export function createSlashDispatch({
         const value = arg.trim();
         const lower = value.toLowerCase();
         if (!value) {
-          openThemePicker();
+          openSlashPanel('theme', 'Theme', () => openThemePicker());
           return true;
         }
         let themes = [];
@@ -194,7 +234,7 @@ export function createSlashDispatch({
         // turn. Same for /fast below.
         const pendingTurn = state.busy ? ' (applies from the next turn)' : '';
         if (!arg) {
-          openEffortPicker();
+          openSlashPanel('effort', 'Effort', () => openEffortPicker());
           return true;
         }
         void store.setEffort(arg)
@@ -237,23 +277,23 @@ export 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':
@@ -263,7 +303,7 @@ export function createSlashDispatch({
         return true;
       case 'memory': {
         if (!arg.trim()) {
-          openMemoryCorePicker({ returnTo: null });
+          openSlashPanel('memory', 'Memory', () => openMemoryCorePicker({ returnTo: null }));
           return true;
         }
         void store.memoryControl?.(parseMemoryCommand(arg))
@@ -273,7 +313,7 @@ export function createSlashDispatch({
       case 'autoclear': {
         const value = arg.trim().toLowerCase();
         if (!value) {
-          openAutoClearPicker();
+          openSlashPanel('autoclear', 'Auto-clear', () => openAutoClearPicker());
           return true;
         }
         // Promise-shaped on a daemon-backed store, so the verdict is reported
@@ -324,6 +364,17 @@ export function createSlashDispatch({
           })
           .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');
@@ -334,14 +385,14 @@ export function createSlashDispatch({
             .then(ok => store.pushNotice(ok ? `Resumed ${arg}` : 'Couldn’t resume chat.', ok ? 'info' : 'warn'))
             .catch((e) => store.pushNotice(`Couldn’t 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) {
@@ -363,13 +414,13 @@ export 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) {

package/src/tui/app/theme-effort-pickers.mjs

@@ -24,6 +24,9 @@ export 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 {
@@ -60,7 +63,8 @@ export function createThemeEffortPickers({
     // Onboarding: Enter (row) and ConfirmBar Next both persist the highlighted
     // theme, then advance; Back restores the original palette then steps back.
     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?.();
@@ -102,7 +106,8 @@ export function createThemeEffortPickers({
         saveTheme(entry.id, { advance: Boolean(onboarding) });
       },
       onCancel: () => {
-        own.close();
+        if (handoffPanel) own.paint(handoffPanel);
+        else own.close();
         // Restore the theme that was active before the picker opened.
         if (currentId) applyTheme(currentId, { persist: false });
         if (onboarding) onboarding.onCancel?.();

package/src/tui/components/Picker.jsx

@@ -94,6 +94,10 @@ export 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.
@@ -284,6 +288,11 @@ export function Picker({
   // Clamp selected index when items change length.
   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) => (
+          <Text key={`loading-${index}`} color={theme.inactive}> </Text>
+        ))
+      : null;
     return (
       <Box flexDirection="column" flexShrink={0} height={fillHeight ? '100%' : undefined}>
         <Box
@@ -303,7 +312,7 @@ export function Picker({
           <Text> </Text>
           <Text color={theme.text}>{emptyLine || ' '}</Text>
           <Text> </Text>
-          <Text color={theme.inactive}>(empty)</Text>
+          {loading ? loadingRows : <Text color={theme.inactive}>(empty)</Text>}
           {hasConfirm ? (
             <>
               <Box flexGrow={1} />