@elizaos/ui 2.0.0-alpha.382 → 2.0.0-alpha.385

package/packages/app-core/src/components/auth/LoginView.d.ts

@@ -1,17 +1,3 @@
-/**
- * LoginView — multi-method login for Milady.
- *
- * Four tabs, rendered in this order (password first: most common for local installs):
- *   1. Password   — displayName + password + remember device + submit
- *   2. Eliza Cloud SSO — single button (disabled with tooltip until P2 backend lands)
- *   3. Connector  — sign in via Discord / Telegram DM link (disabled until P3)
- *   4. Pairing code — legacy 4-4-4 pairing flow; kept through the 14-day grace window
- *
- * On a 200 from /api/auth/me the caller should redirect to "/".
- *
- * Uses @elizaos/ui primitives (Tabs, Card, Input, Label, Button) + onboarding
- * styles for the dark visual shell.
- */
 import { type AuthLoginResult } from "../../api/auth-client";
 export interface LoginViewProps {
     /**
@@ -19,17 +5,11 @@ export interface LoginViewProps {
      * main dashboard.
      */
     onLoginSuccess: () => void;
-    /**
-     * Whether Eliza Cloud SSO is available. When false the SSO tab button is
-     * disabled with an explanatory tooltip.
-     */
+    /** Whether Eliza Cloud SSO is available. */
     cloudEnabled?: boolean;
-    /**
-     * Connector bindings available for DM-link login.
-     * Empty array → connector tab shows "no bindings" state.
-     */
+    /** Connector bindings available for DM-link login. */
     connectorBindings?: ConnectorBinding[];
-    /** Optional legacy pairing props forwarded to the pairing tab. */
+    /** Optional pairing props forwarded to the pairing tab. */
     pairing?: PairingTabProps;
     /** Injected login function (tests). */
     loginFn?: (params: {

package/packages/app-core/src/components/auth/LoginView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/auth/LoginView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAqBH,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,uBAAuB,CAAC;AAWhF,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,kEAAkE;IAClE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,sBAAsB,GAAG,gCAAgC,CAAC;CACpE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAsXD,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,YAAoB,EACpB,iBAAsB,EACtB,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,cAAc,2CA6EhB"}
+{"version":3,"file":"LoginView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/auth/LoginView.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,uBAAuB,CAAC;AAWhF,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACvC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,KAAK,OAAO,CAAC,eAAe,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,sBAAsB,GAAG,gCAAgC,CAAC;CACpE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAmUD,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,YAAoB,EACpB,iBAAsB,EACtB,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE,cAAc,2CA6GhB"}

package/packages/app-core/src/components/auth/LoginView.js

@@ -1,20 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * LoginView — multi-method login for Milady.
- *
- * Four tabs, rendered in this order (password first: most common for local installs):
- *   1. Password   — displayName + password + remember device + submit
- *   2. Eliza Cloud SSO — single button (disabled with tooltip until P2 backend lands)
- *   3. Connector  — sign in via Discord / Telegram DM link (disabled until P3)
- *   4. Pairing code — legacy 4-4-4 pairing flow; kept through the 14-day grace window
- *
- * On a 200 from /api/auth/me the caller should redirect to "/".
- *
- * Uses @elizaos/ui primitives (Tabs, Card, Input, Label, Button) + onboarding
- * styles for the dark visual shell.
- */
-import { Button, Card, CardContent, CardHeader, CardTitle, cn, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@elizaos/ui";
-import { useCallback, useId, useState } from "react";
+import { Button, Card, CardContent, CardHeader, CardTitle, cn, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger, } from "@elizaos/ui";
+import { useCallback, useId, useState, } from "react";
 import { authLoginPassword } from "../../api/auth-client";
 import { OnboardingStepDivider, onboardingBodyTextShadowStyle, onboardingDescriptionClass, onboardingEyebrowClass, onboardingTitleClass, } from "../onboarding/onboarding-step-chrome";
 function PasswordTab({ onLoginSuccess, loginFn, }) {
@@ -66,25 +52,19 @@ function PasswordTab({ onLoginSuccess, loginFn, }) {
                                 }, disabled: isSubmitting, "aria-required": "true" })] }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground select-none", children: [_jsx("input", { type: "checkbox", checked: rememberDevice, onChange: (e) => setRememberDevice(e.target.checked), disabled: isSubmitting, className: "h-4 w-4 rounded border-border accent-primary" }), "Remember this device for 30 days"] })] }), submitState.phase === "error" && (_jsx("p", { role: "alert", className: "rounded-lg border border-[color:color-mix(in_srgb,var(--danger)_38%,transparent)] bg-[color:color-mix(in_srgb,var(--danger)_12%,transparent)] px-4 py-3 text-sm text-danger", children: submitState.message })), _jsx(Button, { type: "submit", disabled: isSubmitting || !displayName.trim() || !password, className: "w-full", children: isSubmitting ? "Signing in…" : "Sign in" })] }));
 }
 // ── SSO tab ───────────────────────────────────────────────────────────────────
