Function AppLayout

src/web-ui/src/app/layout/AppLayout.tsx:76–783

({ className = '' })

}

const AppLayout: React.FC<AppLayoutProps> = ({ className = '' }) => {
  const { t } = useI18n('components');
  const { t: tCommon } = useI18n('common');
  const {
    currentWorkspace,
    hasWorkspace,
    openWorkspace,
    switchWorkspace,
    recentWorkspaces,
    loading,
  } = useWorkspaceContext();
  const sshContext = useContext(SSHContext);
  /** When SSH finishes connecting, re-run FlowChat init (first run may have skipped while disconnected). */
  const remoteSshFlowChatKey =
    currentWorkspace?.workspaceKind === WorkspaceKind.Remote && currentWorkspace?.connectionId
      ? sshContext?.workspaceStatuses[currentWorkspace.connectionId] ?? 'unknown'
      : 'local';

  const { isToolbarMode } = useToolbarModeContext();
  const { ensureForWorkspace: ensureAssistantBootstrapForWorkspace } = useAssistantBootstrap();
  const isMacOS = useMemo(() => {
    return isMacOSDesktopRuntime();
  }, []);

  const {
    handleMinimize,
    handleMaximize,
    handleToggleFullscreen,
    handleClose,
    isMaximized,
    isFullscreen,
    canUseNativeWindowControls,
  } =
    useWindowControls({ isToolbarMode });

  const { state, switchLeftPanelTab, toggleLeftPanel, toggleRightPanel } = useApp();
  const [windowModeHint, setWindowModeHint] = useState<WindowModeHint | null>(null);
  const windowModeHintTimerRef = useRef<number | null>(null);

  const showWindowFullscreenHint = useCallback((enteredFullscreen: boolean) => {
    if (windowModeHintTimerRef.current) {
      window.clearTimeout(windowModeHintTimerRef.current);
    }

    const shortcut = isMacOS ? 'Control+Command+F' : 'F11';
    setWindowModeHint({
      id: Date.now(),
      title: t(enteredFullscreen
        ? 'appLayout.windowFullscreenEntered'
        : 'appLayout.windowFullscreenExited'),
      detail: t(enteredFullscreen
        ? 'appLayout.windowFullscreenExitHint'
        : 'appLayout.windowFullscreenEnterHint', { shortcut }),
    });

    windowModeHintTimerRef.current = window.setTimeout(() => {
      setWindowModeHint(null);
      windowModeHintTimerRef.current = null;