@elizaos/agent 2.0.0-alpha.520 → 2.0.0-alpha.521

package/packages/app-core/src/components/local-inference/RoutingMatrix.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { client } from "../../api";
-const DEFAULT_POLICY = "prefer-local";
-const SLOTS = [
-    "TEXT_SMALL",
-    "TEXT_LARGE",
-    "TEXT_EMBEDDING",
-    "OBJECT_SMALL",
-    "OBJECT_LARGE",
-];
-const POLICIES = [
-    {
-        value: "manual",
-        label: "Manual",
-        hint: "Use the preferred provider below.",
-    },
-    {
-        value: "cheapest",
-        label: "Cheapest",
-        hint: "Lowest $/token. Local is free.",
-    },
-    { value: "fastest", label: "Fastest", hint: "Lowest measured p50 latency." },
-    {
-        value: "prefer-local",
-        label: "Prefer local",
-        hint: "Try on-device first, fall through to cloud.",
-    },
-    {
-        value: "round-robin",
-        label: "Round robin",
-        hint: "Distribute load across all eligible providers.",
-    },
-];
-// Runtime model type strings for each agent slot. Keep in sync with the
-// server-side ModelType enum via router-handler.ts#slotToModelType.
-const SLOT_MODEL_TYPE = {
-    TEXT_SMALL: "TEXT_SMALL",
-    TEXT_LARGE: "TEXT_LARGE",
-    TEXT_EMBEDDING: "TEXT_EMBEDDING",
-    OBJECT_SMALL: "OBJECT_SMALL",
-    OBJECT_LARGE: "OBJECT_LARGE",
-};
-const SLOT_LABEL = {
-    TEXT_SMALL: "Small text",
-    TEXT_LARGE: "Large text",
-    TEXT_EMBEDDING: "Embeddings",
-    OBJECT_SMALL: "Small structured output",
-    OBJECT_LARGE: "Large structured output",
-};
-export function RoutingMatrix() {
-    const [registrations, setRegistrations] = useState([]);
-    const [preferences, setPreferences] = useState({
-        preferredProvider: {},
-        policy: {},
-    });
-    const [error, setError] = useState(null);
-    const [busy, setBusy] = useState(null);
-    const refresh = useCallback(async () => {
-        try {
-            const data = await client.getLocalInferenceRouting();
-            setRegistrations(data.registrations);
-            setPreferences(data.preferences);
-            setError(null);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to load routing");
-        }
-    }, []);
-    useEffect(() => {
-        void refresh();
-        const interval = setInterval(() => void refresh(), 15_000);
-        return () => clearInterval(interval);
-    }, [refresh]);
-    const handlePolicy = useCallback(async (slot, policy) => {
-        setBusy(slot);
-        try {
-            const res = await client.setLocalInferencePolicy(slot, policy);
-            setPreferences(res.preferences);
-        }
-        finally {
-            setBusy(null);
-        }
-    }, []);
-    const handlePreferred = useCallback(async (slot, provider) => {
-        setBusy(slot);
-        try {
-            const res = await client.setLocalInferencePreferredProvider(slot, provider);
-            setPreferences(res.preferences);
-        }
-        finally {
-            setBusy(null);
-        }
-    }, []);
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx("header", { children: _jsx("h3", { className: "text-[10px] font-medium uppercase tracking-wider text-muted", children: "Model routing" }) }), error ? (_jsx("div", { className: "rounded-xl border border-rose-500/40 bg-rose-500/10 p-3 text-xs text-rose-200", children: error })) : null, _jsx("div", { className: "flex flex-col gap-2", children: SLOTS.map((slot) => {
-                    const modelType = SLOT_MODEL_TYPE[slot];
-                    const candidates = registrations
-                        .filter((r) => r.modelType === modelType)
-                        .filter((r) => r.provider !== "milady-router")
-                        .sort((a, b) => b.priority - a.priority);
-                    const policy = preferences.policy[slot] ?? DEFAULT_POLICY;
-                    const preferred = preferences.preferredProvider[slot] ?? "";
-                    const disabled = busy === slot;
-                    return (_jsxs("div", { className: "rounded-xl border border-border bg-card p-3 flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-medium text-sm", title: slot, children: SLOT_LABEL[slot] }), _jsx("span", { className: `h-2 w-2 rounded-full ${candidates.length > 0 ? "bg-ok" : "bg-muted"}`, title: `${candidates.length} available provider${candidates.length === 1 ? "" : "s"}`, "aria-hidden": true })] }), _jsxs("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: [_jsxs("label", { className: "flex flex-col gap-1 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: "Policy" }), _jsx("select", { value: policy, disabled: disabled, onChange: (e) => void handlePolicy(slot, e.target.value), className: "rounded-md border border-border bg-bg/50 px-2 py-1.5 text-sm", children: POLICIES.map((p) => (_jsx("option", { value: p.value, title: p.hint, children: p.label }, p.value))) })] }), _jsxs("label", { className: "flex flex-col gap-1 text-xs", children: [_jsxs("span", { className: "text-muted-foreground", children: ["Preferred provider", policy !== "manual" && " (manual only)"] }), _jsxs("select", { value: preferred, disabled: disabled, onChange: (e) => void handlePreferred(slot, e.target.value || null), className: "rounded-md border border-border bg-bg/50 px-2 py-1.5 text-sm disabled:opacity-60", children: [_jsx("option", { value: "", children: "Auto" }), candidates.map((c) => (_jsxs("option", { value: c.provider, children: [c.provider, typeof c.priority === "number"
-                                                                ? ` (priority ${c.priority})`
-                                                                : ""] }, c.provider)))] })] })] }), candidates.length === 0 ? (_jsx("div", { className: "text-xs text-muted-foreground italic", children: "No provider has registered a handler for this slot yet." })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: candidates.map((c) => (_jsx("span", { className: "rounded-full border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: c.provider }, c.provider))) }))] }, slot));
-                }) })] }));
-}

