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

package/app-navigate-view.js

@@ -0,0 +1,191 @@
+import { recordRecentViewId } from "./view-recents.js";
+// Cross-view phone-number handoff.
+//
+// `NavigateViewDetail` (and `createNavigateViewHandler`) route only by view
+// id/path — there is no payload channel that reaches a *mounted* target view.
+// So when one in-app surface wants to open the Phone or Messages view
+// pre-seeded with a number (e.g. a Contacts "Call"/"Message" control, or a
+// phone-recent row), we stash the number here before dispatching the navigate
+// event, and the target view consumes it on mount/focus. The handoff is
+// single-shot: each `consume*` clears the value so a later plain navigation to
+// that view does not re-seed a stale number.
+/** Strip whitespace/separators, keeping a leading + and digits. */
+function normalizePhoneNumber(input) {
+    const trimmed = input.trim();
+    if (!trimmed)
+        return "";
+    const leadingPlus = trimmed.startsWith("+") ? "+" : "";
+    return `${leadingPlus}${trimmed.replace(/[^0-9]/g, "")}`;
+}
+let pendingPhoneNumber = null;
+let pendingMessageRecipient = null;
+export function consumePendingPhoneNumber() {
+    const number = pendingPhoneNumber;
+    pendingPhoneNumber = null;
+    return number;
+}
+export function consumePendingMessageRecipient() {
+    const address = pendingMessageRecipient;
+    pendingMessageRecipient = null;
+    return address;
+}
+/**
+ * Open the Phone view via the navigation bus, pre-seeding the dialer with
+ * `number`. Used by Contacts "Call" controls and phone-recent rows.
+ */
+export function navigateToPhoneWithNumber(number) {
+    if (typeof window === "undefined")
+        return;
+    pendingPhoneNumber = normalizePhoneNumber(number) || null;
+    window.dispatchEvent(new CustomEvent("eliza:navigate:view", {
+        detail: { viewId: "phone", viewPath: "/phone" },
+    }));
+}
+/**
+ * Open the Messages view via the navigation bus, pre-seeding the composer "To"
+ * field with `address`. Used by Contacts "Message" controls.
+ */
+export function navigateToMessagesWithNumber(address) {
+    if (typeof window === "undefined")
+        return;
+    const trimmed = address.trim();
+    pendingMessageRecipient = trimmed || null;
+    window.dispatchEvent(new CustomEvent("eliza:navigate:view", {
+        detail: { viewId: "messages", viewPath: "/messages" },
+    }));
+}
+export function pathForNavigateViewDetail(detail) {
+    return detail.viewPath ?? (detail.viewId ? `/apps/${detail.viewId}` : null);
+}
+export function directTabForNavigateView(detail, path) {
+    if (path === "/views")
+        return "views";
+    if (path === "/apps")
+        return "apps";
+    if (detail.viewId === "views-manager" && detail.viewType !== "tui") {
+        return "views";
+    }
+    return null;
+}
+export function navigateBrowserPath(path) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        if (window.location.protocol === "file:") {
+            window.location.hash = path;
+            return;
+        }
+        window.history.pushState(null, "", path);
+        window.dispatchEvent(new PopStateEvent("popstate"));
+    }
+    catch {
+        return;
+    }
+}
+export function desktopEntryForDetail(views, viewId) {
+    return views.find((view) => view.id === viewId);
+}
+function layoutViewIdsForDetail(detail) {
+    const ids = [
+        ...(Array.isArray(detail.views) ? detail.views : []),
+        ...(detail.viewId ? [detail.viewId] : []),
+    ];
+    const seen = new Set();
+    return ids.flatMap((id) => {
+        const trimmed = id.trim();
+        if (!trimmed || seen.has(trimmed))
+            return [];
+        seen.add(trimmed);
+        return [trimmed];
+    });
+}
+export function createNavigateViewHandler({ availableViewsForDesktopTabs, closeDesktopTab, desktopTabs = [], invokeDesktopBridgeRequest, navigatePath = navigateBrowserPath, openDesktopTab, setActiveDesktopTabId, setTab, setViewLayout, }) {
+    return (event) => {
+        const detail = event.detail;
+        if (!detail)
+            return;
+        if (detail.action === "close" || detail.action === "close-all") {
+            setViewLayout?.(null);
+            if (detail.action === "close-all" || detail.viewId === "__all__") {
+                for (const tab of desktopTabs) {
+                    closeDesktopTab?.(tab.viewId);
+                }
+            }
+            else if (detail.viewId) {
+                closeDesktopTab?.(detail.viewId);
+            }
+            setActiveDesktopTabId(null);
+            setTab("chat");
+            return;
+        }
+        if (detail.action === "split-view" || detail.action === "tile-views") {
+            const viewIds = layoutViewIdsForDetail(detail);
+            const resolvedViewIds = [];
+            let primaryPath = detail.viewPath ?? null;
+            for (const viewId of viewIds) {
+                const entry = desktopEntryForDetail(availableViewsForDesktopTabs, viewId);
+                if (!entry)
+                    continue;
+                resolvedViewIds.push(entry.id);
+                recordRecentViewId(entry.id);
+                openDesktopTab(entry, { pinned: false });
+                primaryPath ??= entry.path ?? `/apps/${entry.id}`;
+            }
+            const primaryViewId = viewIds[0] ?? detail.viewId ?? null;
+            if (primaryViewId)
+                setActiveDesktopTabId(primaryViewId);
+            setViewLayout?.({
+                mode: detail.action === "split-view" ? "split" : "tile",
+                viewIds: resolvedViewIds.length > 0 ? resolvedViewIds : viewIds,
+                layout: detail.layout,
+                placement: detail.placement,
+            });
+            setTab("views");
+            if (primaryPath)
+                navigatePath(primaryPath);
+            return;
+        }
+        const path = pathForNavigateViewDetail(detail);
+        if (!path)
+            return;
+        setViewLayout?.(null);
+        const directTab = directTabForNavigateView(detail, path);
+        if (detail.viewId) {
+            recordRecentViewId(detail.viewId);
+        }
+        if (directTab) {
+            setTab(directTab);
+            return;
+        }
+        if (detail.action === "open-window" && detail.viewId) {
+            const entry = desktopEntryForDetail(availableViewsForDesktopTabs, detail.viewId);
+            const viewPath = entry?.path ?? `/apps/${detail.viewId}`;
+            const viewLabel = entry?.label ?? detail.viewId;
+            void invokeDesktopBridgeRequest({
+                rpcMethod: "desktopOpenAppWindow",
+                ipcChannel: "desktop:openAppWindow",
+                params: {
+                    title: viewLabel,
+                    path: viewPath,
+                    alwaysOnTop: detail.alwaysOnTop === true,
+                },
+            })
+                .then((result) => {
+                if (!result)
+                    navigatePath(viewPath);
+            })
+                .catch(() => {
+                navigatePath(viewPath);
+            });
+            return;
+        }
+        if (detail.viewId) {
+            const entry = desktopEntryForDetail(availableViewsForDesktopTabs, detail.viewId);
+            if (entry && (detail.action === "pin-tab" || entry.desktopTabEnabled)) {
+                openDesktopTab(entry, { pinned: detail.action === "pin-tab" });
+                setActiveDesktopTabId(entry.id);
+            }
+        }
+        navigatePath(path);
+    };
+}

