Class AppManager

src/web-ui/src/app/services/AppManager.ts:25–445

const log = createLogger('AppManager');

export class AppManager implements IAppManager {
  private state: AppState;
  private listeners = new Set<(event: AppEvent) => void>();
  /** Coalesce rapid layout/state updates into one event per animation frame (reduces main-thread churn). */
  private pendingStateNotifyRaf: number | null = null;

  constructor() {
    // Clear legacy panel state data (run once)
    this.clearPersistedPanelState();
    
    // Initialize state
    this.state = {
      layout: { 
        ...DEFAULT_LAYOUT_STATE,
        leftPanelWidth: typeof window !== 'undefined' && window.innerWidth > 0 
          ? Math.min(300, Math.floor(window.innerWidth * 0.15)) // Left 15%, max 300px
          : 280,
        rightPanelWidth: loadPanelWidth(STORAGE_KEYS.RIGHT_PANEL_LAST_WIDTH, DEFAULT_LAYOUT_STATE.rightPanelWidth),
        bottomTerminalPanelHeight: loadPanelWidth(
          STORAGE_KEYS.BOTTOM_TERMINAL_PANEL_LAST_HEIGHT,
          DEFAULT_LAYOUT_STATE.bottomTerminalPanelHeight
        ),
      },
      currentAgent: DEFAULT_AGENTS[0],
      availableAgents: [...DEFAULT_AGENTS],
      chatSessions: [],
      activeChatSession: null,
      extensions: [],
      isLoading: false,
      error: null
    };

    // Set up event listeners
    this.setupEventListeners();
  }

  // State management
  getState(): AppState {
    return { ...this.state };
  }

  private updateState(updates: Partial<AppState>): void {
    this.state = { ...this.state, ...updates };
    this.notifyStateChange();
  }

  updateLayout(layout: Partial<LayoutState>): void {
    const hasLayoutChange = Object.entries(layout).some(([key, value]) => (
      this.state.layout[key as keyof LayoutState] !== value
    ));
    if (!hasLayoutChange) {
      return;
    }

    if (typeof layout.rightPanelWidth === 'number') {
      savePanelWidth(STORAGE_KEYS.RIGHT_PANEL_LAST_WIDTH, layout.rightPanelWidth);
    }
    if (typeof layout.bottomTerminalPanelHeight === 'number') {