-function SsoTab({ cloudEnabled }) {
-    const tooltipText = "Available when Eliza Cloud is configured on this instance.";
-    return (_jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [_jsx("p", { className: "text-sm text-muted-foreground text-center leading-relaxed", children: "Sign in with your Eliza Cloud account. This method requires the instance to have an active Eliza Cloud connection." }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "w-full", children: _jsx(Button, { asChild: cloudEnabled, disabled: !cloudEnabled, className: "w-full", variant: "outline", children: cloudEnabled ? (_jsx("a", { href: "/api/auth/login/sso/start?returnTo=/", children: "Sign in with Eliza Cloud" })) : (_jsx("span", { children: "Sign in with Eliza Cloud" })) }) }) }), !cloudEnabled && _jsx(TooltipContent, { children: tooltipText })] }) })] }));
+function SsoTab() {
+    return (_jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [_jsx("p", { className: "text-sm text-muted-foreground text-center leading-relaxed", children: "Sign in with your Eliza Cloud account. This method requires the instance to have an active Eliza Cloud connection." }), _jsx(Button, { asChild: true, className: "w-full", variant: "outline", children: _jsx("a", { href: "/api/auth/login/sso/start?returnTo=/", children: "Sign in with Eliza Cloud" }) })] }));
 }
 // ── Connector tab ─────────────────────────────────────────────────────────────
 function ConnectorTab({ bindings }) {
-    const hasBindings = bindings.length > 0;
-    const unavailableTooltip = "Available when a connector owner is bound to this instance.";
-    if (!hasBindings) {
-        return (_jsxs("div", { className: "flex flex-col items-center gap-4 py-2", children: [_jsx("p", { className: "text-sm text-muted-foreground text-center leading-relaxed", children: "Log in via a Discord or Telegram message. This method requires a connector owner binding to be configured first." }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "w-full", children: _jsx(Button, { disabled: true, className: "w-full", variant: "outline", children: "Send login link" }) }) }), _jsx(TooltipContent, { children: unavailableTooltip })] }) }), _jsx("p", { className: "text-xs text-muted-foreground/60 text-center", children: "No connector bindings configured. Set up a connector in Settings to enable this method." })] }));
-    }
     return (_jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Choose a connector \u2014 we\u2019ll send you a one-time login link." }), _jsx("div", { className: "flex flex-col gap-2", children: bindings.map((b) => (_jsx(ConnectorLoginButton, { binding: b }, `${b.connector}:${b.displayHandle}`))) })] }));
 }
