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

package/components/shell/TopicGroup.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { usePullGesture } from "./use-pull-gesture.js";
+/**
+ * A collapsible topic cluster in the transcript (#8928).
+ *
+ * The group header is gesture-driven — NO visible buttons: tap toggles, a flick
+ * UP collapses, a flick DOWN expands. Collapsed, it shows a single pill
+ * ("● deployment — 12 messages"); expanded, a quiet topic divider above its
+ * messages. An untitled segment (no topic) renders its children bare.
+ *
+ * Split so the gesture hook lives at the top of {@link TitledTopicGroup} and is
+ * never called conditionally (an untitled run takes the early branch here, which
+ * runs no hooks).
+ */
+export function TopicGroup({ topic, count, collapsed, onCollapsedChange, children, }) {
+    // Untitled run (no dominant topic) — render messages with no header/collapse.
+    if (!topic) {
+        return _jsx("div", { "data-testid": "topic-group-untitled", children: children });
+    }
+    return (_jsx(TitledTopicGroup, { topic: topic, count: count, collapsed: collapsed, onCollapsedChange: onCollapsedChange, children: children }));
+}
+function TitledTopicGroup({ topic, count, collapsed, onCollapsedChange, children, }) {
+    const gesture = usePullGesture({
+        onTap: () => onCollapsedChange(!collapsed),
+        onPullUp: () => onCollapsedChange(true),
+        onPullDown: () => onCollapsedChange(false),
+    });
+    return (_jsxs("div", { "data-testid": "topic-group", "data-topic": topic, "data-collapsed": collapsed, children: [collapsed ? (_jsxs("button", { type: "button", "data-testid": "topic-group-pill", "aria-expanded": false, "aria-label": `Expand topic ${topic} (${count} messages)`, onClick: () => onCollapsedChange(false), ...gesture, className: cn("my-2 flex w-full touch-pan-y items-center gap-2 rounded-full px-3 py-1.5 text-left transition-colors", "border border-white/15 bg-white/10 text-white/80 hover:bg-white/20 hover:text-white", "  "), children: [_jsx("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-white/60", "aria-hidden": true }), _jsx("span", { className: "truncate text-[13px] font-medium", children: topic }), _jsxs("span", { className: "ml-auto shrink-0 text-[11px] text-white/45", children: [count, " ", count === 1 ? "message" : "messages"] })] })) : (_jsxs("button", { type: "button", "data-testid": "topic-group-header", "aria-expanded": true, "aria-label": `Collapse topic ${topic}`, onClick: () => onCollapsedChange(true), ...gesture, className: cn("sticky top-0 z-[1] mb-1 mt-3 flex w-full touch-pan-y items-center gap-2 py-1 text-left", "text-white/45 transition-colors hover:text-white/70", ""), children: [_jsx("span", { className: "h-px flex-1 bg-white/10", "aria-hidden": true }), _jsx("span", { className: "shrink-0 text-[10px] font-medium uppercase tracking-wide", children: topic }), _jsx("span", { className: "h-px flex-1 bg-white/10", "aria-hidden": true })] })), collapsed ? null : children] }));
+}

package/components/shell/__e2e__/chat-ambient-fixture.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
-import { ChatAmbientBackground } from "../ChatAmbientBackground.js";
+import { ShaderBackground } from "../../../backgrounds/ShaderBackground.js";
 function Harness() {
-    return (_jsx("div", { style: { position: "fixed", inset: 0, overflow: "hidden" }, "data-testid": "chat-ambient-host", children: _jsx(ChatAmbientBackground, {}) }));
+    return (_jsx("div", { style: { position: "fixed", inset: 0, overflow: "hidden" }, "data-testid": "chat-ambient-host", children: _jsx(ShaderBackground, {}) }));
 }
 const root = document.getElementById("root");
 if (root)

package/components/shell/__e2e__/chat-sheet-fixture.js

@@ -5,6 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // styled screenshots without an app server. Paired with run-chat-sheet-e2e.mjs.
 import * as React from "react";
 import { createRoot } from "react-dom/client";
