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

package/components/composites/chat/ChatVoiceStatusBar.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatVoiceStatusBar — live status strip shown above the composer while
+ * continuous chat is on (R10 §2.3).
+ *
+ * Surfaces:
+ * - status dot (idle / listening / thinking / speaking / interrupting)
+ * - live partial transcript
+ * - speaker pill (name + OWNER crown when entityId matches owner)
+ * - interrupt indicator
+ * - latency badge (speechEnd → voiceStart) with traffic-light colouring
+ */
+import { Crown, RefreshCw, VolumeX } from "lucide-react";
+import { cn } from "../../../lib/utils.js";
+const STATUS_DOT_CLASS = {
+    idle: "bg-muted/60",
+    listening: "bg-ok",
+    thinking: "bg-warn animate-pulse",
+    speaking: "bg-accent",
+    interrupting: "bg-danger animate-pulse",
+    transcribing: "bg-accent animate-pulse",
+};
+const STATUS_LABEL = {
+    idle: "Idle",
+    listening: "Listening",
+    thinking: "Thinking",
+    speaking: "Speaking",
+    interrupting: "Interrupting",
+    transcribing: "Transcribing",
+};
+function latencyTone(ms) {
+    if (ms === null || ms === undefined || !Number.isFinite(ms))
+        return "muted";
+    if (ms <= 500)
+        return "ok";
+    if (ms <= 1500)
+        return "warn";
+    return "danger";
+}
+const TONE_CLASS = {
+    ok: "text-ok border-ok/40 bg-ok/10",
+    warn: "text-warn border-warn/40 bg-warn/10",
+    danger: "text-danger border-danger/40 bg-danger/10",
+    muted: "text-muted border-border/30 bg-card/20",
+};
+function formatLatency(ms) {
+    if (ms === null || ms === undefined || !Number.isFinite(ms))
+        return "—";
+    if (ms < 1000)
+        return `${Math.round(ms)} ms`;
+    return `${(ms / 1000).toFixed(2)} s`;
+}
+export function ChatVoiceStatusBar({ status, interimTranscript, speaker, ownerEntityId, latency, needsAudioUnlock = false, onUnlockAudio, micReconnected = false, visible = true, className, "data-testid": dataTestId, }) {
+    if (!visible)
+        return null;
+    const speakerEntityId = speaker?.entityId ?? null;
+    const isOwnerSpeaking = Boolean(ownerEntityId) &&
+        Boolean(speakerEntityId) &&
+        speakerEntityId === ownerEntityId;
+    const speakerName = speaker?.name ?? speaker?.userName ?? null;
+    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", "    "), 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)}` +
+                        (cached ? "\nfirst segment served from cache" : "")
+                    : undefined, children: [formatLatency(primaryLatency), cached ? (_jsx("span", { className: "text-[9px] uppercase opacity-70", children: "cached" })) : null] })] }));
+}
+export default ChatVoiceStatusBar;

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

@@ -0,0 +1,26 @@
+/**
+ * ContinuousChatToggle — three-segment switch that lives in the chat header.
+ *
+ * R10 §2.1 / §2.3. Off / VAD-gated / Always-on.
+ *
+ * - On wide layouts: three pill buttons inline.
+ * - On narrow / mobile layouts: collapses to a single icon button (Mic) that
+ *   shows the active mode and opens a sheet on tap; the caller renders the
+ *   sheet (we just expose the toggle + a click handler).
+ */
+import * as React from "react";
+import { type VoiceContinuousMode } from "../../../voice/voice-chat-types.js";
+export interface ContinuousChatToggleProps {
+    value: VoiceContinuousMode;
+    onChange: (next: VoiceContinuousMode) => void;
+    /** Disable user interaction (e.g. mic permission denied, no STT). */
+    disabled?: boolean;
+    /** Render the compact (single-icon) variant. */
+    compact?: boolean;
+    className?: string;
+    /** Test/automation hook. */
+    "data-testid"?: string;
+}
+export declare function ContinuousChatToggle({ value, onChange, disabled, compact, className, "data-testid": dataTestId, }: ContinuousChatToggleProps): React.ReactElement;
+export default ContinuousChatToggle;
+//# sourceMappingURL=ContinuousChatToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContinuousChatToggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/ContinuousChatToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AASzC,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAoCD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAwGhD;AAED,eAAe,oBAAoB,CAAC"}

