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

package/cloud-ui/components/primitives.d.ts

@@ -1,58 +1,58 @@
-export * from "../../components/ui/accordion";
-export * from "../../components/ui/alert";
-export * from "../../components/ui/alert-dialog";
-export * from "../../components/ui/avatar";
-export * from "../../components/ui/badge";
-export * from "../../components/ui/button";
-export * from "../../components/ui/calendar";
-export * from "../../components/ui/card";
-export * from "../../components/ui/carousel";
-export * from "../../components/ui/chart";
-export * from "../../components/ui/checkbox";
-export * from "../../components/ui/collapsible";
-export * from "../../components/ui/dialog";
-export * from "../../components/ui/dropdown-menu";
-export * from "../../components/ui/empty-state";
-export * from "../../components/ui/form";
-export * from "../../components/ui/hover-card";
-export * from "../../components/ui/input";
-export * from "../../components/ui/label";
-export * from "../../components/ui/pagination";
-export * from "../../components/ui/progress";
-export * from "../../components/ui/scroll-area";
-export * from "../../components/ui/select";
-export * from "../../components/ui/separator";
-export * from "../../components/ui/skeleton";
-export { DetailSkeleton, ListSkeleton, TableSkeleton, } from "../../components/ui/skeleton-layouts";
-export * from "../../components/ui/slider";
-export * from "../../components/ui/status-badge";
-export * from "../../components/ui/status-badge.helpers";
-export * from "../../components/ui/switch";
-export * from "../../components/ui/table";
-export * from "../../components/ui/tabs";
-export * from "../../components/ui/textarea";
-export * from "../../components/ui/toggle";
-export * from "../../components/ui/tooltip";
-export * from "../lib/utils";
-export * from "./ai-elements";
-export * from "./analytics";
-export { ApiKeyEmptyState } from "./api-key-empty-state";
-export * from "./brand";
-export * from "./code";
-export * from "./connection-card";
-export { AppsEmptyState, type AppsEmptyStateProps, AppsSkeleton, ContainersEmptyState, ContainersSkeleton, DashboardActionCards, type DashboardActionCardsProps, DashboardActionCardsSkeleton, } from "./dashboard/cloud-dashboard-components";
-export { DashboardRouteError } from "./dashboard/dashboard-route-error";
-export { formatDashboardRouteErrorMessage } from "./dashboard/dashboard-route-error.helpers";
-export { DashboardErrorState, DashboardLoadingState, } from "./dashboard/route-placeholders";
-export { DocsLayout, type DocsLayoutProps } from "./docs/docs-layout";
-export type { DocsFrontmatter, MdxModule, NavItem } from "./docs/docs-types";
-export * from "./drawer";
-export * from "./layout";
-export { NavigationProgress } from "./navigation-progress";
-export * from "./resizable";
-export * from "./share";
-export * from "./sonner";
-export * from "./spotlight";
-export * from "./theme";
-export * from "./timeline";
+export * from "../../components/ui/accordion.js";
+export * from "../../components/ui/alert.js";
+export * from "../../components/ui/alert-dialog.js";
+export * from "../../components/ui/avatar.js";
+export * from "../../components/ui/badge.js";
+export * from "../../components/ui/button.js";
+export * from "../../components/ui/calendar.js";
+export * from "../../components/ui/card.js";
+export * from "../../components/ui/carousel.js";
+export * from "../../components/ui/chart.js";
+export * from "../../components/ui/checkbox.js";
+export * from "../../components/ui/collapsible.js";
+export * from "../../components/ui/dialog.js";
+export * from "../../components/ui/dropdown-menu.js";
+export * from "../../components/ui/empty-state.js";
+export * from "../../components/ui/form.js";
+export * from "../../components/ui/hover-card.js";
+export * from "../../components/ui/input.js";
+export * from "../../components/ui/label.js";
+export * from "../../components/ui/pagination.js";
+export * from "../../components/ui/progress.js";
+export * from "../../components/ui/scroll-area.js";
+export * from "../../components/ui/select.js";
+export * from "../../components/ui/separator.js";
+export * from "../../components/ui/skeleton.js";
+export { DetailSkeleton, ListSkeleton, TableSkeleton, } from "../../components/ui/skeleton-layouts.js";
+export * from "../../components/ui/slider.js";
+export * from "../../components/ui/status-badge.js";
+export * from "../../components/ui/status-badge.helpers.js";
+export * from "../../components/ui/switch.js";
+export * from "../../components/ui/table.js";
+export * from "../../components/ui/tabs.js";
+export * from "../../components/ui/textarea.js";
+export * from "../../components/ui/toggle.js";
+export * from "../../components/ui/tooltip.js";
+export * from "../lib/utils.js";
+export * from "./ai-elements/index.js";
+export * from "./analytics/index.js";
+export { ApiKeyEmptyState } from "./api-key-empty-state.js";
+export * from "./brand/index.js";
+export * from "./code/index.js";
+export * from "./connection-card.js";
+export { AppsEmptyState, type AppsEmptyStateProps, AppsSkeleton, ContainersEmptyState, ContainersSkeleton, DashboardActionCards, type DashboardActionCardsProps, DashboardActionCardsSkeleton, } from "./dashboard/cloud-dashboard-components.js";
+export { DashboardRouteError } from "./dashboard/dashboard-route-error.js";
+export { formatDashboardRouteErrorMessage } from "./dashboard/dashboard-route-error.helpers.js";
+export { DashboardErrorState, DashboardLoadingState, } from "./dashboard/route-placeholders.js";
+export { DocsLayout, type DocsLayoutProps } from "./docs/docs-layout.js";
+export type { DocsFrontmatter, MdxModule, NavItem } from "./docs/docs-types.js";
+export * from "./drawer.js";
+export * from "./layout/index.js";
+export { NavigationProgress } from "./navigation-progress.js";
+export * from "./resizable.js";
+export * from "./share/index.js";
+export * from "./sonner.js";
+export * from "./spotlight.js";
+export * from "./theme/index.js";
+export * from "./timeline.js";
 //# sourceMappingURL=primitives.d.ts.map

