@gloom-sh/terminal 0.19.1 → 0.19.3

package/src/plugins/builtin/research/analyst-model.ts

@@ -235,7 +235,7 @@ export function ratingTargetDelta(row: AnalystResearchData["ratings"][number]):
   return row.currentPriceTarget - prior;
 }
 
-export type RatingColumnId = "date" | "firm" | "action" | "current" | "target" | "prior";
+export type RatingColumnId = "date" | "firm" | "action" | "current" | "target" | "prior" | "reason";
 export type RatingColumn = DataTableColumn & { id: RatingColumnId } & Partial<RatingTargetColumnSizing>;
 
 export interface RatingSortPreference {
@@ -255,6 +255,7 @@ const DEFAULT_RATING_SORT_DIRECTIONS: Record<RatingColumnId, SortDirection> = {
   current: "asc",
   target: "desc",
   prior: "asc",
+  reason: "asc",
 };
 
 const BASE_RATING_COLUMNS: RatingColumn[] = [
@@ -266,6 +267,36 @@ const BASE_RATING_COLUMNS: RatingColumn[] = [
   { id: "prior", label: "PRIOR", width: 13, align: "left" },
 ];
 
+/** The reason coverage gives for an action: last, taking the room the pane has left. */
+const REASON_COLUMN: RatingColumn = { id: "reason", label: "REASON", width: 28, align: "left", flexGrow: 1 };
+
+/** The line coverage of the action quotes, or null when none gives one. */
+export function ratingReason(row: AnalystRatingRecord): AnalystRatingRecord["reason"] | null {
+  const reason = row.reason;
+  return reason?.text?.trim() && reason.url?.trim() ? reason : null;
+}
+
+/**
+ * The status bar room the selected action's article takes: its `source`
+ * link, the `o` hint that opens it and their separators. The consensus
+ * context gives way to it rather than cut it.
+ */
+export function ratingReasonFooterWidth(reason: AnalystRatingRecord["reason"] | null): number {
+  if (!reason) return 0;
+  return displayWidth(`source ${ratingReasonSource(reason)}`) + displayWidth(" · ") + displayWidth("[o]pen") + 2;
+}
+
+/** Who published the reason: the publisher's name, else the article's site. */
+export function ratingReasonSource(reason: NonNullable<AnalystRatingRecord["reason"]>): string {
+  const named = reason.source?.trim();
+  if (named) return named;
+  try {
+    return new URL(reason.url).hostname.replace(/^www\./, "");
+  } catch {
+    return "source";
+  }
+}
+
 export function buildRatingColumns(
   rows: readonly AnalystRatingRecord[],
   currency: string | undefined,
@@ -288,9 +319,11 @@ export function buildRatingColumns(
     BASE_RATING_COLUMNS.find((column) => column.id === "target")?.width ?? 13,
   );
 
-  return BASE_RATING_COLUMNS.map((column) => {
+  const columns = BASE_RATING_COLUMNS.map((column) => {
     return column.id === "target" ? { ...column, ...targetSizing, width: targetWidth } : column;
   });
+  // A history with no reason anywhere keeps the table it always had.
+  return rows.some((row) => ratingReason(row)) ? [...columns, REASON_COLUMN] : columns;
 }
 
 function normalizedText(value: string | undefined): string | null {
@@ -316,6 +349,8 @@ function ratingSortValue(row: AnalystRatingRecord, columnId: RatingColumnId): st
       return ratingTargetSortValue(row);
     case "prior":
       return normalizedText(row.prior);
+    case "reason":
+      return normalizedText(ratingReason(row)?.text);
   }
 }
 

package/src/plugins/builtin/research/analyst-pane.tsx

@@ -8,7 +8,7 @@ import {
   spanAxisFormatter,
   staticSeries,
   useChartTableSelection,
-  usePaneFooter,
+  useExternalLinkFooter,
   type ChartTableSelection,
   type DataTableCell,
   type DataTableKeyEvent,
@@ -39,6 +39,9 @@ import {
   buildRatingColumns,
   firstRatingSortDirection,
   formatRatingTarget,
+  ratingReason,
+  ratingReasonFooterWidth,
+  ratingReasonSource,
   ratingSplit,
   ratingTargetDelta,
   sortRatingRows,
@@ -142,13 +145,16 @@ function AnalystHeader({ data, history, series, currency, width, height, tableRo
 /**
  * Streams the bound symbol and keeps the status bar's reference price on it.
  * Rendered beside the table so a tick redraws the footer, not the ratings.
+ * The selected action's reason, when coverage gave one, is a link there.
  */
-function AnalystFooter({ data, loading, error, width, binding }: {
+function AnalystFooter({ data, loading, error, width, binding, focused, reason }: {
   data: AnalystResearchData | null;
   loading: boolean;
   error: string | null;
   width: number;
   binding: AnalystQuoteBinding;
+  focused: boolean;
+  reason: ReturnType<typeof ratingReason>;
 }) {
   // The upside is a percentage; about one update a second is enough for it.
   const financials = useLiveTickerFinancials(binding.ticker ? binding.symbol : null, binding.ticker, {
@@ -157,9 +163,17 @@ function AnalystFooter({ data, loading, error, width, binding }: {
     weight: 40,
   });
   const reference = analystReferencePrice(data, financials?.quote);
-  usePaneFooter("analyst-research", () => ({
-    info: buildAnalystFooterInfo(data, { width, loading, error, reference }),
-  }), [data, error, loading, reference.freshness, reference.live, reference.price, width]);
+  const info = useMemo(
+    () => buildAnalystFooterInfo(data, { width: width - ratingReasonFooterWidth(reason), loading, error, reference }),
+    [data, error, loading, reason, reference.freshness, reference.live, reference.price, width],
+  );
+  useExternalLinkFooter({
+    registrationId: "analyst-research",
+    focused,
+    url: reason?.url,
+    source: reason ? ratingReasonSource(reason) : null,
+    info,
+  });
   return null;
 }
 
@@ -246,6 +260,9 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
       }
       case "prior":
         return { text: row.prior ?? "-", color: colors.textDim };
+      case "reason":
+        // Blank, not a dash: no coverage gave a reason.
+        return { text: ratingReason(row)?.text ?? "", color: colors.textDim };
     }
   }, [ratingCurrency]);
 
@@ -258,6 +275,7 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
     }));
   }, []);
 
+  const selectedRow = rows.length > 0 ? rows[selectedIdx] : undefined;
   const footer = (
     <AnalystFooter
       data={authWall ? null : data}
@@ -265,6 +283,8 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
       error={authWall ? null : error}
       width={width}
       binding={binding}
+      focused={focused}
+      reason={authWall || !selectedRow ? null : ratingReason(selectedRow)}
     />
   );
 

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

@@ -1,10 +1,7 @@
 import type { PluginModule } from "../plugin-module";
 import { parseTickerListInput, formatTickerListInput } from "../../../tickers/list";
 import { createTickerSurfacePaneTemplate } from "../shared/ticker-surface";
-import { AnalystResearchView } from "./analyst-pane";
 import { CorporateActionsView } from "./corporate-actions-pane";
-import { EquityDiagnosticView } from "./equity-diagnostic-pane";
-import { RelativeValuationPane } from "./relative-valuation-pane";
 import { relativeValuationHeadless } from "./relative-valuation-headless";
 import { AUTO_PEERS_SETTING, relativeValuationTitle } from "./relative-valuation-peers";
 import { buildRelativeValuationSettingsDef, MAX_RELATIVE_VALUATION_TICKERS } from "./relative-valuation-settings";
@@ -29,14 +26,14 @@ export const researchModule: PluginModule = {
       id: "analyst-research",
       name: "Analyst",
       order: 32,
-      component: AnalystResearchView,
+      get component(): typeof import("./analyst-pane").AnalystResearchView { const { AnalystResearchView } = require("./analyst-pane"); return AnalystResearchView; },
       instruments: ["equity"],
     });
     ctx.registerTickerResearchTab({
       id: "equity-diagnostic",
       name: "Diagnostic",
       order: 33,
-      component: EquityDiagnosticView,
+      get component(): typeof import("./equity-diagnostic-pane").EquityDiagnosticView { const { EquityDiagnosticView } = require("./equity-diagnostic-pane"); return EquityDiagnosticView; },
       instruments: ["equity"],
     });
     ctx.registerTickerResearchTab({
@@ -53,7 +50,7 @@ export const researchModule: PluginModule = {
       id: "analyst-research",
       name: "Analyst Research",
       icon: "A",
-      component: AnalystResearchView,
+      get component(): typeof import("./analyst-pane").AnalystResearchView { const { AnalystResearchView } = require("./analyst-pane"); return AnalystResearchView; },
       defaultPosition: "right",
       tickerFollower: true,
       instruments: ["equity"],
@@ -68,7 +65,7 @@ export const researchModule: PluginModule = {
       reportRequirements: ["Free Gloom sign-in"],
       name: "Equity Diagnostic",
       icon: "D",
-      component: EquityDiagnosticView,
+      get component(): typeof import("./equity-diagnostic-pane").EquityDiagnosticView { const { EquityDiagnosticView } = require("./equity-diagnostic-pane"); return EquityDiagnosticView; },
       defaultPosition: "right",
       tickerFollower: true,
       instruments: ["equity"],
@@ -91,7 +88,7 @@ export const researchModule: PluginModule = {
       id: "relative-valuation",
       name: "Relative Valuation",
       icon: "R",
-      component: RelativeValuationPane,
+      get component(): typeof import("./relative-valuation-pane").RelativeValuationPane { const { RelativeValuationPane } = require("./relative-valuation-pane"); return RelativeValuationPane; },
       headless: relativeValuationHeadless,
       defaultPosition: "right",
       defaultMode: "floating",

package/src/plugins/builtin/research-search/index.tsx

@@ -7,7 +7,6 @@ import {
   RESEARCH_SEARCH_PANE_ID,
   RESEARCH_SEARCH_TEMPLATE_ID,
 } from "./model";
-import { ResearchSearchPane } from "./pane";
 
 const description =
   "Full-text search across earnings call transcripts, news wires, and SEC filings, with saved searches and keyword alerts.";
@@ -40,7 +39,7 @@ export const researchSearchPlugin: GloomPlugin = {
       reportFreshness: { status: "not-a-feed", basis: "search results" },
       name: "Research Search",
       icon: "RS",
-      component: ResearchSearchPane,
+      get component(): typeof import("./pane").ResearchSearchPane { const { ResearchSearchPane } = require("./pane"); return ResearchSearchPane; },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 118, height: 32 },

package/src/plugins/builtin/revenue-breakdown/headless.ts

@@ -1,13 +1,25 @@
 import type { RevenueBreakdownView } from "../../../api-client/revenue-breakdown";
 import type { HeadlessPaneColumn, HeadlessPaneDefinition } from "../../../types/plugin";
 import { fetchRevenueBreakdown } from "./client";
-import { growthPercent, quarterLabel, reportedSpan, revenueAmount, sharePercent } from "./model";
+import { growthPercent, quarterLabel, reportedSpan, revenueScale, sharePercent } from "./model";
 import { SEC_FILINGS } from "../shared/report-freshness";
 import { resolveHeadlessIssuerListing } from "../shared/headless-market-data";
 
-/** Amounts compact and shares and growth in percent, as the pane prints them (15.97B, 83.7%, +10.8%); exports keep the whole number. */
+/** Shares and growth in percent, as the pane prints them (83.7%, +10.8%), amounts on the table's scale; exports keep the whole number. */
 const number = (format: (value: number | null) => string) => (value: unknown) => format(typeof value === "number" ? value : null);
-const amountColumn = (key: string, header: string): HeadlessPaneColumn => ({ key, header, align: "right", textFormat: number(revenueAmount) });
+
+/**
+ * A table's amounts on its one scale (`revenueScale`), named once in the text
+ * report's heading ("Total revenue, USD millions"). Exports keep the section
+ * name and the whole number.
+ */
+function amountScale(values: ReadonlyArray<number | null>, currency: string | null) {
+  const scale = revenueScale(values, currency);
+  return {
+    section: (title: string) => ({ title, ...scale.unit ? { textTitle: `${title}, ${scale.unit}` } : {} }),
+    column: (key: string, header: string): HeadlessPaneColumn => ({ key, header, align: "right", textFormat: number(scale.format) }),
+  };
+}
 
 export const revenueBreakdownHeadless: HeadlessPaneDefinition<"bundle"> = {
   shape: "bundle",
@@ -46,16 +58,18 @@ export const revenueBreakdownHeadless: HeadlessPaneDefinition<"bundle"> = {
       ctx.apiClient,
       await resolveHeadlessIssuerListing(ctx, symbol),
     ));
+    const rowScale = amountScale(data.rows.flatMap((row) => [...row.values, row.ttm]), data.currency);
+    const totalScale = amountScale(data.total, data.currency);
     return {
       complete: data.access === "full",
       errors: data.lockedRows > 0 ? [`${data.lockedRows} more rows need Gloom Pro`] : [],
       sections: [
         {
-          title: `Quarterly revenue by ${data.view}`,
+          ...rowScale.section(`Quarterly revenue by ${data.view}`),
           columns: [
             { key: data.view, header: data.view[0]!.toUpperCase() + data.view.slice(1) },
-            ...data.periods.map((period) => amountColumn(quarterLabel(period), quarterLabel(period))),
-            amountColumn("ttm", "TTM"),
+            ...data.periods.map((period) => rowScale.column(quarterLabel(period), quarterLabel(period))),
+            rowScale.column("ttm", "TTM"),
             { key: "share", header: "Share", align: "right", textFormat: number(sharePercent) },
             { key: "yoy", header: "YoY", align: "right", textFormat: number(growthPercent) },
           ],
@@ -68,8 +82,8 @@ export const revenueBreakdownHeadless: HeadlessPaneDefinition<"bundle"> = {
           })),
         },
         {
-          title: "Total revenue",
-          columns: [{ key: "quarter", header: "Quarter" }, { key: "end", header: "End" }, amountColumn("revenue", "Revenue")],
+          ...totalScale.section("Total revenue"),
+          columns: [{ key: "quarter", header: "Quarter" }, { key: "end", header: "End" }, totalScale.column("revenue", "Revenue")],
           rows: data.periods.map((period, index) => ({
             quarter: quarterLabel(period),
             end: period.end,

package/src/plugins/builtin/revenue-breakdown/model.ts

@@ -1,4 +1,5 @@
 import type { DataTableColumn } from "../../../components";
+import { pickUnit } from "../../../utils/format";
 import type {
   RevenueBreakdownPayload,
   RevenueBreakdownPeriod,
@@ -83,6 +84,28 @@ export function revenueAmount(value: number | null): string {
   return `${value < 0 ? "-" : ""}${scaled.toFixed(digits)}${suffix}`;
 }
 
+const SCALE_WORDS: Record<string, string> = { K: "thousands", M: "millions", B: "billions", T: "trillions" };
+
+/**
+ * One scale for a report table's amounts, its largest one's, so a 0.0 never sits beside a 5.52M: `unit`
+ * names it once ("USD millions") and `format` prints each amount in it, with one count of decimals down the
+ * table (179.3 and 0.0, or 54.32 and 7.88). An amount too small for that many decimals keeps two significant
+ * digits (0.030), so only a true zero reads 0.0. The pane keeps each amount's own suffix (`revenueAmount`).
+ */
+export function revenueScale(values: ReadonlyArray<number | null>, currency: string | null): { unit: string; format: (value: number | null) => string } {
+  const amounts = values.filter((value): value is number => value !== null && Number.isFinite(value));
+  const { suffix, divisor } = pickUnit(amounts);
+  const digits = Math.max(0, ...amounts.map((value) => Math.abs(value) / divisor)) >= 100 ? 1 : 2;
+  const format = (value: number | null) => {
+    if (value === null || !Number.isFinite(value)) return revenueAmount(null);
+    const scaled = value / divisor;
+    if (scaled === 0 || Number(scaled.toFixed(digits)) !== 0) return scaled.toFixed(digits);
+    // Two significant digits: as many decimals as the first one's place, and one more.
+    return scaled.toFixed(Math.min(20, 1 - Math.floor(Math.log10(Math.abs(scaled)))));
+  };
+  return { unit: [currency?.trim(), SCALE_WORDS[suffix]].filter(Boolean).join(" "), format };
+}
+
 export const sharePercent = (value: number | null) =>
   value === null ? "--" : `${(value * 100).toFixed(1)}%`;
 

package/src/plugins/builtin/reverse-dcf/pane.tsx

@@ -110,7 +110,9 @@ export function ReverseDcfPane({ width, height, focused }: PaneProps) {
   }, [model]);
 
   const selectedId = String(discountRate);
-  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 }));
 
   return <Box width={width} height={height} flexDirection="column" overflow="hidden">
     <QueryBar width={width} filters={[
@@ -120,7 +122,7 @@ export function ReverseDcfPane({ width, height, focused }: PaneProps) {
     {!symbol ? <EmptyState title="Select a ticker." /> : <PaneStatusBody subject="reverse DCF" loading={inputs.loading && !model}
       error={!model ? inputs.error ?? identityError ?? null : model.error} empty={false}>
       {model && !model.error ? <>
-        <StatGrid items={stats} width={width} />
+        <StatGrid items={stats} width={width} maxLines={statMaxLines} />
         <DataTableView<Row> focused={focused} columns={COLUMNS} items={model.sensitivity} rootWidth={width} rootHeight={contentHeight}
           getItemKey={(row) => String(row.discountRate)} emptyStateTitle="No implied growth." sortColumnId={null} sortDirection="desc"
           selection={{ kind: "id", selectedId, getId: (row) => String(row.discountRate),

package/src/plugins/builtin/risk-factors/data.ts

@@ -3,7 +3,7 @@ import {
   type CloudRiskReportListPayload,
   type CloudRiskReportPayload,
 } from "../../../api-client";
-import { ApiRequestError, isPermanentClientError } from "../../../api-client/errors";
+import { ApiRequestError, isPermanentClientError, isTransientFailure } from "../../../api-client/errors";
 import { listingAbroad, type IssuerListingParams } from "../../../api-client/paths";
 import { servedFromSavedCopy } from "../../../data/saved-copies";
 import type { HeadlessPaneApiClient, PluginPersistence } from "../../../types/plugin";
@@ -21,6 +21,8 @@ type RiskApiClient = Pick<HeadlessPaneApiClient, "getRiskReports" | "getRiskRepo
 interface RiskFreshness {
   fetchedAt: number;
   stale: boolean;
+  /** Its refresh failed and the copy saved at this time (ms) answered instead. */
+  savedAt?: number;
   refreshError?: string;
   errorStatus?: number;
 }
@@ -72,9 +74,10 @@ function loadCached<T extends object>(
     // A failed forced refresh must be retried when this pane is reopened, even
     // when the previously cached value has not reached its ordinary TTL yet.
     if (current()) failedRefreshes.set(failedKey, store);
-    // A missing or denied resource must not be replaced by previously cached content.
-    if (isPermanentClientError(error)) {
-      if (current()) store?.deleteResource(kind, key, { sourceKey: CACHE_SOURCE });
+    // A saved copy answers only for a failure asking again may get past: a refusal or a reply that
+    // fails validation is the error, and a missing or denied resource also drops its copy.
+    if (!isTransientFailure(error)) {
+      if (isPermanentClientError(error) && current()) store?.deleteResource(kind, key, { sourceKey: CACHE_SOURCE });
       throw error;
     }
     const fallback = store?.getResource<T>(kind, key, { ...options, allowExpired: true });
@@ -84,6 +87,7 @@ function loadCached<T extends object>(
       ...fallback.value,
       fetchedAt: fallback.fetchedAt,
       stale: true,
+      savedAt: fallback.fetchedAt,
       refreshError: (error instanceof Error ? error.message : String(error)).trim() || "Request failed",
       errorStatus: error instanceof ApiRequestError ? error.status : undefined,
     }, fallback.fetchedAt);

package/src/plugins/builtin/risk-factors/index.tsx

@@ -21,7 +21,8 @@ const description =
  * filing list, which needs no account: `filings` lists them with a link to
  * each, where Item 1A is the risk factors as written, without RISK's grouping
  * or its changes since the year before. A foreign issuer files a 20-F instead
- * (ASML), whose Item 3.D holds them.
+ * (ASML), whose Item 3.D holds them. A company that files neither (IAG on
+ * LSE) has nothing in RISK either, and the note says so.
  */
 function riskFactorsLockNote(lock: PaneLock): Promise<string> {
   return proLockNote(lock, {
@@ -35,6 +36,7 @@ function riskFactorsLockNote(lock: PaneLock): Promise<string> {
       text: (ticker, company) => `gloom filings ${ticker} --form 20-F lists ${company}'s annual reports, each with its filing date and a link to the filing, whose Item 3.D holds the risk factors as written.`,
       answers: (symbol, context) => filesForm(symbol, "20-F", context),
     }],
+    noneFor: (ticker) => `${ticker}'s company files no 10-K or 20-F with the SEC, so RISK has no risk factors for it.`,
   });
 }
 

package/src/plugins/builtin/risk-factors/pane.tsx

@@ -8,6 +8,7 @@ import {
   type PaneFooterSegment,
   type PaneHint,
 } from "../../../components";
+import { savedCopyFooterInfo } from "../../../components/layout/pane/footer";
 import { useAsyncResource } from "../../../react/async-resource";
 import { colors } from "../../../theme/colors";
 import {
@@ -119,8 +120,9 @@ function RiskFactorsReader({
   const reportLoader = useCallback((force: boolean) => guard(loadRiskReport(ticker!, year!, { force, listing })), [guard, listing, ticker, year]);
   const detail = useAsyncResource(ticker && year !== null ? reportLoader : null, { clearOnError: isPermanentClientError });
   const report = detail.data;
-  const listError = list.error ?? list.data?.refreshError ?? null;
-  const reportError = detail.error ?? report?.refreshError ?? null;
+  // A copy saved earlier answering a failed refresh says when it was saved, in the footer every pane uses, not as an error.
+  const listError = list.error ?? (list.data?.savedAt == null ? list.data?.refreshError : null) ?? null;
+  const reportError = detail.error ?? (report?.savedAt == null ? report?.refreshError : null) ?? null;
   const refresh = useCallback(() => {
     void list.reload();
     if (year !== null) void detail.reload();
@@ -151,12 +153,7 @@ function RiskFactorsReader({
       info.push({ id: "loading", parts: [{ text: "loading", tone: "muted" }] });
     if (listError) info.push({ id: "list-error", parts: [{ text: `Report list: ${listError}`, tone: "warning" }] });
     if (reportError) info.push({ id: "report-error", parts: [{ text: `${year} report: ${reportError}`, tone: "warning" }] });
-    if ((listError || list.data?.stale) && list.data) {
-      info.push({ id: "list-stale", parts: [{ text: `List cached ${new Date(list.data.fetchedAt).toISOString()}`, tone: "muted" }] });
-    }
-    if ((reportError || report?.stale) && report) {
-      info.push({ id: "report-stale", parts: [{ text: `Report cached ${new Date(report.fetchedAt).toISOString()}`, tone: "muted" }] });
-    }
+    info.push(...savedCopyFooterInfo([list.data?.savedAt, report?.savedAt]));
     const hints: PaneHint[] = report?.docUrl
       ? [{ id: "open", key: "o", label: "pen filing", onPress: openFiling }]
       : [];

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

@@ -1,5 +1,4 @@
 import type { PluginModule } from "../plugin-module";
-import { RoadmapPane } from "./pane";
 
 export const roadmapModule: PluginModule = {
   panes: [
@@ -7,8 +6,8 @@ export const roadmapModule: PluginModule = {
       id: "roadmap",
       name: "Roadmap",
       icon: "R",
-      component: RoadmapPane,
-      reportFreshness: { status: "not-a-feed", basis: "curated list" },
+      get component(): typeof import("./pane").RoadmapPane { const { RoadmapPane } = require("./pane"); return RoadmapPane; },
+      reportFreshness: { status: "not-a-feed", basis: "curated list", local: true },
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 100, height: 30 },

package/src/plugins/builtin/roadmap/pane.tsx

@@ -1,4 +1,4 @@
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type RefObject } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode, type RefObject } from "react";
 import { apiClient } from "../../../api-client";
 import { usePlanAccess } from "../../../api-client/plan-access";
 import type { RoadmapItem, RoadmapVote } from "../../../api-client/roadmap";
@@ -7,7 +7,9 @@ import {
   DataTableStackView,
   EMPTY_TABLE_CELL,
   isSectionedItemRow,
+  PaneFooterScope,
   renderSectionedRowHeader,
+  usePaneTabs,
   usePaneStatusFooter,
   useRowNotes,
   type DataTableCell,
@@ -23,6 +25,7 @@ import { useThemeColors } from "../../../theme/theme-context";
 import type { PaneProps } from "../../../types/plugin";
 import { Box, TextAttributes, type ScrollBoxRenderable } from "../../../ui";
 import { formatShortDate } from "../../../utils/datetime-format";
+import { ChangelogPane } from "../changelog";
 import {
   isVotable,
   optimisticVote,
@@ -97,7 +100,7 @@ function RoadmapDetail({ item, failure, width, scrollRef }: {
   );
 }
 
-export function RoadmapPane({ focused, width, height }: PaneProps) {
+function RoadmapView({ focused, width, height }: PaneProps) {
   const colors = useThemeColors();
   const client = useContext(RoadmapClientContext) ?? apiClient;
   const access = usePlanAccess();
@@ -242,3 +245,47 @@ export function RoadmapPane({ focused, width, height }: PaneProps) {
     />
   );
 }
+
+/**
+ * What is coming and what came: the roadmap's features, and the Changelog as
+ * CHG shows it. The first tab is not "Roadmap", which the title already says.
+ */
+const VIEWS = [
+  { value: "roadmap", label: "Features" },
+  { value: "changelog", label: "Changelog" },
+] as const;
+type ViewId = (typeof VIEWS)[number]["value"];
+const VIEW_PANES: Record<ViewId, (props: PaneProps) => ReactNode> = {
+  roadmap: RoadmapView,
+  changelog: ChangelogPane,
+};
+
+export function RoadmapPane(props: PaneProps) {
+  const [storedView, setView] = usePluginPaneState<string>("view", "roadmap");
+  const view: ViewId = storedView === "changelog" ? "changelog" : "roadmap";
+  // A view stays mounted once shown, so coming back to it keeps its place.
+  const [mounted, setMounted] = useState<ReadonlySet<ViewId>>(() => new Set([view]));
+  useEffect(() => {
+    setMounted((current) => (current.has(view) ? current : new Set([...current, view])));
+  }, [view]);
+  const { strip, rows } = usePaneTabs({ tabs: [...VIEWS], activeValue: view, onSelect: setView, focused: props.focused, dense: true });
+  const bodyHeight = Math.max(1, props.height - rows);
+
+  return (
+    <Box width={props.width} height={props.height} flexDirection="column" overflow="hidden">
+      {strip}
+      {VIEWS.map(({ value }) => {
+        if (!mounted.has(value) && value !== view) return null;
+        const View = VIEW_PANES[value];
+        const active = value === view;
+        return (
+          <Box key={value} visible={active} height={bodyHeight} flexGrow={1} flexBasis={0} overflow="hidden" data-gloom-role="nested-pane-content">
+            <PaneFooterScope active={active}>
+              <View {...props} height={bodyHeight} focused={props.focused && active} />
+            </PaneFooterScope>
+          </Box>
+        );
+      })}
+    </Box>
+  );
+}

package/src/plugins/builtin/scanner/hilo-model.ts

@@ -1,4 +1,5 @@
-import type { ScannerHiloExtreme, ScannerHiloPayload } from "../../../api-client";
+import type { ScannerHiloExtreme, ScannerHiloPayload, ScannerStatus } from "../../../api-client";
+import { venueMarketLine } from "../../../cli/pane-functions/freshness";
 
 type HiloWindowKey = keyof ScannerHiloPayload["windows"];
 export type HiloMinPrice = "off" | "1" | "5";
@@ -94,3 +95,19 @@ export function filterHiloRows(
     ? [...filtered].sort((left, right) => right.count - left.count || right.at - left.at)
     : [...filtered].sort((left, right) => right.at - left.at);
 }
+
+/**
+ * What an empty table says. The price filter when rows came in and it hid them all, or when the market is open and
+ * nothing has printed a new extreme yet. A closed market says so and when it reopens, in the status line's words
+ * (`Markets closed until Mon.`), as SCAN says its own close: its session has no new highs or lows to count.
+ */
+export function hiloEmptyState(
+  { filtered, status, now }: { filtered: boolean; status: ScannerStatus | undefined; now: number },
+): { title: string; hint?: string } {
+  if (filtered || status !== "closed") return { title: "Nothing above the price filter yet." };
+  const line = venueMarketLine("NYSE", now);
+  return {
+    title: line?.state === "closed" ? `${line.text[0]!.toUpperCase()}${line.text.slice(1)}.` : "Market closed.",
+    hint: "New highs and lows resume at the open.",
+  };
+}

package/src/plugins/builtin/scanner/hilo-pane.tsx

@@ -18,7 +18,7 @@ import { usePluginTickerActions } from "../../runtime";
 import { ScannerDeniedState } from "./denied";
 import { useHiloFeed, useScannerStatusFooter } from "./feed";
 import { HiloBars } from "./hilo-bars";
-import { filterHiloRows, formatHiloPrice, type HiloMinPrice, type HiloSort } from "./hilo-model";
+import { filterHiloRows, formatHiloPrice, hiloEmptyState, type HiloMinPrice, type HiloSort } from "./hilo-model";
 
 type Side = "lows" | "highs";
 
@@ -118,6 +118,15 @@ function HiloPane({ focused, width, height }: PaneProps) {
   );
 
   useScannerStatusFooter("hilo", feed, focused);
+  // Read when the feed moves, not each render: the clock only matters once a closed session's text is shown.
+  const status = feed.payload?.status;
+  const emptyStates = useMemo<Record<Side, { title: string; hint?: string }>>(() => {
+    const now = Date.now();
+    return {
+      lows: hiloEmptyState({ filtered: !!feed.payload?.lows.length, status, now }),
+      highs: hiloEmptyState({ filtered: !!feed.payload?.highs.length, status, now }),
+    };
+  }, [feed.payload?.lows.length, feed.payload?.highs.length, status]);
 
   const split = width >= SPLIT_MIN_WIDTH;
   // Zero counts before the first payload would read as a dead market, not a loading one.
@@ -168,7 +177,8 @@ function HiloPane({ focused, width, height }: PaneProps) {
       renderCell={RENDER_ROW[side]}
       selectedTextOverridesCellColor
       emptyContent={feed.payload ? undefined : <PaneStatusBody loading loadingLabel="Waiting for the scanner..." />}
-      emptyStateTitle="Nothing above the price filter yet."
+      emptyStateTitle={emptyStates[side].title}
+      emptyStateHint={emptyStates[side].hint}
     />
   );
 

package/src/plugins/builtin/scanner/live-pane.tsx

@@ -100,9 +100,11 @@ const DISPLAY_ORDER = ["symbol", "name", "price", "change", "conditions", "rvol"
 /**
  * Symbol, name, price and change, then one column per condition with the
  * figure it matched on, then context as the width allows: a column is added
- * only when it fits whole, the row's status first.
+ * only when it fits whole, the row's status first, and only when a row has
+ * one (after the close none does, and an empty column would take the room of
+ * the figures).
  */
-function liveScanColumns(width: number, conditions: readonly LiveScanCondition[]): DataTableColumn[] {
+export function liveScanColumns(width: number, conditions: readonly LiveScanCondition[], withStatus: boolean): DataTableColumn[] {
   const own = conditions.map((condition, index): DataTableColumn => {
     const label = conditionColumnLabel(condition);
     return { id: `c:${index}`, label, width: Math.max(8, label.length), align: "right" };
@@ -121,7 +123,7 @@ function liveScanColumns(width: number, conditions: readonly LiveScanCondition[]
   ));
   let columns = order([...base, ...own]);
   for (const column of OPTIONAL_COLUMNS) {
-    if (repeats.has(column.id)) continue;
+    if (repeats.has(column.id) || (column.id === "status" && !withStatus)) continue;
     const next = order([...columns, column]);
     if (getTableWidth(next) > width) break;
     columns = next;
@@ -349,7 +351,8 @@ export default function LiveScanPane({ focused, width, height }: PaneProps) {
     [payload, track],
   );
   const matches = useMemo(() => sortMatches(payload?.matches ?? [], sort, noteOf), [noteOf, payload?.matches, sort]);
-  const columns = useMemo(() => liveScanColumns(width, scan.conditions), [scan.conditions, width]);
+  const withStatus = useMemo(() => matches.some((match) => noteOf(match) != null), [matches, noteOf]);
+  const columns = useMemo(() => liveScanColumns(width, scan.conditions, withStatus), [scan.conditions, width, withStatus]);
 
   const apply = (next: LiveScan) => {
     setStoredScan(next);