package/app-shell-components.d.ts

@@ -10,8 +10,8 @@
  * The shell merges these registrations with each loaded plugin's
  * `app.navTabs` declaration and the static page list at render time.
  */
-export type { AppShellPageRegistration } from "./app-shell-registry";
-export { listAppShellPages, registerAppShellPage, } from "./app-shell-registry";
+export type { AppShellPageLoader, AppShellPageRegistration, } from "./app-shell-registry";
+export { getAppShellPageRegistrySnapshot, listAppShellPages, registerAppShellPage, subscribeAppShellPages, } from "./app-shell-registry";
 export { GameViewOverlay } from "./components/apps/GameViewOverlay";
 export { CharacterEditor } from "./components/character/CharacterEditor";
 export { SaveCommandModal } from "./components/chat/SaveCommandModal";
@@ -19,31 +19,21 @@ export { ConversationsSidebar } from "./components/conversations/ConversationsSi
 export { CustomActionEditor } from "./components/custom-actions/CustomActionEditor";
 export { CustomActionsPanel } from "./components/custom-actions/CustomActionsPanel";
 export { AppsPageView } from "./components/pages/AppsPageView";
-export { AutomationsFeed } from "./components/pages/AutomationsFeed";
-export { BrowserWorkspaceView } from "./components/pages/BrowserWorkspaceView";
-export { ChatView } from "./components/pages/ChatView";
-export { ConnectorsPageView } from "./components/pages/ConnectorsPageView";
 export { DatabasePageView } from "./components/pages/DatabasePageView";
 export { DocumentsView } from "./components/pages/DocumentsView";
