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

package/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/App.tsx"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,4CAA4C,CAAC;AAyWpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAgsCD,wBAAgB,GAAG,4CAypBlB"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../../src/App.tsx"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,4CAA4C,CAAC;AAyWpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAgsCD,wBAAgB,GAAG,4CAwpBlB"}

package/App.js

@@ -1204,10 +1204,9 @@ export function App() {
     // first-run overlays — the coordinator handled all of that before this point.
     return (_jsx(BugReportProvider, { value: bugReport, children: _jsxs(ShellControllerProvider, { children: [_jsxs("div", { 
                     // SAFE-AREA FILL INVARIANT (do not break): this root stays
-                    // `position: relative` ONLY. It must NEVER acquire a `transform`,
-                    // `filter`, `backdrop-filter`/`backdrop-blur`, `perspective`,
-                    // `will-change`, or paint/layout `contain`. Any of those makes this
-                    // element the containing block for the `fixed inset-0` background
+                    // `position: relative` ONLY. It must NEVER acquire compositor,
+                    // filter, perspective, or containment declarations. Any of those
+                    // makes this element the containing block for the fixed background
                     // layers below (the opaque `app-opaque-background` underlay and the
                     // `AppBackground` wallpaper), so instead of anchoring to the viewport
                     // they would anchor to this padded box (top = safe-area-top) — leaving

package/components/chat/widgets/home-widget-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"home-widget-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/home-widget-card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAKhD;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAqBA;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAe3D,MAAM,WAAW,mBAAmB;IAClC,gEAAgE;IAChE,IAAI,EAAE,SAAS,CAAC;IAChB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAgB,EAChB,MAAM,EACN,SAAS,EACT,UAAU,GACX,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuEzC"}
+{"version":3,"file":"home-widget-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/home-widget-card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAKhD;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAqBA;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAe3D,MAAM,WAAW,mBAAmB;IAClC,gEAAgE;IAChE,IAAI,EAAE,SAAS,CAAC;IAChB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAgB,EAChB,MAAM,EACN,SAAS,EACT,UAAU,GACX,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsEzC"}

package/components/chat/widgets/home-widget-card.js

@@ -54,9 +54,7 @@ const TONE_DOT_CLASS = {
 export function HomeWidgetCard({ icon, label, value, meta, badge, tone = "default", testId, ariaLabel, onActivate, }) {
     return (_jsxs("button", { type: "button", "data-testid": testId, "aria-label": ariaLabel, title: label, onClick: onActivate, className: cn(
         // Dark neutral glass keeps white text and orange status values legible.
-        "group flex w-full items-center gap-3 rounded-xl border border-white/12 bg-black/45 px-3 py-2.5 text-left backdrop-blur-md", "transition-colors hover:bg-black/55"), children: [_jsxs("span", { className: cn("relative inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-white/10 text-white/85 [&>svg]:h-4 [&>svg]:w-4", tone === "danger" && "text-danger", tone === "warn" && "text-warn"), children: [icon, tone !== "default" ? (_jsx("span", { "aria-hidden": true, className: cn(
-                        // Use a filled dot; the ring only separates it from the icon.
-                        "absolute -right-0.5 -top-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-black/40", TONE_DOT_CLASS[tone]) })) : null] }), _jsx("span", { className: "flex min-w-0 flex-1 flex-col", children: value != null ? (_jsx("span", { className: cn("truncate text-sm font-semibold leading-tight", TONE_VALUE_CLASS[tone]), children: value })) : null }), meta != null ? (_jsx("span", { className: "shrink-0 text-2xs tabular-nums text-white/60", children: meta })) : null, badge != null ? (_jsx("span", { className: cn("shrink-0 rounded-full px-1.5 py-0.5 text-2xs font-semibold", tone === "danger"
+        "group flex w-full items-center gap-3 rounded-xl border border-white/12 bg-black/55 px-3 py-2.5 text-left", "transition-colors hover:bg-black/55"), children: [_jsxs("span", { className: cn("relative inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-white/10 text-white/85 [&>svg]:h-4 [&>svg]:w-4", tone === "danger" && "text-danger", tone === "warn" && "text-warn"), children: [icon, tone !== "default" ? (_jsx("span", { "aria-hidden": true, className: cn("absolute -right-0.5 -top-0.5 h-2.5 w-2.5 rounded-full border border-black/40", TONE_DOT_CLASS[tone]) })) : null] }), _jsx("span", { className: "flex min-w-0 flex-1 flex-col", children: value != null ? (_jsx("span", { className: cn("truncate text-sm font-semibold leading-tight", TONE_VALUE_CLASS[tone]), children: value })) : null }), meta != null ? (_jsx("span", { className: "shrink-0 text-2xs tabular-nums text-white/60", children: meta })) : null, badge != null ? (_jsx("span", { className: cn("shrink-0 rounded-full px-1.5 py-0.5 text-2xs font-semibold", tone === "danger"
                     ? "bg-danger/15 text-danger"
                     : tone === "warn"
                         ? "bg-warn/15 text-warn"

package/components/pages/Springboard.js

@@ -73,9 +73,9 @@ const IconTile = memo(function IconTile({ entry, editing, favorited, manageable,
                             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,7 +199,7 @@ 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
+    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(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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/ui",
-  "version": "2.0.3-beta.3",
+  "version": "2.0.3-beta.4",
   "description": "Shared UI primitives, composites, and layout utilities for elizaOS apps.",
   "type": "module",
   "license": "MIT",
@@ -279,17 +279,17 @@
     "react-dom": "19.2.5"
   },
   "optionalDependencies": {
-    "@elizaos/capacitor-bun-runtime": "2.0.3-beta.3",
-    "@elizaos/capacitor-camera": "2.0.3-beta.3"
+    "@elizaos/capacitor-bun-runtime": "2.0.3-beta.4",
+    "@elizaos/capacitor-camera": "2.0.3-beta.4"
   },
   "dependencies": {
     "@capacitor/core": "8.4.0",
-    "@elizaos/cloud-sdk": "2.0.3-beta.3",
-    "@elizaos/cloud-shared": "2.0.3-beta.3",
-    "@elizaos/core": "2.0.3-beta.3",
-    "@elizaos/logger": "2.0.3-beta.3",
-    "@elizaos/shared": "2.0.3-beta.3",
-    "@elizaos/tui": "2.0.3-beta.3",
+    "@elizaos/cloud-sdk": "2.0.3-beta.4",
+    "@elizaos/cloud-shared": "2.0.3-beta.4",
+    "@elizaos/core": "2.0.3-beta.4",
+    "@elizaos/logger": "2.0.3-beta.4",
+    "@elizaos/shared": "2.0.3-beta.4",
+    "@elizaos/tui": "2.0.3-beta.4",
     "@fontsource/poppins": "^5.2.7",
     "@json-render/core": "0.19.0",
     "@json-render/react": "0.19.0",
@@ -361,5 +361,5 @@
     "directory": "dist"
   },
   "types": "./index.d.ts",
-  "gitHead": "f54b0f4eaed317d59fa7dbcdce20f4cdb0734420"
+  "gitHead": "f76f55793a0fb8d6b869dd8ddce03970de061e34"
 }