+const DM_LINK_UNAVAILABLE_MESSAGE = "Login links are unavailable on this server. Use another sign-in method or contact the instance owner.";
 function ConnectorLoginButton({ binding }) {
     const [state, setState] = useState({ phase: "idle" });
     const handleClick = useCallback(async () => {
         setState({ phase: "sending" });
         try {
-            // P3 backend route — may not exist yet. Surface 404 gracefully.
             const res = await fetch("/api/auth/login/owner/dm-link/request", {
                 method: "POST",
                 credentials: "include",
@@ -97,7 +77,7 @@ function ConnectorLoginButton({ binding }) {
             if (res.status === 404) {
                 setState({
                     phase: "error",
-                    message: "DM-link login is not yet available (backend pending).",
+                    message: DM_LINK_UNAVAILABLE_MESSAGE,
                 });
                 return;
             }
@@ -126,22 +106,52 @@ function ConnectorLoginButton({ binding }) {
 // ── Pairing tab ───────────────────────────────────────────────────────────────
 function PairingTab({ pairing }) {
     const pairingCodeId = useId().replace(/:/g, "");
-    if (!pairing) {
-        return (_jsx("p", { className: "py-2 text-sm text-muted-foreground", children: "Pairing is not available in the current server configuration." }));
-    }
     const code = pairing.pairingCodeInput.trim();
     return (_jsxs("form", { onSubmit: (e) => {
             e.preventDefault();
             if (code)
                 pairing.onSubmit(code);
-        }, className: "flex flex-col gap-4", children: [_jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Enter the pairing code shown in your CLI or desktop app. This method will be removed after the 14-day migration grace window." }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: pairingCodeId, className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Pairing code" }), _jsx(Input, { id: pairingCodeId, type: "text", placeholder: "xxxx-xxxx-xxxx", value: pairing.pairingCodeInput, onChange: (e) => pairing.onCodeChange(e.target.value), disabled: pairing.pairingBusy || !pairing.pairingEnabled, autoComplete: "off", spellCheck: false })] }), pairing.pairingError && (_jsx("p", { role: "alert", className: "text-sm text-danger", children: pairing.pairingError })), _jsx(Button, { type: "submit", disabled: pairing.pairingBusy || !pairing.pairingEnabled || !code, className: "w-full", children: pairing.pairingBusy ? "Pairing…" : "Submit code" })] }));
+        }, className: "flex flex-col gap-4", children: [_jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Enter the pairing code shown in your CLI or desktop app." }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: pairingCodeId, className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Pairing code" }), _jsx(Input, { id: pairingCodeId, type: "text", placeholder: "xxxx-xxxx-xxxx", value: pairing.pairingCodeInput, onChange: (e) => pairing.onCodeChange(e.target.value), disabled: pairing.pairingBusy, autoComplete: "off", spellCheck: false })] }), pairing.pairingError && (_jsx("p", { role: "alert", className: "text-sm text-danger", children: pairing.pairingError })), _jsx(Button, { type: "submit", disabled: pairing.pairingBusy || !code, className: "w-full", children: pairing.pairingBusy ? "Pairing…" : "Submit code" })] }));
 }
 // ── Root component ────────────────────────────────────────────────────────────
 const SCREEN_SHELL_CLASS = "relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-bg px-4 py-6 font-body text-txt sm:px-6";
 const SCREEN_CARD_CLASS = "relative z-10 w-full max-w-[520px] overflow-hidden border border-border/60 bg-card/95 shadow-[0_30px_120px_rgba(0,0,0,0.35)] backdrop-blur-xl";
 export function LoginView({ onLoginSuccess, cloudEnabled = false, connectorBindings = [], pairing, loginFn, reason, }) {
     const remotePasswordMissing = reason === "remote_password_not_configured";
-    return (_jsxs("div", { className: SCREEN_SHELL_CLASS, children: [_jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [_jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.08),transparent_40%),linear-gradient(180deg,rgba(11,14,20,0.24),rgba(6,7,8,0.62))]" }), _jsx("div", { className: "absolute left-[-8%] top-[10%] h-[20rem] w-[20rem] rounded-full bg-[rgba(240,185,11,0.09)] blur-[100px]" }), _jsx("div", { className: "absolute bottom-[-10%] right-[-6%] h-[18rem] w-[18rem] rounded-full bg-[rgba(255,255,255,0.06)] blur-[110px]" })] }), _jsxs(Card, { className: SCREEN_CARD_CLASS, children: [_jsx(CardHeader, { className: "pb-2 pt-6 px-6", children: _jsxs("div", { className: "mb-1", children: [_jsx("p", { className: onboardingEyebrowClass, style: onboardingBodyTextShadowStyle, children: "Milady" }), _jsx(OnboardingStepDivider, {}), _jsx(CardTitle, { className: cn(onboardingTitleClass, "mt-2"), style: { textShadow: "var(--onboarding-text-shadow-strong)" }, children: "Sign in" }), _jsx("p", { className: cn(onboardingDescriptionClass, "mt-2"), style: onboardingBodyTextShadowStyle, children: remotePasswordMissing
-                                        ? "Remote access is not enabled yet. Open this instance on the host machine via localhost and set a remote password in Settings."
-                                        : "Choose your login method below." })] }) }), _jsx(CardContent, { className: "px-6 pb-6", children: _jsxs(Tabs, { defaultValue: "password", children: [_jsxs(TabsList, { className: "mb-5 w-full grid grid-cols-4", children: [_jsx(TabsTrigger, { value: "password", children: "Password" }), _jsx(TabsTrigger, { value: "sso", children: "Cloud" }), _jsx(TabsTrigger, { value: "connector", children: "Connector" }), _jsx(TabsTrigger, { value: "pairing", children: "Pairing" })] }), _jsx(TabsContent, { value: "password", children: remotePasswordMissing ? (_jsx("p", { className: "rounded-lg border border-border/60 bg-bg/50 px-4 py-3 text-sm leading-6 text-muted-foreground", children: "Remote password login has not been configured. Open this instance on the host machine with localhost, then set a remote password in Settings." })) : (_jsx(PasswordTab, { onLoginSuccess: onLoginSuccess, loginFn: loginFn })) }), _jsx(TabsContent, { value: "sso", children: _jsx(SsoTab, { cloudEnabled: cloudEnabled }) }), _jsx(TabsContent, { value: "connector", children: _jsx(ConnectorTab, { bindings: connectorBindings }) }), _jsx(TabsContent, { value: "pairing", children: _jsx(PairingTab, { pairing: pairing }) })] }) })] })] }));
+    const visibleMethods = [
+        {
+            value: "password",
+            label: "Password",
+            content: (_jsx(PasswordTab, { onLoginSuccess: onLoginSuccess, loginFn: loginFn })),
+        },
+    ];
+    if (cloudEnabled) {
+        visibleMethods.push({
+            value: "sso",
+            label: "Cloud",
+            content: _jsx(SsoTab, {}),
+        });
+    }
+    if (connectorBindings.length > 0) {
+        visibleMethods.push({
+            value: "connector",
+            label: "Connector",
+            content: _jsx(ConnectorTab, { bindings: connectorBindings }),
+        });
+    }
+    if (pairing?.pairingEnabled) {
+        visibleMethods.push({
+            value: "pairing",
+            label: "Pairing",
+            content: _jsx(PairingTab, { pairing: pairing }),
+        });
+    }
+    const loginDescription = visibleMethods.length > 1
+        ? "Choose your login method below."
+        : "Sign in with your password.";
+    return (_jsxs("div", { className: SCREEN_SHELL_CLASS, children: [_jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: _jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.08),transparent_40%),linear-gradient(180deg,rgba(11,14,20,0.24),rgba(6,7,8,0.62))]" }) }), _jsxs(Card, { className: SCREEN_CARD_CLASS, children: [_jsx(CardHeader, { className: "pb-2 pt-6 px-6", children: _jsxs("div", { className: "mb-1", children: [_jsx("p", { className: onboardingEyebrowClass, style: onboardingBodyTextShadowStyle, children: "Milady" }), _jsx(OnboardingStepDivider, {}), _jsx(CardTitle, { className: cn(onboardingTitleClass, "mt-2"), style: { textShadow: "var(--onboarding-text-shadow-strong)" }, children: remotePasswordMissing ? "Remote access blocked" : "Sign in" }), _jsx("p", { className: cn(onboardingDescriptionClass, "mt-2"), style: onboardingBodyTextShadowStyle, children: remotePasswordMissing
+                                        ? "A remote password is required before this instance can accept browser logins from another machine."
+                                        : loginDescription })] }) }), _jsx(CardContent, { className: "px-6 pb-6", children: remotePasswordMissing ? (_jsx("div", { role: "alert", className: "rounded-lg border border-border/60 bg-bg/50 px-4 py-3 text-sm leading-6 text-muted-foreground", children: "Open Milady on the host machine via localhost, then set a remote password in Settings." })) : (_jsxs(Tabs, { defaultValue: "password", children: [_jsx(TabsList, { className: "mb-5 grid w-full", style: {
+                                        gridTemplateColumns: `repeat(${visibleMethods.length}, minmax(0, 1fr))`,
+                                    }, children: visibleMethods.map((method) => (_jsx(TabsTrigger, { value: method.value, children: method.label }, method.value))) }), visibleMethods.map((method) => (_jsx(TabsContent, { value: method.value, children: method.content }, method.value)))] })) })] })] }));
 }