-export { HeartbeatsDesktopShell, HeartbeatsView, } from "./components/pages/HeartbeatsView";
 export { LogsView } from "./components/pages/LogsView";
 export { MemoryViewerView } from "./components/pages/MemoryViewerView";
 export { PluginsPageView } from "./components/pages/PluginsPageView";
 export { RelationshipsView } from "./components/pages/RelationshipsView";
 export { RuntimeView } from "./components/pages/RuntimeView";
-export { SettingsView } from "./components/pages/SettingsView";
-export { SkillsView } from "./components/pages/SkillsView";
-export { StreamView } from "./components/pages/StreamView";
 export { TasksPageView } from "./components/pages/TasksPageView";
-export { TrajectoriesView } from "./components/pages/TrajectoriesView";
-export { DesktopWorkspaceSection } from "./components/settings/DesktopWorkspaceSection";
 export { BugReportModal } from "./components/shell/BugReportModal";
 export { ConnectionFailedBanner } from "./components/shell/ConnectionFailedBanner";
 export { ConnectionLostOverlay } from "./components/shell/ConnectionLostOverlay";
-export { Header } from "./components/shell/Header";
 export { PairingView } from "./components/shell/PairingView";
 export { ShellOverlays } from "./components/shell/ShellOverlays";
 export { StartupFailureView } from "./components/shell/StartupFailureView";
+export { StartupScreen } from "./components/shell/StartupScreen";
 export { StartupShell } from "./components/shell/StartupShell";
 export { SystemWarningBanner } from "./components/shell/SystemWarningBanner";
 export { FineTuningView } from "./components/training/injected";

package/app-shell-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell-components.d.ts","sourceRoot":"","sources":["../../../../src/app-shell-components.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,YAAY,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACL,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EACL,sBAAsB,EACtB,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"app-shell-components.d.ts","sourceRoot":"","sources":["../../../../src/app-shell-components.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,YAAY,EACV,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,+BAA+B,EAC/B,iBAAiB,EACjB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC"}

package/app-shell-components.js

@@ -10,7 +10,7 @@
  * The shell merges these registrations with each loaded plugin's
  * `app.navTabs` declaration and the static page list at render time.
  */
-export { listAppShellPages, registerAppShellPage, } from "./app-shell-registry.js";
+export { getAppShellPageRegistrySnapshot, listAppShellPages, registerAppShellPage, subscribeAppShellPages, } from "./app-shell-registry.js";
 export { GameViewOverlay } from "./components/apps/GameViewOverlay.js";
 export { CharacterEditor } from "./components/character/CharacterEditor.js";
 export { SaveCommandModal } from "./components/chat/SaveCommandModal.js";
@@ -18,31 +18,30 @@ export { ConversationsSidebar } from "./components/conversations/ConversationsSi
 export { CustomActionEditor } from "./components/custom-actions/CustomActionEditor.js";
 export { CustomActionsPanel } from "./components/custom-actions/CustomActionsPanel.js";
 export { AppsPageView } from "./components/pages/AppsPageView.js";
