gloomberb 0.11.1 → 0.11.3

package/src/components/command-bar/surface/index.test.tsx

@@ -179,17 +179,17 @@ describe("CommandBar", () => {
     expect(testSetup.captureCharFrame()).not.toContain("GitHub Light");
   });
 
-  test("runs plugin command shortcuts from the root query", async () => {
+  test("finds the tidy windows command by its snap alias", async () => {
     const calls: string[] = [];
 
     testSetup = await testRender(<CommandBarHarness
-      query="GL"
+      query="snap"
       configurePluginRegistry={(pluginRegistry) => {
         (pluginRegistry.commands as Map<string, any>).set("gridlock-all", {
           id: "gridlock-all",
-          label: "Gridlock All Windows",
-          description: "Arrange all visible panes into a tiled grid",
-          keywords: ["grid", "gridlock", "tile", "arrange", "windows", "layout"],
+          label: "Tidy Windows",
+          description: "Arrange every window into one tiled layout",
+          keywords: ["tidy", "snap", "grid", "gridlock", "tile", "arrange", "organize", "organise", "cleanup", "dock", "floating", "windows", "layout"],
           shortcut: "GL",
           category: "config",
           execute: async () => {
@@ -215,7 +215,7 @@ describe("CommandBar", () => {
     await testSetup.renderOnce();
 
     const frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Gridlock All Windows");
+    expect(frame).toContain("Tidy Windows");
     expect(frame).toContain("GL");
 
     await act(async () => {

package/src/components/command-bar/surface/pane.test.tsx

@@ -142,6 +142,23 @@ function registerOptionalTextPane(pluginRegistry: MutablePaneRegistry): void {
   });
 }
 
+function registerOptionalTickerPane(pluginRegistry: MutablePaneRegistry): void {
+  mutableRegistryMap(pluginRegistry.panes).set("optional-ticker", {
+    id: "optional-ticker",
+    name: "Optional Ticker",
+    component: () => null,
+    defaultPosition: "right",
+    defaultMode: "floating",
+  });
+  mutableRegistryMap(pluginRegistry.paneTemplates).set("optional-ticker-pane", {
+    id: "optional-ticker-pane",
+    paneId: "optional-ticker",
+    label: "Optional Ticker",
+    description: "Open market-wide or for one ticker.",
+    shortcut: { prefix: "OT", argPlaceholder: "ticker", argKind: "ticker", argOptional: true },
+  });
+}
+
 function registerQueryOnlyPane(pluginRegistry: MutablePaneRegistry): void {
   mutableRegistryMap(pluginRegistry.panes).set("prediction-markets", {
     id: "prediction-markets",
@@ -204,7 +221,7 @@ describe("CommandBar pane and layout routes", () => {
 
   test("renders layout mode with focused pane actions", async () => {
     testSetup = await testRender(<CommandBarHarness
-      query="LAY "
+      query="LMA "
       configureConfig={layoutModeConfig}
       configureState={layoutModeState}
     />, {
@@ -248,9 +265,29 @@ describe("CommandBar pane and layout routes", () => {
     expect(actions.some((action) => action.type === "UNDO_LAYOUT")).toBe(true);
   });
 
+  test("opens Layouts as a normal pane from LAY", async () => {
+    const opened: string[] = [];
+    testSetup = await testRender(
+      <CommandBarHarness
+        query="LAY"
+        live
+        configurePluginRegistry={(pluginRegistry) => {
+          pluginRegistry.showPane = (paneId) => opened.push(paneId);
+        }}
+      />,
+      { width: 90, height: 18 },
+    );
+    await testSetup.renderOnce();
+    expect(testSetup.captureCharFrame()).toContain("Layouts");
+
+    await clickFrameText("Layouts");
+
+    expect(opened).toEqual(["layout-marketplace"]);
+  });
+
   test("renders filtered saved layouts with textual previews", async () => {
     testSetup = await testRender(<CommandBarHarness
-      query="LAY Research"
+      query="LMA Research"
       configureConfig={layoutModeConfig}
       configureState={layoutModeState}
     />, {
@@ -353,6 +390,33 @@ describe("CommandBar pane and layout routes", () => {
     expect(testSetup.captureCharFrame()).not.toContain("Create Pane");
   });
 
+  test("keeps an optional ticker shortcut market-wide when a ticker is active", async () => {
+    const created: CreatedPaneCall[] = [];
+
+    testSetup = await testRender(<CommandBarHarness
+      query="OT"
+      selectedTicker="AAPL"
+      live
+      configurePluginRegistry={(pluginRegistry) => {
+        registerOptionalTickerPane(pluginRegistry);
+        recordPaneCreations(pluginRegistry, created);
+      }}
+    />, {
+      width: 100,
+      height: 18,
+    });
+
+    await testSetup.renderOnce();
+
+    await act(async () => {
+      testSetup!.mockInput.pressEnter();
+      await Bun.sleep(0);
+      await testSetup!.renderOnce();
+    });
+
+    expect(created).toEqual([{ templateId: "optional-ticker-pane", options: undefined }]);
+  });
+
   for (const scenario of [
     {
       query: "prediction markets",

package/src/components/command-bar/view-model.test.ts

@@ -14,7 +14,8 @@ describe("command bar view model helpers", () => {
     expect(resolveCommandBarMode("T NVDA")).toMatchObject({ kind: "search", badge: "T" });
     expect(resolveCommandBarMode("TH ")).toMatchObject({ kind: "themes", badge: "THEMES" });
     expect(resolveCommandBarMode("PL notes")).toMatchObject({ kind: "plugins", badge: "PLUGINS" });
-    expect(resolveCommandBarMode("LAY ")).toMatchObject({ kind: "layout", badge: "LAYOUT" });
+    expect(resolveCommandBarMode("LAY")).toMatchObject({ kind: "direct-command", badge: "COMMAND" });
+    expect(resolveCommandBarMode("LMA ")).toMatchObject({ kind: "layout", badge: "LAYOUT" });
     expect(resolveCommandBarMode("NP ")).toMatchObject({ kind: "default", badge: "FILTER" });
     expect(resolveCommandBarMode("PS")).toMatchObject({ kind: "direct-command", badge: "COMMAND" });
     expect(resolveCommandBarMode("AW")).toMatchObject({ kind: "direct-command", badge: "COMMAND" });

package/src/components/command-bar/workflow/ops.test.ts

@@ -3,6 +3,7 @@ import { cloneLayout, createDefaultConfig, findPaneInstance, type LayoutConfig }
 import { createInitialState } from "../../../state/app/context";
 import { createTestDataProvider } from "../../../test-support/data-provider";
 import { applyPaneSettingFieldValue, createPaneTemplateOrThrow } from "./ops";
+import type { TickerRecord } from "../../../types/ticker";
 
 function makeDataProvider() {
   return createTestDataProvider({ id: "test" });
@@ -68,6 +69,59 @@ describe("createPaneTemplateOrThrow", () => {
     expect(placeCalls).toHaveLength(0);
   });
 
+  test("uses an explicit shared symbol instead of the recipient's active ticker", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-workflow-ops-test");
+    const state = createInitialState(config);
+    const msft: TickerRecord = {
+      metadata: {
+        ticker: "MSFT",
+        exchange: "NASDAQ",
+        currency: "USD",
+        name: "Microsoft",
+        portfolios: [],
+        watchlists: [],
+        positions: [],
+        broker_contracts: [],
+        custom: {},
+        tags: [],
+      },
+    };
+    state.tickers.set("MSFT", msft);
+    let createdSymbol: string | null | undefined;
+
+    await createPaneTemplateOrThrow("ticker-pane", { symbol: "MSFT" }, {
+      dataProvider: makeDataProvider() as any,
+      tickerRepository: makeTickerRepository() as any,
+      dispatch: () => {},
+      getState: () => state,
+      pluginRegistry: {
+        paneTemplates: new Map([["ticker-pane", {
+          id: "ticker-pane",
+          paneId: "ticker-view",
+          label: "Ticker View",
+          description: "Ticker View",
+          shortcut: { prefix: "TV", argPlaceholder: "ticker", argKind: "ticker" },
+          createInstance: (_context: unknown, options: { symbol?: string } | undefined) => {
+            createdSymbol = options?.symbol;
+            return { binding: { kind: "fixed", symbol: options?.symbol ?? "" } };
+          },
+        }]]),
+        panes: new Map([["ticker-view", {
+          id: "ticker-view",
+          name: "Ticker View",
+          component: () => null,
+          defaultPosition: "right",
+        }]]),
+        getPaneTemplatePluginId: () => undefined,
+        events: { emit: () => {} },
+      } as any,
+      buildPaneInstance: () => ({ instanceId: "ticker-view:1", paneId: "ticker-view" }) as any,
+      placePaneInstance: () => {},
+    });
+
+    expect(createdSymbol).toBe("MSFT");
+  });
+
   test("passes pane template instance ids through to pane creation", async () => {
     const config = createDefaultConfig("/tmp/gloomberb-workflow-ops-test");
     const state = createInitialState(config);

package/src/components/command-bar/workflow/ops.ts

@@ -152,7 +152,7 @@ async function resolvePaneTemplateOptions(
   let resolvedOptions = options;
   if (template.shortcut?.argPlaceholder === "ticker") {
     const resolvedTicker = await resolveTickerInputOrThrow(
-      resolvedOptions?.arg,
+      resolvedOptions?.symbol ?? resolvedOptions?.arg,
       baseContext.activeTicker,
       baseContext.activeCollectionId,
       deps,

package/src/components/data-table/export.test.ts

@@ -0,0 +1,21 @@
+import { expect, test } from "bun:test";
+import { EXCEL_CSV_BOM } from "../../utils/csv";
+import { createDataTableCsv } from "./export";
+
+test("exports displayed table cells and skips section headers", () => {
+  const items = [
+    { type: "section", name: "Americas", value: "" },
+    { type: "row", name: "S&P 500", value: "+1.25%" },
+  ];
+  const csv = createDataTableCsv({
+    columns: [
+      { id: "name", label: "Name", width: 20, align: "left" },
+      { id: "value", label: "Change", width: 10, align: "right" },
+    ],
+    items,
+    renderSectionHeader: (item) => item.type === "section" ? { text: item.name } : null,
+    renderCell: (item, column) => ({ text: item[column.id as "name" | "value"] }),
+  });
+
+  expect(csv).toBe(`${EXCEL_CSV_BOM}Name,Change\nS&P 500,'+1.25%`);
+});

package/src/components/data-table/export.ts

@@ -0,0 +1,21 @@
+import type { DataTableColumn, DataTableProps } from "../ui";
+import { serializeCsv } from "../../utils/csv";
+
+export function createDataTableCsv<
+  T,
+  C extends DataTableColumn = DataTableColumn,
+>({
+  columns,
+  items,
+  renderCell,
+  renderSectionHeader,
+}: Pick<DataTableProps<T, C>, "columns" | "items" | "renderCell" | "renderSectionHeader">): string {
+  const rows = items.flatMap((item, index) => {
+    if (renderSectionHeader?.(item, index)) return [];
+    return [columns.map((column) => renderCell(item, column, index, { selected: false }).text)];
+  });
+  return serializeCsv([
+    columns.map((column) => column.label),
+    ...rows,
+  ], { excelCompatible: true });
+}

package/src/components/layout/detached-pane-shell.tsx

@@ -1,8 +1,8 @@
-import { Box, Span, Text, useRendererHost, useUiCapabilities } from "../../ui";
+import { Box, Span, Text, useContextMenu, useRendererHost, useUiCapabilities } from "../../ui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { t } from "../../i18n";
 import { useShortcut, useViewport } from "../../react/input";
-import { useAppDispatch, useAppSelector } from "../../state/app/context";
+import { resolveTickerForPane, useAppDispatch, useAppSelector } from "../../state/app/context";
 import type { DesktopWindowBridge } from "../../types/desktop-window";
 import { findPaneInstance } from "../../types/config";
 import type { PluginRegistry } from "../../plugins/registry";
@@ -20,6 +20,13 @@ import {
   recordDoubleEscapeClose,
   resetDoubleEscapeClose,
 } from "../../utils/double-escape-close";
+import { createShare, openLiveShareUrl } from "../../shares/api";
+import { buildPaneSharePayload } from "../../shares/pane";
+import type { ContextMenuItem } from "../../types/context-menu";
+import {
+  PANE_MANAGEMENT_ACCELERATORS,
+  resolvePaneManagementShortcut,
+} from "./shell/shortcuts";
 
 interface DetachedPaneShellProps {
   pluginRegistry: PluginRegistry;
@@ -35,6 +42,7 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
   const colors = useThemeColors();
   const dispatch = useAppDispatch();
   const rendererHost = useRendererHost();
+  const { showContextMenu } = useContextMenu();
   const config = useAppSelector((state) => state.config);
   const paneState = useAppSelector((state) => state.paneState);
   const inputCaptured = useAppSelector((state) => state.inputCaptured);
@@ -46,6 +54,7 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
   const {
     cellHeightPx = 18,
     nativePaneChrome,
+    publicSharing,
     titleBarOverlay,
     nativeWindowChrome = titleBarOverlay,
     windowControls,
@@ -55,13 +64,21 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
   const instance = useAppSelector((state) => findPaneInstance(state.config.layout, desktopWindowBridge.paneId) ?? null);
   const paneDef = instance ? pluginRegistry.panes.get(instance.paneId) ?? null : null;
   const hasPaneSettings = !!instance && pluginRegistry.hasPaneSettings(instance.instanceId);
-  const quickSettings = instance ? pluginRegistry.resolvePaneQuickSettings(instance.instanceId) : [];
   const titleState = useMemo(
-    () => ({ config, paneState }) as Parameters<typeof getPaneDisplayTitle>[0],
+    () => ({ config, paneState }) as Parameters<typeof resolveTickerForPane>[0],
     [config, paneState],
   );
+  const sharePayload = useMemo(() => instance && publicSharing
+    ? buildPaneSharePayload(
+        pluginRegistry,
+        instance,
+        paneState[instance.instanceId] ?? {},
+        resolveTickerForPane(titleState, instance.instanceId),
+      )
+    : null, [instance, paneState, pluginRegistry, publicSharing, titleState]);
+  const quickSettings = instance ? pluginRegistry.resolvePaneQuickSettings(instance.instanceId) : [];
   const title = instance && paneDef
-    ? getPaneDisplayTitle(titleState, instance, paneDef)
+    ? getPaneDisplayTitle(titleState, instance, paneDef, pluginRegistry.panes)
     : "Detached Pane";
   const focused = windowFocused;
 
@@ -121,10 +138,56 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
     if (nativeWindowChrome) void rendererHost.startWindowDrag?.();
   }, [focusPane, nativeWindowChrome, rendererHost]);
 
-  const openSettings = useCallback((event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
+  const sharePane = useCallback(async () => {
+    if (!sharePayload) return;
+    try {
+      const { id } = await createShare(sharePayload);
+      await rendererHost.copyText(openLiveShareUrl(id));
+      pluginRegistry.notify({ body: "Share link copied to clipboard", type: "success" });
+    } catch (error) {
+      pluginRegistry.notify({
+        body: error instanceof Error ? error.message : "Could not share this pane.",
+        type: "error",
+      });
+    }
+  }, [pluginRegistry, rendererHost, sharePayload]);
+
+  useShortcut((event) => {
+    if (resolvePaneManagementShortcut(event) !== "share" || !sharePayload) return;
+    if (inputCaptured && event.ctrl && !event.meta && !event.super) return;
+    event.preventDefault();
+    event.stopPropagation();
+    void sharePane();
+  });
+
+  const openActions = useCallback((event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
     stopMouse(event);
-    pluginRegistry.openPaneSettingsFn(desktopWindowBridge.paneId);
-  }, [desktopWindowBridge.paneId, pluginRegistry]);
+    focusPane();
+    const items: ContextMenuItem[] = [];
+    if (hasPaneSettings) {
+      items.push({
+        id: "settings",
+        label: "Settings",
+        onSelect: () => pluginRegistry.openPaneSettingsFn(desktopWindowBridge.paneId),
+      });
+    }
+    if (sharePayload) items.push({
+      id: "share-pane",
+      label: "Share Pane",
+      accelerator: PANE_MANAGEMENT_ACCELERATORS.share,
+      onSelect: sharePane,
+    });
+    void showContextMenu({
+      kind: "pane",
+      paneId: desktopWindowBridge.paneId,
+      paneType: instance?.paneId ?? "",
+      title,
+      floating: true,
+    }, items, event).then((shown) => {
+      if (!shown && hasPaneSettings) pluginRegistry.openPaneSettingsFn(desktopWindowBridge.paneId);
+      else if (!shown && sharePayload) void sharePane();
+    });
+  }, [desktopWindowBridge.paneId, focusPane, hasPaneSettings, instance?.paneId, pluginRegistry, sharePane, sharePayload, showContextMenu, title]);
   const toggleQuickSetting = useCallback((key: string, event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
     stopMouse(event);
     focusPane();
@@ -230,14 +293,15 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
                   </Box>
                 ))}
                 <Box flexGrow={1} minWidth={0} />
-                {hasPaneSettings && (
+                {(hasPaneSettings || sharePayload) && (
                   <Text
                     fg={paneTitleText(focused, true, colors)}
                     selectable={false}
                     className="electrobun-webkit-app-region-no-drag"
                     data-gloom-role="pane-action"
                     data-gloom-interactive="true"
-                    onMouseDown={openSettings}
+                    aria-label="Pane actions"
+                    onMouseDown={openActions}
                   >
                     {" ... "}
                   </Text>

package/src/components/layout/pane/title.ts

@@ -1,9 +1,16 @@
 import { resolveCollectionForPane, resolveTickerForPane, type AppState } from "../../../state/app/context";
-import { t } from "../../../i18n";
-import { TICKER_RESEARCH_PANE_ID, type PaneInstanceConfig } from "../../../types/config";
+import { t, tf } from "../../../i18n";
+import {
+  findPaneInstance,
+  TICKER_RESEARCH_PANE_ID,
+  type PaneInstanceConfig,
+} from "../../../types/config";
 import type { PaneDef } from "../../../types/plugin";
 
-export function getPaneDisplayTitle(
+/** Single-cell link glyph: emoji link icons render double-width in terminals. */
+const LINK_GLYPH = "\u29c9";
+
+function getBasePaneDisplayTitle(
   state: Pick<AppState, "config" | "paneState">,
   instance: PaneInstanceConfig,
   paneDef: PaneDef,
@@ -38,6 +45,27 @@ export function getPaneDisplayTitle(
       ?? t(paneDef.name);
   }
 
+  // A source pane owns the cursor symbol; echoing it in its own title would just repeat the row.
+  if (paneDef.tickerSource) return t(paneDef.name);
+
   const ticker = resolveTickerForPane(state as AppState, instance.instanceId);
   return ticker ? `${t(paneDef.name)}: ${ticker}` : t(paneDef.name);
 }
+
+export function getPaneDisplayTitle(
+  state: Pick<AppState, "config" | "paneState">,
+  instance: PaneInstanceConfig,
+  paneDef: PaneDef,
+  panes?: ReadonlyMap<string, PaneDef>,
+): string {
+  const title = getBasePaneDisplayTitle(state, instance, paneDef);
+  if (instance.paneId !== TICKER_RESEARCH_PANE_ID || instance.binding?.kind !== "follow" || !panes) {
+    return title;
+  }
+
+  const source = findPaneInstance(state.config.layout, instance.binding.sourceInstanceId);
+  const sourceDef = source ? panes.get(source.paneId) : null;
+  if (!source || !sourceDef) return title;
+  const sourceTitle = getBasePaneDisplayTitle(state, source, sourceDef);
+  return `${title}  ${LINK_GLYPH} ${tf("Linked to {source}", { source: sourceTitle })}`;
+}

package/src/components/layout/shell/active-drag.ts

@@ -1,4 +1,4 @@
-import { useCallback, type Dispatch } from "react";
+import { useCallback } from "react";
 import {
   floatAtRect,
   getRememberedFloatingRect,
@@ -10,7 +10,6 @@ import {
   type LayoutBounds,
   type ResolvedPane,
 } from "../../../plugins/pane-manager";
-import type { AppAction } from "../../../state/app/context";
 import type { LayoutConfig } from "../../../types/config";
 import {
   finalizePaneDragRelease,
@@ -32,7 +31,6 @@ interface UseShellActiveDragOptions {
   appHeaderHeight: number;
   bounds: LayoutBounds;
   contentHeight: number;
-  dispatch: Dispatch<AppAction>;
   dockGeometryOptions: DockGeometryOptions;
   dockLeafLayouts: DockLeafLayout[];
   dragRuntime: ShellDragRuntimeState;
@@ -52,7 +50,6 @@ export function useShellActiveDrag({
   appHeaderHeight,
   bounds,
   contentHeight,
-  dispatch,
   dockGeometryOptions,
   dockLeafLayouts,
   dragRuntime,
@@ -168,16 +165,13 @@ export function useShellActiveDrag({
             ? getRememberedFloatingRect(baseLayout, drag.paneId, width, contentHeight, pane?.def)
             : drag.origRect;
           const releaseRect = resolvePaneDragFloatingRect(drag, baseRect, preciseX, preciseShellY, width, contentHeight);
-          const releaseResult = finalizePaneDragRelease(baseLayout, drag.paneId, releaseRect, dockPreviewRef.current);
+          const nextLayout = finalizePaneDragRelease(baseLayout, drag.paneId, releaseRect, dockPreviewRef.current);
           if (windowMode) {
-            updateWindowModePreviewLayout(releaseResult.nextLayout, drag.paneId);
+            updateWindowModePreviewLayout(nextLayout, drag.paneId);
           } else {
-            persistLayout(releaseResult.nextLayout);
+            persistLayout(nextLayout);
           }
           focusPane(drag.paneId);
-          if (!windowMode && releaseResult.shouldShowGridlockTip) {
-            dispatch({ type: "SHOW_GRIDLOCK_TIP" });
-          }
           updateDockPreview(null);
           setDragCursor(null);
           updateDragFloatingRect(null);
@@ -201,7 +195,6 @@ export function useShellActiveDrag({
     appHeaderHeight,
     bounds,
     contentHeight,
-    dispatch,
     dockGeometryOptions,
     dividerPreviewRef,
     dockLeafLayouts,

package/src/components/layout/shell/drag/index.ts

@@ -46,11 +46,6 @@ export type DragPreview =
     rect: FloatingRect;
   };
 
-export interface PaneDragReleaseResult {
-  nextLayout: LayoutConfig;
-  shouldShowGridlockTip: boolean;
-}
-
 export interface PaneDragRectState {
   mode: "docked" | "floating";
   startX: number;
@@ -272,25 +267,14 @@ export function finalizePaneDragRelease(
   paneId: string,
   previewRect: FloatingRect,
   dockPreview: DragPreview | null,
-): PaneDragReleaseResult {
+): LayoutConfig {
   if (dockPreview?.kind === "dock") {
-    return {
-      nextLayout: applyDrop(layout, paneId, dockPreview.target),
-      shouldShowGridlockTip: false,
-    };
+    return applyDrop(layout, paneId, dockPreview.target);
   }
-
   if (dockPreview?.kind === "snap") {
-    return {
-      nextLayout: floatAtRect(layout, paneId, dockPreview.rect),
-      shouldShowGridlockTip: true,
-    };
+    return floatAtRect(layout, paneId, dockPreview.rect);
   }
-
-  return {
-    nextLayout: floatAtRect(layout, paneId, previewRect),
-    shouldShowGridlockTip: false,
-  };
+  return floatAtRect(layout, paneId, previewRect);
 }
 
 export function makeSnapGuides(width: number, height: number): SnapGuide[] {

package/src/components/layout/shell/drag/runtime.ts

@@ -15,7 +15,6 @@ import {
   type LayoutBounds,
   type ResolvedPane,
 } from "../../../../plugins/pane-manager";
-import type { AppAction } from "../../../../state/app/context";
 import type { LayoutConfig } from "../../../../types/config";
 import {
   constrainFloatingRectToBounds,
@@ -165,7 +164,6 @@ interface UseShellPointerRuntimeOptions {
   bounds: LayoutBounds;
   closePaneMenu: () => void;
   contentHeight: number;
-  dispatch: Dispatch<AppAction>;
   dockGeometryOptions: DockGeometryOptions;
   dockDividerLayouts: DockDividerLayout[];
   dockLeafLayouts: DockLeafLayout[];
@@ -193,6 +191,7 @@ interface UseShellPointerRuntimeOptions {
   visibleLayout: LayoutConfig;
   width: number;
   windowMode: WindowEditState | null;
+  commandBarOpen: boolean;
 }
 
 export function useShellPointerRuntime({
@@ -200,7 +199,6 @@ export function useShellPointerRuntime({
   bounds,
   closePaneMenu,
   contentHeight,
-  dispatch,
   dockGeometryOptions,
   dockDividerLayouts,
   dockLeafLayouts,
@@ -224,12 +222,12 @@ export function useShellPointerRuntime({
   visibleLayout,
   width,
   windowMode,
+  commandBarOpen,
 }: UseShellPointerRuntimeOptions) {
   const handleActiveDrag = useShellActiveDrag({
     appHeaderHeight,
     bounds,
     contentHeight,
-    dispatch,
     dockGeometryOptions,
     dockLeafLayouts,
     focusPane,
@@ -282,6 +280,7 @@ export function useShellPointerRuntime({
     setMenuState,
     transientFocusActive,
     windowMode,
+    commandBarOpen,
   });
 
   return {

package/src/components/layout/shell/index.test.tsx

@@ -62,6 +62,7 @@ function createShellPluginRegistry(options?: {
     hasPaneSettings: (paneId: string) => paneId === "portfolio-list:main",
     openPaneSettingsFn: () => {},
     openCommandBar: () => {},
+    showPane: () => {},
     openWindowMode: () => {},
     openWindowModeFn: () => {},
     updateLayoutFn: () => {},
@@ -356,7 +357,8 @@ describe("Shell", () => {
     expect(resolvePaneManagementShortcut({ ...base, name: "D", key: "D" })).toBe("toggle-floating");
     expect(resolvePaneManagementShortcut({ ...base, name: "o", key: "o" })).toBe("pop-out");
     expect(resolvePaneManagementShortcut({ ...base, name: "c", key: "c" })).toBe("copy-screenshot");
-    expect(resolvePaneManagementShortcut({ ...base, name: "l", key: "l" })).toBe("layout-actions");
+    expect(resolvePaneManagementShortcut({ ...base, name: "s", key: "s" })).toBe("share");
+    expect(resolvePaneManagementShortcut({ ...base, name: "l", key: "l" })).toBe("layout-gallery");
     expect(resolvePaneManagementShortcut({ ...base, name: "f", key: "f" })).toBe("toggle-fullscreen");
     expect(resolvePaneManagementShortcut({ ...base, name: "g", key: "g" })).toBe("gridlock-all");
     expect(resolvePaneManagementShortcut({ ...base, name: "m", key: "m" })).toBe("window-mode");
@@ -366,6 +368,18 @@ describe("Shell", () => {
     expect(resolvePaneManagementShortcut({ ...base, name: "d", key: "d", meta: false, super: false })).toBeNull();
   });
 
+  test("opens the layout browser from the primary Shift-L shortcut", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-shell-layout-browser-shortcut-test");
+    const opened: string[] = [];
+    const registry = createShellPluginRegistry();
+    registry.showPane = (paneId) => opened.push(paneId);
+    await renderShellForWindowModeTest(createInitialState(config), { registry });
+
+    await emitKeypress({ name: "l", ctrl: true, shift: true });
+
+    expect(opened).toEqual(["layout-marketplace"]);
+  });
+
   test("toggles the focused pane fullscreen without persisting layout", async () => {
     const config = createDefaultConfig("/tmp/gloomberb-shell-fullscreen-shortcut-test");
     const mainPane = requireLayoutInstance(config, "portfolio-list:main");
@@ -478,8 +492,8 @@ describe("Shell", () => {
 
     const frame = testSetup!.captureCharFrame();
     const rows = frame.split("\n");
-    expect(rows[2]?.indexOf("┌─:: Main Portfolio") ?? -1).toBeLessThan(0);
-    expect(rows[5]?.indexOf("┌─:: Main Portfolio")).toBeGreaterThanOrEqual(14);
+    expect(rows[2]?.indexOf(":: Main Portfolio") ?? -1).toBeLessThan(0);
+    expect(rows[5]?.indexOf(":: Main Portfolio")).toBeGreaterThanOrEqual(14);
 
     await act(async () => {
       await testSetup!.mockMouse.release(16, 6);