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

package/dist/components/apps/GameViewOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GameViewOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/GameViewOverlay.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,mDAuN9B"}

package/dist/components/apps/GameViewOverlay.js

@@ -1,120 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@elizaos/ui";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApp } from "../../state/index.js";
-import { buildViewerSessionKey, resolveEmbeddedViewerUrl, resolvePostMessageTargetOrigin, resolveViewerReadyEventType, shouldUseEmbeddedAppViewer, } from "./viewer-auth.js";
-export function GameViewOverlay() {
-    const { appRuns, activeGameRunId, activeGameDisplayName, activeGamePostMessageAuth, activeGamePostMessagePayload, activeGameViewerUrl, activeGameSandbox, setState, t, } = useApp();
-    // --- Drag state ---
-    const containerRef = useRef(null);
-    const [pos, setPos] = useState(null);
-    const dragOffset = useRef({ x: 0, y: 0 });
-    const [dragging, setDragging] = useState(false);
-    const iframeRef = useRef(null);
-    const authSentRef = useRef(false);
-    const viewerSessionRef = useRef("");
-    const activeGameRun = useMemo(() => appRuns.find((run) => run.runId === activeGameRunId) ?? null, [activeGameRunId, appRuns]);
-    const useEmbeddedViewer = useMemo(() => shouldUseEmbeddedAppViewer(activeGameRun), [activeGameRun]);
-    const resolvedActiveGameViewerUrl = useMemo(() => resolveEmbeddedViewerUrl(activeGameViewerUrl), [activeGameViewerUrl]);
-    const postMessageTargetOrigin = useMemo(() => resolvePostMessageTargetOrigin(activeGameViewerUrl), [activeGameViewerUrl]);
-    const viewerSessionKey = useMemo(() => buildViewerSessionKey(activeGameViewerUrl, activeGamePostMessagePayload), [activeGamePostMessagePayload, activeGameViewerUrl]);
-    const handleDragStart = useCallback((e) => {
-        e.preventDefault();
-        const rect = containerRef.current?.getBoundingClientRect();
-        if (!rect)
-            return;
-        dragOffset.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
-        setDragging(true);
-        const onMove = (ev) => {
-            setPos({
-                x: ev.clientX - dragOffset.current.x,
-                y: ev.clientY - dragOffset.current.y,
-            });
-        };
-        const onUp = () => {
-            setDragging(false);
-            window.removeEventListener("mousemove", onMove);
-            window.removeEventListener("mouseup", onUp);
-        };
-        window.addEventListener("mousemove", onMove);
-        window.addEventListener("mouseup", onUp);
-    }, []);
-    const handleClose = useCallback(() => {
-        setState("gameOverlayEnabled", false);
-    }, [setState]);
-    const handleExpand = useCallback(() => {
-        setState("gameOverlayEnabled", false);
-        setState("tab", "apps");
-        setState("appsSubTab", "games");
-    }, [setState]);
-    useEffect(() => {
-        if (viewerSessionRef.current !== viewerSessionKey) {
-            viewerSessionRef.current = viewerSessionKey;
-            authSentRef.current = false;
-        }
-    }, [viewerSessionKey]);
-    useEffect(() => {
-        if (!useEmbeddedViewer ||
-            !activeGamePostMessageAuth ||
-            !activeGamePostMessagePayload) {
-            return;
-        }
-        if (authSentRef.current) {
-            return;
-        }
-        const expectedReadyType = resolveViewerReadyEventType(activeGamePostMessagePayload);
-        if (!expectedReadyType) {
-            return;
-        }
-        const onMessage = (event) => {
-            if (authSentRef.current)
-                return;
-            const iframeWindow = iframeRef.current?.contentWindow;
-            if (!iframeWindow || event.source !== iframeWindow)
-                return;
-            if (event.data?.type !== expectedReadyType)
-                return;
-            if (postMessageTargetOrigin !== "*" &&
-                event.origin !== postMessageTargetOrigin) {
-                return;
-            }
-            iframeWindow.postMessage(activeGamePostMessagePayload, postMessageTargetOrigin);
-            authSentRef.current = true;
-        };
-        window.addEventListener("message", onMessage);
-        return () => {
-            window.removeEventListener("message", onMessage);
-        };
-    }, [
-        activeGamePostMessageAuth,
-        activeGamePostMessagePayload,
-        postMessageTargetOrigin,
-        useEmbeddedViewer,
-    ]);
-    if (!resolvedActiveGameViewerUrl ||
-        activeGameRun?.viewerAttachment !== "attached") {
-        return null;
-    }
-    const style = pos
-        ? { left: pos.x, top: pos.y, right: "auto", bottom: "auto" }
-        : { right: 16, bottom: 16 };
-    return (_jsx("div", { className: "fixed inset-0 z-50 pointer-events-none", children: _jsxs("div", { ref: containerRef, className: "absolute w-[480px] h-[360px] pointer-events-auto rounded-xl overflow-hidden flex flex-col", style: {
-                resize: "both",
-                background: "rgba(18, 22, 32, 0.96)",
-                border: "1px solid rgba(240, 178, 50, 0.18)",
-                boxShadow: "0 8px 60px rgba(0,0,0,0.6), 0 0 40px rgba(240,178,50,0.06)",
-                ...style,
-            }, children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 select-none", style: {
-                        cursor: dragging ? "grabbing" : "grab",
-                        background: "rgba(255,255,255,0.04)",
-                        borderBottom: "1px solid rgba(255,255,255,0.08)",
-                    }, children: [_jsx(Button, { variant: "ghost", className: "font-bold text-xs-tight truncate flex-1 text-left cursor-inherit h-auto p-0", style: { color: "rgba(240,238,250,0.92)" }, onMouseDown: handleDragStart, "aria-label": t("aria.dragOverlay"), children: activeGameDisplayName || "Game" }), _jsx(Button, { variant: "outline", size: "sm", className: "text-2xs px-2 py-0.5 h-auto", style: {
-                                border: "1px solid rgba(255,255,255,0.1)",
-                                background: "rgba(255,255,255,0.04)",
-                                color: "rgba(240,238,250,0.92)",
-                            }, onClick: handleExpand, title: t("gameviewoverlay.ExpandBackToApps"), children: t("common.expand") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-2xs px-2 py-0.5 h-auto", style: {
-                                border: "1px solid rgba(255,255,255,0.1)",
-                                background: "rgba(255,255,255,0.04)",
-                                color: "rgba(240,238,250,0.92)",
-                            }, onClick: handleClose, title: t("gameviewoverlay.CloseOverlay"), children: t("common.close") })] }), _jsx("iframe", { ref: iframeRef, src: resolvedActiveGameViewerUrl, sandbox: activeGameSandbox, "data-testid": "game-view-overlay-iframe", className: "flex-1 w-full border-none", title: activeGameDisplayName || "Game Overlay" })] }) }));
-}

