gloomberb 0.18.3 → 0.18.5

package/src/components/layout/header.tsx

@@ -38,17 +38,9 @@ import { WindowControls, WINDOWS_CONTROL_GROUP_WIDTH_PX } from "./window-control
 import { Button, terminalButtonColumns } from "../ui/button";
 
 const UPDATE_NOTICE_DURATION_MS = 5_000;
-/**
- * The failed-update message is cut to the room it has, but not below this many
- * columns ("Update fa..."): narrower says nothing, so the banner is left out.
- * The retry hint gives way before the message goes under it.
- */
-const UPDATE_ERROR_MIN_COLUMNS = 12;
 /** Kept clear after the terminal update status, so its last character never touches the Help pill. */
 const UPDATE_STATUS_GAP_COLUMNS = 1;
-/** Below this many characters of the reason, the terminal banner says "Update failed" and the retry key instead. */
-const UPDATE_REASON_MIN_COLUMNS = 8;
-/** A terminal line about an update narrower than this is left out rather than shown as a stub. */
+/** A clipped terminal notice narrower than this is left out rather than shown as a stub. */
 const UPDATE_TEXT_MIN_COLUMNS = 8;
 /** Left padding of the update status's slot, in cells; the desktop's title-bar layout also pads its right. */
 const UPDATE_SLOT_PADDING_COLUMNS = 2;