package/cloud-ui/components/product-switcher.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
 export function ProductSwitcher({ items, className, linkClassName, activeClassName, inactiveClassName, "aria-label": ariaLabel = "Product switcher", }) {
-    return (_jsx("nav", { "aria-label": ariaLabel, className: cn("flex flex-wrap items-center justify-end gap-1 rounded-full border border-border/70 bg-card/82 p-1 text-sm text-muted-strong backdrop-blur-md", className), children: items.map((item) => (_jsx("a", { "aria-current": item.active ? "page" : undefined, className: cn("rounded-full px-3 py-1.5 font-medium transition-colors", item.active
+    return (_jsx("nav", { "aria-label": ariaLabel, className: cn("flex flex-wrap items-center justify-end gap-1 rounded-full border border-border/70 bg-card/82 p-1 text-sm text-muted-strong", className), children: items.map((item) => (_jsx("a", { "aria-current": item.active ? "page" : undefined, className: cn("rounded-full px-3 py-1.5 font-medium transition-colors", item.active
                 ? "bg-primary text-primary-foreground "
                 : "hover:bg-bg-accent hover:text-txt", item.active ? activeClassName : inactiveClassName, linkClassName), href: item.href, rel: item.external ? "noopener noreferrer" : undefined, target: item.external ? "_blank" : undefined, children: item.label }, item.label))) }));
 }

package/cloud-ui/components/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/resizable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,SAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAqF1B;AAID,wBAAgB,cAAc,CAAC,EAC7B,WAAgB,EAChB,OAAY,EACZ,OAAY,EACZ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA0BrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuFtB"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/resizable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,wBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,UAAU,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,wBAAgB,mBAAmB,CAAC,EAClC,SAAwB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAqF1B;AAID,wBAAgB,cAAc,CAAC,EAC7B,WAAgB,EAChB,OAAY,EACZ,OAAY,EACZ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA0BrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA4GtB"}

package/cloud-ui/components/resizable.js

@@ -103,9 +103,17 @@ export function ResizableHandle({ withHandle = false, className, ...props }) {
         const containerRect = container.getBoundingClientRect();
         const startPos = direction === "horizontal" ? e.clientX : e.clientY;
         const containerSize = direction === "horizontal" ? containerRect.width : containerRect.height;
+        let pendingSizes = null;
+        let rafId = null;
+        const flush = () => {
+            rafId = null;
+            if (pendingSizes) {
+                setPanelSizes(pendingSizes);
+                pendingSizes = null;
+            }
+        };
         const handleMouseMove = (moveEvent) => {
             const currentPos = direction === "horizontal" ? moveEvent.clientX : moveEvent.clientY;
-            const _containerStart = direction === "horizontal" ? containerRect.left : containerRect.top;
             const delta = currentPos - startPos;
             const deltaPercent = (delta / containerSize) * 100;
             const newLeftSize = Math.min(Math.max(leftPanel.size + deltaPercent, leftPanel.minSize), leftPanel.maxSize);
@@ -113,14 +121,26 @@ export function ResizableHandle({ withHandle = false, className, ...props }) {
             // Ensure total is 100%
             const total = newLeftSize + newRightSize;
             if (total > 0) {
-                setPanelSizes([
+                pendingSizes = [
                     [leftId, (newLeftSize / total) * 100],
                     [rightId, (newRightSize / total) * 100],
-                ]);
+                ];
+                if (rafId === null) {
+                    rafId = requestAnimationFrame(flush);
+                }
             }
         };
         const handleMouseUp = () => {
             setIsDragging(false);
+            if (rafId !== null) {
+                cancelAnimationFrame(rafId);
+                rafId = null;
+            }
+            // Commit the final position even if the last frame hasn't flushed.
+            if (pendingSizes) {
+                setPanelSizes(pendingSizes);
+                pendingSizes = null;
+            }
             document.removeEventListener("mousemove", handleMouseMove);
             document.removeEventListener("mouseup", handleMouseUp);
         };

package/cloud-ui/components/share/index.d.ts

@@ -1,2 +1,2 @@
-export { ShareButtons } from "./share-buttons";
+export { ShareButtons } from "./share-buttons.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/theme/index.d.ts

@@ -2,7 +2,7 @@
  * Theme System Components
  * Exports theme provider and toggle components
  */
-export { ThemeProvider } from "./theme-provider";
-export { useTheme } from "./theme-provider.hooks";
-export { ThemeToggle } from "./theme-toggle";
+export { ThemeProvider } from "./theme-provider.js";
+export { useTheme } from "./theme-provider.hooks.js";
+export { ThemeToggle } from "./theme-toggle.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/components/theme/theme-provider.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { type Theme } from "./theme-provider.hooks";
-export type { ThemeContextValue } from "./theme-provider.hooks";
+import { type Theme } from "./theme-provider.hooks.js";
+export type { ThemeContextValue } from "./theme-provider.hooks.js";
 interface ThemeProviderProps {
     children: React.ReactNode;
     attribute?: "class" | "data-theme";

package/cloud-ui/components/timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,+BAItB;IACD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,4CA6EA,CAAC"}
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud-ui/components/timeline.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,GAAI,+BAItB;IACD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,4CA2EA,CAAC"}

package/cloud-ui/components/timeline.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { motion, useScroll, useTransform } from "motion/react";
+import { motion, useScroll, useTransform, } from "motion/react";
 import { useEffect, useRef, useState } from "react";
 export const Timeline = ({ data, title = "Changelog from my journey", description = "I've been working on Aceternity for the past 2 years. Here's a timeline of my journey.", }) => {
     const ref = useRef(null);
@@ -18,11 +18,11 @@ export const Timeline = ({ data, title = "Changelog from my journey", descriptio
     });
     const heightTransform = useTransform(scrollYProgress, [0, 1], [0, height]);
     const opacityTransform = useTransform(scrollYProgress, [0, 0.1], [0, 1]);
+    const progressStyle = {
+        height: heightTransform,
+        opacity: opacityTransform,
+    };
     return (_jsxs("div", { className: "w-full bg-transparent font-sans md:px-10", ref: containerRef, children: [_jsxs("div", { className: "max-w-7xl mx-auto py-20 px-4 md:px-8 lg:px-10", children: [_jsx("h2", { className: "text-lg md:text-4xl mb-4 text-white max-w-4xl", children: title }), _jsx("p", { className: "text-neutral-300 text-sm md:text-base max-w-sm", children: description })] }), _jsxs("div", { ref: ref, className: "relative max-w-7xl mx-auto pb-20", children: [data.map((item) => (_jsxs("div", { className: "flex justify-start pt-10 md:pt-40 md:gap-10", children: [_jsxs("div", { className: "sticky flex flex-col md:flex-row z-40 items-center top-40 self-start max-w-xs lg:max-w-sm md:w-full", children: [_jsx("div", { className: "h-10 absolute left-3 md:left-3 w-10 rounded-full bg-neutral-900 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-4 rounded-full bg-neutral-700 border border-neutral-600 p-2" }) }), _jsx("h3", { className: "hidden md:block text-xl md:pl-20 md:text-5xl font-bold text-neutral-400", children: item.title })] }), _jsxs("div", { className: "relative pl-20 pr-4 md:pl-4 w-full", children: [_jsx("h3", { className: "md:hidden block text-2xl mb-4 text-left font-bold text-neutral-400", children: item.title }), item.content, " "] })] }, item.title))), _jsx("div", { style: {
                             height: `${height}px`,
-                        }, className: "absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ", children: _jsx(motion.div, { style: {
-                                height: heightTransform,
-                                opacity: opacityTransform,
-                                // biome-ignore lint/suspicious/noExplicitAny: framer-motion MotionStyle differs across resolutions
-                            }, className: "absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-purple-500 via-blue-500 to-transparent from-[0%] via-[10%] rounded-full" }) })] })] }));
+                        }, className: "absolute md:left-8 left-8 top-0 overflow-hidden w-[2px] bg-[linear-gradient(to_bottom,var(--tw-gradient-stops))] from-transparent from-[0%] via-neutral-700 to-transparent to-[99%]  [mask-image:linear-gradient(to_bottom,transparent_0%,black_10%,black_90%,transparent_100%)] ", children: _jsx(motion.div, { style: progressStyle, className: "absolute inset-x-0 top-0  w-[2px] bg-gradient-to-t from-purple-500 via-blue-500 to-transparent from-[0%] via-[10%] rounded-full" }) })] })] }));
 };

