gloomberb 0.15.2 → 0.15.3

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

@@ -1,23 +1,29 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { Box, TextAttributes } from "../../../ui";
+import { Text, TextAttributes, useUiCapabilities } from "../../../ui";
 import {
+  chartTableChromeRows,
+  ChartTableHeader,
   DataTableView,
-  StatGrid,
-  StaticChartSurface,
+  scalarPoint,
+  spanAxisFormatter,
+  staticSeries,
+  useChartTableSelection,
   usePaneFooter,
+  type ChartTableSelection,
   type DataTableCell,
   type DataTableKeyEvent,
+  type StatItem,
 } from "../../../components";
-import type { ProjectedChartPoint } from "../../../components/chart/core/data";
-import { resolveChartPalette } from "../../../components/chart/core/palette";
+import type { ResolvedSeries } from "../../../time-series/types";
 import type { AnalystResearchData } from "../../../types/financials";
 import type { TickerRecord } from "../../../types/ticker";
 import { useTickerFinancials } from "../../../market-data/hooks";
 import { useLiveTickerFinancials } from "../../../state/hooks/live-ticker-financials";
 import { blendHex, colors } from "../../../theme/colors";
 import { formatPercent } from "../../../utils/format";
+import { nextHeaderSort } from "../../../utils/sort-values";
 import { useAssetData } from "../../runtime";
-import { handleRefreshKey, useClampSelectedIndex } from "../shared/table-pane";
+import { handleRefreshKey, useClampSelectedIndex } from "../../../components/data-table/table-pane";
 import { SignInWall } from "../cloud/auth-actions";
 import { isCloudSessionRequired, useResearchCloudSession } from "../shared/research-cloud-session";
 import { useBoundTicker as useSymbolBinding, useTickerRequest } from "../shared/ticker-request";
@@ -29,30 +35,24 @@ import {
   formatAnalystPrice,
   formatPriceTarget,
   buildAnalystFooterInfo,
-  buildAnalystTargetHistory,
+  buildMeanTargetHistory,
   buildRatingColumns,
+  firstRatingSortDirection,
   formatRatingTarget,
-  nextRatingSortPreference,
+  ratingSplit,
   ratingTargetDelta,
   sortRatingRows,
   targetUpside,
   type AnalystTargetHistoryPoint,
   type RatingColumn,
+  type RatingColumnId,
   type RatingSortPreference,
 } from "./analyst-model";
 
-export {
-  buildRatingColumns,
-  formatRatingTarget,
-  nextRatingSortPreference,
-  sortRatingRows,
-  type RatingSortPreference,
-} from "./analyst-model";
-
-/** Enough of the pane to keep a readable table under the chart. */
-const MIN_CHART_PANE_HEIGHT = 16;
 const MIN_CHART_POINTS = 3;
 
