@gloom-sh/terminal 0.19.2 → 0.19.3

package/src/components/chart-table/header.tsx

@@ -257,7 +257,7 @@ export function ChartTableHeader(props: ChartTableHeaderProps) {
   return (
     <Box flexDirection="column" flexShrink={0}>
       {query}
-      {layout.figureRows ? <StatGrid items={layout.figures} width={width} /> : null}
+      {layout.figureRows ? <StatGrid items={layout.figures} width={width} maxLines={layout.figureMaxLines} /> : null}
       {band}
     </Box>
   );

package/src/components/chart-table/layout.ts

@@ -31,6 +31,8 @@ const CHART_SHARE = 0.4;
 const SHORT_BODY_ROWS = 12;
 /** The figures never take more than this share of the body. */
 const FIGURE_SHARE = 0.25;
+/** The share of the body figures that wrap rather than cut a date may take, beyond FIGURE_SHARE. */
+const WRAPPED_FIGURE_SHARE = 1 / 3;
 
 /**
  * The rows a kit table spends outside its body: the header, plus a horizontal
@@ -70,15 +72,28 @@ export interface ChartTableLayoutInput {
 export interface ChartTableLayout {
   figures: StatItem[];
   figureRows: number;
+  /** The lines the figures may take, so a whole-row cell too narrow for one line wraps within them (StatGrid's `maxLines`). */
+  figureMaxLines: number;
   mode: ChartBandMode;
   chartRows: number;
 }
 
