@elizaos/ui 2.0.3-beta.3 → 2.0.3-beta.5

package/components/pages/Springboard.js

@@ -13,8 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the shared root `AppBackground` shows through, matching the home screen.
  */
 import { Pencil, Trash2 } from "lucide-react";
-import { motion, Reorder } from "motion/react";
+import { Reorder } from "motion/react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useHorizontalPager } from "../../hooks/useHorizontalPager.js";
 import { cn } from "../../lib/utils.js";
 import { moveIcon, readSpringboardLayout, reconcileLayout, SPRINGBOARD_DOCK_LIMIT, toggleFavorite, writeSpringboardLayout, } from "../../state/springboard-layout.js";
 import { emitViewInteraction } from "../../view-telemetry.js";
@@ -23,8 +24,6 @@ const LONG_PRESS_MS = 450;
 /** Finger travel (px) that aborts a long-press — a pan/swipe is not a press, so
  *  a horizontal swipe-back can never ghost-fire edit mode mid-gesture. */
 const LONG_PRESS_MOVE_SLOP = 10;
-/** Horizontal drag distance (px) needed to flip to the adjacent page. */
-const SWIPE_THRESHOLD = 60;
 // Memoized so a layout reconcile (install/uninstall/sort) re-renders only the
 // tiles whose props actually changed, not all ~20 on a page.
 const IconTile = memo(function IconTile({ entry, editing, favorited, manageable, onLaunch, onToggleFavorite, onEdit, onDelete, onLongPress, }) {
@@ -62,20 +61,17 @@ const IconTile = memo(function IconTile({ entry, editing, favorited, manageable,
                         // gesture interrupts the press — clear the timer so a long-press never
                         // ghost-fires edit mode after the user finishes scrolling.
                         onPointerCancel: clear, className: cn(
-                        // ViewTileImage handles image-vs-glyph internally, so the button is
-                        // one constant surface. The hero image (object-cover) covers the
-                        // tile when it loads; this dark neutral fill + white glyph is the
-                        // fallback so a tile reads as a real app icon (not a bare glyph
-                        // floating on the background) even before/without the image. Filter
-                        // effects (#9281) and focus rings (#9292) were removed on develop.
+                        // ViewTileImage renders this surface as an app icon, not as a
+                        // cropped catalog preview. The button stays one constant hit target
+                        // and owns hover/focus chrome; the inner visual owns color/glyph.
                         "h-16 w-16 overflow-hidden rounded-2xl border border-white/10 bg-black/35 text-white transition-colors hover:bg-black/45", editing && "animate-pulse"), children: _jsx(ViewTileImage, { entry: entry, source: "springboard", containerClassName: "grid h-full w-full place-items-center", glyphClassName: "h-7 w-7", imageTestId: `springboard-image-${entry.id}` }) }), editing ? (_jsx("button", { type: "button", "aria-label": favorited ? `Unpin ${entry.label}` : `Pin ${entry.label}`, "data-testid": `springboard-fav-${entry.id}`, onClick: (e) => {
                             e.stopPropagation();
                             onToggleFavorite(entry.id);
                         }, className: cn(
                         // Filled chips stay legible across image and dark tile backgrounds.
-                        "absolute -right-1.5 -top-1.5 grid h-5 w-5 place-items-center rounded-full text-[11px] font-bold shadow-md ring-1", favorited
-                            ? "bg-accent text-white ring-black/20"
-                            : "bg-white text-neutral-900 ring-black/15"), children: favorited ? "★" : "+" })) : null, editing && manageable ? (_jsxs("div", { className: "absolute -left-1.5 -top-1.5 flex gap-1", children: [onEdit ? (_jsx("button", { type: "button", "aria-label": `Edit ${entry.label}`, "data-testid": `springboard-edit-${entry.id}`, onClick: (e) => {
+                        "absolute -right-1.5 -top-1.5 grid h-5 w-5 place-items-center rounded-full border text-[11px] font-bold shadow-md", favorited
+                            ? "border-black/20 bg-accent text-white"
+                            : "border-black/15 bg-white text-neutral-900"), children: favorited ? "★" : "+" })) : null, editing && manageable ? (_jsxs("div", { className: "absolute -left-1.5 -top-1.5 flex gap-1", children: [onEdit ? (_jsx("button", { type: "button", "aria-label": `Edit ${entry.label}`, "data-testid": `springboard-edit-${entry.id}`, onClick: (e) => {
                                     e.stopPropagation();
                                     onEdit(entry.id);
                                 }, className: "grid h-5 w-5 place-items-center rounded-full bg-bg-accent text-foreground", children: _jsx(Pencil, { className: "h-3 w-3", "aria-hidden": "true" }) })) : null, onDelete ? (_jsx("button", { type: "button", "aria-label": `Delete ${entry.label}`, "data-testid": `springboard-delete-${entry.id}`, onClick: (e) => {
@@ -199,40 +195,33 @@ export function Springboard({ entries, loading = false, onLaunch, onEdgeSwipeRig
         onDeleteView,
         toggleEditMode,
     ]);
-    return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "data-testid": "springboard", children: [favoriteEntries.length > 0 ? (_jsx("div", { "data-testid": "springboard-dock", className: "mx-3 mt-2 mb-3 flex items-center justify-center gap-3 rounded-3xl border border-white/10 bg-black/30 px-3 py-3 backdrop-blur-md sm:mx-4 sm:gap-4 sm:px-6", children: favoriteEntries.map((entry) => (_jsx("div", { children: renderTile(entry, true) }, `dock-${entry.id}`))) })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx(motion.div
-                    // A stable identity (NOT `key={clampedPage}`): keying on the page
-                    // index forced a full unmount/remount of the page — Reorder.Group and
-                    // every tile — on each swipe, which janks the paging. The page content
-                    // already swaps via `pages[clampedPage]`, and `dragSnapToOrigin`
-                    // animates the drag back to origin, so the swap is smooth without a
-                    // remount (#9304).
-                    , { drag: editing ? false : "x", dragConstraints: { left: 0, right: 0 }, dragElastic: 0.2, dragSnapToOrigin: true, onDragEnd: (_event, info) => {
-                            if (editing)
-                                return;
-                            if (info.offset.x < -SWIPE_THRESHOLD &&
-                                clampedPage < pages.length - 1) {
-                                setActivePage(clampedPage + 1);
-                                emitViewInteraction({
-                                    source: "springboard",
-                                    action: "page-swipe",
-                                    count: clampedPage + 1,
-                                });
-                            }
-                            else if (info.offset.x > SWIPE_THRESHOLD && clampedPage > 0) {
-                                setActivePage(clampedPage - 1);
-                                emitViewInteraction({
-                                    source: "springboard",
-                                    action: "page-swipe",
-                                    count: clampedPage - 1,
-                                });
-                            }
-                            else if (info.offset.x > SWIPE_THRESHOLD && clampedPage === 0) {
-                                onEdgeSwipeRight?.();
-                            }
-                        }, className: "flex min-h-0 flex-1 items-start justify-center overflow-y-auto px-6 pt-2 pb-8", children: loading && entries.length === 0 ? (_jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: ["a", "b", "c", "d", "e", "f", "g", "h"].map((id) => (_jsxs("div", { className: "flex flex-col items-center gap-1.5 opacity-60", children: [_jsx("div", { className: "h-16 w-16 rounded-2xl bg-bg-accent/50" }), _jsx("div", { className: "h-2.5 w-12 rounded-full bg-bg-accent/50" })] }, id))) })) : (_jsx(Reorder.Group, { axis: "y", values: pages[clampedPage] ?? [], onReorder: (next) => handleReorder(clampedPage, next), className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: (pages[clampedPage] ?? []).map((id) => {
-                                const entry = byId.get(id);
-                                if (!entry)
-                                    return null;
-                                return (_jsx(Reorder.Item, { value: id, drag: editing, dragListener: editing, className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
-                            }) })) }, "springboard-page"), showPageDots && pages.length > 1 ? (_jsx("div", { className: "flex items-center justify-center gap-2 pb-3", children: pages.map((pageIds, index) => (_jsx("button", { type: "button", "aria-label": `Page ${index + 1}`, "aria-current": index === clampedPage, onClick: () => setActivePage(index), className: cn("h-2 w-2 rounded-full transition-colors", index === clampedPage ? "bg-accent" : "bg-border") }, `dot-${index}-${pageIds[0] ?? "empty"}`))) })) : null] })] }));
+    const pager = useHorizontalPager({
+        page: clampedPage,
+        pageCount: pages.length,
+        enabled: !editing && pages.length > 1,
+        edgeSwipeRightEnabled: showPageDots && onEdgeSwipeRight != null,
+        onEdgeSwipeRight,
+        onPageChange: (nextPage) => {
+            setActivePage(nextPage);
+            emitViewInteraction({
+                source: "springboard",
+                action: "page-swipe",
+                count: nextPage,
+            });
+        },
+    });
+    return (_jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "data-testid": "springboard", children: [favoriteEntries.length > 0 ? (_jsx("div", { "data-testid": "springboard-dock", className: "mx-3 mt-2 mb-3 flex items-center justify-center gap-3 rounded-3xl border border-white/10 bg-black/45 px-3 py-3 sm:mx-4 sm:gap-4 sm:px-6", children: favoriteEntries.map((entry) => (_jsx("div", { children: renderTile(entry, true) }, `dock-${entry.id}`))) })) : null, _jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsx("div", { ref: pager.viewportRef, "data-testid": "springboard-page-window", className: "relative flex min-h-0 flex-1 overflow-hidden touch-pan-y", onPointerDown: pager.handlers.onPointerDown, onPointerMove: pager.handlers.onPointerMove, onPointerUp: pager.handlers.onPointerUp, onPointerCancel: pager.handlers.onPointerCancel, onLostPointerCapture: pager.handlers.onLostPointerCapture, children: _jsx("div", { ref: pager.railRef, "data-testid": "springboard-page-rail", className: "flex h-full min-h-0 w-full motion-reduce:transition-none", children: loading && entries.length === 0 ? (_jsx("div", { className: "flex h-full min-h-0 min-w-full items-start justify-center overflow-y-auto px-6 pt-2 pb-8", children: _jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: ["a", "b", "c", "d", "e", "f", "g", "h"].map((id) => (_jsxs("div", { className: "flex flex-col items-center gap-1.5 opacity-60", children: [_jsx("div", { className: "h-16 w-16 rounded-2xl bg-bg-accent/50" }), _jsx("div", { className: "h-2.5 w-12 rounded-full bg-bg-accent/50" })] }, id))) }) })) : (pages.map((pageIds, pageIndex) => {
+                                const active = pageIndex === clampedPage;
+                                return (_jsx("div", { "data-testid": `springboard-page-${pageIndex}`, "aria-hidden": !active, inert: !active || undefined, className: cn("flex h-full min-h-0 min-w-full items-start justify-center overflow-y-auto px-6 pt-2 pb-8", !active && "pointer-events-none"), children: editing && active ? (_jsx(Reorder.Group, { axis: "y", values: pageIds, onReorder: (next) => handleReorder(pageIndex, next), className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: pageIds.map((id) => {
+                                            const entry = byId.get(id);
+                                            if (!entry)
+                                                return null;
+                                            return (_jsx(Reorder.Item, { value: id, drag: editing, dragListener: editing, className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
+                                        }) })) : (_jsx("div", { className: "grid w-full max-w-2xl grid-cols-4 gap-x-4 gap-y-5 sm:grid-cols-5", children: pageIds.map((id) => {
+                                            const entry = byId.get(id);
+                                            if (!entry)
+                                                return null;
+                                            return (_jsx("div", { className: "flex justify-center", children: renderTile(entry, favoriteSet.has(id)) }, id));
+                                        }) })) }, `springboard-page-${pageIndex}`));
+                            })) }) }), showPageDots && pages.length > 1 ? (_jsx("div", { className: "flex items-center justify-center gap-2 pb-3", children: pages.map((pageIds, index) => (_jsx("button", { type: "button", "aria-label": `Page ${index + 1}`, "aria-current": index === clampedPage, onClick: () => setActivePage(index), className: cn("h-2 w-2 rounded-full transition-colors", index === clampedPage ? "bg-accent" : "bg-border") }, `dot-${index}-${pageIds[0] ?? "empty"}`))) })) : null] })] }));
 }

package/components/pages/SpringboardSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpringboardSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/SpringboardSurface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2F/B,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,0DAE5B,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgF5C,CAAC"}
+{"version":3,"file":"SpringboardSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/SpringboardSurface.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsI/B,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,0DAE5B,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmR5C,CAAC"}

package/components/pages/SpringboardSurface.js

@@ -1,11 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isViewVisible } from "@elizaos/core";
 import * as React from "react";
+import { getElectrobunRendererRpc, registerDynamicView, unregisterDynamicView, } from "../../bridge/electrobun-rpc.js";
 import { useRoutableViews } from "../../hooks/useAvailableViews.js";
 import { useViewCatalog } from "../../hooks/useViewCatalog.js";
 import { viewToEntry } from "../../hooks/view-catalog.js";
 import { getActiveViewModality, } from "../../platform/platform-guards.js";
 import { setSpringboardEditing, setSpringboardPage, setSpringboardPageCount, useShellSurface, } from "../../state/shell-surface-store.js";
+import { useIsDeveloperMode } from "../../state/useDeveloperMode.js";
 import { useEnabledViewKinds } from "../../state/useViewKinds.js";
 import { recordRecentViewId } from "../../view-recents.js";
 import { Springboard } from "./Springboard.js";
@@ -17,8 +19,14 @@ const HIDDEN_SPRINGBOARD_VIEW_IDS = new Set([
     "character",
     "character-select",
     "voice",
+    "background",
+]);
+const HIDDEN_SPRINGBOARD_PATHS = new Set([
+    "/chat",
+    "/views",
+    "/apps",
+    "/background",
 ]);
-const HIDDEN_SPRINGBOARD_PATHS = new Set(["/chat", "/views", "/apps"]);
 const SPRINGBOARD_SYSTEM_ENTRY_IDS = new Set([
     "settings",
     "tasks",
@@ -37,7 +45,6 @@ const SPRINGBOARD_SYSTEM_ENTRY_IDS = new Set([
     "runtime",
     "database",
     "logs",
-    "background",
     "stream",
     "desktop",
 ]);
@@ -74,15 +81,36 @@ function dedupeEntries(entries) {
     }
     return out;
 }
+const EMPTY_DYNAMIC_VIEW_FORM = {
+    id: "",
+    title: "",
+    entrypoint: "",
+    description: "",
+};
+function dynamicViewBridgeAvailable() {
+    const request = getElectrobunRendererRpc()?.request;
+    return (typeof request?.dynamicViewRegister === "function" &&
+        typeof request?.dynamicViewUnregister === "function");
+}
+function editableEntrypointFor(entry) {
+    return (entry.view?.bundleUrl ??
+        entry.view?.path ??
+        entry.path ??
+        `/apps/${entry.id}`);
+}
 export const SpringboardSurface = React.memo(function SpringboardSurface({ onNavigateHomeFromEdge, }) {
-    const { views, loading } = useRoutableViews();
-    const { entries: catalogEntries, get: getCatalogEntry } = useViewCatalog();
+    const { views, loading, refresh: refreshViews } = useRoutableViews();
+    const { entries: catalogEntries, get: getCatalogEntry, refresh: refreshCatalog, } = useViewCatalog();
     const enabledKinds = useEnabledViewKinds();
+    const developerMode = useIsDeveloperMode();
     const activeModality = React.useMemo(() => getActiveViewModality(), []);
+    const [dynamicViewForm, setDynamicViewForm] = React.useState(EMPTY_DYNAMIC_VIEW_FORM);
+    const [dynamicViewStatus, setDynamicViewStatus] = React.useState(null);
     // Page index + edit mode come from the single shell-surface store, so the
     // springboard, the rail, and its one indicator can never disagree (and edit
     // mode is auto-reset by the store when the user leaves the springboard).
     const { springboardPage, springboardEditing } = useShellSurface();
+    const showDynamicViewControls = developerMode && dynamicViewBridgeAvailable();
     const loadedEntries = React.useMemo(() => views
         .filter((view) => isVisibleSpringboardView(view, enabledKinds, activeModality))
         .map(viewToEntry), [activeModality, enabledKinds, views]);
@@ -92,6 +120,10 @@ export const SpringboardSurface = React.memo(function SpringboardSurface({ onNav
         .sort(compareEntryLabels), [activeModality, catalogEntries]);
     const entries = React.useMemo(() => dedupeEntries([...loadedEntries, ...availableEntries]), [availableEntries, loadedEntries]);
     const entryById = React.useMemo(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
+    const refreshDynamicViews = React.useCallback(() => {
+        refreshViews();
+        refreshCatalog();
+    }, [refreshCatalog, refreshViews]);
     const handleLaunch = React.useCallback((entry) => {
         if (entry.state !== "loaded") {
             void getCatalogEntry(entry).catch(() => {
@@ -116,5 +148,83 @@ export const SpringboardSurface = React.memo(function SpringboardSurface({ onNav
             // Sandboxed navigation is best-effort.
         }
     }, [getCatalogEntry]);
-    return (_jsx("div", { className: "absolute inset-0 flex min-h-0 flex-col px-0 pt-2 pb-[calc(var(--eliza-mobile-nav-offset,0px)+var(--safe-area-bottom,0px)+var(--eliza-continuous-chat-clearance,5.25rem)+1.75rem)]", children: _jsx(Springboard, { entries: entries, loading: loading, onLaunch: (entry) => handleLaunch(entryById.get(entry.id) ?? entry), onEdgeSwipeRight: onNavigateHomeFromEdge, page: springboardPage, onPageChange: setSpringboardPage, onPageCountChange: setSpringboardPageCount, editing: springboardEditing, onEditingChange: setSpringboardEditing, showPageDots: false }) }));
+    const canManageView = React.useCallback((id) => {
+        if (!showDynamicViewControls)
+            return false;
+        const entry = entryById.get(id);
+        return (entry?.state === "loaded" && entry.kind === "view" && !entry.builtin);
+    }, [entryById, showDynamicViewControls]);
+    const updateDynamicField = React.useCallback((field, value) => {
+        setDynamicViewForm((current) => ({ ...current, [field]: value }));
+    }, []);
+    const handleEditDynamicView = React.useCallback((id) => {
+        const entry = entryById.get(id);
+        if (!entry)
+            return;
+        setDynamicViewForm({
+            id: entry.id,
+            title: entry.label,
+            entrypoint: editableEntrypointFor(entry),
+            description: entry.description ?? "",
+        });
+        setDynamicViewStatus(null);
+    }, [entryById]);
+    const handleSaveDynamicView = React.useCallback(async (event) => {
+        event.preventDefault();
+        const id = dynamicViewForm.id.trim();
+        const title = dynamicViewForm.title.trim();
+        const entrypoint = dynamicViewForm.entrypoint.trim();
+        const description = dynamicViewForm.description.trim();
+        if (!id || !title || !entrypoint) {
+            setDynamicViewStatus("Dynamic view ID, title, and entrypoint are required.");
+            return;
+        }
+        const manifest = {
+            id,
+            title,
+            source: "developer",
+            entrypoint,
+            placement: "canvas",
+        };
+        if (description)
+            manifest.description = description;
+        try {
+            const saved = await registerDynamicView(manifest, { update: true });
+            if (!saved) {
+                setDynamicViewStatus("Dynamic view bridge is unavailable.");
+                return;
+            }
+            setDynamicViewStatus(`Saved ${saved.title}.`);
+            refreshDynamicViews();
+        }
+        catch (error) {
+            setDynamicViewStatus(error instanceof Error ? error.message : String(error));
+        }
+    }, [dynamicViewForm, refreshDynamicViews]);
+    const handleDeleteDynamicView = React.useCallback(async (id) => {
+        const entry = entryById.get(id);
+        if (!entry)
+            return;
+        try {
+            const result = await unregisterDynamicView(id);
+            if (!result) {
+                setDynamicViewStatus("Dynamic view bridge is unavailable.");
+                return;
+            }
+            if (!result.removed) {
+                setDynamicViewStatus(`${entry.label} was not registered.`);
+                return;
+            }
+            setDynamicViewStatus(`Deleted ${entry.label}.`);
+            setDynamicViewForm((current) => current.id === id ? { ...EMPTY_DYNAMIC_VIEW_FORM } : current);
+            refreshDynamicViews();
+        }
+        catch (error) {
+            setDynamicViewStatus(error instanceof Error ? error.message : String(error));
+        }
+    }, [entryById, refreshDynamicViews]);
+    return (_jsxs("div", { className: "absolute inset-0 flex min-h-0 flex-col px-0 pb-[calc(var(--eliza-mobile-nav-offset,0px)+var(--safe-area-bottom,0px)+var(--eliza-continuous-chat-clearance,5.25rem)+1.75rem)]", children: [showDynamicViewControls ? (_jsxs("form", { "aria-label": "Dynamic view management", onSubmit: handleSaveDynamicView, className: "mx-3 mb-2 grid flex-none gap-2 rounded-lg border border-white/10 bg-black/55 p-3 text-white sm:mx-4", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs("label", { className: "grid gap-1 text-xs font-medium", children: ["Dynamic view ID", _jsx("input", { className: "h-9 rounded-md border border-white/15 bg-black/40 px-2 text-sm text-white outline-none", value: dynamicViewForm.id, onChange: (event) => updateDynamicField("id", event.currentTarget.value) })] }), _jsxs("label", { className: "grid gap-1 text-xs font-medium", children: ["Dynamic view title", _jsx("input", { className: "h-9 rounded-md border border-white/15 bg-black/40 px-2 text-sm text-white outline-none", value: dynamicViewForm.title, onChange: (event) => updateDynamicField("title", event.currentTarget.value) })] }), _jsxs("label", { className: "grid gap-1 text-xs font-medium", children: ["Dynamic view entrypoint", _jsx("input", { className: "h-9 rounded-md border border-white/15 bg-black/40 px-2 text-sm text-white outline-none", value: dynamicViewForm.entrypoint, onChange: (event) => updateDynamicField("entrypoint", event.currentTarget.value) })] }), _jsxs("label", { className: "grid gap-1 text-xs font-medium", children: ["Dynamic view description", _jsx("input", { className: "h-9 rounded-md border border-white/15 bg-black/40 px-2 text-sm text-white outline-none", value: dynamicViewForm.description, onChange: (event) => updateDynamicField("description", event.currentTarget.value) })] })] }), _jsxs("div", { className: "flex min-h-9 flex-wrap items-center gap-2", children: [_jsx("button", { type: "submit", className: "h-8 rounded-md bg-accent px-3 text-sm font-semibold text-white hover:bg-accent/85", children: "Save" }), _jsx("button", { type: "button", className: "h-8 rounded-md border border-white/15 px-3 text-sm font-semibold text-white hover:bg-white/10", onClick: () => {
+                                    setDynamicViewForm({ ...EMPTY_DYNAMIC_VIEW_FORM });
+                                    setDynamicViewStatus(null);
+                                }, children: "Clear" }), dynamicViewStatus ? (_jsx("p", { role: "status", className: "text-sm text-white/80", children: dynamicViewStatus })) : null] })] })) : null, _jsx(Springboard, { entries: entries, loading: loading, onLaunch: (entry) => handleLaunch(entryById.get(entry.id) ?? entry), onEdgeSwipeRight: onNavigateHomeFromEdge, canManageView: showDynamicViewControls ? canManageView : undefined, onEditView: showDynamicViewControls ? handleEditDynamicView : undefined, onDeleteView: showDynamicViewControls ? handleDeleteDynamicView : undefined, page: springboardPage, onPageChange: setSpringboardPage, onPageCountChange: setSpringboardPageCount, editing: springboardEditing, onEditingChange: setSpringboardEditing, showPageDots: false })] }));
 });

package/components/shell/ContinuousChatOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousChatOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shell/ContinuousChatOverlay.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAgCnF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA8D7E;;+CAE+C;AAC/C,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,GACnB,WAAW,CAAC;AAEhB;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAu0B1D,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,SAAmB,EACnB,KAAK,EAAE,SAAS,GACjB,EAAE;IACD,UAAU,EAAE,eAAe,CAAC;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqjFpB"}
+{"version":3,"file":"ContinuousChatOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shell/ContinuousChatOverlay.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAqCnF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA8D7E;;+CAE+C;AAC/C,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,OAAO,GACP,iBAAiB,GACjB,mBAAmB,GACnB,WAAW,CAAC;AAEhB;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAw0B1D,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,SAAmB,EACnB,KAAK,EAAE,SAAS,GACjB,EAAE;IACD,UAAU,EAAE,eAAe,CAAC;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAknFpB"}