gloomberb 0.18.1 → 0.18.2

package/src/cli/pane-functions/resolver.ts

@@ -148,7 +148,8 @@ export async function applyListingArgument(
   // A list entry with spaces is a company's name search finds, or the symbols it holds.
   const typed = takesOneTicker ? [args.arg] : await readNameEntries(splitSymbolArgs([args.arg]), context.dataProvider);
   if (typed.length === 0) return args;
-  let listings = await Promise.all(typed.map((raw) => resolveCliListing(raw, exchange, context, { ownExchangeWins: typed.length > 1 })));
+  // RY.TO is the listing its quote names, RY:TSX, as `quote` reads it: a function's data is read by venue.
+  let listings = await Promise.all(typed.map((raw) => resolveCliListing(raw, exchange, context, { ownExchangeWins: typed.length > 1, venueSuffix: true })));
   // A separator stuck to the end of a pasted list (`UPST;`) is not part of a symbol; it is named.
   const notes: string[] = takesOneTicker ? [] : stripStrayEdges(args.arg).notes;
   const token = found.template?.shortcut?.prefix ?? args.target.toUpperCase();

package/src/cli/quote-answer.ts

@@ -0,0 +1,179 @@
+import type { QuoteBatchResult } from "../types/data-provider";
+import type { Quote } from "../types/financials";
+import { bareListingNote } from "../tickers/listing-fate";
+import { notATickerSymbol } from "../sources/provider-errors";
+import { looksLikeCurrencyPair } from "../utils/currency-pair";
+import { canonicalExchange } from "../utils/exchanges";
+import type { CliCommandDef } from "../types/plugin";
+import { currencyCodeNote } from "./currency-hints";
+import { describeSuggestion, suggestListing, suggestUsTicker, type ListingSuggestion } from "./listing-suggestion";
+import { indexRootAlsoLine, indexRootFor, indexRootTryLine } from "./index-roots";
+import { treasuryYieldLine, treasuryYieldTenor } from "./treasury-yields";
+import { knownGapForTicker } from "./known-gaps";
+import {
+  futuresTryLine,
+  isNoProviderError,
+  listingChoiceNotes,
+  listingReadNotes,
+  loadBareVenues,
+  notTradedMessage,
+  quoteBareListing,
+  requireCliListing,
+  tradingBoardNote,
+  type CliListing,
+  type ListingDataRequest,
+  type ListingVenue,
+} from "./listing-arg";
+import { withListingSuggestion } from "./not-a-ticker";
+import type { MarketContext } from "./types";
+
+/** The text of an error, or null for none. */
+export function errorMessage(error: unknown): string | null {
+  if (error == null) return null;
+  return error instanceof Error ? error.message : String(error);
+}
+
+/**
+ * "APPL is not a US ticker: it is Aptus Pharma Limited on BSE (INR). Did you
+ * mean AAPL (Apple Inc.)?", for a symbol read on a listing abroad that is one
+ * slip from a US ticker, worded as the not-a-ticker answers word it.
+ */
+export function notUsTickerSentence({ target, quote, listing, usSuggestion }: { target: { symbol: string }; quote: Quote | null; listing?: { name: string | null }; usSuggestion?: ListingSuggestion }): string | null {
+  if (!quote || !usSuggestion) return null;
+  const venue = canonicalExchange(quote.listingExchangeName || quote.exchangeName);
+  const name = quote.name || listing?.name;
+  const what = `${name ? `${name} on ` : ""}${venue}${quote.currency ? ` (${quote.currency})` : ""}`;
+  return `${target.symbol} is not a US ticker: it is ${what}. Did you mean ${describeSuggestion(usSuggestion)}?`;
+}
+
+export interface QuoteAnswer {
+  result: QuoteBatchResult;
+  /** The listing the row is: the one asked for, or the venue a bare symbol was quoted on. */
+  listing: CliListing;
+  /** Why there is no quote, when there is more to say than the source's own error. */
+  failure?: { message: string; details?: string; oneLine: string };
+  notes: string[];
+}
+
+/**
+ * One symbol's row of `quote` and `compare`. A listing on an exchange its symbol
+ * is not listed on says so. A bare symbol the data service read on its home
+ * listing abroad names that venue (SXR8 -> XETRA). One no source quotes is
+ * quoted on its listings (`quoteBareListing`), else names them, or asks for an
+ * exchange when several companies list it (2222); a bare index root (VIX) also
+ * names its index (^VIX), and a futures board code a security keeps (GC) its
+ * future (GC=F). Venues are only looked up for a
+ * symbol with no quote, so a request that succeeds costs no search.
+ */
+export async function answerQuote(
+  result: QuoteBatchResult,
+  listing: CliListing,
+  market: MarketContext,
+  request: ListingDataRequest,
+  refresh: boolean,
+  venues: Promise<ListingVenue[]> | null,
+): Promise<QuoteAnswer> {
+  const root = listing.exchange ? null : indexRootFor(listing.symbol);
+  // A bare root that quoted something else, such as MOVE (Corvex), points at the index too.
+  const also = (quote: Quote) => root && quote.instrumentType?.trim().toUpperCase() !== "INDEX"
+    ? [indexRootAlsoLine(root, request.command)] : [];
+  if (result.quote) {
+    // "CAR = Avis Budget Group, NASDAQ (also XETRA, ASX)" names the venue too, so it replaces "SXR8 -> XETRA".
+    const choice = venues ? await listingChoiceNotes(listing, market, result.quote, venues) : listingReadNotes(listing);
+    const venue = choice.length > 0 ? null : bareListingNote(listing, result.quote);
+    // A row saved as 247540:KRX is quoted from KOSDAQ, the board it trades on.
+    const board = tradingBoardNote(listing, result.quote);
+    return { result, listing, notes: [...choice, venue ?? [], board ?? [], also(result.quote), currencyCodeNote(listing, result.quote) ?? []].flat() };
+  }
+  const notTraded = await notTradedMessage(listing, market);
+  if (notTraded) return { result, listing, failure: { message: notTraded, oneLine: notTraded }, notes: [] };
+  if (!isNoProviderError(result.error)) return { result, listing, notes: [] };
+  const other = await quoteBareListing(listing, market, request, { refresh });
+  if (other?.kind === "quoted") {
+    return {
+      result: { target: other.listing.request, quote: other.quote },
+      listing: other.listing,
+      notes: [other.note, ...also(other.quote), currencyCodeNote(listing, other.quote) ?? []].flat(),
+    };
+  }
+  // Other listings already name a futures board code's future (GC=F); with none, it is named here.
+  // A Treasury yield's root (TNX) names its FRED series and the curve beside its index.
+  const yieldTenor = root ? treasuryYieldTenor(listing.symbol) : null;
+  const tryLines = [
+    yieldTenor ? treasuryYieldLine(yieldTenor) : root ? indexRootTryLine(root, request.command) : null,
+    other || listing.exchange ? null : futuresTryLine(listing.symbol, request),
+    // BDI asks which exchange (Black Diamond Group) and says nowhere that the Baltic Dry Index is not here.
+    listing.exchange ? null : knownGapForTicker(listing.symbol),
+  ].filter((line): line is string => !!line);
+  if (!other && tryLines.length === 0) return { result: await withCurrencyPairHint(result, market), listing, notes: [] };
+  const message = other?.message ?? `${listing.symbol} has no ${request.noun}.`;
+  const details = [other?.details, ...tryLines].filter(Boolean).join("\n");
+  const oneLine = [
+    message,
+    other ? `${other.heading}: ${other.listings.join(", ")}.` : "",
+    ...tryLines,
+  ].filter(Boolean).join(" ");
+  return { result, listing, failure: { message, details, oneLine }, notes: [] };
+}
+
+/** A listing a command found a quote for, with what `quote` says beside it. */
+interface QuotedListing {
+  /** The listing the quote is of: the one typed, or the venue a bare symbol was quoted on. */
+  listing: CliListing;
+  quote: Quote;
+  /** The venue a bare symbol was read on, the currency it may have meant, the US ticker it is one slip from. */
+  notes: string[];
+}
+
+/**
+ * The listing a command that keeps a symbol (`alerts add`) was given, read as
+ * `quote` reads it: the same resolver and the same quote request, so what is
+ * kept is the listing `quote` prints (USDMXN and USD/MXN are USDMXN=X, MXN is
+ * MXN:FWB2) and `quote`'s own notes come back with it. A symbol nothing
+ * quotes fails the command with why, and the nearest listing search finds when
+ * it is near ("Not a ticker: ZZZQQ. Did you mean ZZZQ?"), so nothing is kept
+ * for it.
+ */
+export async function requireQuotedListing(
+  raw: string,
+  exchange: string | null | undefined,
+  market: MarketContext,
+  ctx: Pick<Parameters<CliCommandDef["execute"]>[1], "fail">,
+  command: string,
+): Promise<QuotedListing> {
+  const listing = await requireCliListing(raw, exchange, market, ctx);
+  const venues = loadBareVenues(listing, market);
+  const [result] = await market.dataProvider.getQuotesBatch([listing.request], { revalidate: true });
+  const answer = await answerQuote(result ?? { target: listing.request, quote: null }, listing, market, { command, noun: "quote" }, false, venues);
+  const quote = answer.result.quote;
+  if (!quote) {
+    if (answer.failure) ctx.fail(answer.failure.message, answer.failure.details);
+    const message = errorMessage(answer.result.error) ?? `No quote found for ${listing.key}.`;
+    // The listing search names, else the US ticker it is one slip from (AAPLL for AAPL), which search does not list for a typo.
+    const suggestion = notATickerSymbol(message) && !message.includes(" Did you mean ")
+      ? await suggestListing(listing.symbol, market) ?? await suggestUsTicker(listing.symbol, market)
+      : null;
+    ctx.fail(suggestion ? withListingSuggestion(message, describeSuggestion(suggestion)) : message);
+  }
+  // A bare symbol read on a listing abroad that is one slip from a US ticker says so, as `quote` does.
+  const venue = answer.listing.saved ? null : bareListingNote(answer.listing, quote);
+  const usSuggestion = venue && answer.notes.includes(venue) ? await suggestUsTicker(answer.listing.symbol, market) : null;
+  const notUs = notUsTickerSentence({ target: answer.result.target, quote, listing: { name: quote.name ?? null }, usSuggestion: usSuggestion ?? undefined });
+  return { listing: answer.listing, quote, notes: [...answer.notes, ...notUs ? [notUs] : []] };
+}
+
+/**
+ * A symbol written like a currency pair that is not a ticker (USD_NGN, as some
+ * FX feeds write a pair) names the listing `gloomberb search` finds nearest to
+ * it, as `watchlist add` does: "Did you mean USDNGN=X (US Dollar/Nigerian
+ * Naira)?". When search finds nothing near, the row keeps its own error and its
+ * search hint.
+ */
+async function withCurrencyPairHint(result: QuoteBatchResult, market: MarketContext): Promise<QuoteBatchResult> {
+  const message = errorMessage(result.error);
+  const symbol = message ? notATickerSymbol(message) : null;
+  if (!message || !symbol || !looksLikeCurrencyPair(symbol)) return result;
+  const suggestion = await suggestListing(symbol, market);
+  return suggestion ? { ...result, error: withListingSuggestion(message, describeSuggestion(suggestion)) } : result;
+}
+

package/src/cli/series-search.ts

@@ -1,6 +1,7 @@
 import { seriesExpression } from "../series/registry";
 import type { SeriesDefinition } from "../series/types";
 import { cliStyles, renderSection, renderTable, wrapText } from "../utils/cli-output";
+import { currencyCodeLabel } from "../utils/currency-units";
 
 /** A data catalog series a query names, as the CLI lists it. */
 export interface SeriesMatch {
@@ -108,7 +109,7 @@ export function renderSeriesMatches(
     renderTable(
       [{ header: "Series" }, { header: "Unit" }, { header: "Frequency", optional: true }, { header: "Publisher", optional: true },
         { header: "Chart", shrink: false }],
-      shown.map((match) => [match.name, match.unit, match.frequency, match.publisher ?? "", cliStyles.command(shellArgument(match.expression))]),
+      shown.map((match) => [match.name, currencyCodeLabel(match.unit), match.frequency, match.publisher ?? "", cliStyles.command(shellArgument(match.expression))]),
     ),
     "",
     ...wrapText(hint, width).map((line) => cliStyles.muted(line)),

package/src/cli/types.ts

@@ -5,6 +5,7 @@ import { AssetDataRouter } from "../sources/provider-router";
 import type { AppServices } from "../core/app-services";
 import type { CapabilityInvoker } from "../capabilities/types";
 import type { StatementReportSources } from "./statement-filings";
+import type { FxHistoryClient } from "../market-data/fx-closes";
 
 export type ConfigContext = {
   config: AppConfig;
@@ -15,12 +16,15 @@ export type ConfigContext = {
 
 export type MarketContext = ConfigContext & {
   dataProvider: AssetDataRouter;
+  resolveBroker?: (brokerType: string) => import("../types/broker").BrokerAdapter | null;
   /** Charts catalog series in a report run without the plugin runtime. */
   seriesCapabilities?: CapabilityInvoker;
   /** `--refresh`: prefetched data bypasses the local cache. */
   refresh?: boolean;
   /** Filings behind the statements and a bank's figures, read from Gloom Cloud; absent where the data service is a stand-in. */
   statementSources?: StatementReportSources;
+  /** Daily FX closes (`fx --date`, converted INS values); Gloom Cloud unless a test stands in for it. */
+  fxHistory?: FxHistoryClient;
 };
 
 export type CliServicesContext = {

package/src/components/chart/composite/composite-chart.tsx

@@ -11,6 +11,7 @@ import { ChartToolbar, CHART_TOOLBAR_WIDTH } from "./toolbar";
 import { AsciiText, Box, ChartSurface, Text, useUiCapabilities, type BoxRenderable } from "../../../ui";
 import { useLiveStretch } from "../../../ui/live-stretch";
 import { useOptionalPaneInstanceId } from "../../../state/app/context";
+import { usePaneFocused } from "../../../state/app/activity";
 import { useTabCursorLink } from "../../../state/app/tab-cursor";
 import { useThemeColors, useThemeId } from "../../../theme/theme-context";
 import { themedSeriesColor, themeSeriesColors } from "../../../theme/series-colors";
@@ -155,6 +156,8 @@ function ThemedCompositeChart({
   const showTextFallback = useShowChartTextFallback();
   const [internalCursorDate, setInternalCursorDate] = useState<Date | null>(null);
   const [toolSpan, setToolSpan] = useState<ChartToolSpan | null>(null);
+  const [pointerDragging, setPointerDragging] = useState(false);
+  const paneFocused = usePaneFocused();
   const paneInstanceId = useOptionalPaneInstanceId();
   const [drawings, setDrawings] = useState<readonly ChartDrawing[]>(NO_DRAWINGS);
   const [selectedDrawingId, setSelectedDrawingId] = useState<string | null>(null);
@@ -333,6 +336,7 @@ function ThemedCompositeChart({
     availableAxisWidth,
     Math.max(
       Math.min(MINIMUM_AXIS_LABEL_WIDTH, maximumAxisWidth),
+      ...(levels?.items ?? []).map((level) => level.axisLabel?.length ?? 0),
       ...(layoutPanels ?? []).flatMap((panel) => (["left", "right"] as const).map((side) => {
         const width = compositeAxisLabelWidth(panel.axes[side], formatAxisValue, includeCursorLabels);
         if (!includeSeriesTags || !width) return includeCursorLabels ? width : Math.min(width, maximumAxisWidth);
@@ -343,7 +347,7 @@ function ThemedCompositeChart({
         return (width + 1) * lanes;
       })),
     ),
-  ), [availableAxisWidth, formatAxisValue, includeCursorLabels, includeSeriesTags, layoutPanels, maximumAxisWidth]);
+  ), [availableAxisWidth, formatAxisValue, includeCursorLabels, includeSeriesTags, layoutPanels, maximumAxisWidth, levels?.items]);
   const leftAxisWidth = hasLeftAxis ? resolvedAxisWidth : 0;
   const rightAxisWidth = hasRightAxis ? resolvedAxisWidth : 0;
   const axisGap = resolvedAxisWidth > 0 ? 1 : 0;
@@ -650,7 +654,11 @@ function ThemedCompositeChart({
     );
   }
 
-  const showToolbar = interactive && navigable && plotWidth > CHART_TOOLBAR_WIDTH + 4;
+  // The tools belong to the focused pane, and stay while one is in hand or a
+  // press drags the plot, so focus moving elsewhere never hides what is
+  // drawing. A chart outside a pane (a share page) keeps them.
+  const toolbarWanted = paneFocused !== false || armedTool !== null || pointerDragging || toolSpan !== null;
+  const showToolbar = interactive && navigable && toolbarWanted && plotWidth > CHART_TOOLBAR_WIDTH + 4;
   // Bars shorter than a day carry a time of day the cursor reads out.
   const intradayBars = scene.timeZone !== undefined || visibleSeries.some((entry) => (
     !!entry.historyResolution && isIntradayResolution(entry.historyResolution)
@@ -772,6 +780,7 @@ function ThemedCompositeChart({
           onZoomViewport={zoomViewport}
           onSetViewport={setViewportRange}
           onToolSpanChange={setToolSpan}
+          onDragActiveChange={setPointerDragging}
           keyboardToolDrag={keyboardToolDrag?.panelId === panel.id ? keyboardToolDrag : null}
           onPointerPress={cancelKeyboardPlacement}
           showTextFallback={showTextFallback}

package/src/components/chart/composite/format.ts

@@ -298,6 +298,14 @@ export function formatChartLegendValue(
   return trimmed && trimmed.length <= 6 ? `${compact}${trimmed.startsWith("/") ? "" : " "}${trimmed}` : compact;
 }
 
+/** compactNumber's scale, with the decimals a tick gap needs at that scale. */
+function preciseCompactNumber(value: number, gap: number): string {
+  const absolute = Math.abs(value);
+  const [divisor, suffix] = ([[1e12, "T"], [1e9, "B"], [1e6, "M"], [1e3, "K"]] as const).find(([scale]) => absolute >= scale) ?? [1, ""];
+  const digits = Math.min(12, Math.max(0, Math.ceil(-Math.log10(gap / divisor) - 1e-9)));
+  return `${(value / divisor).toFixed(digits)}${suffix}`;
+}
+
 const COMPACT_LABEL = /^(-?\d+)(?:\.(\d+))?([KMBT]?)$/;
 
 function trimmedDecimals(label: string): number {
@@ -332,13 +340,17 @@ export function formatCompositeAxisValue(value: number, domain: CompositeAxisDom
   // Where that happens the axis spends the digits needed to tell them apart,
   // shared across every tick so the column reads as one scale.
   const gap = narrowestAxisTickGap(domain);
+  const prefix = currencyPrefix(domain.unit);
   if (gap !== null && gap < compactResolution(value)) {
     const resolved = formatAxisPriceValue(value, domain, {
       fixedFractionDigits: Math.max(0, Math.ceil(-Math.log10(gap))),
     });
     if (resolved) return resolved;
+    // No currency to format with, such as a price whose quote has not
+    // arrived: the same digits still keep the ticks apart.
+    const precise = preciseCompactNumber(value, gap);
+    return prefix && precise.startsWith("-") ? `-${prefix}${precise.slice(1)}` : `${prefix}${precise}`;
   }
-  const prefix = currencyPrefix(domain.unit);
   return prefix && compact.startsWith("-") ? `-${prefix}${compact.slice(1)}` : `${prefix}${compact}`;
 }
 

package/src/components/chart/composite/level-labels.ts

@@ -0,0 +1,30 @@
+import type { CSSProperties } from "react";
+import { blendForContrast, higherContrast } from "../../../theme/color-utils";
+import { fitAxisLabels, type CompositeChartLevel, type ProjectedLevel } from "./levels";
+
+/** Keep a precise price in the tag only when it has no readable axis marker. */
+export function levelLabelText(level: CompositeChartLevel, axisVisible: boolean): string {
+  return `${level.label ?? ""}${!axisVisible && level.axisLabel ? ` ${level.axisLabel}` : ""}`;
+}
+
+/** Compact DOM tags straddle their line; crowded or clipped tags yield. */
+export function layoutLevelLabels(levels: readonly ProjectedLevel[], plotHeight: number, textHeight: number) {
+  const candidates = levels.filter(({ level }) => level.label).map((entry) => ({
+    ...entry, top: entry.yRatio * plotHeight - textHeight / 2,
+  })).filter(({ top }) => top >= 0 && top + textHeight <= plotHeight);
+  return fitAxisLabels(candidates, [], ({ top }) => top / textHeight);
+}
+
+export function levelLabelStyle({ yRatio, level }: ProjectedLevel, background: string): CSSProperties {
+  return {
+    top: `${yRatio * 100}%`,
+    transform: "translateY(-50%)",
+    pointerEvents: "none",
+    paddingInline: 3,
+    height: "auto",
+    width: "max-content",
+    border: `1px solid ${level.color}`,
+    backgroundColor: background,
+    color: blendForContrast(level.color, background, higherContrast("#000000", "#ffffff", background), 4.5),
+  };
+}

package/src/components/chart/composite/levels.ts

@@ -14,6 +14,11 @@ export interface CompositeChartLevel {
   editable: boolean;
   /** Whether the chart's level action applies to it. */
   actionable: boolean;
+  /** Optional read-only annotation, independent of drawing-tool selection. */
+  label?: string;
+  /** Exact instrument price, independent of the grid's compact tick formatter. */
+  axisLabel?: string;
+  dashed?: boolean;
 }
 
 export type CompositeLevelEdit =
@@ -111,13 +116,17 @@ export function fitAxisLabels<T>(
   });
 }
 
+function levelSegments(dashed?: boolean): Array<[number, number]> {
+  return dashed ? Array.from({ length: 48 }, (_, i) => [i / 48, (i + 0.55) / 48]) : [[0, 1]];
+}
+
 export function levelVectors(levels: readonly ProjectedLevel[], selectedId: string | null): ChartVectorShape[] {
-  return levels.map(({ level, yRatio }) => ({
-    id: `level:${level.id}`,
-    points: [{ x: 0, y: yRatio }, { x: 1, y: yRatio }],
+  return levels.flatMap(({ level, yRatio }) => levelSegments(level.dashed).map(([start, end], index) => ({
+    id: `level:${level.id}:${index}`,
+    points: [{ x: start, y: yRatio }, { x: end, y: yRatio }],
     color: level.color,
     strokeWidth: level.id === selectedId ? 2.2 : 1.2,
-  }));
+  })));
 }
 
 /** Levels painted on a copy of the panel raster, the one layer the terminal uploads. */
@@ -131,7 +140,9 @@ export function paintLevels(
   const maxY = Math.max(base.height - 1, 0);
   for (const { level, yRatio } of levels) {
     const y = Math.round(yRatio * maxY);
-    drawLine(data, base.width, base.height, 0, y, maxX, y, parseHex(level.color), level.id === selectedId ? 2.2 : 1.2);
+    for (const [start, end] of levelSegments(level.dashed)) {
+      drawLine(data, base.width, base.height, start * maxX, y, end * maxX, y, parseHex(level.color), level.id === selectedId ? 2.2 : 1.2);
+    }
   }
   return { width: base.width, height: base.height, pixels: data };
 }
@@ -145,7 +156,7 @@ export function writeLevelText(lines: readonly string[], levels: readonly Projec
   const rows = lines.map((line) => Array.from(line));
   for (const { level, yRatio } of levels) {
     const row = rows[clamp(Math.round(yRatio * (rows.length - 1)), 0, rows.length - 1)]!;
-    const glyph = level.id === selectedId ? "━" : level.editable ? "─" : "┄";
+    const glyph = level.id === selectedId ? "━" : level.dashed || !level.editable ? "┄" : "─";
     for (let x = 0; x < row.length; x += 1) {
       if (row[x] === " " || row[x] === "·" || row[x] === "╌") row[x] = glyph;
     }

package/src/components/chart/composite/panel-surface.tsx

@@ -12,7 +12,8 @@ import { colors as themeColors } from "../../../theme/colors";
 import { consumeChartMouseEvent, getGlobalMouseX, getLocalPlotPointer, type ChartMouseEvent } from "../core/pointer";
 import { useStaticChartBitmapSize } from "./bitmap";
 import { useMeasuredCells } from "../../../ui/measured-cells";
-import { PriceAxisLabels } from "./price-axis-labels";
+import { PriceAxisLabels, placeAxisTicks } from "./price-axis-labels";
+import { layoutLevelLabels, levelLabelStyle, levelLabelText } from "./level-labels";
 import { formatCompositeCursorValue, type CompositeAxisValueFormatter } from "./format";
 import {
   compositeViewportPositions,
@@ -111,6 +112,8 @@ interface CompositePanelSurfaceProps {
   onZoomViewport: (zoomFactor: number, anchorRatio: number) => void;
   onSetViewport: (range: CompositeViewportRange) => void;
   onToolSpanChange: (span: ChartToolSpan | null) => void;
+  /** A press on the plot started (true) or stopped (false) dragging: a pan, a tool, a drawing or a level. */
+  onDragActiveChange?: (dragging: boolean) => void;
   /** The tool being placed from the keyboard, when it lives in this panel. */
   keyboardToolDrag: KeyboardToolDrag | null;
   /** A press on the plot: the pointer takes over from a keyboard placement. */
@@ -154,6 +157,7 @@ export function CompositePanelSurface({
   onZoomViewport,
   onSetViewport,
   onToolSpanChange,
+  onDragActiveChange,
   keyboardToolDrag,
   onPointerPress,
   showTextFallback,
@@ -477,14 +481,16 @@ export function CompositePanelSurface({
     .sort((left, right) => Number(right.level.id === selectedLevelId) - Number(left.level.id === selectedLevelId)
       || Number(left.level.editable) - Number(right.level.editable))
     .map(({ level, yRatio }) => ({
+      id: level.id,
       side: levelDomain.side,
       yRatio,
-      label: formatAxisValue ? formatAxisValue(level.value, levelDomain) : formatCompositeCursorValue(level.value, levelDomain),
+      label: level.axisLabel ?? (formatAxisValue ? formatAxisValue(level.value, levelDomain) : formatCompositeCursorValue(level.value, levelDomain)),
       color: level.color,
     })) : [], [formatAxisValue, levelDomain, projectedLevels, selectedLevelId]);
   const buildAxisMarkers = (side: "left" | "right") => {
     if (!panel.axes[side]) return undefined;
-    const toAxisMarker = (marker: { yRatio: number; label: string; color: string }) => ({
+    const toAxisMarker = (marker: { id?: string; yRatio: number; label: string; color: string }) => ({
+      id: marker.id,
       row: Math.round(marker.yRatio * Math.max(panel.height - 1, 0)),
       pixelY: marker.yRatio * Math.max(panel.height * cellHeightPx - 1, 0),
       label: marker.label,
@@ -499,8 +505,14 @@ export function CompositePanelSurface({
     // A label is a row tall, so close levels would stack into an unreadable
     // pile and hide the last price: each keeps its line, and only the labels
     // with a row to themselves show. Desktop badges sit between rows.
+    const grid = fractionalViewport
+      ? placeAxisTicks({ ticks: side === "left" ? leftAxisTicks : rightAxisTicks, height: panel.height, cellHeightPx }).map((tick) => ({
+        ...toAxisMarker({ yRatio: tick.ratio, label: tick.label, color: colors.textDim }),
+        pixelY: tick.topPercent / 100 * Math.max(panel.height * cellHeightPx - 1, 1),
+      }))
+      : [...(side === "left" ? leftAxisLabels : rightAxisLabels)].map(([row, label]) => ({ id: undefined, row, pixelY: row * cellHeightPx, label, color: colors.textDim }));
     const markers = [
-      ...fitAxisLabels(levelLabels, fixed, (marker) => fractionalViewport ? marker.pixelY / cellHeightPx : marker.row),
+      ...fitAxisLabels(levelLabels, [...fixed, ...grid], (marker) => fractionalViewport ? marker.pixelY / cellHeightPx : marker.row),
       ...fixed,
     ];
     return markers.length > 0 ? markers : undefined;
@@ -736,12 +748,29 @@ export function CompositePanelSurface({
     }
     finishToolDrag();
   }, [finishToolDrag]);
+  // Said once per change, so a pointer move costs the chart nothing.
+  const reportedDragRef = useRef(false);
+  const reportDrag = useCallback((dragging: boolean) => {
+    if (reportedDragRef.current === dragging) return;
+    reportedDragRef.current = dragging;
+    onDragActiveChange?.(dragging);
+  }, [onDragActiveChange]);
+  const pressPlot = useCallback((event: ChartMouseEvent) => {
+    const before = dragRef.current;
+    startDrag(event);
+    if (dragRef.current !== null && dragRef.current !== before) reportDrag(true);
+  }, [reportDrag, startDrag]);
+  const releasePlot = useCallback(() => {
+    resetDrag();
+    reportDrag(false);
+  }, [reportDrag, resetDrag]);
   const handleMouseMove = useCallback((event: ChartMouseEvent) => {
     // A release over a neighbouring pane never reaches this surface, so treat a
     // plain move, which only fires with no button held, as the missing release.
     finishToolDrag();
+    reportDrag(false);
     updateCursor(event);
-  }, [finishToolDrag, updateCursor]);
+  }, [finishToolDrag, reportDrag, updateCursor]);
   // Trackpads fire wheel events faster than the plot can paint, so one frame
   // absorbs every event that arrived since the last one.
   const pendingWheelRef = useRef<PendingWheel | null>(null);
@@ -876,10 +905,10 @@ export function CompositePanelSurface({
         crosshair={crosshair}
         vectors={vectors}
         onMouseMove={interactive ? handleMouseMove : undefined}
-        onMouseDown={interactive ? navigable ? startDrag : pressCursor : undefined}
+        onMouseDown={interactive ? navigable ? pressPlot : pressCursor : undefined}
         onMouseDrag={interactive && navigable ? dragViewport : undefined}
-        onMouseUp={interactive && navigable ? resetDrag : undefined}
-        onMouseDragEnd={interactive && navigable ? resetDrag : undefined}
+        onMouseUp={interactive && navigable ? releasePlot : undefined}
+        onMouseDragEnd={interactive && navigable ? releasePlot : undefined}
         onMouseScroll={interactive && navigable ? panFromWheel : undefined}
         onMouseOut={interactive ? clearCursor : undefined}
         cursor={interactive ? toolDrag || !navigable || onPickTime ? "crosshair" : "grab" : undefined}
@@ -890,6 +919,27 @@ export function CompositePanelSurface({
       >
         {textLines.map((line, index) => <Text key={index} fg={colors.text}>{line}</Text>)}
       </ChartSurface>
+      {(isDesktopWeb
+        ? layoutLevelLabels(projectedLevels, plotSize.height * cellHeightPx, cellHeightPx)
+        : fitAxisLabels(projectedLevels.filter((entry) => entry.level.label), [], (entry) => entry.yRatio * Math.max(1, panel.height - 1))
+      ).map((entry) => {
+        const { level, yRatio } = entry;
+        const axisWidth = levelDomain?.side === "left" ? leftAxisWidth : rightAxisWidth;
+        const axisMarkers = levelDomain?.side === "left" ? leftAxisMarkers : rightAxisMarkers;
+        const cursorCovers = activeCursorYRatio !== null && Math.abs(activeCursorYRatio - yRatio) * panel.height < 1;
+        const axisVisible = !cursorCovers && (level.axisLabel?.length ?? 0) <= axisWidth && !!axisMarkers?.some((marker) => marker.id === level.id);
+        const label = levelLabelText(level, axisVisible);
+        const labelStyle = isDesktopWeb ? {
+          ...levelLabelStyle(entry, colors.background), left: "auto", right: (rightAxisWidth + (rightAxisWidth ? axisGap : 0) + 1) * cellWidthPx,
+          maxWidth: Math.max(1, plotWidth - 2) * cellWidthPx,
+        } : undefined;
+        const labelWidth = Math.min(plotWidth - 2, label.length + 2);
+        return <Box key={`annotation:${level.id}`} position="absolute" left={leftAxisWidth + (leftAxisWidth ? axisGap : 0) + plotWidth - labelWidth - 1} top={yRatio * Math.max(0, panel.height - 1)} height={1}
+          width={labelWidth} flexDirection="row" justifyContent="flex-end" backgroundColor={colors.background} zIndex={20}
+          style={labelStyle} data-gloom-role="chart-level-label">
+          <Text fg={labelStyle?.color ?? level.color} wrapMode="none" style={isDesktopWeb ? { lineHeight: 1 } : undefined}>{label}</Text>
+        </Box>;
+      })}
       {rightAxisWidth > 0 ? (
         <>
           <Box width={axisGap} />

package/src/components/command-bar/routes/ticker-search/actions.ts

@@ -17,6 +17,7 @@ import {
   type TickerSearchInstrumentClass,
 } from "../../../../tickers/search";
 import type { ResultItem } from "../../list/model";
+import { delistingLabel, parseListingDelisting } from "../../../../market-data/quotes/delisting";
 import {
   buildTickerSearchCacheKey,
   createQuickLookTickerCandidates,
@@ -74,6 +75,9 @@ export function useCommandBarTickerSearchActions({
     // The candidate's detail leads with the name; the rest repeats the badge or venue.
     const leadingName = candidate.detail.split(" | ")[0]?.trim();
     const name = leadingName && leadingName.toUpperCase() !== candidate.label.toUpperCase() ? leadingName : undefined;
+    // A listing that no longer trades says so under its row, with its last session.
+    const delisting = parseListingDelisting(candidate.result?.delisting);
+    const lines = delisting ? [{ segments: [{ text: delistingLabel(delisting), emphasis: "muted" as const }] }] : undefined;
 
     if (candidate.kind === "ticker" && candidate.ticker) {
       return {
@@ -86,6 +90,7 @@ export function useCommandBarTickerSearchActions({
         badge,
         name,
         right,
+        ...(lines ? { lines } : {}),
         category: candidate.category,
         kind: "ticker",
         resolveTicker: async () => candidate.ticker!,
@@ -112,6 +117,7 @@ export function useCommandBarTickerSearchActions({
       badge,
       name,
       right,
+      ...(lines ? { lines } : {}),
       category: candidate.category,
       kind: "search",
       resolveTicker: () => resolveSearchTicker(candidate.result!, publicTickerKey(

package/src/components/index.ts

@@ -101,6 +101,8 @@ export { usePaneStatusFooter, usePaneStatusLinkFooter } from "./layout/pane/stat
 export { usePaneNoticeFooter, type UsePaneNoticeFooterOptions } from "./use-pane-notice-footer";
 export { loadingErrorFooterInfo } from "./data-table/table-pane";
 export type { PaneFooterPressEvent, PaneFooterSegment, PaneHint } from "./layout/pane/footer";
+// Data a source delivers late: the footer's yellow clock, its detail on hover.
+export { DELAYED_SEGMENT, delayedFooterSegment, splitDelayedStatus } from "./layout/pane/footer";
 export {
   getPaneSidebarWidth,
   getPaneSidebarWidthRange,

package/src/components/layout/pane/content.tsx

@@ -1,7 +1,7 @@
 import { memo, Profiler, useCallback, useMemo, type ReactNode } from "react";
 import { useAppLanguage } from "../../../i18n/react";
 import { isPerfTraceEnabled, recordPerfSample } from "../../../utils/perf-marks";
-import { PaneInViewProvider } from "../../../state/app/activity";
+import { PaneFocusedProvider, PaneInViewProvider } from "../../../state/app/activity";
 import { PaneInstanceProvider } from "../../../state/app/context";
 import { RemoteUiPaneScope } from "../../../remote/semantic-tree";
 import { useThemeColors } from "../../../theme/theme-context";
@@ -91,19 +91,21 @@ export const PaneContent = memo(function PaneContent({
     <PaneInstanceProvider paneId={paneId}>
       <RemoteUiPaneScope paneId={paneId}>
         <PaneInViewProvider value={inView}>
-          <PaneKeyboardScrollController paneId={paneId} focused={focused} />
-          <Box
-            flexDirection="column"
-            flexGrow={1}
-            flexShrink={1}
-            flexBasis={0}
-            minWidth={0}
-            minHeight={0}
-            overflow="hidden"
-            data-gloom-role="pane-content"
-          >
-            {body}
-          </Box>
+          <PaneFocusedProvider value={focused}>
+            <PaneKeyboardScrollController paneId={paneId} focused={focused} />
+            <Box
+              flexDirection="column"
+              flexGrow={1}
+              flexShrink={1}
+              flexBasis={0}
+              minWidth={0}
+              minHeight={0}
+              overflow="hidden"
+              data-gloom-role="pane-content"
+            >
+              {body}
+            </Box>
+          </PaneFocusedProvider>
         </PaneInViewProvider>
       </RemoteUiPaneScope>
     </PaneInstanceProvider>