gloomberb 0.15.7 → 0.16.0

package/src/plugins/builtin/ticker-detail/overview/components.tsx

@@ -14,6 +14,8 @@ const STAT_LABEL_WIDTH = 12;
 const FUNDAMENTALS_MAX_COLUMN_WIDTH = 40;
 const BOOK_LABEL_WIDTH = 4;
 const RANGE_ENDPOINT_WIDTH = 11;
+/** Shortest track worth drawing; below it the label shortens. */
+const RANGE_MIN_TRACK_WIDTH = 6;
 const POSITION_COLUMN_GAP = 1;
 
 interface PositionColumn {
@@ -77,62 +79,82 @@ function RangeTrack({
   );
 }
 
+/** Cells a range row needs around its track: label, endpoints and the gaps between them. */
+export function rangeRowChrome(labelWidth: number, endpointWidth: number): number {
+  return labelWidth + 1 + endpointWidth * 2 + 2;
+}
+
+/** The longest endpoint among ranges drawn together, so stacked tracks start and end in one column. */
+export function rangeEndpointWidth(
+  values: readonly number[],
+  currency: string,
+  priceOptions: MarketFormatOptions,
+): number {
+  const widths = values.map((value) => displayWidth(formatMarketPriceWithCurrency(value, currency, priceOptions)));
+  return Math.min(RANGE_ENDPOINT_WIDTH, Math.max(1, ...widths));
+}
+
+/**
+ * Where the price sits in a range, on one row: the label, the low, a track
+ * with a neutral marker and the high. The marker is the position, so no
+ * percentage repeats it.
+ */
 export function CompactRangeBar({
   current,
   low,
   high,
   label,
+  shortLabel,
+  labelWidth,
+  endpointWidth,
   width,
   currency,
   priceOptions,
-  markerColor,
 }: {
   current: number;
   low: number;
   high: number;
+  /** Translated, like `shortLabel`; `labelWidth` is measured from them. */
   label: string;
+  /** Used when the full label would leave the track too short. */
+  shortLabel?: string;
+  /** Shared by ranges drawn together, so their values line up. */
+  labelWidth: number;
+  endpointWidth: number;
   width: number;
   currency: string;
   /** The quote's live price options, so the endpoints keep the price's decimals. */
   priceOptions: MarketFormatOptions;
-  markerColor: string;
 }) {
   const range = high - low;
   if (range <= 0) return null;
   const position = Math.max(0, Math.min(1, (current - low) / range));
-  const pctLabel = `${Math.round(position * 100)}%`;
-  const endpointWidth = Math.min(
-    RANGE_ENDPOINT_WIDTH,
-    Math.max(7, Math.floor((width - 8) / 3)),
-  );
+  const useShortLabel = shortLabel != null && width - rangeRowChrome(labelWidth, endpointWidth) < RANGE_MIN_TRACK_WIDTH;
+  const shownLabel = useShortLabel ? shortLabel : label;
+  const shownLabelWidth = useShortLabel ? displayWidth(shortLabel) : labelWidth;
   const endpointOptions = { ...priceOptions, maxWidth: endpointWidth };
   const lowText = formatMarketPriceWithCurrency(low, currency, endpointOptions);
   const highText = formatMarketPriceWithCurrency(high, currency, endpointOptions);
-  const barWidth = Math.max(5, width - endpointWidth * 2 - 2);
+  const barWidth = Math.max(1, width - rangeRowChrome(shownLabelWidth, endpointWidth));
   const markerIndex = Math.max(0, Math.min(barWidth - 1, Math.round(position * (barWidth - 1))));
-  const labelWidth = Math.max(0, width - displayWidth(pctLabel));
 
   return (
-    <Box flexDirection="column" width={width} flexShrink={0}>
-      <Box flexDirection="row" height={1}>
-        <Box width={labelWidth} overflow="hidden">
-          <Text fg={colors.textDim}>{label}</Text>
-        </Box>
-        <Text fg={markerColor}>{pctLabel}</Text>
+    <Box flexDirection="row" height={1} width={width} flexShrink={0} overflow="hidden">
+      <Box width={shownLabelWidth + 1} flexShrink={0} overflow="hidden">
+        <Text fg={colors.textDim}>{shownLabel}</Text>
       </Box>
-      <Box flexDirection="row" height={1}>
-        <Box width={endpointWidth} overflow="hidden">
-          <Text fg={colors.textDim}>{lowText}</Text>
-        </Box>
-        <RangeTrack
-          barWidth={barWidth}
-          markerIndex={markerIndex}
-          position={position}
-          markerColor={markerColor}
-        />
-        <Box flexDirection="row" width={endpointWidth} justifyContent="flex-end" overflow="hidden">
-          <Text fg={colors.textDim}>{highText}</Text>
-        </Box>
+      {/* The low sits against the track and the high starts after it, so stacked tracks align. */}
+      <Box flexDirection="row" width={endpointWidth} flexShrink={0} justifyContent="flex-end" overflow="hidden">
+        <Text fg={colors.text}>{lowText}</Text>
+      </Box>
+      <RangeTrack
+        barWidth={barWidth}
+        markerIndex={markerIndex}
+        position={position}
+        markerColor={colors.textBright}
+      />
+      <Box width={endpointWidth} flexShrink={0} overflow="hidden">
+        <Text fg={colors.text}>{highText}</Text>
       </Box>
     </Box>
   );
@@ -175,8 +197,9 @@ export function QuoteBook({ quote, assetCategory, width }: { quote: Quote; asset
 
   return (
     <Box flexDirection="column" width={width} flexShrink={0}>
-      <BookRow label={t("Bid")} value={bidText} width={width} valueColor={colors.borderFocused} />
-      <BookRow label={t("Ask")} value={askText} width={width} valueColor={colors.negative} />
+      {/* Neutral: a red ask would read as a loss. */}
+      <BookRow label={t("Bid")} value={bidText} width={width} valueColor={colors.textBright} />
+      <BookRow label={t("Ask")} value={askText} width={width} valueColor={colors.textBright} />
       <BookRow label={t("Spr")} value={spreadText} width={width} valueColor={colors.textDim} />
     </Box>
   );

package/src/plugins/builtin/ticker-detail/overview/pane.tsx

@@ -1,3 +1,4 @@
+import { PerpEquityRow } from "../../perps/equity-row";
 import { useCallback } from "react";
 import type { TickerResearchTabProps } from "../../../../types/plugin";
 import {
@@ -41,6 +42,7 @@ export function OverviewResearchTab({ width, focused }: TickerResearchTabProps)
       financials={financials}
       onOpenChart={paneId && !lockedToOneTab ? openChart : undefined}
       onOpenFunction={openFunction}
+      perpetuals={ticker ? <PerpEquityRow symbol={ticker.metadata.ticker} instrumentType={financials?.quote?.instrumentType ?? ticker.metadata.assetCategory} /> : undefined}
     />
   );
 }

package/src/plugins/builtin/ticker-detail/overview-tab.tsx

@@ -1,6 +1,9 @@
+import { TrendingSummary } from "../attention/trending";
+import type { ReactNode } from "react";
 import { EmptyState, PaneLinkMenu, SectionHeading, usePaneNoticeFooter } from "../../../components";
 import { CompositeChart, pricePointsToResolvedSeries } from "../../../components/chart/composite";
-import { CompanyLogo } from "../../../components/company-logo";
+import { CompanyLogo, resolveCompanyLogoSrc } from "../../../components/company-logo";
+import { bodyLineInk, FigureText, figureLineInk, useFigureCells } from "../../../components/ui/figure";
 import { PriceReturnStrip } from "../../../components/price-performance";
 import { t } from "../../../i18n";
 import { useFxRatesMap } from "../../../market-data/hooks";
@@ -13,17 +16,33 @@ import { colors, priceColor } from "../../../theme/colors";
 import { appendLiveQuotePoint, hasUnknownBondHistoryBasis } from "../../../time-series/chart-data";
 import type { TickerFinancials } from "../../../types/financials";
 import type { TickerRecord } from "../../../types/ticker";
-import { Box, ScrollBox, Text, TextAttributes, useUiCapabilities } from "../../../ui";
-import { resolveExchangeTimeZone } from "../../../utils/exchanges";
+import { Box, ScrollBox, Text, useUiCapabilities } from "../../../ui";
+import { publicTickerKey, resolveExchangeTimeZone } from "../../../utils/exchanges";
 import { convertCurrency, displayWidth, formatPercentRaw, truncateToDisplayWidth } from "../../../utils/format";
 import { zonedDateKey } from "../../../utils/zoned-date-time";
-import { CompactRangeBar, FundamentalsGrid, PositionTable, QuoteBook, textGridColumns } from "./overview/components";
+import {
+  CompactRangeBar,
+  FundamentalsGrid,
+  PositionTable,
+  QuoteBook,
+  rangeEndpointWidth,
+  rangeRowChrome,
+  textGridColumns,
+} from "./overview/components";
 import { buildOverviewStats, buildPositionRows, buildProfileFields } from "./overview/model";
 import type { OverviewFunctionLink } from "./overview/types";
 import { describeFundamentalMarketCap } from "../../../utils/market-capitalization";
 import { liveFiftyTwoWeekRange, liveMarketCapitalization } from "../portfolio-list/live-valuation";
 
+/** Cells between the Day and 52W ranges when they share a row. */
+const RANGE_PAIR_GAP = 4;
+/** Shortest track that still reads as a range; below it the two ranges stack. */
+const RANGE_INLINE_MIN_TRACK = 10;
+/** Desktop px between the logo and the name and price beside it. */
+const LOGO_GAP_PX = 6;
+
 interface OverviewTabProps {
+  perpetuals?: ReactNode;
   width?: number;
   focused?: boolean;
   ticker: TickerRecord | null;
@@ -39,10 +58,11 @@ export function OverviewTab(props: OverviewTabProps) {
   return <ResolvedOverviewTab {...props} ticker={props.ticker} />;
 }
 
-function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpenChart, onOpenFunction }: OverviewTabProps & { ticker: TickerRecord }) {
+function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpenChart, onOpenFunction, perpetuals }: OverviewTabProps & { ticker: TickerRecord }) {
   const baseCurrency = useAppSelector((state) => state.config.baseCurrency);
   const { width: termWidth } = useViewport();
-  const { fractionalViewport = false, nativePaneChrome } = useUiCapabilities();
+  const { fractionalViewport = false, nativePaneChrome, cellWidthPx = 8, cellHeightPx = 18, pixelRatio = 1 } = useUiCapabilities();
+  const figureCells = useFigureCells();
 
   const quote = financials?.quote;
   const fundamentals = financials?.fundamentals;
@@ -58,7 +78,7 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
     capitalization?.currency,
     ...ticker.metadata.positions.map((position) => position.currency),
   ]);
