@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/chat/widgets/todo.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@elizaos/ui";
+import { ListTodo } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { client } from "../../../api/index.js";
+import { useApp } from "../../../state/index.js";
+import { EmptyWidgetState, WidgetSection } from "./shared.js";
+const TODO_REFRESH_INTERVAL_MS = 15_000;
+const MAX_VISIBLE_TODOS = 8;
+const fallbackTranslate = (key, vars) => typeof vars?.defaultValue === "string" ? vars.defaultValue : key;
+function sortTodosForWidget(todos) {
+    return [...todos].sort((left, right) => {
+        if (left.isCompleted !== right.isCompleted) {
+            return left.isCompleted ? 1 : -1;
+        }
+        if (left.isUrgent !== right.isUrgent) {
+            return left.isUrgent ? -1 : 1;
+        }
+        const leftPriority = left.priority ?? Number.MAX_SAFE_INTEGER;
+        const rightPriority = right.priority ?? Number.MAX_SAFE_INTEGER;
+        if (leftPriority !== rightPriority) {
+            return leftPriority - rightPriority;
+        }
+        return left.name.localeCompare(right.name);
+    });
+}
+function dedupeTodos(todos) {
+    const byId = new Map();
+    for (const todo of todos) {
+        byId.set(todo.id, todo);
+    }
+    return sortTodosForWidget([...byId.values()]);
+}
+function TodoRow({ todo }) {
+    const showDescription = todo.description.trim().length > 0 && todo.description !== todo.name;
+    const showType = todo.type.trim().length > 0 && todo.type !== "task";
+    return (_jsx("div", { className: "rounded-lg border border-border/50 bg-bg/70 p-3", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: `mt-1.5 inline-block h-2 w-2 shrink-0 rounded-full ${todo.isUrgent
+                        ? "bg-danger"
+                        : todo.priority != null
+                            ? "bg-accent"
+                            : "bg-muted"}` }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "min-w-0 truncate text-xs font-semibold text-txt", children: todo.name }), todo.isUrgent ? (_jsx(Badge, { variant: "secondary", className: "text-3xs text-danger", children: "Urgent" })) : null, todo.priority != null ? (_jsxs(Badge, { variant: "secondary", className: "text-3xs", children: ["P", todo.priority] })) : null, showType ? (_jsx(Badge, { variant: "secondary", className: "text-3xs", children: todo.type })) : null] }), showDescription ? (_jsx("p", { className: "mt-1 line-clamp-2 text-xs-tight leading-5 text-muted", children: todo.description })) : null] })] }) }));
+}
+function TodoItemsContent({ todos, loading, }) {
+    const openTodos = todos.filter((todo) => !todo.isCompleted);
+    const hiddenCompletedCount = todos.length - openTodos.length;
+    const visibleTodos = openTodos.slice(0, MAX_VISIBLE_TODOS);
+    const remainingCount = openTodos.length - visibleTodos.length;
+    if (loading && todos.length === 0) {
+        return _jsx("div", { className: "py-3 text-xs text-muted", children: "Refreshing todos\u2026" });
+    }
+    if (openTodos.length === 0) {
+        return (_jsx(EmptyWidgetState, { icon: _jsx(ListTodo, { className: "h-8 w-8" }), title: "No open todos" }));
+    }
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [visibleTodos.map((todo) => (_jsx(TodoRow, { todo: todo }, todo.id))), remainingCount > 0 ? (_jsxs("p", { className: "px-1 text-xs-tight text-muted", children: ["+", remainingCount, " more open todo", remainingCount === 1 ? "" : "s"] })) : null, hiddenCompletedCount > 0 ? (_jsxs("p", { className: "px-1 text-xs-tight text-muted", children: [hiddenCompletedCount, " completed todo", hiddenCompletedCount === 1 ? "" : "s", " hidden"] })) : null] }));
+}
+function TodoSidebarWidget(_props) {
+    const app = useApp();
+    const workbench = app?.workbench;
+    const t = app?.t ?? fallbackTranslate;
+    const [todos, setTodos] = useState(() => dedupeTodos(workbench?.todos ?? []));
+    const [todosLoading, setTodosLoading] = useState(false);
+    useEffect(() => {
+        setTodos(dedupeTodos(workbench?.todos ?? []));
+    }, [workbench?.todos]);
+    const loadTodos = useCallback(async (silent = false) => {
+        if (!silent) {
+            setTodosLoading(true);
+        }
+        try {
+            const result = await client.listWorkbenchTodos();
+            setTodos(dedupeTodos(result.todos));
+        }
+        catch {
+            if ((workbench?.todos?.length ?? 0) > 0) {
+                setTodos(dedupeTodos(workbench?.todos ?? []));
+            }
+        }
+        finally {
+            setTodosLoading(false);
+        }
+    }, [workbench?.todos]);
+    useEffect(() => {
+        let active = true;
+        void (async () => {
+            await loadTodos(todos.length > 0);
+            if (!active)
+                return;
+        })();
+        const intervalId = setInterval(() => {
+            if (!active)
+                return;
+            void loadTodos(true);
+        }, TODO_REFRESH_INTERVAL_MS);
+        return () => {
+            active = false;
+            clearInterval(intervalId);
+        };
+    }, [loadTodos, todos.length]);
+    return (_jsx(WidgetSection, { title: t("taskseventspanel.Todos", { defaultValue: "Todos" }), icon: _jsx(ListTodo, { className: "h-4 w-4" }), testId: "chat-widget-todos", children: _jsx(TodoItemsContent, { todos: todos, loading: todosLoading }) }));
+}
+export const TODO_PLUGIN_WIDGETS = [
+    {
+        id: "todo.items",
+        pluginId: "todo",
+        order: 100,
+        defaultEnabled: true,
+        Component: TodoSidebarWidget,
+    },
+];

