gloomberb 0.8.2 → 0.9.1

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

@@ -6,6 +6,7 @@ import {
   rankTickerSearchItems,
   upsertTickerFromSearchResult,
   type TickerSearchCandidate,
+  type TickerSearchInstrumentClass,
 } from "../../../../tickers/search";
 import type { ResultItem } from "../../list/model";
 import {
@@ -45,12 +46,15 @@ export function useCommandBarTickerSearchActions({
   }, [tickerRepository, dispatch, pluginRegistry.events, focusTicker, closeAll]);
 
   const mapTickerSearchCandidateToResultItem = useCallback((candidate: TickerSearchCandidate): ResultItem => {
+    const detail = formatTickerSearchDetail(candidate);
+    const right = formatTickerSearchRight(candidate);
+
     if (candidate.kind === "ticker" && candidate.ticker) {
       return {
         id: candidate.id,
         label: candidate.label,
-        detail: candidate.detail,
-        right: candidate.right,
+        detail,
+        right,
         category: candidate.category,
         kind: "ticker",
         secondaryAction: () => {
@@ -67,8 +71,8 @@ export function useCommandBarTickerSearchActions({
     return {
       id: candidate.id,
       label: candidate.label,
-      detail: candidate.detail,
-      right: candidate.right,
+      detail,
+      right,
       category: candidate.category,
       kind: "search",
       secondaryAction: () => openTickerResearch(candidate.result!, { forceNewPane: true }),
@@ -140,3 +144,37 @@ export function useCommandBarTickerSearchActions({
     writeTickerSearchCache,
   };
 }
+
+function formatTickerSearchRight(candidate: TickerSearchCandidate): string | undefined {
+  const assetClass = formatInstrumentClass(candidate.instrumentClass);
+  const exchange = candidate.exchangeLabel || candidate.primaryExchangeLabel || candidate.right || "";
+  if (!exchange) return assetClass;
+  if (assetClass === "Other") return exchange;
+  return `${assetClass} ${exchange}`;
+}
+
+function formatTickerSearchDetail(candidate: TickerSearchCandidate): string {
+  const metadata = [
+    formatInstrumentClass(candidate.instrumentClass),
+    candidate.exchangeLabel,
+    candidate.primaryExchangeLabel && candidate.primaryExchangeLabel !== candidate.exchangeLabel
+      ? candidate.primaryExchangeLabel
+      : null,
+  ].filter((value): value is string => !!value);
+  return metadata.length > 0
+    ? `${candidate.detail} | ${metadata.join(" | ")}`
+    : candidate.detail;
+}
+
+function formatInstrumentClass(instrumentClass: TickerSearchInstrumentClass): string {
+  switch (instrumentClass) {
+    case "equity":
+      return "Equity";
+    case "fund":
+      return "Fund";
+    case "derivative":
+      return "Derivative";
+    case "other":
+      return "Other";
+  }
+}

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

@@ -65,7 +65,10 @@ export function useTickerSearchRouteResults(options: {
 
     const searchQuery = routeQuery.trim();
     if (!searchQuery) {
-      resetTickerSearchRoute();
+      searchRequestIdRef.current += 1;
+      setTickerSearchPending(false);
+      setTickerSearchResults(localTickerSearchResultItems(undefined, { limit: 8 }));
+      if (searchTimerRef.current) clearTimeout(searchTimerRef.current);
       return;
     }
 

package/src/components/command-bar/routing/launch-request.ts

@@ -1,17 +1,17 @@
 import { useEffect, useRef } from "react";
 import type { PluginRegistry } from "../../../plugins/registry";
+import type { AppState } from "../../../state/app/context";
 import type { CommandDef } from "../../../types/plugin";
 
-interface CommandBarPluginLaunchRequest {
-  kind: "plugin-command";
-  commandId: string;
-  sequence: number;
-}
-
 interface UseCommandBarLaunchRequestOptions {
   activeTickerSymbol: string | null;
-  commandBarLaunchRequest: CommandBarPluginLaunchRequest | null;
+  commandBarLaunchRequest: AppState["commandBarLaunchRequest"];
   commandBarOpen: boolean;
+  openModeRoute: (
+    screen: "ticker-search" | "plugins" | "layout",
+    initialQuery?: string,
+    payload?: Record<string, unknown>,
+  ) => void;
   openPluginCommandWorkflow: (
     command: CommandDef,
     options?: { values?: Record<string, string> },
@@ -23,6 +23,7 @@ export function useCommandBarLaunchRequest({
   activeTickerSymbol,
   commandBarLaunchRequest,
   commandBarOpen,
+  openModeRoute,
   openPluginCommandWorkflow,
   pluginRegistry,
 }: UseCommandBarLaunchRequestOptions) {
@@ -38,6 +39,11 @@ export function useCommandBarLaunchRequest({
     if (processedLaunchSequenceRef.current === launch.sequence) return;
     processedLaunchSequenceRef.current = launch.sequence;
 
+    if (launch.kind === "ticker-search") {
+      openModeRoute("ticker-search", launch.query ?? "");
+      return;
+    }
+
     const command = pluginRegistry.commands.get(launch.commandId);
     if (!command?.wizard || command.wizard.length === 0) return;
     let values: Record<string, string> | undefined;
@@ -53,6 +59,7 @@ export function useCommandBarLaunchRequest({
     activeTickerSymbol,
     commandBarLaunchRequest,
     commandBarOpen,
+    openModeRoute,
     openPluginCommandWorkflow,
     pluginRegistry,
   ]);

package/src/components/command-bar/routing/list-state.ts

@@ -125,9 +125,7 @@ function buildRouteListState(options: BuildRouteListStateOptions): ListScreenSta
         };
       }
       case "ticker-search": {
-        const results = currentRoute.query.trim()
-          ? tickerSearchResults.map((item) => adaptTickerSearchRouteResult(item, currentRoute.payload))
-          : [];
+        const results = tickerSearchResults.map((item) => adaptTickerSearchRouteResult(item, currentRoute.payload));
         const emptyState = getEmptyState("search", currentRoute.query, currentRoute.query);
         return {
           kind: "mode",

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

@@ -81,13 +81,35 @@ describe("CommandBar", () => {
 
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Commands");
-    expect(frame).toContain("Tickers");
-    expect(frame).toContain("AAPL");
+    expect(frame).not.toContain("Tickers");
     expect(frame).toContain("Panes");
     expect(frame).toContain("Portfolio");
     expect(frame).toContain("Help");
   });
 
+  test("keeps generic command filtering separate from ticker search", async () => {
+    const searchQueries: string[] = [];
+    testSetup = await testRender(<CommandBarHarness
+      query="MSFT"
+      dataProvider={makeDataProvider(async (query) => {
+        searchQueries.push(query);
+        return [];
+      })}
+    />, {
+      width: 80,
+      height: 24,
+    });
+
+    await testSetup.renderOnce();
+    await Bun.sleep(260);
+    await testSetup.renderOnce();
+
+    const frame = testSetup.captureCharFrame();
+    expect(frame).not.toContain("Tickers");
+    expect(frame).not.toContain("Microsoft Corp.");
+    expect(searchQueries).toEqual([]);
+  });
+
   test("runs check for updates from the command bar", async () => {
     const calls: number[] = [];
 
@@ -416,6 +438,56 @@ describe("CommandBar", () => {
     expect(frame).toContain("AMD");
   });
 
+  test("opens ticker search from a launch request with saved ticker metadata", async () => {
+    testSetup = await testRender(<CommandBarHarness
+      query=""
+      extraTickers={[makeTicker("BRK.B", "Berkshire Hathaway Inc.", {
+        exchange: "NYSE",
+        assetCategory: "STK",
+      })]}
+      configureState={(state) => ({
+        ...state,
+        commandBarLaunchRequest: {
+          kind: "ticker-search",
+          query: "",
+          sequence: 1,
+        },
+      })}
+    />, {
+      width: 100,
+      height: 24,
+    });
+
+    const frame = await waitForFrameToContain("Security Description");
+    expectSingleBackControl(frame);
+    expect(frame).toContain("BRK.B");
+    expect(frame).toContain("Equity NYSE");
+  });
+
+  test("opens ticker search when activating the Ticker Research pane item without a ticker", async () => {
+    testSetup = await testRender(<CommandBarHarness query="ticker research" />, {
+      width: 100,
+      height: 24,
+    });
+
+    await testSetup.renderOnce();
+    const rootFrame = testSetup.captureCharFrame();
+    const tickerResearchRow = rootFrame
+      .split("\n")
+      .find((line) => line.includes("Ticker Research"));
+    expect(tickerResearchRow).toMatch(/\bT\s*$/);
+
+    await act(async () => {
+      testSetup!.mockInput.pressEnter();
+      await testSetup!.renderOnce();
+    });
+
+    const frame = testSetup.captureCharFrame();
+    expectSingleBackControl(frame);
+    expect(frame).toContain("Security Description");
+    expect(frame).toContain("Search tickers");
+  });
+
   test("keeps typed prefixes in the root query until a result is activated", async () => {
     testSetup = await testRender(<CommandBarHarness query="DES " />, {
       width: 80,
@@ -763,8 +835,8 @@ describe("CommandBar", () => {
     const rows = frame.split("\n");
     const savedHeadings = frame.split("\n").filter((line) => line.trim() === "Saved");
     const otherListingsHeadings = frame.split("\n").filter((line) => line.trim() === "Other Listings");
-    const aaplRow = rows.findIndex((line) => line.trimStart().startsWith("AAPL") && line.includes("NASDAQ"));
-    const appRow = rows.findIndex((line) => line.trimStart().startsWith("APP") && line.includes("NASDAQ"));
+    const aaplRow = rows.findIndex((line) => line.trimStart().startsWith("AAPL"));
+    const appRow = rows.findIndex((line) => line.trimStart().startsWith("APP"));
     expect(savedHeadings).toHaveLength(1);
     expect(otherListingsHeadings).toHaveLength(1);
     expect(aaplRow).toBeGreaterThanOrEqual(0);

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

@@ -110,7 +110,6 @@ export function CommandBar({
     getWorkflowFieldStringValue,
     getWorkflowInputRef,
     localTickerSearchResultItems,
-    mapTickerSearchCandidateToResultItem,
     moveWorkflowFocus,
     nonShortcutPaneTemplateItems,
     openInlineConfirm,
@@ -193,7 +192,6 @@ export function CommandBar({
     getTickers: getTickerSearchTickers,
     hasPaneSettings,
     localTickerSearchResultItems,
-    mapTickerSearchCandidateToResultItem,
     nativeListScrollRef,
     nonShortcutPaneTemplateItems,
     openModeRoute,

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

@@ -158,6 +158,7 @@ describe("CommandBar pane and layout routes", () => {
     expect(frame).toContain("Float Pane");
     expect(frame).toContain("Undo Layout Change");
     expect(frame).toContain("Current Layout");
+    expect(frame).toContain("Close All Floating Panes");
   });
 
   test("runs layout actions directly from root search", async () => {

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

@@ -174,6 +174,7 @@ function makePluginRegistry(hasPaneSettings: (paneId: string) => boolean = () =>
         paneId: TICKER_RESEARCH_PANE_ID,
         label: "Ticker Research",
         description: "Open another research pane",
+        shortcut: { prefix: "T", argPlaceholder: "ticker", argKind: "ticker" },
       }],
       ["new-chat-pane", {
         id: "new-chat-pane",

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

@@ -40,7 +40,7 @@ export function resolveCommandBarMode(query: string, commandList?: Command[]): C
   const match = matchPrefix(query, commandList);
 
   if (!query.trim()) {
-    return { kind: "default", badge: "BROWSE", hint: "Type a command, ticker, or prefix" };
+    return { kind: "default", badge: "BROWSE", hint: "Type a command or prefix" };
   }
 
   if (!match) {
@@ -100,9 +100,9 @@ export function getEmptyState(mode: CommandBarMode, query: string, searchQuery?:
       return { label: "No layout actions match", detail: query.trim() || "Focused-pane and layout actions will appear here" };
     default:
       if (query.trim()) {
-        return { label: `No matches for "${query.trim()}"`, detail: "Try a ticker, command name, or prefix" };
+        return { label: `No matches for "${query.trim()}"`, detail: "Try a command name or prefix. Use T for ticker search" };
       }
-      return { label: "No results yet", detail: "Recent tickers and suggested commands will appear here" };
+      return { label: "No results yet", detail: "Suggested commands will appear here" };
   }
 }
 

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

@@ -12,7 +12,8 @@ import { PaneBodyFrame, getPaneWindowAttributes } from "./pane/frame";
 import { PaneContent } from "./pane/content";
 import { resolvePaneBodyFrame } from "./pane/sizing";
 import { getPaneDisplayTitle } from "./pane/title";
-import { TITLEBAR_OVERLAY_HEIGHT_PX, TITLEBAR_TRAFFIC_LIGHT_WIDTH } from "./titlebar-overlay";
+import { TITLEBAR_OVERLAY_HEIGHT_PX, getTitlebarLeadingInset } from "./titlebar-overlay";
+import { WindowControls } from "./window-controls";
 import {
   createDoubleEscapeCloseState,
   recordDoubleEscapeClose,
@@ -41,7 +42,9 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
     typeof document === "undefined" ? true : document.hasFocus()
   ));
   const { width, height } = useViewport();
-  const { cellHeightPx = 18, nativePaneChrome, titleBarOverlay } = useUiCapabilities();
+  const { cellHeightPx = 18, nativePaneChrome, titleBarOverlay, windowControls } = useUiCapabilities();
+  const showWindowControls = windowControls === "windows";
+  const titlebarLeadingInset = titleBarOverlay ? getTitlebarLeadingInset() : 0;
   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);
@@ -171,8 +174,8 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
                 alignItems="center"
                 flexGrow={1}
                 minWidth={0}
-                paddingLeft={titleBarOverlay ? TITLEBAR_TRAFFIC_LIGHT_WIDTH : 1}
-                paddingRight={1}
+                paddingLeft={titleBarOverlay ? titlebarLeadingInset : 1}
+                paddingRight={showWindowControls ? 0 : 1}
               >
                 <Box flexGrow={1} minWidth={0} overflow="hidden">
                   <Text fg={paneTitleText(focused, true)} selectable={false} data-gloom-role="pane-title">{title}</Text>
@@ -189,6 +192,7 @@ export function DetachedPaneShell({ pluginRegistry, desktopWindowBridge }: Detac
                     {" ... "}
                   </Text>
                 )}
+                {showWindowControls ? <WindowControls /> : null}
               </Box>
             </Box>
             <PaneBodyFrame layoutProps={bodyFrame.layoutProps} backgroundColor={background}>

package/src/components/layout/header.tsx

@@ -17,7 +17,8 @@ import { formatPercentRaw } from "../../utils/format";
 import { formatMarketPrice } from "../../market-data/market/format";
 import { marketStateLabel, marketStateColor, getActiveQuoteDisplay } from "../../market-data/market/status";
 import { VERSION } from "../../version";
-import { TITLEBAR_TRAFFIC_LIGHT_WIDTH } from "./titlebar-overlay";
+import { getTitlebarLeadingInset } from "./titlebar-overlay";
+import { WindowControls } from "./window-controls";
 
 const SPY_REFRESH_MS = 5 * 60_000; // 5 min
 const UPDATE_NOTICE_DURATION_MS = 5_000;
@@ -125,7 +126,9 @@ export function Header() {
   useThemeColors();
   const baseCurrency = useAppSelector(selectBaseCurrency);
   const appActive = useAppActive();
-  const { titleBarOverlay } = useUiCapabilities();
+  const { titleBarOverlay, windowControls } = useUiCapabilities();
+  const showWindowControls = windowControls === "windows";
+  const titlebarLeadingInset = titleBarOverlay ? getTitlebarLeadingInset() : 0;
   const spyQuoteEntry = useQuoteEntry("SPY", null);
   const spyQuote = useResolvedEntryValue(spyQuoteEntry);
 
@@ -165,10 +168,10 @@ export function Header() {
         style={{
           boxShadow: `0 -1px 0 ${colors.header}, inset 0 1px 0 ${colors.header}`,
           paddingLeft: 8,
-          paddingRight: 12,
+          paddingRight: showWindowControls ? 0 : 12,
         }}
       >
-        <Box paddingLeft={TITLEBAR_TRAFFIC_LIGHT_WIDTH} flexDirection="row" alignItems="center" gap={1}>
+        <Box paddingLeft={titlebarLeadingInset} flexDirection="row" alignItems="center" gap={1}>
           <Text attributes={TextAttributes.BOLD} fg={colors.headerText}>
             Gloomberb
           </Text>
@@ -195,7 +198,10 @@ export function Header() {
         <Box paddingRight={1}>
           <Text fg={spyColor}>{spyText}</Text>
         </Box>
-        <Text fg={colors.headerText}>{baseCurrency}</Text>
+        <Box paddingRight={showWindowControls ? 1 : 0}>
+          <Text fg={colors.headerText}>{baseCurrency}</Text>
+        </Box>
+        {showWindowControls ? <WindowControls /> : null}
       </Box>
     );
   }
@@ -209,7 +215,7 @@ export function Header() {
       data-titlebar-overlay={titleBarOverlay ? "true" : undefined}
       className={titleBarOverlay ? "electrobun-webkit-app-region-drag" : undefined}
     >
-      <Box paddingLeft={titleBarOverlay ? TITLEBAR_TRAFFIC_LIGHT_WIDTH : 1}>
+      <Box paddingLeft={titleBarOverlay ? titlebarLeadingInset : 1}>
         <Text attributes={TextAttributes.BOLD} fg={colors.headerText}>
           Gloomberb v{VERSION}
         </Text>
@@ -230,6 +236,7 @@ export function Header() {
           {baseCurrency}
         </Text>
       </Box>
+      {showWindowControls ? <WindowControls /> : null}
     </Box>
   );
 }

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

@@ -61,10 +61,11 @@ function createShellPluginRegistry(options?: {
   } as unknown as PluginRegistry;
 }
 
-async function emitKeypress(event: { name?: string; sequence?: string; ctrl?: boolean; meta?: boolean; shift?: boolean }) {
+async function emitKeypress(event: { name?: string; sequence?: string; ctrl?: boolean; meta?: boolean; shift?: boolean; alt?: boolean }) {
   await act(async () => {
     const keyEvent = {
       ctrl: false,
+      alt: false,
       meta: false,
       option: false,
       shift: false,
@@ -312,6 +313,7 @@ describe("Shell", () => {
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Settings");
     expect(frame).toContain("Ctrl+,");
+    expect(frame).not.toContain("Layout Actions");
     expect(frame).not.toContain("CmdOrCtrl");
   });
 
@@ -400,24 +402,92 @@ describe("Shell", () => {
     });
     await testSetup.renderOnce();
 
-    expect(testSetup.captureCharFrame()).toContain("Dock Pane");
+    const frame = testSetup.captureCharFrame();
+    expect(frame).toContain("Dock Pane");
+    expect(frame).not.toContain("Layout Actions");
   });
 
   test("resolves pane management shortcuts", () => {
     const base = { ctrl: false, meta: true, super: true, shift: true, alt: false };
     expect(resolvePaneManagementShortcut({ ...base, name: ",", key: ",", shift: false })).toBe("settings");
     expect(resolvePaneManagementShortcut({ ...base, name: "w", key: "w", ctrl: true, meta: false, super: false, shift: false })).toBe("close");
+    expect(resolvePaneManagementShortcut({ ...base, name: "w", key: "w", shift: false, alt: true })).toBe("close-all-floating");
+    expect(resolvePaneManagementShortcut({ ...base, name: "W", key: "W", shift: false })).toBeNull();
     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: "g", key: "g" })).toBe("gridlock-all");
     expect(resolvePaneManagementShortcut({ ...base, name: "m", key: "m" })).toBe("window-mode");
+    expect(resolvePaneManagementShortcut({ ...base, name: "r", key: "r" })).toBe("window-resize-mode");
     expect(resolvePaneManagementShortcut({ ...base, name: "n", key: "n" })).toBeNull();
     expect(resolvePaneManagementShortcut({ ...base, name: "d", key: "d", alt: true })).toBeNull();
     expect(resolvePaneManagementShortcut({ ...base, name: "d", key: "d", meta: false, super: false })).toBeNull();
   });
 
+  test("exits window mode on Enter without changes", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-shell-window-mode-resize-shortcut-test");
+    const mainPane = requireLayoutInstance(config, "portfolio-list:main");
+    const detailPane = requireLayoutInstance(config, "ticker-detail:main");
+    const dockedLayout = {
+      dockRoot: {
+        kind: "split" as const,
+        axis: "horizontal" as const,
+        ratio: 0.5,
+        first: { kind: "pane" as const, instanceId: "portfolio-list:main" },
+        second: { kind: "pane" as const, instanceId: "ticker-detail:main" },
+      },
+      instances: [{ ...mainPane }, { ...detailPane }],
+      floating: [],
+      detached: [],
+    };
+    const { actions } = await renderShellForWindowModeTest(
+      createShellStateWithLayout(config, dockedLayout, "portfolio-list:main"),
+    );
+
+    await emitKeypress({ name: "m", ctrl: true, shift: true });
+    expect(testSetup.captureCharFrame()).toContain("WINDOW MOVE");
+
+    await emitKeypress({ name: "enter" });
+    await act(async () => {
+      await testSetup!.renderOnce();
+    });
+    expect(testSetup.captureCharFrame()).not.toContain("WINDOW MOVE");
+    expect(actions.some((action) => action.type === "UPDATE_LAYOUT")).toBe(false);
+  });
+
+  test("starts resize mode directly from the resize shortcut", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-shell-window-mode-resize-shortcut-test");
+    const mainPane = requireLayoutInstance(config, "portfolio-list:main");
+    const detailPane = requireLayoutInstance(config, "ticker-detail:main");
+    const dockedLayout = {
+      dockRoot: {
+        kind: "split" as const,
+        axis: "horizontal" as const,
+        ratio: 0.5,
+        first: { kind: "pane" as const, instanceId: "portfolio-list:main" },
+        second: { kind: "pane" as const, instanceId: "ticker-detail:main" },
+      },
+      instances: [{ ...mainPane }, { ...detailPane }],
+      floating: [],
+      detached: [],
+    };
+    const { actions } = await renderShellForWindowModeTest(
+      createShellStateWithLayout(config, dockedLayout, "portfolio-list:main"),
+    );
+
+    await emitKeypress({ name: "r", ctrl: true, shift: true });
+    expect(testSetup.captureCharFrame()).toContain("WINDOW RESIZE");
+
+    await emitKeypress({ name: "enter" });
+    await act(async () => {
+      await testSetup!.renderOnce();
+    });
+    const frame = testSetup.captureCharFrame();
+    expect(frame).not.toContain("WINDOW RESIZE");
+    expect(actions.some((action) => action.type === "UPDATE_LAYOUT")).toBe(false);
+  });
+
   test("moves a floating pane in window mode and commits once", async () => {
     const config = createDefaultConfig("/tmp/gloomberb-shell-window-mode-test");
     const floatingLayout = cloneLayout(config.layout);
@@ -785,4 +855,52 @@ describe("Shell", () => {
     expect(updateLayout?.layout.floating).toEqual([]);
   });
 
+  test("closes all floating panes with Ctrl+Alt+W", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-shell-test");
+    const mainPane = config.layout.instances.find((instance) => instance.instanceId === "portfolio-list:main");
+    const firstDetailPane = config.layout.instances.find((instance) => instance.instanceId === "ticker-detail:main");
+    if (!mainPane || !firstDetailPane) throw new Error("missing default panes");
+    const secondDetailPane = {
+      ...firstDetailPane,
+      instanceId: "ticker-detail:secondary",
+    };
+
+    const mixedLayout = {
+      dockRoot: { kind: "pane" as const, instanceId: "portfolio-list:main" },
+      instances: [{ ...mainPane }, { ...firstDetailPane }, secondDetailPane],
+      floating: [
+        { instanceId: "ticker-detail:main", x: 4, y: 2, width: 30, height: 8 },
+        { instanceId: "ticker-detail:secondary", x: 8, y: 3, width: 30, height: 8 },
+      ],
+      detached: [],
+    };
+    const state = {
+      ...createInitialState({
+        ...config,
+        layout: cloneLayout(mixedLayout),
+        layouts: [{ name: "Default", layout: cloneLayout(mixedLayout) }],
+      }),
+      focusedPaneId: "portfolio-list:main",
+    };
+    const actions: Array<any> = [];
+
+    testSetup = await testRender(
+      <AppContext value={{ state, dispatch: (action) => actions.push(action) }}>
+        <TestDialogProvider>
+          <Shell pluginRegistry={createShellPluginRegistry()} />
+        </TestDialogProvider>
+      </AppContext>,
+      { width: 40, height: 12 },
+    );
+
+    await testSetup.renderOnce();
+    await emitKeypress({ name: "w", ctrl: true, alt: true });
+
+    const updateLayout = actions.find((action) => action.type === "UPDATE_LAYOUT");
+    expect(actions).toContainEqual({ type: "PUSH_LAYOUT_HISTORY" });
+    expect(updateLayout?.layout.instances.map((instance: { instanceId: string }) => instance.instanceId)).toEqual(["portfolio-list:main"]);
+    expect(updateLayout?.layout.floating).toEqual([]);
+    expect(updateLayout?.layout.dockRoot).toEqual({ kind: "pane", instanceId: "portfolio-list:main" });
+  });
+
 });

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

@@ -186,6 +186,7 @@ export function Shell({
   });
 
   const {
+    closeAllFloatingPanes,
     closeFocusedPane,
     copyFocusedPaneScreenshot,
     copyPaneScreenshot,
@@ -213,6 +214,7 @@ export function Shell({
 
   useShellPaneManagementShortcuts({
     cancelActiveDrag,
+    closeAllFloatingPanes,
     closeFocusedPane,
     copyFocusedPaneScreenshot,
     focusedPaneId,

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

@@ -101,15 +101,9 @@ export function menuForPane(
     {
       id: "window-resize-mode",
       label: "Resize Window...",
-      accelerator: "WIN resize",
+      accelerator: PANE_MANAGEMENT_ACCELERATORS.windowResizeMode,
       onSelect: () => pluginRegistry.openWindowMode(pane.instance.instanceId, "resize"),
     },
-    {
-      id: "layout-actions",
-      label: "Layout Actions...",
-      accelerator: PANE_MANAGEMENT_ACCELERATORS.layoutActions,
-      onSelect: () => pluginRegistry.openCommandBar("LAY "),
-    },
   );
 
   return baseActions;

package/src/components/layout/shell/pane/actions.ts

@@ -5,6 +5,7 @@ import {
   floatPane,
   gridlockAllPanes,
   isPaneInLayout,
+  removeFloatingPanes,
   removePane,
   type ResolvedPane,
 } from "../../../../plugins/pane-manager";
@@ -73,6 +74,12 @@ export function useShellPaneActions({
     return true;
   }, [focusedPaneId, persistLayout, visibleLayout]);
 
+  const closeAllFloatingPanes = useCallback(() => {
+    if (visibleLayout.floating.length === 0) return false;
+    persistLayout(removeFloatingPanes(visibleLayout));
+    return true;
+  }, [persistLayout, visibleLayout]);
+
   const copyFocusedPaneScreenshot = useCallback(() => {
     if (!focusedPaneId || !nativePaneChrome || !rendererHost.copyPngImage) return false;
     if (!paneMap.has(focusedPaneId)) return false;
@@ -115,6 +122,7 @@ export function useShellPaneActions({
   }, [persistLayout, visibleLayout]);
 
   return {
+    closeAllFloatingPanes,
     closeFocusedPane,
     copyFocusedPaneScreenshot,
     copyPaneScreenshot,