Function NavSearchDialog

src/web-ui/src/app/components/NavPanel/NavSearchDialog.tsx:54–392

({ open, onClose })

};

const NavSearchDialog: React.FC<NavSearchDialogProps> = ({ open, onClose }) => {
  const { t } = useI18n('common');
  const { openedWorkspacesList, assistantWorkspacesList, setActiveWorkspace } = useWorkspaceContext();
  const { openScene } = useSceneManager();
  const { switchLeftPanelTab } = useApp();
  const setSelectedAssistantWorkspaceId = useMyAgentStore(s => s.setSelectedAssistantWorkspaceId);
  const openNurseryAssistant = useNurseryStore(s => s.openAssistant);
  const [query, setQuery] = useState('');
  const [activeIndex, setActiveIndex] = useState(0);
  const [flowChatState, setFlowChatState] = useState<FlowChatState>(() => flowChatStore.getState());
  /** Persisted session rows for opened workspaces — filled when dialog opens (search filters client-side). */
  const [persistedOpenWorkspaceSessions, setPersistedOpenWorkspaceSessions] = useState<
    Array<{ meta: SessionMetadata; workspace: WorkspaceInfo }>
  >([]);
  const inputRef = useRef<HTMLInputElement>(null);
  const listRef = useRef<HTMLDivElement>(null);
  const cardRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    if (!open) return;
    const unsub = flowChatStore.subscribe(s => setFlowChatState(s));
    return () => unsub();
  }, [open]);

  useEffect(() => {
    if (open) {
      setQuery('');
      setActiveIndex(0);
    }
  }, [open]);

  useEffect(() => {
    if (!open) {
      setPersistedOpenWorkspaceSessions([]);
      return;
    }
    let cancelled = false;
    void (async () => {
      try {
        const rows: Array<{ meta: SessionMetadata; workspace: WorkspaceInfo }> = [];
        for (const w of openedWorkspacesList) {
          const list = await sessionAPI.listSessions(
            w.rootPath,
            w.connectionId ?? undefined,
            w.sshHost ?? undefined
          );
          for (const meta of list) {
            rows.push({ meta, workspace: w });
          }
        }
        if (!cancelled) {
          setPersistedOpenWorkspaceSessions(rows);
        }
      } catch {
        if (!cancelled) {
          setPersistedOpenWorkspaceSessions([]);
        }
      }