package/packages/app-core/src/components/local-inference/SlotAssignments.d.ts

@@ -1,15 +0,0 @@
-import type { InstalledModel, ModelAssignments } from "../../api/client-local-inference";
-interface SlotAssignmentsProps {
-    installed: InstalledModel[];
-    assignments: ModelAssignments;
-    onChange: (assignments: ModelAssignments) => void;
-}
-/**
- * Per-ModelType slot assignment UI. Renders one dropdown per agent model
- * slot; selecting a model writes the assignment to disk immediately.
- * Slots with no assignment fall through to the legacy "active model"
- * behaviour (use whatever is currently loaded).
- */
-export declare function SlotAssignments({ installed, assignments, onChange, }: SlotAssignmentsProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SlotAssignments.d.ts.map

package/packages/app-core/src/components/local-inference/SlotAssignments.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlotAssignments.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/SlotAssignments.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EACjB,MAAM,kCAAkC,CAAC;AAE1C,UAAU,oBAAoB;IAC5B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAmCD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,2CAyEtB"}

package/packages/app-core/src/components/local-inference/SlotAssignments.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { client } from "../../api";
-const SLOTS = [
-    {
-        slot: "TEXT_SMALL",
-        label: "Small text",
-        description: "Short completions, classifications, and background requests.",
-    },
-    {
-        slot: "TEXT_LARGE",
-        label: "Large text",
-        description: "Main chat responses, planning, and reasoning.",
-    },
-    {
-        slot: "TEXT_EMBEDDING",
-        label: "Embeddings",
-        description: "Vector search and memory when a local embedding handler exists.",
-    },
-    {
-        slot: "OBJECT_SMALL",
-        label: "Small structured output",
-        description: "XML/JSON structured generation on the small path.",
-    },
-    {
-        slot: "OBJECT_LARGE",
-        label: "Large structured output",
-        description: "Structured generation on the large path.",
-    },
-];
-/**
- * Per-ModelType slot assignment UI. Renders one dropdown per agent model
- * slot; selecting a model writes the assignment to disk immediately.
- * Slots with no assignment fall through to the legacy "active model"
- * behaviour (use whatever is currently loaded).
- */
-export function SlotAssignments({ installed, assignments, onChange, }) {
-    const [busySlot, setBusySlot] = useState(null);
-    const handleChange = useCallback(async (slot, modelId) => {
-        setBusySlot(slot);
-        try {
-            const response = await client.setLocalInferenceAssignment(slot, modelId);
-            onChange(response.assignments);
-        }
-        finally {
-            setBusySlot(null);
-        }
-    }, [onChange]);
-    if (installed.length === 0) {
-        return (_jsx("div", { className: "rounded-xl border border-dashed border-border p-4 text-sm text-muted-foreground", children: "Download or scan at least one model to use local inference." }));
-    }
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx("h3", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Local model assignments" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Milady defaults both text routes to the largest installed local model so only one model has to stay in memory. Override a slot only when you explicitly want a different local model." }), _jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: SLOTS.map(({ slot, label, description }) => {
-                    const currentId = assignments[slot] ?? "";
-                    return (_jsxs("label", { className: "rounded-xl border border-border bg-card p-3 flex flex-col gap-1.5", children: [_jsx("span", { className: "text-sm font-medium", children: label }), _jsx("span", { className: "text-xs text-muted-foreground", children: description }), _jsxs("select", { value: currentId, disabled: busySlot === slot, onChange: (e) => void handleChange(slot, e.target.value || null), className: "mt-1 rounded-md border border-border bg-bg/50 px-2 py-1.5 text-sm", children: [_jsx("option", { value: "", children: "Auto" }), installed.map((m) => (_jsxs("option", { value: m.id, children: [m.displayName, m.source === "external-scan"
-                                                ? ` · via ${m.externalOrigin}`
-                                                : ""] }, m.id)))] })] }, slot));
-                }) })] }));
-}

package/packages/app-core/src/components/local-inference/hub-utils.d.ts

