gloomberb 0.3.3 → 0.4.0

package/src/plugins/ibkr/gateway-service.ts

@@ -25,6 +25,11 @@ import { tmpdir } from "os";
 import { join } from "path";
 import { firstValueFrom, filter, take, timeout } from "rxjs";
 import type { TimeRange } from "../../components/chart/chart-types";
+import {
+  normalizeChartResolutionSupport,
+  type ChartResolutionSupport,
+  type ManualChartResolution,
+} from "../../components/chart/chart-resolution";
 import type { BrokerConnectionStatus, BrokerPosition } from "../../types/broker";
 import type { QuoteSubscriptionTarget } from "../../types/data-provider";
 import type { Fundamentals, FinancialStatement, Quote, PricePoint, TickerFinancials } from "../../types/financials";
@@ -290,6 +295,7 @@ const IBKR_DATA_TIMEOUT = 8_000;
 const IBKR_QUOTE_STREAM_TICKS = "165,221,233";
 
 const HISTORY_PARAMS: Record<TimeRange, { duration: string; size: BarSizeSetting }> = {
+  "1D": { duration: "1 D", size: BarSizeSetting.MINUTES_FIVE },
   "1W": { duration: "7 D", size: BarSizeSetting.HOURS_ONE },
   "1M": { duration: "1 M", size: BarSizeSetting.HOURS_ONE },
   "3M": { duration: "3 M", size: BarSizeSetting.DAYS_ONE },
@@ -299,6 +305,17 @@ const HISTORY_PARAMS: Record<TimeRange, { duration: string; size: BarSizeSetting
   "ALL": { duration: "10 Y", size: BarSizeSetting.MONTHS_ONE },
 };
 
+const IBKR_RESOLUTION_SUPPORT = normalizeChartResolutionSupport([
+  { resolution: "1m", maxRange: "1W" },
+  { resolution: "5m", maxRange: "1M" },
+  { resolution: "15m", maxRange: "3M" },
+  { resolution: "30m", maxRange: "6M" },
+  { resolution: "1h", maxRange: "1Y" },
+  { resolution: "1d", maxRange: "ALL" },
+  { resolution: "1wk", maxRange: "ALL" },
+  { resolution: "1mo", maxRange: "ALL" },
+]);
+
 /** Map generic bar size labels to IBKR BarSizeSetting values. */
 const GENERIC_BAR_SIZE_MAP: Record<string, BarSizeSetting> = {
   "1m": BarSizeSetting.MINUTES_ONE,
@@ -307,9 +324,46 @@ const GENERIC_BAR_SIZE_MAP: Record<string, BarSizeSetting> = {
   "30m": BarSizeSetting.MINUTES_THIRTY,
   "1h": BarSizeSetting.HOURS_ONE,
   "1d": BarSizeSetting.DAYS_ONE,
-  "1w": BarSizeSetting.WEEKS_ONE,
+  "1wk": BarSizeSetting.WEEKS_ONE,
+  "1mo": BarSizeSetting.MONTHS_ONE,
 };
 
+export function parseIbkrHistoricalBarTime(value: string | number): Date {
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) return new Date(Number.NaN);
+
+    const compactDate = String(Math.trunc(value));
+    if (/^\d{8}$/.test(compactDate)) {
+      return parseIbkrHistoricalBarTime(compactDate);
+    }
+
+    return new Date(value > 10_000_000_000 ? value : value * 1000);
+  }
+
+  const trimmed = value.trim();
+  if (!trimmed) return new Date(Number.NaN);
+
+  const parsed = Date.parse(trimmed);
+  if (Number.isFinite(parsed)) {
+    return new Date(parsed);
+  }
+
+  const compactMatch = trimmed.match(/^(\d{4})(\d{2})(\d{2})(?:\D+(\d{2}):(\d{2}):(\d{2}))?/);
+  if (!compactMatch) {
+    return new Date(Number.NaN);
+  }
+
+  const [, yearText, monthText, dayText, hourText, minuteText, secondText] = compactMatch;
+  const year = Number(yearText);
+  const month = Number(monthText) - 1;
+  const day = Number(dayText);
+  const hour = Number(hourText ?? "0");
+  const minute = Number(minuteText ?? "0");
+  const second = Number(secondText ?? "0");
+
+  return new Date(year, month, day, hour, minute, second);
+}
+
 function normalizeQuoteStreamTarget(target: QuoteSubscriptionTarget): QuoteSubscriptionTarget | null {
   const symbol = target.symbol.trim().toUpperCase();
   if (!symbol) return null;
@@ -347,6 +401,65 @@ function hasDelayedMarketData(
   ].some((tickType) => marketData.has(tickType));
 }
 
