electrobun 1.18.4-beta.17 → 1.18.4-beta.18

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://electrobun.dev"><img src="https://github.com/blackboardsh/electrobun/assets/75102186/8799b522-0507-45e9-86e3-c3cfded1aa7c" alt="Logo" height=170></a>
+  <a href="https://framework.blackboard.sh/electrobun/"><img src="https://github.com/blackboardsh/electrobun/assets/75102186/8799b522-0507-45e9-86e3-c3cfded1aa7c" alt="Logo" height=170></a>
 </p>
 
 <h1 align="center">Electrobun</h1>
@@ -13,28 +13,33 @@
 
 ## What is Electrobun?
 
-Electrobun aims to be a complete **solution-in-a-box** for building, updating, and shipping ultra fast, tiny, and cross-platform desktop applications written in Typescript.
-Under the hood it uses Cottontail, Electrobun's JSC-based JavaScript runtime, to execute the main process and bundle webview TypeScript. Native bindings are written in ObjC and C++, with several core components written in <a href="https://ziglang.org/">Zig</a>.
+Electrobun aims to be a complete **solution-in-a-box** for building, updating, and shipping fast, compact, cross-platform desktop applications written in TypeScript.
+Hutch is the native build and package-management CLI. Cottontail is Electrobun's JSC-based default JavaScript runtime. Electrobun's platform layer combines Zig, Objective-C, and C++.
 
 Visit <a href="https://framework.blackboard.sh/electrobun/">https://framework.blackboard.sh/electrobun/</a> to see api documentation, guides, and more.
 
-You use it via npm.
+Install Hutch globally, then use it to create a project, install the npm package that provides Electrobun's SDKs, and build the application:
+
+```bash
+curl -fsSL https://hutch.blackboard.sh/hutch/install.sh | sh
+hutch electrobun init
+```
 
 Don't miss our:
-- self-extracting bundles that use ZSTD compression for more compact distributables as small as 16MB
-- zig optimized BSDIFF implementation that lets you ship tiny app updates as small as 4KB
+- self-extracting bundles that use Zstandard compression for compact distributables
+- a Zig-optimized BSDIFF implementation that can produce kilobyte-scale updates
 - `bundleCEF` flag to bundle and pin Chromium for those that want that tradeoff of consistency over file size
 - `bundleWGPU` that lets you use Bun Typescript -> WGPU to control a native GPU surface without a webview
 - Our Three.js and Babylon.js adapters that work directly in the Cottontail main process
-- Our `<electrobun-webview>` and `<electrobun-wpgu>` html elements that let you composit proper OOPIFs and native GPU surfaces into your UIs
+- Our `<electrobun-webview>` and `<electrobun-wgpu>` HTML elements that let you composite isolated webviews and native GPU surfaces into your UIs
 - so much more.
 
 **Project Goals**
 
 - Write typescript for the main process and webviews without having to think about it.
 - Isolation between main and webview processes with fast, typed, easy to implement RPC between them.
-- Small self-extracting app bundles ~14MB (when using the system webview, most of this is the Cottontail/JSC runtime)
-- Even smaller app updates as small as 4KB (using bsdiff it only downloads tiny patches between versions)
+- Small self-extracting app bundles when using the system webview
+- Small updates that use binary patches before falling back to a compressed full download
 - Provide everything you need in one tightly integrated workflow to start writing code in 5 minutes and distribute in 10.
 
 ## Apps Built with Electrobun

package/dash.config.ts

