gloomberb 0.9.2 → 0.9.4

package/src/plugins/prediction-markets/test-helpers.tsx

@@ -24,6 +24,7 @@ import {
   attachPredictionMarketsPersistence,
 } from "./services/fetch";
 import { normalizeKalshiMarket } from "./services/kalshi/adapter";
+import type { PredictionDetailTab } from "./types";
 
 export const TEST_PANE_ID = "prediction-markets:main";
 const originalFetch = globalThis.fetch;
@@ -408,7 +409,13 @@ export function ChartHarness({
   );
 }
 
-export function GroupedDetailHarness() {
+export function GroupedDetailHarness({
+  detailTab = "overview",
+  loading = false,
+}: {
+  detailTab?: PredictionDetailTab;
+  loading?: boolean;
+} = {}) {
   const [state, dispatch] = useReducer(
     appReducer,
     (() => {
@@ -475,29 +482,40 @@ export function GroupedDetailHarness() {
     <AppContext value={{ state, dispatch }}>
       <PaneInstanceProvider paneId={TEST_PANE_ID}>
         <PredictionMarketDetailPane
-          detail={{
-            summary,
-            siblings: selectedRow!.markets.map((market) => ({
-              key: market.key,
-              marketId: market.marketId,
-              label: market.marketLabel,
-              yesPrice: market.yesPrice,
-              volume24h: market.volume24h,
-            })),
-            rules: [],
-            history: [],
-            book: {
-              yesBids: [],
-              yesAsks: [],
-              noBids: [],
-              noAsks: [],
-              lastTradePrice: null,
-            },
-            trades: [],
-          }}
+          detail={
+            loading
+              ? null
+              : {
+                  summary,
+                  siblings: selectedRow!.markets.map((market) => ({
+                    key: market.key,
+                    marketId: market.marketId,
+                    label: market.marketLabel,
+                    yesPrice: market.yesPrice,
+                    volume24h: market.volume24h,
+                  })),
+                  rules: [],
+                  history: [],
+                  book: {
+                    yesBids: [{ price: 0.47, size: 120 }],
+                    yesAsks: [{ price: 0.49, size: 95 }],
+                    noBids: [{ price: 0.51, size: 80 }],
+                    noAsks: [{ price: 0.53, size: 105 }],
+                    lastTradePrice: null,
+                  },
+                  trades: [{
+                    id: "trade-1",
+                    timestamp: Date.parse("2026-04-01T12:34:56Z"),
+                    side: "buy",
+                    outcome: "yes",
+                    price: 0.48,
+                    size: 50,
+                  }],
+                }
+          }
           detailError={null}
-          detailLoadCount={0}
-          detailTab="overview"
+          detailLoadCount={loading ? 1 : 0}
+          detailTab={detailTab}
           detailWidth={58}
           focused
           height={24}
@@ -531,6 +549,7 @@ export async function emitKeypress(
   event: {
     name?: string;
     sequence?: string;
+    targetEditable?: boolean;
     shift?: boolean;
   },
 ) {

package/src/renderers/electrobun/bun/application-menu/click.test.ts

@@ -30,6 +30,15 @@ describe("applicationMenuCommand", () => {
     })).toEqual({ type: "open-devtools" });
   });
 
+  test("parses the native quit command", () => {
+    expect(applicationMenuCommand({
+      data: {
+        action: ELECTROBUN_APPLICATION_MENU_ACTION,
+        data: { type: "quit" },
+      },
+    })).toEqual({ type: "quit" });
+  });
+
   test("ignores unknown command types", () => {
     expect(applicationMenuCommand({
       data: {

package/src/renderers/electrobun/bun/application-menu/click.ts

@@ -45,6 +45,7 @@ function normalizeApplicationMenuCommand(value: unknown): ElectrobunApplicationM
     case "layout-redo":
     case "layout-gridlock":
     case "open-devtools":
+    case "quit":
       return { type: command.type };
     default:
       return null;

package/src/renderers/electrobun/bun/application-menu/index.test.ts

@@ -9,4 +9,13 @@ describe("desktop application menu", () => {
   test("keeps the native application menu on macOS", () => {
     expect(buildDesktopApplicationMenu("darwin")).toEqual(buildApplicationMenu());
   });
+
+  test("routes macOS quit through an explicit command item", () => {
+    const appMenu = buildApplicationMenu()[0]?.submenu;
+    expect(appMenu?.at(-1)).toMatchObject({
+      label: "Quit Gloomberb",
+      accelerator: "CmdOrCtrl+Q",
+      data: { type: "quit" },
+    });
+  });
 });

package/src/renderers/electrobun/bun/application-menu/index.ts

@@ -6,7 +6,8 @@ const GITHUB_ISSUE_URL = "https://github.com/vincelwt/gloomberb/issues/new/choos
 
 export type ElectrobunApplicationMenuCommand =
   | DesktopApplicationMenuCommand
-  | { type: "open-devtools" };
+  | { type: "open-devtools" }
+  | { type: "quit" };
 
 function commandItem(
   label: string,
@@ -38,7 +39,7 @@ export function buildApplicationMenu(): ApplicationMenuItemConfig[] {
         { role: "hideOthers" },
         { role: "showAll" },
         { type: "divider" },
-        { role: "quit" },
+        commandItem("Quit Gloomberb", { type: "quit" }, { accelerator: "CmdOrCtrl+Q" }),
       ],
     },
     {

package/src/renderers/electrobun/bun/index.ts

@@ -281,6 +281,15 @@ function closeAllDetachedWindows(): void {
   detachedWindowManager.closeAll();
 }
 
+function quitDesktopApp(): void {
+  closeAllDetachedWindows();
+  teardownServices();
+  const window = mainWindow;
+  mainWindow = null;
+  window?.close();
+  Utils.quit();
+}
+
 function controlWindowForRpcKey(windowKey: string | undefined, action: DesktopWindowControlAction): boolean {
   const targetWindow = windowKey === MAIN_WINDOW_RPC_KEY
     ? mainWindow
@@ -446,6 +455,10 @@ ApplicationMenu.on("application-menu-clicked", (event: unknown) => {
     openMainWindowDevTools();
     return;
   }
+  if (command.type === "quit") {
+    quitDesktopApp();
+    return;
+  }
   if (!isWindowRpcReady(MAIN_WINDOW_RPC_KEY)) return;
   getWindowRpc(MAIN_WINDOW_RPC_KEY)?.send["application-menu.select"]({ command });
 });

package/src/renderers/electrobun/bun/window/focus.test.ts

@@ -0,0 +1,35 @@
+import { describe, expect, test } from "bun:test";
+import { detachedRpcKey, focusWindowForRpcKey, MAIN_WINDOW_RPC_KEY, type FocusableElectrobunWindow } from "./focus";
+
+describe("Electrobun window focus routing", () => {
+  test("uses activate for the main window", () => {
+    const calls: string[] = [];
+    const mainWindow: FocusableElectrobunWindow = {
+      activate: () => calls.push("activate"),
+      focus: () => calls.push("focus"),
+    };
+
+    expect(focusWindowForRpcKey(MAIN_WINDOW_RPC_KEY, mainWindow, new Map())).toBe(true);
+    expect(calls).toEqual(["activate"]);
+  });
+
+  test("uses activate for detached windows", () => {
+    const calls: string[] = [];
+    const detachedWindows = new Map<string, FocusableElectrobunWindow>([
+      ["pane:1", { activate: () => calls.push("detached") }],
+    ]);
+
+    expect(focusWindowForRpcKey(detachedRpcKey("pane:1"), null, detachedWindows)).toBe(true);
+    expect(calls).toEqual(["detached"]);
+  });
+
+  test("falls back to focus for legacy window objects", () => {
+    const calls: string[] = [];
+    const mainWindow: FocusableElectrobunWindow = {
+      focus: () => calls.push("focus"),
+    };
+
+    expect(focusWindowForRpcKey(MAIN_WINDOW_RPC_KEY, mainWindow, new Map())).toBe(true);
+    expect(calls).toEqual(["focus"]);
+  });
+});

package/src/renderers/electrobun/bun/window/focus.ts

@@ -3,6 +3,7 @@ export const MAIN_WINDOW_RPC_KEY = "main";
 const DETACHED_WINDOW_RPC_PREFIX = "detached:";
 
 export interface FocusableElectrobunWindow {
+  activate?: () => void;
   focus?: () => void;
 }
 
@@ -31,6 +32,10 @@ export function focusWindowForRpcKey(
   detachedWindows: ReadonlyMap<string, FocusableElectrobunWindow>,
 ): boolean {
   const window = resolveWindowForRpcKey(rpcKey, mainWindow, detachedWindows);
+  if (window?.activate) {
+    window.activate();
+    return true;
+  }
   if (!window?.focus) return false;
   window.focus();
   return true;

package/src/renderers/electrobun/view/app-services.ts

@@ -7,7 +7,7 @@ import type { AppServices } from "../../../core/app-services";
 import type { AppConfig } from "../../../types/config";
 import { newsProvider } from "../../../capabilities";
 import { debugLog } from "../../../utils/debug-log";
-import { measurePerf } from "../../../utils/perf-marks";
+import { measurePerf, measurePerfAsync } from "../../../utils/perf-marks";
 import { getRendererBuiltinPlugins } from "../../../plugins/catalog-ui";
 import { createRemoteAssetDataClient } from "./remote/asset-data-client";
 import { RemotePersistence } from "./remote/persistence";
@@ -47,10 +47,11 @@ export function createAppServices({ config }: { config: AppConfig }): AppService
   }));
 
   const plugins = getRendererBuiltinPlugins();
+  const pluginReadyPromises: Promise<void>[] = [];
   for (const plugin of plugins) {
-    measurePerf("startup.services.register-plugin", () => {
-      void pluginRegistry.register(plugin);
-    }, { pluginId: plugin.id });
+    pluginReadyPromises.push(measurePerfAsync("startup.services.register-plugin", () => (
+      pluginRegistry.register(plugin)
+    ), { pluginId: plugin.id }));
   }
   measurePerf("startup.services.news-start", () => {
     newsService.start();
@@ -65,6 +66,7 @@ export function createAppServices({ config }: { config: AppConfig }): AppService
     marketData,
     pluginRegistry,
     newsService,
+    ready: Promise.all(pluginReadyPromises).then(() => {}),
     destroy() {
       setSharedMarketDataCoordinator(null);
       setSharedNewsService(null);

package/src/renderers/electrobun/view/cli-pane-shot-entry.tsx

@@ -20,7 +20,7 @@ import { resolvePaneBodyFrame } from "../../../components/layout/pane/sizing";
 import { getPaneDisplayTitle } from "../../../components/layout/pane/title";
 import type { AppConfig } from "../../../types/config";
 import type { CachedFinancialsTarget, DataProvider, QuoteSubscriptionTarget } from "../../../types/data-provider";
-import type { TickerFinancials } from "../../../types/financials";
+import type { OptionsChain, TickerFinancials } from "../../../types/financials";
 import type { TickerRecord } from "../../../types/ticker";
 import type { AppState, PaneRuntimeState } from "../../../core/state/app/state";
 import type { PaneDef } from "../../../types/plugin";
@@ -32,6 +32,7 @@ interface CliPaneShotPayload {
   heightCells: number;
   tickers: TickerRecord[];
   financials: Array<[string, TickerFinancials]>;
+  optionsChains: Array<[string, OptionsChain]>;
   paneState: Record<string, PaneRuntimeState>;
 }
 
@@ -56,6 +57,7 @@ const TRACKED_RESPONSE_METHODS = new Set<PropertyKey>([
 
 let pendingShotWork = 0;
 let didInstallShotFetchTracker = false;
+let shotDataProvider: DataProvider | null = null;
 
 const rendererHost: RendererHost = {
   requestExit() {},
@@ -152,6 +154,7 @@ function waitForShotReadiness(): () => void {
 
 function createShotDataProvider(payload: CliPaneShotPayload): DataProvider {
   const financials = new Map(payload.financials.map(([symbol, data]) => [normalizeSymbol(symbol), data]));
+  const optionsChains = new Map((payload.optionsChains ?? []).map(([symbol, data]) => [normalizeSymbol(symbol), data]));
 
   const getFinancials = (symbol: string) => {
     const data = financials.get(normalizeSymbol(symbol));
@@ -187,6 +190,13 @@ function createShotDataProvider(payload: CliPaneShotPayload): DataProvider {
     getExchangeRate() {
       return resolveShotWork(1);
     },
+    getOptionsChain(ticker) {
+      return trackShotWork(Promise.resolve().then(() => {
+        const chain = optionsChains.get(normalizeSymbol(ticker));
+        if (!chain) throw new Error(`No screenshot options data available for ${ticker}.`);
+        return chain;
+      }));
+    },
     search(query) {
       const normalized = normalizeSymbol(query);
       return resolveShotWork(payload.tickers
@@ -217,6 +227,7 @@ function createShotDataProvider(payload: CliPaneShotPayload): DataProvider {
 
 function installShotMarketData(payload: CliPaneShotPayload): void {
   const provider = createShotDataProvider(payload);
+  shotDataProvider = provider;
   const coordinator = new MarketDataCoordinator(provider);
   coordinator.primeCachedFinancials(payload.tickers.flatMap((ticker) => {
     const financials = payload.financials.find(([symbol]) => normalizeSymbol(symbol) === normalizeSymbol(ticker.metadata.ticker))?.[1];
@@ -236,7 +247,7 @@ function createRuntime(payload: CliPaneShotPayload): PluginRuntimeAccess {
     return (payload.config.pluginConfig[pluginId]?.[key] as T | undefined) ?? null;
   }
   return {
-    getMarketData: () => null,
+    getMarketData: () => shotDataProvider,
     getCapability: () => null,
     getBrokerAdapter: () => null,
     connectBrokerInstance: async () => {},

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

@@ -59,6 +59,7 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
   isSelected,
   onSelect,
   onActivate,
+  onTableMouseDown,
   onRowMouseDown,
   onRowContextMenu,
   rowContextMenuSurface = false,
@@ -71,6 +72,9 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
   emptyStateHint,
   virtualize = true,
   overscan = 3,
+  columnGap = 1,
+  horizontalPadding = 1,
+  fillAvailableWidth = true,
   showHorizontalScrollbar = true,
   scrollToIndex,
   scrollToIndexAlign = "nearest",
@@ -85,10 +89,13 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
   const bodyVertical = useScrollbarState(true);
   const [viewportWidth, setViewportWidth] = useState(0);
   const [scrollbarActive, markScrollbarActive] = useScrollbarActivity();
-  const tableWidth = useMemo(() => getTableWidth(columns), [columns]);
+  const tableWidth = useMemo(
+    () => getTableWidth(columns, columnGap, horizontalPadding),
+    [columnGap, columns, horizontalPadding],
+  );
   const gridTemplateColumns = useMemo(
-    () => buildTableGridTemplateColumns(columns),
-    [columns],
+    () => buildTableGridTemplateColumns(columns, fillAvailableWidth),
+    [columns, fillAvailableWidth],
   );
   const selectRow = useCallback((item: T, index: number) => {
     onSelect(item, index);
@@ -136,8 +143,9 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
     : WEB_CELL_HEIGHT + items.length * WEB_CELL_HEIGHT;
   const bodyAfterHeight = bodyAfter ? WEB_CELL_HEIGHT * 6 : 0;
   const horizontalScrollEnabled = showHorizontalScrollbar
-    && hasMeaningfulTableHorizontalOverflow(tableWidth, viewportWidth);
+    && hasMeaningfulTableHorizontalOverflow(tableWidth, viewportWidth, columnGap);
   const scrollContentWidth = horizontalScrollEnabled
+    || !fillAvailableWidth
     ? Math.max(1, tableWidth * WEB_CELL_WIDTH)
     : "100%";
   const measureViewportWidth = useCallback(() => {
@@ -247,6 +255,7 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
         style={bodyScrollerStyle}
         onMouseDown={() => {
           focusPane();
+          onTableMouseDown?.({});
         }}
         onMouseLeave={() => {
           if (hoveredIdx !== null) setHoveredIdx(null);
@@ -270,7 +279,10 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
         >
           <WebDataTableHeader
             columns={columns}
+            columnGap={columnGap}
+            horizontalPadding={horizontalPadding}
             focusPane={focusPane}
+            onTableMouseDown={onTableMouseDown}
             gridTemplateColumns={gridTemplateColumns}
             onHeaderClick={onHeaderClick}
             sortColumnId={sortColumnId}
@@ -314,7 +326,10 @@ export function WebDataTable<T, C extends DataTableColumn = DataTableColumn>({
                     item={item}
                     itemKey={itemKey}
                     columns={columns}
+                    columnGap={columnGap}
+                    horizontalPadding={horizontalPadding}
                     focusPane={focusPane}
+                    onTableMouseDown={onTableMouseDown}
                     gridTemplateColumns={gridTemplateColumns}
                     onActivateRow={onActivate ? activateRow : undefined}
                     onRowContextMenu={onRowContextMenu}

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

@@ -44,16 +44,30 @@ function contentJustifyForAlign(align: string | undefined): CSSProperties["justi
   return "flex-start";
 }
 
+function columnGapCss(columnGap: number): CSSProperties["columnGap"] {
+  return columnGap === 0 ? 0 : `calc(${columnGap} * var(--cell-w))`;
+}
+
+function inlinePaddingPx(horizontalPadding: number): number {
+  return TABLE_INLINE_PADDING_PX * horizontalPadding;
+}
+
 export function WebDataTableHeader<C extends DataTableColumn>({
   columns,
+  columnGap,
+  horizontalPadding,
   focusPane,
+  onTableMouseDown,
   gridTemplateColumns,
   onHeaderClick,
   sortColumnId,
   sortDirection,
 }: {
   columns: C[];
+  columnGap: number;
+  horizontalPadding: number;
   focusPane: () => void;
+  onTableMouseDown?: (event: any) => void;
   gridTemplateColumns: string;
   onHeaderClick: (columnId: string) => void;
   sortColumnId: string | null;
@@ -69,13 +83,13 @@ export function WebDataTableHeader<C extends DataTableColumn>({
         zIndex: 2,
         display: "grid",
         gridTemplateColumns,
-        columnGap: "var(--cell-w)",
+        columnGap: columnGapCss(columnGap),
         alignItems: "center",
         width: "100%",
         minWidth: 0,
         height: WEB_CELL_HEIGHT,
-        paddingLeft: TABLE_INLINE_PADDING_PX,
-        paddingRight: TABLE_INLINE_PADDING_PX,
+        paddingLeft: inlinePaddingPx(horizontalPadding),
+        paddingRight: inlinePaddingPx(horizontalPadding),
         boxSizing: "border-box",
         backgroundColor: CSS_PANEL,
       }}
@@ -99,6 +113,7 @@ export function WebDataTableHeader<C extends DataTableColumn>({
             }}
             onMouseDown={(event) => {
               focusPane();
+              onTableMouseDown?.(event);
               event.preventDefault();
               onHeaderClick(column.id);
             }}
@@ -128,7 +143,10 @@ function WebDataTableRowInner<
   C extends DataTableColumn,
 >({
   columns,
+  columnGap,
+  horizontalPadding,
   focusPane,
+  onTableMouseDown,
   onActivateRow,
   onRowContextMenu,
   onRowMouseDown,
@@ -148,7 +166,10 @@ function WebDataTableRowInner<
   setHoveredIdx,
 }: {
   columns: C[];
+  columnGap: number;
+  horizontalPadding: number;
   focusPane: () => void;
+  onTableMouseDown?: (event: any) => void;
   onActivateRow?: (item: T, index: number) => void;
   onRowContextMenu?: DataTableProps<T, C>["onRowContextMenu"];
   onRowMouseDown?: DataTableProps<T, C>["onRowMouseDown"];
@@ -177,13 +198,13 @@ function WebDataTableRowInner<
     transform: `translateY(${rowStart}px)`,
     display: "grid",
     gridTemplateColumns,
-    columnGap: "var(--cell-w)",
+    columnGap: columnGapCss(columnGap),
     alignItems: "center",
     width: "100%",
     minWidth: 0,
     height: rowSize,
-    paddingLeft: TABLE_INLINE_PADDING_PX,
-    paddingRight: TABLE_INLINE_PADDING_PX,
+    paddingLeft: inlinePaddingPx(horizontalPadding),
+    paddingRight: inlinePaddingPx(horizontalPadding),
     boxSizing: "border-box",
     lineHeight: "var(--cell-h)",
   };
@@ -199,6 +220,7 @@ function WebDataTableRowInner<
         }}
         onMouseDown={(event) => {
           focusPane();
+          onTableMouseDown?.(event);
           event.preventDefault();
         }}
       >
@@ -243,6 +265,7 @@ function WebDataTableRowInner<
       }}
       onMouseDown={(event) => {
         focusPane();
+        onTableMouseDown?.(event);
         if (onRowMouseDown?.(item, index, eventWithCellCoordinates(event)) === true) {
           return;
         }
@@ -274,6 +297,7 @@ function WebDataTableRowInner<
             }}
             onMouseDown={(event) => {
               focusPane();
+              onTableMouseDown?.(event);
               if (cell.onMouseDown) {
                 cell.onMouseDown(eventWithCellCoordinates(event));
                 return;

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

@@ -84,6 +84,7 @@ export function WebTextField({
   inputRef,
   onChange,
   onSubmit,
+  onBlur,
   hint,
   type = "text",
   variant = "default",
@@ -155,7 +156,12 @@ export function WebTextField({
           }}
           onInput={onChange}
           onChange={onChange}
-          onSubmit={() => onSubmit?.(value ?? resolvedInputRef.current?.editBuffer.getText() ?? "")}
+          onSubmit={(nextValue?: string) => onSubmit?.(
+            typeof nextValue === "string" ? nextValue : resolvedInputRef.current?.editBuffer.getText() ?? value ?? "",
+          )}
+          onBlur={(nextValue?: string) => onBlur?.(
+            typeof nextValue === "string" ? nextValue : resolvedInputRef.current?.editBuffer.getText() ?? value ?? "",
+          )}
         />
       </Box>
       {hint && (
@@ -347,14 +353,14 @@ export function WebPageStackView({
 
   if (!detailOpen) {
     return (
-      <Box flexDirection="column" flexGrow={1} overflow="hidden">
+      <Box flexDirection="column" flexGrow={1} flexShrink={1} flexBasis={0} minWidth={0} minHeight={0} overflow="hidden">
         {rootContent}
       </Box>
     );
   }
 
   return (
-    <Box flexDirection="column" flexGrow={1} overflow="hidden">
+    <Box flexDirection="column" flexGrow={1} flexShrink={1} flexBasis={0} minWidth={0} minHeight={0} overflow="hidden">
       <Box
         flexDirection="row"
         alignItems="flex-start"
@@ -370,7 +376,7 @@ export function WebPageStackView({
           flexDirection="row"
           alignItems="center"
           backgroundColor={panelFill()}
-          onMouseDown={(event) => {
+          onMouseDown={(event: { preventDefault?: () => void; stopPropagation?: () => void }) => {
             event.preventDefault?.();
             event.stopPropagation?.();
             onBack();
@@ -413,7 +419,7 @@ export function WebPageStackView({
           </Text>
         ) : null}
       </Box>
-      <Box flexDirection="column" flexGrow={1} overflow="hidden">
+      <Box flexDirection="column" flexGrow={1} flexShrink={1} flexBasis={0} minWidth={0} minHeight={0} overflow="hidden">
         {detailContent}
       </Box>
     </Box>

package/src/renderers/electrobun/view/host/ascii-text.ts

@@ -0,0 +1,50 @@
+import { renderAsciiText, type AsciiFontName } from "../../../../ui/ascii-font";
+
+const WEB_GLOOMBERB_WORDMARK = [
+  "  ____ _                       _               _     ",
+  " / ___| | ___   ___  _ __ ___ | |__   ___ _ __| |__  ",
+  "| |  _| |/ _ \\ / _ \\| '_ ` _ \\| '_ \\ / _ \\ '__| '_ \\ ",
+  "| |_| | | (_) | (_) | | | | | | |_) |  __/ |  | |_) |",
+  " \\____|_|\\___/ \\___/|_| |_| |_|_.__/ \\___|_|  |_.__/ ",
+];
+
+type WebWordmarkVariant = "legacy" | "compat" | null;
+
+function currentDesktopPlatform(): string {
+  const navigatorLike = (globalThis as {
+    navigator?: {
+      platform?: string;
+      userAgent?: string;
+      userAgentData?: { platform?: string };
+    };
+  }).navigator;
+  return [
+    navigatorLike?.userAgentData?.platform,
+    navigatorLike?.platform,
+    navigatorLike?.userAgent,
+  ].filter(Boolean).join(" ");
+}
+
+function isMacDesktopPlatform(desktopPlatform?: string): boolean {
+  const raw = desktopPlatform?.trim() || currentDesktopPlatform();
+  return /(darwin|mac|iphone|ipad|ipod)/i.test(raw);
+}
+
+export function webAsciiTextWordmarkVariant(
+  text: string,
+  font: AsciiFontName = "tiny",
+  desktopPlatform?: string,
+): WebWordmarkVariant {
+  if (font !== "wordmark" || text.trim().toLowerCase() !== "gloomberb") return null;
+  return isMacDesktopPlatform(desktopPlatform) ? "legacy" : "compat";
+}
+
+export function webAsciiTextLines(
+  text: string,
+  font: AsciiFontName = "tiny",
+  desktopPlatform?: string,
+): string[] {
+  return webAsciiTextWordmarkVariant(text, font, desktopPlatform) === "compat"
+    ? WEB_GLOOMBERB_WORDMARK
+    : renderAsciiText(text, font);
+}