gloomberb 0.7.5 → 0.8.1

package/src/state/app-context.test.tsx

@@ -1,193 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { cloneLayout, createDefaultConfig } from "../types/config";
-import { appReducer, createInitialState } from "./app-context";
-
-describe("appReducer command bar state", () => {
-  test("opens the command bar with an explicit query", () => {
-    const state = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const next = appReducer(state, { type: "SET_COMMAND_BAR", open: true, query: "Sync Broker Account" });
-
-    expect(next.commandBarOpen).toBe(true);
-    expect(next.commandBarQuery).toBe("Sync Broker Account");
-  });
-
-  test("clears the command bar query when closing", () => {
-    const state = appReducer(
-      createInitialState(createDefaultConfig("/tmp/gloomberb-test")),
-      { type: "SET_COMMAND_BAR", open: true, query: "Disconnect Broker Account" },
-    );
-    const next = appReducer(state, { type: "SET_COMMAND_BAR", open: false });
-
-    expect(next.commandBarOpen).toBe(false);
-    expect(next.commandBarQuery).toBe("");
-  });
-
-  test("stores and clears command bar launch requests", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const opened = appReducer(initial, {
-      type: "SET_COMMAND_BAR",
-      open: true,
-      launch: { kind: "plugin-command", commandId: "set-alert" },
-    });
-    const relaunched = appReducer(opened, {
-      type: "SET_COMMAND_BAR",
-      open: true,
-      launch: { kind: "plugin-command", commandId: "set-alert" },
-    });
-    const closed = appReducer(relaunched, { type: "SET_COMMAND_BAR", open: false });
-
-    expect(opened.commandBarOpen).toBe(true);
-    expect(opened.commandBarLaunchRequest).toEqual({
-      kind: "plugin-command",
-      commandId: "set-alert",
-      sequence: 1,
-    });
-    expect(relaunched.commandBarLaunchRequest?.sequence).toBe(2);
-    expect(closed.commandBarLaunchRequest).toBeNull();
-  });
-
-  test("toggle opens blank and clears on close", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const opened = appReducer(initial, { type: "TOGGLE_COMMAND_BAR" });
-    const closed = appReducer({ ...opened, commandBarQuery: "stale" }, { type: "TOGGLE_COMMAND_BAR" });
-
-    expect(opened.commandBarOpen).toBe(true);
-    expect(opened.commandBarQuery).toBe("");
-    expect(closed.commandBarOpen).toBe(false);
-    expect(closed.commandBarQuery).toBe("");
-  });
-
-  test("updates the live command bar query without closing the overlay", () => {
-    const state = appReducer(
-      createInitialState(createDefaultConfig("/tmp/gloomberb-test")),
-      { type: "SET_COMMAND_BAR", open: true, query: "PL " },
-    );
-    const next = appReducer(state, { type: "SET_COMMAND_BAR_QUERY", query: "PL notes" });
-
-    expect(next.commandBarOpen).toBe(true);
-    expect(next.commandBarQuery).toBe("PL notes");
-  });
-
-  test("re-shows the gridlock tip and refreshes its sequence on every trigger", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-
-    const shown = appReducer(initial, { type: "SHOW_GRIDLOCK_TIP" });
-    expect(shown.gridlockTipVisible).toBe(true);
-    expect(shown.gridlockTipSequence).toBe(1);
-
-    const dismissed = appReducer(shown, { type: "DISMISS_GRIDLOCK_TIP" });
-    expect(dismissed.gridlockTipVisible).toBe(false);
-    expect(dismissed.gridlockTipSequence).toBe(1);
-
-    const repeated = appReducer(dismissed, { type: "SHOW_GRIDLOCK_TIP" });
-    expect(repeated.gridlockTipVisible).toBe(true);
-    expect(repeated.gridlockTipSequence).toBe(2);
-  });
-
-  test("tracks layout undo and redo history", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const defaultRatio = initial.config.layout.dockRoot && initial.config.layout.dockRoot.kind === "split"
-      ? initial.config.layout.dockRoot.ratio
-      : null;
-    const changedLayout = cloneLayout(initial.config.layout);
-    if (!changedLayout.dockRoot || changedLayout.dockRoot.kind !== "split") {
-      throw new Error("expected split dock root");
-    }
-    changedLayout.dockRoot.ratio = 0.5;
-
-    const withHistory = appReducer(initial, { type: "PUSH_LAYOUT_HISTORY" });
-    const changed = appReducer(withHistory, { type: "UPDATE_LAYOUT", layout: changedLayout });
-
-    expect(changed.layoutHistory[0]?.past).toHaveLength(1);
-    expect(changed.config.layout.dockRoot && changed.config.layout.dockRoot.kind === "split"
-      ? changed.config.layout.dockRoot.ratio
-      : null).toBe(0.5);
-
-    const undone = appReducer(changed, { type: "UNDO_LAYOUT" });
-    expect(undone.config.layout.dockRoot && undone.config.layout.dockRoot.kind === "split"
-      ? undone.config.layout.dockRoot.ratio
-      : null).toBe(defaultRatio);
-    expect(undone.layoutHistory[0]?.future).toHaveLength(1);
-
-    const redone = appReducer(undone, { type: "REDO_LAYOUT" });
-    expect(redone.config.layout.dockRoot && redone.config.layout.dockRoot.kind === "split"
-      ? redone.config.layout.dockRoot.ratio
-      : null).toBe(0.5);
-    expect(redone.layoutHistory[0]?.past).toHaveLength(1);
-  });
-
-  test("keeps layout history isolated per saved layout", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const defaultRatio = initial.config.layout.dockRoot && initial.config.layout.dockRoot.kind === "split"
-      ? initial.config.layout.dockRoot.ratio
-      : null;
-    const newLayoutIndex = initial.config.layouts.length;
-
-    const firstLayout = cloneLayout(initial.config.layout);
-    if (!firstLayout.dockRoot || firstLayout.dockRoot.kind !== "split") {
-      throw new Error("expected split dock root");
-    }
-    firstLayout.dockRoot.ratio = 0.45;
-    let state = appReducer(initial, { type: "PUSH_LAYOUT_HISTORY" });
-    state = appReducer(state, { type: "UPDATE_LAYOUT", layout: firstLayout });
-    state = appReducer(state, { type: "NEW_LAYOUT", name: "Research" });
-
-    const noUndoOnFreshLayout = appReducer(state, { type: "UNDO_LAYOUT" });
-    expect(noUndoOnFreshLayout.config.activeLayoutIndex).toBe(newLayoutIndex);
-    expect(noUndoOnFreshLayout.config.layout.dockRoot && noUndoOnFreshLayout.config.layout.dockRoot.kind === "split"
-      ? noUndoOnFreshLayout.config.layout.dockRoot.ratio
-      : null).toBe(defaultRatio);
-
-    const secondLayout = cloneLayout(noUndoOnFreshLayout.config.layout);
-    if (!secondLayout.dockRoot || secondLayout.dockRoot.kind !== "split") {
-      throw new Error("expected split dock root");
-    }
-    secondLayout.dockRoot.ratio = 0.55;
-    state = appReducer(noUndoOnFreshLayout, { type: "PUSH_LAYOUT_HISTORY" });
-    state = appReducer(state, { type: "UPDATE_LAYOUT", layout: secondLayout });
-
-    const backToFirst = appReducer(state, { type: "SWITCH_LAYOUT", index: 0 });
-    const firstUndone = appReducer(backToFirst, { type: "UNDO_LAYOUT" });
-    expect(firstUndone.config.activeLayoutIndex).toBe(0);
-    expect(firstUndone.config.layout.dockRoot && firstUndone.config.layout.dockRoot.kind === "split"
-      ? firstUndone.config.layout.dockRoot.ratio
-      : null).toBe(defaultRatio);
-
-    const backToSecond = appReducer(firstUndone, { type: "SWITCH_LAYOUT", index: newLayoutIndex });
-    const secondUndone = appReducer(backToSecond, { type: "UNDO_LAYOUT" });
-    expect(secondUndone.config.activeLayoutIndex).toBe(newLayoutIndex);
-    expect(secondUndone.config.layout.dockRoot && secondUndone.config.layout.dockRoot.kind === "split"
-      ? secondUndone.config.layout.dockRoot.ratio
-      : null).toBe(defaultRatio);
-  });
-
-  test("tracks manual update-check feedback", () => {
-    const initial = createInitialState(createDefaultConfig("/tmp/gloomberb-test"));
-    const checking = appReducer(initial, { type: "SET_UPDATE_CHECK_IN_PROGRESS", checking: true });
-    const noticed = appReducer(checking, { type: "SET_UPDATE_NOTICE", notice: "Already on v0.3.1" });
-
-    expect(checking.updateCheckInProgress).toBe(true);
-    expect(noticed.updateNotice).toBe("Already on v0.3.1");
-  });
-
-  test("clears stale update notices when an update becomes available", () => {
-    const initial = {
-      ...createInitialState(createDefaultConfig("/tmp/gloomberb-test")),
-      updateNotice: "Already on v0.3.1",
-    };
-    const next = appReducer(initial, {
-      type: "SET_UPDATE_AVAILABLE",
-      release: {
-        version: "0.3.2",
-        tagName: "v0.3.2",
-        downloadUrl: "https://example.com/gloomberb.gz",
-        publishedAt: "2026-04-03T00:00:00Z",
-        updateAction: { kind: "self" },
-        compressed: true,
-      },
-    });
-
-    expect(next.updateAvailable?.version).toBe("0.3.2");
-    expect(next.updateNotice).toBeNull();
-  });
-});