+import { MockAppProvider } from "../../../storybook/mock-providers.js";
 import { ContinuousChatOverlay } from "../ContinuousChatOverlay.js";
 let nextId = 100;
 const uid = () => `m${nextId++}`;
@@ -209,6 +210,14 @@ function Harness() {
         // `?speaking` for the spoken reply, so the trailing control + voice-gating
         // behave exactly as they do in the app.
         responding: phase === "responding" || initialSpeaking,
+        // Rich status (#8813): mirror the real controller's derivation so the
+        // screenshots show the phase-aware indicator. Speaking wins; otherwise a
+        // responding phase reads as "thinking" in the fixture (no token stream).
+        turnStatus: initialSpeaking
+            ? { kind: "speaking" }
+            : phase === "responding"
+                ? { kind: "thinking" }
+                : null,
         messages,
         canSend: initialCanSend && phase !== "booting",
         recording,
@@ -260,5 +269,8 @@ function Harness() {
                             }, children: t }, t))) })] }), _jsx(ContinuousChatOverlay, { controller: controller })] }));
 }
 const root = document.getElementById("root");
+// Assistant turns render inline widgets and adjacent rich blocks that read the
+// app store + chat composer — wrap the headless harness in the mock app provider
+// so the segment pipeline resolves without the real shell.
 if (root)
-    createRoot(root).render(_jsx(Harness, {}));
+    createRoot(root).render(_jsx(MockAppProvider, { children: _jsx(Harness, {}) }));

