gloomberb 0.7.1 → 0.7.3

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

@@ -10,6 +10,7 @@ export interface CommandContext {
 export interface Command {
   id: string;
   prefix: string;        // e.g., "DES", "AW", "RP"
+  aliases?: string[];
   label: string;
   description: string;
   hasArg?: boolean;       // true if prefix takes an argument (e.g., "DES AMD")
@@ -24,6 +25,7 @@ export const commands: Command[] = [
   {
     id: "security-description",
     prefix: "DES",
+    aliases: ["T"],
     label: "Description",
     description: "Open security details for a ticker",
     hasArg: true,
@@ -239,19 +241,27 @@ export const commands: Command[] = [
 ];
 
 /** Find a command whose prefix matches the start of the input */
-export function matchPrefix(input: string, commandList: Command[] = commands): { command: Command; arg: string } | null {
+export function matchPrefix(input: string, commandList: Command[] = commands): { command: Command; arg: string; prefix: string } | null {
   const upper = input.toUpperCase().trim();
   if (!upper) return null;
 
   // Sort by prefix length descending so longer prefixes match first (e.g., "AW" before "A")
-  const sorted = [...commandList].sort((a, b) => b.prefix.length - a.prefix.length);
+  const sorted = commandList
+    .flatMap((command) => getCommandPrefixes(command).map((prefix) => ({ command, prefix })))
+    .sort((a, b) => b.prefix.length - a.prefix.length);
 
-  for (const cmd of sorted) {
-    if (upper.startsWith(cmd.prefix + " ") || upper === cmd.prefix) {
-      const arg = input.slice(cmd.prefix.length).trim();
-      return { command: cmd, arg };
+  for (const { command, prefix } of sorted) {
+    if (upper.startsWith(`${prefix} `) || upper === prefix) {
+      const arg = input.slice(prefix.length).trim();
+      return { command, arg, prefix };
     }
   }
 
   return null;
 }
+
+export function getCommandPrefixes(command: Command): string[] {
+  return [command.prefix, ...(command.aliases ?? [])]
+    .map((prefix) => prefix.trim().toUpperCase())
+    .filter(Boolean);
+}

package/src/components/command-bar/root-shortcuts.ts

@@ -1,5 +1,5 @@
 import type { CommandDef, PaneTemplateDef } from "../../types/plugin";
-import type { Command } from "./command-registry";
+import { getCommandPrefixes, type Command } from "./command-registry";
 import { getPaneTemplateDisplayLabel } from "./pane-template-display";
 
 type RootShortcutArgKind = "text" | "ticker" | "ticker-list";
@@ -83,16 +83,15 @@ function buildShortcutCandidates(
 ): ShortcutParseCandidate[] {
   return [
     ...commands
-      .filter((command) => command.prefix.trim().length > 0)
-      .map((command) => ({
-        prefix: normalizeShortcutPrefix(command.prefix),
+      .flatMap((command) => getCommandPrefixes(command).map((prefix) => ({
+        prefix: normalizeShortcutPrefix(prefix),
         label: command.label,
         description: command.description,
         argKind: getCommandShortcutArgKind(command),
         argPlaceholder: command.argPlaceholder,
         source: "command" as const,
         command,
-      })),
+      }))),
     ...pluginCommands
       .filter((command) => command.shortcut?.trim().length)
       .map((command) => ({

package/src/components/command-bar/view-model.test.ts

@@ -11,6 +11,7 @@ describe("command bar view model helpers", () => {
   test("resolves prefix-driven modes", () => {
     expect(resolveCommandBarMode("")).toMatchObject({ kind: "default", badge: "BROWSE" });
     expect(resolveCommandBarMode("DES NVDA")).toMatchObject({ kind: "search", badge: "DES" });
+    expect(resolveCommandBarMode("T NVDA")).toMatchObject({ kind: "search", badge: "T" });
     expect(resolveCommandBarMode("TH ")).toMatchObject({ kind: "themes", badge: "THEMES" });
     expect(resolveCommandBarMode("PL notes")).toMatchObject({ kind: "plugins", badge: "PLUGINS" });
     expect(resolveCommandBarMode("LAY ")).toMatchObject({ kind: "layout", badge: "LAYOUT" });

package/src/components/command-bar/view-model.ts

@@ -47,7 +47,7 @@ export function resolveCommandBarMode(query: string, commandList?: Command[]): C
 
   switch (match.command.id) {
     case "security-description":
-      return { kind: "search", badge: "DES", hint: "Open security details for a ticker" };
+      return { kind: "search", badge: match.prefix, hint: "Open security details for a ticker" };
     case "theme":
       return { kind: "themes", badge: "THEMES", hint: "Preview with arrows, Enter to save, Esc to revert" };
     case "plugins":
@@ -128,6 +128,7 @@ export function truncateText(text: string, width: number): string {
 
 function getCategoryPriority(category: string): number {
   const normalized = category.trim().toLowerCase();
+  if (normalized === "exact match") return -50;
   if (normalized === "saved") return -40;
   if (normalized === "primary listing") return -30;
   if (normalized === "other listings") return -20;

package/src/components/command-bar/workflow-ops.ts

@@ -16,6 +16,7 @@ import {
   COMPARISON_CHART_PANE_ID,
   MIN_COMPARISON_CHART_SYMBOLS,
 } from "../../plugins/builtin/comparison-chart";
+import { buildQuoteMonitorPaneTitle } from "../../plugins/builtin/ticker-detail/settings";
 import { getPaneTemplateDisplayLabel } from "./pane-template-display";
 
 export interface SharedWorkflowDeps {
@@ -366,43 +367,21 @@ export async function applyPaneSettingFieldValue(
     return;
   }
 
-  if (descriptor.pane.paneId === "quote-monitor" && field.key === "symbol") {
+  if (descriptor.pane.paneId === "quote-monitor" && (field.key === "symbol" || field.key === "symbolsText")) {
     const rawQuery = typeof value === "string" ? value.trim() : "";
-    const resolvedTicker = await resolveTickerSearch({
-      query: rawQuery,
-      activeTicker: null,
-      tickers: state.tickers,
-      dataProvider: deps.dataProvider,
-    });
-    if (!resolvedTicker) {
-      throw new Error(`No ticker match found for "${rawQuery}".`);
-    }
-
-    const symbol = resolvedTicker.kind === "local"
-      ? resolvedTicker.ticker.metadata.ticker
-      : resolvedTicker.symbol;
-
-    if (resolvedTicker.kind === "provider") {
-      const { ticker, created } = await upsertTickerFromSearchResult(
-        deps.tickerRepository,
-        resolvedTicker.result,
-      );
-      deps.dispatch({ type: "UPDATE_TICKER", ticker });
-      if (created) {
-        deps.pluginRegistry.events.emit("ticker:added", {
-          symbol: ticker.metadata.ticker,
-          ticker,
-        });
-      }
-    }
+    const symbols = await resolveTickerListInput(rawQuery, null, deps);
+    const primarySymbol = symbols[0]!;
+    const symbolsText = formatTickerListInput(symbols);
 
     const nextLayout = updatePaneInstance(state.config.layout, targetId, (instance) => ({
       ...instance,
-      title: symbol,
-      binding: { kind: "fixed", symbol },
+      title: buildQuoteMonitorPaneTitle(symbols),
+      binding: { kind: "fixed", symbol: primarySymbol },
       settings: {
         ...(instance.settings ?? {}),
-        symbol,
+        symbol: primarySymbol,
+        symbols,
+        symbolsText,
       },
     }));
     deps.persistLayout(nextLayout, { pushHistory: shouldPushHistory });
@@ -433,7 +412,7 @@ export async function applyPaneSettingFieldValue(
   }
 
   let nextSettings: Record<string, unknown> = {
-    ...descriptor.context.settings,
+    ...(descriptor.rawSettings ?? descriptor.context.settings),
     [field.key]: value,
   };
 

package/src/components/data-table-view.test.tsx

@@ -130,7 +130,16 @@ async function renderSettled() {
   });
 }
 
-async function emitKeypress(event: { name?: string; sequence?: string }) {
+async function emitKeypress(event: {
+  name?: string;
+  sequence?: string;
+  ctrl?: boolean;
+  meta?: boolean;
+  shift?: boolean;
+  option?: boolean;
+  defaultPrevented?: boolean;
+  propagationStopped?: boolean;
+}) {
   await act(async () => {
     testSetup!.renderer.keyInput.emit("keypress", {
       ctrl: false,
@@ -139,6 +148,8 @@ async function emitKeypress(event: { name?: string; sequence?: string }) {
       shift: false,
       eventType: "press",
       repeated: false,
+      defaultPrevented: false,
+      propagationStopped: false,
       preventDefault: () => {},
       stopPropagation: () => {},
       ...event,
@@ -158,6 +169,10 @@ describe("DataTableView", () => {
     await renderSettled();
     expect(testSetup.captureCharFrame()).toContain("selected=Second row");
 
+    await emitKeypress({ name: "k", sequence: "k", meta: true });
+    await renderSettled();
+    expect(testSetup.captureCharFrame()).toContain("selected=Second row");
+
     await emitKeypress({ name: "k", sequence: "k" });
     await emitKeypress({ name: "k", sequence: "k" });
     await renderSettled();
@@ -166,6 +181,14 @@ describe("DataTableView", () => {
     await emitKeypress({ name: "enter", sequence: "\r" });
     await renderSettled();
     expect(testSetup.captureCharFrame()).toContain("activated=First row");
+
+    await emitKeypress({ name: "j", sequence: "j" });
+    await renderSettled();
+    expect(testSetup.captureCharFrame()).toContain("selected=Second row activated=First row");
+
+    await emitKeypress({ name: "enter", sequence: "\r", defaultPrevented: true });
+    await renderSettled();
+    expect(testSetup.captureCharFrame()).toContain("selected=Second row activated=First row");
   });
 
   test("keeps keyboard navigation usable without external row selection", async () => {

package/src/components/data-table-view.tsx

@@ -188,18 +188,19 @@ export function DataTableView<
   }, [activateIndex, effectiveSelectedIndex, navigableIndices]);
 
   useShortcut((event) => {
+    if (event.defaultPrevented || event.propagationStopped) return;
     if (!focused || !keyboardNavigation) return;
 
     if (onRootKeyDown?.(event)) return;
     if (tableProps.items.length === 0) return;
 
-    if (isNextTableRowKey(event.name)) {
+    if (isNextTableRowKey(event)) {
       stopTableKey(event);
       selectByOffset(1);
       return;
     }
 
-    if (isPreviousTableRowKey(event.name)) {
+    if (isPreviousTableRowKey(event)) {
       stopTableKey(event);
       selectByOffset(-1);
       return;

package/src/components/feed-data-table-stack-view.tsx

@@ -3,6 +3,7 @@ import { TextAttributes, type ScrollBoxRenderable } from "../ui";
 import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from "react";
 import { colors } from "../theme/colors";
 import { formatTimeAgo } from "../utils/format";
+import { isPlainKey } from "../utils/keyboard";
 import { toTimestampMillis } from "../utils/timestamp";
 import { DataTableStackView } from "./data-table-stack-view";
 import {
@@ -245,13 +246,13 @@ export function FeedDataTableStackView({
     preventDefault?: () => void;
     stopPropagation?: () => void;
   }) => {
-    if (event.name === "j" || event.name === "down") {
+    if (isPlainKey(event, "j", "down")) {
       event.stopPropagation?.();
       event.preventDefault?.();
       scrollDetailBy(1);
       return true;
     }
-    if (event.name === "k" || event.name === "up") {
+    if (isPlainKey(event, "k", "up")) {
       event.stopPropagation?.();
       event.preventDefault?.();
       scrollDetailBy(-1);

package/src/components/layout/detached-pane-shell.tsx

@@ -9,7 +9,7 @@ import { colors, floatingPaneBg, floatingPaneTitleBg, paneTitleText } from "../.
 import { useThemeColors } from "../../theme/theme-context";
 import { hasPaneFooterContent, PaneFooterBar, PaneFooterProvider } from "./pane-footer";
 import { PaneContent } from "./pane-content";
-import { getPaneBodyWidth, NATIVE_PANE_BODY_LAYOUT_PROPS } from "./pane-sizing";
+import { getNativePaneBodyWidth, getPaneBodyWidth, NATIVE_PANE_BODY_LAYOUT_PROPS } from "./pane-sizing";
 import { getPaneDisplayTitle } from "./pane-title";
 import { TITLEBAR_OVERLAY_HEIGHT_PX, TITLEBAR_TRAFFIC_LIGHT_WIDTH } from "./titlebar-overlay";
 import {
@@ -52,7 +52,7 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
     ? getPaneDisplayTitle(titleState, instance, paneDef)
     : "Detached Pane";
   const focused = windowFocused;
-  const bodyWidth = nativePaneChrome ? Math.max(1, Math.floor(width)) : getPaneBodyWidth(width);
+  const bodyWidth = nativePaneChrome ? getNativePaneBodyWidth(width) : getPaneBodyWidth(width);
 
   const focusPane = useCallback(() => {
     setWindowFocused(true);

package/src/components/layout/floating-pane.tsx

@@ -3,7 +3,12 @@ import type { ReactNode } from "react";
 import { colors, floatingPaneBg } from "../../theme/colors";
 import { PaneHeader } from "./pane-header";
 import { hasPaneFooterContent, PaneFooterBar, type CombinedPaneFooter } from "./pane-footer";
-import { getPaneBodyHeight, NATIVE_PANE_BODY_LAYOUT_PROPS, shouldReservePaneFooter } from "./pane-sizing";
+import {
+  getNativePaneBodyHeight,
+  getPaneBodyHeight,
+  NATIVE_PANE_BODY_LAYOUT_PROPS,
+  shouldReservePaneFooter,
+} from "./pane-sizing";
 
 interface FloatingPaneWrapperProps {
   paneId?: string;
@@ -77,7 +82,9 @@ export function FloatingPaneWrapper({
   const bg = floatingPaneBg(focused);
   const showFooter = hasPaneFooterContent(footer);
   const reserveFooter = shouldReservePaneFooter(nativePaneChrome, showFooter);
-  const bodyHeight = getPaneBodyHeight(height, reserveFooter);
+  const bodyHeight = nativePaneChrome
+    ? getNativePaneBodyHeight(height, reserveFooter)
+    : getPaneBodyHeight(height, reserveFooter);
   const bodyLayoutProps = nativePaneChrome
     ? NATIVE_PANE_BODY_LAYOUT_PROPS
     : { height: bodyHeight };

package/src/components/layout/pane-footer.tsx

@@ -393,7 +393,7 @@ export function PaneFooterBar({
           "--pane-footer-border-color": empty ? "transparent" : topBorderColor,
           borderTop: `1px solid ${empty ? "transparent" : topBorderColor}`,
           backgroundColor: nativeBackgroundColor,
-          boxShadow: empty ? "none" : "inset 0 1px 0 rgba(255,255,255,0.03)",
+          boxShadow: empty ? "none" : `inset 0 1px 0 ${blendHex(nativeBackgroundColor, colors.textBright, 0.03)}`,
         }}
       >
         <FooterContent

package/src/components/layout/pane-header.tsx

@@ -1,6 +1,6 @@
 import { Box, Span, Text, useUiCapabilities } from "../../ui";
 import type { ReactNode } from "react";
-import { colors, floatingPaneTitleBg, paneTitleBg, paneTitleText } from "../../theme/colors";
+import { blendHex, colors, floatingPaneTitleBg, paneTitleBg, paneTitleText } from "../../theme/colors";
 
 const PANE_HEADER_HEIGHT = 1;
 const PANE_HEADER_GRIP = ":: ";
@@ -127,7 +127,9 @@ export function PaneHeader({
         style={{
           borderBottom: `1px solid ${focused ? colors.borderFocused : colors.border}`,
           paddingInline: 6,
-          boxShadow: focused ? "inset 0 -1px 0 rgba(84, 201, 159, 0.18)" : "inset 0 -1px 0 rgba(255,255,255,0.04)",
+          boxShadow: focused
+            ? `inset 0 -1px 0 ${blendHex(paneTitleBg(focused), colors.borderFocused, 0.18)}`
+            : `inset 0 -1px 0 ${blendHex(paneTitleBg(focused), colors.textBright, 0.04)}`,
         }}
       >
         <Text fg={focused ? colors.borderFocused : colors.textMuted} selectable={false} data-gloom-role="pane-grip">

package/src/components/layout/pane-sizing.ts

@@ -20,3 +20,15 @@ export function getPaneBodyHeight(height: number, reserveFooter = true): number
 export function getPaneBodyWidth(width: number): number {
   return Math.max(1, Math.floor(width));
 }
+
+export function getNativePaneBodyHeight(height: number, reserveFooter = true): number {
+  const preciseHeight = Number.isFinite(height) ? height : 1;
+  return Math.max(
+    1,
+    preciseHeight - PANE_HEADER_ROWS - (reserveFooter ? PANE_FOOTER_ROWS : 0),
+  );
+}
+
+export function getNativePaneBodyWidth(width: number): number {
+  return Math.max(1, Number.isFinite(width) ? width : 1);
+}

package/src/components/layout/pane.tsx

@@ -3,7 +3,12 @@ import type { ReactNode } from "react";
 import { colors, paneBg } from "../../theme/colors";
 import { PaneHeader } from "./pane-header";
 import { hasPaneFooterContent, PaneFooterBar, type CombinedPaneFooter } from "./pane-footer";
-import { getPaneBodyHeight, NATIVE_PANE_BODY_LAYOUT_PROPS, shouldReservePaneFooter } from "./pane-sizing";
+import {
+  getNativePaneBodyHeight,
+  getPaneBodyHeight,
+  NATIVE_PANE_BODY_LAYOUT_PROPS,
+  shouldReservePaneFooter,
+} from "./pane-sizing";
 
 interface PaneWrapperProps {
   paneId?: string;
@@ -24,6 +29,23 @@ interface PaneWrapperProps {
   children: ReactNode;
 }
 
+function resolvePaneBodyHeight(
+  height: number,
+  hasTitle: boolean,
+  reserveFooter: boolean,
+  nativePaneChrome: boolean | undefined,
+): number {
+  if (nativePaneChrome) {
+    return hasTitle
+      ? getNativePaneBodyHeight(height, reserveFooter)
+      : Math.max(1, height);
+  }
+
+  return hasTitle
+    ? getPaneBodyHeight(height, reserveFooter)
+    : Math.max(1, Math.floor(height));
+}
+
 export function PaneWrapper({
   paneId,
   title,
@@ -47,7 +69,7 @@ export function PaneWrapper({
   const showFooter = hasPaneFooterContent(footer);
   const reserveFooter = shouldReservePaneFooter(nativePaneChrome, showFooter);
   const bodyHeight = typeof height === "number"
-    ? title ? getPaneBodyHeight(height, reserveFooter) : Math.max(1, Math.floor(height))
+    ? resolvePaneBodyHeight(height, !!title, reserveFooter, nativePaneChrome)
     : undefined;
   const bodyLayoutProps = nativePaneChrome
     ? NATIVE_PANE_BODY_LAYOUT_PROPS

package/src/components/layout/shell.tsx

@@ -33,6 +33,7 @@ import { removePaneInstances, type LayoutConfig } from "../../types/config";
 import { contextMenuDivider, type ContextMenuItem } from "../../types/context-menu";
 import {
   resolveTickerForPane,
+  syncConfigActiveLayoutState,
   useAppDispatch,
   useAppSelector,
 } from "../../state/app-context";
@@ -50,7 +51,13 @@ import { FloatingPaneWrapper } from "./floating-pane";
 import { PaneContent } from "./pane-content";
 import { PaneWrapper } from "./pane";
 import { hasPaneFooterContent, PaneFooterProvider } from "./pane-footer";
-import { getPaneBodyHeight, getPaneBodyWidth, shouldReservePaneFooter } from "./pane-sizing";
+import {
+  getNativePaneBodyHeight,
+  getNativePaneBodyWidth,
+  getPaneBodyHeight,
+  getPaneBodyWidth,
+  shouldReservePaneFooter,
+} from "./pane-sizing";
 import { getPaneDisplayTitle } from "./pane-title";
 import { TITLEBAR_OVERLAY_HEIGHT_PX } from "./titlebar-overlay";
 import { capturePaneScreenshotPngBase64 } from "../../utils/dom-screenshot";
@@ -788,6 +795,7 @@ export function Shell({ pluginRegistry, desktopWindowBridge, desktopDockPreview
   const config = useAppSelector((state) => state.config);
   const paneState = useAppSelector((state) => state.paneState);
   const focusedPaneId = useAppSelector(selectFocusedPaneId);
+  const activePanel = useAppSelector((state) => state.activePanel);
   const commandBarOpen = useAppSelector(selectCommandBarOpen);
   const inputCaptured = useAppSelector((state) => state.inputCaptured);
   const statusBarVisible = useAppSelector(selectStatusBarVisible);
@@ -870,15 +878,17 @@ export function Shell({ pluginRegistry, desktopWindowBridge, desktopDockPreview
   );
 
   const persistLayout = useCallback((nextLayout: LayoutConfig, options?: { pushHistory?: boolean }) => {
-    const layouts = config.layouts.map((savedLayout, index) => (
-      index === config.activeLayoutIndex ? { ...savedLayout, layout: nextLayout } : savedLayout
-    ));
     if (options?.pushHistory !== false) {
       dispatch({ type: "PUSH_LAYOUT_HISTORY" });
     }
     dispatch({ type: "UPDATE_LAYOUT", layout: nextLayout });
-    scheduleConfigSave({ ...config, layout: nextLayout, layouts });
-  }, [config, dispatch]);
+    scheduleConfigSave(syncConfigActiveLayoutState(
+      { ...config, layout: nextLayout },
+      paneState,
+      focusedPaneId,
+      activePanel,
+    ));
+  }, [activePanel, config, dispatch, focusedPaneId, paneState]);
 
   const closeFocusedPane = useCallback(() => {
     if (!focusedPaneId || !isPaneInLayout(visibleLayout, focusedPaneId)) return false;
@@ -1621,7 +1631,7 @@ export function Shell({ pluginRegistry, desktopWindowBridge, desktopDockPreview
         if (!pane) return null;
         const focused = focusedPaneId === leaf.instanceId && (!overlayOpen || menuState?.paneId === leaf.instanceId);
         const showActions = focused || hoveredPaneId === leaf.instanceId || menuState?.paneId === leaf.instanceId;
-        const bodyWidth = nativePaneChrome ? Math.max(1, Math.floor(leaf.rect.width)) : getPaneBodyWidth(leaf.rect.width);
+        const bodyWidth = nativePaneChrome ? getNativePaneBodyWidth(leaf.rect.width) : getPaneBodyWidth(leaf.rect.width);
         return (
           <Box
             key={`dock:${leaf.instanceId}`}
@@ -1634,7 +1644,9 @@ export function Shell({ pluginRegistry, desktopWindowBridge, desktopDockPreview
             <PaneFooterProvider>
               {(footer) => {
                 const reserveFooter = shouldReservePaneFooter(nativePaneChrome, hasPaneFooterContent(footer));
-                const bodyHeight = getPaneBodyHeight(leaf.rect.height, reserveFooter);
+                const bodyHeight = nativePaneChrome
+                  ? getNativePaneBodyHeight(leaf.rect.height, reserveFooter)
+                  : getPaneBodyHeight(leaf.rect.height, reserveFooter);
                 return (
                   <PaneWrapper
                     paneId={leaf.instanceId}
@@ -1674,12 +1686,14 @@ export function Shell({ pluginRegistry, desktopWindowBridge, desktopDockPreview
           : rect;
         const focused = focusedPaneId === pane.instance.instanceId && (!overlayOpen || menuState?.paneId === pane.instance.instanceId);
         const showActions = focused || hoveredPaneId === pane.instance.instanceId || menuState?.paneId === pane.instance.instanceId;
-        const bodyWidth = nativePaneChrome ? Math.max(1, Math.floor(preview.width)) : getPaneBodyWidth(preview.width);
+        const bodyWidth = nativePaneChrome ? getNativePaneBodyWidth(preview.width) : getPaneBodyWidth(preview.width);
         return (
           <PaneFooterProvider key={`float:${pane.instance.instanceId}`}>
             {(footer) => {
               const reserveFooter = shouldReservePaneFooter(nativePaneChrome, hasPaneFooterContent(footer));
-              const bodyHeight = getPaneBodyHeight(preview.height, reserveFooter);
+              const bodyHeight = nativePaneChrome
+                ? getNativePaneBodyHeight(preview.height, reserveFooter)
+                : getPaneBodyHeight(preview.height, reserveFooter);
               return (
                 <FloatingPaneWrapper
                   paneId={pane.instance.instanceId}

package/src/components/layout/status-bar.test.tsx

@@ -187,7 +187,7 @@ describe("StatusBar", () => {
     }
   });
 
-  test("omits focused ticker venue and quote source labels", async () => {
+  test("omits focused ticker quote details", async () => {
     const config = createDefaultConfig("/tmp/gloomberb-test");
     config.layout.instances = config.layout.instances.map((instance) => (
       instance.instanceId === "ticker-detail:main"
@@ -247,6 +247,9 @@ describe("StatusBar", () => {
     await testSetup.renderOnce();
 
     const frame = testSetup.captureCharFrame();
+    expect(frame).not.toContain("AMD");
+    expect(frame).not.toContain("Pre");
+    expect(frame).not.toContain("101");
     expect(frame).not.toContain("NASDAQ PRE-MKT");
     expect(frame).not.toContain("px IBKR live");
     expect(frame).not.toContain("ses Yahoo");

package/src/components/layout/status-bar.tsx

@@ -1,8 +1,8 @@
 import { Box, Span, Text, TextAttributes, contextMenuDivider, useContextMenu, useUiCapabilities } from "../../ui";
 import { useCallback, useEffect, useState } from "react";
-import { colors, hoverBg } from "../../theme/colors";
+import { blendHex, colors, hoverBg } from "../../theme/colors";
 import { useThemeColors } from "../../theme/theme-context";
-import { useAppDispatch, useAppSelector, useFocusedTicker } from "../../state/app-context";
+import { useAppDispatch, useAppSelector } from "../../state/app-context";
 import {
   selectActiveLayoutIndex,
   selectGridlockTipSequence,
@@ -10,9 +10,6 @@ import {
   selectSavedLayouts,
   selectStatusBarVisible,
 } from "../../state/selectors-ui";
-import {
-  getExtendedHoursInfo,
-} from "../../utils/market-status";
 import { getSharedRegistry } from "../../plugins/registry";
 import { gridlockAllPanes } from "../../plugins/pane-manager";
 import { notifyGridlockComplete } from "../../plugins/gridlock-notification";
@@ -35,8 +32,6 @@ type LayoutTabItem = {
 type StatusBarViewProps = {
   activeLayoutIdx: number;
   dismissGridlockTip: (event?: StatusBarEvent) => void;
-  extColor: string;
-  extText: string;
   handleGridlockTip: (event?: StatusBarEvent) => void;
   handleLayoutSelect: (value: string) => void;
   hasMultipleLayouts: boolean;
@@ -47,7 +42,6 @@ type StatusBarViewProps = {
   openLayoutContextMenu: (index: number, event: any) => void | Promise<unknown>;
   setHoveredControl: SetHoveredControl;
   showGridlockTip: boolean;
-  symbol: string | null | undefined;
 };
 
 function truncate(text: string, width: number): string {
@@ -68,14 +62,8 @@ export function StatusBar() {
   const statusBarVisible = useAppSelector(selectStatusBarVisible);
   const gridlockTipVisible = useAppSelector(selectGridlockTipVisible);
   const gridlockTipSequence = useAppSelector(selectGridlockTipSequence);
-  const { symbol, financials: focusedFinancials } = useFocusedTicker();
   const [hoveredControl, setHoveredControl] = useState<string | null>(null);
 
-  // Extended hours info for selected ticker
-  const extInfo = getExtendedHoursInfo(focusedFinancials?.quote);
-  const extText = extInfo?.text ?? "";
-  const extColor = extInfo?.color ?? colors.textDim;
-
   const hasMultipleLayouts = layouts.length > 1;
   const showGridlockTip = gridlockTipVisible && !!registry;
   const layoutTabs = layouts.map((layout, index) => ({
@@ -211,8 +199,6 @@ export function StatusBar() {
   const viewProps: StatusBarViewProps = {
     activeLayoutIdx,
     dismissGridlockTip,
-    extColor,
-    extText,
     handleGridlockTip,
     handleLayoutSelect,
     hasMultipleLayouts,
@@ -223,7 +209,6 @@ export function StatusBar() {
     openLayoutContextMenu,
     setHoveredControl,
     showGridlockTip,
-    symbol,
   };
 
   if (nativePaneChrome) {
@@ -251,7 +236,7 @@ function NativeStatusBar({
       }}
       style={{
         borderTop: `1px solid ${colors.border}`,
-        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)",
+        boxShadow: `inset 0 1px 0 ${blendHex(colors.panel, colors.textBright, 0.03)}`,
         paddingInline: 8,
       }}
     >
@@ -416,15 +401,10 @@ function TerminalGridlockTip({
   );
 }
 
-function StatusBarWidgets({ extColor, extText, symbol }: Pick<StatusBarViewProps, "extColor" | "extText" | "symbol">) {
+function StatusBarWidgets() {
   return (
     <>
       <Box flexGrow={1} />
-      {extText && (
-        <Box paddingRight={1}>
-          <Text fg={extColor}>{symbol} {extText}</Text>
-        </Box>
-      )}
       <PluginSlot name="status:widget" />
     </>
   );