gloomberb 0.16.5 → 0.17.0

package/src/plugins/builtin/chart-composer/pane.tsx

@@ -1,4 +1,5 @@
 import { FINANCIAL_VINTAGE_NOTICE, SEC_EPS_BASIS_NOTICE } from "../../../utils/financial-statements";
+import { usePaneSharePreparation } from "../../../shares/prepare";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Box, useUiCapabilities } from "../../../ui";
 import {
@@ -43,7 +44,7 @@ import {
   type AppState,
 } from "../../../state/app/context";
 import { colors } from "../../../theme/colors";
-import { isUsListingExchange, parsePublicTickerKey, publicTickerKey, resolveExchangeTimeZone } from "../../../utils/exchanges";
+import { isUsListingExchange, parsePublicTickerKey, publicTickerKey } from "../../../utils/exchanges";
 import { isMarketFieldId } from "../../../time-series/field-catalog";
 import { CHART_COMPOSER_PANE_ID } from "../../../types/config";
 import { useRemoteUiNode } from "../../../remote/semantic-tree";
@@ -104,6 +105,7 @@ import {
 } from "./settings";
 import { resolveChartComposerShortcut } from "./shortcuts";
 import { describeChartResolution, formatChartDateWindow, formatChartResolution } from "./viewport-labels";
+import { intradaySessionTimeZone } from "./session-history";
 import { ChartSeriesQuickAdd } from "./quick-add";
 import { useLiveStreamingSetting } from "../../../state/hooks/live-streaming";
 import { usePluginAppActions, usePluginConfigState } from "../../runtime";
@@ -116,13 +118,14 @@ import { getActiveQuoteDisplay } from "../../../market-data/market/status";
 import { resolveEntryData } from "../../../market-data/selectors";
 import { editPriceLevels, parsePriceLevels, PRICE_LEVELS_KEY, priceLevelTickerKey } from "./price-levels";
 import { canonicalExchange } from "../../../utils/exchanges";
-import { isPlainKey } from "../../../utils/keyboard";
 import { resolveInstrumentForPane } from "../../../core/state/app/instrument";
 import { CHART_FOLLOW_SERIES_SETTING_KEY, rebindFollowChartSpec, resolveFollowSeriesIds } from "./follow-binding";
 import type { InstrumentRef } from "../../../market-data/request-types";
 
 const RANGE_OPTIONS = RANGES.map((range, index) => ({ label: range, value: range, hint: String(index + 1) }));
 const AUTO_VIEWPORT_DEBOUNCE_MS = 350;
+/** A load for a moving view that has not answered in this long no longer holds the next one back. */
+const LOAD_AHEAD_TIMEOUT_MS = 4_000;
 /**
  * Drawings persist into pane settings on a short debounce after the pointer
  * settles. A share reads those settings, so it waits at least that long for a
@@ -144,6 +147,22 @@ interface RuntimeChartViewportState {
   requestViewport: RuntimeChartViewport;
 }
 
+/** The oldest and newest market bars loaded, and whether every listing has said it keeps nothing older. */
+function loadedMarketHistory(series: readonly ResolvedSeries[]): { start: number; end: number; complete: boolean } | null {
+  let start = Number.POSITIVE_INFINITY;
+  let end = Number.NEGATIVE_INFINITY;
+  let complete = true;
+  for (const entry of series) {
+    if (entry.observationKind !== "market" || entry.points.length === 0) continue;
+    const first = entry.points[0]!.date.getTime();
+    const last = entry.points.at(-1)!.date.getTime();
+    if (Number.isFinite(first)) start = Math.min(start, first);
+    if (Number.isFinite(last)) end = Math.max(end, last);
+    if (!entry.historyStart) complete = false;
+  }
+  return Number.isFinite(start) && Number.isFinite(end) ? { start, end, complete } : null;
+}
+
 function runtimeViewportFromSetting(
   setting: ChartInteractionViewport | null,
   authoredViewportKey: string,
@@ -258,7 +277,7 @@ function ChartComposerSurface({
 }: ChartComposerSurfaceProps) {
   const dialog = useDialog();
   const dispatch = useAppDispatch();
-  const { publicSharing, cellWidthPx = 8 } = useUiCapabilities();
+  const { cellWidthPx = 8 } = useUiCapabilities();
   const desktopWeb = useUiCapabilities().nativePaneChrome === true;
   const paneId = usePaneInstanceId();
   const liveStreaming = useLiveStreamingSetting();
@@ -351,9 +370,15 @@ function ChartComposerSurface({
     spec.viewport.range,
     spec.viewport.resolution,
   ]);
+  // Auto names the bars it is on, which change as the view moves: a pan back
+  // past where a source keeps 30-minute bars charts days instead.
+  const autoBars = spec.viewport.resolution === "auto" ? resolution.resolution ?? null : null;
   const resolutionOptions = useMemo(
-    () => availableResolutions.map((value) => ({ label: formatChartResolution(value), value })),
-    [availableResolutions],
+    () => availableResolutions.map((value) => ({
+      label: value === "auto" && autoBars ? `Auto (${formatChartResolution(autoBars)})` : formatChartResolution(value),
+      value,
+    })),
+    [autoBars, availableResolutions],
   );
   const selectedStudies = getSelectedBuiltinStudies(spec);
   const selectedPairStudies = getSelectedPairStudies(spec);
@@ -396,7 +421,7 @@ function ChartComposerSurface({
     ),
     [resolution.bufferedSeries, resolution.legendSeries, resolution.series, spec],
   );
-  const { sharePane, notify } = usePluginAppActions();
+  const { notify } = usePluginAppActions();
   const { runtime } = usePluginRenderContext();
   const [levelStore, setLevelStore] = usePluginConfigState<unknown>(PRICE_LEVELS_KEY, null);
   const alertsJson = useAppSelector((state) => state.config.pluginConfig[PRICE_ALERTS_STORE.pluginId]?.[PRICE_ALERTS_STORE.key]);
@@ -472,10 +497,6 @@ function ChartComposerSurface({
       ...(alertsOn ? { action: { label: "alert", title: "Alert at Level", run: (level) => { void alertAtLevel(level.value); } } } : {}),
     };
   }, [alertAtLevel, alertsJson, alertsOn, editLevels, levelStore, listing]);
-  const shareTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  useEffect(() => () => {
-    if (shareTimerRef.current !== null) clearTimeout(shareTimerRef.current);
-  }, []);
   const [interactionCaptured, setInteractionCapturedState] = useState(false);
   // Typing in quick-add must not freeze the plot: it only takes the keyboard.
   const [modalCaptured, setModalCaptured] = useState(false);
@@ -631,7 +652,19 @@ function ChartComposerSurface({
   const activatePane = useCallback(() => {
     if (!focused) dispatch({ type: "FOCUS_PANE", paneId });
   }, [dispatch, focused, paneId]);
+  useEffect(() => () => {
+    if (runtimeViewportTimerRef.current !== null) {
+      clearTimeout(runtimeViewportTimerRef.current);
+      runtimeViewportTimerRef.current = null;
+    }
+  }, []);
+  // The view this pane last saved, so its own write coming back through the
+  // settings is not mistaken for another device's view: that would cancel the
+  // load a pan still in progress has scheduled and put its window back.
+  const savedInteractionViewportRef = useRef<string | null>(null);
   useEffect(() => {
+    if (persistedInteractionViewport && requestViewportOwnerRef.current === authoredViewportKey
+      && JSON.stringify(persistedInteractionViewport) === savedInteractionViewportRef.current) return;
     if (runtimeViewportTimerRef.current !== null) {
       clearTimeout(runtimeViewportTimerRef.current);
       runtimeViewportTimerRef.current = null;
@@ -645,30 +678,41 @@ function ChartComposerSurface({
     requestViewportOwnerRef.current = authoredViewportKey;
     setRuntimeViewportState((current) => current?.key === authoredViewportKey ? current : restored);
     if (persistedInteractionViewport && !restored) setStoredInteractionViewport(null);
-    return () => {
-      if (runtimeViewportTimerRef.current !== null) {
-        clearTimeout(runtimeViewportTimerRef.current);
-        runtimeViewportTimerRef.current = null;
-      }
-    };
   }, [authoredViewportKey, persistedInteractionViewport, setStoredInteractionViewport]);
-  const commitRuntimeViewport = useCallback(() => {
+  // The bars loaded so far, and whether the source has said nothing older exists.
+  const loadedHistory = useMemo(() => loadedMarketHistory(plottedSeries), [plottedSeries]);
+  const loadedHistoryRef = useRef(loadedHistory);
+  loadedHistoryRef.current = loadedHistory;
+  // The newest bar seen at all: bars loaded for a moved view (finer ones, after
+  // a zoom) can end before it, and a pan forward then has more to ask for.
+  const newestBarRef = useRef(Number.NEGATIVE_INFINITY);
+  if (loadedHistory) newestBarRef.current = Math.max(newestBarRef.current, loadedHistory.end);
+  // A window asked for and not answered yet: the result's view ends where the request does once it lands.
+  const loadingWindowRef = useRef<{ end: number; at: number } | null>(null);
+  const resultViewportEnd = resolution.viewport?.end.getTime() ?? null;
+  if (loadingWindowRef.current && resultViewportEnd !== null
+    && Math.abs(resultViewportEnd - loadingWindowRef.current.end) < 1_000) loadingWindowRef.current = null;
+  const commitRuntimeViewport = useCallback((save = true) => {
     const requestViewport = requestViewportRef.current;
     if (!requestViewport) return;
     const adaptiveViewport = spec.viewport.resolution === "auto"
       ? adaptiveViewportRef.current
       : null;
+    loadingWindowRef.current = { end: requestViewport.end.getTime(), at: Date.now() };
     setRuntimeViewportState({
       key: authoredViewportKey,
       adaptiveViewport,
       requestViewport,
     });
-    setStoredInteractionViewport({
+    if (!save) return;
+    const saved = {
       authoredViewportKey,
       start: requestViewport.start.toISOString(),
       end: requestViewport.end.toISOString(),
       adaptive: adaptiveViewport !== null,
-    } satisfies ChartInteractionViewport);
+    } satisfies ChartInteractionViewport;
+    savedInteractionViewportRef.current = JSON.stringify(parseChartInteractionViewport(saved));
+    setStoredInteractionViewport(saved);
   }, [authoredViewportKey, setStoredInteractionViewport, spec.viewport.resolution]);
   const handleChartViewportChange = useCallback((
     next: { start: Date; end: Date } | null,
@@ -681,6 +725,7 @@ function ChartComposerSurface({
     if (!next) {
       adaptiveViewportRef.current = null;
       requestViewportRef.current = null;
+      loadingWindowRef.current = null;
       setRuntimeViewportState(null);
       setStoredInteractionViewport(null);
       return;
@@ -694,24 +739,31 @@ function ChartComposerSurface({
     // A pan can leave the window a provider serves at the current resolution
     // just as a zoom can, so both re-pick.
     if (spec.viewport.resolution === "auto") adaptiveViewportRef.current = viewport;
+    // Bars are asked for while the view is still moving, once it comes within
+    // half a screen of the oldest loaded one (or of the newest, when newer
+    // ones exist), so a long pan keeps going instead of running into the end
+    // of what is loaded and waiting for the pointer to rest.
+    const loaded = loadedHistoryRef.current;
+    const loading = loadingWindowRef.current;
+    const reach = (end - start) / 2;
+    const nearOldest = !!loaded && !loaded.complete && start - loaded.start < reach;
+    const nearNewest = !!loaded && loaded.end < newestBarRef.current - reach / 10 && loaded.end - end < reach;
+    if ((nearOldest || nearNewest) && (!loading || Date.now() - loading.at > LOAD_AHEAD_TIMEOUT_MS)) {
+      commitRuntimeViewport(false);
+    }
     runtimeViewportTimerRef.current = globalThis.setTimeout(() => {
       runtimeViewportTimerRef.current = null;
       commitRuntimeViewport();
     }, AUTO_VIEWPORT_DEBOUNCE_MS);
-  }, [authoredViewportKey, commitRuntimeViewport, spec.viewport.resolution]);
-  const shareChart = useCallback(() => {
-    // The share reads pane settings, so the gesture in flight lands there first.
+  }, [authoredViewportKey, commitRuntimeViewport, setStoredInteractionViewport, spec.viewport.resolution]);
+  usePaneSharePreparation(paneId, async () => {
     if (runtimeViewportTimerRef.current !== null) {
       clearTimeout(runtimeViewportTimerRef.current);
       runtimeViewportTimerRef.current = null;
       commitRuntimeViewport();
     }
-    if (shareTimerRef.current !== null) return;
-    shareTimerRef.current = globalThis.setTimeout(() => {
-      shareTimerRef.current = null;
-      sharePane(paneId);
-    }, SHARE_SETTLE_DELAY_MS);
-  }, [commitRuntimeViewport, paneId, sharePane]);
+    await new Promise((resolve) => setTimeout(resolve, SHARE_SETTLE_DELAY_MS));
+  });
 
   useRemoteUiNode({
     role: "chart-data",
@@ -800,12 +852,6 @@ function ChartComposerSurface({
   );
   useShortcut((event) => {
     if (interactionCaptureRef.current || dialogOpen) return;
-    if (publicSharing && isPlainKey(event, "y")) {
-      event.preventDefault();
-      event.stopPropagation();
-      shareChart();
-      return;
-    }
     const shortcut = resolveChartComposerShortcut(event, RANGES.length);
     if (!shortcut) return;
     event.preventDefault();
@@ -871,11 +917,10 @@ function ChartComposerSurface({
   });
 
   // Footer registrations compare presentation, so their callbacks must read current actions.
-  const currentActionsRef = useRef({ openSeriesEditor, openResolutionPicker, shareChart });
-  currentActionsRef.current = { openSeriesEditor, openResolutionPicker, shareChart };
+  const currentActionsRef = useRef({ openSeriesEditor, openResolutionPicker });
+  currentActionsRef.current = { openSeriesEditor, openResolutionPicker };
   const footerSeries = useCallback(() => { void currentActionsRef.current.openSeriesEditor(); }, []);
   const footerResolution = useCallback(() => { void currentActionsRef.current.openResolutionPicker(); }, []);
-  const footerShare = useCallback(() => { currentActionsRef.current.shareChart(); }, []);
   const openIndicators = useCallback((event?: PaneFooterPressEvent) => {
     indicatorsDialogRef.current?.open(footerAnchorPoint(event));
   }, []);
@@ -901,9 +946,8 @@ function ChartComposerSurface({
       { id: "formulas", key: "f", label: "ormulas", onPress: openFormulas, disabled: formulasDisabled },
       { id: "resolution", key: "t", label: "imeframe", onPress: footerResolution },
       ...(anchorable ? [{ id: "vwap-anchor", key: "v", label: "wap anchor", title: "Anchor VWAP", onPress: footerAnchor }] : []),
-      ...(publicSharing ? [{ id: "share", key: "y", label: " share", onPress: footerShare }] : []),
     ],
-  }), [resolution.loading, pickingAnchor, footerSeries, openIndicators, indicatorsDisabled, openFormulas, formulasDisabled, footerResolution, anchorable, footerAnchor, publicSharing, footerShare]);
+  }), [resolution.loading, pickingAnchor, footerSeries, openIndicators, indicatorsDisabled, openFormulas, formulasDisabled, footerResolution, anchorable, footerAnchor]);
 
   // A fixed window (a GIP session) highlights no range, so the bar names it.
   const dateWindowLabel = useMemo(() => {
@@ -911,7 +955,7 @@ function ChartComposerSurface({
     if (!window) return undefined;
     const exchange = spec.series.find((entry) => entry.source.kind === "security")?.source;
     const timeZone = exchange?.kind === "security"
-      ? resolveExchangeTimeZone(exchange.instrument.exchange) ?? "UTC"
+      ? intradaySessionTimeZone(exchange.instrument.symbol, exchange.instrument.exchange)
       : "UTC";
     return formatChartDateWindow(window, timeZone);
   }, [spec.series, spec.viewport.dateWindow]);

package/src/plugins/builtin/chart-composer/session-history.ts

@@ -7,7 +7,8 @@ import {
   type ChartResolutionSupport,
   type ManualChartResolution,
 } from "../../../time-series/resolution";
-import { resolveExchangeTimeZone } from "../../../utils/exchanges";
+import { parsePublicTickerKey, resolveExchangeTimeZone } from "../../../utils/exchanges";
+import { listingSuffixExchange } from "../../../sources/listing-symbols";
 import { getPricePointTimestamp } from "../../../utils/price-history";
 import { pricePointIntegrity } from "../../../utils/price-history-integrity";
 import { zonedDateKey, zonedWallClockToUtcMs } from "../../../utils/zoned-date-time";
@@ -98,6 +99,20 @@ function sessionUtcBounds(value: string, timeZone: string): {
   };
 }
 
+/**
+ * The zone a listing's sessions are dated in: its exchange's, else the one its
+ * key or listing suffix names (RMS.AX trades on the ASX). A session is the
+ * bars of one local day, so it starts at the local open even where that falls
+ * before UTC midnight (10:00 in Sydney is 23:00 UTC the day before). UTC for a
+ * listing without a known venue, such as a bare US symbol.
+ */
+export function intradaySessionTimeZone(symbol: string, exchange: string | undefined): string {
+  const parsed = parsePublicTickerKey(symbol);
+  return resolveExchangeTimeZone(exchange)
+    ?? resolveExchangeTimeZone(parsed.exchange ?? listingSuffixExchange(parsed.symbol))
+    ?? "UTC";
+}
+
 function normalizedPoints(points: readonly PricePoint[]): PricePoint[] {
   const byTimestamp = new Map<number, PricePoint>();
   for (const point of points) {
@@ -232,11 +247,11 @@ async function loadHistoricalFallback(
   exchange: string,
   request: IntradayRequest,
   now: Date,
+  timeZone: string,
   context?: MarketDataRequestContext,
 ): Promise<PriceHistoryResult> {
   const empty = { points: [], resolution: request.resolution };
   if (request.session) {
-    const timeZone = resolveExchangeTimeZone(exchange) ?? "UTC";
     const bounds = sessionUtcBounds(request.session, timeZone);
     return await fetchHistoryResult(provider, symbol, exchange,
       { kind: "detail", start: bounds.start, end: bounds.end, interval: request.resolution }, context).catch(() => null) ?? empty;
@@ -256,14 +271,14 @@ export async function loadIntradayWindow(options: {
   now?: Date;
   context?: MarketDataRequestContext;
 }): Promise<LoadedIntradayWindow> {
-  const timeZone = resolveExchangeTimeZone(options.exchange) ?? "UTC";
+  const timeZone = intradaySessionTimeZone(options.symbol, options.exchange);
   let acquisition = options.request.session
     ? await loadHistoricalFallback(
         options.provider,
         options.symbol,
         options.exchange,
         options.request,
-        options.now ?? new Date(), options.context,
+        options.now ?? new Date(), timeZone, options.context,
       )
     : await loadTrailingHistory(
         options.provider,
@@ -292,7 +307,7 @@ export async function loadIntradayWindow(options: {
           options.symbol,
           options.exchange,
           options.request,
-          options.now ?? new Date(), options.context,
+          options.now ?? new Date(), timeZone, options.context,
         );
     raw = acquisition.points;
     window = resolveIntradaySessionWindow(raw, {

package/src/plugins/builtin/chat/command-bar.ts

@@ -17,10 +17,11 @@ import { requestChatPaneAction } from "./pane-requests";
 
 const CHAT_PANE_TEMPLATE_ID = "new-chat-pane";
 /**
- * Pane template value: show the conversation in a Chat pane that is already
- * open (switching it over) rather than in a pane of its own.
+ * Pane template value, for a template opened with no conversation: leave the
+ * open Chat pane on the conversation it shows instead of switching it to the
+ * one the bar would open.
  */
-export const CHAT_REUSE_PANE_VALUE = "reusePane";
+export const CHAT_KEEP_CONVERSATION_VALUE = "keepConversation";
 const CHAT_SEARCH_PROVIDER_ID = "chat:conversations";
 
 type OpenChatPane = Pick<GloomPluginContext, "createPaneFromTemplate">;
@@ -31,16 +32,13 @@ type OpenChatPane = Pick<GloomPluginContext, "createPaneFromTemplate">;
  */
 export function openChatConversation(ctx: OpenChatPane, channelId: string): void {
   requestChatPaneAction({ action: "compose", channelId });
-  ctx.createPaneFromTemplate(CHAT_PANE_TEMPLATE_ID, {
-    arg: channelId,
-    values: { [CHAT_REUSE_PANE_VALUE]: "1" },
-  });
+  ctx.createPaneFromTemplate(CHAT_PANE_TEMPLATE_ID, { arg: channelId });
 }
 
 /** The Chat pane's own New DM dialog, in the open Chat pane or a new one. */
 export function openChatNewDm(ctx: OpenChatPane): void {
   requestChatPaneAction({ action: "new-dm" });
-  ctx.createPaneFromTemplate(CHAT_PANE_TEMPLATE_ID, { values: { [CHAT_REUSE_PANE_VALUE]: "1" } });
+  ctx.createPaneFromTemplate(CHAT_PANE_TEMPLATE_ID, { values: { [CHAT_KEEP_CONVERSATION_VALUE]: "1" } });
 }
 
 const BADGES: Record<ChatConversationKind, string> = {

package/src/plugins/builtin/chat/content/composer-runtime.ts

@@ -11,6 +11,8 @@ import type { ChatContentController } from "./types";
 import { getComposerCursorOffset, moveComposerCursorToOffset } from "./composer-cursor";
 import { insertedText, pastedImagePaths } from "../attachments/transfer";
 import { chatTextWithImages } from "../attachments/model";
+import { isManagedBot } from "../ghost-user";
+import { CHAT_PERSON_ICON_WIDTH } from "../people";
 
 interface MutableRef<T> {
   current: T;
@@ -398,7 +400,10 @@ export function useChatComposerRuntime({
   const replyPreview = replyTo
     ? formatInlinePreview(
       chatTextWithImages(replyTo.content, replyTo.attachments?.length ?? 0),
-      Math.max(contentWidth - ` replying to @${replyTo.user.username}: `.length - COMPOSER_ACTION_WIDTH - 1, 0),
+      Math.max(
+        contentWidth - ` replying to @${replyTo.user.username}`.length - (isManagedBot(replyTo.user) ? CHAT_PERSON_ICON_WIDTH + 1 : 2) - COMPOSER_ACTION_WIDTH - 1,
+        0,
+      ),
     )
     : "";
   const editingPreview = editingMessage

package/src/plugins/builtin/chat/content/composer.tsx

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { Box, Text, TextAttributes, useCommandBarShortcut, type TextareaRenderable } from "../../../../ui";
 import { getMessageComposerBlockHeight, MessageComposer } from "../../../../components/ui";
 import { colors } from "../../../../theme/colors";
@@ -7,6 +8,8 @@ import type { ChatMessage } from "../../../../api-client";
 import { InlineAuthActions } from "../../cloud/auth-actions";
 import { Button, ListView } from "../../../../components/ui";
 import { COMPOSER_ACTION_WIDTH } from "../layout";
+import { isManagedBot } from "../ghost-user";
+import { ChatBotIcon } from "../message/person-icons";
 import type { ChatMentionSuggestion } from "./mentions";
 import type { ChatDraftAttachment } from "../controller/attachments";
 import { DesktopChatAttachButton, DesktopChatAttachmentStrip } from "../attachments/desktop";
@@ -20,6 +23,8 @@ interface MutableRef<T> {
 }
 
 interface ChatComposerAreaProps {
+  /** The first-chat handle prompt, drawn above everything else once you can send. */
+  handlePrompt?: ReactNode;
   canSend: boolean;
   cancelEditMessage: () => void;
   clearReplyTarget: () => void;
@@ -85,6 +90,7 @@ function ChatMentionSuggestions({
 }
 
 export function ChatComposerArea({
+  handlePrompt,
   canSend,
   cancelEditMessage,
   clearReplyTarget,
@@ -159,6 +165,8 @@ export function ChatComposerArea({
         />
       )}
 
+      {handlePrompt}
+
       {editingMessage && (
         <Box height={1} width={contentWidth} flexDirection="row">
           <Text fg={colors.textMuted}>{` ${t("editing")} `}</Text>
@@ -176,7 +184,9 @@ export function ChatComposerArea({
         <Box height={1} width={contentWidth} flexDirection="row">
           <Text fg={colors.textMuted}>{` ${t("replying to")} `}</Text>
           <Text fg={colors.positive} attributes={TextAttributes.BOLD}>{`@${replyTo.user.username}`}</Text>
-          <Text fg={colors.textDim}>{replyPreview ? `: ${replyPreview}` : ""}</Text>
+          {isManagedBot(replyTo.user) && <ChatBotIcon />}
+          {/* The bot's icon stands where the colon would. */}
+          <Text fg={colors.textDim}>{replyPreview ? `${isManagedBot(replyTo.user) ? " " : ": "}${replyPreview}` : ""}</Text>
           <Box flexGrow={1} />
           <Button stopPropagation
             label={t("Cancel")}
@@ -251,6 +261,7 @@ export function getChatComposerAreaHeight({
   replyTo,
   mentionSuggestionCount,
   draftAttachmentCount = 0,
+  promptRows = 0,
 }: {
   canSend: boolean;
   composerHeight: number;
@@ -260,9 +271,11 @@ export function getChatComposerAreaHeight({
   mentionSuggestionCount?: number;
   /** The terminal draws a row per waiting image; the desktop strip sizes itself. */
   draftAttachmentCount?: number;
+  /** Terminal rows the handle prompt above the composer takes. */
+  promptRows?: number;
 }) {
   if (!canSend) return 2;
-  return getMessageComposerBlockHeight({ height: composerHeight, nativePaneChrome })
+  return promptRows + getMessageComposerBlockHeight({ height: composerHeight, nativePaneChrome })
     + (editingMessage || replyTo ? 1 : 0)
     + Math.max(0, mentionSuggestionCount ?? 0)
     + (!nativePaneChrome && !editingMessage ? draftAttachmentCount : 0);

package/src/plugins/builtin/chat/content/footer.tsx

@@ -8,7 +8,9 @@ import { useRendererHost, useUiCapabilities } from "../../../../ui";
 import { useOptionalDialog, type PromptContext } from "../../../../ui/dialog";
 import { chatAuthorName, isDiscordGhost } from "../ghost-user";
 import { chatMessageOpenTargets, type ChatOpenTarget } from "./open-targets";
+import { chatMessagePaneLinks, type ChatMessagePaneLink } from "../pane-links/model";
 import { openChatImageViewer } from "../attachments/desktop";
+import { canReactToMessage } from "../reactions";
 
 /**
  * The chat pane's keys, shown in its footer and listed in its pane menu. The
@@ -27,6 +29,7 @@ export function useChatFooter({
   focusComposer,
   catalog,
   openTicker,
+  openPaneLink,
   openAttachPicker,
   profilePopoverUser,
   showProfilePopover,
@@ -45,6 +48,8 @@ export function useChatFooter({
   needsProfileSetup,
   openProfileSetup,
   authorMessageAction,
+  reactionsEnabled = false,
+  openReactionPicker,
 }: {
   /**
    * The composer or the New DM overlay owns the keyboard. Hints about the
@@ -62,6 +67,8 @@ export function useChatFooter({
   focusComposer: () => void;
   catalog: Record<string, InlineTickerCatalogEntry>;
   openTicker: (symbol: string) => void;
+  /** Opens what a message's chip stands for. */
+  openPaneLink: (link: ChatMessagePaneLink) => void;
   /** Opens the composer's file picker; null where images cannot be attached. */
   openAttachPicker: (() => void) | null;
   profilePopoverUser: ChatUserSummary | null;
@@ -84,18 +91,26 @@ export function useChatFooter({
   openProfileSetup: () => void;
   /** "Message @author" for the selected message, where its author can be written to. */
   authorMessageAction: { label: string; run: () => void } | null;
+  /** The server takes reactions and you can send. */
+  reactionsEnabled?: boolean;
+  /** Opens the reaction picker for the message at an index. */
+  openReactionPicker?: (index: number) => void;
 }) {
   const dialog = useOptionalDialog();
   const rendererHost = useRendererHost();
-  const content = selectedMessage?.content ?? "";
+  const { links: paneLinks, content } = chatMessagePaneLinks(selectedMessage);
   const attachments = selectedMessage?.attachments;
   const openTargets = useMemo(
-    () => chatMessageOpenTargets(content, catalog, attachments),
-    [attachments, catalog, content],
+    () => chatMessageOpenTargets(content, catalog, attachments, paneLinks),
+    [attachments, catalog, content, paneLinks],
   );
   const { nativePaneChrome } = useUiCapabilities();
 
   const openTarget = useCallback((target: ChatOpenTarget) => {
+    if (target.kind === "pane") {
+      openPaneLink(target.link);
+      return;
+    }
     if (target.kind === "ticker") {
       openTicker(target.symbol);
       return;
@@ -111,7 +126,7 @@ export function useChatFooter({
       return;
     }
     void rendererHost.openExternal(target.url);
-  }, [dialog, nativePaneChrome, openTicker, rendererHost, selectedMessage]);
+  }, [dialog, nativePaneChrome, openPaneLink, openTicker, rendererHost, selectedMessage]);
 
   // One target opens at once; several ask which, in the order the message reads.
   const openSelectedTargets = useCallback(async () => {
@@ -157,12 +172,15 @@ export function useChatFooter({
   }, [closeProfilePopover, selectedIdx]);
 
   const canEdit = canSend && !!selectedMessage && selectedMessage.id === latestEditableMessageId;
+  const canReact = reactionsEnabled && !!openReactionPicker && !!selectedMessage && canReactToMessage(selectedMessage);
   const replyToId = selectedMessage?.replyToId ?? null;
   const onlyTarget = openTargets.length === 1 ? openTargets[0]! : null;
   const failedSend = selectedMessage?.clientStatus === "failed";
   const canAttachImages = !!openAttachPicker;
   const openTargetTitle = onlyTarget
-    ? onlyTarget.kind === "ticker" ? `Open $${onlyTarget.symbol}` : onlyTarget.kind === "image" ? "Open Image" : "Open Link"
+    ? onlyTarget.kind === "ticker"
+      ? `Open $${onlyTarget.symbol}`
+      : onlyTarget.kind === "image" ? "Open Image" : onlyTarget.kind === "pane" ? "Open Pane" : "Open Link"
     : openTargets.every((target) => target.kind === "ticker")
       ? "Open Ticker…"
       : openTargets.every((target) => target.kind === "link")
@@ -188,6 +206,7 @@ export function useChatFooter({
     setChannelNotificationsEnabled,
     toggleAuthorProfile,
     authorMessageAction,
+    openReactionPicker,
   });
   latest.current = {
     beginEditMessage,
@@ -206,6 +225,7 @@ export function useChatFooter({
     setChannelNotificationsEnabled,
     toggleAuthorProfile,
     authorMessageAction,
+    openReactionPicker,
   };
   const authorMessageLabel = composing ? null : authorMessageAction?.label ?? null;
 
@@ -215,6 +235,7 @@ export function useChatFooter({
     if (!composing && selectedMessage) {
       if (canSend && failedSend) hints.push({ id: "retry", key: "Enter", label: "retry", title: "Send Again", onPress: () => latest.current.retryMessage(latest.current.selectedIdx) });
       else if (canSend) hints.push({ id: "reply", key: "Enter", label: "reply", title: "Reply", onPress: () => latest.current.beginReplyTo(latest.current.selectedIdx, { deferFocus: true }) });
+      if (canReact) hints.push({ id: "react", key: "+", label: " react", title: "Add Reaction", onPress: () => latest.current.openReactionPicker?.(latest.current.selectedIdx) });
       if (canEdit) hints.push({ id: "edit", key: "e", label: "dit", title: "Edit Message", onPress: () => { latest.current.beginEditMessage(latest.current.selectedIdx, { deferFocus: true }); } });
       if (openTargets.length > 0) hints.push({ id: "open", key: "o", label: "pen", title: openTargetTitle, onPress: () => { void latest.current.openSelectedTargets(); } });
       // Every author but a Discord ghost has a card, if only their name and a way to write to them.
@@ -271,6 +292,7 @@ export function useChatFooter({
     failedSend,
     canCycleChannels,
     canEdit,
+    canReact,
     canFocusSidebar,
     canSend,
     composing,