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

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

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

package/components/apps/GameViewOverlay.js

@@ -1,7 +1,8 @@
 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 { useDocumentVisibility } from "../../hooks/useDocumentVisibility.js";
 import { useApp } from "../../state/index.js";
+import { Button } from "../ui/button.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();
@@ -13,6 +14,11 @@ export function GameViewOverlay() {
     const iframeRef = useRef(null);
     const authSentRef = useRef(false);
     const viewerSessionRef = useRef("");
+    // Safety net: when the kiosk tab/document is backgrounded, tear the iframe
+    // down so the game loop and its postMessage auth listener stop running. The
+    // primary unmount path is App.tsx's render condition; this guards the case
+    // where the overlay stays in the tree but is no longer the foreground.
+    const documentVisible = useDocumentVisibility();
     const activeGameRun = useMemo(() => appRuns.find((run) => run.runId === activeGameRunId) ?? null, [activeGameRunId, appRuns]);
     const useEmbeddedViewer = useMemo(() => shouldUseEmbeddedAppViewer(activeGameRun), [activeGameRun]);
     const resolvedActiveGameViewerUrl = useMemo(() => resolveEmbeddedViewerUrl(activeGameViewerUrl), [activeGameViewerUrl]);
@@ -53,8 +59,17 @@ export function GameViewOverlay() {
             authSentRef.current = false;
         }
     }, [viewerSessionKey]);
