@iota-uz/sdk 0.4.44 → 0.5.1

package/dist/index.mjs

@@ -1,755 +0,0 @@
-import { createContext, useContext, useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createRoot } from 'react-dom/client';
-
-// ui/src/applet-core/context/AppletContext.tsx
-var AppletContext = createContext(null);
-var REQUIRED_KEYS = ["user", "tenant", "locale", "config", "route", "session"];
-function validateInitialContext(value, windowKey) {
-  if (!value || typeof value !== "object") {
-    throw new Error(`${windowKey}: expected an object, got ${typeof value}`);
-  }
-  const obj = value;
-  const missing = REQUIRED_KEYS.filter((k) => !(k in obj));
-  if (missing.length > 0) {
-    throw new Error(`${windowKey}: missing required keys: ${missing.join(", ")}`);
-  }
-  const user = obj.user;
-  if (!user || typeof user !== "object") {
-    throw new Error(`${windowKey}.user: expected an object, got ${typeof user}`);
-  }
-  if (typeof user.id !== "number") {
-    throw new Error(`${windowKey}.user.id: expected number, got ${typeof user.id}`);
-  }
-  if (!Array.isArray(user.permissions)) {
-    throw new Error(`${windowKey}.user.permissions: expected array, got ${typeof user.permissions}`);
-  }
-  const tenant = obj.tenant;
-  if (!tenant || typeof tenant !== "object") {
-    throw new Error(`${windowKey}.tenant: expected an object, got ${typeof tenant}`);
-  }
-  if (typeof tenant.id !== "string") {
-    throw new Error(`${windowKey}.tenant.id: expected string, got ${typeof tenant.id}`);
-  }
-  const session = obj.session;
-  if (!session || typeof session !== "object") {
-    throw new Error(`${windowKey}.session: expected an object, got ${typeof session}`);
-  }
-  if (typeof session.csrfToken !== "string") {
-    throw new Error(`${windowKey}.session.csrfToken: expected string, got ${typeof session.csrfToken}`);
-  }
-  if (typeof session.expiresAt !== "number") {
-    throw new Error(`${windowKey}.session.expiresAt: expected number, got ${typeof session.expiresAt}`);
-  }
-  if (typeof session.refreshURL !== "string") {
-    throw new Error(`${windowKey}.session.refreshURL: expected string, got ${typeof session.refreshURL}`);
-  }
-  const config = obj.config;
-  if (!config || typeof config !== "object") {
-    throw new Error(`${windowKey}.config: expected object, got ${typeof config}`);
-  }
-  return value;
-}
-function AppletProvider({ children, windowKey, context }) {
-  const raw = context ?? window[windowKey];
-  if (!raw) {
-    throw new Error(`${windowKey} not found on window. Ensure backend context injection is working.`);
-  }
-  const initialContext = validateInitialContext(raw, windowKey);
-  return /* @__PURE__ */ jsx(AppletContext.Provider, { value: initialContext, children });
-}
-function useAppletContext() {
-  const context = useContext(AppletContext);
-  if (!context) {
-    throw new Error("useAppletContext must be used within AppletProvider");
-  }
-  return context;
-}
-var ConfigContext = createContext(null);
-function ConfigProvider({ children, config }) {
-  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children });
-}
-function useConfigContext() {
-  const context = useContext(ConfigContext);
-  if (!context) {
-    throw new Error("useConfigContext must be used within ConfigProvider");
-  }
-  return context;
-}
-
-// ui/src/applet-core/hooks/useAppletContext.ts
-function useAppletContext2(windowKey) {
-  const context = window[windowKey];
-  if (!context) {
-    throw new Error(`${windowKey} not found on window. Ensure backend context injection is working.`);
-  }
-  return context;
-}
-function useAppletExtensions() {
-  const { extensions } = useAppletContext();
-  return useMemo(
-    () => extensions ?? {},
-    [extensions]
-  );
-}
-
-// ui/src/applet-devtools/enabled.ts
-function shouldEnableAppletDevtools() {
-  if (typeof window === "undefined") {
-    return false;
-  }
-  const url = new URL(window.location.href);
-  if (url.searchParams.get("appletDebug") === "1") {
-    return true;
-  }
-  try {
-    return window.localStorage.getItem("iotaAppletDevtools") === "1";
-  } catch {
-    return false;
-  }
-}
-
-// ui/src/applet-host/rpc.ts
-var AppletRPCException = class extends Error {
-  constructor(args) {
-    super(args.message);
-    this.name = "AppletRPCException";
-    this.code = args.code;
-    this.details = args.details;
-    this.cause = args.cause;
-  }
-};
-function createAppletRPCClient(options) {
-  const fetcher = options.fetcher ?? fetch;
-  const timeoutMs = typeof options.timeoutMs === "number" && options.timeoutMs > 0 ? options.timeoutMs : 0;
-  async function call(method, params) {
-    const req = { id: crypto.randomUUID(), method, params };
-    const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
-    const abortController = timeoutMs > 0 ? new AbortController() : void 0;
-    let timeoutHandle;
-    let timedOut = false;
-    maybeDispatchRPCEvent({
-      id: req.id,
-      method: req.method,
-      status: "start"
-    });
-    try {
-      if (abortController) {
-        timeoutHandle = setTimeout(() => {
-          timedOut = true;
-          abortController.abort();
-        }, timeoutMs);
-      }
-      const resp = await fetcher(options.endpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(req),
-        signal: abortController?.signal
-      });
-      if (!resp.ok) {
-        throw new AppletRPCException({
-          code: "http_error",
-          message: `HTTP ${resp.status}`,
-          details: { status: resp.status }
-        });
-      }
-      const json = await resp.json();
-      if (json.error) {
-        throw new AppletRPCException({
-          code: json.error.code,
-          message: json.error.message,
-          details: json.error.details
-        });
-      }
-      if (json.result === void 0) {
-        throw new AppletRPCException({
-          code: "invalid_response",
-          message: "Missing result in successful response"
-        });
-      }
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "success",
-        durationMs: elapsedMs(startedAt)
-      });
-      return json.result;
-    } catch (err) {
-      let rpcErr = err;
-      if (err instanceof Error && err.name === "AbortError") {
-        rpcErr = new AppletRPCException({
-          code: timedOut ? "timeout" : "aborted",
-          message: timedOut ? `RPC request timed out after ${timeoutMs}ms` : "RPC request was aborted",
-          cause: err
-        });
-      }
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "error",
-        durationMs: elapsedMs(startedAt),
-        error: rpcErr
-      });
-      throw rpcErr;
-    } finally {
-      if (timeoutHandle !== void 0) {
-        clearTimeout(timeoutHandle);
-      }
-    }
-  }
-  async function callTyped(method, params) {
-    return call(method, params);
-  }
-  return { call, callTyped };
-}
-function maybeDispatchRPCEvent(detail) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  if (!shouldEnableAppletDevtools()) {
-    return;
-  }
-  window.dispatchEvent(new CustomEvent("iota:applet-rpc", { detail }));
-}
-function elapsedMs(startedAt) {
-  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
-  return Math.max(0, Math.round(now - startedAt));
-}
-
-// ui/src/applet-core/hooks/useAppletRPCClient.ts
-function useAppletRPCClient(options = {}) {
-  const { config, session } = useAppletContext();
-  const endpoint = options.endpoint ?? config.rpcUIEndpoint ?? "/rpc";
-  const baseFetcher = options.fetcher ?? fetch;
-  const csrfToken = session.csrfToken;
-  return useMemo(() => {
-    const fetcher = async (input, init) => {
-      const headers = new Headers(init?.headers ?? void 0);
-      if (csrfToken !== "" && !headers.has("X-CSRF-Token")) {
-        headers.set("X-CSRF-Token", csrfToken);
-      }
-      return baseFetcher(input, {
-        ...init,
-        headers
-      });
-    };
-    return createAppletRPCClient({
-      endpoint,
-      timeoutMs: options.timeoutMs,
-      fetcher
-    });
-  }, [baseFetcher, csrfToken, endpoint, options.timeoutMs]);
-}
-
-// ui/src/applet-core/hooks/useConfig.ts
-function useConfig() {
-  const { config } = useAppletContext();
-  return config;
-}
-
-// ui/src/applet-core/hooks/useUser.ts
-function useUser() {
-  const { user } = useAppletContext();
-  return user;
-}
-
-// ui/src/applet-core/hooks/usePermissions.ts
-function usePermissions() {
-  const { user } = useAppletContext();
-  const hasPermission = (permission) => {
-    return user.permissions.includes(permission);
-  };
-  const hasAnyPermission = (...permissions) => {
-    return permissions.some((p) => user.permissions.includes(p));
-  };
-  return {
-    hasPermission,
-    hasAnyPermission,
-    permissions: user.permissions
-  };
-}
-
-// ui/src/applet-core/hooks/useTranslation.ts
-function useTranslation() {
-  const { locale } = useAppletContext();
-  const t = (key, params) => {
-    let text = locale.translations[key] || key;
-    if (params) {
-      Object.entries(params).forEach(([k, v]) => {
-        text = text.replace(new RegExp(`\\{${k}\\}`, "g"), String(v));
-      });
-    }
-    return text;
-  };
-  return {
-    t,
-    language: locale.language
-  };
-}
-function useSession(options) {
-  const { session } = useAppletContext();
-  const loginPath = options?.loginPath ?? "/login";
-  const isExpiringSoon = useMemo(() => {
-    const bufferMs = 5 * 60 * 1e3;
-    return session.expiresAt - Date.now() < bufferMs;
-  }, [session.expiresAt]);
-  const refreshSession = async () => {
-    const response = await fetch(session.refreshURL, {
-      method: "POST",
-      headers: {
-        "X-CSRF-Token": session.csrfToken
-      }
-    });
-    if (!response.ok) {
-      const returnUrl = encodeURIComponent(window.location.pathname);
-      window.location.href = `${loginPath}?redirect=${returnUrl}`;
-      return;
-    }
-    const newToken = response.headers.get("X-CSRF-Token");
-    if (newToken) {
-      window.dispatchEvent(
-        new CustomEvent("iota:csrf-refresh", {
-          detail: { token: newToken }
-        })
-      );
-    }
-  };
-  return {
-    isExpiringSoon,
-    refreshSession,
-    csrfToken: session.csrfToken,
-    expiresAt: session.expiresAt
-  };
-}
-
-// ui/src/applet-core/hooks/useRoute.ts
-function useRoute() {
-  const { route } = useAppletContext();
-  return route;
-}
-function useStreaming() {
-  const [isStreaming, setIsStreaming] = useState(false);
-  const abortControllerRef = useRef(null);
-  const processStream = useCallback(
-    async (generator, onChunk, signal) => {
-      setIsStreaming(true);
-      const controller = new AbortController();
-      abortControllerRef.current = controller;
-      const onExternalAbort = signal ? () => {
-        controller.abort();
-      } : void 0;
-      if (signal && onExternalAbort) {
-        signal.addEventListener("abort", onExternalAbort);
-      }
-      try {
-        for await (const chunk of generator) {
-          if (controller.signal.aborted) {
-            break;
-          }
-          onChunk(chunk);
-        }
-      } catch (error) {
-        if (controller.signal.aborted) {
-          return;
-        }
-        throw error;
-      } finally {
-        if (signal && onExternalAbort) {
-          signal.removeEventListener("abort", onExternalAbort);
-        }
-        setIsStreaming(false);
-        abortControllerRef.current = null;
-      }
-    },
-    []
-  );
-  const cancel = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-    }
-    setIsStreaming(false);
-  }, []);
-  const reset = useCallback(() => {
-    abortControllerRef.current = null;
-    setIsStreaming(false);
-  }, []);
-  return {
-    isStreaming,
-    processStream,
-    cancel,
-    reset
-  };
-}
-
-// ui/src/applet-core/hooks/useAppletRuntime.ts
-function useAppletRuntime() {
-  const config = useConfig();
-  const basePath = config.basePath ?? "";
-  const normalizedBasePath = basePath.endsWith("/") ? basePath.slice(0, -1) : basePath;
-  const assetsBasePath = config.assetsBasePath ?? `${normalizedBasePath || ""}/assets`;
-  const rpcEndpoint = config.rpcUIEndpoint;
-  const shellMode = config.shellMode;
-  return { basePath: normalizedBasePath, assetsBasePath, rpcEndpoint, shellMode };
-}
-function defineReactAppletElement(options) {
-  const tagName = options.tagName.toLowerCase();
-  const registry = getRegistry();
-  const existing = registry.get(tagName);
-  if (existing) {
-    existing.options = options;
-    for (const a of options.observedAttributes ?? []) {
-      existing.observed.add(a);
-    }
-  } else {
-    const observed = /* @__PURE__ */ new Set(["base-path", "shell-mode", "router-mode"]);
-    for (const a of options.observedAttributes ?? []) {
-      observed.add(a);
-    }
-    registry.set(tagName, { options, observed });
-  }
-  if (customElements.get(tagName)) {
-    if (typeof window !== "undefined") {
-      window.dispatchEvent(new CustomEvent("iota:applet-host-update", { detail: { tagName } }));
-    }
-    return;
-  }
-  function getEntry() {
-    const entry = getRegistry().get(tagName);
-    if (!entry) {
-      throw new Error(`[${tagName}] applet host registry entry missing`);
-    }
-    return entry;
-  }
-  class ReactAppletElement extends HTMLElement {
-    constructor() {
-      super(...arguments);
-      this.reactRoot = null;
-      this.container = null;
-      this.darkModeObserver = null;
-      this.styleEl = null;
-      this.updateListener = null;
-    }
-    static get observedAttributes() {
-      return Array.from(getEntry().observed);
-    }
-    get useShadow() {
-      return getEntry().options.shadow !== false;
-    }
-    /** The root node that holds the container and styles (shadow root or the element itself). Call ensureMountMode() before reading when using shadow. */
-    get styleRoot() {
-      if (!this.useShadow) {
-        return this;
-      }
-      if (!this.shadowRoot) {
-        throw new Error(`[${tagName}] shadowRoot missing; call ensureMountMode() first`);
-      }
-      return this.shadowRoot;
-    }
-    /** Ensures shadow root exists when needed and the React container is in the correct root (shadow or light). */
-    ensureMountMode() {
-      const targetRoot = this.useShadow ? this.shadowRoot ?? this.attachShadow({ mode: "open" }) : this;
-      if (this.container && this.container.parentNode !== targetRoot) {
-        targetRoot.appendChild(this.container);
-      }
-    }
-    connectedCallback() {
-      if (!this.container) {
-        this.container = document.createElement("div");
-        this.container.id = "react-root";
-        this.container.style.display = "flex";
-        this.container.style.flexDirection = "column";
-        this.container.style.flex = "1";
-        this.container.style.minHeight = "0";
-        this.container.style.height = "100%";
-        this.container.style.width = "100%";
-      }
-      this.ensureMountMode();
-      const root = this.styleRoot;
-      const existingContainer = root.querySelector("#react-root");
-      if (!existingContainer) {
-        if (this.useShadow && this.styleEl) {
-          root.appendChild(this.styleEl);
-        }
-        root.appendChild(this.container);
-      } else if (existingContainer !== this.container) {
-        this.container = existingContainer;
-      }
-      this.syncFromRegistry();
-      this.updateListener ?? (this.updateListener = (e) => {
-        if (!(e instanceof CustomEvent)) {
-          return;
-        }
-        const detail = e.detail;
-        if (!detail || detail.tagName !== tagName) {
-          return;
-        }
-        this.syncFromRegistry();
-        this.renderReact();
-      });
-      window.addEventListener("iota:applet-host-update", this.updateListener);
-      this.renderReact();
-    }
-    disconnectedCallback() {
-      if (this.updateListener) {
-        window.removeEventListener("iota:applet-host-update", this.updateListener);
-      }
-      this.darkModeObserver?.disconnect();
-      this.darkModeObserver = null;
-      this.reactRoot?.unmount();
-      this.reactRoot = null;
-      if (this.styleEl) {
-        if (this.styleEl.parentNode === document.head) {
-          releaseLightStyle(tagName);
-        } else {
-          this.styleEl.remove();
-        }
-        this.styleEl = null;
-      }
-    }
-    attributeChangedCallback(_name, oldValue, newValue) {
-      if (oldValue === newValue) {
-        return;
-      }
-      if (this.container) {
-        this.renderReact();
-      }
-    }
-    getHostConfig() {
-      const attrs = {};
-      for (const { name, value } of Array.from(this.attributes)) {
-        attrs[name] = value;
-      }
-      const basePath = this.getAttribute("base-path") ?? "";
-      const shellMode = this.getAttribute("shell-mode") ?? void 0;
-      const routerMode = this.getAttribute("router-mode") ?? "url";
-      return { basePath, shellMode, routerMode, attrs };
-    }
-    renderReact() {
-      if (!this.container) {
-        return;
-      }
-      if (!this.reactRoot) {
-        this.reactRoot = createRoot(this.container);
-      }
-      try {
-        this.reactRoot.render(getEntry().options.render(this.getHostConfig()));
-      } catch (err) {
-        console.error(`[${tagName}] failed to mount React app:`, err);
-      }
-    }
-    syncFromRegistry() {
-      this.ensureMountMode();
-      const entry = getEntry();
-      const styles = typeof entry.options.styles === "function" ? entry.options.styles() : entry.options.styles;
-      if (styles) {
-        if (this.useShadow) {
-          if (this.styleEl && this.styleEl.parentNode === document.head) {
-            releaseLightStyle(tagName);
-            this.styleEl = null;
-          }
-          this.styleEl ?? (this.styleEl = document.createElement("style"));
-          this.styleEl.textContent = styles;
-          if (this.shadowRoot && !this.shadowRoot.contains(this.styleEl)) {
-            this.shadowRoot.insertBefore(this.styleEl, this.shadowRoot.firstChild);
-          }
-        } else {
-          if (this.styleEl && this.shadowRoot?.contains(this.styleEl)) {
-            this.styleEl.remove();
-            this.styleEl = null;
-          }
-          if (this.styleEl && this.styleEl.parentNode !== document.head) {
-            releaseLightStyle(tagName);
-            this.styleEl = null;
-          }
-          if (!this.styleEl) {
-            this.styleEl = getOrCreateLightStyle(tagName, styles);
-          } else {
-            this.styleEl.textContent = styles;
-          }
-          if (!document.head.contains(this.styleEl)) {
-            document.head.appendChild(this.styleEl);
-          }
-        }
-      } else if (this.styleEl) {
-        if (this.styleEl.parentNode === document.head) {
-          releaseLightStyle(tagName);
-        } else {
-          this.styleEl.remove();
-        }
-        this.styleEl = null;
-      }
-      if (entry.options.observeDarkMode !== false) {
-        this.darkModeObserver ?? (this.darkModeObserver = this.syncDarkMode());
-      } else if (this.darkModeObserver) {
-        this.darkModeObserver.disconnect();
-        this.darkModeObserver = null;
-      }
-    }
-    syncDarkMode() {
-      const root = this.container;
-      if (!root) {
-        throw new Error("react root container not found");
-      }
-      const apply = () => {
-        if (document.documentElement.classList.contains("dark")) {
-          root.classList.add("dark");
-        } else {
-          root.classList.remove("dark");
-        }
-      };
-      apply();
-      const observer = new MutationObserver(apply);
-      observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
-      return observer;
-    }
-  }
-  customElements.define(tagName, ReactAppletElement);
-}
-function getRegistry() {
-  const g = globalThis;
-  g.__IOTA_REACT_APPLET_HOST_REGISTRY__ ?? (g.__IOTA_REACT_APPLET_HOST_REGISTRY__ = /* @__PURE__ */ new Map());
-  return g.__IOTA_REACT_APPLET_HOST_REGISTRY__;
-}
-function getLightStyleRegistry() {
-  const g = globalThis;
-  g.__IOTA_REACT_APPLET_LIGHT_STYLES__ ?? (g.__IOTA_REACT_APPLET_LIGHT_STYLES__ = /* @__PURE__ */ new Map());
-  return g.__IOTA_REACT_APPLET_LIGHT_STYLES__;
-}
-function getOrCreateLightStyle(tagName, styles) {
-  const registry = getLightStyleRegistry();
-  let entry = registry.get(tagName);
-  if (!entry) {
-    const el = document.createElement("style");
-    el.id = `${tagName}-styles`;
-    entry = { element: el, refCount: 0 };
-    registry.set(tagName, entry);
-  }
-  entry.refCount++;
-  entry.element.textContent = styles;
-  return entry.element;
-}
-function releaseLightStyle(tagName) {
-  const registry = getLightStyleRegistry();
-  const entry = registry.get(tagName);
-  if (!entry) {
-    return;
-  }
-  entry.refCount--;
-  if (entry.refCount <= 0) {
-    entry.element.remove();
-    registry.delete(tagName);
-  }
-}
-function createAppletRouter(options) {
-  const basePath = options.basePath ?? "";
-  const Router = ({ children }) => {
-    if (options.mode === "memory") {
-      const MemoryRouter = options.MemoryRouter;
-      return /* @__PURE__ */ jsx(MemoryRouter, { children });
-    }
-    const BrowserRouter = options.BrowserRouter;
-    return /* @__PURE__ */ jsx(BrowserRouter, { basename: basePath, children });
-  };
-  return { Router };
-}
-function AppletDevtoolsOverlay() {
-  const ctx = useAppletContext();
-  const runtime = useAppletRuntime();
-  const [rpcEvents, setRPCEvents] = useState([]);
-  useEffect(() => {
-    const onEvent = (e) => {
-      if (!(e instanceof CustomEvent)) {
-        return;
-      }
-      const detail = e.detail;
-      if (!detail) {
-        return;
-      }
-      setRPCEvents((prev) => [detail, ...prev].slice(0, 50));
-    };
-    window.addEventListener("iota:applet-rpc", onEvent);
-    return () => window.removeEventListener("iota:applet-rpc", onEvent);
-  }, []);
-  const summary = useMemo(() => {
-    return {
-      basePath: runtime.basePath,
-      assetsBasePath: runtime.assetsBasePath,
-      rpcEndpoint: runtime.rpcEndpoint,
-      shellMode: runtime.shellMode,
-      route: ctx.route,
-      user: { id: ctx.user.id, email: ctx.user.email },
-      tenant: ctx.tenant
-    };
-  }, [ctx.route, ctx.tenant, ctx.user.email, ctx.user.id, runtime.assetsBasePath, runtime.basePath, runtime.rpcEndpoint, runtime.shellMode]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        right: 12,
-        bottom: 12,
-        width: 420,
-        maxHeight: "60vh",
-        overflow: "auto",
-        background: "rgba(17, 24, 39, 0.92)",
-        color: "#E5E7EB",
-        border: "1px solid rgba(255,255,255,0.12)",
-        borderRadius: 10,
-        padding: 12,
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-        fontSize: 12,
-        zIndex: 2147483647
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: [
-          /* @__PURE__ */ jsx("div", { style: { fontWeight: 700 }, children: "Applet Devtools" }),
-          /* @__PURE__ */ jsx("div", { style: { opacity: 0.7 }, children: runtime.shellMode ?? "unknown" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
-          /* @__PURE__ */ jsx("div", { style: { opacity: 0.85, marginBottom: 4 }, children: "Context" }),
-          /* @__PURE__ */ jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: JSON.stringify(summary, null, 2) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { style: { opacity: 0.85, marginBottom: 4 }, children: "RPC" }),
-          rpcEvents.length === 0 ? /* @__PURE__ */ jsx("div", { style: { opacity: 0.7 }, children: "No calls yet" }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: rpcEvents.map((ev) => /* @__PURE__ */ jsxs("div", { style: { padding: 8, border: "1px solid rgba(255,255,255,0.08)", borderRadius: 8 }, children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
-              /* @__PURE__ */ jsx("div", { children: ev.method }),
-              /* @__PURE__ */ jsxs("div", { style: { opacity: 0.8 }, children: [
-                ev.status,
-                typeof ev.durationMs === "number" ? ` (${ev.durationMs}ms)` : ""
-              ] })
-            ] }),
-            ev.status === "error" ? /* @__PURE__ */ jsx("pre", { style: { margin: "6px 0 0", opacity: 0.8, whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: JSON.stringify(serializeError(ev.error) ?? {}, null, 2) }) : null
-          ] }, `${ev.id}:${ev.status}`)) })
-        ] })
-      ]
-    }
-  );
-}
-function serializeError(err) {
-  if (err instanceof Error) {
-    const out = {
-      name: err.name,
-      message: err.message
-    };
-    if (err.stack) {
-      out.stack = err.stack;
-    }
-    const errRecord = err;
-    if ("code" in err && typeof errRecord.code === "string") {
-      out.code = errRecord.code;
-    }
-    if ("details" in err) {
-      out.details = errRecord.details;
-    }
-    if ("cause" in err) {
-      out.cause = errRecord.cause;
-    }
-    return out;
-  }
-  return err;
-}
-
-export { AppletDevtoolsOverlay, AppletProvider, AppletRPCException, ConfigProvider, createAppletRPCClient, createAppletRouter, defineReactAppletElement, shouldEnableAppletDevtools, useAppletContext, useAppletContext2 as useAppletContextDirect, useAppletExtensions, useAppletRPCClient, useAppletRuntime, useConfig, useConfigContext, usePermissions, useRoute, useSession, useStreaming, useTranslation, useUser };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map