package/packages/app-core/src/components/chat/AppsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/AppsSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,GAAE,gBAAqB,kDAkJlE"}
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/AppsSection.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,GAAE,gBAAqB,kDAgSlE"}

package/packages/app-core/src/components/chat/AppsSection.js

@@ -1,11 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Apps widget section — shown at the top of the chat widget sidebar.
  *
  * Renders running apps first (with a health-state ring), then favorited apps
  * that are not currently running. Clicking an app launches / focuses it.
  */
-import { LayoutGrid } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@elizaos/ui";
+import { LayoutGrid, MoreHorizontal } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { client } from "../../api";
 import { useApp } from "../../state";
@@ -71,6 +72,51 @@ export function AppsSection({ headerAction } = {}) {
         };
     }, [catalogApps, appRuns, favoriteApps]);
     // -------------------------------------------------------------------------
+    // Kebab menu actions: relaunch, edit, stop. Launch stays as the tile click.
+    // -------------------------------------------------------------------------
+    const handleRelaunch = useCallback(async (app) => {
+        try {
+            await client.fetch("/api/apps/relaunch", {
+                method: "POST",
+                body: JSON.stringify({ name: app.name }),
+            });
+            setActionNotice(`${app.displayName ?? app.name} relaunched.`, "success", 3000);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error
+                ? err.message
+                : t("appsview.LaunchFailed", {
+                    name: app.displayName ?? app.name,
+                    message: t("common.error"),
+                }), "error", 4000);
+        }
+    }, [setActionNotice, t]);
+    const handleEdit = useCallback(async (app) => {
+        try {
+            await client.fetch("/api/apps/create", {
+                method: "POST",
+                body: JSON.stringify({ intent: "edit", editTarget: app.name }),
+            });
+            setActionNotice(`Editing ${app.displayName ?? app.name}…`, "info", 3500);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error
+                ? err.message
+                : `Couldn't start an edit for ${app.displayName ?? app.name}.`, "error", 4000);
+        }
+    }, [setActionNotice]);
+    const handleStop = useCallback(async (app) => {
+        try {
+            await client.stopApp(app.name);
+            setActionNotice(`${app.displayName ?? app.name} stopped.`, "success", 3000);
+        }
+        catch (err) {
+            setActionNotice(err instanceof Error
+                ? err.message
+                : `Couldn't stop ${app.displayName ?? app.name}.`, "error", 4000);
+        }
+    }, [setActionNotice]);
+    // -------------------------------------------------------------------------
     // Launch handler (identical logic to FavoriteAppsBar)
     // -------------------------------------------------------------------------
     const handleLaunch = useCallback(async (app) => {
@@ -112,9 +158,18 @@ export function AppsSection({ headerAction } = {}) {
                 const run = runByName.get(app.name);
                 const displayName = app.displayName ?? getAppShortName(app);
                 const ringClass = run ? getRunRingClass(run) : "";
-                return (_jsx("button", { type: "button", title: displayName, "aria-label": t("chatsidebar.launchApp", {
-                        defaultValue: `Launch ${displayName}`,
-                        name: displayName,
-                    }), className: `rounded-2xl transition-transform hover:scale-105 ${ringClass}`, onClick: () => void handleLaunch(app), children: _jsx(AppIdentityTile, { app: app, active: Boolean(run), size: "sm", imageOnly: true }) }, app.name));
+                const isRunning = Boolean(run);
+                return (_jsxs("div", { className: "group relative", "data-testid": `apps-section-tile-${app.name}`, children: [_jsx("button", { type: "button", title: displayName, "aria-label": t("chatsidebar.launchApp", {
+                                defaultValue: `Launch ${displayName}`,
+                                name: displayName,
+                            }), className: `rounded-2xl transition-transform hover:scale-105 ${ringClass}`, onClick: () => void handleLaunch(app), children: _jsx(AppIdentityTile, { app: app, active: isRunning, size: "sm", imageOnly: true }) }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": `Actions for ${displayName}`, "data-testid": `apps-section-kebab-${app.name}`, onClick: (event) => event.stopPropagation(), className: "absolute -right-1 -top-1 inline-flex h-5 w-5 items-center justify-center rounded-full border border-border bg-bg text-muted opacity-0 shadow-sm transition-opacity hover:text-txt focus:opacity-100 focus-visible:opacity-100 group-hover:opacity-100", children: _jsx(MoreHorizontal, { className: "h-3 w-3", "aria-hidden": true }) }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 4, className: "w-36", onClick: (event) => event.stopPropagation(), children: [_jsx(DropdownMenuItem, { "data-testid": `apps-section-launch-${app.name}`, onSelect: () => void handleLaunch(app), children: t("settings.sections.apps.launch", {
+                                                defaultValue: "Launch",
+                                            }) }), _jsx(DropdownMenuItem, { "data-testid": `apps-section-relaunch-${app.name}`, onSelect: () => void handleRelaunch(app), children: t("settings.sections.apps.relaunch", {
+                                                defaultValue: "Relaunch",
+                                            }) }), _jsx(DropdownMenuItem, { "data-testid": `apps-section-edit-${app.name}`, onSelect: () => void handleEdit(app), children: t("settings.sections.apps.edit", {
+                                                defaultValue: "Edit",
+                                            }) }), isRunning ? (_jsx(DropdownMenuItem, { "data-testid": `apps-section-stop-${app.name}`, className: "text-danger focus:text-danger", onSelect: () => void handleStop(app), children: t("settings.sections.apps.stop", {
+                                                defaultValue: "Stop",
+                                            }) })) : null] })] })] }, app.name));
             }) })) : null }));
 }