@@ -1,7 +1,7 @@
-// @dash cli=0.5.0-canary.5 cottontail=0.2.3
+// @dash cli=0.5.0-canary.8 cottontail=0.2.3
 export default {
 	scripts: {
-		start: "hutch src/sdks/bun/index.ts",
+		start: "hutch src/sdks/main/index.ts",
 		"check-zig-version": "vendors/zig/zig version",
 		"check-rust-version": "vendors/rust/bin/rustc --version",
 		"build:dev": "hutch build.ts",
@@ -34,7 +34,7 @@ export default {
 		"test:windows-ui-native": "hutch scripts/test-windows-ui-native.js",
 		"test:windows-ui-native-integration":
 			"hutch scripts/test-windows-ui-native.js --require-native-wrapper",
-		"test:unit": "node scripts/run-cottontail-test.js src/shared src/sdks/bun src/config src/preload && hutch test:dialog-paths-native && hutch test:linux-dpi-native && hutch test:linux-x11-geometry-native && hutch test:views-url-native && hutch test:webview2-permissions && hutch test:windows-ui-native",
+		"test:unit": "node scripts/run-cottontail-test.js src/shared src/sdks/main src/config src/preload && hutch test:dialog-paths-native && hutch test:linux-dpi-native && hutch test:linux-x11-geometry-native && hutch test:views-url-native && hutch test:webview2-permissions && hutch test:windows-ui-native",
 		"test:linux-native-dialog":
 			"node scripts/run-cottontail-test.js src/shared/linux-native-file-dialog.test.ts && scripts/test-linux-native-file-dialog.sh",
 		"test:cef-debug": "scripts/test-cef-remote-debugging.ts",

package/dist/api/browser/global.d.ts

@@ -19,6 +19,7 @@ interface MessageHandler {
 
 declare global {
   interface Window {
+    __electrobunPlatform: "linux" | "macos" | "windows";
     __electrobunWebviewId: number;
     __electrobunWindowId: number;
     __electrobunRpcSocketPort: number;
@@ -31,6 +32,7 @@ declare global {
     __electrobunInternalBridge?: MessageHandler;
     __electrobunHostBridge?: MessageHandler;
     __electrobunBunBridge?: MessageHandler;
+    __electrobunSendToHost: (message: unknown) => void;
   }
 }
 

package/dist/api/browser/webviewtag.ts

@@ -1,12 +1,20 @@
 import "./global.d.ts";
 
 type WebviewEventTypes =
+	| "will-navigate"
 	| "did-navigate"
 	| "did-navigate-in-page"
 	| "did-commit-navigation"
 	| "dom-ready"
 	| "host-message"
-	| "new-window-open";
+	| "new-window-open"
+	| "download-started"
+	| "download-progress"
+	| "download-completed"
+	| "download-failed"
+	| "load-started"
+	| "load-committed"
+	| "load-finished";
 
 /**
  * Interface representing an <electrobun-webview> custom element.
@@ -19,14 +27,13 @@ type WebviewEventTypes =
  */
 interface WebviewTagElement extends HTMLElement {
 	// Properties
-	webviewId?: number;
+	webviewId: number | null;
 	maskSelectors: Set<string>;
 	transparent: boolean;
 	passthroughEnabled: boolean;
 	spellCheckEnabled: boolean;
 	hidden: boolean;
-	hiddenMirrorMode: boolean;
-	partition: string | null;
+	readonly sandbox: boolean;
 
 	// Attribute-backed properties (getters/setters)
 	src: string | null;
@@ -49,9 +56,9 @@ interface WebviewTagElement extends HTMLElement {
 	setSpellCheck(enabled: boolean): Promise<boolean>;
 
 	// Visibility and interaction
-	toggleTransparent(transparent?: boolean, bypassState?: boolean): void;
-	togglePassthrough(enablePassthrough?: boolean, bypassState?: boolean): void;
-	toggleHidden(hidden?: boolean, bypassState?: boolean): void;
+	toggleTransparent(transparent?: boolean): void;
+	togglePassthrough(enablePassthrough?: boolean): void;
+	toggleHidden(hidden?: boolean): void;
 
 	// Events - listener receives a CustomEvent with detail property
 	on(event: WebviewEventTypes, listener: (event: CustomEvent) => void): void;

package/dist/api/browser/wgputag.ts

@@ -12,7 +12,7 @@ type WgpuEventTypes = "ready";
  */
 interface WgpuTagElement extends HTMLElement {
 	// Properties
-	wgpuViewId?: number;
+	wgpuViewId: number | null;
 	transparent: boolean;
 	passthroughEnabled: boolean;
 	hidden: boolean;

package/dist/api/config/ElectrobunConfig.ts

@@ -8,12 +8,14 @@ import type { WindowsWebView2Permission } from "./windowsPermissions";
 type BundlerOptions = {
 	external?: string[];
 	define?: Record<string, string>;
-	loader?: Record<string, string>;
+	alias?: Record<string, string>;
 	minify?: boolean;
 	sourcemap?: boolean | "inline" | "external" | "linked";
-	splitting?: boolean;
-	plugins?: unknown[];
-	[key: string]: unknown;
+	target?: string | string[];
+};
+
+type ViewBundlerOptions = BundlerOptions & {
+	format?: "esm" | "cjs" | "iife";
 };
 
 type CarrotFileActivatorConfig = {
@@ -228,8 +230,8 @@ export interface ElectrobunConfig {
 
 		/**
 		 * Browser view build configurations.
-		 * Each view accepts bundler options (plugins, sourcemap, minify, define, etc.)
-		 * in addition to the entrypoint.
+		 * Each view accepts the supported bundler options in addition to the
+		 * entrypoint.
 		 */
 		views?: {
 			[viewName: string]: {
@@ -237,7 +239,7 @@ export interface ElectrobunConfig {
 				 * Entry point for this view's TypeScript code
 				 */
 				entrypoint: string;
-			} & BundlerOptions;
+			} & ViewBundlerOptions;
 		};
 
 		/**
@@ -259,47 +261,6 @@ export interface ElectrobunConfig {
 		 */
 		artifactFolder?: string;
 
-		/**
-		 * Build targets to compile for
-		 * Can be "current", "all", or comma-separated list like "macos-arm64,win-x64"
-		 */
-		targets?: string;
-
-		/**
-		 * Enable ASAR archive packaging for bundled assets
-		 * When enabled, all files in the Resources folder will be packed into an app.asar archive
-		 * @default false
-		 */
-		useAsar?: boolean;
-
-		/**
-		 * Glob patterns for files to exclude from ASAR packing (extract to app.asar.unpacked)
-		 * Useful for native modules or executables that need to be accessible as regular files
-		 * @default ["*.node", "*.dll", "*.dylib", "*.so"]
-		 */
-		asarUnpack?: string[];
-
-		/**
-		 * Override the CEF (Chromium Embedded Framework) version.
-		 * Format: "CEF_VERSION+chromium-CHROMIUM_VERSION"
-		 * Example: "144.0.11+ge135be2+chromium-144.0.7559.97"
-		 *
-		 * Check the electrobun-cef-compat compatibility matrix for tested combinations
-		 * before overriding. Using an untested version may cause runtime issues.
-		 * @default Uses the version bundled with this Electrobun release
-		 */
-		cefVersion?: string;
-
-		/**
-		 * Override the Dawn (WebGPU) version.
-		 * Format: semver string (e.g., "0.2.3") or tag (e.g., "v0.2.3-beta.0")
-		 *
-		 * This downloads the specified electrobun-dawn release and uses it
-		 * instead of the latest release.
-		 * @default Uses the latest electrobun-dawn release
-		 */
-		wgpuVersion?: string;
-
 		/**
 		 * Additional file or directory paths to watch for changes during `electrobun dev --watch`.
 		 * Paths are relative to the project root.
@@ -468,7 +429,8 @@ export interface ElectrobunConfig {
 			autoGrantPermissions?: WindowsWebView2Permission[];
 
 			/**
-			 * Path to application icon (.ico format)
+			 * Path to an application icon in ICO or PNG format. PNG input is
+			 * converted to ICO by Hutch.
 			 * Used for the installer/extractor wrapper, desktop shortcuts, and taskbar
 			 * Should include multiple sizes (16x16, 32x32, 48x48, 256x256) for best results
 			 * @example "assets/icon.ico"

package/dist/api/preload/.generated/compiled.ts

@@ -2,7 +2,7 @@
 // Run "hutch build.ts" or "hutch run build:dev" from the package folder to regenerate.
 
 // Full preload for trusted webviews (RPC, encryption, drag regions, webview tags)
-export const preloadScript = "(function(){// src/preload/encryption.ts\nfunction base64ToUint8Array(base64) {\n  return new Uint8Array(atob(base64).split(\"\").map((char) => char.charCodeAt(0)));\n}\nfunction uint8ArrayToBase64(uint8Array) {\n  let binary = \"\";\n  for (let i = 0;i < uint8Array.length; i++) {\n    binary += String.fromCharCode(uint8Array[i]);\n  }\n  return btoa(binary);\n}\nfunction toArrayBuffer(bytes) {\n  const buffer = new ArrayBuffer(bytes.byteLength);\n  new Uint8Array(buffer).set(bytes);\n  return buffer;\n}\nasync function generateKeyFromBytes(rawKey) {\n  return await window.crypto.subtle.importKey(\"raw\", toArrayBuffer(rawKey), { name: \"AES-GCM\" }, true, [\"encrypt\", \"decrypt\"]);\n}\nasync function initEncryption() {\n  const secretKey = await generateKeyFromBytes(new Uint8Array(window.__electrobunSecretKeyBytes));\n  const encryptString = async (plaintext) => {\n    const encoder = new TextEncoder;\n    const encodedText = encoder.encode(plaintext);\n    const iv = window.crypto.getRandomValues(new Uint8Array(12));\n    const encryptedBuffer = await window.crypto.subtle.encrypt({ name: \"AES-GCM\", iv: toArrayBuffer(iv) }, secretKey, toArrayBuffer(encodedText));\n    const encryptedData = new Uint8Array(encryptedBuffer.slice(0, -16));\n    const tag = new Uint8Array(encryptedBuffer.slice(-16));\n    return {\n      encryptedData: uint8ArrayToBase64(encryptedData),\n      iv: uint8ArrayToBase64(iv),\n      tag: uint8ArrayToBase64(tag)\n    };\n  };\n  const decryptString = async (encryptedDataB64, ivB64, tagB64) => {\n    const encryptedData = base64ToUint8Array(encryptedDataB64);\n    const iv = base64ToUint8Array(ivB64);\n    const tag = base64ToUint8Array(tagB64);\n    const combinedData = new Uint8Array(encryptedData.length + tag.length);\n    combinedData.set(encryptedData);\n    combinedData.set(tag, encryptedData.length);\n    const decryptedBuffer = await window.crypto.subtle.decrypt({ name: \"AES-GCM\", iv: toArrayBuffer(iv) }, secretKey, toArrayBuffer(combinedData));\n    const decoder = new TextDecoder;\n    return decoder.decode(decryptedBuffer);\n  };\n  window.__electrobun_encrypt = encryptString;\n  window.__electrobun_decrypt = decryptString;\n}\n\n// src/preload/internalRpc.ts\nvar pendingRequests = {};\nvar requestId = 0;\nvar isProcessingQueue = false;\nvar sendQueue = [];\nfunction processQueue() {\n  if (isProcessingQueue) {\n    setTimeout(processQueue);\n    return;\n  }\n  if (sendQueue.length === 0)\n    return;\n  isProcessingQueue = true;\n  const batch = JSON.stringify(sendQueue);\n  sendQueue.length = 0;\n  window.__electrobunInternalBridge?.postMessage(batch);\n  setTimeout(() => {\n    isProcessingQueue = false;\n  }, 2);\n}\nfunction send(type, payload) {\n  sendQueue.push(JSON.stringify({ type: \"message\", id: type, payload }));\n  processQueue();\n}\nfunction request(type, payload) {\n  return new Promise((resolve, reject) => {\n    const id = `req_${++requestId}_${Date.now()}`;\n    pendingRequests[id] = { resolve, reject };\n    sendQueue.push(JSON.stringify({\n      type: \"request\",\n      method: type,\n      id,\n      params: payload,\n      hostWebviewId: window.__electrobunWebviewId\n    }));\n    processQueue();\n    setTimeout(() => {\n      if (pendingRequests[id]) {\n        delete pendingRequests[id];\n        reject(new Error(`Request timeout: ${type}`));\n      }\n    }, 1e4);\n  });\n}\nfunction handleResponse(msg) {\n  if (msg && msg.type === \"response\" && msg.id) {\n    const pending = pendingRequests[msg.id];\n    if (pending) {\n      delete pendingRequests[msg.id];\n      if (msg.success)\n        pending.resolve(msg.payload);\n      else\n        pending.reject(msg.payload);\n    }\n  }\n}\n\n// src/preload/dragRegions.ts\nvar DRAG_CLASS = \"electrobun-webkit-app-region-drag\";\nvar NO_DRAG_CLASS = \"electrobun-webkit-app-region-no-drag\";\nvar MIRRORED_PROPERTY = \"--electrobun-app-region\";\nvar MIRROR_ATTRIBUTE = \"data-electrobun-app-region-mirror\";\nvar APP_REGION_PROPERTIES = [\n  MIRRORED_PROPERTY,\n  \"-webkit-app-region\",\n  \"app-region\",\n  \"window-drag\"\n];\nvar DRAG_REGION_COMPATIBILITY_CSS = `\n.electrobun-webkit-app-region-drag {\n\t-webkit-app-region: drag;\n\tapp-region: drag;\n}\n.electrobun-webkit-app-region-no-drag {\n\t-webkit-app-region: no-drag;\n\tapp-region: no-drag;\n}\n`;\nvar processedSourceSignatures = new WeakMap;\nvar stylesheetMirrors = new Map;\nvar pendingLinkSignatures = new WeakMap;\nvar stylesheetMirroringInitialized = false;\nfunction normalizedRegion(value) {\n  const normalized = value?.trim().toLowerCase();\n  if (normalized === \"drag\" || normalized === \"no-drag\")\n    return normalized;\n  return null;\n}\nfunction previousSignificantCharacter(source, offset) {\n  let index = offset - 1;\n  while (index >= 0) {\n    while (index >= 0 && /\\s/.test(source[index] ?? \"\"))\n      index--;\n    if (index >= 1 && source[index] === \"/\" && source[index - 1] === \"*\") {\n      const commentStart = source.lastIndexOf(\"/*\", index - 1);\n      if (commentStart < 0)\n        return \"\";\n      index = commentStart - 1;\n      continue;\n    }\n    return source[index] ?? \"\";\n  }\n  return \"\";\n}\nfunction isIdentifierCharacter(character) {\n  return !!character && /[a-zA-Z0-9_-]/.test(character);\n}\nfunction rewriteAppRegionDeclarations(source) {\n  const propertyNames = [\"-webkit-app-region\", \"window-drag\", \"app-region\"];\n  let output = \"\";\n  let cursor = 0;\n  let index = 0;\n  while (index < source.length) {\n    if (source[index] === \"/\" && source[index + 1] === \"*\") {\n      const commentEnd = source.indexOf(\"*/\", index + 2);\n      index = commentEnd < 0 ? source.length : commentEnd + 2;\n      continue;\n    }\n    if (source[index] === '\"' || source[index] === \"'\") {\n      const quote = source[index];\n      index++;\n      while (index < source.length) {\n        if (source[index] === \"\\\\\") {\n          index += 2;\n          continue;\n        }\n        if (source[index] === quote) {\n          index++;\n          break;\n        }\n        index++;\n      }\n      continue;\n    }\n    let matchedProperty;\n    for (const propertyName of propertyNames) {\n      if (source.slice(index, index + propertyName.length).toLowerCase() === propertyName && !isIdentifierCharacter(source[index - 1]) && !isIdentifierCharacter(source[index + propertyName.length])) {\n        matchedProperty = propertyName;\n        break;\n      }\n    }\n    if (matchedProperty) {\n      let colonOffset = index + matchedProperty.length;\n      while (/\\s/.test(source[colonOffset] ?? \"\"))\n        colonOffset++;\n      const previous = previousSignificantCharacter(source, index);\n      if (source[colonOffset] === \":\" && (previous === \"{\" || previous === \";\")) {\n        output += source.slice(cursor, index) + MIRRORED_PROPERTY;\n        index += matchedProperty.length;\n        cursor = index;\n        continue;\n      }\n    }\n    index++;\n  }\n  return output + source.slice(cursor);\n}\nfunction nestedRuleContainer(rule) {\n  const candidate = rule;\n  if (candidate.cssRules && typeof candidate.deleteRule === \"function\") {\n    return candidate;\n  }\n  return null;\n}\nfunction pruneToAppRegionRules(container) {\n  let hasAppRegionRule = false;\n  for (let index = container.cssRules.length - 1;index >= 0; index--) {\n    const rule = container.cssRules[index];\n    if (!rule)\n      continue;\n    const style = rule.style;\n    let hasAppRegionDeclaration = false;\n    if (style && typeof style.getPropertyValue === \"function\") {\n      for (let propertyIndex = style.length - 1;propertyIndex >= 0; propertyIndex--) {\n        const propertyName = style.item(propertyIndex);\n        if (propertyName === MIRRORED_PROPERTY) {\n          hasAppRegionDeclaration = true;\n        } else {\n          style.removeProperty(propertyName);\n        }\n      }\n    }\n    const nested = nestedRuleContainer(rule);\n    const hasNestedAppRegionRule = nested ? pruneToAppRegionRules(nested) : false;\n    if (!hasAppRegionDeclaration && !hasNestedAppRegionRule) {\n      container.deleteRule(index);\n      continue;\n    }\n    hasAppRegionRule = true;\n  }\n  return hasAppRegionRule;\n}\nfunction serializeRules(rules) {\n  let cssText = \"\";\n  for (let index = 0;index < rules.length; index++) {\n    const rule = rules[index];\n    if (rule)\n      cssText += `${rule.cssText}\n`;\n  }\n  return cssText;\n}\nfunction removeStylesheetMirror(source) {\n  stylesheetMirrors.get(source)?.remove();\n  stylesheetMirrors.delete(source);\n}\nfunction installStylesheetMirror(source, cssText, signature) {\n  if (processedSourceSignatures.get(source) === signature)\n    return;\n  processedSourceSignatures.set(source, signature);\n  removeStylesheetMirror(source);\n  const mirroredCss = rewriteAppRegionDeclarations(cssText);\n  if (mirroredCss === cssText || !source.parentNode)\n    return;\n  const mirror = source.ownerDocument.createElement(\"style\");\n  mirror.setAttribute(MIRROR_ATTRIBUTE, \"\");\n  mirror.media = \"not all\";\n  if (source.nonce)\n    mirror.nonce = source.nonce;\n  mirror.textContent = mirroredCss;\n  source.parentNode.insertBefore(mirror, source.nextSibling);\n  let sheet = mirror.sheet;\n  if (!sheet || !pruneToAppRegionRules(sheet)) {\n    mirror.remove();\n    return;\n  }\n  mirror.textContent = serializeRules(sheet.cssRules);\n  sheet = mirror.sheet;\n  if (!sheet) {\n    mirror.remove();\n    return;\n  }\n  mirror.media = source.media;\n  if (source.sheet?.disabled)\n    sheet.disabled = true;\n  stylesheetMirrors.set(source, mirror);\n}\nfunction isMirroredStyle(element) {\n  return element.tagName === \"STYLE\" && element.hasAttribute(MIRROR_ATTRIBUTE);\n}\nfunction isStylesheetSource(element) {\n  if (element.tagName === \"STYLE\")\n    return !isMirroredStyle(element);\n  return element.tagName === \"LINK\" && element.relList.contains(\"stylesheet\");\n}\nfunction nodeContainsStylesheetSource(node) {\n  const element = node;\n  if (typeof element.matches !== \"function\")\n    return false;\n  return isStylesheetSource(element) || !!element.querySelector(\"style:not([data-electrobun-app-region-mirror]), link[rel~='stylesheet']\");\n}\nfunction mutationsAffectStylesheets(mutations) {\n  for (const mutation of mutations) {\n    if (mutation.type === \"attributes\") {\n      const element = mutation.target;\n      if (element.tagName === \"LINK\" || isStylesheetSource(element))\n        return true;\n      continue;\n    }\n    if (mutation.type === \"characterData\") {\n      const parent = mutation.target.parentElement;\n      if (parent && isStylesheetSource(parent))\n        return true;\n      continue;\n    }\n    const target = mutation.target;\n    if (typeof target.matches === \"function\" && isStylesheetSource(target)) {\n      return true;\n    }\n    for (let index = 0;index < mutation.addedNodes.length; index++) {\n      const node = mutation.addedNodes[index];\n      if (node && nodeContainsStylesheetSource(node))\n        return true;\n    }\n    for (let index = 0;index < mutation.removedNodes.length; index++) {\n      const node = mutation.removedNodes[index];\n      if (node && nodeContainsStylesheetSource(node))\n        return true;\n    }\n  }\n  return false;\n}\nfunction processStyleElement(style) {\n  if (isMirroredStyle(style))\n    return;\n  const cssText = style.textContent ?? \"\";\n  installStylesheetMirror(style, cssText, `${style.media}\n${cssText}`);\n}\nfunction processLinkElement(link) {\n  if (!link.relList.contains(\"stylesheet\") || !link.href) {\n    removeStylesheetMirror(link);\n    return;\n  }\n  const signature = `${link.media}\n${link.href}`;\n  if (processedSourceSignatures.get(link) === signature || pendingLinkSignatures.get(link) === signature) {\n    return;\n  }\n  pendingLinkSignatures.set(link, signature);\n  fetch(link.href, { credentials: \"same-origin\" }).then((response) => {\n    if (!response.ok)\n      throw new Error(`HTTP ${response.status}`);\n    return response.text();\n  }).then((cssText) => {\n    if (link.isConnected && `${link.media}\n${link.href}` === signature) {\n      installStylesheetMirror(link, cssText, signature);\n    }\n  }).catch(() => {}).finally(() => {\n    if (pendingLinkSignatures.get(link) === signature) {\n      pendingLinkSignatures.delete(link);\n    }\n  });\n}\nfunction scanStylesheetSources() {\n  document.querySelectorAll(\"style, link[rel~='stylesheet']\").forEach((element) => {\n    if (element.tagName === \"STYLE\") {\n      processStyleElement(element);\n    } else {\n      processLinkElement(element);\n    }\n  });\n  for (const [source, mirror] of stylesheetMirrors) {\n    if (!source.isConnected) {\n      mirror.remove();\n      stylesheetMirrors.delete(source);\n    }\n  }\n}\nfunction initStylesheetMirroring() {\n  if (stylesheetMirroringInitialized)\n    return;\n  stylesheetMirroringInitialized = true;\n  let scanScheduled = false;\n  const scheduleScan = () => {\n    if (scanScheduled)\n      return;\n    scanScheduled = true;\n    queueMicrotask(() => {\n      scanScheduled = false;\n      scanStylesheetSources();\n    });\n  };\n  new MutationObserver((mutations) => {\n    if (mutationsAffectStylesheets(mutations))\n      scheduleScan();\n  }).observe(document, {\n    attributes: true,\n    attributeFilter: [\"href\", \"media\", \"rel\"],\n    characterData: true,\n    childList: true,\n    subtree: true\n  });\n  document.addEventListener(\"DOMContentLoaded\", scheduleScan, { once: true });\n  scheduleScan();\n}\nfunction installCompatibilityStyles() {\n  if (document.querySelector(\"style[data-electrobun-drag-region-compat]\"))\n    return;\n  const style = document.createElement(\"style\");\n  style.setAttribute(\"data-electrobun-drag-region-compat\", \"\");\n  style.textContent = DRAG_REGION_COMPATIBILITY_CSS;\n  const install = () => {\n    if (!document.head || style.isConnected)\n      return;\n    document.head.insertBefore(style, document.head.firstChild);\n  };\n  if (document.head)\n    install();\n  else\n    document.addEventListener(\"DOMContentLoaded\", install, { once: true });\n}\nfunction inlineRegion(element) {\n  const style = element.getAttribute?.(\"style\");\n  if (!style)\n    return null;\n  const match = style.match(/(?:^|;)\\s*(?:-webkit-app-region|app-region|window-drag)\\s*:\\s*(no-drag|drag)\\b/i);\n  return normalizedRegion(match?.[1]);\n}\nfunction computedRegion(element, readComputedStyle) {\n  try {\n    const style = readComputedStyle(element);\n    for (const propertyName of APP_REGION_PROPERTIES) {\n      const region = normalizedRegion(style.getPropertyValue(propertyName));\n      if (region)\n        return region;\n    }\n  } catch {}\n  return null;\n}\nfunction eventTargetElement(target) {\n  if (!target || typeof target.getAttribute !== \"function\") {\n    return target?.parentElement ?? null;\n  }\n  return target;\n}\nfunction isAppRegionDragTarget(target, readComputedStyle = (element) => window.getComputedStyle(element)) {\n  let element = eventTargetElement(target);\n  let foundDragRegion = false;\n  while (element) {\n    if (element.classList?.contains(NO_DRAG_CLASS))\n      return false;\n    if (element.classList?.contains(DRAG_CLASS))\n      foundDragRegion = true;\n    const region = inlineRegion(element) ?? computedRegion(element, readComputedStyle);\n    if (region === \"no-drag\")\n      return false;\n    if (region === \"drag\")\n      foundDragRegion = true;\n    element = element.parentElement;\n  }\n  return foundDragRegion;\n}\nfunction registerDragRegionListeners(targetDocument, getWindowId, sendMessage = send, readComputedStyle = (element) => window.getComputedStyle(element)) {\n  targetDocument.addEventListener(\"mousedown\", (event) => {\n    if (isAppRegionDragTarget(event.target, readComputedStyle)) {\n      sendMessage(\"startWindowMove\", { id: getWindowId() });\n    }\n  });\n  targetDocument.addEventListener(\"mouseup\", (event) => {\n    if (isAppRegionDragTarget(event.target, readComputedStyle)) {\n      sendMessage(\"stopWindowMove\", { id: getWindowId() });\n    }\n  });\n}\nfunction initDragRegions() {\n  installCompatibilityStyles();\n  initStylesheetMirroring();\n  registerDragRegionListeners(document, () => window.__electrobunWindowId);\n}\n\n// src/preload/externalDropFocus.ts\nfunction initExternalDropFocusRestoration(targetWindow = window, platform = window.__electrobunPlatform, requestFocus = request, schedule = (callback) => setTimeout(callback)) {\n  if (platform !== \"windows\")\n    return;\n  targetWindow.addEventListener(\"drop\", (event) => {\n    const types = Array.from(event.dataTransfer?.types ?? []);\n    if (!types.includes(\"Files\"))\n      return;\n    const previouslyFocusedElement = targetWindow.document.activeElement;\n    schedule(() => {\n      requestFocus(\"restoreWindowFocusAfterExternalDrop\", {\n        windowId: targetWindow.__electrobunWindowId\n      }).catch(() => {\n        return;\n      }).then(() => {\n        targetWindow.focus();\n        if (previouslyFocusedElement && \"focus\" in previouslyFocusedElement && typeof previouslyFocusedElement.focus === \"function\") {\n          previouslyFocusedElement.focus();\n        }\n      });\n    });\n  }, true);\n}\n\n// src/preload/overlaySync.ts\nclass OverlaySyncController {\n  element;\n  options;\n  lastRect = { x: 0, y: 0, width: 0, height: 0 };\n  resizeObserver = null;\n  positionLoop = null;\n  resizeHandler = null;\n  burstUntil = 0;\n  constructor(element, options) {\n    this.element = element;\n    this.options = {\n      onSync: options.onSync,\n      getMasks: options.getMasks ?? (() => []),\n      burstIntervalMs: options.burstIntervalMs ?? 50,\n      baseIntervalMs: options.baseIntervalMs ?? 100,\n      burstDurationMs: options.burstDurationMs ?? 500\n    };\n  }\n  start() {\n    this.resizeObserver = new ResizeObserver(() => this.sync());\n    this.resizeObserver.observe(this.element);\n    const loop = () => {\n      this.sync();\n      const now = performance.now();\n      const interval = now < this.burstUntil ? this.options.burstIntervalMs : this.options.baseIntervalMs;\n      this.positionLoop = setTimeout(loop, interval);\n    };\n    this.positionLoop = setTimeout(loop, this.options.baseIntervalMs);\n    this.resizeHandler = () => this.sync(true);\n    window.addEventListener(\"resize\", this.resizeHandler);\n  }\n  stop() {\n    if (this.resizeObserver)\n      this.resizeObserver.disconnect();\n    if (this.positionLoop)\n      clearTimeout(this.positionLoop);\n    if (this.resizeHandler) {\n      window.removeEventListener(\"resize\", this.resizeHandler);\n    }\n    this.resizeObserver = null;\n    this.positionLoop = null;\n    this.resizeHandler = null;\n  }\n  forceSync() {\n    this.sync(true);\n  }\n  setLastRect(rect) {\n    this.lastRect = rect;\n  }\n  sync(force = false) {\n    const rect = this.element.getBoundingClientRect();\n    const newRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    if (newRect.width === 0 && newRect.height === 0) {\n      return;\n    }\n    if (!force && newRect.x === this.lastRect.x && newRect.y === this.lastRect.y && newRect.width === this.lastRect.width && newRect.height === this.lastRect.height) {\n      return;\n    }\n    this.burstUntil = performance.now() + this.options.burstDurationMs;\n    this.lastRect = newRect;\n    const masks = this.options.getMasks();\n    this.options.onSync(newRect, JSON.stringify(masks));\n  }\n}\n\n// src/preload/webviewTagNavigation.ts\nclass WebviewTagNavigationQueue {\n  pending = null;\n  beginInitialization() {\n    this.pending = null;\n  }\n  defer(navigation) {\n    this.pending = navigation;\n  }\n  take() {\n    const navigation = this.pending;\n    this.pending = null;\n    return navigation;\n  }\n}\n\n// src/preload/webviewTag.ts\nvar webviewRegistry = {};\n\nclass ElectrobunWebviewTag extends HTMLElement {\n  webviewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  _navigationQueue = new WebviewTagNavigationQueue;\n  _initializationStarted = false;\n  transparent = false;\n  passthroughEnabled = false;\n  spellCheckEnabled = false;\n  hidden = false;\n  sandboxed = false;\n  _eventListeners = {};\n  static get observedAttributes() {\n    return [\"src\", \"html\", \"spellcheck\"];\n  }\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWebview());\n  }\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (oldValue === newValue)\n      return;\n    if (name === \"src\" && newValue !== null) {\n      this.navigate({ kind: \"url\", value: newValue });\n    } else if (name === \"html\" && newValue !== null) {\n      this.navigate({ kind: \"html\", value: newValue });\n    } else if (name === \"spellcheck\" && this.webviewId !== null) {\n      this.setSpellCheck(newValue !== null && newValue.toLowerCase() !== \"false\");\n    }\n  }\n  disconnectedCallback() {\n    if (this.webviewId !== null) {\n      send(\"webviewTagRemove\", { id: this.webviewId });\n      delete webviewRegistry[this.webviewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  getInitialNavigationRules() {\n    const rawRules = this.getAttribute(\"navigation-rules\");\n    if (rawRules === null) {\n      return null;\n    }\n    const trimmed = rawRules.trim();\n    if (!trimmed) {\n      return [];\n    }\n    try {\n      const parsed = JSON.parse(trimmed);\n      if (!Array.isArray(parsed) || !parsed.every((rule) => typeof rule === \"string\")) {\n        throw new Error(\"navigation-rules must be a JSON string array\");\n      }\n      return parsed;\n    } catch (error) {\n      console.error(\"Invalid navigation-rules attribute:\", error);\n      return [];\n    }\n  }\n  async initWebview() {\n    this._initializationStarted = true;\n    this._navigationQueue.beginInitialization();\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const url = this.getAttribute(\"src\");\n    const html = this.getAttribute(\"html\");\n    const preload = this.getAttribute(\"preload\");\n    const partition = this.getAttribute(\"partition\");\n    const renderer = this.getAttribute(\"renderer\") || \"native\";\n    const masks = this.getAttribute(\"masks\");\n    const navigationRules = this.getInitialNavigationRules();\n    const sandbox = this.hasAttribute(\"sandbox\");\n    this.sandboxed = sandbox;\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const spellCheckAttribute = this.getAttribute(\"spellcheck\");\n    const spellCheck = spellCheckAttribute !== null && spellCheckAttribute.toLowerCase() !== \"false\";\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.spellCheckEnabled = spellCheck;\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    try {\n      const webviewInitParams = {\n        hostWebviewId: window.__electrobunWebviewId,\n        windowId: window.__electrobunWindowId,\n        renderer,\n        url,\n        html,\n        preload,\n        partition,\n        frame: initialRect,\n        sandbox,\n        transparent,\n        passthrough,\n        spellCheck,\n        ...navigationRules === null ? {} : { navigationRules }\n      };\n      const webviewId = await request(\"webviewTagInit\", webviewInitParams);\n      this.webviewId = webviewId;\n      this.id = `electrobun-webview-${webviewId}`;\n      webviewRegistry[webviewId] = this;\n      const pendingNavigation = this._navigationQueue.take();\n      if (pendingNavigation)\n        this.navigate(pendingNavigation);\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      requestAnimationFrame(() => {\n        Object.values(webviewRegistry).forEach((webview) => {\n          if (webview !== this && webview.webviewId !== null) {\n            webview.syncDimensions(true);\n          }\n        });\n      });\n    } catch (err) {\n      console.error(\"Failed to init webview:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.webviewId === null)\n          return;\n        send(\"webviewTagResize\", {\n          id: this.webviewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  navigate(navigation) {\n    if (this.webviewId === null) {\n      this._navigationQueue.defer(navigation);\n      return;\n    }\n    if (navigation.kind === \"url\") {\n      send(\"webviewTagUpdateSrc\", {\n        id: this.webviewId,\n        url: navigation.value\n      });\n    } else {\n      send(\"webviewTagUpdateHtml\", {\n        id: this.webviewId,\n        html: navigation.value\n      });\n    }\n  }\n  loadURL(url) {\n    if (this.getAttribute(\"src\") === url) {\n      this.navigate({ kind: \"url\", value: url });\n    } else {\n      this.setAttribute(\"src\", url);\n    }\n  }\n  loadHTML(html) {\n    if (this.webviewId === null && !this._initializationStarted) {\n      this.setAttribute(\"html\", html);\n      return;\n    }\n    this.navigate({ kind: \"html\", value: html });\n  }\n  reload() {\n    if (this.webviewId !== null)\n      send(\"webviewTagReload\", { id: this.webviewId });\n  }\n  goBack() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoBack\", { id: this.webviewId });\n  }\n  goForward() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoForward\", { id: this.webviewId });\n  }\n  async canGoBack() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoBack\", {\n      id: this.webviewId\n    });\n  }\n  async canGoForward() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoForward\", {\n      id: this.webviewId\n    });\n  }\n  async setSpellCheck(enabled) {\n    this.spellCheckEnabled = enabled;\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagSetSpellCheck\", {\n      id: this.webviewId,\n      enabled\n    });\n  }\n  toggleTransparent(value) {\n    if (this.webviewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"webviewTagSetTransparent\", {\n      id: this.webviewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.webviewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"webviewTagSetPassthrough\", {\n      id: this.webviewId,\n      enablePassthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.webviewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"webviewTagSetHidden\", { id: this.webviewId, hidden: this.hidden });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  setNavigationRules(rules) {\n    if (this.webviewId !== null) {\n      send(\"webviewTagSetNavigationRules\", { id: this.webviewId, rules });\n    }\n  }\n  findInPage(searchText, options) {\n    if (this.webviewId === null)\n      return;\n    const forward = options?.forward !== false;\n    const matchCase = options?.matchCase || false;\n    send(\"webviewTagFindInPage\", {\n      id: this.webviewId,\n      searchText,\n      forward,\n      matchCase\n    });\n  }\n  stopFindInPage() {\n    if (this.webviewId !== null)\n      send(\"webviewTagStopFind\", { id: this.webviewId });\n  }\n  openDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagOpenDevTools\", { id: this.webviewId });\n  }\n  closeDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagCloseDevTools\", { id: this.webviewId });\n  }\n  toggleDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagToggleDevTools\", { id: this.webviewId });\n  }\n  executeJavascript(js) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagExecuteJavascript\", { id: this.webviewId, js });\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(value) {\n    if (value) {\n      this.setAttribute(\"src\", value);\n    } else {\n      this.removeAttribute(\"src\");\n    }\n  }\n  get html() {\n    return this.getAttribute(\"html\");\n  }\n  set html(value) {\n    if (value) {\n      this.setAttribute(\"html\", value);\n    } else {\n      this.removeAttribute(\"html\");\n    }\n  }\n  get preload() {\n    return this.getAttribute(\"preload\");\n  }\n  set preload(value) {\n    if (value)\n      this.setAttribute(\"preload\", value);\n    else\n      this.removeAttribute(\"preload\");\n  }\n  get renderer() {\n    return this.getAttribute(\"renderer\") || \"native\";\n  }\n  set renderer(value) {\n    this.setAttribute(\"renderer\", value);\n  }\n  get sandbox() {\n    return this.sandboxed;\n  }\n}\nfunction initWebviewTag() {\n  if (!customElements.get(\"electrobun-webview\")) {\n    customElements.define(\"electrobun-webview\", ElectrobunWebviewTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-webview {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #fff;\n\tbackground-repeat: no-repeat !important;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/preload/wgpuTag.ts\nvar wgpuTagRegistry = {};\n\nclass ElectrobunWgpuTag extends HTMLElement {\n  wgpuViewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  _ready = false;\n  _initializing = false;\n  _eventListeners = {};\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => {\n      if (this.isConnected)\n        this.initWgpuView();\n    });\n  }\n  disconnectedCallback() {\n    if (this.wgpuViewId !== null) {\n      send(\"wgpuTagRemove\", { id: this.wgpuViewId });\n      delete wgpuTagRegistry[this.wgpuViewId];\n      this.wgpuViewId = null;\n    }\n    if (this._sync)\n      this._sync.stop();\n    this._sync = null;\n    this._ready = false;\n  }\n  async initWgpuView() {\n    if (this._initializing || this.wgpuViewId !== null)\n      return;\n    this._initializing = true;\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const hidden = this.hasAttribute(\"hidden\");\n    const masks = this.getAttribute(\"masks\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.hidden = hidden;\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    try {\n      const wgpuViewId = await request(\"wgpuTagInit\", {\n        windowId: window.__electrobunWindowId,\n        frame: initialRect,\n        transparent,\n        passthrough\n      });\n      if (!this.isConnected) {\n        send(\"wgpuTagRemove\", { id: wgpuViewId });\n        return;\n      }\n      this.wgpuViewId = wgpuViewId;\n      if (!this.id) {\n        this.id = `electrobun-wgpu-${wgpuViewId}`;\n      }\n      wgpuTagRegistry[wgpuViewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      if (hidden) {\n        this.toggleHidden(true);\n      }\n      requestAnimationFrame(() => {\n        Object.values(wgpuTagRegistry).forEach((view) => {\n          if (view !== this && view.wgpuViewId !== null) {\n            view.syncDimensions(true);\n          }\n        });\n      });\n      this._ready = true;\n      this.emit(\"ready\", { id: wgpuViewId });\n    } catch (err) {\n      console.error(\"Failed to init WGPU view:\", err);\n    } finally {\n      this._initializing = false;\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.wgpuViewId === null)\n          return;\n        send(\"wgpuTagResize\", {\n          id: this.wgpuViewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  toggleTransparent(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"wgpuTagSetTransparent\", {\n      id: this.wgpuViewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"wgpuTagSetPassthrough\", {\n      id: this.wgpuViewId,\n      passthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"wgpuTagSetHidden\", { id: this.wgpuViewId, hidden: this.hidden });\n  }\n  runTest() {\n    if (this.wgpuViewId === null)\n      return;\n    send(\"wgpuTagRunTest\", { id: this.wgpuViewId });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n    if (event === \"ready\" && this._ready && this.wgpuViewId !== null) {\n      const readyEvent = new CustomEvent(event, {\n        detail: { id: this.wgpuViewId }\n      });\n      queueMicrotask(() => {\n        if (this._eventListeners[event]?.includes(listener)) {\n          listener(readyEvent);\n        }\n      });\n    }\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n}\nfunction initWgpuTag() {\n  if (!customElements.get(\"electrobun-wgpu\")) {\n    customElements.define(\"electrobun-wgpu\", ElectrobunWgpuTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-wgpu {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #000;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction shouldApplyOverscrollPrevention(platform) {\n  return platform !== \"linux\";\n}\nfunction initOverscrollPrevention(targetDocument = document, platform = window.__electrobunPlatform) {\n  if (!shouldApplyOverscrollPrevention(platform))\n    return;\n  targetDocument.addEventListener(\"DOMContentLoaded\", () => {\n    const style = targetDocument.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(targetDocument.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    targetDocument.head.appendChild(style);\n  });\n}\n\n// src/preload/index.ts\ninitEncryption().catch((err) => console.error(\"Failed to initialize encryption:\", err));\nvar internalMessageHandler = (msg) => {\n  handleResponse(msg);\n};\nvar defaultUserMessageHandler = (msg) => {\n  if (!window.__electrobunPendingHostMessages) {\n    window.__electrobunPendingHostMessages = [];\n  }\n  window.__electrobunPendingHostMessages.push(msg);\n};\nif (!window.__electrobun) {\n  window.__electrobun = {\n    receiveInternalMessageFromHost: internalMessageHandler,\n    receiveMessageFromHost: defaultUserMessageHandler,\n    receiveInternalMessageFromBun: internalMessageHandler,\n    receiveMessageFromBun: defaultUserMessageHandler\n  };\n} else {\n  window.__electrobun.receiveInternalMessageFromHost = internalMessageHandler;\n  window.__electrobun.receiveMessageFromHost = defaultUserMessageHandler;\n  window.__electrobun.receiveInternalMessageFromBun = internalMessageHandler;\n  window.__electrobun.receiveMessageFromBun = defaultUserMessageHandler;\n}\nwindow.__electrobunSendToHost = (message) => {\n  emitWebviewEvent(\"host-message\", JSON.stringify(message));\n};\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\ninitDragRegions();\ninitExternalDropFocusRestoration();\ninitWebviewTag();\ninitWgpuTag();\n})();";
+export const preloadScript = "(function(){// src/preload/encryption.ts\nfunction base64ToUint8Array(base64) {\n  return new Uint8Array(atob(base64).split(\"\").map((char) => char.charCodeAt(0)));\n}\nfunction uint8ArrayToBase64(uint8Array) {\n  let binary = \"\";\n  for (let i = 0;i < uint8Array.length; i++) {\n    binary += String.fromCharCode(uint8Array[i]);\n  }\n  return btoa(binary);\n}\nfunction toArrayBuffer(bytes) {\n  const buffer = new ArrayBuffer(bytes.byteLength);\n  new Uint8Array(buffer).set(bytes);\n  return buffer;\n}\nasync function generateKeyFromBytes(rawKey) {\n  return await window.crypto.subtle.importKey(\"raw\", toArrayBuffer(rawKey), { name: \"AES-GCM\" }, true, [\"encrypt\", \"decrypt\"]);\n}\nasync function initEncryption() {\n  const secretKey = await generateKeyFromBytes(new Uint8Array(window.__electrobunSecretKeyBytes));\n  const encryptString = async (plaintext) => {\n    const encoder = new TextEncoder;\n    const encodedText = encoder.encode(plaintext);\n    const iv = window.crypto.getRandomValues(new Uint8Array(12));\n    const encryptedBuffer = await window.crypto.subtle.encrypt({ name: \"AES-GCM\", iv: toArrayBuffer(iv) }, secretKey, toArrayBuffer(encodedText));\n    const encryptedData = new Uint8Array(encryptedBuffer.slice(0, -16));\n    const tag = new Uint8Array(encryptedBuffer.slice(-16));\n    return {\n      encryptedData: uint8ArrayToBase64(encryptedData),\n      iv: uint8ArrayToBase64(iv),\n      tag: uint8ArrayToBase64(tag)\n    };\n  };\n  const decryptString = async (encryptedDataB64, ivB64, tagB64) => {\n    const encryptedData = base64ToUint8Array(encryptedDataB64);\n    const iv = base64ToUint8Array(ivB64);\n    const tag = base64ToUint8Array(tagB64);\n    const combinedData = new Uint8Array(encryptedData.length + tag.length);\n    combinedData.set(encryptedData);\n    combinedData.set(tag, encryptedData.length);\n    const decryptedBuffer = await window.crypto.subtle.decrypt({ name: \"AES-GCM\", iv: toArrayBuffer(iv) }, secretKey, toArrayBuffer(combinedData));\n    const decoder = new TextDecoder;\n    return decoder.decode(decryptedBuffer);\n  };\n  window.__electrobun_encrypt = encryptString;\n  window.__electrobun_decrypt = decryptString;\n}\n\n// src/preload/internalRpc.ts\nvar pendingRequests = {};\nvar requestId = 0;\nvar isProcessingQueue = false;\nvar sendQueue = [];\nfunction processQueue() {\n  if (isProcessingQueue) {\n    setTimeout(processQueue);\n    return;\n  }\n  if (sendQueue.length === 0)\n    return;\n  isProcessingQueue = true;\n  const batch = JSON.stringify(sendQueue);\n  sendQueue.length = 0;\n  window.__electrobunInternalBridge?.postMessage(batch);\n  setTimeout(() => {\n    isProcessingQueue = false;\n  }, 2);\n}\nfunction send(type, payload) {\n  sendQueue.push(JSON.stringify({ type: \"message\", id: type, payload }));\n  processQueue();\n}\nfunction request(type, payload) {\n  return new Promise((resolve, reject) => {\n    const id = `req_${++requestId}_${Date.now()}`;\n    pendingRequests[id] = { resolve, reject };\n    sendQueue.push(JSON.stringify({\n      type: \"request\",\n      method: type,\n      id,\n      params: payload,\n      hostWebviewId: window.__electrobunWebviewId\n    }));\n    processQueue();\n    setTimeout(() => {\n      if (pendingRequests[id]) {\n        delete pendingRequests[id];\n        reject(new Error(`Request timeout: ${type}`));\n      }\n    }, 1e4);\n  });\n}\nfunction handleResponse(msg) {\n  if (msg && msg.type === \"response\" && msg.id) {\n    const pending = pendingRequests[msg.id];\n    if (pending) {\n      delete pendingRequests[msg.id];\n      if (msg.success)\n        pending.resolve(msg.payload);\n      else\n        pending.reject(msg.payload);\n    }\n  }\n}\n\n// src/preload/dragRegions.ts\nvar DRAG_CLASS = \"electrobun-webkit-app-region-drag\";\nvar NO_DRAG_CLASS = \"electrobun-webkit-app-region-no-drag\";\nvar MIRRORED_PROPERTY = \"--electrobun-app-region\";\nvar MIRROR_ATTRIBUTE = \"data-electrobun-app-region-mirror\";\nvar APP_REGION_PROPERTIES = [\n  MIRRORED_PROPERTY,\n  \"-webkit-app-region\",\n  \"app-region\",\n  \"window-drag\"\n];\nvar DRAG_REGION_COMPATIBILITY_CSS = `\n.electrobun-webkit-app-region-drag {\n\t-webkit-app-region: drag;\n\tapp-region: drag;\n}\n.electrobun-webkit-app-region-no-drag {\n\t-webkit-app-region: no-drag;\n\tapp-region: no-drag;\n}\n`;\nvar processedSourceSignatures = new WeakMap;\nvar stylesheetMirrors = new Map;\nvar pendingLinkSignatures = new WeakMap;\nvar stylesheetMirroringInitialized = false;\nfunction normalizedRegion(value) {\n  const normalized = value?.trim().toLowerCase();\n  if (normalized === \"drag\" || normalized === \"no-drag\")\n    return normalized;\n  return null;\n}\nfunction previousSignificantCharacter(source, offset) {\n  let index = offset - 1;\n  while (index >= 0) {\n    while (index >= 0 && /\\s/.test(source[index] ?? \"\"))\n      index--;\n    if (index >= 1 && source[index] === \"/\" && source[index - 1] === \"*\") {\n      const commentStart = source.lastIndexOf(\"/*\", index - 1);\n      if (commentStart < 0)\n        return \"\";\n      index = commentStart - 1;\n      continue;\n    }\n    return source[index] ?? \"\";\n  }\n  return \"\";\n}\nfunction isIdentifierCharacter(character) {\n  return !!character && /[a-zA-Z0-9_-]/.test(character);\n}\nfunction rewriteAppRegionDeclarations(source) {\n  const propertyNames = [\"-webkit-app-region\", \"window-drag\", \"app-region\"];\n  let output = \"\";\n  let cursor = 0;\n  let index = 0;\n  while (index < source.length) {\n    if (source[index] === \"/\" && source[index + 1] === \"*\") {\n      const commentEnd = source.indexOf(\"*/\", index + 2);\n      index = commentEnd < 0 ? source.length : commentEnd + 2;\n      continue;\n    }\n    if (source[index] === '\"' || source[index] === \"'\") {\n      const quote = source[index];\n      index++;\n      while (index < source.length) {\n        if (source[index] === \"\\\\\") {\n          index += 2;\n          continue;\n        }\n        if (source[index] === quote) {\n          index++;\n          break;\n        }\n        index++;\n      }\n      continue;\n    }\n    let matchedProperty;\n    for (const propertyName of propertyNames) {\n      if (source.slice(index, index + propertyName.length).toLowerCase() === propertyName && !isIdentifierCharacter(source[index - 1]) && !isIdentifierCharacter(source[index + propertyName.length])) {\n        matchedProperty = propertyName;\n        break;\n      }\n    }\n    if (matchedProperty) {\n      let colonOffset = index + matchedProperty.length;\n      while (/\\s/.test(source[colonOffset] ?? \"\"))\n        colonOffset++;\n      const previous = previousSignificantCharacter(source, index);\n      if (source[colonOffset] === \":\" && (previous === \"{\" || previous === \";\")) {\n        output += source.slice(cursor, index) + MIRRORED_PROPERTY;\n        index += matchedProperty.length;\n        cursor = index;\n        continue;\n      }\n    }\n    index++;\n  }\n  return output + source.slice(cursor);\n}\nfunction nestedRuleContainer(rule) {\n  const candidate = rule;\n  if (candidate.cssRules && typeof candidate.deleteRule === \"function\") {\n    return candidate;\n  }\n  return null;\n}\nfunction pruneToAppRegionRules(container) {\n  let hasAppRegionRule = false;\n  for (let index = container.cssRules.length - 1;index >= 0; index--) {\n    const rule = container.cssRules[index];\n    if (!rule)\n      continue;\n    const style = rule.style;\n    let hasAppRegionDeclaration = false;\n    if (style && typeof style.getPropertyValue === \"function\") {\n      for (let propertyIndex = style.length - 1;propertyIndex >= 0; propertyIndex--) {\n        const propertyName = style.item(propertyIndex);\n        if (propertyName === MIRRORED_PROPERTY) {\n          hasAppRegionDeclaration = true;\n        } else {\n          style.removeProperty(propertyName);\n        }\n      }\n    }\n    const nested = nestedRuleContainer(rule);\n    const hasNestedAppRegionRule = nested ? pruneToAppRegionRules(nested) : false;\n    if (!hasAppRegionDeclaration && !hasNestedAppRegionRule) {\n      container.deleteRule(index);\n      continue;\n    }\n    hasAppRegionRule = true;\n  }\n  return hasAppRegionRule;\n}\nfunction serializeRules(rules) {\n  let cssText = \"\";\n  for (let index = 0;index < rules.length; index++) {\n    const rule = rules[index];\n    if (rule)\n      cssText += `${rule.cssText}\n`;\n  }\n  return cssText;\n}\nfunction removeStylesheetMirror(source) {\n  stylesheetMirrors.get(source)?.remove();\n  stylesheetMirrors.delete(source);\n}\nfunction installStylesheetMirror(source, cssText, signature) {\n  if (processedSourceSignatures.get(source) === signature)\n    return;\n  processedSourceSignatures.set(source, signature);\n  removeStylesheetMirror(source);\n  const mirroredCss = rewriteAppRegionDeclarations(cssText);\n  if (mirroredCss === cssText || !source.parentNode)\n    return;\n  const mirror = source.ownerDocument.createElement(\"style\");\n  mirror.setAttribute(MIRROR_ATTRIBUTE, \"\");\n  mirror.media = \"not all\";\n  if (source.nonce)\n    mirror.nonce = source.nonce;\n  mirror.textContent = mirroredCss;\n  source.parentNode.insertBefore(mirror, source.nextSibling);\n  let sheet = mirror.sheet;\n  if (!sheet || !pruneToAppRegionRules(sheet)) {\n    mirror.remove();\n    return;\n  }\n  mirror.textContent = serializeRules(sheet.cssRules);\n  sheet = mirror.sheet;\n  if (!sheet) {\n    mirror.remove();\n    return;\n  }\n  mirror.media = source.media;\n  if (source.sheet?.disabled)\n    sheet.disabled = true;\n  stylesheetMirrors.set(source, mirror);\n}\nfunction isMirroredStyle(element) {\n  return element.tagName === \"STYLE\" && element.hasAttribute(MIRROR_ATTRIBUTE);\n}\nfunction isStylesheetSource(element) {\n  if (element.tagName === \"STYLE\")\n    return !isMirroredStyle(element);\n  return element.tagName === \"LINK\" && element.relList.contains(\"stylesheet\");\n}\nfunction nodeContainsStylesheetSource(node) {\n  const element = node;\n  if (typeof element.matches !== \"function\")\n    return false;\n  return isStylesheetSource(element) || !!element.querySelector(\"style:not([data-electrobun-app-region-mirror]), link[rel~='stylesheet']\");\n}\nfunction mutationsAffectStylesheets(mutations) {\n  for (const mutation of mutations) {\n    if (mutation.type === \"attributes\") {\n      const element = mutation.target;\n      if (element.tagName === \"LINK\" || isStylesheetSource(element))\n        return true;\n      continue;\n    }\n    if (mutation.type === \"characterData\") {\n      const parent = mutation.target.parentElement;\n      if (parent && isStylesheetSource(parent))\n        return true;\n      continue;\n    }\n    const target = mutation.target;\n    if (typeof target.matches === \"function\" && isStylesheetSource(target)) {\n      return true;\n    }\n    for (let index = 0;index < mutation.addedNodes.length; index++) {\n      const node = mutation.addedNodes[index];\n      if (node && nodeContainsStylesheetSource(node))\n        return true;\n    }\n    for (let index = 0;index < mutation.removedNodes.length; index++) {\n      const node = mutation.removedNodes[index];\n      if (node && nodeContainsStylesheetSource(node))\n        return true;\n    }\n  }\n  return false;\n}\nfunction processStyleElement(style) {\n  if (isMirroredStyle(style))\n    return;\n  const cssText = style.textContent ?? \"\";\n  installStylesheetMirror(style, cssText, `${style.media}\n${cssText}`);\n}\nfunction processLinkElement(link) {\n  if (!link.relList.contains(\"stylesheet\") || !link.href) {\n    removeStylesheetMirror(link);\n    return;\n  }\n  const signature = `${link.media}\n${link.href}`;\n  if (processedSourceSignatures.get(link) === signature || pendingLinkSignatures.get(link) === signature) {\n    return;\n  }\n  pendingLinkSignatures.set(link, signature);\n  fetch(link.href, { credentials: \"same-origin\" }).then((response) => {\n    if (!response.ok)\n      throw new Error(`HTTP ${response.status}`);\n    return response.text();\n  }).then((cssText) => {\n    if (link.isConnected && `${link.media}\n${link.href}` === signature) {\n      installStylesheetMirror(link, cssText, signature);\n    }\n  }).catch(() => {}).finally(() => {\n    if (pendingLinkSignatures.get(link) === signature) {\n      pendingLinkSignatures.delete(link);\n    }\n  });\n}\nfunction scanStylesheetSources() {\n  document.querySelectorAll(\"style, link[rel~='stylesheet']\").forEach((element) => {\n    if (element.tagName === \"STYLE\") {\n      processStyleElement(element);\n    } else {\n      processLinkElement(element);\n    }\n  });\n  for (const [source, mirror] of stylesheetMirrors) {\n    if (!source.isConnected) {\n      mirror.remove();\n      stylesheetMirrors.delete(source);\n    }\n  }\n}\nfunction initStylesheetMirroring() {\n  if (stylesheetMirroringInitialized)\n    return;\n  stylesheetMirroringInitialized = true;\n  let scanScheduled = false;\n  const scheduleScan = () => {\n    if (scanScheduled)\n      return;\n    scanScheduled = true;\n    queueMicrotask(() => {\n      scanScheduled = false;\n      scanStylesheetSources();\n    });\n  };\n  new MutationObserver((mutations) => {\n    if (mutationsAffectStylesheets(mutations))\n      scheduleScan();\n  }).observe(document, {\n    attributes: true,\n    attributeFilter: [\"href\", \"media\", \"rel\"],\n    characterData: true,\n    childList: true,\n    subtree: true\n  });\n  document.addEventListener(\"DOMContentLoaded\", scheduleScan, { once: true });\n  scheduleScan();\n}\nfunction installCompatibilityStyles() {\n  if (document.querySelector(\"style[data-electrobun-drag-region-compat]\"))\n    return;\n  const style = document.createElement(\"style\");\n  style.setAttribute(\"data-electrobun-drag-region-compat\", \"\");\n  style.textContent = DRAG_REGION_COMPATIBILITY_CSS;\n  const install = () => {\n    if (!document.head || style.isConnected)\n      return;\n    document.head.insertBefore(style, document.head.firstChild);\n  };\n  if (document.head)\n    install();\n  else\n    document.addEventListener(\"DOMContentLoaded\", install, { once: true });\n}\nfunction inlineRegion(element) {\n  const style = element.getAttribute?.(\"style\");\n  if (!style)\n    return null;\n  const match = style.match(/(?:^|;)\\s*(?:-webkit-app-region|app-region|window-drag)\\s*:\\s*(no-drag|drag)\\b/i);\n  return normalizedRegion(match?.[1]);\n}\nfunction computedRegion(element, readComputedStyle) {\n  try {\n    const style = readComputedStyle(element);\n    for (const propertyName of APP_REGION_PROPERTIES) {\n      const region = normalizedRegion(style.getPropertyValue(propertyName));\n      if (region)\n        return region;\n    }\n  } catch {}\n  return null;\n}\nfunction eventTargetElement(target) {\n  if (!target || typeof target.getAttribute !== \"function\") {\n    return target?.parentElement ?? null;\n  }\n  return target;\n}\nfunction isAppRegionDragTarget(target, readComputedStyle = (element) => window.getComputedStyle(element)) {\n  let element = eventTargetElement(target);\n  let foundDragRegion = false;\n  while (element) {\n    if (element.classList?.contains(NO_DRAG_CLASS))\n      return false;\n    if (element.classList?.contains(DRAG_CLASS))\n      foundDragRegion = true;\n    const region = inlineRegion(element) ?? computedRegion(element, readComputedStyle);\n    if (region === \"no-drag\")\n      return false;\n    if (region === \"drag\")\n      foundDragRegion = true;\n    element = element.parentElement;\n  }\n  return foundDragRegion;\n}\nfunction registerDragRegionListeners(targetDocument, getWindowId, sendMessage = send, readComputedStyle = (element) => window.getComputedStyle(element)) {\n  targetDocument.addEventListener(\"mousedown\", (event) => {\n    if (isAppRegionDragTarget(event.target, readComputedStyle)) {\n      sendMessage(\"startWindowMove\", { id: getWindowId() });\n    }\n  });\n  targetDocument.addEventListener(\"mouseup\", (event) => {\n    if (isAppRegionDragTarget(event.target, readComputedStyle)) {\n      sendMessage(\"stopWindowMove\", { id: getWindowId() });\n    }\n  });\n}\nfunction initDragRegions() {\n  installCompatibilityStyles();\n  initStylesheetMirroring();\n  registerDragRegionListeners(document, () => window.__electrobunWindowId);\n}\n\n// src/preload/externalDropFocus.ts\nfunction initExternalDropFocusRestoration(targetWindow = window, platform = window.__electrobunPlatform, requestFocus = request, schedule = (callback) => setTimeout(callback)) {\n  if (platform !== \"windows\")\n    return;\n  targetWindow.addEventListener(\"drop\", (event) => {\n    const types = Array.from(event.dataTransfer?.types ?? []);\n    if (!types.includes(\"Files\"))\n      return;\n    const previouslyFocusedElement = targetWindow.document.activeElement;\n    schedule(() => {\n      requestFocus(\"restoreWindowFocusAfterExternalDrop\", {\n        windowId: targetWindow.__electrobunWindowId\n      }).catch(() => {\n        return;\n      }).then(() => {\n        targetWindow.focus();\n        if (previouslyFocusedElement && \"focus\" in previouslyFocusedElement && typeof previouslyFocusedElement.focus === \"function\") {\n          previouslyFocusedElement.focus();\n        }\n      });\n    });\n  }, true);\n}\n\n// src/preload/overlaySync.ts\nclass OverlaySyncController {\n  element;\n  options;\n  lastRect = { x: 0, y: 0, width: 0, height: 0 };\n  resizeObserver = null;\n  positionLoop = null;\n  resizeHandler = null;\n  burstUntil = 0;\n  constructor(element, options) {\n    this.element = element;\n    this.options = {\n      onSync: options.onSync,\n      getMasks: options.getMasks ?? (() => []),\n      burstIntervalMs: options.burstIntervalMs ?? 50,\n      baseIntervalMs: options.baseIntervalMs ?? 100,\n      burstDurationMs: options.burstDurationMs ?? 500\n    };\n  }\n  start() {\n    this.resizeObserver = new ResizeObserver(() => this.sync());\n    this.resizeObserver.observe(this.element);\n    const loop = () => {\n      this.sync();\n      const now = performance.now();\n      const interval = now < this.burstUntil ? this.options.burstIntervalMs : this.options.baseIntervalMs;\n      this.positionLoop = setTimeout(loop, interval);\n    };\n    this.positionLoop = setTimeout(loop, this.options.baseIntervalMs);\n    this.resizeHandler = () => this.sync(true);\n    window.addEventListener(\"resize\", this.resizeHandler);\n  }\n  stop() {\n    if (this.resizeObserver)\n      this.resizeObserver.disconnect();\n    if (this.positionLoop)\n      clearTimeout(this.positionLoop);\n    if (this.resizeHandler) {\n      window.removeEventListener(\"resize\", this.resizeHandler);\n    }\n    this.resizeObserver = null;\n    this.positionLoop = null;\n    this.resizeHandler = null;\n  }\n  forceSync() {\n    this.sync(true);\n  }\n  setLastRect(rect) {\n    this.lastRect = rect;\n  }\n  sync(force = false) {\n    const rect = this.element.getBoundingClientRect();\n    const newRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    if (newRect.width === 0 && newRect.height === 0) {\n      return;\n    }\n    if (!force && newRect.x === this.lastRect.x && newRect.y === this.lastRect.y && newRect.width === this.lastRect.width && newRect.height === this.lastRect.height) {\n      return;\n    }\n    this.burstUntil = performance.now() + this.options.burstDurationMs;\n    this.lastRect = newRect;\n    const masks = this.options.getMasks();\n    this.options.onSync(newRect, JSON.stringify(masks));\n  }\n}\n\n// src/preload/webviewTagNavigation.ts\nclass WebviewTagNavigationQueue {\n  pending = null;\n  beginInitialization() {\n    this.pending = null;\n  }\n  defer(navigation) {\n    this.pending = navigation;\n  }\n  take() {\n    const navigation = this.pending;\n    this.pending = null;\n    return navigation;\n  }\n}\n\n// src/preload/webviewTag.ts\nvar webviewRegistry = {};\n\nclass ElectrobunWebviewTag extends HTMLElement {\n  webviewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  _navigationQueue = new WebviewTagNavigationQueue;\n  _initializationStarted = false;\n  transparent = false;\n  passthroughEnabled = false;\n  spellCheckEnabled = false;\n  hidden = false;\n  sandboxed = false;\n  _eventListeners = {};\n  static get observedAttributes() {\n    return [\"src\", \"html\", \"spellcheck\"];\n  }\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => this.initWebview());\n  }\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (oldValue === newValue)\n      return;\n    if (name === \"src\" && newValue !== null) {\n      this.navigate({ kind: \"url\", value: newValue });\n    } else if (name === \"html\" && newValue !== null) {\n      this.navigate({ kind: \"html\", value: newValue });\n    } else if (name === \"spellcheck\" && this.webviewId !== null) {\n      this.setSpellCheck(newValue !== null && newValue.toLowerCase() !== \"false\");\n    }\n  }\n  disconnectedCallback() {\n    if (this.webviewId !== null) {\n      send(\"webviewTagRemove\", { id: this.webviewId });\n      delete webviewRegistry[this.webviewId];\n    }\n    if (this._sync)\n      this._sync.stop();\n  }\n  getInitialNavigationRules() {\n    const rawRules = this.getAttribute(\"navigation-rules\");\n    if (rawRules === null) {\n      return null;\n    }\n    const trimmed = rawRules.trim();\n    if (!trimmed) {\n      return [];\n    }\n    try {\n      const parsed = JSON.parse(trimmed);\n      if (!Array.isArray(parsed) || !parsed.every((rule) => typeof rule === \"string\")) {\n        throw new Error(\"navigation-rules must be a JSON string array\");\n      }\n      return parsed;\n    } catch (error) {\n      console.error(\"Invalid navigation-rules attribute:\", error);\n      return [];\n    }\n  }\n  async initWebview() {\n    this._initializationStarted = true;\n    this._navigationQueue.beginInitialization();\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const url = this.getAttribute(\"src\");\n    const html = this.getAttribute(\"html\");\n    const preload = this.getAttribute(\"preload\");\n    const partition = this.getAttribute(\"partition\");\n    const renderer = this.getAttribute(\"renderer\") || \"native\";\n    const masks = this.getAttribute(\"masks\");\n    const navigationRules = this.getInitialNavigationRules();\n    const sandbox = this.hasAttribute(\"sandbox\");\n    this.sandboxed = sandbox;\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const spellCheckAttribute = this.getAttribute(\"spellcheck\");\n    const spellCheck = spellCheckAttribute !== null && spellCheckAttribute.toLowerCase() !== \"false\";\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.spellCheckEnabled = spellCheck;\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    try {\n      const webviewInitParams = {\n        hostWebviewId: window.__electrobunWebviewId,\n        windowId: window.__electrobunWindowId,\n        renderer,\n        url,\n        html,\n        preload,\n        partition,\n        frame: initialRect,\n        sandbox,\n        transparent,\n        passthrough,\n        spellCheck,\n        ...navigationRules === null ? {} : { navigationRules }\n      };\n      const webviewId = await request(\"webviewTagInit\", webviewInitParams);\n      this.webviewId = webviewId;\n      this.id = `electrobun-webview-${webviewId}`;\n      webviewRegistry[webviewId] = this;\n      const pendingNavigation = this._navigationQueue.take();\n      if (pendingNavigation)\n        this.navigate(pendingNavigation);\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      requestAnimationFrame(() => {\n        Object.values(webviewRegistry).forEach((webview) => {\n          if (webview !== this && webview.webviewId !== null) {\n            webview.syncDimensions(true);\n          }\n        });\n      });\n    } catch (err) {\n      console.error(\"Failed to init webview:\", err);\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.webviewId === null)\n          return;\n        send(\"webviewTagResize\", {\n          id: this.webviewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  navigate(navigation) {\n    if (this.webviewId === null) {\n      this._navigationQueue.defer(navigation);\n      return;\n    }\n    if (navigation.kind === \"url\") {\n      send(\"webviewTagUpdateSrc\", {\n        id: this.webviewId,\n        url: navigation.value\n      });\n    } else {\n      send(\"webviewTagUpdateHtml\", {\n        id: this.webviewId,\n        html: navigation.value\n      });\n    }\n  }\n  loadURL(url) {\n    if (this.getAttribute(\"src\") === url) {\n      this.navigate({ kind: \"url\", value: url });\n    } else {\n      this.setAttribute(\"src\", url);\n    }\n  }\n  loadHTML(html) {\n    if (this.webviewId === null && !this._initializationStarted) {\n      this.setAttribute(\"html\", html);\n      return;\n    }\n    this.navigate({ kind: \"html\", value: html });\n  }\n  reload() {\n    if (this.webviewId !== null)\n      send(\"webviewTagReload\", { id: this.webviewId });\n  }\n  goBack() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoBack\", { id: this.webviewId });\n  }\n  goForward() {\n    if (this.webviewId !== null)\n      send(\"webviewTagGoForward\", { id: this.webviewId });\n  }\n  async canGoBack() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoBack\", {\n      id: this.webviewId\n    });\n  }\n  async canGoForward() {\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagCanGoForward\", {\n      id: this.webviewId\n    });\n  }\n  async setSpellCheck(enabled) {\n    this.spellCheckEnabled = enabled;\n    if (this.webviewId === null)\n      return false;\n    return await request(\"webviewTagSetSpellCheck\", {\n      id: this.webviewId,\n      enabled\n    });\n  }\n  toggleTransparent(value) {\n    if (this.webviewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"webviewTagSetTransparent\", {\n      id: this.webviewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.webviewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"webviewTagSetPassthrough\", {\n      id: this.webviewId,\n      enablePassthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.webviewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"webviewTagSetHidden\", { id: this.webviewId, hidden: this.hidden });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  setNavigationRules(rules) {\n    if (this.webviewId !== null) {\n      send(\"webviewTagSetNavigationRules\", { id: this.webviewId, rules });\n    }\n  }\n  findInPage(searchText, options) {\n    if (this.webviewId === null)\n      return;\n    const forward = options?.forward !== false;\n    const matchCase = options?.matchCase || false;\n    send(\"webviewTagFindInPage\", {\n      id: this.webviewId,\n      searchText,\n      forward,\n      matchCase\n    });\n  }\n  stopFindInPage() {\n    if (this.webviewId !== null)\n      send(\"webviewTagStopFind\", { id: this.webviewId });\n  }\n  openDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagOpenDevTools\", { id: this.webviewId });\n  }\n  closeDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagCloseDevTools\", { id: this.webviewId });\n  }\n  toggleDevTools() {\n    if (this.webviewId !== null)\n      send(\"webviewTagToggleDevTools\", { id: this.webviewId });\n  }\n  executeJavascript(js) {\n    if (this.webviewId === null)\n      return;\n    send(\"webviewTagExecuteJavascript\", { id: this.webviewId, js });\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n  get src() {\n    return this.getAttribute(\"src\");\n  }\n  set src(value) {\n    if (value) {\n      this.setAttribute(\"src\", value);\n    } else {\n      this.removeAttribute(\"src\");\n    }\n  }\n  get html() {\n    return this.getAttribute(\"html\");\n  }\n  set html(value) {\n    if (value) {\n      this.setAttribute(\"html\", value);\n    } else {\n      this.removeAttribute(\"html\");\n    }\n  }\n  get preload() {\n    return this.getAttribute(\"preload\");\n  }\n  set preload(value) {\n    if (value)\n      this.setAttribute(\"preload\", value);\n    else\n      this.removeAttribute(\"preload\");\n  }\n  get renderer() {\n    return this.getAttribute(\"renderer\") || \"native\";\n  }\n  set renderer(value) {\n    this.setAttribute(\"renderer\", value);\n  }\n  get sandbox() {\n    return this.sandboxed;\n  }\n}\nfunction initWebviewTag() {\n  if (!customElements.get(\"electrobun-webview\")) {\n    customElements.define(\"electrobun-webview\", ElectrobunWebviewTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-webview {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #fff;\n\tbackground-repeat: no-repeat !important;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/preload/wgpuTag.ts\nvar wgpuTagRegistry = {};\n\nclass ElectrobunWgpuTag extends HTMLElement {\n  wgpuViewId = null;\n  maskSelectors = new Set;\n  _sync = null;\n  transparent = false;\n  passthroughEnabled = false;\n  hidden = false;\n  _ready = false;\n  _initializing = false;\n  _eventListeners = {};\n  constructor() {\n    super();\n  }\n  connectedCallback() {\n    requestAnimationFrame(() => {\n      if (this.isConnected)\n        this.initWgpuView();\n    });\n  }\n  disconnectedCallback() {\n    if (this.wgpuViewId !== null) {\n      send(\"wgpuTagRemove\", { id: this.wgpuViewId });\n      delete wgpuTagRegistry[this.wgpuViewId];\n      this.wgpuViewId = null;\n    }\n    if (this._sync)\n      this._sync.stop();\n    this._sync = null;\n    this._ready = false;\n  }\n  async initWgpuView() {\n    if (this._initializing || this.wgpuViewId !== null)\n      return;\n    this._initializing = true;\n    const rect = this.getBoundingClientRect();\n    const initialRect = {\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height\n    };\n    const transparent = this.hasAttribute(\"transparent\");\n    const passthrough = this.hasAttribute(\"passthrough\");\n    const hidden = this.hasAttribute(\"hidden\");\n    const masks = this.getAttribute(\"masks\");\n    this.transparent = transparent;\n    this.passthroughEnabled = passthrough;\n    this.hidden = hidden;\n    if (masks) {\n      masks.split(\",\").forEach((s) => this.maskSelectors.add(s.trim()));\n    }\n    if (transparent)\n      this.style.opacity = \"0\";\n    if (passthrough)\n      this.style.pointerEvents = \"none\";\n    try {\n      const wgpuViewId = await request(\"wgpuTagInit\", {\n        windowId: window.__electrobunWindowId,\n        frame: initialRect,\n        transparent,\n        passthrough\n      });\n      if (!this.isConnected) {\n        send(\"wgpuTagRemove\", { id: wgpuViewId });\n        return;\n      }\n      this.wgpuViewId = wgpuViewId;\n      if (!this.id) {\n        this.id = `electrobun-wgpu-${wgpuViewId}`;\n      }\n      wgpuTagRegistry[wgpuViewId] = this;\n      this.setupObservers(initialRect);\n      this.syncDimensions(true);\n      if (hidden) {\n        this.toggleHidden(true);\n      }\n      requestAnimationFrame(() => {\n        Object.values(wgpuTagRegistry).forEach((view) => {\n          if (view !== this && view.wgpuViewId !== null) {\n            view.syncDimensions(true);\n          }\n        });\n      });\n      this._ready = true;\n      this.emit(\"ready\", { id: wgpuViewId });\n    } catch (err) {\n      console.error(\"Failed to init WGPU view:\", err);\n    } finally {\n      this._initializing = false;\n    }\n  }\n  setupObservers(initialRect) {\n    const getMasks = () => {\n      const rect = this.getBoundingClientRect();\n      const masks = [];\n      this.maskSelectors.forEach((selector) => {\n        try {\n          document.querySelectorAll(selector).forEach((el) => {\n            const mr = el.getBoundingClientRect();\n            masks.push({\n              x: mr.x - rect.x,\n              y: mr.y - rect.y,\n              width: mr.width,\n              height: mr.height\n            });\n          });\n        } catch (_e) {}\n      });\n      return masks;\n    };\n    this._sync = new OverlaySyncController(this, {\n      onSync: (rect, masksJson) => {\n        if (this.wgpuViewId === null)\n          return;\n        send(\"wgpuTagResize\", {\n          id: this.wgpuViewId,\n          frame: rect,\n          masks: masksJson\n        });\n      },\n      getMasks,\n      burstIntervalMs: 10,\n      baseIntervalMs: 100,\n      burstDurationMs: 50\n    });\n    this._sync.setLastRect(initialRect);\n    this._sync.start();\n  }\n  syncDimensions(force = false) {\n    if (!this._sync)\n      return;\n    if (force) {\n      this._sync.forceSync();\n    }\n  }\n  toggleTransparent(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.transparent = value !== undefined ? value : !this.transparent;\n    this.style.opacity = this.transparent ? \"0\" : \"\";\n    send(\"wgpuTagSetTransparent\", {\n      id: this.wgpuViewId,\n      transparent: this.transparent\n    });\n  }\n  togglePassthrough(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.passthroughEnabled = value !== undefined ? value : !this.passthroughEnabled;\n    this.style.pointerEvents = this.passthroughEnabled ? \"none\" : \"\";\n    send(\"wgpuTagSetPassthrough\", {\n      id: this.wgpuViewId,\n      passthrough: this.passthroughEnabled\n    });\n  }\n  toggleHidden(value) {\n    if (this.wgpuViewId === null)\n      return;\n    this.hidden = value !== undefined ? value : !this.hidden;\n    send(\"wgpuTagSetHidden\", { id: this.wgpuViewId, hidden: this.hidden });\n  }\n  runTest() {\n    if (this.wgpuViewId === null)\n      return;\n    send(\"wgpuTagRunTest\", { id: this.wgpuViewId });\n  }\n  addMaskSelector(selector) {\n    this.maskSelectors.add(selector);\n    this.syncDimensions(true);\n  }\n  removeMaskSelector(selector) {\n    this.maskSelectors.delete(selector);\n    this.syncDimensions(true);\n  }\n  on(event, listener) {\n    if (!this._eventListeners[event])\n      this._eventListeners[event] = [];\n    this._eventListeners[event].push(listener);\n    if (event === \"ready\" && this._ready && this.wgpuViewId !== null) {\n      const readyEvent = new CustomEvent(event, {\n        detail: { id: this.wgpuViewId }\n      });\n      queueMicrotask(() => {\n        if (this._eventListeners[event]?.includes(listener)) {\n          listener(readyEvent);\n        }\n      });\n    }\n  }\n  off(event, listener) {\n    if (!this._eventListeners[event])\n      return;\n    const idx = this._eventListeners[event].indexOf(listener);\n    if (idx !== -1)\n      this._eventListeners[event].splice(idx, 1);\n  }\n  emit(event, detail) {\n    const listeners = this._eventListeners[event];\n    if (listeners) {\n      const customEvent = new CustomEvent(event, { detail });\n      listeners.forEach((fn) => fn(customEvent));\n    }\n  }\n}\nfunction initWgpuTag() {\n  if (!customElements.get(\"electrobun-wgpu\")) {\n    customElements.define(\"electrobun-wgpu\", ElectrobunWgpuTag);\n  }\n  const injectStyles = () => {\n    const style = document.createElement(\"style\");\n    style.textContent = `\nelectrobun-wgpu {\n\tdisplay: block;\n\twidth: 800px;\n\theight: 300px;\n\tbackground: #000;\n\toverflow: hidden;\n}\n`;\n    if (document.head?.firstChild) {\n      document.head.insertBefore(style, document.head.firstChild);\n    } else if (document.head) {\n      document.head.appendChild(style);\n    }\n  };\n  if (document.head) {\n    injectStyles();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", injectStyles);\n  }\n}\n\n// src/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initHostMessageBridge(targetWindow = window, emit = emitWebviewEvent) {\n  targetWindow.__electrobunSendToHost = (message) => {\n    emit(\"host-message\", JSON.stringify(message));\n  };\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction shouldApplyOverscrollPrevention(platform) {\n  return platform !== \"linux\";\n}\nfunction initOverscrollPrevention(targetDocument = document, platform = window.__electrobunPlatform) {\n  if (!shouldApplyOverscrollPrevention(platform))\n    return;\n  targetDocument.addEventListener(\"DOMContentLoaded\", () => {\n    const style = targetDocument.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(targetDocument.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    targetDocument.head.appendChild(style);\n  });\n}\n\n// src/preload/index.ts\ninitEncryption().catch((err) => console.error(\"Failed to initialize encryption:\", err));\nvar internalMessageHandler = (msg) => {\n  handleResponse(msg);\n};\nvar defaultUserMessageHandler = (msg) => {\n  if (!window.__electrobunPendingHostMessages) {\n    window.__electrobunPendingHostMessages = [];\n  }\n  window.__electrobunPendingHostMessages.push(msg);\n};\nif (!window.__electrobun) {\n  window.__electrobun = {\n    receiveInternalMessageFromHost: internalMessageHandler,\n    receiveMessageFromHost: defaultUserMessageHandler,\n    receiveInternalMessageFromBun: internalMessageHandler,\n    receiveMessageFromBun: defaultUserMessageHandler\n  };\n} else {\n  window.__electrobun.receiveInternalMessageFromHost = internalMessageHandler;\n  window.__electrobun.receiveMessageFromHost = defaultUserMessageHandler;\n  window.__electrobun.receiveInternalMessageFromBun = internalMessageHandler;\n  window.__electrobun.receiveMessageFromBun = defaultUserMessageHandler;\n}\ninitHostMessageBridge();\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\ninitDragRegions();\ninitExternalDropFocusRestoration();\ninitWebviewTag();\ninitWgpuTag();\n})();";
 
 // Minimal preload for sandboxed/untrusted webviews (lifecycle events only, no RPC)
-export const preloadScriptSandboxed = "(function(){// src/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction shouldApplyOverscrollPrevention(platform) {\n  return platform !== \"linux\";\n}\nfunction initOverscrollPrevention(targetDocument = document, platform = window.__electrobunPlatform) {\n  if (!shouldApplyOverscrollPrevention(platform))\n    return;\n  targetDocument.addEventListener(\"DOMContentLoaded\", () => {\n    const style = targetDocument.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(targetDocument.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    targetDocument.head.appendChild(style);\n  });\n}\n\n// src/preload/index-sandboxed.ts\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\n})();";
+export const preloadScriptSandboxed = "(function(){// src/preload/events.ts\nfunction emitWebviewEvent(eventName, detail) {\n  setTimeout(() => {\n    const bridge = window.__electrobunEventBridge || window.__electrobunInternalBridge;\n    bridge?.postMessage(JSON.stringify({\n      id: \"webviewEvent\",\n      type: \"message\",\n      payload: {\n        id: window.__electrobunWebviewId,\n        eventName,\n        detail\n      }\n    }));\n  });\n}\nfunction initHostMessageBridge(targetWindow = window, emit = emitWebviewEvent) {\n  targetWindow.__electrobunSendToHost = (message) => {\n    emit(\"host-message\", JSON.stringify(message));\n  };\n}\nfunction initLifecycleEvents() {\n  window.addEventListener(\"load\", () => {\n    if (window === window.top) {\n      emitWebviewEvent(\"dom-ready\", document.location.href);\n    }\n  });\n  window.addEventListener(\"popstate\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n  window.addEventListener(\"hashchange\", () => {\n    emitWebviewEvent(\"did-navigate-in-page\", window.location.href);\n  });\n}\nvar cmdKeyHeld = false;\nvar cmdKeyTimestamp = 0;\nvar CMD_KEY_THRESHOLD_MS = 500;\nfunction isCmdHeld() {\n  if (cmdKeyHeld)\n    return true;\n  return Date.now() - cmdKeyTimestamp < CMD_KEY_THRESHOLD_MS && cmdKeyTimestamp > 0;\n}\nfunction initCmdClickHandling() {\n  window.addEventListener(\"keydown\", (event) => {\n    if (event.key === \"Meta\" || event.metaKey) {\n      cmdKeyHeld = true;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"keyup\", (event) => {\n    if (event.key === \"Meta\") {\n      cmdKeyHeld = false;\n      cmdKeyTimestamp = Date.now();\n    }\n  }, true);\n  window.addEventListener(\"blur\", () => {\n    cmdKeyHeld = false;\n  });\n  window.addEventListener(\"click\", (event) => {\n    if (event.metaKey || event.ctrlKey) {\n      const anchor = event.target?.closest?.(\"a\");\n      if (anchor && anchor.href) {\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        emitWebviewEvent(\"new-window-open\", JSON.stringify({\n          url: anchor.href,\n          isCmdClick: true,\n          isSPANavigation: false\n        }));\n      }\n    }\n  }, true);\n}\nfunction initSPANavigationInterception() {\n  const originalPushState = history.pushState;\n  const originalReplaceState = history.replaceState;\n  history.pushState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalPushState.apply(this, [state, title, url]);\n  };\n  history.replaceState = function(state, title, url) {\n    if (isCmdHeld() && url) {\n      const resolvedUrl = new URL(String(url), window.location.href).href;\n      emitWebviewEvent(\"new-window-open\", JSON.stringify({\n        url: resolvedUrl,\n        isCmdClick: true,\n        isSPANavigation: true\n      }));\n      return;\n    }\n    return originalReplaceState.apply(this, [state, title, url]);\n  };\n}\nfunction shouldApplyOverscrollPrevention(platform) {\n  return platform !== \"linux\";\n}\nfunction initOverscrollPrevention(targetDocument = document, platform = window.__electrobunPlatform) {\n  if (!shouldApplyOverscrollPrevention(platform))\n    return;\n  targetDocument.addEventListener(\"DOMContentLoaded\", () => {\n    const style = targetDocument.createElement(\"style\");\n    style.type = \"text/css\";\n    style.appendChild(targetDocument.createTextNode(\"html, body { overscroll-behavior: none; }\"));\n    targetDocument.head.appendChild(style);\n  });\n}\n\n// src/preload/index-sandboxed.ts\ninitHostMessageBridge();\ninitLifecycleEvents();\ninitCmdClickHandling();\ninitSPANavigationInterception();\ninitOverscrollPrevention();\n})();";

package/dist/api/preload/events.test.ts

@@ -1,9 +1,29 @@
 import { describe, expect, test } from "bun:test";
 import {
+	initHostMessageBridge,
 	initOverscrollPrevention,
 	shouldApplyOverscrollPrevention,
 } from "./events";
 
+describe("host message bridge", () => {
+	test("serializes messages onto the event-only bridge", () => {
+		const emitted: Array<{ eventName: string; detail: string }> = [];
+		const targetWindow = {} as Window;
+
+		initHostMessageBridge(targetWindow, (eventName, detail) => {
+			emitted.push({ eventName, detail });
+		});
+		targetWindow.__electrobunSendToHost({ type: "ready", count: 2 });
+
+		expect(emitted).toEqual([
+			{
+				eventName: "host-message",
+				detail: '{"type":"ready","count":2}',
+			},
+		]);
+	});
+});
+
 describe("overscroll prevention", () => {
 	test("does not install the root overscroll rule on Linux", () => {
 		let listenerRegistered = false;

package/dist/api/preload/events.ts

@@ -28,6 +28,15 @@ export function emitWebviewEvent(eventName: string, detail: string) {
 	});
 }
 
+export function initHostMessageBridge(
+	targetWindow: Window = window,
+	emit: typeof emitWebviewEvent = emitWebviewEvent,
+) {
+	targetWindow.__electrobunSendToHost = (message: unknown) => {
+		emit("host-message", JSON.stringify(message));
+	};
+}
+
 // Set up standard lifecycle event listeners
 export function initLifecycleEvents() {
 	// Emit dom-ready when page loads (top-level window only)

package/dist/api/preload/index-sandboxed.ts

@@ -11,6 +11,7 @@
 
 import "./globals.d.ts";
 import {
+	initHostMessageBridge,
 	initLifecycleEvents,
 	initCmdClickHandling,
 	initSPANavigationInterception,
@@ -22,6 +23,7 @@ import {
 // No drag regions - sandboxed content shouldn't control window movement
 // No webview tags - sandboxed content cannot create OOPIFs
 
+initHostMessageBridge();
 initLifecycleEvents();
 initCmdClickHandling();
 initSPANavigationInterception();

package/dist/api/preload/index.ts

@@ -22,7 +22,7 @@ import { initExternalDropFocusRestoration } from "./externalDropFocus";
 import { initWebviewTag } from "./webviewTag";
 import { initWgpuTag } from "./wgpuTag";
 import {
-	emitWebviewEvent,
+	initHostMessageBridge,
 	initLifecycleEvents,
 	initCmdClickHandling,
 	initSPANavigationInterception,
@@ -63,12 +63,8 @@ if (!window.__electrobun) {
 	window.__electrobun.receiveMessageFromBun = defaultUserMessageHandler;
 }
 
-// Allow preload scripts to send custom messages to the host webview
-window.__electrobunSendToHost = (message: unknown) => {
-	emitWebviewEvent("host-message", JSON.stringify(message));
-};
-
 // Initialize all features
+initHostMessageBridge();
 initLifecycleEvents();
 initCmdClickHandling();
 initSPANavigationInterception();

package/dist/api/sdks/{bun → main}/core/BuildConfig.ts

@@ -12,8 +12,6 @@ export type BuildConfigType = {
 	channel: string;
 	/** False for dev builds; true for canary, production, and other release channels. */
 	isPackaged: boolean;
-	cefVersion?: string;
-	bunVersion?: string;
 	runtime?: {
 		exitOnLastWindowClosed?: boolean;
 		[key: string]: unknown;

package/dist/api/shared/bridge-payload-ownership.test.ts

@@ -16,7 +16,7 @@ function between(source: string, start: string, end: string): string {
 describe("bridge callback payload ownership", () => {
 	it("copies asynchronous payloads in core and releases them explicitly", () => {
 		const core = read("core/main.zig");
-		const runtime = read("sdks/bun/proc/native.ts");
+		const runtime = read("sdks/main/proc/native.ts");
 
 		expect(core).toContain("dispatchRuntimePostMessage");
 		expect(core).toContain("releaseRuntimeCallbackPayload");

package/dist/api/shared/linux-tray-contract.test.ts

@@ -19,11 +19,11 @@ describe("Linux tray interaction contract", () => {
 		expect(trayDocs).toContain(
 			"Ayatana AppIndicator backend supports tray menus and their actions",
 		);
-		expect(trayDocs).toContain(
-			"does not expose raw primary icon activation",
+		expect(trayDocs).toMatch(
+			/does not\s+expose raw primary icon activation/,
 		);
-		expect(trayDocs).toContain(
-			"Linux apps should use <code>setMenu</code> and handle menu actions",
+		expect(trayDocs).toMatch(
+			/Linux apps should use `setMenu\(\)` and handle\s+menu actions/,
 		);
 		expect(trayDocs).not.toContain(
 			"Fired when the system tray icon is clicked, or when a menu item is clicked",

package/dist/api/shared/package-exports.test.ts

@@ -4,6 +4,7 @@ import {
 	mkdirSync,
 	mkdtempSync,
 	readFileSync,
+	realpathSync,
 	rmSync,
 	writeFileSync,
 } from "node:fs";
@@ -24,27 +25,29 @@ const packageRoot = resolve(import.meta.dir, "../..");
 const manifest = JSON.parse(
 	readFileSync(join(packageRoot, "package.json"), "utf8"),
 ) as PackageManifest;
-const tempRoot = mkdtempSync(join(tmpdir(), "electrobun-package-exports-"));
+const tempRoot = realpathSync(
+	mkdtempSync(join(tmpdir(), "electrobun-package-exports-")),
+);
 const consumerRoot = join(tempRoot, "consumer");
 const stagedPackageRoot = join(consumerRoot, "node_modules", "electrobun");
 
 const focusedImports = {
-	"electrobun/bun/app-menu": "setApplicationMenu",
-	"electrobun/bun/browser-view": "BrowserView",
-	"electrobun/bun/browser-window": "BrowserWindow",
-	"electrobun/bun/build-config": "BuildConfig",
-	"electrobun/bun/context-menu": "showContextMenu",
-	"electrobun/bun/events": "electrobunEventEmitter",
-	"electrobun/bun/gpu-window": "GpuWindow",
-	"electrobun/bun/native": "Screen",
-	"electrobun/bun/paths": "RESOURCES_FOLDER",
-	"electrobun/bun/rpc": "createRPC",
-	"electrobun/bun/socket": "sendMessageToWebviewViaSocket",
-	"electrobun/bun/tray": "Tray",
-	"electrobun/bun/updater": "Updater",
-	"electrobun/bun/utils": "openExternal",
-	"electrobun/bun/webgpu": "webgpu",
-	"electrobun/bun/wgpu-view": "WGPUView",
+	"electrobun/main/app-menu": "setApplicationMenu",
+	"electrobun/main/browser-view": "BrowserView",
+	"electrobun/main/browser-window": "BrowserWindow",
+	"electrobun/main/build-config": "BuildConfig",
+	"electrobun/main/context-menu": "showContextMenu",
+	"electrobun/main/events": "electrobunEventEmitter",
+	"electrobun/main/gpu-window": "GpuWindow",
+	"electrobun/main/native": "Screen",
+	"electrobun/main/paths": "RESOURCES_FOLDER",
+	"electrobun/main/rpc": "createRPC",
+	"electrobun/main/socket": "sendMessageToWebviewViaSocket",
+	"electrobun/main/tray": "Tray",
+	"electrobun/main/updater": "Updater",
+	"electrobun/main/utils": "openExternal",
+	"electrobun/main/webgpu": "webgpu",
+	"electrobun/main/wgpu-view": "WGPUView",
 	"electrobun/rpc": "defineElectrobunRPC",
 } as const;
 
@@ -66,7 +69,7 @@ beforeAll(() => {
 		}),
 	);
 
-	copyApiDirectory("sdks/bun", join(stagedPackageRoot, "dist/api/sdks/bun"));
+	copyApiDirectory("sdks/main", join(stagedPackageRoot, "dist/api/sdks/main"));
 	copyApiDirectory("browser", join(stagedPackageRoot, "dist/api/browser"));
 	copyApiDirectory("shared", join(stagedPackageRoot, "dist/api/shared"));
 	copyApiDirectory("config", join(stagedPackageRoot, "dist/api/config"));
@@ -132,22 +135,31 @@ function reportComparison(
 }
 
 describe("published package exports", () => {
-	test("preserves the existing root, bun, and view entry points", () => {
-		expect(manifest.exports["."]).toBe("./dist/api/sdks/bun/index.ts");
-		expect(manifest.exports["./bun"]).toBe("./dist/api/sdks/bun/index.ts");
+	test("publishes the canonical main SDK and preserves legacy entry points", () => {
+		expect(manifest.exports["."]).toBe("./dist/api/sdks/main/index.ts");
+		expect(manifest.exports["./main"]).toBe("./dist/api/sdks/main/index.ts");
+		expect(manifest.exports["./bun"]).toBe("./dist/api/sdks/main/index.ts");
 		expect(manifest.exports["./view"]).toBe("./dist/api/browser/index.ts");
 	});
 
+	test("maps every deprecated bun subpath to its canonical main target", () => {
+		for (const exportKey of Object.keys(manifest.exports)) {
+			if (!exportKey.startsWith("./main/")) continue;
+			const legacyKey = exportKey.replace("./main/", "./bun/");
+			expect(manifest.exports[legacyKey]).toBe(manifest.exports[exportKey]);
+		}
+	});
+
 	test("maps every focused entry to a published, re-export-only module", () => {
 		for (const specifier of Object.keys(focusedImports)) {
 			const exportKey = `.${specifier.slice("electrobun".length)}`;
 			const target = manifest.exports[exportKey];
 			if (!target) throw new Error(`Missing package export ${exportKey}`);
-			expect(target).toMatch(/^\.\/dist\/api\/sdks\/bun\/entries\/.+\.ts$/);
+			expect(target).toMatch(/^\.\/dist\/api\/sdks\/main\/entries\/.+\.ts$/);
 
 			const sourcePath = join(
 				packageRoot,
-				target.replace("./dist/api/sdks/bun", "src/sdks/bun"),
+				target.replace("./dist/api/sdks/main", "src/sdks/main"),
 			);
 			const source = readFileSync(sourcePath, "utf8");
 			expect(source).not.toMatch(/^\s*import\s/m);
@@ -161,19 +173,35 @@ describe("published package exports", () => {
 		).entries()) {
 			const graph = await bundleImport(`focused-${index}`, specifier, exportName);
 			expect(graph.modules).toBeGreaterThan(1);
-			expect(graph.inputs).not.toContain("dist/api/sdks/bun/index.ts");
+			expect(graph.inputs).not.toContain("dist/api/sdks/main/index.ts");
 		}
 	});
 
+	test("deprecated bun imports resolve through the canonical SDK", async () => {
+		const root = await bundleImport(
+			"legacy-bun-root",
+			"electrobun/bun",
+			"BrowserWindow",
+		);
+		const rpc = await bundleImport(
+			"legacy-bun-rpc",
+			"electrobun/bun/rpc",
+			"createRPC",
+		);
+
+		expect(root.inputs).toContain("dist/api/sdks/main/index.ts");
+		expect(rpc.inputs).not.toContain("dist/api/sdks/main/index.ts");
+	});
+
 	test("pure RPC entry excludes the native and main-process graph", async () => {
 		const root = await bundleImport("root-rpc", "electrobun", "createRPC");
 		const rpc = await bundleImport(
 			"focused-rpc",
-			"electrobun/bun/rpc",
+			"electrobun/main/rpc",
 			"createRPC",
 		);
 
-		expect(rpc.inputs).not.toContain("dist/api/sdks/bun/proc/native.ts");
+		expect(rpc.inputs).not.toContain("dist/api/sdks/main/proc/native.ts");
 		expect(rpc.inputs.some((input) => input.includes("/core/"))).toBe(false);
 		expect(rpc.modules).toBeLessThan(root.modules);
 		expect(rpc.bytes).toBeLessThan(root.bytes);
@@ -184,19 +212,19 @@ describe("published package exports", () => {
 		const root = await bundleImport("root-window", "electrobun", "BrowserWindow");
 		const browserWindow = await bundleImport(
 			"focused-window",
-			"electrobun/bun/browser-window",
+			"electrobun/main/browser-window",
 			"BrowserWindow",
 		);
 		const appMenu = await bundleImport(
 			"focused-menu",
-			"electrobun/bun/app-menu",
+			"electrobun/main/app-menu",
 			"setApplicationMenu",
 		);
 
 		for (const graph of [browserWindow, appMenu]) {
-			expect(graph.inputs).not.toContain("dist/api/sdks/bun/core/Updater.ts");
-			expect(graph.inputs).not.toContain("dist/api/sdks/bun/webGPU.ts");
-			expect(graph.inputs).not.toContain("dist/api/sdks/bun/webgpuAdapter.ts");
+			expect(graph.inputs).not.toContain("dist/api/sdks/main/core/Updater.ts");
+			expect(graph.inputs).not.toContain("dist/api/sdks/main/webGPU.ts");
+			expect(graph.inputs).not.toContain("dist/api/sdks/main/webgpuAdapter.ts");
 			expect(graph.modules).toBeLessThan(root.modules);
 			expect(graph.bytes).toBeLessThan(root.bytes);
 		}

package/dist/api/shared/published-package-contract.test.ts

@@ -55,8 +55,8 @@ describe("published package dependency contract", () => {
 				'export const preloadScript = "";\nexport const preloadScriptSandboxed = "";\n',
 			);
 			cpSync(
-				join(packageDir, "src", "sdks", "bun"),
-				join(publishedApi, "sdks", "bun"),
+				join(packageDir, "src", "sdks", "main"),
+				join(publishedApi, "sdks", "main"),
 				{ recursive: true },
 			);
 
@@ -73,6 +73,11 @@ describe("published package dependency contract", () => {
 				consumerPath,
 				[
 					'import { three, type ElectrobunConfig } from "electrobun";',
+					'import type { BrowserWindow as MainBrowserWindow } from "electrobun/main";',
+					'import type { BrowserWindow as LegacyBrowserWindow } from "electrobun/bun";',
+					"declare const mainWindow: MainBrowserWindow;",
+					"const legacyWindow: LegacyBrowserWindow = mainWindow;",
+					"void legacyWindow;",
 					"const scene: three.Scene = new three.Scene();",
 					"scene.add(new three.Object3D());",
 					"const config = {",
@@ -120,7 +125,7 @@ describe("published package dependency contract", () => {
 
 			if (result.error) throw result.error;
 			expect([result.status, result.stdout, result.stderr]).toEqual([0, "", ""]);
-			expect(manifest.exports["."]).toBe("./dist/api/sdks/bun/index.ts");
+			expect(manifest.exports["."]).toBe("./dist/api/sdks/main/index.ts");
 		} finally {
 			rmSync(tempDir, { force: true, recursive: true });
 		}

package/dist/api/shared/spell-check.test.js

@@ -37,8 +37,8 @@ test("CEF and non-macOS native renderers report unsupported", () => {
 
 test("every main-process SDK exposes initial and runtime controls", () => {
 	const files = [
-		"sdks/bun/core/BrowserView.ts",
-		"sdks/bun/core/BrowserWindow.ts",
+		"sdks/main/core/BrowserView.ts",
+		"sdks/main/core/BrowserWindow.ts",
 		"sdks/zig/electrobun.zig",
 		"sdks/rust/electrobun.rs",
 		"sdks/go/electrobun.go",

package/dist/api/shared/window-visibility.test.ts

@@ -23,8 +23,8 @@ describe("native window visibility contract", () => {
 
 	it("exports one core ABI symbol and loads it in every SDK", () => {
 		const core = read("core/main.zig");
-		const bunWindow = read("sdks/bun/core/BrowserWindow.ts");
-		const bunNative = read("sdks/bun/proc/native.ts");
+		const bunWindow = read("sdks/main/core/BrowserWindow.ts");
+		const bunNative = read("sdks/main/proc/native.ts");
 		const zig = read("sdks/zig/electrobun.zig");
 		const rust = read("sdks/rust/electrobun.rs");
 		const go = read("sdks/go/electrobun.go");

package/dist/api/shared/windows-unicode-ui.test.ts

@@ -7,7 +7,7 @@ const nativeWrapper = readFileSync(
 	"utf8",
 );
 const browserView = readFileSync(
-	join(import.meta.dirname, "../sdks/bun/core/BrowserView.ts"),
+	join(import.meta.dirname, "../sdks/main/core/BrowserView.ts"),
 	"utf8",
 );
 const packageBuild = readFileSync(

package/dist/preload-full.js

@@ -1241,6 +1241,11 @@ function emitWebviewEvent(eventName, detail) {
     }));
   });
 }
+function initHostMessageBridge(targetWindow = window, emit = emitWebviewEvent) {
+  targetWindow.__electrobunSendToHost = (message) => {
+    emit("host-message", JSON.stringify(message));
+  };
+}
 function initLifecycleEvents() {
   window.addEventListener("load", () => {
     if (window === window.top) {
@@ -1360,9 +1365,7 @@ if (!window.__electrobun) {
   window.__electrobun.receiveInternalMessageFromBun = internalMessageHandler;
   window.__electrobun.receiveMessageFromBun = defaultUserMessageHandler;
 }
-window.__electrobunSendToHost = (message) => {
-  emitWebviewEvent("host-message", JSON.stringify(message));
-};
+initHostMessageBridge();
 initLifecycleEvents();
 initCmdClickHandling();
 initSPANavigationInterception();

package/dist/preload-sandboxed.js

@@ -13,6 +13,11 @@ function emitWebviewEvent(eventName, detail) {
     }));
   });
 }
+function initHostMessageBridge(targetWindow = window, emit = emitWebviewEvent) {
+  targetWindow.__electrobunSendToHost = (message) => {
+    emit("host-message", JSON.stringify(message));
+  };
+}
 function initLifecycleEvents() {
   window.addEventListener("load", () => {
     if (window === window.top) {
@@ -109,6 +114,7 @@ function initOverscrollPrevention(targetDocument = document, platform = window._
 }
 
 // src/preload/index-sandboxed.ts
+initHostMessageBridge();
 initLifecycleEvents();
 initCmdClickHandling();
 initSPANavigationInterception();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "electrobun",
-	"version": "1.18.4-beta.17",
+	"version": "1.18.4-beta.18",
 	"description": "Build ultra fast, tiny, and cross-platform desktop apps with Typescript.",
 	"license": "MIT",
 	"author": "Blackboard Technologies Inc.",
@@ -12,25 +12,42 @@
 		"typescript"
 	],
 	"exports": {
-		".": "./dist/api/sdks/bun/index.ts",
-		"./bun": "./dist/api/sdks/bun/index.ts",
-		"./bun/app-menu": "./dist/api/sdks/bun/entries/app-menu.ts",
-		"./bun/browser-view": "./dist/api/sdks/bun/entries/browser-view.ts",
-		"./bun/browser-window": "./dist/api/sdks/bun/entries/browser-window.ts",
-		"./bun/build-config": "./dist/api/sdks/bun/entries/build-config.ts",
-		"./bun/context-menu": "./dist/api/sdks/bun/entries/context-menu.ts",
-		"./bun/events": "./dist/api/sdks/bun/entries/events.ts",
-		"./bun/gpu-window": "./dist/api/sdks/bun/entries/gpu-window.ts",
-		"./bun/native": "./dist/api/sdks/bun/entries/native.ts",
-		"./bun/paths": "./dist/api/sdks/bun/entries/paths.ts",
-		"./bun/rpc": "./dist/api/sdks/bun/entries/rpc.ts",
-		"./bun/socket": "./dist/api/sdks/bun/entries/socket.ts",
-		"./bun/tray": "./dist/api/sdks/bun/entries/tray.ts",
-		"./bun/updater": "./dist/api/sdks/bun/entries/updater.ts",
-		"./bun/utils": "./dist/api/sdks/bun/entries/utils.ts",
-		"./bun/webgpu": "./dist/api/sdks/bun/entries/webgpu.ts",
-		"./bun/wgpu-view": "./dist/api/sdks/bun/entries/wgpu-view.ts",
-		"./rpc": "./dist/api/sdks/bun/entries/rpc.ts",
+		".": "./dist/api/sdks/main/index.ts",
+		"./main": "./dist/api/sdks/main/index.ts",
+		"./main/app-menu": "./dist/api/sdks/main/entries/app-menu.ts",
+		"./main/browser-view": "./dist/api/sdks/main/entries/browser-view.ts",
+		"./main/browser-window": "./dist/api/sdks/main/entries/browser-window.ts",
+		"./main/build-config": "./dist/api/sdks/main/entries/build-config.ts",
+		"./main/context-menu": "./dist/api/sdks/main/entries/context-menu.ts",
+		"./main/events": "./dist/api/sdks/main/entries/events.ts",
+		"./main/gpu-window": "./dist/api/sdks/main/entries/gpu-window.ts",
+		"./main/native": "./dist/api/sdks/main/entries/native.ts",
+		"./main/paths": "./dist/api/sdks/main/entries/paths.ts",
+		"./main/rpc": "./dist/api/sdks/main/entries/rpc.ts",
+		"./main/socket": "./dist/api/sdks/main/entries/socket.ts",
+		"./main/tray": "./dist/api/sdks/main/entries/tray.ts",
+		"./main/updater": "./dist/api/sdks/main/entries/updater.ts",
+		"./main/utils": "./dist/api/sdks/main/entries/utils.ts",
+		"./main/webgpu": "./dist/api/sdks/main/entries/webgpu.ts",
+		"./main/wgpu-view": "./dist/api/sdks/main/entries/wgpu-view.ts",
+		"./bun": "./dist/api/sdks/main/index.ts",
+		"./bun/app-menu": "./dist/api/sdks/main/entries/app-menu.ts",
+		"./bun/browser-view": "./dist/api/sdks/main/entries/browser-view.ts",
+		"./bun/browser-window": "./dist/api/sdks/main/entries/browser-window.ts",
+		"./bun/build-config": "./dist/api/sdks/main/entries/build-config.ts",
+		"./bun/context-menu": "./dist/api/sdks/main/entries/context-menu.ts",
+		"./bun/events": "./dist/api/sdks/main/entries/events.ts",
+		"./bun/gpu-window": "./dist/api/sdks/main/entries/gpu-window.ts",
+		"./bun/native": "./dist/api/sdks/main/entries/native.ts",
+		"./bun/paths": "./dist/api/sdks/main/entries/paths.ts",
+		"./bun/rpc": "./dist/api/sdks/main/entries/rpc.ts",
+		"./bun/socket": "./dist/api/sdks/main/entries/socket.ts",
+		"./bun/tray": "./dist/api/sdks/main/entries/tray.ts",
+		"./bun/updater": "./dist/api/sdks/main/entries/updater.ts",
+		"./bun/utils": "./dist/api/sdks/main/entries/utils.ts",
+		"./bun/webgpu": "./dist/api/sdks/main/entries/webgpu.ts",
+		"./bun/wgpu-view": "./dist/api/sdks/main/entries/wgpu-view.ts",
+		"./rpc": "./dist/api/sdks/main/entries/rpc.ts",
 		"./view": "./dist/api/browser/index.ts"
 	},
 	"type": "module",