-  const quoteCurrency = quote?.currency ?? ticker.metadata.currency ?? baseCurrency;
+  const quoteCurrency = quote?.currency || ticker.metadata.currency || baseCurrency;
   const toBase = (value: number, fromCurrency: string) =>
     convertCurrency(value, fromCurrency, baseCurrency, exchangeRates);
   const sector = ticker.metadata.sector ?? profile?.sector;
@@ -114,23 +134,48 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
   const quotePriceText = quote ? formatMarketPriceWithCurrency(quote.price, quote.currency, moneyOptions) : "";
   const quoteChangeText = quote ? formatSignedMarketPrice(quote.change, moneyOptions) : "";
   const quotePercentText = quote ? `(${formatPercentRaw(quote.changePercent)})` : "";
-  const quoteTextWidth = Math.max(1, quoteSummaryWidth - (nativePaneChrome ? 6 : 0));
-  const stackQuoteChange = displayWidth(quoteChangeText) + 1 + displayWidth(quotePercentText) > quoteTextWidth;
-  const stackQuoteSummary = displayWidth(quotePriceText) + 3 + displayWidth(quoteChangeText) + displayWidth(quotePercentText) > quoteTextWidth;
-  // The pane title already names the ticker, so the line leads with the company.
-  const companyName = ticker.metadata.name || quote?.name || ticker.metadata.ticker;
+  // The pane title already names the ticker, so the line leads with the company and drops a name that only repeats it.
+  const companyName = [ticker.metadata.name, quote?.name].find((name) => name && name !== ticker.metadata.ticker) ?? "";
+  const venueText = listingVenue ? (companyName ? ` (${listingVenue})` : listingVenue) : "";
   const marketStateText = quote?.marketState ? t(marketStateLabel(quote.marketState)) : "";
