gloomberb 0.6.1 → 0.7.0

package/src/plugins/builtin/options.tsx

@@ -1,10 +1,11 @@
 import { Box, Text } from "../../ui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TextAttributes } from "../../ui";
-import type { DetailTabProps, GloomPlugin, PaneProps } from "../../types/plugin";
+import type { GloomPlugin } from "../../types/plugin";
 import type { OptionContract, OptionsChain } from "../../types/financials";
 import { usePaneTicker } from "../../state/app-context";
-import { blendHex, colors } from "../../theme/colors";
+import { blendHex, colors, hoverBg } from "../../theme/colors";
+import { blendForContrast, contrastRatio, higherContrast } from "../../theme/color-utils";
 import { formatCompact, formatNumber } from "../../utils/format";
 import { formatMarketPrice } from "../../utils/market-format";
 import { formatExpDate, resolveOptionsTarget } from "../../utils/options";
@@ -12,7 +13,7 @@ import { useOptionsQuery, useResolvedEntryValue } from "../../market-data/hooks"
 import { DataTableView, Spinner, Tabs, usePaneFooter, type DataTableCell, type DataTableColumn, type DataTableKeyEvent } from "../../components";
 import { createTickerSurfacePaneTemplate } from "./ticker-surface";
 
-type OptionColumnId =
+export type OptionColumnId =
   | "callLast"
   | "callBid"
   | "callAsk"
@@ -36,31 +37,40 @@ interface OptionTableRow {
   isPositionStrike: boolean;
 }
 