package/src/state/app-context.tsx

@@ -1,485 +0,0 @@
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useReducer,
-  useRef,
-  useSyncExternalStore,
-  type Dispatch,
-  type SetStateAction,
-  type ReactNode,
-} from "react";
-import type { SessionStore } from "../data/session-store";
-import { ThemeProvider } from "../theme/theme-context";
-import {
-  findPaneInstance,
-  materializeDetachedPanesAsFloating,
-  type AppConfig,
-  type PaneInstanceConfig,
-} from "../types/config";
-import type { DesktopSharedStateSnapshot, DesktopThemePreviewState, DesktopWindowBridge } from "../types/desktop-window";
-import { setPaneSetting } from "../pane-settings";
-import { useTickerFinancials } from "../market-data/hooks";
-import {
-  APP_SESSION_ID,
-  APP_SESSION_SCHEMA_VERSION,
-  type AppSessionSnapshot,
-} from "../core/state/session-persistence";
-import { usePersistSessionSnapshot } from "./use-session-snapshot";
-import {
-  appReducer,
-  createInitialState,
-  getEffectiveThemeId,
-  getFocusedTickerSymbol,
-  type PaneRuntimeState,
-  resolveCollectionForPane,
-  resolveTickerForPane,
-  syncConfigActiveLayoutState,
-} from "../core/state/app-state";
-import type { AppAction, AppState } from "../core/state/app-state";
-import { scheduleConfigSave } from "./config-save-scheduler";
-
-export {
-  appReducer,
-  createInitialState,
-  getEffectiveThemeId,
-  getFocusedCollectionId,
-  getFocusedTickerSymbol,
-  getPaneState,
-  resolveCollectionForPane,
-  resolveFinancialsForPane,
-  syncConfigActiveLayoutState,
-  resolveTickerFileForPane,
-  resolveTickerForPane,
-} from "../core/state/app-state";
-export type {
-  AppAction,
-  AppState,
-  CollectionSortPreference,
-  CommandBarLaunchRequest,
-  LayoutHistoryEntry,
-  PaneRuntimeState,
-  SortDirection,
-} from "../core/state/app-state";
-
-interface AppContextStoreValue {
-  dispatch: Dispatch<AppAction>;
-  getState: () => AppState;
-  subscribe: (listener: () => void) => () => void;
-}
-
-interface AppContextLegacyValue {
-  state: AppState;
-  dispatch: Dispatch<AppAction>;
-}
-
-type AppContextValue = AppContextStoreValue | AppContextLegacyValue;
-
-export const AppContext = createContext<AppContextValue | null>(null);
-const PaneContext = createContext<string | null>(null);
-
-function isAppStoreContextValue(context: AppContextValue): context is AppContextStoreValue {
-  return "getState" in context && "subscribe" in context;
-}
-
-function useRequiredAppContext(): AppContextValue {
-  const context = useContext(AppContext);
-  if (!context) throw new Error("useAppState must be used within AppProvider");
-  return context;
-}
-
-function sameStringList(left: readonly string[], right: readonly string[]): boolean {
-  if (left.length !== right.length) return false;
-  return left.every((value, index) => value === right[index]);
-}
-
-function materializeDetachedConfig(config: AppConfig): AppConfig {
-  return {
-    ...config,
-    layout: materializeDetachedPanesAsFloating(config.layout),
-    layouts: config.layouts.map((entry) => ({
-      ...entry,
-      layout: materializeDetachedPanesAsFloating(entry.layout),
-    })),
-  };
-}
-
-export function useAppState(): AppContextLegacyValue {
-  const context = useRequiredAppContext();
-  if (!isAppStoreContextValue(context)) {
-    return context;
-  }
-
-  const state = useSyncExternalStore(context.subscribe, context.getState, context.getState);
-  return useMemo(() => ({ state, dispatch: context.dispatch }), [context.dispatch, state]);
-}
-
-export function useAppStateRef() {
-  const context = useRequiredAppContext();
-  const stateRef = useRef(isAppStoreContextValue(context) ? context.getState() : context.state);
-
-  useLayoutEffect(() => {
-    if (!isAppStoreContextValue(context)) {
-      stateRef.current = context.state;
-      return;
-    }
-
-    stateRef.current = context.getState();
-    return context.subscribe(() => {
-      stateRef.current = context.getState();
-    });
-  }, [context]);
-
-  return stateRef;
-}
-
-export function useAppDispatch(): Dispatch<AppAction> {
-  return useRequiredAppContext().dispatch;
-}
-
-export function useAppSelector<T>(selector: (state: AppState) => T): T {
-  const context = useRequiredAppContext();
-  const selectorRef = useRef(selector);
-  selectorRef.current = selector;
-  const lastSnapshotRef = useRef<{ selection: T } | undefined>(undefined);
-
-  if (!isAppStoreContextValue(context)) {
-    return selector(context.state);
-  }
-
-  const snapshot = useSyncExternalStore(
-    context.subscribe,
-    () => {
-      const state = context.getState();
-      const selection = selectorRef.current(state);
-      const previous = lastSnapshotRef.current;
-      if (previous && Object.is(previous.selection, selection)) {
-        return previous;
-      }
-      const nextSnapshot = { selection };
-      lastSnapshotRef.current = nextSnapshot;
-      return nextSnapshot;
-    },
-    () => {
-      const state = context.getState();
-      return {
-        selection: selectorRef.current(state),
-      };
-    },
-  );
-  return snapshot.selection;
-}
-
-export function PaneInstanceProvider({ paneId, children }: { paneId: string; children: ReactNode }) {
-  return <PaneContext.Provider value={paneId}>{children}</PaneContext.Provider>;
-}
-
-export function usePaneInstanceId(): string {
-  const paneId = useContext(PaneContext);
-  if (!paneId) throw new Error("Pane hooks require a pane instance context");
-  return paneId;
-}
-
-export function useOptionalPaneInstanceId(): string | null {
-  return useContext(PaneContext);
-}
-
-export function usePaneInstance(): PaneInstanceConfig | null {
-  const paneId = useContext(PaneContext);
-  return useAppSelector((state) => (paneId ? findPaneInstance(state.config.layout, paneId) ?? null : null));
-}
-
-export function usePaneTicker(paneId?: string) {
-  const paneContextId = useContext(PaneContext);
-  const needsFocusedPane = paneId == null && paneContextId == null;
-  const focusedPaneId = useAppSelector((state) => (needsFocusedPane ? state.focusedPaneId : null));
-  const scopedPaneId = paneId ?? paneContextId ?? focusedPaneId;
-  const symbol = useAppSelector((state) => (
-    scopedPaneId ? resolveTickerForPane(state, scopedPaneId) : null
-  ));
-  const ticker = useAppSelector((state) => (
-    symbol ? state.tickers.get(symbol) ?? null : null
-  ));
-  const cachedFinancials = useAppSelector((state) => (
-    symbol ? state.financials.get(symbol) ?? null : null
-  ));
-  const marketFinancials = useTickerFinancials(symbol, ticker);
-
-  return useMemo(() => {
-    if (!scopedPaneId) return { symbol: null, ticker: null, financials: null };
-    return {
-      symbol,
-      ticker,
-      financials: marketFinancials ?? cachedFinancials,
-    };
-  }, [cachedFinancials, marketFinancials, scopedPaneId, symbol, ticker]);
-}
-
-export function useSelectedTicker(paneId?: string) {
-  return usePaneTicker(paneId);
-}
-
-export function useFocusedTicker() {
-  const symbol = useAppSelector((state) => getFocusedTickerSymbol(state));
-  const ticker = useAppSelector((state) => (symbol ? state.tickers.get(symbol) ?? null : null));
-  const cachedFinancials = useAppSelector((state) => (symbol ? state.financials.get(symbol) ?? null : null));
-  const marketFinancials = useTickerFinancials(symbol, ticker);
-  return useMemo(() => {
-    return {
-      symbol,
-      ticker,
-      financials: marketFinancials ?? cachedFinancials,
-    };
-  }, [cachedFinancials, marketFinancials, symbol, ticker]);
-}
-
-export function usePaneCollection(paneId?: string) {
-  const paneContextId = useContext(PaneContext);
-  const needsFocusedPane = paneId == null && paneContextId == null;
-  const focusedPaneId = useAppSelector((state) => (needsFocusedPane ? state.focusedPaneId : null));
-  const scopedPaneId = paneId ?? paneContextId ?? focusedPaneId;
-  const collectionId = useAppSelector((state) => (
-    scopedPaneId ? resolveCollectionForPane(state, scopedPaneId) : null
-  ));
-  const portfolio = useAppSelector((state) => (
-    collectionId ? state.config.portfolios.find((entry) => entry.id === collectionId) ?? null : null
-  ));
-  const watchlist = useAppSelector((state) => (
-    collectionId ? state.config.watchlists.find((entry) => entry.id === collectionId) ?? null : null
-  ));
-  return useMemo(() => (
-    { collectionId, portfolio, watchlist }
-  ), [collectionId, portfolio, watchlist]);
-}
-
-export function usePaneStateValue<T>(key: string, fallback: T, paneId?: string): [T, (value: T) => void] {
-  const dispatch = useAppDispatch();
-  const scopedPaneId = paneId ?? usePaneInstanceId();
-  const value = useAppSelector((state) => (
-    (state.paneState[scopedPaneId]?.[key] as T | undefined) ?? fallback
-  ));
-  const setValue = useCallback((nextValue: T) => {
-    dispatch({ type: "UPDATE_PANE_STATE", paneId: scopedPaneId, patch: { [key]: nextValue } });
-  }, [dispatch, key, scopedPaneId]);
-  return [value, setValue];
-}
-
-export function usePaneSettingValue<T>(
-  key: string,
-  fallback: T,
-  paneId?: string,
-): [T, (value: SetStateAction<T>) => void] {
-  const dispatch = useAppDispatch();
-  const stateRef = useAppStateRef();
-  const scopedPaneId = paneId ?? usePaneInstanceId();
-  const instance = useAppSelector((state) => findPaneInstance(state.config.layout, scopedPaneId) ?? null);
-  const value = (instance?.settings?.[key] as T | undefined) ?? fallback;
-
-  const setValue = useCallback((nextValue: SetStateAction<T>) => {
-    const currentState = stateRef.current;
-    const currentValue = (findPaneInstance(currentState.config.layout, scopedPaneId)?.settings?.[key] as T | undefined) ?? fallback;
-    const resolved = typeof nextValue === "function"
-      ? (nextValue as (previousValue: T) => T)(currentValue)
-      : nextValue;
-    const layout = setPaneSetting(currentState.config.layout, scopedPaneId, key, resolved);
-    const nextConfig = syncConfigActiveLayoutState(
-      { ...currentState.config, layout },
-      currentState.paneState,
-      currentState.focusedPaneId,
-      currentState.activePanel,
-    );
-    dispatch({ type: "SET_CONFIG", config: nextConfig });
-    scheduleConfigSave(nextConfig);
-  }, [dispatch, fallback, key, scopedPaneId, stateRef]);
-
-  return [value, setValue];
-}
-
-export function AppProvider({
-  config,
-  children,
-  sessionStore,
-  sessionSnapshot = null,
-  desktopBridge,
-  desktopSnapshot = null,
-  initialThemePreview = null,
-}: {
-  config: AppConfig;
-  children: ReactNode;
-  sessionStore?: SessionStore;
-  sessionSnapshot?: AppSessionSnapshot | null;
-  desktopBridge?: DesktopWindowBridge;
-  desktopSnapshot?: DesktopSharedStateSnapshot | null;
-  initialThemePreview?: DesktopThemePreviewState | null;
-}) {
-  const [state, rawDispatch] = useReducer(
-    appReducer,
-    { config, sessionSnapshot, desktopSnapshot, initialThemePreview },
-    (initialState: {
-      config: AppConfig;
-      sessionSnapshot?: AppSessionSnapshot | null;
-      desktopSnapshot?: DesktopSharedStateSnapshot | null;
-      initialThemePreview?: DesktopThemePreviewState | null;
-    }) => {
-      const {
-        config: initialConfig,
-        sessionSnapshot: initialSessionSnapshot,
-        desktopSnapshot: initialDesktopSnapshot,
-        initialThemePreview: initialDesktopThemePreview,
-      } = initialState;
-      const baseState = createInitialState(initialConfig, initialSessionSnapshot);
-      const nextState = initialDesktopSnapshot
-        ? appReducer(baseState, { type: "HYDRATE_DESKTOP_SNAPSHOT", snapshot: initialDesktopSnapshot })
-        : baseState;
-      return initialDesktopThemePreview
-        ? appReducer(nextState, { type: "PREVIEW_THEME", theme: initialDesktopThemePreview.theme })
-        : nextState;
-    },
-  );
-  const effectiveThemeId = getEffectiveThemeId(state);
-  const previousRecentTickers = useRef(state.recentTickers);
-  const stateRef = useRef(state);
-  const listenersRef = useRef(new Set<() => void>());
-  const storeRef = useRef<AppContextStoreValue | null>(null);
-  const lastMainSyncRef = useRef<string | null>(null);
-  const lastDetachedPaneSyncRef = useRef<string | null>(null);
-  const lastThemePreviewSyncRef = useRef<string | null | undefined>(undefined);
-
-  stateRef.current = state;
-
-  const dispatch = useCallback((action: AppAction) => {
-    if (desktopBridge) {
-      rawDispatch(action);
-      return;
-    }
-
-    switch (action.type) {
-      case "SET_CONFIG":
-        rawDispatch({
-          ...action,
-          config: materializeDetachedConfig(action.config),
-        });
-        return;
-      case "UPDATE_LAYOUT":
-        rawDispatch({
-          ...action,
-          layout: materializeDetachedPanesAsFloating(action.layout),
-        });
-        return;
-      default:
-        rawDispatch(action);
-    }
-  }, [desktopBridge, rawDispatch]);
-
-  const buildDesktopSnapshot = useCallback((currentState: AppState): DesktopSharedStateSnapshot => ({
-    config: currentState.config,
-    paneState: currentState.paneState,
-    focusedPaneId: currentState.focusedPaneId,
-    activePanel: currentState.activePanel,
-    statusBarVisible: currentState.statusBarVisible,
-  }), []);
-
-  const serializeDesktopSnapshot = useCallback((snapshot: DesktopSharedStateSnapshot): string => JSON.stringify({
-    config: snapshot.config,
-    paneState: snapshot.paneState,
-    focusedPaneId: snapshot.focusedPaneId,
-    activePanel: snapshot.activePanel,
-    statusBarVisible: snapshot.statusBarVisible,
-  }), []);
-
-  const serializePaneState = useCallback((paneState: PaneRuntimeState | undefined): string => JSON.stringify(paneState ?? {}), []);
-
-  if (!storeRef.current) {
-    storeRef.current = {
-      dispatch,
-      getState: () => stateRef.current,
-      subscribe: (listener: () => void) => {
-        listenersRef.current.add(listener);
-        return () => {
-          listenersRef.current.delete(listener);
-        };
-      },
-    };
-  } else {
-    storeRef.current.dispatch = dispatch;
-  }
-
-  useEffect(() => {
-    if (sameStringList(previousRecentTickers.current, state.recentTickers)) return;
-    previousRecentTickers.current = state.recentTickers;
-    scheduleConfigSave({ ...state.config, recentTickers: state.recentTickers });
-  }, [state.config, state.recentTickers]);
-
-  useEffect(() => {
-    if (!desktopBridge) return;
-    return desktopBridge.subscribeState((snapshot) => {
-      const currentSignature = serializeDesktopSnapshot(buildDesktopSnapshot(stateRef.current));
-      const nextSignature = serializeDesktopSnapshot(snapshot);
-      if (currentSignature === nextSignature) return;
-      if (desktopBridge.kind === "main") {
-        lastMainSyncRef.current = nextSignature;
-      } else if (desktopBridge.paneId) {
-        lastDetachedPaneSyncRef.current = serializePaneState(snapshot.paneState[desktopBridge.paneId] as PaneRuntimeState | undefined);
-      }
-      dispatch({ type: "HYDRATE_DESKTOP_SNAPSHOT", snapshot });
-    });
-  }, [buildDesktopSnapshot, desktopBridge, serializeDesktopSnapshot, serializePaneState]);
-
-  useEffect(() => {
-    if (desktopBridge?.kind !== "main" || !desktopBridge.syncMainState) return;
-    const snapshot = buildDesktopSnapshot(stateRef.current);
-    const signature = serializeDesktopSnapshot(snapshot);
-    if (signature === lastMainSyncRef.current) return;
-    lastMainSyncRef.current = signature;
-    void desktopBridge.syncMainState(snapshot);
-  }, [
-    buildDesktopSnapshot,
-    desktopBridge,
-    serializeDesktopSnapshot,
-    state.activePanel,
-    state.config,
-    state.focusedPaneId,
-    state.paneState,
-    state.statusBarVisible,
-  ]);
-
-  useEffect(() => {
-    if (desktopBridge?.kind !== "main" || !desktopBridge.syncThemePreview) return;
-    if (lastThemePreviewSyncRef.current === state.themePreview) return;
-    lastThemePreviewSyncRef.current = state.themePreview;
-    void desktopBridge.syncThemePreview({ theme: state.themePreview });
-  }, [desktopBridge, state.themePreview]);
-
-  useEffect(() => {
-    if (desktopBridge?.kind !== "detached" || !desktopBridge.subscribeThemePreview) return;
-    return desktopBridge.subscribeThemePreview((preview) => {
-      dispatch({ type: "PREVIEW_THEME", theme: preview.theme });
-    });
-  }, [desktopBridge, dispatch]);
-
-  useEffect(() => {
-    if (desktopBridge?.kind !== "detached" || !desktopBridge.replaceDetachedPaneState || !desktopBridge.paneId) return;
-    const paneSignature = serializePaneState(state.paneState[desktopBridge.paneId]);
-    if (paneSignature === lastDetachedPaneSyncRef.current) return;
-    lastDetachedPaneSyncRef.current = paneSignature;
-    void desktopBridge.replaceDetachedPaneState(desktopBridge.paneId, state.paneState[desktopBridge.paneId] ?? {});
-  }, [desktopBridge, serializePaneState, state.paneState]);
-
-  useLayoutEffect(() => {
-    stateRef.current = state;
-    for (const listener of listenersRef.current) {
-      listener();
-    }
-  }, [state]);
-
-  usePersistSessionSnapshot(sessionStore, state, APP_SESSION_ID, APP_SESSION_SCHEMA_VERSION);
-
-  return (
-    <ThemeProvider themeId={effectiveThemeId}>
-      <AppContext.Provider value={storeRef.current}>{children}</AppContext.Provider>
-    </ThemeProvider>
-  );
-}