@elizaos/ui 2.0.3-beta.2 → 2.0.3-beta.4

package/components/chat/SaveCommandModal.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 import { Button } from "../ui/button.js";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../ui/dialog.js";
 import { Input } from "../ui/input.js";
 const NAME_PATTERN = /^[a-zA-Z][a-zA-Z0-9-]*$/;
 export function SaveCommandModal({ open, text, onSave, onClose, }) {
-    const { t } = useApp();
+    const t = useAppSelector((s) => s.t);
     const [name, setName] = useState("");
     const [error, setError] = useState("");
     const inputRef = useRef(null);

package/components/chat/TasksEventsPanel.d.ts

@@ -11,7 +11,7 @@
  * Renders the `chat-sidebar` widget slot via the plugin widget system,
  * filtered through `useChatSidebarVisibility` so user overrides apply.
  */
-import type { ActivityEvent } from "../../hooks/useActivityEvents";
+import type { ActivityEvent } from "../../hooks/useActivityEvents.js";
 interface TasksEventsPanelProps {
     open: boolean;
     /** Activity events from the parent — kept alive even when the panel unmounts. */

package/components/chat/TasksEventsPanel.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { PanelRightClose, PanelRightOpen, Pencil } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
-import { useApp } from "../../state/index.js";
+import { useAppSelector } from "../../state/index.js";
 // Direct sub-path import for WidgetHost to avoid the widgets/index.ts ↔
 // WidgetHost.tsx chunk-level cycle. The barrel still works fine for
 // resolveWidgetsForSlot — only WidgetHost participates in the cycle.
@@ -26,7 +26,7 @@ import { AppsSection } from "./AppsSection.js";
 import { WidgetVisibilityEditor, } from "./WidgetVisibilityPanel.js";
 import { buildAppsSectionVisibilityCandidate } from "./WidgetVisibilityPanel.helpers.js";
 export function TasksEventsPanel({ open, events, clearEvents, mobile = false, collapsed = false, onToggleCollapsed, }) {
-    const { plugins } = useApp();
+    const plugins = useAppSelector((s) => s.plugins);
     const visibility = useChatSidebarVisibility();
     const [editOpen, setEditOpen] = useState(false);
     const WIDGETS_WIDTH_KEY = "eliza:chat:widgets-bar:width";

package/components/chat/TranscriptViewerOverlay.d.ts

@@ -0,0 +1,32 @@
+import type { TranscriptSegment } from "@elizaos/shared/transcripts";
+import * as React from "react";
+import type { MessageAttachment } from "../../api/index.js";
+/** Prepend the durable transcript-id marker to transcript markdown. */
+export declare function withTranscriptMarker(id: string, text: string): string;
+/**
+ * Maximized, editable transcript viewer. Opened by tapping a transcript chat
+ * attachment ({@link MessageAttachments}). Loads the rich stored record when the
+ * attachment carries a `transcriptId` (falling back to the attachment's inline
+ * markdown text), lets the user edit the text, and offers: undo (restore the
+ * loaded text), copy, share, save-to-files (download `.md`), cancel (discard +
+ * close), and save-and-exit (persist the edit to the stored record + close).
+ *
+ * Rendered as a full-screen portal above the chat overlay (mirrors the image
+ * lightbox in {@link MessageAttachments}). Brand-compliant: neutral controls on
+ * a dark surface, accent only on the primary save action.
+ */
+export interface TranscriptViewerOverlayProps {
+    attachment: MessageAttachment;
+    onClose: () => void;
+}
+/**
+ * Rebuild segments from the edited plain text. When the edited line count
+ * matches the original segments, each original segment keeps its timing +
+ * words and only its text is replaced (the common "fix a typo" case). When the
+ * structure changed, fall back to one segment per line (timing spread across
+ * the original duration, no per-word timing — already frequently empty for the
+ * on-device ASR). Lines are `Speaker: text` when the original had a label.
+ */
+export declare function segmentsFromEditedText(text: string, original: TranscriptSegment[]): TranscriptSegment[];
+export declare function TranscriptViewerOverlay({ attachment, onClose, }: TranscriptViewerOverlayProps): React.JSX.Element | null;
+//# sourceMappingURL=TranscriptViewerOverlay.d.ts.map

package/components/chat/TranscriptViewerOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscriptViewerOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/TranscriptViewerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAcrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AA4BnD,uEAAuE;AACvE,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAErE;AAYD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,iBAAiB,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA8CD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,iBAAiB,EAAE,GAC5B,iBAAiB,EAAE,CA0CrB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,OAAO,GACR,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAibzD"}

package/components/chat/TranscriptViewerOverlay.js

@@ -0,0 +1,329 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { transcriptPlainText } from "@elizaos/shared/transcripts";
+import { Check, Copy, Download, FileAudio, Headphones, Pencil, Share2, Trash2, Undo2, X, } from "lucide-react";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { client } from "../../api/index.js";
+import { navigateBrowserPath } from "../../app-navigate-view.js";
+import { Z_SHELL_OVERLAY } from "../../lib/floating-layers.js";
+import { cn } from "../../lib/utils.js";
+import { resolveApiUrl } from "../../utils/asset-url.js";
+import { Button } from "../ui/button.js";
+import { Spinner } from "../ui/spinner.js";
+import { Textarea } from "../ui/textarea.js";
+const ABSOLUTE_URL = /^(?:https?:|data:|blob:|[a-z][a-z0-9+.-]*:\/\/)/i;
+/** Resolve an attachment URL for fetch (absolute pass-through; `/api/…` joined). */
+function resolveUrl(url) {
+    const trimmed = url.trim();
+    if (!trimmed || ABSOLUTE_URL.test(trimmed))
+        return trimmed;
+    return trimmed.startsWith("/") ? resolveApiUrl(trimmed) : trimmed;
+}
+/**
+ * A durable link from the chat attachment back to the stored transcript record.
+ * The client-only `transcriptId` field is dropped when the server re-serves the
+ * attachment after a turn, so the record id is also embedded as a leading HTML
+ * comment in the transcript markdown — which round-trips through the server in
+ * the attachment's extracted `text`. The viewer strips it for display.
+ */
+const TRANSCRIPT_MARKER = /^<!--\s*eliza:transcript:([0-9a-f-]{36})\s*-->\n?/i;
+/** Prepend the durable transcript-id marker to transcript markdown. */
+export function withTranscriptMarker(id, text) {
+    return `<!-- eliza:transcript:${id} -->\n${text}`;
+}
+/** Split a transcript-id marker (if any) off the front of the text. */
+function splitTranscriptMarker(text) {
+    const m = TRANSCRIPT_MARKER.exec(text);
+    if (!m)
+        return { text };
+    return { transcriptId: m[1], text: text.slice(m[0].length) };
+}
+/**
+ * Pull the readable transcript text out of a not-yet-loaded attachment, with
+ * the durable id marker (if present) split off. Prefers the server-extracted
+ * `text`; falls back to decoding the `data:`/served URL.
+ */
+async function readInlineText(att) {
+    if (att.text?.trim())
+        return splitTranscriptMarker(att.text);
+    const src = resolveUrl(att.url);
+    if (src.startsWith("data:")) {
+        const comma = src.indexOf(",");
+        const payload = comma >= 0 ? src.slice(comma + 1) : "";
+        try {
+            // data: URLs for text are base64 in our pipeline; decode best-effort.
+            const raw = src.includes(";base64,")
+                ? atob(payload)
+                : decodeURIComponent(payload);
+            return splitTranscriptMarker(raw);
+        }
+        catch {
+            return { text: "" };
+        }
+    }
+    try {
+        const res = await fetch(src);
+        if (res.ok)
+            return splitTranscriptMarker(await res.text());
+    }
+    catch {
+        // fall through to empty
+    }
+    return { text: "" };
+}
+/**
+ * Rebuild segments from the edited plain text. When the edited line count
+ * matches the original segments, each original segment keeps its timing +
+ * words and only its text is replaced (the common "fix a typo" case). When the
+ * structure changed, fall back to one segment per line (timing spread across
+ * the original duration, no per-word timing — already frequently empty for the
+ * on-device ASR). Lines are `Speaker: text` when the original had a label.
+ */
+export function segmentsFromEditedText(text, original) {
+    const lines = text
+        .split("\n")
+        .map((l) => l.trim())
+        .filter((l) => l.length > 0);
+    if (lines.length === 0)
+        return [];
+    const parse = (line, label) => {
+        if (label) {
+            const prefix = `${label}:`;
+            if (line.toLowerCase().startsWith(prefix.toLowerCase())) {
+                return line.slice(prefix.length).trim();
+            }
+        }
+        const colon = line.indexOf(": ");
+        return colon > 0 && colon <= 40 ? line.slice(colon + 2).trim() : line;
+    };
+    if (lines.length === original.length) {
+        return original.map((seg, i) => ({
+            ...seg,
+            text: parse(lines[i], seg.speakerLabel),
+            words: [],
+        }));
+    }
+    const totalMs = original.length > 0
+        ? (original.at(-1)?.endMs ?? lines.length * 1000)
+        : lines.length * 1000;
+    const per = totalMs / lines.length;
+    return lines.map((line, i) => {
+        const labelMatch = /^([^:]{1,40}):\s+(.*)$/.exec(line);
+        return {
+            id: `seg-${i}-${Math.round(per * i)}`,
+            speakerLabel: labelMatch ? labelMatch[1].trim() : undefined,
+            text: labelMatch ? labelMatch[2].trim() : line,
+            startMs: Math.round(per * i),
+            endMs: Math.round(per * (i + 1)),
+            words: [],
+        };
+    });
+}
+export function TranscriptViewerOverlay({ attachment, onClose, }) {
+    const [load, setLoad] = React.useState({ status: "loading" });
+    const [pristine, setPristine] = React.useState("");
+    const [value, setValue] = React.useState("");
+    const [editing, setEditing] = React.useState(false);
+    const [saving, setSaving] = React.useState(false);
+    const [copied, setCopied] = React.useState(false);
+    const [confirmDelete, setConfirmDelete] = React.useState(false);
+    const [saveError, setSaveError] = React.useState(null);
+    const audioUrl = load.status === "ready" && load.audioUrl ? resolveUrl(load.audioUrl) : null;
+    const dirty = value !== pristine;
+    const title = load.status === "ready"
+        ? load.title
+        : attachment.title?.trim() || "Transcript";
+    // Load the rich record (or the inline text) once.
+    React.useEffect(() => {
+        let live = true;
+        void (async () => {
+            const inline = await readInlineText(attachment);
+            const id = attachment.transcriptId ?? inline.transcriptId;
+            if (id) {
+                try {
+                    const { transcript } = await client.getTranscript(id);
+                    if (!live)
+                        return;
+                    const text = transcriptPlainText(transcript.segments);
+                    setLoad({
+                        status: "ready",
+                        title: transcript.title,
+                        segments: transcript.segments,
+                        transcriptId: id,
+                        audioUrl: transcript.audioUrl ?? null,
+                    });
+                    setPristine(text);
+                    setValue(text);
+                    return;
+                }
+                catch {
+                    // record gone/unreachable — fall back to the inline text.
+                }
+            }
+            if (!live)
+                return;
+            setLoad({
+                status: "ready",
+                title: attachment.title?.trim() || "Transcript",
+                segments: null,
+                transcriptId: id ?? null,
+                audioUrl: null,
+            });
+            setPristine(inline.text);
+            setValue(inline.text);
+        })();
+        return () => {
+            live = false;
+        };
+    }, [attachment]);
+    // Escape closes (cancel/discard).
+    React.useEffect(() => {
+        const onKey = (e) => {
+            if (e.key === "Escape")
+                onClose();
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [onClose]);
+    const handleCopy = React.useCallback(async () => {
+        try {
+            await navigator.clipboard?.writeText(value);
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            // clipboard blocked (insecure context) — no-op; share/save remain.
+        }
+    }, [value]);
+    const handleShare = React.useCallback(async () => {
+        const nav = navigator;
+        if (nav.share) {
+            try {
+                await nav.share({ title, text: value });
+                return;
+            }
+            catch (err) {
+                // User-cancelled share is not an error; anything else falls to copy.
+                if (err instanceof DOMException && err.name === "AbortError")
+                    return;
+            }
+        }
+        await handleCopy();
+    }, [title, value, handleCopy]);
+    const handleSaveToFiles = React.useCallback(() => {
+        const safe = title.replace(/[^\w.-]+/g, "_").slice(0, 80) || "transcript";
+        const blob = new Blob([value], { type: "text/markdown" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = `${safe}.md`;
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+        URL.revokeObjectURL(url);
+    }, [title, value]);
+    const audioFileName = `${title.replace(/[^\w.-]+/g, "_").slice(0, 80) || "transcript"}.wav`;
+    const handleDownloadAudio = React.useCallback(() => {
+        if (!audioUrl)
+            return;
+        const a = document.createElement("a");
+        a.href = audioUrl;
+        a.download = audioFileName;
+        a.rel = "noreferrer";
+        document.body.appendChild(a);
+        a.click();
+        a.remove();
+    }, [audioUrl, audioFileName]);
+    const handleShareAudio = React.useCallback(async () => {
+        if (!audioUrl)
+            return;
+        const nav = navigator;
+        // Prefer sharing the actual audio file where the platform supports it.
+        try {
+            if (nav.share && nav.canShare) {
+                const res = await fetch(audioUrl);
+                if (res.ok) {
+                    const file = new File([await res.blob()], audioFileName, {
+                        type: "audio/wav",
+                    });
+                    if (nav.canShare({ files: [file] })) {
+                        await nav.share({ title, files: [file] });
+                        return;
+                    }
+                }
+            }
+        }
+        catch (err) {
+            if (err instanceof DOMException && err.name === "AbortError")
+                return;
+        }
+        // Fall back to sharing the URL, then to downloading it.
+        try {
+            if (nav.share) {
+                await nav.share({ title, url: audioUrl });
+                return;
+            }
+        }
+        catch (err) {
+            if (err instanceof DOMException && err.name === "AbortError")
+                return;
+        }
+        handleDownloadAudio();
+    }, [audioUrl, audioFileName, title, handleDownloadAudio]);
+    const handleOpenInTranscripts = React.useCallback(() => {
+        // The Transcripts view plays the audio (word-synced) — land there to listen.
+        navigateBrowserPath("/apps/transcripts");
+        onClose();
+    }, [onClose]);
+    const resolvedId = load.status === "ready" ? load.transcriptId : null;
+    const handleDelete = React.useCallback(async () => {
+        if (!confirmDelete) {
+            setConfirmDelete(true);
+            window.setTimeout(() => setConfirmDelete(false), 4000);
+            return;
+        }
+        if (resolvedId) {
+            try {
+                await client.deleteTranscript(resolvedId);
+            }
+            catch (err) {
+                setSaveError(err instanceof Error ? err.message : "Couldn't delete");
+                return;
+            }
+        }
+        onClose();
+    }, [confirmDelete, resolvedId, onClose]);
+    const handleSaveAndExit = React.useCallback(async () => {
+        if (!dirty) {
+            onClose();
+            return;
+        }
+        if (!resolvedId || load.status !== "ready") {
+            // No stored record to persist to — keep the edit out of the void by
+            // downloading it, then close.
+            handleSaveToFiles();
+            onClose();
+            return;
+        }
+        setSaving(true);
+        setSaveError(null);
+        try {
+            const segments = segmentsFromEditedText(value, load.segments ?? []);
+            await client.updateTranscript(resolvedId, { segments });
+            onClose();
+        }
+        catch (err) {
+            setSaveError(err instanceof Error ? err.message : "Couldn't save");
+            setSaving(false);
+        }
+    }, [dirty, resolvedId, load, value, onClose, handleSaveToFiles]);
+    if (typeof document === "undefined")
+        return null;
+    const canPersist = !!resolvedId;
+    return createPortal(_jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": `Transcript: ${title}`, "data-testid": "transcript-viewer", className: "fixed inset-0 flex items-center justify-center p-4 sm:p-6", style: {
+            zIndex: Z_SHELL_OVERLAY + 10,
+            paddingTop: "calc(var(--safe-area-top, 0px) + 1rem)",
+        }, children: [_jsx("button", { type: "button", "aria-label": "Close transcript", onClick: onClose, className: "absolute inset-0 cursor-default bg-black/85" }), _jsxs("div", { className: cn("relative flex max-h-full w-full max-w-2xl flex-col overflow-hidden", "rounded-2xl border border-white/15 bg-[rgb(22,22,28)] text-white"), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-white/10 px-4 py-3", children: [_jsx("h2", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: title }), _jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "inline-flex h-7 w-7 items-center justify-center rounded-full bg-white/10 text-white/80 transition-colors hover:bg-white/20", children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "min-h-0 flex-1 overflow-auto p-4", children: [audioUrl ? (_jsxs("div", { className: "mb-3 space-y-1.5", children: [_jsx("audio", { src: audioUrl, controls: true, preload: "metadata", "data-testid": "transcript-audio", className: "w-full", children: _jsx("track", { kind: "captions" }) }), _jsxs("div", { className: "flex items-center gap-1 text-xs text-white/50", children: [_jsx(FileAudio, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), _jsx("span", { className: "mr-1", children: "Recording" }), _jsx("button", { type: "button", onClick: handleDownloadAudio, "data-testid": "transcript-save-audio", className: "rounded px-1.5 py-0.5 text-white/70 transition-colors hover:bg-white/10 hover:text-white", children: "Download" }), _jsx("button", { type: "button", onClick: () => void handleShareAudio(), "data-testid": "transcript-share-audio", className: "rounded px-1.5 py-0.5 text-white/70 transition-colors hover:bg-white/10 hover:text-white", children: "Share" })] })] })) : null, load.status === "loading" ? (_jsxs("div", { className: "flex items-center gap-2 py-8 text-sm text-white/60", children: [_jsx(Spinner, { size: 16 }), " Loading transcript\u2026"] })) : editing ? (_jsx(Textarea, { value: value, onChange: (e) => setValue(e.target.value), "aria-label": "Edit transcript", "data-testid": "transcript-editor", className: "min-h-[40vh] w-full resize-none border-white/15 bg-black/30 text-[13px] leading-relaxed text-white", autoFocus: true })) : (_jsx("pre", { "data-testid": "transcript-text", className: "whitespace-pre-wrap break-words font-sans text-[13px] leading-relaxed text-white/90", children: value || "(empty transcript)" })), saveError ? (_jsx("p", { className: "mt-2 text-xs text-[color:var(--danger,#f87171)]", "data-testid": "transcript-save-error", children: saveError })) : null] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-white/10 px-4 py-3", children: [!editing ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setEditing(true), "data-testid": "transcript-edit", className: "text-white/85 hover:bg-white/10", children: [_jsx(Pencil, { className: "mr-1.5 h-4 w-4" }), " Edit"] })) : (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setValue(pristine), disabled: !dirty, "data-testid": "transcript-undo", className: "text-white/85 hover:bg-white/10", children: [_jsx(Undo2, { className: "mr-1.5 h-4 w-4" }), " Undo"] })), _jsxs(Button, { variant: "ghost", size: "sm", onClick: handleCopy, "data-testid": "transcript-copy", className: "text-white/85 hover:bg-white/10", children: [copied ? (_jsx(Check, { className: "mr-1.5 h-4 w-4 text-[color:var(--ok)]" })) : (_jsx(Copy, { className: "mr-1.5 h-4 w-4" })), copied ? "Copied" : "Copy"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: handleShare, "data-testid": "transcript-share", className: "text-white/85 hover:bg-white/10", children: [_jsx(Share2, { className: "mr-1.5 h-4 w-4" }), " Share"] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: handleSaveToFiles, "data-testid": "transcript-save-to-files", className: "text-white/85 hover:bg-white/10", children: [_jsx(Download, { className: "mr-1.5 h-4 w-4" }), " Download"] }), resolvedId || audioUrl ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: handleOpenInTranscripts, "data-testid": "transcript-open-in-transcripts", className: "text-white/85 hover:bg-white/10", children: [_jsx(Headphones, { className: "mr-1.5 h-4 w-4" }), " Open in Transcripts"] })) : null, resolvedId ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void handleDelete(), "data-testid": "transcript-delete", className: cn("hover:bg-[color:var(--danger,#f87171)]/15", confirmDelete
+                                    ? "text-[color:var(--danger,#f87171)]"
+                                    : "text-white/70"), children: [_jsx(Trash2, { className: "mr-1.5 h-4 w-4" }), confirmDelete ? "Confirm delete" : "Delete"] })) : null, _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, "data-testid": "transcript-cancel", className: "text-white/70 hover:bg-white/10", children: "Cancel" }), _jsx(Button, { variant: "default", size: "sm", onClick: () => void handleSaveAndExit(), disabled: saving || (editing && !dirty && canPersist), "data-testid": "transcript-save-exit", children: saving ? "Saving…" : "Save & exit" })] })] })] })] }), document.body);
+}

