@elizaos/agent 2.0.0-alpha.441 → 2.0.0-alpha.501

package/packages/app-core/src/components/conversations/ConversationsSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/conversations/ConversationsSidebar.tsx"],"names":[],"mappings":"AA4EA,KAAK,2BAA2B,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5D,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;AAwCD,wBAAgB,oBAAoB,CAAC,EACnC,MAAc,EACd,OAAO,EACP,OAAmB,GACpB,EAAE,yBAAyB,2CAi3B3B"}
+{"version":3,"file":"ConversationsSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/conversations/ConversationsSidebar.tsx"],"names":[],"mappings":"AA6EA,KAAK,2BAA2B,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5D,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,2BAA2B,CAAC;CACvC;AAwCD,wBAAgB,oBAAoB,CAAC,EACnC,MAAc,EACd,OAAO,EACP,OAAmB,GACpB,EAAE,yBAAyB,2CAo3B3B"}

package/packages/app-core/src/components/conversations/ConversationsSidebar.js

@@ -6,6 +6,7 @@ import { client } from "../../api";
 import { PULSE_STATUSES, STATUS_DOT, } from "../../chat/coding-agent-session-state";
 import { useApp } from "../../state";
 import { usePtySessions } from "../../state/PtySessionsContext";
+import { errorMessage } from "../../utils/errors";
 import { ALWAYS_ON_PLUGIN_IDS, iconImageSource, resolveIcon, } from "../pages/plugin-list-utils";
 import { AppPageSidebar } from "../shared/AppPageSidebar";
 import { CollapsibleSidebarSection } from "../shared/CollapsibleSidebarSection";
@@ -54,7 +55,7 @@ function isLegacyUntitledConversationCandidate(conversation) {
     return conversation.title.trim().toLowerCase() === "default";
 }
 export function ConversationsSidebar({ mobile = false, onClose, variant = "default", }) {
-    const { conversations, activeConversationId, activeInboxChat, activeTerminalSessionId, unreadConversations, handleNewConversation, handleSelectConversation, handleDeleteConversation, plugins = [], ensurePluginsLoaded = async () => { }, handlePluginToggle, setTab, setState, tab, t, } = useApp();
+    const { conversations, activeConversationId, activeInboxChat, activeTerminalSessionId, unreadConversations, handleNewConversation, handleSelectConversation, handleDeleteConversation, plugins = [], ensurePluginsLoaded = async () => { }, handlePluginToggle, setActionNotice, setTab, setState, tab, t, } = useApp();
     const { ptySessions } = usePtySessions();
     const [inboxChats, setInboxChats] = useState([]);
     const [renameTarget, setRenameTarget] = useState(null);
@@ -225,12 +226,15 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
             setTab("chat");
         }
         catch (err) {
-            console.error("[ConversationsSidebar] spawnShellSession failed:", err);
+            setActionNotice(t("conversations.newTerminalFailed", {
+                defaultValue: "Failed to start terminal: {{message}}",
+                message: errorMessage(err),
+            }), "error", 4800);
         }
         finally {
             spawnShellBusyRef.current = false;
         }
