gloomberb 0.19.2 → 0.19.3

package/src/plugins/builtin/ipo-calendar/index.tsx

@@ -3,7 +3,6 @@ import { commandRequestParams } from "../shared/command-tab";
 import { ipoCalendarCache } from "./client";
 import { ipoCalendarHeadless } from "./headless";
 import { IPO_CALENDAR_PANE_ID } from "./model";
-import { IpoCalendarPane } from "./pane";
 
 /**
  * `IPO japan` opens the calendar on that search, and so does a later `IPO europe`: one pane, the open one
@@ -44,7 +43,7 @@ export const ipoCalendarPlugin: GloomPlugin = {
       id: IPO_CALENDAR_PANE_ID,
       name: "IPO Calendar",
       icon: "I",
-      component: IpoCalendarPane,
+      get component(): typeof import("./pane").IpoCalendarPane { const { IpoCalendarPane } = require("./pane"); return IpoCalendarPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 110, height: 28 },

package/src/plugins/builtin/iv-history/index.tsx

@@ -3,14 +3,13 @@ import type { PluginModule } from "../plugin-module";
 import { IV_SERIES } from "./series";
 import { createTickerSurfacePaneTemplate } from "../shared/ticker-surface";
 import { ivHistoryHeadless, ivScreenHeadless } from "./headless";
-import { IvHistoryPane } from "./pane";
 import { IvScreenPane, VCA_SCOPE_OPTIONS } from "./screen-pane";
 
 
 export const ivHistoryModule: PluginModule = {
   series: IV_SERIES,
   panes: [{
-    id: "iv-history", name: "Implied Volatility History", icon: "V", component: IvHistoryPane,
+    id: "iv-history", name: "Implied Volatility History", icon: "V", get component(): typeof import("./pane").IvHistoryPane { const { IvHistoryPane } = require("./pane"); return IvHistoryPane; },
     defaultPosition: "right", tickerFollower: true, defaultMode: "floating", defaultFloatingSize: { width: 118, height: 36 },
     tableExport: true,
     settings: { title: "Implied Volatility History", fields: [

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/index.tsx

@@ -14,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,
@@ -62,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. */
@@ -285,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 }] }] : []),
@@ -299,8 +304,9 @@ function ScreenerMoversBody({ activeTab, focused, width, summaryQuotes, liveStre
       ...(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, moversSavedAt, rows, summaryQuotes]);
+  }), [columns, feedStatus, listKey, loadedKey, loadError, loading, moversStale, moversSavedAt, quoteDelay, rows, summaryQuotes]);
 
   return (
     <DataTableView<MarketMoverRow, MarketMoverColumn>

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

@@ -5,6 +5,7 @@ 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";
@@ -191,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 }] }] : []),
@@ -205,8 +207,9 @@ function SessionMoversTable({ view, session, focused, width, summaryQuotes, live
       ...(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/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 },

package/src/plugins/builtin/options/view.tsx

@@ -32,6 +32,7 @@ import {
   type QueryBarFilter,
   type DataTableVisibleRange,
 } from "../../../components";
+import { statGridWithin } from "../../../components/ui/stat-grid";
 import { useShortcut } from "../../../react/input";
 import { useOptionalDialog, type AlertContext } from "../../../ui/dialog";
 import { useLiveQuoteEntries, useQuoteUpdates } from "../../../state/hooks/quote-streaming";
@@ -980,10 +981,10 @@ export function OptionsView({ width, height, focused, nestedInTabs = false, ivRa
   const expiryInline = Math.floor((statWidth - 2 * (cellColumns - 1)) / cellColumns) >= expiryCells;
   const statColumns = expiryInline ? cellColumns : figureColumns;
   const statItems = [expiryInline ? expiryItem : { ...expiryItem, wide: true }, ...figures];
-  const summaryRowCount = Math.min(statGridRows(statItems, statWidth, statColumns), Math.max(0, height - 6));
-  // A short band gives up figures from the end; the expiry stays.
-  const shownStatItems = summaryRowCount === 0 ? []
-    : [statItems[0]!, ...figures.slice(0, summaryRowCount * statColumns - (expiryInline ? 1 : statColumns))];
+  // A short band gives up figures from the end, by lines: a row that wraps
+  // takes two. The expiry leads, so it stays.
+  const summaryLines = Math.min(statGridRows(statItems, statWidth, statColumns), Math.max(0, height - 6));
+  const { items: shownStatItems, lines: summaryRowCount } = statGridWithin(statItems, statWidth, summaryLines, statColumns);
   // No term here follows the selection or the load, so an empty cold-expiry
   // response cannot resize the table: growing it during loading would turn a
   // clamped scroll into apparent user navigation.
@@ -997,7 +998,7 @@ export function OptionsView({ width, height, focused, nestedInTabs = false, ivRa
       <QueryBar width={Math.max(1, width - 2)} filters={queryFilters} />
 
       {summaryRowCount > 0 && (
-        <StatGrid items={shownStatItems} width={statWidth} columns={statColumns} />
+        <StatGrid items={shownStatItems} width={statWidth} columns={statColumns} maxLines={summaryLines} />
       )}
 
       {isOpt && parsed && (

package/src/plugins/builtin/options-calculator/index.tsx

@@ -3,7 +3,6 @@ import {
   OPTIONS_CALCULATOR_PANE_ID,
   OPTIONS_CALCULATOR_TEMPLATE_ID,
 } from "./model";
-import { OptionsCalculatorPane } from "./pane";
 import { optionsCalculatorHeadless } from "./headless";
 
 export const optionsCalculatorModule: PluginModule = {
@@ -12,7 +11,7 @@ export const optionsCalculatorModule: PluginModule = {
       id: OPTIONS_CALCULATOR_PANE_ID,
       name: "Options Calculator",
       icon: "V",
-      component: OptionsCalculatorPane,
+      get component(): typeof import("./pane").OptionsCalculatorPane { const { OptionsCalculatorPane } = require("./pane"); return OptionsCalculatorPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 96, height: 28 },

package/src/plugins/builtin/options-positioning/index.tsx

@@ -3,7 +3,6 @@ import type { PluginModule } from "../plugin-module";
 import { createTickerSurfacePaneTemplate, type TickerSurfacePaneTemplateOptions } from "../shared/ticker-surface";
 import { optionsPositioningHeadless } from "./headless";
 import { isPositioningTab, type PositioningTab } from "./model";
-import { OptionsPositioningPane } from "./pane";
 
 /** The underlying OPX opens on when no ticker is active. */
 const DEFAULT_UNDERLYING = "SPY";
@@ -45,7 +44,7 @@ export const optionsPositioningModule: PluginModule = {
     id: "options-positioning",
     name: "Options Positioning",
     icon: "O",
-    component: OptionsPositioningPane,
+    get component(): typeof import("./pane").OptionsPositioningPane { const { OptionsPositioningPane } = require("./pane"); return OptionsPositioningPane; },
     defaultPosition: "right",
     tickerFollower: true,
     defaultMode: "floating",

package/src/plugins/builtin/options-scenario/index.tsx

@@ -1,8 +1,6 @@
 import type { PluginModule } from "../plugin-module";
 import { createTickerSurfacePaneTemplate } from "../shared/ticker-surface";
-import { OptionsScenarioPane } from "./pane";
 import { optionsScenarioHeadless } from "./headless";
-import { CspScreenPane } from "./csp-screen-pane";
 import { cspScreenHeadless } from "./csp-screen-headless";
 
 const scenarioSettingKeys = ["legs", "strategy", "strike", "delta", "putStrike", "callStrike", "shares", "expiration", "spot", "rate", "dividendYield", "currency", "asOf", "date", "volShift",
@@ -10,7 +8,7 @@ const scenarioSettingKeys = ["legs", "strategy", "strike", "delta", "putStrike",
 
 export const optionsScenarioModule: PluginModule = {
   panes: [{
-    id: "options-scenario", name: "Options Scenario", icon: "V", component: OptionsScenarioPane,
+    id: "options-scenario", name: "Options Scenario", icon: "V", get component(): typeof import("./pane").OptionsScenarioPane { const { OptionsScenarioPane } = require("./pane"); return OptionsScenarioPane; },
     defaultPosition: "right", defaultMode: "floating", defaultFloatingSize: { width: 126, height: 36 },
     tableExport: true, headless: optionsScenarioHeadless,
     settings: {
@@ -26,7 +24,7 @@ export const optionsScenarioModule: PluginModule = {
       ],
     },
   }, {
-    id: "csp-screen", name: "Options Strategy Screen", icon: "V", component: CspScreenPane,
+    id: "csp-screen", name: "Options Strategy Screen", icon: "V", get component(): typeof import("./csp-screen-pane").CspScreenPane { const { CspScreenPane } = require("./csp-screen-pane"); return CspScreenPane; },
     defaultPosition: "right", defaultMode: "floating", defaultFloatingSize: { width: 144, height: 24 },
     tableExport: true, headless: cspScreenHeadless,
     settings: {

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

@@ -4,7 +4,6 @@ import { commandRequestParams } from "../shared/command-tab";
 import { PERP_SERIES } from "./series";
 import { perpsCache, perpsDepthCache, perpsHistoryCache, perpsLiquidationsCache, perpsListCache, perpsMarketCache, perpsRankingsCache } from "./client";
 import { perpsHeadless } from "./headless";
-import { PerpsPane } from "./pane";
 
 /**
  * A named market has its own pane, and asking for it again (PERP, a stock's perpetual row in DES or QQ) brings that
@@ -22,7 +21,7 @@ const PERP_CACHES = [perpsCache, perpsHistoryCache, perpsListCache, perpsMarketC
 
 export const perpsModule: PluginModule = {
   series: PERP_SERIES,
-  panes: [{ id: "perps", name: "Perpetuals", icon: "P", component: PerpsPane, defaultPosition: "right", defaultMode: "floating",
+  panes: [{ id: "perps", name: "Perpetuals", icon: "P", get component(): typeof import("./pane").PerpsPane { const { PerpsPane } = require("./pane"); return PerpsPane; }, defaultPosition: "right", defaultMode: "floating",
     defaultFloatingSize: { width: 138, height: 34 }, tableExport: true, headless: perpsHeadless }],
   paneTemplates: [{ id: "perps-pane", paneId: "perps", label: "Perpetuals", description: "Perpetual funding, open interest and premiums by market and venue, with rankings, a venue comparison, liquidations, order book depth and Pro history.",
     keywords: ["perp", "perpetual", "perpetuals", "funding", "funding rate", "open interest", "hip-3", "stock perps", "basis", "basis trade", "carry", "venue", "funding spread", "long short ratio", "long/short", "positioning", "liquidations", "liquidation", "order book depth", "market depth", "liquidity"],

package/src/plugins/builtin/plugin-marketplace/index.tsx

@@ -1,7 +1,6 @@
 import { PLUGIN_AUTO_UPDATE_SETTING } from "../../auto-update";
 import type { PluginModule } from "../plugin-module";
 import { PLUGIN_MARKETPLACE_PANE_ID } from "../../marketplace/ids";
-import { PluginMarketplacePane } from "./pane";
 
 export const pluginMarketplaceModule: PluginModule = {
   panes: [
@@ -9,8 +8,8 @@ export const pluginMarketplaceModule: PluginModule = {
       id: PLUGIN_MARKETPLACE_PANE_ID,
       name: "Plugins",
       icon: "P",
-      component: PluginMarketplacePane,
-      reportFreshness: { status: "not-a-feed", basis: "plugin listings" },
+      get component(): typeof import("./pane").PluginMarketplacePane { const { PluginMarketplacePane } = require("./pane"); return PluginMarketplacePane; },
+      reportFreshness: { status: "not-a-feed", basis: "plugin listings", local: true },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 118, height: 34 },

package/src/plugins/builtin/plugin-marketplace/pane.tsx

@@ -21,6 +21,7 @@ import {
   type DataTableKeyEvent,
   type PaneHint,
 } from "../../../components";
+import { ageFooterSegment } from "../../../components/layout/pane/footer";
 import { loadingErrorFooterInfo } from "../../../components/data-table/table-pane";
 import { useRowNotes } from "../../../components/ui/row-notes";
 import { colors } from "../../../theme/colors";
@@ -922,7 +923,7 @@ export function PluginMarketplacePane({ focused, width, height }: PaneProps) {
     info.push({ id: "restart", parts: [{ text: "restart to finish loading", tone: "warning" }] });
   }
   if (status === "ready" && fetchedAt && !stale && !busy) {
-    info.push({ id: "updated", parts: [{ text: formatRelativeAge(fetchedAt), tone: "muted" }] });
+    info.push(ageFooterSegment(formatRelativeAge(fetchedAt)));
   }
 
   const hints: PaneHint[] = [];