@elizaos/ui 2.0.0-alpha.49 → 2.0.0-alpha.501

package/packages/app-core/src/utils/asset-url.d.ts

@@ -0,0 +1,24 @@
+type AssetUrlResolveOptions = {
+    currentUrl?: string;
+    baseUrl?: string;
+};
+/**
+ * Resolve an app public asset path into a URL safe across http(s), custom
+ * schemes, and packaged file:// runtimes.
+ */
+export declare function resolveAppAssetUrl(assetPath: string, options?: AssetUrlResolveOptions): string;
+/**
+ * Resolve an API path (e.g. "/api/avatar/vrm") to a full URL reachable from
+ * the renderer. In desktop shells the page origin is electrobun:// or
+ * file://, so bare /api/... paths resolve to the SPA instead of the backend.
+ *
+ * Resolution order: boot `apiBase` → shell-injected `__ELIZAOS_API_BASE__` →
+ * `sessionStorage` fallback. The boot config is the current client-owned
+ * source of truth because `client.setBaseUrl()` updates it whenever the user
+ * switches servers. Injection still beats stale session state from prior
+ * sessions, but it must not override the active runtime target once the client
+ * has changed it.
+ */
+export declare function resolveApiUrl(apiPath: string): string;
+export {};
+//# sourceMappingURL=asset-url.d.ts.map

package/packages/app-core/src/utils/asset-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-url.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/utils/asset-url.ts"],"names":[],"mappings":"AAWA,KAAK,sBAAsB,GAAG;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA0EF;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM,CAgCR;AAgBD;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAYrD"}

package/packages/app-core/src/utils/asset-url.js