package/cloud-ui/components/voice/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./audio-utils";
-export type { Voice, VoiceCloneJob, VoiceSettings } from "./types";
-export * from "./use-audio-player";
-export * from "./use-audio-recorder";
-export { VoiceAudioPlayer } from "./voice-audio-player";
-export { VoiceEmptyState } from "./voice-empty-state";
-export { VoiceStatusBadge } from "./voice-status-badge";
-export { getEstimatedReadyMessage } from "./voice-status-badge.helpers";
+export * from "./audio-utils.js";
+export type { Voice, VoiceCloneJob, VoiceSettings } from "./types.js";
+export * from "./use-audio-player.js";
+export * from "./use-audio-recorder.js";
+export { VoiceAudioPlayer } from "./voice-audio-player.js";
+export { VoiceEmptyState } from "./voice-empty-state.js";
+export { VoiceStatusBadge } from "./voice-status-badge.js";
+export { getEstimatedReadyMessage } from "./voice-status-badge.helpers.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/index.d.ts

@@ -1,31 +1,31 @@
-export { Tabs, TabsContent, TabsList, TabsTrigger, } from "../components/ui/tabs";
-export * from "../hooks/useRenderGuard";
-export type { ElizaAvatarProps, MemoizedChatMessageMessage, MemoizedChatMessageProps, } from "./components/ai-elements";
-export { ElizaAvatar, MemoizedChatMessage, useReasoningTypewriter, useTypewriterText, } from "./components/ai-elements";
-export { type AnalyticsExportFormat, type AnalyticsExportType, CostAlerts, type CostAlertsProps, type CostAlertsTrending, CostInsightsCard, type CostInsightsCardProps, ExportButton, type ExportButtonProps, } from "./components/analytics";
-export * from "./components/auth/authorize-content";
-export * from "./components/auth/authorize-return";
-export * from "./components/brand";
-export * from "./components/code";
-export * from "./components/connection-card";
-export { AppsEmptyState, type AppsEmptyStateProps, AppsPageWrapper, AppsSkeleton, ContainersEmptyState, ContainersPageWrapper, ContainersSkeleton, DashboardActionCards, type DashboardActionCardsProps, DashboardActionCardsSkeleton, DashboardPageWrapper, type DashboardRoutePageWrapperProps, ElizaAgentsPageWrapper, } from "./components/dashboard/cloud-dashboard-components";
-export * from "./components/data-list";
-export { type ApiKeyDisplay, type ApiKeyStatus, ApiKeysSummary, type ApiKeysSummaryData, type ApiKeysSummaryProps, ApiKeysTable, type ApiKeysTableProps, type AppsListItem, type AppsListLinkRenderProps, AppsListView, type AppsListViewProps, } from "./components/data-list";
-export type { ApiEndpointCardEndpoint, ApiEndpointCardPricing, ApiParameterSelectOption, ApiParameterSelectProps, DocsFrontmatter, DocsLayoutProps, EndpointCardProps, MdxModule, NavItem, OpenApiViewerProps, } from "./components/docs";
-export { ApiParameterSelect, DocsLayout, EndpointCard, LlmsTxtBadge, OpenApiViewer, } from "./components/docs";
-export * from "./components/icons";
-export * from "./components/image-gen";
-export * from "./components/layout";
-export * from "./components/log-viewer";
-export * from "./components/monetization";
-export * from "./components/primitives";
-export * from "./components/product-switcher";
-export * from "./components/promotion/promote-app-dialog";
-export * from "./components/promotion/social-connection-hint";
-export * from "./components/voice";
-export { default as dynamic } from "./runtime/dynamic";
-export { default as Image } from "./runtime/image";
-export * from "./runtime/navigation";
-export * from "./runtime/render-telemetry";
-export * from "./types/chat-media";
+export { Tabs, TabsContent, TabsList, TabsTrigger, } from "../components/ui/tabs.js";
+export * from "../hooks/useRenderGuard.js";
+export type { ElizaAvatarProps, MemoizedChatMessageMessage, MemoizedChatMessageProps, } from "./components/ai-elements/index.js";
+export { ElizaAvatar, MemoizedChatMessage, useReasoningTypewriter, useTypewriterText, } from "./components/ai-elements/index.js";
+export { type AnalyticsExportFormat, type AnalyticsExportType, CostAlerts, type CostAlertsProps, type CostAlertsTrending, CostInsightsCard, type CostInsightsCardProps, ExportButton, type ExportButtonProps, } from "./components/analytics/index.js";
+export * from "./components/auth/authorize-content.js";
+export * from "./components/auth/authorize-return.js";
+export * from "./components/brand/index.js";
+export * from "./components/code/index.js";
+export * from "./components/connection-card.js";
+export { AppsEmptyState, type AppsEmptyStateProps, AppsPageWrapper, AppsSkeleton, ContainersEmptyState, ContainersPageWrapper, ContainersSkeleton, DashboardActionCards, type DashboardActionCardsProps, DashboardActionCardsSkeleton, DashboardPageWrapper, type DashboardRoutePageWrapperProps, ElizaAgentsPageWrapper, } from "./components/dashboard/cloud-dashboard-components.js";
+export * from "./components/data-list/index.js";
+export { type ApiKeyDisplay, type ApiKeyStatus, ApiKeysSummary, type ApiKeysSummaryData, type ApiKeysSummaryProps, ApiKeysTable, type ApiKeysTableProps, type AppsListItem, type AppsListLinkRenderProps, AppsListView, type AppsListViewProps, } from "./components/data-list/index.js";
+export type { ApiEndpointCardEndpoint, ApiEndpointCardPricing, ApiParameterSelectOption, ApiParameterSelectProps, DocsFrontmatter, DocsLayoutProps, EndpointCardProps, MdxModule, NavItem, OpenApiViewerProps, } from "./components/docs/index.js";
+export { ApiParameterSelect, DocsLayout, EndpointCard, LlmsTxtBadge, OpenApiViewer, } from "./components/docs/index.js";
+export * from "./components/icons.js";
+export * from "./components/image-gen/index.js";
+export * from "./components/layout/index.js";
+export * from "./components/log-viewer.js";
+export * from "./components/monetization/index.js";
+export * from "./components/primitives.js";
+export * from "./components/product-switcher.js";
+export * from "./components/promotion/promote-app-dialog.js";
+export * from "./components/promotion/social-connection-hint.js";
+export * from "./components/voice/index.js";
+export { default as dynamic } from "./runtime/dynamic.js";
+export { default as Image } from "./runtime/image.js";
+export * from "./runtime/navigation.js";
+export * from "./runtime/render-telemetry.js";
+export * from "./types/chat-media.js";
 //# sourceMappingURL=index.d.ts.map

