gloomberb 0.6.1 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gloomberb",
-  "version": "0.6.1",
+  "version": "0.7.1",
   "description": "Bloomberg-style stock portfolio tracker for the terminal",
   "module": "src/index.tsx",
   "type": "module",

package/patches/@opentui%2Fcore@0.1.90.patch

@@ -1,5 +1,5 @@
 diff --git a/index-e89anq5x.js b/index-e89anq5x.js
-index e3b6cf9..14a46d7 100644
+index e3b6cf9f90b13698966eec991fa7a1b2e1e22d96..709940f3998e5cb1caa88642fa68fa9ace80b7b1 100644
 --- a/index-e89anq5x.js
 +++ b/index-e89anq5x.js
 @@ -6328,17 +6328,27 @@ class MouseParser {
@@ -66,16 +66,39 @@ index e3b6cf9..14a46d7 100644
              consumed: index - offset + 1
            };
          }
-@@ -6408,7 +6418,7 @@ class MouseParser {
+@@ -6408,10 +6418,12 @@ class MouseParser {
        consumed: 6
      };
    }
 -  decodeSgrEvent(rawButtonCode, wireX, wireY, pressRelease) {
+-    const button = rawButtonCode & 3;
 +  decodeSgrEvent(rawButtonCode, wireX, wireY, pressRelease, context = void 0) {
-     const button = rawButtonCode & 3;
++    const encodedButton = rawButtonCode & 3;
++    const isExtendedButton = (rawButtonCode & 128) !== 0;
++    const button = isExtendedButton ? 8 + encodedButton : encodedButton;
      const isScroll = (rawButtonCode & 64) !== 0;
-     const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[button];
-@@ -6443,11 +6453,26 @@ class MouseParser {
+-    const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[button];
++    const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[encodedButton];
+     const isMotion = (rawButtonCode & 32) !== 0;
+     const modifiers = {
+       shift: (rawButtonCode & 4) !== 0,
+@@ -6422,7 +6434,7 @@ class MouseParser {
+     let scrollInfo;
+     if (isMotion) {
+       const isDragging = this.mouseButtonsPressed.size > 0;
+-      if (button === 3) {
++      if (!isExtendedButton && encodedButton === 3) {
+         type = "move";
+       } else if (isDragging) {
+         type = "drag";
+@@ -6437,17 +6449,32 @@ class MouseParser {
+       };
+     } else {
+       type = pressRelease === "M" ? "down" : "up";
+-      if (type === "down" && button !== 3) {
++      if (type === "down" && (isExtendedButton || encodedButton !== 3)) {
+         this.mouseButtonsPressed.add(button);
+       } else if (type === "up") {
          this.mouseButtonsPressed.clear();
        }
      }
@@ -90,9 +113,10 @@ index e3b6cf9..14a46d7 100644
 +    const pixelY = pixelModeDetected ? Math.max(wireY - 1, 0) : void 0;
      return {
        type,
-       button: button === 3 ? 0 : button,
+-      button: button === 3 ? 0 : button,
 -      x: wireX - 1,
 -      y: wireY - 1,
++      button: !isExtendedButton && encodedButton === 3 ? 0 : button,
 +      x: pixelModeDetected && pixelX !== void 0
 +        ? this.projectPixelToCell(pixelX, context?.pixelWidth ?? 0, context?.terminalWidth ?? 0)
 +        : wireX - 1,
@@ -104,7 +128,7 @@ index e3b6cf9..14a46d7 100644
        modifiers,
        scroll: scrollInfo
      };
-@@ -6856,7 +6881,13 @@ var DEFAULT_PROTOCOL_CONTEXT = {
+@@ -6856,7 +6883,13 @@ var DEFAULT_PROTOCOL_CONTEXT = {
    kittyKeyboardEnabled: false,
    privateCapabilityRepliesActive: false,
    pixelResolutionQueryActive: false,
@@ -119,7 +143,7 @@ index e3b6cf9..14a46d7 100644
  };
  var RXVT_DOLLAR_CSI_RE = /^\x1b\[\d+\$$/;
  var SYSTEM_CLOCK = new SystemClock;
-@@ -7149,7 +7180,13 @@ class StdinParser {
+@@ -7149,7 +7182,13 @@ class StdinParser {
        kittyKeyboardEnabled: options.protocolContext?.kittyKeyboardEnabled ?? false,
        privateCapabilityRepliesActive: options.protocolContext?.privateCapabilityRepliesActive ?? false,
        pixelResolutionQueryActive: options.protocolContext?.pixelResolutionQueryActive ?? false,
@@ -134,7 +158,7 @@ index e3b6cf9..14a46d7 100644
      };
    }
    get bufferCapacity() {
-@@ -7952,11 +7989,14 @@ class StdinParser {
+@@ -7952,11 +7991,14 @@ class StdinParser {
      });
    }
    emitMouse(rawBytes, encoding) {
@@ -150,7 +174,7 @@ index e3b6cf9..14a46d7 100644
      this.events.push({
        type: "mouse",
        raw: decodeLatin1(rawBytes),
-@@ -17295,6 +17335,8 @@ class MouseEvent {
+@@ -17295,6 +17337,8 @@ class MouseEvent {
    button;
    x;
    y;
@@ -159,7 +183,7 @@ index e3b6cf9..14a46d7 100644
    source;
    modifiers;
    scroll;
-@@ -17314,6 +17356,8 @@ class MouseEvent {
+@@ -17314,6 +17358,8 @@ class MouseEvent {
      this.button = attributes.button;
      this.x = attributes.x;
      this.y = attributes.y;
@@ -168,7 +192,7 @@ index e3b6cf9..14a46d7 100644
      this.modifiers = attributes.modifiers;
      this.scroll = attributes.scroll;
      this.source = attributes.source;
-@@ -17479,6 +17523,8 @@ class CliRenderer extends EventEmitter8 {
+@@ -17479,6 +17525,8 @@ class CliRenderer extends EventEmitter8 {
    resizeDebounceDelay = 100;
    enableMouseMovement = false;
    _useMouse = true;
@@ -177,7 +201,7 @@ index e3b6cf9..14a46d7 100644
    autoFocus = true;
    _useAlternateScreen = env.OTUI_USE_ALTERNATE_SCREEN;
    _suspendedMouseEnabled = false;
-@@ -17507,7 +17553,7 @@ class CliRenderer extends EventEmitter8 {
+@@ -17507,7 +17555,7 @@ class CliRenderer extends EventEmitter8 {
      this.handleResize(width, height);
    }).bind(this);
    _capabilities = null;
@@ -186,7 +210,7 @@ index e3b6cf9..14a46d7 100644
    _hasPointer = false;
    _lastPointerModifiers = { shift: false, alt: false, ctrl: false };
    _currentMousePointerStyle = undefined;
-@@ -17661,7 +17707,13 @@ Captured output:
+@@ -17661,7 +17709,13 @@ Captured output:
          kittyKeyboardEnabled: useKittyForParsing,
          privateCapabilityRepliesActive: false,
          pixelResolutionQueryActive: false,
@@ -201,7 +225,7 @@ index e3b6cf9..14a46d7 100644
        },
        clock: this.clock
      });
-@@ -17983,12 +18035,14 @@ Captured output:
+@@ -17983,12 +18037,14 @@ Captured output:
    enableMouse() {
      this._useMouse = true;
      this.lib.enableMouse(this.rendererPtr, this.enableMouseMovement);
@@ -216,7 +240,7 @@ index e3b6cf9..14a46d7 100644
    }
    enableKittyKeyboard(flags = 3) {
      this.lib.enableKittyKeyboard(this.rendererPtr, flags);
-@@ -17998,6 +18052,64 @@ Captured output:
+@@ -17998,6 +18054,64 @@ Captured output:
      this.lib.disableKittyKeyboard(this.rendererPtr);
      this.updateStdinParserProtocolContext({ kittyKeyboardEnabled: false }, true);
    }
@@ -281,7 +305,7 @@ index e3b6cf9..14a46d7 100644
    set useThread(useThread) {
      this._useThread = useThread;
      this.lib.setUseThread(this.rendererPtr, useThread);
-@@ -18031,6 +18143,7 @@ Captured output:
+@@ -18031,6 +18145,7 @@ Captured output:
      if (this._useMouse) {
        this.enableMouse();
      }
@@ -289,7 +313,7 @@ index e3b6cf9..14a46d7 100644
      this.queryPixelResolution();
    }
    stdinListener = ((chunk) => {
-@@ -18070,6 +18183,7 @@ Captured output:
+@@ -18070,6 +18185,7 @@ Captured output:
      if (isCapabilityResponse(sequence)) {
        this.lib.processCapabilityResponse(this.rendererPtr, sequence);
        this._capabilities = this.lib.getTerminalCapabilities(this.rendererPtr);
@@ -297,7 +321,7 @@ index e3b6cf9..14a46d7 100644
        this.emit("capabilities" /* CAPABILITIES */, this._capabilities);
        return true;
      }
-@@ -18079,6 +18193,7 @@ Captured output:
+@@ -18079,6 +18195,7 @@ Captured output:
      if (sequence === "\x1B[I") {
        if (this.shouldRestoreModesOnNextFocus) {
          this.lib.restoreTerminalModes(this.rendererPtr);
@@ -305,7 +329,7 @@ index e3b6cf9..14a46d7 100644
          this.shouldRestoreModesOnNextFocus = false;
        }
        if (this._terminalFocusState !== true) {
-@@ -18187,6 +18302,7 @@ Captured output:
+@@ -18187,6 +18304,7 @@ Captured output:
          }
          this.waitingForPixelResolution = false;
          this.updateStdinParserProtocolContext({ pixelResolutionQueryActive: false }, true);
@@ -313,7 +337,7 @@ index e3b6cf9..14a46d7 100644
          return true;
        }
        return false;
-@@ -18221,9 +18337,15 @@ Captured output:
+@@ -18221,9 +18339,15 @@ Captured output:
          return false;
        }
        mouseEvent.y -= this.renderOffset;
@@ -329,7 +353,7 @@ index e3b6cf9..14a46d7 100644
      this._hasPointer = true;
      this._lastPointerModifiers = mouseEvent.modifiers;
      if (this._console.visible) {
-@@ -18352,6 +18474,8 @@ Captured output:
+@@ -18352,6 +18476,8 @@ Captured output:
        button: 0,
        x: this._latestPointer.x,
        y: this._latestPointer.y,
@@ -338,7 +362,7 @@ index e3b6cf9..14a46d7 100644
        modifiers: this._lastPointerModifiers
      };
      if (lastOver && !lastOver.isDestroyed) {
-@@ -18435,6 +18559,7 @@ Captured output:
+@@ -18435,6 +18561,7 @@ Captured output:
      const prevWidth = this._terminalWidth;
      this._terminalWidth = width;
      this._terminalHeight = height;
@@ -346,7 +370,7 @@ index e3b6cf9..14a46d7 100644
      this.queryPixelResolution();
      this.setCapturedRenderable(undefined);
      this.stdinParser?.resetMouseState();
-@@ -18712,6 +18837,7 @@ Captured output:
+@@ -18712,6 +18839,7 @@ Captured output:
      }
      this._isRunning = false;
      this.waitingForPixelResolution = false;

package/src/app.tsx

@@ -1,6 +1,6 @@
 import { Box, ContextMenuProvider, useNativeRenderer, useRendererHost } from "./ui";
 import { ToastViewport, useToastHost } from "./ui/toast";
-import { useState, useEffect, useCallback, useRef, useMemo } from "react";
+import { useState, useEffect, useCallback, useRef, useMemo, type ReactNode } from "react";
 import { useShortcut } from "./react/input";
 import {
   AppProvider,
@@ -17,12 +17,13 @@ import { Header } from "./components/layout/header";
 import { StatusBar } from "./components/layout/status-bar";
 import { Shell } from "./components/layout/shell";
 import { DetachedPaneShell } from "./components/layout/detached-pane-shell";
+import { getVisiblePaneCycleOrder } from "./components/layout/pane-cycle-order";
 import { CommandBar } from "./components/command-bar/command-bar";
 import { OnboardingWizard } from "./components/onboarding/onboarding-wizard";
 import { useDialog, useDialogState } from "./ui/dialog";
 import { PluginRegistry } from "./plugins/registry";
 import type { TickerRepository } from "./data/ticker-repository";
-import { colors, syncTheme } from "./theme/colors";
+import { ThemeProvider, useThemeColors } from "./theme/theme-context";
 import {
   createPaneInstance,
   findPaneInstance,
@@ -44,7 +45,7 @@ import type { TickerRecord } from "./types/ticker";
 import type { DataProvider } from "./types/data-provider";
 import type { TickerFinancials } from "./types/financials";
 import type { BrokerAccount } from "./types/trading";
-import type { DesktopDockPreviewState, DesktopSharedStateSnapshot, DesktopWindowBridge } from "./types/desktop-window";
+import type { DesktopDockPreviewState, DesktopSharedStateSnapshot, DesktopThemePreviewState, DesktopWindowBridge } from "./types/desktop-window";
 import type { DesktopApplicationMenuBridge } from "./types/desktop-menu";
 import { resolveTickerSearch, upsertTickerFromSearchResult } from "./utils/ticker-search";
 
@@ -94,6 +95,10 @@ import {
   createPaneTemplateOrThrow,
 } from "./components/command-bar/workflow-ops";
 import { getPaneTemplateDisplayLabel } from "./components/command-bar/pane-template-display";
+import {
+  resolveTickerNavigationDetailPane,
+  shouldFocusTickerNavigationTarget,
+} from "./plugins/ticker-navigation";
 import { debugLog } from "./utils/debug-log";
 import type { MarketDataCoordinator } from "./market-data/coordinator";
 import { instrumentFromTicker } from "./market-data/request-types";
@@ -135,6 +140,15 @@ interface AppInnerProps {
   desktopApplicationMenuBridge?: DesktopApplicationMenuBridge;
 }
 
+function ThemedAppRoot({ children }: { children: ReactNode }) {
+  const themeColors = useThemeColors();
+  return (
+    <Box flexDirection="column" flexGrow={1} backgroundColor={themeColors.bg}>
+      {children}
+    </Box>
+  );
+}
+
 function AppInner({
   pluginRegistry,
   tickerRepository,
@@ -510,6 +524,96 @@ function AppInner({
     });
   }, [performRefreshQuote]);
 
+  const refreshTickersBatch = useCallback((entries: Array<{ ticker: TickerRecord; priority: number }>) => {
+    const runnable = entries.filter(({ ticker }) => {
+      const symbol = ticker.metadata.ticker;
+      return !refreshInFlight.has(symbol) && !pendingRefreshesRef.current.financials.has(symbol);
+    });
+    if (runnable.length === 0) return;
+    for (const { ticker } of runnable) {
+      pendingRefreshesRef.current.financials.add(ticker.metadata.ticker);
+    }
+    const priority = Math.min(...runnable.map((entry) => entry.priority));
+    refreshQueueRef.current.queue.enqueue({
+      key: `financials-batch:${priority}:${runnable.map(({ ticker }) => ticker.metadata.ticker).join(",")}`,
+      priority,
+      run: async () => {
+        const instrumentEntries = runnable.flatMap(({ ticker }) => {
+          const instrument = instrumentFromTicker(ticker, ticker.metadata.ticker);
+          return instrument ? [{ ticker, instrument }] : [];
+        });
+        for (const { ticker } of runnable) {
+          const symbol = ticker.metadata.ticker;
+          refreshInFlight.add(symbol);
+          dispatch({ type: "SET_REFRESHING", symbol, refreshing: true });
+        }
+        try {
+          const entries = await marketData.loadSnapshotsBatch(instrumentEntries.map((entry) => entry.instrument));
+          entries.forEach((entry, index) => {
+            const ticker = instrumentEntries[index]?.ticker;
+            const data = entry.data ?? entry.lastGoodData;
+            if (ticker && data) {
+              pluginRegistry.events.emit("ticker:refreshed", { symbol: ticker.metadata.ticker, financials: data });
+              const currency = data.quote?.currency;
+              if (currency) void marketData.loadFxRate(currency).catch(() => {});
+            }
+          });
+          void marketData.loadFxRate(state.config.baseCurrency).catch(() => {});
+        } finally {
+          for (const { ticker } of runnable) {
+            const symbol = ticker.metadata.ticker;
+            refreshInFlight.delete(symbol);
+            pendingRefreshesRef.current.financials.delete(symbol);
+            dispatch({ type: "SET_REFRESHING", symbol, refreshing: false });
+          }
+        }
+      },
+    });
+  }, [dispatch, marketData, pluginRegistry.events, state.config.baseCurrency]);
+
+  const refreshQuotesBatch = useCallback((entries: Array<{ ticker: TickerRecord; priority: number }>) => {
+    const runnable = entries.filter(({ ticker }) => {
+      const symbol = ticker.metadata.ticker;
+      return !refreshInFlight.has(symbol)
+        && !quoteRefreshInFlight.has(symbol)
+        && !pendingRefreshesRef.current.financials.has(symbol)
+        && !pendingRefreshesRef.current.quotes.has(symbol);
+    });
+    if (runnable.length === 0) return;
+    for (const { ticker } of runnable) {
+      pendingRefreshesRef.current.quotes.add(ticker.metadata.ticker);
+    }
+    const priority = Math.min(...runnable.map((entry) => entry.priority));
+    refreshQueueRef.current.queue.enqueue({
+      key: `quotes-batch:${priority}:${runnable.map(({ ticker }) => ticker.metadata.ticker).join(",")}`,
+      priority,
+      run: async () => {
+        const instrumentEntries = runnable.flatMap(({ ticker }) => {
+          const instrument = instrumentFromTicker(ticker, ticker.metadata.ticker);
+          return instrument ? [{ ticker, instrument }] : [];
+        });
+        for (const { ticker } of runnable) {
+          quoteRefreshInFlight.add(ticker.metadata.ticker);
+        }
+        try {
+          const entries = await marketData.loadQuotesBatch(instrumentEntries.map((entry) => entry.instrument));
+          entries.forEach((entry) => {
+            const quote = entry.data ?? entry.lastGoodData;
+            const currency = quote?.currency;
+            if (currency) void marketData.loadFxRate(currency).catch(() => {});
+          });
+          void marketData.loadFxRate(state.config.baseCurrency).catch(() => {});
+        } finally {
+          for (const { ticker } of runnable) {
+            const symbol = ticker.metadata.ticker;
+            quoteRefreshInFlight.delete(symbol);
+            pendingRefreshesRef.current.quotes.delete(symbol);
+          }
+        }
+      },
+    });
+  }, [marketData, state.config.baseCurrency]);
+
   const primeCachedFinancials = useCallback((entries: Array<{ ticker: TickerRecord; financials: TickerFinancials }>) => {
     const primeEntries = entries.flatMap(({ ticker, financials }) => {
       const instrument = instrumentFromTicker(ticker, ticker.metadata.ticker);
@@ -720,6 +824,8 @@ function AppInner({
           primeCachedFinancials,
           refreshTicker,
           refreshQuote,
+          refreshTickersBatch,
+          refreshQuotesBatch,
           autoImportBrokerPositions,
           persistedBrokerAccounts,
         }), {
@@ -731,7 +837,7 @@ function AppInner({
         // Will show empty state
       }
     })();
-  }, [autoImportBrokerPositions, dataProvider, dispatch, primeCachedFinancials, tickerRepository, refreshQuote, refreshTicker, sessionSnapshot, state.config, state.initialized]);
+  }, [autoImportBrokerPositions, dataProvider, dispatch, primeCachedFinancials, tickerRepository, refreshQuote, refreshQuotesBatch, refreshTicker, refreshTickersBatch, sessionSnapshot, state.config, state.initialized]);
 
   const focusedTickerSymbol = getFocusedTickerSymbol(state);
 
@@ -1272,8 +1378,9 @@ function AppInner({
     activatePane(instance.instanceId, nextLayout);
   };
 
-  pluginRegistry.navigateTickerFn = (rawSymbol) => {
+  pluginRegistry.navigateTickerFn = (rawSymbol, options) => {
     if (isDetachedWindow) return;
+    const sourcePaneId = options?.sourcePaneId ?? stateRef.current.focusedPaneId;
     (async () => {
       try {
       // Resolve or create the ticker in the local database
@@ -1296,45 +1403,31 @@ function AppInner({
         }
       }
 
-      // Active panel resolution — navigate the focused or linked detail pane:
-      // 1. If the focused pane IS a ticker-detail, retarget it directly
-      // 2. If a ticker-detail follows the focused pane, retarget that
+      // Active panel resolution — navigate the initiating or linked detail pane:
+      // 1. If the source pane IS a ticker-detail, retarget it directly
+      // 2. If a ticker-detail follows the source pane, retarget that
       // 3. Any follow-mode ticker-detail in the layout
       // 4. Any ticker-detail in the layout
       // 5. Fall back to pinning a new pane
       const currentState = stateRef.current;
       const currentLayout = currentState.config.layout;
-      const focused = currentState.focusedPaneId;
-
-      const focusedInstance = focused
-        ? findPaneInstance(currentLayout, focused)
-        : null;
-
-      const detailPane =
-        (focusedInstance?.paneId === "ticker-detail" && isPaneInLayout(currentLayout, focusedInstance.instanceId)
-          ? focusedInstance
-          : null)
-        ?? currentLayout.instances.find((inst) =>
-          inst.paneId === "ticker-detail"
-          && inst.binding?.kind === "follow"
-          && inst.binding.sourceInstanceId === focused
-          && isPaneInLayout(currentLayout, inst.instanceId),
-        )
-        ?? currentLayout.instances.find((inst) =>
-          inst.paneId === "ticker-detail"
-          && inst.binding?.kind === "follow"
-          && isPaneInLayout(currentLayout, inst.instanceId),
-        )
-        ?? currentLayout.instances.find((inst) =>
-          inst.paneId === "ticker-detail"
-          && isPaneInLayout(currentLayout, inst.instanceId),
-        );
+      const detailPane = resolveTickerNavigationDetailPane(currentLayout, sourcePaneId);
+      const focusIfStillOwned = (paneId: string, layout: LayoutConfig) => {
+        if (!shouldFocusTickerNavigationTarget({
+          sourcePaneId,
+          currentFocusedPaneId: stateRef.current.focusedPaneId,
+          targetPaneId: paneId,
+        })) {
+          return;
+        }
+        activatePane(paneId, layout);
+      };
 
       if (detailPane) {
         if (detailPane.binding?.kind === "follow") {
           const sourceId = detailPane.binding.sourceInstanceId;
           dispatch({ type: "UPDATE_PANE_STATE", paneId: sourceId, patch: { cursorSymbol: symbol } });
-          activatePane(detailPane.instanceId, currentLayout);
+          focusIfStillOwned(detailPane.instanceId, currentLayout);
         } else {
           const nextLayout = {
             ...currentLayout,
@@ -1345,9 +1438,13 @@ function AppInner({
             )),
           };
           persistLayout(nextLayout);
-          activatePane(detailPane.instanceId, nextLayout);
+          focusIfStillOwned(detailPane.instanceId, nextLayout);
         }
-      } else {
+      } else if (shouldFocusTickerNavigationTarget({
+        sourcePaneId,
+        currentFocusedPaneId: stateRef.current.focusedPaneId,
+        targetPaneId: null,
+      })) {
         pluginRegistry.pinTicker(symbol, { floating: false });
       }
       } catch (err) {
@@ -1441,18 +1538,20 @@ function AppInner({
     if (state.commandBarOpen || state.inputCaptured) return;
 
     if (event.name === "tab") {
-      // Build pane order from current layout for cycling
-      const layout = state.config.layout;
-      const paneOrder = [
-        ...getDockedPaneIds(layout),
-        ...layout.floating.map((entry) => entry.instanceId),
-      ];
+      const paneOrder = getVisiblePaneCycleOrder(
+        state.config.layout,
+        pluginRegistry,
+        state.config.disabledPlugins,
+      );
+      if (paneOrder.length === 0) return;
 
       if (event.shift) {
         dispatch({ type: "FOCUS_PREV", paneOrder });
       } else {
         dispatch({ type: "FOCUS_NEXT", paneOrder });
       }
+      event.preventDefault();
+      event.stopPropagation();
     } else if (!isDetachedWindow && event.name === "q" && !(focusedPane?.paneId === "ticker-detail" && focusedDetailTab === "financials")) {
       rendererHost.requestExit();
     } else if (event.name === "r") {
@@ -1494,20 +1593,20 @@ function AppInner({
   if (desktopWindowBridge?.kind === "detached" && desktopWindowBridge.paneId) {
     return (
       <ContextMenuProvider pluginRegistry={pluginRegistry}>
-        <Box flexDirection="column" flexGrow={1} backgroundColor={colors.bg}>
+        <ThemedAppRoot>
           <DetachedPaneShell
             pluginRegistry={pluginRegistry}
             desktopWindowBridge={{ ...desktopWindowBridge, kind: "detached", paneId: desktopWindowBridge.paneId }}
           />
           <ToastViewport position="bottom-right" />
-        </Box>
+        </ThemedAppRoot>
       </ContextMenuProvider>
     );
   }
 
   return (
     <ContextMenuProvider pluginRegistry={pluginRegistry}>
-      <Box flexDirection="column" flexGrow={1} backgroundColor={colors.bg}>
+      <ThemedAppRoot>
         <Header />
         <Shell
           pluginRegistry={pluginRegistry}
@@ -1525,7 +1624,7 @@ function AppInner({
           />
         )}
         <ToastViewport position="bottom-right" />
-      </Box>
+      </ThemedAppRoot>
     </ContextMenuProvider>
   );
 }
@@ -1537,6 +1636,7 @@ interface AppProps {
   desktopWindowBridge?: DesktopWindowBridge;
   desktopApplicationMenuBridge?: DesktopApplicationMenuBridge;
   desktopSnapshot?: DesktopSharedStateSnapshot | null;
+  desktopThemePreview?: DesktopThemePreviewState | null;
 }
 
 export function App({
@@ -1546,6 +1646,7 @@ export function App({
   desktopWindowBridge,
   desktopApplicationMenuBridge,
   desktopSnapshot = null,
+  desktopThemePreview = null,
 }: AppProps) {
   const renderer = useNativeRenderer();
   const effectiveInitialConfig = useMemo(() => {
@@ -1576,9 +1677,6 @@ export function App({
   });
   const [showOnboarding, setShowOnboarding] = useState(!effectiveInitialConfig.onboardingComplete);
 
-  // Keep the shared palette aligned before this render builds any JSX that reads `colors`.
-  syncTheme(config.theme);
-
   useEffect(() => bindAppActivity(renderer), [renderer]);
 
   const services = useMemo(() => {
@@ -1634,14 +1732,16 @@ export function App({
 
   if (showOnboarding) {
     return (
-      <OnboardingWizard
-        config={config}
-        pluginRegistry={services.pluginRegistry}
-        onComplete={(updatedConfig) => {
-          setConfig(updatedConfig);
-          setShowOnboarding(false);
-        }}
-      />
+      <ThemeProvider themeId={config.theme}>
+        <OnboardingWizard
+          config={config}
+          pluginRegistry={services.pluginRegistry}
+          onComplete={(updatedConfig) => {
+            setConfig(updatedConfig);
+            setShowOnboarding(false);
+          }}
+        />
+      </ThemeProvider>
     );
   }
 
@@ -1652,6 +1752,7 @@ export function App({
       sessionSnapshot={sessionSnapshot}
       desktopBridge={desktopWindowBridge}
       desktopSnapshot={desktopSnapshot}
+      initialThemePreview={desktopThemePreview}
     >
       <AppInner
         pluginRegistry={services.pluginRegistry}

package/src/capabilities/factories.ts

@@ -26,6 +26,8 @@ export function assetDataProvider(provider: AssetDataProvider): AssetDataCapabil
     operations: {
       canProvide: op((input: any) => provider.canProvide?.(input.ticker, input.exchange, input.context) ?? true, "query"),
       getCachedFinancialsForTargets: op((input: any) => provider.getCachedFinancialsForTargets?.(input.targets ?? [], input.options) ?? new Map()),
+      getQuotesBatch: op((input: any) => provider.getQuotesBatch?.(input.targets ?? [], input.options) ?? Promise.resolve([])),
+      getTickerFinancialsBatch: op((input: any) => provider.getTickerFinancialsBatch?.(input.targets ?? [], input.options) ?? Promise.resolve([])),
       getTickerFinancials: op((input: any) => provider.getTickerFinancials(input.ticker, input.exchange, input.context)),
       getQuote: op((input: any) => provider.getQuote(input.ticker, input.exchange, input.context)),
       getExchangeRate: op((input: any) => provider.getExchangeRate(input.fromCurrency)),
@@ -95,6 +97,7 @@ export function newsProvider(options: {
       supports: op((input: any) => options.provider.supports?.(input.query) ?? true, "query"),
       getCachedNews: op((input: any) => options.provider.getCachedNews?.(input.query) ?? [], "query"),
       fetchNews: op((input: any) => options.provider.fetchNews(input.query), "query"),
+      fetchNewsStory: op((input: any) => options.provider.fetchNewsStory?.(input.storyId) ?? null, "query"),
     },
   };
 }

package/src/cli/registry.test.ts

@@ -4,7 +4,6 @@ import { join } from "path";
 import { tmpdir } from "os";
 import { createDefaultConfig } from "../types/config";
 import type { GloomPlugin } from "../types/plugin";
-import type { LoadedExternalPlugin } from "../plugins/loader";
 import {
   buildCliCommandRegistry,
   createCliCommandContext,

package/src/components/chart/chart-controller.ts

@@ -13,7 +13,6 @@ import {
   isDateWindowWithinTimeRange,
   isTimeRangeAtOrBelow,
   subtractTimeRange,
-  type ChartResolutionSupport,
   type ManualChartResolution,
 } from "./chart-resolution";