gloomberb 0.13.2 → 0.14.0

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

@@ -54,10 +54,15 @@ export function buildAuctionsUrl(sinceDays: number, now = Date.now(), page = 1):
 }
 
 /** Fiscal Data reports the page count as `meta["total-pages"]`. */
-export function totalPages(body: unknown): number {
+export function totalPages(body: unknown, page = 1): number {
   const meta = (body as { meta?: Record<string, unknown> } | null)?.meta;
-  const pages = Number(meta?.["total-pages"]);
-  return Number.isFinite(pages) && pages > 1 ? Math.floor(pages) : 1;
+  const value = meta?.["total-pages"];
+  const pages = typeof value === "number" || (typeof value === "string" && value.trim())
+    ? Number(value) : NaN;
+  if (!Number.isSafeInteger(pages) || pages < 1) {
+    throw new Error(`Treasury auction page ${page} has an invalid page count`);
+  }
+  return pages;
 }
 
 /** Fiscal Data sends missing metrics as the literal string "null". */
@@ -127,7 +132,26 @@ export async function fetchAuctionPages(
 
   for (let page = 1; page <= Math.min(pages, MAX_PAGES); page += 1) {
     const body = await loadPage(page);
-    if (page === 1) pages = totalPages(body);
+    const declaredPages = totalPages(body, page);
+    if (page === 1) pages = declaredPages;
+    else if (declaredPages !== pages) {
+      throw new Error(`Treasury auction page count changed on page ${page}`);
+    }
+    if (pages > MAX_PAGES) {
+      throw new Error(`Treasury auction history exceeds the ${MAX_PAGES}-page limit`);
+    }
+    const data = (body as { data?: unknown } | null)?.data;
+    if (!Array.isArray(data)) {
+      throw new Error(`Treasury auction page ${page} has invalid data`);
+    }
+    if ((page > 1 || pages > 1) && data.length === 0) {
+      throw new Error(`Treasury auction page ${page} is missing`);
+    }
+    // A declared page must be usable in full before any of the walk can be
+    // cached. Missing metrics are valid; missing auction identities are not.
+    if (data.some((raw) => !normalizeAuction(raw))) {
+      throw new Error(`Treasury auction page ${page} has invalid records`);
+    }
     for (const auction of parseTreasuryAuctionsPayload(body)) {
       if (seen.has(auction.id)) continue;
       seen.add(auction.id);

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

@@ -75,6 +75,8 @@ export function createTreasuryAuctionsHeadless(
         sort: DEFAULT_AUCTION_SORT,
       });
       return {
+        complete: !result.refreshError,
+        errors: result.refreshError ? [result.refreshError] : [],
         rows: auctions.map((auction) => ({
           ...auction,
           rate: rateValue(auction),

package/src/plugins/builtin/treasury-auctions/model.test.ts

@@ -43,6 +43,18 @@ describe("term ordering", () => {
     expect(termLengthDays("Cash Management")).toBe(Number.MAX_SAFE_INTEGER);
     expect(termLengthDays("")).toBe(Number.MAX_SAFE_INTEGER);
   });
+
+  test("both directions compare every reopening component and keep unknown terms last", () => {
+    const rows = ["1-Year 11-Month", "1-Year 8-Month", "1-Year 10-Month", "Unknown"].map((securityTerm, index) =>
+      auction({ secType: "Note", securityTerm, auctionDate: `2026-09-0${9 - index}` }));
+    for (const direction of ["asc", "desc"] as const) {
+      const sorted = visibleAuctions(rows, { filter: "all", query: "", sort: { columnId: "term", direction } });
+      expect(sorted.map((row) => row.securityTerm)).toEqual(direction === "asc"
+        ? ["1-Year 8-Month", "1-Year 10-Month", "1-Year 11-Month", "Unknown"]
+        : ["1-Year 11-Month", "1-Year 10-Month", "1-Year 8-Month", "Unknown"]);
+    }
+    expect(termLengthDays("1-Year unknown suffix")).toBe(Number.MAX_SAFE_INTEGER);
+  });
 });
 
 describe("auction metrics", () => {
@@ -136,6 +148,16 @@ describe("visibleAuctions", () => {
     });
     expect(byRate.at(-1)?.securityTerm).toBe("20-Year");
   });
+
+  test("ascending and descending rates preserve negative zero and unknown values", () => {
+    const input = [null, 0, -0.125, 2, null].map((highYield, index) => auction({
+      secType: "Note", securityTerm: `${index + 1}-Year`, highYield, auctionDate: `2026-09-0${index + 1}`,
+    }));
+    const sorted = (direction: "asc" | "desc") => visibleAuctions(input, { filter: "all", query: "", sort: { columnId: "rate", direction } });
+    expect(sorted("asc").map((row) => row.highYield)).toEqual([-0.125, 0, 2, null, null]);
+    expect(sorted("desc").map((row) => row.highYield)).toEqual([2, 0, -0.125, null, null]);
+    expect(sorted("asc").slice(-2).map((row) => row.auctionDate)).toEqual(["2026-09-05", "2026-09-01"]);
+  });
 });
 
 describe("nextAuctionSort", () => {

package/src/plugins/builtin/treasury-auctions/model.ts

@@ -1,5 +1,5 @@
 import type { DataTableColumn } from "../../../components";
-import type { SortDirection } from "../../../utils/sort-values";
+import { compareSortValues, type SortDirection } from "../../../utils/sort-values";
 import { AUCTION_HISTORY_DAYS } from "./client";
 import type { TreasuryAuction } from "./types";
 
@@ -80,20 +80,19 @@ function auctionDateValue(value: string): number {
 }
 
 /**
- * Term length in days so "4-Week" sorts before "10-Year" instead of
- * alphabetically. "29-Year 6-Month" only needs its leading unit to order
- * correctly against the rest of the curve.
+ * Nominal term ordering, including every component of a reopening term.
+ * The day equivalents order the published labels; they are not settlement
+ * dates, remaining maturity, or a financial day-count convention.
  */
 export function termLengthDays(term: string): number {
-  const match = term.match(/^(\d+)\s*-\s*(Day|Week|Month|Year)/i);
-  if (!match) return Number.MAX_SAFE_INTEGER;
-  const count = Number(match[1]);
-  switch (match[2]!.toLowerCase()) {
-    case "day": return count;
-    case "week": return count * 7;
-    case "month": return count * 30;
-    default: return count * 365;
+  const components = [...term.matchAll(/(\d+)\s*-\s*(Day|Week|Month|Year)/gi)];
+  if (!components.length || term.replace(/(\d+)\s*-\s*(Day|Week|Month|Year)/gi, "").trim()) {
+    return Number.MAX_SAFE_INTEGER;
   }
+  return components.reduce((days, match) => {
+    const scale = { day: 1, week: 7, month: 30, year: 365 }[match[2]!.toLowerCase()]!;
+    return days + Number(match[1]) * scale;
+  }, 0);
 }
 
 /**
@@ -106,8 +105,8 @@ export function indirectPct(auction: TreasuryAuction): number | null {
 }
 
 /**
- * The headline rate: Bills and FRNs report a high investment rate, Notes,
- * Bonds, and TIPS report a high yield.
+ * The loaded headline rate: bill investment rate or note/bond/TIPS high yield.
+ * The source projection does not yet include FRN high discount margin.
  */
 export function rateValue(auction: TreasuryAuction): number | null {
   return auction.highInvestmentRate ?? auction.highYield;
@@ -122,15 +121,18 @@ export function auctionSize(auction: TreasuryAuction): number | null {
   return auction.totalAccepted ?? auction.offeringAmount;
 }
 
-function sortValue(auction: TreasuryAuction, columnId: AuctionColumnId): number | string {
+function sortValue(auction: TreasuryAuction, columnId: AuctionColumnId): number | string | null {
   switch (columnId) {
     case "date": return auctionDateValue(auction.auctionDate);
     case "type": return auction.secType;
-    case "term": return termLengthDays(auction.securityTerm);
-    case "rate": return rateValue(auction) ?? Number.NEGATIVE_INFINITY;
-    case "btc": return auction.bidToCoverRatio ?? Number.NEGATIVE_INFINITY;
-    case "indirect": return indirectPct(auction) ?? Number.NEGATIVE_INFINITY;
-    case "size": return auctionSize(auction) ?? Number.NEGATIVE_INFINITY;
+    case "term": {
+      const days = termLengthDays(auction.securityTerm);
+      return days === Number.MAX_SAFE_INTEGER ? null : days;
+    }
+    case "rate": return rateValue(auction);
+    case "btc": return auction.bidToCoverRatio;
+    case "indirect": return indirectPct(auction);
+    case "size": return auctionSize(auction);
   }
 }
 
@@ -138,16 +140,17 @@ export function visibleAuctions(
   auctions: readonly TreasuryAuction[],
   options: { filter: AuctionFilter; query: string; sort: AuctionSortPreference },
 ): TreasuryAuction[] {
-  const direction = options.sort.direction === "asc" ? 1 : -1;
   return auctions
     .filter((auction) => matchesFilter(auction, options.filter) && matchesAuctionQuery(auction, options.query))
     .sort((left, right) => {
       const leftValue = sortValue(left, options.sort.columnId);
       const rightValue = sortValue(right, options.sort.columnId);
-      const comparison = typeof leftValue === "string" && typeof rightValue === "string"
-        ? leftValue.localeCompare(rightValue, "en-US", { sensitivity: "base" })
-        : Number(leftValue) - Number(rightValue);
-      if (comparison !== 0) return comparison * direction;
+      const comparison = compareSortValues(
+        typeof leftValue === "string" ? leftValue.toLowerCase() : leftValue,
+        typeof rightValue === "string" ? rightValue.toLowerCase() : rightValue,
+        options.sort.direction,
+      );
+      if (comparison !== 0) return comparison;
       // Ties keep the newest auction on top regardless of sort direction.
       return auctionDateValue(right.auctionDate) - auctionDateValue(left.auctionDate);
     });

package/src/plugins/builtin/treasury-auctions/pane.test.tsx

@@ -1,7 +1,7 @@
 import { afterEach, describe, expect, test } from "bun:test";
 import { act } from "react";
-import { testRender } from "../../../renderers/opentui/test-utils";
-import { AppContext, createInitialState, PaneInstanceProvider } from "../../../state/app/context";
+import { emitKeypress as emitTuiKeypress, testRender, type TestKeyEvent } from "../../../renderers/opentui/test-utils";
+import { AppContext, PaneInstanceProvider, createInitialState } from "../../../state/app/context";
 import { createDefaultConfig } from "../../../types/config";
 import type { PluginPersistence } from "../../../types/plugin";
 import {
@@ -61,9 +61,11 @@ const AUCTIONS: TreasuryAuction[] = [
 
 /** Fresh cache so the pane renders without touching the Treasury endpoint. */
 function seedCache(): void {
+  const record = { value: AUCTIONS, fetchedAt: Date.now(), stale: false,
+    staleAt: Date.now() + 60_000, expiresAt: Date.now() + 60_000 };
   attachTreasuryAuctionsPersistence({
-    getResource: () => ({ value: AUCTIONS, fetchedAt: Date.now(), stale: false }),
-    setResource: () => ({ value: AUCTIONS, fetchedAt: Date.now(), stale: false }),
+    getResource: () => record,
+    setResource: () => record,
   } as unknown as PluginPersistence);
 }
 
@@ -102,24 +104,7 @@ async function renderSettled() {
   });
 }
 
-async function emitKeypress(event: { name?: string; sequence?: string }) {
-  await act(async () => {
-    testSetup!.renderer.keyInput.emit("keypress", {
-      ctrl: false,
-      meta: false,
-      option: false,
-      shift: false,
-      eventType: "press",
-      repeated: false,
-      defaultPrevented: false,
-      propagationStopped: false,
-      preventDefault: () => {},
-      stopPropagation: () => {},
-      ...event,
-    } as never);
-    await testSetup!.renderOnce();
-  });
-}
+const emitKeypress = (event: TestKeyEvent) => emitTuiKeypress(testSetup!, event);
 
 describe("TreasuryAuctionsPane", () => {
   test("renders auction metrics and keeps one placeholder for unpublished results", async () => {

package/src/plugins/builtin/treasury-auctions/pane.tsx

@@ -1,16 +1,16 @@
+import { KeyValueRow } from "../../../components";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   DataTableStackView,
   EmptyState,
-  InputSearchBar,
-  Spinner,
-  Tabs,
+  InputSearchBar, PaneStatusBody, Tabs,
   usePaneFooter,
   type DataTableCell,
   type DataTableKeyEvent,
   type DataTableRootKeyContext,
-  type PaneFooterSegment,
+  type PaneFooterSegment
 } from "../../../components";
+import { usePaneInstance } from "../../../state/app/context";
 import { colors } from "../../../theme/colors";
 import type { PaneProps } from "../../../types/plugin";
 import { Box, ScrollBox, Text, TextAttributes, type InputRenderable } from "../../../ui";
@@ -19,18 +19,17 @@ import { isPlainKey } from "../../../utils/keyboard";
 import { formatRelativeAge } from "../../../utils/relative-time";
 import { isPlainArrowUp, stopSearchFocusNavigation } from "../../../utils/search-focus-navigation";
 import { cycleSortPreference } from "../../../utils/sort-values";
-import { usePaneInstance } from "../../../state/app/context";
 import { useAutoRefresh } from "../shared/auto-refresh";
 import { loadTreasuryAuctions } from "./cache";
 import {
   AUCTION_FILTERS,
-  auctionHistoryDays,
   AUCTION_SORT_COLUMN_IDS,
   DEFAULT_AUCTION_SORT,
+  auctionHistoryDays,
+  auctionSize,
   buildAuctionColumns,
   indirectPct,
   isPendingAuction,
-  auctionSize,
   nextAuctionSort,
   nextFilter,
   rateValue,
@@ -90,6 +89,15 @@ function secTypeColor(secType: string, selected: boolean): string {
   }
 }
 
+// Stable table adapters so memoized rows survive pane re-renders.
+const auctionKey = (auction: TreasuryAuction) => auction.id;
+const renderAuctionRow = (
+  auction: TreasuryAuction,
+  column: AuctionColumn,
+  _index: number,
+  rowState: { selected: boolean },
+) => renderAuctionCell(auction, column, rowState);
+
 function renderAuctionCell(
   auction: TreasuryAuction,
   column: AuctionColumn,
@@ -125,18 +133,6 @@ function renderAuctionCell(
   }
 }
 
-function DetailRow({ label, value }: { label: string; value: string }) {
-  return (
-    <Box flexDirection="row" height={1} gap={2}>
-      <Box width={20}>
-        <Text fg={colors.textDim}>{label}</Text>
-      </Box>
-      <Box flexGrow={1}>
-        <Text fg={colors.textBright} wrapMode="ellipsis">{value}</Text>
-      </Box>
-    </Box>
-  );
-}
 
 function TreasuryAuctionDetail({ auction, width }: { auction: TreasuryAuction; width: number }) {
   const total = auction.totalAccepted;
@@ -152,21 +148,21 @@ function TreasuryAuctionDetail({ auction, width }: { auction: TreasuryAuction; w
           {isPendingAuction(auction) && <Text fg={colors.warning}>results pending</Text>}
         </Box>
         <Box height={1} />
-        <DetailRow label="High rate" value={formatRate(rateValue(auction))} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="High rate" value={formatRate(rateValue(auction))} />
         {auction.avgMedYield != null && (
-          <DetailRow label="Median yield" value={formatRate(auction.avgMedYield)} />
+          <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Median yield" value={formatRate(auction.avgMedYield)} />
         )}
-        <DetailRow label="Bid-to-cover" value={formatRatio(auction.bidToCoverRatio)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Bid-to-cover" value={formatRatio(auction.bidToCoverRatio)} />
         <Box height={1} />
-        <DetailRow label="High price" value={auction.highPrice?.toFixed(4) ?? "—"} />
-        <DetailRow label="Avg/median price" value={auction.avgMedPrice?.toFixed(4) ?? "—"} />
-        <DetailRow label="Low price" value={auction.lowPrice?.toFixed(4) ?? "—"} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="High price" value={auction.highPrice?.toFixed(4) ?? "—"} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Avg/median price" value={auction.avgMedPrice?.toFixed(4) ?? "—"} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Low price" value={auction.lowPrice?.toFixed(4) ?? "—"} />
         <Box height={1} />
-        <DetailRow label="Offering" value={formatMoney(auction.offeringAmount)} />
-        <DetailRow label="Total accepted" value={formatMoney(auction.totalAccepted)} />
-        <DetailRow label="Competitive" value={share(auction.competitiveAccepted)} />
-        <DetailRow label="Indirect" value={share(auction.indirectAccepted)} />
-        <DetailRow label="Primary dealer" value={share(auction.primaryDealerAccepted)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Offering" value={formatMoney(auction.offeringAmount)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Total accepted" value={formatMoney(auction.totalAccepted)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Competitive" value={share(auction.competitiveAccepted)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Indirect" value={share(auction.indirectAccepted)} />
+        <KeyValueRow labelWidth={22} width={Math.max(1, width - 2)} emphasis={false} label="Primary dealer" value={share(auction.primaryDealerAccepted)} />
       </Box>
     </ScrollBox>
   );
@@ -206,6 +202,7 @@ export function TreasuryAuctionsPane({ focused, width, height }: PaneProps) {
         setAuctions(result.auctions);
         setFetchedAt(result.fetchedAt);
         setStale(result.stale);
+        setError(result.refreshError ?? null);
         setStatus("loaded");
       })
       .catch((loadError: unknown) => {
@@ -294,7 +291,7 @@ export function TreasuryAuctionsPane({ focused, width, height }: PaneProps) {
   usePaneFooter(TREASURY_AUCTIONS_PANE_ID, () => {
     const info: PaneFooterSegment[] = [];
     if (status === "loading") info.push({ id: "loading", parts: [{ text: "loading", tone: "muted" }] });
-    if (error) info.push({ id: "error", parts: [{ text: "error", tone: "warning" }] });
+    if (error) info.push({ id: "error", parts: [{ text: error, tone: "warning" }] });
     if (stale) info.push({ id: "stale", parts: [{ text: "stale cache", tone: "warning" }] });
     if (filter !== "all") info.push({ id: "filter", parts: [{ text: activeFilterLabel, tone: "value" }] });
     if (searchQuery.trim()) {
@@ -343,9 +340,7 @@ export function TreasuryAuctionsPane({ focused, width, height }: PaneProps) {
     return (
       <Box flexDirection="column" width={width} height={height}>
         {tabs}
-        <Box flexGrow={1} justifyContent="center" alignItems="center">
-          <Spinner label="Loading Treasury auctions..." />
-        </Box>
+        <PaneStatusBody loading align="center" loadingLabel="Loading Treasury auctions..." />
       </Box>
     );
   }
@@ -355,7 +350,7 @@ export function TreasuryAuctionsPane({ focused, width, height }: PaneProps) {
       <Box flexDirection="column" width={width} height={height}>
         {tabs}
         <Box padding={1}>
-          <EmptyState title="Treasury auctions unavailable." message={error} />
+          <EmptyState status={error ? "error" : "empty"} title="Treasury auctions unavailable." message={error} />
         </Box>
       </Box>
     );
@@ -407,8 +402,8 @@ export function TreasuryAuctionsPane({ focused, width, height }: PaneProps) {
         onHeaderClick={(columnId) => setSortPreference((current) => (
           nextAuctionSort(current, columnId as AuctionColumnId)
         ))}
-        getItemKey={(auction) => auction.id}
-        renderCell={(auction, column, _index, rowState) => renderAuctionCell(auction, column, rowState)}
+        getItemKey={auctionKey}
+        renderCell={renderAuctionRow}
         emptyStateTitle={searchQuery.trim() ? "No matching auctions." : "No recent auctions."}
         emptyStateHint={searchQuery.trim() ? "Clear search." : undefined}
       />

package/src/plugins/builtin/treasury-auctions/types.ts

@@ -16,7 +16,7 @@ export interface TreasuryAuction {
   securityTerm: string;
   /** ISO "YYYY-MM-DD". */
   auctionDate: string;
-  /** High investment rate, reported by Bills and FRNs. */
+  /** Bill investment rate, in percentage points. FRN discount margin is not loaded. */
   highInvestmentRate: number | null;
   /** High yield, reported by Notes, Bonds, and TIPS. */
   highYield: number | null;
@@ -27,7 +27,7 @@ export interface TreasuryAuction {
   bidToCoverRatio: number | null;
   /** Competitive accepted dollar amount. */
   competitiveAccepted: number | null;
-  /** Indirect bidder accepted dollars (foreign central banks and similar). */
+  /** Indirect bidder accepted dollars, including customers bidding through direct submitters. */
   indirectAccepted: number | null;
   /** Primary dealer accepted dollars. */
   primaryDealerAccepted: number | null;

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

@@ -1,24 +1,22 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box, Text, TextAttributes } from "../../../ui";
-import { useShortcut } from "../../../react/input";
+import { useMemo, useState } from "react";
 import {
-  Button,
-  EmptyState,
-  Spinner,
-  StaticChartSurface,
+  EmptyState, PaneStatusBody, StaticChartSurface,
   usePaneFooter,
-  type PaneFooterSegment,
+  type PaneFooterSegment
 } from "../../../components";
-import { useAutoRefresh } from "../shared/auto-refresh";
-import { ListView } from "../../../components/ui/list-view";
 import type { ProjectedChartPoint } from "../../../components/chart/core/data";
 import { resolveChartPalette } from "../../../components/chart/core/palette";
-import type { PaneProps } from "../../../types/plugin";
+import { ListView } from "../../../components/ui/list-view";
+import { useAsyncResource } from "../../../react/async-resource";
+import { useShortcut } from "../../../react/input";
 import { colors } from "../../../theme/colors";
+import type { PaneProps } from "../../../types/plugin";
+import { Box, Text, TextAttributes } from "../../../ui";
 import type { PluginModule } from "../plugin-module";
+import { useAutoRefresh } from "../shared/auto-refresh";
 import { getCachedVolatilityData, loadVolatilityData } from "./client";
-import type { TermState, VolatilityData } from "./model";
 import { volatilityHeadless } from "./headless";
+import type { TermState, VolatilityData } from "./model";
 
 export { volatilityHeadless } from "./headless";
 
@@ -71,38 +69,13 @@ function TermChart({ data, width, height }: { data: VolatilityData; width: numbe
 }
 
 export function VolatilityPane({ paneId, focused, width, height }: PaneProps) {
-  const [initial] = useState(getCachedVolatilityData);
-  const [data, setData] = useState<VolatilityData | null>(initial?.data ?? null);
-  const [loading, setLoading] = useState(!initial);
-  const [stale, setStale] = useState(initial?.stale ?? false);
-  const [error, setError] = useState<string | null>(null);
+  const resource = useAsyncResource(loadVolatilityData, { initialData: getCachedVolatilityData });
+  const { loading, load: refresh, reload } = resource;
+  const stale = resource.data?.stale ?? false;
+  const error = resource.error ?? resource.data?.errors[0] ?? null;
+  const lastUpdated = stale ? null : resource.updatedAt;
+  const data = resource.data?.data ?? null;
   const [selected, setSelected] = useState(0);
-  const [lastUpdated, setLastUpdated] = useState<number | null>(null);
-  const generation = useRef(0);
-
-  const load = useCallback(async (force = false) => {
-    const current = ++generation.current;
-    setLoading(true);
-    setError(null);
-    try {
-      const result = await loadVolatilityData(force);
-      if (generation.current !== current) return;
-      setData(result.data);
-      setStale(result.stale);
-      if (!result.stale) setLastUpdated(Date.now());
-      setError(result.errors[0] ?? null);
-    } catch (loadError) {
-      if (generation.current !== current) return;
-      setError(loadError instanceof Error ? loadError.message : String(loadError));
-    } finally {
-      if (generation.current === current) setLoading(false);
-    }
-  }, []);
-
-  useEffect(() => { void load(false); }, [load]);
-
-  const reload = useCallback(() => { void load(true); }, [load]);
-  const refresh = useCallback(() => { void load(false); }, [load]);
   // The shared FRED cache decides whether a tick reaches the network, so daily
   // closes follow the global cadence without refetching unchanged data.
   useAutoRefresh(lastUpdated, refresh);
@@ -133,15 +106,13 @@ export function VolatilityPane({ paneId, focused, width, height }: PaneProps) {
 
   if (!data && loading) {
     return (
-      <Box width={width} height={height} justifyContent="center" alignItems="center">
-        <Spinner label="Loading volatility data..." />
-      </Box>
+      <PaneStatusBody loading align="center" width={width} height={height} loadingLabel="Loading volatility data..." />
     );
   }
   if (!data) {
     return (
       <Box width={width} height={height} padding={1} flexDirection="column" gap={1}>
-        <EmptyState title="Volatility data unavailable." message={error ?? undefined} />
+        <EmptyState status={error ? "error" : "empty"} title="Volatility data unavailable." message={error ?? undefined} />
       </Box>
     );
   }

package/src/plugins/builtin/world-indices/headless.ts

@@ -4,7 +4,7 @@ import type {
   HeadlessPaneDefinition,
   HeadlessPaneLoadArgs,
 } from "../../../types/plugin";
-import { formatCurrency, formatNumber, formatPercentRaw } from "../../../utils/format";
+import { formatNumber, formatPercentRaw } from "../../../utils/format";
 import { loadWorldIndexQuotes, type WorldIndexQuoteResult } from "./client";
 import {
   getIndicesByRegion,
@@ -21,9 +21,9 @@ const COLUMNS = [
     key: "price",
     header: "Last",
     align: "right" as const,
-    format: (value: unknown, row: Record<string, unknown>) => value == null
+    format: (value: unknown) => value == null
       ? "-"
-      : formatCurrency(Number(value), String(row.currency ?? "USD")),
+      : formatNumber(Number(value), 2),
   },
   {
     key: "change",
@@ -62,6 +62,7 @@ export function projectWorldIndicesHeadless(
           return {
             ...entry,
             price: quote?.price ?? null,
+            unit: "index points",
             currency: quote?.currency ?? null,
             change: quote?.change ?? null,
             changePercent: quote?.changePercent ?? null,

package/src/plugins/builtin/world-indices/index.tsx

@@ -29,6 +29,15 @@ export { worldIndicesHeadless } from "./headless";
 /** Stable identity: a fresh literal here would remount the board every render. */
 const NO_SAVED_SYMBOLS: string[] = [];
 
+// Rows are memoized by the table; hoisted adapters keep their identity.
+const worldIndexRowKey = (row: WorldIndexTableRow) => (
+  row.type === "header" ? `header-${row.region}` : row.entry.symbol
+);
+const isIndexRow = (row: WorldIndexTableRow) => row.type === "row";
+function renderRegionHeader(row: WorldIndexTableRow) {
+  return row.type === "header" ? { text: REGION_LABELS[row.region] } : null;
+}
+
 function WorldIndicesPane({ focused, width, height }: PaneProps) {
   const { pinTicker } = usePluginTickerActions();
   const dataProvider = useAssetData();
@@ -103,7 +112,7 @@ function WorldIndicesPane({ focused, width, height }: PaneProps) {
           if (row.type === "row") selectFlatIndex(index);
         },
       }}
-      isNavigable={(row) => row.type === "row"}
+      isNavigable={isIndexRow}
       onActivate={(_row, index) => openSelected(index)}
       rootWidth={width}
       rootHeight={height}
@@ -112,10 +121,8 @@ function WorldIndicesPane({ focused, width, height }: PaneProps) {
       sortColumnId={sortPreference.columnId}
       sortDirection={sortPreference.direction}
       onHeaderClick={handleHeaderClick}
-      getItemKey={(row) => row.type === "header" ? `header-${row.region}` : row.entry.symbol}
-      renderSectionHeader={(row) => row.type === "header"
-        ? { text: REGION_LABELS[row.region] }
-        : null}
+      getItemKey={worldIndexRowKey}
+      renderSectionHeader={renderRegionHeader}
       renderCell={renderCell}
       emptyStateTitle="No market data provider connected."
     />