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

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

@@ -1,385 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner, Button, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@elizaos/ui";
-import { ChevronDown, ChevronRight } from "lucide-react";
-import { useEffect, useState } from "react";
-import { client } from "../../api/client";
-import { useApp } from "../../state/useApp";
-import { editorDialogContentClassName, editorFieldLabelClassName, editorInputClassName, editorMonoTextareaClassName, editorSectionCardClassName, editorTextareaClassName, HTTP_METHODS, normalizeActionName, normalizeMethod, normalizeParamName, parseGeneratedAction, parseSimilesInput, validateParameters, } from "./custom-action-form";
-export function CustomActionEditor({ open, action, onSave, onClose, }) {
-    const { t } = useApp();
-    const [name, setName] = useState("");
-    const [description, setDescription] = useState("");
-    const [similesInput, setSimilesInput] = useState("");
-    const [handlerType, setHandlerType] = useState("http");
-    // HTTP handler fields
-    const [httpMethod, setHttpMethod] = useState("GET");
-    const [httpUrl, setHttpUrl] = useState("");
-    const [httpHeaders, setHttpHeaders] = useState([
-        { key: "", value: "" },
-    ]);
-    const [httpBody, setHttpBody] = useState("");
-    // Shell handler fields
-    const [shellCommand, setShellCommand] = useState("");
-    // Code handler fields
-    const [code, setCode] = useState("");
-    // Parameters
-    const [parameters, setParameters] = useState([]);
-    // AI generate
-    const [aiPrompt, setAiPrompt] = useState("");
-    const [generating, setGenerating] = useState(false);
-    // Test section
-    const [testExpanded, setTestExpanded] = useState(false);
-    const [testParams, setTestParams] = useState({});
-    const [testResult, setTestResult] = useState(null);
-    const [testing, setTesting] = useState(false);
-    const [saving, setSaving] = useState(false);
-    const [formError, setFormError] = useState("");
-    // Populate form when action changes
-    useEffect(() => {
-        if (!open)
-            return;
-        setFormError("");
-        if (action) {
-            setName(action.name);
-            setDescription(action.description || "");
-            setSimilesInput((action.similes ?? []).join(", "));
-            setParameters(action.parameters?.map((p) => ({
-                name: p.name,
-                description: p.description || "",
-                required: p.required || false,
-            })) || []);
-            const handler = action.handler;
-            if (handler.type === "http") {
-                setHandlerType("http");
-                setHttpMethod(handler.method || "GET");
-                setHttpUrl(handler.url || "");
-                const headers = handler.headers || {};
-                setHttpHeaders(Object.keys(headers).length > 0
-                    ? Object.entries(headers).map(([key, value]) => ({
-                        key,
-                        value,
-                    }))
-                    : [{ key: "", value: "" }]);
-                setHttpBody(handler.bodyTemplate || "");
-            }
-            else if (handler.type === "shell") {
-                setHandlerType("shell");
-                setShellCommand(handler.command || "");
-            }
-            else if (handler.type === "code") {
-                setHandlerType("code");
-                setCode(handler.code || "");
-            }
-        }
-        else {
-            // Reset for create mode
-            setName("");
-            setDescription("");
-            setSimilesInput("");
-            setHandlerType("http");
-            setHttpMethod("GET");
-            setHttpUrl("");
-            setHttpHeaders([{ key: "", value: "" }]);
-            setHttpBody("");
-            setShellCommand("");
-            setCode("");
-            setParameters([]);
-            setAiPrompt("");
-            setTestExpanded(false);
-            setTestParams({});
-            setTestResult(null);
-        }
-    }, [open, action]);
-    const setNormalizedName = (value) => {
-        setName(normalizeActionName(value));
-        setFormError("");
-    };
-    const setDescriptionValue = (value) => {
-        setDescription(value);
-        setFormError("");
-    };
-    const applyGenerated = (parsed) => {
-        setName(parsed.name);
-        setDescription(parsed.description);
-        setSimilesInput(parsed.similes.join(", "));
-        if (parsed.handlerType === "http") {
-            const handler = parsed.handler;
-            setHandlerType("http");
-            setHttpMethod(handler.method || "GET");
-            setHttpUrl(handler.url);
-            setHttpBody(handler.bodyTemplate || "");
-            setHttpHeaders(handler.headers
-                ? Object.entries(handler.headers).map(([key, value]) => ({
-                    key,
-                    value,
-                }))
-                : [{ key: "", value: "" }]);
-        }
-        else if (parsed.handlerType === "shell") {
-            const handler = parsed.handler;
-            setHandlerType("shell");
-            setShellCommand(handler.command);
-        }
-        else {
-            const handler = parsed.handler;
-            setHandlerType("code");
-            setCode(handler.code);
-        }
-        setParameters(parsed.parameters);
-        setFormError("");
-        setAiPrompt("");
-    };
-    const handleGenerate = async () => {
-        if (!aiPrompt.trim())
-            return;
-        setGenerating(true);
-        setFormError("");
-        try {
-            const result = await client.generateCustomAction(aiPrompt.trim());
-            if (!result.ok || !result.generated) {
-                setFormError("AI generation returned no action definition.");
-                return;
-            }
-            const parsed = parseGeneratedAction(result.generated);
-            if (!parsed.ok || !parsed.action) {
-                setFormError(parsed.errors.length > 0
-                    ? parsed.errors.join(" ")
-                    : "AI generation was incomplete.");
-                return;
-            }
-            applyGenerated(parsed.action);
-        }
-        catch (err) {
-            setFormError(`Generation failed: ${err instanceof Error ? err.message : String(err)}`);
-        }
-        finally {
-            setGenerating(false);
-        }
-    };
-    const addParameter = () => {
-        setParameters([
-            ...parameters,
-            { name: "", description: "", required: false },
-        ]);
-    };
-    const removeParameter = (index) => {
-        setParameters(parameters.filter((_, i) => i !== index));
-    };
-    const updateParameter = (index, field, value) => {
-        setParameters((prevParameters) => prevParameters.map((parameter, i) => {
-            if (i !== index) {
-                return parameter;
-            }
-            if (field === "name") {
-                return {
-                    ...parameter,
-                    [field]: normalizeParamName(value),
-                };
-            }
-            return {
-                ...parameter,
-                [field]: value,
-            };
-        }));
-        setFormError("");
-    };
-    const addHeader = () => {
-        setHttpHeaders([...httpHeaders, { key: "", value: "" }]);
-    };
-    const removeHeader = (index) => {
-        setHttpHeaders(httpHeaders.filter((_, i) => i !== index));
-    };
-    const updateHeader = (index, field, value) => {
-        setHttpHeaders((prevHeaders) => prevHeaders.map((header, i) => i === index ? { ...header, [field]: value } : header));
-        setFormError("");
-    };
-    const buildHeaders = () => {
-        const headers = {};
-        for (const header of httpHeaders) {
-            const key = header.key.trim();
-            if (key) {
-                headers[key] = header.value;
-            }
-        }
-        return Object.keys(headers).length > 0 ? headers : undefined;
-    };
-    const handleSave = async () => {
-        if (saving)
-            return;
-        setSaving(true);
-        setFormError("");
-        try {
-            const actionName = normalizeActionName(name);
-            const actionDescription = description.trim();
-            if (!actionName) {
-                setFormError("Name is required.");
-                return;
-            }
-            if (!actionDescription) {
-                setFormError("Description is required.");
-                return;
-            }
-            const normalizedParameters = [...parameters];
-            const validationError = validateParameters(normalizedParameters);
-            if (validationError) {
-                setFormError(validationError);
-                return;
-            }
-            let handler;
-            if (handlerType === "http") {
-                if (!httpUrl.trim()) {
-                    setFormError("HTTP URL is required.");
-                    return;
-                }
-                const headers = buildHeaders();
-                handler = {
-                    type: "http",
-                    method: normalizeMethod(httpMethod),
-                    url: httpUrl,
-                    headers,
-                    bodyTemplate: httpBody || undefined,
-                };
-            }
-            else if (handlerType === "shell") {
-                if (!shellCommand.trim()) {
-                    setFormError("Shell command is required.");
-                    return;
-                }
-                handler = {
-                    type: "shell",
-                    command: shellCommand,
-                };
-            }
-            else {
-                if (!code.trim()) {
-                    setFormError("Code is required.");
-                    return;
-                }
-                handler = {
-                    type: "code",
-                    code,
-                };
-            }
-            const similes = parseSimilesInput(similesInput);
-            const actionDef = {
-                name: actionName,
-                description: actionDescription,
-                similes,
-                parameters: normalizedParameters,
-                handler,
-                enabled: action?.enabled ?? true,
-            };
-            const saved = action?.id
-                ? await client.updateCustomAction(action.id, actionDef)
-                : await client.createCustomAction(actionDef);
-            onSave(saved);
-            setAiPrompt("");
-            setFormError("");
-        }
-        catch (err) {
-            setFormError(`Failed to save: ${err instanceof Error ? err.message : String(err)}`);
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    const handleTest = async () => {
-        setTesting(true);
-        setTestResult(null);
-        // Auto-save if the action hasn't been saved yet
-        let actionId = action?.id;
-        if (!actionId) {
-            try {
-                await handleSave();
-                // After save, the action should have an ID
-                actionId = action?.id;
-                if (!actionId) {
-                    setTestResult({
-                        error: "Failed to save action before testing. Please save manually first.",
-                    });
-                    setTesting(false);
-                    return;
-                }
-            }
-            catch (err) {
-                setTestResult({
-                    error: `Save failed: ${err instanceof Error ? err.message : String(err)}`,
-                });
-                setTesting(false);
-                return;
-            }
-        }
-        const startTime = Date.now();
-        try {
-            const result = await client.testCustomAction(actionId, testParams);
-            const duration = Date.now() - startTime;
-            setTestResult({
-                output: result.error ? undefined : JSON.stringify(result, null, 2),
-                error: result.error || undefined,
-                duration,
-            });
-        }
-        catch (err) {
-            const duration = Date.now() - startTime;
-            setTestResult({
-                error: err instanceof Error ? err.message : String(err),
-                duration,
-            });
-        }
-        finally {
-            setTesting(false);
-        }
-    };
-    if (!open)
-        return null;
-    return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
-            if (!nextOpen)
-                onClose();
-        }, children: _jsxs(DialogContent, { showCloseButton: false, className: editorDialogContentClassName, children: [_jsxs(DialogHeader, { className: "flex flex-row items-center px-5 py-4", children: [_jsx(DialogTitle, { className: "flex-1 text-sm font-medium text-txt", children: action ? "Edit Custom Action" : "New Custom Action" }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-lg text-xl leading-none text-muted hover:bg-transparent hover:text-txt", onClick: onClose, "aria-label": t("common.close"), children: t("bugreportmodal.Times") })] }), _jsxs("div", { className: "flex max-h-[min(72vh,44rem)] flex-col gap-4 overflow-y-auto px-5 py-4", children: [formError && (_jsx(Banner, { variant: "error", className: "rounded-xl text-xs", children: formError })), !action && (_jsxs("div", { className: "flex flex-col gap-2 rounded-xl border border-accent/30 bg-accent/5 p-3", children: [_jsx("span", { className: "text-xs text-txt font-medium", children: t("customactioneditor.DescribeWhatYouWa") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", value: aiPrompt, onChange: (e) => {
-                                                setAiPrompt(e.target.value);
-                                                setFormError("");
-                                            }, onKeyDown: (event) => {
-                                                if (event.key === "Enter" && !generating) {
-                                                    void handleGenerate();
-                                                }
-                                            }, placeholder: t("customactioneditor.eGCheckIfAWebs"), className: `flex-1 ${editorInputClassName}` }), _jsx(Button, { variant: "default", size: "sm", className: "whitespace-nowrap", onClick: handleGenerate, disabled: generating || !aiPrompt.trim(), children: generating ? "Generating..." : "Generate" })] }), _jsx("span", { className: "text-xs text-muted/70", children: t("customactioneditor.TheAgentWillGener") })] })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("common.name") }), _jsx(Input, { type: "text", value: name, onChange: (e) => setNormalizedName(e.target.value), placeholder: t("customactioneditor.MYACTION"), className: `flex-1 ${editorInputClassName}` })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("common.description") }), _jsx(Textarea, { value: description, onChange: (e) => setDescriptionValue(e.target.value), placeholder: t("customactioneditor.WhatDoesThisActio"), rows: 2, className: `flex-1 ${editorTextareaClassName}` })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.AliasesOptional") }), _jsx(Input, { type: "text", value: similesInput, onChange: (e) => {
-                                        setSimilesInput(e.target.value);
-                                        setFormError("");
-                                    }, placeholder: t("customactioneditor.SYNONYMONESYNONYM"), className: `flex-1 ${editorInputClassName}` }), _jsx("span", { className: "text-xs text-muted/70", children: t("customactioneditor.CommaSeparatedAlte") })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.HandlerType") }), _jsx("div", { className: "flex gap-2", children: ["http", "shell", "code"].map((type) => (_jsx(Button, { variant: handlerType === type ? "default" : "outline", size: "sm", onClick: () => {
-                                            setHandlerType(type);
-                                            setFormError("");
-                                        }, className: `px-3 py-1.5 text-xs ${handlerType === type
-                                            ? ""
-                                            : "border-border text-muted hover:text-txt"}`, children: type === "http"
-                                            ? "HTTP Request"
-                                            : type === "shell"
-                                                ? "Shell Command"
-                                                : "JavaScript" }, type))) })] }), handlerType === "http" && (_jsxs("div", { className: editorSectionCardClassName, children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs(Select, { value: httpMethod, onValueChange: (value) => setHttpMethod(value), children: [_jsx(SelectTrigger, { className: `w-auto min-w-[6.5rem] ${editorInputClassName}`, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: HTTP_METHODS.map((method) => (_jsx(SelectItem, { value: method, children: method }, method))) })] }), _jsx(Input, { type: "text", value: httpUrl, onChange: (e) => {
-                                                setHttpUrl(e.target.value);
-                                                setFormError("");
-                                            }, placeholder: t("customactioneditor.httpsApiExample"), className: `flex-1 ${editorInputClassName}` })] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.HeadersOptional") }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-auto p-0 text-xs", onClick: addHeader, children: t("customactioneditor.Add") })] }), httpHeaders.map((header, i) => (_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", value: header.key, onChange: (e) => updateHeader(i, "key", e.target.value), placeholder: t("customactioneditor.HeaderName"), className: `flex-1 ${editorInputClassName}` }), _jsx(Input, { type: "text", value: header.value, onChange: (e) => updateHeader(i, "value", e.target.value), placeholder: t("customactioneditor.valueOrParam"), className: `flex-1 ${editorInputClassName}` }), _jsx(Button, { variant: "ghost", size: "sm", className: "px-2 text-muted hover:text-txt h-auto", onClick: () => removeHeader(i), "aria-label": `Remove header ${i + 1}`, children: t("bugreportmodal.Times") })] }, `${header.key}:${header.value}`)))] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.BodyTemplateOptio") }), _jsx(Textarea, { value: httpBody, onChange: (e) => {
-                                                setHttpBody(e.target.value);
-                                                setFormError("");
-                                            }, placeholder: '{"key": "{{param}}"}', rows: 3, className: editorMonoTextareaClassName })] })] })), handlerType === "shell" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.CommandTemplate") }), _jsx(Textarea, { value: shellCommand, onChange: (e) => {
-                                        setShellCommand(e.target.value);
-                                        setFormError("");
-                                    }, placeholder: t("customactioneditor.echoMessage"), rows: 4, className: editorMonoTextareaClassName }), _jsxs("span", { className: "text-xs text-muted/70", children: [t("streamsettings.Use"), " ", `{{paramName}}`, " ", t("customactioneditor.forParameterSubsti")] })] })), handlerType === "code" && (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("customactioneditor.JavaScriptCode") }), _jsx(Textarea, { value: code, onChange: (e) => {
-                                        setCode(e.target.value);
-                                        setFormError("");
-                                    }, placeholder: t("customactioneditor.AvailableParams"), rows: 6, className: editorMonoTextareaClassName })] })), _jsxs("div", { className: "flex flex-col gap-2 pt-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: editorFieldLabelClassName, children: t("common.parameters") }), _jsx(Button, { variant: "ghost", size: "sm", className: "text-xs h-auto p-0", onClick: addParameter, children: t("customactioneditor.AddParameter") })] }), parameters.map((param, paramIdx) => (_jsxs("div", { className: "flex gap-2 items-start", children: [_jsx(Input, { type: "text", value: param.name, onChange: (e) => updateParameter(paramIdx, "name", e.target.value), placeholder: t("customactioneditor.paramName"), className: `w-32 ${editorInputClassName}` }), _jsx(Input, { type: "text", value: param.description, onChange: (e) => updateParameter(paramIdx, "description", e.target.value), placeholder: t("common.description"), className: `flex-1 ${editorInputClassName}` }), _jsxs("span", { className: "flex items-center gap-1 text-xs text-muted cursor-pointer", children: [_jsx(Checkbox, { checked: param.required, onCheckedChange: (checked) => updateParameter(paramIdx, "required", !!checked) }), t("secretsview.Required")] }), _jsx(Button, { variant: "ghost", size: "sm", className: "px-2 text-muted hover:text-txt h-auto", onClick: () => removeParameter(paramIdx), "aria-label": `Remove parameter ${param.name || paramIdx + 1}`, children: t("bugreportmodal.Times") })] }, `${param.name}-${param.description ?? ""}`)))] }), _jsxs("div", { className: "flex flex-col gap-2 pt-3", children: [_jsxs(Button, { variant: "ghost", className: "flex items-center justify-between text-xs text-muted hover:text-txt h-auto p-0 w-full", onClick: () => setTestExpanded((expanded) => !expanded), children: [_jsx("span", { children: t("customactioneditor.TestAction") }), _jsx("span", { children: testExpanded ? (_jsx(ChevronDown, { className: "w-3 h-3" })) : (_jsx(ChevronRight, { className: "w-3 h-3" })) })] }), testExpanded && (_jsxs("div", { className: "flex flex-col gap-2 pl-2 border-l-2 border-border", children: [parameters
-                                            .filter((p) => p.name.trim())
-                                            .map((param) => (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: editorFieldLabelClassName, children: param.name }), _jsx(Input, { type: "text", value: testParams[param.name] || "", onChange: (e) => setTestParams({
-                                                        ...testParams,
-                                                        [param.name]: e.target.value,
-                                                    }), placeholder: param.description || "value", className: editorInputClassName })] }, param.name))), testResult && (_jsxs("div", { className: "bg-surface border border-border p-2 text-xs font-mono", children: [testResult.error && (_jsxs("div", { className: "text-status-danger", children: [t("customactioneditor.Error"), " ", testResult.error] })), testResult.output && (_jsx("pre", { className: "text-txt whitespace-pre-wrap", children: testResult.output })), testResult.duration !== undefined && (_jsxs("div", { className: "text-muted mt-1", children: [t("customactioneditor.Duration"), " ", testResult.duration, "ms"] }))] }))] }))] })] }), _jsxs(DialogFooter, { className: "px-5 py-4 sm:justify-end sm:space-x-2", children: [testExpanded && (_jsx(Button, { variant: "outline", size: "sm", onClick: handleTest, disabled: testing || saving, children: testing
-                                ? t("common.testing", {
-                                    defaultValue: "Testing...",
-                                })
-                                : t("customactioneditor.Test", {
-                                    defaultValue: "Test",
-                                }) })), _jsx(Button, { variant: "outline", size: "sm", onClick: onClose, children: t("common.cancel") }), _jsx(Button, { variant: "default", size: "sm", onClick: () => void handleSave(), disabled: saving, children: saving
-                                ? t("common.saving", {
-                                    defaultValue: "Saving...",
-                                })
-                                : t("common.save") })] })] }) }));
-}

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