-    }, [setState, setTab]);
+    }, [setActionNotice, setState, setTab, t]);
     const selectTerminalSession = useCallback((sessionId) => {
         setState("activeInboxChat", null);
         setState("activeTerminalSessionId", sessionId);
@@ -479,9 +483,7 @@ export function ConversationsSidebar({ mobile = false, onClose, variant = "defau
                                 const isToggleBusy = togglingPlugins.has(plugin.id);
                                 const toggleDisabled = isToggleBusy ||
                                     (togglingPlugins.size > 0 && !isToggleBusy);
-                                return (_jsxs(SidebarContent.Item, { as: "div", className: "items-center gap-1.5 px-2.5 py-2", children: [_jsxs(SidebarContent.ItemButton, { className: "items-center gap-2", onClick: () => {
-                                                /* selecting handled by main content */
-                                            }, children: [_jsx(SidebarContent.ItemIcon, { className: "mt-0 h-8 w-8 shrink-0 p-1.5", children: renderConnectorIcon(plugin) }), _jsx(SidebarContent.ItemBody, { children: _jsx("span", { className: "block truncate text-sm font-semibold leading-5 text-txt", children: plugin.name }) })] }), _jsx(Switch, { checked: plugin.enabled, disabled: toggleDisabled, onClick: (event) => {
+                                return (_jsxs(SidebarContent.Item, { as: "div", className: "items-center gap-1.5 px-2.5 py-2", children: [_jsxs("div", { className: "flex h-auto min-w-0 flex-1 self-stretch items-center gap-2 rounded-none p-0 text-left", children: [_jsx(SidebarContent.ItemIcon, { className: "mt-0 h-8 w-8 shrink-0 p-1.5", children: renderConnectorIcon(plugin) }), _jsx(SidebarContent.ItemBody, { children: _jsx("span", { className: "block truncate text-sm font-semibold leading-5 text-txt", children: plugin.name }) })] }), _jsx(Switch, { checked: plugin.enabled, disabled: toggleDisabled, onClick: (event) => {
                                                 event.stopPropagation();
                                             }, onKeyDown: (event) => {
                                                 event.stopPropagation();

package/packages/app-core/src/components/custom-actions/custom-action-form.d.ts

@@ -20,7 +20,7 @@ export interface ParsedGeneration {
     enabled: boolean;
 }
 export declare const HTTP_METHODS: readonly ["GET", "POST", "PUT", "DELETE", "PATCH"];
-export declare const editorDialogContentClassName = "w-[min(100%-2rem,48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export declare const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
 export declare const editorFieldLabelClassName = "text-xs text-muted";
 export declare const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
 export declare const editorTextareaClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none";

package/packages/app-core/src/components/custom-actions/custom-action-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-action-form.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/custom-action-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,YAAY,oDAAqD,CAAC;AAK/E,eAAO,MAAM,4BAA4B,oJAC0G,CAAC;AACpJ,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,wGACsE,CAAC;AACxG,eAAO,MAAM,uBAAuB,oHAAwC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,8HAAyC,CAAC;AAClF,eAAO,MAAM,0BAA0B,wEACgC,CAAC;AAIxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAInE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAG1D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,CAUxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,CA6B1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAerD;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG;IACtD,EAAE,EAAE,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CA+JA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKzD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,CAkBnE"}
+{"version":3,"file":"custom-action-form.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/custom-action-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAI1D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,YAAY,oDAAqD,CAAC;AAK/E,eAAO,MAAM,4BAA4B,4JACkH,CAAC;AAC5J,eAAO,MAAM,yBAAyB,uBAAuB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,wGACsE,CAAC;AACxG,eAAO,MAAM,uBAAuB,oHAAwC,CAAC;AAC7E,eAAO,MAAM,2BAA2B,8HAAyC,CAAC;AAClF,eAAO,MAAM,0BAA0B,wEACgC,CAAC;AAIxE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAInE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAG1D;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,CAUxD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,CA6B1D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAerD;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG;IACtD,EAAE,EAAE,OAAO,CAAC;IACZ,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CA+JA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAKzD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,GAAG,IAAI,CAkBnE"}

package/packages/app-core/src/components/custom-actions/custom-action-form.js

@@ -2,7 +2,7 @@
 export const HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
 const METHODS_SET = new Set(HTTP_METHODS);
 /* ── CSS class names ───────────────────────────────────────────────── */
-export const editorDialogContentClassName = "w-[min(100%-2rem,48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
 export const editorFieldLabelClassName = "text-xs text-muted";
 export const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
 export const editorTextareaClassName = `${editorInputClassName} resize-none`;

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

@@ -1 +1 @@
-{"version":3,"file":"LocalInferencePanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/LocalInferencePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,YAAY,EAEZ,aAAa,EACb,cAAc,EAEf,MAAM,kCAAkC,CAAC;AAmB1C,wBAAgB,mBAAmB,4CAiWlC;AAoFD,eAAe,mBAAmB,CAAC;AAGnC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"LocalInferencePanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/LocalInferencePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,YAAY,EAEZ,aAAa,EACb,cAAc,EAEf,MAAM,kCAAkC,CAAC;AAiB1C,wBAAgB,mBAAmB,4CA+VlC;AAoFD,eAAe,mBAAmB,CAAC;AAGnC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

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

@@ -15,8 +15,6 @@ import { FirstRunOffer } from "./FirstRunOffer";
 import { HardwareBadge } from "./HardwareBadge";
 import { HuggingFaceSearch } from "./HuggingFaceSearch";
 import { ModelHubView } from "./ModelHubView";
-import { ProvidersList } from "./ProvidersList";
-import { RoutingMatrix } from "./RoutingMatrix";
 import { SlotAssignments } from "./SlotAssignments";
 export function LocalInferencePanel() {
     const { setActionNotice } = useApp();
@@ -200,7 +198,7 @@ export function LocalInferencePanel() {
                     return (_jsx("button", { type: "button", onClick: () => setTab(id), className: `h-7 rounded-md px-2.5 text-xs font-medium transition-colors ${active
                             ? "bg-card text-txt shadow-sm"
                             : "text-muted hover:text-txt"}`, children: _jsxs("span", { className: "inline-flex items-center gap-1.5", children: [label, id === "downloads" && hub.downloads.length > 0 ? (_jsx("span", { className: "rounded-full border border-border/50 bg-card px-1.5 py-0.5 text-[10px] leading-none text-muted", children: hub.downloads.length })) : null] }) }, id));
-                }) }), tab === "curated" && (_jsx(ModelHubView, { catalog: catalog, installed: hub.installed, downloads: hub.downloads, active: hub.active, hardware: hub.hardware, onDownload: handleDownload, onCancel: handleCancel, onActivate: handleActivate, onUninstall: handleUninstall, onVerify: handleVerify, onRedownload: handleRedownload, busy: busy })), tab === "search" && (_jsx(HuggingFaceSearch, { installed: hub.installed, downloads: hub.downloads, active: hub.active, hardware: hub.hardware, onDownload: handleDownloadSpec, onCancel: handleCancel, onActivate: handleActivate, onUninstall: handleUninstall, busy: busy })), tab === "downloads" && (_jsx(DownloadQueue, { downloads: hub.downloads, catalog: hub.catalog, onCancel: handleCancel })), _jsx(AdvancedSettingsDisclosure, { title: "Local routing", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(ProvidersList, {}), _jsx(RoutingMatrix, {}), _jsx(SlotAssignments, { installed: hub.installed, assignments: hub.assignments, onChange: handleAssignmentsChange }), _jsx(DevicesPanel, {}), _jsx(ExternalInstalledSummary, { installed: hub.installed, onActivate: handleActivate, active: hub.active, busy: busy })] }) })] }));
+                }) }), tab === "curated" && (_jsx(ModelHubView, { catalog: catalog, installed: hub.installed, downloads: hub.downloads, active: hub.active, hardware: hub.hardware, onDownload: handleDownload, onCancel: handleCancel, onActivate: handleActivate, onUninstall: handleUninstall, onVerify: handleVerify, onRedownload: handleRedownload, busy: busy })), tab === "search" && (_jsx(HuggingFaceSearch, { installed: hub.installed, downloads: hub.downloads, active: hub.active, hardware: hub.hardware, onDownload: handleDownloadSpec, onCancel: handleCancel, onActivate: handleActivate, onUninstall: handleUninstall, busy: busy })), tab === "downloads" && (_jsx(DownloadQueue, { downloads: hub.downloads, catalog: hub.catalog, onCancel: handleCancel })), _jsx(AdvancedSettingsDisclosure, { title: "Local model assignments", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(SlotAssignments, { installed: hub.installed, assignments: hub.assignments, onChange: handleAssignmentsChange }), _jsx(DevicesPanel, {}), _jsx(ExternalInstalledSummary, { installed: hub.installed, onActivate: handleActivate, active: hub.active, busy: busy })] }) })] }));
 }
 function ExternalInstalledSummary({ installed, onActivate, active, busy, }) {
     const external = installed.filter((m) => m.source === "external-scan");

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

@@ -1,15 +1,2 @@
-/**
- * Single pane listing every provider Milady knows about, cloud + local.
- * Each card shows:
- *   - current enable state (green/grey dot + short reason)
- *   - supported model slots
- *   - which slots it has registered handlers for right now
- *   - a "Configure" link back to wherever the actual enable happens
- *
- * The key insight: we don't centralise enable/disable here. Each provider
- * points at the surface that controls it (ProviderSwitcher for cloud,
- * download hub for local, etc). This turns the fragmented multi-provider
- * enable story into a single observable list without forcing a migration.
- */
 export declare function ProvidersList(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ProvidersList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProvidersList.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/ProvidersList.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,4CA+G5B"}
+{"version":3,"file":"ProvidersList.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/ProvidersList.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,aAAa,4CA4G5B"}

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

@@ -1,25 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cloud, Cpu, KeyRound, Settings, Smartphone } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import { client } from "../../api";
-const KIND_LABEL = {
-    "cloud-api": "Cloud API",
-    "cloud-subscription": "Subscription",
-    local: "Local",
-    "device-bridge": "Device bridge",
+const KIND_ICON = {
+    "cloud-api": { Icon: KeyRound, label: "Cloud API" },
+    "cloud-subscription": { Icon: Cloud, label: "Subscription" },
+    local: { Icon: Cpu, label: "Local" },
+    "device-bridge": { Icon: Smartphone, label: "Device bridge" },
 };
-/**
- * Single pane listing every provider Milady knows about, cloud + local.
- * Each card shows:
- *   - current enable state (green/grey dot + short reason)
- *   - supported model slots
- *   - which slots it has registered handlers for right now
- *   - a "Configure" link back to wherever the actual enable happens
- *
- * The key insight: we don't centralise enable/disable here. Each provider
- * points at the surface that controls it (ProviderSwitcher for cloud,
- * download hub for local, etc). This turns the fragmented multi-provider
- * enable story into a single observable list without forcing a migration.
- */
 export function ProvidersList() {
     const [providers, setProviders] = useState(null);
     const [error, setError] = useState(null);
@@ -46,17 +34,18 @@ export function ProvidersList() {
     if (!providers) {
         return _jsx("p", { className: "text-sm text-muted-foreground", children: "Loading providers\u2026" });
     }
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("header", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "All providers" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Every inference source Milady knows about \u2014 cloud subscription, cloud API, local llama.cpp, paired device, on-device Capacitor. Enable as many as you want." })] }), _jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: providers.map((p) => {
+    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: "Providers" }) }), _jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: providers.map((p) => {
                     const dot = p.enableState.enabled
                         ? "bg-emerald-500"
                         : "bg-muted-foreground/40";
-                    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 gap-2", children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dot}`, "aria-hidden": true }), _jsx("span", { className: "font-medium truncate", children: p.label }), _jsx("span", { className: "ml-auto text-[10px] uppercase tracking-wide text-muted-foreground", children: KIND_LABEL[p.kind] })] }), _jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: p.description }), _jsx("div", { className: "flex flex-wrap gap-1", children: p.supportedSlots.map((slot) => {
+                    const { Icon, label } = KIND_ICON[p.kind];
+                    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 gap-2", children: [_jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${dot}`, "aria-hidden": true }), _jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsx("span", { className: "font-medium truncate", children: p.label }), _jsx("span", { className: "sr-only", children: label })] }), _jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: p.description }), _jsx("div", { className: "flex flex-wrap gap-1", children: p.supportedSlots.map((slot) => {
                                     const active = p.registeredSlots.includes(slot);
                                     return (_jsx("span", { className: `rounded-full border px-1.5 py-0.5 text-[10px] ${active
                                             ? "border-primary/50 bg-primary/10 text-primary"
                                             : "border-border text-muted-foreground"}`, title: active
                                             ? "Handler currently registered"
                                             : "Supported but not currently registered", children: slot }, slot));
-                                }) }), _jsxs("div", { className: "flex items-center justify-between gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground truncate", children: p.enableState.reason }), p.configureHref && (_jsx("a", { href: p.configureHref, className: "text-primary underline-offset-2 hover:underline", children: "Configure" }))] })] }, p.id));
+                                }) }), _jsxs("div", { className: "flex items-center justify-between gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground truncate", children: p.enableState.reason }), p.configureHref && (_jsx("a", { href: p.configureHref, className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border/60 text-muted transition-colors hover:bg-bg hover:text-txt", title: "Configure", "aria-label": `Configure ${p.label}`, children: _jsx(Settings, { className: "h-3.5 w-3.5", "aria-hidden": true }) }))] })] }, p.id));
                 }) })] }));
 }

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