package/packages/app-core/src/components/chat/MessageContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/MessageContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAsC5D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAmDD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiCzD;AAsBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAGvD;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAW1D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,GAAG,IAAI,CAsDhE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAmElE;AA2FD,gHAAgH;AAChH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEpD;AA+cD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CA4D9D"}
+{"version":3,"file":"MessageContent.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/MessageContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAGvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAwC5D,UAAU,mBAAmB;IAC3B,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAyDD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAkCzD;AAsBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAGvD;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAW1D;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,GAAG,IAAI,CAsDhE;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAmElE;AAyGD,gHAAgH;AAChH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEpD;AA+cD,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAiF9D"}

package/packages/app-core/src/components/chat/MessageContent.js

@@ -7,6 +7,8 @@ import { stripAssistantStageDirections } from "../../utils/assistant-text";
 import { ConfigRenderer, defaultRegistry } from "../config-ui/config-renderer";
 import { UiRenderer } from "../config-ui/ui-renderer";
 import { paramsToSchema } from "../pages/plugin-list-utils";
+import { findChoiceRegions } from "./message-choice-parser";
+import { ChoiceWidget } from "./widgets/ChoiceWidget";
 /** Reject prototype-pollution keys that should never be traversed or rendered. */
 const BLOCKED_IDS = new Set(["__proto__", "constructor", "prototype"]);
 const SAFE_PLUGIN_ID_RE = /^[\w-]+$/;
@@ -258,8 +260,8 @@ export function findPatchRegions(text) {
     return results;
 }
 /**
- * Parse message text for [CONFIG:id] markers, fenced UiSpec JSON, and
- * inline JSONL patch blocks (Chat Mode).
+ * Parse message text for [CONFIG:id] markers, [CHOICE:...] blocks,
+ * fenced UiSpec JSON, and inline JSONL patch blocks (Chat Mode).
  * Returns an array of segments for rendering.
  */
 function parseSegments(text) {
@@ -279,6 +281,19 @@ function parseSegments(text) {
         });
         m = CONFIG_RE.exec(cleaned);
     }
+    // 1b. Find [CHOICE:scope id=...] ... [/CHOICE] blocks
+    for (const choice of findChoiceRegions(cleaned)) {
+        regions.push({
+            start: choice.start,
+            end: choice.end,
+            segment: {
+                kind: "choice",
+                id: choice.id,
+                scope: choice.scope,
+                options: choice.options,
+            },
+        });
+    }
     // 2. Find fenced JSON that is a UiSpec (Generate Mode / legacy format)
     FENCED_JSON_RE.lastIndex = 0;
     m = FENCED_JSON_RE.exec(cleaned);
