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

package/components/custom-actions/CustomActionsView.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Switch } from "@elizaos/ui";
+import { useCallback, useEffect, useState } from "react";
+import { client } from "../../api/client.js";
+import { useApp } from "../../state/useApp.js";
+import { alertDesktopMessage, confirmDesktopAction, } from "../../utils/desktop-dialogs.js";
+import { CustomActionEditor } from "./CustomActionEditor.js";
+const CUSTOM_ACTIONS_SHELL_CLASS = "flex h-full min-h-0 flex-col gap-4 rounded-2xl border border-border/60 bg-card/70 p-4 shadow-sm ring-1 ring-border/15 backdrop-blur-sm";
+const CUSTOM_ACTIONS_PANEL_CLASS = "rounded-2xl border border-border/45 bg-bg/20 shadow-sm";
+const CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS = "h-10 rounded-xl px-3 text-sm shadow-sm";
+const CUSTOM_ACTIONS_INPUT_CLASS = "h-10 rounded-xl border-border/60 bg-bg/55 px-3 text-sm shadow-sm";
+const HANDLER_BADGE_CLASS = {
+    http: "border border-info/25 bg-info/10 text-info",
+    shell: "border border-success/25 bg-success/10 text-success",
+    code: "border border-accent/25 bg-accent/10 text-accent",
+};
+export function CustomActionsView() {
+    const { t } = useApp();
+    const [actions, setActions] = useState([]);
+    const [search, setSearch] = useState("");
+    const [editorOpen, setEditorOpen] = useState(false);
+    const [editingAction, setEditingAction] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const loadActions = useCallback(async () => {
+        try {
+            setLoading(true);
+            const result = await client.listCustomActions();
+            setActions(result);
+        }
+        catch (error) {
+            console.error("Failed to load custom actions:", error);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        loadActions();
+    }, [loadActions]);
+    const handleCreate = useCallback(() => {
+        setEditingAction(null);
+        setEditorOpen(true);
+    }, []);
+    const handleEdit = useCallback((action) => {
+        setEditingAction(action);
+        setEditorOpen(true);
+    }, []);
+    const handleEditorClose = useCallback(() => {
+        setEditorOpen(false);
+        setEditingAction(null);
+    }, []);
+    const handleEditorSave = useCallback(async () => {
+        setEditorOpen(false);
+        setEditingAction(null);
+        await loadActions();
+    }, [loadActions]);
+    const handleToggleEnabled = useCallback(async (id, enabled) => {
+        try {
+            await client.updateCustomAction(id, { enabled });
+            setActions((prev) => prev.map((action) => action.id === id ? { ...action, enabled } : action));
+        }
+        catch (error) {
+            console.error("Failed to toggle action:", error);
+        }
+    }, []);
+    const handleDelete = useCallback(async (id, name) => {
+        const confirmed = await confirmDesktopAction({
+            title: t("customactionsview.DeleteCustomActionTitle"),
+            message: t("customactionsview.DeleteCustomActionMessage", { name }),
+            confirmLabel: t("common.delete"),
+            cancelLabel: t("common.cancel"),
+            type: "warning",
+        });
+        if (!confirmed) {
+            return;
+        }
+        try {
+            await client.deleteCustomAction(id);
+            setActions((prev) => prev.filter((action) => action.id !== id));
+        }
+        catch (error) {
+            console.error("Failed to delete action:", error);
+        }
+    }, [t]);
+    const handleImport = useCallback(async (event) => {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        try {
+            const text = await file.text();
+            const imported = JSON.parse(text);
+            const actionsToImport = Array.isArray(imported) ? imported : [imported];
+            for (const action of actionsToImport) {
+                await client.createCustomAction(action);
+            }
+            await loadActions();
+            event.target.value = "";
+        }
+        catch (error) {
+            console.error("Failed to import actions:", error);
+            await alertDesktopMessage({
+                title: t("customactionsview.ImportFailedTitle"),
+                message: t("customactionsview.ImportFailedMessage"),
+                type: "error",
+            });
+        }
+    }, [loadActions, t]);
+    const handleExport = useCallback(() => {
+        const dataStr = JSON.stringify(actions, null, 2);
+        const dataBlob = new Blob([dataStr], { type: "application/json" });
+        const url = URL.createObjectURL(dataBlob);
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = "custom-actions.json";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+    }, [actions]);
+    const filteredActions = actions.filter((action) => {
+        const searchLower = search.toLowerCase();
+        return (action.name.toLowerCase().includes(searchLower) ||
+            action.description?.toLowerCase().includes(searchLower));
+    });
+    const actionCountLabel = t(actions.length === 1
+        ? "customactionsview.ActionCountOne"
+        : "customactionsview.ActionCountOther", { count: actions.length });
+    if (loading) {
+        return (_jsx("div", { className: CUSTOM_ACTIONS_SHELL_CLASS, children: _jsx("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} flex flex-1 items-center justify-center px-6 py-16 text-sm text-muted`, children: t("customactionsview.LoadingActions") }) }));
+    }
+    const emptyState = (_jsx("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} flex flex-1 flex-col items-center justify-center px-6 py-14 text-center`, children: _jsxs("div", { className: "max-w-md space-y-3", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.CustomActions") }), _jsx("h2", { className: "text-xl font-semibold text-txt", children: search
+                        ? t("customactionsview.NoActionsMatchFiltersTitle")
+                        : t("customactionsview.EmptyTitle") }), _jsx("p", { className: "text-sm leading-relaxed text-muted", children: search
+                        ? t("customactionsview.NoActionsMatchFiltersDescription")
+                        : t("customactionsview.EmptyDescription") }), !search && (_jsx("div", { className: "pt-2", children: _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: "h-10 rounded-xl px-4 text-sm font-medium shadow-sm", children: t("customactionsview.CreateAction") }) }))] }) }));
+    return (_jsxs("div", { "data-testid": "custom-actions-view", className: CUSTOM_ACTIONS_SHELL_CLASS, children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.CustomActions") }), _jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-semibold text-txt", children: t("customactionsview.ActionRegistry") }), _jsx("p", { className: "max-w-2xl text-sm leading-relaxed text-muted", children: t("customactionsview.ActionRegistryDescription") })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-muted", children: [_jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 shadow-sm", children: actionCountLabel }), _jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-3 py-1.5 shadow-sm", children: search
+                                    ? t("customactionsview.Filtered")
+                                    : t("customactionsview.AllActions") })] })] }), _jsx("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} p-3 sm:p-4`, children: _jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between", children: [_jsxs("div", { className: "flex-1 space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.SearchAndManage") }), _jsx(Input, { type: "text", placeholder: t("customactionsview.SearchActionsByNa"), value: search, onChange: (e) => setSearch(e.target.value), className: `w-full ${CUSTOM_ACTIONS_INPUT_CLASS}` })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("label", { className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} inline-flex cursor-pointer items-center rounded-xl border border-border/60 bg-bg/35 text-muted transition-colors hover:border-border hover:bg-bg/55 hover:text-txt`, children: [t("settings.import"), _jsx("input", { type: "file", accept: "application/json", onChange: handleImport, className: "hidden" })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleExport, disabled: actions.length === 0, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} bg-bg/35 text-muted hover:bg-bg/55 disabled:opacity-50`, children: t("common.export") }), _jsx(Button, { variant: "default", size: "sm", onClick: handleCreate, className: `${CUSTOM_ACTIONS_TOOLBAR_BUTTON_CLASS} font-medium`, children: t("customactionsview.CreateAction") })] })] }) }), filteredActions.length === 0 ? (emptyState) : (_jsx("div", { className: "grid flex-1 auto-rows-fr grid-cols-1 gap-3 overflow-auto md:grid-cols-2 xl:grid-cols-3", children: filteredActions.map((action) => (_jsxs("div", { className: `${CUSTOM_ACTIONS_PANEL_CLASS} flex h-full flex-col gap-4 p-4 transition-[border-color,background-color,box-shadow] hover:border-accent/35 hover:bg-bg/30`, children: [_jsx(Button, { variant: "ghost", className: "m-0 h-auto w-full p-0 text-left", onClick: () => handleEdit(action), children: _jsxs("div", { className: "flex w-full flex-1 flex-col gap-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("customactionsview.Handler") }), _jsx("h3", { className: "flex-1 break-words text-base font-semibold text-txt", children: action.name })] }), _jsx("span", { className: `inline-flex rounded-full border px-2.5 py-1 text-xs-tight font-medium ${HANDLER_BADGE_CLASS[action.handler.type] ??
+                                                    "border-border/55 bg-bg/35 text-muted"}`, children: action.handler.type })] }), action.description ? (_jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-muted", children: action.description })) : (_jsx("p", { className: "text-sm leading-relaxed text-muted/75", children: t("customactionsview.NoDescriptionYet") })), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted", children: [_jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-2.5 py-1", children: t((action.parameters?.length || 0) === 1
+                                                    ? "customactionsview.ParameterCountOne"
+                                                    : "customactionsview.ParameterCountOther", { count: action.parameters?.length || 0 }) }), _jsx("span", { className: "rounded-full border border-border/45 bg-bg/30 px-2.5 py-1", children: action.enabled
+                                                    ? t("common.enabled")
+                                                    : t("common.disabled") })] })] }) }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-3 pt-3", children: [_jsxs("label", { className: "flex min-h-touch cursor-pointer items-center gap-2", children: [_jsx(Switch, { checked: action.enabled, onCheckedChange: (checked) => handleToggleEnabled(action.id, !!checked) }), _jsx("span", { className: "text-xs text-muted", children: t("common.enabled") })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => handleEdit(action), className: "h-9 rounded-xl px-3 text-xs bg-bg/35 text-muted hover:bg-bg/55", children: t("common.edit") }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => handleDelete(action.id, action.name), className: "h-9 rounded-xl border-danger/35 bg-danger/5 px-3 text-xs text-danger hover:border-danger hover:bg-danger/10", children: t("common.delete") })] })] })] }, action.id))) })), editorOpen && (_jsx(CustomActionEditor, { open: editorOpen, action: editingAction, onClose: handleEditorClose, onSave: handleEditorSave }))] }));
+}

package/components/custom-actions/custom-action-form.d.ts

@@ -0,0 +1,44 @@
+import type { CustomActionHandler } from "@elizaos/shared";
+export type HandlerType = "http" | "shell" | "code";
+export type HttpMethod = "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+export interface ParamDef {
+    name: string;
+    description: string;
+    required: boolean;
+}
+export interface HeaderRow {
+    key: string;
+    value: string;
+}
+export interface ParsedGeneration {
+    name: string;
+    description: string;
+    handlerType: HandlerType;
+    handler: CustomActionHandler;
+    parameters: ParamDef[];
+    similes: string[];
+    enabled: boolean;
+}
+export declare const HTTP_METHODS: readonly ["GET", "POST", "PUT", "DELETE", "PATCH"];
+export declare const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export declare const editorFieldLabelClassName = "text-xs text-muted";
+export declare const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
+export declare const editorTextareaClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none";
+export declare const editorMonoTextareaClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25 resize-none font-mono";
+export declare const editorSectionCardClassName = "flex flex-col gap-3 rounded-xl border border-border/70 bg-bg/20 p-3";
+export declare function toNonEmptyString(value: unknown): string | undefined;
+export declare function normalizeActionName(value: string): string;
+export declare function normalizeAlias(value: string): string;
+export declare function normalizeParamName(value: string): string;
+export declare function normalizeMethod(value: unknown): HttpMethod;
+export declare function parseHeaders(value: unknown): HeaderRow[];
+export declare function parseParameters(value: unknown): ParamDef[];
+export declare function parseSimiles(value: unknown): string[];
+export declare function parseGeneratedAction(payload: unknown): {
+    ok: boolean;
+    action?: ParsedGeneration;
+    errors: string[];
+};
+export declare function parseSimilesInput(value: string): string[];
+export declare function validateParameters(items: ParamDef[]): string | null;
+//# sourceMappingURL=custom-action-form.d.ts.map

package/components/custom-actions/custom-action-form.d.ts.map

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

package/components/custom-actions/custom-action-form.js

@@ -0,0 +1,237 @@
+/* ── Constants ─────────────────────────────────────────────────────── */
+export const HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
+const METHODS_SET = new Set(HTTP_METHODS);
+/* ── CSS class names ───────────────────────────────────────────────── */
+export const editorDialogContentClassName = "w-[min(calc(100%_-_2rem),48rem)] max-h-[min(90vh,56rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
+export const editorFieldLabelClassName = "text-xs text-muted";
+export const editorInputClassName = "rounded-xl border-border bg-surface text-txt placeholder:text-muted/50 focus-visible:ring-accent/25";
+export const editorTextareaClassName = `${editorInputClassName} resize-none`;
+export const editorMonoTextareaClassName = `${editorTextareaClassName} font-mono`;
+export const editorSectionCardClassName = "flex flex-col gap-3 rounded-xl border border-border/70 bg-bg/20 p-3";
+/* ── Normalization helpers ─────────────────────────────────────────── */
+export function toNonEmptyString(value) {
+    if (typeof value !== "string")
+        return undefined;
+    const normalized = value.trim();
+    return normalized.length > 0 ? normalized : undefined;
+}
+export function normalizeActionName(value) {
+    const safe = value.length > 256 ? value.slice(0, 256) : value;
+    return safe
+        .trim()
+        .toUpperCase()
+        .replace(/[^A-Z0-9_]+/g, "_")
+        .replace(/_+/g, "_")
+        .replace(/^_+|_+$/g, "");
+}
+export function normalizeAlias(value) {
+    return normalizeActionName(value);
+}
+export function normalizeParamName(value) {
+    return value
+        .trim()
+        .replace(/[^A-Za-z0-9_]+/g, "_")
+        .replace(/_+/g, "_")
+        .replace(/^_+|_+$/g, "");
+}
+export function normalizeMethod(value) {
+    const method = toNonEmptyString(value)?.toUpperCase();
+    return method && METHODS_SET.has(method) ? method : "GET";
+}
+/* ── Parsing helpers ───────────────────────────────────────────────── */
+export function parseHeaders(value) {
+    if (!value || typeof value !== "object" || Array.isArray(value)) {
+        return [];
+    }
+    return Object.entries(value).flatMap(([key, rawValue]) => {
+        const trimmedKey = normalizeParamName(key);
+        if (!trimmedKey)
+            return [];
+        if (typeof rawValue !== "string")
+            return [];
+        return [{ key: key.trim(), value: rawValue }];
+    });
+}
+export function parseParameters(value) {
+    if (!Array.isArray(value))
+        return [];
+    const seen = new Set();
+    return value
+        .map((raw) => {
+        if (!raw || typeof raw !== "object")
+            return null;
+        const candidate = raw;
+        const rawName = toNonEmptyString(candidate.name);
+        if (!rawName)
+            return null;
+        const name = normalizeParamName(rawName);
+        if (!name || seen.has(name.toLowerCase()))
+            return null;
+        seen.add(name.toLowerCase());
+        return {
+            name,
+            description: toNonEmptyString(candidate.description) || name,
+            required: candidate.required === true,
+        };
+    })
+        .filter((param) => param !== null);
+}
+export function parseSimiles(value) {
+    if (!Array.isArray(value))
+        return [];
+    const seen = new Set();
+    return value
+        .map((raw) => toNonEmptyString(raw) || "")
+        .map((simile) => normalizeAlias(simile))
+        .filter((simile) => simile.length > 0)
+        .filter((simile) => {
+        const key = simile.toLowerCase();
+        if (seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+}
+export function parseGeneratedAction(payload) {
+    if (!payload || typeof payload !== "object" || Array.isArray(payload)) {
+        return { ok: false, errors: ["Generation returned an invalid payload."] };
+    }
+    const raw = payload;
+    const name = normalizeActionName(raw.name?.toString() ?? "");
+    const description = toNonEmptyString(raw.description) ?? "";
+    if (!name) {
+        return {
+            ok: false,
+            errors: ["Generated action must include a name."],
+        };
+    }
+    const handlerSource = raw.handler;
+    if (!handlerSource ||
+        typeof handlerSource !== "object" ||
+        Array.isArray(handlerSource)) {
+        return {
+            ok: false,
+            errors: ["Generated action must include a handler block."],
+        };
+    }
+    const hTypeRaw = toNonEmptyString(raw.handlerType) ??
+        toNonEmptyString(handlerSource.type);
+    const handlerType = hTypeRaw?.toLowerCase();
+    if (handlerType !== "http" &&
+        handlerType !== "shell" &&
+        handlerType !== "code") {
+        return {
+            ok: false,
+            errors: ["Generated handler type must be http, shell, or code."],
+        };
+    }
+    const params = parseParameters(raw.parameters);
+    if (handlerType === "http") {
+        const rawHttp = handlerSource;
+        const url = toNonEmptyString(rawHttp.url);
+        if (!url) {
+            return {
+                ok: false,
+                errors: ["HTTP action requires a URL."],
+            };
+        }
+        const handler = {
+            type: "http",
+            method: normalizeMethod(rawHttp.method ?? rawHttp.methodType),
+            url,
+            headers: parseHeaders(rawHttp.headers).length
+                ? parseHeaders(rawHttp.headers).reduce((acc, item) => {
+                    if (item.key) {
+                        acc[item.key] = item.value;
+                    }
+                    return acc;
+                }, {})
+                : undefined,
+            bodyTemplate: toNonEmptyString(rawHttp.bodyTemplate),
+        };
+        return {
+            ok: true,
+            action: {
+                name,
+                description,
+                handlerType,
+                handler,
+                parameters: params,
+                similes: parseSimiles(raw.similes),
+                enabled: raw.enabled === true,
+            },
+            errors: [],
+        };
+    }
+    if (handlerType === "shell") {
+        const rawShell = handlerSource;
+        const command = toNonEmptyString(rawShell.command);
+        if (!command) {
+            return {
+                ok: false,
+                errors: ["Shell action requires a command template."],
+            };
+        }
+        return {
+            ok: true,
+            action: {
+                name,
+                description,
+                handlerType,
+                handler: {
+                    type: "shell",
+                    command,
+                },
+                parameters: params,
+                similes: parseSimiles(raw.similes),
+                enabled: raw.enabled === true,
+            },
+            errors: [],
+        };
+    }
+    const rawCode = handlerSource;
+    const code = toNonEmptyString(rawCode.code) ?? toNonEmptyString(rawCode.source);
+    if (!code) {
+        return {
+            ok: false,
+            errors: ["Code action requires a JavaScript code block."],
+        };
+    }
+    return {
+        ok: true,
+        action: {
+            name,
+            description,
+            handlerType,
+            handler: {
+                type: "code",
+                code,
+            },
+            parameters: params,
+            similes: parseSimiles(raw.similes),
+            enabled: raw.enabled === true,
+        },
+        errors: [],
+    };
+}
+export function parseSimilesInput(value) {
+    return value
+        .split(",")
+        .map((raw) => normalizeAlias(raw))
+        .filter(Boolean);
+}
+export function validateParameters(items) {
+    const seen = new Set();
+    for (const parameter of items) {
+        const normalized = normalizeParamName(parameter.name);
+        if (!normalized) {
+            return "Each parameter needs a non-empty name.";
+        }
+        if (seen.has(normalized.toLowerCase())) {
+            return `Duplicate parameter name: ${normalized}`;
+        }
+        seen.add(normalized.toLowerCase());
+        parameter.name = normalized;
+    }
+    return null;
+}

package/components/index.d.ts

@@ -0,0 +1,109 @@
+export * from "../utils/documents-upload-image";
+export * from "../utils/labels";
+export * from "../utils/trajectory-format";
+export * from "./accounts/EditableAccountLabel";
+export * from "./apps/extensions/registry";
+export * from "./apps/extensions/surface";
+export * from "./apps/extensions/types";
+export * from "./apps/GameView";
+export * from "./apps/GameViewOverlay";
+export * from "./apps/overlay-app-api";
+export * from "./apps/overlay-app-registry";
+export * from "./apps/surfaces/GameOperatorShell";
+export * from "./apps/surfaces/registry";
+export * from "./apps/surfaces/types";
+export * from "./character/CharacterEditor";
+export * from "./character/CharacterRoster";
+export * from "./character/character-greeting";
+export * from "./chat/AccountRequiredCard";
+export * from "./chat/AgentActivityBox";
+export * from "./chat/ConnectorAccountPicker";
+export * from "./chat/connector-send-as";
+export * from "./chat/MessageContent";
+export * from "./chat/SaveCommandModal";
+export * from "./chat/TasksEventsPanel";
+export * from "./chat/widgets/registry";
+export * from "./chat/widgets/shared";
+export * from "./chat/widgets/types";
+export * from "./cloud/CloudSourceControls";
+export * from "./config-ui";
+export * from "./connectors/BlueBubblesStatusPanel";
+export * from "./connectors/ConnectorAccountAuditList";
+export * from "./connectors/ConnectorAccountCard";
+export * from "./connectors/ConnectorAccountList";
+export * from "./connectors/ConnectorAccountPrivacySelector";
+export * from "./connectors/ConnectorAccountPurposeSelector";
+export * from "./connectors/ConnectorAccountSetupScope";
+export * from "./connectors/ConnectorSetupPanel";
+export * from "./connectors/DiscordLocalConnectorPanel";
+export * from "./connectors/SignalQrOverlay";
+export * from "./connectors/WhatsAppQrOverlay";
+export * from "./conversations/ConversationsSidebar";
+export * from "./conversations/conversation-utils";
+export * from "./custom-actions/CustomActionEditor";
+export * from "./custom-actions/CustomActionsPanel";
+export * from "./custom-actions/CustomActionsView";
+export * from "./pages/AppsPageView";
+export * from "./pages/AppsView";
+export * from "./pages/AutomationsChatPane";
+export * from "./pages/AutomationsFeed";
+export * from "./pages/BrowserWorkspaceView";
+export * from "./pages/ChatModalView";
+export * from "./pages/ChatView";
+export * from "./pages/ConfigPageView";
+export * from "./pages/ConnectorsPageView";
+export * from "./pages/DatabasePageView";
+export * from "./pages/DatabaseView";
+export * from "./pages/DocumentsView";
+export * from "./pages/ElizaCloudDashboard";
+export * from "./pages/HeartbeatsView";
+export * from "./pages/HomePlaceholderView";
+export * from "./pages/LogsView";
+export * from "./pages/MediaGalleryView";
+export * from "./pages/MemoryViewerView";
+export * from "./pages/PageScopedChatPane";
+export * from "./pages/PluginsPageView";
+export * from "./pages/PluginsView";
+export * from "./pages/RelationshipsView";
+export * from "./pages/ReleaseCenterView";
+export * from "./pages/RuntimeView";
+export * from "./pages/SecretsView";
+export * from "./pages/SettingsView";
+export * from "./pages/SkillsView";
+export * from "./pages/StreamView";
+export * from "./pages/TaskEditor";
+export * from "./pages/TasksPageView";
+export * from "./pages/TrajectoriesView";
+export * from "./pages/TrajectoryDetailView";
+export * from "./pages/VectorBrowserView";
+export * from "./pages/WorkflowEditor";
+export * from "./pages/workflow-graph-events";
+export * from "./settings/ApiKeyConfig";
+export * from "./settings/DesktopWorkspaceSection";
+export * from "./settings/PermissionsSection";
+export * from "./settings/PolicyControlsView";
+export * from "./settings/ProviderSwitcher";
+export * from "./settings/permission-types";
+export * from "./settings/SubscriptionStatus";
+export * from "./settings/VoiceConfigView";
+export * from "./shared/AppPageSidebar";
+export * from "./shared/confirm-delete-control";
+export * from "./shared/LanguageDropdown";
+export * from "./shared/ThemeToggle";
+export * from "./shell/BugReportModal";
+export * from "./shell/CommandPalette";
+export * from "./shell/ConnectionFailedBanner";
+export * from "./shell/ConnectionLostOverlay";
+export * from "./shell/Header";
+export * from "./shell/LoadingScreen";
+export * from "./shell/PairingView";
+export * from "./shell/RestartBanner";
+export * from "./shell/ShellOverlays";
+export * from "./shell/ShortcutsOverlay";
+export * from "./shell/StartupFailureView";
+export * from "./shell/StartupShell";
+export * from "./shell/SystemWarningBanner";
+export { ConfirmDialog as ConfirmModal, type ConfirmDialogProps as ConfirmModalProps, PromptDialog as PromptModal, type PromptDialogProps as PromptModalProps, } from "./ui/confirm-dialog";
+export { SaveFooter as ConfigSaveFooter } from "./ui/save-footer";
+export * from "./workspace/AppWorkspaceChrome";
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAGA,cAAc,iCAAiC,CAAC;AAChD,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,aAAa,CAAC;AAC5B,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AACvD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,aAAa,IAAI,YAAY,EAC7B,KAAK,kBAAkB,IAAI,iBAAiB,EAC5C,YAAY,IAAI,WAAW,EAC3B,KAAK,iBAAiB,IAAI,gBAAgB,GAC3C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAClE,cAAc,gCAAgC,CAAC"}