Function useResizableSidebar

src/browser/hooks/useResizableSidebar.ts:80–285

({
  enabled,
  defaultWidth,
  minWidth,
  maxWidth,
  getMaxWidthPx,
  storageKey,
  side = "right",
}: UseResizableSidebarOptions)

}

export function useResizableSidebar({
  enabled,
  defaultWidth,
  minWidth,
  maxWidth,
  getMaxWidthPx,
  storageKey,
  side = "right",
}: UseResizableSidebarOptions): UseResizableSidebarResult {
  // Load persisted width from localStorage on mount
  // Always load persisted value regardless of enabled flag to maintain size across workspace switches
  const [width, setWidth] = useState<number>(() => {
    const resolvedMaxWidth = (() => {
      if (typeof getMaxWidthPx === "function") {
        const candidate = getMaxWidthPx();
        if (typeof candidate === "number" && Number.isFinite(candidate)) {
          return Math.min(maxWidth, candidate);
        }
      }
      return maxWidth;
    })();

    try {
      return resolveInitialResizableSidebarWidth({
        storedValue: localStorage.getItem(storageKey),
        defaultWidth,
        minWidth,
        maxWidth: resolvedMaxWidth,
      });
    } catch {
      // Ignore storage errors (private browsing, quota exceeded, etc.)
      return resolveInitialResizableSidebarWidth({
        storedValue: null,
        defaultWidth,
        minWidth,
        maxWidth: resolvedMaxWidth,
      });
    }
  });

  const [isResizing, setIsResizing] = useState(false);

  // Refs to track drag state without causing re-renders
  const startXRef = useRef<number>(0); // Mouse X position when drag started
  const startWidthRef = useRef<number>(0); // Sidebar width when drag started

  const getMaxWidthPxRef = useRef(getMaxWidthPx);
  useEffect(() => {
    getMaxWidthPxRef.current = getMaxWidthPx;
  }, [getMaxWidthPx]);

  const resolveMaxWidthPx = useCallback(() => {
    const candidate = getMaxWidthPxRef.current?.();
    const resolved =
      typeof candidate === "number" && Number.isFinite(candidate)
        ? Math.min(maxWidth, candidate)
        : maxWidth;
    return Math.max(minWidth, resolved);