Function SetupSidebar

ai-code-studio/src/components/SetupSidebar.tsx:129–239

({
  snapshot,
  config,
  setupReady,
  showSettings,
  appInfo,
  isTestingConnection,
  setupChecklist,
  onReset,
  onRefreshSessions,
  onTestConnection,
  onToggleSettings,
  onOpenWizard,
  onOpenAbout,
  onSelectSession,
  onRenameSession,
  onDeleteSession,
  onOpenMemory,
}: SetupSidebarProps)

};

export function SetupSidebar({
  snapshot,
  config,
  setupReady,
  showSettings,
  appInfo,
  isTestingConnection,
  setupChecklist,
  onReset,
  onRefreshSessions,
  onTestConnection,
  onToggleSettings,
  onOpenWizard,
  onOpenAbout,
  onSelectSession,
  onRenameSession,
  onDeleteSession,
  onOpenMemory,
}: SetupSidebarProps) {
  const [search, setSearch] = useState('');
  const running = snapshot.run.status === 'running';
  const hasQueuedOrApproval =
    Boolean(snapshot.run.pendingApproval) || (snapshot.run.queue?.length || 0) > 0;
  const busy = running || hasQueuedOrApproval;
  const selectedSession =
    snapshot.sessions.items.find(item => item.sessionId === snapshot.sessions.selectedSessionId) || null;

  const currentPreset =
    providerPresets.find(
      preset =>
        preset.upstreamBaseUrl === config.upstreamBaseUrl &&
        preset.upstreamModel === config.upstreamModel,
    ) || null;

  const filteredSessions = useMemo(() => {
    const keyword = search.trim().toLowerCase();
    if (!keyword) {
      return snapshot.sessions.items;
    }
    return snapshot.sessions.items.filter(session =>
      `${session.summary || ''} ${session.sessionId}`.toLowerCase().includes(keyword),
    );
  }, [search, snapshot.sessions.items]);

  return (
    <aside className="flex w-[260px] shrink-0 flex-col overflow-hidden border-r border-[#E8E0D4] bg-[#F7F4EC]">
      <div className="h-[36px] shrink-0" style={{ WebkitAppRegion: 'drag' } as React.CSSProperties} />
      <div className="px-3 pb-2">
        <SidebarAction
          icon={<Plus size={16} />}
          label="New session"
          disabled={busy}
          onClick={busy ? undefined : onReset}
        />
        <SidebarAction
          icon={<Brain size={16} />}
          label="Memory"
          onClick={onOpenMemory}