gloomberb 0.13.2 → 0.14.0

package/src/components/command-bar/assist/model.ts

@@ -31,6 +31,53 @@ export interface AssistRowHandlers {
   onAsk: () => void;
   onSignUp: () => void;
   onRunCandidate: (input: string, prefix?: string) => void;
+  /**
+   * Opens the assistant pane with the typed question. Omitted when the ASKG
+   * pane is unavailable, which keeps the row out of the list entirely.
+   */
+  onAskGloom?: (query: string) => void;
+}
+
+/** Prefix the assistant pane is reached by, shown in the row's badge column. */
+const ASKG_PREFIX = "ASKG";
+
+const QUESTION_WORDS = new Set([
+  "what", "whats", "why", "how", "when", "where", "who", "which", "whose",
+  "is", "are", "was", "were", "do", "does", "did", "can", "could", "should",
+  "would", "will", "has", "have", "explain", "compare", "summarize", "summarise",
+]);
+
+/**
+ * Whether the text reads as a question rather than a command. A question mark
+ * settles it; otherwise a leading question word only counts in a phrase, so
+ * "is" on its own stays a prefix search.
+ */
+export function isQuestionLike(query: string): boolean {
+  const trimmed = query.trim();
+  if (!trimmed) return false;
+  if (trimmed.endsWith("?")) return true;
+  if (!/\s/.test(trimmed)) return false;
+  const first = trimmed.split(/\s+/)[0]?.toLowerCase().replace(/[^a-z]/g, "") ?? "";
+  return QUESTION_WORDS.has(first);
+}
+
+/**
+ * Whether the assistant pane is worth offering: the user asked a question, or
+ * the command translation came back without a command that fits.
+ */
+export function shouldOfferAskGloom({
+  query,
+  state,
+}: {
+  query: string;
+  state: AssistRequestState;
+}): boolean {
+  const trimmed = query.trim();
+  if (!trimmed) return false;
+  if (isQuestionLike(trimmed)) return true;
+  return state.status === "answered"
+    && state.query === trimmed
+    && state.candidates.length === 0;
 }
 
 /**
@@ -136,6 +183,7 @@ export function buildAssistResultItems({
   onAsk,
   onSignUp,
   onRunCandidate,
+  onAskGloom,
 }: AssistRowHandlers & { query: string }): ResultItem[] {
   const trimmed = query.trim();
   if (!trimmed) return [];
@@ -155,31 +203,55 @@ export function buildAssistResultItems({
   // A response only describes the query it was asked about.
   const active = state.status !== "idle" && state.query === trimmed ? state : null;
 
+  const askGloomRow = (defaultSelectable: boolean): ResultItem | null => (
+    onAskGloom && shouldOfferAskGloom({ query: trimmed, state })
+      ? assistRow({
+        id: "assist:ask-gloom",
+        label: `${trimmed} · ${t("Ask Gloom")}`,
+        badge: ASKG_PREFIX,
+        kind: "action",
+        action: () => onAskGloom(trimmed),
+        defaultSelectable,
+      })
+      : null
+  );
+
   if (!active) {
-    if (!auto) return [];
+    const askGloom = askGloomRow(false);
+    if (!auto) return askGloom ? [askGloom] : [];
     // Still inside the debounce window; activating the row skips the wait.
-    return [assistRow({ id: "assist:pending", label: t("Thinking…"), kind: "info", action: onAsk })];
+    const pending = assistRow({ id: "assist:pending", label: t("Thinking…"), kind: "info", action: onAsk });
+    return askGloom ? [pending, askGloom] : [pending];
   }
 
   if (active.status === "loading") {
     // Selectable so that Enter on it means something: it claims the answer
     // that is already on the wire.
-    return [assistRow({ id: "assist:loading", label: t("Thinking…"), kind: "info", action: onAsk })];
+    const loading = assistRow({ id: "assist:loading", label: t("Thinking…"), kind: "info", action: onAsk });
+    const askGloom = askGloomRow(false);
+    return askGloom ? [loading, askGloom] : [loading];
   }
 
   if (active.status === "error") {
+    // The assistant pane does not depend on the command translation, so a
+    // failed translation still leaves the question answerable.
+    const askGloom = askGloomRow(true);
     // A background failure is not worth a row the user never asked for.
-    if (active.source === "auto") return [];
-    return [assistRow({
+    if (active.source === "auto") return askGloom ? [askGloom] : [];
+    const error = assistRow({
       id: "assist:error",
       label: assistErrorLabel(active.kind),
       kind: "info",
       action: onAsk,
       defaultSelectable: false,
-    })];
+    });
+    return askGloom ? [error, askGloom] : [error];
   }
 
   if (active.candidates.length === 0) {
+    // Nothing local fits, so the assistant is the answer rather than a dead end.
+    const askGloom = askGloomRow(true);
+    if (askGloom) return [askGloom];
     return [assistRow({
       id: "assist:no-command",
       label: t("No command found — try HELP"),
@@ -190,11 +262,14 @@ export function buildAssistResultItems({
   // The prefix in the badge column and the argument leading the label: the
   // row doubles as a lesson in the prefix language, laid out like every
   // other row.
-  return active.candidates.map((candidate, index) => assistRow({
+  const candidateRows = active.candidates.map((candidate, index) => assistRow({
     id: `assist:candidate:${index}:${candidate.input}`,
     label: formatAssistCandidateLabel(candidate),
     badge: candidate.prefix.trim() || undefined,
     kind: "action",
     action: () => onRunCandidate(candidate.input, candidate.prefix),
   }));
+  // A resolved command is the faster answer, so it keeps the default selection.
+  const askGloom = askGloomRow(false);
+  return askGloom ? [...candidateRows, askGloom] : candidateRows;
 }

package/src/components/command-bar/commands/collection.ts

@@ -18,6 +18,7 @@ import {
   getCollectionCommandVerb,
 } from "../helpers";
 import type { CommandBarRoute } from "../workflow/types";
+import { AmbiguousCollectionTickerError, resolveCollectionTicker } from "../workflow/collection-ticker";
 
 export type CollectionCommandId =
   | "add-watchlist"
@@ -31,6 +32,7 @@ export async function executeCollectionCommandAction(options: {
   commandId: CollectionCommandId;
   rawInput?: string;
   explicitTargetId?: string | null;
+  selectedTicker?: TickerRecord;
   activeTickerSymbol: string | null;
   activeCollectionId: string | null;
   getState: () => AppState;
@@ -45,14 +47,16 @@ export async function executeCollectionCommandAction(options: {
   const kind = getCollectionCommandKind(options.commandId);
   const action = getCollectionCommandAction(options.commandId);
   const deps = options.buildWorkflowDeps();
-  const resolvedTicker = await resolveTickerInput(
-    options.rawInput,
-    options.activeTickerSymbol,
-    options.activeCollectionId,
-    deps,
-  );
+  const resolvedInput = options.selectedTicker
+    ? { symbol: options.selectedTicker.metadata.ticker, ticker: options.selectedTicker }
+    : await resolveTickerInput(
+      options.rawInput,
+      options.activeTickerSymbol,
+      options.activeCollectionId,
+      deps,
+    );
 
-  if (!resolvedTicker) {
+  if (!resolvedInput) {
     options.openModeRoute("ticker-search", options.rawInput?.trim() || "", {
       action: "collection-command",
       commandId: options.commandId,
@@ -60,6 +64,20 @@ export async function executeCollectionCommandAction(options: {
     return;
   }
 
+  let resolvedTicker = resolvedInput;
+  const selectSavedOwner = (collectionId?: string | null): boolean => {
+    try {
+      const ticker = resolveCollectionTicker(resolvedTicker.ticker, options.getState().tickers, kind, collectionId);
+      resolvedTicker = { ...resolvedTicker, symbol: ticker.metadata.ticker, ticker };
+      return true;
+    } catch (error) {
+      if (!(error instanceof AmbiguousCollectionTickerError)) throw error;
+      options.notify(error.message, { type: "error" });
+      return false;
+    }
+  };
+  if (!selectSavedOwner(options.explicitTargetId ?? options.activeCollectionId)) return;
+
   if (kind === "portfolio" && action === "add") {
     const manualPortfolios = stateForCommand.config.portfolios.filter(isManualPortfolio);
     if (manualPortfolios.length === 0) {
@@ -104,6 +122,7 @@ export async function executeCollectionCommandAction(options: {
       return;
     }
 
+    if (!selectSavedOwner(preferredTargetId)) return;
     options.openAddToPortfolioWorkflow(resolvedTicker.ticker, preferredTargetId);
     return;
   }
@@ -168,6 +187,7 @@ export async function executeCollectionCommandAction(options: {
   }
 
   let changed = false;
+  if (!selectSavedOwner(targetId)) return;
   if (kind === "watchlist") {
     ({ changed } = await applyCollectionMembershipChange(
       resolvedTicker.ticker,

package/src/components/command-bar/commands/direct/runtime.ts

@@ -4,6 +4,7 @@ import {
   type MutableRefObject,
 } from "react";
 import type { PluginRegistry } from "../../../../plugins/registry";
+import type { PinTickerOptions } from "../../../../types/plugin";
 import type {
   AppAction,
   AppState,
@@ -33,7 +34,7 @@ interface UseCommandBarDirectCommandRuntimeOptions {
     rawInput?: string,
     explicitTargetId?: string | null,
   ) => Promise<void>;
-  focusTicker: (symbol: string) => void;
+  focusTicker: (symbol: string, options?: PinTickerOptions) => void;
   notify: (body: string, options?: { type?: "info" | "success" | "error" }) => void;
   onCheckForUpdates?: () => void | Promise<void>;
   openBuiltInWorkflow: (actionId: string) => void;
@@ -95,9 +96,13 @@ export function useCommandBarDirectCommandRuntime({
       activeTickerSymbol,
       activeCollectionId,
       buildSharedWorkflowDeps(),
+      { preserveListingKey: true },
     );
     if (resolvedTicker) {
-      focusTicker(resolvedTicker.symbol);
+      focusTicker(resolvedTicker.symbol, {
+        instrument: resolvedTicker.instrument,
+        listing: resolvedTicker.listing,
+      });
       closeAll({ revertThemePreview: false });
       return;
     }

package/src/components/command-bar/list/model.ts

@@ -1,4 +1,6 @@
 import type { CommandBarResultLine } from "../../../types/plugin";
+import type { TickerRecord } from "../../../types/ticker";
+import type { BrokerContractRef, TickerListingRef } from "../../../types/instrument";
 import {
   buildSections,
   type CommandBarCategoryPriorities,
@@ -23,6 +25,13 @@ export interface ResultItem {
   /** Short tag drawn left of the label: a shortcut, an asset class, a document type. */
   badge?: string;
   right?: string;