-type OptionsViewProps = Pick<DetailTabProps, "width" | "height" | "focused"> & {
-  onCapture?: DetailTabProps["onCapture"];
+type OptionsViewProps = {
+  width: number;
+  height: number;
+  focused: boolean;
+  onCapture?: (capturing: boolean) => void;
 };
 
-const OPTION_CALL_COLOR = "#5ed69a";
-const OPTION_PUT_COLOR = "#ff9c7a";
-const OPTION_PRICE_COLOR = "#dfc05b";
-const OPTION_ACTIVITY_COLOR = "#35a7d6";
-const OPTION_IV_COLOR = "#8bd878";
-const OPTION_STRIKE_COLOR = "#8fb7ff";
-
-const OPTION_COLUMNS: OptionColumn[] = [
-  { id: "callOpenInterest", label: "C OI", width: 6, align: "right", headerColor: OPTION_ACTIVITY_COLOR },
-  { id: "callVolume", label: "C VOL", width: 6, align: "right", headerColor: OPTION_ACTIVITY_COLOR },
-  { id: "callLast", label: "C LAST", width: 7, align: "right", headerColor: OPTION_CALL_COLOR },
-  { id: "callIv", label: "C IV", width: 6, align: "right", headerColor: OPTION_IV_COLOR },
-  { id: "callBid", label: "C BID", width: 7, align: "right", headerColor: OPTION_PRICE_COLOR },
-  { id: "callAsk", label: "C ASK", width: 7, align: "right", headerColor: OPTION_PRICE_COLOR },
-  { id: "strike", label: "STRIKE", width: 9, align: "right", headerColor: OPTION_STRIKE_COLOR },
-  { id: "putBid", label: "P BID", width: 7, align: "right", headerColor: OPTION_PRICE_COLOR },
-  { id: "putAsk", label: "P ASK", width: 7, align: "right", headerColor: OPTION_PRICE_COLOR },
-  { id: "putIv", label: "P IV", width: 6, align: "right", headerColor: OPTION_IV_COLOR },
-  { id: "putLast", label: "P LAST", width: 7, align: "right", headerColor: OPTION_PUT_COLOR },
-  { id: "putVolume", label: "P VOL", width: 6, align: "right", headerColor: OPTION_ACTIVITY_COLOR },
-  { id: "putOpenInterest", label: "P OI", width: 6, align: "right", headerColor: OPTION_ACTIVITY_COLOR },
+type OptionColorRole = "call" | "put" | "price" | "activity" | "iv" | "strike";
+
+const OPTION_TEXT_MIN_CONTRAST = 4.5;
+
+const OPTION_BASE_COLORS: Record<OptionColorRole, string> = {
+  call: "#5ed69a",
+  put: "#ff9c7a",
+  price: "#dfc05b",
+  activity: "#35a7d6",
+  iv: "#8bd878",
+  strike: "#8fb7ff",
+};
+
+const OPTION_COLUMNS: Array<Omit<OptionColumn, "headerColor">> = [
+  { id: "callOpenInterest", label: "C OI", width: 6, align: "right" },
+  { id: "callVolume", label: "C VOL", width: 6, align: "right" },
+  { id: "callLast", label: "C LAST", width: 7, align: "right" },
+  { id: "callIv", label: "C IV", width: 6, align: "right" },
+  { id: "callBid", label: "C BID", width: 7, align: "right" },
+  { id: "callAsk", label: "C ASK", width: 7, align: "right" },
+  { id: "strike", label: "STRIKE", width: 9, align: "right" },
+  { id: "putBid", label: "P BID", width: 7, align: "right" },
+  { id: "putAsk", label: "P ASK", width: 7, align: "right" },
+  { id: "putIv", label: "P IV", width: 6, align: "right" },
+  { id: "putLast", label: "P LAST", width: 7, align: "right" },
+  { id: "putVolume", label: "P VOL", width: 6, align: "right" },
+  { id: "putOpenInterest", label: "P OI", width: 6, align: "right" },
 ];
 
 export function OptionsView({ width, height, focused, onCapture = () => {} }: OptionsViewProps) {
@@ -161,6 +171,10 @@ export function OptionsView({ width, height, focused, onCapture = () => {} }: Op
   const selectedStrike = strikes[strikeIdx];
   const selectedCall = selectedStrike != null ? callsByStrike.get(selectedStrike) : undefined;
   const selectedPut = selectedStrike != null ? putsByStrike.get(selectedStrike) : undefined;
+  const optionColumns = OPTION_COLUMNS.map((column) => ({
+    ...column,
+    headerColor: optionColumnColor(column.id, colors.panel),
+  }));
 
   usePaneFooter("options", () => {
     const info = [
@@ -303,7 +317,7 @@ export function OptionsView({ width, height, focused, onCapture = () => {} }: Op
         focused={focused}
         selectedIndex={strikeIdx}
         onRootKeyDown={handleTableKeyDown}
-        columns={OPTION_COLUMNS}
+        columns={optionColumns}
         items={rows}
         sortColumnId={null}
         sortDirection="asc"
@@ -327,14 +341,6 @@ export function OptionsView({ width, height, focused, onCapture = () => {} }: Op
   );
 }
 
-export function OptionsTab(props: DetailTabProps) {
-  return <OptionsView {...props} />;
-}
-
-export function OptionsPane({ focused, width, height }: PaneProps) {
-  return <OptionsView focused={focused} width={width} height={height} />;
-}
-
 function buildStrikeList(chain: OptionsChain): number[] {
   const set = new Set<number>();
   for (const c of chain.calls) set.add(c.strike);
@@ -378,12 +384,60 @@ function optionContractForColumn(row: OptionTableRow, columnId: OptionColumnId):
   return columnId.startsWith("call") ? row.call : row.put;
 }
 
-function optionColumnColor(columnId: OptionColumnId): string {
-  if (columnId === "strike") return OPTION_STRIKE_COLOR;
-  if (columnId.endsWith("Iv")) return OPTION_IV_COLOR;
-  if (columnId.endsWith("Volume") || columnId.endsWith("OpenInterest")) return OPTION_ACTIVITY_COLOR;
-  if (columnId.endsWith("Bid") || columnId.endsWith("Ask")) return OPTION_PRICE_COLOR;
-  return columnId.startsWith("call") ? OPTION_CALL_COLOR : OPTION_PUT_COLOR;
+export function optionColumnColor(columnId: OptionColumnId, surface = colors.bg): string {
+  return optionRoleColor(optionColumnRole(columnId), surface);
+}
+
+function optionColumnRole(columnId: OptionColumnId): OptionColorRole {
+  if (columnId === "strike") return "strike";
+  if (columnId.endsWith("Iv")) return "iv";
+  if (columnId.endsWith("Volume") || columnId.endsWith("OpenInterest")) return "activity";
+  if (columnId.endsWith("Bid") || columnId.endsWith("Ask")) return "price";
+  return columnId.startsWith("call") ? "call" : "put";
+}
+
+function optionRoleThemeColor(role: OptionColorRole): string {
+  switch (role) {
+    case "call":
+    case "iv":
+      return colors.positive;
+    case "put":
+      return colors.negative;
+    case "price":
+      return colors.warning;
+    case "activity":
+    case "strike":
+      return colors.borderFocused;
+  }
+}
+
+function mostReadableColor(surface: string, candidates: readonly string[]): string {
+  return candidates.reduce((best, candidate) =>
+    contrastRatio(candidate, surface) > contrastRatio(best, surface) ? candidate : best,
+  );
+}
+
+export function optionRoleColor(role: OptionColorRole, surface: string): string {
+  const preferred = OPTION_BASE_COLORS[role];
+  const themeColor = optionRoleThemeColor(role);
+  const fallback = mostReadableColor(surface, [
+    preferred,
+    themeColor,
+    colors.text,
+    colors.textBright,
+    higherContrast("#ffffff", "#000000", surface),
+  ]);
+  return blendForContrast(preferred, surface, fallback, OPTION_TEXT_MIN_CONTRAST);
+}
+
+export function optionMutedColor(surface: string): string {
+  const fallback = mostReadableColor(surface, [
+    colors.textDim,
+    colors.text,
+    colors.textBright,
+    higherContrast("#ffffff", "#000000", surface),
+  ]);
+  return blendForContrast(colors.textDim, surface, fallback, OPTION_TEXT_MIN_CONTRAST);
 }
 
 function optionMoneynessBackground(
@@ -443,23 +497,28 @@ function renderOptionCell(
   rowState: { selected: boolean; hovered: boolean },
 ): DataTableCell {
   const selectedColor = rowState.selected ? colors.selectedText : undefined;
+  const rowSurface = rowState.selected ? colors.selected : rowState.hovered ? hoverBg() : colors.bg;
 
   if (column.id === "strike") {
+    const backgroundColor = rowState.selected || rowState.hovered
+      ? undefined
+      : blendHex(colors.bg, row.isPositionStrike ? colors.borderFocused : colors.header, row.isPositionStrike ? 0.18 : 0.1);
+    const surface = backgroundColor ?? rowSurface;
     return {
       text: formatStrikeLabel(row.strike),
-      color: selectedColor ?? OPTION_STRIKE_COLOR,
-      backgroundColor: rowState.selected || rowState.hovered
-        ? undefined
-        : blendHex(colors.bg, row.isPositionStrike ? colors.borderFocused : colors.header, row.isPositionStrike ? 0.18 : 0.1),
+      color: selectedColor ?? optionRoleColor("strike", surface),
+      backgroundColor,
       attributes: rowState.selected || row.isPositionStrike ? TextAttributes.BOLD : TextAttributes.NONE,
     };
   }
 
   const contract = optionContractForColumn(row, column.id);
+  const backgroundColor = optionMoneynessBackground(row, contract, column.id, rowState);
+  const surface = backgroundColor ?? rowSurface;
   return {
     text: formatOptionContractCell(contract, column),
-    color: selectedColor ?? (contract ? optionColumnColor(column.id) : colors.textDim),
-    backgroundColor: optionMoneynessBackground(row, contract, column.id, rowState),
+    color: selectedColor ?? (contract ? optionRoleColor(optionColumnRole(column.id), surface) : optionMutedColor(surface)),
+    backgroundColor,
   };
 }
 
@@ -475,7 +534,7 @@ export const optionsPlugin: GloomPlugin = {
       id: "options",
       name: "Options",
       icon: "O",
-      component: OptionsPane,
+      component: OptionsView,
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 112, height: 28 },
@@ -498,7 +557,7 @@ export const optionsPlugin: GloomPlugin = {
       id: "options",
       name: "Options",
       order: 35, // after Chart (30), before News (40)
-      component: OptionsTab,
+      component: OptionsView,
       isVisible: ({ hasOptionsChain }) => hasOptionsChain,
     });
   },

package/src/plugins/builtin/plugin-groups.ts

@@ -4,6 +4,7 @@ import { correlationPlugin } from "./correlation";
 import { earningsPlugin } from "./earnings";
 import { registerEconCalendarFeature } from "./econ";
 import { fxMatrixPlugin } from "./fx-matrix";
+import { fearGreedPlugin } from "./fear-greed";
 import { holdersPlugin } from "./holders";
 import { insiderPlugin } from "./insider";
 import { marketMoversPlugin } from "./market-movers";
@@ -74,6 +75,7 @@ export const marketOverviewPlugin = createPluginGroup({
     correlationPlugin,
     worldIndicesPlugin,
     marketMoversPlugin,
+    fearGreedPlugin,
     sectorsPlugin,
     fxMatrixPlugin,
   ],

package/src/plugins/builtin/portfolio-list/cli/commands.ts

@@ -16,7 +16,7 @@ import {
   renderTable,
 } from "../../../../utils/cli-output";
 import { exchangeShortName } from "../../../../utils/market-status";
-import { formatCompact, formatCurrency } from "../../../../utils/format";
+import { formatCompact } from "../../../../utils/format";
 import { formatMarketCostWithCurrency, formatMarketPriceWithCurrency, formatMarketQuantity } from "../../../../utils/market-format";
 import type { AppConfig } from "../../../../types/config";
 import type { CliCommandContext, CliCommandDef } from "../../../../types/plugin";

package/src/plugins/builtin/research/index.tsx

@@ -8,7 +8,7 @@ import {
   type DataTableKeyEvent,
 } from "../../../components";
 import type { AnalystResearchData, CorporateActionsData, TickerFinancials } from "../../../types/financials";
-import type { DetailTabProps, GloomPlugin, PaneProps } from "../../../types/plugin";
+import type { GloomPlugin, PaneProps } from "../../../types/plugin";
 import { usePaneInstance, usePaneTicker } from "../../../state/app-context";
 import { blendHex, colors, priceColor } from "../../../theme/colors";
 import { formatCompact, formatCurrency, formatNumber, formatPercent, formatPercentRaw } from "../../../utils/format";
@@ -609,22 +609,6 @@ function RelativeValuationPane({ focused, width, height }: PaneProps) {
   );
 }
 
-function ResearchPane({ focused, width, height }: PaneProps) {
-  return <AnalystResearchView focused={focused} width={width} height={height} />;
-}
-
-function EventsPane({ focused, width, height }: PaneProps) {
-  return <CorporateActionsView focused={focused} width={width} height={height} />;
-}
-
-function AnalystTab({ focused, width, height }: DetailTabProps) {
-  return <AnalystResearchView focused={focused} width={width} height={height} />;
-}
-
-function EventsTab({ focused, width, height }: DetailTabProps) {
-  return <CorporateActionsView focused={focused} width={width} height={height} />;
-}
-
 export const researchPlugin: GloomPlugin = {
   id: "research",
   name: "Research",
@@ -637,14 +621,14 @@ export const researchPlugin: GloomPlugin = {
       id: "analyst-research",
       name: "Analyst",
       order: 32,
-      component: AnalystTab,
+      component: AnalystResearchView,
       isVisible: ({ ticker }) => !!ticker,
     });
     ctx.registerDetailTab({
       id: "corporate-actions",
       name: "Events",
       order: 34,
-      component: EventsTab,
+      component: CorporateActionsView,
       isVisible: ({ ticker }) => !!ticker,
     });
   },
@@ -654,7 +638,7 @@ export const researchPlugin: GloomPlugin = {
       id: "analyst-research",
       name: "Analyst Research",
       icon: "A",
-      component: ResearchPane,
+      component: AnalystResearchView,
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 90, height: 28 },
@@ -663,7 +647,7 @@ export const researchPlugin: GloomPlugin = {
       id: "corporate-actions",
       name: "Corporate Actions",
       icon: "E",
-      component: EventsPane,
+      component: CorporateActionsView,
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 82, height: 24 },

package/src/plugins/builtin/sec-filing-display.tsx

@@ -0,0 +1,84 @@
+import { Box, Text } from "../../ui";
+import { colors } from "../../theme/colors";
+import { formatCompact, formatCurrency } from "../../utils/format";
+import { transactionTypeLabel, type InsiderTransaction } from "./insider/insider-data";
+
+const MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] as const;
+
+export function formatFilingShortDate(value: Date | string | number): string {
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return "—";
+  return `${MONTH_NAMES[date.getMonth()]} ${String(date.getDate()).padStart(2, " ")} ${date.getFullYear()}`;
+}
+
+export function formatFilingMetaDate(value: Date): string {
+  return value.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+  });
+}
+
+export function formatFilingFormLabel(form: string, fallback = "FORM 4"): string {
+  const value = form.trim();
+  return value ? `FORM ${value}` : fallback;
+}
+
+export function renderFilingNotice(message: string, width: number) {
+  const lines = wrapNoticeLines(message, width - 4);
+  return (
+    <Box flexDirection="column" paddingX={1} paddingY={1}>
+      {lines.map((line, index) => (
+        <Box key={index} height={1}>
+          <Text fg={colors.textDim}>{line}</Text>
+        </Box>
+      ))}
+    </Box>
+  );
+}
+
+export function buildInsiderTransactionTitle(transaction: InsiderTransaction): string {
+  const type = transactionTypeLabel(transaction.transactionType);
+  const price = transaction.pricePerShare != null
+    ? ` @ ${formatCurrency(transaction.pricePerShare)}`
+    : "";
+  const value = transaction.totalValue != null
+    ? ` | ${formatCurrency(transaction.totalValue)}`
+    : "";
+  return `${type} ${formatCompact(transaction.shares)} shares${price}${value}`;
+}
+
+export function buildInsiderTransactionDetailBody(transaction: InsiderTransaction): string {
+  const lines = [
+    `Transaction: ${transactionTypeLabel(transaction.transactionType)}`,
+    `Date: ${formatFilingShortDate(transaction.filingDate)}`,
+    `Shares: ${formatCompact(transaction.shares)}`,
+    `Price/Share: ${transaction.pricePerShare != null ? formatCurrency(transaction.pricePerShare) : "—"}`,
+    `Total Value: ${transaction.totalValue != null ? formatCurrency(transaction.totalValue) : "—"}`,
+    `Shares Owned After: ${transaction.sharesOwned != null ? formatCompact(transaction.sharesOwned) : "—"}`,
+  ];
+  return lines.join("\n");
+}
+
+function wrapNoticeLines(text: string, width: number): string[] {
+  const maxWidth = Math.max(width, 12);
+  const words = text.trim().split(/\s+/);
+  const lines: string[] = [];
+  let current = "";
+
+  for (const word of words) {
+    if (!current) {
+      current = word;
+      continue;
+    }
+    if (current.length + 1 + word.length <= maxWidth) {
+      current = `${current} ${word}`;
+    } else {
+      lines.push(current);
+      current = word;
+    }
+  }
+
+  if (current) lines.push(current);
+  return lines;
+}

package/src/plugins/builtin/sec.tsx

@@ -1,6 +1,6 @@
-import { Box, Text } from "../../ui";
+import { Text } from "../../ui";
 import { useEffect, useMemo, useRef, useState } from "react";
-import type { DetailTabProps, GloomPlugin, PaneProps } from "../../types/plugin";
+import type { GloomPlugin } from "../../types/plugin";
 import type { SecFilingItem } from "../../types/data-provider";
 import { useResolvedEntryValue, useSecFilingContent, useSecFilingsQuery } from "../../market-data/hooks";
 import { instrumentFromTicker } from "../../market-data/request-types";
@@ -13,6 +13,10 @@ import { getSharedMarketDataCoordinator } from "../../market-data/coordinator";
 import { parseForm4Xml, transactionTypeLabel } from "./insider/insider-data";
 import { formatCompact, formatCurrency } from "../../utils/format";
 import { createTickerSurfacePaneTemplate } from "./ticker-surface";
+import {
+  formatFilingMetaDate,
+  renderFilingNotice,
+} from "./sec-filing-display";
 
 const SEC_FILING_LIMIT = 50;
 const OWNERSHIP_FORMS = new Set(["3", "4", "5"]);
@@ -60,48 +64,8 @@ function getFilingDisplayTitle(filing: SecFilingItem): string {
   return description ? `${formLabel} | ${description}` : formLabel;
 }
 
-function wrapMessageLines(text: string, width: number): string[] {
-  const maxWidth = Math.max(width, 12);
-  const words = text.trim().split(/\s+/);
-  const lines: string[] = [];
-  let current = "";
-
-  for (const word of words) {
-    if (!current) {
-      current = word;
-      continue;
-    }
-    if ((current.length + 1 + word.length) <= maxWidth) {
-      current = `${current} ${word}`;
-    } else {
-      lines.push(current);
-      current = word;
-    }
-  }
-
-  if (current) lines.push(current);
-  return lines;
-}
-
-function renderNotice(message: string, width: number) {
-  const lines = wrapMessageLines(message, width - 4);
-  return (
-    <Box flexDirection="column" paddingX={1} paddingY={1}>
-      {lines.map((line, index) => (
-        <Box key={index} height={1}>
-          <Text fg={colors.textDim}>{line}</Text>
-        </Box>
-      ))}
-    </Box>
-  );
-}
-
 function formatFiledAt(filing: SecFilingItem): string {
-  return filing.filingDate.toLocaleString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-  });
+  return formatFilingMetaDate(filing.filingDate);
 }
 
 function buildDetailBody(filing: SecFilingItem): string {
@@ -142,15 +106,6 @@ function buildForm4Detail(content: string | null, filing: SecFilingItem): string
   return lines.join("\n");
 }
 
-function getFormCategory(form: string): "annual" | "quarterly" | "current" | "ownership" | "other" {
-  const f = form.trim().toUpperCase();
-  if (f === "10-K" || f === "10-K/A" || f === "20-F") return "annual";
-  if (f === "10-Q" || f === "10-Q/A") return "quarterly";
-  if (f.startsWith("8-K")) return "current";
-  if (OWNERSHIP_FORMS.has(f) || f === "SC 13G" || f === "SC 13D" || f === "SC 13G/A" || f === "SC 13D/A") return "ownership";
-  return "other";
-}
-
 function getFormDescription(form: string): string {
   const f = form.trim().toUpperCase();
   switch (f) {
@@ -226,7 +181,7 @@ function toFeedItems(
   });
 }
 
-export function SecView({ width, height, focused }: Pick<DetailTabProps, "width" | "height" | "focused">) {
+function SecView({ width, height, focused }: { width: number; height: number; focused: boolean }) {
   const { ticker } = usePaneTicker();
   const selectionKey = `selectedIdx:${ticker?.metadata.ticker ?? "none"}`;
   const [selectedIdx, setSelectedIdx] = usePluginPaneState<number>(selectionKey, 0);
@@ -323,10 +278,10 @@ export function SecView({ width, height, focused }: Pick<DetailTabProps, "width"
   });
 
   if (!ticker) return <Text fg={colors.textDim}>Select a ticker to view SEC filings.</Text>;
-  if (!eligibleTicker) return renderNotice("SEC filings are only shown for US equities.", width);
+  if (!eligibleTicker) return renderFilingNotice("SEC filings are only shown for US equities.", width);
   if (loading && filings.length === 0) return <Spinner label="Loading SEC filings..." />;
-  if (error) return renderNotice(`Error: ${error}`, width);
-  if (filings.length === 0) return renderNotice(`No recent SEC filings for ${ticker.metadata.ticker}.`, width);
+  if (error) return renderFilingNotice(`Error: ${error}`, width);
+  if (filings.length === 0) return renderFilingNotice(`No recent SEC filings for ${ticker.metadata.ticker}.`, width);
 
   return (
     <FeedDataTableStackView
@@ -344,14 +299,6 @@ export function SecView({ width, height, focused }: Pick<DetailTabProps, "width"
   );
 }
 
-function SecTab(props: DetailTabProps) {
-  return <SecView {...props} />;
-}
-
-function SecPane({ focused, width, height }: PaneProps) {
-  return <SecView focused={focused} width={width} height={height} />;
-}
-
 export const secPlugin: GloomPlugin = {
   id: "sec",
   name: "SEC",
@@ -364,7 +311,7 @@ export const secPlugin: GloomPlugin = {
       id: "sec",
       name: "SEC",
       icon: "S",
-      component: SecPane,
+      component: SecView,
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 100, height: 32 },
@@ -388,7 +335,7 @@ export const secPlugin: GloomPlugin = {
       id: "sec",
       name: "SEC",
       order: 45,
-      component: SecTab,
+      component: SecView,
       isVisible: ({ ticker }) => isUsEquityTicker(ticker),
     });
   },

package/src/plugins/builtin/sectors/index.tsx

@@ -109,7 +109,7 @@ function nextSortPreference(current: SectorSortPreference, columnId: string): Se
   return DEFAULT_SORT_PREFERENCE;
 }
 
