gloomberb 0.6.0 → 0.7.0

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

@@ -14,7 +14,7 @@ import {
 import { useQuoteStreaming } from "../../../state/use-quote-streaming";
 import { getCollectionName, getCollectionTickerCount } from "../../../state/selectors";
 import { getSharedRegistry } from "../../registry";
-import { EmptyState, Tabs } from "../../../components";
+import { EmptyState, PaneFooterScope, Tabs } from "../../../components";
 import { resolveOptionsTarget } from "../../../utils/options";
 import { ChartTab } from "./chart-tab";
 import { ResolvedFinancialsTab } from "./financials-tab";
@@ -210,12 +210,14 @@ export function TickerDetailPane({ focused, width, height }: PaneProps) {
             height={contentHeight}
             overflow="hidden"
           >
-            <OverviewTab
-              width={width}
-              symbol={symbol}
-              ticker={ticker}
-              financials={financials}
-            />
+            <PaneFooterScope active={resolvedTabId === "overview"}>
+              <OverviewTab
+                width={width}
+                symbol={symbol}
+                ticker={ticker}
+                financials={financials}
+              />
+            </PaneFooterScope>
           </Box>
         )}
         {renderedTabIds.has("financials") && (
@@ -228,10 +230,12 @@ export function TickerDetailPane({ focused, width, height }: PaneProps) {
             height={contentHeight}
             overflow="hidden"
           >
-            <ResolvedFinancialsTab
-              focused={focused && resolvedTabId === "financials"}
-              financials={financials}
-            />
+            <PaneFooterScope active={resolvedTabId === "financials"}>
+              <ResolvedFinancialsTab
+                focused={focused && resolvedTabId === "financials"}
+                financials={financials}
+              />
+            </PaneFooterScope>
           </Box>
         )}
         {renderedTabIds.has("chart") && (
@@ -244,17 +248,19 @@ export function TickerDetailPane({ focused, width, height }: PaneProps) {
             height={contentHeight}
             overflow="hidden"
           >
-            <ChartTab
-              width={width}
-              height={contentHeight}
-              focused={focused && resolvedTabId === "chart"}
-              interactive={chartInteractive}
-              axisMode={paneSettings.chartAxisMode}
-              onActivate={() => setChartInteractiveEager(true)}
-              symbol={symbol}
-              ticker={ticker}
-              financials={financials}
-            />
+            <PaneFooterScope active={resolvedTabId === "chart"}>
+              <ChartTab
+                width={width}
+                height={contentHeight}
+                focused={focused && resolvedTabId === "chart"}
+                interactive={chartInteractive}
+                axisMode={paneSettings.chartAxisMode}
+                onActivate={() => setChartInteractiveEager(true)}
+                symbol={symbol}
+                ticker={ticker}
+                financials={financials}
+              />
+            </PaneFooterScope>
           </Box>
         )}
 
@@ -272,12 +278,14 @@ export function TickerDetailPane({ focused, width, height }: PaneProps) {
               height={contentHeight}
               overflow="hidden"
             >
-              <PluginTab
-                width={width}
-                height={contentHeight}
-                focused={focused && isActive}
-                onCapture={isActive ? handlePluginCapture : ignorePluginCapture}
-              />
+              <PaneFooterScope active={isActive}>
+                <PluginTab
+                  width={width}
+                  height={contentHeight}
+                  focused={focused && isActive}
+                  onCapture={isActive ? handlePluginCapture : ignorePluginCapture}
+                />
+              </PaneFooterScope>
             </Box>
           );
         })}

package/src/plugins/builtin/ticker-detail-chart-tab-switch.test.tsx

@@ -1,7 +1,6 @@
 import { afterEach, describe, expect, test } from "bun:test";
 import { createTestRenderer } from "@opentui/core/testing";
-import { createOpenTuiTestRoot as createRoot } from "../../renderers/opentui/test-utils";
-import { DialogProvider } from "@opentui-ui/dialog/react";
+import { TestDialogProvider, createOpenTuiTestRoot as createRoot } from "../../renderers/opentui/test-utils";
 import { act, useReducer, type ReactElement } from "react";
 import {
   AppContext,
@@ -65,6 +64,15 @@ function makeFinancials(length: number): TickerFinancials {
   };
 }
 