@@ -622,6 +637,7 @@ function UiSpecBlock({ spec, raw }) {
 }
 // ── Main component ──────────────────────────────────────────────────
 export function MessageContent({ message }) {
+    const { sendActionMessage } = useApp();
     // Parse segments — memoize to avoid re-parsing on every render
     const segments = useMemo(() => {
         try {
@@ -632,6 +648,9 @@ export function MessageContent({ message }) {
             return [{ kind: "text", text: message.text }];
         }
     }, [message.text]);
+    const handleChoice = useCallback((value) => {
+        void sendActionMessage(value);
+    }, [sendActionMessage]);
     // Fast path: single plain-text segment (most messages)
     if (segments.length === 1 && segments[0].kind === "text") {
         return _jsx("div", { className: "whitespace-pre-wrap", children: segments[0].text });
@@ -648,7 +667,9 @@ export function MessageContent({ message }) {
                     ? `text:${seg.text.slice(0, 80)}`
                     : seg.kind === "config"
                         ? `config:${seg.pluginId}`
-                        : `ui:${seg.raw.slice(0, 80)}`;
+                        : seg.kind === "choice"
+                            ? `choice:${seg.id}`
+                            : `ui:${seg.raw.slice(0, 80)}`;
                 const segmentKey = nextKey(baseKey);
                 switch (seg.kind) {
                     case "text":
@@ -660,6 +681,8 @@ export function MessageContent({ message }) {
                         return (_jsx(InlinePluginConfig, { pluginId: seg.pluginId }, segmentKey));
                     case "ui-spec":
                         return (_jsx(UiSpecBlock, { spec: seg.spec, raw: seg.raw }, segmentKey));
+                    case "choice":
+                        return (_jsx(ChoiceWidget, { id: seg.id, scope: seg.scope, options: seg.options, onChoose: handleChoice }, segmentKey));
                     default:
                         return null;
                 }

package/packages/app-core/src/components/chat/message-choice-parser.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Parser for `[CHOICE:<scope>(?: id=<id>)?]\n...lines...\n[/CHOICE]` blocks
+ * emitted by agent actions. Lives in its own module so unit tests can
+ * exercise the regex/option extraction without pulling the entire
+ * `MessageContent` React graph (which transitively imports the runtime).
+ */
+import type { ChoiceOption } from "./widgets/ChoiceWidget";
+export declare const CHOICE_RE: RegExp;
+export declare function generateChoiceId(): string;
+export declare function parseChoiceBody(body: string): ChoiceOption[];
+export interface ChoiceMatch {
+    start: number;
+    end: number;
+    id: string;
+    scope: string;
+    options: ChoiceOption[];
+}
+/** Find every CHOICE block in `text` and return their character regions. */
+export declare function findChoiceRegions(text: string): ChoiceMatch[];
+//# sourceMappingURL=message-choice-parser.d.ts.map

package/packages/app-core/src/components/chat/message-choice-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-choice-parser.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/message-choice-parser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,eAAO,MAAM,SAAS,QAC4C,CAAC;AAEnE,wBAAgB,gBAAgB,IAAI,MAAM,CAQzC;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE,CAa5D;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,4EAA4E;AAC5E,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,EAAE,CAoB7D"}

package/packages/app-core/src/components/chat/message-choice-parser.js

@@ -0,0 +1,53 @@
+/**
+ * Parser for `[CHOICE:<scope>(?: id=<id>)?]\n...lines...\n[/CHOICE]` blocks
+ * emitted by agent actions. Lives in its own module so unit tests can
+ * exercise the regex/option extraction without pulling the entire
+ * `MessageContent` React graph (which transitively imports the runtime).
+ */
+export const CHOICE_RE = /\[CHOICE:([\w-]+)(?:\s+id=(\S+))?\]\n([\s\S]*?)\n\[\/CHOICE\]/g;
+export function generateChoiceId() {
+    if (typeof crypto !== "undefined" &&
+        typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    return `choice-${Math.random().toString(36).slice(2, 10)}-${Date.now().toString(36)}`;
+}
+export function parseChoiceBody(body) {
+    const options = [];
+    for (const rawLine of body.split("\n")) {
+        const line = rawLine.trim();
+        if (!line)
+            continue;
+        const eq = line.indexOf("=");
+        if (eq < 0)
+            continue;
+        const value = line.slice(0, eq).trim();
+        const label = line.slice(eq + 1).trim();
+        if (!value || !label)
+            continue;
+        options.push({ value, label });
+    }
+    return options;
+}
+/** Find every CHOICE block in `text` and return their character regions. */
+export function findChoiceRegions(text) {
+    const results = [];
+    CHOICE_RE.lastIndex = 0;
+    let m = CHOICE_RE.exec(text);
+    while (m !== null) {
+        const scope = m[1];
+        const id = m[2] && m[2].length > 0 ? m[2] : generateChoiceId();
+        const options = parseChoiceBody(m[3]);
+        if (options.length > 0) {
+            results.push({
+                start: m.index,
+                end: m.index + m[0].length,
+                id,
+                scope,
+                options,
+            });
+        }
+        m = CHOICE_RE.exec(text);
+    }
+    return results;
+}

package/packages/app-core/src/components/chat/widgets/ChoiceWidget.d.ts

@@ -0,0 +1,24 @@
+/**
+ * ChoiceWidget — inline button row for `[CHOICE:...]` blocks emitted by
+ * agent actions (currently the unified APP and PLUGIN actions when they
+ * need the user to disambiguate intent).
+ *
+ * The widget is purely presentational: it surfaces a list of options as
+ * buttons and reports the selected `value` back to the caller via
+ * `onChoose`. After the first selection the entire row locks so the
+ * agent only ever sees one decision per prompt.
+ */
+export type ChoiceOption = {
+    value: string;
+    label: string;
+};
+export type ChoiceWidgetProps = {
+    /** Stable id from the source `[CHOICE:scope id=xxx]` marker. */
+    id: string;
+    /** Scope hint from the marker, e.g. "app-create" or "plugin-create". */
+    scope: string;
+    options: ChoiceOption[];
+    onChoose: (value: string) => void;
+};
+export declare function ChoiceWidget({ id, scope, options, onChoose, }: ChoiceWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChoiceWidget.d.ts.map

package/packages/app-core/src/components/chat/widgets/ChoiceWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceWidget.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/chat/widgets/ChoiceWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,kDA4DnB"}

package/packages/app-core/src/components/chat/widgets/ChoiceWidget.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChoiceWidget — inline button row for `[CHOICE:...]` blocks emitted by
+ * agent actions (currently the unified APP and PLUGIN actions when they
+ * need the user to disambiguate intent).
+ *
+ * The widget is purely presentational: it surfaces a list of options as
+ * buttons and reports the selected `value` back to the caller via
+ * `onChoose`. After the first selection the entire row locks so the
+ * agent only ever sees one decision per prompt.
+ */
+import { Button } from "@elizaos/ui";
+import { Check } from "lucide-react";
+import { useCallback, useState } from "react";
+function isCancelLike(value, label) {
+    const v = value.toLowerCase();
+    const l = label.toLowerCase();
+    return v === "cancel" || v === "no" || v === "none" || l === "cancel";
+}
+export function ChoiceWidget({ id, scope, options, onChoose, }) {
+    const [selected, setSelected] = useState(null);
+    const handleChoose = useCallback((option) => {
+        if (selected)
+            return;
+        setSelected(option);
+        onChoose(option.value);
+    }, [onChoose, selected]);
+    if (options.length === 0)
+        return null;
+    return (_jsxs("fieldset", { className: "my-2 flex min-w-0 flex-wrap items-center gap-2 border-0 p-0", "aria-label": `Choose ${scope}`, "data-choice-id": id, "data-choice-scope": scope, children: [options.map((option) => {
+                const cancel = isCancelLike(option.value, option.label);
+                const isSelected = selected?.value === option.value;
+                const variant = cancel ? "ghost" : "outline";
+                return (_jsx(Button, { type: "button", variant: variant, size: "sm", disabled: selected !== null, "aria-label": option.label, "aria-pressed": isSelected, "data-testid": `choice-${option.value}`, className: cancel
+                        ? "h-7 px-3 text-xs text-muted hover:text-txt disabled:opacity-40"
+                        : "h-7 px-3 text-xs disabled:opacity-40", onClick: () => handleChoose(option), children: isSelected ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { children: option.label })] })) : (option.label) }, option.value));
+            }), selected ? (_jsxs("span", { className: "text-2xs text-muted", role: "status", children: ["Selected: ", selected.label] })) : null] }));
+}

package/packages/app-core/src/components/connectors/ConnectorSetupPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getBootConfig } from "../../config";
+import { getBootConfig } from "../../config/boot-config";
 import { BlueBubblesStatusPanel } from "./BlueBubblesStatusPanel";
 import { DiscordLocalConnectorPanel } from "./DiscordLocalConnectorPanel";
 import { IMessageStatusPanel } from "./IMessageStatusPanel";

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

@@ -1 +1 @@
-{"version":3,"file":"CustomActionEditor.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,gBAAgB,CAAC;AA2CxB,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE,uBAAuB,kDAg1BzB"}
+{"version":3,"file":"CustomActionEditor.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,gBAAgB,CAAC;AA2C3E,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,GACR,EAAE,uBAAuB,kDAg1BzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomActionsPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EAChB,MAAM,gBAAgB,CAAC;AAOxB,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA8BD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,YAAY,GACb,EAAE,uBAAuB,2CA8SzB"}
+{"version":3,"file":"CustomActionsPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOtD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACzD;AA8BD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,YAAY,GACb,EAAE,uBAAuB,2CA8SzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomActionsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionsView.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,iBAAiB,4CAyXhC"}
+{"version":3,"file":"CustomActionsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/custom-actions/CustomActionsView.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,iBAAiB,4CAyXhC"}

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,EACV,mBAAmB,EACpB,MAAM,gBAAgB,CAAC;AAIxB,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,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"}

package/packages/app-core/src/components/pages/BrowserWorkspaceView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { buildBrowserWorkspaceWalletState, } from "@elizaos/app-steward";
+import { buildBrowserWorkspaceWalletState, } from "@elizaos/app-steward/browser-workspace-wallet";
 import { Button, Input, SidebarCollapsedActionButton, SidebarContent, SidebarPanel, SidebarScrollRegion, useIntervalWhenDocumentVisible, WorkspaceLayout, } from "@elizaos/ui";
 import { ExternalLink, FolderOpen, Plus, RefreshCw, X } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"KnowledgeView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/KnowledgeView.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,6BAA6B,CAAC;AA8BrC,OAAO,EACL,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,6BAA6B,GAC9B,MAAM,oBAAoB,CAAC;AAkI5B,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,GACjB,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,2CAo1BL"}