package/cloud-ui/lib/utils.d.ts

@@ -1,2 +1,2 @@
-export { cn } from "../../lib/utils";
+export { cn } from "../../lib/utils.js";
 //# sourceMappingURL=utils.d.ts.map

package/companion/desktop-bar/CompanionBar.d.ts

@@ -1,5 +1,5 @@
 import "./CompanionBar.css";
-import type { DesktopRuntimeHooks, DesktopTrayMode, MicState, TrayMessage } from "./types";
+import type { DesktopRuntimeHooks, DesktopTrayMode, MicState, TrayMessage } from "./types.js";
 export interface CompanionBarProps {
     messages?: TrayMessage[];
     mode?: DesktopTrayMode;

package/companion/desktop-bar/CompanionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompanionBar.d.ts","sourceRoot":"","sources":["../../../../../../src/companion/desktop-bar/CompanionBar.tsx"],"names":[],"mappings":"AAUA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAwLpD"}
+{"version":3,"file":"CompanionBar.d.ts","sourceRoot":"","sources":["../../../../../../src/companion/desktop-bar/CompanionBar.tsx"],"names":[],"mappings":"AAUA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,QAAQ,EACR,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmMpD"}

package/companion/desktop-bar/CompanionBar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useId, useRef, useState, } from "react";
+import { useCallback, useEffect, useId, useMemo, useState, } from "react";
 import "./CompanionBar.css";
 import { useKeyboardShortcuts } from "./useKeyboardShortcuts.js";
 const DEFAULT_PLACEHOLDER = "Ask eliza…";
