@ttt-productions/chat-react 0.12.15 → 0.13.0

package/dist/ui/Composer.js

@@ -3,52 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Button, Textarea } from "@ttt-productions/ui-core/react";
 import { cn } from "@ttt-productions/ui-core";
-import { ensureFileWithContentType } from "@ttt-productions/file-input";
-import { MediaInput } from "@ttt-productions/file-input/react";
-import { useGuardedUpload } from "@ttt-productions/upload-ui/react/upload";
 import { useOptionalLocalUploadGuard } from "@ttt-productions/upload-ui/react/guard";
-import { Loader2, X, FileText, ImageIcon, VideoIcon, MicIcon } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { useMentionAutocomplete } from "../mentions/use-mention-autocomplete.js";
 import { MentionAutocomplete } from "../mentions/MentionAutocomplete.js";
 function genId() {
     return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
-function getAttachmentType(file) {
-    if (file.type.startsWith("image/"))
-        return "image";
-    if (file.type.startsWith("video/"))
-        return "video";
-    if (file.type.startsWith("audio/"))
-        return "audio";
-    return "text";
-}
-function AttachmentTypeIcon({ type }) {
-    switch (type) {
-        case "image": return _jsx(ImageIcon, { className: "h-4 w-4 shrink-0" });
-        case "video": return _jsx(VideoIcon, { className: "h-4 w-4 shrink-0" });
-        case "audio": return _jsx(MicIcon, { className: "h-4 w-4 shrink-0" });
-        default: return _jsx(FileText, { className: "h-4 w-4 shrink-0" });
-    }
-}
-function getSelectedAttachmentLabel(type) {
-    switch (type) {
-        case "image": return "Image selected";
-        case "video": return "Video selected";
-        case "audio": return "Audio selected";
-        default: return "File selected";
-    }
-}
-export const Composer = React.forwardRef(function Composer(props, forwardedRef) {
-    const { onSend, onTyping, attachmentConfig, sendAttachment, disabled, autoFocus = false, placeholder = "Type a message...", } = props;
+export function Composer(props) {
+    const { onSend, onTyping, disabled, autoFocus = false, placeholder = "Type a message...", } = props;
     const [text, setText] = React.useState("");
-    const [pendingFile, setPendingFile] = React.useState(null);
     const [isSending, setIsSending] = React.useState(false);
-    const [uploadState, setUploadState] = React.useState(null);
     const [sendError, setSendError] = React.useState(null);
     const ref = React.useRef(null);
-    const abortControllerRef = React.useRef(null);
-    const mediaInputRef = React.useRef(null);
-    const guardedUpload = useGuardedUpload();
     // Navigation guard for the in-flight send: a send that has left the composer
     // but not yet committed is killable by navigation/sign-out with zero warning
     // (observed live: the callable aborted, the message silently never delivered).
@@ -67,103 +34,40 @@ export const Composer = React.forwardRef(function Composer(props, forwardedRef)
         minQueryLength: props.mentionConfig?.minQueryLength,
         searchDebounceMs: props.mentionConfig?.searchDebounceMs,
     });
-    const attachEnabled = Boolean(attachmentConfig && sendAttachment);
     // focus stability: never steal focus unless explicitly enabled
     React.useEffect(() => {
         if (!autoFocus)
             return;
         ref.current?.focus();
     }, [autoFocus]);
-    const handleFileSelected = React.useCallback((payload) => {
-        if (payload.error || !payload.file) {
-            setPendingFile(null);
-            return;
-        }
-        setPendingFile(payload.file);
-    }, []);
-    const handleCancelUpload = React.useCallback(() => {
-        abortControllerRef.current?.abort();
-    }, []);
-    // Additive imperative handle: re-open the canonical attachment picker. Delegates
-    // straight to MediaInput's openSelection so onBeforeSelect / disabled / validation
-    // / crop are all honored (and the disabled/sending gate is MediaInput's — it
-    // receives `disabled`/`isLoading` below). No-op when attachments aren't configured
-    // (MediaInput is unmounted → ref is null).
-    const openAttachmentSelector = React.useCallback(() => {
-        mediaInputRef.current?.openSelection();
-    }, []);
-    React.useImperativeHandle(forwardedRef, () => ({ openAttachmentSelector }), [openAttachmentSelector]);
     const send = async () => {
         const v = text.trim();
-        if (!v && !pendingFile)
+        if (!v)
             return;
         setIsSending(true);
         setSendError(null);
         const sendGuardId = `chat-send-${genId()}`;
         navigationGuard?.registerUpload(sendGuardId);
         try {
-            if (pendingFile && attachmentConfig && sendAttachment) {
-                // Attachment path: upload first via canonical guarded upload, then register.
-                const uuid = genId();
-                const { uploadAdapter, userId, storage } = attachmentConfig;
-                const storagePath = uploadAdapter.buildUploadPath({ userId, attachmentId: uuid });
-                const extraMetadata = uploadAdapter.buildUploadMetadata?.({ userId, attachmentId: uuid }) ?? {};
-                const fileToUpload = ensureFileWithContentType(pendingFile);
-                const attType = getAttachmentType(fileToUpload);
-                const controller = new AbortController();
-                abortControllerRef.current = controller;
-                await guardedUpload({
-                    storage,
-                    path: storagePath,
-                    file: fileToUpload,
-                    metadata: { contentType: fileToUpload.type, ...extraMetadata },
-                    uploadId: uuid,
-                    onProgress: (state) => setUploadState(state),
-                    signal: controller.signal,
-                });
-                await sendAttachment({
-                    text: mentionApi.getValueWithTokens(),
-                    attachment: {
-                        attachmentId: uuid,
-                        storagePath,
-                        originalFileName: fileToUpload.name,
-                        type: attType,
-                        size: fileToUpload.size,
-                    },
-                });
-            }
-            else {
-                // Text-only path.
-                await onSend(mentionApi.getValueWithTokens());
-            }
+            await onSend(mentionApi.getValueWithTokens());
             setText("");
-            setPendingFile(null);
             mentionApi.close();
         }
         catch (err) {
-            // AbortError = user-initiated cancel via the MediaInput cancel button.
-            // Clear local state and swallow — not a real failure.
-            if (err instanceof Error && err.name === 'AbortError') {
-                setPendingFile(null);
-                return;
-            }
             // C-B8: a failed send (e.g. the realtime socket was closed) must NOT clear the
             // user's text — `setText("")` only runs on the success path above — and must NOT
             // re-throw into the click handler (an unhandled rejection). Surface it so the
             // user can retry with their text intact.
             console.error("[Composer] Send failed:", err);
-            setPendingFile(null);
             setSendError("Couldn't send. Check your connection and try again.");
         }
         finally {
             navigationGuard?.unregisterUpload(sendGuardId);
-            abortControllerRef.current = null;
             setIsSending(false);
-            setUploadState(null);
         }
     };
     const isDisabled = disabled || isSending;
-    return (_jsxs("div", { className: "chat-composer", children: [pendingFile && !isSending && (_jsxs("div", { className: "chat-composer-file-preview", children: [_jsx(AttachmentTypeIcon, { type: getAttachmentType(pendingFile) }), _jsx("span", { className: "chat-composer-file-name", children: getSelectedAttachmentLabel(getAttachmentType(pendingFile)) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0", onClick: () => setPendingFile(null), children: _jsx(X, { className: "h-3 w-3" }) })] })), props.mentionConfig && mentionApi.state.open && (_jsx("div", { className: "relative", children: _jsx("div", { className: "absolute bottom-full left-0 mb-1 z-10", children: _jsx(MentionAutocomplete, { state: mentionApi.state, onSelect: (ref) => mentionApi.insertMention(ref) }) }) })), sendError && (_jsx("div", { className: "px-1 pb-1 text-sm text-destructive", role: "alert", children: sendError })), _jsxs("div", { className: "flex items-end gap-2", children: [_jsx(Textarea, { ref: ref, value: text, onChange: (e) => {
+    return (_jsxs("div", { className: "chat-composer", children: [props.mentionConfig && mentionApi.state.open && (_jsx("div", { className: "relative", children: _jsx("div", { className: "absolute bottom-full left-0 mb-1 z-10", children: _jsx(MentionAutocomplete, { state: mentionApi.state, onSelect: (ref) => mentionApi.insertMention(ref) }) }) })), sendError && (_jsx("div", { className: "px-1 pb-1 text-sm text-destructive", role: "alert", children: sendError })), _jsxs("div", { className: "flex items-end gap-2", children: [_jsx(Textarea, { ref: ref, value: text, onChange: (e) => {
                             setText(e.target.value);
                             if (sendError)
                                 setSendError(null);
@@ -177,6 +81,6 @@ export const Composer = React.forwardRef(function Composer(props, forwardedRef)
                                 e.preventDefault();
                                 send();
                             }
-                        } }), _jsx(Button, { type: "button", variant: "default", disabled: isDisabled || (!text.trim() && !pendingFile), onClick: send, children: isSending ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Send" })] }), attachEnabled && attachmentConfig && (_jsx("div", { className: "mt-2", children: _jsx(MediaInput, { ref: mediaInputRef, spec: attachmentConfig.attachmentSpec, onChange: handleFileSelected, selectedFile: pendingFile, isLoading: isSending, uploadState: uploadState, disabled: isDisabled, buttonLabel: "Attach file", onClear: () => setPendingFile(null), onCancel: handleCancelUpload, className: "w-full" }) }))] }));
-});
+                        } }), _jsx(Button, { type: "button", variant: "default", disabled: isDisabled || !text.trim(), onClick: send, children: isSending ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Send" })] })] }));
+}
 //# sourceMappingURL=Composer.js.map

package/dist/ui/Composer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../src/ui/Composer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button, Textarea } from \"@ttt-productions/ui-core/react\";\nimport { cn } from \"@ttt-productions/ui-core\";\nimport { ensureFileWithContentType } from \"@ttt-productions/file-input\";\nimport { MediaInput } from \"@ttt-productions/file-input/react\";\nimport type { MediaInputChangePayload, MediaInputHandle } from \"@ttt-productions/file-input\";\nimport type { UploadState } from \"@ttt-productions/media-schemas\";\nimport { useGuardedUpload } from \"@ttt-productions/upload-ui/react/upload\";\nimport { useOptionalLocalUploadGuard } from \"@ttt-productions/upload-ui/react/guard\";\nimport { Loader2, X, FileText, ImageIcon, VideoIcon, MicIcon } from \"lucide-react\";\nimport type { ChatAttachment, ChatMessageV1, SendAttachmentFn } from \"@ttt-productions/chat-core\";\nimport type { ChatAttachmentConfig } from \"../types.js\";\nimport { useMentionAutocomplete } from \"../mentions/use-mention-autocomplete.js\";\nimport { MentionAutocomplete } from \"../mentions/MentionAutocomplete.js\";\n\nfunction genId(): string {\n  return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;\n}\n\nfunction getAttachmentType(file: File): ChatAttachment[\"type\"] {\n  if (file.type.startsWith(\"image/\")) return \"image\";\n  if (file.type.startsWith(\"video/\")) return \"video\";\n  if (file.type.startsWith(\"audio/\")) return \"audio\";\n  return \"text\";\n}\n\nfunction AttachmentTypeIcon({ type }: { type: ChatAttachment[\"type\"] }) {\n  switch (type) {\n    case \"image\": return <ImageIcon className=\"h-4 w-4 shrink-0\" />;\n    case \"video\": return <VideoIcon className=\"h-4 w-4 shrink-0\" />;\n    case \"audio\": return <MicIcon className=\"h-4 w-4 shrink-0\" />;\n    default: return <FileText className=\"h-4 w-4 shrink-0\" />;\n  }\n}\n\nfunction getSelectedAttachmentLabel(type: ChatAttachment[\"type\"]): string {\n  switch (type) {\n    case \"image\": return \"Image selected\";\n    case \"video\": return \"Video selected\";\n    case \"audio\": return \"Audio selected\";\n    default: return \"File selected\";\n  }\n}\n\nexport type ComposerProps = {\n  /**\n   * Text-only send. Composer calls this when there is no pending attachment.\n   * Consumer creates the message doc. Return value is ignored.\n   */\n  onSend: (text: string, replyTo?: ChatMessageV1[\"replyTo\"]) => Promise<void>;\n\n  /**\n   * Signal the local user is typing (R14). Called as the user edits the textarea; the\n   * realtime transport coalesces to ≤1 frame per ~2s, so calling per keystroke is safe.\n   * Optional — absent on the firestore transport (no typing broadcast).\n   */\n  onTyping?: () => void;\n\n  // Attachment support\n  attachmentConfig?: ChatAttachmentConfig;\n  /**\n   * Attachment send. Composer uploads the file to Storage first, then calls\n   * this with the resulting metadata. Consumer wires it to a backend callable\n   * (`startUpload`) that writes the pendingMedia doc. The processor creates\n   * the message doc after moderation succeeds.\n   * Required for attachment functionality.\n   */\n  sendAttachment?: SendAttachmentFn;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  mentionConfig?: import('../types.js').ChatMentionConfig;\n};\n\n/**\n * Imperative handle exposed by {@link Composer} via `ref`. Additive — ref-less\n * usage is unaffected. ChatShell holds this ref so a failed-attachment bubble's\n * \"Attach again\" action can re-open the canonical picker.\n */\nexport type ComposerHandle = {\n  /**\n   * Open the attachment picker, delegating to the underlying MediaInput's\n   * `openSelection()`. Must be called synchronously from a user gesture. No-op\n   * when attachments are not configured (the MediaInput is not mounted) or the\n   * composer is disabled/sending (MediaInput's own gate no-ops it).\n   */\n  openAttachmentSelector: () => void;\n};\n\nexport const Composer = React.forwardRef<ComposerHandle, ComposerProps>(function Composer(props, forwardedRef) {\n  const {\n    onSend,\n    onTyping,\n    attachmentConfig,\n    sendAttachment,\n    disabled,\n    autoFocus = false,\n    placeholder = \"Type a message...\",\n  } = props;\n\n  const [text, setText] = React.useState(\"\");\n  const [pendingFile, setPendingFile] = React.useState<File | null>(null);\n  const [isSending, setIsSending] = React.useState(false);\n  const [uploadState, setUploadState] = React.useState<UploadState | null>(null);\n  const [sendError, setSendError] = React.useState<string | null>(null);\n  const ref = React.useRef<HTMLTextAreaElement>(null);\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n  const mediaInputRef = React.useRef<MediaInputHandle>(null);\n  const guardedUpload = useGuardedUpload();\n  // Navigation guard for the in-flight send: a send that has left the composer\n  // but not yet committed is killable by navigation/sign-out with zero warning\n  // (observed live: the callable aborted, the message silently never delivered).\n  // Registering with the app's one guarded-navigation system makes beforeunload\n  // fire on hard navs and lets GuardedLink-style navigation confirm first.\n  // Optional accessor — consumers without the provider degrade to old behavior.\n  const navigationGuard = useOptionalLocalUploadGuard();\n\n  const mentionApi = useMentionAutocomplete({\n    textareaRef: ref as React.RefObject<HTMLTextAreaElement>,\n    value: text,\n    onChange: setText,\n    providers: props.mentionConfig?.providers ?? [],\n    context: props.mentionConfig?.context,\n    recent: props.mentionConfig?.recent,\n    trigger: props.mentionConfig?.trigger,\n    minQueryLength: props.mentionConfig?.minQueryLength,\n    searchDebounceMs: props.mentionConfig?.searchDebounceMs,\n  });\n\n  const attachEnabled = Boolean(attachmentConfig && sendAttachment);\n\n  // focus stability: never steal focus unless explicitly enabled\n  React.useEffect(() => {\n    if (!autoFocus) return;\n    ref.current?.focus();\n  }, [autoFocus]);\n\n  const handleFileSelected = React.useCallback((payload: MediaInputChangePayload) => {\n    if (payload.error || !payload.file) {\n      setPendingFile(null);\n      return;\n    }\n    setPendingFile(payload.file);\n  }, []);\n\n  const handleCancelUpload = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n  }, []);\n\n  // Additive imperative handle: re-open the canonical attachment picker. Delegates\n  // straight to MediaInput's openSelection so onBeforeSelect / disabled / validation\n  // / crop are all honored (and the disabled/sending gate is MediaInput's — it\n  // receives `disabled`/`isLoading` below). No-op when attachments aren't configured\n  // (MediaInput is unmounted → ref is null).\n  const openAttachmentSelector = React.useCallback(() => {\n    mediaInputRef.current?.openSelection();\n  }, []);\n  React.useImperativeHandle(forwardedRef, () => ({ openAttachmentSelector }), [openAttachmentSelector]);\n\n  const send = async () => {\n    const v = text.trim();\n    if (!v && !pendingFile) return;\n\n    setIsSending(true);\n    setSendError(null);\n    const sendGuardId = `chat-send-${genId()}`;\n    navigationGuard?.registerUpload(sendGuardId);\n\n    try {\n      if (pendingFile && attachmentConfig && sendAttachment) {\n        // Attachment path: upload first via canonical guarded upload, then register.\n        const uuid = genId();\n        const { uploadAdapter, userId, storage } = attachmentConfig;\n        const storagePath = uploadAdapter.buildUploadPath({ userId, attachmentId: uuid });\n        const extraMetadata = uploadAdapter.buildUploadMetadata?.({ userId, attachmentId: uuid }) ?? {};\n\n        const fileToUpload = ensureFileWithContentType(pendingFile);\n        const attType = getAttachmentType(fileToUpload);\n\n        const controller = new AbortController();\n        abortControllerRef.current = controller;\n\n        await guardedUpload({\n          storage,\n          path: storagePath,\n          file: fileToUpload,\n          metadata: { contentType: fileToUpload.type, ...extraMetadata },\n          uploadId: uuid,\n          onProgress: (state) => setUploadState(state),\n          signal: controller.signal,\n        });\n\n        await sendAttachment({\n          text: mentionApi.getValueWithTokens(),\n          attachment: {\n            attachmentId: uuid,\n            storagePath,\n            originalFileName: fileToUpload.name,\n            type: attType,\n            size: fileToUpload.size,\n          },\n        });\n      } else {\n        // Text-only path.\n        await onSend(mentionApi.getValueWithTokens());\n      }\n\n      setText(\"\");\n      setPendingFile(null);\n      mentionApi.close();\n    } catch (err) {\n      // AbortError = user-initiated cancel via the MediaInput cancel button.\n      // Clear local state and swallow — not a real failure.\n      if (err instanceof Error && err.name === 'AbortError') {\n        setPendingFile(null);\n        return;\n      }\n      // C-B8: a failed send (e.g. the realtime socket was closed) must NOT clear the\n      // user's text — `setText(\"\")` only runs on the success path above — and must NOT\n      // re-throw into the click handler (an unhandled rejection). Surface it so the\n      // user can retry with their text intact.\n      console.error(\"[Composer] Send failed:\", err);\n      setPendingFile(null);\n      setSendError(\"Couldn't send. Check your connection and try again.\");\n    } finally {\n      navigationGuard?.unregisterUpload(sendGuardId);\n      abortControllerRef.current = null;\n      setIsSending(false);\n      setUploadState(null);\n    }\n  };\n\n  const isDisabled = disabled || isSending;\n\n  return (\n    <div className=\"chat-composer\">\n      {pendingFile && !isSending && (\n        <div className=\"chat-composer-file-preview\">\n          <AttachmentTypeIcon type={getAttachmentType(pendingFile)} />\n          <span className=\"chat-composer-file-name\">\n            {getSelectedAttachmentLabel(getAttachmentType(pendingFile))}\n          </span>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-6 w-6 shrink-0\"\n            onClick={() => setPendingFile(null)}\n          >\n            <X className=\"h-3 w-3\" />\n          </Button>\n        </div>\n      )}\n\n      {props.mentionConfig && mentionApi.state.open && (\n        <div className=\"relative\">\n          <div className=\"absolute bottom-full left-0 mb-1 z-10\">\n            <MentionAutocomplete\n              state={mentionApi.state}\n              onSelect={(ref) => mentionApi.insertMention(ref)}\n            />\n          </div>\n        </div>\n      )}\n\n      {sendError && (\n        <div className=\"px-1 pb-1 text-sm text-destructive\" role=\"alert\">\n          {sendError}\n        </div>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <Textarea\n          ref={ref}\n          value={text}\n          onChange={(e) => {\n            setText(e.target.value);\n            if (sendError) setSendError(null);\n            // R14: broadcast a typing signal (transport-coalesced) while there is content.\n            if (onTyping && e.target.value.trim().length > 0) onTyping();\n          }}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          rows={1}\n          className={cn(\"min-h-[40px] resize-none\")}\n          onKeyDown={(e) => {\n            if (mentionApi.handleKeyDown(e)) return;\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              send();\n            }\n          }}\n        />\n        <Button\n          type=\"button\"\n          variant=\"default\"\n          disabled={isDisabled || (!text.trim() && !pendingFile)}\n          onClick={send}\n        >\n          {isSending ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : \"Send\"}\n        </Button>\n      </div>\n\n      {attachEnabled && attachmentConfig && (\n        <div className=\"mt-2\">\n          <MediaInput\n            ref={mediaInputRef}\n            spec={attachmentConfig.attachmentSpec}\n            onChange={handleFileSelected}\n            selectedFile={pendingFile}\n            isLoading={isSending}\n            uploadState={uploadState}\n            disabled={isDisabled}\n            buttonLabel=\"Attach file\"\n            onClear={() => setPendingFile(null)}\n            onCancel={handleCancelUpload}\n            className=\"w-full\"\n          />\n        </div>\n      )}\n    </div>\n  );\n});\n"]}
+{"version":3,"file":"Composer.js","sourceRoot":"","sources":["../../src/ui/Composer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button, Textarea } from \"@ttt-productions/ui-core/react\";\nimport { cn } from \"@ttt-productions/ui-core\";\nimport { useOptionalLocalUploadGuard } from \"@ttt-productions/upload-ui/react/guard\";\nimport { Loader2 } from \"lucide-react\";\nimport type { ChatMessageV1 } from \"@ttt-productions/chat-core\";\nimport { useMentionAutocomplete } from \"../mentions/use-mention-autocomplete.js\";\nimport { MentionAutocomplete } from \"../mentions/MentionAutocomplete.js\";\n\nfunction genId(): string {\n  return `${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;\n}\n\nexport type ComposerProps = {\n  /**\n   * Text send. The composer is TEXT-ONLY — files are shared through the\n   * conversation's Conversation Files surface, never through the message\n   * timeline, so there is no attachment path here.\n   */\n  onSend: (text: string, replyTo?: ChatMessageV1[\"replyTo\"]) => Promise<void>;\n\n  /**\n   * Signal the local user is typing (R14). Called as the user edits the textarea; the\n   * realtime transport coalesces to ≤1 frame per ~2s, so calling per keystroke is safe.\n   * Optional — absent on the firestore transport (no typing broadcast).\n   */\n  onTyping?: () => void;\n\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  mentionConfig?: import('../types.js').ChatMentionConfig;\n};\n\nexport function Composer(props: ComposerProps) {\n  const {\n    onSend,\n    onTyping,\n    disabled,\n    autoFocus = false,\n    placeholder = \"Type a message...\",\n  } = props;\n\n  const [text, setText] = React.useState(\"\");\n  const [isSending, setIsSending] = React.useState(false);\n  const [sendError, setSendError] = React.useState<string | null>(null);\n  const ref = React.useRef<HTMLTextAreaElement>(null);\n  // Navigation guard for the in-flight send: a send that has left the composer\n  // but not yet committed is killable by navigation/sign-out with zero warning\n  // (observed live: the callable aborted, the message silently never delivered).\n  // Registering with the app's one guarded-navigation system makes beforeunload\n  // fire on hard navs and lets GuardedLink-style navigation confirm first.\n  // Optional accessor — consumers without the provider degrade to old behavior.\n  const navigationGuard = useOptionalLocalUploadGuard();\n\n  const mentionApi = useMentionAutocomplete({\n    textareaRef: ref as React.RefObject<HTMLTextAreaElement>,\n    value: text,\n    onChange: setText,\n    providers: props.mentionConfig?.providers ?? [],\n    context: props.mentionConfig?.context,\n    recent: props.mentionConfig?.recent,\n    trigger: props.mentionConfig?.trigger,\n    minQueryLength: props.mentionConfig?.minQueryLength,\n    searchDebounceMs: props.mentionConfig?.searchDebounceMs,\n  });\n\n  // focus stability: never steal focus unless explicitly enabled\n  React.useEffect(() => {\n    if (!autoFocus) return;\n    ref.current?.focus();\n  }, [autoFocus]);\n\n  const send = async () => {\n    const v = text.trim();\n    if (!v) return;\n\n    setIsSending(true);\n    setSendError(null);\n    const sendGuardId = `chat-send-${genId()}`;\n    navigationGuard?.registerUpload(sendGuardId);\n\n    try {\n      await onSend(mentionApi.getValueWithTokens());\n      setText(\"\");\n      mentionApi.close();\n    } catch (err) {\n      // C-B8: a failed send (e.g. the realtime socket was closed) must NOT clear the\n      // user's text — `setText(\"\")` only runs on the success path above — and must NOT\n      // re-throw into the click handler (an unhandled rejection). Surface it so the\n      // user can retry with their text intact.\n      console.error(\"[Composer] Send failed:\", err);\n      setSendError(\"Couldn't send. Check your connection and try again.\");\n    } finally {\n      navigationGuard?.unregisterUpload(sendGuardId);\n      setIsSending(false);\n    }\n  };\n\n  const isDisabled = disabled || isSending;\n\n  return (\n    <div className=\"chat-composer\">\n      {props.mentionConfig && mentionApi.state.open && (\n        <div className=\"relative\">\n          <div className=\"absolute bottom-full left-0 mb-1 z-10\">\n            <MentionAutocomplete\n              state={mentionApi.state}\n              onSelect={(ref) => mentionApi.insertMention(ref)}\n            />\n          </div>\n        </div>\n      )}\n\n      {sendError && (\n        <div className=\"px-1 pb-1 text-sm text-destructive\" role=\"alert\">\n          {sendError}\n        </div>\n      )}\n\n      <div className=\"flex items-end gap-2\">\n        <Textarea\n          ref={ref}\n          value={text}\n          onChange={(e) => {\n            setText(e.target.value);\n            if (sendError) setSendError(null);\n            // R14: broadcast a typing signal (transport-coalesced) while there is content.\n            if (onTyping && e.target.value.trim().length > 0) onTyping();\n          }}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          rows={1}\n          className={cn(\"min-h-[40px] resize-none\")}\n          onKeyDown={(e) => {\n            if (mentionApi.handleKeyDown(e)) return;\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              send();\n            }\n          }}\n        />\n        <Button\n          type=\"button\"\n          variant=\"default\"\n          disabled={isDisabled || !text.trim()}\n          onClick={send}\n        >\n          {isSending ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : \"Send\"}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/ui/MessageItemDefault.d.ts

@@ -10,11 +10,6 @@ export type MessageItemDefaultProps = {
      *  ChatShell on the realtime transport; absent on firestore). Enables the
      *  retry affordance on a `meta.sendFailed` bubble. */
     onRetrySend?: (clientMessageId: string) => void;
-    /** Re-open the attachment picker for a terminally-failed attachment (wired by
-     *  ChatShell to the Composer's `openAttachmentSelector`; present only when
-     *  attachment support is configured). Enables the "Attach again" action on a
-     *  failed attachment bubble, shown only to the sender. */
-    onRetryAttachment?: () => void;
 };
 export declare function MessageItemDefault(props: MessageItemDefaultProps): import("react").JSX.Element;
 //# sourceMappingURL=MessageItemDefault.d.ts.map

package/dist/ui/MessageItemDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemDefault.d.ts","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAkB,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAsMpG,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,EAAE,aAAa,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAG9B,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhE;;0DAEsD;IACtD,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;;8DAG0D;IAC1D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAEhC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BA2GhE"}
+{"version":3,"file":"MessageItemDefault.d.ts","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AA0EpF,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,EAAE,aAAa,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAG9B,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhE;;0DAEsD;IACtD,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,+BAqGhE"}

package/dist/ui/MessageItemDefault.js

@@ -3,34 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageText } from "../mentions/MessageText.js";
 import { cn } from "@ttt-productions/ui-core";
 import { Button } from "@ttt-productions/ui-core/react";
-import { MediaViewer } from "@ttt-productions/media-viewer/react";
-import { FileText, Loader2, AlertTriangle } from "lucide-react";
+import { Loader2, AlertTriangle } from "lucide-react";
 import { MessageActions } from "./menus.js";
 import { useResolvedSenderName } from "../context/ChatNameResolverContext.js";
-import { useChatAttachmentUrlResolver } from "../context/ChatAttachmentUrlContext.js";
-import { useChatAttachmentMediaComponent } from "../context/ChatAttachmentMediaContext.js";
-// ============================================
-// Attachment rendering
-// ============================================
-function getAttachmentLabel(type) {
-    switch (type) {
-        case "image": return "Image attachment";
-        case "video": return "Video attachment";
-        case "audio": return "Audio attachment";
-        default: return "File attachment";
-    }
-}
-// Safe, generic terminal-failure copy per kind. The backend `failureReason` is an
-// INTERNAL diagnostic string and must never reach the UI (it could leak processing
-// internals); it is mapped to this fixed copy instead.
-function getAttachmentFailureCopy(type) {
-    switch (type) {
-        case "image": return "This image could not be processed.";
-        case "video": return "This video could not be processed.";
-        case "audio": return "This audio could not be processed.";
-        default: return "This file could not be processed.";
-    }
-}
+// A chat message renders TEXT (plus its reply quote and send-state rows). Files
+// live in the conversation's Conversation Files surface, never in the timeline —
+// there is no attachment body here.
 // ============================================
 // Correlated send-rejection copy + retry policy
 // ============================================
@@ -59,53 +37,6 @@ function sendFailureCopy(code) {
 function isRetryableFailure(meta) {
     return meta?.sendRetryable !== false;
 }
-function AttachmentView({ att, mine, onRetryAttachment, }) {
-    // Display URL is built at render time by the app-injected resolver from
-    // att.mediaAssetId — attachments never store URLs (protected-gateway model).
-    const resolveAttachmentUrl = useChatAttachmentUrlResolver();
-    // App-injected media component (optional) — lets chat attachments ride the
-    // app's ONE display path (recovery adapter, diagnostics, telemetry). Falls
-    // back to the package's own MediaViewer when no provider is present.
-    const Media = useChatAttachmentMediaComponent() ?? MediaViewer;
-    // In-flight placeholder — bytes uploaded, backend processing/moderation pending.
-    // No `mediaAssetId` yet. Rendered only to the sender (other participants can't
-    // read a pending doc — Firestore rules scope it until `status === 'ready'`). The
-    // bytes are already uploaded, so the honest copy is "Processing…" (NOT "Sending…").
-    if (att.status === "pending") {
-        return (_jsxs("div", { className: "chat-attachment-pending", role: "status", "aria-live": "polite", children: [_jsx(Loader2, { className: "h-4 w-4 shrink-0 animate-spin" }), _jsx("span", { className: "truncate", children: getAttachmentLabel(att.type) }), _jsx("span", { className: "chat-attachment-status-label", children: "Processing\u2026" })] }));
-    }
-    // Processing/moderation rejected the attachment — sender-only. The backend
-    // `failureReason` is internal and NEVER rendered; a fixed safe per-kind copy is
-    // shown instead. The sender can pick a fresh file through the canonical picker
-    // ("Attach again"), offered only when the composer wired a retry handler.
-    if (att.status === "failed") {
-        return (_jsxs("div", { className: "chat-attachment-rejected", role: "alert", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 chat-attachment-rejected-icon" }), _jsxs("div", { className: "chat-attachment-rejected-body", children: [_jsx("span", { className: "truncate", children: getAttachmentLabel(att.type) }), _jsx("span", { className: "chat-attachment-rejected-reason", children: getAttachmentFailureCopy(att.type) })] }), mine && onRetryAttachment && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "chat-attachment-retry", onClick: onRetryAttachment, children: "Attach again" }))] }));
-    }
-    // ready (or legacy/absent status) — resolve the display URL from the asset ref.
-    const url = resolveAttachmentUrl(att);
-    if (!url) {
-        // Terminal-ready row, but the authorized URL is still SETTLING (the grant/URL
-        // resolver has nothing yet). Returning null left only the surrounding message
-        // metadata → an observed empty bubble; a broken/grant-less <img> would flash a
-        // 403. Render a neutral loading placeholder in the existing loading visual
-        // language (spinner + kind-appropriate generic label + "Loading…", never
-        // "Sending…", NO filename) and do NOT mount the media/download renderer until a
-        // non-empty authorized URL exists. Sender-only pending/processing/failed states
-        // above are unchanged — this begins only after a terminal-ready row is received.
-        return (_jsxs("div", { className: "chat-attachment-pending", role: "status", "aria-live": "polite", children: [_jsx(Loader2, { className: "h-4 w-4 shrink-0 animate-spin" }), _jsx("span", { className: "truncate", children: getAttachmentLabel(att.type) }), _jsx("span", { className: "chat-attachment-status-label", children: "Loading\u2026" })] }));
-    }
-    if (att.type === "image") {
-        return _jsx(Media, { type: "image", url: url, alt: "Image attachment", className: "chat-attachment-media" });
-    }
-    if (att.type === "video") {
-        return _jsx(Media, { type: "video", url: url, controls: true, className: "chat-attachment-media" });
-    }
-    if (att.type === "audio") {
-        return _jsx(Media, { type: "audio", url: url, controls: true, className: "chat-attachment-media" });
-    }
-    // text/markdown — download link
-    return (_jsxs("a", { href: url, download: att.name, target: "_blank", rel: "noopener noreferrer", className: "chat-attachment-text-link", children: [_jsx(FileText, { className: "h-4 w-4 shrink-0" }), _jsx("span", { className: "truncate", children: "Download attachment" })] }));
-}
 // ============================================
 // Reply-to quote
 // ============================================
@@ -120,7 +51,7 @@ function SystemMessage({ m }) {
     return (_jsx("div", { className: "chat-system-message", children: m.text && _jsx("span", { children: m.text }) }));
 }
 export function MessageItemDefault(props) {
-    const { m, currentUserId, isAdmin, handlers, isContinuation, onSenderClick, onRetrySend, onRetryAttachment } = props;
+    const { m, currentUserId, isAdmin, handlers, isContinuation, onSenderClick, onRetrySend } = props;
     const senderName = useResolvedSenderName(m.senderId);
     // System messages render differently
     if (m.isSystemMessage) {
@@ -141,6 +72,6 @@ export function MessageItemDefault(props) {
     return (_jsxs("div", { className: cn("flex flex-col w-fit max-w-[85%]", mine ? "ml-auto items-end" : "mr-auto items-start", isContinuation ? "chat-continuation-gap" : "chat-group-gap"), children: [_jsxs("div", { className: cn("chat-bubble", mine ? "chat-bubble--mine" : "chat-bubble--theirs", sendPending && "chat-bubble--pending", sendFailed && "chat-bubble--failed"), children: [!isContinuation && (_jsxs("div", { className: "flex items-center gap-2 text-xs opacity-80 mb-1", children: [_jsx("span", { className: cn("font-medium", onSenderClick && "cursor-pointer hover:underline"), onClick: onSenderClick ? () => onSenderClick(m.senderId, senderName) : undefined, role: onSenderClick ? "button" : undefined, tabIndex: onSenderClick ? 0 : undefined, onKeyDown: onSenderClick ? (e) => {
                                     if (e.key === "Enter" || e.key === " ")
                                         onSenderClick(m.senderId, senderName);
-                                } : undefined, children: senderName }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: new Date(m.createdAt).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })] })), m.replyTo && _jsx(ReplyQuote, { replyTo: m.replyTo }), m.text && (_jsx("p", { className: "text-sm whitespace-pre-wrap", children: _jsx(MessageText, { text: m.text }) })), m.attachment && (_jsx("div", { className: "mt-2", children: _jsx(AttachmentView, { att: m.attachment, mine: mine, onRetryAttachment: onRetryAttachment }) }))] }), sendPending && (_jsxs("div", { className: "chat-send-status mt-0.5", role: "status", "aria-live": "polite", children: [_jsx(Loader2, { className: "h-3 w-3 shrink-0 animate-spin" }), _jsx("span", { children: "Sending\u2026" })] })), sendFailed && (_jsxs("div", { className: "chat-send-status chat-send-status--failed mt-0.5", role: "alert", children: [_jsx(AlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: sendFailureCopy(sendFailureCode) }), showRetry && onRetrySend && clientMessageId && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-5 px-1.5 text-[0.6875rem]", onClick: () => onRetrySend(clientMessageId), children: "Retry" }))] })), !isContinuation && (_jsx("div", { className: "mt-1", children: _jsx(MessageActions, { messageId: m.messageId, isAdmin: isAdmin, handlers: handlers }) }))] }));
+                                } : undefined, children: senderName }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: new Date(m.createdAt).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) })] })), m.replyTo && _jsx(ReplyQuote, { replyTo: m.replyTo }), m.text && (_jsx("p", { className: "text-sm whitespace-pre-wrap", children: _jsx(MessageText, { text: m.text }) }))] }), sendPending && (_jsxs("div", { className: "chat-send-status mt-0.5", role: "status", "aria-live": "polite", children: [_jsx(Loader2, { className: "h-3 w-3 shrink-0 animate-spin" }), _jsx("span", { children: "Sending\u2026" })] })), sendFailed && (_jsxs("div", { className: "chat-send-status chat-send-status--failed mt-0.5", role: "alert", children: [_jsx(AlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: sendFailureCopy(sendFailureCode) }), showRetry && onRetrySend && clientMessageId && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-5 px-1.5 text-[0.6875rem]", onClick: () => onRetrySend(clientMessageId), children: "Retry" }))] })), !isContinuation && (_jsx("div", { className: "mt-1", children: _jsx(MessageActions, { messageId: m.messageId, isAdmin: isAdmin, handlers: handlers }) }))] }));
 }
 //# sourceMappingURL=MessageItemDefault.js.map

package/dist/ui/MessageItemDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemDefault.js","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport type { ChatMessageV1, ChatAttachment, ModerationHandlers } from \"@ttt-productions/chat-core\";\nimport { MessageText } from \"../mentions/MessageText.js\";\nimport { cn } from \"@ttt-productions/ui-core\";\nimport { Button } from \"@ttt-productions/ui-core/react\";\nimport { MediaViewer } from \"@ttt-productions/media-viewer/react\";\nimport { FileText, Loader2, AlertTriangle } from \"lucide-react\";\nimport { MessageActions } from \"./menus.js\";\nimport { useResolvedSenderName } from \"../context/ChatNameResolverContext.js\";\nimport { useChatAttachmentUrlResolver } from \"../context/ChatAttachmentUrlContext.js\";\nimport { useChatAttachmentMediaComponent } from \"../context/ChatAttachmentMediaContext.js\";\n\n// ============================================\n// Attachment rendering\n// ============================================\n\nfunction getAttachmentLabel(type: ChatAttachment[\"type\"]): string {\n  switch (type) {\n    case \"image\": return \"Image attachment\";\n    case \"video\": return \"Video attachment\";\n    case \"audio\": return \"Audio attachment\";\n    default: return \"File attachment\";\n  }\n}\n\n// Safe, generic terminal-failure copy per kind. The backend `failureReason` is an\n// INTERNAL diagnostic string and must never reach the UI (it could leak processing\n// internals); it is mapped to this fixed copy instead.\nfunction getAttachmentFailureCopy(type: ChatAttachment[\"type\"]): string {\n  switch (type) {\n    case \"image\": return \"This image could not be processed.\";\n    case \"video\": return \"This video could not be processed.\";\n    case \"audio\": return \"This audio could not be processed.\";\n    default: return \"This file could not be processed.\";\n  }\n}\n\n// ============================================\n// Correlated send-rejection copy + retry policy\n// ============================================\n\n// User-facing copy per correlated `send-rejected` code (stamped on meta.sendFailureCode\n// by the realtime channel client). A failed send with no code (a transport/exhausted\n// reconnect failure) falls back to the neutral \"Couldn't send\".\nconst SEND_FAILURE_COPY: Record<string, string> = {\n  \"blocked-word\": \"Message contains blocked language\",\n  \"archived\": \"This channel is read-only\",\n  \"deleted\": \"This channel is read-only\",\n  \"membership-pending\": \"Chat is still preparing\",\n  \"wordlist-unavailable\": \"Chat safety check is temporarily unavailable\",\n  \"flood\": \"Please wait before sending again\",\n  \"slow-mode\": \"Please wait before sending again\",\n};\n\nfunction sendFailureCopy(code: string | null): string {\n  return (code && SEND_FAILURE_COPY[code]) || \"Couldn't send\";\n}\n\n// Retry policy comes from meta.sendRetryable, stamped by the channel client from\n// the wire contract's canonical retryability table (chat-schemas enforces the\n// frame's `retryable` matches the table, so this is the ONE source of truth —\n// never a second hardcoded code list here, which would have to move in lockstep\n// with the contract). `false` = terminal (an unchanged resend is guaranteed to\n// fail — no Retry action); `true` or ABSENT (a code-less transport/exhausted\n// reconnect failure) keeps Retry, reusing the ORIGINAL clientMessageId.\nfunction isRetryableFailure(meta: Record<string, unknown> | undefined): boolean {\n  return meta?.sendRetryable !== false;\n}\n\nfunction AttachmentView({\n  att,\n  mine,\n  onRetryAttachment,\n}: {\n  att: ChatAttachment;\n  mine: boolean;\n  onRetryAttachment?: () => void;\n}) {\n  // Display URL is built at render time by the app-injected resolver from\n  // att.mediaAssetId — attachments never store URLs (protected-gateway model).\n  const resolveAttachmentUrl = useChatAttachmentUrlResolver();\n  // App-injected media component (optional) — lets chat attachments ride the\n  // app's ONE display path (recovery adapter, diagnostics, telemetry). Falls\n  // back to the package's own MediaViewer when no provider is present.\n  const Media = useChatAttachmentMediaComponent() ?? MediaViewer;\n  // In-flight placeholder — bytes uploaded, backend processing/moderation pending.\n  // No `mediaAssetId` yet. Rendered only to the sender (other participants can't\n  // read a pending doc — Firestore rules scope it until `status === 'ready'`). The\n  // bytes are already uploaded, so the honest copy is \"Processing…\" (NOT \"Sending…\").\n  if (att.status === \"pending\") {\n    return (\n      <div className=\"chat-attachment-pending\" role=\"status\" aria-live=\"polite\">\n        <Loader2 className=\"h-4 w-4 shrink-0 animate-spin\" />\n        <span className=\"truncate\">{getAttachmentLabel(att.type)}</span>\n        <span className=\"chat-attachment-status-label\">Processing…</span>\n      </div>\n    );\n  }\n  // Processing/moderation rejected the attachment — sender-only. The backend\n  // `failureReason` is internal and NEVER rendered; a fixed safe per-kind copy is\n  // shown instead. The sender can pick a fresh file through the canonical picker\n  // (\"Attach again\"), offered only when the composer wired a retry handler.\n  if (att.status === \"failed\") {\n    return (\n      <div className=\"chat-attachment-rejected\" role=\"alert\">\n        <AlertTriangle className=\"h-4 w-4 shrink-0 chat-attachment-rejected-icon\" />\n        <div className=\"chat-attachment-rejected-body\">\n          <span className=\"truncate\">{getAttachmentLabel(att.type)}</span>\n          <span className=\"chat-attachment-rejected-reason\">\n            {getAttachmentFailureCopy(att.type)}\n          </span>\n        </div>\n        {mine && onRetryAttachment && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"chat-attachment-retry\"\n            onClick={onRetryAttachment}\n          >\n            Attach again\n          </Button>\n        )}\n      </div>\n    );\n  }\n  // ready (or legacy/absent status) — resolve the display URL from the asset ref.\n  const url = resolveAttachmentUrl(att);\n  if (!url) {\n    // Terminal-ready row, but the authorized URL is still SETTLING (the grant/URL\n    // resolver has nothing yet). Returning null left only the surrounding message\n    // metadata → an observed empty bubble; a broken/grant-less <img> would flash a\n    // 403. Render a neutral loading placeholder in the existing loading visual\n    // language (spinner + kind-appropriate generic label + \"Loading…\", never\n    // \"Sending…\", NO filename) and do NOT mount the media/download renderer until a\n    // non-empty authorized URL exists. Sender-only pending/processing/failed states\n    // above are unchanged — this begins only after a terminal-ready row is received.\n    return (\n      <div className=\"chat-attachment-pending\" role=\"status\" aria-live=\"polite\">\n        <Loader2 className=\"h-4 w-4 shrink-0 animate-spin\" />\n        <span className=\"truncate\">{getAttachmentLabel(att.type)}</span>\n        <span className=\"chat-attachment-status-label\">Loading…</span>\n      </div>\n    );\n  }\n  if (att.type === \"image\") {\n    return <Media type=\"image\" url={url} alt=\"Image attachment\" className=\"chat-attachment-media\" />;\n  }\n  if (att.type === \"video\") {\n    return <Media type=\"video\" url={url} controls className=\"chat-attachment-media\" />;\n  }\n  if (att.type === \"audio\") {\n    return <Media type=\"audio\" url={url} controls className=\"chat-attachment-media\" />;\n  }\n  // text/markdown — download link\n  return (\n    <a\n      href={url}\n      download={att.name}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"chat-attachment-text-link\"\n    >\n      <FileText className=\"h-4 w-4 shrink-0\" />\n      <span className=\"truncate\">Download attachment</span>\n    </a>\n  );\n}\n\n// ============================================\n// Reply-to quote\n// ============================================\n\nfunction ReplyQuote({ replyTo }: { replyTo: NonNullable<ChatMessageV1[\"replyTo\"]> }) {\n  const replyName = useResolvedSenderName(replyTo.senderId);\n  return (\n    <div className=\"chat-reply-quote\">\n      <span className=\"chat-reply-quote-sender\">{replyName}</span>\n      <span className=\"chat-reply-quote-preview\"><MessageText text={replyTo.messagePreview} /></span>\n    </div>\n  );\n}\n\n// ============================================\n// System message\n// ============================================\n\nfunction SystemMessage({ m }: { m: ChatMessageV1 }) {\n  return (\n    <div className=\"chat-system-message\">\n      {m.text && <span>{m.text}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Default message item\n// ============================================\n\nexport type MessageItemDefaultProps = {\n  m: ChatMessageV1;\n  currentUserId: string;\n  isAdmin: boolean;\n  handlers?: ModerationHandlers;\n\n  // Grouping\n  isContinuation?: boolean;\n\n  // Sender interaction\n  onSenderClick?: (senderId: string, displayName: string) => void;\n\n  /** Retry a failed realtime send by its original clientMessageId (wired by\n   *  ChatShell on the realtime transport; absent on firestore). Enables the\n   *  retry affordance on a `meta.sendFailed` bubble. */\n  onRetrySend?: (clientMessageId: string) => void;\n\n  /** Re-open the attachment picker for a terminally-failed attachment (wired by\n   *  ChatShell to the Composer's `openAttachmentSelector`; present only when\n   *  attachment support is configured). Enables the \"Attach again\" action on a\n   *  failed attachment bubble, shown only to the sender. */\n  onRetryAttachment?: () => void;\n\n};\n\nexport function MessageItemDefault(props: MessageItemDefaultProps) {\n  const { m, currentUserId, isAdmin, handlers, isContinuation, onSenderClick, onRetrySend, onRetryAttachment } = props;\n  const senderName = useResolvedSenderName(m.senderId);\n\n  // System messages render differently\n  if (m.isSystemMessage) {\n    return <SystemMessage m={m} />;\n  }\n\n  const mine = m.senderId === currentUserId;\n\n  // Realtime optimistic-send lifecycle (meta is stamped by the channel client):\n  // an un-acked echo renders subtly pending; one past the retry/age cap renders a\n  // visibly failed bubble with a retry affordance (same clientMessageId — the DO\n  // dedups, so a retry can never double-send).\n  const sendFailed = m.meta?.sendFailed === true;\n  const sendPending = m.meta?.optimistic === true && !sendFailed;\n  const clientMessageId =\n    typeof m.meta?.clientMessageId === \"string\" ? m.meta.clientMessageId : null;\n  // Correlated rejection reason (from the `send-rejected` frame), if any — drives\n  // both the failure copy and whether a Retry affordance is offered.\n  const sendFailureCode =\n    typeof m.meta?.sendFailureCode === \"string\" ? m.meta.sendFailureCode : null;\n  const showRetry = sendFailed && isRetryableFailure(m.meta);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col w-fit max-w-[85%]\",\n        mine ? \"ml-auto items-end\" : \"mr-auto items-start\",\n        isContinuation ? \"chat-continuation-gap\" : \"chat-group-gap\"\n      )}\n    >\n      <div\n        className={cn(\n          \"chat-bubble\",\n          mine ? \"chat-bubble--mine\" : \"chat-bubble--theirs\",\n          sendPending && \"chat-bubble--pending\",\n          sendFailed && \"chat-bubble--failed\"\n        )}\n      >\n        {!isContinuation && (\n          <div className=\"flex items-center gap-2 text-xs opacity-80 mb-1\">\n            <span\n              className={cn(\"font-medium\", onSenderClick && \"cursor-pointer hover:underline\")}\n              onClick={onSenderClick ? () => onSenderClick(m.senderId, senderName) : undefined}\n              role={onSenderClick ? \"button\" : undefined}\n              tabIndex={onSenderClick ? 0 : undefined}\n              onKeyDown={onSenderClick ? (e) => {\n                if (e.key === \"Enter\" || e.key === \" \") onSenderClick(m.senderId, senderName);\n              } : undefined}\n            >\n              {senderName}\n            </span>\n            <span>·</span>\n            <span>{new Date(m.createdAt).toLocaleTimeString([], { hour: \"numeric\", minute: \"2-digit\" })}</span>\n          </div>\n        )}\n\n        {m.replyTo && <ReplyQuote replyTo={m.replyTo} />}\n\n        {m.text && (\n          <p className=\"text-sm whitespace-pre-wrap\">\n            <MessageText text={m.text} />\n          </p>\n        )}\n\n        {m.attachment && (\n          <div className=\"mt-2\">\n            <AttachmentView att={m.attachment} mine={mine} onRetryAttachment={onRetryAttachment} />\n          </div>\n        )}\n      </div>\n\n      {/* Send-state status rows render regardless of grouping — a pending/failed\n          send must never be indistinguishable from a delivered one. */}\n      {sendPending && (\n        <div className=\"chat-send-status mt-0.5\" role=\"status\" aria-live=\"polite\">\n          <Loader2 className=\"h-3 w-3 shrink-0 animate-spin\" />\n          <span>Sending…</span>\n        </div>\n      )}\n      {sendFailed && (\n        <div className=\"chat-send-status chat-send-status--failed mt-0.5\" role=\"alert\">\n          <AlertTriangle className=\"h-3 w-3 shrink-0\" />\n          <span>{sendFailureCopy(sendFailureCode)}</span>\n          {showRetry && onRetrySend && clientMessageId && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-5 px-1.5 text-[0.6875rem]\"\n              onClick={() => onRetrySend(clientMessageId)}\n            >\n              Retry\n            </Button>\n          )}\n        </div>\n      )}\n\n      {!isContinuation && (\n        <div className=\"mt-1\">\n          <MessageActions messageId={m.messageId} isAdmin={isAdmin} handlers={handlers} />\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MessageItemDefault.js","sourceRoot":"","sources":["../../src/ui/MessageItemDefault.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,gFAAgF;AAChF,iFAAiF;AACjF,oCAAoC;AAEpC,+CAA+C;AAC/C,gDAAgD;AAChD,+CAA+C;AAE/C,wFAAwF;AACxF,qFAAqF;AACrF,gEAAgE;AAChE,MAAM,iBAAiB,GAA2B;IAChD,cAAc,EAAE,mCAAmC;IACnD,UAAU,EAAE,2BAA2B;IACvC,SAAS,EAAE,2BAA2B;IACtC,oBAAoB,EAAE,yBAAyB;IAC/C,sBAAsB,EAAE,8CAA8C;IACtE,OAAO,EAAE,kCAAkC;IAC3C,WAAW,EAAE,kCAAkC;CAChD,CAAC;AAEF,SAAS,eAAe,CAAC,IAAmB;IAC1C,OAAO,CAAC,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,eAAe,CAAC;AAC9D,CAAC;AAED,iFAAiF;AACjF,8EAA8E;AAC9E,8EAA8E;AAC9E,gFAAgF;AAChF,+EAA+E;AAC/E,6EAA6E;AAC7E,wEAAwE;AACxE,SAAS,kBAAkB,CAAC,IAAyC;IACnE,OAAO,IAAI,EAAE,aAAa,KAAK,KAAK,CAAC;AACvC,CAAC;AAED,+CAA+C;AAC/C,iBAAiB;AACjB,+CAA+C;AAE/C,SAAS,UAAU,CAAC,EAAE,OAAO,EAAsD;IACjF,MAAM,SAAS,GAAG,qBAAqB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC1D,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAM,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAQ,EAC5D,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,CAAC,cAAc,GAAI,GAAO,IAC3F,CACP,CAAC;AACJ,CAAC;AAED,+CAA+C;AAC/C,iBAAiB;AACjB,+CAA+C;AAE/C,SAAS,aAAa,CAAC,EAAE,CAAC,EAAwB;IAChD,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YACjC,CAAC,CAAC,IAAI,IAAI,yBAAO,CAAC,CAAC,IAAI,GAAQ,GAC5B,CACP,CAAC;AACJ,CAAC;AAwBD,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAClG,MAAM,UAAU,GAAG,qBAAqB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAErD,qCAAqC;IACrC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,OAAO,KAAC,aAAa,IAAC,CAAC,EAAE,CAAC,GAAI,CAAC;IACjC,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,KAAK,aAAa,CAAC;IAE1C,8EAA8E;IAC9E,gFAAgF;IAChF,+EAA+E;IAC/E,6CAA6C;IAC7C,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC;IAC/D,MAAM,eAAe,GACnB,OAAO,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,gFAAgF;IAChF,mEAAmE;IACnE,MAAM,eAAe,GACnB,OAAO,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9E,MAAM,SAAS,GAAG,UAAU,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAClD,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,gBAAgB,CAC5D,aAED,eACE,SAAS,EAAE,EAAE,CACX,aAAa,EACb,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAClD,WAAW,IAAI,sBAAsB,EACrC,UAAU,IAAI,qBAAqB,CACpC,aAEA,CAAC,cAAc,IAAI,CAClB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,eACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,IAAI,gCAAgC,CAAC,EAC/E,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACvC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;oCAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG;wCAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;gCAChF,CAAC,CAAC,CAAC,CAAC,SAAS,YAEZ,UAAU,GACN,EACP,oCAAc,EACd,yBAAO,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAAQ,IAC/F,CACP,EAEA,CAAC,CAAC,OAAO,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,CAAC,OAAO,GAAI,EAE/C,CAAC,CAAC,IAAI,IAAI,CACT,YAAG,SAAS,EAAC,6BAA6B,YACxC,KAAC,WAAW,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,GAAI,GAC3B,CACL,IACG,EAIL,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,aACvE,KAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,GAAG,EACrD,2CAAqB,IACjB,CACP,EACA,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,kDAAkD,EAAC,IAAI,EAAC,OAAO,aAC5E,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC9C,yBAAO,eAAe,CAAC,eAAe,CAAC,GAAQ,EAC9C,SAAS,IAAI,WAAW,IAAI,eAAe,IAAI,CAC9C,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,sBAGpC,CACV,IACG,CACP,EAEA,CAAC,cAAc,IAAI,CAClB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,cAAc,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC5E,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\nimport type { ChatMessageV1, ModerationHandlers } from \"@ttt-productions/chat-core\";\nimport { MessageText } from \"../mentions/MessageText.js\";\nimport { cn } from \"@ttt-productions/ui-core\";\nimport { Button } from \"@ttt-productions/ui-core/react\";\nimport { Loader2, AlertTriangle } from \"lucide-react\";\nimport { MessageActions } from \"./menus.js\";\nimport { useResolvedSenderName } from \"../context/ChatNameResolverContext.js\";\n\n// A chat message renders TEXT (plus its reply quote and send-state rows). Files\n// live in the conversation's Conversation Files surface, never in the timeline —\n// there is no attachment body here.\n\n// ============================================\n// Correlated send-rejection copy + retry policy\n// ============================================\n\n// User-facing copy per correlated `send-rejected` code (stamped on meta.sendFailureCode\n// by the realtime channel client). A failed send with no code (a transport/exhausted\n// reconnect failure) falls back to the neutral \"Couldn't send\".\nconst SEND_FAILURE_COPY: Record<string, string> = {\n  \"blocked-word\": \"Message contains blocked language\",\n  \"archived\": \"This channel is read-only\",\n  \"deleted\": \"This channel is read-only\",\n  \"membership-pending\": \"Chat is still preparing\",\n  \"wordlist-unavailable\": \"Chat safety check is temporarily unavailable\",\n  \"flood\": \"Please wait before sending again\",\n  \"slow-mode\": \"Please wait before sending again\",\n};\n\nfunction sendFailureCopy(code: string | null): string {\n  return (code && SEND_FAILURE_COPY[code]) || \"Couldn't send\";\n}\n\n// Retry policy comes from meta.sendRetryable, stamped by the channel client from\n// the wire contract's canonical retryability table (chat-schemas enforces the\n// frame's `retryable` matches the table, so this is the ONE source of truth —\n// never a second hardcoded code list here, which would have to move in lockstep\n// with the contract). `false` = terminal (an unchanged resend is guaranteed to\n// fail — no Retry action); `true` or ABSENT (a code-less transport/exhausted\n// reconnect failure) keeps Retry, reusing the ORIGINAL clientMessageId.\nfunction isRetryableFailure(meta: Record<string, unknown> | undefined): boolean {\n  return meta?.sendRetryable !== false;\n}\n\n// ============================================\n// Reply-to quote\n// ============================================\n\nfunction ReplyQuote({ replyTo }: { replyTo: NonNullable<ChatMessageV1[\"replyTo\"]> }) {\n  const replyName = useResolvedSenderName(replyTo.senderId);\n  return (\n    <div className=\"chat-reply-quote\">\n      <span className=\"chat-reply-quote-sender\">{replyName}</span>\n      <span className=\"chat-reply-quote-preview\"><MessageText text={replyTo.messagePreview} /></span>\n    </div>\n  );\n}\n\n// ============================================\n// System message\n// ============================================\n\nfunction SystemMessage({ m }: { m: ChatMessageV1 }) {\n  return (\n    <div className=\"chat-system-message\">\n      {m.text && <span>{m.text}</span>}\n    </div>\n  );\n}\n\n// ============================================\n// Default message item\n// ============================================\n\nexport type MessageItemDefaultProps = {\n  m: ChatMessageV1;\n  currentUserId: string;\n  isAdmin: boolean;\n  handlers?: ModerationHandlers;\n\n  // Grouping\n  isContinuation?: boolean;\n\n  // Sender interaction\n  onSenderClick?: (senderId: string, displayName: string) => void;\n\n  /** Retry a failed realtime send by its original clientMessageId (wired by\n   *  ChatShell on the realtime transport; absent on firestore). Enables the\n   *  retry affordance on a `meta.sendFailed` bubble. */\n  onRetrySend?: (clientMessageId: string) => void;\n};\n\nexport function MessageItemDefault(props: MessageItemDefaultProps) {\n  const { m, currentUserId, isAdmin, handlers, isContinuation, onSenderClick, onRetrySend } = props;\n  const senderName = useResolvedSenderName(m.senderId);\n\n  // System messages render differently\n  if (m.isSystemMessage) {\n    return <SystemMessage m={m} />;\n  }\n\n  const mine = m.senderId === currentUserId;\n\n  // Realtime optimistic-send lifecycle (meta is stamped by the channel client):\n  // an un-acked echo renders subtly pending; one past the retry/age cap renders a\n  // visibly failed bubble with a retry affordance (same clientMessageId — the DO\n  // dedups, so a retry can never double-send).\n  const sendFailed = m.meta?.sendFailed === true;\n  const sendPending = m.meta?.optimistic === true && !sendFailed;\n  const clientMessageId =\n    typeof m.meta?.clientMessageId === \"string\" ? m.meta.clientMessageId : null;\n  // Correlated rejection reason (from the `send-rejected` frame), if any — drives\n  // both the failure copy and whether a Retry affordance is offered.\n  const sendFailureCode =\n    typeof m.meta?.sendFailureCode === \"string\" ? m.meta.sendFailureCode : null;\n  const showRetry = sendFailed && isRetryableFailure(m.meta);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col w-fit max-w-[85%]\",\n        mine ? \"ml-auto items-end\" : \"mr-auto items-start\",\n        isContinuation ? \"chat-continuation-gap\" : \"chat-group-gap\"\n      )}\n    >\n      <div\n        className={cn(\n          \"chat-bubble\",\n          mine ? \"chat-bubble--mine\" : \"chat-bubble--theirs\",\n          sendPending && \"chat-bubble--pending\",\n          sendFailed && \"chat-bubble--failed\"\n        )}\n      >\n        {!isContinuation && (\n          <div className=\"flex items-center gap-2 text-xs opacity-80 mb-1\">\n            <span\n              className={cn(\"font-medium\", onSenderClick && \"cursor-pointer hover:underline\")}\n              onClick={onSenderClick ? () => onSenderClick(m.senderId, senderName) : undefined}\n              role={onSenderClick ? \"button\" : undefined}\n              tabIndex={onSenderClick ? 0 : undefined}\n              onKeyDown={onSenderClick ? (e) => {\n                if (e.key === \"Enter\" || e.key === \" \") onSenderClick(m.senderId, senderName);\n              } : undefined}\n            >\n              {senderName}\n            </span>\n            <span>·</span>\n            <span>{new Date(m.createdAt).toLocaleTimeString([], { hour: \"numeric\", minute: \"2-digit\" })}</span>\n          </div>\n        )}\n\n        {m.replyTo && <ReplyQuote replyTo={m.replyTo} />}\n\n        {m.text && (\n          <p className=\"text-sm whitespace-pre-wrap\">\n            <MessageText text={m.text} />\n          </p>\n        )}\n      </div>\n\n      {/* Send-state status rows render regardless of grouping — a pending/failed\n          send must never be indistinguishable from a delivered one. */}\n      {sendPending && (\n        <div className=\"chat-send-status mt-0.5\" role=\"status\" aria-live=\"polite\">\n          <Loader2 className=\"h-3 w-3 shrink-0 animate-spin\" />\n          <span>Sending…</span>\n        </div>\n      )}\n      {sendFailed && (\n        <div className=\"chat-send-status chat-send-status--failed mt-0.5\" role=\"alert\">\n          <AlertTriangle className=\"h-3 w-3 shrink-0\" />\n          <span>{sendFailureCopy(sendFailureCode)}</span>\n          {showRetry && onRetrySend && clientMessageId && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-5 px-1.5 text-[0.6875rem]\"\n              onClick={() => onRetrySend(clientMessageId)}\n            >\n              Retry\n            </Button>\n          )}\n        </div>\n      )}\n\n      {!isContinuation && (\n        <div className=\"mt-1\">\n          <MessageActions messageId={m.messageId} isAdmin={isAdmin} handlers={handlers} />\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/ui/MessageList.d.ts

@@ -28,8 +28,5 @@ export declare function MessageList(props: {
     onSenderClick?: (senderId: string, displayName: string) => void;
     /** Retry a failed realtime send by clientMessageId (realtime transport only). */
     onRetrySend?: (clientMessageId: string) => void;
-    /** Re-open the attachment picker for a terminally-failed attachment. Present only
-     *  when attachment support is configured; forwarded to each MessageItemDefault. */
-    onRetryAttachment?: () => void;
 }): React.JSX.Element;
 //# sourceMappingURL=MessageList.d.ts.map

package/dist/ui/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI3D,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;4FACwF;IACxF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;4BAEwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;yEAGqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,iFAAiF;IACjF,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;uFACmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,qBAmMA"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI3D,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IAEjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;4FACwF;IACxF,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C;;4BAEwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;yEAGqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,iFAAiF;IACjF,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,qBAiMA"}

package/dist/ui/MessageList.js

@@ -5,7 +5,7 @@ import { isContinuation } from "@ttt-productions/chat-core";
 import { Button } from "@ttt-productions/ui-core/react";
 import { MessageItemDefault } from "./MessageItemDefault.js";
 export function MessageList(props) {
-    const { messages, currentUserId, isAdmin, isFetchingOlder, hasOlder, onLoadOlder, renderMessage, messageRenderers, showScrollToBottom, onScrollToBottom, onAtBottomChange, scrollClassName, fillHeight = false, handlers, onSenderClick, onRetrySend, onRetryAttachment, } = props;
+    const { messages, currentUserId, isAdmin, isFetchingOlder, hasOlder, onLoadOlder, renderMessage, messageRenderers, showScrollToBottom, onScrollToBottom, onAtBottomChange, scrollClassName, fillHeight = false, handlers, onSenderClick, onRetrySend, } = props;
     const scrollClass = scrollClassName ?? (fillHeight ? "flex-1 min-h-0" : "h-[400px]");
     const outerClass = fillHeight ? "relative flex flex-col flex-1 min-h-0" : "relative";
     const scrollRef = React.useRef(null);
@@ -107,7 +107,7 @@ export function MessageList(props) {
                             const continuation = showDay ? false : isContinuation(prevMsg, m);
                             const byType = m.type && messageRenderers?.[m.type] ? messageRenderers[m.type](m) : null;
                             const body = renderMessage?.(m) ??
-                                byType ?? (_jsx(MessageItemDefault, { m: m, currentUserId: currentUserId, isAdmin: isAdmin, handlers: handlers, isContinuation: continuation, onSenderClick: onSenderClick, onRetrySend: onRetrySend, onRetryAttachment: onRetryAttachment }));
+                                byType ?? (_jsx(MessageItemDefault, { m: m, currentUserId: currentUserId, isAdmin: isAdmin, handlers: handlers, isContinuation: continuation, onSenderClick: onSenderClick, onRetrySend: onRetrySend }));
                             return (_jsxs(React.Fragment, { children: [showDay && (_jsx("div", { className: "my-2 flex justify-center", children: _jsx("div", { className: "chat-date-separator", children: new Date(m.createdAt).toLocaleDateString() }) })), body] }, m.messageId));
                         }) }))] }), (unseenCount > 0 || showScrollToBottom) && (_jsx(Button, { type: "button", variant: "outline", size: "sm", "aria-label": unseenCount > 0 ? `${unseenCount} new messages, scroll to latest` : "Scroll to latest", className: "absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-sm gap-1", onClick: () => {
                     scrollToBottom();

package/dist/ui/MessageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { ChatMessageV1, ModerationHandlers } from \"@ttt-productions/chat-core\";\nimport { isContinuation } from \"@ttt-productions/chat-core\";\nimport type { MessageRendererRegistry } from \"../types.js\";\nimport { Button } from \"@ttt-productions/ui-core/react\";\nimport { MessageItemDefault } from \"./MessageItemDefault.js\";\n\nexport function MessageList(props: {\n  messages: ChatMessageV1[];\n  currentUserId: string;\n  isAdmin: boolean;\n\n  isFetchingOlder?: boolean;\n  hasOlder?: boolean;\n  onLoadOlder?: () => void;\n\n  renderMessage?: (m: ChatMessageV1) => React.ReactNode;\n  messageRenderers?: MessageRendererRegistry;\n\n  showScrollToBottom?: boolean;\n  onScrollToBottom?: () => void;\n  /** Reports whether the list is scrolled to the bottom so the consumer can advance\n   *  authoritative read state only when the latest message is actually in view (C-B6). */\n  onAtBottomChange?: (atBottom: boolean) => void;\n  /** Class for the scrollable message region. Overrides the default. The default is\n   *  `h-[400px]` (fixed-height card) unless `fillHeight` is set, in which case it is\n   *  `flex-1 min-h-0`. */\n  scrollClassName?: string;\n  /** Fill the parent's height instead of a fixed `h-[400px]`. Makes the list a flex-col\n   *  that flexes to fill its container, so a bounded-height page panel scrolls inside.\n   *  The consuming layout must give MessageList's ancestor a bounded height (ChatShell's\n   *  `fillHeight` wires Card → CardContent → MessageList for this). */\n  fillHeight?: boolean;\n\n  handlers?: ModerationHandlers;\n  onSenderClick?: (senderId: string, displayName: string) => void;\n  /** Retry a failed realtime send by clientMessageId (realtime transport only). */\n  onRetrySend?: (clientMessageId: string) => void;\n  /** Re-open the attachment picker for a terminally-failed attachment. Present only\n   *  when attachment support is configured; forwarded to each MessageItemDefault. */\n  onRetryAttachment?: () => void;\n}) {\n  const {\n    messages,\n    currentUserId,\n    isAdmin,\n    isFetchingOlder,\n    hasOlder,\n    onLoadOlder,\n    renderMessage,\n    messageRenderers,\n    showScrollToBottom,\n    onScrollToBottom,\n    onAtBottomChange,\n    scrollClassName,\n    fillHeight = false,\n    handlers,\n    onSenderClick,\n    onRetrySend,\n    onRetryAttachment,\n  } = props;\n\n  const scrollClass = scrollClassName ?? (fillHeight ? \"flex-1 min-h-0\" : \"h-[400px]\");\n  const outerClass = fillHeight ? \"relative flex flex-col flex-1 min-h-0\" : \"relative\";\n\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const topSentinelRef = React.useRef<HTMLDivElement>(null);\n\n  const isAtBottomRef = React.useRef(true);\n  const prevScrollHeightRef = React.useRef<number | null>(null);\n  const prevCountRef = React.useRef(0);\n\n  // Count of messages that arrived while the user was scrolled up — drives the\n  // \"new messages\" pill. Reset when the user returns to the bottom.\n  const [unseenCount, setUnseenCount] = React.useState(0);\n\n  const scrollToBottom = React.useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollTop = el.scrollHeight;\n    isAtBottomRef.current = true;\n    setUnseenCount(0);\n    onAtBottomChange?.(true);\n  }, [onAtBottomChange]);\n\n  // IntersectionObserver for infinite scroll (older messages)\n  React.useEffect(() => {\n    const root = scrollRef.current;\n    const target = topSentinelRef.current;\n    if (!root || !target) return;\n    if (typeof IntersectionObserver === \"undefined\") return;\n\n    const io = new IntersectionObserver(\n      (entries) => {\n        const e = entries[0];\n        if (!e?.isIntersecting) return;\n        if (!hasOlder || isFetchingOlder) return;\n\n        prevScrollHeightRef.current = root.scrollHeight;\n        onLoadOlder?.();\n      },\n      { root, threshold: 0 }\n    );\n\n    io.observe(target);\n    return () => io.disconnect();\n  }, [hasOlder, isFetchingOlder, onLoadOlder]);\n\n  // Scroll management — FIXES accordion scroll jump\n  React.useLayoutEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const count = messages.length;\n    const prev = prevCountRef.current;\n\n    if (prev === 0 && count > 0) {\n      // Initial load — scroll to bottom WITHOUT triggering parent scroll\n      requestAnimationFrame(() => {\n        const savedScrollY = window.scrollY;\n        el.scrollTop = el.scrollHeight;\n        // Restore page scroll if the browser moved it\n        if (window.scrollY !== savedScrollY) {\n          window.scrollTo({ top: savedScrollY, behavior: \"instant\" as ScrollBehavior });\n        }\n      });\n      isAtBottomRef.current = true;\n    } else if (count > prev && prevScrollHeightRef.current != null) {\n      // Older messages prepended — maintain scroll position\n      const diff = el.scrollHeight - prevScrollHeightRef.current;\n      el.scrollTop += diff;\n      prevScrollHeightRef.current = null;\n    } else if (count > prev && isAtBottomRef.current) {\n      // New message at bottom, user is at bottom — scroll down\n      // Use scrollTop assignment, NOT scrollTo with behavior:\"smooth\" (causes parent scroll jump)\n      requestAnimationFrame(() => {\n        const savedScrollY = window.scrollY;\n        el.scrollTop = el.scrollHeight;\n        if (window.scrollY !== savedScrollY) {\n          window.scrollTo({ top: savedScrollY, behavior: \"instant\" as ScrollBehavior });\n        }\n      });\n    } else if (count > prev) {\n      // New message(s) arrived while the user was scrolled up — surface the pill\n      // instead of yanking their scroll position.\n      setUnseenCount((c) => c + (count - prev));\n    }\n\n    prevCountRef.current = count;\n  }, [messages]);\n\n  const onScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    const atBottom = scrollHeight - (scrollTop + clientHeight) < 50;\n    if (atBottom !== isAtBottomRef.current) onAtBottomChange?.(atBottom);\n    isAtBottomRef.current = atBottom;\n    if (atBottom && unseenCount !== 0) setUnseenCount(0);\n  };\n\n  let lastDay: string | null = null;\n\n  return (\n    <div className={outerClass}>\n      <div ref={scrollRef} className={`${scrollClass} overflow-y-auto p-4`} onScroll={onScroll}>\n        {isFetchingOlder && <div className=\"text-center text-xs opacity-70 mb-2\">Loading…</div>}\n\n        <div ref={topSentinelRef} />\n\n        {messages.length === 0 ? (\n          <div className=\"h-full flex items-center justify-center text-sm opacity-70\">No messages yet</div>\n        ) : (\n          <div className=\"flex flex-col\">\n            {messages.map((m, idx) => {\n              const day = new Date(m.createdAt).toDateString();\n              const showDay = day !== lastDay;\n              lastDay = day;\n\n              const prevMsg = idx > 0 ? messages[idx - 1] : undefined;\n              // Date separators always break grouping\n              const continuation = showDay ? false : isContinuation(prevMsg, m);\n\n              const byType =\n                m.type && messageRenderers?.[m.type] ? messageRenderers[m.type]!(m) : null;\n\n              const body =\n                renderMessage?.(m) ??\n                byType ?? (\n                  <MessageItemDefault\n                    m={m}\n                    currentUserId={currentUserId}\n                    isAdmin={isAdmin}\n                    handlers={handlers}\n                    isContinuation={continuation}\n                    onSenderClick={onSenderClick}\n                    onRetrySend={onRetrySend}\n                    onRetryAttachment={onRetryAttachment}\n                  />\n                );\n\n              return (\n                <React.Fragment key={m.messageId}>\n                  {showDay && (\n                    <div className=\"my-2 flex justify-center\">\n                      {/* theme-core: components.css */}\n                      <div className=\"chat-date-separator\">\n                        {new Date(m.createdAt).toLocaleDateString()}\n                      </div>\n                    </div>\n                  )}\n                  {body}\n                </React.Fragment>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {(unseenCount > 0 || showScrollToBottom) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={unseenCount > 0 ? `${unseenCount} new messages, scroll to latest` : \"Scroll to latest\"}\n          className=\"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-sm gap-1\"\n          onClick={() => {\n            scrollToBottom();\n            onScrollToBottom?.();\n          }}\n        >\n          {unseenCount > 0\n            ? `${unseenCount} new message${unseenCount > 1 ? \"s\" : \"\"} ↓`\n            : \"↓\"}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../src/ui/MessageList.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { ChatMessageV1, ModerationHandlers } from \"@ttt-productions/chat-core\";\nimport { isContinuation } from \"@ttt-productions/chat-core\";\nimport type { MessageRendererRegistry } from \"../types.js\";\nimport { Button } from \"@ttt-productions/ui-core/react\";\nimport { MessageItemDefault } from \"./MessageItemDefault.js\";\n\nexport function MessageList(props: {\n  messages: ChatMessageV1[];\n  currentUserId: string;\n  isAdmin: boolean;\n\n  isFetchingOlder?: boolean;\n  hasOlder?: boolean;\n  onLoadOlder?: () => void;\n\n  renderMessage?: (m: ChatMessageV1) => React.ReactNode;\n  messageRenderers?: MessageRendererRegistry;\n\n  showScrollToBottom?: boolean;\n  onScrollToBottom?: () => void;\n  /** Reports whether the list is scrolled to the bottom so the consumer can advance\n   *  authoritative read state only when the latest message is actually in view (C-B6). */\n  onAtBottomChange?: (atBottom: boolean) => void;\n  /** Class for the scrollable message region. Overrides the default. The default is\n   *  `h-[400px]` (fixed-height card) unless `fillHeight` is set, in which case it is\n   *  `flex-1 min-h-0`. */\n  scrollClassName?: string;\n  /** Fill the parent's height instead of a fixed `h-[400px]`. Makes the list a flex-col\n   *  that flexes to fill its container, so a bounded-height page panel scrolls inside.\n   *  The consuming layout must give MessageList's ancestor a bounded height (ChatShell's\n   *  `fillHeight` wires Card → CardContent → MessageList for this). */\n  fillHeight?: boolean;\n\n  handlers?: ModerationHandlers;\n  onSenderClick?: (senderId: string, displayName: string) => void;\n  /** Retry a failed realtime send by clientMessageId (realtime transport only). */\n  onRetrySend?: (clientMessageId: string) => void;\n}) {\n  const {\n    messages,\n    currentUserId,\n    isAdmin,\n    isFetchingOlder,\n    hasOlder,\n    onLoadOlder,\n    renderMessage,\n    messageRenderers,\n    showScrollToBottom,\n    onScrollToBottom,\n    onAtBottomChange,\n    scrollClassName,\n    fillHeight = false,\n    handlers,\n    onSenderClick,\n    onRetrySend,\n  } = props;\n\n  const scrollClass = scrollClassName ?? (fillHeight ? \"flex-1 min-h-0\" : \"h-[400px]\");\n  const outerClass = fillHeight ? \"relative flex flex-col flex-1 min-h-0\" : \"relative\";\n\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const topSentinelRef = React.useRef<HTMLDivElement>(null);\n\n  const isAtBottomRef = React.useRef(true);\n  const prevScrollHeightRef = React.useRef<number | null>(null);\n  const prevCountRef = React.useRef(0);\n\n  // Count of messages that arrived while the user was scrolled up — drives the\n  // \"new messages\" pill. Reset when the user returns to the bottom.\n  const [unseenCount, setUnseenCount] = React.useState(0);\n\n  const scrollToBottom = React.useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollTop = el.scrollHeight;\n    isAtBottomRef.current = true;\n    setUnseenCount(0);\n    onAtBottomChange?.(true);\n  }, [onAtBottomChange]);\n\n  // IntersectionObserver for infinite scroll (older messages)\n  React.useEffect(() => {\n    const root = scrollRef.current;\n    const target = topSentinelRef.current;\n    if (!root || !target) return;\n    if (typeof IntersectionObserver === \"undefined\") return;\n\n    const io = new IntersectionObserver(\n      (entries) => {\n        const e = entries[0];\n        if (!e?.isIntersecting) return;\n        if (!hasOlder || isFetchingOlder) return;\n\n        prevScrollHeightRef.current = root.scrollHeight;\n        onLoadOlder?.();\n      },\n      { root, threshold: 0 }\n    );\n\n    io.observe(target);\n    return () => io.disconnect();\n  }, [hasOlder, isFetchingOlder, onLoadOlder]);\n\n  // Scroll management — FIXES accordion scroll jump\n  React.useLayoutEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const count = messages.length;\n    const prev = prevCountRef.current;\n\n    if (prev === 0 && count > 0) {\n      // Initial load — scroll to bottom WITHOUT triggering parent scroll\n      requestAnimationFrame(() => {\n        const savedScrollY = window.scrollY;\n        el.scrollTop = el.scrollHeight;\n        // Restore page scroll if the browser moved it\n        if (window.scrollY !== savedScrollY) {\n          window.scrollTo({ top: savedScrollY, behavior: \"instant\" as ScrollBehavior });\n        }\n      });\n      isAtBottomRef.current = true;\n    } else if (count > prev && prevScrollHeightRef.current != null) {\n      // Older messages prepended — maintain scroll position\n      const diff = el.scrollHeight - prevScrollHeightRef.current;\n      el.scrollTop += diff;\n      prevScrollHeightRef.current = null;\n    } else if (count > prev && isAtBottomRef.current) {\n      // New message at bottom, user is at bottom — scroll down\n      // Use scrollTop assignment, NOT scrollTo with behavior:\"smooth\" (causes parent scroll jump)\n      requestAnimationFrame(() => {\n        const savedScrollY = window.scrollY;\n        el.scrollTop = el.scrollHeight;\n        if (window.scrollY !== savedScrollY) {\n          window.scrollTo({ top: savedScrollY, behavior: \"instant\" as ScrollBehavior });\n        }\n      });\n    } else if (count > prev) {\n      // New message(s) arrived while the user was scrolled up — surface the pill\n      // instead of yanking their scroll position.\n      setUnseenCount((c) => c + (count - prev));\n    }\n\n    prevCountRef.current = count;\n  }, [messages]);\n\n  const onScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    const atBottom = scrollHeight - (scrollTop + clientHeight) < 50;\n    if (atBottom !== isAtBottomRef.current) onAtBottomChange?.(atBottom);\n    isAtBottomRef.current = atBottom;\n    if (atBottom && unseenCount !== 0) setUnseenCount(0);\n  };\n\n  let lastDay: string | null = null;\n\n  return (\n    <div className={outerClass}>\n      <div ref={scrollRef} className={`${scrollClass} overflow-y-auto p-4`} onScroll={onScroll}>\n        {isFetchingOlder && <div className=\"text-center text-xs opacity-70 mb-2\">Loading…</div>}\n\n        <div ref={topSentinelRef} />\n\n        {messages.length === 0 ? (\n          <div className=\"h-full flex items-center justify-center text-sm opacity-70\">No messages yet</div>\n        ) : (\n          <div className=\"flex flex-col\">\n            {messages.map((m, idx) => {\n              const day = new Date(m.createdAt).toDateString();\n              const showDay = day !== lastDay;\n              lastDay = day;\n\n              const prevMsg = idx > 0 ? messages[idx - 1] : undefined;\n              // Date separators always break grouping\n              const continuation = showDay ? false : isContinuation(prevMsg, m);\n\n              const byType =\n                m.type && messageRenderers?.[m.type] ? messageRenderers[m.type]!(m) : null;\n\n              const body =\n                renderMessage?.(m) ??\n                byType ?? (\n                  <MessageItemDefault\n                    m={m}\n                    currentUserId={currentUserId}\n                    isAdmin={isAdmin}\n                    handlers={handlers}\n                    isContinuation={continuation}\n                    onSenderClick={onSenderClick}\n                    onRetrySend={onRetrySend}\n                  />\n                );\n\n              return (\n                <React.Fragment key={m.messageId}>\n                  {showDay && (\n                    <div className=\"my-2 flex justify-center\">\n                      {/* theme-core: components.css */}\n                      <div className=\"chat-date-separator\">\n                        {new Date(m.createdAt).toLocaleDateString()}\n                      </div>\n                    </div>\n                  )}\n                  {body}\n                </React.Fragment>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {(unseenCount > 0 || showScrollToBottom) && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          aria-label={unseenCount > 0 ? `${unseenCount} new messages, scroll to latest` : \"Scroll to latest\"}\n          className=\"absolute bottom-4 left-1/2 -translate-x-1/2 rounded-full shadow-sm gap-1\"\n          onClick={() => {\n            scrollToBottom();\n            onScrollToBottom?.();\n          }}\n        >\n          {unseenCount > 0\n            ? `${unseenCount} new message${unseenCount > 1 ? \"s\" : \"\"} ↓`\n            : \"↓\"}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}