+{"version":3,"file":"KnowledgeView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/KnowledgeView.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,6BAA6B,CAAC;AA+BrC,OAAO,EACL,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,6BAA6B,GAC9B,MAAM,oBAAoB,CAAC;AAoI5B,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,0BAA0B,EAC1B,kBAAkB,EAClB,gBAAgB,GACjB,GAAE;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC7D,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjE,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CACvB,2CA+3BL"}

package/packages/app-core/src/components/pages/KnowledgeView.js

@@ -1,5 +1,6 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, PagePanel } from "@elizaos/ui";
+import { BookOpen, Pencil } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api/client";
 import { useApp } from "../../state/useApp";
@@ -9,6 +10,7 @@ import { isKnowledgeImageFile, MAX_KNOWLEDGE_IMAGE_PROCESSING_BYTES, maybeCompre
 import { ConfirmDeleteControl } from "../shared/confirm-delete-control";
 import { DocumentViewer, getKnowledgeDocumentSummary, getKnowledgeTypeLabel, } from "./knowledge-detail";
 import { BULK_UPLOAD_TARGET_BYTES, getKnowledgeUploadFilename, isSupportedKnowledgeFile, KNOWLEDGE_UPLOAD_ACCEPT, LARGE_FILE_WARNING_BYTES, MAX_BULK_REQUEST_DOCUMENTS, MAX_UPLOAD_REQUEST_BYTES, shouldReadKnowledgeFileAsText, UploadZone, } from "./knowledge-upload";
+import { ScratchpadView } from "./ScratchpadView";
 // Re-export public API used by tests and other modules
 export { getKnowledgeUploadFilename, shouldReadKnowledgeFileAsText, } from "./knowledge-upload";
 /* ── Search Result Item ─────────────────────────────────────────────── */
@@ -35,6 +37,7 @@ export function KnowledgeView({ fileInputId, inModal, embedded = false, onDocume
     const { setActionNotice } = useApp();
     const setActionNoticeRef = useRef(setActionNotice);
     setActionNoticeRef.current = setActionNotice;
+    const [activePanel, setActivePanel] = useState("documents");
     const [searchQuery, setSearchQuery] = useState("");
     const [documents, setDocuments] = useState([]);
     const [searchResults, setSearchResults] = useState(null);
@@ -532,5 +535,12 @@ export function KnowledgeView({ fileInputId, inModal, embedded = false, onDocume
                                 }), title: t("knowledgeview.NoResultsFound") })), isShowingSearchResults
                                 ? visibleSearchResults.map((result) => (_jsx(SearchResultListItem, { result: result, active: selectedDocId === (result.documentId || result.id), onSelect: setSelectedDocId }, result.id)))
                                 : filteredDocuments.map((doc) => (_jsx(DocumentListItem, { doc: doc, active: selectedDocId === doc.id, onSelect: setSelectedDocId, onDelete: handleDelete, deleting: deleting === doc.id }, doc.id)))] })] })] }));