+    // Hiding the document unmounts the iframe; on re-show it remounts with a
+    // fresh contentWindow that re-emits its ready event, so the auth handshake
+    // must run again even within the same viewer session.
     useEffect(() => {
-        if (!useEmbeddedViewer ||
+        if (!documentVisible) {
+            authSentRef.current = false;
+        }
+    }, [documentVisible]);
+    useEffect(() => {
+        if (!documentVisible ||
+            !useEmbeddedViewer ||
             !activeGamePostMessageAuth ||
             !activeGamePostMessagePayload) {
             return;
@@ -66,6 +81,11 @@ export function GameViewOverlay() {
         if (!expectedReadyType) {
             return;
         }
+        // Fail closed: without a concrete http(s) origin we can neither verify the
+        // sender nor safely target the auth payload, so never send it.
+        if (!postMessageTargetOrigin) {
+            return;
+        }
         const onMessage = (event) => {
             if (authSentRef.current)
                 return;
@@ -74,8 +94,7 @@ export function GameViewOverlay() {
                 return;
             if (event.data?.type !== expectedReadyType)
                 return;
-            if (postMessageTargetOrigin !== "*" &&
-                event.origin !== postMessageTargetOrigin) {
+            if (event.origin !== postMessageTargetOrigin) {
                 return;
             }
             iframeWindow.postMessage(activeGamePostMessagePayload, postMessageTargetOrigin);
@@ -86,19 +105,21 @@ export function GameViewOverlay() {
             window.removeEventListener("message", onMessage);
         };
     }, [
+        documentVisible,
         activeGamePostMessageAuth,
         activeGamePostMessagePayload,
         postMessageTargetOrigin,
         useEmbeddedViewer,
     ]);
-    if (!resolvedActiveGameViewerUrl ||
+    if (!documentVisible ||
+        !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: {
+    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-sm overflow-hidden flex flex-col", style: {
                 resize: "both",
                 background: "rgba(18, 22, 32, 0.96)",
                 border: "1px solid rgba(240, 178, 50, 0.18)",

package/components/apps/RunningAppsRow.js

@@ -4,12 +4,12 @@ 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)]" };
+        return { dot: "bg-ok", ring: "" };
     }
     if (state === "degraded") {
-        return { dot: "bg-warn", ring: "shadow-[0_0_0_3px_rgba(245,158,11,0.35)]" };
+        return { dot: "bg-warn", ring: "" };
     }
-    return { dot: "bg-danger", ring: "shadow-[0_0_0_3px_rgba(239,68,68,0.35)]" };
+    return { dot: "bg-danger", ring: "" };
 }
 export function RunningAppsRow({ runs, catalogApps, busyRunId, onOpenRun, onStopRun, stoppingRunId, }) {
     if (runs.length === 0)
@@ -27,7 +27,7 @@ export function RunningAppsRow({ runs, catalogApps, busyRunId, onOpenRun, onStop
                     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) => {
+                    return (_jsxs("div", { "data-testid": `running-app-card-${run.runId}`, className: "group relative overflow-hidden rounded-sm border border-accent/35 bg-card/72 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", 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/components/apps/app-identity.d.ts

@@ -1,4 +1,3 @@
-import { type LucideIcon } from "lucide-react";
 export interface AppIdentitySource {
     name: string;
     displayName?: string | null;
@@ -7,22 +6,18 @@ export interface AppIdentitySource {
     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, }: {
+export declare function AppIdentityTile({ app, active, className, size, imageOnly, glyph, }: {
     app: AppIdentitySource;
     active?: boolean;
     className?: string;
     size?: "sm" | "md";
     imageOnly?: boolean;
+    /**
+     * Force the gradient + category-icon + monogram presentation and skip the
+     * hero/icon/generated artwork entirely. Used for compact launcher grids where
+     * consistent glyph tiles read better than per-app generated imagery.
+     */
+    glyph?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function AppHero({ app, className, imageOnly, }: {
     app: AppIdentitySource;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"app-identity.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/app-identity.tsx"],"names":[],"mappings":"AAWA,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;AAgGD,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,MAAc,EACd,SAAc,EACd,IAAW,EACX,SAAiB,EACjB,KAAa,GACd,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;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CA+DA;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/components/apps/app-identity.helpers.d.ts

@@ -0,0 +1,13 @@
+import { type LucideIcon } from "lucide-react";
+import type { AppIdentitySource } from "./app-identity";
+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;
+//# sourceMappingURL=app-identity.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-identity.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/app-identity.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,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;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,iBAAiB,GAAG,UAAU,CAiBrE"}

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

@@ -0,0 +1,49 @@
+import { getAppHeroThemeKey } from "@elizaos/shared";
+import { Bot, Briefcase, Gamepad2, Globe2, Sparkles, Wallet, Wrench, } from "lucide-react";
+import { resolveApiUrl, resolveAppAssetUrl } from "../../utils/asset-url.js";
+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);
+}
+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;
+    }
+}

package/components/apps/app-identity.js

@@ -1,8 +1,7 @@
 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 { createGeneratedAppHeroDataUrl, getAppHeroMonogram, } from "@elizaos/shared";
 import { useState } from "react";
-import { resolveApiUrl, resolveAppAssetUrl } from "../../utils/asset-url.js";
+import { getAppCategoryIcon, iconImageSource, resolveRuntimeImageUrl, } from "./app-identity.helpers.js";
 const APP_TILE_PALETTES = [
     ["#0ea5e9", "#8b5cf6"],
     ["#10b981", "#14b8a6"],
@@ -20,58 +19,12 @@ function hashString(value) {
     }
     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;
@@ -130,18 +83,19 @@ function useResolvedAppImageSource(app) {
     };
     return { imageSrc, handleImageError };
 }
-export function AppIdentityTile({ app, active = false, className = "", size = "md", imageOnly = false, }) {
+export function AppIdentityTile({ app, active = false, className = "", size = "md", imageOnly = false, glyph = false, }) {
     const palette = getAppPalette(app.name);
-    const { imageSrc, handleImageError } = useResolvedAppImageSource(app);
+    const { imageSrc: resolvedImageSrc, handleImageError } = useResolvedAppImageSource(app);
+    const imageSrc = glyph ? null : resolvedImageSrc;
     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 outerSize = size === "sm" ? "h-12 w-12 rounded-sm" : "h-14 w-14 rounded-sm";
     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: {
+    return (_jsxs("div", { className: `relative shrink-0 overflow-hidden border border-white/10 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] }));
+        }, "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 " })) : 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;

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

@@ -1,4 +1,4 @@
-import type { RegistryAppInfo } from "../../api";
+import type { RegistryAppInfo } from "@elizaos/shared";
 export declare function readAppsCache(): RegistryAppInfo[] | null;
 export declare function writeAppsCache(apps: RegistryAppInfo[]): void;
 export declare function clearAppsCache(): void;

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"apps-cache.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/apps-cache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAiBvD,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/components/apps/extensions/registry.d.ts

@@ -5,7 +5,7 @@ import type { AppDetailExtensionComponent } from "./types";
  * Call this once per app at module load time (e.g. from the app's UI entry).
  *
  * @example
- *   registerDetailExtension("babylon-operator-dashboard", BabylonDetailExtension);
+ *   registerDetailExtension("feed-operator-dashboard", FeedDetailExtension);
  */
 export declare function registerDetailExtension(detailPanelId: string, component: AppDetailExtensionComponent): void;
 export declare function getAppDetailExtension(app: RegistryAppInfo): AppDetailExtensionComponent | null;

package/components/apps/extensions/registry.js

@@ -10,7 +10,7 @@ const DETAIL_EXTENSION_COMPONENTS = new Map();
  * Call this once per app at module load time (e.g. from the app's UI entry).
  *
  * @example
- *   registerDetailExtension("babylon-operator-dashboard", BabylonDetailExtension);
+ *   registerDetailExtension("feed-operator-dashboard", FeedDetailExtension);
  */
 export function registerDetailExtension(detailPanelId, component) {
     DETAIL_EXTENSION_COMPONENTS.set(detailPanelId, component);

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

@@ -1,15 +1,10 @@
 import type React from "react";
-import type { AppRunHealthState, AppRunSummary, AppRunViewerAttachment } from "../../../api";
+import type { AppRunSummary } 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;

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

@@ -1 +1 @@
-{"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"}
+{"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,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,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;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/components/apps/extensions/surface.helpers.d.ts

@@ -0,0 +1,8 @@
+import type { AppRunHealthState, AppRunSummary, AppRunViewerAttachment } from "../../../api";
+import type { SelectedAppRun, SurfaceTone } from "./surface";
+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;
+//# sourceMappingURL=surface.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"surface.helpers.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/apps/extensions/surface.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACvB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAQ7D,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"}

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

@@ -0,0 +1,66 @@
+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";
+}

package/components/apps/extensions/surface.js

@@ -1,70 +1,4 @@
 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":
@@ -83,14 +17,14 @@ 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] }));
+    return (_jsxs("div", { className: "rounded-sm border border-border/35 bg-card/74 px-4 py-3 ", 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] }));
+    return (_jsxs("section", { className: "space-y-3 rounded-sm border border-border/35 bg-card/74 p-4 ", 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 })] }));
+    return (_jsxs("div", { className: "rounded-sm border border-border/35 bg-card/74 p-4 ", 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/components/apps/helpers.d.ts

@@ -3,7 +3,7 @@ export declare const DEFAULT_VIEWER_SANDBOX = "allow-scripts allow-same-origin a
 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 declare const APPS_VIEW_HIDDEN_APP_NAMES: readonly ["@elizaos/app", "@elizaos/browser-bridge-extension", "app-counter", "@elizaos/plugin-form", "@elizaos/plugin-documents", "@elizaos/plugin-screenshare", "@elizaos/plugin-task-coordinator", "@elizaos/plugin-wallet-ui"];
 export interface AppCatalogSection {
     key: AppCatalogSectionKey;
     label: string;
@@ -42,6 +42,7 @@ export declare function groupAppsForCatalog(apps: RegistryAppInfo[], { favoriteA
 }): AppCatalogSection[];
 export declare function getAppShortName(app: RegistryAppInfo): string;
 export declare function getAppEmoji(app: RegistryAppInfo): string;
+export declare function getAppIconName(app: RegistryAppInfo): string;
 export declare function getAppSessionModeLabel(app: Pick<RegistryAppInfo, "session">): string | null;
 export declare function getAppSessionFeatureLabels(app: Pick<RegistryAppInfo, "session">): string[];
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/helpers.ts"],"names":[],"mappings":"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"}