-export { AutomationsFeed } from "./components/pages/AutomationsFeed.js";
-export { BrowserWorkspaceView } from "./components/pages/BrowserWorkspaceView.js";
-export { ChatView } from "./components/pages/ChatView.js";
-export { ConnectorsPageView } from "./components/pages/ConnectorsPageView.js";
+// AutomationsFeed, BrowserWorkspaceView removed: App.tsx lazy-loads them and
+// re-exporting from a barrel folds the lazy boundary back into main.
 export { DatabasePageView } from "./components/pages/DatabasePageView.js";
 export { DocumentsView } from "./components/pages/DocumentsView.js";
-export { HeartbeatsDesktopShell, HeartbeatsView, } from "./components/pages/HeartbeatsView.js";
+// HeartbeatsView / HeartbeatsDesktopShell removed: App.tsx renders the
+// heartbeats route via the lazy-loaded AutomationsFeed, and re-exporting
+// HeartbeatsView from this barrel pulls cron-parser (~25 KB gzip) into main.
 export { LogsView } from "./components/pages/LogsView.js";
 export { MemoryViewerView } from "./components/pages/MemoryViewerView.js";
 export { PluginsPageView } from "./components/pages/PluginsPageView.js";
 export { RelationshipsView } from "./components/pages/RelationshipsView.js";
 export { RuntimeView } from "./components/pages/RuntimeView.js";
-export { SettingsView } from "./components/pages/SettingsView.js";
-export { SkillsView } from "./components/pages/SkillsView.js";
-export { StreamView } from "./components/pages/StreamView.js";
+// SettingsView, SkillsView, StreamView, TrajectoriesView removed:
+// App.tsx lazy-loads them, and re-exporting them from this barrel folds the
+// lazy boundary back into the main app chunk.
 export { TasksPageView } from "./components/pages/TasksPageView.js";
-export { TrajectoriesView } from "./components/pages/TrajectoriesView.js";
-export { DesktopWorkspaceSection } from "./components/settings/DesktopWorkspaceSection.js";
+// DesktopWorkspaceSection removed: App.tsx lazy-loads it.
 export { BugReportModal } from "./components/shell/BugReportModal.js";
 export { ConnectionFailedBanner } from "./components/shell/ConnectionFailedBanner.js";
 export { ConnectionLostOverlay } from "./components/shell/ConnectionLostOverlay.js";
-export { Header } from "./components/shell/Header.js";
 export { PairingView } from "./components/shell/PairingView.js";
 export { ShellOverlays } from "./components/shell/ShellOverlays.js";
 export { StartupFailureView } from "./components/shell/StartupFailureView.js";
+export { StartupScreen } from "./components/shell/StartupScreen.js";
 export { StartupShell } from "./components/shell/StartupShell.js";
 export { SystemWarningBanner } from "./components/shell/SystemWarningBanner.js";
 export { FineTuningView } from "./components/training/injected.js";

package/app-shell-registry.d.ts

@@ -1,8 +1,12 @@
 import type { ComponentType } from "react";