@@ -1,27 +0,0 @@
-/**
- * Pure helpers used by the Model Hub UI. Kept separate from components so
- * they can be covered by unit tests without a DOM.
- */
-import type { CatalogModel, DownloadJob, HardwareProbe, InstalledModel, ModelBucket } from "../../api/client-local-inference";
-export type FitLevel = "fits" | "tight" | "wontfit";
-export declare function formatBytes(bytes: number): string;
-export declare function formatEta(ms: number | null): string;
-export declare function progressPercent(job: DownloadJob | undefined): number;
-export declare function bucketLabel(bucket: ModelBucket): string;
-export declare function fitLabel(fit: FitLevel): string;
-export declare function computeFit(model: CatalogModel, hardware: HardwareProbe): FitLevel;
-/**
- * Decide whether a catalog model is already installed.
- * External models show up with ids like `external-<origin>-<hash>` so we
- * also tolerate matches by filename basename.
- */
-export declare function findInstalled(model: CatalogModel, installed: InstalledModel[]): InstalledModel | undefined;
-export declare function findDownload(modelId: string, downloads: DownloadJob[]): DownloadJob | undefined;
-/**
- * Client-side lookup of a catalog entry by id. Accepts the catalog as an
- * argument so the hub UI can mix curated + HF-search results without
- * importing the server-side singleton.
- */
-export declare function findCatalogModel(id: string, catalog: CatalogModel[]): CatalogModel | undefined;
-export declare function groupByBucket(models: CatalogModel[]): Map<ModelBucket, CatalogModel[]>;
-//# sourceMappingURL=hub-utils.d.ts.map

package/packages/app-core/src/components/local-inference/hub-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hub-utils.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/hub-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMjD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CASnD;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAGpE;AASD,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEvD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,GAAG,MAAM,CAI9C;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,aAAa,GACtB,QAAQ,CAEV;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,cAAc,EAAE,GAC1B,cAAc,GAAG,SAAS,CAU5B;AAED,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,WAAW,EAAE,GACvB,WAAW,GAAG,SAAS,CAEzB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,YAAY,EAAE,GACtB,YAAY,GAAG,SAAS,CAE1B;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,YAAY,EAAE,GACrB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,CAAC,CASlC"}

package/packages/app-core/src/components/local-inference/hub-utils.js

@@ -1,86 +0,0 @@
-/**
- * Pure helpers used by the Model Hub UI. Kept separate from components so
- * they can be covered by unit tests without a DOM.
- */
-import { assessFit } from "../../services/local-inference/hardware";
-export function formatBytes(bytes) {
-    if (!Number.isFinite(bytes) || bytes <= 0)
-        return "—";
-    const gb = bytes / 1024 ** 3;
-    if (gb >= 1)
-        return `${gb.toFixed(1)} GB`;
-    const mb = bytes / 1024 ** 2;
-    return `${mb.toFixed(0)} MB`;
-}
-export function formatEta(ms) {
-    if (ms == null || !Number.isFinite(ms) || ms <= 0)
-        return "";
-    const totalSec = Math.ceil(ms / 1000);
-    if (totalSec < 60)
-        return `${totalSec}s`;
-    const minutes = Math.floor(totalSec / 60);
-    const seconds = totalSec % 60;
-    if (minutes < 60)
-        return `${minutes}m ${seconds}s`;
-    const hours = Math.floor(minutes / 60);
-    return `${hours}h ${minutes % 60}m`;
-}
-export function progressPercent(job) {
-    if (!job || job.total <= 0)
-        return 0;
-    return Math.min(100, Math.round((job.received / job.total) * 100));
-}
-const BUCKET_LABEL = {
-    small: "Fast",
-    mid: "Balanced",
-    large: "High quality",
-    xl: "Premium",
-};
-export function bucketLabel(bucket) {
-    return BUCKET_LABEL[bucket];
-}
-export function fitLabel(fit) {
-    if (fit === "fits")
-        return "Runs smoothly";
-    if (fit === "tight")
-        return "Slow on your device";
-    return "Not enough memory";
-}
-export function computeFit(model, hardware) {
-    return assessFit(hardware, model.sizeGb, model.minRamGb);
-}
-/**
- * Decide whether a catalog model is already installed.
- * External models show up with ids like `external-<origin>-<hash>` so we
- * also tolerate matches by filename basename.
- */
-export function findInstalled(model, installed) {
-    const byId = installed.find((m) => m.id === model.id);
-    if (byId)
-        return byId;
-    // Fallback: external entries whose basename matches the catalog gguf.
-    const target = model.ggufFile.toLowerCase();
-    return installed.find((m) => m.path.toLowerCase().endsWith(`/${target}`) ||
-        m.path.toLowerCase().endsWith(`\\${target}`));
-}
-export function findDownload(modelId, downloads) {
-    return downloads.find((d) => d.modelId === modelId);
-}
-/**
- * Client-side lookup of a catalog entry by id. Accepts the catalog as an
- * argument so the hub UI can mix curated + HF-search results without
- * importing the server-side singleton.
- */
-export function findCatalogModel(id, catalog) {
-    return catalog.find((m) => m.id === id);
-}
-export function groupByBucket(models) {
-    const groups = new Map();
-    for (const bucket of ["small", "mid", "large", "xl"]) {
-        groups.set(bucket, []);
-    }
-    for (const model of models) {
-        groups.get(model.bucket)?.push(model);
-    }
-    return groups;
-}

package/packages/app-core/src/components/onboarding/BootstrapStep.d.ts