package/dist/components/apps/RunningAppsRow.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Square } from "lucide-react";
-import { AppHero } from "./app-identity.js";
-import { getRunAttentionReasons } from "./run-attention.js";
-function getHealthTone(state) {
-    if (state === "healthy") {
-        return { dot: "bg-ok", ring: "shadow-[0_0_0_3px_rgba(16,185,129,0.35)]" };
-    }
-    if (state === "degraded") {
-        return { dot: "bg-warn", ring: "shadow-[0_0_0_3px_rgba(245,158,11,0.35)]" };
-    }
-    return { dot: "bg-danger", ring: "shadow-[0_0_0_3px_rgba(239,68,68,0.35)]" };
-}
-export function RunningAppsRow({ runs, catalogApps, busyRunId, onOpenRun, onStopRun, stoppingRunId, }) {
-    if (runs.length === 0)
-        return null;
-    const catalogAppByName = new Map(catalogApps.map((app) => [app.name, app]));
-    return (_jsxs("section", { "data-testid": "running-apps-row", className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-accent", children: "Running" }), _jsx("div", { className: "h-px flex-1 bg-border/30" })] }), _jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: runs.map((run) => {
-                    const app = catalogAppByName.get(run.appName) ?? {
-                        name: run.appName,
-                        displayName: run.displayName,
-                        category: "utility",
-                        icon: null,
-                    };
-                    const attentionReasons = getRunAttentionReasons(run);
-                    const needsAttention = attentionReasons.length > 0;
-                    const isBusy = busyRunId === run.runId;
-                    const isStopping = stoppingRunId === run.runId;
-                    const tone = getHealthTone(run.health.state);
-                    return (_jsxs("div", { "data-testid": `running-app-card-${run.runId}`, className: "group relative overflow-hidden rounded-2xl border border-accent/35 bg-card/72 shadow-[0_8px_24px_-12px_rgba(0,0,0,0.4)] transition-all hover:border-accent/55 focus-within:ring-2 focus-within:ring-accent/35", children: [_jsxs("button", { type: "button", "aria-label": `Open ${run.displayName}`, "aria-busy": isBusy || undefined, className: "block w-full text-left focus-visible:outline-none", onClick: () => onOpenRun(run), children: [_jsx(AppHero, { app: app, className: "aspect-[5/4] transition-transform duration-300 group-hover:scale-[1.02]" }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 flex items-end p-4 pe-12", children: _jsx("div", { className: "min-w-0 flex-1", children: _jsx("div", { className: "truncate text-sm font-semibold text-white drop-shadow-[0_1px_6px_rgba(0,0,0,0.6)]", children: run.displayName }) }) })] }), _jsx("span", { title: needsAttention ? attentionReasons[0] : run.health.state, className: `pointer-events-none absolute right-4 top-4 h-2.5 w-2.5 rounded-full ${tone.dot} ${tone.ring}` }), needsAttention ? (_jsx("span", { title: attentionReasons[0], className: "pointer-events-none absolute right-10 top-3.5 inline-flex items-center rounded-full border border-warn/40 bg-black/40 px-2 py-0.5 text-[0.56rem] font-semibold uppercase tracking-[0.2em] text-warn backdrop-blur-sm", children: "!" })) : null, onStopRun ? (_jsx("button", { type: "button", "data-testid": `running-app-stop-${run.runId}`, "aria-label": `Stop ${run.displayName}`, disabled: isStopping, className: "absolute bottom-3 right-3 inline-flex h-8 w-8 items-center justify-center rounded-full bg-black/40 text-white/90 backdrop-blur-sm transition-all hover:bg-danger/80 hover:text-white disabled:cursor-not-allowed disabled:opacity-50", onClick: (event) => {
-                                    event.stopPropagation();
-                                    onStopRun(run);
-                                }, children: isStopping ? (_jsx("span", { className: "h-2 w-2 animate-pulse rounded-full bg-white" })) : (_jsx(Square, { className: "h-3.5 w-3.5", "aria-hidden": true })) })) : null] }, run.runId));
-                }) })] }));
-}

