Function WorkspaceBody

src/web-ui/src/app/layout/WorkspaceBody.tsx:38–151

({
  className = '',
  isEntering = false,
  isExiting = false,
  onMinimize,
  onMaximize,
  onClose,
  isMaximized = false,
  sceneOverlay,
})

}

const WorkspaceBody: React.FC<WorkspaceBodyProps> = ({
  className = '',
  isEntering = false,
  isExiting = false,
  onMinimize,
  onMaximize,
  onClose,
  isMaximized = false,
  sceneOverlay,
}) => {
  const { workspace: currentWorkspace } = useCurrentWorkspace();
  const { state, toggleLeftPanel } = useApp();
  const isNavCollapsed = state.layout.leftPanelCollapsed;
  const [navWidth, setNavWidth] = useState(NAV_DEFAULT_WIDTH);
  const [isDividerHovered, setIsDividerHovered] = useState(false);

  const handleDividerMouseEnter = useCallback(() => {
    setIsDividerHovered(true);
    document.body.classList.add('bitfun-divider-hovered');
  }, []);

  const handleDividerMouseLeave = useCallback(() => {
    setIsDividerHovered(false);
    document.body.classList.remove('bitfun-divider-hovered');
  }, []);

  const handleNavCollapseDragStart = useCallback((event: React.MouseEvent<HTMLDivElement>) => {
    if (event.button !== 0 || isNavCollapsed) return;
    event.preventDefault();

    const startX = event.clientX;
    const startWidth = navWidth;
    let hasCollapsed = false;

    document.body.classList.add('bitfun-is-dragging-nav-collapse');
    document.body.classList.add('bitfun-is-resizing-nav');

    const handleMouseMove = (moveEvent: MouseEvent) => {
      if (hasCollapsed) return;
      const deltaX = moveEvent.clientX - startX;
      const rawWidth = startWidth + deltaX;

      // Collapse only after the width hits minimum AND continues left by COLLAPSE_THRESHOLD
      if (rawWidth <= NAV_MIN_WIDTH - COLLAPSE_THRESHOLD) {
        hasCollapsed = true;
        toggleLeftPanel();
        cleanup();
        return;
      }
      const newWidth = Math.min(NAV_MAX_WIDTH, Math.max(NAV_MIN_WIDTH, rawWidth));
      setNavWidth(newWidth);
    };

    const handleMouseUp = () => cleanup();

    function cleanup() {
      document.body.classList.remove('bitfun-is-dragging-nav-collapse');
      document.body.classList.remove('bitfun-is-resizing-nav');