+function firstNonSmartExchange(value?: string): string | undefined {
+  return value
+    ?.split(",")
+    .map((entry) => entry.trim())
+    .find((entry) => entry.length > 0 && entry !== "SMART");
+}
+
+function resolveIbkrListingExchange(
+  current: Quote | undefined,
+  contract: Contract,
+  details: ContractDetails,
+): string | undefined {
+  return current?.listingExchangeName
+    ?? contract.primaryExch
+    ?? firstNonSmartExchange(details.validExchanges)
+    ?? (current?.exchangeName !== "SMART" ? current?.exchangeName : undefined)
+    ?? (contract.exchange !== "SMART" ? contract.exchange : undefined);
+}
+
+function resolveIbkrRoutingExchange(current: Quote | undefined, contract: Contract): string | undefined {
+  return current?.routingExchangeName
+    ?? contract.exchange
+    ?? "SMART";
+}
+
+function ibkrVenueFields(
+  current: Quote | undefined,
+  contract: Contract,
+  details: ContractDetails,
+): Pick<
+  Quote,
+  | "exchangeName"
+  | "fullExchangeName"
+  | "listingExchangeName"
+  | "listingExchangeFullName"
+  | "routingExchangeName"
+  | "routingExchangeFullName"
+  | "marketState"
+  | "sessionConfidence"
+> {
+  const listingExchangeName = resolveIbkrListingExchange(current, contract, details);
+  const listingExchangeFullName = current?.listingExchangeFullName
+    ?? current?.fullExchangeName
+    ?? listingExchangeName;
+  const routingExchangeName = resolveIbkrRoutingExchange(current, contract);
+  const routingExchangeFullName = current?.routingExchangeFullName ?? routingExchangeName;
+
+  return {
+    exchangeName: listingExchangeName,
+    fullExchangeName: listingExchangeFullName,
+    listingExchangeName,
+    listingExchangeFullName,
+    routingExchangeName,
+    routingExchangeFullName,
+    marketState: current?.marketState,
+    sessionConfidence: current?.sessionConfidence ?? "unknown",
+  };
+}
+
 interface TickByTickBidAskUpdate {
   time: number;
   bidPrice: number;
@@ -381,9 +494,7 @@ export function applyTickByTickAllLastToQuote(
     volume: current?.volume,
     name: current?.name ?? details.longName ?? details.marketName ?? contract.symbol,
     lastUpdated: tick.time ? tick.time * 1000 : Date.now(),
-    exchangeName: current?.exchangeName ?? details.validExchanges?.split(",")[0],
-    fullExchangeName: current?.fullExchangeName ?? details.validExchanges?.split(",")[0],
-    marketState: current?.marketState ?? "REGULAR",
+    ...ibkrVenueFields(current, contract, details),
     preMarketPrice: current?.preMarketPrice,
     preMarketChange: current?.preMarketChange,
     preMarketChangePercent: current?.preMarketChangePercent,
@@ -1006,7 +1117,68 @@ export class IbkrGatewayService {
       const priceDivisor = getIbkrPriceDivisor(contract, details);
 
       return bars.map((bar) => ({
-        date: new Date(typeof bar.time === "number" ? bar.time * 1000 : Date.parse(String(bar.time))),
+        date: parseIbkrHistoricalBarTime(bar.time),
+        open: normalizeIbkrPriceValue(bar.open, priceDivisor),
+        high: normalizeIbkrPriceValue(bar.high, priceDivisor),
+        low: normalizeIbkrPriceValue(bar.low, priceDivisor),
+        close: normalizeIbkrPriceValue(bar.close ?? bar.open ?? bar.high ?? bar.low ?? 0, priceDivisor) ?? 0,
+        volume: bar.volume,
+      }));
+    });
+  }
+
+  getChartResolutionSupport(
+    _ticker: string,
+    _config: IbkrGatewayConfig,
+    _exchange?: string,
+    _instrument?: BrokerContractRef | null,
+  ): ChartResolutionSupport[] {
+    return IBKR_RESOLUTION_SUPPORT;
+  }
+
+  getChartResolutionCapabilities(
+    _ticker: string,
+    _config: IbkrGatewayConfig,
+    _exchange?: string,
+    _instrument?: BrokerContractRef | null,
+  ): ManualChartResolution[] {
+    return IBKR_RESOLUTION_SUPPORT.map((entry) => entry.resolution);
+  }
+
+  async getPriceHistoryForResolution(
+    ticker: string,
+    config: IbkrGatewayConfig,
+    exchange: string,
+    bufferRange: TimeRange,
+    resolution: ManualChartResolution,
+    instrument?: BrokerContractRef | null,
+  ): Promise<PricePoint[]> {
+    const ibkrBarSize = GENERIC_BAR_SIZE_MAP[resolution];
+    if (!ibkrBarSize) return [];
+
+    return this.dedup(`history:${ticker}:${exchange}:${bufferRange}:${resolution}`, async () => {
+      await this.connect(config);
+      const contract = await withTimeout(this.resolveContract(ticker, exchange, instrument ?? null), IBKR_DATA_TIMEOUT, "resolveContract");
+      const params = HISTORY_PARAMS[bufferRange];
+      const detailsPromise = withTimeout(this.getPrimaryContractDetails(contract), IBKR_DATA_TIMEOUT, "getContractDetails")
+        .catch(() => undefined);
+      const bars = await this.withMarketDataFallback(
+        config,
+        () => withTimeout(this.api!.getHistoricalData(
+          contract,
+          "",
+          params.duration,
+          ibkrBarSize,
+          WhatToShow.TRADES,
+          1,
+          1,
+        ), IBKR_DATA_TIMEOUT, "getHistoricalData"),
+      );
+      const details = await detailsPromise;
+      const priceDivisor = getIbkrPriceDivisor(contract, details);
+
+      return bars.map((bar) => ({
+        date: parseIbkrHistoricalBarTime(bar.time),
         open: normalizeIbkrPriceValue(bar.open, priceDivisor),
         high: normalizeIbkrPriceValue(bar.high, priceDivisor),
         low: normalizeIbkrPriceValue(bar.low, priceDivisor),
@@ -1064,7 +1236,7 @@ export class IbkrGatewayService {
       const priceDivisor = getIbkrPriceDivisor(contract, details);
 
       return bars.map((bar) => ({
-        date: new Date(typeof bar.time === "number" ? bar.time * 1000 : Date.parse(String(bar.time))),
+        date: parseIbkrHistoricalBarTime(bar.time),
         open: normalizeIbkrPriceValue(bar.open, priceDivisor),
         high: normalizeIbkrPriceValue(bar.high, priceDivisor),
         low: normalizeIbkrPriceValue(bar.low, priceDivisor),
@@ -2114,9 +2286,7 @@ export class IbkrGatewayService {
       volume: marketData.get(IBApiTickType.VOLUME)?.value ?? marketData.get(IBApiTickType.DELAYED_VOLUME)?.value,
       name: details.longName || details.marketName || contract.symbol,
       lastUpdated: ingressTm,
-      exchangeName: details.validExchanges?.split(",")[0],
-      fullExchangeName: details.validExchanges?.split(",")[0],
-      marketState: "REGULAR",
+      ...ibkrVenueFields(undefined, contract, details),
       bid: normalizeIbkrPriceValue(
         marketData.get(IBApiTickType.BID)?.value ?? marketData.get(IBApiTickType.DELAYED_BID)?.value,
         priceDivisor,

package/src/plugins/pane-manager.test.ts

@@ -71,7 +71,7 @@ describe("pane-manager split-tree drops", () => {
     const next = gridlockAllPanes(layout);
 
     expect(next.floating).toHaveLength(0);
-    expect(getDockedPaneIds(next)).toHaveLength(4);
+    expect(getDockedPaneIds(next)).toHaveLength(5);
   });
 
   test("gridlock infers a matching tiled layout from arranged windows", () => {

package/src/plugins/plugin-runtime.tsx

@@ -2,6 +2,7 @@ import {
   createContext,
   useCallback,
   useContext,
+  useRef,
   useSyncExternalStore,
   type ReactNode,
   type SetStateAction,
@@ -101,12 +102,21 @@ export function usePluginPaneState<T>(key: string, fallback: T, paneId?: string)
   const { pluginId } = usePluginRenderContext();
   const scopedPaneId = paneId ?? usePaneInstanceId();
   const { state, dispatch } = useAppState();
+  const stateRef = useRef(state);
+  const fallbackRef = useRef(fallback);
+  stateRef.current = state;
+  fallbackRef.current = fallback;
   const paneState = state.paneState[scopedPaneId];
   const value = getPluginPaneStateValue(paneState, pluginId, key, fallback);
 
   const setValue = useCallback((nextValue: SetStateAction<T>) => {
-    const currentPaneState = state.paneState[scopedPaneId];
-    const currentValue = getPluginPaneStateValue(currentPaneState, pluginId, key, fallback);
+    const currentPaneState = stateRef.current.paneState[scopedPaneId];
+    const currentValue = getPluginPaneStateValue(
+      currentPaneState,
+      pluginId,
+      key,
+      fallbackRef.current,
+    );
     const resolved = typeof nextValue === "function"
       ? (nextValue as (previousValue: T) => T)(currentValue)
       : nextValue;
@@ -122,7 +132,7 @@ export function usePluginPaneState<T>(key: string, fallback: T, paneId?: string)
       key,
       value: resolved,
     });
-  }, [dispatch, fallback, key, pluginId, scopedPaneId, state.paneState]);
+  }, [dispatch, key, pluginId, scopedPaneId]);
 
   return [value, setValue];
 }
@@ -130,6 +140,8 @@ export function usePluginPaneState<T>(key: string, fallback: T, paneId?: string)
 export function usePluginState<T>(key: string, fallback: T, options?: { schemaVersion?: number }): [T, (value: SetStateAction<T>) => void] {
   const { pluginId, runtime } = usePluginRenderContext();
   const schemaVersion = options?.schemaVersion;
+  const fallbackRef = useRef(fallback);
+  fallbackRef.current = fallback;
 
   const subscribe = useCallback((listener: () => void) => (
     runtime.subscribeResumeState(pluginId, key, listener)
@@ -142,7 +154,9 @@ export function usePluginState<T>(key: string, fallback: T, options?: { schemaVe
   const value = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 
   const setValue = useCallback((nextValue: SetStateAction<T>) => {
-    const currentValue = runtime.getResumeState<T>(pluginId, key, schemaVersion) ?? fallback;
+    const currentValue =
+      runtime.getResumeState<T>(pluginId, key, schemaVersion) ??
+      fallbackRef.current;
     const resolved = typeof nextValue === "function"
       ? (nextValue as (previousValue: T) => T)(currentValue)
       : nextValue;
@@ -150,7 +164,7 @@ export function usePluginState<T>(key: string, fallback: T, options?: { schemaVe
       return;
     }
     runtime.setResumeState(pluginId, key, resolved, schemaVersion);
-  }, [fallback, key, pluginId, runtime, schemaVersion]);
+  }, [key, pluginId, runtime, schemaVersion]);
 
   return [value, setValue];
 }
@@ -158,10 +172,16 @@ export function usePluginState<T>(key: string, fallback: T, options?: { schemaVe
 export function usePluginConfigState<T>(key: string, fallback: T): [T, (value: SetStateAction<T>) => void] {
   const { pluginId, runtime } = usePluginRenderContext();
   const { state } = useAppState();
+  const stateRef = useRef(state);
+  const fallbackRef = useRef(fallback);
+  stateRef.current = state;
+  fallbackRef.current = fallback;
   const value = (state.config.pluginConfig[pluginId]?.[key] as T | undefined) ?? fallback;
 
   const setValue = useCallback((nextValue: SetStateAction<T>) => {
-    const currentValue = (state.config.pluginConfig[pluginId]?.[key] as T | undefined) ?? fallback;
+    const currentValue =
+      (stateRef.current.config.pluginConfig[pluginId]?.[key] as T | undefined) ??
+      fallbackRef.current;
     const resolved = typeof nextValue === "function"
       ? (nextValue as (previousValue: T) => T)(currentValue)
       : nextValue;
@@ -169,7 +189,7 @@ export function usePluginConfigState<T>(key: string, fallback: T): [T, (value: S
       return;
     }
     void runtime.setConfigState(pluginId, key, resolved);
-  }, [fallback, key, pluginId, runtime, state.config.pluginConfig]);
+  }, [key, pluginId, runtime]);
 
   return [value, setValue];
 }

package/src/plugins/prediction-markets/chart.test.tsx

@@ -0,0 +1,139 @@
+import { afterEach, describe, expect, test } from "bun:test";
+import type { ScrollBoxRenderable } from "@opentui/core";
+import { createTestRenderer } from "@opentui/core/testing";
+import { createRoot } from "@opentui/react";
+import { act, useEffect, useReducer, useRef } from "react";
+import {
+  AppContext,
+  PaneInstanceProvider,
+  appReducer,
+  createInitialState,
+} from "../../state/app-context";
+import { createDefaultConfig } from "../../types/config";
+import { getNativeSurfaceManager } from "../../components/chart/native/surface-manager";
+import { PredictionMarketChart } from "./chart";
+
+const TEST_PANE_ID = "prediction-scroll:test";
+const SURFACE_ID = `chart-surface:${TEST_PANE_ID}:compact:base`;
+
+let testSetup: Awaited<ReturnType<typeof createTestRenderer>> | undefined;
+let root: ReturnType<typeof createRoot> | undefined;
+let scrollBoxRef: ScrollBoxRenderable | null = null;
+const actEnvironment = globalThis as typeof globalThis & {
+  IS_REACT_ACT_ENVIRONMENT?: boolean;
+};
+
+function ChartScrollHarness() {
+  const [state, dispatch] = useReducer(
+    appReducer,
+    (() => {
+      const config = createDefaultConfig("/tmp/gloomberb-test");
+      config.chartPreferences.renderer = "kitty";
+      const initial = createInitialState(config);
+      initial.focusedPaneId = TEST_PANE_ID;
+      return initial;
+    })(),
+  );
+  const scrollRef = useRef<ScrollBoxRenderable>(null);
+
+  useEffect(() => {
+    scrollBoxRef = scrollRef.current;
+  });
+
+  return (
+    <AppContext value={{ state, dispatch }}>
+      <PaneInstanceProvider paneId={TEST_PANE_ID}>
+        <scrollbox ref={scrollRef} height={10} scrollY>
+          <box flexDirection="column">
+            <box height={14}>
+              <text>filler</text>
+            </box>
+            <PredictionMarketChart
+              history={[
+                { date: new Date("2026-04-01T00:00:00Z"), close: 0.45 },
+                { date: new Date("2026-04-02T00:00:00Z"), close: 0.48 },
+                { date: new Date("2026-04-03T00:00:00Z"), close: 0.51 },
+                { date: new Date("2026-04-04T00:00:00Z"), close: 0.49 },
+              ]}
+              width={60}
+              height={12}
+              range="1M"
+              onRangeSelect={() => {}}
+            />
+          </box>
+        </scrollbox>
+      </PaneInstanceProvider>
+    </AppContext>
+  );
+}
+
+async function flushFrames(count = 4) {
+  for (let index = 0; index < count; index += 1) {
+    await act(async () => {
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      await Promise.resolve();
+      await testSetup!.renderOnce();
+    });
+  }
+}
+
+afterEach(() => {
+  scrollBoxRef = null;
+  if (root) {
+    act(() => {
+      root!.unmount();
+    });
+    root = undefined;
+  }
+  if (testSetup) {
+    testSetup.renderer.destroy();
+    testSetup = undefined;
+  }
+  actEnvironment.IS_REACT_ACT_ENVIRONMENT = false;
+});
+
+describe("PredictionMarketChart kitty scrolling", () => {
+  test("creates a native chart surface when scrolled into view", async () => {
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 100, height: 24 });
+    (testSetup.renderer as { _capabilities: unknown })._capabilities = {
+      kitty_graphics: true,
+    };
+    (testSetup.renderer as { _resolution: unknown })._resolution = {
+      width: 1000,
+      height: 720,
+    };
+
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(<ChartScrollHarness />);
+    });
+
+    await flushFrames();
+
+    const manager = getNativeSurfaceManager(testSetup.renderer as never) as unknown as {
+      surfaces: Map<
+        string,
+        {
+          snapshot: {
+            visibleRect: { x: number; y: number; width: number; height: number } | null;
+          };
+        }
+      >;
+    };
+
+    const hiddenSurface = manager.surfaces.get(SURFACE_ID);
+    expect(hiddenSurface).toBeUndefined();
+
+    act(() => {
+      scrollBoxRef!.scrollTop = 14;
+    });
+
+    await flushFrames();
+
+    const visibleSurface = manager.surfaces.get(SURFACE_ID);
+    expect(visibleSurface).toBeDefined();
+    expect(visibleSurface?.snapshot.visibleRect).not.toBeNull();
+    expect(testSetup.captureCharFrame()).toContain("1M");
+  });
+});