+export type AppShellPageLoader = () => Promise<{
+    default: ComponentType<Record<string, unknown>>;
+    cleanup?: () => void | Promise<void>;
+}>;
 /**
  * A page contributed at runtime by a plugin or host app. Mirrors the fields
- * on `PluginAppNavTab` from `@elizaos/core`, plus the resolved React
- * component the shell will mount.
+ * on `PluginAppNavTab` from `@elizaos/core`, plus either a resolved React
+ * component or a lazy loader the shell mounts on demand.
  */
 export interface AppShellPageRegistration {
     /** Stable id, scoped to the owning plugin (e.g. `"wallet.inventory"`). */
@@ -21,9 +25,22 @@ export interface AppShellPageRegistration {
     developerOnly?: boolean;
     /** Optional named group the tab belongs to. */
     group?: string;
-    /** The React component the shell mounts when this page is active. */
-    Component: ComponentType<unknown>;
+    /**
+     * When true, the shell mounts this page edge-to-edge with no host
+     * top-bar/chrome — for views that own their full window, e.g. the
+     * orchestrator workbench.
+     */
+    fullBleed?: boolean;
+    /**
+     * The React component the shell mounts when this page is active.
+     * Prefer `loader` for heavy pages so boot only pays metadata cost.
+     */
+    Component?: ComponentType<unknown>;
+    /** Lazy page loader. The shell wraps it in React.lazy + Suspense. */
+    loader?: AppShellPageLoader;
 }
 export declare function registerAppShellPage(registration: AppShellPageRegistration): void;
 export declare function listAppShellPages(): AppShellPageRegistration[];
+export declare function subscribeAppShellPages(listener: () => void): () => void;
+export declare function getAppShellPageRegistrySnapshot(): number;
 //# sourceMappingURL=app-shell-registry.d.ts.map

package/app-shell-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-shell-registry.d.ts","sourceRoot":"","sources":["../../../../src/app-shell-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACnC;AAyBD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,wBAAwB,GACrC,IAAI,CAEN;AAED,wBAAgB,iBAAiB,IAAI,wBAAwB,EAAE,CAE9D"}
+{"version":3,"file":"app-shell-registry.d.ts","sourceRoot":"","sources":["../../../../src/app-shell-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC;IAC7C,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,qEAAqE;IACrE,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AA6BD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,wBAAwB,GACrC,IAAI,CAKN;AAED,wBAAgB,iBAAiB,IAAI,wBAAwB,EAAE,CAE9D;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAMvE;AAED,wBAAgB,+BAA+B,IAAI,MAAM,CAExD"}

package/app-shell-registry.js

@@ -9,13 +9,29 @@ function getRegistryStore() {
         return existing;
     const created = {
         entries: new Map(),
+        listeners: new Set(),
+        version: 0,
     };
     globalObject[registryKey] = created;
     return created;
 }
 export function registerAppShellPage(registration) {
-    getRegistryStore().entries.set(registration.id, registration);
+    const store = getRegistryStore();
+    store.entries.set(registration.id, registration);
+    store.version += 1;
+    for (const listener of store.listeners)
+        listener();
 }
 export function listAppShellPages() {
     return [...getRegistryStore().entries.values()];
 }
+export function subscribeAppShellPages(listener) {
+    const store = getRegistryStore();
+    store.listeners.add(listener);
+    return () => {
+        store.listeners.delete(listener);
+    };
+}
+export function getAppShellPageRegistrySnapshot() {
+    return getRegistryStore().version;
+}

package/backgrounds/BackgroundHost.d.ts

@@ -0,0 +1,14 @@
+export interface BackgroundHostProps {
+    className?: string;
+}
+/**
+ * Static, solid shell background.
+ *
+ * The always-mounted app shell uses a single solid color sourced from the
+ * theme's `--background` token (with a sky-blue fallback). There is no
+ * animation, no `<video>`, no canvas, and no requestAnimationFrame loop — a
+ * deliberate product decision so the background never consumes CPU/GPU while
+ * the shell is mounted.
+ */
+export declare function BackgroundHost({ className, }: BackgroundHostProps): React.JSX.Element;
+//# sourceMappingURL=BackgroundHost.d.ts.map

package/backgrounds/BackgroundHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundHost.d.ts","sourceRoot":"","sources":["../../../../../src/backgrounds/BackgroundHost.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgBzC"}

package/backgrounds/BackgroundHost.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SOLID_BACKGROUND_CSS } from "./types.js";
+/**
+ * Static, solid shell background.
+ *
+ * The always-mounted app shell uses a single solid color sourced from the
+ * theme's `--background` token (with a sky-blue fallback). There is no
+ * animation, no `<video>`, no canvas, and no requestAnimationFrame loop — a
+ * deliberate product decision so the background never consumes CPU/GPU while
+ * the shell is mounted.
+ */
+export function BackgroundHost({ className, }) {
+    return (_jsx("div", { className: className, "data-eliza-background-host": "", "data-eliza-bg": "solid", "aria-hidden": "true", style: {
+            position: "absolute",
+            inset: 0,
+            zIndex: 0,
+            pointerEvents: "none",
+            background: SOLID_BACKGROUND_CSS,
+        } }));
+}

package/backgrounds/index.d.ts

@@ -0,0 +1,4 @@
+export type { BackgroundHostProps } from "./BackgroundHost";
+export { BackgroundHost } from "./BackgroundHost";
+export { SKY_BACKGROUND_COLOR, SOLID_BACKGROUND_CSS } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/backgrounds/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/backgrounds/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC"}

package/backgrounds/index.js

@@ -0,0 +1,2 @@
+export { BackgroundHost } from "./BackgroundHost.js";
+export { SKY_BACKGROUND_COLOR, SOLID_BACKGROUND_CSS } from "./types.js";

package/backgrounds/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Solid background color used as the static fallback when the theme's
+ * `--background` CSS variable is unavailable (e.g. before stylesheets load).
+ * Brand rule (#8796): no blue — a light neutral matches the light theme bg
+ * without flashing a blue frame before the stylesheet loads.
+ */
+export declare const SKY_BACKGROUND_COLOR = "#f4f4f5";
+/**
+ * CSS value for the static shell background. Prefers the theme's
+ * `--background` token and falls back to the solid sky color.
+ */
+export declare const SOLID_BACKGROUND_CSS = "var(--background, #f4f4f5)";
+//# sourceMappingURL=types.d.ts.map

package/backgrounds/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/backgrounds/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C;;;GAGG;AACH,eAAO,MAAM,oBAAoB,+BAA+C,CAAC"}

package/backgrounds/types.js

@@ -0,0 +1,12 @@
+/**
+ * Solid background color used as the static fallback when the theme's
+ * `--background` CSS variable is unavailable (e.g. before stylesheets load).
+ * Brand rule (#8796): no blue — a light neutral matches the light theme bg
+ * without flashing a blue frame before the stylesheet loads.
+ */
+export const SKY_BACKGROUND_COLOR = "#f4f4f5";
+/**
+ * CSS value for the static shell background. Prefers the theme's
+ * `--background` token and falls back to the solid sky color.
+ */
+export const SOLID_BACKGROUND_CSS = `var(--background, ${SKY_BACKGROUND_COLOR})`;

package/bridge/capacitor-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"capacitor-bridge.d.ts","sourceRoot":"","sources":["../../../../../src/bridge/capacitor-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAQH,OAAO,EACL,KAAK,YAAY,EAGjB,kBAAkB,EAClB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAgBzB;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC;IACnD,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,qBAAqB,CAiBvD;AAED;;GAEG;AACH,eAAO,MAAM,OAAO;IAClB;;OAEG;aACY,OAAO,CAAC,IAAI,CAAC;IAK5B;;OAEG;cACa,OAAO,CAAC,IAAI,CAAC;IAK7B;;OAEG;aACY,OAAO,CAAC,IAAI,CAAC;IAK5B;;OAEG;eACc,OAAO,CAAC,IAAI,CAAC;IAK9B;;OAEG;eACc,OAAO,CAAC,IAAI,CAAC;IAK9B;;OAEG;aACY,OAAO,CAAC,IAAI,CAAC;IAK5B;;OAEG;sBACqB,OAAO,CAAC,IAAI,CAAC;IAKrC;;OAEG;wBACuB,OAAO,CAAC,IAAI,CAAC;IAKvC;;OAEG;oBACmB,OAAO,CAAC,IAAI,CAAC;CAIpC,CAAC;AAEF;;;;;;GAMG;AACH,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAG9C;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,CAGzE;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,cAAc,EAChD,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,SAAS,CAEf;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,YAAY,EAAE,qBAAqB,CAAC;IACpC,mCAAmC;IACnC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,sBAAsB;IACtB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,8BAA8B;IAC9B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,4BAA4B;IAC5B,cAAc,EAAE,OAAO,cAAc,CAAC;IACtC,mDAAmD;IACnD,OAAO,EAAE,YAAY,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,EAAE,OAAO,kBAAkB,CAAC;IAC9C,oBAAoB;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,KAAK,EAAE,OAAO,CAAC;QACf,SAAS,EAAE,OAAO,CAAC;QACnB,SAAS,EAAE,OAAO,CAAC;QACnB,KAAK,EAAE,OAAO,CAAC;QACf,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AA6BD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,KAAK,EAAE,WAAW,CAAC;KACpB;CACF;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAKhD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,OAAO,CAAC,WAAW,CAAC,CAcpD"}
+{"version":3,"file":"capacitor-bridge.d.ts","sourceRoot":"","sources":["../../../../../src/bridge/capacitor-bridge.ts"],"names":[],"mappings":"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"}

package/bridge/capacitor-bridge.js

@@ -9,7 +9,6 @@
  * only available when running on platforms that support them.
  */
 import { Capacitor } from "@capacitor/core";
-import { Haptics, ImpactStyle, NotificationType } from "@capacitor/haptics";
 import { BRIDGE_READY_EVENT, dispatchAppEvent } from "../events/index.js";
 import { isElectrobunRuntime } from "./electrobun-runtime.js";
 // Import the plugin bridge
@@ -46,6 +45,15 @@ export function getCapabilities() {
         voiceWake: isNative && (isIOS || isAndroid), // macOS via Swabble handled separately
     };
 }
+/**
+ * Lazy-load @capacitor/haptics on demand. Keeping it out of the static module
+ * graph means server consumers that pull in the @elizaos/ui barrel (e.g.
+ * plugin-inbox in the Node agent image) don't crash resolving a native-only,
+ * mobile-only devDependency. Only ever invoked behind an `isNative` guard.
+ */
+function loadHaptics() {
+    return import("@capacitor/haptics");
+}
 /**
  * Haptic feedback wrapper
  */
@@ -56,6 +64,7 @@ export const haptics = {
     async light() {
         if (!isNative)
             return;
+        const { Haptics, ImpactStyle } = await loadHaptics();
         await Haptics.impact({ style: ImpactStyle.Light });
     },
     /**
@@ -64,6 +73,7 @@ export const haptics = {
     async medium() {
         if (!isNative)
             return;
+        const { Haptics, ImpactStyle } = await loadHaptics();
         await Haptics.impact({ style: ImpactStyle.Medium });
     },
     /**
@@ -72,6 +82,7 @@ export const haptics = {
     async heavy() {
         if (!isNative)
             return;
+        const { Haptics, ImpactStyle } = await loadHaptics();
         await Haptics.impact({ style: ImpactStyle.Heavy });
     },
     /**
@@ -80,6 +91,7 @@ export const haptics = {
     async success() {
         if (!isNative)
             return;
+        const { Haptics, NotificationType } = await loadHaptics();
         await Haptics.notification({ type: NotificationType.Success });
     },
     /**
@@ -88,6 +100,7 @@ export const haptics = {
     async warning() {
         if (!isNative)
             return;
+        const { Haptics, NotificationType } = await loadHaptics();
         await Haptics.notification({ type: NotificationType.Warning });
     },
     /**
@@ -96,6 +109,7 @@ export const haptics = {
     async error() {
         if (!isNative)
             return;
+        const { Haptics, NotificationType } = await loadHaptics();
         await Haptics.notification({ type: NotificationType.Error });
     },
     /**
@@ -104,6 +118,7 @@ export const haptics = {
     async selectionStart() {
         if (!isNative)
             return;
+        const { Haptics } = await loadHaptics();
         await Haptics.selectionStart();
     },
     /**
@@ -112,6 +127,7 @@ export const haptics = {
     async selectionChanged() {
         if (!isNative)
             return;
+        const { Haptics } = await loadHaptics();
         await Haptics.selectionChanged();
     },
     /**
@@ -120,6 +136,7 @@ export const haptics = {
     async selectionEnd() {
         if (!isNative)
             return;
+        const { Haptics } = await loadHaptics();
         await Haptics.selectionEnd();
     },
 };
@@ -129,7 +146,6 @@ const pluginRegistry = new Map();
  */
 export function registerPlugin(name, plugin) {
     pluginRegistry.set(name, plugin);
-    console.log(`[Capacitor Bridge] Registered plugin: ${name}`);
 }
 /**
  * Get a registered plugin