@gloom-sh/terminal 0.19.1 → 0.19.3

package/src/plugins/builtin/jodi/client.ts

@@ -1,4 +1,5 @@
 import { apiClient } from "../../../api-client";
+import { sourceDidNotAnswer } from "../../../api-client/errors";
 import type { JodiBoardPayload } from "../../../api-client/commodity-balances";
 import { unavailableOnServer } from "../shared/cloud-resource";
 import type { BalanceCommodity, Board } from "./model";
@@ -32,7 +33,9 @@ function readBoard(payload: JodiBoardPayload): Balances {
     || (payload.gas != null && !validBoard(payload.gas, "gas"))) {
     throw new Error("The server returned an invalid oil and gas balance board");
   }
-  if (payload.status === "unavailable" || payload.oil == null) throw new Error(JODI_NOT_AVAILABLE);
+  // The server's source did not answer this time, which may pass; a board with no oil has none yet.
+  if (payload.status === "unavailable") throw sourceDidNotAnswer(JODI_NOT_AVAILABLE);
+  if (payload.oil == null) throw new Error(JODI_NOT_AVAILABLE);
   if (!validBoard(payload.oil, "oil")) throw new Error("The server returned an invalid oil and gas balance board");
   return { oil: payload.oil, gas: payload.gas ?? null, stale: payload.stale === true, gaps: payload.gaps };
 }

package/src/plugins/builtin/jodi/index.tsx

@@ -1,7 +1,6 @@
 import type { PluginModule } from "../plugin-module";
 import { jodiHeadless } from "./headless";
 import { JODI_PANE_ID } from "./model";