package/components/shell/__e2e__/chatux-gesture-fixture.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Fixture for the chat-UX gesture e2e (#8928, #8929). Renders the three new,
+ * gesture-driven surfaces standalone so a headless browser can drive REAL
+ * pointer gestures against them and record a video:
+ *
+ *   - TopicGroup    — flick UP on the header collapses to a pill; tap the pill
+ *                     (or flick DOWN) expands. NO visible buttons.
+ *   - ConversationSwiper — a horizontal swipe between adjacent conversations,
+ *                     using the same usePullGesture deltaX/onSwipeLeft/onSwipeRight
+ *                     the overlay binds (sheet-open only) in production.
+ */
+export {};
+//# sourceMappingURL=chatux-gesture-fixture.d.ts.map

package/components/shell/__e2e__/chatux-gesture-fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatux-gesture-fixture.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/chatux-gesture-fixture.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG"}

package/components/shell/__e2e__/chatux-gesture-fixture.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Fixture for the chat-UX gesture e2e (#8928, #8929). Renders the three new,
+ * gesture-driven surfaces standalone so a headless browser can drive REAL
+ * pointer gestures against them and record a video:
+ *
+ *   - TopicGroup    — flick UP on the header collapses to a pill; tap the pill
+ *                     (or flick DOWN) expands. NO visible buttons.
+ *   - ConversationSwiper — a horizontal swipe between adjacent conversations,
+ *                     using the same usePullGesture deltaX/onSwipeLeft/onSwipeRight
+ *                     the overlay binds (sheet-open only) in production.
+ */
+import * as React from "react";
+import { createRoot } from "react-dom/client";
+import { TopicChipsBar } from "../TopicChipsBar.js";
+import { TopicGroup } from "../TopicGroup.js";
+import { usePullGesture } from "../use-pull-gesture.js";
+function Bubbles({ lines }) {
+    return (_jsx(_Fragment, { children: lines.map((line, i) => (_jsx("div", { className: "mb-2 whitespace-pre-wrap text-[13px] leading-relaxed text-white/80", children: line }, `${line}-${i}`))) }));
+}
+function InteractiveTopicGroup() {
+    const [collapsed, setCollapsed] = React.useState(false);
+    return (_jsxs("div", { "data-testid": "topic-group-host", children: [_jsx(TopicChipsBar, { topics: ["billing", "deployment", "latency"] }), _jsx(TopicGroup, { topic: "deployment", count: 3, collapsed: collapsed, onCollapsedChange: setCollapsed, children: _jsx(Bubbles, { lines: [
+                        "Can you deploy the worker?",
+                        "Deploying now — building the image…",
+                        "Done. The provisioning worker is live.",
+                    ] }) })] }));
+}
+/**
+ * A minimal conversation swiper mirroring the overlay wiring: the live deltaX
+ * drives an edge hint, a committed swipe steps to the adjacent conversation.
+ */
+function ConversationSwiper() {
+    const conversations = ["Today's standup", "Billing thread", "Deploy incident"];
+    const [index, setIndex] = React.useState(0);
+    const [dx, setDx] = React.useState(0);
+    const gesture = usePullGesture({
+        onDragX: setDx,
+        onSwipeLeft: () => {
+            setDx(0);
+            setIndex((i) => Math.min(conversations.length - 1, i + 1));
+        },
+        onSwipeRight: () => {
+            setDx(0);
+            setIndex((i) => Math.max(0, i - 1));
+        },
+    });
+    return (_jsxs("div", { "data-testid": "conversation-swiper", ...gesture, className: "relative flex h-40 touch-pan-y select-none items-center justify-center overflow-hidden rounded-2xl border border-white/10 bg-white/5", children: [dx < 0 && index > 0 ? (_jsx("div", { "data-testid": "swipe-hint-left", className: "pointer-events-none absolute inset-y-0 left-0 w-16 bg-gradient-to-r from-white/25 to-transparent", style: { opacity: Math.min(1, -dx / 96) } })) : null, dx > 0 && index < conversations.length - 1 ? (_jsx("div", { "data-testid": "swipe-hint-right", className: "pointer-events-none absolute inset-y-0 right-0 w-16 bg-gradient-to-l from-white/25 to-transparent", style: { opacity: Math.min(1, dx / 96) } })) : null, _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-[10px] uppercase tracking-widest text-white/40", children: ["conversation ", index + 1, " / ", conversations.length] }), _jsx("div", { "data-testid": "active-conversation-title", className: "mt-1 text-lg font-medium text-white/90", children: conversations[index] }), _jsx("div", { className: "mt-1 text-[11px] text-white/40", children: "swipe \u2190 / \u2192" })] })] }));
+}
+function App() {
+    return (_jsxs("div", { style: {
+            background: "radial-gradient(120% 120% at 50% 0%, #2a2233 0%, #16121c 100%)",
+            minHeight: "100vh",
+            padding: 24,
+            color: "white",
+            display: "flex",
+            flexDirection: "column",
+            gap: 20,
+            maxWidth: 560,
+            margin: "0 auto",
+        }, children: [_jsx(InteractiveTopicGroup, {}), _jsx(ConversationSwiper, {})] }));
+}
+const root = document.getElementById("root");
+if (root)
+    createRoot(root).render(_jsx(App, {}));

package/components/shell/__e2e__/home-screen-fixture.api-stub.d.ts

@@ -1,15 +1,103 @@
 export declare const client: {
+    getBaseUrl: () => string;
+    getRelationshipsPeople: () => Promise<{
+        people: ReturnType<() => {
+            data: {
+                groupId: string;
+                primaryEntityId: string;
+                memberEntityIds: string[];
+                displayName: string;
+                aliases: never[];
+                platforms: string[];
+                identities: never[];
+                emails: never[];
+                phones: never[];
+                websites: never[];
+                preferredCommunicationChannel: null;
+                categories: never[];
+                tags: never[];
+                factCount: number;
+                relationshipCount: number;
+                isOwner: boolean;
+                profiles: never[];
+                lastInteractionAt: string;
+            }[];
+            stats: {
+                totalPeople: number;
+                totalRelationships: number;
+                totalIdentities: number;
+            };
+        }>["data"];
+        stats: ReturnType<() => {
+            data: {
+                groupId: string;
+                primaryEntityId: string;
+                memberEntityIds: string[];
+                displayName: string;
+                aliases: never[];
+                platforms: string[];
+                identities: never[];
+                emails: never[];
+                phones: never[];
+                websites: never[];
+                preferredCommunicationChannel: null;
+                categories: never[];
+                tags: never[];
+                factCount: number;
+                relationshipCount: number;
+                isOwner: boolean;
+                profiles: never[];
+                lastInteractionAt: string;
+            }[];
+            stats: {
+                totalPeople: number;
+                totalRelationships: number;
+                totalIdentities: number;
+            };
+        }>["stats"];
+    }>;
+    getRelationshipsCandidates: () => Promise<{
+        id: string;
+        entityA: string;
+        entityB: string;
+        confidence: number;
+        evidence: {
+            platform: string;
+            handle: string;
+        };
+        status: string;
+        proposedAt: string;
+    }[]>;
+    listNotifications: () => Promise<{
+        notifications: import("@elizaos/core").AgentNotification[];
+        unreadCount: number;
+    }>;
+    onWsEvent: () => void;
+    markNotificationRead: () => Promise<{
+        ok: boolean;
+    }>;
+    markAllNotificationsRead: () => Promise<{
+        changed: number;
+    }>;
+    removeNotification: () => Promise<{
+        ok: boolean;
+    }>;
+    clearNotifications: () => Promise<{
+        ok: boolean;
+    }>;
     getInboxChats: () => Promise<{
-        chats: {
-            id: string;
-            source: string;
-            worldLabel: string;
-            title: string;
-            lastMessageText: string;
-            lastMessageAt: number;
-            messageCount: number;
-        }[];
+        chats: never[];
         count: number;
     }>;
+    listAppRuns: () => Promise<never[]>;
+    getOrchestratorAccounts: () => Promise<{
+        accounts: never[];
+    }>;
+    getOrchestratorRooms: () => Promise<{
+        rooms: never[];
+    }>;
+    listAccounts: () => Promise<{
+        accounts: never[];
+    }>;
 };
 //# sourceMappingURL=home-screen-fixture.api-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.api-stub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home-screen-fixture.api-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.api-stub.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CASlB,CAAC"}
+{"version":3,"file":"home-screen-fixture.api-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.api-stub.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBlB,CAAC"}

package/components/shell/__e2e__/home-screen-fixture.api-stub.js

@@ -1,11 +1,32 @@
-// Stub `../../api` for the home-screen e2e: just the client methods HomeScreen uses.
+// Stub for `../../api` (and `../../api/client`) in the home-screen e2e.
+//
+// The REAL WidgetHost + home widgets bundle and render; only their data sources
+// are stubbed. Widgets that fetch lifeops routes call `client.getBaseUrl()` then
+// raw `window.fetch` (mocked in the fixture); the relationships widget and the
+// notification store call typed `client.*` methods, delegated here to the shared
+// home-widget mock data so the cards render with injected data.
+import { homeWidgetNotificationsResponse, homeWidgetRelationshipsCandidates, homeWidgetRelationshipsPeople, } from "../../../widgets/__fixtures__/home-widget-mock-data.js";
 export const client = {
-    getInboxChats: async () => ({
-        chats: [
-            { id: "c1", source: "imessage", worldLabel: "iMessage", title: "Alex Rivera", lastMessageText: "see you at 5, bring the deck", lastMessageAt: Date.now() - 120000, messageCount: 4 },
-            { id: "c2", source: "telegram", worldLabel: "Telegram", title: "Eng standup", lastMessageText: "deploy is green ✅", lastMessageAt: Date.now() - 1800000, messageCount: 12 },
-            { id: "c3", source: "discord", worldLabel: "Discord", title: "example", lastMessageText: "gm", lastMessageAt: Date.now() - 5400000, messageCount: 99 },
-        ],
-        count: 3,
-    }),
+    // Empty base → widgets fetch `/api/lifeops/...` which the window.fetch mock
+    // (installed in the fixture) intercepts.
+    getBaseUrl: () => "",
+    getRelationshipsPeople: async () => homeWidgetRelationshipsPeople(),
+    getRelationshipsCandidates: async () => homeWidgetRelationshipsCandidates(),
+    // Notification store hydrate + live subscription.
+    listNotifications: async () => homeWidgetNotificationsResponse(),
+    onWsEvent: () => { },
+    markNotificationRead: async () => ({ ok: true }),
+    markAllNotificationsRead: async () => ({ changed: 0 }),
+    removeNotification: async () => ({ ok: true }),
+    clearNotifications: async () => ({ ok: true }),
+    // The inbox-chats client method the previous fixture exposed (unused by the
+    // home widgets, kept harmless for any incidental caller).
+    getInboxChats: async () => ({ chats: [], count: 0 }),
+    // Agent-orchestrator home cards (Apps / Activity). No live runs/accounts in
+    // the fixture → empty results so those cards self-hide cleanly rather than
+    // surfacing a "not a function" error-boundary fallback.
+    listAppRuns: async () => [],
+    getOrchestratorAccounts: async () => ({ accounts: [] }),
+    getOrchestratorRooms: async () => ({ rooms: [] }),
+    listAccounts: async () => ({ accounts: [] }),
 };

package/components/shell/__e2e__/home-screen-fixture.catalog-stub.d.ts

@@ -0,0 +1,20 @@
+export declare function useViewCatalog(): {
+    entries: {
+        key: string;
+        id: string;
+        label: string;
+        icon: string;
+        hasHero: boolean;
+        modality: string;
+        state: string;
+        kind: string;
+        appName: string;
+        pluginName: string;
+        viewKind: string;
+    }[];
+    loading: boolean;
+    error: null;
+    refresh: () => void;
+    get: () => Promise<void>;
+};
+//# sourceMappingURL=home-screen-fixture.catalog-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.catalog-stub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-screen-fixture.catalog-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.catalog-stub.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;EAsB7B"}

package/components/shell/__e2e__/home-screen-fixture.catalog-stub.js

@@ -0,0 +1,23 @@
+export function useViewCatalog() {
+    return {
+        entries: [
+            {
+                key: "app:weather",
+                id: "weather",
+                label: "Weather",
+                icon: "CloudSun",
+                hasHero: false,
+                modality: "gui",
+                state: "available",
+                kind: "app",
+                appName: "weather",
+                pluginName: "weather",
+                viewKind: "release",
+            },
+        ],
+        loading: false,
+        error: null,
+        refresh: () => { },
+        get: async () => { },
+    };
+}

package/components/shell/__e2e__/home-screen-fixture.core-stub.d.ts

@@ -0,0 +1,3 @@
+export declare function isViewVisible(): boolean;
+export declare function dedupeModalities(modalities: string[]): string[];
+//# sourceMappingURL=home-screen-fixture.core-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.core-stub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-screen-fixture.core-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.core-stub.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,YAE5B;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,YAEpD"}

package/components/shell/__e2e__/home-screen-fixture.core-stub.js

@@ -0,0 +1,6 @@
+export function isViewVisible() {
+    return true;
+}
+export function dedupeModalities(modalities) {
+    return Array.from(new Set(modalities));
+}

package/components/shell/__e2e__/home-screen-fixture.js

@@ -1,13 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
-import { ChatAmbientBackground } from "../ChatAmbientBackground.js";
+import { installHomeWidgetFetchMock, seedHomeWidgetAppStore, seedHomeWidgetNotifications, } from "../../../widgets/__fixtures__/home-widget-mock-data.js";
+import { ShaderBackground } from "../../../backgrounds/ShaderBackground.js";
+import { SpringboardSurface } from "../../pages/SpringboardSurface.js";
+import { HomeSpringboardSurface } from "../HomeSpringboardSurface.js";
 import { HomeScreen } from "../HomeScreen.js";
+// Inject the home-widget data BEFORE the React tree renders so every widget's
+// mount-time fetch + the WidgetHost's plugin resolution see populated data.
+seedHomeWidgetAppStore();
+seedHomeWidgetNotifications();
+installHomeWidgetFetchMock();
 const params = typeof location !== "undefined"
     ? new URLSearchParams(location.search)
     : new URLSearchParams();
 const showNativeOsTiles = params.has("native");
 function Harness() {
-    return (_jsxs("div", { "data-testid": "home-fixture-root", style: { position: "fixed", inset: 0, overflow: "hidden" }, children: [_jsx(ChatAmbientBackground, {}), _jsx(HomeScreen, { onOpenTile: (t) => console.log(`[fixture] open ${JSON.stringify(t)}`), showNativeOsTiles: showNativeOsTiles })] }));
+    return (_jsxs("div", { "data-testid": "home-fixture-root", style: { position: "fixed", inset: 0, overflow: "hidden" }, children: [_jsx(ShaderBackground, {}), _jsx(HomeSpringboardSurface, { home: _jsx(HomeScreen, { onOpenTile: (t) => console.log(`[fixture] open ${JSON.stringify(t)}`), showNativeOsTiles: showNativeOsTiles }), springboard: _jsx(SpringboardSurface, {}) })] }));
 }
 const root = document.getElementById("root");
 if (root)

package/components/shell/__e2e__/home-screen-fixture.platform-stub.d.ts

@@ -0,0 +1,3 @@
+export declare function getActiveViewModality(): string;
+export declare function getFrontendPlatform(): string;
+//# sourceMappingURL=home-screen-fixture.platform-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.platform-stub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-screen-fixture.platform-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.platform-stub.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,WAEpC;AAED,wBAAgB,mBAAmB,WAElC"}

package/components/shell/__e2e__/home-screen-fixture.platform-stub.js

@@ -0,0 +1,6 @@
+export function getActiveViewModality() {
+    return "gui";
+}
+export function getFrontendPlatform() {
+    return "web";
+}

package/components/shell/__e2e__/home-screen-fixture.view-kinds-stub.d.ts

@@ -0,0 +1,5 @@
+export declare function useEnabledViewKinds(): {
+    developer: boolean;
+    preview: boolean;
+};
+//# sourceMappingURL=home-screen-fixture.view-kinds-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.view-kinds-stub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-screen-fixture.view-kinds-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.view-kinds-stub.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB;;;EAElC"}

package/components/shell/__e2e__/home-screen-fixture.view-kinds-stub.js

@@ -0,0 +1,3 @@
+export function useEnabledViewKinds() {
+    return { developer: true, preview: true };
+}

package/components/shell/__e2e__/home-screen-fixture.views-stub.d.ts

@@ -1,3 +1,4 @@
+import type { ViewRegistryEntry } from "../../../hooks/useAvailableViews.js";
 export declare function useAvailableViews(): {
     views: {
         id: string;
@@ -5,4 +6,10 @@ export declare function useAvailableViews(): {
     }[];
     loading: boolean;
 };
+export declare function useRoutableViews(): {
+    views: ViewRegistryEntry[];
+    loading: boolean;
+    error: null;
+    refresh: () => void;
+};
 //# sourceMappingURL=home-screen-fixture.views-stub.d.ts.map

package/components/shell/__e2e__/home-screen-fixture.views-stub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home-screen-fixture.views-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.views-stub.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB;;;;;;EAShC"}
+{"version":3,"file":"home-screen-fixture.views-stub.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shell/__e2e__/home-screen-fixture.views-stub.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,wBAAgB,iBAAiB;;;;;;EAShC;AA2DD,wBAAgB,gBAAgB;;;;;EAuB/B"}

package/components/shell/__e2e__/home-screen-fixture.views-stub.js

@@ -1,6 +1,3 @@
-// Stub for useAvailableViews in the home-screen e2e: report the view paths the
-// home tiles gate on as registered, so the gated tiles (orchestrator,
-// workflows, inbox) render deterministically.
 export function useAvailableViews() {
     return {
         views: [
@@ -11,3 +8,71 @@ export function useAvailableViews() {
         loading: false,
     };
 }
+function builtinView(id, label, path, icon, visibleInManager = false, heroImageUrl) {
+    return {
+        id,
+        label,
+        path,
+        icon,
+        viewType: "gui",
+        available: true,
+        pluginName: "@elizaos/builtin",
+        builtin: true,
+        // Non-system views must be manager-visible to appear in the springboard
+        // grid (system ids like settings/files/tasks are exempt from that gate).
+        visibleInManager,
+        viewKind: "release",
+        // A real hero image (the agent serves a branded SVG at /api/views/:id/hero
+        // on device). Provided as an inline data-URI here so the file:// e2e renders
+        // the actual <img> tile path — proving the springboard shows real image
+        // icons, not the glyph fallback.
+        ...(heroImageUrl
+            ? { hasHeroImage: true, heroImageUrl }
+            : {}),
+    };
+}
+/** A distinct branded-tile data-URI hero (gradient square), keyed by hue. */
+function heroDataUri(hue) {
+    const svg = `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'>` +
+        `<defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>` +
+        `<stop offset='0' stop-color='hsl(${hue} 72% 56%)'/>` +
+        `<stop offset='1' stop-color='hsl(${(hue + 38) % 360} 70% 42%)'/>` +
+        `</linearGradient></defs>` +
+        `<rect width='64' height='64' fill='url(#g)'/>` +
+        `<circle cx='44' cy='20' r='22' fill='#ffffff' opacity='0.18'/>` +
+        `</svg>`;
+    return `data:image/svg+xml,${encodeURIComponent(svg)}`;
+}
+// A roster big enough to fill TWO springboard pages (page size 20). The four
+// dock favorites (settings/activity/files/tasks) pin to the dock; the rest pack
+// into the page grid, so the springboard has 2 pages — which is what makes the
+// doubled-dots regression observable (a single page never rendered inner dots),
+// and gives the icon-distinctness check real, varied glyphs to compare.
+const GRID_ICONS = [
+    "Inbox", "Mail", "CalendarDays", "Heart", "Target", "Network",
+    "Database", "Terminal", "Wallet", "ShoppingBag", "Rss", "Bot",
+    "BrainCircuit", "Monitor", "Radio", "ScrollText", "Globe", "Plug",
+    "Sparkles", "Phone", "Users", "ImageIcon",
+];
+export function useRoutableViews() {
+    const gridViews = GRID_ICONS.map((icon, i) => builtinView(`app${i}`, `App ${i}`, `/apps/app${i}`, icon, true));
+    return {
+        views: [
+            // chat/views are filtered out of the springboard (self-links) — kept so
+            // the e2e can assert their ABSENCE.
+            builtinView("chat", "Chat", "/chat"),
+            builtinView("views", "Views", "/views"),
+            // Dock favorites — real branded hero IMAGES (the agent serves these on
+            // device); rendered as <img> tiles, proving the springboard shows real
+            // image icons, not the glyph fallback (task: real image icons).
+            builtinView("settings", "Settings", "/settings", "Settings", false, heroDataUri(28)),
+            builtinView("activity", "Activity", "/activity", "Activity", true, heroDataUri(150)),
+            builtinView("files", "Files", "/apps/files", "FolderClosed", false, heroDataUri(210)),
+            builtinView("tasks", "Tasks", "/apps/tasks", "ListTodo", false, heroDataUri(280)),
+            ...gridViews,
+        ],
+        loading: false,
+        error: null,
+        refresh: () => { },
+    };
+}

package/components/shell/first-run-theme.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from "react";
-import type { FirstRunThemeConfig } from "../../config/branding";
+import type { FirstRunThemeConfig } from "../../config/branding.js";
 type FirstRunCssVars = CSSProperties & Record<`--${string}`, string>;
 export declare function getFirstRunThemeVars(theme: FirstRunThemeConfig | undefined): FirstRunCssVars;
 export {};

package/components/shell/glass-composer.helpers.d.ts

@@ -1,3 +1,3 @@
-/** Class for the glass composer bar — translucent, blurred, edge-highlighted; no plain borders. */
-export declare const GLASS_COMPOSER_CLASS = "flex items-center gap-1.5 rounded-[6px] border border-txt/15 bg-txt/5 p-1.5 backdrop-blur-xl shadow-[inset_0_1px_0_rgba(255,255,255,0.25),inset_0_-1px_0_rgba(0,0,0,0.06),0_10px_30px_rgba(0,0,0,0.18)]";
+/** Class for the composer bar — translucent, edge-highlighted; no plain borders. */
+export declare const GLASS_COMPOSER_CLASS = "flex items-center gap-1.5 rounded-[6px] border border-txt/15 bg-txt/10 p-1.5";
 //# sourceMappingURL=glass-composer.helpers.d.ts.map

package/components/shell/glass-composer.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass-composer.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shell/glass-composer.helpers.ts"],"names":[],"mappings":"AAAA,mGAAmG;AACnG,eAAO,MAAM,oBAAoB,4MAC0K,CAAC"}
+{"version":3,"file":"glass-composer.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shell/glass-composer.helpers.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,eAAO,MAAM,oBAAoB,iFAC+C,CAAC"}

package/components/shell/glass-composer.helpers.js

@@ -1,2 +1,2 @@
-/** Class for the glass composer bar — translucent, blurred, edge-highlighted; no plain borders. */
-export const GLASS_COMPOSER_CLASS = "flex items-center gap-1.5 rounded-[6px] border border-txt/15 bg-txt/5 p-1.5 backdrop-blur-xl shadow-[inset_0_1px_0_rgba(255,255,255,0.25),inset_0_-1px_0_rgba(0,0,0,0.06),0_10px_30px_rgba(0,0,0,0.18)]";
+/** Class for the composer bar — translucent, edge-highlighted; no plain borders. */
+export const GLASS_COMPOSER_CLASS = "flex items-center gap-1.5 rounded-[6px] border border-txt/15 bg-txt/10 p-1.5";

package/components/shell/glass-composer.js

@@ -39,5 +39,5 @@ export function GlassIconButton({ icon, label, disabled, active, onClick, onPoin
             pointerActivatedRef.current = false;
         }, 0);
     }, [onClick, onPointerDown, onPointerUp]);
-    return (_jsx("button", { type: "button", "aria-label": label, "aria-pressed": icon === "mic" ? active : undefined, disabled: disabled, onClick: handleClick, onPointerDown: onPointerDown, onPointerUp: onPointerUp, onPointerCancel: onPointerCancel, onMouseDown: handleMouseDown, className: cn("grid h-9 w-9 shrink-0 place-items-center transition-transform", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-0", disabled ? "opacity-40" : "hover:scale-105", active && "animate-pulse"), children: _jsx("svg", { viewBox: "0 0 36 36", className: "pointer-events-none h-full w-full drop-shadow-[0_1px_4px_rgba(0,0,0,0.3)]", "aria-hidden": "true", children: _jsx("path", { fill: "#ffffff", fillRule: "evenodd", d: `${BTN_RECT}${icon === "mic" ? MIC_GLYPH : SEND_GLYPH}` }) }) }));
+    return (_jsx("button", { type: "button", "aria-label": label, "aria-pressed": icon === "mic" ? active : undefined, disabled: disabled, onClick: handleClick, onPointerDown: onPointerDown, onPointerUp: onPointerUp, onPointerCancel: onPointerCancel, onMouseDown: handleMouseDown, className: cn("grid h-9 w-9 shrink-0 place-items-center transition-transform", "   ", disabled ? "opacity-40" : "hover:scale-105", active && "animate-pulse"), children: _jsx("svg", { viewBox: "0 0 36 36", className: "pointer-events-none h-full w-full", "aria-hidden": "true", children: _jsx("path", { fill: "#ffffff", fillRule: "evenodd", d: `${BTN_RECT}${icon === "mic" ? MIC_GLYPH : SEND_GLYPH}` }) }) }));
 }

package/components/shell/home-springboard-events.d.ts

@@ -0,0 +1,7 @@
+export declare const HOME_SPRINGBOARD_NAV_EVENT = "eliza:home-springboard:navigate";
+export type HomeSpringboardPage = "home" | "springboard";
+export interface HomeSpringboardNavigationDetail {
+    page: HomeSpringboardPage;
+}
+export declare function dispatchHomeSpringboardNavigation(page: HomeSpringboardPage): void;
+//# sourceMappingURL=home-springboard-events.d.ts.map

package/components/shell/home-springboard-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-springboard-events.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shell/home-springboard-events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,oCAAoC,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,aAAa,CAAC;AAEzD,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED,wBAAgB,iCAAiC,CAC/C,IAAI,EAAE,mBAAmB,GACxB,IAAI,CAQN"}

package/components/shell/home-springboard-events.js

@@ -0,0 +1,6 @@
+export const HOME_SPRINGBOARD_NAV_EVENT = "eliza:home-springboard:navigate";
+export function dispatchHomeSpringboardNavigation(page) {
+    if (typeof window === "undefined")
+        return;
+    window.dispatchEvent(new CustomEvent(HOME_SPRINGBOARD_NAV_EVENT, { detail: { page } }));
+}