@cellarnode/ui 0.172.0 → 0.173.0

package/dist/chat/chat-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-api.d.ts","sourceRoot":"","sources":["../../src/chat/chat-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAwC,MAAM,SAAS,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAE5E;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,UAAU,GAAG,aAAa,CAsCjE"}
+{"version":3,"file":"chat-api.d.ts","sourceRoot":"","sources":["../../src/chat/chat-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAyD,MAAM,SAAS,CAAC;AAEpG;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;AAE5E;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,UAAU,GAAG,aAAa,CAiDjE"}

package/dist/chat/chat-api.js

@@ -14,10 +14,20 @@ export function createChatApi(apiFetch) {
             const qs = searchParams.toString();
             return apiFetch(`/chat/rooms/${roomId}/messages${qs ? `?${qs}` : ""}`);
         },
-        async sendMessage(roomId, content, messageType = "text", metadata) {
+        async sendMessage(roomId, content, messageType = "text", metadata, options) {
             return apiFetch(`/chat/rooms/${roomId}/messages`, {
                 method: "POST",
-                body: JSON.stringify({ content, messageType, metadata }),
+                // Spread rather than always setting the key: the route branches on
+                // `replyToMessageId !== undefined`, so sending an explicit null on an
+                // ordinary message would earn a 422 instead of a plain send.
+                body: JSON.stringify({
+                    content,
+                    messageType,
+                    metadata,
+                    ...(options?.replyToMessageId !== undefined
+                        ? { replyToMessageId: options.replyToMessageId }
+                        : {}),
+                }),
             });
         },
         async markRead(roomId, messageId) {

package/dist/chat/chat-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-api.js","sourceRoot":"","sources":["../../src/chat/chat-api.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,QAAoB;IAChD,OAAO;QACL,KAAK,CAAC,WAAW,CAAC,MAAc,EAAE,MAAe;YAC/C,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;YAC3C,IAAI,MAAM;gBAAE,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAChC,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO,QAAQ,CACb,eAAe,MAAM,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CACtD,CAAC;QACJ,CAAC;QAED,KAAK,CAAC,WAAW,CACf,MAAc,EACd,OAAe,EACf,cAAiC,MAAM,EACvC,QAAkC;YAElC,OAAO,QAAQ,CAAc,eAAe,MAAM,WAAW,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;aACzD,CAAC,CAAC;QACL,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,MAAc,EAAE,SAAiB;YAC9C,OAAO,QAAQ,CAAO,eAAe,MAAM,aAAa,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/F,CAAC;QAED,KAAK,CAAC,YAAY,CAAC,MAAc;YAC/B,OAAO,QAAQ,CAAyB,eAAe,MAAM,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3F,CAAC;QAED,KAAK,CAAC,WAAW;YACf,OAAO,QAAQ,CAAqB,iBAAiB,EAAE;gBACrD,MAAM,EAAE,MAAM;aACf,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"chat-api.js","sourceRoot":"","sources":["../../src/chat/chat-api.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,QAAoB;IAChD,OAAO;QACL,KAAK,CAAC,WAAW,CAAC,MAAc,EAAE,MAAe;YAC/C,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;YAC3C,IAAI,MAAM;gBAAE,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YAChC,MAAM,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO,QAAQ,CACb,eAAe,MAAM,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CACtD,CAAC;QACJ,CAAC;QAED,KAAK,CAAC,WAAW,CACf,MAAc,EACd,OAAe,EACf,cAA0C,MAAM,EAChD,QAAkC,EAClC,OAAyB;YAEzB,OAAO,QAAQ,CAAc,eAAe,MAAM,WAAW,EAAE;gBAC7D,MAAM,EAAE,MAAM;gBACd,mEAAmE;gBACnE,sEAAsE;gBACtE,6DAA6D;gBAC7D,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,OAAO;oBACP,WAAW;oBACX,QAAQ;oBACR,GAAG,CAAC,OAAO,EAAE,gBAAgB,KAAK,SAAS;wBACzC,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAAE;wBAChD,CAAC,CAAC,EAAE,CAAC;iBACR,CAAC;aACH,CAAC,CAAC;QACL,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,MAAc,EAAE,SAAiB;YAC9C,OAAO,QAAQ,CAAO,eAAe,MAAM,aAAa,SAAS,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QAC/F,CAAC;QAED,KAAK,CAAC,YAAY,CAAC,MAAc;YAC/B,OAAO,QAAQ,CAAyB,eAAe,MAAM,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3F,CAAC;QAED,KAAK,CAAC,WAAW;YACf,OAAO,QAAQ,CAAqB,iBAAiB,EAAE;gBACrD,MAAM,EAAE,MAAM;aACf,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/chat/chat-composer.d.ts

@@ -0,0 +1,67 @@
+import type { ChatAttachmentUploadAdapter, ChatComposerAttachmentContext, ChatComposerConfirmedAttempt, ChatComposerSendResult, ChatSurfaceReplyQuote } from "./chat-surface.js";
+export interface ChatAttachmentLabels {
+    uploading: string;
+    ready: string;
+    linking: string;
+    uploadFailed: string;
+    /** Accurate recovery copy: upload succeeded, message link did not. */
+    linkFailed: string;
+    retry: string;
+    remove: string;
+    tooManyFiles: string;
+    fileTooLarge: string;
+    uploadPaused: string;
+    sendFailed: string;
+    messageIdMissing: string;
+}
+export declare const CHAT_ATTACHMENT_DEFAULT_LABELS: ChatAttachmentLabels;
+export interface ChatComposerProps {
+    /** Isolates drafts and attachment queues. Required when using `attachmentAdapter`. */
+    roomId?: string;
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    isSending?: boolean;
+    maxLength?: number;
+    attachmentsSlot?: React.ReactNode;
+    attachmentAdapter?: ChatAttachmentUploadAdapter;
+    attachmentLabels?: Partial<ChatAttachmentLabels>;
+    /** Localize attachment-only fallback content sent to the chat API. */
+    formatAttachmentOnlyContent?: (fileNames: string[]) => string;
+    /** Non-blocking transport or availability notice rendered above the composer. */
+    notice?: React.ReactNode;
+    /**
+     * CEL-1990 — when set, the composer shows which message is being answered
+     * and offers a way out. The parent owns the state: this component never
+     * clears it, because the send that consumes it is also the parent's.
+     */
+    replyingTo?: ChatSurfaceReplyQuote | null;
+    onCancelReply?: () => void;
+    /** i18n. `{author}` is substituted. */
+    replyingToLabel?: string;
+    /** i18n. */
+    cancelReplyLabel?: string;
+    unknownAuthorLabel?: string;
+    unavailablePreviewLabel?: string;
+    attachLabel?: string;
+    /** Send-button label (visible + aria-label) at rest. Defaults to "Send". */
+    sendLabel?: string;
+    /** Send-button label (visible + aria-label) while a send is in flight. Defaults to "Sending". */
+    sendingLabel?: string;
+    /** Screen-reader-only label for the message textarea. Defaults to "Message". */
+    fieldLabel?: string;
+    onValueChange?: (value: string) => void;
+    /** REST-confirmed attempt-to-row mappings. Only these may authorize attachment links. */
+    confirmedAttempts?: readonly ChatComposerConfirmedAttempt[];
+    onAttemptConfirmed?: (attempt: ChatComposerConfirmedAttempt & {
+        replyToMessageId?: string;
+    }) => void;
+    onAttemptPendingChange?: (pending: boolean) => void;
+    onSend: (value: string, attachmentContext?: ChatComposerAttachmentContext) => void | ChatComposerSendResult | Promise<void | ChatComposerSendResult>;
+    onAttach?: () => void;
+    onTyping?: () => void;
+    className?: string;
+}
+export declare function ChatComposer({ roomId, value, defaultValue, placeholder, disabled, isSending, maxLength, attachmentsSlot, attachmentAdapter, attachmentLabels, formatAttachmentOnlyContent, notice, replyingTo, onCancelReply, replyingToLabel, cancelReplyLabel, unknownAuthorLabel, unavailablePreviewLabel, attachLabel, sendLabel, sendingLabel, fieldLabel, onValueChange, confirmedAttempts, onAttemptConfirmed, onAttemptPendingChange, onSend, onAttach, onTyping, className, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-composer.d.ts.map

package/dist/chat/chat-composer.d.ts.map

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

package/dist/chat/chat-composer.js

@@ -0,0 +1,482 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { CircleAlert, CornerUpLeft, FileText, LoaderCircle, Paperclip, RotateCcw, Send, Trash2, X, } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { formatChatLabel } from "./chat-labels.js";
+function createAttemptMessageId() {
+    if (globalThis.crypto?.randomUUID)
+        return globalThis.crypto.randomUUID();
+    const bytes = new Uint8Array(16);
+    if (globalThis.crypto?.getRandomValues)
+        globalThis.crypto.getRandomValues(bytes);
+    else
+        for (let index = 0; index < bytes.length; index += 1)
+            bytes[index] = Math.random() * 256;
+    bytes[6] = (bytes[6] & 0x0f) | 0x40;
+    bytes[8] = (bytes[8] & 0x3f) | 0x80;
+    const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+    return `${hex.slice(0, 4).join("")}-${hex.slice(4, 6).join("")}-${hex.slice(6, 8).join("")}-${hex.slice(8, 10).join("")}-${hex.slice(10).join("")}`;
+}
+export const CHAT_ATTACHMENT_DEFAULT_LABELS = {
+    uploading: "Uploading",
+    ready: "Ready to send",
+    linking: "Sharing file",
+    uploadFailed: "Upload failed",
+    linkFailed: "File uploaded but was not shared",
+    retry: "Retry {filename}",
+    remove: "Remove {filename}",
+    tooManyFiles: "Too many files selected",
+    fileTooLarge: "{filename} exceeds the file size limit",
+    uploadPaused: "Upload paused when the conversation changed",
+    sendFailed: "Message could not be sent. Your text and files were kept.",
+    messageIdMissing: "Message sent, but the file was not shared. Remove it or contact support for help.",
+};
+function errorText(error, fallback) {
+    return error instanceof Error && error.message.trim() ? error.message : fallback;
+}
+function defaultAttachmentOnlyContent(fileNames) {
+    const noun = fileNames.length === 1 ? "attachment" : "attachments";
+    return `${fileNames.length} ${noun}`;
+}
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function ChatComposerAttachmentTray({ attachments, labels, onRetry, onRemove, }) {
+    if (attachments.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex min-w-0 flex-col gap-1.5 px-2 pt-2", children: attachments.map((attachment) => {
+            const stateLabel = attachment.status === "uploading"
+                ? labels.uploading
+                : attachment.status === "ready"
+                    ? labels.ready
+                    : attachment.status === "linking"
+                        ? labels.linking
+                        : attachment.status === "link-failed"
+                            ? labels.linkFailed
+                            : labels.uploadFailed;
+            const canRetry = attachment.status === "failed" ||
+                (attachment.status === "link-failed" && Boolean(attachment.linkedMessageId));
+            return (_jsxs("div", { "data-attachment-id": attachment.attachmentId ?? attachment.clientId, "data-attachment-status": attachment.status, className: "flex min-w-0 items-center gap-2 rounded-xl bg-muted/60 px-2 py-1.5 text-xs/5", children: [attachment.status === "uploading" || attachment.status === "linking" ? (_jsx(LoaderCircle, { className: "size-4 shrink-0 animate-spin motion-reduce:animate-none", "aria-hidden": "true" })) : attachment.status === "failed" || attachment.status === "link-failed" ? (_jsx(CircleAlert, { className: "size-4 shrink-0 text-[var(--tone-danger-fg)]", "aria-hidden": "true" })) : (_jsx(FileText, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: attachment.fileName }), _jsx("span", { className: "block text-muted-foreground", role: "status", children: attachment.errorMessage ?? stateLabel }), attachment.status === "uploading" && attachment.progress !== undefined ? (_jsx("progress", { className: "mt-1 h-1 w-full accent-primary", max: 100, value: Math.min(100, Math.max(0, attachment.progress)), "aria-label": `${labels.uploading}: ${attachment.fileName}` })) : null] }), canRetry ? (_jsx("button", { type: "button", onClick: () => onRetry(attachment.clientId), "aria-label": formatChatLabel(labels.retry, { filename: attachment.fileName }), className: "grid size-11 shrink-0 place-items-center rounded-lg text-muted-foreground transition-colors duration-[var(--duration-micro)] hover:bg-muted hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring", children: _jsx(RotateCcw, { className: "size-4", "aria-hidden": "true" }) })) : null, _jsx("button", { type: "button", onClick: () => onRemove(attachment.clientId), disabled: attachment.status === "linking", "aria-label": formatChatLabel(labels.remove, { filename: attachment.fileName }), className: "grid size-11 shrink-0 place-items-center rounded-lg text-muted-foreground transition-colors duration-[var(--duration-micro)] hover:bg-muted hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", children: _jsx(Trash2, { className: "size-4", "aria-hidden": "true" }) })] }, attachment.clientId));
+        }) }));
+}
+export function ChatComposer({ roomId, value, defaultValue = "", placeholder = "Write a message", disabled = false, isSending = false, maxLength, attachmentsSlot, attachmentAdapter, attachmentLabels, formatAttachmentOnlyContent = defaultAttachmentOnlyContent, notice, replyingTo, onCancelReply, replyingToLabel = "Replying to {author}", cancelReplyLabel = "Cancel reply", unknownAuthorLabel = "Unknown sender", unavailablePreviewLabel = "Message unavailable", attachLabel = "Attach file", sendLabel = "Send", sendingLabel = "Sending", fieldLabel = "Message", onValueChange, confirmedAttempts, onAttemptConfirmed, onAttemptPendingChange, onSend, onAttach, onTyping, className, }) {
+    const fieldId = useId();
+    const fileInputRef = useRef(null);
+    const roomKey = roomId ?? "__default-chat-room__";
+    const currentRoomRef = useRef(roomKey);
+    const queuesByRoomRef = useRef(new Map());
+    const attemptsByRoomRef = useRef(new Map());
+    const linkFlightsRef = useRef(new Map());
+    const deferredConfirmationsRef = useRef(new Map());
+    const draftsByRoomRef = useRef(new Map([[roomKey, defaultValue]]));
+    const uploadControllersRef = useRef(new Map());
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const [attachments, setAttachments] = useState([]);
+    const [attachmentNotice, setAttachmentNotice] = useState("");
+    const [isAttachmentSubmitting, setIsAttachmentSubmitting] = useState(false);
+    const [activeAttemptMessageId, setActiveAttemptMessageId] = useState(null);
+    const latestTextRef = useRef(value ?? defaultValue);
+    const submissionSequenceRef = useRef(0);
+    const labels = { ...CHAT_ATTACHMENT_DEFAULT_LABELS, ...attachmentLabels };
+    const text = value ?? internalValue;
+    latestTextRef.current = text;
+    const remaining = typeof maxLength === "number" ? maxLength - text.length : undefined;
+    const readyAttachments = attachments.filter((attachment) => attachment.status === "ready");
+    const attachmentWorkInFlight = attachments.some((attachment) => attachment.status === "uploading" || attachment.status === "linking");
+    const attemptLocked = activeAttemptMessageId !== null;
+    const sending = isSending || isAttachmentSubmitting;
+    const canSend = (attemptLocked || text.trim().length > 0 || readyAttachments.length > 0) &&
+        !disabled &&
+        !sending &&
+        !attachmentWorkInFlight;
+    const mutateRoomQueue = useCallback((targetRoomKey, update) => {
+        const next = update(queuesByRoomRef.current.get(targetRoomKey) ?? []);
+        queuesByRoomRef.current.set(targetRoomKey, next);
+        if (currentRoomRef.current === targetRoomKey)
+            setAttachments(next);
+    }, []);
+    useEffect(() => {
+        const previousRoomKey = currentRoomRef.current;
+        if (previousRoomKey === roomKey)
+            return;
+        for (const [clientId, active] of uploadControllersRef.current) {
+            if (active.roomKey !== previousRoomKey)
+                continue;
+            active.controller.abort();
+            uploadControllersRef.current.delete(clientId);
+        }
+        mutateRoomQueue(previousRoomKey, (rows) => rows.map((row) => row.status === "uploading"
+            ? { ...row, status: "failed", progress: undefined, errorMessage: labels.uploadPaused }
+            : row));
+        currentRoomRef.current = roomKey;
+        submissionSequenceRef.current += 1;
+        setAttachments(queuesByRoomRef.current.get(roomKey) ?? []);
+        const nextAttemptMessageId = attemptsByRoomRef.current.get(roomKey)?.attemptMessageId ?? null;
+        setActiveAttemptMessageId(nextAttemptMessageId);
+        onAttemptPendingChange?.(nextAttemptMessageId !== null);
+        setAttachmentNotice("");
+        setIsAttachmentSubmitting(false);
+        if (value === undefined)
+            setInternalValue(draftsByRoomRef.current.get(roomKey) ?? "");
+    }, [labels.uploadPaused, mutateRoomQueue, onAttemptPendingChange, roomKey, value]);
+    useEffect(() => () => {
+        for (const active of uploadControllersRef.current.values())
+            active.controller.abort();
+        uploadControllersRef.current.clear();
+    }, []);
+    function updateText(next) {
+        if (typeof maxLength === "number" && next.length > maxLength)
+            return;
+        latestTextRef.current = next;
+        if (value === undefined) {
+            draftsByRoomRef.current.set(roomKey, next);
+            setInternalValue(next);
+        }
+        onValueChange?.(next);
+        onTyping?.();
+    }
+    async function startUpload(targetRoomKey, row) {
+        if (!attachmentAdapter)
+            return;
+        const controller = new AbortController();
+        uploadControllersRef.current.set(row.clientId, { roomKey: targetRoomKey, controller });
+        mutateRoomQueue(targetRoomKey, (rows) => rows.map((candidate) => candidate.clientId === row.clientId
+            ? { ...candidate, status: "uploading", progress: 0, errorMessage: undefined }
+            : candidate));
+        try {
+            const uploaded = await attachmentAdapter.upload(row.file, {
+                signal: controller.signal,
+                onProgress(progress) {
+                    if (controller.signal.aborted)
+                        return;
+                    mutateRoomQueue(targetRoomKey, (rows) => rows.map((candidate) => candidate.clientId === row.clientId && candidate.status === "uploading"
+                        ? { ...candidate, progress }
+                        : candidate));
+                },
+            });
+            if (controller.signal.aborted)
+                return;
+            mutateRoomQueue(targetRoomKey, (rows) => rows.map((candidate) => candidate.clientId === row.clientId
+                ? {
+                    ...candidate,
+                    id: uploaded.attachmentId,
+                    attachmentId: uploaded.attachmentId,
+                    fileName: uploaded.fileName,
+                    mimeType: uploaded.mimeType,
+                    sizeBytes: uploaded.sizeBytes,
+                    status: "ready",
+                    progress: 100,
+                    errorMessage: undefined,
+                }
+                : candidate));
+        }
+        catch (error) {
+            if (controller.signal.aborted)
+                return;
+            mutateRoomQueue(targetRoomKey, (rows) => rows.map((candidate) => candidate.clientId === row.clientId
+                ? {
+                    ...candidate,
+                    status: "failed",
+                    progress: undefined,
+                    errorMessage: errorText(error, labels.uploadFailed),
+                }
+                : candidate));
+        }
+        finally {
+            const active = uploadControllersRef.current.get(row.clientId);
+            if (active?.controller === controller)
+                uploadControllersRef.current.delete(row.clientId);
+        }
+    }
+    function addFiles(fileList) {
+        if (!attachmentAdapter)
+            return;
+        const files = Array.from(fileList);
+        const currentCount = queuesByRoomRef.current.get(roomKey)?.length ?? 0;
+        const available = Math.max(0, (attachmentAdapter.maxFiles ?? Infinity) - currentCount);
+        if (files.length > available)
+            setAttachmentNotice(labels.tooManyFiles);
+        const accepted = [];
+        for (const file of files.slice(0, available)) {
+            const validationError = (attachmentAdapter.maxBytes !== undefined && file.size > attachmentAdapter.maxBytes
+                ? formatChatLabel(labels.fileTooLarge, { filename: file.name })
+                : null) ?? attachmentAdapter.validateFile?.(file);
+            if (validationError) {
+                setAttachmentNotice(validationError);
+                continue;
+            }
+            const clientId = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`;
+            accepted.push({
+                clientId,
+                id: clientId,
+                file,
+                fileName: file.name,
+                mimeType: file.type || undefined,
+                sizeBytes: file.size,
+                status: "uploading",
+                progress: 0,
+            });
+        }
+        if (accepted.length === 0)
+            return;
+        setAttachmentNotice("");
+        mutateRoomQueue(roomKey, (rows) => [...rows, ...accepted]);
+        for (const row of accepted)
+            void startUpload(roomKey, row);
+    }
+    function removeAttachment(clientId) {
+        uploadControllersRef.current.get(clientId)?.controller.abort();
+        uploadControllersRef.current.delete(clientId);
+        const row = (queuesByRoomRef.current.get(roomKey) ?? []).find((candidate) => candidate.clientId === clientId);
+        if (row?.status === "linking")
+            return;
+        mutateRoomQueue(roomKey, (rows) => rows.filter((row) => row.clientId !== clientId));
+        if (!row?.attemptMessageId)
+            return;
+        const attempt = attemptsByRoomRef.current.get(roomKey);
+        if (!attempt || attempt.attemptMessageId !== row.attemptMessageId)
+            return;
+        const remainingIds = attempt.attachmentClientIds.filter((id) => id !== clientId);
+        if (remainingIds.length > 0) {
+            attemptsByRoomRef.current.set(roomKey, { ...attempt, attachmentClientIds: remainingIds });
+            return;
+        }
+        // This only discards the local file/retry transaction. A request whose
+        // acknowledgement was lost may already have created its chat message.
+        attemptsByRoomRef.current.delete(roomKey);
+        deferredConfirmationsRef.current.delete(attempt.attemptMessageId);
+        if (currentRoomRef.current === roomKey) {
+            setActiveAttemptMessageId(null);
+            setAttachmentNotice("");
+            onAttemptPendingChange?.(false);
+        }
+    }
+    async function retryAttachment(clientId) {
+        const row = (queuesByRoomRef.current.get(roomKey) ?? []).find((candidate) => candidate.clientId === clientId);
+        if (!row || !attachmentAdapter)
+            return;
+        if (row.status === "failed") {
+            await startUpload(roomKey, row);
+            return;
+        }
+        if (row.status !== "link-failed" || !row.attachmentId || !row.linkedMessageId)
+            return;
+        mutateRoomQueue(roomKey, (rows) => rows.map((candidate) => candidate.clientId === clientId
+            ? { ...candidate, status: "linking", errorMessage: undefined }
+            : candidate));
+        try {
+            await attachmentAdapter.linkToMessage({
+                attachmentId: row.attachmentId,
+                messageId: row.linkedMessageId,
+            });
+            mutateRoomQueue(roomKey, (rows) => rows.filter((candidate) => candidate.clientId !== clientId));
+        }
+        catch (error) {
+            mutateRoomQueue(roomKey, (rows) => rows.map((candidate) => candidate.clientId === clientId
+                ? {
+                    ...candidate,
+                    status: "link-failed",
+                    errorMessage: error instanceof Error && error.message.trim()
+                        ? `${labels.linkFailed}: ${error.message}`
+                        : labels.linkFailed,
+                }
+                : candidate));
+        }
+    }
+    const confirmAttempt = useCallback((confirmation) => {
+        const attempt = Array.from(attemptsByRoomRef.current.values()).find((candidate) => candidate.attemptMessageId === confirmation.attemptMessageId);
+        if (!attempt || !UUID_PATTERN.test(confirmation.messageId))
+            return Promise.resolve();
+        deferredConfirmationsRef.current.set(confirmation.attemptMessageId, confirmation);
+        // A completion from room A must not mutate room B. The attempt stays
+        // available and will finish if room A becomes active again while the
+        // authoritative confirmation mapping is still present.
+        if (currentRoomRef.current !== attempt.roomKey)
+            return Promise.resolve();
+        const existingFlight = linkFlightsRef.current.get(attempt.attemptMessageId);
+        if (existingFlight)
+            return existingFlight;
+        const flight = (async () => {
+            deferredConfirmationsRef.current.delete(attempt.attemptMessageId);
+            attemptsByRoomRef.current.delete(attempt.roomKey);
+            setActiveAttemptMessageId(null);
+            onAttemptPendingChange?.(false);
+            setIsAttachmentSubmitting(false);
+            setAttachmentNotice("");
+            if (latestTextRef.current === attempt.submittedText) {
+                latestTextRef.current = "";
+                if (value === undefined) {
+                    draftsByRoomRef.current.set(attempt.roomKey, "");
+                    setInternalValue("");
+                }
+                else {
+                    onValueChange?.("");
+                }
+            }
+            onAttemptConfirmed?.({
+                attemptMessageId: attempt.attemptMessageId,
+                messageId: confirmation.messageId,
+                ...(attempt.replyToMessageId ? { replyToMessageId: attempt.replyToMessageId } : {}),
+            });
+            mutateRoomQueue(attempt.roomKey, (rows) => rows.map((candidate) => attempt.attachmentClientIds.includes(candidate.clientId)
+                ? {
+                    ...candidate,
+                    status: "linking",
+                    linkedMessageId: confirmation.messageId,
+                    errorMessage: undefined,
+                }
+                : candidate));
+            await Promise.all(attempt.attachmentClientIds.map(async (clientId) => {
+                const attachment = (queuesByRoomRef.current.get(attempt.roomKey) ?? []).find((candidate) => candidate.clientId === clientId);
+                if (!attachment?.attachmentId)
+                    return;
+                try {
+                    await attempt.adapter.linkToMessage({
+                        attachmentId: attachment.attachmentId,
+                        messageId: confirmation.messageId,
+                    });
+                    mutateRoomQueue(attempt.roomKey, (rows) => rows.filter((candidate) => candidate.clientId !== clientId));
+                }
+                catch (error) {
+                    mutateRoomQueue(attempt.roomKey, (rows) => rows.map((candidate) => candidate.clientId === clientId
+                        ? {
+                            ...candidate,
+                            status: "link-failed",
+                            linkedMessageId: confirmation.messageId,
+                            errorMessage: error instanceof Error && error.message.trim()
+                                ? `${labels.linkFailed}: ${error.message}`
+                                : labels.linkFailed,
+                        }
+                        : candidate));
+                }
+            }));
+        })().finally(() => {
+            linkFlightsRef.current.delete(attempt.attemptMessageId);
+        });
+        linkFlightsRef.current.set(attempt.attemptMessageId, flight);
+        return flight;
+    }, [
+        labels.linkFailed,
+        mutateRoomQueue,
+        onAttemptConfirmed,
+        onAttemptPendingChange,
+        onValueChange,
+        value,
+    ]);
+    useEffect(() => {
+        const confirmations = [
+            ...(confirmedAttempts ?? []),
+            ...deferredConfirmationsRef.current.values(),
+        ];
+        for (const confirmation of confirmations) {
+            void confirmAttempt(confirmation);
+        }
+    }, [activeAttemptMessageId, confirmAttempt, confirmedAttempts]);
+    async function sendCurrent() {
+        const targetRoomKey = roomKey;
+        const submittedText = text;
+        const submissionId = ++submissionSequenceRef.current;
+        const trimmed = text.trim();
+        const ready = (queuesByRoomRef.current.get(targetRoomKey) ?? []).filter((attachment) => attachment.status === "ready" && attachment.attachmentId);
+        if ((!trimmed && ready.length === 0) || disabled || sending || attachmentWorkInFlight)
+            return;
+        // Text-only sends retain the established behavior. Attachment sends use
+        // the explicit room-scoped attempt below so ambiguous responses are safe
+        // to retry without generating another chat UUID.
+        if (ready.length === 0 && !attemptsByRoomRef.current.has(targetRoomKey)) {
+            try {
+                await onSend(trimmed);
+                if (currentRoomRef.current === targetRoomKey && latestTextRef.current === submittedText) {
+                    latestTextRef.current = "";
+                    if (value === undefined) {
+                        draftsByRoomRef.current.set(targetRoomKey, "");
+                        setInternalValue("");
+                    }
+                    else {
+                        onValueChange?.("");
+                    }
+                }
+            }
+            catch {
+                // The text remains in the controlled/uncontrolled draft for retry.
+            }
+            return;
+        }
+        let attempt = attemptsByRoomRef.current.get(targetRoomKey);
+        if (!attempt) {
+            if (!attachmentAdapter || ready.length === 0)
+                return;
+            const generatedAttachmentContent = formatAttachmentOnlyContent(ready.map((attachment) => attachment.fileName)).trim();
+            const contentLimit = maxLength ?? 10_000;
+            const content = trimmed ||
+                (generatedAttachmentContent ||
+                    defaultAttachmentOnlyContent(ready.map((row) => row.fileName))).slice(0, contentLimit);
+            const attemptMessageId = createAttemptMessageId();
+            attempt = {
+                attemptMessageId,
+                roomKey: targetRoomKey,
+                content,
+                submittedText,
+                attachmentClientIds: ready.map((attachment) => attachment.clientId),
+                isAttachmentOnly: trimmed.length === 0,
+                ...(replyingTo?.messageId ? { replyToMessageId: replyingTo.messageId } : {}),
+                adapter: attachmentAdapter,
+            };
+            attemptsByRoomRef.current.set(targetRoomKey, attempt);
+            setActiveAttemptMessageId(attemptMessageId);
+            onAttemptPendingChange?.(true);
+            mutateRoomQueue(targetRoomKey, (rows) => rows.map((candidate) => attempt.attachmentClientIds.includes(candidate.clientId)
+                ? { ...candidate, attemptMessageId }
+                : candidate));
+        }
+        setAttachmentNotice("");
+        setIsAttachmentSubmitting(true);
+        try {
+            const result = await onSend(attempt.content, {
+                attemptMessageId: attempt.attemptMessageId,
+                attachmentClientIds: attempt.attachmentClientIds,
+                isAttachmentOnly: attempt.isAttachmentOnly,
+                ...(attempt.replyToMessageId ? { replyToMessageId: attempt.replyToMessageId } : {}),
+            });
+            const messageId = result && typeof result === "object" ? result.messageId : undefined;
+            if (typeof messageId !== "string" || !UUID_PATTERN.test(messageId)) {
+                if (currentRoomRef.current === targetRoomKey) {
+                    setAttachmentNotice(labels.messageIdMissing);
+                }
+                return;
+            }
+            await confirmAttempt({ attemptMessageId: attempt.attemptMessageId, messageId });
+        }
+        catch {
+            if (currentRoomRef.current === targetRoomKey) {
+                setAttachmentNotice(labels.sendFailed);
+            }
+        }
+        finally {
+            if (currentRoomRef.current === targetRoomKey &&
+                submissionSequenceRef.current === submissionId) {
+                setIsAttachmentSubmitting(false);
+            }
+        }
+    }
+    function submit(event) {
+        event.preventDefault();
+        void sendCurrent();
+    }
+    return (_jsxs(_Fragment, { children: [notice ? (_jsx("p", { "data-testid": "composer-live-updates-notice", role: "status", className: "px-1 pb-1 text-xs/5 text-muted-foreground", children: notice })) : null, replyingTo ? (_jsxs("div", { "data-testid": "composer-replying-to", 
+                // `status`, not `alert`: entering reply mode is a state change the
+                // user just caused, not something that interrupts them.
+                role: "status", className: "mb-1 flex items-center gap-2 rounded-xl bg-muted/60 px-3 py-1.5 text-xs/5", children: [_jsx(CornerUpLeft, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [_jsx("span", { className: "font-semibold", children: formatChatLabel(replyingToLabel, {
+                                    author: replyingTo.authorName?.trim() || unknownAuthorLabel,
+                                }) }), _jsxs("span", { className: "text-muted-foreground", children: [" ", replyingTo.preview?.trim() || unavailablePreviewLabel] })] }), onCancelReply ? (_jsx("button", { type: "button", onClick: onCancelReply, disabled: attemptLocked, "aria-label": cancelReplyLabel, className: cn("grid size-11 shrink-0 place-items-center rounded-lg text-muted-foreground", "transition-colors duration-[var(--duration-micro)] hover:text-foreground", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"), children: _jsx(X, { className: "size-3.5", "aria-hidden": "true" }) })) : null] })) : null, _jsxs("form", { onSubmit: submit, className: cn("@container min-w-0 rounded-[1.65rem] bg-card p-1 ring-1 ring-border/60", "transition-[box-shadow,border-color,background-color] duration-[var(--duration-standard)] ease-[var(--ease-emphasized-strong)]", "focus-within:ring-primary/35 focus-within:shadow-[var(--shadow-soft)]", className), children: [_jsx(ChatComposerAttachmentTray, { attachments: attachments, labels: labels, onRetry: (clientId) => void retryAttachment(clientId), onRemove: removeAttachment }), attachmentNotice ? (_jsx("p", { className: "px-3 pt-1 text-xs/5 text-[var(--tone-danger-fg)]", role: "status", children: attachmentNotice })) : null, _jsxs("div", { className: "flex min-w-0 flex-wrap items-end gap-2 rounded-[calc(1.65rem-0.25rem)] bg-background px-1 py-2 @xs:flex-nowrap @xs:px-3", children: [attachmentsSlot ? (_jsx("div", { className: "min-w-0 max-w-full pb-1", children: attachmentsSlot })) : attachmentAdapter || onAttach ? (_jsx("button", { type: "button", "data-chat-attachment-trigger": true, "aria-label": attachLabel, disabled: disabled || attemptLocked, onClick: () => (attachmentAdapter ? fileInputRef.current?.click() : onAttach?.()), className: "grid size-11 shrink-0 place-items-center rounded-full text-muted-foreground transition-[background-color,color,transform] duration-[var(--duration-standard)] ease-[var(--ease-emphasized-strong)] hover:-translate-y-px hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 motion-reduce:transition-none motion-reduce:hover:translate-y-0", children: _jsx(Paperclip, { className: "size-4" }) })) : null, attachmentAdapter ? (_jsx("input", { ref: fileInputRef, type: "file", "data-chat-attachment-input": true, className: "sr-only", tabIndex: -1, multiple: attachmentAdapter.maxFiles !== 1, accept: attachmentAdapter.accept, disabled: disabled || attemptLocked, onChange: (event) => {
+                                    if (event.currentTarget.files)
+                                        addFiles(event.currentTarget.files);
+                                    event.currentTarget.value = "";
+                                } })) : null, _jsx("label", { htmlFor: fieldId, className: "sr-only", children: fieldLabel }), _jsx("textarea", { id: fieldId, value: text, maxLength: maxLength, disabled: disabled || attemptLocked, placeholder: placeholder, rows: 1, onChange: (event) => updateText(event.target.value), onKeyDown: (event) => {
+                                    if (event.key === "Enter" && !event.shiftKey) {
+                                        if (event.nativeEvent.isComposing)
+                                            return;
+                                        event.preventDefault();
+                                        void sendCurrent();
+                                    }
+                                }, className: cn("order-first max-h-32 min-h-9 min-w-0 basis-full resize-none bg-transparent px-1 py-2 text-sm/6 text-foreground @xs:order-none @xs:basis-auto @xs:flex-1", "placeholder:text-muted-foreground outline-hidden disabled:cursor-not-allowed disabled:opacity-60") }), remaining !== undefined ? (_jsx("span", { className: "hidden pb-2 text-xs/4 tabular-nums text-muted-foreground sm:inline", children: remaining })) : null, _jsxs("button", { type: "submit", "aria-label": sending ? sendingLabel : sendLabel, disabled: !canSend, className: cn("group/send inline-flex shrink-0 items-center gap-2 rounded-full bg-primary px-1 py-1.5 @xs:pl-3.5 @xs:pr-1.5", "text-xs/5 font-semibold text-primary-foreground shadow-[var(--shadow-glow)]", "transition-[transform,box-shadow,opacity] duration-[var(--duration-standard)] ease-[var(--ease-emphasized-strong)]", "hover:-translate-y-px active:scale-[0.98] disabled:pointer-events-none disabled:opacity-45", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "motion-reduce:transition-none motion-reduce:hover:translate-y-0 motion-reduce:active:scale-100"), children: [_jsx("span", { className: "hidden @xs:inline", children: sending ? sendingLabel : sendLabel }), _jsx("span", { className: "grid size-7 place-items-center rounded-full bg-primary-foreground/15 ring-1 ring-primary-foreground/20 transition-transform duration-[var(--duration-standard)] ease-[var(--ease-emphasized-strong)] group-hover/send:translate-x-0.5 motion-reduce:transition-none motion-reduce:group-hover/send:translate-x-0", children: _jsx(Send, { className: "size-3.5" }) })] })] })] })] }));
+}
+//# sourceMappingURL=chat-composer.js.map