@@ -8,10 +8,10 @@ function combineClasses(...parts) {
 }
 export function CompanionBar(props) {
     const { messages = [], mode: controlledMode, defaultMode = "collapsed", micState: controlledMicState, defaultMicState = "off", placeholder = DEFAULT_PLACEHOLDER, hooks, className, } = props;
-    const composerRef = useRef(null);
     const [composerEl, setComposerEl] = useState(null);
     const [draft, setDraft] = useState("");
     const panelId = useId();
+    const setComposerNode = useCallback((node) => setComposerEl(node), []);
     const isModeControlled = controlledMode !== undefined;
     const isMicControlled = controlledMicState !== undefined;
     const handleExpandChange = useCallback((next) => {
@@ -26,12 +26,18 @@ export function CompanionBar(props) {
     const handlePushToTalkUp = useCallback(() => {
         hooks?.onPushToTalkUp?.();
     }, [hooks]);
-    const { isOpen, micState, setOpen, setMicState } = useKeyboardShortcuts({
+    const shortcutHandlers = useMemo(() => ({
         onToggleExpand: handleExpandChange,
         onMicStateChange: handleMicChange,
         onPushToTalkDown: handlePushToTalkDown,
         onPushToTalkUp: handlePushToTalkUp,
-    }, { composerElement: composerEl });
+    }), [
+        handleExpandChange,
+        handleMicChange,
+        handlePushToTalkDown,
+        handlePushToTalkUp,
+    ]);
+    const { isOpen, micState, setOpen, setMicState } = useKeyboardShortcuts(shortcutHandlers, { composerElement: composerEl });
     useEffect(() => {
         if (isModeControlled) {
             setOpen(controlledMode === "expanded");
@@ -72,8 +78,5 @@ export function CompanionBar(props) {
         }
     }, [setOpen]);
     const showRedGlow = effectiveMode === "collapsed" && effectiveMic === "always-on";
-    return (_jsxs("div", { className: combineClasses("companion-bar-wrap", className), "data-mode": effectiveMode, "data-mic": effectiveMic, children: [effectiveMode === "expanded" ? (_jsxs("section", { className: "companion-bar-expanded", id: panelId, children: [_jsx("div", { className: "companion-bar-messages", role: "log", "aria-live": "polite", children: messages.map((msg) => (_jsx("div", { className: combineClasses("companion-bar-msg", msg.role), children: msg.text }, msg.id))) }), _jsxs("form", { ref: (node) => {
-                            composerRef.current = node;
-                            setComposerEl(node);
-                        }, className: "companion-bar-composer", onSubmit: handleSend, onKeyDown: handleComposerKeyDown, children: [_jsx("input", { type: "text", className: "companion-bar-input", placeholder: placeholder, value: draft, onChange: (event) => setDraft(event.target.value), "aria-label": "Message eliza" }), _jsx("button", { type: "button", className: combineClasses("companion-bar-btn", effectiveMic === "always-on" && "mic-on"), "aria-label": "Toggle microphone", "aria-pressed": effectiveMic === "always-on", onClick: handleMicToggle, children: _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M12 4a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V7a3 3 0 0 0-3-3Z" }), _jsx("path", { d: "M5 11a7 7 0 0 0 14 0" }), _jsx("path", { d: "M12 18v3" }), _jsx("path", { d: "M9 21h6" })] }) }), _jsx("button", { type: "submit", className: "companion-bar-btn primary", "aria-label": "Send message", children: _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12h14" }), _jsx("path", { d: "M13 6l6 6-6 6" })] }) })] })] })) : null, _jsx("button", { type: "button", className: combineClasses("companion-bar-pill", "is-sky", showRedGlow && "is-glow-red"), "aria-expanded": effectiveMode === "expanded", "aria-controls": panelId, "aria-label": "elizaos companion", onClick: handlePillClick })] }));
+    return (_jsxs("div", { className: combineClasses("companion-bar-wrap", className), "data-mode": effectiveMode, "data-mic": effectiveMic, children: [effectiveMode === "expanded" ? (_jsxs("section", { className: "companion-bar-expanded", id: panelId, children: [_jsx("div", { className: "companion-bar-messages", role: "log", "aria-live": "polite", children: messages.map((msg) => (_jsx("div", { className: combineClasses("companion-bar-msg", msg.role), children: msg.text }, msg.id))) }), _jsxs("form", { ref: setComposerNode, className: "companion-bar-composer", onSubmit: handleSend, onKeyDown: handleComposerKeyDown, children: [_jsx("input", { type: "text", className: "companion-bar-input", placeholder: placeholder, value: draft, onChange: (event) => setDraft(event.target.value), "aria-label": "Message eliza" }), _jsx("button", { type: "button", className: combineClasses("companion-bar-btn", effectiveMic === "always-on" && "mic-on"), "aria-label": "Toggle microphone", "aria-pressed": effectiveMic === "always-on", onClick: handleMicToggle, children: _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M12 4a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V7a3 3 0 0 0-3-3Z" }), _jsx("path", { d: "M5 11a7 7 0 0 0 14 0" }), _jsx("path", { d: "M12 18v3" }), _jsx("path", { d: "M9 21h6" })] }) }), _jsx("button", { type: "submit", className: "companion-bar-btn primary", "aria-label": "Send message", children: _jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12h14" }), _jsx("path", { d: "M13 6l6 6-6 6" })] }) })] })] })) : null, _jsx("button", { type: "button", className: combineClasses("companion-bar-pill", "is-sky", showRedGlow && "is-glow-red"), "aria-expanded": effectiveMode === "expanded", "aria-controls": panelId, "aria-label": "elizaos companion", onClick: handlePillClick })] }));
 }