-/** Drops figures from the end until they fit the row budget. */
-function fitFigures(figures: readonly StatItem[], width: number, maxRows: number): StatItem[] {
+/** Rows `figures` take within `maxLines` (StatGrid's own count). */
+function figureRows(figures: readonly StatItem[], width: number, maxLines: number): number {
+  return statGridRows([...figures], width, undefined, { maxLines });
+}
+
+/**
+ * The figures that fit the row budget a line each, dropped from the end, and
+ * the lines they may take: a whole-row figure too narrow for one line wraps
+ * onto a second rather than cut a date, into rows up to WRAPPED_FIGURE_SHARE
+ * of the body, the leading ones first; the rest keep one line, cut. Wrapping
+ * never costs a figure that fits a line. A budget of one row wraps none.
+ */
+function fitFigures(figures: readonly StatItem[], width: number, maxRows: number, body: number): { figures: StatItem[]; maxLines: number } {
   const kept = [...figures];
-  while (kept.length > 0 && statGridRows(kept, width) > maxRows) kept.pop();
-  return kept;
+  while (kept.length > 0 && figureRows(kept, width, maxRows) > maxRows) kept.pop();
+  return { figures: kept, maxLines: maxRows > 1 ? Math.max(maxRows, Math.floor(body * WRAPPED_FIGURE_SHARE)) : maxRows };
 }
 
 /**
@@ -89,7 +104,9 @@ function fitFigures(figures: readonly StatItem[], width: number, maxRows: number
  *   fewer), so the rows the pane is about never vanish.
  * - The figures take at most a quarter of the body, one row when it is short
  *   or when a second row would cost the chart its place, and lose items from
- *   the end rather than wrap.
+ *   the end rather than spill; a whole-row figure wraps onto a second line
+ *   rather than cut its detail, in rows up to a third of the body, never
+ *   at the cost of a figure that fits a line.
  * - The chart takes 40% of what is left, or everything the table does not
  *   need when all its rows fit, so no blank band opens under a short table.
  * - Below a readable chart the band becomes a one-row strip, then nothing.
@@ -125,11 +142,11 @@ function layoutWithFigureRows(input: ChartTableLayoutInput, body: number, figure
 
   // A table with no room for a single row after the figures gets the body back.
   const figureBudget = Math.min(figureCap, Math.max(0, body - chrome - Math.min(tableRows, 1)));
-  const figures = figureBudget > 0 ? fitFigures(input.figures ?? [], width, figureBudget) : [];
-  const figureRows = figures.length ? statGridRows(figures, width) : 0;
+  const { figures, maxLines: figureMaxLines } = figureBudget > 0 ? fitFigures(input.figures ?? [], width, figureBudget, body) : { figures: [], maxLines: 0 };
+  const shownRows = figures.length ? figureRows(figures, width, figureMaxLines) : 0;
 
-  const rest = body - figureRows;
-  const none: ChartTableLayout = { figures, figureRows, mode: "none", chartRows: 0 };
+  const rest = body - shownRows;
+  const none: ChartTableLayout = { figures, figureRows: shownRows, figureMaxLines, mode: "none", chartRows: 0 };
   if (!input.chart || width < CHART_MIN_WIDTH) return none;
 
   const minRows = input.chart.minRows ?? CHART_MIN_ROWS;
@@ -137,7 +154,7 @@ function layoutWithFigureRows(input: ChartTableLayoutInput, body: number, figure
   const maxRows = input.chart.maxRows ?? Number.POSITIVE_INFINITY;
   const room = rest - tableMin;
   const spare = rest - tableFit;
-  const full = (rows: number): ChartTableLayout => ({ figures, figureRows, mode: "full", chartRows: Math.min(rows, maxRows) });
+  const full = (rows: number): ChartTableLayout => ({ figures, figureRows: shownRows, figureMaxLines, mode: "full", chartRows: Math.min(rows, maxRows) });
   if (room >= minRows) {
     // With every table row in view beside a readable chart, the chart takes
     // exactly the rest; otherwise its 40% share, never below what it draws in.
@@ -148,7 +165,7 @@ function layoutWithFigureRows(input: ChartTableLayoutInput, body: number, figure
   // instead of a strip over a blank band.
   if (spare >= compactRows) return full(spare);
   if (input.chart.strip !== false && room >= 1) {
-    return { figures, figureRows, mode: "strip", chartRows: 1 };
+    return { figures, figureRows: shownRows, figureMaxLines, mode: "strip", chartRows: 1 };
   }
   return none;
 }

package/src/components/command-bar/action-runtime.ts

@@ -32,6 +32,8 @@ interface UseCommandBarActionRuntimeOptions {
   dispatch: Dispatch<AppAction>;
   focusedPaneId: string | null;
   onCheckForUpdates?: () => void | Promise<void>;
+  /** Settings' Run Setup Again; absent where setup cannot run. */
+  onRunSetupAgain?: () => Promise<void>;
   persistConfig: (nextConfig: AppState["config"]) => void;
   pluginRegistry: PluginRegistry;
   pushRoute: (route: CommandBarRoute) => void;
@@ -57,6 +59,7 @@ export function useCommandBarActionRuntime({
   dispatch,
   focusedPaneId,
   onCheckForUpdates,
+  onRunSetupAgain,
   persistConfig,
   pluginRegistry,
   pushRoute,
@@ -222,6 +225,7 @@ export function useCommandBarActionRuntime({
     focusTicker,
     notify,
     onCheckForUpdates,
+    onRunSetupAgain,
     openBuiltInWorkflow,
     openInlineConfirm,
     openModeRoute,

package/src/components/command-bar/commands/direct/index.ts

@@ -29,6 +29,7 @@ import { parseWindowModeCommandArg } from "../../layout-items";
 import type { CommandBarRoute } from "../../workflow/types";
 import { recordFunctionOpen } from "../../../../telemetry/usage-counts";
 import { reportTelemetryConfig } from "../../../../telemetry/live-config";
+import { ATTENTION_OFF_MESSAGE } from "../../../../telemetry/attention-setting";
 import { NIGHTLY_CHANNEL_SUMMARY, withUpdateChannel } from "../../../../updater/channel";
 import { isPrereleaseVersion } from "../../../../utils/semver";
 import { VERSION } from "../../../../version";
@@ -53,6 +54,8 @@ export function runDirectCommandAction(options: {
   getState: () => AppState;
   notify: NotifyFn;
   onCheckForUpdates?: () => void | Promise<void>;
+  /** Settings' Run Setup Again; absent where setup cannot run. */
+  onRunSetupAgain?: () => Promise<void>;
   openBuiltInWorkflow: (actionId: string) => void;
   openInlineConfirm: OpenInlineConfirm;
   openModeRoute: (screen: "ticker-search" | "layout", initialQuery?: string) => void;
@@ -78,6 +81,7 @@ export function runDirectCommandAction(options: {
     getState,
     notify,
     onCheckForUpdates,
+    onRunSetupAgain,
     openBuiltInWorkflow,
     openInlineConfirm,
     openModeRoute,
@@ -329,47 +333,22 @@ export function runDirectCommandAction(options: {
       return;
     }
     case "toggle-crash-reports":
-    case "toggle-usage-counts": {
-      const key = command.id === "toggle-crash-reports" ? "crashReports" : "usage";
+    case "toggle-usage-counts":
+    case "toggle-attention-counts": {
+      const key = command.id === "toggle-crash-reports" ? "crashReports" : command.id === "toggle-usage-counts" ? "usage" : "attention";
+      // All three are on by default: only an explicit false is off.
       const enabled = state.config.telemetry?.[key] === false;
       const nextConfig = { ...state.config, telemetry: { ...state.config.telemetry, [key]: enabled } };
+      // Reported before React commits, so turning Attention Counts off drops unsent counts at once.
       reportTelemetryConfig(nextConfig.telemetry);
       dispatch({ type: "SET_CONFIG", config: nextConfig });
       persistConfig(nextConfig);
-      notify(`${t(command.label)}: ${t(enabled ? "on" : "off")}`, { type: "success" });
+      notify(key === "attention" && !enabled
+        ? t(ATTENTION_OFF_MESSAGE)
+        : `${t(command.label)}: ${t(enabled ? "on" : "off")}`, { type: "success" });
       closeAll({ revertThemePreview: false });
       return;
     }
-    case "toggle-attention-counts": {
-      const setEnabled = (enabled: boolean) => {
-        const current = getState().config;
-        const nextConfig = { ...current, telemetry: { ...current.telemetry, attention: enabled } };
-        // Clear unsent counts before React commits the settings update.
-        reportTelemetryConfig(nextConfig.telemetry);
-        dispatch({ type: "SET_CONFIG", config: nextConfig });
-        persistConfig(nextConfig);
-        notify(`${t(command.label)}: ${t(enabled ? "on" : "off")}`, { type: "success" });
-      };
-      if (state.config.telemetry?.attention === true) {
-        setEnabled(false);
-        closeAll({ revertThemePreview: false });
-      } else {
-        openInlineConfirm({
-          confirmId: "enable-attention-counts",
-          title: "Share Attention Counts?",
-          body: [
-            "While signed in with a verified account, share the tickers you open in DES, charts, quotes and options, and add to watchlists.",
-            "Gloom uses your account to limit contributions. Published counts are delayed and rounded, and require at least 20 contributors. Your holdings, watchlist names and searches are not included.",
-            "This is separate from Usage Counts and is off by default. Turn it off at any time to stop collection and discard unsent counts. Already published anonymous totals cannot be removed.",
-          ],
-          confirmLabel: "Share Counts",
-          cancelLabel: "Keep Off",
-          tone: "default",
-          onConfirm: async () => { setEnabled(true); },
-        });
-      }
-      return;
-    }
     case "font-size-increase":
     case "font-size-decrease": {
       const delta = command.id === "font-size-increase" ? 1 : -1;
@@ -391,6 +370,12 @@ export function runDirectCommandAction(options: {
       void onCheckForUpdates?.();
       closeAll({ revertThemePreview: false });
       return;
+    case "run-setup-again":
+      closeAll({ revertThemePreview: false });
+      void onRunSetupAgain?.().catch((error: unknown) => {
+        notify(error instanceof Error ? error.message : String(error), { type: "error" });
+      });
+      return;
     case "release-channel": {
       // The runtime checks again as soon as the channel changes.
       const setChannel = (channel: "stable" | "nightly") => {

package/src/components/command-bar/commands/direct/runtime.ts

@@ -39,6 +39,8 @@ interface UseCommandBarDirectCommandRuntimeOptions {
   focusTicker: (symbol: string, options?: PinTickerOptions) => void;
   notify: (body: string, options?: { type?: "info" | "success" | "error" }) => void;
   onCheckForUpdates?: () => void | Promise<void>;
+  /** Settings' Run Setup Again; absent where setup cannot run. */
+  onRunSetupAgain?: () => Promise<void>;
   openBuiltInWorkflow: (actionId: string) => void;
   openInlineConfirm: OpenInlineConfirm;
   openModeRoute: (
@@ -66,6 +68,7 @@ export function useCommandBarDirectCommandRuntime({
   focusTicker,
   notify,
   onCheckForUpdates,
+  onRunSetupAgain,
   openBuiltInWorkflow,
   openInlineConfirm,
   openModeRoute,
@@ -136,6 +139,7 @@ export function useCommandBarDirectCommandRuntime({
       getState,
       notify,
       onCheckForUpdates,
+      onRunSetupAgain,
       openBuiltInWorkflow,
       openInlineConfirm,
       openModeRoute,
@@ -159,6 +163,7 @@ export function useCommandBarDirectCommandRuntime({
     getState,
     notify,
     onCheckForUpdates,
+    onRunSetupAgain,
     openBuiltInWorkflow,
     openInlineConfirm,
     openModeRoute,

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

@@ -276,7 +276,7 @@ export const commands: Command[] = [
     id: "toggle-attention-counts",
     prefix: "",
     label: "Attention Counts",
-    description: "Opt in to sharing ticker research counts for Gloom Trending",
+    description: "Turn ticker research counts on or off (on by default)",
     category: "Config",
   },
 
@@ -309,6 +309,15 @@ export const commands: Command[] = [
     category: "Config",
   },
 
+  // Setup, from its first step on what the user has (components/onboarding/run-setup-again.ts)
+  {
+    id: "run-setup-again",
+    prefix: "",
+    label: "Run Setup Again",
+    description: "Rebuild Home and setup's desk tabs; your other layouts stay",
+    category: "Config",
+  },
+
   // Import/Export
   {
     id: "export-config",

package/src/components/command-bar/routes/root/command-items.ts

@@ -109,6 +109,9 @@ export function createRootCommandItemBuilder({
         if (state.updateProgress?.phase === "ready") return "Update ready, restart to apply";
         if (state.updateProgress?.phase === "error") return failedUpdateLabel(state.updateProgress);
         return command.label;
+      // Unlike its neighbours it started out off, so the row says what the default is now.
+      case "toggle-attention-counts":
+        return `${command.label} (on by default)`;
       default:
         return command.label;
     }
@@ -175,9 +178,9 @@ export function createRootCommandItemBuilder({
       case "toggle-usage-counts":
         return state.config.telemetry?.usage === false ? "Currently off" : "Currently on";
       case "toggle-attention-counts":
-        return state.config.telemetry?.attention === true
-          ? "Currently on: share ticker research counts"
-          : "Currently off: opt in to sharing ticker research counts";
+        return state.config.telemetry?.attention === false
+          ? "Currently off. Signed in, this turns it off on your other devices too"
+          : "Currently on: tickers you open go to Gloom, published only as hourly totals of 20+ people";
       case "release-channel":
         if (resolveUpdateChannel(state.config) === "nightly") return `Currently nightly: ${NIGHTLY_CHANNEL_SUMMARY}`;
         return isPrereleaseVersion(VERSION)
@@ -201,7 +204,7 @@ export function createRootCommandItemBuilder({
       case "toggle-usage-counts":
         return state.config.telemetry?.usage === false ? "off" : "on";
       case "toggle-attention-counts":
-        return state.config.telemetry?.attention === true ? "on" : "off";
+        return state.config.telemetry?.attention === false ? "off" : "on";
       case "release-channel":
         return resolveUpdateChannel(state.config);
       default:
@@ -223,6 +226,8 @@ export function createRootCommandItemBuilder({
         return "update";
       case "release-channel":
         return "nightly stable beta prerelease update updates channel";
+      case "run-setup-again":
+        return "settings onboarding wizard guide first run start over desks holdings";
       default:
         return "";
     }

package/src/components/command-bar/routes/root/runtime.ts

@@ -20,6 +20,21 @@ import { buildRootShortcutFeedback } from "./shortcut-feedback";
 import type { ShortcutIntent } from "./shortcuts";
 import { clampIndex } from "../../../../utils/math";
 
+/** Written the way a symbol is: up to five letters and a share class (AAPL, nvda, BRK.B). */
+const SYMBOL_SHAPED_QUERY = /^[A-Za-z]{1,5}(?:[.\-/][A-Za-z]{1,2})?$/;
+
+/**
+ * Text that asks for a symbol rather than a local row: symbol-shaped, and in
+ * capitals or in no row's name. `nvda` matches Exposure only through its
+ * example input; `upd` is in Check for Updates.
+ */
+function readsAsSymbol(text: string, rows: readonly ResultItem[]): boolean {
+  if (!SYMBOL_SHAPED_QUERY.test(text)) return false;
+  if (text === text.toUpperCase()) return true;
+  const wanted = text.toLowerCase();
+  return !rows.some((row) => isDefaultSelectable(row) && row.label.toLowerCase().includes(wanted));
+}
+
 interface UseCommandBarRootRuntimeOptions {
   activeCollectionId: string | null;
   activePortfolio?: AppState["config"]["portfolios"][number];
@@ -317,6 +332,13 @@ export function useCommandBarRootRuntime({
     writeTickerSearchCache,
   });
   const rootSearching = tickerSearching || providerSearching;
+  // A symbol whose search has not answered: the rows on screen are what the
+  // letters match locally (a pane whose example names AAPL), not the symbol,
+  // so none of them is highlighted and Enter waits for the answer, as it would
+  // get had the symbol been typed slowly. Lower case found in a row's name
+  // (`upd`, `list`) is that row and runs at once.
+  const rootSymbolAnswerPending = !rootResultsCurrent && rootPlainTickerSearchArg !== null
+    && (rootTickerReading !== null || rootListingChoice !== null || readsAsSymbol(rootPlainTickerSearchArg, orderedRootResults));
 
   useLayoutEffect(() => {
     if (currentRoute) return;
@@ -353,7 +375,7 @@ export function useCommandBarRootRuntime({
       // them is the answer and none is selected: Enter must not take one of
       // them for the ticker still being searched.
       const defaultIdx = orderedRootResults.findIndex(isDefaultSelectable);
-      if (defaultIdx < 0) return -1;
+      if (defaultIdx < 0 || rootSymbolAnswerPending) return -1;
       const selected = clampIndex(Math.max(rootResultModel.initialIdx, defaultIdx), resultIds.length);
       pinnedRootRowRef.current = rootResultsCurrent && resultIds[selected]
         ? { id: resultIds[selected]!, answer: activeRootProviderResultsKey }
@@ -370,6 +392,7 @@ export function useCommandBarRootRuntime({
     rootQuery,
     rootResultModel.initialIdx,
     rootSelectionNavigatedRef,
+    rootSymbolAnswerPending,
     setRootHoveredIdx,
     setRootSelectedIdx,
   ]);

package/src/components/command-bar/surface/index.tsx

@@ -44,6 +44,8 @@ interface CommandBarProps {
   pluginRegistry: PluginRegistry;
   quitApp: () => void;
   onCheckForUpdates?: () => void | Promise<void>;
+  /** Settings' Run Setup Again; without it (the browser, or setup already showing) the command is left out. */
+  onRunSetupAgain?: () => Promise<void>;
   onNativeOccluderChange?: (rect: LayoutBounds | null) => void;
 }
 
@@ -53,6 +55,7 @@ export function CommandBar({
   pluginRegistry,
   quitApp,
   onCheckForUpdates,
+  onRunSetupAgain,
   onNativeOccluderChange,
 }: CommandBarProps) {
   const {
@@ -80,9 +83,11 @@ export function CommandBar({
     visibleListStateRef,
   } = useCommandBarEnvironment();
   // Without an updater (the web terminal) neither checking nor a channel means anything.
-  const availableCommands = useMemo(() => onCheckForUpdates
-    ? allAvailableCommands
-    : allAvailableCommands.filter((command) => command.id !== "check-for-updates" && command.id !== "release-channel"), [allAvailableCommands, onCheckForUpdates]);
+  const availableCommands = useMemo(() => allAvailableCommands.filter((command) => {
+    if (command.id === "check-for-updates" || command.id === "release-channel") return !!onCheckForUpdates;
+    if (command.id === "run-setup-again") return !!onRunSetupAgain;
+    return true;
+  }), [allAvailableCommands, onCheckForUpdates, onRunSetupAgain]);
   const {
     applyThemePreview,
     clearThemePreview,
@@ -200,6 +205,7 @@ export function CommandBar({
     dispatch,
     focusedPaneId: state.focusedPaneId,
     onCheckForUpdates,
+    onRunSetupAgain,
     persistConfig,
     pluginRegistry,
     pushRoute,

package/src/components/company-logo.tsx

@@ -84,6 +84,7 @@ export function CompanyLogo({
       alignItems="center"
       justifyContent="center"
       objectFit="contain"
+      fallbackWhileLoading
       style={{
         width: cellWidthPx * width,
         height: cellHeightPx * height,
@@ -91,7 +92,7 @@ export function CompanyLogo({
         ...style,
       }}
     >
-      {/* Without a logo the initial fills the same tile, so the header keeps its shape. */}
+      {/* Without a logo, or until it loads, the initial fills the same tile, so the header keeps its shape. */}
       <Box width="100%" height="100%" bg={colors.border} alignItems="center" justifyContent="center">
         <Text
           fg={colors.text}

package/src/components/layout/header.tsx

@@ -36,6 +36,7 @@ import { resolveHeaderPromptGeometry } from "./shell/chrome";
 import { useWindowFullscreen } from "./window-fullscreen";
 import { WindowControls, WINDOWS_CONTROL_GROUP_WIDTH_PX } from "./window-controls";
 import { Button, terminalButtonColumns } from "../ui/button";
+import { DelayedMark, delayedMarkWidth } from "../ui/delayed-mark";
 
 const UPDATE_NOTICE_DURATION_MS = 5_000;
 /** Kept clear after the terminal update status, so its last character never touches the Help pill. */
@@ -768,7 +769,10 @@ function HeaderMarketSummary({ nativePaneChrome, width }: { nativePaneChrome: bo
     available: width,
     baseCurrencyWidth: displayWidth(summary.baseCurrencyLabel) + 1,
     countdownWidth: summary.marketLabel.length - summary.marketLabelShort.length,
-    spyWidth: summary.spyText.length + 1,
+    // A delayed SPY keeps its mark: the two fit, or give way, together. Once the
+    // rest of the cluster is gone, it gives up its move rather than give way.
+    spyWidth: summary.spyText.length + 1 + (summary.spyDelayMinutes != null ? delayedMarkWidth(summary.spyDelayMinutes, nativePaneChrome) + 1 : 0),
+    spyMoveWidth: summary.spyDelayMinutes != null ? summary.spyText.length - summary.spyPriceText.length : 0,
     stateWidth: summary.marketLabelShort ? summary.marketLabelShort.length + 1 : 0,
   });
   const marketLabel = fit.showCountdown ? summary.marketLabel : summary.marketLabelShort;
@@ -783,8 +787,9 @@ function HeaderMarketSummary({ nativePaneChrome, width }: { nativePaneChrome: bo
         </Box>
       ) : null}
       {fit.showSpy ? (
-        <Box paddingRight={1} flexShrink={0} data-gloom-role="header-market">
-          <Text fg={summary.spyColor}>{summary.spyText}</Text>
+        <Box paddingRight={1} flexShrink={0} flexDirection="row" alignItems="center" gap={1} data-gloom-role="header-market">
+          <Text fg={summary.spyColor}>{fit.showSpyMove ? summary.spyText : summary.spyPriceText}</Text>
+          {summary.spyDelayMinutes != null ? <DelayedMark minutes={summary.spyDelayMinutes} /> : null}
         </Box>
       ) : null}
       {fit.showBaseCurrency ? (

package/src/components/layout/market-summary.ts

@@ -12,6 +12,7 @@ import { formatPercentRaw } from "../../utils/format";
 import { formatMarketPriceWithCurrency, liveQuoteFormatOptions } from "../../market-data/market/format";
 import { getSessionMoveDisplay, marketStateColor, marketStateCountdown, marketStateLabel } from "../../market-data/market/status";
 import type { Quote } from "../../types/financials";
+import { useFreeQuoteDelay } from "../../api-client/plan-access";
 
 /**
  * SPY rides the shared feed. The snapshot poll only runs while the feed has
@@ -42,6 +43,10 @@ export interface MarketSummary {
   marketLabelShort: string;
   spyColor: string;
   spyText: string;
+  /** `spyText` without its move (`SPY $762.43`), for a delayed SPY in a header too narrow for both and the mark. */
+  spyPriceText: string;
+  /** Minutes SPY's price is late for this account (signed out or free), drawn as the delayed mark beside it; null when live. */
+  spyDelayMinutes: number | null;
 }
 
 export interface MarketSummaryFit {
@@ -49,6 +54,8 @@ export interface MarketSummaryFit {
   showCountdown: boolean;
   showState: boolean;
   showSpy: boolean;
+  /** SPY keeps its move; false when it gave the move up to stay (`spyMoveWidth`). */
+  showSpyMove: boolean;
 }
 
 /**
@@ -57,12 +64,16 @@ export interface MarketSummaryFit {
  * base currency, then the countdown suffix that widens the label. A narrowing
  * header therefore sheds the countdown, then the currency, then the state, and
  * keeps SPY longest. `countdownWidth` is what the suffix adds to the label.
+ * `spyMoveWidth` is what SPY's move adds to `spyWidth`, for a SPY that gives
+ * its move up before it gives way: a delayed SPY, whose mark makes it wider,
+ * so a narrow header still shows it and says it is late.
  */
 export function resolveMarketSummaryFit(options: {
   available: number;
   baseCurrencyWidth: number;
   countdownWidth: number;
   spyWidth: number;
+  spyMoveWidth?: number;
   stateWidth: number;
 }): MarketSummaryFit {
   let remaining = options.available;
@@ -71,11 +82,13 @@ export function resolveMarketSummaryFit(options: {
     remaining -= width;
     return true;
   };
-  const showSpy = take(options.spyWidth);
+  const spyMoveWidth = options.spyMoveWidth ?? 0;
+  const showSpyMove = take(options.spyWidth);
+  const showSpy = showSpyMove || (spyMoveWidth > 0 && take(options.spyWidth - spyMoveWidth));
   const showState = take(options.stateWidth);
   const showBaseCurrency = take(options.baseCurrencyWidth);
   const showCountdown = showState && take(options.countdownWidth);
-  return { showBaseCurrency, showCountdown, showState, showSpy };
+  return { showBaseCurrency, showCountdown, showState, showSpy, showSpyMove: showSpy && showSpyMove };
 }
 
 /**
@@ -87,15 +100,17 @@ export function resolveMarketSummaryFit(options: {
  * The price carries its currency's sign ($), so the base currency label
  * after it is never read as its unit.
  */
-export function spySummary(quote: Quote | null | undefined, colors: ThemeColors): Pick<MarketSummary, "spyColor" | "spyText"> {
+export function spySummary(quote: Quote | null | undefined, colors: ThemeColors): Pick<MarketSummary, "spyColor" | "spyPriceText" | "spyText"> {
   const display = getSessionMoveDisplay(quote);
   // Fixed decimals and a percent slot as wide as "+0.53%", so a streamed tick
   // never slides the market-state label or re-fits the cluster.
+  const spyPriceText = display
+    ? `SPY ${formatMarketPriceWithCurrency(display.price, quote?.currency || "USD", liveQuoteFormatOptions(quote, quote?.currency, "ETF"))}`
+    : "SPY —";
   return {
     spyColor: display?.change != null ? priceColor(display.change, colors) : colors.textDim,
-    spyText: display
-      ? `SPY ${formatMarketPriceWithCurrency(display.price, quote?.currency || "USD", liveQuoteFormatOptions(quote, quote?.currency, "ETF"))} ${formatPercentRaw(display.changePercent).padStart(6)}`
-      : "SPY —",
+    spyPriceText,
+    spyText: display ? `${spyPriceText} ${formatPercentRaw(display.changePercent).padStart(6)}` : spyPriceText,
   };
 }
 
@@ -135,7 +150,8 @@ export function useMarketSummary(): MarketSummary {
     return () => { clearInterval(id); };
   }, [appActive]);
 
-  const { spyColor, spyText } = spySummary(spyQuote, colors);
+  const { spyColor, spyPriceText, spyText } = spySummary(spyQuote, colors);
+  const spyDelayMinutes = useFreeQuoteDelay(spyQuote);
 
   const mktCountdown = mktState ? marketStateCountdown(mktState, now) : null;
   const marketLabelShort = mktState ? t(marketStateLabel(mktState)) : "";
@@ -149,6 +165,8 @@ export function useMarketSummary(): MarketSummary {
     marketLabel,
     marketLabelShort,
     spyColor,
+    spyPriceText,
     spyText,
+    spyDelayMinutes,
   };
 }

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

@@ -24,6 +24,7 @@ import {
 } from "./model";
 
 export {
+  ageFooterSegment,
   companyDataFooterSegment,
   datesPaneData,
   DELAYED_SEGMENT,
@@ -80,10 +81,12 @@ function terminalSegmentKey(segment: PaneFooterSegment, focused: boolean): strin
     : "";
 }
 
-/** Columns an icon segment keeps when hints crowd the footer. */
+/** Columns an icon segment keeps when hints crowd the footer: the icon, and on the desktop its `iconText` after it. */
 function iconSegmentReserve(segment: PaneFooterSegment, focused: boolean, nativePaneChrome: boolean): number {
   if (!segment.icon) return 0;
-  return nativePaneChrome ? 3 : Math.max(3, 1 + terminalSegmentKey(segment, focused).length);
+  return nativePaneChrome
+    ? 3 + (segment.iconText ? segment.iconText.length + 1 : 0)
+    : Math.max(3, 1 + terminalSegmentKey(segment, focused).length);
 }
 
 function SegmentView({ segment, focused }: { segment: PaneFooterSegment; focused: boolean }) {
@@ -124,6 +127,7 @@ function SegmentView({ segment, focused }: { segment: PaneFooterSegment; focused
         data-icon={segment.icon}
       >
         <Icon name={segment.icon} size={14} color={segment.disabled ? colors.textMuted : footerToneColor(segment.parts[0] ?? { text: "" })} />
+        {segment.iconText ? <Text fg={colors.textMuted} selectable={false} data-gloom-role="pane-footer-icon-text">{segment.iconText}</Text> : null}
       </Box>
     );
   }
@@ -140,6 +144,7 @@ function SegmentView({ segment, focused }: { segment: PaneFooterSegment; focused
         disabled={!interactive}
         color={segment.disabled ? colors.textMuted : footerToneColor(segment.parts[0] ?? { text: "" })}
         onPress={() => segment.onPress?.()}
+        text={segment.iconText}
       />
     );
   }