Function AppShell

src/components/layout/AppShell.tsx:22–619

()

import { cn } from '@/lib/utils';

export const AppShell: React.FC = () => {
  const { addMessage, appendStreamToken, setStreaming, clearStreaming, setMessages, addTokenUsage } = useChatStore();
  const setProjects = useProjectStore((s) => s.setProjects);
  const addProject = useProjectStore((s) => s.addProject);
  const setActiveProjectId = useProjectStore((s) => s.setActiveProjectId);
  const activeSessionId = useSessionStore((s) => s.activeSessionId);
  const setSessions = useSessionStore((s) => s.setSessions);
  const addSession = useSessionStore((s) => s.addSession);
  const setActiveSessionId = useSessionStore((s) => s.setActiveSessionId);
  const { setProviders, setDefaultProviderId, defaultProviderId, selectedModelId, setSelectedModelId } = useSettingsStore();
  const leftSidebarOpen = useUIStore((s) => s.leftSidebarOpen);
  const toggleLeftSidebar = useUIStore((s) => s.toggleLeftSidebar);
  const rightSidebarOpen = useUIStore((s) => s.rightSidebarOpen);
  const mainView = useUIStore((s) => s.mainView);

  const {
    addAgentRun,
    setAgentRuns,
    updateAgentRun,
    appendAgentToken,
    flushThinkingBlock,
    setAgentConfigs,
    setPendingPermission,
    pendingPermission,
    selectedAgentType,
    agentConfigs,
  } = useAgentStore();

  const chatInputRef = React.useRef<ChatInputBarHandle>(null);

  // Track which sessions have already been auto-renamed to avoid duplicates
  const renamedSessionsRef = React.useRef<Set<string>>(new Set());

  const autoRenameSession = React.useCallback((sessionId: string) => {
    if (renamedSessionsRef.current.has(sessionId)) return;

    const session = useSessionStore.getState().sessions.find(s => s.id === sessionId);
    if (!session || session.title !== 'New Chat') return;

    renamedSessionsRef.current.add(sessionId);

    // Ask the LLM to generate a short title based on the conversation
    const { defaultProviderId: pid, selectedModelId: mid } = useSettingsStore.getState();
    invoke<string>('generate_title', {
      sessionId,
      providerId: pid ?? null,
      modelId: mid ?? null,
    })
      .then((title) => {
        if (title && title !== 'New Chat') {
          useSessionStore.getState().updateSessionTitle(sessionId, title);
          invoke('update_session_title', { id: sessionId, title }).catch(console.error);
        }
      })
      .catch((err) => {
        console.error('Auto-rename failed:', err);
        // Remove from set so it can retry next time
        renamedSessionsRef.current.delete(sessionId);