-  const companyNameWidth = Math.max(8, quoteSummaryWidth - (nativePaneChrome ? 6 : 0)
-    - (listingVenue ? listingVenue.length + 3 : 0)
-    - (marketStateText ? marketStateText.length + 1 : 0));
+  const hasIdentityLine = Boolean(companyName || venueText || marketStateText);
+  // The desktop logo is a square from the top of the company name's capitals down to the
+  // price's baseline, so its edges meet the text's and the three read as one block. The
+  // extended-hours line hangs below, as it comes and goes with the session. Without a
+  // price the logo keeps two rows.
+  const hasLogo = nativePaneChrome === true
+    && resolveCompanyLogoSrc({ symbol: ticker.metadata.ticker, assetCategory: ticker.metadata.assetCategory }) != null;
+  const priceInk = figureLineInk();
+  // The top snaps up to a whole px so it never starts below the capitals; the bottom lands
+  // on the device pixel nearest the baseline.
+  const logoTopPx = quote ? Math.floor(hasIdentityLine ? bodyLineInk(cellHeightPx).capTop : priceInk.capTop) : 0;
+  const logoBottomPx = Math.round(((hasIdentityLine ? cellHeightPx : 0) + priceInk.baseline) * pixelRatio) / pixelRatio;
+  const logoPx = quote ? logoBottomPx - logoTopPx : cellHeightPx * 2;
+  const logoCells = hasLogo ? Math.ceil((logoPx + LOGO_GAP_PX) / cellWidthPx) : 0;
+  const quoteTextWidth = Math.max(1, quoteSummaryWidth - logoCells);
+  const quoteChangeCells = figureCells(quoteChangeText, "sub") + 1 + figureCells(quotePercentText, "sub");
+  const stackQuoteChange = quoteChangeCells > quoteTextWidth;
+  const stackQuoteSummary = figureCells(quotePriceText) + 2 + quoteChangeCells > quoteTextWidth;
+  const companyNameWidth = Math.max(8, quoteTextWidth
+    - displayWidth(venueText)
+    - (marketStateText ? displayWidth(marketStateText) + 1 : 0));
   const hasDayRange = quote?.low != null && quote?.high != null && quote.high > quote.low;
   const yearRange = liveFiftyTwoWeekRange(quote);
