gloomberb 0.7.4 → 0.8.0

package/src/plugins/builtin/ticker-detail.test.tsx

@@ -1,888 +0,0 @@
-import { afterEach, describe, expect, test } from "bun:test";
-import { act, useReducer, type ReactElement } from "react";
-import { testRender } from "../../renderers/opentui/test-utils";
-import type { ScrollBoxRenderable } from "@opentui/core";
-import { Box } from "../../ui";
-import {
-  AppContext,
-  appReducer,
-  createInitialState,
-  PaneInstanceProvider,
-  type AppAction,
-} from "../../state/app-context";
-import { MarketDataCoordinator, setSharedMarketDataCoordinator } from "../../market-data/coordinator";
-import { createTestDataProvider } from "../../test-support/data-provider";
-import {
-  cloneLayout,
-  createDefaultConfig,
-  type AppConfig,
-  type BrokerInstanceConfig,
-} from "../../types/config";
-import { createTestPluginRuntime } from "../../test-support/plugin-runtime";
-import { EventBus } from "../event-bus";
-import type { DataProvider } from "../../types/data-provider";
-import type { TickerFinancials } from "../../types/financials";
-import type { DetailTabDef } from "../../types/plugin";
-import type { TickerRecord } from "../../types/ticker";
-import { PaneFooterBar, PaneFooterProvider, usePaneFooter } from "../../components/layout/pane-footer";
-import type { PluginRegistry } from "../registry";
-import { setSharedRegistryForTests } from "../registry";
-import { PluginRenderProvider } from "../plugin-runtime";
-import { FinancialsTab, tickerDetailPlugin } from "./ticker-detail";
-import { isUsEquityTicker } from "../../utils/sec";
-
-const TEST_PANE_ID = "ticker-detail:test";
-
-let testSetup: Awaited<ReturnType<typeof testRender>> | undefined;
-let harnessDispatch: React.Dispatch<AppAction> | null = null;
-let sharedCoordinator: MarketDataCoordinator | null = null;
-
-const runtime = createTestPluginRuntime();
-
-const DetailPane = tickerDetailPlugin.panes![0]!.component as (props: {
-  paneId: string;
-  paneType: string;
-  focused: boolean;
-  width: number;
-  height: number;
-}) => ReactElement;
-
-function makeTicker(
-  symbol: string,
-  name = symbol,
-  overrides: Partial<TickerRecord["metadata"]> = {},
-): TickerRecord {
-  return {
-    metadata: {
-      ticker: symbol,
-      exchange: "NASDAQ",
-      currency: "USD",
-      name,
-      portfolios: [],
-      watchlists: [],
-      positions: [],
-      custom: {},
-      tags: [],
-      ...overrides,
-    },
-  };
-}
-
-function makeFinancials(overrides: Partial<TickerFinancials> = {}): TickerFinancials {
-  return {
-    annualStatements: [],
-    quarterlyStatements: [],
-    priceHistory: [],
-    ...overrides,
-  };
-}
-
-function createFinancialsTabHarness() {
-  const config = createDefaultConfig("/tmp/gloomberb-test");
-  config.layout.instances = config.layout.instances.map((instance) => (
-    instance.instanceId === "ticker-detail:main"
-      ? { ...instance, binding: { kind: "fixed" as const, symbol: "2337" } }
-      : instance
-  ));
-
-  const state = createInitialState(config);
-  const ticker = makeTicker("2337", "Mock Co");
-  const financials: TickerFinancials = {
-    annualStatements: [
-      { date: "2021-12-31" },
-      { date: "2022-12-31", totalRevenue: 43.49e9, operatingIncome: 9.37e9, eps: 4.68 },
-      { date: "2023-12-31", totalRevenue: 27.62e9, operatingIncome: -2.4e9, eps: -0.92 },
-      { date: "2024-12-31", totalRevenue: 25.88e9, operatingIncome: -3.92e9, eps: -1.73 },
-      { date: "2025-12-31", totalRevenue: 28.88e9, operatingIncome: -3.7e9, eps: -1.77 },
-    ],
-    quarterlyStatements: [
-      { date: "2025-03-31", totalRevenue: 6e9, operatingIncome: -1e9, eps: -0.4 },
-      { date: "2025-06-30", totalRevenue: 6.5e9, operatingIncome: -1.1e9, eps: -0.42 },
-      { date: "2025-09-30", totalRevenue: 7e9, operatingIncome: -1.2e9, eps: -0.45 },
-      { date: "2025-12-31", totalRevenue: 7.08e9, operatingIncome: -1.01e9, eps: -0.5 },
-    ],
-    priceHistory: [],
-  };
-
-  state.tickers = new Map([["2337", ticker]]);
-  state.financials = new Map([["2337", financials]]);
-
-  return (
-    <AppContext value={{ state, dispatch: () => {} }}>
-      <PaneInstanceProvider paneId="ticker-detail:main">
-        <FinancialsTab
-          focused
-          headerScrollId="financials-header-scroll"
-          bodyScrollId="financials-body-scroll"
-        />
-      </PaneInstanceProvider>
-    </AppContext>
-  );
-}
-
-function createProvider(hasOptions: boolean): DataProvider {
-  return createTestDataProvider({
-    getExchangeRate: async (currency) => (currency === "EUR" ? 1.1 : 1),
-    getOptionsChain: async (ticker) => ({
-      underlyingSymbol: ticker,
-      expirationDates: hasOptions ? [1_717_113_600] : [],
-      calls: [],
-      puts: [],
-    }),
-  });
-}
-
-function setOptionsProvider(provider: DataProvider | undefined): void {
-  sharedCoordinator = provider ? new MarketDataCoordinator(provider) : null;
-  setSharedMarketDataCoordinator(sharedCoordinator);
-}
-
-function makeRegistry(): PluginRegistry {
-  const stubTab = (_props: { width: number; height: number; focused: boolean; onCapture: (capturing: boolean) => void }) => (
-    <text>stub</text>
-  );
-  const detailTabs = new Map<string, DetailTabDef>([
-    ["ibkr-trade", {
-      id: "ibkr-trade",
-      name: "Trade",
-      order: 25,
-      component: stubTab,
-      isVisible: ({ config }) => config.brokerInstances.some((instance) => instance.brokerType === "ibkr" && instance.connectionMode === "gateway"),
-    }],
-    ["options", { id: "options", name: "Options", order: 35, component: stubTab, isVisible: ({ hasOptionsChain }) => hasOptionsChain }],
-    ["sec", { id: "sec", name: "SEC", order: 45, component: stubTab, isVisible: ({ ticker }) => isUsEquityTicker(ticker) }],
-    ["ai-chat", { id: "ai-chat", name: "Ask AI", order: 60, component: stubTab }],
-  ]);
-  return { detailTabs } as unknown as PluginRegistry;
-}
-
-function createFooterProbeTab(tabId: string, label: string): DetailTabDef["component"] {
-  return function FooterProbeTab() {
-    usePaneFooter(`footer-probe:${tabId}`, () => ({
-      info: [{ id: `${tabId}:info`, parts: [{ text: `${tabId}-footer`, tone: "value" }] }],
-      hints: [{ id: `${tabId}:hint`, key: label[0]!.toLowerCase(), label: `${label.slice(1).toLowerCase()}-hint` }],
-    }), []);
-    return <text>{`${label} body`}</text>;
-  };
-}
-
-function makeFooterRegistry(): PluginRegistry {
-  const detailTabs = new Map<string, DetailTabDef>([
-    ["probe-alpha", {
-      id: "probe-alpha",
-      name: "Alpha",
-      order: 25,
-      component: createFooterProbeTab("alpha", "Alpha"),
-    }],
-    ["probe-beta", {
-      id: "probe-beta",
-      name: "Beta",
-      order: 30,
-      component: createFooterProbeTab("beta", "Beta"),
-    }],
-  ]);
-  return { detailTabs } as unknown as PluginRegistry;
-}
-
-function createGatewayInstance(id = "ibkr-paper"): BrokerInstanceConfig {
-  return {
-    id,
-    brokerType: "ibkr",
-    label: "Paper",
-    connectionMode: "gateway",
-    config: { connectionMode: "gateway", gateway: { host: "127.0.0.1", port: 4002, clientId: 1 } },
-    enabled: true,
-  };
-}
-
-function createDetailConfig(symbol: string, brokerInstances: BrokerInstanceConfig[] = []): AppConfig {
-  const config = createDefaultConfig("/tmp/gloomberb-test");
-  const layout = {
-    dockRoot: { kind: "pane" as const, instanceId: TEST_PANE_ID },
-    instances: [{
-      instanceId: TEST_PANE_ID,
-      paneId: "ticker-detail",
-      binding: { kind: "fixed" as const, symbol },
-    }],
-    floating: [],
-  };
-
-  return {
-    ...config,
-    brokerInstances,
-    layout,
-    layouts: [{ name: "Default", layout: cloneLayout(layout) }],
-  };
-}
-
-function createDetailState(
-  config: AppConfig,
-  ticker: TickerRecord,
-  financials: TickerFinancials | null,
-  activeTabId = "overview",
-  exchangeRates?: Map<string, number>,
-) {
-  const state = createInitialState(config);
-  state.focusedPaneId = TEST_PANE_ID;
-  state.tickers = new Map([[ticker.metadata.ticker, ticker]]);
-  state.financials = financials ? new Map([[ticker.metadata.ticker, financials]]) : new Map();
-  state.paneState[TEST_PANE_ID] = { activeTabId };
-  if (exchangeRates) {
-    state.exchangeRates = exchangeRates;
-  }
-  return state;
-}
-
-function DetailHarness({
-  config,
-  ticker,
-  financials,
-  activeTabId = "overview",
-  exchangeRates,
-  width = 90,
-  height = 24,
-}: {
-  config: AppConfig;
-  ticker: TickerRecord;
-  financials: TickerFinancials | null;
-  activeTabId?: string;
-  exchangeRates?: Map<string, number>;
-  width?: number;
-  height?: number;
-}) {
-  const initialState = createDetailState(config, ticker, financials, activeTabId, exchangeRates);
-  const [state, dispatch] = useReducer(appReducer, initialState);
-  harnessDispatch = dispatch;
-
-  return (
-    <AppContext value={{ state, dispatch }}>
-      <PaneInstanceProvider paneId={TEST_PANE_ID}>
-        <text>{`active:${state.paneState[TEST_PANE_ID]?.activeTabId ?? ""}`}</text>
-        <PluginRenderProvider pluginId={tickerDetailPlugin.id} runtime={runtime}>
-          <DetailPane
-            paneId={TEST_PANE_ID}
-            paneType="ticker-detail"
-            focused
-            width={width}
-            height={height}
-          />
-        </PluginRenderProvider>
-      </PaneInstanceProvider>
-    </AppContext>
-  );
-}
-
-function DetailFooterHarness({
-  config,
-  ticker,
-  financials,
-  activeTabId,
-  width = 90,
-  height = 18,
-}: {
-  config: AppConfig;
-  ticker: TickerRecord;
-  financials: TickerFinancials | null;
-  activeTabId: string;
-  width?: number;
-  height?: number;
-}) {
-  return (
-    <PaneFooterProvider>
-      {(footer) => (
-        <Box flexDirection="column" width={width} height={height}>
-          <DetailHarness
-            config={config}
-            ticker={ticker}
-            financials={financials}
-            activeTabId={activeTabId}
-            width={width}
-            height={height - 1}
-          />
-          <PaneFooterBar footer={footer} focused width={width} />
-        </Box>
-      )}
-    </PaneFooterProvider>
-  );
-}
-
-async function flushFrame() {
-  await act(async () => {
-    await testSetup!.renderOnce();
-  });
-}
-
-function getFinancialsScroll(id: string): ScrollBoxRenderable {
-  const renderable = testSetup!.renderer.root.findDescendantById(id) as ScrollBoxRenderable | undefined;
-  expect(renderable).toBeDefined();
-  return renderable!;
-}
-
-afterEach(() => {
-  if (testSetup) {
-    testSetup.renderer.destroy();
-    testSetup = undefined;
-  }
-  harnessDispatch = null;
-  setSharedRegistryForTests(undefined);
-  setOptionsProvider(undefined);
-});
-
-describe("FinancialsTab", () => {
-  test("keeps negative-value rows aligned with the annual columns", async () => {
-    testSetup = await testRender(createFinancialsTabHarness(), {
-      width: 140,
-      height: 20,
-    });
-
-    await testSetup.renderOnce();
-
-    const frame = testSetup.captureCharFrame();
-    const revenueLine = frame.split("\n").find((line) => line.includes("Revenue (B)"));
-    const operatingIncomeLine = frame.split("\n").find((line) => line.includes("Operating Inc (B)"));
-
-    expect(revenueLine).toBeDefined();
-    expect(operatingIncomeLine).toBeDefined();
-
-    expect(operatingIncomeLine!.indexOf("-4.31")).toBe(revenueLine!.indexOf("26.58"));
-    expect(operatingIncomeLine!.indexOf("-3.70")).toBe(revenueLine!.indexOf("28.88"));
-    expect(operatingIncomeLine!.indexOf("-3.92")).toBe(revenueLine!.indexOf("25.88"));
-    expect(operatingIncomeLine!.indexOf("-2.40")).toBe(revenueLine!.indexOf("27.62"));
-    expect(operatingIncomeLine!.indexOf("—")).toBe(revenueLine!.lastIndexOf("—"));
-  });
-
-  test("centers the annual headers over the value columns", async () => {
-    testSetup = await testRender(createFinancialsTabHarness(), {
-      width: 140,
-      height: 20,
-    });
-
-    await flushFrame();
-
-    const frame = testSetup.captureCharFrame();
-    const headerLine = frame.split("\n").find((line) => line.includes("2025-12"));
-    const revenueLine = frame.split("\n").find((line) => line.includes("Revenue (B)"));
-
-    expect(headerLine).toBeDefined();
-    expect(revenueLine).toBeDefined();
-
-    expect(headerLine!.indexOf("2025-12")).toBe(revenueLine!.indexOf("28.88") - 1);
-    expect(headerLine!.indexOf("2024-12")).toBe(revenueLine!.indexOf("25.88") - 1);
-    expect(headerLine!.indexOf("2023-12")).toBe(revenueLine!.indexOf("27.62") - 1);
-  });
-
-  test("allows the financial statements table to scroll horizontally", async () => {
-    testSetup = await testRender(createFinancialsTabHarness(), {
-      width: 56,
-      height: 18,
-    });
-
-    await flushFrame();
-
-    let frame = testSetup.captureCharFrame();
-    expect(frame).toContain("TTM");
-    expect(frame).not.toContain("2021-12");
-    expect(frame).not.toContain("43.49");
-
-    const headerScroll = getFinancialsScroll("financials-header-scroll");
-    const bodyScroll = getFinancialsScroll("financials-body-scroll");
-    expect(bodyScroll.scrollWidth).toBeGreaterThan(bodyScroll.viewport.width);
-
-    await act(async () => {
-      bodyScroll.scrollTo({ x: bodyScroll.scrollWidth, y: 0 });
-      headerScroll.scrollTo({ x: bodyScroll.scrollLeft, y: 0 });
-      await Promise.resolve();
-    });
-
-    await flushFrame();
-    await flushFrame();
-
-    frame = testSetup.captureCharFrame();
-    expect(frame).toContain("2021-12");
-    expect(frame).toContain("43.49");
-  });
-
-  test("hides the vertical scrollbar when the statements fit in view", async () => {
-    testSetup = await testRender(createFinancialsTabHarness(), {
-      width: 140,
-      height: 24,
-    });
-
-    await flushFrame();
-    await flushFrame();
-
-    const bodyScroll = getFinancialsScroll("financials-body-scroll");
-    expect(bodyScroll.scrollHeight).toBeLessThanOrEqual(bodyScroll.viewport.height);
-    expect(bodyScroll.verticalScrollBar.visible).toBe(false);
-  });
-});
-
-describe("TickerDetailPane", () => {
-  test("shows core and lightweight plugin tabs without waiting on options preflight", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    await flushFrame();
-
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Overview");
-    expect(frame).toContain("Chart");
-    expect(frame).toContain("Options");
-    expect(frame).toContain("Ask AI");
-    expect(frame).not.toContain("Financials");
-    expect(frame).not.toContain("Trade");
-  });
-
-  test("shows Financials when statement data exists", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={makeFinancials({
-          annualStatements: [{ date: "2024-12-31", totalRevenue: 1_000 }],
-        })}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Financials");
-  });
-
-  test("shows Trade when an IBKR gateway profile exists", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL", [createGatewayInstance()])}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Trade");
-  });
-
-  test("shows Options for option-capable tickers without a preflight round trip", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(true));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    await flushFrame();
-
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Options");
-  });
-
-  test("shows SEC for US equities", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("SEC");
-  });
-
-  test("hides plugin tabs when their owner plugin is disabled", async () => {
-    setSharedRegistryForTests({
-      ...makeRegistry(),
-      getDetailTabPluginId: (tabId: string) => (
-        tabId === "sec" ? "company-research" : tabId
-      ),
-    } as unknown as PluginRegistry);
-    setOptionsProvider(createProvider(false));
-    const config = createDetailConfig("AAPL");
-    config.disabledPlugins = ["company-research"];
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={config}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).not.toContain("SEC");
-  });
-
-  test("refreshes plugin tabs when registration completes after the pane mounted", async () => {
-    const detailTabs = new Map<string, DetailTabDef>();
-    const events = new EventBus();
-    setSharedRegistryForTests({
-      detailTabs,
-      events,
-      getDetailTabPluginId: () => "company-research",
-    } as unknown as PluginRegistry);
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    expect(testSetup.captureCharFrame()).not.toContain("Analyst");
-
-    await act(async () => {
-      detailTabs.set("analyst-research", {
-        id: "analyst-research",
-        name: "Analyst",
-        order: 32,
-        component: () => <text>Analyst body</text>,
-        isVisible: ({ ticker }) => !!ticker,
-      });
-      events.emit("plugin:registered", { pluginId: "company-research" });
-    });
-    await flushFrame();
-
-    expect(testSetup.captureCharFrame()).toContain("Analyst");
-  });
-
-  test("passes visible tab content height to plugin tabs", async () => {
-    let receivedHeight: number | null = null;
-    const probeTab: DetailTabDef["component"] = ({ height }) => {
-      receivedHeight = height;
-      return <text>{`height:${height}`}</text>;
-    };
-    setSharedRegistryForTests({
-      detailTabs: new Map<string, DetailTabDef>([
-        ["sec", { id: "sec", name: "SEC", order: 45, component: probeTab, isVisible: ({ ticker }) => isUsEquityTicker(ticker) }],
-      ]),
-    } as unknown as PluginRegistry);
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-        activeTabId="sec"
-        height={18}
-      />,
-      { width: 90, height: 18 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(receivedHeight).toBe(17);
-    expect(frame).toContain("height:17");
-  });
-
-  test("hides SEC for non-US equities", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("0700")}
-        ticker={makeTicker("0700", "Tencent", {
-          exchange: "HKEX",
-          currency: "HKD",
-          assetCategory: "STK",
-        })}
-        financials={null}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).not.toContain("SEC");
-  });
-
-  test("renders the company description in Overview when profile data is available", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={makeFinancials({
-          profile: {
-            description: "Builds widgets for industrial customers.",
-          },
-        })}
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Description");
-    expect(frame).toContain("Builds widgets for industrial customers.");
-  });
-
-  test("shows listing venue, session, compact sources, and route in Overview", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AMD")}
-        ticker={makeTicker("AMD", "Advanced Micro Devices")}
-        financials={makeFinancials({
-          quote: {
-            symbol: "AMD",
-            providerId: "ibkr",
-            dataSource: "live",
-            price: 100,
-            currency: "USD",
-            change: 1,
-            changePercent: 1,
-            lastUpdated: Date.now(),
-            listingExchangeName: "NASDAQ",
-            listingExchangeFullName: "NASDAQ",
-            routingExchangeName: "SMART",
-            routingExchangeFullName: "SMART",
-            marketState: "PRE",
-            sessionConfidence: "derived",
-            preMarketPrice: 101,
-            preMarketChange: 2,
-            preMarketChangePercent: 2,
-            provenance: {
-              price: { providerId: "ibkr", dataSource: "live" },
-              session: { providerId: "yahoo", dataSource: "delayed" },
-            },
-          },
-        })}
-        width={110}
-      />,
-      { width: 110, height: 24 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("NASDAQ");
-    expect(frame).toContain("PRE-MKT");
-    expect(frame).toContain("src IBKR live/Yahoo");
-    expect(frame).toContain("route SMART");
-  });
-
-  test("renders compact quote book, spread percent, and range widgets without duplicate overview rows", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("AMD")}
-        ticker={makeTicker("AMD", "Advanced Micro Devices")}
-        financials={makeFinancials({
-          quote: {
-            symbol: "AMD",
-            price: 100,
-            currency: "USD",
-            change: -1,
-            changePercent: -1,
-            previousClose: 101,
-            open: 99,
-            high: 102,
-            low: 98,
-            high52w: 130,
-            low52w: 80,
-            volume: 12_500_000,
-            marketCap: 250_000_000_000,
-            bid: 99.5,
-            ask: 100.5,
-            bidSize: 400,
-            askSize: 500,
-            lastUpdated: Date.now(),
-          },
-          fundamentals: {
-            sharesOutstanding: 1_000_000_000,
-            trailingPE: 25,
-          },
-        })}
-        width={110}
-        height={28}
-      />,
-      { width: 110, height: 28 },
-    );
-
-    await flushFrame();
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Bid");
-    expect(frame).toContain("400 x $99.5");
-    expect(frame).toContain("Ask");
-    expect(frame).toContain("500 x $100.5");
-    expect(frame).toContain("Spr");
-    expect(frame).toContain("1.00%");
-    expect(frame).toContain("Day Range");
-    expect(frame).toContain("52W Range");
-    expect(frame).not.toContain("Prior Close");
-    expect(frame).toContain("Volume");
-    expect(frame).toContain("Market Cap");
-    expect(frame).toContain("P/E");
-  });
-
-  test("keeps quote prices native while converting market cap and position totals to base currency", async () => {
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={createDetailConfig("SAP")}
-        ticker={makeTicker("SAP", "SAP SE", {
-          exchange: "XETRA",
-          currency: "EUR",
-          positions: [{
-            portfolio: "broker:ibkr-interactive-brokers:UTEST12345",
-            shares: 10,
-            avgCost: 100,
-            currency: "EUR",
-            broker: "ibkr",
-            markPrice: 125,
-            marketValue: 1250,
-            unrealizedPnl: 250,
-          }],
-        })}
-        financials={makeFinancials({
-          quote: {
-            symbol: "SAP",
-            price: 125,
-            currency: "EUR",
-            change: 5,
-            changePercent: 4.17,
-            marketCap: 2_000_000_000,
-            previousClose: 120,
-            name: "SAP SE",
-            lastUpdated: Date.now(),
-            marketState: "REGULAR",
-          },
-        })}
-        exchangeRates={new Map([["USD", 1], ["EUR", 1.1]])}
-        height={32}
-      />,
-      { width: 90, height: 32 },
-    );
-
-    await flushFrame();
-
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("€125");
-    expect(frame).toContain("2.2B USD");
-    expect(frame).toContain("Account");
-    expect(frame).toContain("Qty");
-    expect(frame).toContain("Avg");
-    expect(frame).toContain("Cost");
-    expect(frame).toContain("Value");
-    expect(frame).toContain("Ret");
-    expect(frame).toContain("UTEST12345");
-    expect(frame).toContain("10 sh");
-    expect(frame).toContain("€100");
-    expect(frame).toContain("€125");
-    expect(frame).toContain("$1,100.00");
-    expect(frame).toContain("$1,375.00");
-    expect(frame).toContain("+$275.00");
-    expect(frame).toContain("+25.00%");
-  });
-
-  test("renders an Overview fallback without overwriting a temporarily unavailable active tab", async () => {
-    const gatewayConfig = createDetailConfig("AAPL", [createGatewayInstance()]);
-    const noGatewayConfig = createDetailConfig("AAPL");
-    setSharedRegistryForTests(makeRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailHarness
-        config={gatewayConfig}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-        activeTabId="ibkr-trade"
-      />,
-      { width: 90, height: 24 },
-    );
-
-    await flushFrame();
-    await act(async () => {
-      harnessDispatch!({ type: "SET_CONFIG", config: noGatewayConfig });
-      await Promise.resolve();
-    });
-    await flushFrame();
-
-    const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("active:ibkr-trade");
-    expect(frame).not.toContain("Trade");
-  });
-
-  test("shows only active mounted tab pane hints", async () => {
-    setSharedRegistryForTests(makeFooterRegistry());
-    setOptionsProvider(createProvider(false));
-
-    testSetup = await testRender(
-      <DetailFooterHarness
-        config={createDetailConfig("AAPL")}
-        ticker={makeTicker("AAPL")}
-        financials={null}
-        activeTabId="probe-alpha"
-      />,
-      { width: 90, height: 18 },
-    );
-
-    await flushFrame();
-    await flushFrame();
-
-    let frame = testSetup.captureCharFrame();
-    expect(frame).toContain("alpha-footer");
-    expect(frame).toContain("[a]lpha-hint");
-    expect(frame).not.toContain("beta-footer");
-    expect(frame).not.toContain("[b]eta-hint");
-
-    await act(async () => {
-      harnessDispatch!({ type: "UPDATE_PANE_STATE", paneId: TEST_PANE_ID, patch: { activeTabId: "probe-beta" } });
-      await Promise.resolve();
-    });
-    await flushFrame();
-    await flushFrame();
-
-    frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Beta body");
-    expect(frame).toContain("beta-footer");
-    expect(frame).toContain("[b]eta-hint");
-    expect(frame).not.toContain("alpha-footer");
-    expect(frame).not.toContain("[a]lpha-hint");
-  });
-});