+  /** Provider type retained for symbol/alias identity checks. */
+  instrumentType?: string;
+  contractKey?: string;
+  instrument?: BrokerContractRef | null;
+  listing?: TickerListingRef;
+  /** Materialize this exact listing when another command consumes the row. */
+  resolveTicker?: () => Promise<TickerRecord>;
   shortcutQuery?: string;
   searchText?: string;
   /** Tints the trailing marker and the section heading with the AI accent. */

package/src/components/command-bar/list/view.tsx

@@ -1,4 +1,9 @@
 import { memo, useMemo, type RefObject } from "react";
+import { t } from "../../../i18n";
+import { useRemoteUiNode } from "../../../remote/semantic-tree";
+import { commandBarBadgeText, type CommandBarBadgeTone } from "../../../theme/colors";
+import { useThemeColors } from "../../../theme/theme-context";
+import type { CommandBarResultLineSegment } from "../../../types/plugin";
 import {
   Box,
   ScrollBox,
@@ -6,12 +11,10 @@ import {
   TextAttributes,
   type ScrollBoxRenderable,
 } from "../../../ui";
-import { Spinner } from "../../ui";
-import { t } from "../../../i18n";
-import { commandBarBadgeText, type CommandBarBadgeTone } from "../../../theme/colors";
-import { useThemeColors } from "../../../theme/theme-context";
-import type { CommandBarResultLineSegment } from "../../../types/plugin";
 import { truncateTextSegments } from "../../../utils/format";
+import { Spinner } from "../../ui";
+import { useCommandBarPalette } from "../panel/palette";
+import { getRowPresentation, truncateText } from "../view-model";
 import {
   BADGE_COLUMN_WIDTH,
   BADGE_GAP,
@@ -25,8 +28,6 @@ import {
   type ListScreenState,
   type ResultItem,
 } from "./model";
-import { getRowPresentation, truncateText } from "../view-model";
-import { useRemoteUiNode } from "../../../remote/semantic-tree";
 
 export type CommandBarListScrollEvent = {
   stopPropagation: () => void;
@@ -49,16 +50,6 @@ interface CommandBarListItemRowProps {
   labelWidth: number;
   trailingWidth: number;
   nativePaneChrome: boolean;
-  paletteAccentText: string;
-  paletteBg: string;
-  paletteHeadingText: string;
-  paletteHoverBg: string;
-  paletteMatchText: string;
-  paletteSelectedBg: string;
-  paletteSelectedText: string;
-  paletteSubtleText: string;
-  paletteText: string;
-  panelBg: string;
   onHoverIndex: (index: number | null) => void;
   onListScroll: (event: CommandBarListScrollEvent) => void;
   onRowMouseDown: (event: any, item: ResultItem, globalIdx: number) => void;
@@ -76,20 +67,11 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
   labelWidth,
   trailingWidth,
   nativePaneChrome,
-  paletteAccentText,
-  paletteBg,
-  paletteHeadingText,
-  paletteHoverBg,
-  paletteMatchText,
-  paletteSelectedBg,
-  paletteSelectedText,
-  paletteSubtleText,
-  paletteText,
-  panelBg,
   onHoverIndex,
   onListScroll,
   onRowMouseDown,
 }: CommandBarListItemRowProps) {
+  const palette = useCommandBarPalette(nativePaneChrome);
   const presentation = getRowPresentation(item, isSelected, trailingWidth > 0);
   const badge = resolveRowBadge(item);
   // The badge column and its gap come out of the label, so the right column
@@ -155,10 +137,10 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
       height={1 + lines.length}
       paddingX={contentPadding}
       backgroundColor={isSelected
-        ? paletteSelectedBg
+        ? palette.selectedBg
         : isHovered
-          ? paletteHoverBg
-          : (nativePaneChrome ? panelBg : paletteBg)}
+          ? palette.hoverBg
+          : (nativePaneChrome ? palette.panelBg : palette.bg)}
       onMouseOver={() => onHoverIndex(globalIdx)}
       onMouseOut={() => onHoverIndex(null)}
       {...(!nativePaneChrome ? { onMouseScroll: onListScroll } : {})}
@@ -171,17 +153,17 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
           {badge && <CommandBarRowBadge text={badge.text} tone={badge.tone} width={BADGE_COLUMN_WIDTH} />}
         </Box>
         <Box width={labelColumnWidth}>
-          <Text fg={isSelected ? paletteSelectedText : presentation.primaryMuted ? paletteSubtleText : paletteText}>
+          <Text fg={isSelected ? palette.selectedText : presentation.primaryMuted ? palette.subtle : palette.text}>
             {label}
           </Text>
         </Box>
         <Box width={trailingWidth}>
           <Text
             fg={isSelected
-              ? paletteSelectedText
+              ? palette.selectedText
               : presentation.trailingAccent
-                ? paletteAccentText
-                : paletteSubtleText}
+                ? palette.accent
+                : palette.subtle}
           >
             {trailing}
           </Text>
@@ -199,13 +181,7 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
           {segments.map((segment, segmentIndex) => (
             <Text
               key={segmentIndex}
-              fg={resolveLineSegmentColor(segment, {
-                isSelected,
-                paletteHeadingText,
-                paletteMatchText,
-                paletteSelectedText,
-                paletteSubtleText,
-              })}
+              fg={resolveLineSegmentColor(segment, palette, isSelected)}
               attributes={segment.emphasis === "match" ? TextAttributes.BOLD : TextAttributes.NONE}
             >
               {segment.text}
@@ -242,17 +218,12 @@ function CommandBarRowBadge({ text, tone, width }: { text: string; tone: Command
  */
 function resolveLineSegmentColor(
   segment: CommandBarResultLineSegment,
-  palette: {
-    isSelected: boolean;
-    paletteHeadingText: string;
-    paletteMatchText: string;
-    paletteSelectedText: string;
-    paletteSubtleText: string;
-  },
+  palette: ReturnType<typeof useCommandBarPalette>,
+  isSelected: boolean,
 ): string {
-  if (segment.emphasis === "match") return palette.paletteMatchText;
-  if (palette.isSelected) return palette.paletteSelectedText;
-  return segment.emphasis === "muted" ? palette.paletteHeadingText : palette.paletteSubtleText;
+  if (segment.emphasis === "match") return palette.match;
+  if (isSelected) return palette.selectedText;
+  return segment.emphasis === "muted" ? palette.heading : palette.subtle;
 }
 
 interface CommandBarListBodyProps {
@@ -263,16 +234,6 @@ interface CommandBarListBodyProps {
   labelWidth: number;
   nativePaneChrome: boolean;
   nativeListScrollRef: RefObject<ScrollBoxRenderable | null>;
-  paletteAccentText: string;
-  paletteBg: string;
-  paletteHeadingText: string;
-  paletteHoverBg: string;
-  paletteMatchText: string;
-  paletteSelectedBg: string;
-  paletteSelectedText: string;
-  paletteSubtleText: string;
-  paletteText: string;
-  panelBg: string;
   queryDisplayWidth: number;
   trailingWidth: number;
   onHoverIndex: (index: number | null) => void;
@@ -288,22 +249,13 @@ export const CommandBarListBody = memo(function CommandBarListBody({
   labelWidth,
   nativePaneChrome,
   nativeListScrollRef,
-  paletteAccentText,
-  paletteBg,
-  paletteHeadingText,
-  paletteHoverBg,
-  paletteMatchText,
-  paletteSelectedBg,
-  paletteSelectedText,
-  paletteSubtleText,
-  paletteText,
-  panelBg,
   queryDisplayWidth,
   trailingWidth,
   onHoverIndex,
   onListScroll,
   onRowMouseDown,
 }: CommandBarListBodyProps) {
+  const palette = useCommandBarPalette(nativePaneChrome);
   // Headings, messages and the spinner sit on the label edge: the badge column
   // is a gutter for the rows, not an indent for everything else.
   const labelEdgePadding = contentPadding + BADGE_INDENT;
@@ -341,14 +293,14 @@ export const CommandBarListBody = memo(function CommandBarListBody({
         if (row.kind === "message") {
           return (
             <Box key={row.id} height={1} paddingLeft={labelEdgePadding} paddingRight={contentPadding} {...(!nativePaneChrome ? { onMouseScroll: onListScroll } : {})}>
-              <Text fg={paletteText}>{truncateText(t(row.label), labelEdgeWidth)}</Text>
+              <Text fg={palette.text}>{truncateText(t(row.label), labelEdgeWidth)}</Text>
             </Box>
           );
         }
         if (row.kind === "heading") {
           return (
             <Box key={row.id} height={1} paddingLeft={labelEdgePadding} paddingRight={contentPadding} {...(!nativePaneChrome ? { onMouseScroll: onListScroll } : {})}>
-              <Text attributes={TextAttributes.BOLD} fg={row.accent ? paletteAccentText : paletteHeadingText}>
+              <Text attributes={TextAttributes.BOLD} fg={row.accent ? palette.accent : palette.heading}>
                 {truncateText(t(row.label), labelEdgeWidth)}
               </Text>
             </Box>
@@ -372,16 +324,6 @@ export const CommandBarListBody = memo(function CommandBarListBody({
             labelWidth={labelWidth}
             trailingWidth={trailingWidth}
             nativePaneChrome={nativePaneChrome}
-            paletteAccentText={paletteAccentText}
-            paletteBg={paletteBg}
-            paletteHeadingText={paletteHeadingText}
-            paletteHoverBg={paletteHoverBg}
-            paletteMatchText={paletteMatchText}
-            paletteSelectedBg={paletteSelectedBg}
-            paletteSelectedText={paletteSelectedText}
-            paletteSubtleText={paletteSubtleText}
-            paletteText={paletteText}
-            panelBg={panelBg}
             onHoverIndex={onHoverIndex}
             onListScroll={onListScroll}
             onRowMouseDown={onRowMouseDown}

package/src/components/command-bar/multi-select-picker.tsx

@@ -1,8 +1,10 @@
 import type { Dispatch, SetStateAction } from "react";
-import { Box } from "../../ui";
 import { t } from "../../i18n";
 import type { PluginRegistry } from "../../plugins/registry";
 import type { PaneSettingField } from "../../types/plugin";
+import { Box } from "../../ui";
+import { fuzzyFilter } from "../../utils/fuzzy-search";
+import { ToggleList } from "../toggle-list";
 import { Button } from "../ui";
 import {
   moveMultiSelectValue,
@@ -10,9 +12,8 @@ import {
   toggleOrderedMultiSelectValue,
   type MultiSelectOption,
 } from "../ui/multi-select";
-import { ToggleList } from "../toggle-list";
-import { fuzzyFilter } from "../../utils/fuzzy-search";
 import { coerceFieldValues } from "./helpers";
+import { useCommandBarPalette } from "./panel/palette";
 import type {
   CommandBarFieldValue,
   CommandBarPickerOption,
@@ -161,8 +162,6 @@ export function CommandBarMultiSelectBody({
   onCommit,
   onSelect,
   onToggle,
-  paletteBg,
-  panelBg,
   route,
 }: {
   bodyHeight: number;
@@ -171,10 +170,9 @@ export function CommandBarMultiSelectBody({
   onCommit: () => void;
   onSelect: (index: number) => void;
   onToggle: (id: string) => void;
-  paletteBg: string;
-  panelBg: string;
   route: CommandBarMultiSelectPickerRoute;
 }) {
+  const palette = useCommandBarPalette(nativePaneChrome);
   const selectedValues = getMultiSelectPickerSelectedValues(route);
   const options = getVisibleMultiSelectPickerOptions(route);
   const items = options.map((option) => ({
@@ -197,7 +195,7 @@ export function CommandBarMultiSelectBody({
         showSelectedDescription={false}
         onSelect={onSelect}
         onToggle={onToggle}
-        bgColor={nativePaneChrome ? panelBg : paletteBg}
+        bgColor={nativePaneChrome ? palette.panelBg : palette.bg}
         remoteLabel={route.title}
         remoteScope="command-bar"
         remoteMetadata={{

package/src/components/command-bar/pane-actions.ts

@@ -13,6 +13,9 @@ import {
   addPaneToLayout,
 } from "../../plugins/pane-manager";
 import type { PluginRegistry } from "../../plugins/registry";
+import type { PinTickerOptions } from "../../types/plugin";
+import { tickerInstrumentLabel } from "../../tickers/instrument-label";
+import { instrumentFromTicker } from "../../market-data/request-types";
 import type { AppAction, AppState } from "../../state/app/context";
 
 interface CommandBarPaneActionsOptions {
@@ -39,16 +42,17 @@ export function useCommandBarPaneActions({
     dispatch({ type: "UPDATE_PANE_STATE", paneId: targetPaneId, patch: { collectionId } });
   }, [dispatch, stateRef]);
 
-  const retargetTickerResearchPane = useCallback((paneId: string, symbol: string) => {
+  const retargetTickerResearchPane = useCallback((paneId: string, symbol: string, options?: PinTickerOptions) => {
     const currentState = stateRef.current;
     const targetPane = findPaneInstance(currentState.config.layout, paneId);
     if (!targetPane || targetPane.paneId !== TICKER_RESEARCH_PANE_ID) return;
+    const instrument = options?.instrument !== undefined ? options.instrument : instrumentFromTicker(currentState.tickers.get(symbol))?.instrument ?? undefined;
 
     const nextLayout = {
       ...currentState.config.layout,
       instances: currentState.config.layout.instances.map((instance) => (
         instance.instanceId === targetPane.instanceId
-          ? { ...instance, title: symbol, binding: { kind: "fixed" as const, symbol } }
+          ? { ...instance, title: tickerInstrumentLabel(symbol, instrument), binding: { kind: "fixed" as const, symbol, ...(instrument !== undefined ? { instrument } : {}), ...(options?.listing ? { listing: options.listing } : {}) } }
           : instance
       )),
     };
@@ -56,30 +60,32 @@ export function useCommandBarPaneActions({
     dispatch({ type: "FOCUS_PANE", paneId: targetPane.instanceId });
   }, [dispatch, stateRef]);
 
-  const openFixedTickerPane = useCallback((symbol: string, options?: { forceNewPane?: boolean }) => {
+  const openFixedTickerPane = useCallback((symbol: string, options?: PinTickerOptions) => {
     pluginRegistry.pinTicker(symbol, {
       floating: true,
       paneType: TICKER_RESEARCH_PANE_ID,
       forceNewPane: options?.forceNewPane,
+      instrument: options?.instrument,
+      listing: options?.listing,
     });
   }, [pluginRegistry]);
 
-  const focusTicker = useCallback((symbol: string, options?: { forceNewPane?: boolean }) => {
+  const focusTicker = useCallback((symbol: string, options?: PinTickerOptions) => {
     const currentState = stateRef.current;
     const focusedPane = currentState.focusedPaneId
       ? findPaneInstance(currentState.config.layout, currentState.focusedPaneId)
       : null;
     if (options?.forceNewPane) {
-      openFixedTickerPane(symbol, { forceNewPane: true });
+      openFixedTickerPane(symbol, options);
       return;
     }
 
     if (focusedPane?.paneId === TICKER_RESEARCH_PANE_ID) {
-      retargetTickerResearchPane(focusedPane.instanceId, symbol);
+      retargetTickerResearchPane(focusedPane.instanceId, symbol, options);
       return;
     }
 
-    openFixedTickerPane(symbol);
+    openFixedTickerPane(symbol, options);
   }, [openFixedTickerPane, retargetTickerResearchPane, stateRef]);
 
   const persistLayoutChange = useCallback((nextLayout: LayoutConfig) => {