package/companion/desktop-bar/index.d.ts

@@ -1,7 +1,7 @@
-export type { CompanionBarProps } from "./CompanionBar";
-export { CompanionBar } from "./CompanionBar";
-export { registerTrayIcon, type TrayHandle, type TrayRegistrationOptions, } from "./platform";
-export type { DesktopRuntimeHooks, DesktopTrayMode, MicState, TrayMessage, } from "./types";
-export { type KeyboardShortcutHandlers, type KeyboardShortcutOptions, type KeyboardShortcutsState, useKeyboardShortcuts, } from "./useKeyboardShortcuts";
-export { type PushToTalkHandlers, type PushToTalkOptions, type PushToTalkState, usePushToTalk, } from "./usePushToTalk";
+export type { CompanionBarProps } from "./CompanionBar.js";
+export { CompanionBar } from "./CompanionBar.js";
+export { registerTrayIcon, type TrayHandle, type TrayRegistrationOptions, } from "./platform/index.js";
+export type { DesktopRuntimeHooks, DesktopTrayMode, MicState, TrayMessage, } from "./types.js";
+export { type KeyboardShortcutHandlers, type KeyboardShortcutOptions, type KeyboardShortcutsState, useKeyboardShortcuts, } from "./useKeyboardShortcuts.js";
+export { type PushToTalkHandlers, type PushToTalkOptions, type PushToTalkState, usePushToTalk, } from "./usePushToTalk.js";
 //# sourceMappingURL=index.d.ts.map

