gloomberb 0.11.0 → 0.11.2

package/src/app/pane-runtime/plugin-bindings.test.ts

@@ -0,0 +1,117 @@
+import { describe, expect, test } from "bun:test";
+import { createInitialState } from "../../state/app/context";
+import { createTestDataProvider } from "../../test-support/data-provider";
+import { createDefaultConfig, type PaneInstanceConfig } from "../../types/config";
+import type { PaneDef } from "../../types/plugin";
+import { bindAppPanePluginRegistry } from "./plugin-bindings";
+
+const paneDef: PaneDef = {
+  id: "prediction-markets",
+  name: "Prediction Markets",
+  component: () => null,
+  defaultPosition: "left",
+  defaultMode: "floating",
+};
+
+function bindPortablePaneRuntime(disabledPlugins: string[] = []) {
+  const config = createDefaultConfig("/tmp/gloomberb-portable-pane-test");
+  config.disabledPlugins = disabledPlugins;
+  const state = createInitialState(config);
+  const actions: any[] = [];
+  const built: PaneInstanceConfig[] = [];
+  const placed: Array<{ instance: PaneInstanceConfig; options: unknown }> = [];
+  const pluginRegistry = {
+    panes: new Map([[paneDef.id, paneDef]]),
+    getPanePluginId: () => "prediction-markets",
+    getTermSizeFn: () => ({ width: 120, height: 40 }),
+  } as any;
+
+  bindAppPanePluginRegistry({
+    activatePane() {},
+    buildPaneInstance: (paneId, options) => {
+      const instance = { paneId, ...options } as PaneInstanceConfig;
+      built.push(instance);
+      return instance;
+    },
+    createPaneFromTemplate: async () => {},
+    dataProvider: createTestDataProvider(),
+    detachedPaneId: null,
+    dispatch: (action) => actions.push(action),
+    focusVisiblePane() {},
+    isDetachedWindow: false,
+    openPaneSettings: async () => {},
+    openPinnedTicker: async () => {},
+    persistLayout() {},
+    placePaneInstance: (instance, _def, options) => placed.push({ instance, options }),
+    placePinnedTickerTarget() {},
+    pluginRegistry,
+    publishTickerOpenTarget() {},
+    resolveOpenTickerTarget: async () => null,
+    resolvePaneTarget: () => null,
+    selectTickerInPane() {},
+    showPane() {},
+    state,
+    stateRef: { current: state },
+    switchTickerResearchTab() {},
+    tickerRepository: {} as any,
+  });
+
+  return { actions, built, placed, pluginRegistry };
+}
+
+const portablePane = {
+  schemaVersion: 2 as const,
+  sourceConfigVersion: 13,
+  layout: {
+    dockRoot: null,
+    instances: [{
+      instanceId: "p1",
+      paneId: "prediction-markets",
+      title: "Fed Markets",
+      binding: { kind: "none" as const },
+      params: { query: "fed" },
+      settings: { dense: true },
+    }],
+    floating: [{ instanceId: "p1", x: 0, y: 0, width: 100, height: 30 }],
+    detached: [],
+  },
+  paneState: {
+    p1: { pluginState: { "prediction-markets": { searchQuery: "fed" } } },
+  },
+};
+
+describe("portable pane runtime", () => {
+  test("creates a fresh floating pane and restores its complete state", async () => {
+    const runtime = bindPortablePaneRuntime();
+
+    await runtime.pluginRegistry.openPortablePaneShareAsyncFn(portablePane);
+
+    expect(runtime.built).toHaveLength(1);
+    expect(runtime.built[0]).toMatchObject({
+      paneId: "prediction-markets",
+      title: "Fed Markets",
+      binding: { kind: "none" },
+      params: { query: "fed" },
+      settings: { dense: true },
+    });
+    expect(runtime.built[0]!.instanceId).toMatch(/^prediction-markets:shared-/);
+    expect(runtime.placed).toEqual([{
+      instance: runtime.built[0],
+      options: { placement: "floating" },
+    }]);
+    expect(runtime.actions).toContainEqual({
+      type: "REPLACE_PANE_STATE",
+      paneId: runtime.built[0]!.instanceId,
+      state: portablePane.paneState.p1,
+    });
+    expect(runtime.actions.some((action) => action.type === "INSTALL_LAYOUT_COPY")).toBe(false);
+  });
+
+  test("rejects panes owned by a disabled plugin", async () => {
+    const runtime = bindPortablePaneRuntime(["prediction-markets"]);
+    await expect(runtime.pluginRegistry.openPortablePaneShareAsyncFn(portablePane)).rejects.toThrow(
+      "unavailable",
+    );
+    expect(runtime.built).toHaveLength(0);
+  });
+});

