Function useApp

src/web-ui/src/app/hooks/useApp.ts:20–250

()

const log = createLogger('useApp');

export const useApp = (): UseAppReturn => {
  const [state, setState] = useState<AppState>(appManager.getState());

  // Listen for app state changes
  useEffect(() => {
    const unsubscribe = appManager.addEventListener(() => {
      // Update state on each event
      setState(appManager.getState());
    });

    // Sync state on initialization
    setState(appManager.getState());

    return unsubscribe;
  }, []);

  // Layout actions
  const toggleLeftPanel = useCallback(() => {
    appManager.updateLayout({
      leftPanelCollapsed: !state.layout.leftPanelCollapsed
    });
  }, [state.layout.leftPanelCollapsed]);

  const toggleRightPanel = useCallback(() => {
    appManager.updateLayout({
      rightPanelCollapsed: !state.layout.rightPanelCollapsed
    });
  }, [state.layout.rightPanelCollapsed]);

  const toggleBottomTerminalPanel = useCallback(() => {
    appManager.updateLayout({
      bottomTerminalPanelCollapsed: !state.layout.bottomTerminalPanelCollapsed
    });
  }, [state.layout.bottomTerminalPanelCollapsed]);

  const toggleChatPanel = useCallback(() => {
    const nextChatCollapsed = !state.layout.chatCollapsed;
    appManager.updateLayout({
      chatCollapsed: nextChatCollapsed,
      // Keep behavior aligned with editor-mode layout:
      // when chat is hidden, ensure the right panel is visible to occupy center space.
      rightPanelCollapsed: nextChatCollapsed ? false : state.layout.rightPanelCollapsed
    });
  }, [state.layout.chatCollapsed, state.layout.rightPanelCollapsed]);

  const switchLeftPanelTab = useCallback((tab: PanelType) => {
    appManager.updateLayout({
      leftPanelActiveTab: tab,
      leftPanelCollapsed: false // Auto-expand panel when switching tabs
    });
  }, []);

  const updateLeftPanelWidth = useCallback((width: number) => {
    // Clamp width: minimum 50px, no upper bound
    const MIN_WIDTH = 50;
    const clampedWidth = Math.max(MIN_WIDTH, width);
    
    appManager.updateLayout({