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

package/components/composites/chat/ChatVoiceStatusBar.js

@@ -61,7 +61,7 @@ export function ChatVoiceStatusBar({ status, interimTranscript, speaker, ownerEn
     const primaryLatency = latency?.speechEndToVoiceStartMs ?? null;
     const tone = latencyTone(primaryLatency);
     const cached = latency?.firstSegmentCached === true;
-    return (_jsxs("div", { "data-testid": dataTestId ?? "chat-voice-status-bar", "data-status": status, role: "status", "aria-live": "polite", className: cn("flex flex-wrap items-center gap-2 rounded-sm border border-border/35 bg-card/40 px-3 py-1.5 text-xs", className), children: [_jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", STATUS_DOT_CLASS[status]), "aria-hidden": "true", "data-testid": "chat-voice-status-dot" }), _jsx("span", { className: "font-medium text-txt", "data-testid": "chat-voice-status-label", children: STATUS_LABEL[status] }), speakerName ? (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border/40 bg-card/50 px-2 py-0.5", "data-testid": "chat-voice-speaker-pill", children: [isOwnerSpeaking ? (_jsx(Crown, { className: "h-3 w-3 text-accent", "aria-label": "Owner", "data-testid": "chat-voice-speaker-owner" })) : null, _jsx("span", { className: "text-txt", children: speakerName })] })) : null, micReconnected ? (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border/40 bg-card/50 px-2 py-0.5 text-muted", "data-testid": "chat-voice-mic-reconnected", children: [_jsx(RefreshCw, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Mic reconnected" })] })) : null, needsAudioUnlock ? (onUnlockAudio ? (_jsxs("button", { type: "button", onClick: onUnlockAudio, "data-testid": "chat-voice-audio-unlock", className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 font-medium transition-colors", "border-warn/40 bg-warn/10 text-warn hover:bg-warn/20", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-bg"), children: [_jsx(VolumeX, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Tap to enable sound" })] })) : (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-warn/40 bg-warn/10 px-2 py-0.5 font-medium text-warn", "data-testid": "chat-voice-audio-unlock", children: [_jsx(VolumeX, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Tap anywhere to enable sound" })] }))) : null, interimTranscript && interimTranscript.trim().length > 0 ? (_jsx("span", { className: "min-w-0 flex-1 truncate italic text-muted", "data-testid": "chat-voice-interim-transcript", title: interimTranscript, children: interimTranscript })) : (_jsx("span", { className: "flex-1" })), _jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 text-[10px] font-medium", TONE_CLASS[tone]), "data-testid": "chat-voice-latency-badge", "data-tone": tone, title: latency
+    return (_jsxs("div", { "data-testid": dataTestId ?? "chat-voice-status-bar", "data-status": status, role: "status", "aria-live": "polite", className: cn("flex flex-wrap items-center gap-2 rounded-sm border border-border/35 bg-card/40 px-3 py-1.5 text-xs", className), children: [_jsx("span", { className: cn("inline-block h-2 w-2 rounded-full", STATUS_DOT_CLASS[status]), "aria-hidden": "true", "data-testid": "chat-voice-status-dot" }), _jsx("span", { className: "font-medium text-txt", "data-testid": "chat-voice-status-label", children: STATUS_LABEL[status] }), speakerName ? (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border/40 bg-card/50 px-2 py-0.5", "data-testid": "chat-voice-speaker-pill", children: [isOwnerSpeaking ? (_jsx(Crown, { className: "h-3 w-3 text-accent", "aria-label": "Owner", "data-testid": "chat-voice-speaker-owner" })) : null, _jsx("span", { className: "text-txt", children: speakerName })] })) : null, micReconnected ? (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border/40 bg-card/50 px-2 py-0.5 text-muted", "data-testid": "chat-voice-mic-reconnected", children: [_jsx(RefreshCw, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Mic reconnected" })] })) : null, needsAudioUnlock ? (onUnlockAudio ? (_jsxs("button", { type: "button", onClick: onUnlockAudio, "data-testid": "chat-voice-audio-unlock", className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 font-medium transition-colors", "border-warn/40 bg-warn/10 text-warn hover:bg-warn/20", "    "), children: [_jsx(VolumeX, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Tap to enable sound" })] })) : (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-warn/40 bg-warn/10 px-2 py-0.5 font-medium text-warn", "data-testid": "chat-voice-audio-unlock", children: [_jsx(VolumeX, { className: "h-3 w-3", "aria-hidden": "true" }), _jsx("span", { children: "Tap anywhere to enable sound" })] }))) : null, interimTranscript && interimTranscript.trim().length > 0 ? (_jsx("span", { className: "min-w-0 flex-1 truncate italic text-muted", "data-testid": "chat-voice-interim-transcript", title: interimTranscript, children: interimTranscript })) : (_jsx("span", { className: "flex-1" })), _jsxs("span", { className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 text-[10px] font-medium", TONE_CLASS[tone]), "data-testid": "chat-voice-latency-badge", "data-tone": tone, title: latency
                     ? `speech-end → first-token: ${formatLatency(latency.speechEndToFirstTokenMs)}\n` +
                         `speech-end → voice-start: ${formatLatency(latency.speechEndToVoiceStartMs)}\n` +
                         `stream → voice-start: ${formatLatency(latency.assistantStreamToVoiceStartMs)}` +

package/components/composites/chat/ContinuousChatToggle.d.ts

@@ -9,7 +9,7 @@
  *   sheet (we just expose the toggle + a click handler).
  */
 import * as React from "react";
-import { type VoiceContinuousMode } from "../../../voice/voice-chat-types";
+import { type VoiceContinuousMode } from "../../../voice/voice-chat-types.js";
 export interface ContinuousChatToggleProps {
     value: VoiceContinuousMode;
     onChange: (next: VoiceContinuousMode) => void;

package/components/composites/chat/ContinuousChatToggle.js

@@ -58,7 +58,7 @@ export function ContinuousChatToggle({ value, onChange, disabled = false, compac
             const meta = MODE_META[modeId];
             const Icon = meta.icon;
             const active = modeId === value;
-            return (_jsx(TooltipProvider, { delayDuration: 250, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", role: "radio", "aria-checked": active, "data-mode": modeId, "data-active": active ? "true" : "false", onClick: () => handleSelect(modeId), className: cn("inline-flex items-center gap-1.5 rounded-sm px-2 py-1 text-xs font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-bg", active
+            return (_jsx(TooltipProvider, { delayDuration: 250, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", role: "radio", "aria-checked": active, "data-mode": modeId, "data-active": active ? "true" : "false", onClick: () => handleSelect(modeId), className: cn("inline-flex items-center gap-1.5 rounded-sm px-2 py-1 text-xs font-medium transition-colors", "    ", active
                                     ? "bg-accent/15 text-accent"
                                     : "text-muted hover:text-txt hover:bg-bg-hover"), children: [_jsx(Icon, { className: "h-3.5 w-3.5" }), _jsx("span", { children: meta.label })] }) }), _jsx(TooltipContent, { side: "bottom", children: _jsx("div", { className: "text-xs max-w-[220px]", children: meta.description }) })] }) }, modeId));
         }) }));

package/components/composites/chat/chat-attachment-strip.d.ts

@@ -1,4 +1,4 @@
-import type { ChatAttachmentItem, ChatVariant } from "./chat-types";
+import type { ChatAttachmentItem, ChatVariant } from "./chat-types.js";
 export interface ChatAttachmentStripProps {
     items: ChatAttachmentItem[];
     onRemove: (id: string, index: number) => void;

package/components/composites/chat/chat-attachment-strip.js

@@ -9,5 +9,5 @@ export function ChatAttachmentStrip({ items, onRemove, removeLabel = (item) => `
     if (items.length === 0) {
         return null;
     }
-    return (_jsx("div", { className: `relative flex flex-wrap gap-2 py-1 ${variant === "game-modal" ? "pointer-events-auto" : ""}`, "data-no-camera-drag": variant === "game-modal" || undefined, style: { zIndex: 1 }, children: items.map((item, index) => (_jsxs("div", { className: "relative h-16 w-16 shrink-0 group", children: [!item.kind || item.kind === "image" ? (_jsx("img", { src: item.src, alt: item.alt, className: "h-16 w-16 rounded-sm border border-border object-cover" })) : (_jsx(NonImageTile, { item: item })), _jsx(Button, { variant: variant === "game-modal" ? "surfaceDestructive" : "destructive", size: "icon", title: removeLabel(item), "aria-label": removeLabel(item), onClick: () => onRemove(item.id, index), className: "absolute -right-1.5 -top-1.5 flex h-4 w-4 items-center justify-center rounded-sm text-2xs opacity-100 transition-opacity focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100", children: "\u00D7" })] }, item.id))) }));
+    return (_jsx("div", { className: `relative flex flex-wrap gap-2 py-1 ${variant === "game-modal" ? "pointer-events-auto" : ""}`, "data-no-camera-drag": variant === "game-modal" || undefined, style: { zIndex: 1 }, children: items.map((item, index) => (_jsxs("div", { className: "relative h-16 w-16 shrink-0 group", children: [!item.kind || item.kind === "image" ? (_jsx("img", { src: item.src, alt: item.alt, className: "h-16 w-16 rounded-sm border border-border object-cover" })) : (_jsx(NonImageTile, { item: item })), _jsx(Button, { variant: variant === "game-modal" ? "surfaceDestructive" : "destructive", size: "icon", title: removeLabel(item), "aria-label": removeLabel(item), onClick: () => onRemove(item.id, index), className: "absolute -right-1.5 -top-1.5 flex h-4 w-4 items-center justify-center rounded-sm text-2xs opacity-100 transition-opacity  sm:opacity-0 sm:group-hover:opacity-100", children: "\u00D7" })] }, item.id))) }));
 }

package/components/composites/chat/chat-composer-shell.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ChatVariant } from "./chat-types";
+import type { ChatVariant } from "./chat-types.js";
 type RefLike<T> = ((instance: T | null) => void) | {
     current: T | null;
 } | null;

package/components/composites/chat/chat-composer.d.ts

@@ -1,6 +1,6 @@
-import { type KeyboardEvent, type RefObject } from "react";
-import type { VoiceSessionMode } from "../../../voice/voice-chat-types";
-import type { ChatVariant } from "./chat-types";
+import { type ClipboardEvent, type KeyboardEvent, type RefObject } from "react";
+import type { VoiceSessionMode } from "../../../voice/voice-chat-types.js";
+import type { ChatVariant } from "./chat-types.js";
 export interface ChatComposerVoiceState {
     assistantTtsQuality?: "enhanced" | "standard";
     captureMode: VoiceSessionMode;
@@ -25,6 +25,12 @@ export interface ChatComposerProps {
     onAttachImage: () => void;
     onChatInputChange: (value: string) => void;
     onKeyDown: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Clipboard paste handler — pastes an image/file as an attachment and a large
+     * text block as a collapsed text-attachment chip (matching the mobile
+     * overlay). Optional; when omitted the textarea pastes normally.
+     */
+    onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
     onSend: () => void;
     onStop: () => void;
     onStopSpeaking: () => void;
@@ -40,5 +46,5 @@ export interface ChatComposerProps {
     /** Placeholder override for the textarea. */
     placeholder?: string;
 }
-export declare function ChatComposer({ variant, layout, textareaRef, chatInput, chatPendingImagesCount, isComposerLocked, isAgentStarting, chatSending, voice, agentVoiceEnabled, showAgentVoiceToggle, t, onAttachImage, onChatInputChange, onKeyDown, onSend, onStop, onStopSpeaking, onToggleAgentVoice, hideAttachButton, placeholder, textareaAriaLabel, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatComposer({ variant, layout, textareaRef, chatInput, chatPendingImagesCount, isComposerLocked, isAgentStarting, chatSending, voice, agentVoiceEnabled, showAgentVoiceToggle, t, onAttachImage, onChatInputChange, onKeyDown, onPaste, onSend, onStop, onStopSpeaking, onToggleAgentVoice, hideAttachButton, placeholder, textareaAriaLabel, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=chat-composer.d.ts.map

package/components/composites/chat/chat-composer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-composer.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAgEhD,MAAM,WAAW,sBAAsB;IACrC,mBAAmB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9C,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CACd,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,KACrC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAkB,EAClB,WAAW,EACX,SAAS,EACT,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,oBAA2B,EAC3B,CAAC,EACD,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,gBAAwB,EACxB,WAAW,EACX,iBAAiB,GAClB,EAAE,iBAAiB,2CAgnBnB"}
+{"version":3,"file":"chat-composer.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-composer.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAElB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAgEhD,MAAM,WAAW,sBAAsB;IACrC,mBAAmB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9C,WAAW,EAAE,gBAAgB,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CACd,IAAI,CAAC,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,KACrC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAkB,EAClB,WAAW,EACX,SAAS,EACT,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,oBAA2B,EAC3B,CAAC,EACD,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,cAAc,EACd,kBAAkB,EAClB,gBAAwB,EACxB,WAAW,EACX,iBAAiB,GAClB,EAAE,iBAAiB,2CAknBnB"}

package/components/composites/chat/chat-composer.js

@@ -6,9 +6,9 @@ import { Textarea } from "../../ui/textarea.js";
 const INLINE_TEXTAREA_MIN_HEIGHT_PX = 32;
 const INLINE_TEXTAREA_MAX_HEIGHT_PX = 128;
 const INLINE_STACKED_INLINE_PADDING_PX = 12;
-const inlineTextareaClass = "block h-8 max-h-[128px] min-h-0 w-full min-w-0 resize-none overflow-y-hidden appearance-none rounded-none border-0 bg-transparent px-2 py-[6px] text-sm leading-5 text-txt outline-none placeholder:text-muted-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+const inlineTextareaClass = "block h-8 max-h-[128px] min-h-0 w-full min-w-0 resize-none overflow-y-hidden appearance-none rounded-none border-0 bg-transparent px-2 py-[6px] text-sm leading-5 text-txt outline-none placeholder:text-muted-strong    ";
 const inlineMeasureTextareaClass = `${inlineTextareaClass} pointer-events-none fixed left-0 top-0 z-[-1] opacity-0`;
-const inlineComposerSurfaceClass = "border-[color-mix(in_srgb,var(--border)_62%,var(--txt)_38%)] bg-[color-mix(in_srgb,var(--bg)_78%,var(--txt)_16%)] ring-1 ring-inset ring-white/15 backdrop-blur-sm";
+const inlineComposerSurfaceClass = "border-[color-mix(in_srgb,var(--border)_62%,var(--txt)_38%)] bg-[color-mix(in_srgb,var(--bg)_78%,var(--txt)_16%)]   ";
 function getTextareaVerticalPadding(textarea) {
     const styles = window.getComputedStyle(textarea);
     const paddingTop = Number.parseFloat(styles.paddingTop);
@@ -38,7 +38,7 @@ function measureInlineTextarea(textarea, value, width) {
         wraps: contentHeight > lineHeight * 1.25,
     };
 }
-export function ChatComposer({ variant, layout = "default", textareaRef, chatInput, chatPendingImagesCount, isComposerLocked, isAgentStarting, chatSending, voice, agentVoiceEnabled, showAgentVoiceToggle = true, t, onAttachImage, onChatInputChange, onKeyDown, onSend, onStop, onStopSpeaking, onToggleAgentVoice, hideAttachButton = false, placeholder, textareaAriaLabel, }) {
+export function ChatComposer({ variant, layout = "default", textareaRef, chatInput, chatPendingImagesCount, isComposerLocked, isAgentStarting, chatSending, voice, agentVoiceEnabled, showAgentVoiceToggle = true, t, onAttachImage, onChatInputChange, onKeyDown, onPaste, onSend, onStop, onStopSpeaking, onToggleAgentVoice, hideAttachButton = false, placeholder, textareaAriaLabel, }) {
     const [isInlineMultiline, setIsInlineMultiline] = useState(false);
     const [inlineMeasureVersion, setInlineMeasureVersion] = useState(0);
     const inlineRootRef = useRef(null);
@@ -218,7 +218,7 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
         const inlineAttachButton = !isGameModal && !hideAttachButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: `h-8 w-8 shrink-0 rounded-sm bg-bg p-0 text-muted shadow-none transition-colors hover:bg-bg hover:text-txt ${chatPendingImagesCount > 0 ? "text-accent hover:text-accent" : ""}`, onClick: onAttachImage, "aria-label": t("aria.attachImage"), title: t("aria.attachImage"), disabled: isComposerLocked, children: _jsx(Plus, { className: "h-5 w-5" }) })) : null;
         const inlineTextarea = (_jsxs("div", { className: isInlineMultiline
                 ? "relative min-w-0 w-full"
-                : "relative min-w-0 flex-1", children: [_jsx(Textarea, { ref: textareaRef, value: chatInput, onChange: (event) => onChatInputChange(event.target.value), onKeyDown: onKeyDown, "data-testid": "chat-composer-textarea", "aria-label": textareaAriaLabel, variant: null, density: null, className: inlineTextareaClass, placeholder: placeholder ?? defaultTextareaPlaceholder, rows: 1, disabled: isComposerLocked }), voice.isListening && voice.interimTranscript ? (_jsx("div", { className: isInlineMultiline
+                : "relative min-w-0 flex-1", children: [_jsx(Textarea, { ref: textareaRef, value: chatInput, onChange: (event) => onChatInputChange(event.target.value), onKeyDown: onKeyDown, onPaste: onPaste, "data-testid": "chat-composer-textarea", "aria-label": textareaAriaLabel, variant: null, density: null, className: inlineTextareaClass, placeholder: placeholder ?? defaultTextareaPlaceholder, rows: 1, disabled: isComposerLocked }), voice.isListening && voice.interimTranscript ? (_jsx("div", { className: isInlineMultiline
                         ? "pointer-events-none absolute inset-x-3 bottom-2 truncate text-xs text-muted"
                         : "pointer-events-none absolute inset-x-2 bottom-2 truncate text-xs text-muted", children: voice.interimTranscript })) : null] }));
         const inlineMicButton = (_jsx(Button, { variant: "ghost", size: "icon", className: `h-8 w-8 shrink-0 rounded-sm p-0 shadow-none transition-colors active:scale-95 ${voice.isListening
@@ -250,19 +250,19 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
                         ? "text-accent hover:text-accent"
                         : ""}`, onClick: onAttachImage, "aria-label": t("aria.attachImage"), title: t("aria.attachImage"), disabled: isComposerLocked, children: isInline ? (_jsx(Plus, { className: "h-5 w-5" })) : (_jsx(Paperclip, { className: "h-6 w-6" })) })) : null, !isInline && showVoiceButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: isGameModal
                     ? `flex items-center justify-center h-[46px] w-[46px] shrink-0 ${voice.isListening
-                        ? "animate-pulse select-none rounded-sm border border-border/28 bg-card text-txt ring-1 ring-inset ring-border transition-all duration-300 active:scale-95 "
-                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none ring-0 transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95"} ${isComposerLocked ? "opacity-50" : ""}`
+                        ? "animate-pulse select-none rounded-sm border border-border/28 bg-card text-txt    transition-all duration-300 active:scale-95 "
+                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none  transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95"} ${isComposerLocked ? "opacity-50" : ""}`
                     : `h-[38px] w-9 shrink-0 bg-transparent p-0 shadow-none border-0 text-muted hover:bg-transparent hover:text-txt ${voice.isListening ? "text-accent hover:text-accent" : ""}`, "data-testid": "chat-composer-mic", onClick: handleMicClick, onPointerDown: handleMicPointerDown, onPointerUp: handleMicPointerUp, onPointerCancel: handleMicPointerCancel, onPointerLeave: handleMicPointerCancel, "aria-label": isAgentStarting
                     ? t("chat.agentStarting")
                     : voice.isListening
                         ? voice.captureMode === "push-to-talk"
                             ? t("chat.releaseToSend")
                             : t("chat.stopListening")
-                        : t("chat.voiceInput"), "aria-pressed": isGameModal ? undefined : voice.isListening, title: voiceButtonTitle, disabled: isComposerLocked, children: _jsx(Mic, { className: "h-6 w-6" }) })) : null, _jsxs("div", { className: "relative min-w-0 flex-1", children: [_jsx(Textarea, { ref: textareaRef, value: chatInput, onChange: (event) => onChatInputChange(event.target.value), onKeyDown: onKeyDown, "data-testid": "chat-composer-textarea", "aria-label": textareaAriaLabel, variant: isInline ? null : undefined, density: isInline ? null : undefined, className: isGameModal
-                            ? "w-full min-w-0 min-h-0 h-[46px] resize-none overflow-y-hidden max-h-[200px] outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 font-[var(--font-chat)] disabled:opacity-50 rounded-sm border border-transparent bg-transparent px-4 pb-[13px] pt-[13px] text-[15px] leading-[1.55] text-txt-strong placeholder:text-muted"
+                        : t("chat.voiceInput"), "aria-pressed": isGameModal ? undefined : voice.isListening, title: voiceButtonTitle, disabled: isComposerLocked, children: _jsx(Mic, { className: "h-6 w-6" }) })) : null, _jsxs("div", { className: "relative min-w-0 flex-1", children: [_jsx(Textarea, { ref: textareaRef, value: chatInput, onChange: (event) => onChatInputChange(event.target.value), onKeyDown: onKeyDown, onPaste: onPaste, "data-testid": "chat-composer-textarea", "aria-label": textareaAriaLabel, variant: isInline ? null : undefined, density: isInline ? null : undefined, className: isGameModal
+                            ? "w-full min-w-0 min-h-0 h-[46px] resize-none overflow-y-hidden max-h-[200px] outline-none     font-[var(--font-chat)] disabled:opacity-50 rounded-sm border border-transparent bg-transparent px-4 pb-[13px] pt-[13px] text-[15px] leading-[1.55] text-txt-strong placeholder:text-muted"
                             : isInline
                                 ? inlineTextareaClass
-                                : "w-full min-w-0 min-h-0 h-[38px] resize-none overflow-y-hidden max-h-[200px] outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 font-[var(--font-chat)] disabled:opacity-50 rounded-sm border-0 bg-card/40 px-4 py-[8px] text-[15px] leading-[1.55] text-txt placeholder:text-muted", placeholder: placeholder ?? defaultTextareaPlaceholder, rows: 1, disabled: isComposerLocked }), voice.isListening && voice.interimTranscript ? (_jsx("div", { className: isInline
+                                : "w-full min-w-0 min-h-0 h-[38px] resize-none overflow-y-hidden max-h-[200px] outline-none     font-[var(--font-chat)] disabled:opacity-50 rounded-sm border-0 bg-card/40 px-4 py-[8px] text-[15px] leading-[1.55] text-txt placeholder:text-muted", placeholder: placeholder ?? defaultTextareaPlaceholder, rows: 1, disabled: isComposerLocked }), voice.isListening && voice.interimTranscript ? (_jsx("div", { className: isInline
                             ? "pointer-events-none absolute inset-x-2 bottom-2 truncate text-xs text-muted"
                             : "pointer-events-none absolute inset-x-4 bottom-2.5 truncate text-xs-tight text-muted", children: voice.interimTranscript })) : null] }), !isInline && showAgentVoiceToggle ? (_jsx(Button, { variant: isGameModal
                     ? "ghost"
@@ -270,8 +270,8 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
                         ? "surfaceAccent"
                         : "surface", size: "icon", className: isGameModal
                     ? `flex items-center justify-center h-[46px] w-[46px] shrink-0 ${agentVoiceEnabled
-                        ? "select-none rounded-sm border border-border/28 bg-card text-txt ring-1 ring-inset ring-border transition-all duration-300 active:scale-95 "
-                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none ring-0 transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95"}`
+                        ? "select-none rounded-sm border border-border/28 bg-card text-txt    transition-all duration-300 active:scale-95 "
+                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none  transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95"}`
                     : "h-[46px] w-[46px] shrink-0", onClick: onToggleAgentVoice, "aria-label": agentVoiceEnabled ? t("aria.agentVoiceOn") : t("aria.agentVoiceOff"), title: agentVoiceEnabled ? t("chat.agentVoiceOn") : t("chat.agentVoiceOff"), disabled: isComposerLocked, children: agentVoiceEnabled ? (_jsx(Volume2, { className: isGameModal ? "h-5 w-5" : "h-4 w-4" })) : (_jsx(VolumeX, { className: isGameModal ? "h-5 w-5" : "h-4 w-4" })) })) : null, shouldShowStopButton ? (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: isInline
                     ? "h-8 w-8 shrink-0 rounded-sm bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25"
                     : "ml-1 flex items-center justify-center rounded-sm transition-all duration-300 select-none active:scale-95 h-[46px] w-[46px] shrink-0", onClick: onStop, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: isInline
@@ -284,11 +284,11 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
                     ? "bg-accent text-bg hover:bg-accent/90 hover:text-bg"
                     : "bg-bg text-muted hover:bg-bg hover:text-txt"}`, "data-testid": "chat-composer-mic", onClick: handleMicClick, onPointerDown: handleMicPointerDown, onPointerUp: handleMicPointerUp, onPointerCancel: handleMicPointerCancel, onPointerLeave: handleMicPointerCancel, disabled: isComposerLocked || !voice.supported, title: voiceButtonTitle, "aria-label": voiceButtonTitle, "aria-pressed": voice.isListening, children: _jsx(Mic, { className: "h-4.5 w-4.5" }) })) : (_jsx(Button, { variant: isGameModal ? "default" : "ghost", "data-testid": "chat-composer-action", size: "icon", className: isGameModal
                     ? `ml-1 flex items-center justify-center rounded-sm transition-all duration-300 select-none active:scale-95 h-[46px] w-[46px] shrink-0 ${hasDraft
-                        ? "select-none rounded-sm border border-border/28 bg-card text-txt ring-1 ring-inset ring-border transition-all duration-300 active:scale-95 "
-                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none ring-0 transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95 opacity-80"}`
+                        ? "select-none rounded-sm border border-border/28 bg-card text-txt    transition-all duration-300 active:scale-95 "
+                        : "select-none rounded-sm border border-transparent bg-transparent text-muted-strong shadow-none  transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-card hover:text-txt active:scale-95 opacity-80"}`
                     : isInline
                         ? "h-8 w-8 shrink-0 rounded-sm bg-txt p-0 text-bg shadow-none transition-transform active:scale-95 disabled:opacity-40"
-                        : "ml-1 h-[38px] w-9 shrink-0 bg-transparent p-0 shadow-none border-0 text-muted hover:bg-transparent hover:text-txt transition-colors select-none active:scale-95 disabled:ring-0 disabled:opacity-40", onClick: onSend, 
+                        : "ml-1 h-[38px] w-9 shrink-0 bg-transparent p-0 shadow-none border-0 text-muted hover:bg-transparent hover:text-txt transition-colors select-none active:scale-95  disabled:opacity-40", onClick: onSend, 
                 // Keep the textarea focused through the tap so the keyboard doesn't
                 // flicker closed/open on send (see the inline send button).
                 onMouseDown: (e) => e.preventDefault(), disabled: isComposerLocked || !hasDraft, title: actionButtonLabel, "aria-label": actionButtonLabel, children: isInline ? (_jsx(ArrowUp, { className: "h-4.5 w-4.5" })) : (_jsx(Send, { className: isGameModal ? "h-4.5 w-4.5" : "h-6 w-6" })) }))] }));

package/components/composites/chat/chat-conversation-item.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { ChatConversationLabels, ChatConversationSummary, ChatVariant } from "./chat-types";
+import type { ChatConversationLabels, ChatConversationSummary, ChatVariant } from "./chat-types.js";
 export interface ChatConversationItemProps {
     conversation: ChatConversationSummary;
     deleting?: boolean;
@@ -17,5 +17,5 @@ export interface ChatConversationItemProps {
     onSelect: () => void;
     variant?: ChatVariant;
 }
-export declare function ChatConversationItem({ conversation, deleting, displayTitle, isActive, isConfirmingDelete, isUnread, labels, mobile, onCancelDelete, onConfirmDelete, onOpenActions, onRequestDeleteConfirm, onRequestRename, onSelect, variant, }: ChatConversationItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const ChatConversationItem: React.MemoExoticComponent<({ conversation, deleting, displayTitle, isActive, isConfirmingDelete, isUnread, labels, mobile, onCancelDelete, onConfirmDelete, onOpenActions, onRequestDeleteConfirm, onRequestRename, onSelect, variant, }: ChatConversationItemProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=chat-conversation-item.d.ts.map

package/components/composites/chat/chat-conversation-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-conversation-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-conversation-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EACV,sBAAsB,EACtB,uBAAuB,EACvB,WAAW,EACZ,MAAM,cAAc,CAAC;AAkFtB,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,uBAAuB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CACd,KAAK,EACD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,GACpD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,EACxD,YAAY,EAAE,uBAAuB,KAClC,IAAI,CAAC;IACV,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,QAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,kBAA0B,EAC1B,QAAgB,EAChB,MAAW,EACX,MAAc,EACd,cAAc,EACd,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,QAAQ,EACR,OAAmB,GACpB,EAAE,yBAAyB,2CAgM3B"}
+{"version":3,"file":"chat-conversation-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-conversation-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EACV,sBAAsB,EACtB,uBAAuB,EACvB,WAAW,EACZ,MAAM,cAAc,CAAC;AAkFtB,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,uBAAuB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CACd,KAAK,EACD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,GACpD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,cAAc,CAAC,EACxD,YAAY,EAAE,uBAAuB,KAClC,IAAI,CAAC;IACV,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,4OAgB9B,yBAAyB,6CAgM1B,CAAC"}

package/components/composites/chat/chat-conversation-item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoreHorizontal, PencilLine, X } from "lucide-react";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { memo, useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
 import { cn } from "../../../lib/utils.js";
 // z-[200] mirrors Z_OVERLAY in ../../../lib/floating-layers.ts.
 // Tailwind v4 cannot detect classes built from runtime template literals,
@@ -46,7 +46,7 @@ function TruncatingConversationTitle({ displayTitle, isActive, variant, }) {
     }
     return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: span }), _jsx(TooltipContent, { side: "right", align: "start", sideOffset: 10, collisionPadding: 12, className: "z-[200] max-w-[min(90vw,22rem)] whitespace-normal break-words px-3 py-2 text-sm leading-snug", children: displayTitle })] }));
 }
-export function ChatConversationItem({ conversation, deleting = false, displayTitle, isActive, isConfirmingDelete = false, isUnread = false, labels = {}, mobile = false, onCancelDelete, onConfirmDelete, onOpenActions, onRequestDeleteConfirm, onRequestRename, onSelect, variant = "default", }) {
+export const ChatConversationItem = memo(function ChatConversationItem({ conversation, deleting = false, displayTitle, isActive, isConfirmingDelete = false, isUnread = false, labels = {}, mobile = false, onCancelDelete, onConfirmDelete, onOpenActions, onRequestDeleteConfirm, onRequestRename, onSelect, variant = "default", }) {
     const longPressTimerRef = useRef(null);
     const suppressClickRef = useRef(false);
     const isGameModal = variant === "game-modal";
@@ -94,27 +94,27 @@ export function ChatConversationItem({ conversation, deleting = false, displayTi
                     onOpenActions(event, conversation);
                 }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchCancel: handleTouchEnd, onTouchMove: handleTouchEnd, children: [isUnread ? (_jsx("span", { className: isGameModal
                             ? "absolute left-3 top-3 z-[1] h-2 w-2 shrink-0 rounded-full bg-accent animate-pulse"
-                            : "h-1.5 w-1.5 shrink-0 rounded-full bg-accent " })) : null, _jsx("div", { className: "min-w-0 flex-1", children: _jsx(TruncatingConversationTitle, { displayTitle: renderedTitle, isActive: isActive, variant: variant }) })] }), !isGameModal && !isConfirmingDelete && onOpenActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", "data-testid": "conv-actions", "aria-label": labels.actions ?? "More actions", className: cn("h-6 w-6 shrink-0 rounded-sm p-0 text-muted hover:bg-transparent hover:text-txt focus-visible:opacity-100", mobile
+                            : "h-1.5 w-1.5 shrink-0 rounded-full bg-accent " })) : null, _jsx("div", { className: "min-w-0 flex-1", children: _jsx(TruncatingConversationTitle, { displayTitle: renderedTitle, isActive: isActive, variant: variant }) })] }), !isGameModal && !isConfirmingDelete && onOpenActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon", "data-testid": "conv-actions", "aria-label": labels.actions ?? "More actions", className: cn("h-6 w-6 shrink-0 rounded-sm p-0 text-muted hover:bg-transparent hover:text-txt ", mobile
                     ? "opacity-100"
                     : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto"), onClick: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     onOpenActions(event, conversation);
                 }, children: _jsx(MoreHorizontal, { className: "h-4 w-4", "aria-hidden": true }) })) : null, showInlineActions && !isConfirmingDelete ? (_jsx(Button, { size: "icon", variant: isGameModal ? "ghost" : "surface", "data-testid": "conv-rename", "aria-label": labels.rename ?? "Rename conversation", className: cn(isGameModal
-                    ? "h-8 w-8 shrink-0 self-center rounded-sm border border-white/10 bg-black/20 text-[color:var(--first-run-text-muted)] transition-[border-color,background-color,color,opacity] hover:border-[color:var(--first-run-accent-border)] hover:bg-[color:var(--first-run-accent-bg)] hover:text-[color:var(--first-run-text-strong)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent"
+                    ? "h-8 w-8 shrink-0 self-center rounded-sm border border-white/10 bg-black/20 text-[color:var(--first-run-text-muted)] transition-[border-color,background-color,color,opacity] hover:border-[color:var(--first-run-accent-border)] hover:bg-[color:var(--first-run-accent-bg)] hover:text-[color:var(--first-run-text-strong)]   "
                     : "h-8 w-8 shrink-0 rounded-sm hover:text-accent", mobile
                     ? "opacity-100"
-                    : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:pointer-events-auto"), onClick: (event) => {
+                    : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto  "), onClick: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     onRequestRename?.();
                 }, children: _jsx(PencilLine, { className: "h-3.5 w-3.5", strokeWidth: 2.25, "aria-hidden": true }) })) : null, showInlineActions && !isConfirmingDelete ? (_jsx(Button, { size: "icon", variant: isGameModal ? "ghost" : "surfaceDestructive", "data-testid": "conv-delete", "aria-label": labels.delete ?? "Delete conversation", className: cn(isGameModal
-                    ? "h-8 w-8 shrink-0 self-center rounded-sm border border-white/10 bg-black/20 text-[color:var(--first-run-text-muted)] transition-[border-color,background-color,color,opacity] hover:border-[color:var(--first-run-accent-border)] hover:bg-[color:var(--first-run-accent-bg)] hover:text-[color:var(--first-run-text-strong)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent"
+                    ? "h-8 w-8 shrink-0 self-center rounded-sm border border-white/10 bg-black/20 text-[color:var(--first-run-text-muted)] transition-[border-color,background-color,color,opacity] hover:border-[color:var(--first-run-accent-border)] hover:bg-[color:var(--first-run-accent-bg)] hover:text-[color:var(--first-run-text-strong)]   "
                     : "h-8 w-8 shrink-0 rounded-sm", mobile
                     ? "opacity-100"
-                    : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:pointer-events-auto", "hover:text-danger"), onClick: (event) => {
+                    : "opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto  ", "hover:text-danger"), onClick: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     onRequestDeleteConfirm?.();
                 }, children: _jsx(X, { className: "h-3.5 w-3.5", strokeWidth: 2.25, "aria-hidden": true }) })) : null, isConfirmingDelete ? (_jsxs("div", { className: "flex flex-shrink-0 items-center gap-1.5 rounded-sm border border-danger/30 bg-destructive-subtle px-2 py-1 ", children: [_jsx("span", { className: "text-2xs font-medium text-danger", children: labels.deleteConfirm ?? "Delete?" }), _jsx(Button, { variant: "destructive", size: "sm", className: "h-7 rounded-sm px-2 py-0.5 text-2xs disabled:opacity-50", onClick: () => void onConfirmDelete?.(), disabled: deleting, children: deleting ? "..." : (labels.deleteYes ?? "Yes") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-7 rounded-sm px-2 py-0.5 text-2xs text-muted-strong hover:border-accent/40 hover:text-txt disabled:opacity-50", onClick: onCancelDelete, disabled: deleting, children: labels.deleteNo ?? "No" })] })) : null] }));
-}
+});

package/components/composites/chat/chat-empty-state.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ChatVariant } from "./chat-types";
+import type { ChatVariant } from "./chat-types.js";
 export interface ChatEmptyStateProps {
     action?: React.ReactNode;
     agentName: string;

package/components/composites/chat/chat-message-actions.d.ts

@@ -1,4 +1,4 @@
-import type { ChatMessageLabels } from "./chat-types";
+import type { ChatMessageLabels } from "./chat-types.js";
 export interface ChatMessageActionsProps {
     canDelete?: boolean;
     canEdit?: boolean;

package/components/composites/chat/chat-message.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ChatMessageData, ChatMessageLabels } from "./chat-types";
+import type { ChatMessageData, ChatMessageLabels } from "./chat-types.js";
 export interface ChatMessageProps {
     agentName?: string;
     children?: React.ReactNode;
@@ -17,9 +17,17 @@ export interface ChatMessageProps {
     onDelete?: (messageId: string) => void;
     onEdit?: (messageId: string, text: string) => Promise<boolean> | boolean;
     onSpeak?: (messageId: string, text: string) => void;
+    /**
+     * Dismiss a proactive suggestion (#8792). Distinct from `onDelete` so the
+     * suggestion's one-tap dismiss works without enabling delete on every
+     * ordinary message. Only rendered on suggestion bubbles.
+     */
+    onDismissSuggestion?: (messageId: string) => void;
+    /** Accept ("Do it") a proactive suggestion (#8792) — sends the implied action. */
+    onAcceptSuggestion?: (message: ChatMessageData) => void;
     replyTarget?: ChatMessageData | null;
     renderContent?: (message: ChatMessageData) => React.ReactNode;
     userMessagesOnRight?: boolean;
 }
-export declare const ChatMessage: React.MemoExoticComponent<({ message, isGrouped, agentName, children, enterOnMount, labels, onCopy, onSpeak, onEdit, onDelete, replyTarget, renderContent, userMessagesOnRight, }: ChatMessageProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChatMessage: React.MemoExoticComponent<({ message, isGrouped, agentName, children, enterOnMount, labels, onCopy, onSpeak, onEdit, onDelete, onDismissSuggestion, onAcceptSuggestion, replyTarget, renderContent, userMessagesOnRight, }: ChatMessageProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=chat-message.d.ts.map

package/components/composites/chat/chat-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuBpC,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAElB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA2OD,eAAO,MAAM,WAAW,qLAcrB,gBAAgB,6CAmZF,CAAC"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuBpC,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAElB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA6OD,eAAO,MAAM,WAAW,8NAgBrB,gBAAgB,6CAiaF,CAAC"}

package/components/composites/chat/chat-message.js

@@ -138,6 +138,8 @@ function arePropsEqual(prev, next) {
             prev.labels === next.labels &&
             prev.onCopy === next.onCopy &&
             prev.onDelete === next.onDelete &&
+            prev.onDismissSuggestion === next.onDismissSuggestion &&
+            prev.onAcceptSuggestion === next.onAcceptSuggestion &&
             prev.onEdit === next.onEdit &&
             prev.onSpeak === next.onSpeak &&
             prev.replyTarget?.id === next.replyTarget?.id &&
@@ -174,7 +176,7 @@ function arePropsEqual(prev, next) {
         prev.userMessagesOnRight === next.userMessagesOnRight &&
         prev.children === next.children);
 }
-export const ChatMessage = memo(function ChatMessage({ message, isGrouped = false, agentName = "Agent", children, enterOnMount = false, labels = {}, onCopy, onSpeak, onEdit, onDelete, replyTarget = null, renderContent, userMessagesOnRight = true, }) {
+export const ChatMessage = memo(function ChatMessage({ message, isGrouped = false, agentName = "Agent", children, enterOnMount = false, labels = {}, onCopy, onSpeak, onEdit, onDelete, onDismissSuggestion, onAcceptSuggestion, replyTarget = null, renderContent, userMessagesOnRight = true, }) {
     const [copied, setCopied] = useState(false);
     const copiedTimerRef = useRef(null);
     const [showActions, setShowActions] = useState(false);
@@ -344,7 +346,7 @@ export const ChatMessage = memo(function ChatMessage({ message, isGrouped = fals
                     // Suggestion treatment: subtle accent tint + dashed accent border so
                     // a proactive offer reads as a suggestion, not a normal reply.
                     isSuggestion &&
-                        "border border-dashed border-accent/45 bg-accent/[0.06]"), style: { fontFamily: "var(--font-chat)" }, "data-proactive-suggestion": isSuggestion ? "true" : undefined, children: [isSuggestion && !isEditing ? (_jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [_jsxs("span", { className: "inline-flex items-center gap-1 text-xs-tight font-medium text-accent/85", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), labels.suggestion ?? "Suggestion"] }), onDelete ? (_jsx(Button, { variant: "surface", size: "icon", onClick: () => onDelete?.(message.id), className: "h-6 w-6 rounded-sm text-muted", title: labels.dismiss ?? "Dismiss suggestion", "aria-label": labels.dismiss ?? "Dismiss suggestion", children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] })) : null, showReplyReference ? (_jsx("a", { href: `#${getChatMessageAnchorId(replyTargetId)}`, onClick: handleReplyReferenceClick, className: "mb-2 block text-xs font-medium text-muted underline decoration-border/60 underline-offset-2 transition-colors hover:text-txt-strong", children: replyReferenceLabel })) : null, isEditing ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Textarea, { ref: editTextareaRef, value: draftText, onChange: (event) => setDraftText(event.target.value), onKeyDown: handleEditKeyDown, className: "min-h-[110px] w-full rounded-sm border border-border bg-card px-3 py-2.5 text-[15px] leading-[1.7] text-txt outline-none focus-visible:border-accent focus-visible:ring-2 focus-visible:ring-accent/30", style: { fontFamily: "var(--font-chat)" }, "aria-label": labels.edit ?? "Edit message", disabled: savingEdit }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { variant: "surface", size: "sm", onClick: handleCancelEditing, disabled: savingEdit, className: "h-8 rounded-sm px-3 text-xs", children: labels.cancel ?? "Cancel" }), _jsx(Button, { variant: "surfaceAccent", size: "sm", onClick: () => void handleSaveEdit(), disabled: savingEdit ||
+                        "border border-dashed border-accent/45 bg-accent/[0.06]"), style: { fontFamily: "var(--font-chat)" }, "data-proactive-suggestion": isSuggestion ? "true" : undefined, children: [isSuggestion && !isEditing ? (_jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [_jsxs("span", { className: "inline-flex items-center gap-1 text-xs-tight font-medium text-accent/85", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), labels.suggestion ?? "Suggestion"] }), _jsxs("div", { className: "flex items-center gap-1", children: [onAcceptSuggestion ? (_jsx(Button, { variant: "surface", size: "sm", onClick: () => onAcceptSuggestion(message), className: "h-6 rounded-sm px-2 text-xs-tight text-accent", title: labels.acceptSuggestion ?? "Do it", "aria-label": labels.acceptSuggestion ?? "Do it", children: labels.acceptSuggestion ?? "Do it" })) : null, onDismissSuggestion ? (_jsx(Button, { variant: "surface", size: "icon", onClick: () => onDismissSuggestion(message.id), className: "h-6 w-6 rounded-sm text-muted", title: labels.dismiss ?? "Dismiss suggestion", "aria-label": labels.dismiss ?? "Dismiss suggestion", children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] })] })) : null, showReplyReference ? (_jsx("a", { href: `#${getChatMessageAnchorId(replyTargetId)}`, onClick: handleReplyReferenceClick, className: "mb-2 block text-xs font-medium text-muted underline decoration-border/60 underline-offset-2 transition-colors hover:text-txt-strong", children: replyReferenceLabel })) : null, isEditing ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Textarea, { ref: editTextareaRef, value: draftText, onChange: (event) => setDraftText(event.target.value), onKeyDown: handleEditKeyDown, className: "min-h-[110px] w-full rounded-sm border border-border bg-card px-3 py-2.5 text-[15px] leading-[1.7] text-txt outline-none   ", style: { fontFamily: "var(--font-chat)" }, "aria-label": labels.edit ?? "Edit message", disabled: savingEdit }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { variant: "surface", size: "sm", onClick: handleCancelEditing, disabled: savingEdit, className: "h-8 rounded-sm px-3 text-xs", children: labels.cancel ?? "Cancel" }), _jsx(Button, { variant: "surfaceAccent", size: "sm", onClick: () => void handleSaveEdit(), disabled: savingEdit ||
                                                 !draftText.trim() ||
                                                 draftText.trim() === message.text.trim(), className: "h-8 rounded-sm px-3 text-xs disabled:border-border/20 disabled:bg-bg-accent disabled:text-muted-strong", children: savingEdit
                                                 ? (labels.saving ?? "Saving...")

package/components/composites/chat/chat-source.d.ts

@@ -1,5 +1,5 @@
-import type { ChatVoiceSpeaker } from "./chat-types";
-export type { ChatSourceMeta } from "./chat-source.helpers";
+import type { ChatVoiceSpeaker } from "./chat-types.js";
+export type { ChatSourceMeta } from "./chat-source.helpers.js";
 export declare function ChatSourceIcon({ source, className, decorative, }: {
     className?: string;
     decorative?: boolean;

package/components/composites/chat/chat-source.helpers.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ChatVoiceSpeaker } from "./chat-types";
+import type { ChatVoiceSpeaker } from "./chat-types.js";
 type SourceIconProps = {
     className?: string;
 };

package/components/composites/chat/chat-thread-layout.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ChatVariant } from "./chat-types";
+import type { ChatVariant } from "./chat-types.js";
 type RefLike<T> = ((instance: T | null) => void) | {
     current: T | null;
 } | null;

package/components/composites/chat/chat-thread-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-thread-layout.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-thread-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,CAAC;AAYhF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,2FA+E3B,CAAC"}
+{"version":3,"file":"chat-thread-layout.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-thread-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,CAAC;AAYhF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,2FA8E3B,CAAC"}

package/components/composites/chat/chat-thread-layout.js

@@ -10,7 +10,7 @@ function assignRef(ref, value) {
         ref.current = value;
     }
 }
-export const ChatThreadLayout = React.forwardRef(function ChatThreadLayout({ children, className, composerHeight = 0, composer, footerStack, gameModalComposerGapPx = 18, gameModalMessageBottomFallback = "5.25rem", gameModalMessageTop = "calc(-100% + 1.5rem)", imageDragOver = false, messagesClassName, messagesRef, messagesStyle, messagesTestId = "chat-messages-scroll", variant = "default", ...props }, ref) {
+export const ChatThreadLayout = React.forwardRef(function ChatThreadLayout({ children, className, composerHeight = 0, composer, footerStack, gameModalComposerGapPx = 18, gameModalMessageBottomFallback = "5.25rem", gameModalMessageTop = "calc(-100% + 1.5rem)", imageDragOver: _imageDragOver = false, messagesClassName, messagesRef, messagesStyle, messagesTestId = "chat-messages-scroll", variant = "default", ...props }, ref) {
     const isGameModal = variant === "game-modal";
     const resolvedMessagesStyle = isGameModal
         ? {
@@ -31,7 +31,7 @@ export const ChatThreadLayout = React.forwardRef(function ChatThreadLayout({ chi
             zIndex: 1,
             ...messagesStyle,
         };
-    return (_jsxs("section", { ref: ref, "aria-label": "Chat workspace", className: cn("relative flex min-h-0 flex-1 flex-col", isGameModal ? "overflow-visible pointer-events-none" : "bg-transparent", imageDragOver && "ring-2 ring-inset ring-accent", className), ...props, children: [_jsx("div", { ref: (node) => assignRef(messagesRef, node), "data-testid": messagesTestId, "data-no-window-drag": false, "data-no-camera-drag": false, "data-no-camera-zoom": false, className: cn(isGameModal
+    return (_jsxs("section", { ref: ref, "aria-label": "Chat workspace", className: cn("relative flex min-h-0 flex-1 flex-col", isGameModal ? "overflow-visible pointer-events-none" : "bg-transparent", className), ...props, children: [_jsx("div", { ref: (node) => assignRef(messagesRef, node), "data-testid": messagesTestId, "data-no-window-drag": false, "data-no-camera-drag": false, "data-no-camera-zoom": false, className: cn(isGameModal
                     ? "chat-native-scrollbar absolute inset-x-0 overflow-x-hidden overflow-y-auto pointer-events-auto"
                     : "chat-native-scrollbar relative flex flex-1 flex-col overflow-x-hidden overflow-y-auto px-3 py-3 sm:px-4 sm:py-4 xl:px-5", messagesClassName), style: resolvedMessagesStyle, children: children }), composer, footerStack] }));
 });

package/components/composites/chat/chat-transcript.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ChatMessageData, ChatMessageLabels, ChatVariant } from "./chat-types";
+import type { ChatMessageData, ChatMessageLabels, ChatVariant } from "./chat-types.js";
 export interface ChatTranscriptProps {
     agentName?: string;
     carryoverMessages?: ChatMessageData[];
@@ -8,6 +8,10 @@ export interface ChatTranscriptProps {
     messages: ChatMessageData[];
     onCopy?: (text: string) => void;
     onDelete?: (messageId: string) => void;
+    /** Dismiss a proactive suggestion bubble (#8792). */
+    onDismissSuggestion?: (messageId: string) => void;
+    /** Accept ("Do it") a proactive suggestion bubble (#8792). */
+    onAcceptSuggestion?: (message: ChatMessageData) => void;
     onEdit?: (messageId: string, text: string) => Promise<boolean> | boolean;
     onSpeak?: (messageId: string, text: string) => void;
     renderMessageContent?: (message: ChatMessageData) => React.ReactNode;
@@ -15,5 +19,5 @@ export interface ChatTranscriptProps {
     userMessagesOnRight?: boolean;
     variant?: ChatVariant;
 }
-export declare const ChatTranscript: React.MemoExoticComponent<({ agentName, carryoverMessages, carryoverOpacity, labels, messages, onCopy, onDelete, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight, variant, }: ChatTranscriptProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChatTranscript: React.MemoExoticComponent<({ agentName, carryoverMessages, carryoverOpacity, labels, messages, onCopy, onDelete, onDismissSuggestion, onAcceptSuggestion, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight, variant, }: ChatTranscriptProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=chat-transcript.d.ts.map

package/components/composites/chat/chat-transcript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-transcript.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-transcript.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAgFD,eAAO,MAAM,cAAc,4MAcxB,mBAAmB,6CAqIpB,CAAC"}
+{"version":3,"file":"chat-transcript.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-transcript.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACZ,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAiGD,eAAO,MAAM,cAAc,qPAgBxB,mBAAmB,6CAuIpB,CAAC"}

package/components/composites/chat/chat-transcript.js

@@ -49,6 +49,21 @@ function normalizeTranscriptMessage(message) {
             : {}),
     };
 }
+// Memoize normalization per message identity. During streaming only the last
+// message object changes each token frame; the other N-1 are the same reference,
+// so this returns their already-normalized result instead of re-running the
+// split + legacy-reply regex over the whole transcript every frame (O(N)→O(1)).
+// Keyed on the (immutable) message object, so a real new message misses and
+// re-parses; a WeakMap lets dropped messages GC.
+const normalizeCache = new WeakMap();
+function normalizeTranscriptMessageCached(message) {
+    const cached = normalizeCache.get(message);
+    if (cached)
+        return cached;
+    const normalized = normalizeTranscriptMessage(message);
+    normalizeCache.set(message, normalized);
+    return normalized;
+}
 function getMessageGroupingKey(message) {
     if (message.role !== "user") {
         return message.role;
@@ -62,8 +77,8 @@ function getMessageGroupingKey(message) {
     }
     return `user:${source}|${senderName}|${senderHandle}|${avatarUrl}`;
 }
-export const ChatTranscript = memo(function ChatTranscript({ agentName = "Agent", carryoverMessages = [], carryoverOpacity = 1, labels, messages, onCopy, onDelete, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight = true, variant = "default", }) {
-    const normalizedMessages = useMemo(() => messages.map(normalizeTranscriptMessage), [messages]);
+export const ChatTranscript = memo(function ChatTranscript({ agentName = "Agent", carryoverMessages = [], carryoverOpacity = 1, labels, messages, onCopy, onDelete, onDismissSuggestion, onAcceptSuggestion, onEdit, onSpeak, renderMessageContent, typingIndicator, userMessagesOnRight = true, variant = "default", }) {
+    const normalizedMessages = useMemo(() => messages.map(normalizeTranscriptMessageCached), [messages]);
     // Index by id so reply-target resolution is O(1) per row instead of an O(n)
     // .find() — i.e. O(n²) over a long transcript on a phone.
     const messagesById = useMemo(() => new Map(normalizedMessages.map((m) => [m.id, m])), [normalizedMessages]);
@@ -103,6 +118,6 @@ export const ChatTranscript = memo(function ChatTranscript({ agentName = "Agent"
                     previousMessage != null &&
                     getMessageGroupingKey(previousMessage) ===
                         getMessageGroupingKey(message);
-                return (_jsx(ChatMessage, { message: message, isGrouped: isGrouped, enterOnMount: animatedIdsRef.current.has(message.id), agentName: agentName, labels: labels, onCopy: onCopy, onDelete: onDelete, onEdit: onEdit, onSpeak: onSpeak, replyTarget: replyTarget, renderContent: renderMessageContent, userMessagesOnRight: userMessagesOnRight }, message.id));
+                return (_jsx(ChatMessage, { message: message, isGrouped: isGrouped, enterOnMount: animatedIdsRef.current.has(message.id), agentName: agentName, labels: labels, onCopy: onCopy, onDelete: onDelete, onDismissSuggestion: onDismissSuggestion, onAcceptSuggestion: onAcceptSuggestion, onEdit: onEdit, onSpeak: onSpeak, replyTarget: replyTarget, renderContent: renderMessageContent, userMessagesOnRight: userMessagesOnRight }, message.id));
             }), typingIndicator] }));
 });

package/components/composites/chat/chat-types.d.ts

@@ -19,6 +19,8 @@ export interface ChatLabelSet {
     suggestion?: string;
     /** Dismiss control on a proactive suggestion bubble (#8792). */
     dismiss?: string;
+    /** Accept ("Do it") control on a proactive suggestion bubble (#8792). */
+    acceptSuggestion?: string;
     deleteNo?: string;
     deleteYes?: string;
     edit?: string;

package/components/composites/chat/chat-types.d.ts.map

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

package/components/composites/chat/chat-typing-indicator.d.ts

@@ -1,4 +1,4 @@
-import type { ChatVariant } from "./chat-types";
+import type { ChatVariant } from "./chat-types.js";
 export interface TypingIndicatorProps {
     agentAvatarSrc?: string | null;
     agentName: string;