Function AppInner

src/browser/App.tsx:136–1260

()

}

function AppInner() {
  // Get workspace state from context
  const {
    workspaceMetadata,
    loading,
    setWorkspaceMetadata,
    removeWorkspace,
    updateWorkspaceTitle,
    selectedWorkspace,
    setSelectedWorkspace,
    pendingNewWorkspaceProject,
    pendingNewWorkspaceSubProjectPath,
    pendingNewWorkspaceDraftId,
    beginWorkspaceCreation,
  } = useWorkspaceContext();
  const {
    currentWorkspaceId,
    currentSettingsSection,
    isAnalyticsOpen,
    navigateToAnalytics,
    navigateFromAnalytics,
  } = useRouter();
  const { themePreference, setTheme, toggleTheme } = useTheme();
  const { open: openSettings, isOpen: isSettingsOpen } = useSettings();
  const { confirm: confirmDialog } = useConfirmDialog();
  const setThemePreference = useCallback(
    (nextTheme: ThemePreference) => {
      setTheme(nextTheme);
    },
    [setTheme]
  );
  const { layoutPresets, applySlotToWorkspace, saveCurrentWorkspaceToSlot } = useUILayouts();
  const { getMinOverride: getMinThinkingOverride } = useMinThinkingLevels();
  const { api, status, error, authenticate, retry } = useAPI();

  const {
    userProjects,
    refreshProjects,
    removeProject,
    openProjectCreateModal,
    projectCreateInitialPath,
    isProjectCreateModalOpen,
    closeProjectCreateModal,
    addProject,
  } = useProjectContext();

  // Auto-collapse sidebar on mobile by default
  const isMobile = typeof window !== "undefined" && window.innerWidth <= 768;
  const [sidebarCollapsed, setSidebarCollapsed] = usePersistedState(
    LEFT_SIDEBAR_COLLAPSED_KEY,
    isMobile,
    {
      listener: true,
    }
  );

  const [isMultiProjectWorkspaceModalOpen, setMultiProjectWorkspaceModalOpen] = useState(false);
  const multiProjectWorkspacesEnabled = useExperimentValue(EXPERIMENT_IDS.MULTI_PROJECT_WORKSPACES);