@@ -0,0 +1,150 @@
+/**
+ * Resolve app-shipped public assets (e.g. vrms/, animations/) to runtime-safe URLs.
+ *
+ * In packaged desktop builds, the renderer can run on file:// and later navigate to
+ * absolute paths (e.g. /chat). Root-relative assets like /vrms/1.vrm then
+ * resolve to file:///vrms/1.vrm and fail. We lock the asset base URL once from
+ * initial startup and resolve assets against that stable base.
+ */
+import { getBootConfig } from "../config/boot-config";
+import { getElizaApiBase } from "./eliza-globals";
+let cachedRuntimeBaseHref = null;
+function stripLeadingPathMarkers(assetPath) {
+    return assetPath
+        .trim()
+        .replace(/^\.?\//, "")
+        .replace(/^\/+/, "");
+}
+function isAlreadyAbsolute(assetPath) {
+    if (assetPath.startsWith("//"))
+        return true;
+    return /^[A-Za-z][A-Za-z0-9+.-]*:/.test(assetPath);
+}
+function normalizeBaseHref(baseHref) {
+    return baseHref.endsWith("/") ? baseHref : `${baseHref}/`;
+}
+function inferBaseForUrl(url) {
+    if (url.protocol !== "file:")
+        return "/";
+    const pathname = url.pathname || "/";
+    if (pathname.endsWith("/"))
+        return pathname;
+    const lastSlash = pathname.lastIndexOf("/");
+    if (lastSlash < 0)
+        return "/";
+    const tail = pathname.slice(lastSlash + 1);
+    // If the path ends in a file name, use that file's directory.
+    if (tail.includes("."))
+        return pathname.slice(0, lastSlash + 1) || "/";
+    return "/";
+}
+/**
+ * For http/https origins (web + Electrobun dev static server) the static asset
+ * root is always the origin root. We must NOT honor Vite's `base: "./"` here
+ * because relative resolution against the current SPA route URL produces
+ * `/apps/app-heroes/...` etc., which the SPA's catch-all returns HTML for —
+ * silently breaking <img> tags via decode errors.
+ */
+function shouldIgnoreViteBase(url) {
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+function computeBaseHref(currentUrl, baseUrl) {
+    const current = new URL(currentUrl);
+    const explicit = baseUrl?.trim();
+    const base = explicit && !shouldIgnoreViteBase(current)
+        ? explicit
+        : inferBaseForUrl(current);
+    return new URL(base, current).href;
+}
+function runtimeBaseHref() {
+    if (cachedRuntimeBaseHref)
+        return cachedRuntimeBaseHref;
+    if (typeof window === "undefined")
+        return null;
+    const href = window.location?.href;
+    if (typeof href !== "string" || !href)
+        return null;
+    try {
+        const viteBaseUrl = import.meta.env
+            ?.BASE_URL;
+        cachedRuntimeBaseHref = computeBaseHref(href, viteBaseUrl);
+        return cachedRuntimeBaseHref;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Resolve an app public asset path into a URL safe across http(s), custom
+ * schemes, and packaged file:// runtimes.
+ */
+export function resolveAppAssetUrl(assetPath, options) {
+    if (!assetPath)
+        return assetPath;
+    if (isAlreadyAbsolute(assetPath))
+        return assetPath;
+    const normalized = stripLeadingPathMarkers(assetPath);
+    if (!normalized)
+        return normalized;
+    const configuredBaseUrl = getBootConfig().assetBaseUrl?.trim();
+    if (configuredBaseUrl) {
+        try {
+            return new URL(normalized, normalizeBaseHref(configuredBaseUrl)).toString();
+        }
+        catch {
+            // Fall through to local runtime resolution when the configured CDN base is invalid.
+        }
+    }
+    if (options?.currentUrl) {
+        try {
+            const baseHref = computeBaseHref(options.currentUrl, options.baseUrl);
+            return new URL(normalized, baseHref).toString();
+        }
+        catch {
+            return `/${normalized}`;
+        }
+    }
+    const baseHref = runtimeBaseHref();
+    if (!baseHref)
+        return `/${normalized}`;
+    return new URL(normalized, baseHref).toString();
+}
+/** Keep in sync with `ElizaClient` SESSION_STORAGE_API_BASE_KEY. */
+const ELIZA_API_BASE_SESSION_KEY = "elizaos_api_base";
+function readSessionStorageApiBase() {
+    try {
+        if (typeof window === "undefined")
+            return undefined;
+        const raw = window.sessionStorage.getItem(ELIZA_API_BASE_SESSION_KEY);
+        const trimmed = raw?.trim();
+        return trimmed && trimmed.length > 0 ? trimmed : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
+/**
+ * Resolve an API path (e.g. "/api/avatar/vrm") to a full URL reachable from
+ * the renderer. In desktop shells the page origin is electrobun:// or
+ * file://, so bare /api/... paths resolve to the SPA instead of the backend.
+ *
+ * Resolution order: boot `apiBase` → shell-injected `__ELIZAOS_API_BASE__` →
+ * `sessionStorage` fallback. The boot config is the current client-owned
+ * source of truth because `client.setBaseUrl()` updates it whenever the user
+ * switches servers. Injection still beats stale session state from prior
+ * sessions, but it must not override the active runtime target once the client
+ * has changed it.
+ */
+export function resolveApiUrl(apiPath) {
+    const bootRaw = getBootConfig().apiBase?.trim();
+    const boot = bootRaw && bootRaw.length > 0 ? bootRaw : undefined;
+    const injectedRaw = getElizaApiBase()?.trim();
+    const injected = injectedRaw && injectedRaw.length > 0 ? injectedRaw : undefined;
+    const stored = readSessionStorageApiBase();
+    const base = boot ?? injected ?? stored;
+    if (!base)
+        return apiPath;
+    const normalized = base.replace(/\/+$/, "");
+    const suffix = apiPath.startsWith("/") ? apiPath : `/${apiPath}`;
+    return `${normalized}${suffix}`;
+}

package/packages/app-core/src/utils/assistant-text.d.ts

@@ -0,0 +1,2 @@
+export declare function stripAssistantStageDirections(input: string): string;
+//# sourceMappingURL=assistant-text.d.ts.map

package/packages/app-core/src/utils/assistant-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assistant-text.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/utils/assistant-text.ts"],"names":[],"mappings":"AA8KA,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKnE"}

package/packages/app-core/src/utils/assistant-text.js

@@ -0,0 +1,167 @@
+const STAGE_DIRECTION_FIRST_WORDS = new Set([
+    "beam",
+    "beams",
+    "beaming",
+    "blink",
+    "blinks",
+    "blinking",
+    "blush",
+    "blushes",
+    "blushing",
+    "bow",
+    "bows",
+    "bowing",
+    "breathe",
+    "breathes",
+    "breathing",
+    "cheer",
+    "cheers",
+    "cheering",
+    "chuckle",
+    "chuckles",
+    "chuckling",
+    "clap",
+    "claps",
+    "clapping",
+    "cry",
+    "cries",
+    "crying",
+    "curtsy",
+    "curtsies",
+    "curtsying",
+    "dance",
+    "dances",
+    "dancing",
+    "frown",
+    "frowns",
+    "frowning",
+    "gasp",
+    "gasps",
+    "gasping",
+    "gesture",
+    "gestures",
+    "gesturing",
+    "giggle",
+    "giggles",
+    "giggling",
+    "glance",
+    "glances",
+    "glancing",
+    "grin",
+    "grins",
+    "grinning",
+    "laugh",
+    "laughs",
+    "laughing",
+    "lean",
+    "leans",
+    "leaning",
+    "look",
+    "looks",
+    "looking",
+    "nod",
+    "nods",
+    "nodding",
+    "pause",
+    "pauses",
+    "pausing",
+    "point",
+    "points",
+    "pointing",
+    "pose",
+    "poses",
+    "posing",
+    "pout",
+    "pouts",
+    "pouting",
+    "raise",
+    "raises",
+    "raising",
+    "shrug",
+    "shrugs",
+    "shrugging",
+    "sigh",
+    "sighs",
+    "sighing",
+    "smile",
+    "smiles",
+    "smiling",
+    "smirk",
+    "smirks",
+    "smirking",
+    "spin",
+    "spins",
+    "spinning",
+    "stare",
+    "stares",
+    "staring",
+    "stretch",
+    "stretches",
+    "stretching",
+    "sway",
+    "sways",
+    "swaying",
+    "tilt",
+    "tilts",
+    "tilting",
+    "wave",
+    "waves",
+    "waving",
+    "whisper",
+    "whispers",
+    "whispering",
+    "wink",
+    "winks",
+    "winking",
+    "yawn",
+    "yawns",
+    "yawning",
+]);
+function collapseInlineWhitespace(input) {
+    return input.replace(/[ \t]+/g, " ").trim();
+}
+function looksLikeStageDirection(input) {
+    const normalized = collapseInlineWhitespace(input).trim();
+    if (!normalized || normalized.length > 100)
+        return false;
+    // biome-ignore lint/suspicious/noControlCharactersInRegex: intentional ASCII-range check to reject non-ASCII input
+    if (/[^\x00-\x7F]/.test(normalized)) {
+        return false;
+    }
+    const wordMatch = normalized.match(/^[^\w]*([A-Za-z]+)/);
+    if (!wordMatch)
+        return false;
+    const firstWord = wordMatch[1].toLowerCase();
+    return STAGE_DIRECTION_FIRST_WORDS.has(firstWord);
+}
+function stripWrappedStageDirections(input, pattern) {
+    return input.replace(pattern, (match, inner, offset, source) => {
+        const prev = source[offset - 1] ?? "";
+        const next = source[offset + match.length] ?? "";
+        const hasSafeLeftBoundary = offset === 0 || /[\s([{>"'“‘.!?,;:-]/.test(prev);
+        const hasSafeRightBoundary = offset + match.length >= source.length ||
+            /[\s)\]}<"'”’.!?,;:-]/.test(next);
+        if (!hasSafeLeftBoundary ||
+            !hasSafeRightBoundary ||
+            !looksLikeStageDirection(inner)) {
+            return match;
+        }
+        return " ";
+    });
+}
+function tidyAssistantTextSpacing(input) {
+    const safe = input.length > 200_000 ? input.slice(0, 200_000) : input;
+    return safe
+        .replace(/[ \t]+\n/g, "\n")
+        .replace(/\n[ \t]+/g, "\n")
+        .replace(/[ \t]{2,}/g, " ")
+        .replace(/ ?([,.;!?])/g, "$1")
+        .replace(/\(\s+/g, "(")
+        .replace(/\s+\)/g, ")");
+}
+export function stripAssistantStageDirections(input) {
+    let normalized = input;
+    normalized = stripWrappedStageDirections(normalized, /\*([^*\n]+)\*/g);
+    normalized = stripWrappedStageDirections(normalized, /_([^_\n]+)_/g);
+    return tidyAssistantTextSpacing(normalized);
+}

package/packages/app-core/src/utils/browser-tabs-renderer-registry.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 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.
+ */
+export type BrowserTabsRendererImpl = {
+    evaluate: (id: string, script: string, timeoutMs: number) => Promise<{
+        ok: boolean;
+        result?: unknown;
+        error?: string;
+    }>;
+    getTabRect: (id: string) => Promise<{
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null>;
+};
+declare 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 declare const BROWSER_TAB_PRELOAD_SCRIPT = "\n(() => {\n  const send = (payload) => {\n    try {\n      if (typeof window.__electrobunSendToHost === \"function\") {\n        window.__electrobunSendToHost(payload);\n      }\n    } catch (_err) {\n      // No fallback \u2014 if the host bridge is missing, swallow.\n    }\n  };\n\n  const describeValue = (value) => {\n    if (value === null) return \"null\";\n    const t = typeof value;\n    if (t !== \"object\") return t;\n    try {\n      const ctor = value && value.constructor && value.constructor.name;\n      return ctor || \"object\";\n    } catch {\n      return \"object\";\n    }\n  };\n\n  const toCloneable = (value) => {\n    if (value === undefined) return undefined;\n    try {\n      return JSON.parse(JSON.stringify(value));\n    } catch (_err) {\n      let repr;\n      try {\n        repr = String(value);\n      } catch {\n        repr = \"[unprintable value]\";\n      }\n      return {\n        __unserializable: true,\n        type: describeValue(value),\n        repr,\n      };\n    }\n  };\n\n  window.__elizaTabExec = (requestId, script) => {\n    let value;\n    try {\n      // Indirect eval gives the script the global scope, matching the\n      // behaviour of webview.executeJavascript on a top-level webview.\n      value = (0, eval)(script);\n    } catch (err) {\n      send({\n        type: \"__elizaTabExecResult\",\n        requestId,\n        ok: false,\n        error: err && err.message ? String(err.message) : String(err),\n      });\n      return;\n    }\n\n    Promise.resolve(value)\n      .then((resolved) => {\n        send({\n          type: \"__elizaTabExecResult\",\n          requestId,\n          ok: true,\n          result: toCloneable(resolved),\n        });\n      })\n      .catch((err) => {\n        send({\n          type: \"__elizaTabExecResult\",\n          requestId,\n          ok: false,\n          error: err && err.message ? String(err.message) : String(err),\n        });\n      });\n  };\n\n  // \u2500\u2500 Visual cursor + realistic event kit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  // Installed lazily to avoid touching the DOM before the page is ready.\n  // Idempotent \u2014 re-running just returns the existing kit.\n  let kit = null;\n  const ensureKit = () => {\n    if (kit) return kit;\n    if (!document || !document.documentElement) return null;\n\n    let cursorRoot = null;\n    let cursorVisible = false;\n    let cursorPos = { x: 0, y: 0 };\n    let activeAnim = 0;\n\n    const easeOut = (t) => {\n      // Approximation of cubic-bezier(.22,.61,.36,1) \u2014 a brief ease-out.\n      const c = 1 - t;\n      return 1 - c * c * c;\n    };\n\n    const buildCursorRoot = () => {\n      const root = document.createElement(\"div\");\n      root.setAttribute(\"aria-hidden\", \"true\");\n      root.setAttribute(\"data-eliza-cursor\", \"1\");\n      root.style.cssText = [\n        \"position:fixed\",\n        \"left:0\",\n        \"top:0\",\n        \"width:0\",\n        \"height:0\",\n        \"pointer-events:none\",\n        \"z-index:2147483647\",\n        \"display:none\",\n        \"transform:translate3d(0,0,0)\",\n        \"will-change:transform\",\n      ].join(\";\");\n      // Inline SVG arrow + ripple ring. The arrow uses a soft drop-shadow\n      // so it stays visible against any page background.\n      root.innerHTML = [\n        \"<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));'>\",\n        \"  <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'/>\",\n        \"</svg>\",\n        \"<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>\",\n      ].join(\"\");\n      return root;\n    };\n\n    const ensureCursorRoot = () => {\n      if (cursorRoot && cursorRoot.isConnected) return cursorRoot;\n      cursorRoot = buildCursorRoot();\n      document.documentElement.appendChild(cursorRoot);\n      return cursorRoot;\n    };\n\n    const showCursor = () => {\n      cursorVisible = true;\n      const root = ensureCursorRoot();\n      root.style.display = \"block\";\n    };\n    const hideCursor = () => {\n      cursorVisible = false;\n      if (cursorRoot) cursorRoot.style.display = \"none\";\n    };\n\n    const placeCursor = (x, y) => {\n      cursorPos = { x, y };\n      const root = ensureCursorRoot();\n      root.style.transform = \"translate3d(\" + x + \"px,\" + y + \"px,0)\";\n    };\n\n    const moveTo = (target, options) =>\n      new Promise((resolve) => {\n        const root = ensureCursorRoot();\n        if (!cursorVisible) {\n          showCursor();\n          // Snap to current pos so the first move animates from where we are.\n          placeCursor(cursorPos.x || target.x, cursorPos.y || target.y);\n        }\n        const startX = cursorPos.x;\n        const startY = cursorPos.y;\n        const endX = target.x;\n        const endY = target.y;\n        const dur = Math.max(40, Math.min(2000, (options && options.durationMs) || 220));\n        const startedAt = performance.now();\n        const animId = ++activeAnim;\n        const step = (now) => {\n          if (animId !== activeAnim) return; // Superseded by another move.\n          const t = Math.min(1, (now - startedAt) / dur);\n          const eased = easeOut(t);\n          placeCursor(startX + (endX - startX) * eased, startY + (endY - startY) * eased);\n          if (t < 1) {\n            requestAnimationFrame(step);\n          } else {\n            resolve();\n          }\n        };\n        requestAnimationFrame(step);\n      });\n\n    const playRipple = () => {\n      const root = ensureCursorRoot();\n      const ripple = root.querySelector(\"[data-eliza-cursor-ripple]\");\n      if (!ripple) return;\n      ripple.style.transition = \"none\";\n      ripple.style.opacity = \"0.85\";\n      ripple.style.transform = \"scale(0.4)\";\n      // Force layout so the next frame animates.\n      void ripple.offsetWidth;\n      ripple.style.transition = \"transform 320ms ease-out, opacity 320ms ease-out\";\n      ripple.style.opacity = \"0\";\n      ripple.style.transform = \"scale(1.6)\";\n    };\n\n    const clickAt = (target) => moveTo(target).then(() => {\n      playRipple();\n    });\n\n    const highlight = (element, durationMs) => {\n      if (!element || !element.style) return;\n      const prevOutline = element.style.outline;\n      const prevOutlineOffset = element.style.outlineOffset;\n      const prevTransition = element.style.transition;\n      element.style.transition = \"outline-color 180ms ease-out\";\n      element.style.outline = \"2px solid #38bdf8\";\n      element.style.outlineOffset = \"2px\";\n      const dur = Math.max(120, Math.min(2000, durationMs || 360));\n      setTimeout(() => {\n        element.style.outline = prevOutline;\n        element.style.outlineOffset = prevOutlineOffset;\n        element.style.transition = prevTransition;\n      }, dur);\n    };\n\n    const elementCenter = (element) => {\n      const rect = element.getBoundingClientRect();\n      return {\n        x: rect.left + rect.width / 2,\n        y: rect.top + rect.height / 2,\n      };\n    };\n\n    const fireMouseEvent = (target, type, x, y, button, buttons) => {\n      // view is intentionally omitted \u2014 JSDOM rejects window references at\n      // construction time, real browsers fill view in during dispatch, and\n      // React synthetic events don't depend on it.\n      const event = new MouseEvent(type, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        button: button,\n        buttons: buttons,\n        clientX: x,\n        clientY: y,\n        screenX: x,\n        screenY: y,\n      });\n      target.dispatchEvent(event);\n    };\n\n    const firePointerEvent = (target, type, x, y, button, buttons) => {\n      let event;\n      try {\n        event = new PointerEvent(type, {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          pointerId: 1,\n          pointerType: \"mouse\",\n          isPrimary: true,\n          button: button,\n          buttons: buttons,\n          clientX: x,\n          clientY: y,\n          screenX: x,\n          screenY: y,\n        });\n      } catch (_err) {\n        // Older WebKit may not have PointerEvent; fall back to mouse only.\n        return;\n      }\n      target.dispatchEvent(event);\n    };\n\n    const dispatchPointerSequence = (target, options) => {\n      if (!target) return Promise.resolve();\n      const opts = options || {};\n      const center = elementCenter(target);\n      const x = typeof opts.x === \"number\" ? opts.x : center.x;\n      const y = typeof opts.y === \"number\" ? opts.y : center.y;\n      const button = typeof opts.button === \"number\" ? opts.button : 0;\n\n      return moveTo({ x: x, y: y }).then(() => {\n        firePointerEvent(target, \"pointerover\", x, y, button, 0);\n        fireMouseEvent(target, \"mouseover\", x, y, button, 0);\n        firePointerEvent(target, \"pointermove\", x, y, button, 0);\n        fireMouseEvent(target, \"mousemove\", x, y, button, 0);\n        firePointerEvent(target, \"pointerdown\", x, y, button, 1);\n        fireMouseEvent(target, \"mousedown\", x, y, button, 1);\n        // Most form controls expect focus between mousedown and click.\n        if (typeof target.focus === \"function\") {\n          try { target.focus({ preventScroll: true }); } catch (_e) { try { target.focus(); } catch (_e2) {} }\n        }\n        firePointerEvent(target, \"pointerup\", x, y, button, 0);\n        fireMouseEvent(target, \"mouseup\", x, y, button, 0);\n        fireMouseEvent(target, \"click\", x, y, button, 0);\n        if (opts.doubleClick) {\n          fireMouseEvent(target, \"dblclick\", x, y, button, 0);\n        }\n        playRipple();\n      });\n    };\n\n    // React's controlled inputs check the value setter against the\n    // prototype's own descriptor to detect \"real\" user input. Mutating\n    // .value directly bypasses that. This helper sets value via the\n    // prototype descriptor so React/Preact/Solid all see the change.\n    const setNativeValue = (element, value) => {\n      const proto = Object.getPrototypeOf(element);\n      const protoDesc = proto ? Object.getOwnPropertyDescriptor(proto, \"value\") : null;\n      const ownDesc = Object.getOwnPropertyDescriptor(element, \"value\");\n      if (protoDesc && protoDesc.set && (!ownDesc || ownDesc.set !== protoDesc.set)) {\n        protoDesc.set.call(element, value);\n      } else {\n        element.value = value;\n      }\n    };\n\n    const fireKey = (target, type, key) => {\n      const isChar = key.length === 1;\n      const code = isChar\n        ? (/[a-z]/i.test(key) ? \"Key\" + key.toUpperCase() : (\"Digit\" + key))\n        : key;\n      const init = {\n        key: key,\n        code: code,\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n      };\n      try {\n        target.dispatchEvent(new KeyboardEvent(type, init));\n      } catch (_err) {\n        // KeyboardEvent always exists in modern browsers; ignore.\n      }\n    };\n\n    const typeRealistic = (target, text, options) => {\n      if (!target) return Promise.resolve();\n      const opts = options || {};\n      const delay = Math.max(0, Math.min(200, typeof opts.perCharDelayMs === \"number\" ? opts.perCharDelayMs : 18));\n      try { target.focus({ preventScroll: true }); } catch (_e) { try { target.focus(); } catch (_e2) {} }\n      if (opts.replace) {\n        try {\n          if (typeof target.setSelectionRange === \"function\") {\n            target.setSelectionRange(0, (target.value || \"\").length);\n          }\n        } catch (_e) {}\n        setNativeValue(target, \"\");\n        target.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true }));\n      }\n\n      const chars = Array.from(text);\n      let index = 0;\n      const sleep = (ms) => new Promise((r) => setTimeout(r, ms));\n\n      const stepOne = () => {\n        if (index >= chars.length) return Promise.resolve();\n        const ch = chars[index++];\n        fireKey(target, \"keydown\", ch);\n        try {\n          target.dispatchEvent(new InputEvent(\"beforeinput\", { bubbles: true, cancelable: true, composed: true, data: ch, inputType: \"insertText\" }));\n        } catch (_e) {}\n        const next = (target.value || \"\") + ch;\n        setNativeValue(target, next);\n        try {\n          target.dispatchEvent(new InputEvent(\"input\", { bubbles: true, composed: true, data: ch, inputType: \"insertText\" }));\n        } catch (_e) {\n          target.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true }));\n        }\n        fireKey(target, \"keyup\", ch);\n        if (delay > 0) return sleep(delay).then(stepOne);\n        return Promise.resolve().then(stepOne);\n      };\n\n      return stepOne().then(() => {\n        target.dispatchEvent(new Event(\"change\", { bubbles: true, composed: true }));\n      });\n    };\n\n    const setFileInput = async (target, url, options) => {\n      if (!target || target.tagName !== \"INPUT\" || target.type !== \"file\") {\n        throw new Error(\"setFileInput requires an HTMLInputElement of type=file\");\n      }\n      const opts = options || {};\n      const response = await fetch(url, { credentials: \"omit\" });\n      if (!response.ok) {\n        throw new Error(\"setFileInput fetch failed: HTTP \" + response.status);\n      }\n      const blob = await response.blob();\n      const mimeType = opts.mimeType || blob.type || \"application/octet-stream\";\n      const ext = (() => {\n        if (/png/i.test(mimeType)) return \"png\";\n        if (/jpe?g/i.test(mimeType)) return \"jpg\";\n        if (/webp/i.test(mimeType)) return \"webp\";\n        if (/gif/i.test(mimeType)) return \"gif\";\n        return \"bin\";\n      })();\n      const fileName = opts.fileName || \"upload-\" + Date.now() + \".\" + ext;\n      const file = new File([blob], fileName, { type: mimeType });\n      // The DataTransfer constructor is supported in WebKit, Blink, and\n      // Gecko; this is the standard \"set <input type=file> from script\"\n      // workaround. Direct .files= assignment is sandbox-blocked.\n      const dt = new DataTransfer();\n      dt.items.add(file);\n      target.files = dt.files;\n      try { target.focus({ preventScroll: true }); } catch (_e) {}\n      target.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true }));\n      target.dispatchEvent(new Event(\"change\", { bubbles: true, composed: true }));\n      return { name: file.name, size: file.size, type: file.type };\n    };\n\n    kit = {\n      cursor: {\n        moveTo: moveTo,\n        click: clickAt,\n        highlight: highlight,\n        show: showCursor,\n        hide: hideCursor,\n      },\n      dispatchPointerSequence: dispatchPointerSequence,\n      typeRealistic: typeRealistic,\n      setFileInput: setFileInput,\n    };\n    window.__elizaTabKit = kit;\n    return kit;\n  };\n\n  // Defer first-time installation until the document is parseable.\n  if (document && document.documentElement) {\n    ensureKit();\n  } else if (typeof document !== \"undefined\") {\n    document.addEventListener(\"DOMContentLoaded\", () => ensureKit(), { once: true });\n  }\n  // Also re-install after navigations within the same OOPIF (in case the\n  // document was replaced and our cursor root went with it).\n  if (typeof window !== \"undefined\") {\n    window.addEventListener(\"pageshow\", () => ensureKit());\n  }\n\n  // \u2500\u2500 Wallet provider shims \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  // Inject EIP-1193 (window.ethereum) and Phantom-shaped (window.solana,\n  // window.phantom.solana) wallet adapters that route every call through\n  // __electrobunSendToHost to the React host, which forwards to the\n  // existing client.sendBrowserWalletTransaction /\n  // client.sendBrowserSolanaTransaction / etc. The host calls back into\n  // the tab via tag.executeJavascript(\"window.__elizaWalletReply(...)\")\n  // to deliver responses.\n  //\n  // Without this, launchpad pages in our <electrobun-webview> tabs see no\n  // wallet provider and refuse to connect.\n  if (typeof window !== \"undefined\" && !window.__elizaWalletInstalled) {\n    window.__elizaWalletInstalled = true;\n\n    const walletPending = new Map();\n    let nextWalletReq = 1;\n\n    window.__elizaWalletReply = (requestId, payload) => {\n      const entry = walletPending.get(requestId);\n      if (!entry) return;\n      walletPending.delete(requestId);\n      if (payload && typeof payload === \"object\" && payload.error) {\n        entry.reject(new Error(String(payload.error)));\n      } else {\n        entry.resolve(payload && typeof payload === \"object\" ? payload.result : payload);\n      }\n    };\n\n    const callHost = (protocol, method, params) =>\n      new Promise((resolve, reject) => {\n        if (typeof window.__electrobunSendToHost !== \"function\") {\n          reject(new Error(\"Wallet bridge unavailable: not running in an Eliza tab.\"));\n          return;\n        }\n        const requestId = nextWalletReq++;\n        walletPending.set(requestId, { resolve: resolve, reject: reject });\n        window.__electrobunSendToHost({\n          type: \"__elizaWalletRequest\",\n          requestId: requestId,\n          protocol: protocol,\n          method: method,\n          params: params,\n        });\n      });\n\n    // \u2500\u2500 EIP-1193 \u2500\u2500\n    const eventListeners = { accountsChanged: new Set(), chainChanged: new Set(), connect: new Set(), disconnect: new Set() };\n    const ethereum = {\n      isMetaMask: false,\n      isMilady: true,\n      _events: eventListeners,\n      request: (args) => {\n        if (!args || typeof args.method !== \"string\") {\n          return Promise.reject(new Error(\"EIP-1193 request requires {method, params}\"));\n        }\n        return callHost(\"evm\", args.method, args.params);\n      },\n      enable: function () {\n        return this.request({ method: \"eth_requestAccounts\" });\n      },\n      send: function (methodOrPayload, paramsOrCallback) {\n        // Legacy send shapes \u2014 best-effort polyfill.\n        if (typeof methodOrPayload === \"string\") {\n          return this.request({ method: methodOrPayload, params: paramsOrCallback });\n        }\n        if (methodOrPayload && typeof methodOrPayload === \"object\") {\n          return this.request({ method: methodOrPayload.method, params: methodOrPayload.params });\n        }\n        return Promise.reject(new Error(\"Unsupported send shape.\"));\n      },\n      sendAsync: function (payload, callback) {\n        this.request({ method: payload.method, params: payload.params })\n          .then((result) => callback(null, { jsonrpc: \"2.0\", id: payload.id, result: result }))\n          .catch((err) => callback(err, null));\n      },\n      on: (event, listener) => {\n        const set = eventListeners[event];\n        if (set) set.add(listener);\n      },\n      removeListener: (event, listener) => {\n        const set = eventListeners[event];\n        if (set) set.delete(listener);\n      },\n    };\n\n    window.__elizaWalletEmit = (event, payload) => {\n      const set = eventListeners[event];\n      if (!set) return;\n      for (const listener of Array.from(set)) {\n        try { listener(payload); } catch (_e) {}\n      }\n    };\n\n    try {\n      Object.defineProperty(window, \"ethereum\", {\n        value: ethereum,\n        writable: true,\n        configurable: true,\n      });\n    } catch (_err) {\n      // Some pages freeze window.ethereum after their wallet detected it;\n      // fall back to direct assignment when defineProperty is blocked.\n      try { window.ethereum = ethereum; } catch (_e) {}\n    }\n\n    // \u2500\u2500 Solana (Phantom-shaped) \u2500\u2500\n    const solanaListeners = { connect: new Set(), disconnect: new Set(), accountChanged: new Set() };\n    const makePublicKey = (base58) => {\n      if (!base58) return null;\n      const obj = {\n        toBase58: () => base58,\n        toString: () => base58,\n        toBytes: () => {\n          // Best-effort: many launchpads only need toBase58/toString. If\n          // they do call toBytes the result will be wrong, but the lazy\n          // approach avoids bundling a base58 decoder into every tab.\n          // The host-side signing path receives base58 directly, so\n          // round-trip transactions don't depend on this method.\n          throw new Error(\"solana.publicKey.toBytes is not supported by the Eliza tab shim\");\n        },\n        equals: (other) => other && typeof other.toBase58 === \"function\" && other.toBase58() === base58,\n      };\n      return obj;\n    };\n    const solana = {\n      isPhantom: true,\n      isMilady: true,\n      publicKey: null,\n      isConnected: false,\n      connect: async function (options) {\n        const _options = options;\n        const result = await callHost(\"solana\", \"connect\", null);\n        if (result && typeof result.publicKey === \"string\") {\n          this.publicKey = makePublicKey(result.publicKey);\n          this.isConnected = true;\n          for (const listener of Array.from(solanaListeners.connect)) {\n            try { listener(this.publicKey); } catch (_e) {}\n          }\n        }\n        return { publicKey: this.publicKey };\n      },\n      disconnect: async function () {\n        this.publicKey = null;\n        this.isConnected = false;\n        for (const listener of Array.from(solanaListeners.disconnect)) {\n          try { listener(); } catch (_e) {}\n        }\n      },\n      signMessage: async function (message, _encoding) {\n        const bytes = message instanceof Uint8Array ? message : new TextEncoder().encode(String(message));\n        const messageBase64 = btoa(String.fromCharCode.apply(null, Array.from(bytes)));\n        const result = await callHost(\"solana\", \"signMessage\", { messageBase64: messageBase64 });\n        if (!result || typeof result.signatureBase64 !== \"string\") {\n          throw new Error(\"Solana signMessage returned no signature.\");\n        }\n        const sig = atob(result.signatureBase64);\n        const arr = new Uint8Array(sig.length);\n        for (let i = 0; i < sig.length; i += 1) arr[i] = sig.charCodeAt(i);\n        return { signature: arr, publicKey: this.publicKey };\n      },\n      signTransaction: async function (transaction) {\n        const transactionBase64 = await serializeTransactionForHost(transaction);\n        const result = await callHost(\"solana\", \"signTransaction\", { transactionBase64: transactionBase64 });\n        if (!result || typeof result.signedTransactionBase64 !== \"string\") {\n          throw new Error(\"Solana signTransaction returned no signed tx.\");\n        }\n        return deserializeTransactionFromHost(result.signedTransactionBase64, transaction);\n      },\n      signAndSendTransaction: async function (transaction) {\n        const transactionBase64 = await serializeTransactionForHost(transaction);\n        const result = await callHost(\"solana\", \"signAndSendTransaction\", { transactionBase64: transactionBase64 });\n        if (!result || typeof result.signature !== \"string\") {\n          throw new Error(\"Solana signAndSendTransaction returned no signature.\");\n        }\n        return { signature: result.signature };\n      },\n      signAllTransactions: async function (transactions) {\n        const out = [];\n        for (const tx of transactions) {\n          out.push(await this.signTransaction(tx));\n        }\n        return out;\n      },\n      on: (event, listener) => {\n        const set = solanaListeners[event];\n        if (set) set.add(listener);\n      },\n      off: (event, listener) => {\n        const set = solanaListeners[event];\n        if (set) set.delete(listener);\n      },\n      removeListener: (event, listener) => {\n        const set = solanaListeners[event];\n        if (set) set.delete(listener);\n      },\n    };\n\n    // Helper: serialize a Solana Transaction-like object to base64. We\n    // accept a few common shapes \u2014 the launchpad usually hands us either\n    // a VersionedTransaction (has .serialize()) or a legacy Transaction\n    // (has .serialize({verifySignatures:false})).\n    async function serializeTransactionForHost(transaction) {\n      if (!transaction) throw new Error(\"signTransaction requires a transaction\");\n      try {\n        let bytes;\n        if (typeof transaction.serialize === \"function\") {\n          // Legacy Transaction.serialize() throws if signatures aren't\n          // present yet; pass {verifySignatures:false}. VersionedTransaction\n          // ignores the option so it's safe either way.\n          bytes = transaction.serialize({ verifySignatures: false, requireAllSignatures: false });\n        } else if (transaction instanceof Uint8Array) {\n          bytes = transaction;\n        } else {\n          throw new Error(\"Unsupported transaction shape for Eliza wallet bridge\");\n        }\n        let binary = \"\";\n        for (let i = 0; i < bytes.length; i += 1) binary += String.fromCharCode(bytes[i]);\n        return btoa(binary);\n      } catch (err) {\n        throw err instanceof Error ? err : new Error(String(err));\n      }\n    }\n\n    // Best-effort: hand the signed bytes back as the same shape the caller\n    // gave us. Most callers immediately send the result to a Connection\n    // which accepts a serialized buffer \u2014 passing a Uint8Array is safe.\n    function deserializeTransactionFromHost(base64, _original) {\n      const bin = atob(base64);\n      const bytes = new Uint8Array(bin.length);\n      for (let i = 0; i < bin.length; i += 1) bytes[i] = bin.charCodeAt(i);\n      return bytes;\n    }\n\n    try {\n      Object.defineProperty(window, \"solana\", {\n        value: solana,\n        writable: true,\n        configurable: true,\n      });\n    } catch (_err) {\n      try { window.solana = solana; } catch (_e) {}\n    }\n    try {\n      const phantomNs = window.phantom || {};\n      phantomNs.solana = solana;\n      window.phantom = phantomNs;\n    } catch (_err) {}\n\n    // Announce the providers \u2014 EIP-6963 for EVM, wallet-standard for SOL.\n    const announceEthereum = () => {\n      try {\n        const detail = Object.freeze({\n          info: Object.freeze({\n            name: \"Eliza Wallet\",\n            uuid: \"eliza-wallet-bridge\",\n            icon: \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciLz4=\",\n            rdns: \"ai.elizaos.wallet\",\n          }),\n          provider: ethereum,\n        });\n        window.dispatchEvent(new CustomEvent(\"eip6963:announceProvider\", { detail: detail }));\n      } catch (_err) {}\n    };\n    window.addEventListener(\"eip6963:requestProvider\", announceEthereum);\n    setTimeout(announceEthereum, 0);\n  }\n})();\n";
+declare global {
+    interface Window {
+        [REGISTRY_KEY]?: BrowserTabsRendererImpl;
+    }
+}
+export declare function setBrowserTabsRendererImpl(impl: BrowserTabsRendererImpl | null): void;
+export {};
+//# sourceMappingURL=browser-tabs-renderer-registry.d.ts.map

package/packages/app-core/src/utils/browser-tabs-renderer-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-tabs-renderer-registry.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/utils/browser-tabs-renderer-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,CACR,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,KACd,OAAO,CAAC;QAAE,EAAE,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;QAClC,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAC,CAAC;CACX,CAAC;AAEF,QAAA,MAAM,YAAY,EAAG,iCAA0C,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,0BAA0B,mh2BAqrBtC,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,CAAC,YAAY,CAAC,CAAC,EAAE,uBAAuB,CAAC;KAC1C;CACF;AAED,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,uBAAuB,GAAG,IAAI,GACnC,IAAI,CAON"}