package/dist/components/apps/app-identity.d.ts

@@ -1,32 +0,0 @@
-import { type LucideIcon } from "lucide-react";
-export interface AppIdentitySource {
-    name: string;
-    displayName?: string | null;
-    category?: string | null;
-    icon?: string | null;
-    heroImage?: string | null;
-    description?: string | null;
-}
-export declare function iconImageSource(icon: string | null | undefined): string | null;
-/**
- * Convert a heroImage/icon src into a runtime-safe URL.
- *
- * Root-relative paths fail under non-http origins (electrobun://, file://)
- * because the page origin isn't the static asset host. Route them through
- * the appropriate runtime resolver so they hit the API/asset base instead.
- */
-export declare function resolveRuntimeImageUrl(value: string): string;
-export declare function getAppCategoryIcon(app: AppIdentitySource): LucideIcon;
-export declare function AppIdentityTile({ app, active, className, size, imageOnly, }: {
-    app: AppIdentitySource;
-    active?: boolean;
-    className?: string;
-    size?: "sm" | "md";
-    imageOnly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function AppHero({ app, className, imageOnly, }: {
-    app: AppIdentitySource;
-    className?: string;
-    imageOnly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=app-identity.d.ts.map

package/dist/components/apps/app-identity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-identity.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/app-identity.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKL,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAqBD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC9B,MAAM,GAAG,IAAI,CAWf;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAW5D;AAUD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,iBAAiB,GAAG,UAAU,CAiBrE;AAqED,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,MAAc,EACd,SAAc,EACd,IAAW,EACX,SAAiB,GAClB,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CA6DA;AAiCD,wBAAgB,OAAO,CAAC,EACtB,GAAG,EACH,SAAc,EACd,SAAiB,GAClB,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAyEA"}

package/dist/components/apps/app-identity.js

@@ -1,182 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { createGeneratedAppHeroDataUrl, getAppHeroMonogram, getAppHeroThemeKey, } from "@elizaos/shared";
-import { Bot, Briefcase, Gamepad2, Globe2, Sparkles, Wallet, Wrench, } from "lucide-react";
-import { useState } from "react";
-import { resolveApiUrl, resolveAppAssetUrl } from "../../utils/asset-url.js";
-const APP_TILE_PALETTES = [
-    ["#0ea5e9", "#8b5cf6"],
-    ["#10b981", "#14b8a6"],
-    ["#f59e0b", "#f97316"],
-    ["#ef4444", "#f43f5e"],
-    ["#22c55e", "#84cc16"],
-    ["#06b6d4", "#3b82f6"],
-    ["#a855f7", "#ec4899"],
-    ["#64748b", "#0f766e"],
-];
-function hashString(value) {
-    let hash = 0;
-    for (let index = 0; index < value.length; index += 1) {
-        hash = (hash * 31 + value.charCodeAt(index)) | 0;
-    }
-    return Math.abs(hash);
-}
-export function iconImageSource(icon) {
-    const value = icon?.trim();
-    if (!value)
-        return null;
-    if (/^(https?:|data:image\/|blob:|file:|capacitor:|electrobun:|app:|\/|\.\/|\.\.\/)/i.test(value)) {
-        return resolveRuntimeImageUrl(value);
-    }
-    return null;
-}
-/**
- * Convert a heroImage/icon src into a runtime-safe URL.
- *
- * Root-relative paths fail under non-http origins (electrobun://, file://)
- * because the page origin isn't the static asset host. Route them through
- * the appropriate runtime resolver so they hit the API/asset base instead.
- */
-export function resolveRuntimeImageUrl(value) {
-    // Absolute URLs, data/blob URIs, and custom schemes are already runtime-safe.
-    if (/^(https?:|data:|blob:|file:|capacitor:|electrobun:|app:)/i.test(value)) {
-        return value;
-    }
-    // API-served hero endpoints must hit the API base, not the asset CDN.
-    if (value.startsWith("/api/") || value.startsWith("api/")) {
-        return resolveApiUrl(value.startsWith("/") ? value : `/${value}`);
-    }
-    // Static asset under apps/app/public/ — resolves to CDN base in releases.
-    return resolveAppAssetUrl(value);
-}
-function getAppMonogram(app) {
-    return getAppHeroMonogram(app);
-}
-function getAppPalette(name) {
-    return APP_TILE_PALETTES[hashString(name) % APP_TILE_PALETTES.length];
-}
-export function getAppCategoryIcon(app) {
-    switch (getAppHeroThemeKey(app)) {
-        case "play":
-            return Gamepad2;
-        case "chat":
-            return Bot;
-        case "money":
-            return Wallet;
-        case "tools":
-            return Wrench;
-        case "world":
-            return Globe2;
-        case "ops":
-            return Briefcase;
-        default:
-            return Sparkles;
-    }
-}
-function useResolvedAppImageSource(app) {
-    const heroRaw = app.heroImage?.trim() || null;
-    const heroSrc = heroRaw ? resolveRuntimeImageUrl(heroRaw) : null;
-    const iconSrc = iconImageSource(app.icon);
-    const generatedSrc = createGeneratedAppHeroDataUrl(app);
-    const sourceKey = [
-        app.name,
-        app.displayName ?? "",
-        app.category ?? "",
-        app.description ?? "",
-        heroSrc ?? "",
-        iconSrc ?? "",
-    ].join("\u0000");
-    const [failureState, setFailureState] = useState(() => ({
-        sourceKey,
-        failedHeroSrc: null,
-        failedIconSrc: null,
-        generatedFailed: false,
-    }));
-    const currentFailureState = failureState.sourceKey === sourceKey
-        ? failureState
-        : {
-            sourceKey,
-            failedHeroSrc: null,
-            failedIconSrc: null,
-            generatedFailed: false,
-        };
-    const imageSrc = heroSrc && heroSrc !== currentFailureState.failedHeroSrc
-        ? heroSrc
-        : iconSrc && iconSrc !== currentFailureState.failedIconSrc
-            ? iconSrc
-            : !currentFailureState.generatedFailed
-                ? generatedSrc
-                : null;
-    const handleImageError = () => {
-        if (imageSrc === heroSrc && heroSrc) {
-            setFailureState({
-                ...currentFailureState,
-                failedHeroSrc: heroSrc,
-            });
-            return;
-        }
-        if (imageSrc === iconSrc && iconSrc) {
-            setFailureState({
-                ...currentFailureState,
-                failedIconSrc: iconSrc,
-            });
-            return;
-        }
-        if (imageSrc === generatedSrc) {
-            setFailureState({
-                ...currentFailureState,
-                generatedFailed: true,
-            });
-        }
-    };
-    return { imageSrc, handleImageError };
-}
-export function AppIdentityTile({ app, active = false, className = "", size = "md", imageOnly = false, }) {
-    const palette = getAppPalette(app.name);
-    const { imageSrc, handleImageError } = useResolvedAppImageSource(app);
-    const Icon = getAppCategoryIcon(app);
-    const monogram = getAppMonogram(app);
-    const outerSize = size === "sm" ? "h-12 w-12 rounded-2xl" : "h-14 w-14 rounded-[1.15rem]";
-    const iconSize = size === "sm" ? "h-5 w-5" : "h-6 w-6";
-    const monoSize = size === "sm" ? "text-[0.64rem]" : "text-[0.68rem]";
-    const badgeSize = size === "sm" ? "text-[0.56rem]" : "text-[0.58rem]";
-    return (_jsxs("div", { className: `relative shrink-0 overflow-hidden border border-white/10 shadow-sm ring-1 ring-black/5 ${outerSize} ${className}`, style: {
-            backgroundImage: `linear-gradient(135deg, ${palette[0]} 0%, ${palette[1]} 100%)`,
-        }, "aria-hidden": true, children: [!imageOnly ? (_jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_20%_18%,rgba(255,255,255,0.32),transparent_30%),radial-gradient(circle_at_82%_20%,rgba(255,255,255,0.18),transparent_26%),radial-gradient(circle_at_50%_100%,rgba(0,0,0,0.16),transparent_35%)]" })) : null, imageSrc ? (_jsxs(_Fragment, { children: [_jsx("img", { src: imageSrc, alt: "", className: "absolute inset-0 h-full w-full object-cover", loading: "lazy", decoding: "async", onError: handleImageError }), !imageOnly ? _jsx("div", { className: "absolute inset-0 bg-black/10" }) : null] })) : (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 text-white", children: [_jsx(Icon, { className: iconSize, strokeWidth: 2.15 }), _jsx("span", { className: `inline-flex items-center rounded-full border border-white/20 bg-white/12 px-1.5 py-0.5 font-semibold uppercase tracking-[0.18em] text-white ${monoSize}`, children: monogram })] })), active && !imageOnly ? (_jsx("span", { className: "absolute right-1.5 top-1.5 h-2.5 w-2.5 rounded-full border border-card bg-ok shadow-sm" })) : null, !imageOnly ? (_jsx("div", { className: "absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-black/12 to-transparent" })) : null, imageSrc && !imageOnly ? (_jsx("div", { className: `absolute left-1.5 top-1.5 inline-flex items-center rounded-full border border-white/20 bg-black/10 px-1.5 py-0.5 font-semibold uppercase tracking-[0.18em] text-white ${badgeSize}`, children: monogram })) : null] }));
-}
-function getHeroBlobs(seed) {
-    const pick = (shift, mod) => (seed >> shift) % mod;
-    return [
-        {
-            cx: 18 + pick(1, 32),
-            cy: 22 + pick(3, 28),
-            r: 34 + pick(5, 22),
-            opacity: 0.32,
-        },
-        {
-            cx: 72 - pick(7, 26),
-            cy: 68 - pick(9, 32),
-            r: 38 + pick(11, 26),
-            opacity: 0.24,
-        },
-        {
-            cx: 45 + pick(13, 24),
-            cy: 40 + pick(15, 24),
-            r: 24 + pick(17, 18),
-            opacity: 0.18,
-        },
-    ];
-}
-export function AppHero({ app, className = "", imageOnly = false, }) {
-    const palette = getAppPalette(app.name);
-    const { imageSrc, handleImageError } = useResolvedAppImageSource(app);
-    const Icon = getAppCategoryIcon(app);
-    const blobs = getHeroBlobs(hashString(app.name));
-    const iconRotation = hashString(app.name) % 24;
-    const useImage = Boolean(imageSrc);
-    return (_jsxs("div", { className: `relative w-full overflow-hidden ${className}`, style: {
-            backgroundImage: `linear-gradient(135deg, ${palette[0]} 0%, ${palette[1]} 100%)`,
-        }, "aria-hidden": true, children: [useImage && imageSrc ? (_jsx("img", { src: imageSrc, alt: "", loading: "lazy", decoding: "async", className: "absolute inset-0 h-full w-full object-cover", onError: handleImageError })) : (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "absolute inset-0 h-full w-full", viewBox: "0 0 100 100", preserveAspectRatio: "none", "aria-hidden": true, children: [_jsx("title", { children: "Hero backdrop" }), blobs.map((blob) => (_jsx("circle", { cx: blob.cx, cy: blob.cy, r: blob.r, fill: "white", opacity: blob.opacity, style: { mixBlendMode: "soft-light" } }, `${blob.cx}-${blob.cy}-${blob.r}`)))] }), _jsx("div", { className: "absolute inset-0 opacity-[0.14]", style: {
-                            backgroundImage: "radial-gradient(circle, rgba(255,255,255,0.85) 1px, transparent 1px)",
-                            backgroundSize: "14px 14px",
-                        } }), _jsx("div", { className: "pointer-events-none absolute -right-6 -bottom-8 h-[68%] w-[68%] text-white/[0.22]", style: { transform: `rotate(${iconRotation - 12}deg)` }, children: _jsx(Icon, { className: "h-full w-full", strokeWidth: 1.25 }) })] })), !imageOnly ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_-20%,rgba(255,255,255,0.22),transparent_55%)]" }), _jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-3/5 bg-gradient-to-t from-black/60 via-black/20 to-transparent" })] })) : null] }));
-}

