@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.2

package/utils/browser-tabs-renderer-registry.js

@@ -1,1223 +1 @@
-/**
- * Window-global handshake between the BrowserWorkspaceView React component
- * (which owns the live <electrobun-webview> tag refs) and the Electrobun
- * preload bridge (which holds the Electroview RPC handlers that bun calls
- * into for evaluate/snapshot on a tab).
- *
- * Mirror of the type declared in
- * platforms/electrobun/src/bridge/browser-tabs-renderer-registry.ts — both
- * read/write the same `window.__ELIZA_BROWSER_TABS_REGISTRY__` key.
- */
-const REGISTRY_KEY = "__ELIZA_BROWSER_TABS_REGISTRY__";
-/**
- * Preload script string injected into every <electrobun-webview> tab so the
- * host page (running in the main webview) can request a script evaluation
- * via tag.executeJavascript and receive the result back via the
- * `host-message` event channel.
- *
- * Runs inside the OOPIF (the tab's content) before any page scripts. Two
- * surfaces are installed:
- *
- *   1. `window.__elizaTabExec(requestId, script)` — the eval-bridge entry
- *      that the renderer uses for arbitrary script evaluation. Results
- *      return via `__electrobunSendToHost`. `__electrobunSendToHost`
- *      JSON-stringifies the payload, so we pre-clone via
- *      `JSON.parse(JSON.stringify(...))` to surface unserializable results
- *      as a structured `{ __unserializable, type, repr }` marker rather
- *      than letting the native send silently drop them or throw.
- *
- *   2. `window.__elizaTabKit` — see browser-tab-kit-types.ts. Visual cursor
- *      overlay + faithful pointer-event sequences + React-compatible
- *      typing. Used by the agent's realistic-* subactions so the user can
- *      watch the cursor move and so events fire correctly on controlled
- *      inputs.
- */
-export const BROWSER_TAB_PRELOAD_SCRIPT = `
-(() => {
-  const send = (payload) => {
-    try {
-      if (typeof window.__electrobunSendToHost === "function") {
-        window.__electrobunSendToHost(payload);
-      }
-    } catch (_err) {
-      // No fallback — if the host bridge is missing, swallow.
-    }
-  };
-
-  const describeValue = (value) => {
-    if (value === null) return "null";
-    const t = typeof value;
-    if (t !== "object") return t;
-    try {
-      const ctor = value && value.constructor && value.constructor.name;
-      return ctor || "object";
-    } catch {
-      return "object";
-    }
-  };
-
-  const toCloneable = (value) => {
-    if (value === undefined) return undefined;
-    try {
-      return JSON.parse(JSON.stringify(value));
-    } catch (_err) {
-      let repr;
-      try {
-        repr = String(value);
-      } catch {
-        repr = "[unprintable value]";
-      }
-      return {
-        __unserializable: true,
-        type: describeValue(value),
-        repr,
-      };
-    }
-  };
-
-  window.__elizaTabExec = (requestId, script) => {
-    let value;
-    try {
-      // Indirect eval gives the script the global scope, matching the
-      // behaviour of webview.executeJavascript on a top-level webview.
-      value = (0, eval)(script);
-    } catch (err) {
-      send({
-        type: "__elizaTabExecResult",
-        requestId,
-        ok: false,
-        error: err && err.message ? String(err.message) : String(err),
-      });
-      return;
-    }
-
-    Promise.resolve(value)
-      .then((resolved) => {
-        send({
-          type: "__elizaTabExecResult",
-          requestId,
-          ok: true,
-          result: toCloneable(resolved),
-        });
-      })
-      .catch((err) => {
-        send({
-          type: "__elizaTabExecResult",
-          requestId,
-          ok: false,
-          error: err && err.message ? String(err.message) : String(err),
-        });
-      });
-  };
-
-  // ── Visual cursor + realistic event kit ───────────────────────────────
-  // Installed lazily to avoid touching the DOM before the page is ready.
-  // Idempotent — re-running just returns the existing kit.
-  let kit = null;
-  const ensureKit = () => {
-    if (kit) return kit;
-    if (!document || !document.documentElement) return null;
-
-    let cursorRoot = null;
-    let cursorVisible = false;
-    let cursorPos = { x: 0, y: 0 };
-    let activeAnim = 0;
-
-    const easeOut = (t) => {
-      // Approximation of cubic-bezier(.22,.61,.36,1) — a brief ease-out.
-      const c = 1 - t;
-      return 1 - c * c * c;
-    };
-
-    const buildCursorRoot = () => {
-      const root = document.createElement("div");
-      root.setAttribute("aria-hidden", "true");
-      root.setAttribute("data-eliza-cursor", "1");
-      root.style.cssText = [
-        "position:fixed",
-        "left:0",
-        "top:0",
-        "width:0",
-        "height:0",
-        "pointer-events:none",
-        "z-index:2147483647",
-        "display:none",
-        "transform:translate3d(0,0,0)",
-        "will-change:transform",
-      ].join(";");
-      // Inline SVG arrow + ripple ring. The arrow uses a soft drop-shadow
-      // so it stays visible against any page background.
-      root.innerHTML = [
-        "<svg width='28' height='28' viewBox='0 0 28 28' style='display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.45));'>",
-        "  <path d='M3 2 L3 22 L9 16 L13 25 L16 23 L12 14 L20 14 Z' fill='#ffffff' stroke='#111111' stroke-width='1' stroke-linejoin='round'/>",
-        "</svg>",
-        "<div data-eliza-cursor-ripple style='position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;border:2px solid #38bdf8;opacity:0;transform:scale(0.4);transition:transform 220ms ease-out, opacity 220ms ease-out;pointer-events:none;'></div>",
-      ].join("");
-      return root;
-    };
-
-    const ensureCursorRoot = () => {
-      if (cursorRoot && cursorRoot.isConnected) return cursorRoot;
-      cursorRoot = buildCursorRoot();
-      document.documentElement.appendChild(cursorRoot);
-      return cursorRoot;
-    };
-
-    const showCursor = () => {
-      cursorVisible = true;
-      const root = ensureCursorRoot();
-      root.style.display = "block";
-    };
-    const hideCursor = () => {
-      cursorVisible = false;
-      if (cursorRoot) cursorRoot.style.display = "none";
-    };
-
-    const placeCursor = (x, y) => {
-      cursorPos = { x, y };
-      const root = ensureCursorRoot();
-      root.style.transform = "translate3d(" + x + "px," + y + "px,0)";
-    };
-
-    const moveTo = (target, options) =>
-      new Promise((resolve) => {
-        const root = ensureCursorRoot();
-        if (!cursorVisible) {
-          showCursor();
-          // Snap to current pos so the first move animates from where we are.
-          placeCursor(cursorPos.x || target.x, cursorPos.y || target.y);
-        }
-        const startX = cursorPos.x;
-        const startY = cursorPos.y;
-        const endX = target.x;
-        const endY = target.y;
-        const dur = Math.max(40, Math.min(2000, (options && options.durationMs) || 220));
-        const startedAt = performance.now();
-        const animId = ++activeAnim;
-        const step = (now) => {
-          if (animId !== activeAnim) return; // Superseded by another move.
-          const t = Math.min(1, (now - startedAt) / dur);
-          const eased = easeOut(t);
-          placeCursor(startX + (endX - startX) * eased, startY + (endY - startY) * eased);
-          if (t < 1) {
-            requestAnimationFrame(step);
-          } else {
-            resolve();
-          }
-        };
-        requestAnimationFrame(step);
-      });
-
-    const playRipple = () => {
-      const root = ensureCursorRoot();
-      const ripple = root.querySelector("[data-eliza-cursor-ripple]");
-      if (!ripple) return;
-      ripple.style.transition = "none";
-      ripple.style.opacity = "0.85";
-      ripple.style.transform = "scale(0.4)";
-      // Force layout so the next frame animates.
-      void ripple.offsetWidth;
-      ripple.style.transition = "transform 320ms ease-out, opacity 320ms ease-out";
-      ripple.style.opacity = "0";
-      ripple.style.transform = "scale(1.6)";
-    };
-
-    const clickAt = (target) => moveTo(target).then(() => {
-      playRipple();
-    });
-
-    const highlight = (element, durationMs) => {
-      if (!element || !element.style) return;
-      const prevOutline = element.style.outline;
-      const prevOutlineOffset = element.style.outlineOffset;
-      const prevTransition = element.style.transition;
-      element.style.transition = "outline-color 180ms ease-out";
-      element.style.outline = "2px solid #38bdf8";
-      element.style.outlineOffset = "2px";
-      const dur = Math.max(120, Math.min(2000, durationMs || 360));
-      setTimeout(() => {
-        element.style.outline = prevOutline;
-        element.style.outlineOffset = prevOutlineOffset;
-        element.style.transition = prevTransition;
-      }, dur);
-    };
-
-    const elementCenter = (element) => {
-      const rect = element.getBoundingClientRect();
-      return {
-        x: rect.left + rect.width / 2,
-        y: rect.top + rect.height / 2,
-      };
-    };
-
-    const fireMouseEvent = (target, type, x, y, button, buttons) => {
-      // view is intentionally omitted — JSDOM rejects window references at
-      // construction time, real browsers fill view in during dispatch, and
-      // React synthetic events don't depend on it.
-      const event = new MouseEvent(type, {
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-        button: button,
-        buttons: buttons,
-        clientX: x,
-        clientY: y,
-        screenX: x,
-        screenY: y,
-      });
-      target.dispatchEvent(event);
-    };
-
-    const firePointerEvent = (target, type, x, y, button, buttons) => {
-      let event;
-      try {
-        event = new PointerEvent(type, {
-          bubbles: true,
-          cancelable: true,
-          composed: true,
-          pointerId: 1,
-          pointerType: "mouse",
-          isPrimary: true,
-          button: button,
-          buttons: buttons,
-          clientX: x,
-          clientY: y,
-          screenX: x,
-          screenY: y,
-        });
-      } catch (_err) {
-        // Older WebKit may not have PointerEvent; fall back to mouse only.
-        return;
-      }
-      target.dispatchEvent(event);
-    };
-
-    const dispatchPointerSequence = (target, options) => {
-      if (!target) return Promise.resolve();
-      const opts = options || {};
-      const center = elementCenter(target);
-      const x = typeof opts.x === "number" ? opts.x : center.x;
-      const y = typeof opts.y === "number" ? opts.y : center.y;
-      const button = typeof opts.button === "number" ? opts.button : 0;
-
-      return moveTo({ x: x, y: y }).then(() => {
-        firePointerEvent(target, "pointerover", x, y, button, 0);
-        fireMouseEvent(target, "mouseover", x, y, button, 0);
-        firePointerEvent(target, "pointermove", x, y, button, 0);
-        fireMouseEvent(target, "mousemove", x, y, button, 0);
-        firePointerEvent(target, "pointerdown", x, y, button, 1);
-        fireMouseEvent(target, "mousedown", x, y, button, 1);
-        // Most form controls expect focus between mousedown and click.
-        if (typeof target.focus === "function") {
-          try { target.focus({ preventScroll: true }); } catch (_e) { try { target.focus(); } catch (_e2) {} }
-        }
-        firePointerEvent(target, "pointerup", x, y, button, 0);
-        fireMouseEvent(target, "mouseup", x, y, button, 0);
-        fireMouseEvent(target, "click", x, y, button, 0);
-        if (opts.doubleClick) {
-          fireMouseEvent(target, "dblclick", x, y, button, 0);
-        }
-        playRipple();
-      });
-    };
-
-    // React's controlled inputs check the value setter against the
-    // prototype's own descriptor to detect "real" user input. Mutating
-    // .value directly bypasses that. This helper sets value via the
-    // prototype descriptor so React/Preact/Solid all see the change.
-    const setNativeValue = (element, value) => {
-      const proto = Object.getPrototypeOf(element);
-      const protoDesc = proto ? Object.getOwnPropertyDescriptor(proto, "value") : null;
-      const ownDesc = Object.getOwnPropertyDescriptor(element, "value");
-      if (protoDesc && protoDesc.set && (!ownDesc || ownDesc.set !== protoDesc.set)) {
-        protoDesc.set.call(element, value);
-      } else {
-        element.value = value;
-      }
-    };
-
-    const fireKey = (target, type, key) => {
-      const isChar = key.length === 1;
-      const code = isChar
-        ? (/[a-z]/i.test(key) ? "Key" + key.toUpperCase() : ("Digit" + key))
-        : key;
-      const init = {
-        key: key,
-        code: code,
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-      };
-      try {
-        target.dispatchEvent(new KeyboardEvent(type, init));
-      } catch (_err) {
-        // KeyboardEvent always exists in modern browsers; ignore.
-      }
-    };
-
-    const typeRealistic = (target, text, options) => {
-      if (!target) return Promise.resolve();
-      const opts = options || {};
-      const delay = Math.max(0, Math.min(200, typeof opts.perCharDelayMs === "number" ? opts.perCharDelayMs : 18));
-      try { target.focus({ preventScroll: true }); } catch (_e) { try { target.focus(); } catch (_e2) {} }
-      if (opts.replace) {
-        try {
-          if (typeof target.setSelectionRange === "function") {
-            target.setSelectionRange(0, (target.value || "").length);
-          }
-        } catch (_e) {}
-        setNativeValue(target, "");
-        target.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-      }
-
-      const chars = Array.from(text);
-      let index = 0;
-      const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
-
-      const stepOne = () => {
-        if (index >= chars.length) return Promise.resolve();
-        const ch = chars[index++];
-        fireKey(target, "keydown", ch);
-        try {
-          target.dispatchEvent(new InputEvent("beforeinput", { bubbles: true, cancelable: true, composed: true, data: ch, inputType: "insertText" }));
-        } catch (_e) {}
-        const next = (target.value || "") + ch;
-        setNativeValue(target, next);
-        try {
-          target.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true, data: ch, inputType: "insertText" }));
-        } catch (_e) {
-          target.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-        }
-        fireKey(target, "keyup", ch);
-        if (delay > 0) return sleep(delay).then(stepOne);
-        return Promise.resolve().then(stepOne);
-      };
-
-      return stepOne().then(() => {
-        target.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-      });
-    };
-
-    const setFileInput = async (target, url, options) => {
-      if (!target || target.tagName !== "INPUT" || target.type !== "file") {
-        throw new Error("setFileInput requires an HTMLInputElement of type=file");
-      }
-      const opts = options || {};
-      const response = await fetch(url, { credentials: "omit" });
-      if (!response.ok) {
-        throw new Error("setFileInput fetch failed: HTTP " + response.status);
-      }
-      const blob = await response.blob();
-      const mimeType = opts.mimeType || blob.type || "application/octet-stream";
-      const ext = (() => {
-        if (/png/i.test(mimeType)) return "png";
-        if (/jpe?g/i.test(mimeType)) return "jpg";
-        if (/webp/i.test(mimeType)) return "webp";
-        if (/gif/i.test(mimeType)) return "gif";
-        return "bin";
-      })();
-      const fileName = opts.fileName || "upload-" + Date.now() + "." + ext;
-      const file = new File([blob], fileName, { type: mimeType });
-      // The DataTransfer constructor is supported in WebKit, Blink, and
-      // Gecko; this is the standard "set <input type=file> from script"
-      // workaround. Direct .files= assignment is sandbox-blocked.
-      const dt = new DataTransfer();
-      dt.items.add(file);
-      target.files = dt.files;
-      try { target.focus({ preventScroll: true }); } catch (_e) {}
-      target.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
-      target.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-      return { name: file.name, size: file.size, type: file.type };
-    };
-
-    kit = {
-      cursor: {
-        moveTo: moveTo,
-        click: clickAt,
-        highlight: highlight,
-        show: showCursor,
-        hide: hideCursor,
-      },
-      dispatchPointerSequence: dispatchPointerSequence,
-      typeRealistic: typeRealistic,
-      setFileInput: setFileInput,
-    };
-    window.__elizaTabKit = kit;
-    return kit;
-  };
-
-  // Defer first-time installation until the document is parseable.
-  if (document && document.documentElement) {
-    ensureKit();
-  } else if (typeof document !== "undefined") {
-    document.addEventListener("DOMContentLoaded", () => ensureKit(), { once: true });
-  }
-  // Also re-install after navigations within the same OOPIF (in case the
-  // document was replaced and our cursor root went with it).
-  if (typeof window !== "undefined") {
-    window.addEventListener("pageshow", () => ensureKit());
-  }
-
-  // ── Wallet provider shims ────────────────────────────────────────────
-  // Inject EIP-1193 (window.ethereum) and Phantom-shaped (window.solana,
-  // window.phantom.solana) wallet adapters that route every call through
-  // __electrobunSendToHost to the React host, which forwards to the
-  // existing client.sendBrowserWalletTransaction /
-  // client.sendBrowserSolanaTransaction / etc. The host calls back into
-  // the tab via tag.executeJavascript("window.__elizaWalletReply(...)")
-  // to deliver responses.
-  //
-  // Without this, launchpad pages in our <electrobun-webview> tabs see no
-  // wallet provider and refuse to connect.
-  if (typeof window !== "undefined" && !window.__elizaWalletInstalled) {
-    window.__elizaWalletInstalled = true;
-
-    const walletPending = new Map();
-    let nextWalletReq = 1;
-
-    window.__elizaWalletReply = (requestId, payload) => {
-      const entry = walletPending.get(requestId);
-      if (!entry) return;
-      walletPending.delete(requestId);
-      if (payload && typeof payload === "object" && payload.error) {
-        entry.reject(new Error(String(payload.error)));
-      } else {
-        entry.resolve(payload && typeof payload === "object" ? payload.result : payload);
-      }
-    };
-
-    const callHost = (protocol, method, params) =>
-      new Promise((resolve, reject) => {
-        if (typeof window.__electrobunSendToHost !== "function") {
-          reject(new Error("Wallet bridge unavailable: not running in an Eliza tab."));
-          return;
-        }
-        const requestId = nextWalletReq++;
-        walletPending.set(requestId, { resolve: resolve, reject: reject });
-        // Include the page's origin/hostname so the host can show a
-        // "<domain> wants to ..." consent dialog without an extra eval
-        // round-trip.
-        let originValue;
-        let hostnameValue;
-        try {
-          originValue = location.origin;
-          hostnameValue = location.hostname;
-        } catch (_e) {
-          originValue = "";
-          hostnameValue = "";
-        }
-        window.__electrobunSendToHost({
-          type: "__elizaWalletRequest",
-          requestId: requestId,
-          protocol: protocol,
-          method: method,
-          params: params,
-          origin: originValue,
-          hostname: hostnameValue,
-        });
-      });
-
-    // Shared wallet-picker icon. Inline so wallet discovery never depends on
-    // network availability.
-    const ELIZA_WALLET_ICON =
-      "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSI2IiBmaWxsPSIjNmY1Y2ZmIi8+PHRleHQgeD0iNTAlIiB5PSI2OCUiIGZvbnQtZmFtaWx5PSItYXBwbGUtc3lzdGVtLEJsaW5rTWFjU3lzdGVtRm9udCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjZmZmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5NPC90ZXh0Pjwvc3ZnPg==";
-
-    // ── EIP-1193 ──
-    const DEFAULT_EVM_RPCS = {
-      "1": "https://eth.llamarpc.com",
-      "56": "https://bsc-dataseed.bnbchain.org",
-      "8453": "https://mainnet.base.org",
-      "10": "https://mainnet.optimism.io",
-      "42161": "https://arb1.arbitrum.io/rpc",
-      "137": "https://polygon-rpc.com",
-    };
-    let evmChainId = 1;
-    const parseChainId = (value) => {
-      if (typeof value === "number" && Number.isFinite(value)) return value;
-      if (typeof value !== "string") return null;
-      const trimmed = value.trim();
-      if (!trimmed) return null;
-      const parsed = trimmed.startsWith("0x") ? Number.parseInt(trimmed.slice(2), 16) : Number(trimmed);
-      return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
-    };
-    const formatChainId = (value) => "0x" + value.toString(16);
-    const rpc = (method, params) => {
-      const rpcUrl = DEFAULT_EVM_RPCS[String(evmChainId)];
-      if (!rpcUrl) {
-        return Promise.reject(new Error("No public RPC configured for chain " + evmChainId + "."));
-      }
-      return fetch(rpcUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          jsonrpc: "2.0",
-          id: Date.now(),
-          method: method,
-          params: params || [],
-        }),
-      })
-        .then((r) => r.json())
-        .then((payload) => {
-          if (payload && payload.error) {
-            throw new Error(payload.error.message || "RPC request failed.");
-          }
-          return payload ? payload.result : null;
-        });
-    };
-    const eventListeners = { accountsChanged: new Set(), chainChanged: new Set(), connect: new Set(), disconnect: new Set() };
-    const ethereum = {
-      isMetaMask: true,
-      isEliza: true,
-      isElizaWallet: true,
-      selectedAddress: null,
-      chainId: formatChainId(evmChainId),
-      _events: eventListeners,
-      request: (args) => {
-        if (!args || typeof args.method !== "string") {
-          return Promise.reject(new Error("EIP-1193 request requires {method, params}"));
-        }
-        const method = args.method;
-        const params = args.params;
-        if (method === "eth_chainId") {
-          return Promise.resolve(formatChainId(evmChainId));
-        }
-        if (method === "net_version") {
-          return Promise.resolve(String(evmChainId));
-        }
-        if (method === "wallet_addEthereumChain") {
-          const arr = Array.isArray(params) ? params : [params];
-          const next = arr[0] && typeof arr[0] === "object" ? parseChainId(arr[0].chainId) : null;
-          if (next) {
-            evmChainId = next;
-            ethereum.chainId = formatChainId(evmChainId);
-          }
-          return Promise.resolve(null);
-        }
-        if (method === "wallet_switchEthereumChain") {
-          const arr = Array.isArray(params) ? params : [params];
-          const next = arr[0] && typeof arr[0] === "object" ? parseChainId(arr[0].chainId) : null;
-          return callHost("evm", method, params).then((result) => {
-            if (next) {
-              evmChainId = next;
-              ethereum.chainId = formatChainId(evmChainId);
-              for (const listener of Array.from(eventListeners.chainChanged)) {
-                try { listener(ethereum.chainId); } catch (_e) {}
-              }
-            }
-            return result;
-          });
-        }
-        if (method === "eth_requestAccounts") {
-          return callHost("evm", method, params).then((accounts) => {
-            ethereum.selectedAddress = Array.isArray(accounts) ? (accounts[0] || null) : null;
-            for (const listener of Array.from(eventListeners.accountsChanged)) {
-              try { listener(accounts); } catch (_e) {}
-            }
-            if (ethereum.selectedAddress) {
-              for (const listener of Array.from(eventListeners.connect)) {
-                try { listener({ chainId: ethereum.chainId }); } catch (_e) {}
-              }
-            }
-            return accounts;
-          });
-        }
-        if (
-          method === "eth_accounts" ||
-          method === "personal_sign" ||
-          method === "eth_sign" ||
-          method === "eth_sendTransaction" ||
-          method === "eth_signTypedData" ||
-          method === "eth_signTypedData_v4"
-        ) {
-          return callHost("evm", method, params);
-        }
-        return rpc(method, params);
-      },
-      enable: function () {
-        return this.request({ method: "eth_requestAccounts" });
-      },
-      send: function (methodOrPayload, paramsOrCallback) {
-        // Legacy send shapes — best-effort polyfill.
-        if (typeof methodOrPayload === "string") {
-          return this.request({ method: methodOrPayload, params: paramsOrCallback });
-        }
-        if (methodOrPayload && typeof methodOrPayload === "object") {
-          return this.request({ method: methodOrPayload.method, params: methodOrPayload.params });
-        }
-        return Promise.reject(new Error("Unsupported send shape."));
-      },
-      sendAsync: function (payload, callback) {
-        this.request({ method: payload.method, params: payload.params })
-          .then((result) => callback(null, { jsonrpc: "2.0", id: payload.id, result: result }))
-          .catch((err) => callback(err, null));
-      },
-      on: (event, listener) => {
-        const set = eventListeners[event];
-        if (set) set.add(listener);
-      },
-      removeListener: (event, listener) => {
-        const set = eventListeners[event];
-        if (set) set.delete(listener);
-      },
-    };
-
-    window.__elizaWalletEmit = (event, payload) => {
-      const set = eventListeners[event];
-      if (!set) return;
-      for (const listener of Array.from(set)) {
-        try { listener(payload); } catch (_e) {}
-      }
-    };
-
-    try {
-      Object.defineProperty(window, "ethereum", {
-        value: ethereum,
-        writable: true,
-        configurable: true,
-      });
-    } catch (_err) {
-      // Some pages freeze window.ethereum after their wallet detected it;
-      // fall back to direct assignment when defineProperty is blocked.
-      try { window.ethereum = ethereum; } catch (_e) {}
-    }
-
-    // ── Solana (Phantom-shaped + Wallet Standard) ──
-    const solanaListeners = { connect: new Set(), disconnect: new Set(), accountChanged: new Set() };
-    const B58 = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
-    const base58Decode = (value) => {
-      const bytes = [0];
-      for (let i = 0; i < value.length; i += 1) {
-        const c = B58.indexOf(value[i]);
-        if (c < 0) throw new Error("invalid base58");
-        let carry = c;
-        for (let j = 0; j < bytes.length; j += 1) {
-          carry += bytes[j] * 58;
-          bytes[j] = carry & 0xff;
-          carry >>= 8;
-        }
-        while (carry) {
-          bytes.push(carry & 0xff);
-          carry >>= 8;
-        }
-      }
-      for (let k = 0; k < value.length && value[k] === "1"; k += 1) bytes.push(0);
-      return new Uint8Array(bytes.reverse());
-    };
-    const base64ToBytes = (base64) => {
-      const bin = atob(base64);
-      const bytes = new Uint8Array(bin.length);
-      for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);
-      return bytes;
-    };
-    const bytesToBase64 = (bytes) => {
-      let binary = "";
-      for (let i = 0; i < bytes.length; i += 1) binary += String.fromCharCode(bytes[i]);
-      return btoa(binary);
-    };
-    const makePublicKey = (base58) => {
-      if (!base58) return null;
-      const bytes = base58Decode(base58);
-      const obj = {
-        toBase58: () => base58,
-        toString: () => base58,
-        toBytes: () => new Uint8Array(bytes),
-        toBuffer: () => new Uint8Array(bytes),
-        equals: (other) => other && typeof other.toBase58 === "function" && other.toBase58() === base58,
-      };
-      return obj;
-    };
-    const solana = {
-      isPhantom: true,
-      isEliza: true,
-      publicKey: null,
-      isConnected: false,
-      connect: async function (options) {
-        const _options = options;
-        const result = await callHost("solana", "connect", null);
-        if (result && typeof result.publicKey === "string") {
-          this.publicKey = makePublicKey(result.publicKey);
-          this.isConnected = true;
-          for (const listener of Array.from(solanaListeners.connect)) {
-            try { listener(this.publicKey); } catch (_e) {}
-          }
-        }
-        return { publicKey: this.publicKey };
-      },
-      disconnect: async function () {
-        this.publicKey = null;
-        this.isConnected = false;
-        for (const listener of Array.from(solanaListeners.disconnect)) {
-          try { listener(); } catch (_e) {}
-        }
-      },
-      signMessage: async function (message, _encoding) {
-        const bytes = message instanceof Uint8Array ? message : new TextEncoder().encode(String(message));
-        const messageBase64 = bytesToBase64(bytes);
-        const result = await callHost("solana", "signMessage", { messageBase64: messageBase64 });
-        if (!result || typeof result.signatureBase64 !== "string") {
-          throw new Error("Solana signMessage returned no signature.");
-        }
-        return { signature: base64ToBytes(result.signatureBase64), publicKey: this.publicKey };
-      },
-      signTransaction: async function (transaction) {
-        const transactionBase64 = await serializeTransactionForHost(transaction);
-        const result = await callHost("solana", "signTransaction", { transactionBase64: transactionBase64 });
-        if (!result || typeof result.signedTransactionBase64 !== "string") {
-          throw new Error("Solana signTransaction returned no signed tx.");
-        }
-        return deserializeTransactionFromHost(result.signedTransactionBase64, transaction);
-      },
-      signAndSendTransaction: async function (transaction) {
-        const transactionBase64 = await serializeTransactionForHost(transaction);
-        const result = await callHost("solana", "signAndSendTransaction", { transactionBase64: transactionBase64 });
-        if (!result || typeof result.signature !== "string") {
-          throw new Error("Solana signAndSendTransaction returned no signature.");
-        }
-        return { signature: result.signature };
-      },
-      signAllTransactions: async function (transactions) {
-        const out = [];
-        for (const tx of transactions) {
-          out.push(await this.signTransaction(tx));
-        }
-        return out;
-      },
-      on: (event, listener) => {
-        const set = solanaListeners[event];
-        if (set) set.add(listener);
-      },
-      off: (event, listener) => {
-        const set = solanaListeners[event];
-        if (set) set.delete(listener);
-      },
-      removeListener: (event, listener) => {
-        const set = solanaListeners[event];
-        if (set) set.delete(listener);
-      },
-    };
-
-    // Helper: serialize a Solana Transaction-like object to base64. We
-    // accept a few common shapes — the launchpad usually hands us either
-    // a VersionedTransaction (has .serialize()) or a legacy Transaction
-    // (has .serialize({verifySignatures:false})).
-    async function serializeTransactionForHost(transaction) {
-      if (!transaction) throw new Error("signTransaction requires a transaction");
-      try {
-        let bytes;
-        if (typeof transaction.serialize === "function") {
-          // Legacy Transaction.serialize() throws if signatures aren't
-          // present yet; pass {verifySignatures:false}. VersionedTransaction
-          // ignores the option so it's safe either way.
-          bytes = transaction.serialize({ verifySignatures: false, requireAllSignatures: false });
-        } else if (transaction instanceof Uint8Array) {
-          bytes = transaction;
-        } else {
-          throw new Error("Unsupported transaction shape for Eliza wallet bridge");
-        }
-        return bytesToBase64(bytes);
-      } catch (err) {
-        throw err instanceof Error ? err : new Error(String(err));
-      }
-    }
-
-    // Best-effort: hand the signed bytes back as the same transaction class
-    // the caller gave us. Wallet adapters expect Phantom's signTransaction to
-    // return a Transaction/VersionedTransaction, not only serialized bytes.
-    function deserializeTransactionFromHost(base64, original) {
-      const bytes = base64ToBytes(base64);
-      const ctor = original && original.constructor;
-      try {
-        if (ctor && typeof ctor.deserialize === "function") {
-          return ctor.deserialize(bytes);
-        }
-      } catch (_err) {}
-      try {
-        if (ctor && typeof ctor.from === "function") {
-          return ctor.from(bytes);
-        }
-      } catch (_err) {}
-      return {
-        serialize: () => bytes,
-        __signedBytes: bytes,
-      };
-    }
-
-    function makeWalletStandardAccount(publicKeyString) {
-      const publicKey = base58Decode(publicKeyString);
-      return {
-        address: publicKeyString,
-        publicKey: publicKey,
-        chains: ["solana:mainnet", "solana:devnet", "solana:testnet"],
-        features: [
-          "standard:connect",
-          "standard:disconnect",
-          "standard:events",
-          "solana:signMessage",
-          "solana:signTransaction",
-          "solana:signAndSendTransaction",
-        ],
-        label: "Eliza Wallet",
-      };
-    }
-
-    function registerWalletStandard() {
-      let account = null;
-      const ensureAccount = async () => {
-        if (!solana.publicKey || !solana.isConnected) {
-          await solana.connect();
-        }
-        const address = solana.publicKey && solana.publicKey.toBase58();
-        if (!address) throw new Error("Solana wallet did not connect.");
-        account = makeWalletStandardAccount(address);
-        return account;
-      };
-      const wallet = {
-        version: "1.0.0",
-        name: "Eliza Wallet",
-        icon: ELIZA_WALLET_ICON,
-        chains: ["solana:mainnet", "solana:devnet", "solana:testnet"],
-        get accounts() {
-          return account ? [account] : [];
-        },
-        features: {
-          "standard:connect": {
-            version: "1.0.0",
-            connect: async () => ({ accounts: [await ensureAccount()] }),
-          },
-          "standard:disconnect": {
-            version: "1.0.0",
-            disconnect: async () => {
-              await solana.disconnect();
-              account = null;
-            },
-          },
-          "standard:events": {
-            version: "1.0.0",
-            on: (event, listener) => {
-              if (event === "change") {
-                solanaListeners.accountChanged.add(listener);
-                return () => solanaListeners.accountChanged.delete(listener);
-              }
-              return () => {};
-            },
-          },
-          "solana:signMessage": {
-            version: "1.0.0",
-            signMessage: async (input) => {
-              await ensureAccount();
-              const inputs = Array.isArray(input) ? input : [input];
-              return Promise.all(inputs.map(async (entry) => {
-                const result = await callHost("solana", "signMessage", {
-                  messageBase64: bytesToBase64(entry.message),
-                });
-                return {
-                  signedMessage: entry.message,
-                  signature: base64ToBytes(result.signatureBase64),
-                  signatureType: "ed25519",
-                };
-              }));
-            },
-          },
-          "solana:signTransaction": {
-            version: "1.0.0",
-            supportedTransactionVersions: ["legacy", 0],
-            signTransaction: async (input) => {
-              await ensureAccount();
-              const inputs = Array.isArray(input) ? input : [input];
-              return Promise.all(inputs.map(async (entry) => {
-                const result = await callHost("solana", "signTransaction", {
-                  transactionBase64: bytesToBase64(entry.transaction),
-                });
-                return { signedTransaction: base64ToBytes(result.signedTransactionBase64) };
-              }));
-            },
-          },
-          "solana:signAndSendTransaction": {
-            version: "1.0.0",
-            supportedTransactionVersions: ["legacy", 0],
-            signAndSendTransaction: async (input) => {
-              await ensureAccount();
-              const inputs = Array.isArray(input) ? input : [input];
-              return Promise.all(inputs.map(async (entry) => {
-                const result = await callHost("solana", "signAndSendTransaction", {
-                  transactionBase64: bytesToBase64(entry.transaction),
-                });
-                return { signature: base58Decode(result.signature) };
-              }));
-            },
-          },
-        },
-      };
-      const register = (api) => {
-        try {
-          api.register(wallet);
-        } catch (_err) {}
-      };
-      const fireRegister = () => {
-        try {
-          window.dispatchEvent(new CustomEvent("wallet-standard:register-wallet", { detail: register }));
-        } catch (_err) {}
-      };
-      try {
-        window.addEventListener("wallet-standard:app-ready", (event) => {
-          if (event && event.detail) register(event.detail);
-        });
-      } catch (_err) {}
-      fireRegister();
-      if (document.readyState === "loading") {
-        document.addEventListener("DOMContentLoaded", fireRegister, { once: true });
-      }
-      window.addEventListener("load", fireRegister);
-    }
-
-    registerWalletStandard();
-
-    try {
-      Object.defineProperty(window, "solana", {
-        value: solana,
-        writable: true,
-        configurable: true,
-      });
-    } catch (_err) {
-      try { window.solana = solana; } catch (_e) {}
-    }
-    try {
-      const phantomNs = window.phantom || {};
-      phantomNs.solana = solana;
-      window.phantom = phantomNs;
-    } catch (_err) {}
-
-    // Announce the provider per EIP-6963 (https://eips.ethereum.org/EIPS/eip-6963).
-    // Keys:
-    //   uuid — stable per-installation identifier; we use a fixed value
-    //     because dApps key wallet selection on it. Changing this would
-    //     make every dApp forget the user's previous choice.
-    //   rdns — reverse-DNS namespace for the wallet brand.
-    const announceEthereum = () => {
-      try {
-        const detail = Object.freeze({
-          info: Object.freeze({
-            name: "Eliza",
-            uuid: "ai.eliza.wallet:1",
-            icon: ELIZA_WALLET_ICON,
-            rdns: "ai.eliza.wallet",
-          }),
-          provider: ethereum,
-        });
-        window.dispatchEvent(new CustomEvent("eip6963:announceProvider", { detail: detail }));
-      } catch (_err) {}
-    };
-    window.addEventListener("eip6963:requestProvider", announceEthereum);
-    setTimeout(announceEthereum, 0);
-  }
-
-  // ── Vault autofill shim ─────────────────────────────────────────────
-  // Detect login forms on each tab page, ask the host to look up saved
-  // credentials for the current domain, and (with user consent) fill the
-  // username/password inputs. Mirrors the wallet shim's request/reply
-  // pattern: tab→host via __electrobunSendToHost; host→tab via
-  // tag.executeJavascript("window.__elizaVaultReply(...)").
-  //
-  // The host (BrowserWorkspaceView) is responsible for showing a consent
-  // prompt before returning credentials. The tab never autofills without
-  // a host response carrying explicit field values.
-  if (typeof window !== "undefined" && !window.__elizaVaultInstalled) {
-    window.__elizaVaultInstalled = true;
-
-    const vaultPending = new Map();
-    let nextVaultReq = 1;
-
-    window.__elizaVaultReply = (requestId, payload) => {
-      const entry = vaultPending.get(requestId);
-      if (!entry) return;
-      vaultPending.delete(requestId);
-      try {
-        if (payload && typeof payload === "object" && payload.error) {
-          entry.reject(new Error(String(payload.error)));
-          return;
-        }
-        entry.resolve(payload && typeof payload === "object" ? payload : null);
-      } catch (_e) {
-        // Listener errors must not bubble up into the tab page.
-      }
-    };
-
-    function cssSelectorFor(el) {
-      if (!el || el.nodeType !== 1) return null;
-      if (el.id) {
-        // Document.querySelector('#…') only works when the id is a valid
-        // selector token. For complex ids fall through to the structural
-        // path so we never produce an unparsable selector.
-        if (/^[A-Za-z][A-Za-z0-9_-]*$/.test(el.id)) {
-          return "#" + el.id;
-        }
-      }
-      const parts = [];
-      let node = el;
-      let depth = 0;
-      while (node && node.nodeType === 1 && depth < 6) {
-        let part = node.tagName.toLowerCase();
-        const parent = node.parentElement;
-        if (parent) {
-          const sameTag = Array.from(parent.children).filter(
-            (c) => c.tagName === node.tagName,
-          );
-          if (sameTag.length > 1) {
-            const idx = sameTag.indexOf(node) + 1;
-            part += ":nth-of-type(" + idx + ")";
-          }
-        }
-        parts.unshift(part);
-        if (parent === document.body || !parent) break;
-        node = parent;
-        depth += 1;
-      }
-      return parts.join(" > ");
-    }
-
-    function findPrecedingTextInput(passwordInput) {
-      // Walk previous form-field siblings/ancestors looking for a text
-      // or email input that's likely the username.
-      const root = passwordInput.form || document.body;
-      const candidates = root.querySelectorAll(
-        'input[type="text"], input[type="email"], input:not([type])',
-      );
-      let lastBefore = null;
-      for (const el of candidates) {
-        if (
-          el.compareDocumentPosition(passwordInput) &
-          Node.DOCUMENT_POSITION_FOLLOWING
-        ) {
-          lastBefore = el;
-        }
-      }
-      return lastBefore;
-    }
-
-    function setNativeInputValue(input, value) {
-      // React (and other VDOM frameworks) overrides the value setter on
-      // HTMLInputElement.prototype to track changes. Calling the prototype
-      // setter directly bypasses that, then dispatching input + change
-      // events re-notifies the framework so controlled inputs see the
-      // update.
-      const proto = Object.getPrototypeOf(input);
-      const desc = Object.getOwnPropertyDescriptor(proto, "value");
-      if (desc && typeof desc.set === "function") {
-        desc.set.call(input, value);
-      } else {
-        input.value = value;
-      }
-      input.dispatchEvent(new Event("input", { bubbles: true }));
-      input.dispatchEvent(new Event("change", { bubbles: true }));
-    }
-
-    function fillFields(fields) {
-      if (!fields || typeof fields !== "object") return;
-      for (const selector of Object.keys(fields)) {
-        const value = fields[selector];
-        if (typeof value !== "string" || value.length === 0) continue;
-        let target = null;
-        try {
-          target = document.querySelector(selector);
-        } catch (_e) {
-          target = null;
-        }
-        if (!target) continue;
-        setNativeInputValue(target, value);
-      }
-    }
-
-    const callHost = (domain, url, fieldHints) =>
-      new Promise((resolve, reject) => {
-        if (typeof window.__electrobunSendToHost !== "function") {
-          reject(
-            new Error("Vault autofill bridge unavailable: not in an Eliza tab."),
-          );
-          return;
-        }
-        const requestId = nextVaultReq++;
-        vaultPending.set(requestId, { resolve: resolve, reject: reject });
-        window.__electrobunSendToHost({
-          type: "__elizaVaultAutofillRequest",
-          requestId: requestId,
-          domain: domain,
-          url: url,
-          fieldHints: fieldHints,
-        });
-      });
-
-    function scanLoginForms() {
-      const passwords = document.querySelectorAll(
-        'input[type="password"]:not([data-eliza-vault-scanned])',
-      );
-      for (const pw of passwords) {
-        pw.setAttribute("data-eliza-vault-scanned", "1");
-        const form = pw.form;
-        const userInput =
-          (form &&
-            form.querySelector(
-              'input[type="email"], input[name*="user" i], input[name*="email" i], input[name*="login" i]',
-            )) ||
-          findPrecedingTextInput(pw);
-        const fieldHints = [];
-        const pwSelector = cssSelectorFor(pw);
-        if (userInput) {
-          const userSelector = cssSelectorFor(userInput);
-          if (userSelector) {
-            fieldHints.push({ kind: "username", selector: userSelector });
-          }
-        }
-        if (pwSelector) {
-          fieldHints.push({ kind: "password", selector: pwSelector });
-        }
-        if (fieldHints.length === 0) continue;
-        callHost(location.hostname, location.href, fieldHints)
-          .then((payload) => {
-            if (payload && payload.fields) fillFields(payload.fields);
-          })
-          .catch(() => {
-            // User denied, no match, or bridge unavailable. Leave fields
-            // alone so the user can type credentials manually.
-          });
-      }
-    }
-
-    let scanTimer = null;
-    function ensureVaultScan() {
-      if (scanTimer) clearTimeout(scanTimer);
-      scanTimer = setTimeout(() => {
-        scanTimer = null;
-        scanLoginForms();
-      }, 250);
-    }
-
-    if (typeof window !== "undefined") {
-      window.addEventListener("pageshow", ensureVaultScan);
-    }
-    if (typeof MutationObserver === "function" && document.documentElement) {
-      const obs = new MutationObserver(ensureVaultScan);
-      obs.observe(document.documentElement, {
-        childList: true,
-        subtree: true,
-      });
-    }
-    if (document && document.readyState !== "loading") {
-      ensureVaultScan();
-    } else if (typeof document !== "undefined") {
-      document.addEventListener("DOMContentLoaded", () => ensureVaultScan(), {
-        once: true,
-      });
-    }
-  }
-})();
-`;
-export function setBrowserTabsRendererImpl(impl) {
-    if (typeof window === "undefined")
-        return;
-    if (impl) {
-        window[REGISTRY_KEY] = impl;
-    }
-    else {
-        delete window[REGISTRY_KEY];
-    }
-}
+export { BROWSER_TAB_PRELOAD_SCRIPT, setBrowserTabsRendererImpl, } from "@elizaos/shared";