-  const hasYearRange = yearRange != null;
-  const rangeInline = contentWidth >= 70 && hasDayRange && hasYearRange;
-  const rangeWidth = rangeInline
-    ? Math.floor((contentWidth - 2) / 2)
-    : contentWidth;
-  const rangeMarkerColor = quote ? priceColor(quote.change) : colors.textDim;
+  const dayRangeLabel = t("Day Range");
+  const yearRangeLabel = t("52W Range");
+  const rangeLabelWidth = Math.max(
+    hasDayRange ? displayWidth(dayRangeLabel) : 0,
+    yearRange ? displayWidth(yearRangeLabel) : 0,
+  );
+  // Both ranges share one endpoint width, so stacked tracks start and end in the same column.
+  const rangeEndpointCells = rangeEndpointWidth([
+    ...(hasDayRange ? [quote.low!, quote.high!] : []),
+    ...(yearRange ? [yearRange.low, yearRange.high] : []),
+  ], quoteCurrency, moneyOptions);
+  const rangeHalfWidth = Math.floor((contentWidth - RANGE_PAIR_GAP) / 2);
+  const rangeInline = hasDayRange && yearRange != null
+    && rangeHalfWidth - rangeRowChrome(rangeLabelWidth, rangeEndpointCells) >= RANGE_INLINE_MIN_TRACK;
+  const rangeWidth = rangeInline ? rangeHalfWidth : contentWidth;
   const stats = buildOverviewStats({
     quote,
     fundamentals,
@@ -163,37 +208,49 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
 
   return (
     <ScrollBox flexGrow={1} flexBasis={0} scrollY focusable={false}>
-      <Box flexDirection="column" paddingX={1} paddingBottom={1} gap={1}>
+      <Box
+        flexDirection="column"
+        paddingX={1}
+        paddingBottom={1}
+        gap={1}
+        // On the desktop the header keeps half a row clear of the tab bar's edge.
+        style={nativePaneChrome ? { paddingTop: Math.round(cellHeightPx / 2) } : undefined}
+      >
         <Box flexDirection={quoteBookInline ? "row" : "column"} gap={quoteBookInline ? 2 : 0} width={contentWidth}>
           <Box flexDirection="row" width={quoteSummaryWidth} flexShrink={0} minWidth={0} overflow="hidden">
             <CompanyLogo
               symbol={ticker.metadata.ticker}
               assetCategory={ticker.metadata.assetCategory}
               name={ticker.metadata.name || quote?.name}
+              width={logoPx / cellWidthPx}
+              height={logoPx / cellHeightPx}
+              style={{ marginTop: logoTopPx, marginRight: LOGO_GAP_PX }}
             />
             <Box flexDirection="column" flexGrow={1} flexShrink={1} minWidth={0}>
-            <Box flexDirection="row" minWidth={0} overflow="hidden">
-              <Text attributes={TextAttributes.BOLD} fg={colors.textBright}>
-                {truncateToDisplayWidth(companyName, companyNameWidth)}
-              </Text>
-              {listingVenue && (
-                <Text flexShrink={0} fg={colors.textDim}>{" "}({listingVenue})</Text>
-              )}
-              {quote?.marketState && (
-                <Text flexShrink={0} fg={marketStateColor(quote.marketState)}>
-                  {" "}{t(marketStateLabel(quote.marketState))}
-                </Text>
-              )}
-            </Box>
+            {hasIdentityLine && (
+              <Box flexDirection="row" minWidth={0} overflow="hidden">
+                {companyName && (
+                  <Text fg={colors.textDim}>{truncateToDisplayWidth(companyName, companyNameWidth)}</Text>
+                )}
+                {venueText && <Text flexShrink={0} fg={colors.textDim}>{venueText}</Text>}
+                {quote?.marketState && (
+                  <Text flexShrink={0} fg={marketStateColor(quote.marketState)}>
+                    {companyName || venueText ? " " : ""}{marketStateText}
+                  </Text>
+                )}
+              </Box>
+            )}
 
             {quote && (
-              <Box flexDirection={stackQuoteSummary ? "column" : "row"} gap={stackQuoteSummary ? 0 : 2}>
-                <Text attributes={TextAttributes.BOLD} fg={colors.textBright}>
-                  {quotePriceText}
-                </Text>
+              <Box
+                flexDirection={stackQuoteSummary ? "column" : "row"}
+                gap={stackQuoteSummary ? 0 : 2}
+                alignItems={stackQuoteSummary ? undefined : "baseline"}
+              >
+                <FigureText>{quotePriceText}</FigureText>
                 <Box flexDirection={stackQuoteChange ? "column" : "row"} gap={stackQuoteChange ? 0 : 1}>
-                  <Text fg={priceColor(quote.change)}>{quoteChangeText}</Text>
-                  <Text fg={priceColor(quote.change)}>{quotePercentText}</Text>
+                  <FigureText part="sub" change={quote.change}>{quoteChangeText}</FigureText>
+                  <FigureText part="sub" change={quote.change}>{quotePercentText}</FigureText>
                 </Box>
               </Box>
             )}
@@ -230,18 +287,22 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
           )}
         </Box>
 
-        {(hasDayRange || hasYearRange) && quote && (
-          <Box flexDirection={rangeInline ? "row" : "column"} gap={rangeInline ? 2 : 0} width={contentWidth}>
+        {perpetuals}
+
+        {(hasDayRange || yearRange) && quote && (
+          <Box flexDirection={rangeInline ? "row" : "column"} gap={rangeInline ? RANGE_PAIR_GAP : 0} width={contentWidth}>
             {hasDayRange && (
               <CompactRangeBar
                 current={quote.price}
                 low={quote.low!}
                 high={quote.high!}
-                label="Day Range"
+                label={dayRangeLabel}
+                shortLabel={t("Day")}
+                labelWidth={rangeLabelWidth}
+                endpointWidth={rangeEndpointCells}
                 width={rangeWidth}
                 currency={quoteCurrency}
                 priceOptions={moneyOptions}
-                markerColor={rangeMarkerColor}
               />
             )}
             {yearRange && (
@@ -249,11 +310,13 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
                 current={quote.price}
                 low={yearRange.low}
                 high={yearRange.high}
-                label="52W Range"
+                label={yearRangeLabel}
+                shortLabel={t("52W")}
+                labelWidth={rangeLabelWidth}
+                endpointWidth={rangeEndpointCells}
                 width={rangeWidth}
                 currency={quoteCurrency}
                 priceOptions={moneyOptions}
-                markerColor={rangeMarkerColor}
               />
             )}
           </Box>
@@ -316,6 +379,8 @@ function ResolvedOverviewTab({ width, focused = false, ticker, financials, onOpe
           </Box>
         )}
 
+        <TrendingSummary symbol={publicTickerKey(ticker.metadata.ticker, ticker.metadata.exchange)} onOpen={onOpenFunction ? () => onOpenFunction({ name: "Research attention", templateId: "attention-pane" }) : undefined} />
+
         {/* Description — last, collapsed */}
         {description && (
           <Box flexDirection="column" width={contentWidth}>

package/src/plugins/builtin/ticker-detail/pane.tsx

@@ -31,16 +31,30 @@ import { TICKER_RESEARCH_BUILTIN_TABS } from "./research-tabs";
 import { useLiveStreamingSetting } from "../../../state/hooks/live-streaming";
 import { useCloudAccessFooter } from "../shared/cloud-upgrade";
 import { CLOUD_QUOTE_DELAY_MINUTES } from "../../../api-client/plan-access";
-import { parsePublicTickerKey } from "../../../utils/exchanges";
+import { parsePublicTickerKey, publicTickerKey } from "../../../utils/exchanges";
+import { captureAttentionAction } from "../../../telemetry/attention-counts";
 import { tickerHasListingSuffix } from "../../../sources/listing-symbols";
 import { tickerQuoteFooterInfo } from "./quote-footer";
 import { ResearchTabKeysProvider, useResearchTabKeysHost } from "./research-tab-keys";
 import { ResearchTabNavigationProvider } from "./research-tab-navigation";
+import { usePluginAppActions } from "../../../public/react";
+import { resolveTickerInstrumentKind } from "../../../tickers/instrument-kind";
 
 const TICKER_RESEARCH_TAB_COMMIT_DELAY_MS = 120;
 /** A tab counts as viewed once it stays open this long, not when h/l passes over it. */
 const TICKER_RESEARCH_TAB_VIEW_DWELL_MS = 2_000;
 
+const COMPANY_RESEARCH = [
+  { id: "supply-chain-pane", label: "Supply Chain (SPLC)" },
+  { id: "company-kpis-pane", label: "Company KPIs (KPIS)" },
+  { id: "company-guidance-pane", label: "Company Guidance (GUIDE)" },
+  { id: "credit-documents-pane", label: "Credit Documents (CRDOC)" },
+  { id: "awards-pane", label: "Government Awards (AWARDS)" },
+  { id: "catalysts-pane", label: "Catalysts (CATL)" },
+  { id: "hiring-pane", label: "Hiring Momentum (HIRE)" },
+  { id: "apps-pane", label: "App Attention (APPS)" },
+];
+
 function sameStringSet(left: Set<string>, right: Set<string>): boolean {
   if (left.size !== right.size) return false;
   for (const value of left) {
@@ -100,6 +114,7 @@ function getCollectionName(state: AppState, collectionId: string | null): string
 
 export function TickerResearchPane({ focused, width, height }: PaneProps) {
   const dispatch = useAppDispatch();
+  const { createPaneFromTemplate } = usePluginAppActions();
   const config = usePaneAppConfig();
   const paneInstance = usePaneInstance();
   const { ticker, financials, error: instrumentError } = usePaneTicker();
@@ -220,15 +235,44 @@ export function TickerResearchPane({ focused, width, height }: PaneProps) {
   // those keys while it is open; Esc gives them back to the strip.
   const researchTabKeys = useResearchTabKeysHost();
   const stripFocused = focused && !pluginCaptured && !researchTabKeys.claimed;
+  const selectResearchTab = useCallback((tabId: string) => {
+    if (ticker && tabId !== resolvedTabId) {
+      const action = tabId === "chart" ? "chart" : tabId === "options" ? "option_chain" : null;
+      if (action) captureAttentionAction()(publicTickerKey(ticker.metadata.ticker, ticker.metadata.exchange), action);
+    }
+    setActiveTabId(tabId);
+  }, [resolvedTabId, setActiveTabId, ticker]);
   const { strip: tabStrip, rows: tabBarHeight } = usePaneTabs(!paneSettings.hideTabs && ticker ? {
     tabs: tabItems,
     activeValue: resolvedTabId,
-    onSelect: setActiveTabId,
+    onSelect: selectResearchTab,
     focused: stripFocused,
   } : null);
   // h/l step one tab at a time; with twenty tabs the pane menu jumps straight to one.
   const dialog = useOptionalDialog();
   const showTabs = !paneSettings.hideTabs && !!ticker;
+  const companySymbol = ticker && resolveTickerInstrumentKind(ticker, financials) === "equity"
+    ? tickerHasListingSuffix(ticker.metadata.ticker) ? ticker.metadata.ticker : publicTickerKey(ticker.metadata.ticker, ticker.metadata.exchange)
+    : null;
+  usePaneMenuItems("ticker-research:company-research", () => {
+    if (!companySymbol || !dialog) return null;
+    const choices = COMPANY_RESEARCH.filter((item) => {
+      if (!registry) return true;
+      const owner = registry.getPaneTemplatePluginId?.(item.id);
+      return registry.paneTemplates?.has(item.id) && (!owner || !disabledPlugins.includes(owner));
+    });
+    if (!choices.length) return null;
+    return [{ id: "company-research", label: t("Company Research…"), onSelect: () => {
+      void dialog.prompt<string>({
+        closeOnClickOutside: true,
+        content: (context: PromptContext<string>) => <ChoiceDialog {...context}
+          title={tf("Research {symbol}", { symbol: companySymbol })}
+          choices={choices.map((item) => ({ ...item, label: t(item.label) }))} />,
+      }).then((templateId) => {
+        if (templateId && choices.some((item) => item.id === templateId)) createPaneFromTemplate(templateId, { symbol: companySymbol });
+      }).catch(() => {});
+    } }];
+  }, [companySymbol, createPaneFromTemplate, dialog, disabledPlugins, registry, tickerResearchTabsSnapshot]);
   usePaneMenuItems("ticker-research:go-to-tab", () => {
     if (!showTabs || !dialog || tabItems.length < 2) return null;
     return [{
@@ -246,11 +290,11 @@ export function TickerResearchPane({ focused, width, height }: PaneProps) {
             />
           ),
         }).then((tabId) => {
-          if (tabId) setActiveTabId(tabId);
+          if (tabId) selectResearchTab(tabId);
         }).catch(() => {});
       },
     }];
-  }, [dialog, resolvedTabId, setActiveTabId, showTabs, tabItems]);
+  }, [dialog, resolvedTabId, selectResearchTab, showTabs, tabItems]);
   // Which tabs people stay on. A pane pinned to one tab has no strip; opening
   // it is a function open, counted with those.
   useEffect(() => {
@@ -265,9 +309,9 @@ export function TickerResearchPane({ focused, width, height }: PaneProps) {
   // A figure on one tab can open the tab that explains it (holders, short interest).
   const openResearchTab = useCallback((tabId: string) => {
     if (!visibleTabIds.has(tabId)) return false;
-    setActiveTabId(tabId);
+    selectResearchTab(tabId);
     return true;
-  }, [setActiveTabId, visibleTabIds]);
+  }, [selectResearchTab, visibleTabIds]);
   const renderedTabIds = useMemo(() => {
     const next = new Set<string>();
     for (const tabId of mountedTabIds) {