package/dist/components/apps/apps-cache.d.ts

@@ -1,5 +0,0 @@
-import type { RegistryAppInfo } from "../../api";
-export declare function readAppsCache(): RegistryAppInfo[] | null;
-export declare function writeAppsCache(apps: RegistryAppInfo[]): void;
-export declare function clearAppsCache(): void;
-//# sourceMappingURL=apps-cache.d.ts.map

package/dist/components/apps/apps-cache.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"apps-cache.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/apps-cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAiBjD,wBAAgB,aAAa,IAAI,eAAe,EAAE,GAAG,IAAI,CAkBxD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,IAAI,CAQ5D;AAED,wBAAgB,cAAc,IAAI,IAAI,CAOrC"}

package/dist/components/apps/extensions/registry.d.ts

@@ -1,12 +0,0 @@
-import type { RegistryAppInfo } from "../../../api";
-import type { AppDetailExtensionComponent } from "./types";
-/**
- * Register a detail-panel extension component for a given panel id.
- * Call this once per app at module load time (e.g. from the app's UI entry).
- *
- * @example
- *   registerDetailExtension("babylon-operator-dashboard", BabylonDetailExtension);
- */
-export declare function registerDetailExtension(detailPanelId: string, component: AppDetailExtensionComponent): void;
-export declare function getAppDetailExtension(app: RegistryAppInfo): AppDetailExtensionComponent | null;
-//# sourceMappingURL=registry.d.ts.map

