@gloom-sh/terminal 0.19.1 → 0.19.3

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

@@ -2,8 +2,8 @@ import { useCallback, useEffect, useRef, type MutableRefObject } from "react";
 import type { AppState } from "../../state/app/context";
 import type { TickerRecord } from "../../types/ticker";
 import { t } from "../../i18n";
-import { findExactTickerSearchMatch, listingChoiceQuery } from "../../tickers/search";
-import { isKnownExchangeCode, parsePublicTickerKey } from "../../utils/exchanges";
+import { listingChoiceQuery } from "../../tickers/search";
+import { isKnownExchangeCode } from "../../utils/exchanges";
 import type { PluginRegistry } from "../../plugins/registry";
 import type { Command } from "./commands/registry";
 import type {
@@ -294,37 +294,21 @@ export function useCommandBarSelectionRuntime({
   const activateListSelection = useCallback((options?: { secondary?: boolean; item?: ResultItem }) => {
     const listState = visibleListStateRef.current;
     if (!listState) return;
-    // Enter submits the typed command until a row is deliberately chosen.
-    // Search ranks suggestions by relevance; its first namesake must not
-    // replace the listing the shared ticker resolver would open.
+    // Enter opens exactly the highlighted row. The typed command runs as typed
+    // only while no listing for it is highlighted: before its search answers
+    // (`DES HFC` then opens the listing `quote HFC` reads), or while the rows
+    // on screen are an earlier query's.
     const queryChanged = rootQueryRef.current !== rootQuery;
     const tickerArgument = rootShortcutIntent.kind !== "none" && rootShortcutIntent.argKind === "ticker"
       ? rootShortcutIntent.argText : null;
     const listingQuery = listingChoiceQuery(tickerArgument ?? rootQueryRef.current);
     const choosingVenue = listingQuery && !isKnownExchangeCode(listingQuery.suffix);
-    const submitTyped = !options?.item && !currentRoute
+    const highlighted = listState.results[listState.selectedIdx];
+    const listingHighlighted = !queryChanged && (highlighted?.kind === "ticker" || highlighted?.kind === "search");
+    const submitTyped = !options?.item && !currentRoute && !listingHighlighted
       && (queryChanged || (!rootSelectionNavigatedRef.current && !choosingVenue));
-    let typed = submitTyped && (queryChanged || tickerArgument !== null)
+    const typed = submitTyped && (queryChanged || tickerArgument !== null)
       ? resolveImmediateRootSelection(rootQueryRef.current) : null;
-    const first = listState.results[listState.selectedIdx];
-    if (typed && !queryChanged && rootShortcutIntent.kind !== "none" && rootShortcutIntent.argKind === "ticker"
-      && first && (first.kind === "ticker" || first.kind === "search")) {
-      const argument = rootShortcutIntent.argText;
-      // Company names and partial symbols still accept the suggested match.
-      // An exact symbol or named venue goes through listing resolution.
-      if (!parsePublicTickerKey(argument).exchange && !findExactTickerSearchMatch(
-        listState.results.filter((item) => item.kind === "ticker" || item.kind === "search"), argument,
-      )) typed = null;
-    }
-    // A plain symbol follows the same path once it is the default ticker row.
-    // Commands and company-name searches keep their own default actions.
-    const plainSymbol = submitTyped && !typed && first && (first.kind === "ticker" || first.kind === "search")
-      && findExactTickerSearchMatch([first], rootQueryRef.current);
-    if (plainSymbol && first) {
-      const symbol = rootQueryRef.current;
-      typed = { ...first, action: () => runSecurityDescriptionShortcut(symbol),
-        secondaryAction: () => runSecurityDescriptionShortcut(symbol, { forceNewPane: true }) };
-    }
     const selected = options?.item ?? typed ?? listState.results[listState.selectedIdx];
     if (!selected) {
       if (searchPending && !currentRoute && !options?.item && !rootSelectionNavigatedRef.current) {
@@ -399,8 +383,8 @@ export function useCommandBarSelectionRuntime({
       item: selected,
       query,
       rank: selected === typed ? 0 : Math.max(0, listState.results.indexOf(selected)),
-      // A plain symbol stays a ticker choice; a submitted command is the shortcut itself.
-      isShortcut: () => !plainSymbol && (selected === typed || resolveImmediateRootSelection(query)?.id === selected.id),
+      // A listing row stays a ticker choice; a submitted command is the shortcut itself.
+      isShortcut: () => !listingHighlighted && (selected === typed || resolveImmediateRootSelection(query)?.id === selected.id),
     }, run);
   }, [
     closeAll,
@@ -416,7 +400,6 @@ export function useCommandBarSelectionRuntime({
     rootSelectionNavigatedRef,
     rootShortcutIntent,
     runRootRow,
-    runSecurityDescriptionShortcut,
     searchPending,
     stateConfigLayout,
     stateRef,

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/detached-pane-shell.tsx

@@ -170,9 +170,9 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
     fireAndForget(desktopWindowBridge.closeDetachedPane?.(desktopWindowBridge.paneId), "desktop.closeDetachedPane");
   }, [desktopWindowBridge, locked, pluginRegistry]);
 
-  const startWindowDrag = useCallback(() => {
+  const startWindowDrag = useCallback((press?: { detail?: number }) => {
     focusPane();
-    if (nativeWindowChrome) void rendererHost.startWindowDrag?.();
+    if (nativeWindowChrome) void rendererHost.startWindowDrag?.(press);
   }, [focusPane, nativeWindowChrome, rendererHost]);
 
   const sharePane = useCallback(() => {

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 ? (
@@ -870,9 +875,9 @@ export function Header({
   // bar itself wears the prompt's fill and reads as a single strip.
   const headerBg = nativePaneChrome ? colors.header : headerSurface(colors);
 
-  const startWindowDrag = useCallback(() => {
+  const startWindowDrag = useCallback((press?: { detail?: number }) => {
     if (!titleBarOverlay || !nativeWindowChrome) return;
-    void rendererHost.startWindowDrag?.();
+    void rendererHost.startWindowDrag?.(press);
   }, [nativeWindowChrome, rendererHost, titleBarOverlay]);
 
   const openCommandBar = useCallback((event?: HeaderActionEvent) => {

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,11 +24,13 @@ import {
 } from "./model";
 
 export {
+  ageFooterSegment,
   companyDataFooterSegment,
   datesPaneData,
   DELAYED_SEGMENT,
   delayedFooterSegment,
   hasPaneFooterContent,
+  savedCopyFooterInfo,
   savedCopyFooterSegment,
   splitDelayedStatus,
   type CombinedPaneFooter,
@@ -79,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 }) {
@@ -123,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>
     );
   }
@@ -139,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}
       />
     );
   }

package/src/components/layout/pane/footer/model.ts

@@ -30,6 +30,12 @@ export interface PaneFooterSegment {
    * data a source delivers late: build it with {@link delayedFooterSegment}.
    */
   icon?: "warning" | "clock";
+  /**
+   * A few characters the desktop draws after `icon`, in the footer's muted
+   * tone, so the segment reads without hovering: a delay's `15m`. The
+   * terminal's `parts` already carry it (`◷15m`).
+   */
+  iconText?: string;
   /**
    * The segment only dates the pane's data (`as of 2026-10-05`). A `gloomberb
    * shot` whose status line already dates that data leaves it out, so the
@@ -51,6 +57,21 @@ export interface PaneFooterSegment {
    * warning.
    */
   capture?: boolean;
+  /**
+   * The segment only says how long ago the pane's data loaded (`5m ago`,
+   * `fetched just now`), relative to the moment it is read: build it with
+   * {@link ageFooterSegment}. A row too narrow for every segment leaves it out
+   * first, whole, before anything else shortens or is cut, so the source and
+   * the date stay.
+   */
+  age?: boolean;
+  /**
+   * When the copy the pane shows was saved, on the saved-copy segment
+   * ({@link savedCopyFooterSegment}). The footer draws that segment first,
+   * wherever a pane registers it, and once: the oldest when several parts of
+   * the pane show a saved copy.
+   */
+  savedCopyAt?: number;
   /**
    * Shorter forms of `parts`, longest first. When the row is too narrow for
    * `parts` beside the hints, it shows the first that fits, or the last, and
@@ -68,10 +89,11 @@ export interface PaneFooterSegment {
 const DELAYED_FOOTER_GLYPH = "◷";
 
 /**
- * The footer's one form for data a source delivers late: a yellow clock with
- * `detail` in its tooltip on the desktop, and the clock with the delay
- * (`◷15m`) in the terminal, which has no tooltip, so it takes a few cells
- * rather than a phrase. `onPress` makes it a button, such as an upgrade.
+ * The footer's one form for data a source delivers late: a yellow clock and
+ * the delay (`15m`) on the desktop, with `detail` in its tooltip, and the
+ * clock with the delay (`◷15m`) in the terminal, which has no tooltip, so it
+ * takes a few cells rather than a phrase. Without a known delay the desktop
+ * draws the clock alone. `onPress` makes it a button, such as an upgrade.
  */
 export function delayedFooterSegment({
   id,
@@ -94,6 +116,7 @@ export function delayedFooterSegment({
     label: detail,
     title: detail,
     parts: [{ text: `${DELAYED_FOOTER_GLYPH}${delay ?? ""}`, tone: "warning" }],
+    ...(delay ? { iconText: delay } : {}),
     ...(onPress ? { onPress } : {}),
     ...(quoteStatus ? { quoteStatus } : {}),
   };
@@ -113,12 +136,36 @@ export function savedCopyFooterSegment(id: string, savedAt: number, now = Date.n
   return {
     id,
     quoteStatus: true,
+    savedCopyAt: savedAt,
     title: `${t("Couldn't refresh")}: ${text}`,
     parts: [{ text, tone: "warning" }],
     variants: [[{ text: t("saved copy"), tone: "warning" }]],
   };
 }
 
+/**
+ * The footer's one form for how long ago the pane's data loaded: `5m ago`,
+ * or `fetched 5m ago` with a `verb`. A narrow row leaves it out first (`age`).
+ */
+export function ageFooterSegment(ago: string, { id = "updated", verb, tone = "muted" }: {
+  id?: string;
+  /** Said before the age: `fetched`, `checked`, `updated`. */
+  verb?: string;
+  tone?: PaneFooterPart["tone"];
+} = {}): PaneFooterSegment {
+  return { id, age: true, parts: [{ text: verb ? `${verb} ${ago}` : ago, tone }] };
+}
+
+/**
+ * The saved-copy segment of a pane showing several answers (a list and the
+ * report it opens): the oldest of the copies among `savedAts` (ms), or no
+ * segment when none of them is one.
+ */
+export function savedCopyFooterInfo(savedAts: readonly (number | null | undefined)[], id = "saved-copy"): PaneFooterSegment[] {
+  const times = savedAts.filter((at): at is number => typeof at === "number" && Number.isFinite(at));
+  return times.length > 0 ? [savedCopyFooterSegment(id, Math.min(...times))] : [];
+}
+
 /**
  * The footer's one form for company data a pane shows from another listing
  * of the company: a receipt or a foreign line (SKHY, HY9H in Frankfurt) reads
@@ -299,7 +346,8 @@ function trimTrailing(info: PaneFooterSegment[], width: number, keep: number): P
 }
 
 /**
- * The info segments as they fit `width`: segments with `variants` step down
+ * The info segments as they fit `width`: an `age` (`5m ago`) is left out
+ * first, so the source and the date outlast it; then segments with `variants` step down
  * together, one variant at a time, until the row fits or none is left; beside
  * the hints, the trailing status that still does not fit is then cut or left
  * out (trimTrailing). A status after every segment with shorter forms gives
@@ -310,6 +358,10 @@ function trimTrailing(info: PaneFooterSegment[], width: number, keep: number): P
  * so a frame that fits its own status line sees it overflow.
  */
 export function fitPaneFooterInfo(info: PaneFooterSegment[], width: number, { besideHints = true }: { besideHints?: boolean } = {}): PaneFooterSegment[] {
+  // How long ago the data loaded goes first, whole: a cut age (`fetched just`) says nothing.
+  if (infoTextWidth(info) > width && info.some((segment) => segment.age)) {
+    return fitPaneFooterInfo(info.filter((segment) => !segment.age), width, { besideHints });
+  }
   if (!besideHints) return stepDownTogether(info, width);
   const lastWithVariants = info.findLastIndex((segment) => (segment.variants?.length ?? 0) > 0);
   if (lastWithVariants >= 0 && lastWithVariants < info.length - 1 && infoTextWidth(info) > width) {
@@ -450,7 +502,20 @@ export function combinePaneFooterRegistrations(registrations: Map<string, PaneFo
   const shown = yielded.length > 0 ? hints.filter((hint) => !yielded.includes(hint)) : hints;
 
   if (info.length === 0 && shown.length === 0 && menu.length === 0 && keys.length === 0) return EMPTY_FOOTER;
-  return { info, hints: shown, menu, keys };
+  return { info: savedCopyFirst(info), hints: shown, menu, keys };
+}
+
+/**
+ * The saved-copy segment in its one place: first, so it reads the same in
+ * every pane and is the last a narrow row cuts, and once, the oldest copy,
+ * when a list and the report it opens each register one.
+ */
+function savedCopyFirst(info: PaneFooterSegment[]): PaneFooterSegment[] {
+  let oldest: PaneFooterSegment | undefined;
+  for (const segment of info) {
+    if (segment.savedCopyAt != null && (oldest?.savedCopyAt == null || segment.savedCopyAt < oldest.savedCopyAt)) oldest = segment;
+  }
+  return oldest ? [oldest, ...info.filter((segment) => segment.savedCopyAt == null)] : info;
 }
 
 function sameFooterParts(left: PaneFooterPart[], right: PaneFooterPart[]): boolean {
@@ -507,6 +572,8 @@ export function samePaneFooterRegistration(
         && segment.shortcut === other.shortcut
         && !!segment.onPress === !!other.onPress
         && segment.disabled === other.disabled
+        && segment.savedCopyAt === other.savedCopyAt
+        && segment.age === other.age
         && sameFooterParts(segment.parts, other.parts)
         && (segment.variants?.length ?? 0) === (other.variants?.length ?? 0)
         && (segment.variants ?? []).every((variant, variantIndex) => sameFooterParts(variant, other.variants![variantIndex]!));

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

@@ -178,13 +178,13 @@ export function PaneHeader({
     event.stopPropagation?.();
     onHeaderMouseDown?.(event);
   };
-  const beginWindowDrag = (event?: { stopPropagation?: () => void }) => {
+  const beginWindowDrag = (event?: { stopPropagation?: () => void; detail?: number }) => {
     event?.stopPropagation?.();
     if (titleBar) {
       onHeaderMouseDown?.(event);
       return;
     }
-    void rendererHost.startWindowDrag?.();
+    void rendererHost.startWindowDrag?.(event);
   };
   const barHandlers = windowDrag
     ? { onMouseDown: beginWindowDrag }

package/src/components/layout/pane/status-footer.ts

@@ -11,7 +11,8 @@ const EMPTY_STATUS_INFO: PaneFooterSegment[] = [];
 // has no per-pane footer hint. Do not reintroduce one. See PR #589. Panes bind
 // it with `usePaneRefreshKey`.
 
-const STALE_SEGMENT: PaneFooterSegment = { id: "stale", parts: [{ text: "stale", tone: "warning" }] };
+/** The shared warning for data on screen older than it should be, for a pane composing its own footer. */
+export const STALE_SEGMENT: PaneFooterSegment = { id: "stale", parts: [{ text: "stale", tone: "warning" }] };
 
 interface PaneStatusInfoOptions {
   loading?: boolean;

package/src/components/market-board/index.tsx

@@ -215,9 +215,10 @@ export interface StatChartDetailProps {
 export function StatChartDetail({ items, width, height, empty, emptySubject, emptyTitle, renderChart }: StatChartDetailProps) {
   return (
     <Box flexDirection="column" width={width} height={height}>
-      <StatGrid items={items} width={width} />
+      {/* A figure wraps only into rows the chart's least leaves, so the detail never spills. */}
+      <StatGrid items={items} width={width} maxLines={height - 3} />
       <PaneStatusBody empty={empty} subject={emptySubject} emptyTitle={emptyTitle}>
-        {renderChart(Math.max(3, height - statGridRows(items, width)))}
+        {renderChart(Math.max(3, height - statGridRows(items, width, undefined, { maxLines: height - 3 })))}
       </PaneStatusBody>
     </Box>
   );

package/src/components/onboarding/desks-step.tsx

@@ -1,14 +1,19 @@
 import { Box, useUiCapabilities } from "../../ui";
 import { t } from "../../i18n";
 import { DESKS, deskFunctions, type DeskKey } from "../../layout/desks";
+import { MAX_DESK_PICKS } from "../../layout/desk-keys";
 import { ToggleList } from "../toggle-list";
 
-/** Ticks or unticks a desk; the ticked ones keep the order they were ticked in. */
-export function toggleDeskChoice(chosen: readonly DeskKey[], key: DeskKey): DeskKey[] {
-  return chosen.includes(key) ? chosen.filter((entry) => entry !== key) : [...chosen, key];
+/**
+ * Ticks or unticks a desk; the ticked ones keep the order they were ticked
+ * in. A fourth tick is ignored: untick one first.
+ */
+export function toggleDeskChoice(chosen: DeskKey[], key: DeskKey): DeskKey[] {
+  if (chosen.includes(key)) return chosen.filter((entry) => entry !== key);
+  return chosen.length < MAX_DESK_PICKS ? [...chosen, key] : chosen;
 }
 
-/** "What do you trade?": one checkbox per desk, with the functions it opens. */
+/** "What do you trade most?": one checkbox per desk, with the functions it opens. */
 export function DesksStep({
   chosen,
   cursor,
@@ -21,6 +26,7 @@ export function DesksStep({
   onToggle: (key: DeskKey) => void;
 }) {
   const desktop = useUiCapabilities().nativePaneChrome === true;
+  const full = chosen.length >= MAX_DESK_PICKS;
   return (
     <Box flexDirection="column" flexShrink={0} paddingX={desktop ? 0 : 2} style={desktop ? { marginTop: 14 } : undefined}>
       <ToggleList
@@ -28,6 +34,8 @@ export function DesksStep({
           id: desk.key,
           label: t(desk.label),
           enabled: chosen.includes(desk.key),
+          // Once three are ticked, the rest wait until one is unticked.
+          disabled: full && !chosen.includes(desk.key),
           detail: deskFunctions(desk).join(" "),
         }))}
         selectedIdx={cursor}