@gloom-sh/terminal 0.18.5 → 0.19.0

package/src/plugins/builtin/ticker-detail/data-panes/returns-pane.tsx

@@ -1,8 +1,10 @@
+import { logFailure } from "../../../../utils/log-failure";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { TextAttributes } from "../../../../ui";
 import {
   DataTableView,
   QueryBar,
+  StatGrid,
   loadingText,
   unavailableText,
   usePaneNoticeFooter,
@@ -12,11 +14,13 @@ import {
   type DataTableColumn,
   type PaneFooterSegment,
   type PaneHint,
+  type StatItem,
 } from "../../../../components";
 import { usePaneRefreshKey } from "../../../../components/data-table/table-pane";
 import { CHART_RESOLUTIONS } from "../../../../time-series/range";
 import {
   getChartResolutionLabel,
+  isIntradayResolution,
   type ChartResolutionSupport,
   type ManualChartResolution,
 } from "../../../../time-series/resolution";
@@ -25,7 +29,7 @@ import { cleanFloat32Price, historyPriceDecimals } from "../../../../cli/history
 import { formatPriceObservation, quoteFormatOptions } from "../../../../market-data/market/format";
 import { usePaneTicker } from "../../../../state/app/context";
 import type { PaneProps } from "../../../../types/plugin";
-import { colors, priceColor } from "../../../../theme/colors";
+import { colors, shownPriceColor } from "../../../../theme/colors";
 import { formatPercent } from "../../../../utils/format";
 import { publicTickerKey } from "../../../../utils/exchanges";
 import { priceHistoryIntegrityNotice } from "../../../../utils/price-history-integrity";
@@ -39,9 +43,12 @@ import {
   effectiveReturnResolution,
   isTodayReturnRow,
   returnBaseCloseDay,
+  returnTimeHeader,
+  returnTimeText,
   RETURN_RANGES,
   type ReturnRange,
   type ReturnRow,
+  summarizeReturns,
 } from "./returns-model";
 import { loadReturnSeries, type ReturnSeries } from "./returns-history";
 import { formingHistoryBar, formingHistoryBarText, historyBarDate } from "./history-bars";
@@ -64,12 +71,6 @@ const COLUMNS: ReturnColumn[] = [
   { id: "cumulativePercent", label: "TOTAL %", width: 9, align: "right", flexGrow: 1 },
 ];
 
-function formatDateTime(date: Date): string {
-  const iso = date.toISOString();
-  const hasTime = date.getUTCHours() !== 0 || date.getUTCMinutes() !== 0 || date.getUTCSeconds() !== 0;
-  return hasTime ? iso.slice(0, 16).replace("T", " ") : iso.slice(0, 10);
-}
-
 /** Every price and dollar change at one decimal count, so the columns line up. */
 function returnPriceDecimals(rows: readonly ReturnRow[], assetCategory?: string): number {
   return historyPriceDecimals(rows.flatMap((row) => row.price === null ? [] : [{
@@ -95,6 +96,12 @@ function formatMaybePercent(value: number | null): string {
   return value === null ? "-" : formatPercent(value);
 }
 
+/** A move's tone as it is printed: one that rounds to 0.00% is neutral, never red or green. */
+function moveTone(fraction: number): StatItem["tone"] {
+  const shown = Number((fraction * 100).toFixed(2));
+  return shown > 0 ? "positive" : shown < 0 ? "negative" : "neutral";
+}
+
 function sortValue(row: ReturnRow, id: ReturnColumnId): number | null {
   switch (id) {
     case "time":
@@ -127,7 +134,7 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
     symbol && dataProvider?.getChartResolutionSupport
       ? dataProvider.getChartResolutionSupport(symbol, exchange)
       : NO_SUPPORT,
-  ).catch(() => NO_SUPPORT), [dataProvider, exchange, symbol]);
+  ).catch(logFailure("ticker-detail.data-panes.returns-pane", "Read return interval support failed", NO_SUPPORT)), [dataProvider, exchange, symbol]);
   const [support, setSupport] = useState<readonly ChartResolutionSupport[] | null>(null);
   useEffect(() => {
     let cancelled = false;
@@ -162,15 +169,20 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
     () => data ? buildReturnRows(data.points, data.visibleFrom, data.visibleTo) : [],
     [data],
   );
+  const barSize = data?.resolution ?? shownResolution;
+  const venue = data?.venue || undefined;
+  // The times are dated on the venue's own clock, which the column's header names.
+  const timeHeader = returnTimeHeader(barSize, venue);
+  const columns = useMemo(() => COLUMNS.map((column) => column.id === "time" ? { ...column, label: timeHeader } : column), [timeHeader]);
   const table = useMemo(() => {
     const searchable = returnRows.length >= SEARCH_MIN_ROWS;
     const needle = searchable ? query.trim().toLowerCase() : "";
     const rows = (needle
-      ? returnRows.filter((row) => formatDateTime(new Date(row.timestamp)).toLowerCase().includes(needle))
+      ? returnRows.filter((row) => returnTimeText(row.timestamp, barSize, venue).includes(needle))
       : returnRows.slice()
     ).sort((left, right) => compareSortValues(sortValue(left, sort.columnId), sortValue(right, sort.columnId), sort.direction));
     return { rows, searchable };
-  }, [query, returnRows, sort]);
+  }, [barSize, query, returnRows, sort, venue]);
   // The quote knows the instrument type even when the saved ticker does not,
   // so prices take the same decimals as Historical Prices.
   const { financials } = usePaneTicker();
@@ -199,7 +211,6 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
   // Today's daily bar is the session still trading, marked as Historical Prices marks it.
   const dayToDate = !!data && isTodayReturnRow(returnRows[0], data.resolution, data.venue || undefined, Date.now());
   const formingKey = forming || dayToDate ? returnRows[0]?.key : undefined;
-  const barSize = data?.resolution ?? shownResolution;
   // The close every total is measured from: `from Mon 21 Sep close`.
   const baseText = useMemo(() => {
     const day = data && returnRows.length ? returnBaseCloseDay(data.points, data.visibleFrom, data.resolution, data.venue || undefined, Date.now()) : null;
@@ -225,6 +236,29 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
     title: "Price history data",
   });
 
+  // The window's total and its best and worst interval, over every bar it holds, whatever the search narrows the table to.
+  const summary = useMemo<StatItem[]>(() => {
+    const { total, best, worst } = summarizeReturns(returnRows);
+    const moveItem = (id: string, label: string, row: ReturnRow | null): StatItem[] => {
+      if (row?.intervalPercent == null) return [];
+      const when = historyBarDate(returnTimeText(row.timestamp, barSize, venue), barSize, false);
+      return [{
+        id,
+        label,
+        value: formatPercent(row.intervalPercent),
+        tone: moveTone(row.intervalPercent),
+        detail: when,
+        // A narrow pane keeps the day without its year, so the three figures stay on one row.
+        ...isIntradayResolution(barSize) ? { detailVariants: [when.slice(5)] } : {},
+      }];
+    };
+    return [
+      ...total === null ? [] : [{ id: "total", label: "Total", value: formatPercent(total), tone: moveTone(total) }],
+      ...moveItem("best", "Best", best),
+      ...moveItem("worst", "Worst", worst),
+    ];
+  }, [barSize, returnRows, venue]);
+
   const chooseSort = useCallback((id: string) => {
     setSort((current) => nextHeaderSort(current, id as ReturnColumnId, { firstDirection: "desc" }));
   }, []);
@@ -232,10 +266,10 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
   const renderCell = useCallback((row: ReturnRow, column: ReturnColumn): DataTableCell => {
     switch (column.id) {
       case "time": {
-        const shown = formatDateTime(new Date(row.timestamp));
+        const shown = returnTimeText(row.timestamp, barSize, venue);
         // A daily or longer bar is a date; a month's reads as the month, and one still running says so.
         return {
-          text: shown.length > 10 ? shown : historyBarDate(shown, barSize, row.key === formingKey),
+          text: isIntradayResolution(barSize) ? shown : historyBarDate(shown, barSize, row.key === formingKey),
           value: new Date(row.timestamp).toISOString(),
           color: colors.textDim,
         };
@@ -243,15 +277,15 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
       case "price":
         return { text: formatMaybePrice(row.price, priceDecimals, column.width), value: exportPrice(row.price, priceDecimals), color: colors.textBright, attributes: TextAttributes.BOLD };
       case "intervalChange":
-        return { text: formatMaybePrice(row.intervalChange, priceDecimals, column.width), value: exportPrice(row.intervalChange, priceDecimals), color: priceColor(row.intervalChange ?? 0) };
+        return { text: formatMaybePrice(row.intervalChange, priceDecimals, column.width), value: exportPrice(row.intervalChange, priceDecimals), color: shownPriceColor(row.intervalChange ?? 0, priceDecimals) };
       case "intervalPercent":
-        return { text: formatMaybePercent(row.intervalPercent), value: row.intervalPercent === null ? null : row.intervalPercent * 100, color: priceColor(row.intervalPercent ?? 0) };
+        return { text: formatMaybePercent(row.intervalPercent), value: row.intervalPercent === null ? null : row.intervalPercent * 100, color: shownPriceColor((row.intervalPercent ?? 0) * 100, 2) };
       case "cumulativeChange":
-        return { text: formatMaybePrice(row.cumulativeChange, priceDecimals, column.width), value: exportPrice(row.cumulativeChange, priceDecimals), color: priceColor(row.cumulativeChange ?? 0) };
+        return { text: formatMaybePrice(row.cumulativeChange, priceDecimals, column.width), value: exportPrice(row.cumulativeChange, priceDecimals), color: shownPriceColor(row.cumulativeChange ?? 0, priceDecimals) };
       case "cumulativePercent":
-        return { text: formatMaybePercent(row.cumulativePercent), value: row.cumulativePercent === null ? null : row.cumulativePercent * 100, color: priceColor(row.cumulativePercent ?? 0) };
+        return { text: formatMaybePercent(row.cumulativePercent), value: row.cumulativePercent === null ? null : row.cumulativePercent * 100, color: shownPriceColor((row.cumulativePercent ?? 0) * 100, 2) };
     }
-  }, [barSize, formingKey, priceDecimals]);
+  }, [barSize, formingKey, priceDecimals, venue]);
 
   return (
     <DataTableView<ReturnRow, ReturnColumn>
@@ -259,7 +293,7 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
       selection={{ kind: "none" }}
       rootWidth={width}
       rootHeight={height}
-      columns={COLUMNS}
+      columns={columns}
       items={table.rows}
       sortColumnId={sort.columnId}
       sortDirection={sort.direction}
@@ -268,33 +302,36 @@ export function ReturnsPane({ focused, width, height }: PaneProps) {
       renderCell={renderCell}
       selectedTextOverridesCellColor
       rootBefore={(
-        <QueryBar
-          width={width}
-          search={table.searchable ? {
-            value: query,
-            onChange: setQuery,
-            placeholder: "date or time",
-            focused,
-            ...searchProps,
-          } : undefined}
-          filters={[{
-            id: "range",
-            label: "Range",
-            value: range,
-            options: RETURN_RANGES.map((value) => ({ value, label: value })),
-            onChange: setRange,
-          }, {
-            id: "interval",
-            label: "Interval",
-            value: shownResolution,
-            options: INTERVAL_OPTIONS.map((value) => ({
-              value,
-              label: getChartResolutionLabel(value),
-              disabled: support !== null && !availableResolutions.has(value),
-            })),
-            onChange: setResolution,
-          }]}
-        />
+        <>
+          <QueryBar
+            width={width}
+            search={table.searchable ? {
+              value: query,
+              onChange: setQuery,
+              placeholder: "date or time",
+              focused,
+              ...searchProps,
+            } : undefined}
+            filters={[{
+              id: "range",
+              label: "Range",
+              value: range,
+              options: RETURN_RANGES.map((value) => ({ value, label: value })),
+              onChange: setRange,
+            }, {
+              id: "interval",
+              label: "Interval",
+              value: shownResolution,
+              options: INTERVAL_OPTIONS.map((value) => ({
+                value,
+                label: getChartResolutionLabel(value),
+                disabled: support !== null && !availableResolutions.has(value),
+              })),
+              onChange: setResolution,
+            }]}
+          />
+          <StatGrid items={summary} width={width} />
+        </>
       )}
       getExportMetadata={() => [
         ["Ticker", symbol ? publicTickerKey(symbol, exchange) : ""],

package/src/plugins/builtin/ticker-detail/headless.ts

@@ -4,7 +4,7 @@ import { EXTENDED_SESSION_LABELS, getQuoteSessionFields, quoteHeadlineTime, type
 import type { HeadlessPaneColumn, HeadlessPaneDefinition, HeadlessPaneFreshness, HeadlessPaneOptionValues } from "../../../types/headless";
 import type { TimeRange } from "../../../time-series/range";
 import { formatNumber, formatPercentRaw } from "../../../utils/format";
-import { formatMarketPrice, formatMarketPriceWithCurrency, formatPriceObservation, quoteFormatOptions, withCurrencyMinorDigits, type MarketFormatOptions } from "../../../market-data/market/format";
+import { formatMarketPrice, formatMarketPriceWithCurrency, formatPriceObservation, penceFigure, quoteFormatOptions, withCurrencyMinorDigits, type MarketFormatOptions } from "../../../market-data/market/format";
 import {
   MISSING_VOLUME_TEXT, missingVolumeCount, missingVolumeNotice, pricePointValues, priceHistoryIntegrityNotice,
 } from "../../../utils/price-history-integrity";
@@ -36,7 +36,8 @@ import {
 } from "../shared/headless-market-data";
 import { barHistoryFreshness, quoteFreshnessFields, REPORTED_DATA } from "../shared/report-freshness";
 import {
-  BAR_INTERVAL_LABELS, barPriceDecimals, cleanFloat32Price, formatBarPrice, historyAllStart, historyAllStartNote, historyMissingPeriodsNote, historyPriceDecimals,
+  BAR_INTERVAL_LABELS, barPriceDecimals, cleanBarPrice, cleanFloat32Price, formatBarPrice, historyAllStart, historyAllStartNote, historyMissingPeriodsNote, historyPriceDecimals,
+  quotedPriceDivisor,
 } from "../../../cli/history-rows";
 import { formatUtcTime } from "../../../utils/utc-time";
 import { maxDrawdown, maxDrawdownText } from "../../../utils/max-drawdown";
@@ -197,7 +198,7 @@ async function loadRatioReport(
   const history = oldest && tab.key === "valuation"
     ? await resolveHeadlessInstrument(ctx, symbol)
       .then(({ symbol: bare, exchange }) => loadPeriodEndHistory(ctx.marketData, bare, exchange ?? "", oldest))
-      .catch(() => null)
+      .catch(logFailure("ticker-detail.headless", "Load valuation price history failed", null))
     : null;
   const table = hasRequestedStatements ? ratioTableForFinancials(financials, tab, period, history) : null;
   const statementCurrency = financialStatementCurrency(financials, [
@@ -339,12 +340,16 @@ export const quoteComparisonHeadless: HeadlessPaneDefinition<"rows"> = {
  * report declares before it has bars keep every digit the source sent. A bar without
  * volume in a history that reports it (`volumeMissing`) prints it as missing, never as 0.
  */
-const historyPriceColumns = (volumeMissing: boolean, decimals?: number): HeadlessPaneColumn[] => ["open", "high", "low", "close", "volume"].map((key) => ({
+const historyPriceColumns = (volumeMissing: boolean, decimals?: number, pence?: (close: number) => string | null): HeadlessPaneColumn[] => ["open", "high", "low", "close", "volume"].map((key) => ({
   key, header: key, align: "right" as const,
-  format: (value: unknown) => value == null || !Number.isFinite(Number(value)) ? key === "volume" && volumeMissing ? MISSING_VOLUME_TEXT : "-"
-    : key === "volume" ? formatNumber(Number(value), 0)
-    : decimals == null ? formatPriceObservation(Number(value), { minimumFractionDigits: 2 })
-    : formatBarPrice(Number(value), decimals),
+  format: (value: unknown) => {
+    if (value == null || !Number.isFinite(Number(value))) return key === "volume" && volumeMissing ? MISSING_VOLUME_TEXT : "-";
+    if (key === "volume") return formatNumber(Number(value), 0);
+    if (decimals == null) return formatPriceObservation(Number(value), { minimumFractionDigits: 2 });
+    // A London line's close also reads in pence, as the pane's close notes it: 6.385 638.5p.
+    const note = key === "close" ? pence?.(Number(value)) : null;
+    return `${formatBarPrice(Number(value), decimals)}${note ? ` ${note}` : ""}`;
+  },
 }));
 
 /**
@@ -353,7 +358,14 @@ const historyPriceColumns = (volumeMissing: boolean, decimals?: number): Headles
  * whose period runs on (`2026-10 MTD`); the export keeps each bar's own date
  * and adds a `Partial` column when one is.
  */
-function historyColumns(size: HistoryBarSize, partial: boolean, text: boolean, volumeMissing = false, decimals?: number): HeadlessPaneColumn[] {
+function historyColumns(
+  size: HistoryBarSize,
+  partial: boolean,
+  text: boolean,
+  volumeMissing = false,
+  decimals?: number,
+  pence?: (close: number) => string | null,
+): HeadlessPaneColumn[] {
   const daily = isDailyOrLongerBar(size);
   const date: HeadlessPaneColumn = {
     key: "date",
@@ -365,7 +377,7 @@ function historyColumns(size: HistoryBarSize, partial: boolean, text: boolean, v
   const marked: HeadlessPaneColumn[] = partial && !text
     ? [{ key: "partial", header: "Partial", format: (value) => value === true ? "true" : "" }]
     : [];
-  return [date, ...historyPriceColumns(volumeMissing, decimals), ...marked];
+  return [date, ...historyPriceColumns(volumeMissing, decimals, text ? pence : undefined), ...marked];
 }
 
 export const historicalPricesHeadless: HeadlessPaneDefinition<"rows"> = {
@@ -386,14 +398,16 @@ export const historicalPricesHeadless: HeadlessPaneDefinition<"rows"> = {
       window ? loadPriceWindowHistory(ctx.marketData, listing, exchange ?? "", window).then((result) => result.points)
         : loadHeadlessPriceHistory(ctx, symbol, range),
       pastWindow || (!window && isIntradayResolution(RANGE_HISTORY_RESOLUTION[range])) ? null
-        : ctx.marketData.getQuote(listing, exchange ?? "").catch(() => null),
+        : ctx.marketData.getQuote(listing, exchange ?? "").catch(logFailure("ticker-detail.headless", "Load historical prices quote failed", null)),
     ]);
     // The venue whose sessions say whether a day, week or month is still running: the key's, or for a bare symbol its quote's.
     const venue = exchange || quote?.listingExchangeName || quote?.exchangeName || undefined;
     const now = Date.now();
     const points = withSessionBar(loaded, quote, { now, venue });
-    // Providers serve float32 prices (4013.39990234 for 4013.4): the rows hold the decimal each is, as `history` does.
-    const clean = (value: number | null) => value == null ? null : cleanFloat32Price(value);
+    // Providers serve float32 prices (4013.39990234 for 4013.4): the rows hold the decimal each is, as `history` does,
+    // a London line's cleaned in the pence it was priced in.
+    const priceDivisor = quotedPriceDivisor(quote);
+    const clean = (value: number | null) => value == null ? null : cleanBarPrice(value, priceDivisor);
     const rows = points.map((point) => {
       const date = new Date(point.date);
       const values = pricePointValues(point);
@@ -417,7 +431,7 @@ export const historicalPricesHeadless: HeadlessPaneDefinition<"rows"> = {
       && quote.lastUpdated >= Date.parse(`${rows.at(-1)!.date.slice(0, 10)}T00:00:00Z`) ? new Date(quote.lastUpdated).toISOString() : null;
     const shown = forming ? [...rows.slice(0, -1), { ...rows.at(-1)!, partial: true }] : rows;
     // One decimal count for the table, by the instrument's display rules when the quote names its kind.
-    const decimals = barPriceDecimals(rows, quoteFormatOptions(quote).assetCategory);
+    const decimals = barPriceDecimals(rows, quoteFormatOptions(quote).assetCategory, priceDivisor);
     const marked = shown.some((row) => row.partial === true);
     const volumeMissing = missingVolumeCount(shown);
     const volumeNote = missingVolumeNotice(volumeMissing, shown.length);
@@ -443,7 +457,8 @@ export const historicalPricesHeadless: HeadlessPaneDefinition<"rows"> = {
     return {
       rows: shown,
       columns: historyColumns(size, marked, false, false, decimals),
-      textColumns: historyColumns(size, marked, true, volumeMissing > 0, decimals),
+      textColumns: historyColumns(size, marked, true, volumeMissing > 0, decimals,
+        (close) => penceFigure(Number(close.toFixed(Math.min(20, decimals))), quote, decimals)),
       freshness,
       ...(notes.length > 0 ? { notes } : {}),
       ...(notice ? { complete: false } : {}),
@@ -474,7 +489,7 @@ export const returnsHeadless: HeadlessPaneDefinition<"rows"> = {
     // --from 2007 --to 2009 measures those dates' returns in place of the range.
     const window = readReportWindow(options);
     const pastWindow = !!window && isPastPriceWindow(window);
-    const support = await Promise.resolve(ctx.marketData.getChartResolutionSupport?.(symbol, exchange ?? "") ?? []).catch(() => []);
+    const support = await Promise.resolve(ctx.marketData.getChartResolutionSupport?.(symbol, exchange ?? "") ?? []).catch(logFailure("ticker-detail.headless", "Read return interval support failed", []));
     const now = Date.now();
     const series = await loadReturnSeries(ctx.marketData, {
       symbol, exchange: exchange ?? "", range, resolution: requested, support, now, forceRefresh: ctx.refresh, window,

package/src/plugins/builtin/ticker-detail/overview/model.ts

@@ -221,7 +221,7 @@ export function buildOverviewStats({
     const count = ratioCount(pair.ratio);
     stats.push(receiptSide
       ? { label: "ADR Ratio", value: `1:${count}`, detail: [adrRatioText(pair.ratio)!, `${count} sh per ADR`], link: ADR_PAIR }
-      : { label: "ADR", value: pair.receipt, detail: [`1 ADR = ${count} of these share${pair.ratio === 1 ? "" : "s"}`, `1:${count}`], link: ADR_PAIR });
+      : { label: "ADR", value: pair.receipt, detail: [`1 ADR = ${count} of these shares`, `1:${count}`], link: ADR_PAIR });
   }
   const trailingPE = liveTrailingPE(quote, fundamentals);
   if (trailingPE != null) {

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

@@ -1,3 +1,4 @@
+import { logFailure } from "../../../utils/log-failure";
 import { Box } from "../../../ui";
 import { getCurrentPluginTarget } from "../../current-target";
 import { recordResearchActivity, recordResearchTabView } from "../../../api-client/research-activity";
@@ -283,7 +284,7 @@ export function TickerResearchPane({ focused, width, height }: PaneProps) {
           choices={choices.map((item) => ({ ...item, label: t(item.label) }))} />,
       }).then((templateId) => {
         if (templateId && choices.some((item) => item.id === templateId)) createPaneFromTemplate(templateId, { symbol: companySymbol });
-      }).catch(() => {});
+      }).catch(logFailure("ticker-detail.pane", "Open company research choices failed"));
     } }];
   }, [companySymbol, createPaneFromTemplate, dialog, disabledPlugins, registry, tickerResearchTabsSnapshot]);
   usePaneMenuItems("ticker-research:go-to-tab", () => {
@@ -304,7 +305,7 @@ export function TickerResearchPane({ focused, width, height }: PaneProps) {
           ),
         }).then((tabId) => {
           if (tabId) selectResearchTab(tabId);
-        }).catch(() => {});
+        }).catch(logFailure("ticker-detail.pane", "Open research tab choices failed"));
       },
     }];
   }, [dialog, resolvedTabId, selectResearchTab, showTabs, tabItems]);

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

@@ -1,3 +1,4 @@
+import { logFailure } from "../../../../utils/log-failure";
 import { PerpEquityRow } from "../../perps/equity-row";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Box, useUiCapabilities } from "../../../../ui";
@@ -173,7 +174,7 @@ export function QuoteMonitorPane({ paneId, focused, width, height }: PaneProps)
   useEffect(() => {
     const coordinator = getSharedMarketDataCoordinator();
     if (!coordinator || !liveStreaming || boardInstruments.length === 0) return;
-    void coordinator.loadQuotesBatch(boardInstruments).catch(() => {});
+    void coordinator.loadQuotesBatch(boardInstruments).catch(logFailure("ticker-detail.quote-monitor", "Warm quote monitor board failed"));
   }, [boardInstrumentKey, liveStreaming]);
   const { pinTicker } = usePluginTickerActions();
   const { openPaneSettings } = usePluginAppActions();

package/src/plugins/builtin/ticker-detail/settings.ts

@@ -119,6 +119,7 @@ export function getQuoteMonitorPaneSettings(
     try {
       symbols = parseTickerListInput(storedText, MAX_TICKER_LIST_SIZE);
     } catch {
+      // Intentional ignore: unparseable saved ticker text falls back to the legacy symbol or the pane's ticker.
       symbols = [];
     }
   }

package/src/plugins/builtin/time-sales/pane.tsx

@@ -1,7 +1,9 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Box } from "../../../ui";
 import { usePaneSettingValue, useShortcut } from "../../../public/react";
-import { splitDelayedStatus, DataTableStackView, KeyValueRow, PaneStatusBody, StatGrid, usePaneFooter, usePaneNoticeFooter, usePaneStatusFooter, usePaneTabs, usePaneTicker, type DataTableColumn } from "../../../components";
+import { createDataTableCsv } from "../../../components/data-table/export";
+import { dropColumnsToFit } from "../../../components/ui/table-layout";
+import { splitDelayedStatus, DataTableStackView, KeyValueRow, PaneStatusBody, StatGrid, usePaneFooter, usePaneNoticeFooter, usePaneStatusFooter, usePaneTabs, usePaneTicker, type DataTableCell, type DataTableColumn } from "../../../components";
 import { useThemeColors } from "../../../theme/theme-context";
 import type { PaneProps } from "../../../types/plugin";
 import type { TapeQuote, TapeSnapshot, TapeTrade } from "../../../api-client/tape";
@@ -32,6 +34,12 @@ const QUOTES: DataTableColumn[] = [
   { id: "askExchange", label: "VENUE", width: 9, align: "left" },
   { id: "spread", label: "SPREAD BP", width: 10, align: "right" },
 ];
+/**
+ * A narrow pane gives up the venues, then the lots, before the right edge cuts
+ * the spread: each pair together, since one side's alone would not say which
+ * side it is. The scrollbar keeps one cell, and exports keep every column.
+ */
+const QUOTE_DROP_ORDER = [["bidExchange", "askExchange"], ["bidSize", "askSize"]];
 const rank = (value: number | null) => value == null ? "pctl --" : `${value.toFixed(0)} pctl`;
 type TapeRow = { id: string; trade?: TapeTrade; quote?: TapeQuote };
 
@@ -112,13 +120,32 @@ function TimeSalesView({ width, height, focused, symbol, exchange }: PaneProps &
     info: data ? [...splitDelayedStatus({ id: "feed", quoteStatus: true, parts: [{ text: `${data.feed === "sip" ? "real-time" : "15m delayed"} · ${tapeStampNewYork(data.asOf)}`, tone: "muted" }] }),
       ...(frozen ? [{ id: "paused", parts: [{ text: "paused", tone: "warning" as const }] }] : []),
       ...(!data.connected || resource.snapshotOnly ? [{ id: "snapshot", parts: [{ text: "snapshot", tone: "warning" as const }] }] : [])] : [] });
+  const quoteColumns = useMemo(() => dropColumnsToFit(QUOTES, width - 1, QUOTE_DROP_ORDER), [width]);
+  const columns = tab === "quotes" ? quoteColumns : TRADES;
   const selectTab = (value: string) => { setTab(value); setDetail(null); setSelected(null); };
   const { strip: tabStrip, rows: tabRows } = usePaneTabs({ tabs: TABS, activeValue: tab, onSelect: selectTab, focused: focused && !detail, dense: true });
+  const renderCell = (row: TapeRow, column: DataTableColumn): DataTableCell => {
+    if (row.trade) {
+      const trade = row.trade;
+      const tick = ticks.get(trade);
+      return { text: column.id === "time" ? tapeClockNewYork(trade.timestamp) : column.id === "price" ? tapePrice(trade.price, tradeDigits)
+        : column.id === "size" ? tapeQuantity(trade.size) : column.id === "venue" ? tapeVenue(trade.exchange)
+        : column.id === "conditions" ? tapeConditionWords(trade.conditions) : trade.tape,
+        // Price by tick, as on a tape; a block print lights the rest of its row.
+        color: laterThanPin(row) ? colors.textMuted : column.id === "price" ? tick === "up" ? colors.positive : tick === "down" ? colors.negative : colors.text
+          : trade.size >= 10_000 ? colors.warning : colors.textMuted };
+    }
+    const quote = row.quote!, spread = quoteSpread(quote);
+    return { text: column.id === "time" ? tapeClockNewYork(quote.timestamp) : column.id === "bid" ? tapePrice(quote.bid, quoteDigits) : column.id === "ask" ? tapePrice(quote.ask, quoteDigits)
+      : column.id === "bidSize" ? tapeQuantity(quote.bidSize) : column.id === "askSize" ? tapeQuantity(quote.askSize)
+      : column.id === "bidExchange" ? tapeVenue(quote.bidExchange) : column.id === "askExchange" ? tapeVenue(quote.askExchange)
+      : spread.bps == null ? "--" : spread.bps.toFixed(2), color: laterThanPin(row) ? colors.textMuted : spread.state === "normal" ? colors.text : colors.warning };
+  };
   if (!data && isCloudSessionRequired(resource.error)) return <SignInWall placement="time-sales-signin" action="view time and sales" needsVerification={session.needsVerification} />;
   return <Box width={width} height={height} flexDirection="column">
     {tabStrip}
     <PaneStatusBody loading={resource.loading && !data} error={!data ? resource.error : null} empty={!!data && !rows.length} subject={tab === "quotes" ? "NBBO observations" : "trade observations"}>
-      {data && stats ? <DataTableStackView<TapeRow> columns={tab === "quotes" ? QUOTES : TRADES} items={rows}
+      {data && stats ? <DataTableStackView<TapeRow> columns={columns} items={rows}
         focused={focused} rootWidth={width} rootHeight={Math.max(3, height - tabRows)}
         selection={{ kind: "id", selectedId: selected, getId: (row) => row.id, onChange: setSelected }}
         onActivate={(row) => { setPaused({ data, epoch: resource.epoch }); setDetail({ row, epoch: resource.epoch }); }} getItemKey={(row) => row.id}
@@ -136,23 +163,8 @@ function TimeSalesView({ width, height, focused, symbol, exchange }: PaneProps &
           ]),
           ...(data.session.high != null && data.session.low != null ? [{ id: "session", label: "Session", value: `${tapePrice(data.session.low, sessionDigits)} to ${tapePrice(data.session.high, sessionDigits)}` }] : []),
         ]} />}
-        renderCell={(row, column) => {
-          if (row.trade) {
-            const trade = row.trade;
-            const tick = ticks.get(trade);
-            return { text: column.id === "time" ? tapeClockNewYork(trade.timestamp) : column.id === "price" ? tapePrice(trade.price, tradeDigits)
-              : column.id === "size" ? tapeQuantity(trade.size) : column.id === "venue" ? tapeVenue(trade.exchange)
-              : column.id === "conditions" ? tapeConditionWords(trade.conditions) : trade.tape,
-              // Price by tick, as on a tape; a block print lights the rest of its row.
-              color: laterThanPin(row) ? colors.textMuted : column.id === "price" ? tick === "up" ? colors.positive : tick === "down" ? colors.negative : colors.text
-                : trade.size >= 10_000 ? colors.warning : colors.textMuted };
-          }
-          const quote = row.quote!, spread = quoteSpread(quote);
-          return { text: column.id === "time" ? tapeClockNewYork(quote.timestamp) : column.id === "bid" ? tapePrice(quote.bid, quoteDigits) : column.id === "ask" ? tapePrice(quote.ask, quoteDigits)
-            : column.id === "bidSize" ? tapeQuantity(quote.bidSize) : column.id === "askSize" ? tapeQuantity(quote.askSize)
-            : column.id === "bidExchange" ? tapeVenue(quote.bidExchange) : column.id === "askExchange" ? tapeVenue(quote.askExchange)
-            : spread.bps == null ? "--" : spread.bps.toFixed(2), color: laterThanPin(row) ? colors.textMuted : spread.state === "normal" ? colors.text : colors.warning };
-        }} emptyStateTitle="No observations in this window." /> : null}
+        renderCell={renderCell} exportCsv={() => createDataTableCsv({ columns: tab === "quotes" ? QUOTES : TRADES, items: rows, renderCell })}
+        emptyStateTitle="No observations in this window." /> : null}
     </PaneStatusBody>
   </Box>;
 }

package/src/plugins/builtin/treasury-daily/client.ts

@@ -1,8 +1,16 @@
 import { httpFetch } from "../../../utils/http-transport";
 import { numericOrNull, scalarTextOrNull } from "../../../utils/guards";
-import type { CashAccount, DebtDay, OperatingCash } from "./model";
+import { cashLineLabel, type CashAccount, type DebtDay, type OperatingCash, type TgaClose } from "./model";
 
 const CASH_URL = "https://api.fiscaldata.treasury.gov/services/api/fiscal_service/v1/accounting/dts/operating_cash_balance?sort=-record_date&page[size]=40";
+// One line of the statement, every day since it took its present form in 2022: about a thousand closes.
+const TGA_CLOSING_ACCOUNT = "Treasury General Account (TGA) Closing Balance";
+const TGA_HISTORY_URL = `https://api.fiscaldata.treasury.gov/services/api/fiscal_service/v1/accounting/dts/operating_cash_balance?${new URLSearchParams({
+  filter: `account_type:eq:${TGA_CLOSING_ACCOUNT}`,
+  fields: "record_date,open_today_bal",
+  sort: "-record_date",
+  "page[size]": "3000",
+})}`;
 const DEBT_URL = "https://api.fiscaldata.treasury.gov/services/api/fiscal_service/v2/accounting/od/debt_to_penny?sort=-record_date&page[size]=20";
 const FETCH_TIMEOUT_MS = 15_000;
 const DEBT_DAYS = 20;
@@ -10,6 +18,9 @@ const DEBT_DAYS = 20;
 export interface TreasuryDaily {
   cash: OperatingCash;
   debt: DebtDay[];
+  /** The Treasury General Account's closing balance each day, oldest first. Empty when it could not be read, with the reason. */
+  tga: TgaClose[];
+  tgaError?: string;
 }
 
 function recordDate(value: unknown): string | null {
@@ -39,7 +50,7 @@ function parseOperatingCash(payload: unknown): OperatingCash {
     parsed.push({
       id: `${date}:${line ?? account}`,
       date,
-      account,
+      account: cashLineLabel(account),
       // Since the 2022 statement format the day's figures are in open_today_bal
       // and close_today_bal is always "null".
       today: numericOrNull(row.open_today_bal),
@@ -60,6 +71,17 @@ function parseOperatingCash(payload: unknown): OperatingCash {
   };
 }
 
+function parseTgaHistory(payload: unknown): TgaClose[] {
+  const byDate = new Map<string, number>();
+  for (const row of rowsOf(payload)) {
+    const date = recordDate(row.record_date);
+    // The closing balance is sent in open_today_bal, as the statement's other lines are.
+    const millions = numericOrNull(row.open_today_bal);
+    if (date && millions != null && !byDate.has(date)) byDate.set(date, millions);
+  }
+  return [...byDate].map(([date, millions]) => ({ date, millions })).sort((a, b) => a.date.localeCompare(b.date));
+}
+
 function parseDebtToPenny(payload: unknown): DebtDay[] {
   const byDate = new Map<string, DebtDay>();
   for (const row of rowsOf(payload)) {
@@ -87,10 +109,24 @@ async function readJson(url: string, label: string, signal?: AbortSignal): Promi
   return response.json() as Promise<unknown>;
 }
 
-export async function fetchTreasuryDaily(signal?: AbortSignal): Promise<TreasuryDaily> {
-  const [cash, debt] = await Promise.all([
+/**
+ * The latest day's cash lines and the last 20 days of debt, with the account's
+ * closing balance history unless `history` is off (a report that does not draw it).
+ * A history that cannot be read leaves the figures as they are.
+ */
+export async function fetchTreasuryDaily(signal?: AbortSignal, { history = true }: { history?: boolean } = {}): Promise<TreasuryDaily> {
+  const [cash, debt, tga] = await Promise.all([
     readJson(CASH_URL, "Treasury cash", signal),
     readJson(DEBT_URL, "Treasury debt", signal),
+    history ? readJson(TGA_HISTORY_URL, "Treasury account history", signal).then(parseTgaHistory).then(
+      (closes) => ({ closes }),
+      (error: unknown) => ({ closes: [] as TgaClose[], error: error instanceof Error ? error.message : String(error) }),
+    ) : { closes: [] as TgaClose[] },
   ]);
-  return { cash: parseOperatingCash(cash), debt: parseDebtToPenny(debt) };
+  return {
+    cash: parseOperatingCash(cash),
+    debt: parseDebtToPenny(debt),
+    tga: tga.closes,
+    ...("error" in tga ? { tgaError: tga.error } : {}),
+  };
 }

package/src/plugins/builtin/treasury-daily/headless.ts

@@ -3,7 +3,7 @@ import { fetchTreasuryDaily } from "./client";
 import { formatBillions, formatTrillions } from "./model";
 
 const CASH_COLUMNS: HeadlessPaneColumn[] = [
-  { key: "account", header: "Account" },
+  { key: "account", header: "Treasury General Account" },
   { key: "today", header: "Today $bn", align: "right", description: "The day's figure, billions of dollars", format: formatBillions },
   { key: "month", header: "This month $bn", align: "right", description: "Month to date, billions of dollars", format: formatBillions },
 ];
@@ -32,7 +32,7 @@ export const treasuryDailyHeadless: HeadlessPaneDefinition<"bundle"> = {
   describe: "Treasury operating cash and public debt",
   freshness: { source: "US Treasury", status: "not-a-feed", basis: "daily statement" },
   async load(_args, ctx) {
-    const { cash, debt } = await fetchTreasuryDaily(ctx.signal);
+    const { cash, debt } = await fetchTreasuryDaily(ctx.signal, { history: false });
     return {
       complete: cash.rows.length > 0 && debt.length > 0,
       sections: [

package/src/plugins/builtin/treasury-daily/index.tsx

@@ -8,7 +8,7 @@ export const treasuryDailyModule: PluginModule = {
     id: "treasury-daily-pane",
     paneId: TREASURY_DAILY_PANE_ID,
     label: "Treasury Cash and Debt",
-    description: "Treasury operating cash for the latest day, and debt held by the public for the last 20 business days.",
+    description: "Treasury operating cash for the latest day with the Treasury General Account's closing balance history, and debt held by the public for the last 20 business days.",
     keywords: ["treasury", "dts", "debt", "cash", "tga", "debt to the penny", "operating cash"],
     shortcut: { prefix: "DTS" },
     headless: treasuryDailyHeadless,