@@ -1,13 +1,2 @@
-/**
- * Cross-provider routing matrix.
- *
- * Shows every `AgentModelSlot` as a row with:
- *   - a policy dropdown (manual / cheapest / fastest / prefer-local / round-robin)
- *   - a preferred-provider dropdown (only editable when policy === "manual")
- *   - a live view of which providers have a registered handler for that slot
- *
- * Both settings persist to `$STATE_DIR/local-inference/routing.json` and
- * take effect on the next request via the router-handler.
- */
 export declare function RoutingMatrix(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RoutingMatrix.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoutingMatrix.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/RoutingMatrix.tsx"],"names":[],"mappings":"AAmDA;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,4CAuJ5B"}
+{"version":3,"file":"RoutingMatrix.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/local-inference/RoutingMatrix.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,aAAa,4CAkK5B"}

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

@@ -1,6 +1,7 @@
 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",
@@ -40,28 +41,31 @@ const SLOT_MODEL_TYPE = {
     OBJECT_SMALL: "OBJECT_SMALL",
     OBJECT_LARGE: "OBJECT_LARGE",
 };
-/**
- * Cross-provider routing matrix.
- *
- * Shows every `AgentModelSlot` as a row with:
- *   - a policy dropdown (manual / cheapest / fastest / prefer-local / round-robin)
- *   - a preferred-provider dropdown (only editable when policy === "manual")
- *   - a live view of which providers have a registered handler for that slot
- *
- * Both settings persist to `$STATE_DIR/local-inference/routing.json` and
- * take effect on the next request via the router-handler.
- */
+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 () => {
-        const data = await client.getLocalInferenceRouting();
-        setRegistrations(data.registrations);
-        setPreferences(data.preferences);
+        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();
@@ -88,17 +92,16 @@ export function RoutingMatrix() {
             setBusy(null);
         }
     }, []);
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("header", { className: "flex flex-col gap-1", children: [_jsx("h3", { className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Model routing" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Decide how each ModelType dispatches. The router sits on top of the runtime's native priority order and makes the final pick. Providers listed below the dropdown are the ones currently holding a handler for that slot." })] }), _jsx("div", { className: "flex flex-col gap-2", children: SLOTS.map((slot) => {
+    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] ?? "manual";
+                    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", children: slot }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [candidates.length, " provider", candidates.length === 1 ? "" : "s"] })] }), _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" &&
-                                                        " (only honoured when policy = manual)"] }), _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: "\u2014 no preference \u2014" }), candidates.map((c) => (_jsxs("option", { value: c.provider, children: [c.provider, typeof c.priority === "number"
+                    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.map

@@ -1 +1 @@
-{"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;AAoCD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,2CAyEtB"}
+{"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

@@ -4,27 +4,27 @@ import { client } from "../../api";
 const SLOTS = [
     {
         slot: "TEXT_SMALL",
-        label: "Small model (TEXT_SMALL)",
-        description: "Fast model used for short completions, classifications, and background tasks.",
+        label: "Small text",
+        description: "Short completions, classifications, and background requests.",
     },
     {
         slot: "TEXT_LARGE",
-        label: "Large model (TEXT_LARGE)",
-        description: "Main model used for the agent's chat responses and reasoning.",
+        label: "Large text",
+        description: "Main chat responses, planning, and reasoning.",
     },
     {
         slot: "TEXT_EMBEDDING",
-        label: "Embedding model (TEXT_EMBEDDING)",
-        description: "Vector embeddings for search and memory. Separate model.",
+        label: "Embeddings",
+        description: "Vector search and memory when a local embedding handler exists.",
     },
     {
         slot: "OBJECT_SMALL",
-        label: "Small structured output (OBJECT_SMALL)",
+        label: "Small structured output",
         description: "XML/JSON structured generation on the small path.",
     },
     {
         slot: "OBJECT_LARGE",
-        label: "Large structured output (OBJECT_LARGE)",
+        label: "Large structured output",
         description: "Structured generation on the large path.",
     },
 ];
@@ -47,11 +47,11 @@ export function SlotAssignments({ installed, assignments, onChange, }) {
         }
     }, [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 assign it to agent slots." }));
+        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: "Agent model assignments" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Route each of the agent's model calls to a specific local model. Changes apply on the next request \u2014 the runtime lazy-loads the assigned model on demand and swaps when needed." }), _jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: SLOTS.map(({ slot, label, description }) => {
+    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: "\u2014 unset (use active model) \u2014" }), installed.map((m) => (_jsxs("option", { value: m.id, children: [m.displayName, m.source === "external-scan"
+                    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/onboarding/BootstrapStep.d.ts

@@ -1,8 +1,11 @@
 /**
  * BootstrapStep — cloud-provisioned containers only.
  *
- * Prompts the user to paste their bootstrap token (copied from the Eliza Cloud
- * dashboard). On success the returned session id is written to
+ * 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.

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

@@ -1 +1 @@
-{"version":3,"file":"BootstrapStep.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/onboarding/BootstrapStep.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAyBtE,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,2CAoL1E"}
+{"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

@@ -2,8 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * BootstrapStep — cloud-provisioned containers only.
  *
- * Prompts the user to paste their bootstrap token (copied from the Eliza Cloud
- * dashboard). On success the returned session id is written to
+ * 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.
@@ -17,12 +20,42 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *   network → surfaces to user; never treated as success.
  */
 import { cn } from "@elizaos/ui";
-import { useCallback, useId, useRef, useState } from "react";
+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.";
@@ -39,10 +72,13 @@ function describeError(result) {
 export function BootstrapStep({ onAdvance, exchangeFn }) {
     const fieldId = useId().replace(/:/g, "");
     const [token, setToken] = useState("");
-    const [submitState, setSubmitState] = useState({
-        phase: "idle",
-    });
+    // 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;
@@ -91,6 +127,18 @@ export function BootstrapStep({ onAdvance, exchangeFn }) {
             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);

package/packages/app-core/src/components/pages/AppDetailsView.d.ts

@@ -6,6 +6,7 @@
  * Mounted by AppsView when the apps sub-path is `/apps/<slug>/details`.
  */
 import { type JSX } from "react";
+import { type RegistryAppInfo } from "../../api";
 import { type AppLaunchMode } from "../apps/per-app-config";
 interface AppDetailsViewProps {
     slug: string;
@@ -25,12 +26,9 @@ export declare function AppDetailsView({ slug, onLaunched, }: AppDetailsViewProp
  * page? Used by AppsView.handleLaunch to decide whether to navigate to
  * /apps/<slug>/details or call openAppRouteWindow directly.
  *
- * Only apps that explicitly declare `hasDetailsPage: true` (today: a
- * handful of internal tools with real config / runtime knobs) route
- * through the details page. Catalog and overlay apps launch directly —
- * launching is the primary action; the user only needs the extra step
- * when there's config worth touching first.
+ * Internal tools opt in with `hasDetailsPage`; catalog apps opt in through
+ * launch metadata that implies setup, runtime control, or a heavier session.
  */
-export declare function appNeedsDetailsPage(name: string): boolean;
+export declare function appNeedsDetailsPage(app: RegistryAppInfo | string): boolean;
 export {};
 //# sourceMappingURL=AppDetailsView.d.ts.map

package/packages/app-core/src/components/pages/AppDetailsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppDetailsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppDetailsView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AA8Bf,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AAuID,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,GACX,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgbnC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAKzD"}
+{"version":3,"file":"AppDetailsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/AppDetailsView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAgCzD,OAAO,EACL,KAAK,aAAa,EAKnB,MAAM,wBAAwB,CAAC;AAGhC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,aAAa,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE;AA+ID,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,GACX,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAqiBnC;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,GAAG,OAAO,CAwB1E"}