+type RatingRow = AnalystResearchData["ratings"][number];
+
 function ratingActionColor(action: string | undefined): string {
   const normalized = action?.toLowerCase() ?? "";
   if (normalized.includes("upgrade")) return colors.positive;
@@ -65,16 +65,7 @@ function ratingTargetBackground(delta: number | null): string | undefined {
   return blendHex(colors.bg, delta > 0 ? colors.positive : colors.negative, 0.42);
 }
 
-function targetHistoryPoints(history: AnalystTargetHistoryPoint[]): ProjectedChartPoint[] {
-  return history.map((point) => ({
-    date: new Date(`${point.date}T00:00:00Z`),
-    open: point.average,
-    high: point.average,
-    low: point.average,
-    close: point.average,
-    volume: 0,
-  }));
-}
+const historyDate = (point: AnalystTargetHistoryPoint) => Date.parse(`${point.date}T00:00:00Z`);
 
 interface AnalystQuoteBinding {
   symbol: string | null;
@@ -82,85 +73,69 @@ interface AnalystQuoteBinding {
 }
 
 /**
- * The reported target and its upside stay in the body because the chart under
- * them is a different measure: the rest of the consensus context lives in the
- * status bar rather than in a fixed block above the actions. The upside moves
- * with the live price, so this band (not the ratings table) re-renders on it.
- * The firm count belongs to the chart line, which averages each rated firm's
- * latest target.
+ * The reported consensus, its upside and the Buy/Hold/Sell split, then the
+ * mean-target line over the rating actions. The upside moves with the live
+ * price, so this header (not the ratings table) re-renders on it. The line is
+ * rebuilt from each firm's latest dated target, which is not the reported
+ * consensus: its legend names it and counts the firms in it at the cursor,
+ * and leaves the level to the axis so the consensus is the one target figure.
  */
-function AnalystHeadline({ data, chartFirms, width, binding }: {
+function AnalystHeader({ data, history, series, currency, width, height, tableRows, tableChromeRows, binding, link }: {
   data: AnalystResearchData | null;
-  chartFirms: number | null;
+  history: readonly AnalystTargetHistoryPoint[];
+  series: ResolvedSeries[];
+  currency: string | undefined;
   width: number;
+  height: number;
+  tableRows: number;
+  tableChromeRows: number;
   binding: AnalystQuoteBinding;
+  link: ChartTableSelection;
 }) {
   const financials = useTickerFinancials(binding.ticker ? binding.symbol : null, binding.ticker);
   const target = data?.priceTarget;
   const upside = targetUpside(target, analystReferencePrice(data, financials?.quote).price);
-  const currency = analystTargetCurrency(data);
-
-  // The table body already reports loading, error, and empty states.
-  if (!data) return null;
-
-  return (
-    <StatGrid
-      width={width}
-      items={[
-        {
-          id: "target",
-          label: "Avg target",
-          value: formatAnalystPrice(target?.average, currency),
-          detail: chartFirms ? `${chartFirms} firms` : undefined,
-        },
-        {
-          id: "upside",
-          label: "Upside",
-          value: upside != null ? formatPercent(upside) : "-",
-          tone: upside == null || upside === 0 ? "muted" : upside > 0 ? "positive" : "negative",
-        },
-      ]}
-    />
+  const formatValue = useCallback(() => "", []);
+  const formatAxisValue = useMemo(
+    () => spanAxisFormatter((value, digits) => formatPriceTarget(Number(value.toFixed(digits)), currency)),
+    [currency],
   );
-}
-
-function TargetHistoryChart({
-  history,
-  currency,
-  width,
-  height,
-  focused = false,
-}: {
-  history: AnalystTargetHistoryPoint[];
-  currency: string | undefined;
-  width: number;
-  height: number;
-  focused?: boolean;
-}) {
-  const points = useMemo(() => targetHistoryPoints(history), [history]);
-  const first = history[0]?.average;
-  const last = history.at(-1)?.average;
-  // Read the line the way the table reads a raise or a cut.
-  const palette = resolveChartPalette(colors, first == null || last == null || last === first
-    ? "neutral"
-    : last > first ? "positive" : "negative");
-
+  // The terminal grid gives a label half its cell, so two columns under 44
+  // cells shorten the label rather than clip it.
+  const { nativePaneChrome } = useUiCapabilities();
+  const consensusLabel = !nativePaneChrome && width < 44 ? "Cons." : "Consensus";
+  const split = ratingSplit(data);
+  // The table body already reports loading, error, and empty states.
+  const figures: StatItem[] = data ? [
+    { id: "target", label: consensusLabel, value: formatAnalystPrice(target?.average, currency) },
+    {
+      id: "upside",
+      label: "Upside",
+      value: upside != null ? formatPercent(upside) : "-",
+      tone: upside == null || upside === 0 ? "muted" : upside > 0 ? "positive" : "negative",
+    },
+    ...(split ? [{
+      id: "ratings",
+      label: "Ratings",
+      value: `${split.buy} Buy · ${split.hold} Hold · ${split.sell} Sell`,
+      split: [
+        { id: "buy", value: split.buy, color: colors.positive },
+        { id: "hold", value: split.hold, color: colors.textMuted },
+        { id: "sell", value: split.sell, color: colors.negative },
+      ],
+      ...(split.period ? { detail: split.period } : {}),
+    }] : []),
+  ] : [];
+  const cursorTime = link.cursorDate?.getTime();
+  const shown = cursorTime == null ? history.at(-1)
+    : history.findLast((point) => historyDate(point) <= cursorTime) ?? history[0];
+  const firms = shown ? `${shown.firms} firms` : "";
   return (
-    <Box flexDirection="column" paddingX={1} height={height} flexShrink={0}>
-      <StaticChartSurface
-        points={points}
-        width={Math.max(10, width - 2)}
-        height={height}
-        mode="step"
-        calendarSpaced
-        colors={palette}
-        showTimeAxis
-        timeAxisColor={colors.textDim}
-        yAxisColor={colors.textDim}
-        formatYAxisValue={(value) => formatPriceTarget(value, currency)}
-        focused={focused}
-      />
-    </Box>
+    <ChartTableHeader width={width} height={height} tableRows={tableRows} tableChromeRows={tableChromeRows} figures={figures}
+      chart={history.length >= MIN_CHART_POINTS ? {
+        series, formatValue, formatAxisValue, remoteKind: "analyst-mean-target", ...link,
+        legendAccessory: <Text fg={colors.textMuted}>{firms}</Text>, legendAccessoryWidth: firms.length,
+      } : null} />
   );
 }
 
@@ -215,39 +190,62 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
   useEffect(() => { setSelectedIdx(0); }, [symbol, exchange]);
   useClampSelectedIndex(rows.length, selectedIdx, setSelectedIdx);
 
-  const targetHistory = useMemo(() => buildAnalystTargetHistory(data?.ratings ?? []), [data?.ratings]);
-  const showChart = targetHistory.length >= MIN_CHART_POINTS && height >= MIN_CHART_PANE_HEIGHT;
-  const chartHeight = showChart ? Math.min(10, Math.max(5, Math.floor((height - 1) * 0.3))) : 0;
-  const chartFirms = targetHistory.at(-1)?.firms ?? 0;
+  const targetHistory = useMemo(() => buildMeanTargetHistory(data?.ratings ?? []), [data?.ratings]);
+  const series = useMemo(() => {
+    const first = targetHistory[0]?.average;
+    const last = targetHistory.at(-1)?.average;
+    // Read the line the way the table reads a raise or a cut.
+    const color = first == null || last == null || last === first ? colors.textBright
+      : last > first ? colors.positive : colors.negative;
+    return [staticSeries(
+      targetHistory.map((point) => scalarPoint(new Date(historyDate(point)), point.average)),
+      { id: "mean-target", label: "Mean target", color, style: "step", calendarSpaced: true },
+    )];
+  }, [targetHistory]);
+  // Each action sits on the line at its date; one before the line starts has no point.
+  const ratingIds = useMemo(() => new Map((data?.ratings ?? []).map((row, index) => [row, String(index)])), [data?.ratings]);
+  const ratingId = useCallback((row: RatingRow) => ratingIds.get(row) ?? "", [ratingIds]);
+  const lineStart = targetHistory[0] ? historyDate(targetHistory[0]) : null;
+  const ratingDate = useCallback((row: RatingRow) => {
+    const time = Date.parse(`${row.date}T00:00:00Z`);
+    return lineStart != null && Number.isFinite(time) && time >= lineStart ? new Date(time) : null;
+  }, [lineStart]);
+  const link = useChartTableSelection({
+    rows, getId: ratingId, getDate: ratingDate,
+    selectedId: rows[selectedIdx] ? ratingId(rows[selectedIdx]!) : null,
+    onSelect: (id) => setSelectedIdx(Math.max(0, rows.findIndex((row) => ratingId(row) === id))),
+    focused,
+  });
+  // The header row, plus the scrollbar row once the columns overflow the pane.
+  const tableChromeRows = chartTableChromeRows(columns, width);
 
   const renderCell = useCallback((
-    row: AnalystResearchData["ratings"][number],
+    row: RatingRow,
     column: RatingColumn,
     _index: number,
     rowState: { selected: boolean },
   ): DataTableCell => {
-    const selectedColor = rowState.selected ? colors.selectedText : undefined;
     switch (column.id) {
       case "date":
-        return { text: row.date, color: selectedColor ?? colors.textDim };
+        return { text: row.date, color: colors.textDim };
       case "firm":
-        return { text: row.firm, color: selectedColor ?? colors.textBright, attributes: TextAttributes.BOLD };
+        return { text: row.firm, color: colors.textBright, attributes: TextAttributes.BOLD };
       case "action":
-        return { text: row.action ?? "-", color: selectedColor ?? ratingActionColor(row.action) };
+        return { text: row.action ?? "-", color: ratingActionColor(row.action) };
       case "current":
-        return { text: row.current ?? "-", color: selectedColor ?? colors.text };
+        return { text: row.current ?? "-", color: colors.text };
       case "target": {
         const delta = ratingTargetDelta(row);
         const hasTarget = row.currentPriceTarget != null || row.priorPriceTarget != null;
         return {
           text: formatRatingTarget(row, ratingCurrency, column),
-          color: selectedColor ?? (hasTarget ? colors.textBright : colors.textDim),
+          color: hasTarget ? colors.textBright : colors.textDim,
           backgroundColor: rowState.selected ? undefined : ratingTargetBackground(delta),
           attributes: hasTarget ? TextAttributes.BOLD : undefined,
         };
       }
       case "prior":
-        return { text: row.prior ?? "-", color: selectedColor ?? colors.textDim };
+        return { text: row.prior ?? "-", color: colors.textDim };
     }
   }, [ratingCurrency]);
 
@@ -255,7 +253,9 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
     return handleRefreshKey(event, reload, { stopPropagation: true });
   }, [reload]);
   const handleHeaderClick = useCallback((columnId: string) => {
-    setSortPreference((current) => nextRatingSortPreference(current, columnId));
+    setSortPreference((current) => nextHeaderSort(current, columnId as RatingColumnId, {
+      firstDirection: firstRatingSortDirection,
+    }));
   }, []);
 
   const footer = (
@@ -280,7 +280,7 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
   return (
     <>
       {footer}
-      <DataTableView<AnalystResearchData["ratings"][number], RatingColumn>
+      <DataTableView<RatingRow, RatingColumn>
         focused={focused}
         selection={{
           kind: "index",
@@ -290,23 +290,18 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
         rootWidth={width}
         rootHeight={height}
         rootBefore={(
-          <>
-            <AnalystHeadline
-              data={data}
-              binding={binding}
-              width={width}
-              chartFirms={showChart ? chartFirms : null}
-            />
-            {showChart ? (
-              <TargetHistoryChart
-                history={targetHistory}
-                currency={ratingCurrency}
-                width={width}
-                height={chartHeight}
-                focused={focused}
-              />
-            ) : null}
-          </>
+          <AnalystHeader
+            data={data}
+            history={targetHistory}
+            series={series}
+            currency={ratingCurrency}
+            width={width}
+            height={height}
+            tableRows={rows.length}
+            tableChromeRows={tableChromeRows}
+            binding={binding}
+            link={link}
+          />
         )}
         onRootKeyDown={handleKeyDown}
         columns={columns}
@@ -316,6 +311,7 @@ export function AnalystResearchView({ focused, width, height }: { focused: boole
         onHeaderClick={handleHeaderClick}
         getItemKey={(row, index) => `${row.date}:${row.firm}:${index}`}
         renderCell={renderCell}
+        selectedTextOverridesCellColor
         emptyStateTitle={loading ? "Loading analyst data..." : error ?? "No analyst data"}
       />
     </>

package/src/plugins/builtin/research/corporate-actions-pane.tsx

@@ -1,12 +1,13 @@
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { Box, ScrollBox, TextAttributes, type ScrollBoxRenderable } from "../../../ui";
+import { Box, TextAttributes, type ScrollBoxRenderable } from "../../../ui";
 import {
   DataTableStackView,
+  DetailScrollBody,
   KeyValueRow,
   Prose,
   SectionHeading,
   usePaneNoticeFooter,
-  usePaneFooter,
+  usePaneStatusFooter,
   type DataTableCell,
   type DataTableColumn,
   type DataTableKeyEvent,
@@ -17,14 +18,13 @@ import type {
   CorporateActionsData,
 } from "../../../types/financials";
 import { blendHex, colors } from "../../../theme/colors";
-import { isPlainKey } from "../../../utils/keyboard";
 import { formatPercent } from "../../../utils/format";
 import { useResolvedEntryValue, useSecFilingDocuments, useSecFilingsQuery } from "../../../market-data/hooks";
 import { instrumentFromTicker } from "../../../market-data/request-types";
 import { usePaneTicker } from "../../../state/app/context";
 import { isUsEquityTicker } from "../../../utils/sec";
 import { useAssetData, usePluginPaneState } from "../../runtime";
-import { handleRefreshKey, loadingErrorFooterInfo } from "../shared/table-pane";
+import { handleRefreshKey } from "../../../components/data-table/table-pane";
 import { SignInWall } from "../cloud/auth-actions";
 import { isCloudSessionRequired, useResearchCloudSession } from "../shared/research-cloud-session";
 import { useBoundTicker as useSymbolBinding, useTickerRequest } from "../shared/ticker-request";
@@ -46,8 +46,6 @@ import {
   type EventStatus,
 } from "./event-model";
 
-export { buildEventRows } from "./event-model";
-
 type EventColumnId = "date" | "status" | "period" | "qEps" | "qRevenue" | "annualEps" | "annualRevenue" | "value" | "detail";
 type EventColumn = DataTableColumn & { id: EventColumnId };
 
@@ -539,12 +537,6 @@ export function CorporateActionsView({
     }
   }, [openRowId, rows]);
 
-  useEffect(() => {
-    if (!openRowId) return;
-    const scrollBox = detailScrollRef.current;
-    if (scrollBox) scrollBox.scrollTop = 0;
-  }, [openRowId]);
-
   const detailSections = openRow
     ? buildEventDetail({
         row: openRow,
@@ -559,49 +551,10 @@ export function CorporateActionsView({
     : [];
   // Leave room for both horizontal padding cells and the vertical scrollbar.
   const detailTextWidth = Math.max(width - 3, 12);
-  const scrollDetailBy = useCallback((delta: number) => {
-    const scrollBox = detailScrollRef.current;
-    if (!scrollBox?.viewport) return;
-    const maxScrollTop = Math.max(0, scrollBox.scrollHeight - scrollBox.viewport.height);
-    scrollBox.scrollTop = Math.max(0, Math.min(maxScrollTop, scrollBox.scrollTop + delta));
-  }, []);
-
-  const handleDetailKeyDown = useCallback((event: DataTableKeyEvent) => {
-    if (isPlainKey(event, "j", "down")) {
-      event.stopPropagation?.();
-      event.preventDefault?.();
-      scrollDetailBy(1);
-      return true;
-    }
-    if (isPlainKey(event, "k", "up")) {
-      event.stopPropagation?.();
-      event.preventDefault?.();
-      scrollDetailBy(-1);
-      return true;
-    }
-    return false;
-  }, [scrollDetailBy]);
   const detailContent = openRow ? (
-    <Box
-      flexDirection="column"
-      flexGrow={1}
-      flexBasis={0}
-      minHeight={0}
-      overflow="hidden"
-      paddingX={1}
-      paddingY={1}
-    >
-      <ScrollBox
-        ref={detailScrollRef}
-        flexGrow={1}
-        flexBasis={0}
-        minHeight={0}
-        scrollY
-        focusable={false}
-      >
-        <EventDetailSections sections={detailSections} width={detailTextWidth} />
-      </ScrollBox>
-    </Box>
+    <DetailScrollBody ref={detailScrollRef} resetScrollKey={openRow.id}>
+      <EventDetailSections sections={detailSections} width={detailTextWidth} />
+    </DetailScrollBody>
   ) : (
     <Box flexGrow={1} />
   );
@@ -609,29 +562,26 @@ export function CorporateActionsView({
   const renderCell = useCallback((
     row: EventRow,
     column: EventColumn,
-    _index: number,
-    rowState: { selected: boolean },
   ): DataTableCell => {
-    const selectedColor = rowState.selected ? colors.selectedText : undefined;
     switch (column.id) {
       case "date":
-        return { text: row.date, color: selectedColor ?? colors.textDim };
+        return { text: row.date, color: colors.textDim };
       case "status":
-        return { text: row.status, color: selectedColor ?? colors.textBright, attributes: TextAttributes.BOLD };
+        return { text: row.status, color: colors.textBright, attributes: TextAttributes.BOLD };
       case "period":
-        return { text: row.period, color: selectedColor ?? colors.textDim };
+        return { text: row.period, color: colors.textDim };
       case "qEps":
-        return { text: formatEventMetric(row.qEps, unit ? undefined : row.epsCurrency, "eps"), color: selectedColor ?? colors.textDim };
+        return { text: formatEventMetric(row.qEps, unit ? undefined : row.epsCurrency, "eps"), color: colors.textDim };
       case "qRevenue":
-        return { text: formatEventMetric(row.qRevenue, unit ? undefined : row.revenueCurrency, "revenue"), color: selectedColor ?? colors.textDim };
+        return { text: formatEventMetric(row.qRevenue, unit ? undefined : row.revenueCurrency, "revenue"), color: colors.textDim };
       case "annualEps":
-        return { text: formatEventMetric(row.annualEps, unit ? undefined : row.epsCurrency, "eps"), color: selectedColor ?? colors.textDim };
+        return { text: formatEventMetric(row.annualEps, unit ? undefined : row.epsCurrency, "eps"), color: colors.textDim };
       case "annualRevenue":
-        return { text: formatEventMetric(row.annualRevenue, unit ? undefined : row.revenueCurrency, "revenue"), color: selectedColor ?? colors.textDim };
+        return { text: formatEventMetric(row.annualRevenue, unit ? undefined : row.revenueCurrency, "revenue"), color: colors.textDim };
       case "value":
-        return { text: row.value, color: selectedColor ?? toneColor(row.tone) };
+        return { text: row.value, color: toneColor(row.tone) };
       case "detail":
-        return { text: row.detail, color: selectedColor ?? colors.text };
+        return { text: row.detail, color: colors.text };
     }
   }, [unit]);
 
@@ -639,9 +589,11 @@ export function CorporateActionsView({
     return handleRefreshKey(event, reload, { stopPropagation: true });
   }, [reload]);
 
-  usePaneFooter(footerPaneId, () => ({
-    info: loadingErrorFooterInfo(loading, error ?? (sourceNotice?.failed ? sourceNotice.text : null)),
-  }), [error, footerPaneId, loading, sourceNotice]);
+  usePaneStatusFooter({
+    registrationId: footerPaneId,
+    loading,
+    error: error ?? (sourceNotice?.failed ? sourceNotice.text : null),
+  });
 
   usePaneNoticeFooter({
     registrationId: `${footerPaneId}:source-notices`,
@@ -669,7 +621,7 @@ export function CorporateActionsView({
         onChange: (_index, row) => setSelectedKey(eventRowKey(row)),
       }}
       onActivate={(row) => setOpenRowId(row.id)}
-      onDetailKeyDown={handleDetailKeyDown}
+      detailScrollRef={detailScrollRef}
       rootWidth={width}
       rootHeight={height}
       onRootKeyDown={handleKeyDown}
@@ -679,6 +631,7 @@ export function CorporateActionsView({
       sortDirection="desc"
       getItemKey={eventRowKey}
       renderCell={renderCell}
+      selectedTextOverridesCellColor
       getRowBackgroundColor={rowBackground}
       emptyStateTitle={loading
         ? (variant === "earnings-estimates" ? "Loading earnings estimates..." : "Loading events...")

package/src/plugins/builtin/research/equity-diagnostic-pane.tsx

@@ -16,11 +16,12 @@ import { useShortcut } from "../../../react/input";
 import { colors } from "../../../theme/colors";
 import { Box, ScrollBox, Text, TextAttributes, useRendererHost, useUiCapabilities } from "../../../ui";
 import { useOptionalDialog, type PromptContext } from "../../../ui/dialog";
-import { formatTimeAgo, truncateToDisplayWidth } from "../../../utils/format";
+import { formatTimeAgo } from "../../../utils/datetime-format";
+import { truncateToDisplayWidth } from "../../../utils/format";
 import { isPlainKey } from "../../../utils/keyboard";
-import { SignInWall } from "../cloud/auth-actions";
+import { ProWall, SignInWall } from "../cloud/auth-actions";
 import { useCloudPlanAction, useCloudUpgradeAction } from "../shared/cloud-upgrade";
-import { usePlanAccess } from "../shared/plan-access";
+import { usePlanAccess } from "../../../api-client/plan-access";
 import { useBoundTicker } from "../shared/ticker-request";
 
 const FOOTER_ID = "equity-diagnostic";
@@ -565,14 +566,9 @@ export function EquityDiagnosticView({ focused, width }: {
   // Buttons in an empty state's actions answer Enter and are in the pane menu.
   if (proRequired) {
     return (
-      <PaneStatusBody
-        empty
-        emptyTitle="The Equity Diagnostic is part of Gloom Cloud Pro."
-        emptyMessage="An on-demand review of one company's filings, financials, ownership, and news, with red flags, anomalies, and green flags cited back to their source."
-        actions={<>
-          <Button label={t("Upgrade to Pro")} onPress={openUpgrade} />
-          <Button label={t("Manage account")} variant="secondary" onPress={openPlan} />
-        </>}
+      <ProWall
+        title="The Equity Diagnostic is part of Gloom Cloud Pro."
+        message="An on-demand review of one company's filings, financials, ownership, and news, with red flags, anomalies, and green flags cited back to their source."
       />
     );
   }

package/src/plugins/builtin/research/event-sources.ts

@@ -0,0 +1,64 @@
+import type { DataProvider } from "../../../types/data-provider";
+import type {
+  AnalystResearchData,
+  CorporateActionsData,
+  TickerFinancials,
+} from "../../../types/financials";
+import { formatEventMetric } from "./event-model";
+
+function metricFormat(currencyKey: "epsCurrency" | "revenueCurrency", kind: "eps" | "revenue") {
+  return (value: unknown, row: Record<string, unknown>) => {
+    const currency = row[currencyKey];
+    return formatEventMetric(value == null ? undefined : Number(value), typeof currency === "string" ? currency : undefined, kind);
+  };
+}
+
+/** The columns of both event reports, corporate actions and earnings estimates. */
+export const EVENT_COLUMNS = [
+  { key: "date", header: "Date" },
+  { key: "status", header: "Event" },
+  { key: "period", header: "Period" },
+  { key: "qEps", header: "Q EPS", align: "right" as const, format: metricFormat("epsCurrency", "eps") },
+  { key: "qRevenue", header: "Q revenue", align: "right" as const, format: metricFormat("revenueCurrency", "revenue") },
+  { key: "annualEps", header: "Annual EPS", align: "right" as const, format: metricFormat("epsCurrency", "eps") },
+  { key: "annualRevenue", header: "Annual revenue", align: "right" as const, format: metricFormat("revenueCurrency", "revenue") },
+  { key: "value", header: "Value", align: "right" as const },
+  { key: "detail", header: "Detail" },
+];
+
+export interface EventSources {
+  actions: CorporateActionsData | null;
+  estimates: AnalystResearchData | null;
+  financials: TickerFinancials | null;
+  currency: string;
+  /** Why a source failed; null when it answered or the provider does not offer it. */
+  actionsError: string | null;
+  estimatesError: string | null;
+  financialsError: string | null;
+}
+
+function settledError(result: PromiseSettledResult<unknown>): string | null {
+  if (result.status === "fulfilled") return null;
+  return result.reason instanceof Error ? result.reason.message : String(result.reason);
+}
+
+/** Corporate actions, analyst research and financials together; one failing leaves the others. */
+export async function loadEventSources(provider: DataProvider, symbol: string): Promise<EventSources> {
+  const [actions, estimates, financials] = await Promise.allSettled([
+    provider.getCorporateActions?.(symbol, "") ?? null,
+    provider.getAnalystResearch?.(symbol, "") ?? null,
+    provider.getTickerFinancials(symbol, ""),
+  ]);
+  const actionsData = actions.status === "fulfilled" ? actions.value : null;
+  const estimatesData = estimates.status === "fulfilled" ? estimates.value : null;
+  const financialsData = financials.status === "fulfilled" ? financials.value : null;
+  return {
+    actions: actionsData,
+    estimates: estimatesData,
+    financials: financialsData,
+    currency: actionsData?.currency ?? estimatesData?.currency ?? financialsData?.quote?.currency ?? "USD",
+    actionsError: settledError(actions),
+    estimatesError: settledError(estimates),
+    financialsError: settledError(financials),
+  };
+}