gloomberb 0.9.4 → 0.9.5

package/src/plugins/builtin/account-management/form-components.tsx

@@ -85,7 +85,7 @@ export function PickerRow({
   return (
     <Box
       flexDirection="column"
-      onMouseMove={onFocus}
+      onMouseOver={onFocus}
       onMouseDown={(event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
         event?.stopPropagation?.();
         event?.preventDefault?.();
@@ -135,7 +135,7 @@ export function CheckboxRow({
     <Box
       flexDirection="column"
       backgroundColor={hovered ? hoverBg() : undefined}
-      onMouseMove={() => {
+      onMouseOver={() => {
         setHovered(true);
         onFocus();
       }}

package/src/plugins/builtin/alerts/pane.tsx

@@ -214,7 +214,7 @@ export function AlertsPane({ focused, width, height, close }: PaneProps) {
     alert: AlertRule,
     column: AlertColumn,
     _index: number,
-    rowState: { selected: boolean; hovered: boolean },
+    rowState: { selected: boolean },
   ): DataTableCell => {
     const selectedColor = rowState.selected ? colors.selectedText : undefined;
     const actionMouseDown = (handler: () => void) => (

package/src/plugins/builtin/buildout/cells.tsx

@@ -26,7 +26,7 @@ interface BuildoutCellContext {
 export function renderBuildoutCell(
   row: BuildoutRow,
   column: BuildoutColumn,
-  rowState: { selected: boolean; hovered: boolean },
+  rowState: { selected: boolean },
   context: BuildoutCellContext,
 ): DataTableCell {
   const selectedColor = rowState.selected ? colors.selectedText : undefined;

package/src/plugins/builtin/buildout/pane/index.tsx

@@ -314,7 +314,7 @@ export function BuildoutPane({ focused, width, height }: PaneProps) {
     row: BuildoutRow,
     column: BuildoutColumn,
     _index: number,
-    rowState: { selected: boolean; hovered: boolean },
+    rowState: { selected: boolean },
   ) => renderBuildoutCell(row, column, rowState, {
     favoriteBusyKey,
     toggleFavorite,

package/src/plugins/builtin/chat/message/desktop.tsx

@@ -97,7 +97,7 @@ export const DesktopChatMessage = memo(function DesktopChatMessage({
           <Text
             fg={state.authorColor}
             attributes={state.authorAttributes}
-            onMouseMove={() => onUserHover(msg.user)}
+            onMouseOver={() => onUserHover(msg.user)}
             onMouseOut={onUserHoverEnd}
             style={{ cursor: "default" }}
           >

package/src/plugins/builtin/chat/message/inline-tokens.tsx

@@ -58,7 +58,7 @@ export function ResponsiveTickerBadgeText({
         height={1}
         flexDirection="row"
         backgroundColor={blendHex(colors.panel, colors.positive, 0.24)}
-        onMouseMove={() => {
+        onMouseOver={() => {
           if (user) onUserHover?.(user);
         }}
         onMouseOut={() => {

package/src/plugins/builtin/chat/message/terminal.tsx

@@ -44,7 +44,7 @@ export function TerminalChatMessage({
   const messageRowProps = {
     width: contentWidth,
     backgroundColor: state.bgColor,
-    onMouseMove: setHovered,
+    onMouseOver: setHovered,
     onMouseOut: clearHovered,
   };
 
@@ -80,7 +80,7 @@ export function TerminalChatMessage({
           <Text
             fg={state.authorColor}
             attributes={state.authorAttributes}
-            onMouseMove={() => onUserHover(msg.user)}
+            onMouseOver={() => onUserHover(msg.user)}
             onMouseOut={onUserHoverEnd}
           >
             {msg.user.username ?? "anon"}

package/src/plugins/builtin/chat/sidebar.tsx

@@ -239,7 +239,7 @@ export function ChannelSidebar({
               flexDirection="row"
               backgroundColor={bg}
               onMouseDown={selectChannel}
-              onMouseMove={() => setHoveredChannelId((current) => (current === channel.id ? current : channel.id))}
+              onMouseOver={() => setHoveredChannelId((current) => (current === channel.id ? current : channel.id))}
               onMouseOut={() => setHoveredChannelId((current) => (current === channel.id ? null : current))}
               style={{ cursor: "pointer" }}
             >

package/src/plugins/builtin/chat/status-widget.tsx

@@ -98,7 +98,7 @@ export function ChatStatusWidget({ controller = chatController }: ChatStatusWidg
         <Box
           flexDirection="row"
           backgroundColor={hovered ? hoverBg() : undefined}
-          onMouseMove={() => setHovered((current) => (current ? current : true))}
+          onMouseOver={() => setHovered((current) => (current ? current : true))}
           onMouseOut={() => setHovered((current) => (current ? false : current))}
           onMouseDown={openChat}
         >

package/src/plugins/builtin/cloud/auth-actions.tsx

@@ -22,7 +22,7 @@ export function InlineAuthActions({ showSignup = true }: { showSignup?: boolean
     <Box flexDirection="row">
       <Box
         backgroundColor={hoveredAction === "login" ? hoverBg() : undefined}
-        onMouseMove={() => setHoveredAction((current) => (current === "login" ? current : "login"))}
+        onMouseOver={() => setHoveredAction((current) => (current === "login" ? current : "login"))}
         onMouseOut={() => setHoveredAction((current) => (current === "login" ? null : current))}
         onMouseDown={(event: any) => openAuthCommand(openCommandBar, "Log In", event)}
       >
@@ -33,7 +33,7 @@ export function InlineAuthActions({ showSignup = true }: { showSignup?: boolean
           <Text fg={colors.textDim}>/</Text>
           <Box
             backgroundColor={hoveredAction === "signup" ? hoverBg() : undefined}
-            onMouseMove={() => setHoveredAction((current) => (current === "signup" ? current : "signup"))}
+            onMouseOver={() => setHoveredAction((current) => (current === "signup" ? current : "signup"))}
             onMouseOut={() => setHoveredAction((current) => (current === "signup" ? null : current))}
             onMouseDown={(event: any) => openAuthCommand(openCommandBar, "Sign Up", event)}
           >

package/src/plugins/builtin/correlation/matrix/symbol-cell.tsx

@@ -41,7 +41,7 @@ export function SymbolLabelCell({
       overflow="hidden"
       backgroundColor={hovered ? hoverBg() : undefined}
       style={{ cursor: "pointer" }}
-      onMouseMove={() => onHover(symbol)}
+      onMouseOver={() => onHover(symbol)}
       onMouseOut={() => onLeave(symbol)}
       onMouseDown={(event: any) => handleSymbolMouseDown(event, openSymbol)}
     >

package/src/plugins/builtin/debug/index.tsx

@@ -64,7 +64,6 @@ function DebugPane({ focused, width, height }: PaneProps) {
   const [filterSource, setFilterSource] = useState<string | null>(null);
   const [autoScroll, setAutoScroll] = useState(true);
   const [selectedIdx, setSelectedIdx] = useState(-1);
-  const [hoveredIdx, setHoveredIdx] = useState<number | null>(null);
   const [showDetail, setShowDetail] = useState(false);
   const sourcesRef = useRef<string[]>(debugLog.getSources());
 
@@ -261,8 +260,8 @@ function DebugPane({ focused, width, height }: PaneProps) {
         {visibleEntries.map((entry, i) => {
           const globalIdx = viewStart + i;
           const isSelected = globalIdx === selectedIdx;
-          const isHovered = globalIdx === hoveredIdx && !isSelected;
-          const bgColor = isSelected ? colors.selected : isHovered ? hoverBg() : undefined;
+          const bgColor = isSelected ? colors.selected : undefined;
+          const rowHoverBg = isSelected ? undefined : hoverBg();
           const ts = formatTimestamp(entry.timestamp);
           const lvl = LEVEL_LABELS[entry.level];
           const sourceTag = entry.source;
@@ -278,7 +277,7 @@ function DebugPane({ focused, width, height }: PaneProps) {
               width={contentWidth}
               flexDirection="row"
               backgroundColor={bgColor}
-              onMouseMove={() => setHoveredIdx((current) => (current === globalIdx ? current : globalIdx))}
+              hoverBackgroundColor={rowHoverBg}
               onMouseDown={() => { setSelectedIdx(globalIdx); setAutoScroll(false); }}
             >
               <Text fg={colors.textMuted}> {ts} </Text>

package/src/plugins/builtin/help/components.tsx

@@ -63,7 +63,7 @@ export function ActionButton({
   return (
     <Box
       backgroundColor={hovered ? hoverBg() : colors.panel}
-      onMouseMove={() => onHover(id)}
+      onMouseOver={() => onHover(id)}
       onMouseOut={() => onHover(null)}
       onMouseDown={(event: any) => {
         event.stopPropagation?.();

package/src/plugins/builtin/holders/treemap.tsx

@@ -165,7 +165,7 @@ function DesktopTile({ tile, chartWidth, chartHeight, selected, hovered, currenc
         onSelect();
       }}
       onDoubleClick={onActivate}
-      onMouseMove={() => onHover(true)}
+      onMouseOver={() => onHover(true)}
       onMouseOut={() => onHover(false)}
     >
       {canShowLabel && (

package/src/plugins/builtin/options/table.ts

@@ -130,9 +130,9 @@ function optionMoneynessBackground(
   row: OptionTableRow,
   contract: OptionContract | undefined,
   columnId: OptionColumnId,
-  rowState: { selected: boolean; hovered: boolean },
+  rowState: { selected: boolean },
 ): string | undefined {
-  if (rowState.selected || rowState.hovered) return undefined;
+  if (rowState.selected) return undefined;
   const inTheMoney = inferColumnMoneyness(row, contract, columnId);
   const sideColor = columnId.startsWith("call") ? colors.positive : colors.negative;
   return inTheMoney
@@ -180,13 +180,13 @@ export function renderOptionCell(
   row: OptionTableRow,
   column: OptionColumn,
   _index: number,
-  rowState: { selected: boolean; hovered: boolean },
+  rowState: { selected: boolean },
 ): DataTableCell {
   const selectedColor = rowState.selected ? colors.selectedText : undefined;
-  const rowSurface = rowState.selected ? colors.selected : rowState.hovered ? hoverBg() : colors.bg;
+  const rowSurface = rowState.selected ? colors.selected : colors.bg;
 
   if (column.id === "strike") {
-    const backgroundColor = rowState.selected || rowState.hovered
+    const backgroundColor = rowState.selected
       ? undefined
       : blendHex(colors.bg, row.isPositionStrike ? colors.borderFocused : colors.header, row.isPositionStrike ? 0.18 : 0.1);
     const surface = backgroundColor ?? rowSurface;

package/src/plugins/ibkr/trade/ticket-panel.tsx

@@ -72,7 +72,7 @@ function TradeFieldPill({
       backgroundColor={backgroundColor}
       paddingX={1}
       marginRight={1}
-      onMouseMove={() => {
+      onMouseOver={() => {
         if (!disabled) setHoveredField((current) => (current === id ? current : id));
       }}
       onMouseDown={disabled ? undefined : () => {

package/src/renderers/electrobun/view/data-table/index.tsx

@@ -53,8 +53,6 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
   scrollRef,
   syncHeaderScroll: _syncHeaderScroll,
   onBodyScrollActivity,
-  hoveredIdx,
-  setHoveredIdx,
   getItemKey,
   isSelected,
   onSelect,
@@ -257,9 +255,6 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
           focusPane();
           onTableMouseDown?.({});
         }}
-        onMouseLeave={() => {
-          if (hoveredIdx !== null) setHoveredIdx(null);
-        }}
         onScroll={() => {
           markScrollbarActive();
           scheduleBodyScrollActivity();
@@ -315,7 +310,6 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
                 const item = items[row.index];
                 if (!item) return null;
                 const selected = isSelected(item, row.index);
-                const hovered = hoveredIdx === row.index && !selected;
                 const itemKey = getItemKey(item, row.index);
                 return (
                   <WebDataTableRow<T, C>
@@ -335,13 +329,11 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
                     onRowContextMenu={onRowContextMenu}
                     onRowMouseDown={onRowMouseDown}
                     onSelectRow={selectRow}
-                    hovered={hovered}
                     getRowBackgroundColor={getRowBackgroundColor}
                     renderCell={renderCell}
                     renderSectionHeader={renderSectionHeader}
                     rowContextMenuSurface={rowContextMenuSurface}
                     selected={selected}
-                    setHoveredIdx={setHoveredIdx}
                   />
                 );
               }),

package/src/renderers/electrobun/view/data-table/row.tsx

@@ -12,7 +12,6 @@ import type {
 import { WEB_CELL_HEIGHT } from "../input-host";
 import {
   CSS_BG,
-  CSS_HOVER_BG,
   CSS_PANEL,
   CSS_SELECTED,
   CSS_SELECTED_TEXT,
@@ -151,7 +150,6 @@ function WebDataTableRowInner<
   onRowContextMenu,
   onRowMouseDown,
   onSelectRow,
-  hovered,
   index,
   item,
   itemKey,
@@ -163,7 +161,6 @@ function WebDataTableRowInner<
   rowStart,
   rowContextMenuSurface,
   selected,
-  setHoveredIdx,
 }: {
   columns: C[];
   columnGap: number;
@@ -174,7 +171,6 @@ function WebDataTableRowInner<
   onRowContextMenu?: DataTableProps<T, C>["onRowContextMenu"];
   onRowMouseDown?: DataTableProps<T, C>["onRowMouseDown"];
   onSelectRow: (item: T, index: number) => void;
-  hovered: boolean;
   index: number;
   item: T;
   itemKey: string;
@@ -186,7 +182,6 @@ function WebDataTableRowInner<
   rowStart: number;
   rowContextMenuSurface: boolean;
   selected: boolean;
-  setHoveredIdx: (index: number | null) => void;
 }) {
   useThemeColors();
   const sectionHeader: DataTableSectionHeader | null =
@@ -242,13 +237,11 @@ function WebDataTableRowInner<
     );
   }
 
-  const rowState = { selected, hovered };
+  const rowState = { selected };
   const rowBackgroundColor = getRowBackgroundColor?.(item, index, rowState);
   const rowBg = selected
     ? CSS_SELECTED
-    : hovered
-      ? CSS_HOVER_BG
-      : rowBackgroundColor ?? CSS_BG;
+    : rowBackgroundColor ?? CSS_BG;
 
   return (
     <div
@@ -260,9 +253,6 @@ function WebDataTableRowInner<
         ...baseRowStyle,
         backgroundColor: rowBg,
       }}
-      onMouseMove={() => {
-        if (!hovered) setHoveredIdx(index);
-      }}
       onMouseDown={(event) => {
         focusPane();
         onTableMouseDown?.(event);

package/src/renderers/electrobun/view/host/box.tsx

@@ -33,6 +33,9 @@ export const WebBox = forwardRef<HTMLDivElement, Record<string, unknown> & { chi
     const pendingDragRef = useRef<CellMouseEvent | null>(null);
     const propsRef = useRef(props);
     propsRef.current = props;
+    const hoverBackgroundColor = typeof props.hoverBackgroundColor === "string"
+      ? props.hoverBackgroundColor
+      : undefined;
 
     useImperativeHandle(ref, () => cellBoundsForElement(() => elementRef.current, () => propsRef.current) as unknown as HTMLDivElement, []);
 
@@ -140,6 +143,7 @@ export const WebBox = forwardRef<HTMLDivElement, Record<string, unknown> & { chi
     return (
       <div
         {...cleanDomProps(props)}
+        data-gloom-hover-bg={hoverBackgroundColor ? "true" : undefined}
         data-gloom-interactive={hasDirectMouseHandler(props) ? "true" : undefined}
         ref={elementRef}
         onMouseDown={handleMouseDown}
@@ -149,9 +153,10 @@ export const WebBox = forwardRef<HTMLDivElement, Record<string, unknown> & { chi
         onWheel={typeof props.onMouseScroll === "function" ? handleWheel : undefined}
         style={{
           ...commonStyle(props),
+          "--gloom-box-hover-bg": hoverBackgroundColor,
           ...(props.style as CSSProperties | undefined),
           ...(props.visible === false ? { display: "none" } : undefined),
-        }}
+        } as CSSProperties}
       >
         {children as ReactNode}
       </div>

package/src/renderers/electrobun/view/host/style.ts

@@ -104,6 +104,7 @@ export function cleanDomProps(props: Record<string, unknown>): Record<string, un
     "cursorColor", "selectionBg", "selectionFg", "showCursor", "keyBindings", "wrapText", "wrapMode",
     "initialValue", "value", "onInput", "onChange", "onSubmit", "onCursorChange", "onMouse",
     "scrollX", "scrollY", "focusable", "bitmap", "bitmaps", "crosshair", "text", "font",
+    "hoverBackgroundColor",
   ]) {
     delete next[key];
   }

package/src/renderers/electrobun/view/styles.css

@@ -20,6 +20,13 @@ body {
 input, textarea, button { font: inherit; }
 input, textarea { cursor: text; user-select: text; }
 button, [data-gloom-interactive="true"] { cursor: pointer; }
+[data-gloom-hover-bg="true"]:hover {
+  background-color: var(--gloom-box-hover-bg) !important;
+}
+[data-gloom-role="data-table-row"]:not([data-selected="true"]):hover,
+[data-gloom-role="data-table-row"]:not([data-selected="true"]):hover > [data-gloom-role="data-table-cell"] {
+  background-color: var(--gloom-hover-bg) !important;
+}
 [data-gloom-role="pane-window"] {
   background-clip: padding-box;
   isolation: isolate;

package/src/renderers/opentui/native-smoke.ts

@@ -0,0 +1 @@
+import "@opentui/core";

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.9.4";
+export const VERSION = "0.9.5";