gloomberb 0.9.7 → 0.9.9

package/src/components/chart/static/bar-chart-surface.tsx

@@ -1,7 +1,14 @@
-import { useCallback, useMemo, useRef, useState, type ReactNode } from "react";
-import { Box, ChartSurface, Span, Text, useNativeRenderer, type BoxRenderable } from "../../../ui";
+import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";
+import { Box, ChartSurface, Text, TextAttributes, useNativeRenderer, type BoxRenderable } from "../../../ui";
 import { colors } from "../../../theme/colors";
-import { consumeChartMouseEvent, getLocalPlotPointer, type ChartMouseEvent } from "../core/pointer";
+import {
+  consumeChartMouseEvent,
+  getLocalPlotPointer,
+  getRenderablePixelSize,
+  scaleLocalPixelCoordinate,
+  type ChartMouseEvent,
+  type LocalPlotPointer,
+} from "../core/pointer";
 import type { NativeChartBitmap } from "../native/chart-rasterizer";
 import { truncateWithEllipsis } from "../../../utils/text-wrap";
 import { useStaticChartBitmapSize } from "./chart/bitmap";
@@ -12,11 +19,36 @@ import {
   renderBarChartYAxis,
   renderNativeBarChart,
   resolveBarChartHover,
+  resolveNativeBarChartHover,
   type BarChartColors,
   type BarChartHover,
+  type BarChartScene,
   type BarChartSeries,
 } from "../bar-chart-renderer";
 
