gloomberb 0.16.4 → 0.16.6

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

@@ -2,6 +2,7 @@ import type {
   AnalystEstimateRecord,
   AnalystResearchData,
   CorporateActionsData,
+  EarningsDateStatus,
   FinancialStatement,
   TickerFinancials,
 } from "../../../types/financials";
@@ -13,6 +14,14 @@ import {
   formatPercentRaw,
 } from "../../../utils/format";
 import { computeTTM } from "../ticker-detail/financials/aggregation";
+import {
+  earningsDateStatus,
+  earningsEpsBasis,
+  epsBasisName,
+  epsSurprise,
+  inFiscalMonth,
+  type EpsBasisName,
+} from "../shared/earnings-report";
 
 export const CORPORATE_ACTION_COVERAGE = "Split-feed factors may include spinoff price adjustments. Merger terms, spinoff distributions, and security conversions are not covered.";
 
@@ -37,7 +46,11 @@ export interface EventRow {
   epsEstimate?: number;
   epsDifference?: number;
   surprisePercent?: number;
-  epsBasis?: "provider-unspecified";
+  /** A reported figure's basis; the same quarter is named the same way in ERN. */
+  epsBasis?: EpsBasisName;
+  /** Analysts behind `epsEstimate`, when known. */
+  epsAnalysts?: number;
+  dateStatus?: EarningsDateStatus;
   providerId?: string;
   fetchedAt?: string;
   /** Keep the supplied ranges and comparison inputs available in detail/export. */
@@ -83,9 +96,9 @@ function sortedQuarterlyStatements(
 
 const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 
-/** The quarter by the month it ends in, e.g. "Jun 2026". */
-function quarterLabel(statement: FinancialStatement | undefined): string {
-  const match = /^(\d{4})-(\d{2})/.exec(statement?.date ?? "");
+/** The quarter by the month it ends in, e.g. "Jun 2026", from a date or a YYYY-MM period. */
+function quarterLabel(date: string | undefined): string {
+  const match = /^(\d{4})-(\d{2})/.exec(date ?? "");
   const month = match ? MONTHS[Number(match[2]) - 1] : undefined;
   return match && month ? `${month} ${match[1]}` : "-";
 }
@@ -94,10 +107,14 @@ function statementForEarningsDate(
   quarterlyStatements: readonly FinancialStatement[],
   earning: CorporateActionsData["earnings"][number],
 ): FinancialStatement | undefined {
-  // Announcement proximity cannot establish which quarter a result describes.
-  // Vendor period aliases are usable only when the statement retains that identity.
-  if (earning.dateType !== "fiscal-period-end") return undefined;
-  const matches = quarterlyStatements.filter((statement) => statement.date === earning.date || statement.providerDate === earning.date);
+  // Announcement proximity cannot establish which quarter a result describes:
+  // only a stated fiscal quarter can. Vendor period aliases are usable only
+  // when the statement retains that identity.
+  const matches = earning.fiscalPeriod
+    ? quarterlyStatements.filter((statement) => inFiscalMonth(statement.date, earning.fiscalPeriod))
+    : earning.dateType === "fiscal-period-end"
+      ? quarterlyStatements.filter((statement) => statement.date === earning.date || statement.providerDate === earning.date)
+      : [];
   return matches.length === 1 ? matches[0] : undefined;
 }
 
@@ -156,13 +173,14 @@ function estimateValue(pair: EstimatePair): string {
 
 /**
  * The TTM row sits under the reported quarters, so its EPS sums those rows'
- * provider EPS (often adjusted) rather than statement GAAP EPS whenever the
- * four statement quarters each have a reported row.
+ * EPS (often adjusted) rather than statement GAAP EPS whenever the four
+ * statement quarters each have a reported row. Quarters with nothing to
+ * adjust read GAAP, so any adjusted quarter makes the sum adjusted.
  */
 function reportedTtmEps(
   latestFour: readonly FinancialStatement[],
   earnings: CorporateActionsData["earnings"],
-): { eps: number; currency?: string } | null {
+): { eps: number; currency?: string; basis: EpsBasisName } | null {
   if (latestFour.length < 4) return null;
   const reported = earnings.filter((earning) => earning.epsActual != null);
   const quarters = latestFour.map((statement) => {
@@ -172,9 +190,13 @@ function reportedTtmEps(
   if (quarters.some((earning) => earning == null)) return null;
   const currencies = new Set(quarters.map((earning) => earning!.currency));
   if (currencies.size !== 1) return null;
-  return { eps: quarters.reduce((sum, earning) => sum + earning!.epsActual!, 0), currency: quarters[0]!.currency };
+  const bases = quarters.map((earning) => epsBasisName(earningsEpsBasis(earning!.epsBasis)));
+  const basis = bases.includes("unknown") ? "unknown" : bases.includes("adjusted") ? "adjusted" : "GAAP";
+  return { eps: quarters.reduce((sum, earning) => sum + earning!.epsActual!, 0), currency: quarters[0]!.currency, basis };
 }
 
+const BASIS_TEXT: Record<EpsBasisName, string> = { GAAP: "GAAP", adjusted: "adj", unknown: "basis unknown" };
+
 function ttmRow(
   quarterlyStatements: readonly FinancialStatement[],
   earnings: CorporateActionsData["earnings"],
@@ -191,7 +213,8 @@ function ttmRow(
     status: "TTM",
     period: "4 qtrs",
     // Statement EPS is not the sum of the (often adjusted) rows above it.
-    detail: !reportedEps && ttm.eps != null ? "statement EPS" : "sum",
+    detail: !reportedEps && ttm.eps != null ? "statement EPS"
+      : reportedEps && reportedEps.basis !== "unknown" ? `${BASIS_TEXT[reportedEps.basis]} sum` : "sum",
     epsCurrency: reportedEps ? reportedEps.currency : ttm.currency ?? financialCurrency,
     revenueCurrency: ttm.currency ?? financialCurrency,
     annualEps: reportedEps ? reportedEps.eps : ttm.eps,
@@ -201,11 +224,17 @@ function ttmRow(
   };
 }
 
+/** A reported row names its basis and beat; a pending one whether its date is announced and its analysts. */
 function earningsDetail(earning: CorporateActionsData["earnings"][number]): string {
-  if (earning.epsActual == null) return "Pending";
+  if (earning.epsActual == null) {
+    const status = earningsDateStatus(earning.dateStatus);
+    const parts = [status === "reported" ? null : status, earning.epsAnalysts != null ? `${earning.epsAnalysts} analysts` : null];
+    return parts.filter(Boolean).join(", ") || "Pending";
+  }
+  const basis = BASIS_TEXT[epsBasisName(earningsEpsBasis(earning.epsBasis))];
   const detail = earning.difference == null
-    ? "Reported"
-    : `${earning.difference > 0 ? "+" : ""}${formatNumber(earning.difference, 2)} vs est`;
+    ? basis
+    : `${basis}, ${earning.difference > 0 ? "+" : ""}${formatNumber(earning.difference, 2)} vs est`;
   return earning.dateType === "fiscal-period-end" ? `Period end; ${detail}` : detail;
 }
 
@@ -237,12 +266,21 @@ function reportedPeriodTimes(
   quarterlyStatements: readonly FinancialStatement[],
 ): number[] {
   return earnings
-    .filter((earning) => earning.epsActual != null && earning.dateType === "fiscal-period-end")
-    .flatMap((earning) => [earning.date, statementForEarningsDate(quarterlyStatements, earning)?.date])
+    .filter((earning) => earning.epsActual != null && (earning.dateType === "fiscal-period-end" || earning.fiscalPeriod))
+    .flatMap((earning) => [
+      earning.fiscalPeriod ? fiscalMonthEnd(earning.fiscalPeriod) : earning.date,
+      statementForEarningsDate(quarterlyStatements, earning)?.date,
+    ])
     .map((date) => Date.parse(date ?? ""))
     .filter(Number.isFinite);
 }
 
+/** The last day of a YYYY-MM fiscal quarter end month. */
+function fiscalMonthEnd(period: string): string | undefined {
+  const match = /^(\d{4})-(\d{2})$/.exec(period);
+  return match ? new Date(Date.UTC(Number(match[1]), Number(match[2]), 0)).toISOString().slice(0, 10) : undefined;
+}
+
 /**
  * An upstream snapshot can keep serving a reported quarter as "0q" until its trend rolls
  * (REF and ORCL in Sep 2026), so that consensus describes a past period.
@@ -283,12 +321,16 @@ export function buildEventRows(
   for (const [index, earning] of earnings.entries()) {
     // A pending announcement must never inherit the previous report's actuals.
     const statement = earning.epsActual == null ? undefined : statementForEarningsDate(quarterlyStatements, earning);
+    const surprise = epsSurprise(earning.epsActual, earning.epsEstimate);
+    const surprisePercent = earning.epsActual == null ? undefined
+      : surprise != null ? Math.round(surprise * 10_000) / 100 : earning.surprisePercent;
     rows.push({
       id: earningsIds[index]!,
-      date: statement?.date ?? earning.date,
+      // An announcement keeps its date beside ERN's; a period-end row moves to its statement's.
+      date: earning.dateType === "fiscal-period-end" ? statement?.date ?? earning.date : earning.date,
       dateType: earning.dateType,
       status: "Earnings",
-      period: statement ? quarterLabel(statement) : earning.time?.trim() || "-",
+      period: statement ? quarterLabel(statement.date) : earning.fiscalPeriod ? quarterLabel(earning.fiscalPeriod) : earning.time?.trim() || "-",
       detail: earningsDetail(earning),
       epsCurrency: earning.currency ?? (earning.epsActual == null ? feedCurrency : undefined),
       revenueCurrency: statement ? statement.currency ?? financials?.financialCurrency : undefined,
@@ -298,16 +340,18 @@ export function buildEventRows(
       epsActual: earning.epsActual,
       epsEstimate: earning.epsEstimate,
       epsDifference: earning.epsActual == null ? undefined : earning.difference,
-      surprisePercent: earning.epsActual == null ? undefined : earning.surprisePercent,
-      epsBasis: "provider-unspecified",
+      surprisePercent,
+      epsBasis: earning.epsActual == null ? undefined : epsBasisName(earningsEpsBasis(earning.epsBasis)),
+      epsAnalysts: earning.epsAnalysts,
+      dateStatus: earningsDateStatus(earning.dateStatus) ?? undefined,
       providerId: data?.providerId,
       fetchedAt: data?.fetchedAt,
       fiscalPeriodEnd: statement?.date,
       periodDateSource: statement?.dateSource,
       providerPeriodDate: earning.dateType === "fiscal-period-end" ? earning.date : undefined,
       dateEvidence: statement?.dateEvidence,
-      value: earning.epsActual != null && earning.surprisePercent != null ? formatPercentRaw(earning.surprisePercent) : "-",
-      tone: earning.epsActual == null || earning.surprisePercent == null ? "muted" : earning.surprisePercent >= 0 ? "positive" : "negative",
+      value: surprisePercent != null ? formatPercentRaw(surprisePercent) : "-",
+      tone: surprisePercent == null ? "muted" : surprisePercent >= 0 ? "positive" : "negative",
     });
   }
 

package/src/plugins/builtin/research/events-headless.ts

@@ -11,6 +11,7 @@ import type {
 import { buildEventRows, eventSourceNotice, CORPORATE_ACTION_COVERAGE } from "./event-model";
 import { EVENT_COLUMNS, loadEventSources } from "./event-sources";
 import { REPORTED_DATA } from "../shared/report-freshness";
+import { EPS_BASIS_NOTE } from "../shared/earnings-report";
 
 interface EventHeadlessData {
   actions: CorporateActionsData | null;
@@ -69,7 +70,7 @@ export function createEventsHeadless(
           .map((row) => ({ ...row })),
         errors: errors.length > 0 ? errors : undefined,
         metadata: { symbol, currency: data.currency, coverage: data.actions?.coverage,
-          coverageNote: CORPORATE_ACTION_COVERAGE,
+          coverageNote: CORPORATE_ACTION_COVERAGE, epsBasis: EPS_BASIS_NOTE,
           actionsFetchedAt: data.actions?.fetchedAt, estimatesFetchedAt: data.estimates?.fetchedAt,
           ...(notice ? { notice: notice.text } : {}),
         },

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

@@ -12,6 +12,7 @@ import type {
 import { buildEventRows, eventSourceNotice, type EventRow } from "./event-model";
 import { EVENT_COLUMNS, loadEventSources } from "./event-sources";
 import { REPORTED_DATA } from "../shared/report-freshness";
+import { EPS_BASIS_NOTE } from "../shared/earnings-report";
 
 export interface EarningsEstimateSources {
   actions: CorporateActionsData | null;
@@ -81,7 +82,7 @@ function projectEarningsEstimatesHeadless(
       returned: rows.length,
       truncated: rows.length < matching.length,
       coverageNote: notice?.text,
-      epsBasis: "Provider EPS and consensus may be adjusted; accounting basis is unspecified. TTM EPS sums the reported quarter rows when all four match a statement period; otherwise it comes from statements.",
+      epsBasis: `${EPS_BASIS_NOTE} TTM EPS sums the reported quarter rows when all four match a statement period; otherwise it is statement EPS.`,
       dateNote: "Fiscal period dates are not announcement dates. Revenue is attached only to an identified statement period.",
       unmatchedReportedPeriods,
     },

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

@@ -61,6 +61,8 @@ export const researchModule: PluginModule = {
     {
       id: "equity-diagnostic",
       reportFreshness: { status: "not-a-feed", basis: "analysis of filings" },
+      // Signed in, Free reads a preview and Pro the full report; signed out it shows the sign-in wall.
+      reportRequirements: ["Free Gloom sign-in"],
       name: "Equity Diagnostic",
       icon: "D",
       component: EquityDiagnosticView,

package/src/plugins/builtin/research-search/article.ts

@@ -0,0 +1,65 @@
+import type { CloudSearchDocument, CloudSearchHit } from "../../../api-client";
+import {
+  articleGist,
+  listedTickers,
+  parseArticle,
+  type ArticleBlock,
+} from "../../../components/reader/article-text";
+import { formatDetailDate } from "../../../utils/datetime-format";
+import { chunkAttribution, hitTypeLabel } from "./model";
+
+export interface SearchArticle {
+  meta: string[];
+  tickers: string[];
+  lead: string | null;
+  facts: string[];
+  body: ArticleBlock[];
+  rawText: string;
+  /** The chunk the hit came from, as a section of the article; -1 when the document no longer has it. */
+  matchSection: number;
+  /** Where the reader opens: the match in a call or a filing, the top of a story. */
+  revealSection: number | null;
+}
+
+function kindLabel(document: CloudSearchDocument, hit: CloudSearchHit): string | null {
+  if (document.docType === "transcript") return "Earnings call";
+  if (document.docType === "filing") return hitTypeLabel(hit);
+  return null;
+}
+
+/**
+ * A search document as the reader lays it out. A news story is cleaned of
+ * page chrome and opens on its gist; a call keeps each speaker's turn under
+ * their name and a filing each part under its section, both as written, and
+ * both open where the search matched, as they always have.
+ */
+export function searchArticle(document: CloudSearchDocument, hit: CloudSearchHit): SearchArticle {
+  const news = document.docType === "news";
+  const source = news ? document.chunks.find((chunk) => chunk.metadata?.source?.trim())?.metadata.source?.trim() ?? "" : "";
+  const blocks = parseArticle(
+    document.chunks.map((chunk) => ({
+      text: chunk.body ?? "",
+      heading: news ? undefined : chunkAttribution(document.docType, chunk.metadata) || undefined,
+    })),
+    { title: document.title, source, clean: news },
+  );
+  const rawText = document.chunks.map((chunk) => chunk.body ?? "").join("\n\n");
+  const gist = news
+    ? articleGist(blocks, { summary: document.chunks[0]?.metadata?.summary })
+    : { lead: null, facts: [], body: blocks };
+  const matchSection = document.chunks.findIndex((chunk) => chunk.chunkIndex === hit.chunkIndex);
+  const tickers = [
+    document.ticker,
+    ...(news ? listedTickers(rawText) : []),
+  ].filter((symbol): symbol is string => !!symbol?.trim());
+  return {
+    meta: [source, formatDetailDate(document.publishedAt || hit.publishedAt, ""), kindLabel(document, hit) ?? ""],
+    tickers: [...new Set(tickers)],
+    lead: gist.lead,
+    facts: gist.facts,
+    body: gist.body,
+    rawText,
+    matchSection,
+    revealSection: !news && matchSection > 0 ? matchSection : null,
+  };
+}

package/src/plugins/builtin/research-search/document-view.tsx

@@ -1,173 +1,10 @@
-import { useEffect, useMemo, useRef } from "react";
-import type {
-  CloudSearchDocType,
-  CloudSearchDocument,
-  CloudSearchDocumentChunk,
-  CloudSearchHit,
-} from "../../../api-client";
+import { useMemo } from "react";
+import type { CloudSearchDocument, CloudSearchHit } from "../../../api-client";
 import { Button, PaneStatusBody } from "../../../components";
+import { ArticleReader } from "../../../components/reader/article-reader";
 import { openUrl } from "../../../components/ui/external-link";
-import { useShortcut } from "../../../react/input";
-import { colors } from "../../../theme/colors";
-import {
-  Box,
-  ScrollBox,
-  StyledText,
-  Text,
-  TextAttributes,
-  useUiCapabilities,
-  type ScrollBoxRenderable,
-} from "../../../ui";
-import { scrollByLines } from "../../../state/pane-scroll-registry";
-import { isPlainKey } from "../../../utils/keyboard";
-import { wrapTextLines } from "../../../utils/text-wrap";
-import { chunkAttribution, documentBodyWidth } from "./model";
-import { highlightTerms, snippetMatchTerms, type SnippetSegment } from "./snippet";
-import { SnippetText } from "./snippet-text";
-
-interface DocumentLine {
-  key: string;
-  kind: "attribution" | "body";
-  text: string;
-  segments?: SnippetSegment[];
-  /** Part of the chunk the hit came from. */
-  active: boolean;
-}
-
-interface DocumentLayout {
-  lines: DocumentLine[];
-  matchLine: number | null;
-}
-
-function buildLayout(
-  document: CloudSearchDocument,
-  hit: CloudSearchHit,
-  width: number,
-): DocumentLayout {
-  const terms = snippetMatchTerms(hit.snippet);
-  const lines: DocumentLine[] = [];
-  let matchLine: number | null = null;
-
-  for (const chunk of document.chunks) {
-    const active = chunk.chunkIndex === hit.chunkIndex;
-    if (active && matchLine === null) matchLine = lines.length;
-
-    const attribution = chunkAttribution(document.docType, chunk.metadata);
-    if (attribution) {
-      lines.push({
-        key: `${chunk.id}:attribution`,
-        kind: "attribution",
-        text: attribution,
-        active,
-      });
-    }
-    const bodyLines = wrapTextLines(chunk.body ?? "", width);
-    for (const [index, line] of bodyLines.entries()) {
-      lines.push({
-        key: `${chunk.id}:${index}`,
-        kind: "body",
-        text: line,
-        // Only the chunk that matched carries term highlights; marking every
-        // occurrence in a long filing would leave nothing standing out.
-        segments: active && terms.length > 0 ? highlightTerms(line, terms) : undefined,
-        active,
-      });
-    }
-    lines.push({ key: `${chunk.id}:gap`, kind: "body", text: "", active: false });
-  }
-
-  return { lines, matchLine };
-}
-
-const WRAPPED_BODY_STYLE = { display: "block" };
-
-function segmentsToStyledText(segments: readonly SnippetSegment[], color: string): StyledText {
-  return new StyledText(segments.map((segment) => ({
-    text: segment.text,
-    fg: segment.marked ? colors.warning : color,
-    attributes: segment.marked ? TextAttributes.BOLD : TextAttributes.NONE,
-  })));
-}
-
-function AttributionText({ text, active }: { text: string; active: boolean }) {
-  return (
-    <Text
-      fg={active ? colors.textBright : colors.textDim}
-      attributes={TextAttributes.BOLD}
-    >
-      {text}
-    </Text>
-  );
-}
-
-/**
- * One chunk as a single paragraph the host wraps for itself. The desktop lays
- * boxes out on the cell grid but draws glyphs on a narrower advance, so a line
- * pre-wrapped to a cell count stops roughly a tenth of the pane short of the
- * right edge there. Only the terminal, whose cell is the glyph, can pre-wrap.
- */
-function DocumentChunkView({
-  chunk,
-  docType,
-  terms,
-  active,
-}: {
-  chunk: CloudSearchDocumentChunk;
-  docType: CloudSearchDocType;
-  terms: readonly string[];
-  active: boolean;
-}) {
-  const attribution = chunkAttribution(docType, chunk.metadata);
-  const body = chunk.body ?? "";
-  const color = active ? colors.textBright : colors.text;
-  const highlighted = active && terms.length > 0;
-
-  return (
-    <Box
-      flexDirection="column"
-      width="100%"
-      paddingBottom={1}
-      backgroundColor={active ? colors.panel : undefined}
-    >
-      {attribution ? <AttributionText text={attribution} active={active} /> : null}
-      {highlighted ? (
-        <Text
-          wrapText
-          width="100%"
-          style={WRAPPED_BODY_STYLE}
-          content={segmentsToStyledText(highlightTerms(body, terms), color)}
-        />
-      ) : (
-        <Text fg={color} wrapText width="100%" style={WRAPPED_BODY_STYLE}>{body}</Text>
-      )}
-    </Box>
-  );
-}
-
-function DocumentLineView({ line }: { line: DocumentLine }) {
-  const background = line.active ? colors.panel : undefined;
-  if (line.kind === "attribution") {
-    return (
-      <Box height={1} backgroundColor={background}>
-        <AttributionText text={line.text} active={line.active} />
-      </Box>
-    );
-  }
-  if (line.segments) {
-    return (
-      <SnippetText
-        segments={line.segments}
-        color={colors.textBright}
-        backgroundColor={background}
-      />
-    );
-  }
-  return (
-    <Box height={1} backgroundColor={background}>
-      <Text fg={line.active ? colors.textBright : colors.text}>{line.text}</Text>
-    </Box>
-  );
-}
+import { searchArticle } from "./article";
+import { snippetMatchTerms } from "./snippet";
 
 export function SearchDocumentView({
   hit,
@@ -175,45 +12,24 @@ export function SearchDocumentView({
   loading,
   error,
   width,
+  height,
   focused = false,
+  onNext,
+  onPrevious,
 }: {
   hit: CloudSearchHit;
   document: CloudSearchDocument | null;
   loading: boolean;
   error: string | null;
   width: number;
-  /** j and k scroll a line, as in every other reader. */
+  height: number;
   focused?: boolean;
+  /** The next or previous hit in the results, or null at either end. */
+  onNext?: (() => void) | null;
+  onPrevious?: (() => void) | null;
 }) {
-  const scrollRef = useRef<ScrollBoxRenderable | null>(null);
-  const { nativePaneChrome } = useUiCapabilities();
-  const bodyWidth = documentBodyWidth(width);
+  const article = useMemo(() => (document ? searchArticle(document, hit) : null), [document, hit]);
   const terms = useMemo(() => snippetMatchTerms(hit.snippet), [hit.snippet]);
-  const layout = useMemo(
-    () => (document ? buildLayout(document, hit, bodyWidth) : null),
-    [bodyWidth, document, hit],
-  );
-
-  // Land the reader on the chunk that matched, with a little context above it.
-  // The host wraps the same text into its own number of lines, so aim by the
-  // share of the document above the match rather than by the counted line.
-  useEffect(() => {
-    const scrollBox = scrollRef.current;
-    if (!scrollBox || layout?.matchLine == null) return;
-    const target = nativePaneChrome && layout.lines.length > 0
-      ? Math.round((layout.matchLine / layout.lines.length) * scrollBox.scrollHeight)
-      : layout.matchLine;
-    scrollBox.scrollTo(Math.max(0, target - 2));
-  }, [layout, nativePaneChrome]);
-
-  useShortcut((event) => {
-    if (event.defaultPrevented || event.targetEditable) return;
-    const delta = isPlainKey(event, "j") ? 1 : isPlainKey(event, "k") ? -1 : 0;
-    if (!delta) return;
-    event.preventDefault();
-    event.stopPropagation();
-    if (scrollRef.current) scrollByLines(scrollRef.current, delta);
-  }, { enabled: focused && !!layout });
 
   if (loading && !document) {
     return (
@@ -232,25 +48,27 @@ export function SearchDocumentView({
       />
     );
   }
-  if (!document || !layout) return null;
+  if (!document || !article) return null;
 
   return (
-    // Only the left inset lives here: the scrollbar already holds the column on
-    // the right, and padding on both sides would push the text under it.
-    <ScrollBox ref={scrollRef} scrollY flexGrow={1} paddingLeft={1}>
-      <Box flexDirection="column" width={nativePaneChrome ? "100%" : bodyWidth}>
-        {nativePaneChrome
-          ? document.chunks.map((chunk) => (
-            <DocumentChunkView
-              key={chunk.id}
-              chunk={chunk}
-              docType={document.docType}
-              terms={terms}
-              active={chunk.chunkIndex === hit.chunkIndex}
-            />
-          ))
-          : layout.lines.map((line) => <DocumentLineView key={line.key} line={line} />)}
-      </Box>
-    </ScrollBox>
+    <ArticleReader
+      articleKey={`${document.docType}:${document.sourceId}`}
+      title={document.title || hit.title}
+      meta={article.meta}
+      tickers={article.tickers}
+      lead={article.lead}
+      facts={article.facts}
+      body={article.body}
+      rawText={article.rawText}
+      // Only the section that matched carries the terms; marking every
+      // occurrence in a long filing would leave nothing standing out.
+      highlight={article.matchSection >= 0 && terms.length > 0 ? { section: article.matchSection, terms } : null}
+      revealSection={article.revealSection}
+      focused={focused}
+      width={width}
+      height={height}
+      onNext={onNext}
+      onPrevious={onPrevious}
+    />
   );
 }

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

@@ -221,15 +221,6 @@ export function chunkAttribution(
   return metadata.source?.trim() || "";
 }
 
-/**
- * Columns a wrapped paragraph gets in the document view. The scroll box keeps
- * one column of text inset on the left, and its vertical scrollbar sits in the
- * last column of the pane, so those are the only two the body cannot use.
- */
-export function documentBodyWidth(width: number): number {
-  return Math.max(20, Math.floor(width) - 2);
-}
-
 type SearchColumnId = "ticker" | "type" | "date" | "title" | "match";
 
 export interface SearchColumn extends DataTableColumn {