package/companion/desktop-bar/platform/electrobun-tray.d.ts

@@ -7,5 +7,24 @@ export interface TrayHandle {
     dispose(): void;
     isAttached: boolean;
 }
+interface ElectrobunTrayApi {
+    create(options: {
+        icon?: string;
+        tooltip?: string;
+    }): {
+        id: string;
+    };
+    on(event: "click", id: string, callback: () => void): void;
+    destroy(id: string): void;
+}
+interface ElectrobunGlobal {
+    tray?: ElectrobunTrayApi;
+}
+declare global {
+    interface Window {
+        electrobun?: ElectrobunGlobal;
+    }
+}
 export declare function registerTrayIcon(options?: TrayRegistrationOptions): TrayHandle;
+export {};
 //# sourceMappingURL=electrobun-tray.d.ts.map

package/companion/desktop-bar/platform/electrobun-tray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"electrobun-tray.d.ts","sourceRoot":"","sources":["../../../../../../../src/companion/desktop-bar/platform/electrobun-tray.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACrB;AA6BD,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,UAAU,CA0BZ"}
+{"version":3,"file":"electrobun-tray.d.ts","sourceRoot":"","sources":["../../../../../../../src/companion/desktop-bar/platform/electrobun-tray.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,IAAI,IAAI,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,MAAM,CAAC,OAAO,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrE,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,gBAAgB,CAAC;KAC/B;CACF;AAeD,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,UAAU,CA0BZ"}

package/companion/desktop-bar/platform/index.d.ts

@@ -1,4 +1,4 @@
-import { type TrayHandle, type TrayRegistrationOptions } from "./electrobun-tray";
+import { type TrayHandle, type TrayRegistrationOptions } from "./electrobun-tray.js";
 export declare function registerTrayIcon(options?: TrayRegistrationOptions): TrayHandle;
-export type { TrayHandle, TrayRegistrationOptions } from "./electrobun-tray";
+export type { TrayHandle, TrayRegistrationOptions } from "./electrobun-tray.js";
 //# sourceMappingURL=index.d.ts.map

package/companion/desktop-bar/platform/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/companion/desktop-bar/platform/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,uBAAuB,EAC7B,MAAM,mBAAmB,CAAC;AAc3B,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,UAAU,CAKZ;AAED,YAAY,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/companion/desktop-bar/platform/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,uBAAuB,EAC7B,MAAM,mBAAmB,CAAC;AAU3B,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,UAAU,CAKZ;AAED,YAAY,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}

package/companion/desktop-bar/platform/web-fallback.d.ts

@@ -1,3 +1,3 @@
-import type { TrayHandle, TrayRegistrationOptions } from "./electrobun-tray";
+import type { TrayHandle, TrayRegistrationOptions } from "./electrobun-tray.js";
 export declare function registerTrayIcon(_options?: TrayRegistrationOptions): TrayHandle;
 //# sourceMappingURL=web-fallback.d.ts.map

package/companion/desktop-bar/useKeyboardShortcuts.d.ts

@@ -1,4 +1,4 @@
-import type { MicState } from "./types";
+import type { MicState } from "./types.js";
 export interface KeyboardShortcutHandlers {
     onToggleExpand?(next: boolean): void;
     onPushToTalkDown?(): void;

package/components/accounts/AccountCard.d.ts

@@ -7,7 +7,7 @@
  * only), enabled toggle, Test/Refresh/Delete actions, and a confirm
  * dialog for delete.
  */