@@ -1,9 +0,0 @@
-import type { CustomActionDef } from "@elizaos/agent";
-interface CustomActionsPanelProps {
-    open: boolean;
-    onClose: () => void;
-    onOpenEditor: (action?: CustomActionDef | null) => void;
-}
-export declare function CustomActionsPanel({ open, onClose, onOpenEditor, }: CustomActionsPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=CustomActionsPanel.d.ts.map

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

@@ -1 +0,0 @@
-{"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/CustomActionsPanel.js

@@ -1,158 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Input, Switch } from "@elizaos/ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { client } from "../../api/client";
-import { useApp } from "../../state/useApp";
-import { confirmDesktopAction } from "../../utils/desktop-dialogs";
-const HANDLER_TYPE_COLORS = {
-    http: "bg-status-info-bg text-status-info",
-    shell: "bg-status-success-bg text-status-success",
-    code: "bg-purple-500/20 text-purple-400",
-};
-function handlerTypeLabel(type, t) {
-    switch (type) {
-        case "http":
-            return t("customactionspanel.HandlerTypeHttp", {
-                defaultValue: "HTTP",
-            });
-        case "shell":
-            return t("customactionspanel.HandlerTypeShell", {
-                defaultValue: "Shell",
-            });
-        case "code":
-            return t("customactionspanel.HandlerTypeCode", {
-                defaultValue: "Code",
-            });
-        default:
-            return type;
-    }
-}
-export function CustomActionsPanel({ open, onClose, onOpenEditor, }) {
-    const { t } = useApp();
-    const [actions, setActions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const [search, setSearch] = useState("");
-    const [error, setError] = useState("");
-    const loadActions = useCallback(async () => {
-        try {
-            setLoading(true);
-            setError("");
-            const result = await client.listCustomActions();
-            setActions(result || []);
-        }
-        catch (err) {
-            console.error("Failed to load custom actions:", err);
-            setError(t("customactionspanel.LoadFailed", {
-                defaultValue: "Couldn't load custom actions. Try again.",
-            }));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [t]);
-    useEffect(() => {
-        if (open) {
-            void loadActions();
-        }
-    }, [open, loadActions]);
-    const filteredActions = useMemo(() => {
-        const searchTerm = search.trim().toLowerCase();
-        if (!searchTerm)
-            return actions;
-        return actions.filter((action) => {
-            const hasName = action.name.toLowerCase().includes(searchTerm);
-            const hasDescription = typeof action.description === "string" &&
-                action.description.toLowerCase().includes(searchTerm);
-            const hasAlias = (action.similes ?? []).some((alias) => alias.toLowerCase().includes(searchTerm));
-            return hasName || hasDescription || hasAlias;
-        });
-    }, [actions, search]);
-    const enabledCount = useMemo(() => actions.filter((action) => action.enabled).length, [actions]);
-    const actionSummary = t("customactionspanel.ActionSummary", {
-        defaultValue: "{{actionCount}} total · {{enabledCount}} enabled",
-        actionCount: actions.length,
-        enabledCount,
-    });
-    const formatParameterCount = useCallback((count) => {
-        return count === 1
-            ? t("customactionsview.ParameterCountOne", {
-                defaultValue: "{{count}} parameter",
-                count,
-            })
-            : t("customactionsview.ParameterCountOther", {
-                defaultValue: "{{count}} parameters",
-                count,
-            });
-    }, [t]);
-    const formatAliasCount = useCallback((count) => {
-        return count === 1
-            ? t("customactionspanel.AliasCountOne", {
-                defaultValue: "{{count}} alias",
-                count,
-            })
-            : t("customactionspanel.AliasCountOther", {
-                defaultValue: "{{count}} aliases",
-                count,
-            });
-    }, [t]);
-    const handleToggleEnabled = async (action) => {
-        try {
-            const next = !action.enabled;
-            await client.updateCustomAction(action.id, {
-                enabled: next,
-            });
-            setActions((prev) => prev.map((item) => item.id === action.id
-                ? {
-                    ...item,
-                    enabled: next,
-                }
-                : item));
-        }
-        catch (err) {
-            console.error("Failed to toggle action:", err);
-            setError(t("customactionspanel.UpdateFailed", {
-                defaultValue: "Couldn't update this action. Try again.",
-            }));
-        }
-    };
-    const handleDelete = async (action) => {
-        const confirmed = await confirmDesktopAction({
-            title: t("customactionsview.DeleteCustomActionTitle"),
-            message: t("customactionsview.DeleteCustomActionMessage", {
-                name: action.name,
-            }),
-            confirmLabel: t("common.delete"),
-            cancelLabel: t("common.cancel"),
-            type: "warning",
-        });
-        if (!confirmed) {
-            return;
-        }
-        try {
-            await client.deleteCustomAction(action.id);
-            setActions((prev) => prev.filter((item) => item.id !== action.id));
-        }
-        catch (err) {
-            console.error("Failed to delete action:", err);
-            setError(t("customactionspanel.DeleteFailed", {
-                defaultValue: "Couldn't delete this action. Try again.",
-            }));
-        }
-    };
-    const handleEdit = (action) => {
-        onOpenEditor(action);
-    };
-    const handleCreate = () => {
-        onOpenEditor(null);
-    };
-    return (_jsx("div", { className: `bg-card flex flex-col transition-all duration-200 ${open ? "w-80" : "w-0 overflow-hidden"}`, children: open && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-start justify-between p-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-txt", children: t("customactionsview.CustomActions") }), _jsx("p", { className: "text-xs text-muted mt-0.5", children: actionSummary })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: "text-muted hover:text-txt h-7 w-7", "aria-label": t("aria.closePanel"), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("title", { children: t("aria.closePanel") }), _jsx("path", { d: "M12 4L4 12M4 4l8 8" })] }) })] }), _jsxs("div", { className: "space-y-3 p-3", children: [_jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "w-full px-3 py-2 h-9 text-sm font-medium shadow-sm", children: t("customactionspanel.NewCustomAction") }), _jsx("div", { className: "relative", children: _jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("customactionspanel.SearchByNameDesc"), className: "w-full h-8 bg-surface text-xs placeholder:text-muted/50 shadow-sm focus-visible:ring-1 focus-visible:ring-accent" }) }), error && (_jsx("div", { className: "text-xs text-danger bg-danger/10 border border-danger/30 px-2 py-1 rounded", children: error }))] }), _jsx("div", { className: "flex-1 overflow-y-auto p-3 space-y-2", children: loading ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: t("customactionspanel.LoadingYourActions") })) : filteredActions.length === 0 ? (_jsx("div", { className: "text-center text-muted text-xs py-8", children: search
-                            ? t("customactionspanel.NoActionsMatchSearch", {
-                                defaultValue: "Nothing matches that search.",
-                            })
-                            : t("customactionspanel.NoActionsYet", {
-                                defaultValue: "No custom actions yet. Make one to get started.",
-                            }) })) : (filteredActions.map((action) => (_jsxs("div", { className: "border border-border bg-surface rounded p-2 space-y-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-semibold text-xs text-txt truncate", children: action.name }), _jsxs("p", { className: "text-2xs text-muted mt-0.5", children: [formatParameterCount(action.parameters?.length || 0), action.similes?.length
-                                                        ? ` • ${formatAliasCount(action.similes.length)}`
-                                                        : ""] })] }), _jsx("span", { className: `text-2xs px-1.5 py-0.5 rounded whitespace-nowrap ${HANDLER_TYPE_COLORS[action.handler.type] ||
-                                            "bg-surface text-muted"}`, children: handlerTypeLabel(action.handler.type, t) })] }), action.description && (_jsx("p", { className: "text-xs text-muted line-clamp-2 break-words", children: action.description })), _jsxs("div", { className: "flex items-center gap-2 pt-1", children: [_jsxs("label", { className: "flex items-center gap-1 cursor-pointer text-xs text-muted", children: [_jsx(Switch, { checked: action.enabled, onCheckedChange: () => handleToggleEnabled(action), className: "scale-75" }), _jsx("span", { children: t("common.enabled") })] }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleEdit(action), className: "h-6 px-2 text-xs text-txt hover:text-txt/80 hover:bg-accent/10", title: t("customactionspanel.EditAction"), children: t("common.edit") }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleDelete(action), className: "h-6 px-2 text-xs text-danger hover:text-danger/80 hover:bg-danger/10", title: t("customactionspanel.DeleteAction"), children: t("common.delete") })] })] })] }, action.id)))) })] })) }));
-}

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

@@ -1,2 +0,0 @@
-export declare function CustomActionsView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CustomActionsView.d.ts.map

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

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