+function makeFinancialsWithStatements(length: number): TickerFinancials {
+  const financials = makeFinancials(length);
+  financials.annualStatements = [
+    { date: "2023-12-31", totalRevenue: 90, netIncome: 10 },
+    { date: "2024-12-31", totalRevenue: 110, netIncome: 14 },
+  ];
+  return financials;
+}
+
 function makeDetailConfig(symbol: string): AppConfig {
   const config = createDefaultConfig("/tmp/gloomberb-test");
   config.chartPreferences.renderer = "kitty";
@@ -102,7 +110,7 @@ function DetailHarness({
   harnessDispatch = dispatch;
 
   return (
-    <DialogProvider dialogOptions={{ style: { backgroundColor: "#000000", borderColor: "#ffffff", borderStyle: "single" } }}>
+    <TestDialogProvider>
       <AppContext value={{ state, dispatch }}>
         <PaneInstanceProvider paneId={TEST_PANE_ID}>
           <PluginRenderProvider pluginId={tickerDetailPlugin.id} runtime={runtime}>
@@ -116,7 +124,7 @@ function DetailHarness({
           </PluginRenderProvider>
         </PaneInstanceProvider>
       </AppContext>
-    </DialogProvider>
+    </TestDialogProvider>
   );
 }
 
@@ -130,6 +138,13 @@ async function flushFrames(count = 3) {
   }
 }
 
+function getSurfaceVisibleRect(
+  manager: { surfaces: Map<string, { snapshot: { visibleRect: unknown } }> },
+  surfaceId: string,
+): unknown {
+  return manager.surfaces.get(surfaceId)?.snapshot.visibleRect ?? null;
+}
+
 afterEach(() => {
   harnessDispatch = null;
   if (root) {
@@ -201,4 +216,54 @@ describe("Ticker detail chart tab switching", () => {
     expect(returnedOverview).toContain("AAPL");
     expect(manager.surfaces.has("chart-surface:ticker-detail:test:compact:base")).toBe(true);
   });
+
+  test("hides the full chart kitty surface when switching to financials", async () => {
+    const symbol = "AAPL";
+    const config = makeDetailConfig(symbol);
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 36 });
+    (testSetup.renderer as { _capabilities: unknown })._capabilities = { kitty_graphics: true };
+    (testSetup.renderer as { _resolution: unknown })._resolution = { width: 1200, height: 960 };
+
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <DetailHarness
+          config={config}
+          ticker={makeTicker(symbol)}
+          financials={makeFinancialsWithStatements(48)}
+        />,
+      );
+    });
+
+    await flushFrames();
+    const manager = getNativeSurfaceManager(testSetup.renderer as never) as unknown as {
+      surfaces: Map<string, { snapshot: { visibleRect: unknown } }>;
+    };
+    const fullSurfaceId = "chart-surface:ticker-detail:test:full:base";
+
+    act(() => {
+      harnessDispatch!({
+        type: "UPDATE_PANE_STATE",
+        paneId: TEST_PANE_ID,
+        patch: { activeTabId: "chart" },
+      });
+    });
+
+    await flushFrames();
+    expect(getSurfaceVisibleRect(manager, fullSurfaceId)).not.toBeNull();
+
+    act(() => {
+      harnessDispatch!({
+        type: "UPDATE_PANE_STATE",
+        paneId: TEST_PANE_ID,
+        patch: { activeTabId: "financials" },
+      });
+    });
+
+    await flushFrames();
+    expect(testSetup.captureCharFrame()).toContain("Income");
+    expect(getSurfaceVisibleRect(manager, fullSurfaceId)).toBeNull();
+  });
 });

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

@@ -2,6 +2,7 @@ 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,
@@ -22,6 +23,7 @@ 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";
@@ -153,6 +155,34 @@ function makeRegistry(): PluginRegistry {
   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,
@@ -241,6 +271,40 @@ function DetailHarness({
   );
 }
 
+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();
@@ -745,4 +809,42 @@ describe("TickerDetailPane", () => {
     expect(frame).toContain("active:overview");
     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");
+  });
 });

