gloomberb 0.9.4 → 0.9.6

package/src/components/chart/static/chart/surface.test.tsx

@@ -1,19 +1,23 @@
 import { afterEach, describe, expect, test } from "bun:test";
-import { act } from "react";
+import { act, useEffect } from "react";
 import { testRender } from "../../../../renderers/opentui/test-utils";
 import { colors } from "../../../../theme/colors";
+import { RemoteUiRegistryProvider, useRemoteUiRegistry, type RemoteUiRegistry } from "../../../../remote/semantic-tree";
 import { resolveChartPalette } from "../../core/renderer";
 import { StaticChartSurface } from "./surface";
 import type { ProjectedChartPoint } from "../../core/data";
 
 let testSetup: Awaited<ReturnType<typeof testRender>> | undefined;
+let remoteRegistry: RemoteUiRegistry | null = null;
 
 afterEach(async () => {
-  if (!testSetup) return;
+  const setup = testSetup;
+  testSetup = undefined;
+  remoteRegistry = null;
+  if (!setup) return;
   await act(async () => {
-    testSetup!.renderer.destroy();
+    setup.renderer.destroy();
   });
-  testSetup = undefined;
 });
 
 const points: ProjectedChartPoint[] = [
@@ -22,6 +26,14 @@ const points: ProjectedChartPoint[] = [
   { date: new Date("2026-01-03"), open: 4.9, high: 4.9, low: 4.9, close: 4.9, volume: 0 },
 ];
 
+function RemoteRegistryProbe() {
+  const registry = useRemoteUiRegistry();
+  useEffect(() => {
+    remoteRegistry = registry;
+  }, [registry]);
+  return null;
+}
+
 describe("StaticChartSurface", () => {
   test("renders unit and custom y-axis labels", async () => {
     testSetup = await testRender(
@@ -132,6 +144,49 @@ describe("StaticChartSurface", () => {
 
     await act(async () => {
       await testSetup!.mockMouse.moveTo(20, 4);
+    });
+    await act(async () => {
+      await testSetup!.renderOnce();
+      await testSetup!.renderOnce();
+    });
+
+    expect(testSetup.captureCharFrame()).not.toBe(initialFrame);
+    expect(testSetup.captureCharFrame()).toContain("X49");
+    expect(testSetup.captureCharFrame()).toContain("Y3.97");
+  });
+
+  test("exposes semantic remote cursor control", async () => {
+    testSetup = await testRender(
+      <RemoteUiRegistryProvider>
+        <RemoteRegistryProbe />
+        <StaticChartSurface
+          points={points}
+          width={48}
+          height={10}
+          mode="line"
+          colors={resolveChartPalette(colors, "positive")}
+          xAxisLabels={["0%", "50%", "100%"]}
+          formatXAxisCursorValue={(ratio) => `X${Math.round(ratio * 100)}`}
+          formatYAxisValue={(value) => `Y${value.toFixed(2)}`}
+        />
+      </RemoteUiRegistryProvider>,
+      { width: 50, height: 12 },
+    );
+
+    await act(async () => {
+      await testSetup!.renderOnce();
+      await testSetup!.renderOnce();
+    });
+    const initialFrame = testSetup.captureCharFrame();
+    const chartNode = remoteRegistry?.snapshot().find((node) => (
+      node.role === "chart" && node.metadata?.kind === "static-chart"
+    ));
+    expect(chartNode?.actions).toContain("moveCursor");
+
+    await act(async () => {
+      await remoteRegistry!.invoke(chartNode!.id, "moveCursor", { x: 20, y: 4 });
+    });
+    await act(async () => {
       await testSetup!.renderOnce();
       await testSetup!.renderOnce();
     });

package/src/components/chart/static/chart/surface.tsx

@@ -253,6 +253,10 @@ export function StaticChartSurface({
             flexDirection="column"
             bitmaps={bitmap ? [bitmap] : null}
             crosshair={canvasCrosshair}
+            onMouseMove={handleCursorEvent}
+            onMouseDown={handleCursorEvent}
+            onMouseOut={clearCursor}
+            data-gloom-remote-kind="static-chart"
           >
             {textResult.lines.map((line, index) => (
               <Text key={index} content={line} />

package/src/components/chart/stock-chart/index.test.ts

@@ -159,6 +159,13 @@ describe("stock chart keyboard helpers", () => {
     expect(resolveChartKeyboardKey({ name: "minus" })).toBe("zoom-out");
     expect(resolveChartKeyboardKey({ name: "A" })).toBe("a");
   });
+
+  test("ignores shortcut-modified keys so app shortcuts can handle them", () => {
+    expect(resolveChartKeyboardKey({ name: "1", ctrl: true })).toBe("");
+    expect(resolveChartKeyboardKey({ name: "2", meta: true })).toBe("");
+    expect(resolveChartKeyboardKey({ name: "3", super: true })).toBe("");
+    expect(resolveChartKeyboardKey({ name: "4", alt: true })).toBe("");
+  });
 });
 
 describe("stock chart viewport helpers", () => {

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

@@ -10,6 +10,7 @@ import {
 import { Spinner } from "../../ui";
 import type { CommandBarListRow, ListScreenState, ResultItem } from "./model";
 import { getRowPresentation, truncateText } from "../view-model";
+import { useRemoteUiNode } from "../../../remote/semantic-tree";
 
 export type CommandBarListScrollEvent = {
   stopPropagation: () => void;
@@ -70,6 +71,8 @@ export const CommandBarListHeader = memo(function CommandBarListHeader({
             onChange={onQueryChange}
             placeholder={kind === "root" ? "Search commands" : title === "Security Description" ? "Search tickers" : "Filter"}
             focused
+            data-gloom-remote-scope="command-bar"
+            data-gloom-remote-surface="command-bar"
             width={nativePaneChrome ? "100%" : queryDisplayWidth}
             backgroundColor={nativePaneChrome ? "transparent" : paletteBg}
             focusedBackgroundColor={nativePaneChrome ? "transparent" : paletteBg}
@@ -114,6 +117,9 @@ interface CommandBarListItemRowProps {
   globalIdx: number;
   isSelected: boolean;
   isHovered: boolean;
+  listKind: ListScreenState["kind"];
+  listTitle: string;
+  listQuery: string;
   contentPadding: number;
   labelWidth: number;
   trailingWidth: number;
@@ -135,6 +141,9 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
   globalIdx,
   isSelected,
   isHovered,
+  listKind,
+  listTitle,
+  listQuery,
   contentPadding,
   labelWidth,
   trailingWidth,
@@ -153,6 +162,41 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
   const presentation = getRowPresentation(item, isSelected, trailingWidth > 0);
   const label = truncateText(presentation.label, labelWidth);
   const trailing = truncateText(presentation.trailing, trailingWidth);
+  const activate = () => onRowMouseDown({
+    preventDefault() {},
+    stopPropagation() {},
+  }, item, globalIdx);
+  useRemoteUiNode({
+    role: "command-bar-result",
+    label: item.label,
+    disabled: item.disabled === true,
+    actions: {
+      activate,
+      press: activate,
+      secondary: item.secondaryAction ? () => item.secondaryAction?.() : undefined,
+    },
+    metadata: {
+      index: globalIdx,
+      selected: isSelected,
+      hovered: isHovered,
+      listKind,
+      listTitle,
+      listQuery,
+      item: {
+        id: item.id,
+        label: item.label,
+        detail: item.detail,
+        category: item.category,
+        kind: item.kind,
+        right: item.right,
+        shortcutQuery: item.shortcutQuery,
+        searchText: item.searchText,
+        checked: item.checked,
+        current: item.current,
+        disabled: item.disabled === true,
+      },
+    },
+  });
 
   return (
     <Box
@@ -165,7 +209,7 @@ const CommandBarListItemRow = memo(function CommandBarListItemRow({
         : isHovered
           ? paletteHoverBg
           : (nativePaneChrome ? panelBg : paletteBg)}
-      onMouseMove={() => onHoverIndex(globalIdx)}
+      onMouseOver={() => onHoverIndex(globalIdx)}
       onMouseOut={() => onHoverIndex(null)}
       {...(!nativePaneChrome ? { onMouseScroll: onListScroll } : {})}
       onMouseDown={(event: any) => onRowMouseDown(event, item, globalIdx)}
@@ -283,6 +327,9 @@ export const CommandBarListBody = memo(function CommandBarListBody({
             globalIdx={row.globalIdx}
             isSelected={isSelected}
             isHovered={isHovered}
+            listKind={visibleListState.kind}
+            listTitle={visibleListState.title}
+            listQuery={visibleListState.query}
             contentPadding={contentPadding}
             labelWidth={labelWidth}
             trailingWidth={trailingWidth}

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

@@ -197,6 +197,13 @@ export function CommandBarMultiSelectBody({
         onSelect={onSelect}
         onToggle={onToggle}
         bgColor={nativePaneChrome ? panelBg : paletteBg}
+        remoteLabel={route.title}
+        remoteScope="command-bar"
+        remoteMetadata={{
+          surface: "multi-select-picker",
+          routeKind: route.kind,
+          pickerId: route.pickerId,
+        }}
       />
       <Box flexDirection="row" gap={1}>
         <Button label="Done" variant="primary" onPress={onCommit} />

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

@@ -1,4 +1,4 @@
-import { useCallback, useRef, useState, type Dispatch, type RefObject, type SetStateAction } from "react";
+import { useCallback, useEffect, useRef, useState, type Dispatch, type RefObject, type SetStateAction } from "react";
 import type { AppAction } from "../../../state/app/context";
 import type { Command } from "../commands/registry";
 import { resolveCommandBarMode } from "../view-model";
@@ -63,6 +63,15 @@ export function useCommandBarNavigationState({
   const currentRouteRef = useRef<CommandBarRoute | null>(currentRoute);
   currentRouteRef.current = currentRoute;
 
+  useEffect(() => {
+    if (currentRouteRef.current) return;
+    if (initialQuery === rootQueryRef.current) return;
+    rootQueryRef.current = initialQuery;
+    setRootQueryValue(initialQuery);
+    setRootSelectedIdx(0);
+    setRootHoveredIdx(null);
+  }, [initialQuery]);
+
   const closeAll = useCallback((options?: CloseCommandBarOptions) => {
     if (options?.revertThemePreview !== false) {
       restoreThemePreview();

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

@@ -129,6 +129,20 @@ describe("CommandBar", () => {
     expect(testSetup.captureCharFrame()).not.toContain("Commands");
   });
 
+  test("shows theme picker rows and commits a filtered light theme", async () => {
+    testSetup = await testRender(<CommandBarHarness query="TH light" live />, {
+      width: 80,
+      height: 24,
+    });
+
+    await testSetup.renderOnce();
+    expect(testSetup.captureCharFrame()).toContain("GitHub Light");
+
+    await clickFrameText("GitHub Light");
+    await waitForFrameToContain("theme:github-light");
+    expect(testSetup.captureCharFrame()).not.toContain("GitHub Light");
+  });
+
   test("runs plugin command shortcuts from the root query", async () => {
     const calls: string[] = [];
 

package/src/components/command-bar/theme-picker.tsx

@@ -4,13 +4,14 @@ import {
   useCallback,
   useEffect,
   useImperativeHandle,
-  useLayoutEffect,
   useMemo,
   useRef,
   useState,
 } from "react";
-import { Box, ScrollBox, Text } from "../../ui";
-import { TextAttributes, type ScrollBoxRenderable } from "../../ui";
+import { Box, Text } from "../../ui";
+import { TextAttributes } from "../../ui";
+import { ListView, type ListViewItem } from "../ui";
+import type { ListRowState } from "../ui/list-view";
 import { getThemeIds, themes as themeRegistry } from "../../theme/themes";
 import { truncateText } from "./view-model";
 
@@ -75,7 +76,6 @@ export const ThemePicker = memo(forwardRef<ThemePickerHandle, ThemePickerProps>(
   onPreview,
   onCommit,
 }: ThemePickerProps, ref) {
-  const scrollRef = useRef<ScrollBoxRenderable | null>(null);
   const previewTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const pendingPreviewIdRef = useRef<string | null>(null);
   const committedThemeIdRef = useRef(committedThemeId);
@@ -92,9 +92,20 @@ export const ThemePicker = memo(forwardRef<ThemePickerHandle, ThemePickerProps>(
   const [selectedIndex, setSelectedIndex] = useState(() => (
     Math.max(0, themes.findIndex((theme) => theme.id === committedThemeId))
   ));
-  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
   const themesRef = useRef(themes);
   const selectedIndexRef = useRef(selectedIndex);
+  const items = useMemo<ListViewItem[]>(() => themes.map((theme) => {
+    const current = theme.id === committedThemeId;
+    return {
+      id: theme.id,
+      label: theme.name,
+      detail: current ? "current" : "",
+      category: "Themes",
+      kind: "theme",
+      right: current ? "current" : "",
+      current,
+    };
+  }), [committedThemeId, themes]);
 
   themesRef.current = themes;
   selectedIndexRef.current = selectedIndex;
@@ -131,7 +142,6 @@ export const ThemePicker = memo(forwardRef<ThemePickerHandle, ThemePickerProps>(
     if (nextIndex === selectedIndexRef.current) return false;
     selectedIndexRef.current = nextIndex;
     setSelectedIndex(nextIndex);
-    setHoveredIndex(null);
     requestPreview(options[nextIndex]!.id);
     return true;
   }, [requestPreview]);
@@ -155,24 +165,10 @@ export const ThemePicker = memo(forwardRef<ThemePickerHandle, ThemePickerProps>(
     const nextIndex = preferredIndex >= 0 ? preferredIndex : 0;
     selectedIndexRef.current = nextIndex;
     setSelectedIndex(nextIndex);
-    setHoveredIndex(null);
   }, [committedThemeId, themes]);
 
   useEffect(() => cancelPreview, [cancelPreview]);
 
-  useLayoutEffect(() => {
-    const scrollBox = scrollRef.current;
-    if (!scrollBox) return;
-    if (scrollBox.verticalScrollBar) scrollBox.verticalScrollBar.visible = false;
-    if (themes.length === 0) return;
-    const viewportHeight = Math.max(1, scrollBox.viewport?.height ?? height);
-    if (selectedIndex < scrollBox.scrollTop) {
-      scrollBox.scrollTo(selectedIndex);
-    } else if (selectedIndex >= scrollBox.scrollTop + viewportHeight) {
-      scrollBox.scrollTo(selectedIndex - viewportHeight + 1);
-    }
-  }, [height, selectedIndex, themes.length]);
-
   const handleScroll = useCallback((event: ThemePickerScrollEvent) => {
     event.stopPropagation();
     event.preventDefault();
@@ -185,70 +181,86 @@ export const ThemePicker = memo(forwardRef<ThemePickerHandle, ThemePickerProps>(
     }
   }, [move]);
 
-  if (themes.length === 0) {
+  const handleSelect = useCallback((index: number) => {
+    const selected = themesRef.current[index];
+    if (!selected) return;
+    selectedIndexRef.current = index;
+    setSelectedIndex(index);
+    requestPreview(selected.id);
+  }, [requestPreview]);
+
+  const handleActivate = useCallback((item: ListViewItem, index: number) => {
+    const selected = themesRef.current[index] ?? themesRef.current.find((theme) => theme.id === item.id);
+    if (!selected) return;
+    selectedIndexRef.current = index;
+    setSelectedIndex(index);
+    cancelPreview();
+    onCommitRef.current(selected.id);
+  }, [cancelPreview]);
+
+  const renderRow = useCallback((item: ListViewItem, state: ListRowState) => {
+    const label = truncateText(item.label, labelWidth);
+    const trailing = item.current ? "current" : "";
     return (
-      <Box height={height} paddingX={contentPadding}>
-        <Text fg={paletteSubtleText}>{truncateText("No themes match", queryDisplayWidth)}</Text>
+      <Box
+        flexDirection="row"
+        height={1}
+        paddingX={contentPadding}
+        width="100%"
+        data-command-bar-row-selected={nativePaneChrome && state.selected ? "true" : undefined}
+        style={nativePaneChrome ? { borderRadius: 6 } : undefined}
+      >
+        <Box width={labelWidth}>
+          <Text
+            fg={state.selected ? paletteSelectedText : paletteText}
+            attributes={item.current ? TextAttributes.BOLD : undefined}
+          >
+            {label}
+          </Text>
+        </Box>
+        <Box width={trailingWidth}>
+          <Text fg={state.selected ? paletteSelectedText : paletteSubtleText}>
+            {truncateText(trailing, trailingWidth)}
+          </Text>
+        </Box>
       </Box>
     );
-  }
+  }, [
+    contentPadding,
+    labelWidth,
+    nativePaneChrome,
+    paletteSelectedText,
+    paletteSubtleText,
+    paletteText,
+    trailingWidth,
+  ]);
 
   return (
-    <ScrollBox
-      ref={scrollRef}
-      flexDirection="column"
+    <ListView
+      items={items}
+      selectedIndex={selectedIndex}
       height={height}
-      scrollY
-      focusable={false}
-      {...(!nativePaneChrome ? { onMouseScroll: handleScroll } : {})}
-    >
-      {themes.map((theme, index) => {
-        const selected = index === selectedIndex;
-        const hovered = index === hoveredIndex && !selected;
-        const current = theme.id === committedThemeId;
-        const label = truncateText(theme.name, labelWidth);
-        const trailing = current ? "current" : "";
-        return (
-          <Box
-            key={theme.id}
-            flexDirection="row"
-            height={1}
-            paddingX={contentPadding}
-            backgroundColor={selected
-              ? paletteSelectedBg
-              : hovered
-                ? paletteHoverBg
-                : (nativePaneChrome ? panelBg : paletteBg)}
-            onMouseMove={() => setHoveredIndex(index)}
-            onMouseOut={() => setHoveredIndex(null)}
-            onMouseDown={(event: any) => {
-              event.stopPropagation?.();
-              event.preventDefault?.();
-              selectedIndexRef.current = index;
-              setSelectedIndex(index);
-              cancelPreview();
-              onCommitRef.current(theme.id);
-            }}
-            {...(!nativePaneChrome ? { onMouseScroll: handleScroll } : {})}
-            data-command-bar-row-selected={nativePaneChrome && selected ? "true" : undefined}
-            style={nativePaneChrome ? { borderRadius: 6 } : undefined}
-          >
-            <Box width={labelWidth}>
-              <Text
-                fg={selected ? paletteSelectedText : paletteText}
-                attributes={current ? TextAttributes.BOLD : undefined}
-              >
-                {label}
-              </Text>
-            </Box>
-            <Box width={trailingWidth}>
-              <Text fg={selected ? paletteSelectedText : paletteSubtleText}>
-                {truncateText(trailing, trailingWidth)}
-              </Text>
-            </Box>
-          </Box>
-        );
-      })}
-    </ScrollBox>
+      scrollable
+      rowGap={0}
+      rowHeight={1}
+      surface="plain"
+      bgColor={nativePaneChrome ? panelBg : paletteBg}
+      selectedBgColor={paletteSelectedBg}
+      hoverBgColor={paletteHoverBg}
+      emptyMessage={truncateText("No themes match", queryDisplayWidth)}
+      showSelectedDescription={false}
+      onSelect={handleSelect}
+      onActivate={handleActivate}
+      onMouseScroll={!nativePaneChrome ? handleScroll : undefined}
+      renderRow={renderRow}
+      remoteLabel="Theme picker"
+      remoteScope="command-bar"
+      remoteItemKind="theme"
+      remoteItemCategory="Themes"
+      remoteMetadata={{
+        surface: "theme-picker",
+        filter: normalizedFilter,
+      }}
+    />
   );
 }));

package/src/components/command-bar/workflow/field-row.tsx

@@ -15,6 +15,7 @@ import {
   isWorkflowTextField,
   summarizeWorkflowFieldValue,
 } from "../helpers";
+import { useRemoteUiNode } from "../../../remote/semantic-tree";
 import type {
   CommandBarFieldValue,
   CommandBarWorkflowField,
@@ -84,6 +85,34 @@ export function CommandBarWorkflowFieldRow({
       onMoveFieldFocus(1);
     }
   };
+  const focusOrOpenField = () => {
+    onActiveTextareaSync(route);
+    onFieldFocus(field.id);
+    if (!isWorkflowTextField(field) && !useNativeSelect) {
+      onFieldPickerOpen(route, field);
+    }
+  };
+
+  useRemoteUiNode({
+    role: "command-bar-field",
+    label: field.label,
+    disabled: route.pending,
+    actions: {
+      focus: focusOrOpenField,
+      open: !isWorkflowTextField(field) && !useNativeSelect ? focusOrOpenField : undefined,
+      submit: () => void onSubmit(route),
+    },
+    metadata: {
+      scope: "command-bar",
+      surface: "workflow",
+      routeTitle: route.title,
+      fieldId: field.id,
+      fieldType: field.type,
+      active,
+      value: summarizeWorkflowFieldValue(field, value),
+      description: fieldDescription,
+    },
+  });
 
   return (
     <Box
@@ -93,11 +122,7 @@ export function CommandBarWorkflowFieldRow({
       backgroundColor={fieldBg}
       onMouseDown={(event: any) => {
         event.stopPropagation?.();
-        onActiveTextareaSync(route);
-        onFieldFocus(field.id);
-        if (!isWorkflowTextField(field) && !useNativeSelect) {
-          onFieldPickerOpen(route, field);
-        }
+        focusOrOpenField();
       }}
       style={nativePaneChrome ? {
         marginBottom: isLastField ? 8 : 10,

package/src/components/data-table/view.tsx

@@ -73,8 +73,6 @@ export interface DataTableViewProps<
     | "scrollRef"
     | "syncHeaderScroll"
     | "onBodyScrollActivity"
-    | "hoveredIdx"
-    | "setHoveredIdx"
     | "isSelected"
     | "onSelect"
     | "onActivate"
@@ -97,8 +95,6 @@ export interface DataTableViewProps<
   scrollRef?: RefObject<ScrollBoxRenderable | null>;
   syncHeaderScroll?: () => void;
   onBodyScrollActivity?: () => void;
-  hoveredIdx?: number | null;
-  setHoveredIdx?: (index: number | null) => void;
   keyboardNavigation?: boolean;
   onRootKeyDown?: (
     event: DataTableKeyEvent,
@@ -125,8 +121,6 @@ export function DataTableView<
   scrollRef,
   syncHeaderScroll,
   onBodyScrollActivity,
-  hoveredIdx,
-  setHoveredIdx,
   keyboardNavigation = true,
   onRootKeyDown,
   resetScrollKey,
@@ -137,15 +131,11 @@ export function DataTableView<
   const {
     effectiveHeaderScrollRef,
     effectiveScrollRef,
-    effectiveHoveredIdx,
-    effectiveSetHoveredIdx,
     effectiveSyncHeaderScroll,
   } = useTableViewState({
     headerScrollRef,
     scrollRef,
     syncHeaderScroll,
-    hoveredIdx,
-    setHoveredIdx,
   });
   const [cursorIndex, setCursorIndex] = useState<number | null>(null);
   const pendingCommitRef = useRef(false);
@@ -532,8 +522,6 @@ export function DataTableView<
         scrollRef={effectiveScrollRef}
         syncHeaderScroll={effectiveSyncHeaderScroll}
         onBodyScrollActivity={handleBodyScrollActivity}
-        hoveredIdx={effectiveHoveredIdx}
-        setHoveredIdx={effectiveSetHoveredIdx}
         scrollToIndex={effectiveScrollToIndex}
         scrollToIndexVersion={scrollToIndexVersion + selectionScrollVersion}
         isSelected={isItemSelected}

package/src/components/index.ts

@@ -1,6 +1,13 @@
 
 export { PriceSelectorDialog } from "./price-selector-dialog";
 export { StaticChartSurface } from "./chart/static/chart/surface";
+export {
+  buildMetricTreemapNavigationTiles,
+  findMetricTreemapNeighbor,
+  MetricTreemapSurface,
+  type MetricTreemapDirection,
+  type MetricTreemapItem,
+} from "./metric-treemap";
 export { SpeedometerGauge } from "./speedometer-gauge";
 export type { SpeedometerSegment } from "./speedometer-gauge";
 export { TickerListTableView } from "./ticker/list-table-view";

package/src/components/layout/floating-pane.tsx

@@ -18,7 +18,7 @@ interface FloatingPaneWrapperProps {
   windowModeSelected?: boolean;
   showActions?: boolean;
   onMouseDown?: (event: any) => void;
-  onMouseMove?: (event: any) => void;
+  onHeaderMouseMove?: (event: any) => void;
   onHeaderMouseDown?: (event: any) => void;
   onHeaderMouseDrag?: (event: any) => void;
   onHeaderMouseDragEnd?: (event: any) => void;
@@ -63,7 +63,7 @@ export function FloatingPaneWrapper({
   windowModeSelected = false,
   showActions = false,
   onMouseDown,
-  onMouseMove,
+  onHeaderMouseMove,
   onHeaderMouseDown,
   onHeaderMouseDrag,
   onHeaderMouseDragEnd,
@@ -104,7 +104,6 @@ export function FloatingPaneWrapper({
         showBorderColor: true,
       })}
       onMouseDown={onMouseDown}
-      onMouseMove={onMouseMove}
     >
       <PaneHeader
         title={title}
@@ -113,6 +112,7 @@ export function FloatingPaneWrapper({
         windowModeSelected={windowModeSelected}
         floating
         showActions={showActions}
+        onHeaderMouseMove={onHeaderMouseMove}
         onHeaderMouseDown={onHeaderMouseDown}
         onHeaderMouseDrag={onHeaderMouseDrag}
         onHeaderMouseDragEnd={onHeaderMouseDragEnd}