package/components/chat/widgets/types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentType } from "react";
+import type { PluginInfo } from "../../../api";
+import type { ActivityEvent } from "../../../hooks/useActivityEvents";
+export interface ChatSidebarWidgetProps {
+    events: ActivityEvent[];
+    clearEvents: () => void;
+}
+export interface ChatSidebarWidgetDefinition {
+    id: string;
+    pluginId: string;
+    order: number;
+    defaultEnabled: boolean;
+    Component: ComponentType<ChatSidebarWidgetProps>;
+}
+export type ChatSidebarPluginState = Pick<PluginInfo, "id" | "enabled" | "isActive">;
+//# sourceMappingURL=types.d.ts.map

package/components/chat/widgets/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/chat/widgets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEtE,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;CAClD;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,UAAU,EACV,IAAI,GAAG,SAAS,GAAG,UAAU,CAC9B,CAAC"}

package/components/chat/widgets/types.js

@@ -0,0 +1 @@
+export {};

package/components/cloud/CloudSourceControls.d.ts

@@ -0,0 +1,13 @@
+export type CloudSourceMode = "cloud" | "own-key";
+export declare function CloudSourceModeToggle({ mode, onChange, cloudLabel, ownKeyLabel, }: {
+    mode: CloudSourceMode;
+    onChange: (mode: CloudSourceMode) => void;
+    cloudLabel?: string;
+    ownKeyLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CloudConnectionStatus({ connected, connectedText, disconnectedText, }: {
+    connected: boolean;
+    connectedText?: string;
+    disconnectedText: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CloudSourceControls.d.ts.map

package/components/cloud/CloudSourceControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudSourceControls.d.ts","sourceRoot":"","sources":["../../../../../../src/components/cloud/CloudSourceControls.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,UAA0B,EAC1B,WAA2B,GAC5B,EAAE;IACD,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAgCA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,2CAoCA"}

package/components/cloud/CloudSourceControls.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, ConnectionStatus } from "@elizaos/ui";
+import { CheckCircle2, WifiOff } from "lucide-react";
+import { useApp } from "../../state/index.js";
+export function CloudSourceModeToggle({ mode, onChange, cloudLabel = "Eliza Cloud", ownKeyLabel = "Own API Key", }) {
+    const resolvedCloudLabel = cloudLabel;
+    return (_jsxs("div", { className: "inline-flex overflow-hidden rounded-lg bg-bg-muted shadow-sm", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors ${mode === "cloud"
+                    ? "bg-accent text-accent-fg hover:bg-accent/90 hover:text-accent-fg"
+                    : "bg-transparent text-muted hover:bg-bg-hover hover:text-txt"}`, onClick: () => onChange("cloud"), children: resolvedCloudLabel }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `rounded-lg px-3 py-1.5 text-xs font-semibold transition-colors ${mode === "own-key"
+                    ? "bg-accent text-accent-fg hover:bg-accent/90 hover:text-accent-fg"
+                    : "bg-transparent text-muted hover:bg-bg-hover hover:text-txt"}`, onClick: () => onChange("own-key"), children: ownKeyLabel })] }));
+}
+export function CloudConnectionStatus({ connected, connectedText, disconnectedText, }) {
+    const { t } = useApp();
+    const resolvedConnectedText = connectedText ?? "Connected to Eliza Cloud";
+    return (_jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border/70 bg-bg-muted/90 px-3 py-2.5", role: "status", "aria-live": "polite", children: [_jsx(ConnectionStatus, { state: connected ? "connected" : "disconnected", label: connected ? resolvedConnectedText : disconnectedText, className: "border-0 bg-transparent px-0 py-0 shadow-none" }), _jsx("span", { className: `inline-flex h-6 w-6 items-center justify-center rounded-full border ${connected
+                    ? "border-ok/30 bg-ok-subtle text-ok"
+                    : "border-warn/35 bg-warn-subtle text-warn"}`, title: connected ? t("common.active") : t("cloudsourcecontrols.Offline"), role: "img", "aria-label": connected ? t("common.active") : t("cloudsourcecontrols.Offline"), children: connected ? (_jsx(CheckCircle2, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(WifiOff, { className: "h-3.5 w-3.5", "aria-hidden": true })) })] }));
+}

package/components/cloud/CloudStatusBadge.d.ts

@@ -0,0 +1,33 @@
+type CloudHeaderStatusKind = "error" | "warning" | "low-credits" | "regular-credits";
+interface ResolveCloudStatusBadgeStateArgs {
+    connected: boolean;
+    credits: number | null;
+    creditsLow: boolean;
+    creditsCritical: boolean;
+    authRejected: boolean;
+    creditsError?: string | null;
+    t: (key: string) => string;
+}
+interface CloudStatusBadgeState {
+    kind: CloudHeaderStatusKind;
+    text: string;
+    title: string;
+}
+export interface CloudStatusBadgeProps {
+    connected: boolean;
+    credits: number | null;
+    creditsLow: boolean;
+    creditsCritical: boolean;
+    authRejected: boolean;
+    creditsError?: string | null;
+    compactOnMobile?: boolean;
+    appearance?: "default" | "shell";
+    t: (key: string) => string;
+    onClick: () => void;
+    dataTestId?: string;
+}
+export declare function formatCompactCloudCredits(balance: number): string;
+export declare function resolveCloudStatusBadgeState(args: ResolveCloudStatusBadgeStateArgs): CloudStatusBadgeState | null;
+export declare function CloudStatusBadge(props: CloudStatusBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CloudStatusBadge.d.ts.map

package/components/cloud/CloudStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudStatusBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/cloud/CloudStatusBadge.tsx"],"names":[],"mappings":"AAIA,KAAK,qBAAqB,GACtB,OAAO,GACP,SAAS,GACT,aAAa,GACb,iBAAiB,CAAC;AAEtB,UAAU,gCAAgC;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAqBjE;AAED,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,gCAAgC,GACrC,qBAAqB,GAAG,IAAI,CAiD9B;AAkBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDA+D5D"}

package/components/cloud/CloudStatusBadge.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { AlertTriangle } from "lucide-react";
+function trimTrailingZeroes(value) {
+    return value.replace(/\.0+$|(\.\d*[1-9])0+$/, "$1");
+}
+export function formatCompactCloudCredits(balance) {
+    const absoluteBalance = Math.abs(balance);
+    const sign = balance < 0 ? "-" : "";
+    if (absoluteBalance >= 1_000_000) {
+        return `${sign}$${trimTrailingZeroes((absoluteBalance / 1_000_000).toFixed(1))}m`;
+    }
+    if (absoluteBalance >= 1_000) {
+        return `${sign}$${trimTrailingZeroes((absoluteBalance / 1_000).toFixed(1))}k`;
+    }
+    if (absoluteBalance >= 100) {
+        return `${sign}$${absoluteBalance.toFixed(0)}`;
+    }
+    if (absoluteBalance >= 10) {
+        return `${sign}$${trimTrailingZeroes(absoluteBalance.toFixed(1))}`;
+    }
+    return `${sign}$${trimTrailingZeroes(absoluteBalance.toFixed(2))}`;
+}
+export function resolveCloudStatusBadgeState(args) {
+    const { connected, credits, creditsLow, creditsCritical, authRejected, creditsError, t, } = args;
+    if (!connected) {
+        return null;
+    }
+    if (authRejected) {
+        return {
+            kind: "error",
+            text: t("common.error"),
+            title: t("header.elizaCloudAuthRejected"),
+        };
+    }
+    if (typeof creditsError === "string" && creditsError.trim()) {
+        return {
+            kind: "warning",
+            text: t("logsview.Warn"),
+            title: creditsError.trim(),
+        };
+    }
+    if (typeof credits === "number") {
+        const isLowCredits = creditsCritical || creditsLow;
+        // Only show the badge for low/critical credits — a healthy balance
+        // doesn't need a header indicator.
+        if (!isLowCredits)
+            return null;
+        const formattedBalance = formatCompactCloudCredits(credits);
+        return {
+            kind: "low-credits",
+            text: formattedBalance,
+            title: `${t("header.CloudCreditsBalanc")}: ${formattedBalance}`,
+        };
+    }
+    return {
+        kind: "warning",
+        text: t("logsview.Warn"),
+        title: t("header.CloudCreditsBalanc"),
+    };
+}
+function resolveCloudStatusToneStyle(kind, appearance) {
+    const toneVar = kind === "error" ? "var(--danger)" : "var(--warn)";
+    if (appearance === "shell") {
+        return {
+            borderColor: `color-mix(in srgb, ${toneVar} 34%, var(--border))`,
+            color: `color-mix(in srgb, var(--text-strong) 78%, ${toneVar} 22%)`,
+        };
+    }
+    return {
+        color: `color-mix(in srgb, var(--text-strong) 70%, ${toneVar} 30%)`,
+    };
+}
+export function CloudStatusBadge(props) {
+    const { connected, credits, creditsLow, creditsCritical, authRejected, creditsError, compactOnMobile = false, appearance = "default", t, onClick, dataTestId, } = props;
+    const status = resolveCloudStatusBadgeState({
+        connected,
+        credits,
+        creditsLow,
+        creditsCritical,
+        authRejected,
+        creditsError,
+        t,
+    });
+    if (!status) {
+        return null;
+    }
+    const toneStyle = resolveCloudStatusToneStyle(status.kind, appearance);
+    const buttonClassName = appearance === "shell"
+        ? `inline-flex h-11 min-h-touch min-w-touch items-center justify-center rounded-xl px-3.5 py-0 border border-border/42 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_14px_32px_rgba(3,5,10,0.14)] ring-1 ring-inset ring-white/6 backdrop-blur-xl supports-[backdrop-filter]:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_62%,transparent),color-mix(in_srgb,var(--bg)_34%,transparent))] transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-accent/55 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_78%,transparent),color-mix(in_srgb,var(--bg-hover)_52%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.22),0_18px_36px_rgba(3,5,10,0.18)] active:scale-[0.98] disabled:active:scale-100 disabled:hover:border-border/42 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_72%,transparent),color-mix(in_srgb,var(--bg)_44%,transparent))] disabled:hover:text-txt shrink-0 gap-1.5 leading-none no-underline text-sm font-medium`
+        : `inline-flex h-[2.375rem] min-h-[2.375rem] shrink-0 items-center gap-1.5 rounded-md border border-transparent !bg-transparent px-2.5 leading-none text-muted shadow-none ring-0 transition-colors duration-150 hover:!bg-transparent hover:text-txt active:!bg-transparent text-xs-tight font-mono sm:text-xs`;
+    return (_jsxs(Button, { variant: appearance === "shell" ? "outline" : "ghost", "data-testid": dataTestId, "data-status": status.kind, className: `${buttonClassName} ${compactOnMobile ? "max-[380px]:w-[2.375rem] max-[380px]:min-w-[2.375rem] max-[380px]:justify-center max-[380px]:px-0" : ""}`, "aria-label": status.title, title: status.title, onClick: onClick, style: {
+            clipPath: "none",
+            WebkitClipPath: "none",
+            touchAction: "manipulation",
+            ...toneStyle,
+        }, children: [_jsx(AlertTriangle, { className: "pointer-events-none h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: `pointer-events-none leading-none ${compactOnMobile ? "max-[380px]:hidden" : ""}`, children: status.text })] }));
+}

package/components/cloud/FlaminaGuide.d.ts

@@ -0,0 +1,10 @@
+import type { FlaminaGuideTopic } from "../../state/types";
+export declare function FlaminaGuideCard({ topic, className, }: {
+    topic: FlaminaGuideTopic;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DeferredSetupChecklist({ className, onOpenTask, }: {
+    className?: string;
+    onOpenTask?: (task: FlaminaGuideTopic) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FlaminaGuide.d.ts.map

package/components/cloud/FlaminaGuide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlaminaGuide.d.ts","sourceRoot":"","sources":["../../../../../../src/components/cloud/FlaminaGuide.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAY,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAiFrE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,SAAc,GACf,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA8CA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAc,EACd,UAAU,GACX,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD,kDAkGA"}

package/components/cloud/FlaminaGuide.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useApp } from "../../state/index.js";
+const GUIDE_CONTENT = {
+    provider: {
+        titleKey: "flaminaguide.provider.title",
+        descriptionKey: "flaminaguide.provider.description",
+        whenToUseKey: "flaminaguide.provider.whenToUse",
+        skipEffectKey: "flaminaguide.provider.skipEffect",
+        characterImpactKey: "flaminaguide.provider.characterImpact",
+        recommendedKey: "flaminaguide.provider.recommended",
+    },
+    rpc: {
+        titleKey: "flaminaguide.rpc.title",
+        descriptionKey: "flaminaguide.rpc.description",
+        whenToUseKey: "flaminaguide.rpc.whenToUse",
+        skipEffectKey: "flaminaguide.rpc.skipEffect",
+        characterImpactKey: "flaminaguide.rpc.characterImpact",
+        recommendedKey: "flaminaguide.rpc.recommended",
+    },
+    permissions: {
+        titleKey: "flaminaguide.permissions.title",
+        descriptionKey: "flaminaguide.permissions.description",
+        whenToUseKey: "flaminaguide.permissions.whenToUse",
+        skipEffectKey: "flaminaguide.permissions.skipEffect",
+        characterImpactKey: "flaminaguide.permissions.characterImpact",
+        recommendedKey: "flaminaguide.permissions.recommended",
+    },
+    voice: {
+        titleKey: "flaminaguide.voice.title",
+        descriptionKey: "flaminaguide.voice.description",
+        whenToUseKey: "flaminaguide.voice.whenToUse",
+        skipEffectKey: "flaminaguide.voice.skipEffect",
+        characterImpactKey: "flaminaguide.voice.characterImpact",
+        recommendedKey: "flaminaguide.voice.recommended",
+    },
+    features: {
+        titleKey: "flaminaguide.features.title",
+        descriptionKey: "flaminaguide.features.description",
+        whenToUseKey: "flaminaguide.features.whenToUse",
+        skipEffectKey: "flaminaguide.features.skipEffect",
+        characterImpactKey: "flaminaguide.features.characterImpact",
+        recommendedKey: "flaminaguide.features.recommended",
+    },
+};
+const TASK_LABELS = {
+    provider: { key: "flaminaguide.tasks.provider.label" },
+    rpc: { key: "flaminaguide.tasks.rpc.label" },
+    permissions: { key: "flaminaguide.tasks.permissions.label" },
+    voice: { key: "flaminaguide.tasks.voice.label" },
+    features: { key: "flaminaguide.tasks.features.label" },
+};
+const TASK_DESCRIPTIONS = {
+    provider: { key: "flaminaguide.tasks.provider.description" },
+    rpc: { key: "flaminaguide.tasks.rpc.description" },
+    permissions: { key: "flaminaguide.tasks.permissions.description" },
+    voice: { key: "flaminaguide.tasks.voice.description" },
+    features: { key: "flaminaguide.tasks.features.description" },
+};
+export function FlaminaGuideCard({ topic, className = "", }) {
+    const { t } = useApp();
+    const guide = GUIDE_CONTENT[topic];
+    return (_jsxs("section", { className: `rounded-2xl border border-accent/25 bg-card/70 px-4 py-4 text-left shadow-[0_10px_30px_rgba(var(--accent-rgb),0.08)] backdrop-blur-sm ${className}`.trim(), children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx("span", { className: "rounded-full border border-accent/30 bg-accent/10 px-2 py-1 text-2xs font-semibold uppercase tracking-[0.16em] text-txt", children: "Flamina" }), _jsx("h3", { className: "text-sm font-semibold text-txt-strong", children: t(guide.titleKey, { defaultValue: guide.titleDefault }) })] }), _jsx("p", { className: "mb-3 text-sm text-muted", children: t(guide.descriptionKey, { defaultValue: guide.descriptionDefault }) }), _jsxs("div", { className: "space-y-2 text-xs leading-5 text-txt", children: [_jsxs("p", { children: [_jsx("span", { className: "font-semibold text-txt-strong", children: t("flaminaguide.WhenToUseLabel") }), " ", t(guide.whenToUseKey, { defaultValue: guide.whenToUseDefault })] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold text-txt-strong", children: t("flaminaguide.IfYouSkipLabel") }), " ", t(guide.skipEffectKey, { defaultValue: guide.skipEffectDefault })] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold text-txt-strong", children: t("flaminaguide.CharacterImpactLabel") }), " ", t(guide.characterImpactKey, {
+                                defaultValue: guide.characterImpactDefault,
+                            })] }), _jsx("p", { className: "rounded-xl border border-accent/20 bg-accent/5 px-3 py-2 text-xs-tight text-txt", children: t(guide.recommendedKey, { defaultValue: guide.recommendedDefault }) })] })] }));
+}
+export function DeferredSetupChecklist({ className = "", onOpenTask, }) {
+    const { onboardingDeferredTasks, postOnboardingChecklistDismissed, setState, t, } = useApp();
+    if (postOnboardingChecklistDismissed ||
+        !Array.isArray(onboardingDeferredTasks) ||
+        onboardingDeferredTasks.length === 0) {
+        return null;
+    }
+    const tasks = onboardingDeferredTasks.filter((task) => typeof task === "string" && task in TASK_LABELS);
+    if (tasks.length === 0) {
+        return null;
+    }
+    const markDone = (task) => {
+        setState("onboardingDeferredTasks", onboardingDeferredTasks.filter((current) => current !== task));
+    };
+    return (_jsxs("section", { className: `rounded-2xl border border-border/60 bg-card/70 px-4 py-4 shadow-sm backdrop-blur-sm ${className}`.trim(), children: [_jsxs("div", { className: "mb-3 flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-txt-strong", children: t("flaminaguide.FinishSetupLater") }), _jsx("p", { className: "text-xs text-muted", children: t("flaminaguide.FinishSetupLaterDescription") })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "rounded-full text-xs-tight font-semibold uppercase tracking-[0.12em] text-muted", onClick: () => setState("postOnboardingChecklistDismissed", true), children: t("common.dismiss") })] }), _jsx("div", { className: "space-y-2", children: tasks.map((task) => (_jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-border/50 bg-bg/50 px-3 py-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt-strong", children: t(TASK_LABELS[task].key, {
+                                        defaultValue: TASK_LABELS[task].defaultValue,
+                                    }) }), _jsx("p", { className: "text-xs text-muted", children: t(TASK_DESCRIPTIONS[task].key, {
+                                        defaultValue: TASK_DESCRIPTIONS[task].defaultValue,
+                                    }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "rounded-full border-accent/30 bg-accent/10 text-xs-tight font-semibold uppercase tracking-[0.12em]", onClick: () => onOpenTask?.(task), children: t("common.open") }), _jsx(Button, { variant: "ghost", size: "sm", className: "rounded-full text-xs-tight font-semibold uppercase tracking-[0.12em] text-muted", onClick: () => markDone(task), children: t("common.done") })] })] }, task))) })] }));
+}

package/components/cloud/StripeEmbeddedCheckout.d.ts

@@ -0,0 +1,24 @@
+interface StripeEmbeddedCheckoutProps {
+    publishableKey: string;
+    clientSecret: string;
+    className?: string;
+}
+interface StripeEmbeddedCheckoutInstance {
+    mount: (selectorOrElement: string | HTMLElement) => void;
+    unmount?: () => void;
+    destroy?: () => void;
+}
+interface StripeInstance {
+    initEmbeddedCheckout: (options: {
+        fetchClientSecret: () => Promise<string>;
+    }) => Promise<StripeEmbeddedCheckoutInstance>;
+}
+type StripeFactory = (publishableKey: string) => StripeInstance;
+declare global {
+    interface Window {
+        Stripe?: StripeFactory;
+    }
+}
+export declare function StripeEmbeddedCheckout({ publishableKey, clientSecret, className, }: StripeEmbeddedCheckoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StripeEmbeddedCheckout.d.ts.map

package/components/cloud/StripeEmbeddedCheckout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripeEmbeddedCheckout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/cloud/StripeEmbeddedCheckout.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,8BAA8B;IACtC,KAAK,EAAE,CAAC,iBAAiB,EAAE,MAAM,GAAG,WAAW,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,oBAAoB,EAAE,CAAC,OAAO,EAAE;QAC9B,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAC1C,KAAK,OAAO,CAAC,8BAA8B,CAAC,CAAC;CAC/C;AAED,KAAK,aAAa,GAAG,CAAC,cAAc,EAAE,MAAM,KAAK,cAAc,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB;CACF;AAqDD,wBAAgB,sBAAsB,CAAC,EACrC,cAAc,EACd,YAAY,EACZ,SAAc,GACf,EAAE,2BAA2B,2CAuE7B"}

package/components/cloud/StripeEmbeddedCheckout.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+let stripeLoader = null;
+async function loadStripeFactory() {
+    if (typeof window === "undefined") {
+        throw new Error("Stripe embedded checkout requires a browser environment.");
+    }
+    if (typeof window.Stripe === "function") {
+        return window.Stripe;
+    }
+    if (stripeLoader) {
+        return stripeLoader;
+    }
+    stripeLoader = new Promise((resolve, reject) => {
+        const existing = document.querySelector('script[data-eliza-stripe-loader="true"]');
+        if (existing) {
+            existing.addEventListener("load", () => {
+                if (typeof window.Stripe === "function") {
+                    resolve(window.Stripe);
+                }
+                else {
+                    reject(new Error("Stripe.js loaded without Stripe factory."));
+                }
+            });
+            existing.addEventListener("error", () => {
+                reject(new Error("Failed to load Stripe.js."));
+            });
+            return;
+        }
+        const script = document.createElement("script");
+        script.src = "https://js.stripe.com/v3/";
+        script.async = true;
+        script.dataset.elizaStripeLoader = "true";
+        script.onload = () => {
+            if (typeof window.Stripe === "function") {
+                resolve(window.Stripe);
+            }
+            else {
+                reject(new Error("Stripe.js loaded without Stripe factory."));
+            }
+        };
+        script.onerror = () => {
+            reject(new Error("Failed to load Stripe.js."));
+        };
+        document.head.appendChild(script);
+    });
+    return stripeLoader;
+}
+export function StripeEmbeddedCheckout({ publishableKey, clientSecret, className = "", }) {
+    const containerRef = useRef(null);
+    const checkoutRef = useRef(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        let cancelled = false;
+        const setup = async () => {
+            setLoading(true);
+            setError(null);
+            try {
+                const stripeFactory = await loadStripeFactory();
+                if (cancelled)
+                    return;
+                const stripe = stripeFactory(publishableKey);
+                const checkout = await stripe.initEmbeddedCheckout({
+                    fetchClientSecret: async () => clientSecret,
+                });
+                if (cancelled) {
+                    checkout.destroy?.();
+                    return;
+                }
+                checkoutRef.current = checkout;
+                if (containerRef.current) {
+                    checkout.mount(containerRef.current);
+                }
+            }
+            catch (err) {
+                if (!cancelled) {
+                    setError(err instanceof Error
+                        ? err.message
+                        : "Failed to load embedded checkout.");
+                }
+            }
+            finally {
+                if (!cancelled) {
+                    setLoading(false);
+                }
+            }
+        };
+        void setup();
+        return () => {
+            cancelled = true;
+            checkoutRef.current?.unmount?.();
+            checkoutRef.current?.destroy?.();
+            checkoutRef.current = null;
+        };
+    }, [clientSecret, publishableKey]);
+    if (error) {
+        return (_jsx("div", { className: "rounded-2xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: error }));
+    }
+    return (_jsxs("div", { className: className, children: [loading ? (_jsx("div", { className: "rounded-2xl border border-border/50 bg-bg/40 px-4 py-6 text-sm text-muted", children: "Loading secure checkout\u2026" })) : null, _jsx("div", { ref: containerRef, className: loading ? "hidden" : "block" })] }));
+}

package/components/companion/injected.d.ts

@@ -0,0 +1,9 @@
+import type { CompanionInferenceNotice, CompanionSceneStatus, ResolveCompanionInferenceNoticeArgs } from "../../config/boot-config";
+export declare function resolveCompanionInferenceNotice(args: ResolveCompanionInferenceNoticeArgs): CompanionInferenceNotice | null;
+export declare function CompanionInferenceAlertButton({ notice, onClick, }: {
+    notice: CompanionInferenceNotice;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function CompanionGlobalOverlay(): import("react/jsx-runtime").JSX.Element | null;
+export declare function useCompanionSceneStatus(): CompanionSceneStatus;
+//# sourceMappingURL=injected.d.ts.map

package/components/companion/injected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injected.d.ts","sourceRoot":"","sources":["../../../../../../src/components/companion/injected.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,oBAAoB,EACpB,mCAAmC,EACpC,MAAM,0BAA0B,CAAC;AAIlC,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,mCAAmC,GACxC,wBAAwB,GAAG,IAAI,CAEjC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,wBAAwB,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,kDAOA;AAED,wBAAgB,sBAAsB,mDAMrC;AAOD,wBAAgB,uBAAuB,IAAI,oBAAoB,CAK9D"}

package/components/companion/injected.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getBootConfig } from "../../config/boot-config.js";
+import { useBootConfig } from "../../config/boot-config-react.js";
+export function resolveCompanionInferenceNotice(args) {
+    return getBootConfig().resolveCompanionInferenceNotice?.(args) ?? null;
+}
+export function CompanionInferenceAlertButton({ notice, onClick, }) {
+    const { companionInferenceAlertButton: CompanionInferenceAlertButtonComponent, } = useBootConfig();
+    return CompanionInferenceAlertButtonComponent ? (_jsx(CompanionInferenceAlertButtonComponent, { notice: notice, onClick: onClick })) : null;
+}
+export function CompanionGlobalOverlay() {
+    const { companionGlobalOverlay: CompanionGlobalOverlayComponent } = useBootConfig();
+    return CompanionGlobalOverlayComponent ? (_jsx(CompanionGlobalOverlayComponent, {})) : null;
+}
+const DEFAULT_COMPANION_SCENE_STATUS = {
+    avatarReady: false,
+    teleportKey: "",
+};
+export function useCompanionSceneStatus() {
+    return (getBootConfig().useCompanionSceneStatus?.() ??
+        DEFAULT_COMPANION_SCENE_STATUS);
+}

package/components/composites/chat/chat-attachment-strip.d.ts

@@ -0,0 +1,9 @@
+import type { ChatAttachmentItem, ChatVariant } from "./chat-types";
+export interface ChatAttachmentStripProps {
+    items: ChatAttachmentItem[];
+    onRemove: (id: string, index: number) => void;
+    removeLabel?: (item: ChatAttachmentItem) => string;
+    variant?: ChatVariant;
+}
+export declare function ChatAttachmentStrip({ items, onRemove, removeLabel, variant, }: ChatAttachmentStripProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=chat-attachment-strip.d.ts.map

package/components/composites/chat/chat-attachment-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-attachment-strip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-attachment-strip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAmD,EACnD,OAAmB,GACpB,EAAE,wBAAwB,kDAoC1B"}

package/components/composites/chat/chat-attachment-strip.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../ui/button.js";
+export function ChatAttachmentStrip({ items, onRemove, removeLabel = (item) => `Remove image ${item.name}`, variant = "default", }) {
+    if (items.length === 0) {
+        return null;
+    }
+    return (_jsx("div", { className: `relative flex flex-wrap gap-2 py-1 ${variant === "game-modal" ? "pointer-events-auto" : ""}`, "data-no-camera-drag": variant === "game-modal" || undefined, style: { zIndex: 1 }, children: items.map((item, index) => (_jsxs("div", { className: "relative h-16 w-16 shrink-0 group", children: [_jsx("img", { src: item.src, alt: item.alt, className: "h-16 w-16 rounded border border-border object-cover" }), _jsx(Button, { variant: variant === "game-modal" ? "surfaceDestructive" : "destructive", size: "icon", title: removeLabel(item), "aria-label": removeLabel(item), onClick: () => onRemove(item.id, index), className: "absolute -right-1.5 -top-1.5 flex h-4 w-4 items-center justify-center rounded-full text-2xs opacity-100 transition-opacity focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100", children: "\u00D7" })] }, item.id))) }));
+}

package/components/composites/chat/chat-bubble.d.ts

@@ -0,0 +1,14 @@
+import type * as React from "react";
+export type ChatBubbleTone = "assistant" | "user";
+export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
+    tone?: ChatBubbleTone;
+    /**
+     * Source channel the message came from (e.g. "imessage", "telegram",
+     * "discord", "whatsapp"). When set, the bubble renders a connector-
+     * colored outline so cross-channel messages stay visually distinct
+     * without adding a repeated text badge above every message.
+     */
+    source?: string;
+}
+export declare function ChatBubble({ tone, source, className, ...props }: ChatBubbleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-bubble.d.ts.map

package/components/composites/chat/chat-bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAajB"}