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

package/components/plugins/showcase-data.js

@@ -0,0 +1,461 @@
+/** Synthetic showcase plugin that demonstrates all 23 field renderers. */
+export const SHOWCASE_PLUGIN = {
+    id: "__ui-showcase__",
+    name: "UI Field Showcase",
+    description: "Interactive reference of all 23 field renderers. Not a real plugin — expand to see every UI component in action.",
+    enabled: false,
+    configured: true,
+    envKey: null,
+    category: "feature",
+    source: "bundled",
+    validationErrors: [],
+    validationWarnings: [],
+    version: "1.0.0",
+    icon: "🧩",
+    parameters: [
+        // 1. text
+        {
+            key: "DISPLAY_NAME",
+            type: "string",
+            description: "A simple single-line text input for names or short values.",
+            required: true,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 2. password
+        {
+            key: "SECRET_TOKEN",
+            type: "string",
+            description: "Masked password input with show/hide toggle and server-backed reveal.",
+            required: true,
+            sensitive: true,
+            currentValue: null,
+            isSet: false,
+        },
+        // 3. number
+        {
+            key: "SERVER_PORT",
+            type: "number",
+            description: "Numeric input with min/max range and step control.",
+            required: false,
+            sensitive: false,
+            default: "3000",
+            currentValue: null,
+            isSet: false,
+        },
+        // 4. boolean
+        {
+            key: "ENABLE_LOGGING",
+            type: "boolean",
+            description: "Toggle switch — on/off. Auto-detected from ENABLE_ prefix.",
+            required: false,
+            sensitive: false,
+            default: "true",
+            currentValue: null,
+            isSet: false,
+        },
+        // 5. url
+        {
+            key: "WEBHOOK_URL",
+            type: "string",
+            description: "URL input with format validation. Auto-detected from _URL suffix.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 6. select
+        {
+            key: "DEPLOY_REGION",
+            type: "string",
+            description: "Dropdown selector populated from hint.options. Auto-detected for region/zone keys.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 7. textarea
+        {
+            key: "SYSTEM_PROMPT",
+            type: "string",
+            description: "Multi-line text input for long values like prompts or templates. Auto-detected from _PROMPT suffix.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 8. email
+        {
+            key: "CONTACT_EMAIL",
+            type: "string",
+            description: "Email input with format validation. Renders type=email.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 9. color
+        {
+            key: "THEME_COLOR",
+            type: "string",
+            description: "Color picker with hex value text input side-by-side.",
+            required: false,
+            sensitive: false,
+            default: "#4a90d9",
+            currentValue: null,
+            isSet: false,
+        },
+        // 10. radio
+        {
+            key: "AUTH_MODE",
+            type: "string",
+            description: "Radio button group — best for 2-3 mutually exclusive options. Uses 'basic' or 'oauth'.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 11. multiselect
+        {
+            key: "ENABLED_FEATURES",
+            type: "string",
+            description: "Checkbox group for selecting multiple values from a fixed set.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 12. date
+        {
+            key: "START_DATE",
+            type: "string",
+            description: "Date picker input. Auto-detected from _DATE suffix.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 13. datetime
+        {
+            key: "SCHEDULED_AT",
+            type: "string",
+            description: "Combined date and time picker for scheduling.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 14. json
+        {
+            key: "METADATA_CONFIG",
+            type: "string",
+            description: "JSON editor with syntax validation. Shows parse errors inline.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 15. code
+        {
+            key: "RESPONSE_TEMPLATE",
+            type: "string",
+            description: "Code editor with monospaced font for templates and snippets.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 16. array
+        {
+            key: "ALLOWED_ORIGINS",
+            type: "string",
+            description: "Comma-separated list of origins with add/remove UI for each item.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 17. keyvalue
+        {
+            key: "CUSTOM_HEADERS",
+            type: "string",
+            description: "Key-value pair editor with add/remove rows.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 18. file
+        {
+            key: "CERT_FILE",
+            type: "string",
+            description: "File path input for certificates, configs, or data files.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 19. custom
+        {
+            key: "CUSTOM_COMPONENT",
+            type: "string",
+            description: "Placeholder for plugin-provided custom React components.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 20. markdown
+        {
+            key: "RELEASE_NOTES",
+            type: "string",
+            description: "Markdown editor with Edit/Preview toggle for rich text content.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 21. checkbox-group
+        {
+            key: "NOTIFICATION_CHANNELS",
+            type: "string",
+            description: "Checkbox group with per-option descriptions — similar to multiselect but with checkbox UX.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 22. group
+        {
+            key: "CONNECTION_GROUP",
+            type: "string",
+            description: "Fieldset container for visually grouping related configuration fields.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+        // 23. table
+        {
+            key: "ROUTE_TABLE",
+            type: "string",
+            description: "Tabular data editor with add/remove rows and column headers.",
+            required: false,
+            sensitive: false,
+            currentValue: null,
+            isSet: false,
+        },
+    ],
+    configUiHints: {
+        DISPLAY_NAME: {
+            label: "Display Name",
+            group: "Basic Fields",
+            width: "half",
+            help: "Renderer: text — single-line text input",
+        },
+        SECRET_TOKEN: {
+            label: "Secret Token",
+            group: "Basic Fields",
+            width: "half",
+            help: "Renderer: password — masked with show/hide toggle",
+        },
+        SERVER_PORT: {
+            label: "Server Port",
+            group: "Basic Fields",
+            width: "third",
+            min: 1,
+            max: 65535,
+            unit: "port",
+            help: "Renderer: number — with min/max range and unit label",
+        },
+        ENABLE_LOGGING: {
+            label: "Enable Logging",
+            group: "Basic Fields",
+            width: "third",
+            help: "Renderer: boolean — pill-shaped toggle switch",
+        },
+        WEBHOOK_URL: {
+            label: "Webhook URL",
+            group: "Basic Fields",
+            width: "full",
+            placeholder: "https://example.com/webhook",
+            help: "Renderer: url — URL input with format validation",
+        },
+        DEPLOY_REGION: {
+            label: "Deploy Region",
+            group: "Selection Fields",
+            width: "half",
+            type: "select",
+            options: [
+                { value: "us-east-1", label: "US East (Virginia)" },
+                { value: "us-west-2", label: "US West (Oregon)" },
+                { value: "eu-west-1", label: "EU (Ireland)" },
+                { value: "ap-southeast-1", label: "Asia Pacific (Singapore)" },
+            ],
+            help: "Renderer: select — dropdown with enhanced option labels",
+        },
+        SYSTEM_PROMPT: {
+            label: "System Prompt",
+            group: "Text Fields",
+            width: "full",
+            help: "Renderer: textarea — multi-line text input for long content",
+        },
+        CONTACT_EMAIL: {
+            label: "Contact Email",
+            group: "Text Fields",
+            width: "half",
+            type: "email",
+            placeholder: "admin@example.com",
+            help: "Renderer: email — email input with format validation",
+        },
+        THEME_COLOR: {
+            label: "Theme Color",
+            group: "Selection Fields",
+            width: "third",
+            type: "color",
+            help: "Renderer: color — color picker swatch + hex input",
+        },
+        AUTH_MODE: {
+            label: "Auth Mode",
+            group: "Selection Fields",
+            width: "half",
+            type: "radio",
+            options: [
+                {
+                    value: "basic",
+                    label: "Basic Auth",
+                    description: "Username and password",
+                },
+                {
+                    value: "oauth",
+                    label: "OAuth 2.0",
+                    description: "Token-based authentication",
+                },
+                {
+                    value: "apikey",
+                    label: "API Key",
+                    description: "Header-based API key",
+                },
+            ],
+            help: "Renderer: radio — radio button group with descriptions",
+        },
+        ENABLED_FEATURES: {
+            label: "Enabled Features",
+            group: "Selection Fields",
+            width: "full",
+            type: "multiselect",
+            options: [
+                { value: "auth", label: "Authentication" },
+                { value: "logging", label: "Logging" },
+                { value: "caching", label: "Caching" },
+                { value: "webhooks", label: "Webhooks" },
+                { value: "ratelimit", label: "Rate Limiting" },
+            ],
+            help: "Renderer: multiselect — checkbox group for multiple selections",
+        },
+        START_DATE: {
+            label: "Start Date",
+            group: "Date & Time",
+            width: "half",
+            type: "date",
+            help: "Renderer: date — native date picker",
+        },
+        SCHEDULED_AT: {
+            label: "Scheduled At",
+            group: "Date & Time",
+            width: "half",
+            type: "datetime",
+            help: "Renderer: datetime — date + time picker",
+        },
+        METADATA_CONFIG: {
+            label: "Metadata Config",
+            group: "Structured Data",
+            width: "full",
+            type: "json",
+            help: "Renderer: json — JSON editor with inline validation",
+        },
+        RESPONSE_TEMPLATE: {
+            label: "Response Template",
+            group: "Structured Data",
+            width: "full",
+            type: "code",
+            help: "Renderer: code — monospaced code editor",
+        },
+        ALLOWED_ORIGINS: {
+            label: "Allowed Origins",
+            group: "Structured Data",
+            width: "full",
+            type: "array",
+            help: "Renderer: array — add/remove items list",
+        },
+        CUSTOM_HEADERS: {
+            label: "Custom Headers",
+            group: "Structured Data",
+            width: "full",
+            type: "keyvalue",
+            help: "Renderer: keyvalue — key-value pair editor",
+        },
+        CERT_FILE: {
+            label: "Certificate File",
+            group: "File Paths",
+            width: "full",
+            type: "file",
+            help: "Renderer: file — file path input",
+        },
+        CUSTOM_COMPONENT: {
+            label: "Custom Component",
+            group: "File Paths",
+            width: "full",
+            type: "custom",
+            help: "Renderer: custom — placeholder for plugin-provided React components",
+            advanced: true,
+        },
+        RELEASE_NOTES: {
+            label: "Release Notes",
+            group: "Text Fields",
+            width: "full",
+            type: "markdown",
+            help: "Renderer: markdown — textarea with Edit/Preview toggle",
+        },
+        NOTIFICATION_CHANNELS: {
+            label: "Notification Channels",
+            group: "Selection Fields",
+            width: "full",
+            type: "checkbox-group",
+            options: [
+                {
+                    value: "email",
+                    label: "Email",
+                    description: "Send notifications via email",
+                },
+                {
+                    value: "slack",
+                    label: "Slack",
+                    description: "Post to Slack channels",
+                },
+                {
+                    value: "webhook",
+                    label: "Webhook",
+                    description: "HTTP POST to configured URL",
+                },
+                { value: "sms", label: "SMS", description: "Text message alerts" },
+            ],
+            help: "Renderer: checkbox-group — vertical checkbox list with descriptions",
+        },
+        CONNECTION_GROUP: {
+            label: "Connection Settings",
+            group: "Structured Data",
+            width: "full",
+            type: "group",
+            help: "Renderer: group — fieldset container with legend",
+        },
+        ROUTE_TABLE: {
+            label: "Route Table",
+            group: "Structured Data",
+            width: "full",
+            type: "table",
+            help: "Renderer: table — tabular data editor with add/remove rows",
+        },
+    },
+};

package/components/policy-controls/ApprovedAddressesSection.d.ts

@@ -0,0 +1,7 @@
+import type { ApprovedAddressesConfig } from "./types";
+export declare function ApprovedAddressesSection({ config, onChange, }: {
+    config: ApprovedAddressesConfig;
+    onChange: (config: ApprovedAddressesConfig) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function addressSummary(config: ApprovedAddressesConfig): string;
+//# sourceMappingURL=ApprovedAddressesSection.d.ts.map

package/components/policy-controls/ApprovedAddressesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovedAddressesSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/ApprovedAddressesSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAwB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAE7E,wBAAgB,wBAAwB,CAAC,EACvC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,uBAAuB,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACrD,2CA0KA;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,uBAAuB,GAAG,MAAM,CAItE"}

package/components/policy-controls/ApprovedAddressesSection.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from "@elizaos/ui";
+import { Plus, Trash2 } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { approvedAddressValue, chainTypeLabel, isValidAddress, } from "./helpers.js";
+export function ApprovedAddressesSection({ config, onChange, }) {
+    const [newAddress, setNewAddress] = useState("");
+    const [newLabel, setNewLabel] = useState("");
+    const [addressError, setAddressError] = useState(null);
+    const entries = useMemo(() => (config.addresses ?? []).map((addr) => {
+        if (typeof addr !== "string") {
+            return {
+                address: addr.address,
+                label: addr.label,
+            };
+        }
+        return {
+            address: addr,
+            label: config.labels?.[addr] ?? "",
+        };
+    }), [config]);
+    const handleAdd = useCallback(() => {
+        const trimmed = newAddress.trim();
+        if (!trimmed)
+            return;
+        if (!isValidAddress(trimmed)) {
+            setAddressError("Invalid address format (EVM 0x... or Solana base58)");
+            return;
+        }
+        if (config.addresses.some((entry) => approvedAddressValue(entry) === trimmed)) {
+            setAddressError("Already in list");
+            return;
+        }
+        onChange({
+            ...config,
+            addresses: [...config.addresses, trimmed],
+            labels: {
+                ...config.labels,
+                ...(newLabel.trim() ? { [trimmed]: newLabel.trim() } : {}),
+            },
+        });
+        setNewAddress("");
+        setNewLabel("");
+        setAddressError(null);
+    }, [newAddress, newLabel, config, onChange]);
+    const handleRemove = useCallback((addr) => {
+        const labels = { ...config.labels };
+        delete labels[addr];
+        onChange({
+            ...config,
+            addresses: config.addresses.filter((entry) => approvedAddressValue(entry) !== addr),
+            labels,
+        });
+    }, [config, onChange]);
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `text-xs-tight px-2 py-0.5 rounded-full font-medium ${config.mode === "whitelist"
+                            ? "bg-ok/15 text-ok"
+                            : "bg-danger/15 text-danger"}`, children: config.mode === "whitelist" ? "Allowlist" : "Blocklist" }), _jsxs(Button, { variant: "ghost", size: "sm", className: "text-xs-tight h-6 px-2", onClick: () => onChange({
+                            ...config,
+                            mode: config.mode === "whitelist" ? "blacklist" : "whitelist",
+                        }), children: ["Switch to ", config.mode === "whitelist" ? "blocklist" : "allowlist"] })] }), entries.length > 0 ? (_jsx("div", { className: "space-y-1 max-h-[180px] overflow-y-auto", children: entries.map((entry) => {
+                    const chain = chainTypeLabel(entry.address);
+                    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-bg/50 px-3 py-1.5 group", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-xs-tight font-mono text-txt truncate", children: entry.address }), chain && (_jsx("span", { className: "text-3xs text-muted bg-muted/10 px-1.5 py-0.5 rounded shrink-0", children: chain }))] }), entry.label && (_jsx("div", { className: "text-2xs text-muted", children: entry.label }))] }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100 text-danger hover:text-danger", onClick: () => handleRemove(entry.address), "aria-label": `Remove ${entry.label || entry.address}`, children: _jsx(Trash2, { className: "h-3 w-3" }) })] }, entry.address));
+                }) })) : (_jsx("div", { className: "text-xs-tight text-muted/60 py-1", children: config.mode === "whitelist"
+                    ? "No addresses — agent can't send anywhere yet."
+                    : "No addresses blocked." })), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { type: "text", placeholder: "EVM or Solana address", value: newAddress, onChange: (e) => {
+                            setNewAddress(e.target.value);
+                            setAddressError(null);
+                        }, className: "flex-1 h-8 text-xs font-mono" }), _jsx(Input, { type: "text", placeholder: "Label", value: newLabel, onChange: (e) => setNewLabel(e.target.value), className: "w-24 h-8 text-xs" }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-2.5", onClick: handleAdd, children: _jsx(Plus, { className: "h-3 w-3" }) })] }), addressError && (_jsx("div", { className: "text-xs-tight text-danger", children: addressError }))] }));
+}
+export function addressSummary(config) {
+    const count = config.addresses?.length ?? 0;
+    const mode = config.mode === "whitelist" ? "allowed" : "blocked";
+    return count === 0 ? `No addresses ${mode}` : `${count} ${mode}`;
+}

package/components/policy-controls/AutoApproveSection.d.ts

@@ -0,0 +1,7 @@
+import type { AutoApproveConfig } from "./types";
+export declare function AutoApproveSection({ config, onChange, }: {
+    config: AutoApproveConfig;
+    onChange: (config: AutoApproveConfig) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function autoApproveSummary(config: AutoApproveConfig): string;
+//# sourceMappingURL=AutoApproveSection.d.ts.map

package/components/policy-controls/AutoApproveSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoApproveSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/AutoApproveSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C,2CAqCA;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,CAEpE"}

package/components/policy-controls/AutoApproveSection.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Label } from "@elizaos/ui";
+import { ShieldCheck } from "lucide-react";
+import { parseAmount } from "./helpers.js";
+export function AutoApproveSection({ config, onChange, }) {
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: "Auto-approve below this amount (USD)" }), _jsxs("div", { className: "relative w-40", children: [_jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-xs-tight text-muted pointer-events-none", children: "$" }), _jsx(Input, { type: "text", inputMode: "decimal", value: config.threshold, onChange: (e) => {
+                                    const v = e.target.value.slice(0, 32);
+                                    if (/^(?:\d+(?:\.\d*)?|\.\d*)?$/.test(v))
+                                        onChange({ threshold: v });
+                                }, className: "h-8 text-sm pl-7 tabular-nums", placeholder: "5" })] })] }), _jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-accent/5 border border-accent/15 px-3 py-1.5", children: [_jsx(ShieldCheck, { className: "h-3.5 w-3.5 text-accent shrink-0" }), _jsxs("div", { className: "text-xs-tight text-muted", children: ["Under", " ", _jsxs("span", { className: "font-semibold text-txt", children: ["$", parseAmount(config.threshold)] }), " ", "auto-approved across all chains"] })] })] }));
+}
+export function autoApproveSummary(config) {
+    return `Under $${config.threshold}`;
+}

package/components/policy-controls/PolicyToggle.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+/**
+ * Collapsible policy card with toggle, summary in header, and expand-on-click.
+ */
+export declare function PolicyToggle({ icon: Icon, title, summary, enabled, onToggle, children, }: {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    summary?: string;
+    enabled: boolean;
+    onToggle: (enabled: boolean) => void;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PolicyToggle.d.ts.map

package/components/policy-controls/PolicyToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/PolicyToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAoDA"}

package/components/policy-controls/PolicyToggle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch } from "@elizaos/ui";
+import { useState } from "react";
+/**
+ * Collapsible policy card with toggle, summary in header, and expand-on-click.
+ */
+export function PolicyToggle({ icon: Icon, title, summary, enabled, onToggle, children, }) {
+    const [expanded, setExpanded] = useState(false);
+    return (_jsxs("div", { className: `rounded-xl border transition-all ${enabled
+            ? "border-accent/30 bg-accent/5"
+            : "border-border/50 bg-card/30 opacity-75"}`, children: [_jsxs("div", { className: "flex items-center justify-between p-3.5 gap-3", children: [_jsxs("button", { type: "button", className: "flex items-center gap-3 flex-1 min-w-0 text-left", onClick: () => enabled && setExpanded((e) => !e), children: [_jsx("div", { className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${enabled ? "bg-accent/15 text-accent" : "bg-muted/10 text-muted"}`, children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt truncate", children: title }), enabled && summary && !expanded && (_jsx("div", { className: "text-xs-tight text-muted mt-0.5 truncate", children: summary })), !enabled && (_jsx("div", { className: "text-xs-tight text-muted/60 mt-0.5", children: "Off" }))] })] }), _jsx(Switch, { checked: enabled, onCheckedChange: onToggle, "aria-label": title })] }), enabled && expanded && children && (_jsx("div", { className: "px-3.5 py-3", children: children }))] }));
+}

package/components/policy-controls/RateLimitSection.d.ts

@@ -0,0 +1,7 @@
+import type { RateLimitConfig } from "./types";
+export declare function RateLimitSection({ config, onChange, }: {
+    config: RateLimitConfig;
+    onChange: (config: RateLimitConfig) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function rateLimitSummary(config: RateLimitConfig): string;
+//# sourceMappingURL=RateLimitSection.d.ts.map

package/components/policy-controls/RateLimitSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RateLimitSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/RateLimitSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC/C,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7C,2CAuBA;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAEhE"}

package/components/policy-controls/RateLimitSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, Slider } from "@elizaos/ui";
+function LabeledSlider({ label, value, min, max, step, unit, onChange, }) {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs-tight text-muted", children: label }), _jsxs("span", { className: "text-xs font-semibold text-txt tabular-nums", children: [value, " ", unit] })] }), _jsx(Slider, { value: [value], min: min, max: max, step: step, onValueChange: ([v]) => onChange(v) })] }));
+}
+export function RateLimitSection({ config, onChange, }) {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(LabeledSlider, { label: "Per Hour", value: config.maxTxPerHour, min: 1, max: 100, step: 1, unit: "tx/hr", onChange: (v) => onChange({ ...config, maxTxPerHour: v }) }), _jsx(LabeledSlider, { label: "Per Day", value: config.maxTxPerDay, min: 1, max: 1000, step: 1, unit: "tx/day", onChange: (v) => onChange({ ...config, maxTxPerDay: v }) })] }));
+}
+export function rateLimitSummary(config) {
+    return `${config.maxTxPerHour}/hr · ${config.maxTxPerDay}/day`;
+}

package/components/policy-controls/SpendingLimitSection.d.ts

@@ -0,0 +1,7 @@
+import type { SpendingLimitConfig } from "./types";
+export declare function SpendingLimitSection({ config, onChange, }: {
+    config: SpendingLimitConfig;
+    onChange: (config: SpendingLimitConfig) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function spendingSummary(config: SpendingLimitConfig): string;
+//# sourceMappingURL=SpendingLimitSection.d.ts.map

package/components/policy-controls/SpendingLimitSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpendingLimitSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/policy-controls/SpendingLimitSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAkCnD,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACjD,2CAoBA;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAEnE"}