-export function SectorPerformancePane({ focused, width, height }: PaneProps) {
+function SectorPerformancePane({ focused, width, height }: PaneProps) {
   const dataProvider = useAssetData();
   const { navigateTicker } = usePluginTickerActions();
   const [rows, setRows] = useState<SectorRow[]>(

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

@@ -90,7 +90,6 @@ export function ChartTab({
           interactive={interactive}
           onActivate={onActivate}
           axisMode={axisMode}
-          symbol={symbol}
           ticker={ticker}
           financials={financials}
           indicatorConfig={hasStoredIndicatorSelection ? selectedIndicatorConfig : undefined}

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

@@ -1,7 +1,6 @@
 import type { GloomPlugin } from "../../../types/plugin";
 import { normalizeTickerInput } from "../../../utils/ticker-search";
 import { TickerDetailPane } from "./pane";
-import { FinancialsTab } from "./financials-tab";
 import { QuoteMonitorPane } from "./quote-monitor";
 import {
   buildQuoteMonitorSettingsDef,

package/src/plugins/builtin/ticker-detail/overview-tab.tsx

@@ -560,7 +560,6 @@ export function OverviewTab({
             height={10}
             focused={false}
             compact
-            symbol={symbol}
             ticker={ticker}
             financials={financials}
           />

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,
@@ -111,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}>
@@ -125,7 +124,7 @@ function DetailHarness({
           </PluginRenderProvider>
         </PaneInstanceProvider>
       </AppContext>
-    </DialogProvider>
+    </TestDialogProvider>
   );
 }
 

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.",
     }];