@@ -316,7 +308,7 @@ function HeaderCommandPrompt({
  */
 type UpdateStatusView =
   | { kind: "busy"; text: string; parts: StatusPart[] }
-  | { kind: "text"; text: string }
+  | { kind: "text"; text: string; compact?: string; clip?: boolean }
   | { kind: "restart"; text: string; version: string }
   | { kind: "failed"; message: string; parts: StatusPart[]; retry: boolean };
 
@@ -374,7 +366,7 @@ function resolveUpdateStatusView({
       if (updateProgress.canRestart && canRestart) {
         return { kind: "restart", text: t("Update ready"), version: updateAvailable?.version ?? "" };
       }
-      return { kind: "text", text: t("Update ready, restart to apply") };
+      return { kind: "text", text: t("Update ready, restart to apply"), compact: t("Update ready") };
     }
     if (updateProgress.phase === "done") {
       return { kind: "text", text: t(updateProgress.message ?? "Update ready, restart to apply") };
@@ -412,14 +404,14 @@ function resolveUpdateStatusView({
     if (updateAvailable.updateAction.kind === "managed") {
       return {
         kind: "text",
-        text: tf("v{version} available, update through the package manager that installed Gloomberb", {
+        text: tf("v{version} available, update through the package manager that installed Gloom", {
           version: updateAvailable.version,
         }),
       };
     }
     return { kind: "text", text: tf("v{version} available — starting download...", { version: updateAvailable.version }) };
   }
-  if (updateNotice) return { kind: "text", text: updateNotice };
+  if (updateNotice) return { kind: "text", text: updateNotice, clip: true };
   return null;
 }
 
@@ -460,8 +452,8 @@ function retryHint(view: Extract<UpdateStatusView, { kind: "failed" }>, updateKe
 }
 
 /**
- * Columns the terminal status takes when nothing is cut: the header gives the
- * slot that much from the closed prompt's empty room before it cuts anything.
+ * Columns the terminal status takes when everything fits: the header gives
+ * the slot that much from the closed prompt's empty room before dropping parts.
  */
 function terminalUpdateStatusColumns(view: UpdateStatusView, updateKey: string): number {
   return UPDATE_STATUS_GAP_COLUMNS + terminalUpdateStatusContentColumns(view, updateKey);
@@ -490,7 +482,7 @@ function terminalClosedPromptFloor(): number {
 }
 
 /**
- * What the header says about an update. The terminal cuts it to `columns`,
+ * What the header says about an update. The terminal fits it to `columns`,
  * the room its slot is guaranteed; the desktop and the web let the browser fit
  * it to the room the bar leaves (NativeUpdateStatus). Either way it never runs
  * into the Help pill or the market cluster beside it.
@@ -525,7 +517,7 @@ function TerminalUpdateStatus({ columns, onRestart, updateKey, view }: {
   );
 }
 
-/** The status cut to `room` columns, or null when nothing of it would read. */
+/** Whole status parts in priority order; only transient notices may be clipped. */
 function terminalUpdateStatusContent({ onRestart, room, updateKey, view }: {
   onRestart?: () => void;
   room: number;
@@ -533,9 +525,9 @@ function terminalUpdateStatusContent({ onRestart, room, updateKey, view }: {
   view: UpdateStatusView;
 }): ReactNode {
   if (view.kind === "busy") {
-    // The spinner and a cell after it, then the words, cut to what is left.
-    if (room < 2 + UPDATE_TEXT_MIN_COLUMNS) return null;
-    return <TerminalBusyStatus text={fitStatusParts(view.parts, room - 2)} />;
+    // The percent stays when the words give way; the spinner never stands alone.
+    const text = fitStatusParts(view.parts, room - 2);
+    return text ? <TerminalBusyStatus text={text} /> : null;
   }
   if (view.kind === "restart") {
     // The button stays when the words do not fit beside it.
@@ -549,9 +541,7 @@ function terminalUpdateStatusContent({ onRestart, room, updateKey, view }: {
     const hintColumns = displayWidth(hint);
     const messageColumns = displayWidth(view.message);
     const short = t(UPDATE_FAILED_SHORT);
-    const reasonRoom = room - displayWidth(view.parts[0]?.cut === false ? view.parts[0].text : "");
-    // The whole message with its key, then the message alone, then as much of
-    // the reason as reads, then "Update failed" with its key; never less.
+    // The reason and retry hint give way whole, leaving a compact failure signal.
     let text: string;
     let showHint = false;
     if (messageColumns + hintColumns <= room) {
@@ -559,37 +549,33 @@ function terminalUpdateStatusContent({ onRestart, room, updateKey, view }: {
       showHint = hintColumns > 0;
     } else if (messageColumns <= room) {
       text = view.message;
-    } else if (reasonRoom >= UPDATE_REASON_MIN_COLUMNS) {
-      text = truncateToDisplayWidth(view.message, room);
     } else if (displayWidth(short) + hintColumns <= room) {
       text = short;
       showHint = hintColumns > 0;
-    } else if (room >= UPDATE_ERROR_MIN_COLUMNS) {
-      text = truncateToDisplayWidth(short, room);
+    } else if (displayWidth(short) <= room) {
+      text = short;
     } else {
       return null;
     }
     return <TerminalFailedStatus text={text} hint={showHint ? hint : ""} />;
   }
-  // A notice or a line about the update: cut to the slot, never past it.
-  if (room < UPDATE_TEXT_MIN_COLUMNS) return null;
-  return <TerminalTextStatus text={view.text} width={room} />;
+  if (view.clip) {
+    if (room < UPDATE_TEXT_MIN_COLUMNS) return null;
+    return <TerminalTextStatus text={view.text} width={room} />;
+  }
+  const text = displayWidth(view.text) <= room ? view.text : view.compact;
+  return text && displayWidth(text) <= room ? <TerminalTextStatus text={text} width={room} /> : null;
 }
 
 /**
- * A status line in `width` columns: the pieces that stay whole (a download's
- * percent) keep their room, and the rest is cut to what they leave.
+ * A status line in `width` columns: the parts the desktop may clip instead
+ * drop out whole in the terminal, keeping the download's percent readable.
  */
 function fitStatusParts(parts: StatusPart[], width: number): string {
-  const whole = parts.reduce((total, part) => total + (part.cut ? 0 : displayWidth(part.text)), 0);
-  const cutRoom = Math.max(0, width - whole);
-  const cutTotal = parts.reduce((total, part) => total + (part.cut ? displayWidth(part.text) : 0), 0);
-  if (cutTotal <= cutRoom) return parts.map((part) => part.text).join("");
-  // A cut piece keeps a space before the whole one after it: "Downloading v... 42%".
-  const cut = (part: StatusPart, index: number) => index < parts.length - 1
-    ? `${truncateToDisplayWidth(part.text.trimEnd(), Math.max(0, cutRoom - 1))} `
-    : truncateToDisplayWidth(part.text, cutRoom);
-  return truncateToDisplayWidth(parts.map((part, index) => (part.cut ? cut(part, index) : part.text)).join(""), width);
+  const full = parts.map((part) => part.text).join("");
+  if (displayWidth(full) <= width) return full;
+  const compact = parts.filter((part) => !part.cut).map((part) => part.text).join("").trim();
+  return displayWidth(compact) <= width ? compact : "";
 }
 
 function TerminalBusyStatus({ text }: { text: string }) {
@@ -780,7 +766,7 @@ function HeaderMarketSummary({ nativePaneChrome, width }: { nativePaneChrome: bo
   const summary = useMarketSummary();
   const fit = resolveMarketSummaryFit({
     available: width,
-    baseCurrencyWidth: summary.baseCurrency.length + 1,
+    baseCurrencyWidth: displayWidth(summary.baseCurrencyLabel) + 1,
     countdownWidth: summary.marketLabel.length - summary.marketLabelShort.length,
     spyWidth: summary.spyText.length + 1,
     stateWidth: summary.marketLabelShort ? summary.marketLabelShort.length + 1 : 0,
@@ -790,20 +776,20 @@ function HeaderMarketSummary({ nativePaneChrome, width }: { nativePaneChrome: bo
   return (
     <>
       {fit.showState && marketLabel ? (
-        <Box paddingRight={1} flexShrink={0}>
+        <Box paddingRight={1} flexShrink={0} data-gloom-role="header-market">
           <Text fg={summary.marketColor} {...(nativePaneChrome ? { attributes: TextAttributes.BOLD } : {})}>
             {marketLabel}
           </Text>
         </Box>
       ) : null}
       {fit.showSpy ? (
-        <Box paddingRight={1} flexShrink={0}>
+        <Box paddingRight={1} flexShrink={0} data-gloom-role="header-market">
           <Text fg={summary.spyColor}>{summary.spyText}</Text>
         </Box>
       ) : null}
       {fit.showBaseCurrency ? (
         <Box paddingRight={1} flexShrink={0}>
-          <Text fg={nativePaneChrome ? colors.textDim : blendHex(colors.headerText, colors.header, 0.42)}>{summary.baseCurrency}</Text>
+          <Text fg={nativePaneChrome ? colors.textDim : blendHex(colors.headerText, colors.header, 0.42)}>{summary.baseCurrencyLabel}</Text>
         </Box>
       ) : null}
     </>
@@ -845,15 +831,16 @@ export function Header({
   const { nativePaneChrome = false, titleBarOverlay, nativeWindowChrome = titleBarOverlay, windowControls } = useUiCapabilities();
   const showWindowControls = nativeWindowChrome && windowControls === "windows";
   const windowFullscreen = useWindowFullscreen();
+  const updateStatus = useUpdateStatus(!!onRestartForUpdate);
   const prompt = resolveHeaderPromptGeometry({
     nativePaneChrome,
     nativeWindowChrome,
     termWidth,
     titleBarOverlay,
     windowFullscreen,
+    allowMarketExpansion: !updateStatus.view,
   });
   const shortcutLabel = useCommandBarShortcut();
-  const updateStatus = useUpdateStatus(!!onRestartForUpdate);
   // The terminal lays the header out by cell counts, so it works out what is left
   // for the update status once the Help pill and the slot's padding are paid for.
   let updateStatusColumns = Math.max(

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

@@ -4,12 +4,12 @@ import { useThemeColors } from "../../theme/theme-context";
 import { useAppVisible } from "../../state/app/activity";
 import { useAppSelector } from "../../state/app/context";
 import { getSharedMarketDataCoordinator } from "../../market-data/coordinator";
-import { t } from "../../i18n";
+import { t, tf } from "../../i18n";
 import { useQuoteEntry, useResolvedEntryValue } from "../../market-data/hooks";
 import { useQuoteStreaming } from "../../state/hooks/quote-streaming";
 import type { QuoteSubscriptionTarget } from "../../types/data-provider";
 import { formatPercentRaw } from "../../utils/format";
-import { formatMarketPrice, liveQuoteFormatOptions } from "../../market-data/market/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";
 
@@ -33,7 +33,8 @@ const SPY_STREAM_TARGETS: QuoteSubscriptionTarget[] = [{
 }];
 
 export interface MarketSummary {
-  baseCurrency: string;
+  /** The base currency under its own label (base THB), so it never reads as the unit of SPY's price beside it. */
+  baseCurrencyLabel: string;
   marketColor: string;
   /** Market state with its countdown, when the state has one. */
   marketLabel: string;
@@ -83,6 +84,8 @@ export function resolveMarketSummaryFit(options: {
  * it, as `ticker SPY` headlines them. While a pre-market or after-hours
  * session is open (PRE-MKT, AFTER-HRS) the slot is that session's print and
  * its move from the close, so the figure is the session the label names.
+ * 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"> {
   const display = getSessionMoveDisplay(quote);
@@ -91,7 +94,7 @@ export function spySummary(quote: Quote | null | undefined, colors: ThemeColors)
   return {
     spyColor: display?.change != null ? priceColor(display.change, colors) : colors.textDim,
     spyText: display
-      ? `SPY ${formatMarketPrice(display.price, liveQuoteFormatOptions(quote, quote?.currency, "ETF"))} ${formatPercentRaw(display.changePercent).padStart(6)}`
+      ? `SPY ${formatMarketPriceWithCurrency(display.price, quote?.currency || "USD", liveQuoteFormatOptions(quote, quote?.currency, "ETF"))} ${formatPercentRaw(display.changePercent).padStart(6)}`
       : "SPY —",
   };
 }
@@ -137,11 +140,11 @@ export function useMarketSummary(): MarketSummary {
   const mktCountdown = mktState ? marketStateCountdown(mktState, now) : null;
   const marketLabelShort = mktState ? t(marketStateLabel(mktState)) : "";
   const marketLabel = marketLabelShort && mktCountdown
-    ? `${marketLabelShort} · ${mktCountdown}`
+    ? `${marketLabelShort} · ${mktCountdown}${mktState === "PRE" ? ` ${t("to regular open")}` : ""}`
     : marketLabelShort;
 
   return {
-    baseCurrency,
+    baseCurrencyLabel: tf("base {currency}", { currency: baseCurrency }),
     marketColor: mktState ? marketStateColor(mktState, colors) : colors.textDim,
     marketLabel,
     marketLabelShort,

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

@@ -1,7 +1,7 @@
 import { createContext, useContext } from "react";
 
 /**
- * True inside a `gloomberb shot` whose status line dates the pane's data: the
+ * True inside a `gloom shot` whose status line dates the pane's data: the
  * pane's own `as of` text (a query bar's `asOf`) is left out, so the date is
  * said once. False everywhere else.
  */

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

@@ -26,6 +26,7 @@ export {
   DELAYED_SEGMENT,
   delayedFooterSegment,
   hasPaneFooterContent,
+  savedCopyFooterSegment,
   splitDelayedStatus,
   type CombinedPaneFooter,
   type PaneFooterPressEvent,

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

@@ -1,6 +1,7 @@
 import type { ContextMenuItem } from "../../../../types/context-menu";
 import { t } from "../../../../i18n";
 import { clipToDisplayWidth, displayWidth } from "../../../../utils/format";
+import { formatShortDate } from "../../../../utils/datetime-format";
 import { getShortcutHintWidth } from "../../../ui/shortcut-hint";
 
 export interface PaneFooterRegistration {
@@ -38,10 +39,16 @@ export interface PaneFooterSegment {
   asOf?: boolean;
   /**
    * The segment only says how current the pane's quotes are (`2026-10-09 ·
-   * 15m delayed`), which a `gloomberb shot` status line says too: a shot whose
+   * 15m delayed`), which a `gloom shot` status line says too: a shot whose
    * line states its data's date and delay leaves it out.
    */
   quoteStatus?: boolean;
+  /**
+   * The segment says what the rows leave out (releases a filter hides), which
+   * a picture of the rows cannot: a `gloom shot` keeps it, as it keeps a
+   * warning.
+   */
+  capture?: boolean;
   /**
    * 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
@@ -90,6 +97,26 @@ export function delayedFooterSegment({
   };
 }
 
+/**
+ * The footer's one form for data shown from a copy saved earlier because
+ * refreshing it failed (offline, a hung or refused proxy): `saved copy from
+ * 14:37`, or with its day when saved on another. It says how current the
+ * pane's quotes are, so it is a quote status.
+ */
+export function savedCopyFooterSegment(id: string, savedAt: number, now = Date.now()): PaneFooterSegment {
+  const saved = new Date(savedAt);
+  const time = saved.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
+  const when = saved.toDateString() === new Date(now).toDateString() ? time : `${formatShortDate(saved, { year: false })} ${time}`;
+  const text = `${t("saved copy from")} ${when}`;
+  return {
+    id,
+    quoteStatus: true,
+    title: `${t("Couldn't refresh")}: ${text}`,
+    parts: [{ text, tone: "warning" }],
+    variants: [[{ text: t("saved copy"), tone: "warning" }]],
+  };
+}
+
 /** A pane whose market data is all delayed, by no one figure: the clock alone, its tooltip saying so. */
 export const DELAYED_SEGMENT: PaneFooterSegment = delayedFooterSegment({ id: "delayed", detail: "Delayed market data" });
 
@@ -165,7 +192,12 @@ export interface CombinedPaneFooter {
 
 export const EMPTY_FOOTER: CombinedPaneFooter = { info: [], hints: [], menu: [], keys: [] };
 
-/** Status the hints leave room for, more when it is a warning: a failure must stay readable. */
+/**
+ * Status the hints leave room for, more when it is a warning: a failure must
+ * stay readable. A status no longer than the warning's room is kept whole,
+ * with the hints that no longer fit under More, so a status word is never cut
+ * against them ("Cloud sync d [a]dd event"); a longer one gives way to the hints.
+ */
 const INFO_FLOOR_CHARS = 10;
 const WARNING_FLOOR_CHARS = 24;
 const HINT_GAP = 1;
@@ -264,9 +296,10 @@ export function layoutPaneFooterHintRow(
   const width = Math.max(0, Math.floor(contentWidth));
   const hints = footer.hints.filter((hint) => !hint.disabled);
   const warning = footer.info.some((segment) => segment.parts.some((part) => part.tone === "warning" || part.tone === "negative"));
-  const textFloor = footer.info.length > 0
-    ? Math.min(warning ? WARNING_FLOOR_CHARS : INFO_FLOOR_CHARS, infoTextWidth(footer.info))
-    : 0;
+  const infoChars = infoTextWidth(footer.info);
+  const textFloor = footer.info.length === 0 ? 0
+    : warning || infoChars <= WARNING_FLOOR_CHARS ? Math.min(WARNING_FLOOR_CHARS, infoChars)
+    : INFO_FLOOR_CHARS;
   const infoFloor = Math.min(width, Math.max(iconReserve, textFloor));
   const hintBudget = Math.max(0, width - infoFloor - (infoFloor > 0 && hints.length > 0 ? 1 : 0));
   const more = moreControl(hintBudget);

package/src/components/layout/shell/chrome.ts

@@ -15,11 +15,11 @@ const HEADER_PROMPT_COMFORT_WIDTH = 48;
 const COMMAND_SURFACE_MIN_WIDTH = { native: 46, terminal: 42 };
 
 /**
- * The market cluster's reserve at the header's right edge, widest first. Each
- * step is the worst case for what it shows, so a ticking countdown or a longer
- * state label can never push the cluster past its columns:
+ * Market budgets used to size the command prompt, widest first. These stay
+ * independent of label wording so a longer countdown cannot resize the prompt
+ * or the sheet attached to it:
  *
- *   42  PRE-MKT · 5h 30m  SPY 1,234.56 -10.60%  USD
+ *   42  state, SPY, currency and a short countdown
  *   31  the state label and SPY
  *   21  SPY alone
  *
@@ -29,6 +29,11 @@ const COMMAND_SURFACE_MIN_WIDTH = { native: 46, terminal: 42 };
  * columns to add the base currency, the one value here that barely moves.
  */
 const HEADER_MARKET_TIERS = [42, 31, 21] as const;
+/**
+ * Full pre-market label, including "to regular open", when spare room allows:
+ * "PRE-MKT · 1h 17m to regular open  SPY $762.43 -0.60%  base USD" with room to spare.
+ */
+const HEADER_MARKET_FULL_COLUMNS = 64;
 
 /**
  * Update status is transient, so on a narrow header it gives most of its
@@ -94,6 +99,8 @@ export function resolveHeaderPromptGeometry(options: {
   platform?: string;
   titleBarOverlay?: boolean;
   windowFullscreen?: boolean;
+  /** An active update status keeps its spare room ahead of a longer market label. */
+  allowMarketExpansion?: boolean;
 }): HeaderPromptGeometry {
   const { nativePaneChrome, platform, termWidth, titleBarOverlay, windowFullscreen } = options;
   const nativeWindowChrome = options.nativeWindowChrome ?? titleBarOverlay;
@@ -102,13 +109,19 @@ export function resolveHeaderPromptGeometry(options: {
     : 0;
   const left = leadingInset + 1;
   const updateReserve = headerPromptUpdateColumns(termWidth);
-  const marketColumns = headerMarketColumns(termWidth, left, updateReserve);
+  const marketReserve = headerMarketColumns(termWidth, left, updateReserve);
   const width = Math.max(
     HEADER_PROMPT_MIN_WIDTH,
     Math.min(
       resolveCommandSurfaceWidth({ nativePaneChrome, termWidth }),
-      termWidth - left - updateReserve - marketColumns,
+      termWidth - left - updateReserve - marketReserve,
     ),
   );
+  // Spend only space left after the prompt and update reserve have their room.
+  // The longer market label gives way before either can lose a column.
+  const marketColumns = options.allowMarketExpansion !== false
+    && termWidth - left - width - updateReserve >= HEADER_MARKET_FULL_COLUMNS
+    ? HEADER_MARKET_FULL_COLUMNS
+    : marketReserve;
   return { left, width, marketColumns, updateColumns: Math.max(0, termWidth - left - width - marketColumns) };
 }

package/src/components/layout/shell/index.tsx

@@ -847,7 +847,7 @@ export function Shell({
         justifyContent="center"
       >
         <Box flexDirection="column" alignItems="center">
-          <AsciiText text="Gloomberb" font="wordmark" color={colors.textMuted} />
+          <AsciiText text="Gloom" font="wordmark" color={colors.textMuted} />
           <Box height={1} />
           {/* An empty layout starts at the command bar: a click opens it, the key is beside it. */}
           <Button
@@ -881,6 +881,7 @@ export function Shell({
         dockDividerLayouts={dockDividerLayouts}
         dockLeafLayouts={dockLeafLayouts}
         focusedPaneId={focusedPaneId}
+        floatingOrder={activeLayout.floating}
         getPaneTitle={getPaneTitle}
         getPaneQuickSettings={getPaneQuickSettings}
         handleFloatingClose={handleFloatingClose}

package/src/components/layout/shell/pane/layers.tsx

@@ -34,6 +34,8 @@ interface ShellPaneLayersProps {
   dockDividerLayouts: DockDividerLayout[];
   dockLeafLayouts: DockLeafLayout[];
   focusedPaneId: string | null;
+  /** Saved insertion order, independent of which floating window is in front. */
+  floatingOrder: readonly { instanceId: string }[];
   getPaneTitle: (pane: ResolvedPane) => string;
   getPaneQuickSettings: (paneId: string) => PaneHeaderQuickSetting[];
   handleFloatingClose: (paneId: string) => void;
@@ -588,6 +590,7 @@ export function ShellPaneLayers({
   dockDividerLayouts,
   dockLeafLayouts,
   focusedPaneId,
+  floatingOrder,
   getPaneTitle,
   getPaneQuickSettings,
   handleFloatingClose,
@@ -691,6 +694,21 @@ export function ShellPaneLayers({
     dividerDragStart: (divider, event) => handlersRef.current.startNativeDividerDrag(divider, event),
   }), []);
 
+  // DOM z-index already stacks the windows. Reordering their React children
+  // as focus changes detaches/reinserts the existing DOM nodes, resetting every
+  // nested scrollport to zero without a scroll event. A windowed list then
+  // paints its old tail into an empty viewport. Keep insertion order on the
+  // desktop/web, including the saved order for equal z-indices. The terminal
+  // still draws back to front.
+  const floatingLayers = useMemo(() => {
+    if (!nativePaneChrome) return visibleFloatingPanes;
+    const byId = new Map(visibleFloatingPanes.map((entry) => [entry.pane.instance.instanceId, entry]));
+    return floatingOrder.flatMap(({ instanceId }) => {
+      const entry = byId.get(instanceId);
+      return entry ? [entry] : [];
+    });
+  }, [floatingOrder, nativePaneChrome, visibleFloatingPanes]);
+
   const layerProps = (pane: ResolvedPane, rect: LayoutBounds): PaneLayerProps => {
     const paneId = pane.instance.instanceId;
     const focused = focusedPaneId === paneId && (!overlayOpen || menuPaneId === paneId);
@@ -729,7 +747,7 @@ export function ShellPaneLayers({
         );
       })}
 
-      {visibleFloatingPanes.map(({ pane, rect }) => {
+      {floatingLayers.map(({ pane, rect }) => {
         if (transientFocusActive && pane.instance.instanceId !== transientFocusPaneId) return null;
         return (
           <FloatingPaneLayer

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

@@ -466,7 +466,7 @@ function NativeStatusBar({
       <Box flexGrow={1} minWidth={0} />
       <StatusBarSummary nativePaneChrome {...props} />
       {/* Widgets keep their width; the layout tabs give way instead. */}
-      <Box flexShrink={0} flexDirection="row" alignItems="center">
+      <Box flexShrink={0} flexDirection="row" alignItems="center" data-gloom-role="status-widgets">
         <PluginSlot name="status:widget" />
       </Box>
       <StatusBarFeedback nativePaneChrome {...props} />
@@ -592,7 +592,7 @@ function StatusBarSummary({
           onPress={() => { void rendererHost.openExternal(DESKTOP_DOWNLOAD_URL); }}
           role="link"
           setHoveredControl={setHoveredControl}
-          title={t("Get Gloomberb for Mac or Windows")}
+          title={t("Get Gloom for Mac or Windows")}
         />
       )}
     </>

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

@@ -1,11 +1,12 @@
 import { useMemo, useState, type ReactNode } from "react";
 import { useThemeColors } from "../../theme/theme-context";
 import type { PricePoint } from "../../types/financials";
-import { Box } from "../../ui";
+import { Box, useUiCapabilities } from "../../ui";
 import { compareSortValues, nextHeaderSort, type SortPreference } from "../../utils/sort-values";
 import { DataTableStackView } from "../data-table/stack-view";
 import { PriceSparkline } from "../price-sparkline/view";
 import { PaneStatusBody, StatGrid, statGridRows, type DataTableColumn, type DataTableCell, type StatItem } from "../ui";
+import { withCountryFlag, withFlagRoom } from "../ui/country-flag";
 import { getTableWidth } from "../ui/table-layout";
 
 export interface MarketBoardRow {
@@ -13,6 +14,11 @@ export interface MarketBoardRow {
   label: string;
   /** Secondary name shown beside the label, such as the instrument a jurisdiction sets. */
   labelDetail?: string;
+  /**
+   * The country the row is (a jurisdiction, a sovereign), as a code or a
+   * name: its flag leads the label on the desktop and the web.
+   */
+  country?: string | null;
   value: number | null;
   valueText: string;
   change: number | null;
@@ -138,6 +144,8 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
   labelWidth = 18, labelHeader = "INSTRUMENT", labelDetailHeader = "DETAIL", labelDetailWidth = 22, valueLabel = "LEVEL", percentileLabel = "PCTL 1Y", asOfWidth = 10, signedChange = false, extraColumns,
   rootBefore, emptyTitle = "No observations." }: MarketBoardStackProps<T>) {
   const colors = useThemeColors();
+  // A board of countries leads each name with its flag where one is drawn.
+  const flagged = useUiCapabilities().nativePaneChrome === true && rows.some((row) => row.country !== undefined);
   const [sort, setSort] = useState<SortPreference<string>>({ columnId: null, direction: "asc" });
   const items = useMemo(() => sort.columnId ? [...rows].sort((a, b) => {
     const key = sort.columnId as "label" | "labelDetail" | "value" | "change" | "percentile" | "asOf" | "changeAsOf";
@@ -149,7 +157,7 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
   // A stale or partial row's date carries a word, so the column has room for both and the date is never cut.
   const wordWidth = Math.max(0, ...rows.map((row) => (row.status ? STATUS_WORDS[row.status]?.length : 0) ?? 0));
   const { columns, shortAsOf } = fitBoardColumns([
-    { id: "label", label: labelHeader, width: labelWidth, align: "left" },
+    withFlagRoom({ id: "label", label: labelHeader, width: labelWidth, align: "left" }, flagged),
     ...(rows.some((row) => row.labelDetail !== undefined)
       ? [{ id: "labelDetail", label: labelDetailHeader, width: labelDetailWidth, align: "left" as const }] : []),
     { id: "value", label: valueLabel, width: valueWidth, align: "right" },
@@ -164,7 +172,7 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
     const extra = extraColumns?.find((item) => item.column.id === column.id);
     if (extra) return extra.renderCell(row);
     const muted = row.status === "unavailable" ? colors.textDim : colors.text;
-    if (column.id === "label") return { text: row.label, color: muted };
+    if (column.id === "label") return withCountryFlag({ text: row.label, color: muted }, row.country, flagged);
     if (column.id === "labelDetail") return { text: row.labelDetail ?? "", color: colors.textMuted };
     if (column.id === "value") return { text: row.valueText, color: muted };
     if (column.id === "change") return { text: row.changeText,

package/src/components/onboarding/onboarding-frame.tsx

@@ -343,7 +343,7 @@ export function OnboardingHeader({
   if (!desktop) {
     return (
       <Box height={1} flexDirection="row" justifyContent="space-between">
-        <Text fg={colors.textMuted}>{t("GLOOMBERB SETUP")}</Text>
+        <Text fg={colors.textMuted}>{t("GLOOM SETUP")}</Text>
         {showDismiss ? (
           <Button
             label={dismissing ? "Closing..." : "Skip setup"}

package/src/components/onboarding/onboarding-wizard.tsx

@@ -161,6 +161,7 @@ function useOnboardingWizard({ pluginRegistry, importBrokerPositions, onComplete
     importBrokerPositions,
     getConfig: () => stateRef.current.config,
     createBrokerInstance: (brokerType, label, values) => pluginRegistry.createBrokerInstance(brokerType, label, values),
+    enableBrokerInstance: (instanceId) => pluginRegistry.updateBrokerInstance(instanceId, {}, { enabled: true }),
     onSynced: handleBrokerSynced,
     setEditingField,
     setPortfolioSub,

package/src/components/onboarding/portfolio-step/broker-setup-panel.tsx

@@ -91,13 +91,13 @@ export function BrokerSetupPanel({
             <Text fg={colors.textDim}>{t("   Enable \"ActiveX and Socket Clients\"")}</Text>
           </Box>
           <Box height={desktop ? 1 : 2} overflow="hidden">
-            <Text fg={colors.textDim}>{t("   Gloomberb can auto-detect local API ports (4001, 4002, 7496, 7497)")}</Text>
+            <Text fg={colors.textDim}>{t("   Gloom can auto-detect local API ports (4001, 4002, 7496, 7497)")}</Text>
           </Box>
           <Box height={desktop ? 1 : 2} overflow="hidden">
             <Text fg={colors.textDim}>{t("   Use Manual setup only if you need a custom host or exact socket port")}</Text>
           </Box>
           <Box height={1}>
-            <Text fg={colors.textDim}>{t("4. Keep it running while using Gloomberb")}</Text>
+            <Text fg={colors.textDim}>{t("4. Keep it running while using Gloom")}</Text>
           </Box>
           <Box height={desktop ? 2 : 1} />
           <GuideLink url={IBKR_GATEWAY_DOWNLOAD_URL} />

package/src/components/onboarding/portfolio-step/positions-panel.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState, type ComponentProps, type RefObject } from "react";
 import { Box, Text, TextAttributes, useUiCapabilities, type InputRenderable } from "../../../ui";
 import { useThemeColors } from "../../../theme/theme-context";
-import { priceColor } from "../../../theme/colors";
+import { shownPriceColor } from "../../../theme/colors";
 import { t, tf } from "../../../i18n";
 import { formatMarketPrice } from "../../../market-data/market/format";
 import { getRegularSessionDisplay } from "../../../market-data/market/status";
@@ -62,7 +62,7 @@ function PreviewLine({ preview, error }: Pick<OnboardingPositionsState, "preview
       <Text fg={colors.text} attributes={TextAttributes.BOLD}>{preview.symbol}</Text>
       {preview.name ? <Text fg={colors.textDim}>{`  ${preview.name}`}</Text> : null}
       {price != null ? <Text fg={colors.text}>{`  ${formatMarketPrice(price, { maxWidth: 12 })}`}</Text> : null}
-      {change != null ? <Text fg={priceColor(change, colors)}>{` ${formatPercentRaw(change)}`}</Text> : null}
+      {change != null ? <Text fg={shownPriceColor(change, 2, colors)}>{` ${formatPercentRaw(change)}`}</Text> : null}
       {preview.duplicate ? <Text fg={colors.textMuted}>{t("  already added")}</Text> : null}
     </Box>
   );