@elizaos/agent 2.0.0-alpha.358 → 2.0.0-alpha.376

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

@@ -0,0 +1,668 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { client } from "../../api/client";
+import { useApp } from "../../state/useApp";
+import { stripAssistantStageDirections } from "../../utils/assistant-text";
+import { ConfigRenderer, defaultRegistry } from "../config-ui/config-renderer";
+import { UiRenderer } from "../config-ui/ui-renderer";
+import { paramsToSchema } from "../pages/plugin-list-utils";
+/** Reject prototype-pollution keys that should never be traversed or rendered. */
+const BLOCKED_IDS = new Set(["__proto__", "constructor", "prototype"]);
+const SAFE_PLUGIN_ID_RE = /^[\w-]+$/;
+function createSafeRecord() {
+    return Object.create(null);
+}
+function sanitizePatchValue(value) {
+    if (Array.isArray(value)) {
+        return value.map((item) => sanitizePatchValue(item));
+    }
+    if (!value || typeof value !== "object") {
+        return value;
+    }
+    const safe = createSafeRecord();
+    for (const [key, nestedValue] of Object.entries(value)) {
+        if (BLOCKED_IDS.has(key))
+            continue;
+        safe[key] = sanitizePatchValue(nestedValue);
+    }
+    return safe;
+}
+function isSafeNormalizedPluginId(id) {
+    return !BLOCKED_IDS.has(id) && SAFE_PLUGIN_ID_RE.test(id);
+}
+// ── Detection ───────────────────────────────────────────────────────
+const CONFIG_RE = /\[CONFIG:([@\w][\w@./:-]*)\]/g;
+const FENCED_JSON_RE = /```(?:json)?\s*\n([\s\S]*?)```/g;
+/**
+ * Strip elizaOS action XML blocks (`<actions>...</actions>` and
+ * `<params>...</params>`) from displayed text. These are framework
+ * metadata, not user-facing content.
+ */
+const ACTION_XML_RE = /\s*<actions>[\s\S]*?(?:<\/actions>|$)\s*|\s*<params>[\s\S]*?(?:<\/params>|$)\s*/g;
+const HIDDEN_XML_BLOCK_RE = /<(think|analysis|reasoning|scratchpad|tool_calls?|tools?)\b[^>]*>[\s\S]*?(?:<\/\1>|$)/gi;
+function extractXmlTag(raw, tag, opts) {
+    const open = `<${tag}>`;
+    const close = `</${tag}>`;
+    const start = raw.indexOf(open);
+    if (start < 0)
+        return null;
+    const contentStart = start + open.length;
+    const end = raw.indexOf(close, contentStart);
+    if (end < 0) {
+        return opts?.allowPartial ? raw.slice(contentStart) : null;
+    }
+    return raw.slice(contentStart, end);
+}
+/**
+ * Strip partial/incomplete XML tags at the end of a streaming text chunk.
+ * During streaming, the buffer may end mid-tag (e.g. `"Hello<thi"`,
+ * `"Hello</respon"`, or just `"Hello<"`).  These fragments are not
+ * user-facing content and must be hidden from both the display and voice
+ * pipelines.
+ */
+const TRAILING_PARTIAL_TAG_RE = /<\/?[a-zA-Z][^>]*$|<\/?$/s;
+export function normalizeDisplayText(text) {
+    // Bound input length to keep the regex passes linear in adversarial cases.
+    const MAX_DISPLAY_LEN = 200_000;
+    let normalized = text.length > MAX_DISPLAY_LEN ? text.slice(0, MAX_DISPLAY_LEN) : text;
+    // Hide framework-selected actions and tool params from chat bubbles.
+    normalized = normalized.replace(ACTION_XML_RE, "");
+    normalized = normalized.replace(HIDDEN_XML_BLOCK_RE, " ");
+    // Some prompts emit structured XML wrappers like:
+    // <response><thought>...</thought><text>...</text></response>
+    // Show only the user-facing <text>, even while it is still streaming.
+    if (normalized.includes("<response>")) {
+        const wrappedText = extractXmlTag(normalized, "text", {
+            allowPartial: true,
+        });
+        if (wrappedText !== null) {
+            normalized = wrappedText;
+        }
+        else {
+            return "";
+        }
+    }
+    // Drop any leftover wrapper tags without disturbing plain text.
+    normalized = normalized.replace(/<\/?(response|text|thought)\b[^>]*>/gi, "");
+    // During streaming, a chunk may end mid-tag (e.g. "<thi", "</respon").
+    // Strip any incomplete opening or closing tag at the very end so the
+    // user never sees raw XML fragments while tokens arrive.
+    normalized = normalized.replace(TRAILING_PARTIAL_TAG_RE, "");
+    normalized = stripAssistantStageDirections(normalized);
+    return normalized.trim();
+}
+function tryParse(s) {
+    try {
+        return JSON.parse(s);
+    }
+    catch {
+        return null;
+    }
+}
+function isUiSpec(obj) {
+    if (!obj || typeof obj !== "object")
+        return false;
+    const c = obj;
+    return (typeof c.root === "string" &&
+        typeof c.elements === "object" &&
+        c.elements !== null);
+}
+// ── JSONL patch support (Chat Mode) ─────────────────────────────────
+/**
+ * Quick pre-check: does this line look like a JSON patch object?
+ * Handles both compact `{"op":` and spaced `{ "op":` formats.
+ */
+export function looksLikePatch(trimmed) {
+    if (!trimmed.startsWith("{"))
+        return false;
+    return trimmed.includes('"op"') && trimmed.includes('"path"');
+}
+/** Try to parse a single line as an RFC 6902 JSON Patch operation. */
+export function tryParsePatch(line) {
+    const t = line.trim();
+    if (!looksLikePatch(t))
+        return null;
+    try {
+        const obj = JSON.parse(t);
+        if (typeof obj.op === "string" && typeof obj.path === "string")
+            return obj;
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Apply a list of RFC 6902 patches to build a UiSpec.
+ *
+ * Only handles the paths the catalog emits:
+ *   /root              → spec.root
+ *   /elements/<id>     → spec.elements[id]
+ *   /state/<key>       → spec.state[key]
+ *   /state             → spec.state (whole object)
+ */
+export function compilePatches(patches) {
+    const spec = { elements: {}, state: createSafeRecord() };
+    for (const patch of patches) {
+        if (patch.op !== "add" && patch.op !== "replace")
+            continue;
+        const { path, value } = patch;
+        const parts = path.split("/").filter(Boolean);
+        if (parts.length === 0)
+            continue;
+        if (parts[0] === "root" && parts.length === 1) {
+            spec.root = value;
+        }
+        else if (parts[0] === "elements" && parts.length === 2) {
+            spec.elements[parts[1]] = value;
+        }
+        else if (parts[0] === "state" && parts.length === 1) {
+            const nextState = sanitizePatchValue(value);
+            spec.state =
+                nextState && typeof nextState === "object" && !Array.isArray(nextState)
+                    ? nextState
+                    : createSafeRecord();
+        }
+        else if (parts[0] === "state" && parts.length >= 2) {
+            // Nested state path: /state/key or /state/key/subkey
+            let cursor = spec.state;
+            let blockedPath = false;
+            for (let i = 1; i < parts.length - 1; i++) {
+                const k = parts[i];
+                if (BLOCKED_IDS.has(k)) {
+                    blockedPath = true;
+                    break;
+                }
+                if (!cursor[k] ||
+                    typeof cursor[k] !== "object" ||
+                    Array.isArray(cursor[k])) {
+                    cursor[k] = createSafeRecord();
+                }
+                cursor = cursor[k];
+            }
+            if (blockedPath)
+                continue;
+            const leaf = parts[parts.length - 1];
+            if (BLOCKED_IDS.has(leaf))
+                continue;
+            cursor[leaf] = sanitizePatchValue(value);
+        }
+    }
+    return isUiSpec(spec) ? spec : null;
+}
+/**
+ * Scan `text` for blocks of consecutive JSONL patch lines and return
+ * their character regions plus the compiled UiSpec.
+ *
+ * A patch block is a run of lines where each non-empty line parses as a
+ * valid PatchOp. A single empty line between patch lines is allowed.
+ */
+export function findPatchRegions(text) {
+    const results = [];
+    const lines = text.split("\n");
+    let blockStart = -1;
+    let blockEnd = 0;
+    let patches = [];
+    let rawLines = [];
+    let pos = 0;
+    const flush = () => {
+        if (patches.length >= 1) {
+            const spec = compilePatches(patches);
+            if (spec) {
+                results.push({
+                    start: blockStart,
+                    end: blockEnd,
+                    spec,
+                    raw: rawLines.join("\n"),
+                });
+            }
+        }
+        blockStart = -1;
+        patches = [];
+        rawLines = [];
+    };
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        // +1 for the newline that split() consumed (except the very last line)
+        const lineLen = line.length + (i < lines.length - 1 ? 1 : 0);
+        const trimmed = line.trim();
+        if (looksLikePatch(trimmed)) {
+            const patch = tryParsePatch(trimmed);
+            if (patch) {
+                if (blockStart === -1)
+                    blockStart = pos;
+                patches.push(patch);
+                rawLines.push(line);
+                blockEnd = pos + lineLen;
+                pos += lineLen;
+                continue;
+            }
+        }
+        // Empty line: peek ahead to see if the next non-empty line is a patch
+        if (trimmed.length === 0 && blockStart !== -1) {
+            const nextPatch = lines.slice(i + 1).find((l) => l.trim().length > 0);
+            if (nextPatch && tryParsePatch(nextPatch) !== null) {
+                // Allow the gap and keep going
+                pos += lineLen;
+                continue;
+            }
+        }
+        // Non-patch content — flush any open block
+        if (blockStart !== -1)
+            flush();
+        pos += lineLen;
+    }
+    if (blockStart !== -1)
+        flush();
+    return results;
+}
+/**
+ * Parse message text for [CONFIG:id] markers, fenced UiSpec JSON, and
+ * inline JSONL patch blocks (Chat Mode).
+ * Returns an array of segments for rendering.
+ */
+function parseSegments(text) {
+    const cleaned = normalizeDisplayText(text);
+    if (!cleaned)
+        return [{ kind: "text", text: "" }];
+    // Build a list of match regions sorted by position
+    const regions = [];
+    // 1. Find [CONFIG:pluginId] markers
+    CONFIG_RE.lastIndex = 0;
+    let m = CONFIG_RE.exec(cleaned);
+    while (m !== null) {
+        regions.push({
+            start: m.index,
+            end: m.index + m[0].length,
+            segment: { kind: "config", pluginId: m[1] },
+        });
+        m = CONFIG_RE.exec(cleaned);
+    }
+    // 2. Find fenced JSON that is a UiSpec (Generate Mode / legacy format)
+    FENCED_JSON_RE.lastIndex = 0;
+    m = FENCED_JSON_RE.exec(cleaned);
+    while (m !== null) {
+        const json = m[1].trim();
+        const parsed = tryParse(json);
+        if (parsed && isUiSpec(parsed)) {
+            regions.push({
+                start: m.index,
+                end: m.index + m[0].length,
+                segment: { kind: "ui-spec", spec: parsed, raw: json },
+            });
+        }
+        m = FENCED_JSON_RE.exec(cleaned);
+    }
+    // 3. Find inline JSONL patch blocks (Chat Mode)
+    for (const patch of findPatchRegions(cleaned)) {
+        // Skip if this region overlaps with an already-found fenced block
+        const overlaps = regions.some((r) => patch.start < r.end && patch.end > r.start);
+        if (!overlaps) {
+            regions.push({
+                start: patch.start,
+                end: patch.end,
+                segment: { kind: "ui-spec", spec: patch.spec, raw: patch.raw },
+            });
+        }
+    }
+    // No special content found — return plain text
+    if (regions.length === 0) {
+        return [{ kind: "text", text: cleaned }];
+    }
+    // Sort by start position, then interleave with text segments
+    regions.sort((a, b) => a.start - b.start);
+    const segments = [];
+    let cursor = 0;
+    for (const r of regions) {
+        // Skip overlapping regions
+        if (r.start < cursor)
+            continue;
+        // Push preceding text
+        if (r.start > cursor) {
+            const t = cleaned.slice(cursor, r.start);
+            if (t.trim())
+                segments.push({ kind: "text", text: t });
+        }
+        segments.push(r.segment);
+        cursor = r.end;
+    }
+    // Trailing text
+    if (cursor < cleaned.length) {
+        const t = cleaned.slice(cursor);
+        if (t.trim())
+            segments.push({ kind: "text", text: t });
+    }
+    return segments;
+}
+// ── InlinePluginConfig ──────────────────────────────────────────────
+/** Normalize plugin ID: strip @scope/plugin- prefix so both "discord" and "@elizaos/plugin-discord" resolve. */
+export function normalizePluginId(id) {
+    return id.replace(/^@[^/]+\/plugin-/, "");
+}
+function buildInlinePluginConfigModel(plugin, values) {
+    const pluginParams = plugin?.parameters ?? [];
+    const hasConfigurableParams = pluginParams.length > 0;
+    if (!hasConfigurableParams || !plugin?.id) {
+        return {
+            hasConfigurableParams: false,
+            hints: {},
+            mergedValues: values,
+            schema: null,
+            setKeys: new Set(),
+        };
+    }
+    const auto = paramsToSchema(pluginParams, plugin.id);
+    if (plugin.configUiHints) {
+        for (const [key, serverHint] of Object.entries(plugin.configUiHints)) {
+            auto.hints[key] = { ...auto.hints[key], ...serverHint };
+        }
+    }
+    const initialValues = {};
+    const setKeys = new Set();
+    for (const param of pluginParams) {
+        if (param.isSet) {
+            setKeys.add(param.key);
+        }
+        if (param.isSet && !param.sensitive && param.currentValue != null) {
+            initialValues[param.key] = param.currentValue;
+        }
+    }
+    for (const [key, value] of Object.entries(values)) {
+        if (value != null && value !== "") {
+            setKeys.add(key);
+        }
+    }
+    return {
+        hasConfigurableParams: true,
+        hints: auto.hints,
+        mergedValues: { ...initialValues, ...values },
+        schema: auto.schema,
+        setKeys,
+    };
+}
+function InlinePluginConfig({ pluginId: rawPluginId }) {
+    const pluginId = normalizePluginId(rawPluginId);
+    const [plugin, setPlugin] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [values, setValues] = useState({});
+    const [saving, setSaving] = useState(false);
+    const [saved, setSaved] = useState(false);
+    const [enabling, setEnabling] = useState(false);
+    const [error, setError] = useState(null);
+    const [dismissed, setDismissed] = useState(false);
+    const mountedRef = useRef(true);
+    const refreshTimerRef = useRef(null);
+    const { setActionNotice, loadPlugins, t } = useApp();
+    // Track mount state — reset to true on each mount (needed for StrictMode
+    // which unmounts/remounts and would leave the ref false otherwise).
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            if (refreshTimerRef.current)
+                clearTimeout(refreshTimerRef.current);
+        };
+    }, []);
+    // Self-contained: fetch plugin data directly from API
+    const fetchPlugin = useCallback(async () => {
+        try {
+            const { plugins } = await client.getPlugins();
+            if (!mountedRef.current)
+                return;
+            const found = plugins.find((p) => p.id === pluginId);
+            setPlugin(found ?? null);
+        }
+        catch {
+            if (mountedRef.current) {
+                setError(t("messagecontent.LoadPluginInfoFailed", {
+                    defaultValue: "Couldn't load plugin info.",
+                }));
+            }
+        }
+        finally {
+            if (mountedRef.current)
+                setLoading(false);
+        }
+    }, [pluginId, t]);
+    useEffect(() => {
+        void fetchPlugin();
+    }, [fetchPlugin]);
+    const { hasConfigurableParams, hints, mergedValues, schema, setKeys } = useMemo(() => buildInlinePluginConfigModel(plugin, values), [plugin, values]);
+    const handleChange = useCallback((key, value) => {
+        setValues((prev) => ({ ...prev, [key]: value }));
+        setSaved(false);
+        setError(null);
+    }, []);
+    const handleSave = useCallback(async () => {
+        setSaving(true);
+        setError(null);
+        try {
+            const patch = {};
+            for (const [k, v] of Object.entries(values)) {
+                if (v != null && v !== "")
+                    patch[k] = String(v);
+            }
+            await client.updatePlugin(pluginId, { config: patch });
+            if (mountedRef.current)
+                setSaved(true);
+            await fetchPlugin();
+        }
+        catch (e) {
+            if (mountedRef.current) {
+                setError(e instanceof Error
+                    ? e.message
+                    : t("messagecontent.SaveFailed", {
+                        defaultValue: "Couldn't save changes.",
+                    }));
+            }
+        }
+        finally {
+            if (mountedRef.current)
+                setSaving(false);
+        }
+    }, [pluginId, values, fetchPlugin, t]);
+    const handleToggle = useCallback(async (enable) => {
+        setEnabling(true);
+        setError(null);
+        try {
+            // Save pending config first, then toggle — same as the Plugins page
+            if (enable) {
+                const patch = {};
+                for (const [k, v] of Object.entries(values)) {
+                    if (v != null && v !== "")
+                        patch[k] = String(v);
+                }
+                if (Object.keys(patch).length > 0) {
+                    await client.updatePlugin(pluginId, { config: patch });
+                }
+            }
+            // Exact same call as the ON button in PluginsView
+            await client.updatePlugin(pluginId, { enabled: enable });
+            // Refresh shared plugin state so Plugins page shows updated status
+            await loadPlugins();
+            if (enable && mountedRef.current) {
+                const tabLabel = plugin?.category === "feature"
+                    ? t("messagecontent.FeaturesTabLabel", {
+                        defaultValue: "Plugins > Features",
+                    })
+                    : plugin?.category === "connector"
+                        ? t("messagecontent.ConnectorsTabLabel", {
+                            defaultValue: "Plugins > Connectors",
+                        })
+                        : t("messagecontent.SystemTabLabel", {
+                            defaultValue: "Plugins > System",
+                        });
+                setActionNotice(t("messagecontent.PluginEnabledNotice", {
+                    defaultValue: "{{name}} is on. Find it in {{tabLabel}}.",
+                    name: plugin?.name ?? pluginId,
+                    tabLabel,
+                }), "success", 4000);
+                setDismissed(true);
+            }
+            // Wait for agent restart then refresh (with cleanup on unmount)
+            refreshTimerRef.current = setTimeout(() => void fetchPlugin(), 3000);
+        }
+        catch (e) {
+            if (mountedRef.current) {
+                setError(e instanceof Error
+                    ? e.message
+                    : enable
+                        ? t("messagecontent.EnablePluginFailed", {
+                            defaultValue: "Couldn't enable this plugin.",
+                        })
+                        : t("messagecontent.DisablePluginFailed", {
+                            defaultValue: "Couldn't disable this plugin.",
+                        }));
+            }
+        }
+        finally {
+            if (mountedRef.current)
+                setEnabling(false);
+        }
+    }, [pluginId, plugin, values, fetchPlugin, loadPlugins, setActionNotice, t]);
+    if (dismissed) {
+        return (_jsx("div", { className: "my-2 px-3 py-2 border border-ok/30 bg-ok/5 text-xs text-ok", children: t("messagecontent.PluginEnabledInlineNotice", {
+                defaultValue: "{{name}} is enabled.",
+                name: plugin?.name ?? pluginId,
+            }) }));
+    }
+    if (loading) {
+        return (_jsx("div", { className: "my-2 px-3 py-2 border border-border bg-card text-xs text-muted italic", children: t("messagecontent.LoadingConfiguration", {
+                defaultValue: "Loading {{pluginId}} configuration...",
+                pluginId,
+            }) }));
+    }
+    if (!plugin) {
+        return (_jsx("div", { className: "my-2 px-3 py-2 border border-border bg-card text-xs text-muted italic", children: t("messagecontent.PluginNotFound", {
+                defaultValue: 'Plugin "{{pluginId}}" not found.',
+                pluginId,
+            }) }));
+    }
+    const isEnabled = plugin.enabled;
+    return (_jsxs("div", { className: "my-2 border border-border bg-card overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2 bg-bg-hover", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-bold text-txt", children: [plugin.icon ? (_jsx("span", { className: "text-sm", children: plugin.icon })) : (_jsx("span", { className: "text-sm opacity-60", children: "\u2699\uFE0F" })), _jsx("span", { children: t("messagecontent.PluginConfigurationTitle", {
+                                    defaultValue: "{{name}} Configuration",
+                                    name: plugin.name,
+                                }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [plugin.configured && (_jsx("span", { className: "text-2xs text-ok font-medium", children: t("config-field.Configured") })), _jsx("span", { className: `text-2xs font-medium ${isEnabled ? "text-ok" : "text-muted"}`, children: isEnabled
+                                    ? t("common.active", {
+                                        defaultValue: "Active",
+                                    })
+                                    : t("common.inactive", {
+                                        defaultValue: "Inactive",
+                                    }) })] })] }), schema && hasConfigurableParams ? (_jsx("div", { className: "p-3", children: _jsx(ConfigRenderer, { schema: schema, hints: hints, values: mergedValues, setKeys: setKeys, registry: defaultRegistry, pluginId: plugin.id, onChange: handleChange }) })) : (_jsx("div", { className: "px-3 py-2 text-xs text-muted italic", children: t("messagecontent.NoConfigurablePara") })), _jsxs("div", { className: "flex items-center gap-2 px-3 py-2 flex-wrap", children: [schema && hasConfigurableParams && (_jsx(Button, { variant: "default", size: "sm", className: "px-4 py-1.5 h-7 text-xs shadow-sm bg-accent text-accent-fg hover:opacity-90 disabled:opacity-40", onClick: handleSave, disabled: saving || enabling || Object.keys(values).length === 0, children: saving
+                            ? t("common.saving", {
+                                defaultValue: "Saving...",
+                            })
+                            : t("common.save") })), !isEnabled ? (_jsx(Button, { variant: "outline", size: "sm", className: "px-4 py-1.5 h-7 text-xs border-ok/50 text-ok bg-ok/5 hover:bg-ok/10 hover:text-ok disabled:opacity-40", onClick: () => void handleToggle(true), disabled: enabling || saving, children: enabling
+                            ? t("messagecontent.Enabling", {
+                                defaultValue: "Turning on...",
+                            })
+                            : t("messagecontent.EnablePlugin", {
+                                defaultValue: "Enable plugin",
+                            }) })) : (_jsx(Button, { variant: "outline", size: "sm", className: "px-4 py-1.5 h-7 text-xs text-muted hover:border-danger hover:text-danger disabled:opacity-40", onClick: () => void handleToggle(false), disabled: enabling || saving, children: enabling
+                            ? t("messagecontent.Disabling", {
+                                defaultValue: "Turning off...",
+                            })
+                            : t("common.disable", {
+                                defaultValue: "Disable",
+                            }) })), saved && _jsx("span", { className: "text-xs text-ok", children: t("common.saved") }), error && _jsx("span", { className: "text-xs text-danger", children: error })] })] }));
+}
+// ── UiSpec block ────────────────────────────────────────────────────
+function UiSpecBlock({ spec, raw }) {
+    const { t } = useApp();
+    const { sendActionMessage } = useApp();
+    const [showRaw, setShowRaw] = useState(false);
+    const handleAction = useCallback((action, params) => {
+        // Plugin actions are handled directly via the API instead of
+        // being sent back as chat messages.
+        if (action === "plugin:save" && params?.pluginId) {
+            const pluginId = String(params.pluginId);
+            const config = {};
+            // Collect all config.* state values
+            if (params) {
+                for (const [key, value] of Object.entries(params)) {
+                    if (key.startsWith("config.") &&
+                        typeof value === "string" &&
+                        value.trim()) {
+                        config[key.slice(7)] = value.trim();
+                    }
+                }
+            }
+            void client
+                .updatePlugin(pluginId, { config })
+                .then(() => sendActionMessage(`[Plugin ${pluginId} configuration saved successfully]`))
+                .catch((err) => sendActionMessage(`[Failed to save plugin config: ${err instanceof Error ? err.message : "unknown error"}]`));
+            return;
+        }
+        if (action === "plugin:enable" && params?.pluginId) {
+            void client
+                .updatePlugin(String(params.pluginId), { enabled: true })
+                .then(() => sendActionMessage(`[Plugin ${params.pluginId} enabled. Restart required.]`))
+                .catch(() => sendActionMessage(`[Failed to enable plugin]`));
+            return;
+        }
+        if (action === "plugin:test" && params?.pluginId) {
+            void sendActionMessage(`[Testing ${params.pluginId} connection...]`);
+            return;
+        }
+        if (action === "plugin:configure" && params?.pluginId) {
+            void sendActionMessage(`Please show me the configuration form for the ${params.pluginId} plugin`);
+            return;
+        }
+        const paramsStr = params ? ` ${JSON.stringify(params)}` : "";
+        void sendActionMessage(`[action:${action}]${paramsStr}`);
+    }, [sendActionMessage]);
+    return (_jsxs("div", { className: "my-2 border border-border overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 bg-bg-hover", children: [_jsx("span", { className: "text-2xs font-semibold text-muted uppercase tracking-wider", children: t("messagecontent.InteractiveUI") }), _jsx(Button, { variant: "link", size: "sm", className: "h-auto p-0 text-2xs text-txt hover:underline decoration-accent/50 underline-offset-2", onClick: () => setShowRaw((v) => !v), children: showRaw
+                            ? t("messagecontent.HideJson", {
+                                defaultValue: "Hide JSON",
+                            })
+                            : t("messagecontent.ViewJson", {
+                                defaultValue: "View JSON",
+                            }) })] }), showRaw && (_jsx("div", { className: "px-3 py-2 bg-card overflow-x-auto", children: _jsx("pre", { className: "text-2xs text-muted font-mono whitespace-pre-wrap break-words m-0", children: raw }) })), _jsx("div", { className: "p-3", children: _jsx(UiRenderer, { spec: spec, onAction: handleAction }) })] }));
+}
+// ── Main component ──────────────────────────────────────────────────
+export function MessageContent({ message }) {
+    // Parse segments — memoize to avoid re-parsing on every render
+    const segments = useMemo(() => {
+        try {
+            return parseSegments(message.text);
+        }
+        catch {
+            // If parsing fails, just show plain text
+            return [{ kind: "text", text: message.text }];
+        }
+    }, [message.text]);
+    // Fast path: single plain-text segment (most messages)
+    if (segments.length === 1 && segments[0].kind === "text") {
+        return _jsx("div", { className: "whitespace-pre-wrap", children: segments[0].text });
+    }
+    return (_jsx("div", { children: (() => {
+            const keyCounts = new Map();
+            const nextKey = (base) => {
+                const nextCount = (keyCounts.get(base) ?? 0) + 1;
+                keyCounts.set(base, nextCount);
+                return `${base}:${nextCount}`;
+            };
+            return segments.map((seg) => {
+                const baseKey = seg.kind === "text"
+                    ? `text:${seg.text.slice(0, 80)}`
+                    : seg.kind === "config"
+                        ? `config:${seg.pluginId}`
+                        : `ui:${seg.raw.slice(0, 80)}`;
+                const segmentKey = nextKey(baseKey);
+                switch (seg.kind) {
+                    case "text":
+                        return (_jsx("div", { className: "whitespace-pre-wrap", children: seg.text }, segmentKey));
+                    case "config":
+                        if (!isSafeNormalizedPluginId(normalizePluginId(seg.pluginId))) {
+                            return null;
+                        }
+                        return (_jsx(InlinePluginConfig, { pluginId: seg.pluginId }, segmentKey));
+                    case "ui-spec":
+                        return (_jsx(UiSpecBlock, { spec: seg.spec, raw: seg.raw }, segmentKey));
+                    default:
+                        return null;
+                }
+            });
+        })() }));
+}

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

@@ -0,0 +1,9 @@
+interface SaveCommandModalProps {
+    open: boolean;
+    text: string;
+    onSave: (name: string) => void;
+    onClose: () => void;
+}
+export declare function SaveCommandModal({ open, text, onSave, onClose, }: SaveCommandModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SaveCommandModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SaveCommandModal.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/chat/SaveCommandModal.tsx"],"names":[],"mappings":"AAaA,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE,qBAAqB,2CAiIvB"}