gloomberb 0.9.7 → 0.9.8

package/src/renderers/electrobun/view/desktop/controls.tsx

@@ -4,9 +4,11 @@ import { Box, Input, Text, Textarea, editableTextContextMenuItems, useRendererHo
 import { TextAttributes, type InputRenderable } from "../../../../ui";
 import { useShortcut } from "../../../../react/input";
 import { blendHex, colors } from "../../../../theme/colors";
+import { contrastRatio } from "../../../../theme/color-utils";
 import { useThemeColors } from "../../../../theme/theme-context";
 import { isDetailBackNavigationKey } from "../../../../utils/back-navigation";
 import type { ButtonProps } from "../../../../components/ui/button";
+import type { CheckboxProps } from "../../../../components/ui/checkbox";
 import type { TextFieldProps } from "../../../../components/ui/fields";
 import type { DialogFrameProps } from "../../../../components/ui/frame";
 import type { MessageComposerProps } from "../../../../components/ui/message-composer";
@@ -31,6 +33,7 @@ export function WebButton({
   active = false,
   shortcut,
   width,
+  height,
 }: ButtonProps) {
   useThemeColors();
   const palette = buttonPalette({ variant, active, disabled });
@@ -38,7 +41,7 @@ export function WebButton({
   return (
     <Box
       width={width}
-      height={1}
+      height={height ?? 1}
       flexDirection="row"
       alignItems="center"
       justifyContent="center"
@@ -51,7 +54,8 @@ export function WebButton({
       style={{
         border: `1px solid ${palette.border}`,
         borderRadius: CONTROL_RADIUS,
-        paddingInline: 8,
+        paddingLeft: 8,
+        paddingRight: 8,
         boxShadow: controlShadow(active),
         cursor: disabled ? "default" : "pointer",
       }}
@@ -59,7 +63,9 @@ export function WebButton({
       <Text
         fg={palette.fg}
         attributes={active ? TextAttributes.BOLD : 0}
-        style={{ fontWeight: active || variant === "primary" ? 700 : 600 }}
+        style={{
+          fontWeight: active || variant === "primary" ? 700 : 600,
+        }}
       >
         {label}
       </Text>
@@ -75,6 +81,129 @@ export function WebButton({
   );
 }
 
+function checkboxAccentColor(): string {
+  const base = colors.borderFocused;
+  const nativeCheckmark = "#ffffff";
+  const candidates = [
+    blendHex(base, colors.selected, 0.55),
+    blendHex(base, colors.selected, 0.65),
+    blendHex(base, "#000000", 0.45),
+    blendHex(base, "#000000", 0.52),
+    base,
+  ];
+  return candidates.find((candidate) => (
+    contrastRatio(candidate, nativeCheckmark) >= 4.5
+    && contrastRatio(candidate, colors.panel) >= 2.2
+  )) ?? candidates[1]!;
+}
+
+function checkboxCheckImage(): string {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M3 7.3 5.8 10 11.2 3.7" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+  return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
+}
+
+export function WebCheckbox({
+  label,
+  displayLabel,
+  checked,
+  onChange,
+  disabled = false,
+  active = false,
+  description,
+  width,
+}: CheckboxProps) {
+  useThemeColors();
+  const textColor = disabled
+    ? colors.textMuted
+    : active
+    ? colors.textBright
+    : colors.text;
+  const visibleLabel = displayLabel ?? label;
+  const accentColor = checkboxAccentColor();
+  const borderColor = checked ? accentColor : controlBorderColor(active, false);
+  return (
+    <Box
+      flexDirection="column"
+      width={width}
+      data-gloom-role="desktop-checkbox"
+      data-gloom-interactive={disabled ? undefined : "true"}
+      style={{ opacity: disabled ? 0.55 : 1 }}
+    >
+      <label
+        onMouseDown={(event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        }}
+        onClick={(event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          if (!disabled) onChange?.(!checked);
+        }}
+        style={{
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          width: "100%",
+          minWidth: 0,
+          cursor: disabled ? "default" : "pointer",
+          color: textColor,
+          fontWeight: active ? 700 : 500,
+          lineHeight: "20px",
+          userSelect: "none",
+          position: "relative",
+        }}
+      >
+        <input
+          type="checkbox"
+          checked={checked}
+          readOnly
+          disabled={disabled}
+          style={{
+            appearance: "none",
+            WebkitAppearance: "none",
+            width: 14,
+            height: 14,
+            margin: 0,
+            backgroundColor: checked ? accentColor : panelFill(),
+            backgroundImage: checked ? checkboxCheckImage() : undefined,
+            backgroundPosition: "center",
+            backgroundRepeat: "no-repeat",
+            backgroundSize: "12px 12px",
+            border: `1px solid ${borderColor}`,
+            borderRadius: 4,
+            boxShadow: active
+              ? `0 0 0 2px ${blendHex(colors.bg, colors.borderFocused, 0.28)}, inset 0 1px 0 rgba(255,255,255,0.16)`
+              : "inset 0 1px 0 rgba(255,255,255,0.10)",
+            boxSizing: "border-box",
+            flexShrink: 0,
+            cursor: disabled ? "default" : "pointer",
+            verticalAlign: "middle",
+          }}
+        />
+        <span
+          style={{
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+          }}
+        >
+          {visibleLabel}
+        </span>
+      </label>
+      {description ? (
+        <Text
+          fg={colors.textMuted}
+          wrapText
+          width={width}
+          style={{ paddingLeft: 22, lineHeight: "18px" }}
+        >
+          {description}
+        </Text>
+      ) : null}
+    </Box>
+  );
+}
+
 export function WebTextField({
   label,
   value,
@@ -184,6 +313,7 @@ export function WebMessageComposer({
   height = 2,
   onFocusRequest,
   onInput,
+  onCursorChange,
   onSubmit,
   keyBindings,
   wrapText = false,
@@ -234,6 +364,7 @@ export function WebMessageComposer({
         onMouseDown={requestFocus}
         onFocus={requestFocus}
         onInput={handleInput}
+        onCursorChange={onCursorChange}
         keyBindings={keyBindings}
         onSubmit={onSubmit}
         wrapText={wrapText}
@@ -295,7 +426,7 @@ export function WebDialogFrame({
   title,
   children,
   footer,
-  showTitleDivider = true,
+  showTitleDivider = false,
 }: DialogFrameProps) {
   useThemeColors();
   return (

package/src/renderers/electrobun/view/desktop/list-view.tsx

@@ -20,24 +20,29 @@ function DefaultDesktopRow({
   selected: boolean;
 }) {
   return (
-    <Box flexDirection="row" justifyContent="space-between" width="100%" alignItems="center">
-      <Box flexDirection="row" alignItems="center" minWidth={0}>
-        <Box
-          width={1}
-          height={1}
-          marginRight={1}
-          backgroundColor={selected ? colors.borderFocused : "transparent"}
-          style={{ borderRadius: CONTROL_RADIUS }}
-        />
+    <Box
+      flexDirection="row"
+      justifyContent="space-between"
+      width="100%"
+      minWidth={0}
+      alignItems="center"
+      style={{ boxSizing: "border-box" }}
+    >
+      <Box flexDirection="row" alignItems="center" minWidth={0} flexShrink={1}>
         <Text
           fg={selected ? colors.text : colors.textDim}
           attributes={selected ? TextAttributes.BOLD : 0}
+          style={{
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+          }}
         >
           {item.label}
         </Text>
       </Box>
       {item.detail && (
-        <Text fg={colors.textMuted}>
+        <Text fg={colors.textMuted} style={{ flexShrink: 0, marginLeft: 12 }}>
           {item.detail}
         </Text>
       )}
@@ -50,7 +55,11 @@ function listRowStyle(selected: boolean): CSSProperties {
     borderRadius: CONTROL_RADIUS,
     border: `1px solid ${selected ? colors.borderFocused : "transparent"}`,
     boxShadow: selected ? `inset 0 1px 0 ${blendHex(colors.bg, colors.textBright, 0.06)}` : undefined,
+    boxSizing: "border-box",
     cursor: "pointer",
+    maxWidth: "100%",
+    minWidth: 0,
+    paddingInline: 10,
   };
 }
 
@@ -69,10 +78,11 @@ export function WebListView({
   hoverBgColor,
   rowGap = 1,
   rowHeight = 1,
-  surface = "framed",
+  surface,
   height,
   flexGrow,
   scrollable = false,
+  selectOnHover = false,
   autoScrollToIndex = true,
 }: ListViewProps) {
   useThemeColors();
@@ -83,6 +93,20 @@ export function WebListView({
   const rowHoverBg = hoverBgColor ?? hoverBg();
   const selectedItem = selectedIndex >= 0 ? items[selectedIndex] : undefined;
   const activeScrollIndex = scrollIndex ?? selectedIndex;
+  const effectiveSurface = surface ?? (scrollable ? "framed" : "plain");
+  const frameStyle = effectiveSurface === "plain"
+    ? {
+      border: "none",
+      borderRadius: 0,
+      padding: 0,
+      backgroundColor: "transparent",
+    }
+    : {
+      border: `1px solid ${panelBorder()}`,
+      borderRadius: CONTROL_RADIUS,
+      padding: 4,
+      backgroundColor: subtlePanelFill(),
+    };
 
   useEffect(() => {
     if (!scrollable || !autoScrollToIndex || activeScrollIndex < 0) return;
@@ -130,6 +154,7 @@ export function WebListView({
           onMouseMove={() => {
             if (!disabled) {
               setHoveredIndex((current) => (current === index ? current : index));
+              if (selectOnHover) onSelect?.(index);
             }
           }}
           onMouseDown={() => {
@@ -156,26 +181,14 @@ export function WebListView({
           flexGrow={flexGrow}
           scrollY
           focusable={false}
-          style={surface === "plain"
-            ? {
-              border: "none",
-              borderRadius: 0,
-              padding: 0,
-              backgroundColor: "transparent",
-            }
-            : {
-              border: `1px solid ${panelBorder()}`,
-              borderRadius: CONTROL_RADIUS,
-              padding: 4,
-              backgroundColor: subtlePanelFill(),
-            }}
+          style={frameStyle}
         >
           <Box flexDirection="column" gap={rowGap}>
             {rows}
           </Box>
         </ScrollBox>
       ) : (
-        <Box flexDirection="column" gap={rowGap}>
+        <Box flexDirection="column" gap={rowGap} style={frameStyle}>
           {rows}
         </Box>
       )}

package/src/renderers/electrobun/view/desktop-deeplink-bridge.ts

@@ -0,0 +1,10 @@
+import type { DesktopDeepLinkBridge } from "../../../types/desktop-deeplink";
+import { onDesktopDeepLink } from "./backend-rpc";
+
+export function createDesktopDeepLinkBridge(): DesktopDeepLinkBridge {
+  return {
+    subscribe(listener) {
+      return onDesktopDeepLink(listener);
+    },
+  };
+}

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

@@ -19,7 +19,6 @@ import {
   cancelWebFrame,
   cellBoundsForElement,
   cellMouseEvent,
-  hasDirectMouseHandler,
   requestWebFrame,
 } from "./mouse";
 import { cleanDomProps, commonStyle } from "./style";
@@ -148,7 +147,6 @@ export const WebBox = forwardRef<HTMLDivElement, Record<string, unknown> & { chi
       <div
         {...cleanDomProps(props)}
         data-gloom-hover-bg={hoverBackgroundColor ? "true" : undefined}
-        data-gloom-interactive={hasDirectMouseHandler(props) ? "true" : undefined}
         ref={elementRef}
         onMouseDown={handleMouseDown}
         onMouseOver={handleMouseOver}

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

@@ -14,7 +14,7 @@ import {
 } from "react";
 import type { ScrollBoxRenderable } from "../../../../ui/host";
 import { WEB_CELL_HEIGHT, WEB_CELL_WIDTH } from "../input-host";
-import { callMouseHandler, hasDirectMouseHandler } from "./mouse";
+import { callMouseHandler } from "./mouse";
 import { cleanDomProps, commonStyle } from "./style";
 import { useScrollbarActivity } from "../scrollbar-activity";
 
@@ -254,7 +254,6 @@ export const WebScrollBox = forwardRef<ScrollBoxRenderable, Record<string, unkno
         data-gloom-scrollbar-x={props.scrollX === true ? (horizontalScrollBarVisible ? "visible" : "hidden") : undefined}
         data-gloom-scrollbar-y={props.scrollY === true ? (verticalScrollBarVisible ? "visible" : "hidden") : undefined}
         data-gloom-scrollbar-active={scrollbarActive ? "true" : undefined}
-        data-gloom-interactive={hasDirectMouseHandler(props) ? "true" : undefined}
         onMouseDown={(event) => callMouseHandler(props.onMouseDown, event, "down")}
         onMouseMove={(event) => callMouseHandler(props.onMouseMove, event, "move")}
         onMouseUp={(event) => callMouseHandler(props.onMouseUp, event, "up")}

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

@@ -9,7 +9,7 @@ import {
 } from "../../../../ui/host";
 import { WEB_CELL_WIDTH } from "../input-host";
 import { webAsciiTextLines, webAsciiTextWordmarkVariant } from "./ascii-text";
-import { hasDirectMouseHandler, mouseHandlers } from "./mouse";
+import { mouseHandlers } from "./mouse";
 import { cleanDomProps, commonStyle, textStyle } from "./style";
 
 const WEB_WORDMARK_CHAR_WIDTH_PX = Math.max(10, WEB_CELL_WIDTH);
@@ -56,7 +56,6 @@ export function WebText({ children, ...props }: TextProps) {
     <span
       {...cleanDomProps(props)}
       {...mouseHandlers(props)}
-      data-gloom-interactive={hasDirectMouseHandler(props) ? "true" : undefined}
       style={{ ...textStyle(props), ...(props.style as CSSProperties | undefined) }}
     >
       {renderTextContent(children, props.content, props)}

package/src/renderers/electrobun/view/main.tsx

@@ -21,6 +21,7 @@ import { webNativeRenderer } from "./native-renderer";
 import { WebToastHostProvider } from "./toast-host";
 import { createWebUiHost, webRendererHost } from "./ui-host";
 import { createApplicationMenuBridge } from "./application-menu-bridge";
+import { createDesktopDeepLinkBridge } from "./desktop-deeplink-bridge";
 import { createDesktopWindowBridge } from "./desktop/window/bridge";
 import { prepareDetachedSnapshot } from "./desktop/window/snapshot";
 
@@ -88,6 +89,7 @@ async function boot() {
   const config = desktopSnapshot?.config ?? init.config;
   const desktopWindowBridge = createDesktopWindowBridge(init.windowKind, init.paneId);
   const desktopApplicationMenuBridge = createApplicationMenuBridge();
+  const desktopDeepLinkBridge = createDesktopDeepLinkBridge();
   const webUiHost = createWebUiHost(init.desktopPlatform);
   const remoteControlAdapter = init.windowKind === "main"
     ? { registerHandler: setElectrobunRemoteRequestHandler }
@@ -103,6 +105,7 @@ async function boot() {
                   config={config}
                   desktopWindowBridge={desktopWindowBridge}
                   desktopApplicationMenuBridge={desktopApplicationMenuBridge}
+                  desktopDeepLinkBridge={desktopDeepLinkBridge}
                   desktopSnapshot={desktopSnapshot}
                   desktopThemePreview={init.desktopThemePreview}
                   remoteControlAdapter={remoteControlAdapter}

package/src/renderers/electrobun/view/ui-host.tsx

@@ -7,6 +7,7 @@ import { backendRequest } from "./backend-rpc";
 import { WebDataTable } from "./data-table";
 import {
   WebButton,
+  WebCheckbox,
   WebDialogFrame,
   WebListView,
   WebMessageComposer,
@@ -82,6 +83,7 @@ export function createWebUiHost(desktopPlatform?: string): UiHost {
     Input: WebInput,
     Textarea: WebTextarea,
     Button: WebButton,
+    Checkbox: WebCheckbox,
     TextField: WebTextField,
     MessageComposer: WebMessageComposer,
     ListView: WebListView,

package/src/sources/provider-router/batches.ts

@@ -12,8 +12,10 @@ import { isQuoteStaleForCurrentSession } from "../../market-data/quotes/freshnes
 import { resolveTickerFinancialsQuoteState } from "../../market-data/quotes/resolution";
 import { selectCachedResource } from "./cache";
 import {
+  dropUnusableProviderQuote,
   hasDeepStatementHistory,
   hasDetailedStatementRows,
+  isProviderQuoteUsableForCurrentSession,
   quoteWithFreshnessExchange,
   type CachedFinancialsSelection,
 } from "./financials";
@@ -52,8 +54,9 @@ export class ProviderRouterBatchRoutes {
       const context = target.context;
       const entityKey = this.deps.getEntityKey(target.symbol, context?.instrument);
       const variantKeys = this.deps.getTickerVariantCandidates(target.exchange);
+      const brokerSourceKeys = this.deps.getBrokerCandidatesForContext(context, false).map((candidate) => this.deps.brokerSourceKey(candidate));
       const sourceKeys = [
-        ...this.deps.getBrokerCandidatesForContext(context, false).map((candidate) => this.deps.brokerSourceKey(candidate)),
+        ...brokerSourceKeys,
         ...this.deps.getProviderSourceKeys(),
       ];
       const rawCached = selectCachedResource<Quote>(this.deps.resources, "quote", entityKey, variantKeys, sourceKeys, false);
@@ -61,6 +64,10 @@ export class ProviderRouterBatchRoutes {
         ? rawCached
         : null;
       if (cached && !forceRefresh && !cached.stale) {
+        if (brokerSourceKeys.includes(cached.sourceKey)) {
+          misses.push({ index, target });
+          return;
+        }
         results[index] = { target, quote: cached.value };
         return;
       }
@@ -80,7 +87,7 @@ export class ProviderRouterBatchRoutes {
       const uniqueTargets = [...providerIndexes.values()].map((bucket) => bucket[0]!.target);
       const batchResults = await batchProvider.getQuotesBatch!(uniqueTargets, options).catch(() => []);
       for (const item of batchResults) {
-        if (!item.quote || isQuoteStaleForCurrentSession(item.quote)) continue;
+        if (!isProviderQuoteUsableForCurrentSession(item.quote, item.target.exchange)) continue;
         const key = this.quoteBatchKey(item.target);
         const sourceKey = this.deps.providerSourceKey(batchProvider);
         for (const entry of providerIndexes.get(key) ?? []) {
@@ -142,7 +149,8 @@ export class ProviderRouterBatchRoutes {
       for (const item of batchResults) {
         if (!item.financials) continue;
         const key = this.cachedFinancialsBatchKey(item.target);
-        const value = resolveTickerFinancialsQuoteState(normalizeTickerFinancialsPriceHistory(item.financials));
+        let value = resolveTickerFinancialsQuoteState(normalizeTickerFinancialsPriceHistory(item.financials));
+        if (value) value = dropUnusableProviderQuote(value, item.target.exchange);
         if (!value) continue;
         const sourceKey = this.deps.providerSourceKey(batchProvider);
         for (const entry of providerIndexes.get(key) ?? []) {

package/src/sources/provider-router/cached-financials.test.ts

@@ -405,6 +405,129 @@ describe("AssetDataRouter cached financials", () => {
     persistence.close();
   });
 
+  test("uses symbol provider quote reference for broker-linked snapshot reads", async () => {
+    const dbPath = createTempDbPath("cached-symbol-reference-for-contract-snapshot");
+    const persistence = new AppPersistence(dbPath);
+    const now = Date.now();
+
+    persistence.resources.set(
+      {
+        namespace: "market",
+        kind: "financials",
+        entityKey: "contract:275759",
+        variantKey: "exchange=NASDAQ",
+        sourceKey: "provider:gloomberb-cloud",
+      },
+      makeFinancials({
+        quote: makeQuote({
+          symbol: "VICR",
+          providerId: "gloomberb-cloud",
+          price: 292.83,
+          currency: "USD",
+          previousClose: 380.07,
+          change: -87.24,
+          changePercent: -22.95,
+          lastUpdated: now,
+          marketState: "REGULAR",
+          exchangeName: "NASDAQ",
+          listingExchangeName: "NASDAQ",
+          dataSource: "live",
+        }),
+        profile: {
+          description: "Cloud profile",
+        },
+        fundamentals: {
+          trailingPE: 94.3,
+        },
+      }),
+      {
+        cachePolicy: { staleMs: 60_000, expireMs: 7 * 24 * 60 * 60_000 },
+        fetchedAt: now,
+      },
+    );
+    persistence.resources.set(
+      {
+        namespace: "market",
+        kind: "financials",
+        entityKey: "contract:275759",
+        variantKey: "exchange=NASDAQ",
+        sourceKey: "provider:yahoo",
+      },
+      makeFinancials({
+        annualStatements: [{ date: "2025-12-31", totalRevenue: 100 }],
+      }),
+      {
+        cachePolicy: { staleMs: 60_000, expireMs: 7 * 24 * 60 * 60_000 },
+        fetchedAt: now + 1_000,
+      },
+    );
+    persistence.resources.set(
+      {
+        namespace: "market",
+        kind: "financials",
+        entityKey: "VICR",
+        variantKey: "exchange=NASDAQ",
+        sourceKey: "provider:yahoo",
+      },
+      makeFinancials({
+        quote: makeQuote({
+          symbol: "VICR",
+          providerId: "yahoo",
+          price: 294.39,
+          currency: "USD",
+          previousClose: 282.95,
+          change: 11.44,
+          changePercent: 4.04,
+          lastUpdated: now - 1_000,
+          marketState: "REGULAR",
+          exchangeName: "NASDAQ",
+          listingExchangeName: "NASDAQ",
+          dataSource: "delayed",
+        }),
+      }),
+      {
+        cachePolicy: { staleMs: 60_000, expireMs: 7 * 24 * 60 * 60_000 },
+        fetchedAt: now - 1_000,
+      },
+    );
+
+    const router = new AssetDataRouter({
+      ...fallbackProvider,
+      id: "yahoo",
+      name: "Yahoo",
+      async getTickerFinancials() {
+        throw new Error("should not fetch financials");
+      },
+    }, [{
+      ...fallbackProvider,
+      id: "gloomberb-cloud",
+      name: "Cloud",
+      priority: 100,
+      async getTickerFinancials() {
+        throw new Error("should not fetch financials");
+      },
+    }], persistence.resources);
+
+    const financials = await router.getTickerFinancials("VICR", "NASDAQ", {
+      brokerId: "ibkr",
+      brokerInstanceId: "ibkr-work",
+      instrument: {
+        brokerId: "ibkr",
+        brokerInstanceId: "ibkr-work",
+        conId: 275759,
+        symbol: "VICR",
+      },
+    });
+
+    expect(financials.quote?.providerId).toBe("gloomberb-cloud");
+    expect(financials.quote?.price).toBe(292.83);
+    expect(financials.quote?.previousClose).toBe(282.95);
+    expect(financials.quote?.changePercent).toBeCloseTo(((292.83 - 282.95) / 282.95) * 100, 10);
+    expect(financials.quote?.provenance?.fields?.previousClose?.providerId).toBe("yahoo");
+
+    persistence.close();
+  });
+
   test("overlays standalone quote cache on stale financial snapshots during startup priming", () => {
     const dbPath = createTempDbPath("cached-quote-over-financial-snapshot");
     const persistence = new AppPersistence(dbPath);