gloomberb 0.9.1 → 0.9.2

package/src/plugins/builtin/congress-trades/keyboard.ts

@@ -1,14 +1,12 @@
-import { useCallback, type RefObject } from "react";
+import { useCallback } from "react";
 import { type DataTableKeyEvent } from "../../../components";
 import { useShortcut } from "../../../react/input";
-import { type ScrollBoxRenderable } from "../../../ui";
 import { isPlainKey } from "../../../utils/keyboard";
 import type { CongressTab, DetailMode } from "./model";
 
 export function useCongressTradesKeyboard({
   activeTab,
   detailMode,
-  detailScrollRef,
   focused,
   load,
   openSelectedTicker,
@@ -18,7 +16,6 @@ export function useCongressTradesKeyboard({
 }: {
   activeTab: CongressTab;
   detailMode: DetailMode;
-  detailScrollRef: RefObject<ScrollBoxRenderable | null>;
   focused: boolean;
   load: (refresh?: boolean) => void;
   openSelectedTicker: () => void;
@@ -26,25 +23,9 @@ export function useCongressTradesKeyboard({
   openSelectedTradeSource: () => void;
   selectTab: (tab: string) => void;
 }) {
-  const scrollDetailBy = useCallback((delta: number) => {
-    const scrollBox = detailScrollRef.current;
-    if (!scrollBox?.viewport) return;
-    const maxScrollTop = Math.max(0, scrollBox.scrollHeight - scrollBox.viewport.height);
-    scrollBox.scrollTop = Math.max(0, Math.min(maxScrollTop, scrollBox.scrollTop + delta));
-  }, [detailScrollRef]);
-
   const handleDetailKeyDown = useCallback((event: DataTableKeyEvent) => {
-    if (isPlainKey(event, "j", "down")) {
-      event.preventDefault?.();
-      event.stopPropagation?.();
-      scrollDetailBy(1);
-      return true;
-    }
-    if (isPlainKey(event, "k", "up")) {
-      event.preventDefault?.();
-      event.stopPropagation?.();
-      scrollDetailBy(-1);
-      return true;
+    if (detailMode?.kind === "member") {
+      return false;
     }
     if (isPlainKey(event, "o")) {
       event.preventDefault?.();
@@ -65,7 +46,7 @@ export function useCongressTradesKeyboard({
       return true;
     }
     return false;
-  }, [openSelectedTicker, openSelectedTradeMember, openSelectedTradeSource, scrollDetailBy]);
+  }, [detailMode?.kind, openSelectedTicker, openSelectedTradeMember, openSelectedTradeSource]);
 
   const handleRootKeyDown = useCallback((event: DataTableKeyEvent) => {
     if (isPlainKey(event, "r")) {

package/src/plugins/builtin/congress-trades/model.ts

@@ -8,6 +8,8 @@ import type {
 export const CONGRESS_TRADES_PANE_ID = "congress-trades";
 export const CONGRESS_TRADE_LIMIT = 200;
 export const CONGRESS_FILING_LIMIT = 20;
+export const CONGRESS_MEMBER_TRADE_LIMIT = 2000;
+export const CONGRESS_MEMBER_FILING_LIMIT = 500;
 
 export type CongressTab = "trades" | "members";
 export type LoadStatus = "idle" | "loading" | "loaded" | "error";
@@ -25,6 +27,7 @@ export type TradeColumnId =
   | "side"
   | "ticker"
   | "amount"
+  | "asset"
   | "owner";
 export type TradeColumn = DataTableColumn & { id: TradeColumnId };
 export type MemberColumnId =
@@ -104,6 +107,8 @@ function compareTrade(
       return compareText(left.ticker ?? "", right.ticker ?? "");
     case "amount":
       return (left.amountHigh ?? left.amountLow ?? 0) - (right.amountHigh ?? right.amountLow ?? 0);
+    case "asset":
+      return compareText(left.assetName, right.assetName);
     case "owner":
       return compareText(left.owner, right.owner);
   }
@@ -172,6 +177,30 @@ export function buildTradeColumns(width: number): TradeColumn[] {
   ];
 }
 
+export function buildMemberTradeColumns(width: number): TradeColumn[] {
+  const filedWidth = 7;
+  const txWidth = 7;
+  const sideWidth = 8;
+  const tickerWidth = 12;
+  const amountWidth = 14;
+  const ownerWidth = 8;
+  const lagWidth = 5;
+  const assetWidth = Math.max(
+    18,
+    width - filedWidth - txWidth - sideWidth - tickerWidth - amountWidth - ownerWidth - lagWidth - 9,
+  );
+  return [
+    { id: "filed", label: "FILED", width: filedWidth, align: "left" },
+    { id: "tx", label: "TX", width: txWidth, align: "left" },
+    { id: "side", label: "SIDE", width: sideWidth, align: "left" },
+    { id: "ticker", label: "TICKER", width: tickerWidth, align: "left" },
+    { id: "amount", label: "AMOUNT", width: amountWidth, align: "right" },
+    { id: "asset", label: "ASSET", width: assetWidth, align: "left" },
+    { id: "owner", label: "OWNER", width: ownerWidth, align: "left" },
+    { id: "lag", label: "LAG", width: lagWidth, align: "right" },
+  ];
+}
+
 export function buildMemberColumns(width: number): MemberColumn[] {
   const districtWidth = 6;
   const tradesWidth = 7;

package/src/plugins/builtin/congress-trades/pane.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box, useRendererHost, type ScrollBoxRenderable } from "../../../ui";
+import { Box, useRendererHost } from "../../../ui";
 import {
   DataTableStackView,
   EmptyState,
@@ -17,6 +17,7 @@ import {
 import type { PaneProps } from "../../../types/plugin";
 import {
   CONGRESS_FILING_LIMIT,
+  CONGRESS_MEMBER_FILING_LIMIT,
   CONGRESS_TRADE_LIMIT,
   CONGRESS_TRADES_PANE_ID,
   buildMemberColumns,
@@ -34,7 +35,7 @@ import {
   type TradeColumn,
   type TradeColumnId,
 } from "./model";
-import { MemberTradeList, TradeDetail } from "./detail";
+import { MemberTradesDetail, TradeDetail } from "./detail";
 import { useCongressTradesFooter } from "./footer";
 import { useCongressTradesKeyboard } from "./keyboard";
 import {
@@ -61,7 +62,6 @@ export function CongressTradesPane({ focused, width, height }: PaneProps) {
     columnId: "trades",
     direction: "desc",
   });
-  const detailScrollRef = useRef<ScrollBoxRenderable | null>(null);
   const fetchGenRef = useRef(0);
 
   const load = useCallback((refresh = false) => {
@@ -142,12 +142,6 @@ export function CongressTradesPane({ focused, width, height }: PaneProps) {
     if (detailMode?.kind === "member" && !detailMember) setDetailMode(null);
   }, [detailMember, detailMode, detailTrade]);
 
-  useEffect(() => {
-    if (!detailMode) return;
-    const scrollBox = detailScrollRef.current;
-    if (scrollBox) scrollBox.scrollTop = 0;
-  }, [detailMode]);
-
   const selectTab = useCallback((tab: string) => {
     setActiveTab(tab === "members" ? "members" : "trades");
     setDetailMode(null);
@@ -176,7 +170,6 @@ export function CongressTradesPane({ focused, width, height }: PaneProps) {
   const { handleDetailKeyDown, handleRootKeyDown } = useCongressTradesKeyboard({
     activeTab,
     detailMode,
-    detailScrollRef,
     focused,
     load,
     openSelectedTicker,
@@ -187,6 +180,7 @@ export function CongressTradesPane({ focused, width, height }: PaneProps) {
 
   useCongressTradesFooter({
     activeTab,
+    detailMode,
     detailTrade,
     error,
     load,
@@ -201,11 +195,12 @@ export function CongressTradesPane({ focused, width, height }: PaneProps) {
   const detailContent = detailTrade ? (
     <TradeDetail trade={detailTrade} width={width} />
   ) : detailMember ? (
-    <MemberTradeList
+    <MemberTradesDetail
+      focused={focused}
       member={detailMember}
-      trades={detailMemberTrades}
+      initialTrades={detailMemberTrades}
       width={width}
-      scrollRef={detailScrollRef}
+      filingLimit={payload?.filingCount ?? CONGRESS_MEMBER_FILING_LIMIT}
     />
   ) : null;
   const detailTitle = detailTrade

package/src/plugins/builtin/congress-trades/table.tsx

@@ -12,7 +12,14 @@ import {
   type MemberColumn,
   type TradeColumn,
 } from "./model";
-import { sideColor } from "./detail";
+
+export function sideColor(side: CloudCongressTradePayload["side"], selected: boolean): string {
+  if (selected) return colors.selectedText;
+  if (side === "BUY") return colors.positive;
+  if (side === "SELL") return colors.negative;
+  if (side === "EXCHANGE") return colors.warning;
+  return colors.textDim;
+}
 
 export function renderCongressTradeCell(
   trade: CloudCongressTradePayload,
@@ -51,6 +58,8 @@ export function renderCongressTradeCell(
         text: formatAmountRange(trade.amountLow, trade.amountHigh, trade.amount),
         color: selectedColor ?? colors.textBright,
       };
+    case "asset":
+      return { text: trade.assetName, color: selectedColor ?? colors.text };
     case "owner":
       return { text: trade.owner, color: selectedColor ?? colors.textDim };
   }

package/src/plugins/builtin/ticker-detail/overview/model.ts

@@ -90,20 +90,6 @@ export function buildOverviewStats({
       valueColor: priceColor(fundamentals.revenueGrowth),
     });
   }
-  if (fundamentals?.return1Y != null) {
-    stats.push({
-      label: "1Y Return",
-      value: formatPercent(fundamentals.return1Y),
-      valueColor: priceColor(fundamentals.return1Y),
-    });
-  }
-  if (fundamentals?.return3Y != null) {
-    stats.push({
-      label: "3Y Return",
-      value: formatPercent(fundamentals.return3Y),
-      valueColor: priceColor(fundamentals.return3Y),
-    });
-  }
   if (fundamentals?.enterpriseValue) {
     stats.push({ label: "EV", value: formatCompact(fundamentals.enterpriseValue) });
   }

package/src/plugins/builtin/ticker-detail/overview-tab.tsx

@@ -15,6 +15,11 @@ import {
 import { selectEffectiveExchangeRates } from "../../../utils/exchange-rate-map";
 import { EmptyState } from "../../../components";
 import { ResolvedStockChart } from "../../../components/chart/stock-chart";
+import { PriceReturnStrip } from "../../../components/price-performance";
+import {
+  appendQuoteToPriceReturnHistory,
+  buildPriceReturnFields,
+} from "../../../market-data/performance";
 import type { TickerFinancials } from "../../../types/financials";
 import type { TickerRecord } from "../../../types/ticker";
 import {
@@ -96,6 +101,19 @@ export function OverviewTab({
     baseCurrency,
     toBase,
   });
+  const performanceFields = buildPriceReturnFields(
+    appendQuoteToPriceReturnHistory(financials?.priceHistory ?? [], quote),
+  ).map((field) => {
+    if (field.value != null) return field;
+    if (field.id === "1Y" && fundamentals?.return1Y != null) {
+      return { ...field, value: fundamentals.return1Y };
+    }
+    if (field.id === "3Y" && fundamentals?.return3Y != null) {
+      return { ...field, value: fundamentals.return3Y };
+    }
+    return field;
+  });
+  const hasPerformance = performanceFields.some((field) => field.value != null);
   const positionRows = buildPositionRows({
     ticker,
     quote,
@@ -210,6 +228,13 @@ export function OverviewTab({
           />
         )}
 
+        {hasPerformance && (
+          <Box flexDirection="column">
+            <SectionHeader title="Price Return" />
+            <PriceReturnStrip fields={performanceFields} width={contentWidth} />
+          </Box>
+        )}
+
         {stats.length > 0 && (
           <Box flexDirection="column">
             <SectionHeader title="Fundamentals" />

package/src/renderers/electrobun/bun/desktop/detached-windows.ts

@@ -23,8 +23,13 @@ import {
   type WindowResizeEvent,
 } from "./window-events";
 import type { DesktopStateBroadcaster, DesktopStateRpc } from "./state-broadcaster";
+import { applyWindowsCustomChrome } from "./windows-custom-chrome";
 import { applyWindowsWindowIcon } from "./windows-icons";
-import { desktopTitleBarStyle } from "./window-style";
+import {
+  desktopTitleBarStyle,
+  desktopWindowRenderer,
+  desktopWindowStyleMask,
+} from "./window-style";
 
 const INITIAL_DOCK_SUPPRESSION_MS = 800;
 const WINDOW_CONTROL_DOCK_SUPPRESSION_MS = 5_000;
@@ -188,13 +193,15 @@ export class DesktopDetachedWindowManager<Rpc extends DesktopStateRpc> {
       title,
       frame: initialFrame,
       url: "views://mainview/index.html",
-      renderer: "native",
+      renderer: desktopWindowRenderer(),
       rpc: rpc as never,
+      styleMask: desktopWindowStyleMask(),
       titleBarStyle: desktopTitleBarStyle(),
       navigationRules: JSON.stringify(["views://*"]),
       sandbox: false,
     });
     applyWindowsWindowIcon(title);
+    applyWindowsCustomChrome(title);
     updateWindowFrameCache(window, initialFrame, DETACHED_WINDOW_MIN_SIZE);
     this.windows.set(instanceId, window);
     this.suppressDockUntil.set(instanceId, Date.now() + INITIAL_DOCK_SUPPRESSION_MS);

package/src/renderers/electrobun/bun/desktop/initialization.ts

@@ -91,6 +91,7 @@ function buildInitializationPayload(
     desktopThemePreview: options.desktopThemePreview,
     pluginState: loadDesktopPluginState(services.pluginRegistry),
     capabilityManifests: services.pluginRegistry.capabilities.manifests({ rendererOnly: true }),
+    desktopPlatform: process.platform,
     windowKind: windowTarget.kind,
     paneId: windowTarget.paneId,
   };

package/src/renderers/electrobun/bun/desktop/window-controls.ts

@@ -22,7 +22,16 @@ const maximizedWindowRestoreFrames = new WeakMap<ControllableDesktopWindow, Desk
 function normalizeFrame(frame: Partial<DesktopWindowFrame> | null | undefined): DesktopWindowFrame | null {
   if (!frame) return null;
   const { x, y, width, height } = frame;
-  if (!Number.isFinite(x) || !Number.isFinite(y) || !Number.isFinite(width) || !Number.isFinite(height)) {
+  if (
+    typeof x !== "number"
+    || typeof y !== "number"
+    || typeof width !== "number"
+    || typeof height !== "number"
+    || !Number.isFinite(x)
+    || !Number.isFinite(y)
+    || !Number.isFinite(width)
+    || !Number.isFinite(height)
+  ) {
     return null;
   }
   return { x, y, width, height };
@@ -56,7 +65,7 @@ export function applyDesktopWindowControl(
   if (maximizedWindowRestoreFrames.has(window)) {
     maximizedWindowRestoreFrames.delete(window);
     window.unmaximize?.();
-    restoreWindowFrame(window, restoreFrame);
+    restoreWindowFrame(window, restoreFrame ?? null);
     return;
   }
   maximizedWindowRestoreFrames.set(window, readWindowFrame(window));

package/src/renderers/electrobun/bun/desktop/window-style.ts

@@ -1,5 +1,31 @@
 type DesktopTitleBarStyle = "default" | "hidden" | "hiddenInset";
+type DesktopWindowRenderer = "native" | "cef";
+type DesktopWindowStyleMask = {
+  Borderless?: boolean;
+  Closable?: boolean;
+  Miniaturizable?: boolean;
+  Titled?: boolean;
+  FullSizeContentView?: boolean;
+};
 
 export function desktopTitleBarStyle(): DesktopTitleBarStyle {
-  return process.platform === "darwin" ? "hiddenInset" : "hidden";
+  if (process.platform === "darwin") return "hiddenInset";
+  if (process.platform === "win32") return "hidden";
+  return "hidden";
+}
+
+export function desktopWindowRenderer(): DesktopWindowRenderer {
+  if (process.platform === "win32") return "cef";
+  return "native";
+}
+
+export function desktopWindowStyleMask(): DesktopWindowStyleMask {
+  if (process.platform !== "win32") return {};
+  return {
+    Borderless: true,
+    Closable: false,
+    Miniaturizable: false,
+    Titled: false,
+    FullSizeContentView: true,
+  };
 }

package/src/renderers/electrobun/bun/desktop/windows-custom-chrome.ts

@@ -0,0 +1,58 @@
+import type { Pointer } from "bun:ffi";
+import {
+  findCurrentProcessWindow,
+  WINDOWS_HANDLE_MAX_ATTEMPTS,
+  WINDOWS_HANDLE_RETRY_DELAY_MS,
+  win32OrNull,
+} from "./windows-native";
+
+const GWL_STYLE = -16;
+const WS_CAPTION = 0x00c00000n;
+const WS_SYSMENU = 0x00080000n;
+const WS_THICKFRAME = 0x00040000n;
+const WS_MINIMIZEBOX = 0x00020000n;
+const WS_MAXIMIZEBOX = 0x00010000n;
+const WINDOWS_NATIVE_CONTROL_STYLE_MASK = WS_CAPTION | WS_SYSMENU | WS_THICKFRAME | WS_MINIMIZEBOX | WS_MAXIMIZEBOX;
+const SWP_NOSIZE = 0x0001;
+const SWP_NOMOVE = 0x0002;
+const SWP_NOZORDER = 0x0004;
+const SWP_NOACTIVATE = 0x0010;
+const SWP_FRAMECHANGED = 0x0020;
+const CUSTOM_CHROME_SET_WINDOW_POS_FLAGS = SWP_NOSIZE | SWP_NOMOVE | SWP_NOZORDER | SWP_NOACTIVATE | SWP_FRAMECHANGED;
+
+type Win32 = NonNullable<ReturnType<typeof win32OrNull>>;
+
+function styleValue(value: number | bigint): bigint {
+  if (typeof value === "bigint") return value;
+  return BigInt(value >>> 0);
+}
+
+function applyCustomChromeToWindow(win32: Win32, windowHandle: Pointer): boolean {
+  const currentStyle = styleValue(win32.symbols.GetWindowLongPtrW(windowHandle, GWL_STYLE));
+  const nextStyle = currentStyle & ~WINDOWS_NATIVE_CONTROL_STYLE_MASK;
+  if (nextStyle !== currentStyle) {
+    win32.symbols.SetWindowLongPtrW(windowHandle, GWL_STYLE, nextStyle);
+  }
+
+  return win32.symbols.SetWindowPos(
+    windowHandle,
+    null,
+    0,
+    0,
+    0,
+    0,
+    CUSTOM_CHROME_SET_WINDOW_POS_FLAGS,
+  );
+}
+
+export function applyWindowsCustomChrome(title: string, attempt = 1): void {
+  const win32 = win32OrNull();
+  if (!win32) return;
+
+  const windowHandle = findCurrentProcessWindow(win32, title);
+  if (windowHandle && applyCustomChromeToWindow(win32, windowHandle)) return;
+
+  if (attempt < WINDOWS_HANDLE_MAX_ATTEMPTS) {
+    setTimeout(() => applyWindowsCustomChrome(title, attempt + 1), WINDOWS_HANDLE_RETRY_DELAY_MS);
+  }
+}

package/src/renderers/electrobun/bun/desktop/windows-icons.ts

@@ -1,6 +1,13 @@
 import { existsSync } from "fs";
 import { resolve } from "path";
-import { dlopen, FFIType, ptr, type Pointer } from "bun:ffi";
+import { ptr, type Pointer } from "bun:ffi";
+import {
+  findCurrentProcessWindow,
+  WINDOWS_HANDLE_MAX_ATTEMPTS,
+  WINDOWS_HANDLE_RETRY_DELAY_MS,
+  wideString,
+  win32OrNull,
+} from "./windows-native";
 
 const WM_SETICON = 0x0080;
 const ICON_SMALL = 0;
@@ -10,70 +17,10 @@ const LR_LOADFROMFILE = 0x0010;
 const LR_DEFAULTSIZE = 0x0040;
 const GCLP_HICON = -14;
 const GCLP_HICONSM = -34;
-const MAX_ATTEMPTS = 20;
-const RETRY_DELAY_MS = 100;
-
-type Win32 = ReturnType<typeof loadWin32>;
-
-let cachedWin32: Win32 | null | undefined;
+type Win32 = NonNullable<ReturnType<typeof win32OrNull>>;
 let smallIconHandle: Pointer | null = null;
 let bigIconHandle: Pointer | null = null;
 
-function loadWin32() {
-  return dlopen("user32.dll", {
-    FindWindowW: {
-      args: [FFIType.ptr, FFIType.ptr],
-      returns: FFIType.ptr,
-    },
-    GetWindowThreadProcessId: {
-      args: [FFIType.ptr, FFIType.ptr],
-      returns: FFIType.u32,
-    },
-    LoadImageW: {
-      args: [FFIType.ptr, FFIType.ptr, FFIType.u32, FFIType.int, FFIType.int, FFIType.u32],
-      returns: FFIType.ptr,
-    },
-    SendMessageW: {
-      args: [FFIType.ptr, FFIType.u32, FFIType.u64, FFIType.ptr],
-      returns: FFIType.ptr,
-    },
-    SetClassLongPtrW: {
-      args: [FFIType.ptr, FFIType.int, FFIType.ptr],
-      returns: FFIType.ptr,
-    },
-  });
-}
-
-function win32OrNull(): Win32 | null {
-  if (process.platform !== "win32") return null;
-  if (cachedWin32 !== undefined) return cachedWin32;
-
-  try {
-    cachedWin32 = loadWin32();
-  } catch {
-    cachedWin32 = null;
-  }
-  return cachedWin32;
-}
-
-function wideString(value: string): Buffer {
-  return Buffer.from(`${value}\0`, "utf16le");
-}
-
-function readWindowProcessId(win32: Win32, windowHandle: Pointer): number {
-  const processIdBuffer = new Uint32Array(1);
-  win32.symbols.GetWindowThreadProcessId(windowHandle, ptr(processIdBuffer));
-  return processIdBuffer[0] ?? 0;
-}
-
-function findCurrentProcessWindow(win32: Win32, title: string): Pointer | null {
-  const titleBuffer = wideString(title);
-  const windowHandle = win32.symbols.FindWindowW(null, ptr(titleBuffer));
-  if (!windowHandle) return null;
-  if (readWindowProcessId(win32, windowHandle) !== process.pid) return null;
-  return windowHandle;
-}
-
 function loadIconHandle(win32: Win32, iconPath: string, size: number): Pointer | null {
   const iconPathBuffer = wideString(iconPath);
   const iconHandle = win32.symbols.LoadImageW(
@@ -117,7 +64,7 @@ export function applyWindowsWindowIcon(title: string, attempt = 1): void {
   const windowHandle = findCurrentProcessWindow(win32, title);
   if (windowHandle && setWindowIcon(win32, windowHandle)) return;
 
-  if (attempt < MAX_ATTEMPTS) {
-    setTimeout(() => applyWindowsWindowIcon(title, attempt + 1), RETRY_DELAY_MS);
+  if (attempt < WINDOWS_HANDLE_MAX_ATTEMPTS) {
+    setTimeout(() => applyWindowsWindowIcon(title, attempt + 1), WINDOWS_HANDLE_RETRY_DELAY_MS);
   }
 }

package/src/renderers/electrobun/bun/desktop/windows-native.ts

@@ -0,0 +1,75 @@
+import { dlopen, FFIType, ptr, type Pointer } from "bun:ffi";
+
+export const WINDOWS_HANDLE_MAX_ATTEMPTS = 20;
+export const WINDOWS_HANDLE_RETRY_DELAY_MS = 100;
+
+type Win32 = ReturnType<typeof loadWin32>;
+
+let cachedWin32: Win32 | null | undefined;
+
+function loadWin32() {
+  return dlopen("user32.dll", {
+    FindWindowW: {
+      args: [FFIType.ptr, FFIType.ptr],
+      returns: FFIType.ptr,
+    },
+    GetWindowThreadProcessId: {
+      args: [FFIType.ptr, FFIType.ptr],
+      returns: FFIType.u32,
+    },
+    LoadImageW: {
+      args: [FFIType.ptr, FFIType.ptr, FFIType.u32, FFIType.int, FFIType.int, FFIType.u32],
+      returns: FFIType.ptr,
+    },
+    SendMessageW: {
+      args: [FFIType.ptr, FFIType.u32, FFIType.u64, FFIType.ptr],
+      returns: FFIType.ptr,
+    },
+    SetClassLongPtrW: {
+      args: [FFIType.ptr, FFIType.int, FFIType.ptr],
+      returns: FFIType.ptr,
+    },
+    GetWindowLongPtrW: {
+      args: [FFIType.ptr, FFIType.int],
+      returns: FFIType.i64,
+    },
+    SetWindowLongPtrW: {
+      args: [FFIType.ptr, FFIType.int, FFIType.i64],
+      returns: FFIType.i64,
+    },
+    SetWindowPos: {
+      args: [FFIType.ptr, FFIType.ptr, FFIType.int, FFIType.int, FFIType.int, FFIType.int, FFIType.u32],
+      returns: FFIType.bool,
+    },
+  });
+}
+
+export function win32OrNull(): Win32 | null {
+  if (process.platform !== "win32") return null;
+  if (cachedWin32 !== undefined) return cachedWin32;
+
+  try {
+    cachedWin32 = loadWin32();
+  } catch {
+    cachedWin32 = null;
+  }
+  return cachedWin32;
+}
+
+export function wideString(value: string): Uint8Array {
+  return Uint8Array.from(Buffer.from(`${value}\0`, "utf16le"));
+}
+
+function readWindowProcessId(win32: Win32, windowHandle: Pointer): number {
+  const processIdBuffer = new Uint32Array(1);
+  win32.symbols.GetWindowThreadProcessId(windowHandle, ptr(processIdBuffer));
+  return processIdBuffer[0] ?? 0;
+}
+
+export function findCurrentProcessWindow(win32: Win32, title: string): Pointer | null {
+  const titleBuffer = wideString(title);
+  const windowHandle = win32.symbols.FindWindowW(null, ptr(titleBuffer));
+  if (!windowHandle) return null;
+  if (readWindowProcessId(win32, windowHandle) !== process.pid) return null;
+  return windowHandle;
+}

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

@@ -47,8 +47,13 @@ import { handleDesktopHostRequest } from "./desktop/host-requests";
 import { handleDesktopWorkspaceRequest } from "./desktop/workspace/requests";
 import { handleDesktopBackendRequest } from "./desktop/backend-requests";
 import { initializeDesktopBackend } from "./desktop/initialization";
+import { applyWindowsCustomChrome } from "./desktop/windows-custom-chrome";
 import { applyWindowsWindowIcon } from "./desktop/windows-icons";
-import { desktopTitleBarStyle } from "./desktop/window-style";
+import {
+  desktopTitleBarStyle,
+  desktopWindowRenderer,
+  desktopWindowStyleMask,
+} from "./desktop/window-style";
 import { applyDesktopWindowControl, type DesktopWindowControlAction } from "./desktop/window-controls";
 
 type DesktopRpc = ReturnType<typeof BrowserView.defineRPC<ElectrobunDesktopRpcSchema>>;
@@ -458,13 +463,15 @@ mainWindow = new BrowserWindow({
   title: "Gloomberb",
   frame: initialMainWindowFrame,
   url: "views://mainview/index.html",
-  renderer: "native",
+  renderer: desktopWindowRenderer(),
   rpc: mainRpc,
+  styleMask: desktopWindowStyleMask(),
   titleBarStyle: desktopTitleBarStyle(),
   navigationRules: JSON.stringify(["views://*"]),
   sandbox: false,
 });
 applyWindowsWindowIcon("Gloomberb");
+applyWindowsCustomChrome("Gloomberb");
 updateWindowFrameCache(mainWindow, initialMainWindowFrame, MAIN_WINDOW_MIN_SIZE);
 detachedWindowManager.focusWindowForRpcKey(MAIN_WINDOW_RPC_KEY);
 (mainWindow as any).on?.("move", (event: WindowMoveEvent) => {

package/src/renderers/electrobun/shared/protocol.ts

@@ -14,6 +14,7 @@ export interface ElectrobunBackendInit {
   desktopThemePreview: DesktopThemePreviewState;
   pluginState: Record<string, Record<string, unknown>>;
   capabilityManifests: CapabilityManifest[];
+  desktopPlatform: string;
   windowKind: "main" | "detached";
   paneId?: string;
 }

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

@@ -19,7 +19,7 @@ import { DesktopFatalScreen, ElectrobunErrorBoundary } from "./fatal-screen";
 import { WebInputHostProvider } from "./input-host";
 import { webNativeRenderer } from "./native-renderer";
 import { WebToastHostProvider } from "./toast-host";
-import { webRendererHost, webUiHost } from "./ui-host";
+import { createWebUiHost, webRendererHost } from "./ui-host";
 import { createApplicationMenuBridge } from "./application-menu-bridge";
 import { createDesktopWindowBridge } from "./desktop/window/bridge";
 import { prepareDetachedSnapshot } from "./desktop/window/snapshot";
@@ -88,6 +88,7 @@ async function boot() {
   const config = desktopSnapshot?.config ?? init.config;
   const desktopWindowBridge = createDesktopWindowBridge(init.windowKind, init.paneId);
   const desktopApplicationMenuBridge = createApplicationMenuBridge();
+  const webUiHost = createWebUiHost(init.desktopPlatform);
   measurePerfAsync("startup.electrobun.root-render", async () => {
     root.render(
       <ElectrobunErrorBoundary>