-import type { AccountWithCredentialFlag } from "../../api/client-agent";
+import type { AccountWithCredentialFlag } from "../../api/client-agent.js";
 export interface AccountCardProps {
     account: AccountWithCredentialFlag;
     isFirst: boolean;

package/components/accounts/AccountCard.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { ChevronDown, ChevronUp, Trash2 } from "lucide-react";
 import { useModalState } from "../../hooks/useModalState.js";
 import { cn } from "../../lib/utils.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { Badge } from "../ui/badge.js";
 import { Button } from "../ui/button.js";
 import { Checkbox } from "../ui/checkbox.js";
@@ -108,7 +108,7 @@ function deriveHealthLabel(account, t) {
     }
 }
 export function AccountCard({ account, isFirst, isLast, saving, onPatch, onMoveUp, onMoveDown, onTest, onRefreshUsage, onDelete, testBusy = false, refreshBusy = false, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const deleteModal = useModalState();
     const deleteBusy = deleteModal.state.status === "submitting";
     const confirmingDelete = deleteModal.state.status !== "closed";

package/components/accounts/AccountList.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { useAccounts } from "../../hooks/useAccounts.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { Button } from "../ui/button.js";
 import { Spinner } from "../ui/spinner.js";
 import { AccountCard } from "./AccountCard.js";
 import { AddAccountDialog } from "./AddAccountDialog.js";
 import { RotationStrategyPicker } from "./RotationStrategyPicker.js";
 export function AccountList({ providerId }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const accounts = useAccounts();
     const [addDialogOpen, setAddDialogOpen] = useState(false);
     const providerEntry = useMemo(() => accounts.data?.providers.find((p) => p.providerId === providerId), [accounts.data, providerId]);

package/components/accounts/AddAccountDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddAccountDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/accounts/AddAccountDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAyBzB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,uBAAuB,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACnD;AA6GD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CA2gBvB"}
+{"version":3,"file":"AddAccountDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/accounts/AddAccountDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AA0BzB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,uBAAuB,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACnD;AA6GD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CAqhBvB"}

package/components/accounts/AddAccountDialog.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState, } from "react";
 import { client } from "../../api/index.js";
 import { cn } from "../../lib/utils.js";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { navigatePreOpenedWindow, preOpenWindow } from "../../utils/index.js";
+import { openEventSource } from "../../utils/event-source.js";
 import { Button } from "../ui/button.js";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
 import { Input } from "../ui/input.js";
@@ -83,7 +84,7 @@ function providerDisplayName(providerId, t) {
     }
 }
 export function AddAccountDialog({ open, providerId, onClose, onCreated, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const subscriptionAddMode = getSubscriptionAddMode(providerId);
     const [step, setStep] = useState(initialStepForProvider(providerId));
     const [label, setLabel] = useState("");
@@ -146,8 +147,15 @@ export function AddAccountDialog({ open, providerId, onClose, onCreated, }) {
     const subscribeToFlow = useCallback((newSessionId) => {
         closeEventSource();
         const url = `/api/accounts/${providerId}/oauth/status?sessionId=${encodeURIComponent(newSessionId)}`;
-        const source = new EventSource(url);
+        const source = openEventSource(url);
         eventSourceRef.current = source;
+        if (!source) {
+            setErrorMessage(t("accounts.add.oauth.sseUnreachable", {
+                defaultValue: "Lost connection to the OAuth status stream. Try again.",
+            }));
+            setStep("error");
+            return;
+        }
         // EventSource auto-reconnects on transient network blips, which
         // is fine. But persistent failures (server gone, route 404) just
         // toggle readyState=2 forever and the user is stuck on "Waiting

package/components/accounts/RotationStrategyPicker.d.ts

@@ -4,7 +4,7 @@
  * caller is responsible for routing that through `client.patchProviderStrategy`.
  */
 import type { LinkedAccountProviderId } from "@elizaos/shared";
-import type { AccountStrategy } from "../../api/client-agent";
+import type { AccountStrategy } from "../../api/client-agent.js";
 interface RotationStrategyPickerProps {
     providerId: LinkedAccountProviderId;
     value: AccountStrategy | undefined;

package/components/accounts/RotationStrategyPicker.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select.js";
 const STRATEGY_OPTIONS = [
     {
@@ -32,7 +32,7 @@ const STRATEGY_OPTIONS = [
     },
 ];
 export function RotationStrategyPicker({ providerId, value, onChange, disabled, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const resolved = value ?? "priority";
     return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] font-medium uppercase tracking-wider text-muted", children: t("accounts.strategy.label", { defaultValue: "Strategy" }) }), _jsxs(Select, { value: resolved, onValueChange: (next) => {
                     if (next !== resolved)