package/src/app/pane-runtime/plugin-bindings.ts

@@ -5,6 +5,7 @@ import {
 } from "../../components/command-bar/workflow/ops";
 import type { AppTickerRepositoryPort } from "../../core/app-service-ports";
 import { setLayoutManagerDispatch } from "../../plugins/builtin/layout-manager";
+import { materializeMarketplaceLayout } from "../../layout-marketplace/payload";
 import {
   isPaneInLayout,
   removePane,
@@ -112,7 +113,7 @@ export function bindAppPanePluginRegistry({
       launch: { kind: "plugin-command", commandId },
     });
   };
-  pluginRegistry.getLayoutFn = () => state.config.layout;
+  pluginRegistry.getLayoutFn = () => stateRef.current.config.layout;
   pluginRegistry.updateLayoutFn = (layout) => {
     if (isDetachedWindow) return;
     persistLayout(layout);
@@ -134,6 +135,25 @@ export function bindAppPanePluginRegistry({
       placePaneInstance,
     });
   };
+  pluginRegistry.openPortablePaneShareAsyncFn = async (payload) => {
+    if (isDetachedWindow) throw new Error("Open shared panes in the main window.");
+    const materialized = materializeMarketplaceLayout(payload);
+    const sharedPane = materialized.layout.instances[0];
+    if (!sharedPane) throw new Error("This shared pane is invalid.");
+    const paneDef = pluginRegistry.panes.get(sharedPane.paneId);
+    const ownerId = pluginRegistry.getPanePluginId(sharedPane.paneId);
+    if (!paneDef || (ownerId && stateRef.current.config.disabledPlugins.includes(ownerId))) {
+      throw new Error("This shared pane is unavailable in this version of Gloomberb.");
+    }
+    const instance = buildPaneInstance(sharedPane.paneId, sharedPane);
+    if (!instance) throw new Error("This shared pane could not be created.");
+    dispatch({
+      type: "REPLACE_PANE_STATE",
+      paneId: instance.instanceId,
+      state: materialized.paneState[instance.instanceId] ?? {},
+    });
+    placePaneInstance(instance, paneDef, { placement: "floating" });
+  };
   pluginRegistry.createPaneFromTemplateFn = (templateId, options) => {
     if (isDetachedWindow) return;
     void createPaneFromTemplate(templateId, options);
@@ -151,8 +171,9 @@ export function bindAppPanePluginRegistry({
   pluginRegistry.hidePaneFn = (paneId) => {
     if (isDetachedWindow) return;
     const instanceId = resolvePaneTarget(paneId);
-    if (!instanceId || !isPaneInLayout(state.config.layout, instanceId)) return;
-    persistLayout(removePane(state.config.layout, instanceId));
+    const layout = stateRef.current.config.layout;
+    if (!instanceId || !isPaneInLayout(layout, instanceId)) return;
+    persistLayout(removePane(layout, instanceId));
   };
   pluginRegistry.focusPaneFn = (paneId) => {
     if (isDetachedWindow) {
@@ -162,7 +183,7 @@ export function bindAppPanePluginRegistry({
       return;
     }
     const instanceId = resolvePaneTarget(paneId);
-    if (!instanceId || !isPaneInLayout(state.config.layout, instanceId)) {
+    if (!instanceId || !isPaneInLayout(stateRef.current.config.layout, instanceId)) {
       showPane(paneId);
       return;
     }

package/src/app/pane-runtime/ticker-inspector-runtime.ts

@@ -3,9 +3,12 @@ import {
   addPaneFloating,
   addPaneToLayout,
   findDockLeaf,
-  isPaneInLayout,
 } from "../../plugins/pane-manager";
 import type { PluginRegistry } from "../../plugins/registry";
+import {
+  findTickerResearchFollower,
+  listVisibleTickerSourcePanes,
+} from "../../plugins/ticker-navigation";
 import type {
   AppAction,
   AppState,
@@ -45,6 +48,7 @@ export function useAppTickerInspectorRuntime({
   pluginRegistry,
   state,
 }: UseAppTickerInspectorRuntimeOptions) {
+  // Only for APIs that must land in a collection (selecting a symbol inside a list).
   const resolveCollectionSourcePaneId = useCallback((preferredPaneId?: string | null) => {
     return resolveFollowBindingInstance(state.config.layout, preferredPaneId, isCollectionPaneInstance)?.instanceId
       ?? resolveFollowBindingInstance(state.config.layout, state.focusedPaneId, isCollectionPaneInstance)?.instanceId
@@ -52,6 +56,18 @@ export function useAppTickerInspectorRuntime({
       ?? null;
   }, [state.config.layout, state.focusedPaneId]);
 
+  /** Any visible pane that publishes a cursor symbol can drive a follow binding. */
+  const resolveTickerSourcePaneId = useCallback((preferredPaneId?: string | null) => {
+    const isTickerSource = (instance: PaneInstanceConfig) => (
+      pluginRegistry.panes.get(instance.paneId)?.tickerSource === true
+    );
+    return resolveFollowBindingInstance(state.config.layout, preferredPaneId, isTickerSource)?.instanceId
+      ?? resolveFollowBindingInstance(state.config.layout, state.focusedPaneId, isTickerSource)?.instanceId
+      ?? findPrimaryPaneInstance(state.config.layout, "portfolio-list")?.instanceId
+      ?? listVisibleTickerSourcePanes(state.config.layout, pluginRegistry.panes)[0]?.instanceId
+      ?? null;
+  }, [pluginRegistry, state.config.layout, state.focusedPaneId]);
+
   const resolveTickerContextSourcePaneId = useCallback((preferredPaneId?: string | null) => {
     return resolveFollowBindingInstance(state.config.layout, preferredPaneId, isTickerContextPaneInstance)?.instanceId
       ?? resolveFollowBindingInstance(state.config.layout, state.focusedPaneId, isTickerContextPaneInstance)?.instanceId
@@ -67,12 +83,7 @@ export function useAppTickerInspectorRuntime({
   }, [dispatch, resolveCollectionSourcePaneId]);
 
   const resolveInspectorPane = useCallback((sourcePaneId: string): PaneInstanceConfig | null => {
-    return state.config.layout.instances.find((instance) =>
-      instance.paneId === TICKER_RESEARCH_PANE_ID
-      && instance.binding?.kind === "follow"
-      && instance.binding.sourceInstanceId === sourcePaneId
-      && isPaneInLayout(state.config.layout, instance.instanceId),
-    ) ?? null;
+    return findTickerResearchFollower(state.config.layout, sourcePaneId);
   }, [state.config.layout]);
 
   const ensureInspectorPane = useCallback((sourcePaneId: string) => {
@@ -104,7 +115,7 @@ export function useAppTickerInspectorRuntime({
       if (target?.paneId === TICKER_RESEARCH_PANE_ID) return target.instanceId;
       const focused = state.focusedPaneId ? resolvePaneInstance(state.config.layout, state.focusedPaneId) : null;
       if (focused?.paneId === TICKER_RESEARCH_PANE_ID) return focused.instanceId;
-      const sourcePaneId = resolveCollectionSourcePaneId(preferredPaneId);
+      const sourcePaneId = resolveTickerSourcePaneId(preferredPaneId);
       if (!sourcePaneId) return null;
       const ensured = ensureInspectorPane(sourcePaneId);
       if (!ensured) return null;
@@ -120,14 +131,14 @@ export function useAppTickerInspectorRuntime({
     dispatch,
     ensureInspectorPane,
     persistLayout,
-    resolveCollectionSourcePaneId,
+    resolveTickerSourcePaneId,
     state.config.layout,
     state.focusedPaneId,
   ]);
 
   const buildPaneBinding = useCallback((paneType: string, preferredPaneId?: string | null): PaneBinding | null => {
     if (normalizePaneId(paneType) === TICKER_RESEARCH_PANE_ID) {
-      const sourceInstanceId = resolveCollectionSourcePaneId(preferredPaneId);
+      const sourceInstanceId = resolveTickerSourcePaneId(preferredPaneId);
       return sourceInstanceId ? { kind: "follow", sourceInstanceId } : null;
     }
     if (isTickerPaneId(paneType)) {
@@ -135,12 +146,12 @@ export function useAppTickerInspectorRuntime({
       return sourceInstanceId ? { kind: "follow", sourceInstanceId } : null;
     }
     return { kind: "none" };
-  }, [resolveCollectionSourcePaneId, resolveTickerContextSourcePaneId]);
+  }, [resolveTickerContextSourcePaneId, resolveTickerSourcePaneId]);
 
   const showTickerResearchPane = useCallback(() => {
-    const sourcePaneId = resolveCollectionSourcePaneId();
+    const sourcePaneId = resolveTickerSourcePaneId();
     if (!sourcePaneId) {
-      notify("Open a collection pane first to inspect a ticker.");
+      notify("Open a ticker source pane first to inspect a ticker.");
       return;
     }
     const ensured = ensureInspectorPane(sourcePaneId);
@@ -154,7 +165,7 @@ export function useAppTickerInspectorRuntime({
     ensureInspectorPane,
     notify,
     persistLayout,
-    resolveCollectionSourcePaneId,
+    resolveTickerSourcePaneId,
     state.config.layout,
   ]);
 

package/src/app/runtime/desktop-deeplink.test.ts

@@ -101,6 +101,22 @@ describe("desktop deeplinks", () => {
     });
   });
 
+  test("routes only opaque 32-character social share ids", () => {
+    const id = "0123456789abcdef0123456789abcdef";
+    expect(resolveDesktopDeepLinkAction(`gloomberb://share/${id}`)).toEqual({
+      type: "open-share",
+      id,
+      message: "Opened shared pane.",
+    });
+    expect(resolveDesktopDeepLinkAction(`gloomberb://layout/${id}`)).toEqual({
+      type: "open-layout",
+      id,
+      message: "Added shared layout.",
+    });
+    expect(resolveDesktopDeepLinkAction("gloomberb://share/not-valid").type).toBe("unsupported");
+    expect(resolveDesktopDeepLinkAction("gloomberb://layout/not-valid").type).toBe("unsupported");
+  });
+
   test("rejects command-bar, non-gloomberb, and malformed links", () => {
     expect(resolveDesktopDeepLinkAction("gloomberb://command?query=profile").type).toBe("unsupported");
     expect(resolveDesktopDeepLinkAction("gloomberb://search/NVDA").type).toBe("unsupported");

package/src/app/runtime/desktop-deeplink.ts

@@ -1,4 +1,5 @@
 import { useEffect, type Dispatch } from "react";
+import { apiClient } from "../../api-client";
 import { getDockedPaneIds } from "../../plugins/pane-manager";
 import type { PluginRegistry } from "../../plugins/registry";
 import type { AppAction, AppState } from "../../state/app/context";
@@ -11,6 +12,9 @@ import type { DesktopDeepLinkBridge } from "../../types/desktop-deeplink";
 import type { DesktopWindowBridge } from "../../types/desktop-window";
 import { requestAccountManagementTab } from "../../plugins/builtin/account-management/navigation";
 import { chatController } from "../../plugins/builtin/chat/controller";
+import { getShare } from "../../shares/api";
+import { openPaneShare } from "../../shares/pane";
+import { materializeMarketplaceLayout } from "../../layout-marketplace/payload";
 
 type CloudDeepLinkRoute = {
   kind: "cloud-alerts" | "cloud-emails" | "cloud-roundup" | "cloud-success";
@@ -20,6 +24,7 @@ type CloudDeepLinkRoute = {
 type CollectionDeepLinkKind = "collection" | "portfolio" | "watchlist";
 type AlertDeepLinkCondition = "above" | "below" | "crosses";
 type NewsDeepLinkKind = "breaking" | "feed" | "ticker" | "top";
+const SHARE_ID = /^[a-f0-9]{32}$/;
 
 export type DesktopDeepLinkAction =
   | { type: "open-account-management"; route: CloudDeepLinkRoute; message: string }
@@ -33,6 +38,8 @@ export type DesktopDeepLinkAction =
   | { type: "open-chat-channel"; channelId: string; messageId: string | null; message: string }
   | { type: "open-chat-dm"; participants: string; message: string }
   | { type: "open-news"; kind: NewsDeepLinkKind; symbol: string | null; message: string }
+  | { type: "open-share"; id: string; message: string }
+  | { type: "open-layout"; id: string; message: string }
   | { type: "unsupported"; message: string };
 
 interface ParsedGloomUrl {
@@ -241,6 +248,20 @@ function parseNewsDeepLink(parsed: ParsedGloomUrl): DesktopDeepLinkAction {
   return { type: "unsupported", message: "Unsupported Gloomberb news link." };
 }
 
+function parseLayoutDeepLink(parsed: ParsedGloomUrl): DesktopDeepLinkAction {
+  const id = parsed.segments[0] ?? param(parsed.url, "id", "layout");
+  return id && SHARE_ID.test(id)
+    ? { type: "open-layout", id, message: "Added shared layout." }
+    : { type: "unsupported", message: "Layout links need a valid id." };
+}
+
+function parseShareDeepLink(parsed: ParsedGloomUrl): DesktopDeepLinkAction {
+  const id = parsed.segments[0] ?? param(parsed.url, "id", "share");
+  return id && SHARE_ID.test(id)
+    ? { type: "open-share", id, message: "Opened shared pane." }
+    : { type: "unsupported", message: "Share links need a valid id." };
+}
+
 export function resolveDesktopDeepLinkAction(rawUrl: string): DesktopDeepLinkAction {
   const parsed = parseGloomUrl(rawUrl);
   if (!parsed) return { type: "unsupported", message: "Unsupported Gloomberb link." };
@@ -262,6 +283,10 @@ export function resolveDesktopDeepLinkAction(rawUrl: string): DesktopDeepLinkAct
       return parseChatDeepLink(parsed);
     case "news":
       return parseNewsDeepLink(parsed);
+    case "share":
+      return parseShareDeepLink(parsed);
+    case "layout":
+      return parseLayoutDeepLink(parsed);
     default:
       return { type: "unsupported", message: "Unsupported Gloomberb link." };
   }
@@ -462,6 +487,33 @@ function handleOpenNews(
   notifySuccess(pluginRegistry, action.message);
 }
 
+async function handleOpenLayout(
+  action: Extract<DesktopDeepLinkAction, { type: "open-layout" }>,
+  options: DesktopDeepLinkHandlerOptions,
+): Promise<void> {
+  const entry = await apiClient.getMarketplaceLayout(action.id);
+  if (!entry) throw new Error("This shared layout is unavailable.");
+  const installed = materializeMarketplaceLayout(entry);
+  options.dispatch({
+    type: "INSTALL_LAYOUT_COPY",
+    name: entry.name,
+    layout: installed.layout,
+    paneState: installed.paneState,
+  });
+  notifySuccess(options.pluginRegistry, `Layout "${entry.name}" added.`);
+}
+
+async function handleOpenShare(
+  action: Extract<DesktopDeepLinkAction, { type: "open-share" }>,
+  pluginRegistry: PluginRegistry,
+): Promise<void> {
+  const share = await getShare(action.id, fetch, { trackView: false });
+  if (!share) throw new Error("This share is unavailable or has expired.");
+  if (share.kind !== "pane") throw new Error("This link contains a snapshot, not a live pane.");
+  await openPaneShare(pluginRegistry, share.data);
+  notifySuccess(pluginRegistry, action.message);
+}
+
 export function handleDesktopDeepLink(rawUrl: string, options: DesktopDeepLinkHandlerOptions): void {
   const action = resolveDesktopDeepLinkAction(rawUrl);
   if (action.type === "unsupported") {
@@ -499,6 +551,16 @@ export function handleDesktopDeepLink(rawUrl: string, options: DesktopDeepLinkHa
     case "open-news":
       handleOpenNews(action, options.pluginRegistry);
       return;
+    case "open-share":
+      void handleOpenShare(action, options.pluginRegistry).catch((error) => {
+        notifyError(options.pluginRegistry, error instanceof Error ? error.message : "Could not open shared pane.");
+      });
+      return;
+    case "open-layout":
+      void handleOpenLayout(action, options).catch((error) => {
+        notifyError(options.pluginRegistry, error instanceof Error ? error.message : "Could not open shared layout.");
+      });
+      return;
   }
 }
 
@@ -506,19 +568,21 @@ export function useDesktopDeepLinkRuntime({
   desktopDeepLinkBridge,
   desktopWindowKind,
   dispatch,
+  initialized,
   pluginRegistry,
   stateRef,
 }: {
   desktopDeepLinkBridge?: DesktopDeepLinkBridge;
   desktopWindowKind?: DesktopWindowBridge["kind"];
   dispatch: Dispatch<AppAction>;
+  initialized: boolean;
   pluginRegistry: PluginRegistry;
   stateRef: { current: AppState };
 }) {
   useEffect(() => {
-    if (desktopWindowKind !== "main" || !desktopDeepLinkBridge) return;
+    if (!initialized || desktopWindowKind === "detached" || !desktopDeepLinkBridge) return;
     return desktopDeepLinkBridge.subscribe((deeplink) => {
       handleDesktopDeepLink(deeplink.url, { dispatch, pluginRegistry, stateRef });
     });
-  }, [desktopDeepLinkBridge, desktopWindowKind, dispatch, pluginRegistry, stateRef]);
+  }, [desktopDeepLinkBridge, desktopWindowKind, dispatch, initialized, pluginRegistry, stateRef]);
 }

package/src/app/runtime/desktop-menu.ts

@@ -46,6 +46,9 @@ export function useDesktopApplicationMenuRuntime({
         case "toggle-status-bar":
           dispatch({ type: "TOGGLE_STATUS_BAR" });
           break;
+        case "open-layout-gallery":
+          pluginRegistry.showPane("layout-marketplace");
+          break;
         case "layout-undo":
           dispatch({ type: "UNDO_LAYOUT" });
           break;

package/src/app/runtime/plugin-bindings.ts

@@ -23,7 +23,7 @@ export function bindPluginRegistryRuntimeAccess({
   importBrokerPositions,
   marketData,
   pluginRegistry,
-  state,
+  stateRef,
   tickerRepository,
 }: {
   dataProvider: DataProvider;
@@ -31,31 +31,32 @@ export function bindPluginRegistryRuntimeAccess({
   importBrokerPositions: (instanceId: string) => Promise<unknown>;
   marketData: MarketDataCoordinator;
   pluginRegistry: PluginRegistry;
-  state: AppState;
+  stateRef: { current: AppState };
   tickerRepository: AppTickerRepositoryPort;
 }) {
-  pluginRegistry.getTickerFn = (symbol) => state.tickers.get(symbol) ?? null;
+  pluginRegistry.getTickerFn = (symbol) => stateRef.current.tickers.get(symbol) ?? null;
   pluginRegistry.getDataFn = (symbol) => {
-    const ticker = state.tickers.get(symbol) ?? null;
+    const ticker = stateRef.current.tickers.get(symbol) ?? null;
     const instrument = instrumentFromTicker(ticker, symbol);
     return instrument ? marketData.getTickerFinancialsSync(instrument) : null;
   };
-  pluginRegistry.getConfigFn = () => state.config;
-  pluginRegistry.getPaneRuntimeStateFn = (paneId) => state.paneState[paneId] ?? null;
+  pluginRegistry.getConfigFn = () => stateRef.current.config;
+  pluginRegistry.getPaneRuntimeStateFn = (paneId) => stateRef.current.paneState[paneId] ?? null;
   pluginRegistry.updatePaneRuntimeStateFn = (paneId, patch) => {
     dispatch({ type: "UPDATE_PANE_STATE", paneId, patch });
   };
   pluginRegistry.getPluginConfigValueFn = (pluginId, key) => (
-    (state.config.pluginConfig[pluginId]?.[key] as any) ?? null
+    (stateRef.current.config.pluginConfig[pluginId]?.[key] as any) ?? null
   );
 
   const setPluginConfigValues = async (pluginId: string, values: Record<string, unknown>) => {
+    const currentConfig = stateRef.current.config;
     const nextConfig = {
-      ...state.config,
+      ...currentConfig,
       pluginConfig: {
-        ...state.config.pluginConfig,
+        ...currentConfig.pluginConfig,
         [pluginId]: {
-          ...(state.config.pluginConfig[pluginId] ?? {}),
+          ...(currentConfig.pluginConfig[pluginId] ?? {}),
           ...values,
         },
       },
@@ -70,13 +71,14 @@ export function bindPluginRegistryRuntimeAccess({
   };
   pluginRegistry.setPluginConfigValuesFn = setPluginConfigValues;
   pluginRegistry.deletePluginConfigValueFn = async (pluginId, key) => {
-    const currentPluginConfig = state.config.pluginConfig[pluginId];
+    const currentConfig = stateRef.current.config;
+    const currentPluginConfig = currentConfig.pluginConfig[pluginId];
     if (!currentPluginConfig || !(key in currentPluginConfig)) return;
 
     const nextPluginConfig = { ...currentPluginConfig };
     delete nextPluginConfig[key];
 
-    const nextAllPluginConfig = { ...state.config.pluginConfig };
+    const nextAllPluginConfig = { ...currentConfig.pluginConfig };
     if (Object.keys(nextPluginConfig).length === 0) {
       delete nextAllPluginConfig[pluginId];
     } else {
@@ -84,7 +86,7 @@ export function bindPluginRegistryRuntimeAccess({
     }
 
     const nextConfig = {
-      ...state.config,
+      ...currentConfig,
       pluginConfig: nextAllPluginConfig,
     };
     dispatch({ type: "SET_CONFIG", config: nextConfig });
@@ -96,14 +98,14 @@ export function bindPluginRegistryRuntimeAccess({
     setConfigAccessor?: (accessor: () => AppConfig) => void;
   };
   if (typeof configurableProvider.setConfigAccessor === "function") {
-    configurableProvider.setConfigAccessor(() => state.config);
+    configurableProvider.setConfigAccessor(() => stateRef.current.config);
   }
 
   pluginRegistry.createBrokerInstanceFn = async (brokerType, label, values) => {
     const instanceId = createBrokerInstanceId(
       brokerType,
       label,
-      state.config.brokerInstances.map((instance) => instance.id),
+      stateRef.current.config.brokerInstances.map((instance) => instance.id),
     );
     const instance: BrokerInstanceConfig = {
       id: instanceId,
@@ -114,8 +116,8 @@ export function bindPluginRegistryRuntimeAccess({
       enabled: true,
     };
     const nextConfig = {
-      ...state.config,
-      brokerInstances: [...state.config.brokerInstances, instance],
+      ...stateRef.current.config,
+      brokerInstances: [...stateRef.current.config.brokerInstances, instance],
     };
     dispatch({ type: "SET_CONFIG", config: nextConfig });
     await saveConfigImmediately(nextConfig);
@@ -124,7 +126,7 @@ export function bindPluginRegistryRuntimeAccess({
   };
 
   pluginRegistry.connectBrokerInstanceFn = async (instanceId) => {
-    const instance = getBrokerInstance(state.config.brokerInstances, instanceId);
+    const instance = getBrokerInstance(stateRef.current.config.brokerInstances, instanceId);
     if (!instance) throw new Error("Broker profile not found.");
     if (instance.enabled === false) throw new Error(`Broker profile "${instance.label}" is disabled.`);
 
@@ -142,8 +144,8 @@ export function bindPluginRegistryRuntimeAccess({
   };
 
   pluginRegistry.updateBrokerInstanceFn = async (instanceId, values, options = {}) => {
-    const currentInstance = state.config.brokerInstances.find((instance) => instance.id === instanceId);
-    const nextInstances = state.config.brokerInstances.map((instance) =>
+    const currentInstance = stateRef.current.config.brokerInstances.find((instance) => instance.id === instanceId);
+    const nextInstances = stateRef.current.config.brokerInstances.map((instance) =>
       instance.id === instanceId
         ? (() => {
           const nextValues = options.replaceConfig ? values : { ...instance.config, ...values };
@@ -167,7 +169,7 @@ export function bindPluginRegistryRuntimeAccess({
       clearPersistedBrokerAccounts(pluginRegistry.persistence.resources, currentInstance);
     }
     const nextConfig = {
-      ...state.config,
+      ...stateRef.current.config,
       brokerInstances: nextInstances,
     };
     dispatch({ type: "SET_CONFIG", config: nextConfig });
@@ -180,7 +182,7 @@ export function bindPluginRegistryRuntimeAccess({
   };
 
   pluginRegistry.removeBrokerInstanceFn = async (instanceId) => {
-    const instance = getBrokerInstance(state.config.brokerInstances, instanceId);
+    const instance = getBrokerInstance(stateRef.current.config.brokerInstances, instanceId);
     if (!instance) return;
 
     clearPersistedBrokerAccounts(pluginRegistry.persistence.resources, instance);
@@ -189,15 +191,15 @@ export function bindPluginRegistryRuntimeAccess({
     await broker?.disconnect?.(instance).catch(() => {});
 
     const removedPortfolioIds = new Set(
-      state.config.portfolios
+      stateRef.current.config.portfolios
         .filter((portfolio) => portfolio.brokerInstanceId === instanceId)
         .map((portfolio) => portfolio.id),
     );
 
-    const nextPortfolios = state.config.portfolios.filter((portfolio) => !removedPortfolioIds.has(portfolio.id));
-    const nextTickers = new Map(state.tickers);
+    const nextPortfolios = stateRef.current.config.portfolios.filter((portfolio) => !removedPortfolioIds.has(portfolio.id));
+    const nextTickers = new Map(stateRef.current.tickers);
 
-    for (const ticker of state.tickers.values()) {
+    for (const ticker of stateRef.current.tickers.values()) {
       const nextPositions = ticker.metadata.positions.filter((position) => position.brokerInstanceId !== instanceId);
       const nextPortfolioRefs = ticker.metadata.portfolios.filter((portfolioId) => !removedPortfolioIds.has(portfolioId));
       const nextBrokerContracts = (ticker.metadata.broker_contracts ?? []).filter((contract) => contract.brokerInstanceId !== instanceId);
@@ -233,8 +235,8 @@ export function bindPluginRegistryRuntimeAccess({
     }
 
     const nextConfig = {
-      ...state.config,
-      brokerInstances: state.config.brokerInstances.filter((entry) => entry.id !== instanceId),
+      ...stateRef.current.config,
+      brokerInstances: stateRef.current.config.brokerInstances.filter((entry) => entry.id !== instanceId),
       portfolios: nextPortfolios,
     };