gloomberb 0.8.2 → 0.9.1

package/src/components/layout/shell/pane/management-shortcuts.ts

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import { useShortcut } from "../../../../react/input";
+import type { WindowEditMode } from "../../../../plugins/registry";
 import {
   createDoubleEscapeCloseState,
   recordDoubleEscapeClose,
@@ -12,6 +13,7 @@ import {
 
 interface ShellPaneManagementShortcutOptions {
   cancelActiveDrag(): void;
+  closeAllFloatingPanes(): boolean;
   closeFocusedPane(): boolean;
   copyFocusedPaneScreenshot(): boolean;
   focusedPaneId: string | null;
@@ -22,12 +24,13 @@ interface ShellPaneManagementShortcutOptions {
   openLayoutMenu(): void;
   overlayOpen: boolean;
   popOutFocusedPane(): boolean;
-  startWindowMode(): void;
+  startWindowMode(paneId?: string, mode?: WindowEditMode): void;
   toggleFocusedPaneFloating(): boolean;
 }
 
 export function useShellPaneManagementShortcuts({
   cancelActiveDrag,
+  closeAllFloatingPanes,
   closeFocusedPane,
   copyFocusedPaneScreenshot,
   focusedPaneId,
@@ -82,6 +85,9 @@ export function useShellPaneManagementShortcuts({
       case "close":
         handled = closeFocusedPane();
         break;
+      case "close-all-floating":
+        handled = closeAllFloatingPanes();
+        break;
       case "settings":
         handled = openFocusedPaneSettings();
         break;
@@ -102,7 +108,11 @@ export function useShellPaneManagementShortcuts({
         handled = gridlockVisiblePanes();
         break;
       case "window-mode":
-        startWindowMode();
+        startWindowMode(undefined, "move");
+        handled = true;
+        break;
+      case "window-resize-mode":
+        startWindowMode(undefined, "resize");
         handled = true;
         break;
     }

package/src/components/layout/shell/shortcuts.ts

@@ -6,9 +6,11 @@ export const PANE_MANAGEMENT_ACCELERATORS = {
   popOut: "CmdOrCtrl+Shift+O",
   copyScreenshot: "CmdOrCtrl+Shift+C",
   close: "CmdOrCtrl+W",
+  closeAllFloating: "CmdOrCtrl+Alt+W",
   layoutActions: "CmdOrCtrl+Shift+L",
   gridlockAll: "CmdOrCtrl+Shift+G",
   windowMode: "CmdOrCtrl+Shift+M",
+  windowResizeMode: "CmdOrCtrl+Shift+R",
 } as const;
 
 export type PaneManagementShortcut =
@@ -17,24 +19,30 @@ export type PaneManagementShortcut =
   | "pop-out"
   | "copy-screenshot"
   | "close"
+  | "close-all-floating"
   | "layout-actions"
   | "gridlock-all"
-  | "window-mode";
+  | "window-mode"
+  | "window-resize-mode";
 
 export function resolvePaneManagementShortcut(
   event: Pick<KeyEventLike, "name" | "key" | "ctrl" | "meta" | "super" | "shift" | "alt">,
 ): PaneManagementShortcut | null {
   if (!event.ctrl && !event.meta && !event.super) return null;
-  const name = (event.name ?? event.key ?? "").toLowerCase();
-  if (name === "w") return "close";
-  if (!event.shift && name === ",") return "settings";
-  if (!event.shift || event.alt) return null;
+  const rawName = event.name ?? event.key ?? "";
+  const name = rawName.toLowerCase();
+  const shifted = event.shift || rawName !== name;
+  if (!shifted && event.alt && name === "w") return "close-all-floating";
+  if (!shifted && name === "w") return "close";
+  if (!shifted && name === ",") return "settings";
+  if (!shifted || event.alt) return null;
   if (name === "c") return "copy-screenshot";
   if (name === "d") return "toggle-floating";
   if (name === "o") return "pop-out";
   if (name === "l") return "layout-actions";
   if (name === "g") return "gridlock-all";
   if (name === "m") return "window-mode";
+  if (name === "r") return "window-resize-mode";
   return null;
 }
 
@@ -42,6 +50,6 @@ export function inputCaptureAllowsPaneManagementShortcut(
   shortcut: PaneManagementShortcut,
   event: Pick<KeyEventLike, "meta" | "super" | "targetEditable">,
 ): boolean {
-  if (shortcut !== "close") return false;
+  if (shortcut !== "close" && shortcut !== "close-all-floating") return false;
   return event.meta || event.super || event.targetEditable !== true;
 }

package/src/components/layout/shell/window-mode/index.ts

@@ -128,9 +128,13 @@ export function useShellWindowMode({
     if (!windowMode) return;
     const committedLayout = resolveWindowEditCommitLayout(windowMode, bounds, dockGeometryOptions);
     const hasPendingCommit = windowEditHasPendingCommit(windowMode, bounds, dockGeometryOptions);
-    if (hasPendingCommit) {
-      persistLayout(committedLayout);
+    if (!hasPendingCommit) {
+      focusPane(windowMode.paneId);
+      setWindowMode(null);
+      return;
     }
+
+    persistLayout(committedLayout);
     focusPane(windowMode.paneId);
     setWindowMode({
       paneId: windowMode.paneId,
@@ -138,7 +142,7 @@ export function useShellWindowMode({
       mode: "move",
       focus: normalizeWindowEditFocus({ kind: "move" }, committedLayout, windowMode.paneId, "move", bounds, dockGeometryOptions),
       dirty: false,
-      notice: hasPendingCommit ? "Committed" : "No changes",
+      notice: "Committed",
     });
   }, [bounds, dockGeometryOptions, focusPane, persistLayout, windowMode]);
 
@@ -166,6 +170,7 @@ export function useShellWindowMode({
 
   useShortcut((event) => {
     if (!windowMode) return;
+    if (event.ctrl || event.meta || event.super || event.alt) return;
     const name = (event.name ?? event.key ?? "").toLowerCase();
     let handled = true;
 

package/src/components/layout/titlebar-overlay.ts

@@ -1,2 +1,18 @@
 export const TITLEBAR_TRAFFIC_LIGHT_WIDTH = 8;
 export const TITLEBAR_OVERLAY_HEIGHT_PX = 28;
+
+function currentPlatform(): string {
+  const globalWithNavigator = globalThis as typeof globalThis & {
+    navigator?: {
+      platform?: string;
+      userAgentData?: { platform?: string };
+    };
+  };
+  return globalWithNavigator.navigator?.userAgentData?.platform
+    ?? globalWithNavigator.navigator?.platform
+    ?? "";
+}
+
+export function getTitlebarLeadingInset(platform = currentPlatform()): number {
+  return /mac/i.test(platform) ? TITLEBAR_TRAFFIC_LIGHT_WIDTH : 0;
+}

package/src/components/layout/window-controls.tsx

@@ -0,0 +1,90 @@
+import { Box, useRendererHost } from "../../ui";
+import { useCallback } from "react";
+
+const WINDOWS_CONTROL_WIDTH_PX = 30;
+const WINDOWS_CONTROL_TRAILING_PADDING_PX = 10;
+
+type WindowControlAction = "minimize" | "toggle-maximize" | "close";
+
+const WINDOWS_CONTROLS: Array<{
+  action: WindowControlAction;
+  label: string;
+}> = [
+  { action: "minimize", label: "Minimize" },
+  { action: "toggle-maximize", label: "Maximize" },
+  { action: "close", label: "Close" },
+];
+
+function stopMouse(event: { stopPropagation?: () => void; preventDefault?: () => void }) {
+  event.stopPropagation?.();
+  event.preventDefault?.();
+}
+
+function WindowControlIcon({ action }: { action: WindowControlAction }) {
+  if (action === "minimize") {
+    return (
+      <svg viewBox="0 0 12 12" width="10" height="10" fill="none" aria-hidden="true">
+        <path d="M2.5 6.5H9.5" stroke="currentColor" strokeWidth="1.25" strokeLinecap="square" />
+      </svg>
+    );
+  }
+
+  if (action === "toggle-maximize") {
+    return (
+      <svg viewBox="0 0 12 12" width="10" height="10" fill="none" aria-hidden="true">
+        <rect x="3" y="3" width="6" height="6" stroke="currentColor" strokeWidth="1.25" />
+      </svg>
+    );
+  }
+
+  return (
+    <svg viewBox="0 0 12 12" width="10" height="10" fill="none" aria-hidden="true">
+      <path d="M3 3L9 9M9 3L3 9" stroke="currentColor" strokeWidth="1.35" strokeLinecap="round" />
+    </svg>
+  );
+}
+
+export function WindowControls() {
+  const rendererHost = useRendererHost();
+
+  const controlWindow = useCallback((action: WindowControlAction, event: { stopPropagation?: () => void; preventDefault?: () => void }) => {
+    stopMouse(event);
+    void rendererHost.controlWindow?.(action);
+  }, [rendererHost]);
+
+  return (
+    <Box
+      flexDirection="row"
+      alignItems="stretch"
+      flexShrink={0}
+      className="electrobun-webkit-app-region-no-drag"
+      data-gloom-role="window-controls"
+      aria-hidden={false}
+      style={{
+        paddingRight: WINDOWS_CONTROL_TRAILING_PADDING_PX,
+      }}
+    >
+      {WINDOWS_CONTROLS.map((control) => (
+        <Box
+          key={control.action}
+          alignItems="center"
+          justifyContent="center"
+          data-gloom-role="window-control"
+          data-window-control-action={control.action}
+          data-gloom-interactive="true"
+          role="button"
+          aria-label={control.label}
+          title={control.label}
+          className="electrobun-webkit-app-region-no-drag"
+          onMouseDown={(event: { stopPropagation?: () => void; preventDefault?: () => void }) => controlWindow(control.action, event)}
+          style={{
+            width: WINDOWS_CONTROL_WIDTH_PX,
+            height: "100%",
+          }}
+        >
+          <WindowControlIcon action={control.action} />
+        </Box>
+      ))}
+    </Box>
+  );
+}

package/src/components/layout/window-edit/presentation.ts

@@ -73,14 +73,14 @@ export function windowEditStatusLine(
 export function windowEditHelpText(state: WindowEditState): string {
   if (state.mode === "move") {
     if (state.focus.kind === "dock-move") {
-      return "arrows/hjkl choose side  m retarget  Tab/w window  d float  r resize  Enter commit  Esc exit/cancel";
+      return "arrows/hjkl choose side  m retarget  Tab/w window  d float  r resize  Enter commit/exit  Esc exit/cancel";
     }
-    return "Tab/w window  d dock/float  r resize  arrows/hjkl target/move  Shift fast  Enter commit  Esc exit/cancel";
+    return "Tab/w window  d dock/float  r resize  arrows/hjkl target/move  Shift fast  Enter commit/exit  Esc exit/cancel";
   }
   if (state.focus.kind === "floating-resize") {
-    return "Tab corner  w window  m move  arrows/hjkl resize  Shift fast  Enter commit  Esc exit/cancel";
+    return "Tab corner  w window  m move  arrows/hjkl resize  Shift fast  Enter commit/exit  Esc exit/cancel";
   }
-  return "arrows/hjkl move divider  Tab divider  w window  m move  Shift fast  Enter commit  Esc exit/cancel";
+  return "arrows/hjkl move divider  Tab divider  w window  m move  Shift fast  Enter commit/exit  Esc exit/cancel";
 }
 
 export function resolveWindowEditDockMovePreview(

package/src/components/onboarding/onboarding-steps.tsx

@@ -101,7 +101,8 @@ export function ShortcutsStep({ pluginRegistry }: { pluginRegistry: PluginRegist
   const shortcutDisplayMode = getShortcutDisplayMode(uiHost.kind);
   const platformShortcut = (keys: string | readonly string[]) => formatPrimaryShortcut(keys, shortcutPlatform, shortcutDisplayMode);
   const keyboardShortcuts = [
-    { key: "Ctrl+P / `", desc: "Open the command bar" },
+    { key: "Ctrl+P", desc: "Open command mode" },
+    { key: "`", desc: "Open ticker search" },
     { key: "Tab", desc: "Switch between panels" },
     { key: platformShortcut("W"), desc: "Close the focused pane" },
     { key: platformShortcut(["Shift", "D"]), desc: "Dock or float the focused pane" },
@@ -155,7 +156,7 @@ export function ShortcutsStep({ pluginRegistry }: { pluginRegistry: PluginRegist
       </Box>
       <Box height={1} />
       <Box height={1}>
-        <Text fg={colors.textDim}>{"Type these in the command bar ("}<Span fg={colors.text}><Strong>{"Ctrl+P"}</Strong></Span>{" or "}<Span fg={colors.text}><Strong>{"`"}</Strong></Span>{"):"}</Text>
+        <Text fg={colors.textDim}>{"Type these in the command bar ("}<Span fg={colors.text}><Strong>{"Ctrl+P"}</Strong></Span>{"):"}</Text>
       </Box>
       <Box height={1} />
 

package/src/components/ticker/list-table-view.tsx

@@ -81,12 +81,18 @@ const FLASHABLE_QUOTE_COLUMN_IDS = new Set([
   "bid",
   "ask",
   "spread",
+  "spread_pct",
   "ext_hours",
   "market_cap",
+  "volume",
+  "dollar_volume",
+  "range_52w",
   "mkt_value",
+  "weight",
   "day_pnl",
   "pnl",
   "pnl_pct",
+  "mark_delta",
 ]);
 
 const EMPTY_FLASH_SYMBOLS = new Map<string, QuoteFlashDirection>();

package/src/components/ui/remote-image.tsx

@@ -1,6 +1,5 @@
 import { Box, ImageSurface, Text } from "../../ui";
 import { colors } from "../../theme/colors";
-import { ExternalLinkText } from "./external-link";
 import { normalizedHttpUrl } from "../../utils/url";
 
 export interface RemoteImageProps {
@@ -11,13 +10,6 @@ export interface RemoteImageProps {
   label?: string;
 }
 
-function truncate(value: string, width: number): string {
-  if (width <= 0) return "";
-  if (value.length <= width) return value;
-  if (width <= 3) return value.slice(0, width);
-  return `${value.slice(0, width - 3)}...`;
-}
-
 export function RemoteImage({
   src,
   alt = "Image",
@@ -37,13 +29,8 @@ export function RemoteImage({
       height={Math.max(4, height)}
       objectFit="contain"
     >
-      <Box flexDirection="column" gap={1}>
+      <Box flexDirection="column">
         <Text fg={colors.textDim}>{label}</Text>
-        <ExternalLinkText
-          url={imageUrl}
-          label={truncate(imageUrl, resolvedWidth)}
-          color={colors.textBright}
-        />
       </Box>
     </ImageSurface>
   );

package/src/components/ui/tabs.tsx

@@ -30,6 +30,7 @@ export interface TabsProps {
   onAdd?: () => void;
   focused?: boolean;
   keyboardNavigation?: boolean;
+  scrollable?: boolean;
 }
 
 const WHEEL_DELTA_PER_CELL = 8;
@@ -45,6 +46,7 @@ export function Tabs({
   onAdd,
   focused = false,
   keyboardNavigation = true,
+  scrollable = true,
 }: TabsProps) {
   const ui = useUiHost();
   const NativeTabs = ui.Tabs;
@@ -131,6 +133,7 @@ export function Tabs({
       closeMode={closeMode}
       addLabel={addLabel}
       onAdd={onAdd}
+      scrollable={scrollable}
       palette={palette}
     />
   );
@@ -154,6 +157,7 @@ function OpenTuiTabs({
   closeMode = "always",
   addLabel = "+",
   onAdd,
+  scrollable = true,
   palette,
 }: TabsProps & {
   palette: {
@@ -227,6 +231,96 @@ function OpenTuiTabs({
     scrollBox.scrollTo({ x: nextLeft, y: scrollBox.scrollTop });
   };
 
+  const tabRow = (
+    <Box flexDirection="row" width={totalWidth} height={1}>
+      {tabs.map((tab, index) => {
+        const active = tab.value === activeValue;
+        const hovered = hoveredValue === tab.value && !tab.disabled;
+        const tabWidth = tabWidths[index] ?? tab.label.length + 2;
+        const showClose = !!tab.onClose && (closeMode === "always" || active);
+        const attributes = (active ? TextAttributes.BOLD : 0)
+          | (variant === "underline" && !compact && (active || hovered) ? TextAttributes.UNDERLINE : 0);
+        const startHover = tab.disabled
+          ? undefined
+          : () => {
+              setHoveredValue((current) => (current === tab.value ? current : tab.value));
+            };
+        const endHover = tab.disabled
+          ? undefined
+          : () => {
+              setHoveredValue((current) => (current === tab.value ? null : current));
+            };
+        const selectTab = tab.disabled
+          ? undefined
+          : (event: TabPointerEvent) => {
+              if (event.button === 2 && tab.onContextMenu) {
+                event.preventDefault?.();
+                event.stopPropagation?.();
+                tab.onContextMenu(tab.value, event);
+                return;
+              }
+              event.preventDefault();
+              event.stopPropagation?.();
+              onSelect(tab.value);
+            };
+
+        return (
+          <Box
+            key={tab.value}
+            width={tabWidth}
+            height={1}
+            flexDirection="row"
+            backgroundColor={active && variant === "pill" ? palette.activeBg : hovered ? palette.hoverBg : undefined}
+            onMouseOver={startHover}
+            onMouseMove={startHover}
+            onMouseOut={endHover}
+            onMouseDown={selectTab}
+            onDoubleClick={tab.disabled || !tab.onDoubleClick ? undefined : () => tab.onDoubleClick?.(tab.value)}
+          >
+            <Text
+              fg={tab.disabled ? palette.disabledFg : active && variant === "pill" ? palette.activePillFg : active ? palette.activeFg : hovered ? palette.hoverFg : palette.inactiveFg}
+              attributes={attributes}
+              onMouseDown={selectTab}
+            >
+              {` ${tab.label} `}
+            </Text>
+            {showClose && (
+              <Text
+                fg={active && variant === "pill" ? palette.activePillFg : palette.closeFg}
+                onMouseDown={(event: any) => {
+                  event.preventDefault?.();
+                  event.stopPropagation?.();
+                  tab.onClose?.(tab.value);
+                }}
+              >
+                {"x "}
+              </Text>
+            )}
+          </Box>
+        );
+      })}
+      {onAdd && (
+        <Box
+          width={addWidth}
+          height={1}
+          backgroundColor={hoveredValue === "__add__" ? palette.hoverBg : undefined}
+          onMouseMove={() => setHoveredValue((current) => (current === "__add__" ? current : "__add__"))}
+          onMouseOut={() => setHoveredValue((current) => (current === "__add__" ? null : current))}
+          onMouseDown={(event: TabPointerEvent) => {
+            event.preventDefault();
+            onAdd();
+          }}
+        >
+          <Text fg={hoveredValue === "__add__" ? palette.hoverFg : palette.addFg}>
+            {` ${addLabel} `}
+          </Text>
+        </Box>
+      )}
+    </Box>
+  );
+
+  if (!scrollable) return tabRow;
+
   return (
     <ScrollBox
       ref={scrollRef}
@@ -237,86 +331,7 @@ function OpenTuiTabs({
       horizontalScrollbarOptions={{ visible: false }}
       onMouseScroll={handleMouseScroll}
     >
-      <Box flexDirection="row" width={totalWidth} height={1}>
-        {tabs.map((tab, index) => {
-          const active = tab.value === activeValue;
-          const hovered = hoveredValue === tab.value && !tab.disabled;
-          const tabWidth = tabWidths[index] ?? tab.label.length + 2;
-          const showClose = !!tab.onClose && (closeMode === "always" || active);
-          const attributes = (active ? TextAttributes.BOLD : 0)
-            | (variant === "underline" && !compact && (active || hovered) ? TextAttributes.UNDERLINE : 0);
-          const startHover = tab.disabled
-            ? undefined
-            : () => {
-                setHoveredValue((current) => (current === tab.value ? current : tab.value));
-              };
-          const endHover = tab.disabled
-            ? undefined
-            : () => {
-                setHoveredValue((current) => (current === tab.value ? null : current));
-              };
-
-          return (
-            <Box
-              key={tab.value}
-              width={tabWidth}
-              height={1}
-              flexDirection="row"
-              backgroundColor={active && variant === "pill" ? palette.activeBg : hovered ? palette.hoverBg : undefined}
-              onMouseOver={startHover}
-              onMouseMove={startHover}
-              onMouseOut={endHover}
-              onMouseDown={tab.disabled ? undefined : (event: TabPointerEvent) => {
-                if (event.button === 2 && tab.onContextMenu) {
-                  event.preventDefault?.();
-                  event.stopPropagation?.();
-                  tab.onContextMenu(tab.value, event);
-                  return;
-                }
-                event.preventDefault();
-                onSelect(tab.value);
-              }}
-              onDoubleClick={tab.disabled || !tab.onDoubleClick ? undefined : () => tab.onDoubleClick?.(tab.value)}
-            >
-              <Text
-                fg={tab.disabled ? palette.disabledFg : active && variant === "pill" ? palette.activePillFg : active ? palette.activeFg : hovered ? palette.hoverFg : palette.inactiveFg}
-                attributes={attributes}
-              >
-                {` ${tab.label} `}
-              </Text>
-              {showClose && (
-                <Text
-                  fg={active && variant === "pill" ? palette.activePillFg : palette.closeFg}
-                  onMouseDown={(event: any) => {
-                    event.preventDefault?.();
-                    event.stopPropagation?.();
-                    tab.onClose?.(tab.value);
-                  }}
-                >
-                  {"x "}
-                </Text>
-              )}
-            </Box>
-          );
-        })}
-        {onAdd && (
-          <Box
-            width={addWidth}
-            height={1}
-            backgroundColor={hoveredValue === "__add__" ? palette.hoverBg : undefined}
-            onMouseMove={() => setHoveredValue((current) => (current === "__add__" ? current : "__add__"))}
-            onMouseOut={() => setHoveredValue((current) => (current === "__add__" ? null : current))}
-            onMouseDown={(event: TabPointerEvent) => {
-              event.preventDefault();
-              onAdd();
-            }}
-          >
-            <Text fg={hoveredValue === "__add__" ? palette.hoverFg : palette.addFg}>
-              {` ${addLabel} `}
-            </Text>
-          </Box>
-        )}
-      </Box>
+      {tabRow}
     </ScrollBox>
   );
 }

package/src/components/ui/ui.test.tsx

@@ -360,6 +360,60 @@ describe("shared UI kit", () => {
     expect(lastSelected).toBe("chart");
   });
 
+  test("selects tabs by clicking their text labels", async () => {
+    let lastSelected = "overview";
+    const selectedValues: string[] = [];
+
+    function PointerTabsHarness() {
+      const [activeValue, setActiveValue] = useState("overview");
+      return (
+        <Tabs
+          tabs={[
+            { label: "Overview", value: "overview" },
+            { label: "News", value: "news" },
+            { label: "Chart", value: "chart" },
+          ]}
+          activeValue={activeValue}
+          onSelect={(value) => {
+            lastSelected = value;
+            selectedValues.push(value);
+            setActiveValue(value);
+          }}
+          scrollable={false}
+        />
+      );
+    }
+
+    testSetup = await testRender(<PointerTabsHarness />, { width: 40, height: 4 });
+
+    await act(async () => {
+      await testSetup!.renderOnce();
+    });
+
+    let frame = testSetup.captureCharFrame();
+    const newsCol = frame.split("\n")[0]!.indexOf("News");
+    expect(newsCol).toBeGreaterThanOrEqual(0);
+
+    await act(async () => {
+      await testSetup!.mockMouse.click(newsCol + 1, 0);
+      await testSetup!.renderOnce();
+    });
+
+    expect(lastSelected).toBe("news");
+
+    frame = testSetup.captureCharFrame();
+    const chartCol = frame.split("\n")[0]!.indexOf("Chart");
+    expect(chartCol).toBeGreaterThanOrEqual(0);
+
+    await act(async () => {
+      await testSetup!.mockMouse.click(chartCol + 1, 0);
+      await testSetup!.renderOnce();
+    });
+
+    expect(selectedValues).toEqual(["news", "chart"]);
+    expect(lastSelected).toBe("chart");
+  });
+
   test("renders tab actions for editable tab sets", async () => {
     testSetup = await testRender(
       <Tabs

package/src/core/state/app/types.ts

@@ -26,10 +26,18 @@ export interface CollectionSortPreference {
   direction: SortDirection;
 }
 
-interface CommandBarLaunchRequest {
+interface CommandBarLaunchRequestBase {
+  sequence: number;
+}
+
+interface CommandBarPluginLaunchRequest extends CommandBarLaunchRequestBase {
   kind: "plugin-command";
   commandId: string;
-  sequence: number;
+}
+
+interface CommandBarTickerSearchLaunchRequest extends CommandBarLaunchRequestBase {
+  kind: "ticker-search";
+  query?: string;
 }
 
 export interface AppState {
@@ -44,7 +52,7 @@ export interface AppState {
   recentTickers: string[];
   commandBarOpen: boolean;
   commandBarQuery: string;
-  commandBarLaunchRequest: CommandBarLaunchRequest | null;
+  commandBarLaunchRequest: CommandBarPluginLaunchRequest | CommandBarTickerSearchLaunchRequest | null;
   themePreview: string | null;
   refreshing: Set<string>;
   initialized: boolean;
@@ -74,7 +82,7 @@ export type AppAction =
       type: "SET_COMMAND_BAR";
       open: boolean;
       query?: string;
-      launch?: { kind: "plugin-command"; commandId: string } | null;
+      launch?: { kind: "plugin-command"; commandId: string } | { kind: "ticker-search"; query?: string } | null;
     }
   | { type: "SET_COMMAND_BAR_QUERY"; query: string }
   | { type: "SET_REFRESHING"; symbol: string; refreshing: boolean }