package/components/chat/WidgetVisibilityPanel.d.ts

@@ -7,8 +7,8 @@
  * entirely so future default changes still propagate.
  */
 import type { ReactNode } from "react";
-import type { ChatSidebarVisibilityHook } from "../../widgets/useChatSidebarVisibility";
-import type { VisibilityCandidate } from "../../widgets/visibility";
+import type { WidgetVisibilityHook } from "../../widgets/useChatSidebarVisibility.js";
+import type { VisibilityCandidate } from "../../widgets/visibility.js";
 export interface WidgetVisibilityCandidate extends VisibilityCandidate {
     /** Display label shown next to the toggle. */
     label: string;
@@ -17,7 +17,7 @@ export interface WidgetVisibilityCandidate extends VisibilityCandidate {
 }
 export interface WidgetVisibilityEditorProps {
     candidates: readonly WidgetVisibilityCandidate[];
-    visibility: ChatSidebarVisibilityHook;
+    visibility: WidgetVisibilityHook;
     onClose: () => void;
 }
 export declare function WidgetVisibilityEditor({ candidates, visibility, onClose, }: WidgetVisibilityEditorProps): import("react/jsx-runtime").JSX.Element;

package/components/chat/WidgetVisibilityPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetVisibilityPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/WidgetVisibilityPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIpE,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,SAAS,yBAAyB,EAAE,CAAC;IACjD,UAAU,EAAE,yBAAyB,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,UAAU,EACV,OAAO,GACR,EAAE,2BAA2B,2CA8E7B"}
+{"version":3,"file":"WidgetVisibilityPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/WidgetVisibilityPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIpE,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IACpE,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,SAAS,yBAAyB,EAAE,CAAC;IACjD,UAAU,EAAE,oBAAoB,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,UAAU,EACV,OAAO,GACR,EAAE,2BAA2B,2CA8E7B"}

package/components/chat/WidgetVisibilityPanel.helpers.d.ts

@@ -1,3 +1,3 @@
-import type { WidgetVisibilityCandidate } from "./WidgetVisibilityPanel";
+import type { WidgetVisibilityCandidate } from "./WidgetVisibilityPanel.js";
 export declare function buildAppsSectionVisibilityCandidate(): WidgetVisibilityCandidate;
 //# sourceMappingURL=WidgetVisibilityPanel.helpers.d.ts.map

package/components/chat/connector-send-as.d.ts

@@ -1,4 +1,4 @@
-import type { ConnectorAccountRecord } from "../../api/client-agent";
+import type { ConnectorAccountRecord } from "../../api/client-agent.js";
 export declare const CONNECTOR_SEND_AS_METADATA_KEY = "connectorSendAs";
 export interface ConnectorSendAsContext {
     provider: string;

package/components/chat/message-choice-parser.d.ts

@@ -4,7 +4,7 @@
  * exercise the regex/option extraction without pulling the entire
  * `MessageContent` React graph (which transitively imports the runtime).
  */
-import type { ChoiceOption } from "./widgets/ChoiceWidget";
+import type { ChoiceOption } from "./widgets/ChoiceWidget.js";
 export declare const CHOICE_RE: RegExp;
 export declare function generateChoiceId(): string;
 export declare function parseChoiceBody(body: string): ChoiceOption[];

package/components/chat/message-choice-parser.d.ts.map

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

package/components/chat/message-choice-parser.js

@@ -6,7 +6,7 @@
  */
 // Header attributes (`id=…`, `allow_custom`) are captured as a single string in
 // group 2 and parsed below, so they can appear in any order.
-export const CHOICE_RE = /\[CHOICE:([\w-]+)([^\]]*)\]\n([\s\S]*?)\n\[\/CHOICE\]/g;
+export const CHOICE_RE = /\[CHOICE:([\w-]+)(?:\s+([^\]]*))?\]\n([\s\S]*?)\n\[\/CHOICE\]/g;
 export function generateChoiceId() {
     if (typeof crypto !== "undefined" &&
         typeof crypto.randomUUID === "function") {

package/components/chat/message-parser-helpers.d.ts

@@ -0,0 +1,139 @@
+import type { ConversationMessage } from "../../api/client-types-chat.js";
+import type { PluginInfo } from "../../api/client-types-config.js";
+import type { JsonSchemaObject } from "../../config/config-catalog.js";
+import type { PatchOp, UiSpec } from "../../config/ui-spec.js";
+import type { ConfigUiHint } from "../../types/index.js";
+import { type PermissionCardPayload } from "../composites/chat/permission-card.helpers.js";
+/** Reject prototype-pollution keys that should never be traversed or rendered. */
+export declare const BLOCKED_IDS: Set<string>;
+export declare const SAFE_PLUGIN_ID_RE: RegExp;
+export declare function createSafeRecord(): Record<string, unknown>;
+export declare function sanitizePatchValue(value: unknown): unknown;
+export declare function isSafeNormalizedPluginId(id: string): boolean;
+export type Segment = {
+    kind: "text";
+    text: string;
+} | {
+    kind: "config";
+    pluginId: string;
+} | {
+    kind: "ui-spec";
+    spec: UiSpec;
+    raw: string;
+} | {
+    kind: "code";
+    code: string;
+    lang?: string;
+    inline: boolean;
+} | {
+    kind: "widget";
+    widgetKind: string;
+    data: unknown;
+} | {
+    kind: "permission";
+    payload: PermissionCardPayload;
+} | {
+    kind: "analysis-xml";
+    tag: string;
+    content: string;
+};
+export declare const CONFIG_RE: RegExp;
+export declare const FENCED_JSON_RE: RegExp;
+/**
+ * Any fenced code block ```` ```lang\n…``` ````. Captures the (optional)
+ * language tag and the body. Detected after the UiSpec/patch passes so a fenced
+ * UiSpec JSON is rendered as an interactive widget, not raw code; overlapping
+ * regions are dropped before this pass claims them.
+ */
+export declare const FENCED_CODE_RE: RegExp;
+/**
+ * Inline `code` spans inside otherwise plain prose. Backticked runs that contain
+ * a newline are excluded (those are fenced blocks, handled above), and the body
+ * must be non-empty so a stray pair of backticks isn't lifted out.
+ */
+export declare const INLINE_CODE_RE: RegExp;
+export declare const HIDDEN_TAG_BLOCK_RE: RegExp;
+/**
+ * Strip trailing partial hidden 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.
+ */
+export declare const TRAILING_PARTIAL_TAG_RE: RegExp;
+export declare function normalizeDisplayText(text: string): string;
+export declare function tryParse(s: string): unknown;
+export declare function isUiSpec(obj: unknown): obj is UiSpec;
+/**
+ * Quick pre-check: does this line look like a JSON patch object?
+ * Handles both compact `{"op":` and spaced `{ "op":` formats.
+ */
+export declare function looksLikePatch(trimmed: string): boolean;
+/** Try to parse a single line as an RFC 6902 JSON Patch operation. */
+export declare function tryParsePatch(line: string): PatchOp | 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 declare function compilePatches(patches: PatchOp[]): UiSpec | 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 declare function findPatchRegions(text: string): Array<{
+    start: number;
+    end: number;
+    spec: UiSpec;
+    raw: string;
+}>;
+/** A run of message text split into plain prose and inline `code` spans. */
+export type InlineTextPart = {
+    kind: "text";
+    text: string;
+} | {
+    kind: "code";
+    code: string;
+};
+/**
+ * Split a plain-text run into alternating prose and inline `code` parts so the
+ * renderer can wrap backticked spans in the code primitive while keeping them in
+ * the flow of the sentence. Empty backtick pairs (` `` `) are treated as prose.
+ * Pure + synchronous so it unit-tests without the DOM.
+ */
+export declare function splitInlineCode(text: string): InlineTextPart[];
+export declare function parseSegments(text: string, analysisMode: boolean): Segment[];
+/** One message projected to its `Speaker: text` transcript line. */
+export interface ConversationTranscriptMessage {
+    role: "user" | "assistant";
+    text: string;
+}
+/**
+ * Render a conversation as a plain-text transcript for "copy conversation".
+ * Each turn becomes a `Speaker: text` block (blank line between turns), using
+ * the display name for the speaker (the agent name for assistant turns, "You"
+ * for the user). Empty/whitespace-only turns are skipped. Pure + DOM-free so it
+ * unit-tests without React and both chat surfaces share one definition.
+ */
+export declare function conversationTranscriptText(messages: ReadonlyArray<ConversationTranscriptMessage>, options?: {
+    agentName?: string;
+    userName?: string;
+}): string;
+/** Normalize plugin ID: strip @scope/plugin- prefix so both "discord" and "@elizaos/plugin-discord" resolve. */
+export declare function normalizePluginId(id: string): string;
+export declare function buildInlinePluginConfigModel(plugin: PluginInfo | null, values: Record<string, unknown>): {
+    hasConfigurableParams: boolean;
+    hints: Record<string, ConfigUiHint>;
+    mergedValues: Record<string, unknown>;
+    schema: JsonSchemaObject | null;
+    setKeys: Set<string>;
+};
+export declare function sensitiveRequestStatusLabel(status: NonNullable<ConversationMessage["secretRequest"]>["status"]): string;
+//# sourceMappingURL=message-parser-helpers.d.ts.map

package/components/chat/message-parser-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-parser-helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/chat/message-parser-helpers.ts"],"names":[],"mappings":"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"}