Function ProjectSidebar

frontend/src/react/components/ProjectSidebar.tsx:231–446

()

  "group w-full flex items-center pl-9 pr-2 py-1 outline-item mb-0.5 rounded-xs";

export function ProjectSidebar() {
  const rawItems = useSidebarItems();
  const filteredItems = useMemo(() => filterSidebarList(rawItems), [rawItems]);

  const route = useCurrentRoute();
  const currentRouteName = route.name?.toString() ?? "";
  const projectId = (route.params.projectId as string | undefined) ?? "";

  const customLogo = useWorkspace()?.logo ?? "";

  const { record } = useRecentVisit();
  const recordVisitRef = useRef(record);
  recordVisitRef.current = record;

  // Ensure the project is fetched into the store cache.
  // ProjectRouteShell also fetches it, but this guards against race conditions.
  useEffect(() => {
    if (projectId) {
      useAppStore
        .getState()
        .getOrFetchProjectByName(`${projectNamePrefix}${projectId}`, true);
    }
  }, [projectId]);

  // -- Expand / collapse state -----------------------------------------------
  const [expandedSet, setExpandedSet] = useState<Set<string>>(new Set());
  const manualToggledRef = useRef<Set<string>>(new Set());
  const autoExpandedRef = useRef<Set<string>>(new Set());
  const prevFilteredRef = useRef<SidebarItem[] | null>(null);

  const expandForActiveRoute = useCallback(
    (items: SidebarItem[]) => {
      setExpandedSet((prev) => {
        const next = new Set(prev);

        for (const key of autoExpandedRef.current) {
          next.delete(key);
        }
        autoExpandedRef.current.clear();

        for (let i = 0; i < items.length; i++) {
          const item = items[i];
          const key = `${i}`;
          if (!item.children || item.children.length === 0) continue;
          if (manualToggledRef.current.has(key)) continue;
          if (item.expand) {
            next.add(key);
            continue;
          }
          const hasActiveChild = item.children.some(
            (child) => getItemClass(child, currentRouteName).length > 0
          );
          if (hasActiveChild && !next.has(key)) {
            next.add(key);
            autoExpandedRef.current.add(key);
          }
        }