package/dist/components/apps/extensions/registry.js

@@ -1,23 +0,0 @@
-/**
- * Registry of app detail extension components keyed by the app's
- * `uiExtension.detailPanelId` string.
- *
- * Apps register their detail extension on startup via side-effect import.
- */
-const DETAIL_EXTENSION_COMPONENTS = new Map();
-/**
- * Register a detail-panel extension component for a given panel id.
- * Call this once per app at module load time (e.g. from the app's UI entry).
- *
- * @example
- *   registerDetailExtension("babylon-operator-dashboard", BabylonDetailExtension);
- */
-export function registerDetailExtension(detailPanelId, component) {
-    DETAIL_EXTENSION_COMPONENTS.set(detailPanelId, component);
-}
-export function getAppDetailExtension(app) {
-    const detailPanelId = app.uiExtension?.detailPanelId;
-    if (!detailPanelId)
-        return null;
-    return DETAIL_EXTENSION_COMPONENTS.get(detailPanelId) ?? null;
-}

package/dist/components/apps/extensions/surface.d.ts

@@ -1,34 +0,0 @@
-import type React from "react";
-import type { AppRunHealthState, AppRunSummary, AppRunViewerAttachment } from "../../../api";
-export type SurfaceTone = "neutral" | "accent" | "success" | "warn" | "danger";
-export interface SelectedAppRun {
-    run: AppRunSummary | null;
-    matchingRuns: AppRunSummary[];
-}
-export declare function selectLatestRunForApp(appName: string, runs: AppRunSummary[] | null | undefined): SelectedAppRun;
-export declare function formatDetailTimestamp(value: string | number | null | undefined): string;
-export declare function toneForHealthState(state: AppRunHealthState | null | undefined): SurfaceTone;
-export declare function toneForViewerAttachment(attachment: AppRunViewerAttachment | null | undefined): SurfaceTone;
-export declare function toneForStatusText(status: string | null | undefined): SurfaceTone;
-export declare function SurfaceBadge({ children, tone, }: {
-    children: React.ReactNode;
-    tone?: SurfaceTone;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SurfaceCard({ label, value, tone, subtitle, }: {
-    label: string;
-    value: React.ReactNode;
-    tone?: SurfaceTone;
-    subtitle?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SurfaceGrid({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SurfaceSection({ title, children, }: {
-    title: string;
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SurfaceEmptyState({ title, body, }: {
-    title: string;
-    body: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=surface.d.ts.map

package/dist/components/apps/extensions/surface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/apps/extensions/surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACvB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/E,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,aAAa,EAAE,CAAC;CAC/B;AAQD,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,GAAG,SAAS,GACvC,cAAc,CAoBhB;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GACxC,MAAM,CAgBR;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,GAC1C,WAAW,CAKb;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,sBAAsB,GAAG,IAAI,GAAG,SAAS,GACpD,WAAW,CAIb;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC,WAAW,CAab;AAiBD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,2CAQA;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,IAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAgBA;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAEtE;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CASA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,2CASA"}

package/dist/components/apps/extensions/surface.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function toTimestamp(value) {
-    if (!value)
-        return 0;
-    const parsed = new Date(value).getTime();
-    return Number.isNaN(parsed) ? 0 : parsed;
-}
-export function selectLatestRunForApp(appName, runs) {
-    const matchingRuns = (Array.isArray(runs) ? runs : [])
-        .filter((run) => run.appName === appName)
-        .slice()
-        .sort((left, right) => {
-        const rightTime = Math.max(toTimestamp(right.updatedAt), toTimestamp(right.startedAt));
-        const leftTime = Math.max(toTimestamp(left.updatedAt), toTimestamp(left.startedAt));
-        return rightTime - leftTime;
-    });
-    return {
-        run: matchingRuns[0] ?? null,
-        matchingRuns,
-    };
-}
-export function formatDetailTimestamp(value) {
-    if (typeof value === "number") {
-        const date = new Date(value);
-        return Number.isNaN(date.getTime())
-            ? "Not yet verified"
-            : date.toLocaleString();
-    }
-    if (typeof value === "string" && value.trim().length > 0) {
-        const date = new Date(value);
-        return Number.isNaN(date.getTime())
-            ? "Not yet verified"
-            : date.toLocaleString();
-    }
-    return "Not yet verified";
-}
-export function toneForHealthState(state) {
-    if (state === "healthy")
-        return "success";
-    if (state === "degraded")
-        return "warn";
-    if (state === "offline")
-        return "danger";
-    return "neutral";
-}
-export function toneForViewerAttachment(attachment) {
-    if (attachment === "attached")
-        return "success";
-    if (attachment === "detached")
-        return "warn";
-    return "neutral";
-}
-export function toneForStatusText(status) {
-    if (!status)
-        return "neutral";
-    const normalized = status.toLowerCase();
-    if (normalized.includes("running") || normalized.includes("ready")) {
-        return "success";
-    }
-    if (normalized.includes("warn") || normalized.includes("waiting")) {
-        return "warn";
-    }
-    if (normalized.includes("error") || normalized.includes("fail")) {
-        return "danger";
-    }
-    return "neutral";
-}
-function toneClassName(tone) {
-    switch (tone) {
-        case "success":
-            return "border-ok/30 bg-ok/10 text-ok";
-        case "accent":
-            return "border-accent/25 bg-accent/10 text-accent";
-        case "warn":
-            return "border-warn/30 bg-warn/10 text-warn";
-        case "danger":
-            return "border-danger/30 bg-danger/10 text-danger";
-        default:
-            return "border-border/35 bg-bg-hover/70 text-muted-strong";
-    }
-}
-export function SurfaceBadge({ children, tone = "neutral", }) {
-    return (_jsx("span", { className: `inline-flex min-h-6 items-center rounded-full border px-2.5 py-1 text-2xs font-medium uppercase tracking-[0.14em] ${toneClassName(tone)}`, children: children }));
-}
-export function SurfaceCard({ label, value, tone = "neutral", subtitle, }) {
-    return (_jsxs("div", { className: "rounded-2xl border border-border/35 bg-card/74 px-4 py-3 shadow-sm", children: [_jsx("div", { className: "text-xs-tight font-medium uppercase tracking-[0.16em] text-muted", children: label }), _jsx("div", { className: `mt-1 text-xs leading-5 ${toneClassName(tone)}`, children: value }), subtitle ? (_jsx("div", { className: "mt-1 text-xs-tight leading-5 text-muted-strong", children: subtitle })) : null] }));
-}
-export function SurfaceGrid({ children }) {
-    return _jsx("div", { className: "grid gap-2 md:grid-cols-2", children: children });
-}
-export function SurfaceSection({ title, children, }) {
-    return (_jsxs("section", { className: "space-y-3 rounded-[1.4rem] border border-border/35 bg-card/74 p-4 shadow-sm", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-muted", children: title }), children] }));
-}
-export function SurfaceEmptyState({ title, body, }) {
-    return (_jsxs("div", { className: "rounded-[1.4rem] border border-border/35 bg-card/74 p-4 shadow-sm", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-muted", children: title }), _jsx("p", { className: "mt-2 text-xs leading-6 text-muted-strong", children: body })] }));
-}

package/dist/components/apps/helpers.d.ts

@@ -1,58 +0,0 @@
-import type { RegistryAppInfo } from "../../api";
-export declare const DEFAULT_VIEWER_SANDBOX = "allow-scripts allow-same-origin allow-popups";
-export declare const CATEGORY_LABELS: Record<string, string>;
-export type AppCatalogSectionKey = "featured" | "favorites" | "games" | "developerUtilities" | "finance" | "other";
-export declare const APP_CATALOG_SECTION_LABELS: Record<AppCatalogSectionKey, string>;
-export declare const APPS_VIEW_HIDDEN_APP_NAMES: readonly ["@elizaos/app", "@elizaos/browser-bridge-extension", "app-counter", "@elizaos/plugin-form", "@elizaos/app-documents", "@elizaos/app-screenshare", "@elizaos/app-task-coordinator", "@elizaos/app-wallet"];
-export interface AppCatalogSection {
-    key: AppCatalogSectionKey;
-    label: string;
-    apps: RegistryAppInfo[];
-}
-interface AppsCatalogFilterOptions {
-    activeAppNames?: ReadonlySet<string>;
-    isProd?: boolean;
-    searchQuery?: string;
-    showAllApps?: boolean;
-    showActiveOnly?: boolean;
-    walletEnabled?: boolean;
-    /**
-     * When false (or omitted), apps marked `developerOnly: true` are hidden.
-     * Pass the current value from `useIsDeveloperMode()` to opt in.
-     */
-    developerMode?: boolean;
-}
-export declare function isHiddenFromAppsView(appName: string): boolean;
-export declare function isCuratedGameApp(app: Pick<RegistryAppInfo, "category" | "name">): boolean;
-export declare function shouldShowAppInAppsView(app: Pick<RegistryAppInfo, "category" | "name">, options?: {
-    isProd?: boolean;
-    showAllApps?: boolean;
-    walletEnabled?: boolean;
-}): boolean;
-export declare function filterAppsForCatalog(apps: RegistryAppInfo[], { activeAppNames, isProd, searchQuery, showAllApps, showActiveOnly, walletEnabled, developerMode, }?: AppsCatalogFilterOptions): RegistryAppInfo[];
-export declare function getDefaultAppsCatalogSelection(apps: RegistryAppInfo[], options?: {
-    isProd?: boolean;
-    showAllApps?: boolean;
-    walletEnabled?: boolean;
-}): string | null;
-export declare function getAppCatalogSectionKey(app: Pick<RegistryAppInfo, "name" | "displayName" | "description" | "category">): AppCatalogSectionKey;
-export declare function getAppCatalogSectionLabel(app: Pick<RegistryAppInfo, "name" | "displayName" | "description" | "category">): string;
-export declare function groupAppsForCatalog(apps: RegistryAppInfo[], { favoriteAppNames, }?: {
-    favoriteAppNames?: ReadonlySet<string>;
-}): AppCatalogSection[];
-export declare function getAppShortName(app: RegistryAppInfo): string;
-export declare function getAppEmoji(app: RegistryAppInfo): string;
-export declare function getAppSessionModeLabel(app: Pick<RegistryAppInfo, "session">): string | null;
-export declare function getAppSessionFeatureLabels(app: Pick<RegistryAppInfo, "session">): string[];
-/**
- * Derive a URL slug from an app's package name.
- *
- * Uses the existing `packageNameToAppRouteSlug` for scoped packages
- * (`@scope/app-foo` → `foo`, `@scope/plugin-bar` → `bar`).
- * Falls back to a sanitised form of the raw name.
- */
-export declare function getAppSlug(appName: string): string;
-/** Find an app by its URL slug. */
-export declare function findAppBySlug(apps: readonly RegistryAppInfo[], slug: string): RegistryAppInfo | undefined;
-export {};
-//# sourceMappingURL=helpers.d.ts.map

package/dist/components/apps/helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/helpers.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAOjD,eAAO,MAAM,sBAAsB,iDACa,CAAC;AAEjD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMlD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,WAAW,GACX,OAAO,GACP,oBAAoB,GACpB,SAAS,GACT,OAAO,CAAC;AAEZ,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAQzE,CAAC;AAEJ,eAAO,MAAM,0BAA0B,qNAW7B,CAAC;AAyDX,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,oBAAoB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAcD,UAAU,wBAAwB;IAChC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqBD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAE7D;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,GAC9C,OAAO,CAGT;AAED,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,EAC/C,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACpB,GACL,OAAO,CAqDT;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,eAAe,EAAE,EACvB,EACE,cAAkC,EAClC,MAAM,EACN,WAAgB,EAChB,WAAW,EACX,cAAsB,EACtB,aAAa,EACb,aAAqB,GACtB,GAAE,wBAA6B,GAC/B,eAAe,EAAE,CAoEnB;AAED,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,eAAe,EAAE,EACvB,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACpB,GACL,MAAM,GAAG,IAAI,CAMf;AAED,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,IAAI,CACP,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,UAAU,CACpD,GACA,oBAAoB,CA8EtB;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,IAAI,CACP,eAAe,EACf,MAAM,GAAG,aAAa,GAAG,aAAa,GAAG,UAAU,CACpD,GACA,MAAM,CAER;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,eAAe,EAAE,EACvB,EACE,gBAAoC,GACrC,GAAE;IACD,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACnC,GACL,iBAAiB,EAAE,CA6DrB;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAI5D;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAOxD;AAED,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GACpC,MAAM,GAAG,IAAI,CAIf;AAED,wBAAgB,0BAA0B,CACxC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GACpC,MAAM,EAAE,CAIV;AAID;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAalD;AAED,mCAAmC;AACnC,wBAAgB,aAAa,CAC3B,IAAI,EAAE,SAAS,eAAe,EAAE,EAChC,IAAI,EAAE,MAAM,GACX,eAAe,GAAG,SAAS,CAK7B"}