package/components/composites/chat/ContinuousChatToggle.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ContinuousChatToggle — three-segment switch that lives in the chat header.
+ *
+ * R10 §2.1 / §2.3. Off / VAD-gated / Always-on.
+ *
+ * - On wide layouts: three pill buttons inline.
+ * - On narrow / mobile layouts: collapses to a single icon button (Mic) that
+ *   shows the active mode and opens a sheet on tap; the caller renders the
+ *   sheet (we just expose the toggle + a click handler).
+ */
+import { Mic, Radio, Volume2 } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../../lib/utils.js";
+import { VOICE_CONTINUOUS_MODES, } from "../../../voice/voice-chat-types.js";
+import { Button } from "../../ui/button.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../ui/tooltip.js";
+const MODE_META = {
+    off: {
+        label: "Off",
+        description: "Push-to-talk only. Hold the mic to record.",
+        icon: Mic,
+    },
+    "vad-gated": {
+        label: "VAD",
+        description: "Mic opens automatically when you start speaking and closes on silence.",
+        icon: Volume2,
+    },
+    "always-on": {
+        label: "Live",
+        description: "Mic stays on. The agent decides when you finished speaking and replies.",
+        icon: Radio,
+    },
+};
+function isContinuousMode(value) {
+    return (typeof value === "string" &&
+        VOICE_CONTINUOUS_MODES.includes(value));
+}
+export function ContinuousChatToggle({ value, onChange, disabled = false, compact = false, className, "data-testid": dataTestId, }) {
+    const handleSelect = React.useCallback((next) => {
+        if (disabled)
+            return;
+        if (!isContinuousMode(next))
+            return;
+        if (next === value)
+            return;
+        onChange(next);
+    }, [disabled, onChange, value]);
+    if (compact) {
+        const meta = MODE_META[value];
+        const Icon = meta.icon;
+        const nextIndex = (VOICE_CONTINUOUS_MODES.indexOf(value) + 1) %
+            VOICE_CONTINUOUS_MODES.length;
+        const nextMode = VOICE_CONTINUOUS_MODES[nextIndex] ?? "off";
+        return (_jsx(TooltipProvider, { delayDuration: 150, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-pressed": value !== "off", "aria-label": `Continuous chat: ${meta.label} (tap to switch)`, "data-testid": dataTestId ?? "continuous-chat-toggle", "data-mode": value, disabled: disabled, onClick: () => handleSelect(nextMode), className: cn("h-8 w-8 shrink-0", value === "always-on" && "text-accent", value === "vad-gated" && "text-ok", value === "off" && "text-muted", className), children: _jsx(Icon, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { side: "bottom", children: _jsxs("div", { className: "text-xs", children: [_jsxs("div", { className: "font-medium", children: ["Continuous chat \u2014 ", meta.label] }), _jsx("div", { className: "text-muted", children: meta.description })] }) })] }) }));
+    }
+    return (_jsx("div", { role: "radiogroup", "aria-label": "Continuous chat mode", "data-testid": dataTestId ?? "continuous-chat-toggle", "data-mode": value, className: cn("inline-flex items-center gap-0.5 rounded-sm border border-border/40 bg-card/30 p-0.5", disabled && "opacity-50 pointer-events-none", className), children: VOICE_CONTINUOUS_MODES.map((modeId) => {
+            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", "    ", 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));
+        }) }));
+}
+export default ContinuousChatToggle;

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-attachment-strip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-attachment-strip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAmD,EACnD,OAAmB,GACpB,EAAE,wBAAwB,kDAoC1B"}
+{"version":3,"file":"chat-attachment-strip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-attachment-strip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,MAAM,CAAC;IACnD,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAmBD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAA6C,EAC7C,OAAmB,GACpB,EAAE,wBAAwB,kDAwC1B"}

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

@@ -1,8 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileText, Film, Music } from "lucide-react";
 import { Button } from "../../ui/button.js";
-export function ChatAttachmentStrip({ items, onRemove, removeLabel = (item) => `Remove image ${item.name}`, variant = "default", }) {
+function NonImageTile({ item, }) {
+    const Icon = item.kind === "audio" ? Music : item.kind === "video" ? Film : FileText;
+    return (_jsxs("div", { className: "flex h-16 w-16 flex-col items-center justify-center gap-1 rounded-sm border border-border bg-bg/40 px-1 text-center", children: [_jsx(Icon, { className: "h-5 w-5 text-muted" }), _jsx("span", { className: "w-full truncate text-2xs text-muted", title: item.name, children: item.name })] }));
+}
+export function ChatAttachmentStrip({ items, onRemove, removeLabel = (item) => `Remove ${item.name}`, variant = "default", }) {
     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: [_jsx("img", { src: item.src, alt: item.alt, className: "h-16 w-16 rounded border border-border object-cover" }), _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-full 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-bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAajB"}
+{"version":3,"file":"chat-bubble.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/composites/chat/chat-bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAQpC,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAkB,EAClB,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAoBjB"}

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

@@ -1,7 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../../lib/utils.js";
-import { normalizeChatSourceKey } from "./chat-source.js";
+import { getChatSourceMeta, normalizeChatSourceKey, } from "./chat-source.helpers.js";
 export function ChatBubble({ tone = "assistant", source, className, ...props }) {
     const normalizedSource = normalizeChatSourceKey(source) ?? undefined;
-    return (_jsx("div", { className: cn("relative whitespace-pre-wrap break-words", tone === "user" ? "text-txt-strong" : "text-txt", className), "data-chat-source": normalizedSource ?? undefined, ...props }));
+    const sourceBorderClassName = normalizedSource
+        ? getChatSourceMeta(normalizedSource).borderClassName
+        : "border-transparent";
+    return (_jsx("div", { className: cn("relative inline-block max-w-full whitespace-pre-wrap break-words rounded-sm border px-3 py-2", tone === "user"
+            ? "bg-[color:color-mix(in_srgb,var(--accent-subtle)_70%,var(--bg)_30%)] text-txt-strong"
+            : "bg-[color:color-mix(in_srgb,var(--card)_82%,var(--text)_12%)] text-txt", sourceBorderClassName, className), "data-chat-source": normalizedSource ?? undefined, ...props }));
 }

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-shell.js

@@ -11,15 +11,15 @@ function assignRef(ref, value) {
 }
 export function ChatComposerShell({ before, children, className, shellRef, style, variant = "default", ...props }) {
     if (variant === "game-modal") {
-        return (_jsxs("div", { ref: (node) => assignRef(shellRef, node), className: cn("mt-auto pointer-events-auto px-1 max-[380px]:px-0.5", className), "data-no-camera-drag": "true", style: {
+        return (_jsxs("div", { ref: (node) => assignRef(shellRef, node), className: cn("mt-auto shrink-0 pointer-events-auto px-1 max-[380px]:px-0.5", className), "data-no-camera-drag": "true", style: {
                 zIndex: 1,
-                paddingBottom: "calc(max(env(safe-area-inset-bottom, 0px), 0px) + var(--eliza-mobile-nav-offset, 0px) + 0.25rem)",
+                paddingBottom: "calc(max(env(safe-area-inset-bottom, 0px), var(--android-gesture-inset-bottom, 0px)) + var(--eliza-mobile-nav-offset, 0px) + 0.25rem)",
                 ...style,
             }, ...props, children: [before, _jsx("div", { className: "relative flex items-center px-3 py-2 max-[380px]:min-h-[78px] max-[380px]:px-2.5 max-[380px]:py-1.5", children: _jsx("div", { className: "relative z-[1] flex w-full items-center", children: children }) })] }));
     }
-    return (_jsxs("div", { ref: (node) => assignRef(shellRef, node), className: cn("relative min-w-0 bg-transparent px-2 pb-3 pt-3 sm:px-6 sm:pb-4 xl:px-14", className), style: {
+    return (_jsxs("div", { ref: (node) => assignRef(shellRef, node), className: cn("relative shrink-0 min-w-0 bg-transparent px-2 pb-3 pt-3 sm:px-6 sm:pb-4 xl:px-14", className), style: {
             zIndex: 1,
-            paddingBottom: "calc(var(--safe-area-bottom, 0px) + var(--eliza-mobile-nav-offset, 0px) + 0.75rem)",
+            paddingBottom: "calc(max(var(--safe-area-bottom, 0px), var(--android-gesture-inset-bottom, 0px)) + var(--eliza-mobile-nav-offset, 0px) + 0.75rem)",
             ...style,
         }, ...props, children: [before, children] }));
 }

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

@@ -1,12 +1,13 @@
-import { type KeyboardEvent, type RefObject } from "react";
-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: "idle" | "compose" | "push-to-talk";
+    captureMode: VoiceSessionMode;
     interimTranscript: string;
     isListening: boolean;
     isSpeaking: boolean;
-    startListening: (mode?: "compose" | "push-to-talk") => void | Promise<void>;
+    startListening: (mode?: Exclude<VoiceSessionMode, "idle">) => void | Promise<void>;
     stopListening: (options?: {
         submit?: boolean;
     }) => void | Promise<void>;
@@ -24,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;
@@ -34,12 +41,10 @@ export interface ChatComposerProps {
     textareaRef: RefObject<HTMLTextAreaElement | null>;
     variant: ChatVariant;
     voice: ChatComposerVoiceState;
-    codingAgentsAvailable?: boolean;
-    onCreateTask?: (description: string, agentType: string) => void;
     /** Hide the attach-image button (used where outbound attachments aren't supported). */
     hideAttachButton?: boolean;
     /** 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, codingAgentsAvailable, onCreateTask, 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;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAiEhD,MAAM,WAAW,sBAAsB;IACrC,mBAAmB,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9C,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAC;IACjD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,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,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,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,qBAA6B,EAC7B,YAAY,EACZ,gBAAwB,EACxB,WAAW,EACX,iBAAiB,GAClB,EAAE,iBAAiB,2CAkoBnB"}
+{"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

@@ -3,13 +3,12 @@ import { ArrowUp, Mic, Paperclip, Plus, Send, Square, Volume2, VolumeX, } from "
 import { useEffect, useLayoutEffect, useRef, useState, } from "react";
 import { Button } from "../../ui/button.js";
 import { Textarea } from "../../ui/textarea.js";
-import { CreateTaskPopover } from "./create-task-popover.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 shadow-none outline-none ring-0 placeholder:text-muted/60 focus:!border-0 focus:!outline-none focus:!ring-0 focus-visible:!border-0 focus-visible:!outline-none focus-visible:!ring-0 focus-visible:!ring-offset-0 focus-visible:!shadow-none";
+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 chatComposerFocusResetClass = "[&_button:focus]:!outline-none [&_button:focus-visible]:!outline-none [&_button:focus-visible]:!ring-0 [&_button:focus-visible]:!ring-offset-0 [&_button:focus-visible]:!shadow-none [&_textarea:focus]:!outline-none [&_textarea:focus-visible]:!outline-none [&_textarea:focus-visible]:!ring-0 [&_textarea:focus-visible]:!ring-offset-0 [&_textarea:focus-visible]:!shadow-none";
+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);
@@ -39,22 +38,12 @@ 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, codingAgentsAvailable = false, onCreateTask, hideAttachButton = false, placeholder, textareaAriaLabel, }) {
-    const [isNarrow, setIsNarrow] = useState(() => typeof window !== "undefined" && window.innerWidth < 310);
+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);
     const inlineMeasureRef = useRef(null);
     const lastInlineSingleLineWidthRef = useRef(null);
-    useEffect(() => {
-        if (typeof window === "undefined" || !window.matchMedia)
-            return;
-        const mq = window.matchMedia("(max-width: 309px)");
-        const sync = () => setIsNarrow(mq.matches);
-        sync();
-        mq.addEventListener("change", sync);
-        return () => mq.removeEventListener("change", sync);
-    }, []);
     const isGameModal = variant === "game-modal";
     const isInline = layout === "inline";
     const showVoiceButton = isGameModal || voice.supported;
@@ -71,7 +60,7 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
                 : t("common.send")
             : t("chat.stopSpeaking");
     const actionButtonLabel = isGameModal ? undefined : actionButtonTitle;
-    const inputPlaceholder = isNarrow ? t("common.message") : t("common.message");
+    const inputPlaceholder = t("common.message");
     const voiceButtonTitle = isAgentStarting
         ? t("chat.agentStarting")
         : voice.isListening
@@ -205,6 +194,12 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
         }, 0);
     };
     const handleMicClick = () => {
+        if (voice.isListening && voice.captureMode === "push-to-talk") {
+            pushToTalkActiveRef.current = false;
+            suppressClickRef.current = false;
+            void voice.stopListening({ submit: true });
+            return;
+        }
         if (suppressClickRef.current) {
             suppressClickRef.current = false;
             return;
@@ -219,55 +214,55 @@ export function ChatComposer({ variant, layout = "default", textareaRef, chatInp
             return;
         void voice.startListening("compose");
     };
-    const renderCreateTaskButton = () => {
-        if (isGameModal || !codingAgentsAvailable || !onCreateTask) {
-            return null;
-        }
-        return (_jsx(CreateTaskPopover, { chatInput: chatInput, disabled: isComposerLocked, onCreateTask: onCreateTask, t: t, triggerVariant: isInline ? "ghost" : "surface", triggerClassName: isInline
-                ? "h-8 w-8 shrink-0 rounded-full bg-bg/60 p-0 text-muted shadow-none transition-colors hover:bg-bg/60 hover:text-txt focus-visible:ring-0 focus-visible:ring-offset-0"
-                : "h-[46px] w-[46px] shrink-0", triggerIconClassName: isInline ? "h-4.5 w-4.5" : "h-4 w-4" }));
-    };
     if (isInline) {
-        const inlineAttachButton = !isGameModal && !hideAttachButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: `h-8 w-8 shrink-0 rounded-full bg-bg/60 p-0 text-muted shadow-none transition-colors hover:bg-bg/60 hover:text-txt focus-visible:ring-0 focus-visible:ring-offset-0 ${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 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-full p-0 shadow-none transition-colors focus-visible:ring-0 focus-visible:ring-offset-0 active:scale-95 ${voice.isListening
+        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
                 ? "bg-accent text-bg hover:bg-accent/90 hover:text-bg"
-                : "bg-bg/60 text-muted hover:bg-bg/60 hover:text-txt"}`, 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" }) }));
-        const inlineSendButton = (_jsx(Button, { variant: "ghost", "data-testid": "chat-composer-action", size: "icon", className: "h-8 w-8 shrink-0 rounded-full bg-txt p-0 text-bg shadow-none transition-transform focus-visible:ring-0 focus-visible:ring-offset-0 active:scale-95 disabled:opacity-40", onClick: onSend, disabled: isComposerLocked || !hasDraft, title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(ArrowUp, { className: "h-4.5 w-4.5" }) }));
-        const inlineStopButton = (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: "h-8 w-8 shrink-0 rounded-full bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25 focus-visible:ring-0 focus-visible:ring-offset-0", onClick: onStop, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: "h-3.5 w-3.5 fill-current" }) }));
-        const inlineStopSpeakingButton = (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: "h-8 w-8 shrink-0 rounded-full bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25 focus-visible:ring-0 focus-visible:ring-offset-0", onClick: onStopSpeaking, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: "h-3.5 w-3.5 fill-current" }) }));
-        const inlineTrailingActions = shouldShowStopButton ? (inlineStopButton) : !isGameModal && voice.isSpeaking && !hasDraft ? (inlineStopSpeakingButton) : isInlineMultiline ? (_jsxs(_Fragment, { children: [inlineMicButton, inlineSendButton] })) : hasDraft ? (inlineSendButton) : (inlineMicButton);
+                : "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" }) }));
+        const inlineSendButton = (_jsx(Button, { variant: "ghost", "data-testid": "chat-composer-action", size: "icon", className: "h-8 w-8 shrink-0 rounded-sm bg-txt p-0 text-bg shadow-none transition-transform active:scale-95 disabled:opacity-40", onClick: onSend, 
+            // Keep the textarea focused through the tap: without this, tapping the
+            // send button blurs the composer (the keyboard starts to dismiss) and the
+            // send handler then re-focuses it — the keyboard "flips" closed/open.
+            onMouseDown: (e) => e.preventDefault(), disabled: isComposerLocked || !hasDraft, title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(ArrowUp, { className: "h-4.5 w-4.5" }) }));
+        const inlineStopButton = (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: "h-8 w-8 shrink-0 rounded-sm bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25", onClick: onStop, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: "h-3.5 w-3.5 fill-current" }) }));
+        const inlineStopSpeakingButton = (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: "h-8 w-8 shrink-0 rounded-sm bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25", onClick: onStopSpeaking, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: "h-3.5 w-3.5 fill-current" }) }));
+        const inlineTrailingActions = shouldShowStopButton ? (inlineStopButton) : !isGameModal && voice.isSpeaking && !hasDraft ? (inlineStopSpeakingButton) : isInlineMultiline ? (_jsxs(_Fragment, { children: [inlineMicButton, inlineSendButton] })) : voice.isListening ? (
+        // Keep the mic (release) button mounted while a push-to-talk turn is held,
+        // even after live STT text fills the draft — otherwise the composer swaps
+        // to the send button mid-hold and pointer-release can no longer submit.
+        inlineMicButton) : hasDraft ? (inlineSendButton) : (inlineMicButton);
         return (_jsxs("div", { ref: inlineRootRef, "data-chat-composer": "true", "data-inline-layout": isInlineMultiline ? "stacked" : "single-line", className: isInlineMultiline
-                ? `flex min-h-[64px] flex-col gap-1 rounded-[22px] border border-border/35 bg-card/45 px-1.5 py-1.5 ${chatComposerFocusResetClass}`
-                : `flex min-h-[40px] items-center gap-1 rounded-full border border-border/35 bg-card/45 px-1 py-1 ${chatComposerFocusResetClass}`, children: [_jsx("textarea", { ref: inlineMeasureRef, "aria-hidden": "true", className: inlineMeasureTextareaClass, "data-chat-composer-measure": "true", readOnly: true, rows: 1, tabIndex: -1, value: chatInput }), isInlineMultiline ? (_jsxs(_Fragment, { children: [inlineTextarea, _jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [inlineAttachButton, renderCreateTaskButton(), _jsx("div", { className: "min-w-0 flex-1" }), inlineTrailingActions] })] })) : (_jsxs(_Fragment, { children: [inlineAttachButton, renderCreateTaskButton(), inlineTextarea, inlineTrailingActions] }))] }));
+                ? `flex min-h-[64px] flex-col gap-1 rounded-sm border px-1.5 py-1.5 ${inlineComposerSurfaceClass}`
+                : `flex min-h-[40px] items-center gap-1 rounded-sm border px-1 py-1 ${inlineComposerSurfaceClass}`, children: [_jsx("textarea", { ref: inlineMeasureRef, "aria-hidden": "true", className: inlineMeasureTextareaClass, "data-chat-composer-measure": "true", readOnly: true, rows: 1, tabIndex: -1, value: chatInput }), isInlineMultiline ? (_jsxs(_Fragment, { children: [inlineTextarea, _jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [inlineAttachButton, _jsx("div", { className: "min-w-0 flex-1" }), inlineTrailingActions] })] })) : (_jsxs(_Fragment, { children: [inlineAttachButton, inlineTextarea, inlineTrailingActions] }))] }));
     }
     return (_jsxs("div", { "data-chat-composer": "true", className: isGameModal
-            ? `relative flex w-full items-end gap-2 transition-all max-[380px]:gap-1.5 ${chatComposerFocusResetClass}`
-            : `flex items-center gap-1.5 sm:gap-2 ${chatComposerFocusResetClass}`, children: [!isGameModal && !hideAttachButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: isInline
-                    ? `h-8 w-8 shrink-0 rounded-full bg-bg/60 p-0 text-muted shadow-none transition-colors hover:bg-bg/60 hover:text-txt focus-visible:ring-0 focus-visible:ring-offset-0 ${chatPendingImagesCount > 0
+            ? "relative flex w-full items-end gap-2 transition-all max-[380px]:gap-1.5"
+            : "flex items-center gap-1.5 sm:gap-2", children: [!isGameModal && !hideAttachButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: isInline
+                    ? `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"
                         : ""}`
                     : `h-[38px] w-9 shrink-0 bg-transparent p-0 shadow-none border-0 text-muted hover:bg-transparent hover:text-txt ${chatPendingImagesCount > 0
                         ? "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, renderCreateTaskButton(), !isInline && showVoiceButton ? (_jsx(Button, { variant: "ghost", size: "icon", className: isGameModal
+                        : ""}`, 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-full border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_66%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_16px_26px_-24px_rgba(15,23,42,0.16)] ring-1 ring-inset ring-white/8 backdrop-blur-md transition-all duration-300 active:scale-95 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_18px_28px_-24px_rgba(0,0,0,0.3)]"
-                        : "select-none rounded-full border border-transparent bg-transparent text-muted-strong shadow-none ring-0 backdrop-blur-none transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_74%,transparent),color-mix(in_srgb,var(--bg)_58%,transparent))] 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" : ""}`, onClick: handleMicClick, onPointerDown: handleMicPointerDown, onPointerUp: handleMicPointerUp, onPointerCancel: handleMicPointerCancel, onPointerLeave: handleMicPointerCancel, "aria-label": isAgentStarting
+                        ? "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 ring-0 shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 font-[var(--font-chat)] disabled:opacity-50 rounded-3xl 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 ring-0 shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 font-[var(--font-chat)] disabled:opacity-50 rounded-2xl 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"
@@ -275,23 +270,26 @@ 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-full border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_66%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_16px_26px_-24px_rgba(15,23,42,0.16)] ring-1 ring-inset ring-white/8 backdrop-blur-md transition-all duration-300 active:scale-95 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_18px_28px_-24px_rgba(0,0,0,0.3)]"
-                        : "select-none rounded-full border border-transparent bg-transparent text-muted-strong shadow-none ring-0 backdrop-blur-none transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_74%,transparent),color-mix(in_srgb,var(--bg)_58%,transparent))] 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-full bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25 focus-visible:ring-0 focus-visible:ring-offset-0"
-                    : "ml-1 flex items-center justify-center rounded-full 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
+                    ? "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
                         ? "h-3.5 w-3.5 fill-current"
                         : isGameModal
                             ? "h-4.5 w-4.5"
                             : "h-4 w-4" }) })) : !isGameModal && voice.isSpeaking && !hasDraft ? (_jsx(Button, { variant: "surfaceDestructive", "data-testid": "chat-composer-action", className: isInline
-                    ? "h-8 w-8 shrink-0 rounded-full bg-danger/15 p-0 text-danger shadow-none transition-colors hover:bg-danger/25 focus-visible:ring-0 focus-visible:ring-offset-0"
-                    : "ml-1 flex items-center justify-center rounded-full transition-all duration-300 select-none active:scale-95 h-[46px] w-[46px] shrink-0", onClick: onStopSpeaking, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: isInline ? "h-3.5 w-3.5 fill-current" : "h-4 w-4" }) })) : isInline && !hasDraft ? (_jsx(Button, { variant: "ghost", "data-testid": "chat-composer-action", size: "icon", className: `h-8 w-8 shrink-0 rounded-full p-0 shadow-none transition-colors focus-visible:ring-0 focus-visible:ring-offset-0 active:scale-95 ${voice.isListening
+                    ? "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: onStopSpeaking, size: "icon", title: actionButtonLabel, "aria-label": actionButtonLabel, children: _jsx(Square, { className: isInline ? "h-3.5 w-3.5 fill-current" : "h-4 w-4" }) })) : isInline && !hasDraft ? (_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
                     ? "bg-accent text-bg hover:bg-accent/90 hover:text-bg"
-                    : "bg-bg/60 text-muted hover:bg-bg/60 hover:text-txt"}`, 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-full transition-all duration-300 select-none active:scale-95 h-[46px] w-[46px] shrink-0 ${hasDraft
-                        ? "select-none rounded-full border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_82%,transparent),color-mix(in_srgb,var(--bg)_66%,transparent))] text-txt shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_16px_26px_-24px_rgba(15,23,42,0.16)] ring-1 ring-inset ring-white/8 backdrop-blur-md transition-all duration-300 active:scale-95 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_18px_28px_-24px_rgba(0,0,0,0.3)]"
-                        : "select-none rounded-full border border-transparent bg-transparent text-muted-strong shadow-none ring-0 backdrop-blur-none transition-[border-color,background-color,color,transform,box-shadow] duration-300 hover:border-border/28 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_74%,transparent),color-mix(in_srgb,var(--bg)_58%,transparent))] hover:text-txt active:scale-95 opacity-80"}`
+                    : "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    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-full bg-txt p-0 text-bg shadow-none transition-transform focus-visible:ring-0 focus-visible:ring-offset-0 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, 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" })) }))] }));
+                        ? "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: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;AAY/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"}