@@ -1,35 +0,0 @@
-/**
- * BootstrapStep — cloud-provisioned containers only.
- *
- * If the dashboard linked here with `#bootstrap=<token>`, the token is read
- * once on mount, scrubbed from the URL, and exchanged automatically — no
- * paste required. Otherwise the manual paste form is shown as a fallback.
- *
- * On success the returned session id is written to
- * sessionStorage["milady_session"] and the `onAdvance` callback fires.
- *
- * P1 will migrate the session to an HttpOnly cookie and retire sessionStorage.
- * The key name is kept in sync with the cookie name planned for P1
- * (milady_session) so the P1 migration is a straightforward swap.
- *
- * Error contract (fail closed):
- *   401 → token invalid / expired / already used, single-use, must rotate.
- *   429 → rate limited.
- *   5xx → server not ready.
- *   network → surfaces to user; never treated as success.
- */
-import type { BootstrapExchangeResult } from "../../api/client-agent";
-export interface BootstrapStepProps {
-    /**
-     * Called after a successful exchange. The caller is responsible for
-     * advancing the wizard.
-     */
-    onAdvance: () => void;
-    /**
-     * Injected exchange function — defaults to the real API client call but
-     * can be swapped in tests.
-     */
-    exchangeFn?: (token: string) => Promise<BootstrapExchangeResult>;
-}
-export declare function BootstrapStep({ onAdvance, exchangeFn }: BootstrapStepProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=BootstrapStep.d.ts.map

package/packages/app-core/src/components/onboarding/BootstrapStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BootstrapStep.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/onboarding/BootstrapStep.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAKH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAwDtE,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAClE;AAwBD,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,kBAAkB,2CAoM1E"}

package/packages/app-core/src/components/onboarding/BootstrapStep.js

@@ -1,150 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * BootstrapStep — cloud-provisioned containers only.
- *
- * If the dashboard linked here with `#bootstrap=<token>`, the token is read
- * once on mount, scrubbed from the URL, and exchanged automatically — no
- * paste required. Otherwise the manual paste form is shown as a fallback.
- *
- * On success the returned session id is written to
- * sessionStorage["milady_session"] and the `onAdvance` callback fires.
- *
- * P1 will migrate the session to an HttpOnly cookie and retire sessionStorage.
- * The key name is kept in sync with the cookie name planned for P1
- * (milady_session) so the P1 migration is a straightforward swap.
- *
- * Error contract (fail closed):
- *   401 → token invalid / expired / already used, single-use, must rotate.
- *   429 → rate limited.
- *   5xx → server not ready.
- *   network → surfaces to user; never treated as success.
- */
-import { cn } from "@elizaos/ui";
-import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { client } from "../../api";
-import { OnboardingField, onboardingDetailStackClassName, onboardingHelperTextClassName, onboardingInputClassName, onboardingReadableTextFaintClassName, onboardingReadableTextMutedClassName, } from "./onboarding-form-primitives";
-import { OnboardingStepDivider, onboardingBodyTextShadowStyle, onboardingDescriptionClass, onboardingEyebrowClass, onboardingFooterClass, onboardingHeaderBlockClass, onboardingPrimaryActionClass, onboardingPrimaryActionTextShadowStyle, onboardingTextShadowStyle, onboardingTitleClass, } from "./onboarding-step-chrome";
-const SESSION_STORAGE_KEY = "milady_session";
-const MONO_FONT = "'Courier New', 'Courier', 'Monaco', monospace";
-const BOOTSTRAP_HASH_PARAM = "bootstrap";
-/**
- * If the dashboard handed off the token via `#bootstrap=<token>`, read it once
- * on mount so the container can auto-activate without a manual paste.
- * Fragment (not query) so the token never reaches the server or referer logs.
- */
-function readBootstrapTokenFromHash() {
-    if (typeof window === "undefined")
-        return null;
-    const hash = window.location.hash;
-    if (hash.length < 2)
-        return null;
-    const params = new URLSearchParams(hash.slice(1));
-    const value = params.get(BOOTSTRAP_HASH_PARAM);
-    return value && value.length > 0 ? value : null;
-}
-function scrubBootstrapTokenFromHash() {
-    if (typeof window === "undefined")
-        return;
-    const hash = window.location.hash;
-    if (hash.length < 2)
-        return;
-    const params = new URLSearchParams(hash.slice(1));
-    if (!params.has(BOOTSTRAP_HASH_PARAM))
-        return;
-    params.delete(BOOTSTRAP_HASH_PARAM);
-    const remaining = params.toString();
-    const newHash = remaining.length > 0 ? `#${remaining}` : "";
-    window.history.replaceState(null, "", `${window.location.pathname}${window.location.search}${newHash}`);
-}
-function describeError(result) {
-    if (result.status === 429) {
-        return "Too many attempts — wait a minute and try again.";
-    }
-    if (result.status === 503) {
-        return "The server is not ready. Reload the page and try again.";
-    }
-    if (result.status === 400) {
-        return "No token provided. Paste the token from your Eliza Cloud dashboard.";
-    }
-    // 401 — invalid / expired / already used
-    return "Token invalid, expired, or already used. Bootstrap tokens are single-use — rotate from your Eliza Cloud dashboard to get a new one.";
-}
-export function BootstrapStep({ onAdvance, exchangeFn }) {
-    const fieldId = useId().replace(/:/g, "");
-    const [token, setToken] = useState("");
-    // Lazy-init to "submitting" when an auto-activate token is present so the
-    // first paint shows "Verifying…" instead of an empty paste form.
-    const [submitState, setSubmitState] = useState(() => readBootstrapTokenFromHash() !== null
-        ? { phase: "submitting" }
-        : { phase: "idle" });
-    const inputRef = useRef(null);
-    const didAutoExchangeRef = useRef(false);
-    const doExchange = useCallback(async (rawToken) => {
-        setSubmitState({ phase: "submitting" });
-        let result;
-        try {
-            if (exchangeFn) {
-                result = await exchangeFn(rawToken);
-            }
-            else {
-                // `client` is statically imported above. The `exchangeFn` injection
-                // path remains the test seam; this branch is the production path.
-                result = await client.postBootstrapExchange(rawToken);
-            }
-        }
-        catch (err) {
-            // Network down or unexpected throw — surface to user, do not proceed.
-            const message = err instanceof Error && err.message
-                ? err.message
-                : "Network error — check your connection and try again.";
-            setSubmitState({ phase: "error", message, tone: "danger" });
-            return;
-        }
-        if (result.ok === false) {
-            setSubmitState({
-                phase: "error",
-                message: describeError(result),
-                tone: "danger",
-            });
-            return;
-        }
-        // P0 bridge: write session id to sessionStorage. P1 replaces this with
-        // an HttpOnly cookie set by the server on the exchange response.
-        try {
-            sessionStorage.setItem(SESSION_STORAGE_KEY, result.sessionId);
-        }
-        catch {
-            // sessionStorage unavailable (e.g. private browsing on some browsers).
-            // Session is still in memory for this page load; the wizard can advance.
-        }
-        setSubmitState({ phase: "success" });
-        onAdvance();
-    }, [exchangeFn, onAdvance]);
-    const handleSubmit = useCallback((e) => {
-        e.preventDefault();
-        const trimmed = token.trim();
-        if (!trimmed)
-            return;
-        void doExchange(trimmed);
-    }, [token, doExchange]);
-    useEffect(() => {
-        if (didAutoExchangeRef.current)
-            return;
-        const hashToken = readBootstrapTokenFromHash();
-        if (!hashToken)
-            return;
-        didAutoExchangeRef.current = true;
-        // Scrub before exchange so the token never lingers in window.history,
-        // even if exchange throws or the user navigates away mid-flight.
-        scrubBootstrapTokenFromHash();
-        void doExchange(hashToken);
-    }, [doExchange]);
-    const isSubmitting = submitState.phase === "submitting";
-    return (_jsxs("form", { onSubmit: handleSubmit, "aria-label": "Bootstrap token entry", className: "flex w-full flex-col gap-6", children: [_jsxs("div", { className: onboardingHeaderBlockClass, children: [_jsx("p", { className: onboardingEyebrowClass, style: onboardingBodyTextShadowStyle, children: "Eliza Cloud" }), _jsx(OnboardingStepDivider, {}), _jsx("h1", { className: onboardingTitleClass, style: onboardingTextShadowStyle, children: "Finish setting up your container" }), _jsx("p", { className: onboardingDescriptionClass, style: onboardingBodyTextShadowStyle, children: "Paste the bootstrap token from your Eliza Cloud dashboard to activate this container." })] }), _jsx("div", { className: onboardingDetailStackClassName, children: _jsx(OnboardingField, { controlId: fieldId, label: "Bootstrap token", message: submitState.phase === "error" ? submitState.message : undefined, messageTone: submitState.phase === "error" ? submitState.tone : undefined, children: ({ describedBy, invalid }) => (_jsx("input", { ref: inputRef, id: fieldId, type: "password", autoComplete: "off", spellCheck: false, placeholder: "Paste your bootstrap token here", value: token, onChange: (e) => {
-                            setToken(e.target.value);
-                            if (submitState.phase === "error") {
-                                setSubmitState({ phase: "idle" });
-                            }
-                        }, disabled: isSubmitting, "aria-invalid": invalid, "aria-describedby": describedBy, className: cn(onboardingInputClassName, invalid &&
-                            "border-[var(--danger)] focus-visible:border-[var(--danger)]") })) }) }), _jsx("div", { className: cn("rounded-xl px-4 py-3", "border border-[rgba(240,185,11,0.18)] bg-[rgba(240,185,11,0.07)]"), children: _jsxs("p", { className: cn(onboardingHelperTextClassName, "leading-relaxed"), style: onboardingBodyTextShadowStyle, children: [_jsx("span", { className: onboardingReadableTextMutedClassName, style: { fontFamily: MONO_FONT }, children: "Where do I get this?" }), " ", _jsxs("span", { className: onboardingReadableTextFaintClassName, children: ["Open your Eliza Cloud dashboard, select this container, and copy the token shown under \u201CBootstrap token\u201D. It is valid for 24 hours and can only be used once.", " ", _jsx("a", { href: "/docs/security/bootstrap-token", target: "_blank", rel: "noopener noreferrer", className: "underline hover:text-[var(--onboarding-text-muted)] transition-colors", children: "Learn more" })] })] }) }), _jsx("div", { className: cn(onboardingFooterClass, "justify-end"), children: _jsx("button", { type: "submit", disabled: isSubmitting || !token.trim(), className: onboardingPrimaryActionClass, style: onboardingPrimaryActionTextShadowStyle, children: isSubmitting ? "Verifying…" : "Activate" }) })] }));
-}

package/packages/app-core/src/components/onboarding/onboarding-form-primitives.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-export declare const onboardingDetailStackClassName = "flex w-full flex-col gap-4 text-left";
-export declare const onboardingCenteredStackClassName = "flex w-full flex-col items-center gap-3 text-center";
-export declare const onboardingReadableTextStrongClassName = "text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
-export declare const onboardingReadableTextPrimaryClassName = "text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
-export declare const onboardingReadableTextMutedClassName = "text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingReadableTextSubtleClassName = "text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingReadableTextFaintClassName = "text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingHelperTextClassName = "text-xs leading-relaxed text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingSubtleTextClassName = "text-xs-tight leading-relaxed text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingFieldLabelClassName = "text-xs font-semibold uppercase tracking-[0.14em] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingInlineSupportClassName = "rounded-md border border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.05)] px-1 py-0.5 backdrop-blur-[10px]";
-export declare const onboardingTextSupportClassName = "rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
-export declare const onboardingCardSurfaceClassName = "border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
-export declare const onboardingCardSurfaceHoverClassName = "hover:border-[var(--onboarding-card-border-strong)] hover:bg-[var(--onboarding-card-bg-hover)]";
-export declare const onboardingRecommendedSurfaceClassName = "border border-[var(--onboarding-recommended-border)] bg-[var(--onboarding-recommended-bg)] shadow-[var(--onboarding-card-shadow)]";
-export declare const onboardingRecommendedSurfaceHoverClassName = "hover:border-[var(--onboarding-recommended-border-strong)] hover:bg-[var(--onboarding-recommended-bg-hover)]";
-export declare const onboardingInputSurfaceClassName = "border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
-export declare const onboardingInfoPanelClassName = "rounded-2xl px-4 py-4 backdrop-blur-[18px] backdrop-saturate-[1.15] border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
-export declare const onboardingInputClassName = "h-12 w-full rounded-xl px-4 text-left text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)] transition-[border-color,box-shadow,background-color] duration-200 placeholder:text-[var(--onboarding-text-subtle)] focus-visible:border-[var(--onboarding-field-focus-border)] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-[var(--onboarding-field-focus-shadow)] border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
-export declare const onboardingChoiceCardTitleClassName = "text-xs font-medium leading-[1.3] text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
-export declare const onboardingChoiceCardDescriptionClassName = "mt-1 text-xs-tight leading-[1.35] text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export declare const onboardingChoiceCardBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[var(--onboarding-accent-bg)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[var(--onboarding-accent-foreground)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
-export declare const onboardingChoiceCardDetectedBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[rgba(34,197,94,0.2)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[rgba(34,197,94,0.94)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
-export declare const onboardingChoiceCardRecommendedLabelClassName = "ml-auto shrink-0 whitespace-nowrap text-3xs font-medium uppercase tracking-[0.12em] text-accent";
-export declare function getOnboardingChoiceCardClassName({ detected, selected, recommended, }: {
-    detected?: boolean;
-    selected?: boolean;
-    recommended?: boolean;
-}): string;
-interface OnboardingFieldProps {
-    align?: "left" | "center";
-    children: (controlProps: {
-        describedBy?: string;
-        invalid: boolean;
-    }) => React.ReactNode;
-    className?: string;
-    controlId?: string;
-    description?: React.ReactNode;
-    descriptionClassName?: string;
-    label?: React.ReactNode;
-    labelClassName?: string;
-    message?: React.ReactNode;
-    messageClassName?: string;
-    messageTone?: "default" | "danger" | "success";
-}
-export declare function OnboardingField({ align, children, className, controlId, description, descriptionClassName, label, labelClassName, message, messageClassName, messageTone, }: OnboardingFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare const OnboardingStatusBanner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    action?: React.ReactNode;
-    live?: "polite" | "assertive";
-    tone: "success" | "neutral" | "error";
-} & React.RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=onboarding-form-primitives.d.ts.map

package/packages/app-core/src/components/onboarding/onboarding-form-primitives.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboarding-form-primitives.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/onboarding/onboarding-form-primitives.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,8BAA8B,yCACH,CAAC;AACzC,eAAO,MAAM,gCAAgC,wDACU,CAAC;AACxD,eAAO,MAAM,qCAAqC,sJACmG,CAAC;AACtJ,eAAO,MAAM,sCAAsC,8FAC0C,CAAC;AAC9F,eAAO,MAAM,oCAAoC,0FACwC,CAAC;AAC1F,eAAO,MAAM,qCAAqC,2FACwC,CAAC;AAC3F,eAAO,MAAM,oCAAoC,0FACwC,CAAC;AAC1F,eAAO,MAAM,6BAA6B,kHAAoE,CAAC;AAC/G,eAAO,MAAM,6BAA6B,yHAA2E,CAAC;AACtH,eAAO,MAAM,6BAA6B,4IAA8F,CAAC;AACzI,eAAO,MAAM,gCAAgC,mHACqE,CAAC;AACnH,eAAO,MAAM,8BAA8B,yIAC6F,CAAC;AACzI,eAAO,MAAM,8BAA8B,wHAC4E,CAAC;AACxH,eAAO,MAAM,mCAAmC,mGACkD,CAAC;AACnG,eAAO,MAAM,qCAAqC,sIACmF,CAAC;AACtI,eAAO,MAAM,0CAA0C,iHACyD,CAAC;AACjH,eAAO,MAAM,+BAA+B,iIACoF,CAAC;AACjI,eAAO,MAAM,4BAA4B,4LAA0G,CAAC;AACpJ,eAAO,MAAM,wBAAwB,8hBAAoZ,CAAC;AAC1b,eAAO,MAAM,kCAAkC,gIAAgF,CAAC;AAChI,eAAO,MAAM,wCAAwC,4HAA8E,CAAC;AACpI,eAAO,MAAM,kCAAkC,yOACyL,CAAC;AACzO,eAAO,MAAM,0CAA0C,kNAC0J,CAAC;AAClN,eAAO,MAAM,6CAA6C,oGACyC,CAAC;AAEpG,wBAAgB,gCAAgC,CAAC,EAC/C,QAAgB,EAChB,QAAgB,EAChB,WAAmB,GACpB,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,UAWA;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,QAAQ,EAAE,CAAC,YAAY,EAAE;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAChD;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,KAAK,EACL,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,WAAuB,GACxB,EAAE,oBAAoB,2CAyDtB;AAED,eAAO,MAAM,sBAAsB;aAGtB,KAAK,CAAC,SAAS;WACjB,QAAQ,GAAG,WAAW;UACvB,SAAS,GAAG,SAAS,GAAG,OAAO;wCA6CvC,CAAC"}

package/packages/app-core/src/components/onboarding/onboarding-form-primitives.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn, Field, FieldDescription, FieldLabel, FieldMessage, } from "@elizaos/ui";
-import * as React from "react";
-export const onboardingDetailStackClassName = "flex w-full flex-col gap-4 text-left";
-export const onboardingCenteredStackClassName = "flex w-full flex-col items-center gap-3 text-center";
-export const onboardingReadableTextStrongClassName = "text-[var(--onboarding-text-strong)] [text-shadow:var(--onboarding-text-shadow-strong)] [-webkit-text-stroke:0.3px_var(--onboarding-text-stroke)]";
-export const onboardingReadableTextPrimaryClassName = "text-[var(--onboarding-text-primary)] [text-shadow:var(--onboarding-text-shadow-primary)]";
-export const onboardingReadableTextMutedClassName = "text-[var(--onboarding-text-muted)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export const onboardingReadableTextSubtleClassName = "text-[var(--onboarding-text-subtle)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export const onboardingReadableTextFaintClassName = "text-[var(--onboarding-text-faint)] [text-shadow:var(--onboarding-text-shadow-muted)]";
-export const onboardingHelperTextClassName = `text-xs leading-relaxed ${onboardingReadableTextMutedClassName}`;
-export const onboardingSubtleTextClassName = `text-xs-tight leading-relaxed ${onboardingReadableTextSubtleClassName}`;
-export const onboardingFieldLabelClassName = `text-xs font-semibold uppercase tracking-[0.14em] ${onboardingReadableTextMutedClassName}`;
-export const onboardingInlineSupportClassName = "rounded-md border border-[rgba(255,255,255,0.08)] bg-[rgba(255,255,255,0.05)] px-1 py-0.5 backdrop-blur-[10px]";
-export const onboardingTextSupportClassName = "rounded-xl bg-[var(--onboarding-text-support-bg)] px-3 py-2 my-2 shadow-[var(--onboarding-text-support-shadow)] backdrop-blur-[14px]";
-export const onboardingCardSurfaceClassName = "border border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)] shadow-[var(--onboarding-card-shadow)]";
-export const onboardingCardSurfaceHoverClassName = "hover:border-[var(--onboarding-card-border-strong)] hover:bg-[var(--onboarding-card-bg-hover)]";
-export const onboardingRecommendedSurfaceClassName = "border border-[var(--onboarding-recommended-border)] bg-[var(--onboarding-recommended-bg)] shadow-[var(--onboarding-card-shadow)]";
-export const onboardingRecommendedSurfaceHoverClassName = "hover:border-[var(--onboarding-recommended-border-strong)] hover:bg-[var(--onboarding-recommended-bg-hover)]";
-export const onboardingInputSurfaceClassName = "border border-[var(--onboarding-input-border)] bg-[var(--onboarding-input-bg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)]";
-export const onboardingInfoPanelClassName = `rounded-2xl px-4 py-4 backdrop-blur-[18px] backdrop-saturate-[1.15] ${onboardingCardSurfaceClassName}`;
-export const onboardingInputClassName = `h-12 w-full rounded-xl px-4 text-left ${onboardingReadableTextPrimaryClassName} transition-[border-color,box-shadow,background-color] duration-200 placeholder:text-[var(--onboarding-text-subtle)] focus-visible:border-[var(--onboarding-field-focus-border)] focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:shadow-[var(--onboarding-field-focus-shadow)] ${onboardingInputSurfaceClassName}`;
-export const onboardingChoiceCardTitleClassName = `text-xs font-medium leading-[1.3] ${onboardingReadableTextPrimaryClassName}`;
-export const onboardingChoiceCardDescriptionClassName = `mt-1 text-xs-tight leading-[1.35] ${onboardingReadableTextMutedClassName}`;
-export const onboardingChoiceCardBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[var(--onboarding-accent-bg)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[var(--onboarding-accent-foreground)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
-export const onboardingChoiceCardDetectedBadgeClassName = "ml-auto shrink-0 whitespace-nowrap rounded-full bg-[rgba(34,197,94,0.2)] px-2 py-0.5 text-3xs font-semibold uppercase tracking-[0.08em] text-[rgba(34,197,94,0.94)] [text-shadow:0_1px_6px_rgba(3,5,10,0.45)]";
-export const onboardingChoiceCardRecommendedLabelClassName = "ml-auto shrink-0 whitespace-nowrap text-3xs font-medium uppercase tracking-[0.12em] text-accent";
-export function getOnboardingChoiceCardClassName({ detected = false, selected = false, recommended = false, }) {
-    return cn("flex min-h-[60px] w-full items-center justify-between gap-3 rounded-lg px-3 py-3 text-left backdrop-blur-[18px] backdrop-saturate-[1.2] transition-[border-color,background-color,box-shadow] duration-200", recommended
-        ? `${onboardingRecommendedSurfaceClassName} ${onboardingRecommendedSurfaceHoverClassName}`
-        : `${onboardingCardSurfaceClassName} ${onboardingCardSurfaceHoverClassName}`, selected &&
-        "border-[rgba(240,185,11,0.32)] bg-[rgba(240,185,11,0.12)] shadow-[0_0_0_1px_rgba(240,185,11,0.18)]", detected &&
-        "border-[rgba(34,197,94,0.4)] bg-[rgba(34,197,94,0.1)] hover:border-[rgba(34,197,94,0.5)] hover:bg-[rgba(34,197,94,0.15)]");
-}
-export function OnboardingField({ align = "left", children, className, controlId, description, descriptionClassName, label, labelClassName, message, messageClassName, messageTone = "default", }) {
-    const descriptionId = controlId && description ? `${controlId}-description` : undefined;
-    const messageId = controlId && message ? `${controlId}-message` : undefined;
-    const describedBy = [descriptionId, messageId].filter(Boolean).join(" ") || undefined;
-    const isInvalid = Boolean(message) && messageTone === "danger";
-    return (_jsxs(Field, { className: cn("w-full gap-2.5", align === "center" ? "items-center text-center" : "text-left", className), children: [label ? (_jsx(FieldLabel, { htmlFor: controlId, className: cn(onboardingFieldLabelClassName, align === "center" && "text-center", labelClassName), children: label })) : null, children({ describedBy, invalid: isInvalid }), description ? (_jsx(FieldDescription, { id: descriptionId, className: cn(onboardingHelperTextClassName, align === "center" && "text-center", descriptionClassName), children: description })) : null, message ? (_jsx(FieldMessage, { id: messageId, tone: messageTone, "aria-live": messageTone === "danger" ? "assertive" : "polite", className: cn("leading-relaxed", align === "center" && "text-center", messageClassName), children: message })) : null] }));
-}
-export const OnboardingStatusBanner = React.forwardRef(({ action, children, className, live = "polite", tone, ...props }, ref) => {
-    const compactSuccess = tone === "success" && !action;
-    const toneClass = tone === "success"
-        ? "border-[var(--ok-muted)] bg-[var(--ok-subtle)] text-ok"
-        : tone === "error"
-            ? "border-[color:color-mix(in_srgb,var(--danger)_38%,transparent)] bg-[color:color-mix(in_srgb,var(--danger)_12%,transparent)] text-danger"
-            : `${onboardingCardSurfaceClassName} ${onboardingReadableTextMutedClassName}`;
-    return (_jsxs("div", { ref: ref, "data-onboarding-status-layout": compactSuccess ? "compact" : "split", "aria-live": live, role: tone === "error" ? "alert" : "status", tabIndex: -1, className: cn("rounded-xl border text-sm", compactSuccess
-            ? "mx-auto flex w-full max-w-[24rem] items-center justify-center px-5 py-4 text-center"
-            : "flex w-full items-center justify-between gap-3 px-4 py-3", toneClass, className), ...props, children: [_jsx("div", { "data-onboarding-status-content": true, className: cn(compactSuccess
-                    ? "inline-flex items-center justify-center gap-2 text-center"
-                    : "flex min-w-0 flex-1 items-center gap-2 text-left"), children: children }), action ? (_jsx("div", { "data-onboarding-status-action": true, className: "shrink-0", children: action })) : null] }));
-});
-OnboardingStatusBanner.displayName = "OnboardingStatusBanner";