feat: add Electron Mini Chat windows (#1161)

Add dedicated Electron Mini Chat windows for focused chat sessions without the full desktop shell. Mini Chat can open existing sessions or draft sessions, supports pinning above other windows, transfers sessions or drafts back to the main window, and deduplicates existing-session windows. Expose Mini Chat entry points from the main header, session sidebar, command palette, and `mod+alt+n`. Add a dedicated Vite entry and React runtime so the compact surface can stay isolated from full-app chrome while still sharing chat, sync, theme, locale, model, agent, and worktree behavior. Keep Mini Chat behavior scoped to the compact surface: - limit assistant/user message actions to the appropriate Mini Chat set - hide workspace changed-files UI in Mini Chat - keep draft worktree selection and streaming directory state in sync - mark sessions viewed while they are open in Mini Chat - support Mini Chat-specific keyboard shortcuts for input focus, model selection, thinking variant cycling, favorite model cycling, and opening new Mini Chat drafts Harden Electron integration by gating Mini Chat controls on desktop IPC availability, restricting pin/unpin IPC to Mini Chat windows, and only closing Mini Chat after the main window handoff succeeds.
2026-05-08 12:22:59 +03:00
parent 8410c41b01
commit e1ff21bc0a
37 changed files with 1312 additions and 29 deletions
@@ -0,0 +1,94 @@
+import React from 'react';
+import { canUseElectronDesktopIPC, invokeDesktop } from '@/lib/desktop';
+import { eventMatchesShortcut, getEffectiveShortcutCombo } from '@/lib/shortcuts';
+import { useConfigStore } from '@/stores/useConfigStore';
+import { useDirectoryStore } from '@/stores/useDirectoryStore';
+import { useProjectsStore } from '@/stores/useProjectsStore';
+import { useUIStore } from '@/stores/useUIStore';
+import { useSelectionStore } from '@/sync/selection-store';
+import { useSessionUIStore } from '@/sync/session-ui-store';
+
+const focusChatInput = () => {
+  const textarea = document.querySelector<HTMLTextAreaElement>('textarea[data-chat-input="true"]');
+  textarea?.focus();
+};
+
+export const useMiniChatKeyboardShortcuts = () => {
+  const shortcutOverrides = useUIStore((state) => state.shortcutOverrides);
+  const currentDirectory = useDirectoryStore((state) => state.currentDirectory);
+  const activeProject = useProjectsStore((state) => state.getActiveProject());
+
+  React.useEffect(() => {
+    const combo = (actionId: string) => getEffectiveShortcutCombo(actionId, shortcutOverrides);
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (eventMatchesShortcut(event, combo('focus_input'))) {
+        event.preventDefault();
+        focusChatInput();
+        return;
+      }
+
+      if (canUseElectronDesktopIPC() && eventMatchesShortcut(event, combo('new_mini_chat'))) {
+        event.preventDefault();
+        void invokeDesktop('desktop_open_draft_mini_chat_window', {
+          directory: currentDirectory || activeProject?.path || '',
+          projectId: activeProject?.id ?? null,
+        })?.catch((error) => {
+          console.warn('[mini-chat-shortcuts] failed to open draft mini chat window', error);
+        });
+        return;
+      }
+
+      if (eventMatchesShortcut(event, combo('open_model_selector'))) {
+        event.preventDefault();
+        const { isModelSelectorOpen, setModelSelectorOpen } = useUIStore.getState();
+        setModelSelectorOpen(!isModelSelectorOpen);
+        return;
+      }
+
+      if (eventMatchesShortcut(event, combo('cycle_thinking_variant'))) {
+        const configState = useConfigStore.getState();
+        const variants = configState.getCurrentModelVariants();
+        if (variants.length === 0) {
+          return;
+        }
+
+        event.preventDefault();
+        configState.cycleCurrentVariant();
+
+        const nextVariant = useConfigStore.getState().currentVariant;
+        const sessionId = useSessionUIStore.getState().currentSessionId;
+        const agentName = useConfigStore.getState().currentAgentName;
+        const providerId = useConfigStore.getState().currentProviderId;
+        const modelId = useConfigStore.getState().currentModelId;
+
+        if (sessionId && agentName && providerId && modelId) {
+          useSelectionStore.getState().saveAgentModelVariantForSession(sessionId, agentName, providerId, modelId, nextVariant);
+        }
+        return;
+      }
+
+      const cyclesForward = eventMatchesShortcut(event, combo('cycle_favorite_model_forward'));
+      const cyclesBackward = eventMatchesShortcut(event, combo('cycle_favorite_model_backward'));
+      if (cyclesForward || cyclesBackward) {
+        const { favoriteModels, addRecentModel } = useUIStore.getState();
+        if (favoriteModels.length === 0) {
+          return;
+        }
+
+        event.preventDefault();
+        const { currentProviderId, currentModelId, setProvider, setModel } = useConfigStore.getState();
+        const currentIndex = favoriteModels.findIndex((favorite) => favorite.providerID === currentProviderId && favorite.modelID === currentModelId);
+        const delta = cyclesForward ? 1 : -1;
+        const next = favoriteModels[(currentIndex + delta + favoriteModels.length) % favoriteModels.length];
+
+        setProvider(next.providerID);
+        setModel(next.modelID);
+        addRecentModel(next.providerID, next.modelID);
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [activeProject?.id, activeProject?.path, currentDirectory, shortcutOverrides]);
+};