-import { JodiPane } from "./pane";
 
 export const jodiModule: PluginModule = {
   panes: [
@@ -9,7 +8,7 @@ export const jodiModule: PluginModule = {
       id: JODI_PANE_ID,
       name: "Oil and Gas Balances",
       icon: "O",
-      component: JodiPane,
+      get component(): typeof import("./pane").JodiPane { const { JodiPane } = require("./pane"); return JodiPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 110, height: 30 },

package/src/plugins/builtin/kelly-sizer/index.tsx

@@ -1,7 +1,6 @@
 import type { PaneTemplateContext, PaneTemplateCreateOptions } from "../../../types/plugin";
 import type { PluginModule } from "../plugin-module";
 import { DEFAULT_FLOATING_SIZE, KELLY_PANE_ID } from "./constants";
-import { KellySizerPane } from "./pane";
 import { kellyHeadless } from "./headless";
 
 function resolveTemplateSymbol(context: PaneTemplateContext, options?: PaneTemplateCreateOptions): string | null {
@@ -21,7 +20,7 @@ export const positionSizerModule: PluginModule = {
       icon: "K",
       // The bankroll is the account's value.
       personalData: "holdings",
-      component: KellySizerPane,
+      get component(): typeof import("./pane").KellySizerPane { const { KellySizerPane } = require("./pane"); return KellySizerPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: DEFAULT_FLOATING_SIZE,

package/src/plugins/builtin/layout-manager/index.tsx

@@ -2,7 +2,6 @@ import { findPaneInstance, type LayoutConfig } from "../../../types/config";
 import type { AppNotificationRequest, CommandResultDef, GloomPluginContext } from "../../../types/plugin";
 import type { PluginModule } from "../plugin-module";
 import type { AppAction } from "../../../state/app/context";
-import { LayoutMarketplacePane } from "../../../layout-marketplace/pane";
 import { apiClient } from "../../../api-client";
 import { resolvePlanAccess } from "../../../api-client/plan-access";
 import { getSharedRegistry } from "../../registry";
@@ -11,6 +10,7 @@ import {
   deskFunctions,
   DESKS,
   isDeskStock,
+  MORE_DESKS,
   pickDeskCompany,
   type Desk,
 } from "../../../layout/desks";
@@ -60,10 +60,11 @@ function getFocusedPane(layout: LayoutConfig, focusedPaneId: string | null) {
 }
 
 /** Desks whose key, name or one of whose functions matches what follows DESK. */
-function matchDesks(query: string): Desk[] {
+function matchDesks(query: string): Desk<string>[] {
   const needle = query.trim().toLowerCase();
-  if (!needle) return [...DESKS];
-  return DESKS.filter((desk) => (
+  const desks: Desk<string>[] = [...DESKS, ...MORE_DESKS];
+  if (!needle) return desks;
+  return desks.filter((desk) => (
     desk.key.startsWith(needle)
     || desk.label.toLowerCase().includes(needle)
     || desk.name.toLowerCase().includes(needle)
@@ -75,7 +76,7 @@ function matchDesks(query: string): Desk[] {
  * Opens the desk as a new tab after the others. Its company is the focused
  * pane's stock, else the most recent stock the user looked at.
  */
-async function addDesk(ctx: GloomPluginContext, desk: Desk): Promise<void> {
+async function addDesk(ctx: GloomPluginContext, desk: Desk<string>): Promise<void> {
   const registry = getSharedRegistry();
   if (!registry || !dispatchRef || !getStateRef) return;
   const config = ctx.getConfig();
@@ -110,8 +111,8 @@ export const layoutManagerModule: PluginModule = {
       id: "layout-marketplace",
       name: "Layouts",
       icon: "L",
-      component: LayoutMarketplacePane,
-      reportFreshness: { status: "not-a-feed", basis: "layout listings" },
+      get component(): typeof import("../../../layout-marketplace/pane").LayoutMarketplacePane { const { LayoutMarketplacePane } = require("../../../layout-marketplace/pane"); return LayoutMarketplacePane; },
+      reportFreshness: { status: "not-a-feed", basis: "layout listings", local: true },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 118, height: 34 },
@@ -128,7 +129,7 @@ export const layoutManagerModule: PluginModule = {
       label: "Add a Desk",
       description: "Add a ready-made desk for one kind of trading as a new layout tab",
       keywords: ["desk", "desks", "workspace", "starter", "equities", "stocks", "options", "volatility", "futures",
-        "commodities", "rates", "credit", "fx", "macro", "active trading", "day trading"],
+        "commodities", "rates", "credit", "fx", "macro", "active trading", "day trading", "buildout", "ai buildout", "data centers"],
       category: "config",
       shortcut: "DESK",
       shortcutArg: { placeholder: "desk", kind: "text", parse: (arg) => ({ query: arg.trim() }) },

package/src/plugins/builtin/macro-day/pane.tsx

@@ -152,7 +152,9 @@ export function MacroDayPane({ width, height, focused }: PaneProps) {
     return { text: times(event.multiple), value: event.multiple };
   }, [colors, model?.basis, release]);
 
-  const contentHeight = Math.max(4, height - 1 - statGridRows(stats, width));
+  // A figure wraps only into rows the table's least leaves, so the pane never spills.
+  const statMaxLines = height - 1 - 4;
+  const contentHeight = Math.max(4, height - 1 - statGridRows(stats, width, undefined, { maxLines: statMaxLines }));
   const key = (event: MacroDayEvent) => `${event.kind}:${event.date}`;
 
   return <Box width={width} height={height} flexDirection="column" overflow="hidden">
@@ -164,7 +166,7 @@ export function MacroDayPane({ width, height, focused }: PaneProps) {
     {!symbol ? <EmptyState title="Select a ticker." /> : <PaneStatusBody subject="macro-day moves" loading={history.loading && !model}
       error={!model ? history.error ?? identityError ?? null : null} empty={!!model && !model.events.length}>
       {model ? <>
-        <StatGrid items={stats} width={width} />
+        <StatGrid items={stats} width={width} maxLines={statMaxLines} />
         <DataTableView<MacroDayEvent> focused={focused} columns={columns} items={rows} rootWidth={width} rootHeight={contentHeight}
           getItemKey={key} emptyStateTitle={surprise === "all" ? "No release days." : `No ${MACRO_SURPRISE_LABELS[surprise].toLowerCase()} prints.`} sortColumnId={null} sortDirection="desc" selectedTextOverridesCellColor
           selection={{ kind: "id", selectedId: selectedRow, getId: key, onChange: (id) => setSelectedRow(id) }}

package/src/plugins/builtin/market-halts/index.tsx

@@ -1,6 +1,5 @@
 import type { GloomPlugin } from "../../../types/plugin";
 import { MARKET_HALTS_PANE_ID } from "./model";
-import { MarketHaltsPane } from "./pane";
 
 export const marketHaltsPlugin: GloomPlugin = {
   id: "market-halts",
@@ -20,7 +19,7 @@ export const marketHaltsPlugin: GloomPlugin = {
       reportFreshness: { source: "Nasdaq Trader" },
       name: "Market Halts",
       icon: "H",
-      component: MarketHaltsPane,
+      get component(): typeof import("./pane").MarketHaltsPane { const { MarketHaltsPane } = require("./pane"); return MarketHaltsPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 124, height: 26 },

package/src/plugins/builtin/market-heatmap/index.tsx

@@ -70,6 +70,7 @@ import {
   type HeatmapSizeBy,
 } from "./portfolio";
 import { useAutoRefresh, useUpdatedAgo } from "../../../react/auto-refresh";
+import { useQuoteDelayFooter } from "../shared/cloud-upgrade";
 import {
   LIVE_STREAMING_QUICK_SETTING,
   useLiveStreamingSetting,
@@ -635,6 +636,13 @@ function MarketHeatmapPane({ focused, width, height }: PaneProps) {
   useAutoRefresh(board?.checkedAt ?? null, autoRefresh, { intervalMs: heatmapCheckIntervalMs(board) });
 
   usePaneStatusFooter({ registrationId: "market-heatmap-retained", stale: hasBoard && stale && !portfolioTab });
+  // Signed out or free, a market board is the delayed one, and the holdings' quotes are delayed ones.
+  const quoteDelay = useQuoteDelayFooter(
+    portfolioTab
+      ? Array.from(financials.values(), (entry) => entry?.quote)
+      : shownBoard ? [{ dataSource: shownBoard.access === "realtime" ? "live" as const : "delayed" as const }] : [],
+    "heatmap-delay",
+  );
   usePaneNoticeFooter({
     registrationId: "market-heatmap-omitted",
     notices: portfolioTab && portfolioBoard.omitted > 0
@@ -677,7 +685,7 @@ function MarketHeatmapPane({ focused, width, height }: PaneProps) {
     // The caption takes the room the rest leaves, with "loading" counted in
     // always, so a refresh never squeezes the row; a narrow pane drops its
     // least important parts rather than truncating every segment.
-    const others = [...selected, ...failed, ...feed];
+    const others = [...selected, ...failed, ...feed, ...(quoteDelay ? [quoteDelay] : [])];
     const room = width - others.reduce((total, segment) => total + footerSegmentWidth(segment) + 1, 0) - LOADING_FOOTER_WIDTH - 1;
     const caption = shownBoard ? heatmapBoardCaption(shownBoard, { now: Date.now(), checked, failed: failed.length > 0, maxWidth: room }) : null;
     return {
@@ -687,9 +695,10 @@ function MarketHeatmapPane({ focused, width, height }: PaneProps) {
         ...(caption ? [{ id: "board", parts: [{ text: caption, tone: "muted" as const }] }] : []),
         ...feed,
         ...loadingSegment,
+        ...(quoteDelay ? [quoteDelay] : []),
       ],
     };
-  }, [checked, feedStatus, hasBoard, loadError, loading, portfolioTab, selectedAsset, shownBoard, width]);
+  }, [checked, feedStatus, hasBoard, loadError, loading, portfolioTab, quoteDelay, selectedAsset, shownBoard, width]);
 
   return (
     <Box flexDirection="column" width={width} height={height}>

package/src/plugins/builtin/market-movers/client.ts

@@ -119,6 +119,7 @@ export async function loadMarketMoverTab(
       ...hydrated,
       source: "gloom",
       stale: trending.stale || !!hydrated.unavailableSymbols?.length,
+      ...(trending.savedAt != null ? { savedAt: trending.savedAt } : {}),
     };
   }
   const category = CATEGORY_MAP[tab];

package/src/plugins/builtin/market-movers/index.tsx

@@ -2,6 +2,8 @@ import { Box, useUiCapabilities } from "../../../ui";
 import { nextHeaderSort } from "../../../utils/sort-values";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DataTableView, EmptyState, QueryBar, usePaneFooter, usePaneTabs, type DataTableKeyEvent } from "../../../components";
+import { savedCopyFooterInfo } from "../../../components/layout/pane/footer";
+import { STALE_SEGMENT } from "../../../components/layout/pane/status-footer";
 import { handleRefreshKey } from "../../../components/data-table/table-pane";
 import type { PaneProps } from "../../../types/plugin";
 import type { PluginModule } from "../plugin-module";
@@ -12,6 +14,7 @@ import { useAssetData, usePluginPaneState, usePluginTickerActions } from "../../
 import { useLiveQuoteEntries } from "../../../state/hooks/quote-streaming";
 import { useAutoRefresh } from "../../../react/auto-refresh";
 import { useQuoteBoard } from "../shared/use-quote-board";
+import { useQuoteDelayFooter } from "../shared/cloud-upgrade";
 import {
   attachMarketMoversPersistence,
   MARKET_SUMMARY_SYMBOLS,
@@ -60,6 +63,8 @@ import {
 const NO_SAVED_SELECTION: string[] = [];
 const SESSION_CHECK_MS = 30_000;
 const NO_QUOTES: MoverQuote[] = [];
+/** A list without Pro is the one built a delay before: the delayed clock reads it as one late price. */
+const DELAYED_LIST = [{ dataSource: "delayed" as const }];
 const moverKey = (row: Pick<ScreenerQuote, "symbol" | "exchange">) => publicTickerKey(row.symbol, row.exchange);
 
 /** What is trading in New York, re-read every half minute so the pane follows 04:00, 09:30 and 16:00. */
@@ -167,6 +172,8 @@ function ScreenerMoversBody({ activeTab, focused, width, summaryQuotes, liveStre
   const [selectedSymbol, setSelectedSymbol] = useState<string | null>(null);
   const [sortPreference, setSortPreference] = useState<MarketMoverSortPreference>(DEFAULT_SORT_PREFERENCE);
   const [moversStale, setMoversStale] = useState(false);
+  // The list's refresh failed and a copy saved at this time (ms) answered instead.
+  const [moversSavedAt, setMoversSavedAt] = useState<number | null>(null);
   const [lastSuccess, setLastSuccess] = useState<{ key: string; at: number } | null>(null);
 
   const fetchGenRef = useRef(0);
@@ -241,11 +248,13 @@ function ScreenerMoversBody({ activeTab, focused, width, summaryQuotes, liveStre
         if (!options?.background) setSelectedSymbol(null);
       }
       setMoversStale(result.stale);
+      setMoversSavedAt(result.savedAt ?? null);
       setLoadError(quoteError);
       if (!quoteError && !result.stale) setLastSuccess({ key: `${tab}:${minFloat ?? ""}`, at: Date.now() });
     } catch {
       if (fetchGenRef.current !== gen) return;
       setMoversStale(true);
+      setMoversSavedAt(null);
       setLoadError("Market movers temporarily unavailable");
     }
     finally {
@@ -279,6 +288,8 @@ function ScreenerMoversBody({ activeTab, focused, width, summaryQuotes, liveStre
     handleRefreshKey(event, () => loadTab(activeTab, { forceRefresh: true }), { stopPropagation: true })
   ), [activeTab, loadTab]);
 
+  // Without Pro the lists are the delayed ones (with Pro the real-time ones), and say so.
+  const quoteDelay = useQuoteDelayFooter(rows.length > 0 ? DELAYED_LIST : [], "movers-delay");
   usePaneFooter("market-movers", () => ({
     info: [
       ...(loadError ? [{ id: "load-error", parts: [{ text: loadError, tone: "warning" as const }] }] : []),
@@ -288,14 +299,14 @@ function ScreenerMoversBody({ activeTab, focused, width, summaryQuotes, liveStre
         id: "feed",
         parts: [{ text: feedStatus, tone: feedStatus === "live" ? "value" as const : "muted" as const }],
       }] : []),
-      ...(moversStale && loadedKey === listKey ? [{
-        id: "stale",
-        parts: [{ text: "stale", tone: "muted" as const }],
-      }] : []),
+      // A saved copy answering a failed refresh says when it was saved; other stale rows say only that.
+      ...(loadedKey === listKey ? savedCopyFooterInfo([moversSavedAt]) : []),
+      ...(moversStale && moversSavedAt == null && loadedKey === listKey ? [STALE_SEGMENT] : []),
       // The FLOAT column shows while a minimum is set; a float the source does not date says so once.
       ...partialFloatFooter(columns.some((column) => column.id === "floatShares"), rows),
+      ...(quoteDelay ? [quoteDelay] : []),
     ],
-  }), [columns, feedStatus, listKey, loadedKey, loadError, loading, moversStale, rows, summaryQuotes]);
+  }), [columns, feedStatus, listKey, loadedKey, loadError, loading, moversStale, moversSavedAt, quoteDelay, rows, summaryQuotes]);
 
   return (
     <DataTableView<MarketMoverRow, MarketMoverColumn>

package/src/plugins/builtin/market-movers/screener.ts

@@ -5,6 +5,7 @@ import { logFailure } from "../../../utils/log-failure";
 import { savedCopyMark, servedFromSavedCopy } from "../../../data/saved-copies";
 import type { PluginPersistence } from "../../../types/plugin";
 import { apiClient } from "../../../api-client";
+import { isTransientFailure, sourceDidNotAnswer } from "../../../api-client/errors";
 import type {
   CloudMarketResponse,
   CloudMarketScreenerCategory,
@@ -96,6 +97,8 @@ function writeCache<T>(key: string, data: T): void {
 export interface CachedResult<T> {
   data: T;
   stale: boolean;
+  /** Its refresh failed and the copy saved at this time (ms) answered instead. */
+  savedAt?: number;
 }
 
 async function loadCached<T>(
@@ -119,11 +122,13 @@ async function loadCached<T>(
       return result;
     })
     .catch((error) => {
-      // Serving the expired copy is right; hiding that it is expired is not. A command that shows it
-      // ends with when the copy was saved.
-      if (fallback) {
-        failedFetches.add(key);
-        return servedFromSavedCopy({ data: fallback.data, stale: true }, fallback.fetchedAt);
+      // The next read asks again rather than read the saved copy as current.
+      if (fallback) failedFetches.add(key);
+      // Serving the expired copy is right for a failure asking again may get past; hiding that it is
+      // expired is not. A command that shows it ends with when the copy was saved. A refusal or a
+      // reply that fails validation is the error, saved copy or not.
+      if (fallback && isTransientFailure(error)) {
+        return servedFromSavedCopy({ data: fallback.data, stale: true, savedAt: fallback.fetchedAt }, fallback.fetchedAt);
       }
       throw error;
     })
@@ -146,6 +151,8 @@ export interface MarketMoversResult {
   quotes: ScreenerQuote[];
   source: MarketMoversDataSource;
   stale: boolean;
+  /** Its refresh failed and the list saved at this time (ms) answered instead. */
+  savedAt?: number;
 }
 
 export interface PreferredMarketMoverSources {
@@ -268,6 +275,8 @@ export async function fetchScreenerResult(
   const session = category === "most_actives" ? undefined : options?.session;
   const load = async () => {
     const response = await api.getMarketMovers(category, count, options?.forceRefresh, session);
+    // The service's own source did not answer this time: a saved list answers, as it does a 5xx.
+    if (!response.data && response.status === "retryable_error") throw sourceDidNotAnswer("Market movers temporarily unavailable");
     if (!response.data) throw new Error("Invalid market movers response");
     return { data: parseScreenerResponse(response.data), stale: response.stale === true || response.data.stale === true };
   };
@@ -392,7 +401,13 @@ export async function fetchPreferredMarketMovers(
   const eligibility = sources.isCloudEligible();
   if (!(typeof eligibility === "boolean" ? eligibility : await eligibility)) {
     const result = await sources.fetchMarket(category, count, options);
-    return { ...savedCopyMark(result), quotes: rankScreenerQuotes(category, result.data), source: "gloom", stale: result.stale };
+    return {
+      ...savedCopyMark(result),
+      quotes: rankScreenerQuotes(category, result.data),
+      source: "gloom",
+      stale: result.stale,
+      ...(result.savedAt != null ? { savedAt: result.savedAt } : {}),
+    };
   }
 
   const marketMetadata = sources.fetchMarket(
@@ -432,6 +447,7 @@ export async function fetchPreferredMarketMovers(
     quotes: rankScreenerQuotes(category, fallback.data),
     source: "gloom",
     stale: fallback.stale,
+    ...(fallback.savedAt != null ? { savedAt: fallback.savedAt } : {}),
   };
 }
 
@@ -448,6 +464,7 @@ export async function fetchTrendingResult(
   const load = async () => {
     const response = await (api.getMarketTrending ?? apiClient.getMarketTrending)(count);
     if (response.status === "empty") return { data: [], stale: response.stale === true };
+    if (!response.data && response.status === "retryable_error") throw sourceDidNotAnswer("Market trends temporarily unavailable");
     if (!response.data) throw new Error("Market trends unavailable");
     return { data: parseTrendingResponse(response.data), stale: response.stale === true };
   };

package/src/plugins/builtin/market-movers/session-body.tsx

@@ -5,7 +5,9 @@ import type {
   CloudSessionMoversSide,
 } from "../../../api-client/market-movers";
 import { usePlanAccess } from "../../../api-client/plan-access";
+import { useQuoteDelayFooter } from "../shared/cloud-upgrade";
 import { DataTableView, EmptyState, QueryBar, usePaneFooter, type DataTableKeyEvent } from "../../../components";
+import { STALE_SEGMENT } from "../../../components/layout/pane/status-footer";
 import { handleRefreshKey } from "../../../components/data-table/table-pane";
 import {
   buildScreenerQuoteTargets,
@@ -190,6 +192,7 @@ function SessionMoversTable({ view, session, focused, width, summaryQuotes, live
   const sessionLabel = payload ? earlierSessionLabel(payload.session, session) : null;
   // While its session trades, a free list says when it was built; a finished one is final and its date says enough.
   const asOfLabel = payload && delayed && sessionTrading ? listAsOfLabel(payload.asOf, payload.session, session) : null;
+  const quoteDelay = useQuoteDelayFooter(payload ? [{ dataSource: delayed ? "delayed" : "live" }] : [], "movers-delay");
   usePaneFooter("market-movers", () => ({
     info: [
       ...(loadError ? [{ id: "load-error", parts: [{ text: loadError, tone: "warning" as const }] }] : []),
@@ -201,11 +204,12 @@ function SessionMoversTable({ view, session, focused, width, summaryQuotes, live
         id: "feed",
         parts: [{ text: feedStatus, tone: feedStatus === "live" ? "value" as const : "muted" as const }],
       }] : []),
-      ...(payload?.stale ? [{ id: "stale", parts: [{ text: "stale", tone: "muted" as const }] }] : []),
+      ...(payload?.stale ? [STALE_SEGMENT] : []),
       // A float the source does not date says so once, while the FLOAT column shows.
       ...partialFloatFooter(columns.some((column) => column.id === "floatShares"), rows),
+      ...(quoteDelay ? [quoteDelay] : []),
     ],
-  }), [asOfLabel, columns, feedStatus, loadError, loading, payload?.stale, rows, sessionLabel, summaryQuotes]);
+  }), [asOfLabel, columns, feedStatus, loadError, loading, payload?.stale, quoteDelay, rows, sessionLabel, summaryQuotes]);
 
   const openRow = useCallback((row: SessionMoverRow) => {
     pinTicker(rowKey(row), { floating: true, paneType: TICKER_RESEARCH_PANE_ID, instrument: null });

package/src/plugins/builtin/market-valuation/index.tsx

@@ -3,7 +3,6 @@ import { valuationCache } from "./cache";
 import { valuationSeriesDefinitions } from "./chart-series";
 import { INDICATORS, resolveIndicatorArg } from "./indicators";
 import { marketValuationHeadless } from "./headless";
-import { MarketValuationPane } from "./pane";
 import { buildValuationSettingsDef, VALUATION_DEFAULTS } from "./settings";
 
 
@@ -41,7 +40,7 @@ export const marketValuationModule: PluginModule = {
     id: MARKET_VALUATION_PANE_ID,
     name: "Market Valuation",
     icon: "V",
-    component: MarketValuationPane,
+    get component(): typeof import("./pane").MarketValuationPane { const { MarketValuationPane } = require("./pane"); return MarketValuationPane; },
     defaultPosition: "right",
     defaultMode: "floating",
     defaultFloatingSize: { width: 88, height: 34 },

package/src/plugins/builtin/members/index.tsx

@@ -1,13 +1,12 @@
 import type { GloomPlugin } from "../../../types/plugin";
 import { fundBreadthCache, fundChangesCache, fundListCache, fundMembersCache } from "./client";
 import { membersHeadless } from "./headless";
-import { MembersPane } from "./pane";
 import { membersTitle, TABS } from "./model";
 export const membersPlugin: GloomPlugin = {
   id: "members", name: "Index and ETF members", version: "1.0.0", description: "ETF holdings, member returns, contributions, breadth and index changes", toggleable: true,
   setup(ctx) { fundBreadthCache.attach(ctx.persistence); fundListCache.attach(ctx.persistence); fundMembersCache.attach(ctx.persistence); fundChangesCache.attach(ctx.persistence); },
   dispose() { fundBreadthCache.reset(); fundListCache.reset(); fundMembersCache.reset(); fundChangesCache.reset(); },
-  panes: [{ id: "members", name: "Index and ETF members", icon: "M", component: MembersPane, tickerFollower: true,
+  panes: [{ id: "members", name: "Index and ETF members", icon: "M", get component(): typeof import("./pane").MembersPane { const { MembersPane } = require("./pane"); return MembersPane; }, tickerFollower: true,
     defaultPosition: "right", defaultMode: "floating", defaultFloatingSize: { width: 132, height: 32 }, tableExport: true,
     settings: { fields: [{ key: "tab", label: "View", type: "select", options: TABS }] } }],
   paneTemplates: [{ id: "members-pane", paneId: "members", label: "Index and ETF members", description: "ETF holdings, member returns, daily contributions, breadth and index changes.",

package/src/plugins/builtin/money-markets/index.tsx

@@ -1,12 +1,11 @@
 import type { PluginModule } from "../plugin-module";
 import { moneyMarketsCache } from "./client";
 import { moneyMarketsHeadless } from "./headless";
-import { MoneyMarketsPane } from "./pane";
 import { MONEY_MARKET_SERIES } from "./series";
 
 export const moneyMarketsModule: PluginModule = {
   series: MONEY_MARKET_SERIES,
-  panes: [{ id: "money-markets", name: "Money Markets", icon: "$", component: MoneyMarketsPane,
+  panes: [{ id: "money-markets", name: "Money Markets", icon: "$", get component(): typeof import("./pane").MoneyMarketsPane { const { MoneyMarketsPane } = require("./pane"); return MoneyMarketsPane; },
     defaultPosition: "right", defaultMode: "floating", defaultFloatingSize: { width: 88, height: 28 },
     tableExport: true, headless: moneyMarketsHeadless,
     settings: { title: "Money Markets", fields: [{ key: "tab", label: "View", type: "select",

package/src/plugins/builtin/money-markets/pane.tsx

@@ -2,6 +2,7 @@ import { useCallback, useMemo } from "react";
 import { Box } from "../../../ui";
 import { useAsyncResource, useAutoRefresh, usePaneSettingValue, usePluginPaneState, useUpdatedAgo } from "../../../public/react";
 import { ChartTableHeader, CompositeChart, CurveSurface, curveGhostColors, EmptyState, formatPercentAxis, MarketBoardStack, PaneStatusBody, useChartTableSelection, usePaneNoticeFooter, usePaneStatusLinkFooter, usePaneTabs, type ChartTableChart, type MarketBoardRow, type StatItem } from "../../../components";
+import { ageFooterSegment } from "../../../components/layout/pane/footer";
 import { curveStrip, curveSurfaceMinRows } from "../../../components/chart/curve";
 import { colors } from "../../../theme/colors";
 import { useThemeColors } from "../../../theme/theme-context";
@@ -125,7 +126,7 @@ export function MoneyMarketsPane({ width, height, focused }: PaneProps) {
     notices: [...(data ? moneyMarketNotices(data) : []), ...(resource.data?.refreshError ? [resource.data.refreshError] : [])] });
   usePaneStatusLinkFooter({ registrationId: "money-markets", focused, loading: resource.loading, error: resource.error,
     url: selected?.observation.sourceUrl ?? null, showOpenHint: true,
-    info: data && updatedAgo ? [{ id: "updated", parts: [{ text: updatedAgo, tone: "muted" as const }] }] : [],
+    info: data && updatedAgo ? [ageFooterSegment(updatedAgo)] : [],
     stale: !!data && resource.data?.stale,
   });
   return <Box width={width} height={height} flexDirection="column">

package/src/plugins/builtin/money-markets/series.ts

@@ -1,6 +1,6 @@
 import type { MoneyMarketObservation } from "../../../api-client/money-markets";
 import type { SeriesDefinition } from "../../../series/types";
-import { cachedSeriesWarning } from "../shared/series-warning";
+import { cachedSeriesNote } from "../shared/series-warning";
 import { loadMoneyMarkets } from "./client";
 
 function observations(history: readonly MoneyMarketObservation[]) {
@@ -21,8 +21,7 @@ export const MONEY_MARKET_SERIES: readonly SeriesDefinition[] = [
     tags: ["liquidity", "Fed balance sheet", "TGA", "RRP", "money markets"],
     load: async () => {
       const resource = await loadMoneyMarkets();
-      const warning = cachedSeriesWarning(resource);
-      return { points: observations(resource.payload.netLiquidity.history), ...(warning ? { warning } : {}) };
+      return { points: observations(resource.payload.netLiquidity.history), ...cachedSeriesNote(resource) };
     },
   },
   {
@@ -34,8 +33,7 @@ export const MONEY_MARKET_SERIES: readonly SeriesDefinition[] = [
     tags: ["bills", "curve", "money markets"],
     load: async () => {
       const resource = await loadMoneyMarkets();
-      const warning = cachedSeriesWarning(resource);
-      return { points: observations(resource.payload.billsCurve.slope.history), ...(warning ? { warning } : {}) };
+      return { points: observations(resource.payload.billsCurve.slope.history), ...cachedSeriesNote(resource) };
     },
   },
 ];

package/src/plugins/builtin/news/headless.ts

@@ -14,6 +14,8 @@ import {
 import { parsePublicTickerKey } from "../../../utils/exchanges";
 import { companyDataNotes, readCompanyFrom } from "../../../types/company-from";
 import { formatUtcSeconds } from "../../../utils/utc-time";
+import { newsSummaryLine } from "../../../news/news-model";
+import { shortStoryId } from "../../../news/story-id";
 import { cloudNewsFreshness, cloudRealtimeAccess } from "../shared/report-freshness";
 import { REPORT_FILTER, REPORT_ROWS } from "../shared/headless-options";
 
@@ -25,6 +27,11 @@ const NEWS_COLUMNS = [
   { key: "tickers", header: "Tickers", textFormat: (value: unknown) => Array.isArray(value) ? value.join(", ") : String(value ?? "") },
   { key: "sentiment", header: "Sentiment" },
   { key: "importance", header: "Score", align: "right" as const },
+  // The short id `fn news-story-pane` opens the story by, and its summary on one line under the row; exports keep both whole.
+  { key: "id", header: "ID", textFormat: (value: unknown) => typeof value === "string" ? shortStoryId(value) : "" },
+  { key: "summary", header: "Summary", underRow: "line" as const,
+    textFormat: (value: unknown, row: Record<string, unknown>) =>
+      newsSummaryLine({ title: String(row.headline ?? ""), summary: typeof value === "string" ? value : undefined }) ?? "" },
 ];
 
 export interface NewsHeadlessDependencies {

package/src/plugins/builtin/news/wire/index.tsx

@@ -92,7 +92,7 @@ const newsWirePanes: PluginModule["panes"] = [
     {
       id: NEWS_STORY_PANE_ID,
       reportFreshness: NEWS_REPORT_FRESHNESS,
-      reportArgument: { kind: "free-text", placeholder: "story id", description: "The id of the story to open." },
+      reportArgument: { kind: "free-text", placeholder: "story id", description: "The id of the story to open.", identifier: true },
       name: "Story",
       icon: "A",
       component: NewsStoryPane,

package/src/plugins/builtin/news/wire/news/pop-out.tsx

@@ -7,6 +7,7 @@ import { usePaneInstance } from "../../../../../state/app/context";
 import type { PaneProps, PaneTemplateCreateOptions, PaneTemplateDef } from "../../../../../types/plugin";
 import { usePluginAppActions } from "../../../../runtime";
 import { usePersistedNewsArticles } from "../persisted-articles";
+import { storyIdMatches } from "../../../../../news/story-id";
 import { NewsDetailView } from "./detail-view";
 import { useNewsArticleFooter } from "./footer";
 
@@ -33,7 +34,11 @@ function handOffNewsStory(article: NewsArticle): void {
 
 function handedOffStory(articleId: string): NewsArticle | null {
   if (!articleId) return null;
-  return handedOffStories.get(articleId) ?? null;
+  const exact = handedOffStories.get(articleId);
+  if (exact) return exact;
+  // A pane opened by a short id (`fn news-story-pane 6067684e`) takes the story whose id starts with it.
+  for (const [id, article] of handedOffStories) if (storyIdMatches(id, articleId)) return article;
+  return null;
 }
 
 export const openNewsStoryPane = (
@@ -82,9 +87,10 @@ export function NewsStoryPane({ focused, width }: PaneProps) {
   const [loaded, setLoaded] = useState<NewsArticle | null>(() => handedOffStory(articleId));
   // The pane keeps a copy of its story, so a relaunch or a shared layout shows
   // it at once, including a story from an RSS feed that cannot be fetched by id.
-  const story = useMemo(() => (loaded?.id === articleId ? [loaded] : NO_STORY), [articleId, loaded]);
+  // A story opened by its short id (`fn news-story-pane 6067684e`) is the one whose id starts with it.
+  const story = useMemo(() => (loaded && storyIdMatches(loaded.id, articleId) ? [loaded] : NO_STORY), [articleId, loaded]);
   const kept = usePersistedNewsArticles("story", story);
-  const article = kept.find((entry) => entry.id === articleId) ?? null;
+  const article = kept.find((entry) => storyIdMatches(entry.id, articleId)) ?? null;
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 

package/src/plugins/builtin/notes/index.tsx

@@ -1,3 +1,4 @@
+import { notesPluginMeta } from "../builtin-plugin-meta";
 import { apiClient } from "../../../api-client";
 import type { GloomPlugin } from "../../../types/plugin";
 import { teamStore } from "../../../team/store";
@@ -12,11 +13,7 @@ import { createNotesTab } from "./ticker-notes-tab";
 let disposeNotes: (() => void) | null = null;
 
 export const notesPlugin: GloomPlugin = {
-  id: "notes",
-  name: "Notes",
-  version: "2.0.0",
-  description: "Markdown notes on tickers and on their own, personal or shared with a team.",
-  toggleable: true,
+  ...notesPluginMeta,
   cliCommands: [notesCliCommand],
 
   setup(ctx) {
@@ -79,7 +76,7 @@ export const notesPlugin: GloomPlugin = {
 
     ctx.registerPane({
       id: "quick-notes",
-      reportFreshness: { source: "Your notes", status: "not-a-feed", basis: "your notes" },
+      reportFreshness: { source: "Your notes", status: "not-a-feed", basis: "your notes", local: true },
       name: "Notes",
       personalData: "messages",
       icon: "N",

package/src/plugins/builtin/openfda/index.tsx

@@ -1,5 +1,4 @@
 import type { GloomPlugin, PaneTemplateCreateOptions } from "../../../types/plugin";
-import { OpenFdaPane } from "./pane";
 import { OPENFDA_PANE_ID, OPENFDA_PLUGIN_ID } from "./types";
 
 const createOpenFdaPaneInstance = (options?: PaneTemplateCreateOptions) => {
@@ -35,7 +34,7 @@ export const openFdaPlugin: GloomPlugin = {
       reportFreshness: { source: "US FDA", status: "not-a-feed", basis: "published reports" },
       name: "FDA Reports",
       icon: "F",
-      component: OpenFdaPane,
+      get component(): typeof import("./pane").OpenFdaPane { const { OpenFdaPane } = require("./pane"); return OpenFdaPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 100, height: 30 },