+export interface BarChartSurfaceHoverGeometry {
+  bitmapPixelWidth: number;
+  renderablePixelWidth?: number | null;
+}
+
+export function resolveBarChartSurfaceHover(
+  scene: BarChartScene,
+  pointer: Pick<LocalPlotPointer, "cellX" | "pixelX">,
+  geometry?: BarChartSurfaceHoverGeometry | null,
+): BarChartHover | null {
+  if (geometry && pointer.pixelX !== null) {
+    const pixelX = scaleLocalPixelCoordinate(
+      pointer.pixelX,
+      geometry.renderablePixelWidth ?? geometry.bitmapPixelWidth,
+      geometry.bitmapPixelWidth,
+    );
+    if (pixelX !== null) {
+      return resolveNativeBarChartHover(scene, pixelX, geometry.bitmapPixelWidth);
+    }
+  }
+  return resolveBarChartHover(scene, pointer.cellX);
+}
+
 export interface StaticBarChartSurfaceProps {
   series: BarChartSeries[];
   width: number;
@@ -25,6 +57,8 @@ export interface StaticBarChartSurfaceProps {
   title?: string;
   header?: ReactNode;
   formatValue?: (value: number) => string;
+  hiddenSeriesIds?: readonly string[] | ReadonlySet<string>;
+  onToggleSeries?: (seriesId: string) => void;
   onHoverChange?: (hover: BarChartHover | null) => void;
   onMouseDown?: (event: ChartMouseEvent) => void;
 }
@@ -36,6 +70,8 @@ export function StaticBarChartSurface({
   title,
   header,
   formatValue,
+  hiddenSeriesIds,
+  onToggleSeries,
   onHoverChange,
   onMouseDown,
   colors: chartColors,
@@ -59,11 +95,18 @@ export function StaticBarChartSurface({
     negativeColor: chartColors?.negativeColor ?? colors.negative,
     hoverColor: chartColors?.hoverColor ?? colors.textBright,
   }), [chartColors]);
-  const scene = useMemo(() => buildBarChartScene(series, {
+  const hiddenSeriesIdSet = useMemo(() => (
+    hiddenSeriesIds instanceof Set ? hiddenSeriesIds : new Set(hiddenSeriesIds ?? [])
+  ), [hiddenSeriesIds]);
+  const visibleSeries = useMemo(
+    () => series.filter((item) => !hiddenSeriesIdSet.has(item.id)),
+    [hiddenSeriesIdSet, series],
+  );
+  const scene = useMemo(() => buildBarChartScene(visibleSeries, {
     width: plotWidth,
     height: plotHeight,
     colors: resolvedChartColors,
-  }), [plotHeight, plotWidth, resolvedChartColors, series]);
+  }), [plotHeight, plotWidth, resolvedChartColors, visibleSeries]);
 
   const bitmapSize = useStaticChartBitmapSize(plotWidth, plotHeight);
 
@@ -78,8 +121,8 @@ export function StaticBarChartSurface({
   const hoverLabel = useMemo(() => {
     if (!hover) return null;
     const value = formatValue ? formatValue(hover.value) : String(hover.value);
-    return series.length > 1 ? `${hover.category} ${hover.seriesLabel}: ${value}` : `${hover.category}: ${value}`;
-  }, [formatValue, hover, series.length]);
+    return visibleSeries.length > 1 ? `${hover.category} ${hover.seriesLabel}: ${value}` : `${hover.category}: ${value}`;
+  }, [formatValue, hover, visibleSeries.length]);
   const readout = useMemo(() => {
     if (!hoverLabel) return title ?? "";
     return title ? `${title}  ${hoverLabel}` : hoverLabel;
@@ -98,6 +141,17 @@ export function StaticBarChartSurface({
     return { labelLeft, labelTop, labelWidth, text };
   }, [hover, hoverLabel, plotHeight, plotWidth]);
 
+  const resolvePointerHover = useCallback((pointer: LocalPlotPointer): BarChartHover | null => {
+    if (!scene) return null;
+    const renderablePixelSize = bitmapSize ? getRenderablePixelSize(plotRef.current, renderer) : null;
+    return resolveBarChartSurfaceHover(scene, pointer, bitmapSize
+      ? {
+        bitmapPixelWidth: bitmapSize.pixelWidth,
+        renderablePixelWidth: renderablePixelSize?.pixelWidth ?? bitmapSize.pixelWidth,
+      }
+      : null);
+  }, [bitmapSize, renderer, scene]);
+
   const handleMouseMove = useCallback((event: ChartMouseEvent) => {
     if (!scene) return;
     const pointer = getLocalPlotPointer(event, plotRef.current, renderer);
@@ -106,11 +160,11 @@ export function StaticBarChartSurface({
       onHoverChange?.(null);
       return;
     }
-    const nextHover = resolveBarChartHover(scene, pointer.cellX);
+    const nextHover = resolvePointerHover(pointer);
     setHover(nextHover);
     onHoverChange?.(nextHover);
     consumeChartMouseEvent(event);
-  }, [onHoverChange, renderer, scene]);
+  }, [onHoverChange, renderer, resolvePointerHover, scene]);
 
   const handleMouseOut = useCallback(() => {
     setHover(null);
@@ -122,16 +176,54 @@ export function StaticBarChartSurface({
     if (!scene) return;
     const pointer = getLocalPlotPointer(event, plotRef.current, renderer);
     if (!pointer) return;
-    const nextHover = resolveBarChartHover(scene, pointer.cellX);
+    const nextHover = resolvePointerHover(pointer);
     setHover(nextHover);
     onHoverChange?.(nextHover);
     consumeChartMouseEvent(event);
-  }, [onHoverChange, onMouseDown, renderer, scene]);
+  }, [onHoverChange, onMouseDown, renderer, resolvePointerHover, scene]);
+
+  useEffect(() => {
+    if (hover && hiddenSeriesIdSet.has(hover.seriesId)) {
+      setHover(null);
+      onHoverChange?.(null);
+    }
+  }, [hiddenSeriesIdSet, hover, onHoverChange]);
+
+  const legend = legendRows ? (
+    <Box flexDirection="row" height={1}>
+      {series.map((item, index) => {
+        const hidden = hiddenSeriesIdSet.has(item.id);
+        const legendColor = hidden ? colors.textDim : item.color;
+        const legendAttributes = hidden ? TextAttributes.STRIKETHROUGH | TextAttributes.DIM : TextAttributes.NONE;
+        const handleLegendMouseDown = onToggleSeries
+          ? (event: any) => {
+            event.stopPropagation?.();
+            onToggleSeries(item.id);
+          }
+          : undefined;
+        return (
+          <Box
+            key={item.id}
+            flexDirection="row"
+            height={1}
+            onMouseDown={handleLegendMouseDown}
+            cursor={onToggleSeries ? "pointer" : undefined}
+            data-gloom-interactive={onToggleSeries ? "true" : undefined}
+          >
+            <Text>{index > 0 ? "  " : " "}</Text>
+            <Text fg={legendColor} bg={legendColor} attributes={legendAttributes}> </Text>
+            <Text fg={legendColor} attributes={legendAttributes}>{` ${item.label}`}</Text>
+          </Box>
+        );
+      })}
+    </Box>
+  ) : null;
 
   if (!scene) {
     return (
       <Box flexDirection="column" width={totalWidth} height={totalHeight} onMouseDown={onMouseDown}>
         {header ?? (title ? <Text fg={colors.textBright} bold>{truncateWithEllipsis(title, totalWidth)}</Text> : null)}
+        {legend}
         <Text fg={colors.textDim}>No chart data</Text>
       </Box>
     );
@@ -146,15 +238,7 @@ export function StaticBarChartSurface({
           </Text>
         )
       ) : null}
-      {legendRows ? (
-        <Text>
-          {series.map((item, index) => (
-            <Span key={item.id} fg={item.color}>
-              {index > 0 ? "  " : ""}{"■ "}{item.label}
-            </Span>
-          ))}
-        </Text>
-      ) : null}
+      {legend}
       <Box flexDirection="row" width={totalWidth} height={plotHeight}>
         {yAxisWidth ? (
           <Box flexDirection="column" width={yAxisWidth} height={plotHeight}>

package/src/components/chart/stock-chart/data-runtime.ts

@@ -3,7 +3,6 @@ import type { InstrumentRef } from "../../../market-data/request-types";
 import type { DataProvider } from "../../../types/data-provider";
 import type { PricePoint, TickerFinancials } from "../../../types/financials";
 import { appendLiveQuotePoint, resolveStableOhlcProjectionOptions } from "../core/data";
-import type { DateWindowRange } from "../core/controller";
 import {
   getChartResolutionLabel,
   sortChartResolutions,

package/src/components/chart/stock-chart/footer.test.ts

@@ -0,0 +1,65 @@
+import { describe, expect, test } from "bun:test";
+import type { ProjectedChartPoint } from "../core/data";
+import { resolveStockChartFooterOhlcReadout } from "./footer";
+
+function point(
+  close: number,
+  overrides: Partial<ProjectedChartPoint> = {},
+): ProjectedChartPoint {
+  return {
+    date: new Date("2026-07-03T10:00:00Z"),
+    open: close,
+    high: close,
+    low: close,
+    close,
+    volume: 100,
+    ...overrides,
+  };
+}
+
+describe("stock chart footer OHLC readout", () => {
+  test("summarizes the visible OHLC window for idle chart readouts", () => {
+    const readout = resolveStockChartFooterOhlcReadout({
+      activePoint: null,
+      hasDisplayCursor: false,
+      points: [
+        point(100, { open: 99, high: 101, low: 98, volume: 10 }),
+        point(104, { open: 100, high: 108, low: 99, volume: 20 }),
+        point(106, { open: 104, high: 107, low: 103, volume: 30 }),
+      ],
+    });
+
+    expect(readout).toMatchObject({
+      open: 99,
+      high: 108,
+      low: 98,
+      close: 106,
+      volume: 60,
+    });
+    expect(readout?.changePercent).toBeCloseTo(((106 - 99) / 99) * 100);
+  });
+
+  test("uses the summary only when there is no chart cursor", () => {
+    const activePoint = point(104, { open: 103, high: 105, low: 102 });
+    const points = [
+      point(100, { open: 99, high: 101, low: 98 }),
+      point(106, { open: 104, high: 107, low: 103 }),
+    ];
+
+    const idleReadout = resolveStockChartFooterOhlcReadout({
+      activePoint,
+      hasDisplayCursor: false,
+      points,
+    });
+    const cursorReadout = resolveStockChartFooterOhlcReadout({
+      activePoint,
+      hasDisplayCursor: true,
+      points,
+    });
+
+    expect(idleReadout?.close).toBe(106);
+    expect(idleReadout?.changePercent).not.toBeNull();
+    expect(cursorReadout).toMatchObject(activePoint);
+    expect(cursorReadout?.changePercent).toBeNull();
+  });
+});

package/src/components/chart/stock-chart/footer.ts

@@ -1,7 +1,8 @@
 import { useMemo, type Dispatch, type MutableRefObject, type SetStateAction } from "react";
-import { formatCompact } from "../../../utils/format";
+import { formatCompact, formatPercentRaw } from "../../../utils/format";
 import { formatMarketPriceWithCurrency } from "../../../market-data/market/format";
 import { usePaneFooter, type PaneFooterSegment, type PaneHint } from "../../layout/pane/footer";
+import { priceColor } from "../../../theme/colors";
 import type { PricePoint } from "../../../types/financials";
 import type { ProjectedChartPoint } from "../core/data";
 import type { DateWindowRange } from "../core/controller";
@@ -24,8 +25,53 @@ import {
   type StockChartViewportState,
 } from "./viewport";
 
-interface StockChartFooterOptions {
+interface StockChartOhlcReadout extends ProjectedChartPoint {
+  changePercent: number | null;
+}
+
+function summarizeOhlcWindow(points: readonly ProjectedChartPoint[]): StockChartOhlcReadout | null {
+  const first = points[0];
+  const last = points.at(-1);
+  if (!first || !last) return null;
+
+  let high = first.high;
+  let low = first.low;
+  let volume = 0;
+  for (const point of points) {
+    high = Math.max(high, point.high);
+    low = Math.min(low, point.low);
+    volume += point.volume;
+  }
+
+  return {
+    date: last.date,
+    open: first.open,
+    high,
+    low,
+    close: last.close,
+    volume,
+    changePercent: Number.isFinite(first.open) && first.open !== 0
+      ? ((last.close - first.open) / first.open) * 100
+      : null,
+  };
+}
+
+export function resolveStockChartFooterOhlcReadout({
+  activePoint,
+  hasDisplayCursor,
+  points,
+}: {
   activePoint: ProjectedChartPoint | null;
+  hasDisplayCursor: boolean;
+  points: readonly ProjectedChartPoint[];
+}): StockChartOhlcReadout | null {
+  if (hasDisplayCursor) {
+    return activePoint ? { ...activePoint, changePercent: null } : null;
+  }
+  return summarizeOhlcWindow(points);
+}
+
+interface StockChartFooterOptions {
   activePreset: TimeRange | null;
   baseDateBounds: DateWindowRange | null;
   boundsHistoryDates: Date[];
@@ -37,6 +83,7 @@ interface StockChartFooterOptions {
   history: PricePoint[];
   manualMinimumSpanMs: number | null;
   navigableDateWindow: DateWindowRange | null;
+  ohlcReadout: StockChartOhlcReadout | null;
   pendingAutoWindowRef: MutableRefObject<DateWindowRange | null>;
   pendingCanonicalResetRef: MutableRefObject<number>;
   persistRenderMode: (mode: ChartRenderMode) => void;
@@ -50,7 +97,6 @@ interface StockChartFooterOptions {
   setRenderedAutoView: Dispatch<SetStateAction<AutoRenderedView | null>>;
   setResolution: (resolution: ChartResolution) => void;
   setViewState: Dispatch<SetStateAction<StockChartViewportState>>;
-  showOhlcSummary: boolean;
   updateDisplayCursorTarget: (next: DisplayCursorState, motionKind: ChartCursorMotionKind) => void;
   visibleDateWindow: DateWindowRange | null;
   visiblePriceRange: number | undefined;
@@ -58,7 +104,6 @@ interface StockChartFooterOptions {
 }
 
 export function useStockChartFooter({
-  activePoint,
   activePreset,
   baseDateBounds,
   boundsHistoryDates,
@@ -70,6 +115,7 @@ export function useStockChartFooter({
   history,
   manualMinimumSpanMs,
   navigableDateWindow,
+  ohlcReadout,
   pendingAutoWindowRef,
   pendingCanonicalResetRef,
   persistRenderMode,
@@ -83,7 +129,6 @@ export function useStockChartFooter({
   setRenderedAutoView,
   setResolution,
   setViewState,
-  showOhlcSummary,
   updateDisplayCursorTarget,
   visibleDateWindow,
   visiblePriceRange,
@@ -196,7 +241,7 @@ export function useStockChartFooter({
   ]);
 
   const chartFooterInfo = useMemo<PaneFooterSegment[]>(() => {
-    if (compact || !showOhlcSummary || !activePoint) return [];
+    if (compact || !ohlcReadout) return [];
 
     const formatPrice = (value: number) => formatMarketPriceWithCurrency(value, chartCurrency, {
       assetCategory: chartAssetCategory,
@@ -210,16 +255,27 @@ export function useStockChartFooter({
         ? []
         : [
             { text: "O", tone: "label" as const },
-            { text: formatPrice(activePoint.open), tone: "value" as const },
+            { text: formatPrice(ohlcReadout.open), tone: "value" as const },
           ]),
       { text: "H", tone: "label" },
-      { text: formatPrice(activePoint.high), tone: "value" },
+      { text: formatPrice(ohlcReadout.high), tone: "value" },
       { text: "L", tone: "label" },
-      { text: formatPrice(activePoint.low), tone: "value" },
+      { text: formatPrice(ohlcReadout.low), tone: "value" },
       { text: "C", tone: "label" },
-      { text: formatPrice(activePoint.close), tone: "value" },
+      { text: formatPrice(ohlcReadout.close), tone: "value" },
+      ...(ohlcReadout.changePercent === null
+        ? []
+        : [
+            { text: "%", tone: "label" as const },
+            {
+              text: formatPercentRaw(ohlcReadout.changePercent),
+              tone: "value" as const,
+              color: priceColor(ohlcReadout.changePercent),
+              bold: true,
+            },
+          ]),
       { text: "V", tone: "label" },
-      { text: formatCompact(activePoint.volume), tone: "value" },
+      { text: formatCompact(ohlcReadout.volume), tone: "value" },
     ];
 
     return [{
@@ -227,12 +283,11 @@ export function useStockChartFooter({
       parts,
     }];
   }, [
-    activePoint,
     chartAssetCategory,
     chartCurrency,
     compact,
+    ohlcReadout,
     projectionMode,
-    showOhlcSummary,
     visiblePriceRange,
   ]);
 

package/src/components/chart/stock-chart/resolved.tsx

@@ -1,5 +1,5 @@
-import { memo, type ComponentProps } from "react";
-import { useStockChartFooter } from "./footer";
+import { memo, useMemo, type ComponentProps } from "react";
+import { resolveStockChartFooterOhlcReadout, useStockChartFooter } from "./footer";
 import { useStockChartKeyboardShortcuts } from "./keyboard";
 import { useStockChartControlRenderInvalidation } from "./rendering/invalidation";
 import { useStockChartRenderOutput } from "./rendering/output";
@@ -139,9 +139,23 @@ function useResolvedStockChartControls(
   } = runtime;
   const { output, status } = render;
   const manualMinimumSpanMs = getChartResolutionStepMs(dataRuntime.renderedResolution);
+  const ohlcReadout = useMemo(
+    () => output.showOhlcSummary
+      ? resolveStockChartFooterOhlcReadout({
+        activePoint: output.activePoint,
+        hasDisplayCursor: output.hasDisplayCursor,
+        points: projectionModel.projection.points,
+      })
+      : null,
+    [
+      output.activePoint,
+      output.hasDisplayCursor,
+      output.showOhlcSummary,
+      projectionModel.projection.points,
+    ],
+  );
 
   useStockChartFooter({
-    activePoint: output.activePoint,
     activePreset: viewportRuntime.activePreset,
     baseDateBounds: dataRuntime.baseDateBounds,
     boundsHistoryDates: dataRuntime.boundsHistoryDates,
@@ -153,6 +167,7 @@ function useResolvedStockChartControls(
     history: dataRuntime.history,
     manualMinimumSpanMs,
     navigableDateWindow: dataRuntime.navigableDateWindow,
+    ohlcReadout,
     pendingAutoWindowRef: interactionRuntime.pendingAutoWindowRef,
     pendingCanonicalResetRef: interactionRuntime.pendingCanonicalResetRef,
     persistRenderMode: viewportRuntime.persistRenderMode,
@@ -166,7 +181,6 @@ function useResolvedStockChartControls(
     setRenderedAutoView: dataRuntime.setRenderedAutoView,
     setResolution: viewportRuntime.setResolution,
     setViewState: settings.setViewState,
-    showOhlcSummary: output.showOhlcSummary,
     updateDisplayCursorTarget: interactionRuntime.updateDisplayCursorTarget,
     visibleDateWindow: dataRuntime.visibleDateWindow,
     visiblePriceRange: output.visiblePriceRange,

package/src/components/chart/stock-chart/viewport/effects.ts

@@ -1,5 +1,4 @@
 import { useEffect, useRef, type Dispatch, type MutableRefObject, type SetStateAction } from "react";
-import { applyBufferedPanExpansion } from "../../core/scroll";
 import {
   applyDateWindowViewport,
   buildVisibleDateWindow,
@@ -15,7 +14,6 @@ import {
   type StoredChartSelectionSyncState,
 } from "../../core/pane-settings";
 import {
-  getNextBufferRange,
   getSupportMaxRange,
   type ManualChartResolution,
 } from "../../core/resolution";
@@ -31,7 +29,6 @@ import type {
 import type { ChartCursorMotionKind } from "../../cursor-motion";
 import type { AutoRenderedView } from "../auto";
 import {
-  clearAutoViewportState,
   resolveViewportPresetSelection,
   resolveViewportStoredSelection,
   type PendingExpansionAction,

package/src/components/command-bar/helpers.test.ts

@@ -1,20 +1,14 @@
 import { describe, expect, test } from "bun:test";
 import type { PaneTemplateDef, WizardStep } from "../../types/plugin";
-import type {
-  CommandBarRoute,
-  CommandBarWorkflowField,
-} from "./workflow/types";
+import type { CommandBarWorkflowField } from "./workflow/types";
 import {
   buildGeneratedTemplateField,
   getCollectionCommandAction,
   getCollectionCommandKind,
   getCollectionCommandVerb,
   getFirstVisibleFieldId,
-  getScreenFooterLeft,
-  getScreenFooterRight,
   getVisibleWorkflowFields,
   isCollectionCommand,
-  isRootParsedCommand,
   isRouteCommandId,
   isWorkflowTextField,
   looksDestructiveCommand,
@@ -22,7 +16,6 @@ import {
   routeCommandIdToScreen,
   slugifyName,
   summarizeError,
-  summarizePaneSettingValue,
   summarizeWorkflowFieldValue,
 } from "./helpers";
 
@@ -79,26 +72,6 @@ describe("command-bar helpers", () => {
     }, ["symbol", "price", "pnl", "volume"])).toBe("Symbol, Price, P&L +1");
   });
 
-  test("summarizes pane setting values consistently", () => {
-    expect(summarizePaneSettingValue({
-      key: "theme",
-      label: "Theme",
-      type: "select",
-      options: [{ label: "Nord", value: "nord" }],
-    }, "nord")).toBe("Nord");
-    expect(summarizePaneSettingValue({
-      key: "columns",
-      label: "Columns",
-      type: "ordered-multi-select",
-      options: [
-        { label: "Symbol", value: "symbol" },
-        { label: "Price", value: "price" },
-        { label: "P&L", value: "pnl" },
-        { label: "Volume", value: "volume" },
-      ],
-    }, ["symbol", "price", "pnl", "volume"])).toBe("Symbol, Price, P&L +1");
-  });
-
   test("normalizes wizard fields and derives defaults from steps", () => {
     const steps: WizardStep[] = [
       { key: "intro", label: "Intro", type: "info", body: ["Line one", "Line two"] },
@@ -157,61 +130,9 @@ describe("command-bar helpers", () => {
     });
   });
 
-  test("formats screen footers based on route context", () => {
-    const orderedPickerRoute: CommandBarRoute = {
-      kind: "picker",
-      pickerId: "field-multi-select",
-      title: "Columns",
-      query: "",
-      selectedIdx: 0,
-      hoveredIdx: null,
-      options: [],
-      payload: { fieldType: "ordered-multi-select" },
-    };
-    const filteredPickerRoute: CommandBarRoute = {
-      ...orderedPickerRoute,
-      query: "vol",
-    };
-    const workflowRoute: CommandBarRoute = {
-      kind: "workflow",
-      workflowId: "create-pane",
-      title: "Create Pane",
-      fields: [],
-      values: {},
-      activeFieldId: null,
-      submitLabel: "Create",
-      pending: false,
-      error: null,
-      payload: {
-        kind: "builtin",
-        actionId: "create-pane",
-      },
-    };
-    const confirmRoute: CommandBarRoute = {
-      kind: "confirm",
-      confirmId: "delete",
-      title: "Delete",
-      body: ["Delete item?"],
-      confirmLabel: "Delete",
-      cancelLabel: "Back",
-      tone: "danger",
-      onConfirm: () => {},
-      pending: false,
-      error: null,
-    };
-
-    expect(getScreenFooterLeft(null)).toBe("up/down move  enter select");
-    expect(getScreenFooterLeft(orderedPickerRoute)).toBe("up/down move  space toggle  [ ] reorder  enter done");
-    expect(getScreenFooterRight(orderedPickerRoute)).toBe("backspace/esc back");
-    expect(getScreenFooterRight(filteredPickerRoute)).toBe("backspace delete  esc back");
-    expect(getScreenFooterRight(workflowRoute)).toBe("backspace/esc back");
-    expect(getScreenFooterRight(confirmRoute)).toBe("backspace/esc back");
-  });
-
   test("maps route and collection command ids", () => {
     expect(isRouteCommandId("plugins")).toBe(true);
     expect(routeCommandIdToScreen("plugins")).toBe("plugins");
-    expect(isRootParsedCommand("remove-portfolio")).toBe(true);
     expect(isCollectionCommand("remove-portfolio")).toBe(true);
     expect(getCollectionCommandKind("remove-portfolio")).toBe("portfolio");
     expect(getCollectionCommandAction("remove-portfolio")).toBe("remove");

package/src/components/command-bar/helpers.ts

@@ -1,4 +1,4 @@
-import type { CommandDef, PaneSettingField } from "../../types/plugin";
+import type { CommandDef } from "../../types/plugin";
 import type { CommandBarRoute } from "./workflow/types";
 import type { CollectionKind, CollectionMembershipAction } from "./workflow/ops";
 
@@ -37,14 +37,6 @@ export function routeCommandIdToScreen(commandId: RouteCommandId): "ticker-searc
   }
 }
 
-export function isRootParsedCommand(commandId: string): boolean {
-  return commandId === "security-description"
-    || commandId === "add-watchlist"
-    || commandId === "add-portfolio"
-    || commandId === "remove-watchlist"
-    || commandId === "remove-portfolio";
-}
-
 export function isCollectionCommand(commandId: string): commandId is CollectionCommandId {
   return commandId === "add-watchlist"
     || commandId === "add-portfolio"
@@ -64,33 +56,6 @@ export function getCollectionCommandVerb(action: CollectionMembershipAction): st
   return action === "add" ? "Add" : "Remove";
 }
 
-export function summarizePaneSettingValue(field: PaneSettingField, value: unknown): string {
-  switch (field.type) {
-    case "toggle":
-      return value === true ? "On" : "Off";
-    case "text":
-      return typeof value === "string" && value.trim().length > 0 ? value : "Unset";
-    case "select": {
-      const option = field.options.find((entry) => entry.value === value);
-      return option?.label ?? "Unset";
-    }
-    case "multi-select":
-    case "ordered-multi-select": {
-      const selected = Array.isArray(value)
-        ? value.filter((entry): entry is string => typeof entry === "string")
-        : [];
-      if (selected.length === 0) return "None";
-      const labels = selected
-        .map((entry) => field.options.find((option) => option.value === entry)?.label ?? entry)
-        .slice(0, 3);
-      const suffix = selected.length > 3 ? ` +${selected.length - 3}` : "";
-      return `${labels.join(", ")}${suffix}`;
-    }
-    default:
-      return "";
-  }
-}
-
 export function getScreenFooterLeft(route: CommandBarRoute | null): string {
   if (!route) return "up/down move  enter select";
   switch (route.kind) {