package/src/plugins/builtin/world-indices/index.tsx

@@ -148,7 +148,7 @@ function nextSortPreference(
   return DEFAULT_SORT_PREFERENCE;
 }
 
-export function WorldIndicesPane({ focused, width, height }: PaneProps) {
+function WorldIndicesPane({ focused, width, height }: PaneProps) {
   const dataProvider = useAssetData();
   const { pinTicker } = usePluginTickerActions();
   const [quotes, setQuotes] = useState<QuoteMap>(new Map());

package/src/plugins/builtin/yield-curve/index.tsx

@@ -30,7 +30,7 @@ function spreadBp(points: YieldPoint[]): number | null {
   return Math.round((y10 - y2) * 100);
 }
 
-export function YieldCurvePane({ focused, width, height }: PaneProps) {
+function YieldCurvePane({ focused, width, height }: PaneProps) {
   const [points, setPoints] = useState<YieldPoint[]>([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);

package/src/plugins/ibkr/broker-adapter.ts

@@ -1,8 +1,6 @@
 import type { BrokerAdapter, BrokerPosition } from "../../types/broker";
-import type { BrokerInstanceConfig } from "../../types/config";
 import {
   buildIbkrConfigFromValues,
-  getGatewayConfig,
   IBKR_CONFIG_FIELDS,
   isFlexConfigured,
   isGatewayConfigured,
@@ -82,7 +80,7 @@ export const ibkrBroker: BrokerAdapter = {
     return [{
       id: "ibkr-console",
       label: "IBKR Console",
-      widgetId: "ibkr-trading",
+      paneId: "ibkr-trading",
       disabled: normalized.connectionMode !== "gateway",
       disabledReason: "IBKR Console is available for Gateway / TWS profiles.",
     }];

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

@@ -32,7 +32,7 @@ import {
 } 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";
+import type { Quote, PricePoint, TickerFinancials } from "../../types/financials";
 import type { BrokerContractRef, InstrumentSearchResult } from "../../types/instrument";
 import type {
   BrokerAccount,
@@ -658,10 +658,6 @@ function buildConnectionNote(
   return notes.length > 0 ? notes.join(" ") : undefined;
 }
 
-function isRetryableErrorCode(code: number): boolean {
-  return ![200, 201, 202, 321, 354].includes(code);
-}
-
 function isLoopbackHost(host: string): boolean {
   return LOCAL_IBKR_HOSTS.has(host.trim().toLowerCase());
 }

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

@@ -1,7 +1,7 @@
 import type { TimeRange } from "../../components/chart/chart-types";
 import type { ChartResolutionSupport, ManualChartResolution } from "../../components/chart/chart-resolution";
 import { getBrokerRemoteClient } from "../../brokers/remote-broker-adapter";
-import type { BrokerConnectionStatus, BrokerPosition } from "../../types/broker";
+import type { BrokerPosition } from "../../types/broker";
 import type { QuoteSubscriptionTarget } from "../../types/data-provider";
 import type { Quote, PricePoint, TickerFinancials } from "../../types/financials";
 import type { BrokerContractRef, InstrumentSearchResult } from "../../types/instrument";

package/src/plugins/ibkr/index.test.tsx

@@ -110,8 +110,6 @@ function setupIbkrPlugin(config: AppConfig) {
     pinTicker: () => {},
     on: () => () => {},
     emit: () => {},
-    showWidget: () => {},
-    hideWidget: () => {},
     notify: ({ body }: { body: string }) => { toasts.push(body); },
   } satisfies GloomPluginContext;
 

package/src/plugins/ibkr/trade-tab.test.tsx

@@ -1,7 +1,8 @@
 import { afterEach, expect, test } from "bun:test";
-import { DialogProvider } from "@opentui-ui/dialog/react";
-import { testRender } from "../../renderers/opentui/test-utils";
+import { TestDialogProvider, testRender } from "../../renderers/opentui/test-utils";
 import { act } from "react";
+import { Box } from "../../ui";
+import { PaneFooterBar, PaneFooterProvider } from "../../components/layout/pane-footer";
 import {
   AppContext,
   PaneInstanceProvider,
@@ -104,26 +105,40 @@ function TradeHarness({
   ticker,
   financials,
   brokerAccounts = {},
+  withFooter = false,
 }: {
   config: AppConfig;
   ticker: TickerRecord;
   financials: TickerFinancials;
   brokerAccounts?: Record<string, import("../../types/trading").BrokerAccount[]>;
+  withFooter?: boolean;
 }) {
   const state = createInitialState(config);
   state.focusedPaneId = TEST_PANE_ID;
   state.tickers = new Map([[ticker.metadata.ticker, ticker]]);
   state.financials = new Map([[ticker.metadata.ticker, financials]]);
   state.brokerAccounts = brokerAccounts;
+  const tradeTab = <TradeTab focused width={88} height={30} onCapture={() => {}} />;
 
   return (
-    <DialogProvider dialogOptions={{ style: { backgroundColor: "#000000", borderColor: "#ffffff", borderStyle: "single" } }}>
+    <TestDialogProvider>
       <AppContext value={{ state, dispatch: () => {} }}>
         <PaneInstanceProvider paneId={TEST_PANE_ID}>
-          <TradeTab focused width={88} height={30} onCapture={() => {}} />
+          {withFooter
+            ? (
+                <PaneFooterProvider>
+                  {(footer) => (
+                    <Box flexDirection="column" width={88} height={31}>
+                      {tradeTab}
+                      <PaneFooterBar footer={footer} focused width={88} />
+                    </Box>
+                  )}
+                </PaneFooterProvider>
+              )
+            : tradeTab}
         </PaneInstanceProvider>
       </AppContext>
-    </DialogProvider>
+    </TestDialogProvider>
   );
 }
 
@@ -223,3 +238,39 @@ test("prefills the only cached IBKR account when the live gateway snapshot is em
   expect(frame).toContain("Account DU123456");
   expect(frame).toContain("Paper Gateway");
 });
+
+test("omits redundant and disabled trade footer hints", async () => {
+  const config = createTradeConfig("AMD");
+  const ticker = makeTicker("AMD", "Advanced Micro Devices, Inc.");
+  const financials = makeFinancials();
+
+  clearTradingDraft();
+  stubGatewayRefresh();
+  prefillTradeFromTicker(ticker, "BUY");
+
+  await act(async () => {
+    testSetup = await testRender(
+      <TradeHarness config={config} ticker={ticker} financials={financials} withFooter />,
+      { width: 88, height: 31 },
+    );
+  });
+
+  await act(async () => {
+    await testSetup!.renderOnce();
+  });
+  await act(async () => {
+    await testSetup!.renderOnce();
+  });
+
+  const frame = testSetup.captureCharFrame();
+  expect(frame).toContain("[r]efresh");
+  expect(frame).toContain("[i]profile");
+  expect(frame).toContain("[a]ccount");
+  expect(frame).toContain("[b/v]side");
+  expect(frame).toContain("[q]ty");
+  expect(frame).toContain("[t]ype");
+  expect(frame).toContain("[p]review");
+  expect(frame).not.toContain("[s]ymbol");
+  expect(frame).not.toContain("[l]imit");
+  expect(frame).not.toContain("[x]stop");
+});

package/src/plugins/ibkr/trade-tab.tsx

@@ -695,21 +695,23 @@ export function TradeTab({ focused, width, onCapture }: DetailTabProps) {
       ...(statusText ? [{ id: "status", parts: [{ text: statusText, tone: statusTone === "negative" ? "negative" as const : statusTone === "positive" ? "positive" as const : "muted" as const }] }] : []),
     ],
     hints: [
-      { id: "refresh", key: "r", label: "efresh", onPress: () => refresh().catch(() => {}), disabled: ticketState.busy },
-      { id: "profile", key: "i", label: "profile", onPress: () => chooseBrokerInstance().catch(() => {}), disabled: ticketState.busy },
-      { id: "instrument", key: "s", label: "ymbol", onPress: () => chooseInstrument().catch(() => {}), disabled: ticketState.busy },
-      { id: "account", key: "a", label: "ccount", onPress: () => chooseAccount().catch(() => {}), disabled: ticketState.busy },
-      { id: "side", key: "b/v", label: "side", onPress: symbol && ticker ? () => setTradeTicketDraft(symbol, { action: ticketState.draft.action === "BUY" ? "SELL" : "BUY" }, ticker) : undefined, disabled: ticketState.busy || !symbol || !ticker },
-      { id: "quantity", key: "q", label: "ty", onPress: () => editNumericField("Quantity", ticketState.draft.quantity, (value) => { if (value != null && symbol && ticker) setTradeTicketDraft(symbol, { quantity: value }, ticker); }).catch(() => {}), disabled: ticketState.busy || !symbol || !ticker },
-      { id: "type", key: "t", label: "ype", onPress: () => editOrderType().catch(() => {}), disabled: ticketState.busy },
-      { id: "limit", key: "l", label: "imit", onPress: () => editPriceField("Limit Price", ticketState.draft.limitPrice, (value) => { if (symbol && ticker) setTradeTicketDraft(symbol, { limitPrice: value }, ticker); }).catch(() => {}), disabled: ticketState.busy || !showLimit || !symbol || !ticker },
-      { id: "stop", key: "x", label: "stop", onPress: () => editPriceField("Stop Price", ticketState.draft.stopPrice, (value) => { if (symbol && ticker) setTradeTicketDraft(symbol, { stopPrice: value }, ticker); }).catch(() => {}), disabled: ticketState.busy || !showStop || !symbol || !ticker },
-      { id: "preview", key: "p", label: "review", onPress: () => previewOrder().catch(() => {}), disabled: ticketState.busy || !symbol || !ticker },
+      ...(!ticketState.busy ? [
+        { id: "refresh", key: "r", label: "efresh", onPress: () => refresh().catch(() => {}) },
+        { id: "profile", key: "i", label: "profile", onPress: () => chooseBrokerInstance().catch(() => {}) },
+        { id: "account", key: "a", label: "ccount", onPress: () => chooseAccount().catch(() => {}) },
+      ] : []),
+      ...(!ticketState.busy && symbol && ticker ? [
+        { id: "side", key: "b/v", label: "side", onPress: () => setTradeTicketDraft(symbol, { action: ticketState.draft.action === "BUY" ? "SELL" : "BUY" }, ticker) },
+        { id: "quantity", key: "q", label: "ty", onPress: () => editNumericField("Quantity", ticketState.draft.quantity, (value) => { if (value != null) setTradeTicketDraft(symbol, { quantity: value }, ticker); }).catch(() => {}) },
+        { id: "type", key: "t", label: "ype", onPress: () => editOrderType().catch(() => {}) },
+        ...(showLimit ? [{ id: "limit", key: "l", label: "imit", onPress: () => editPriceField("Limit Price", ticketState.draft.limitPrice, (value) => { setTradeTicketDraft(symbol, { limitPrice: value }, ticker); }).catch(() => {}) }] : []),
+        ...(showStop ? [{ id: "stop", key: "x", label: "stop", onPress: () => editPriceField("Stop Price", ticketState.draft.stopPrice, (value) => { setTradeTicketDraft(symbol, { stopPrice: value }, ticker); }).catch(() => {}) }] : []),
+        { id: "preview", key: "p", label: "review", onPress: () => previewOrder().catch(() => {}) },
+      ] : []),
     ],
   }), [
     chooseAccount,
     chooseBrokerInstance,
-    chooseInstrument,
     editNumericField,
     editOrderType,
     editPriceField,

package/src/plugins/pane-manager.ts

@@ -96,19 +96,6 @@ function clampRatio(ratio: number): number {
   return Math.max(0.1, Math.min(0.9, ratio));
 }
 
-function cloneDockNode(node: DockLayoutNode): DockLayoutNode {
-  if (node.kind === "pane") {
-    return { kind: "pane", instanceId: node.instanceId };
-  }
-  return {
-    kind: "split",
-    axis: node.axis,
-    ratio: node.ratio,
-    first: cloneDockNode(node.first),
-    second: cloneDockNode(node.second),
-  };
-}
-
 function ensurePaneInstance(layout: LayoutConfig, instance: PaneInstanceConfig): LayoutConfig {
   if (layout.instances.some((entry) => entry.instanceId === instance.instanceId)) return layout;
   return { ...layout, instances: [...layout.instances, instance] };

package/src/plugins/plugin-runtime.test.tsx

@@ -199,11 +199,11 @@ describe("plugin runtime hooks", () => {
       openCommandBar(query?: string) {
         calls.push(`command:${query ?? ""}`);
       },
-      showWidget(widgetId: string) {
-        calls.push(`show:${widgetId}`);
+      showPane(paneId: string) {
+        calls.push(`show:${paneId}`);
       },
-      hideWidget(widgetId: string) {
-        calls.push(`hide:${widgetId}`);
+      hidePane(paneId: string) {
+        calls.push(`hide:${paneId}`);
       },
       openPluginCommandWorkflow(commandId: string) {
         calls.push(`workflow:${commandId}`);
@@ -230,8 +230,8 @@ describe("plugin runtime hooks", () => {
     });
 
     actions?.openCommandBar("PL ");
-    actions?.showWidget("debug");
-    actions?.hideWidget("chat");
+    actions?.showPane("debug");
+    actions?.hidePane("chat");
     actions?.openPluginCommandWorkflow("set-alert");
     actions?.notify({ body: "Saved", type: "success" });
 

package/src/plugins/plugin-runtime.tsx

@@ -35,8 +35,9 @@ export interface PluginRuntimeAccess {
   switchTab(tabId: string, paneId?: string): void;
   switchPanel(panel: "left" | "right"): void;
   openCommandBar(query?: string): void;
-  showWidget(widgetId: string): void;
-  hideWidget(widgetId: string): void;
+  showPane(paneId: string): void;
+  hidePane(paneId: string): void;
+  openPaneSettings(paneId?: string): void;
   openPluginCommandWorkflow(commandId: string): void;
   notify(notification: AppNotificationRequest): void;
   subscribeResumeState(pluginId: string, key: string, listener: () => void): () => void;
@@ -114,11 +115,14 @@ export function usePluginAppActions() {
   const openCommandBar = useCallback((query?: string) => {
     runtime.openCommandBar(query);
   }, [runtime]);
-  const showWidget = useCallback((widgetId: string) => {
-    runtime.showWidget(widgetId);
+  const showPane = useCallback((paneId: string) => {
+    runtime.showPane(paneId);
   }, [runtime]);
-  const hideWidget = useCallback((widgetId: string) => {
-    runtime.hideWidget(widgetId);
+  const hidePane = useCallback((paneId: string) => {
+    runtime.hidePane(paneId);
+  }, [runtime]);
+  const openPaneSettings = useCallback((paneId?: string) => {
+    runtime.openPaneSettings(paneId);
   }, [runtime]);
   const openPluginCommandWorkflow = useCallback((commandId: string) => {
     runtime.openPluginCommandWorkflow(commandId);
@@ -129,8 +133,9 @@ export function usePluginAppActions() {
 
   return {
     openCommandBar,
-    showWidget,
-    hideWidget,
+    showPane,
+    hidePane,
+    openPaneSettings,
     openPluginCommandWorkflow,
     notify,
   };

package/src/plugins/prediction-markets/cli.ts

@@ -1,4 +1,3 @@
-import { Input } from "../../ui";
 import type { CliCommandDef } from "../../types/plugin";
 import { createPredictionLaunchRequest, parsePredictionCommandArgs } from "./launch";
 

package/src/plugins/prediction-markets/controller-data.ts

@@ -37,8 +37,6 @@ import type {
   PredictionVenueScope,
 } from "./types";
 
-const KEYBOARD_DETAIL_LOAD_DELAY_MS = 140;
-
 function formatPredictionVenueLabel(venue: PredictionVenue): string {
   return venue === "polymarket" ? "Polymarket" : "Kalshi";
 }