-    return (_jsxs("div", { className: `flex flex-1 min-h-0 flex-col gap-4 ${inModal ? "min-h-0" : ""}`, "data-testid": "knowledge-view", children: [!shouldRenderSelectorRail && fileInputId ? (_jsx("input", { id: fileInputId, type: "file", className: "hidden", multiple: true, accept: KNOWLEDGE_UPLOAD_ACCEPT, onChange: handleExternalFileInputChange })) : null, isServiceLoading && (_jsxs(PagePanel, { variant: "inset", className: "flex items-center gap-2 px-0 py-3 text-sm text-muted-strong !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", children: [_jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-accent border-t-transparent" }), t("knowledgeview.KnowledgeServiceIs")] })), loadError && !isServiceLoading && (_jsx(PagePanel.Notice, { tone: "danger", actions: _jsx(Button, { variant: "outline", size: "sm", className: "border-danger/30 px-3 text-xs text-danger hover:bg-danger/16", onClick: () => loadData(), children: t("common.retry") }), children: loadError })), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 lg:flex-row", children: [documentContent, shouldRenderSelectorRail ? selectorRail : null] })] }));
+    const panelSelector = (_jsxs("div", { className: "flex items-center gap-1 rounded-lg border border-border/35 bg-bg-muted/40 p-1", children: [_jsxs("button", { type: "button", onClick: () => setActivePanel("documents"), className: `inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs font-bold transition-colors ${activePanel === "documents"
+                    ? "bg-bg text-txt shadow-sm"
+                    : "text-muted hover:text-txt"}`, "aria-pressed": activePanel === "documents", children: [_jsx(BookOpen, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), t("knowledgeview.Documents", { defaultValue: "Documents" })] }), _jsxs("button", { type: "button", onClick: () => setActivePanel("scratchpad"), className: `inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs font-bold transition-colors ${activePanel === "scratchpad"
+                    ? "bg-bg text-txt shadow-sm"
+                    : "text-muted hover:text-txt"}`, "aria-pressed": activePanel === "scratchpad", children: [_jsx(Pencil, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), t("knowledgeview.Scratchpad", { defaultValue: "Scratchpad" })] })] }));
+    return (_jsxs("div", { className: `flex flex-1 min-h-0 flex-col gap-4 ${inModal ? "min-h-0" : ""}`, "data-testid": "knowledge-view", children: [_jsx("div", { className: "flex flex-wrap items-center justify-between gap-3", children: panelSelector }), activePanel === "documents" &&
+                !shouldRenderSelectorRail &&
+                fileInputId ? (_jsx("input", { id: fileInputId, type: "file", className: "hidden", multiple: true, accept: KNOWLEDGE_UPLOAD_ACCEPT, onChange: handleExternalFileInputChange })) : null, activePanel === "documents" && isServiceLoading && (_jsxs(PagePanel, { variant: "inset", className: "flex items-center gap-2 px-0 py-3 text-sm text-muted-strong !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", children: [_jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-accent border-t-transparent" }), t("knowledgeview.KnowledgeServiceIs")] })), activePanel === "documents" && loadError && !isServiceLoading && (_jsx(PagePanel.Notice, { tone: "danger", actions: _jsx(Button, { variant: "outline", size: "sm", className: "border-danger/30 px-3 text-xs text-danger hover:bg-danger/16", onClick: () => loadData(), children: t("common.retry") }), children: loadError })), activePanel === "documents" ? (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 lg:flex-row", children: [documentContent, shouldRenderSelectorRail ? selectorRail : null] })) : (_jsx(ScratchpadView, {}))] }));
 }