@epicbagel/saas-kit 1.4.0 → 1.6.0

package/dist/primitives/chat.d.cts

@@ -43,8 +43,20 @@ type ChatMessage = {
      * with the reply when that lands. The line is not a message: it has no time
      * marker, files or rich `content`, and the scroller neither anchors nor
      * tracks it.
+     *
+     * `"sending"`: a turn still on its way to being stored, such as the user's
+     * own turn shown optimistically. It is drawn as any turn, but offers no
+     * actions until its stored copy replaces it.
      */
-    status?: "running";
+    status?: "running" | "sending";
+    /**
+     * Whether the thread offers this turn the actions `messageActions` returns.
+     * By default an assistant turn has them and a user turn doesn't; `false`
+     * drops them from an assistant turn that isn't a reply (a progress line),
+     * and `true` gives them to a user turn. A running or sending turn never has
+     * them, whatever this says.
+     */
+    actions?: boolean;
 };
 interface ChatThreadProps {
     messages: ChatMessage[];
@@ -80,6 +92,15 @@ interface ChatThreadProps {
     onOpenAttachment?: (attachment: ChatAttachment) => void;
     /** What opening a message's file does, for its label and icon. Defaults to `"open"`. */
     attachmentAction?: ChatAttachmentAction;
+    /**
+     * The actions under a turn, in a `MessageActions` row: `ChatCopyAction`,
+     * then any `MessageAction`s of your own (a thumbs up or down). Called for
+     * each turn that offers them (`ChatMessage.actions`: assistant turns, by
+     * default), never for the running line, a running or sending turn or the
+     * footer. The row always shows, on a phone too, so nothing moves when a
+     * pointer reaches it; return `null` for none.
+     */
+    messageActions?: (message: ChatMessage) => ReactNode;
     className?: string;
 }
 /**
@@ -97,6 +118,24 @@ interface ChatThreadProps {
  * appears. A turn with `status: "running"` draws the same line in its place.
  */
 declare const ChatThread: React$1.ForwardRefExoticComponent<ChatThreadProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatCopyActionProps {
+    /** The turn whose `text` (its Markdown source) is copied. */
+    message: Pick<ChatMessage, "text">;
+    /** The tooltip and accessible name. Defaults to "Copy". */
+    label?: string;
+    /** Both, for a moment after a copy. Defaults to "Copied". */
+    copiedLabel?: string;
+    /** Called after each copy, with whether the clipboard took the text. */
+    onCopy?: (success: boolean) => void;
+    /** How long the copied state shows, in ms. Defaults to 2000. */
+    resetAfter?: number;
+}
+/**
+ * The ready Copy action for `messageActions`: copies the turn's `text`, its
+ * Markdown source, and shows a check and "Copied" for a moment. A turn with
+ * no `text` (rich `content` only) has nothing to copy, so it draws nothing.
+ */
+declare function ChatCopyAction({ message, label, copiedLabel, onCopy, resetAfter, }: ChatCopyActionProps): react_jsx_runtime.JSX.Element | null;
 interface ChatInputProps {
     value: string;
     onChange: (next: string) => void;
@@ -144,6 +183,12 @@ interface ChatInputProps {
     addFilesLabel?: string;
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
+    /**
+     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * expands it; drafts and staged files always keep it expanded. Chat enables
+     * this only for an active mobile conversation with `mobileCompactComposer`.
+     */
+    compactOnBlur?: boolean;
     /** Quiet contextual copy between the composer controls. */
     helperText?: ReactNode;
     /** Privacy or visibility reassurance rendered below the composer. */
@@ -165,7 +210,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -260,6 +305,12 @@ interface ChatProps {
     uploadingLabel?: string;
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
+    /**
+     * On phones (below 768px), fold an active conversation's empty composer
+     * into one row until its textarea is focused. Drafts and files stay
+     * expanded. Desktop and the new-conversation composer are unchanged.
+     */
+    mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */
     composerHelperText?: ReactNode;
     /** Privacy or visibility reassurance below the composer. */
@@ -330,6 +381,11 @@ interface ChatProps {
     onOpenAttachment?: (attachment: ChatAttachment) => void;
     /** What opening a message's file does, for its label and icon. Defaults to `"open"`. */
     attachmentAction?: ChatAttachmentAction;
+    /**
+     * The actions under each turn that offers them (`ChatMessage.actions`:
+     * assistant turns, by default), such as `ChatCopyAction`. See `ChatThread`.
+     */
+    messageActions?: (message: ChatMessage) => ReactNode;
     className?: string;
 }
 interface ChatHandle {
@@ -361,4 +417,4 @@ interface ChatHandle {
  */
 declare const Chat: React$1.ForwardRefExoticComponent<ChatProps & React$1.RefAttributes<ChatHandle>>;
 
-export { Chat, type ChatAttachment, type ChatAttachmentAction, type ChatHandle, ChatInput, type ChatInputProps, type ChatMessage, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps };
+export { Chat, type ChatAttachment, type ChatAttachmentAction, ChatCopyAction, type ChatCopyActionProps, type ChatHandle, ChatInput, type ChatInputProps, type ChatMessage, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps };

package/dist/primitives/chat.d.ts

@@ -43,8 +43,20 @@ type ChatMessage = {
      * with the reply when that lands. The line is not a message: it has no time
      * marker, files or rich `content`, and the scroller neither anchors nor
      * tracks it.
+     *
+     * `"sending"`: a turn still on its way to being stored, such as the user's
+     * own turn shown optimistically. It is drawn as any turn, but offers no
+     * actions until its stored copy replaces it.
      */
-    status?: "running";
+    status?: "running" | "sending";
+    /**
+     * Whether the thread offers this turn the actions `messageActions` returns.
+     * By default an assistant turn has them and a user turn doesn't; `false`
+     * drops them from an assistant turn that isn't a reply (a progress line),
+     * and `true` gives them to a user turn. A running or sending turn never has
+     * them, whatever this says.
+     */
+    actions?: boolean;
 };
 interface ChatThreadProps {
     messages: ChatMessage[];
@@ -80,6 +92,15 @@ interface ChatThreadProps {
     onOpenAttachment?: (attachment: ChatAttachment) => void;
     /** What opening a message's file does, for its label and icon. Defaults to `"open"`. */
     attachmentAction?: ChatAttachmentAction;
+    /**
+     * The actions under a turn, in a `MessageActions` row: `ChatCopyAction`,
+     * then any `MessageAction`s of your own (a thumbs up or down). Called for
+     * each turn that offers them (`ChatMessage.actions`: assistant turns, by
+     * default), never for the running line, a running or sending turn or the
+     * footer. The row always shows, on a phone too, so nothing moves when a
+     * pointer reaches it; return `null` for none.
+     */
+    messageActions?: (message: ChatMessage) => ReactNode;
     className?: string;
 }
 /**
@@ -97,6 +118,24 @@ interface ChatThreadProps {
  * appears. A turn with `status: "running"` draws the same line in its place.
  */
 declare const ChatThread: React$1.ForwardRefExoticComponent<ChatThreadProps & React$1.RefAttributes<HTMLDivElement>>;
+interface ChatCopyActionProps {
+    /** The turn whose `text` (its Markdown source) is copied. */
+    message: Pick<ChatMessage, "text">;
+    /** The tooltip and accessible name. Defaults to "Copy". */
+    label?: string;
+    /** Both, for a moment after a copy. Defaults to "Copied". */
+    copiedLabel?: string;
+    /** Called after each copy, with whether the clipboard took the text. */
+    onCopy?: (success: boolean) => void;
+    /** How long the copied state shows, in ms. Defaults to 2000. */
+    resetAfter?: number;
+}
+/**
+ * The ready Copy action for `messageActions`: copies the turn's `text`, its
+ * Markdown source, and shows a check and "Copied" for a moment. A turn with
+ * no `text` (rich `content` only) has nothing to copy, so it draws nothing.
+ */
+declare function ChatCopyAction({ message, label, copiedLabel, onCopy, resetAfter, }: ChatCopyActionProps): react_jsx_runtime.JSX.Element | null;
 interface ChatInputProps {
     value: string;
     onChange: (next: string) => void;
@@ -144,6 +183,12 @@ interface ChatInputProps {
     addFilesLabel?: string;
     /** Visual density for the complete composer surface. */
     appearance?: "default" | "spacious";
+    /**
+     * Fold an empty, unfocused composer into one row. Focusing its textarea
+     * expands it; drafts and staged files always keep it expanded. Chat enables
+     * this only for an active mobile conversation with `mobileCompactComposer`.
+     */
+    compactOnBlur?: boolean;
     /** Quiet contextual copy between the composer controls. */
     helperText?: ReactNode;
     /** Privacy or visibility reassurance rendered below the composer. */
@@ -165,7 +210,7 @@ interface ChatInputProps {
  * `<Chat>` instead of composing `<ChatInput>` directly if you want
  * device-aware default modes.
  */
-declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, pending, disabled, placeholder, size, uploadingLabel, voice, voiceTitle, voiceLang, submitLabel, autoFocus, className, inputRef, attachments, onFilesSelected, onRemoveAttachment, accept, multiple, addFilesLabel, appearance, compactOnBlur, helperText, privacyNote, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 interface ChatProps {
     /** Conversation messages. */
     messages: ChatMessage[];
@@ -260,6 +305,12 @@ interface ChatProps {
     uploadingLabel?: string;
     /** Visual treatment for both empty and active text composers. */
     composerAppearance?: ChatInputProps["appearance"];
+    /**
+     * On phones (below 768px), fold an active conversation's empty composer
+     * into one row until its textarea is focused. Drafts and files stay
+     * expanded. Desktop and the new-conversation composer are unchanged.
+     */
+    mobileCompactComposer?: boolean;
     /** Quiet contextual copy inside the composer action row. */
     composerHelperText?: ReactNode;
     /** Privacy or visibility reassurance below the composer. */
@@ -330,6 +381,11 @@ interface ChatProps {
     onOpenAttachment?: (attachment: ChatAttachment) => void;
     /** What opening a message's file does, for its label and icon. Defaults to `"open"`. */
     attachmentAction?: ChatAttachmentAction;
+    /**
+     * The actions under each turn that offers them (`ChatMessage.actions`:
+     * assistant turns, by default), such as `ChatCopyAction`. See `ChatThread`.
+     */
+    messageActions?: (message: ChatMessage) => ReactNode;
     className?: string;
 }
 interface ChatHandle {
@@ -361,4 +417,4 @@ interface ChatHandle {
  */
 declare const Chat: React$1.ForwardRefExoticComponent<ChatProps & React$1.RefAttributes<ChatHandle>>;
 
-export { Chat, type ChatAttachment, type ChatAttachmentAction, type ChatHandle, ChatInput, type ChatInputProps, type ChatMessage, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps };
+export { Chat, type ChatAttachment, type ChatAttachmentAction, ChatCopyAction, type ChatCopyActionProps, type ChatHandle, ChatInput, type ChatInputProps, type ChatMessage, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps };

package/dist/primitives/chat.js

@@ -7,11 +7,11 @@ import {
 } from "../chunk-Z45YKVAM.js";
 import {
   VoiceDictationButton
-} from "../chunk-HAC32ALJ.js";
+} from "../chunk-TI57GAQP.js";
 import {
   Suggestion,
   Suggestions
-} from "../chunk-THWIJG5C.js";
+} from "../chunk-IJG2B3Y2.js";
 import {
   MessageScroller,
   MessageScrollerButton,
@@ -19,11 +19,13 @@ import {
   MessageScrollerItem,
   MessageScrollerProvider,
   MessageScrollerViewport
-} from "../chunk-GFG2R5BZ.js";
+} from "../chunk-2V7AVB2U.js";
 import {
   Message,
+  MessageAction,
+  MessageActions,
   MessageContent
-} from "../chunk-JZOBIPFC.js";
+} from "../chunk-H4XH2PPU.js";
 import {
   Marker,
   MarkerContent
@@ -32,12 +34,12 @@ import {
   InputGroup,
   InputGroupAddon,
   InputGroupTextarea
-} from "../chunk-MHYAVXOE.js";
+} from "../chunk-QTPPNK6F.js";
 import "../chunk-6FC65AZQ.js";
 import {
   FileDropArea,
   FileDropzone
-} from "../chunk-M7FYGAGO.js";
+} from "../chunk-HBRVOGLA.js";
 import {
   LazyMarkdown
 } from "../chunk-VY5U4VGV.js";
@@ -64,7 +66,7 @@ import {
   AttachmentMedia,
   AttachmentTitle,
   AttachmentTrigger
-} from "../chunk-EZCKWTH7.js";
+} from "../chunk-CYDICVH2.js";
 import "../chunk-ZRLUUZHK.js";
 import {
   ActionDock
@@ -72,7 +74,10 @@ import {
 import "../chunk-QMA3WVB7.js";
 import {
   Button
-} from "../chunk-HQRWRRZJ.js";
+} from "../chunk-W326GKML.js";
+import {
+  useCopyToClipboard
+} from "../chunk-ZWZAAGQF.js";
 import {
   useIsMobile
 } from "../chunk-PIU5SSUV.js";
@@ -98,6 +103,8 @@ import {
   ArrowRight,
   ArrowUp,
   ArrowUpRight,
+  Check,
+  Copy,
   Download,
   FileText,
   LockKeyhole,
@@ -106,6 +113,10 @@ import {
   X
 } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function offersActions(message) {
+  if (message.status) return false;
+  return message.actions ?? message.role === "assistant";
+}
 function useArrivingUserTurnId(messages) {
   const seen = useRef(null);
   seen.current ??= new Set(messages.map((m) => m.id));
@@ -153,6 +164,7 @@ var ChatThread = forwardRef(
     markdownComponents,
     onOpenAttachment,
     attachmentAction = "open",
+    messageActions,
     className
   }, ref) {
     const markers = timelineMarkers(messages, /* @__PURE__ */ new Date());
@@ -186,6 +198,7 @@ var ChatThread = forwardRef(
                   }
                   const isFullWidth = m.width === "full";
                   const marker = markers[index];
+                  const actions = messageActions && offersActions(m) ? messageActions(m) : null;
                   return /* @__PURE__ */ jsxs(
                     MessageScrollerItem,
                     {
@@ -222,7 +235,21 @@ var ChatThread = forwardRef(
                               uploadingLabel,
                               className: "px-0 pt-0"
                             }
-                          )
+                          ),
+                          actions != null && actions !== false ? (
+                            // Unboxed workspace turns pull the row out by the
+                            // button's inset, so the first icon lines up with
+                            // the text above it.
+                            /* @__PURE__ */ jsx(
+                              MessageActions,
+                              {
+                                className: cn(
+                                  workspace && (isUser ? "-me-2 pointer-coarse:-me-3.5" : "-ms-2 pointer-coarse:-ms-3.5")
+                                ),
+                                children: actions
+                              }
+                            )
+                          ) : null
                         ] }) })
                       ]
                     },
@@ -246,6 +273,29 @@ var ChatThread = forwardRef(
     ) });
   }
 );
+function ChatCopyAction({
+  message,
+  label = "Copy",
+  copiedLabel = "Copied",
+  onCopy,
+  resetAfter = 2e3
+}) {
+  const { copied, copy } = useCopyToClipboard({ resetAfter });
+  const text = message.text;
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(
+    MessageAction,
+    {
+      tooltip: copied ? copiedLabel : label,
+      "data-copied": copied || void 0,
+      onClick: async () => {
+        const ok = await copy(text);
+        onCopy?.(ok);
+      },
+      children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {})
+    }
+  );
+}
 function formatFileSize(size) {
   if (size === void 0) return "File";
   if (size < 1024) return `${size} B`;
@@ -335,12 +385,15 @@ function ChatInput({
   multiple = true,
   addFilesLabel = "Add files",
   appearance = "default",
+  compactOnBlur = false,
   helperText,
   privacyNote
 }) {
   const internalRef = useRef(null);
   const ref = inputRef ?? internalRef;
   const fileInputRef = useRef(null);
+  const [editing, setEditing] = useState(false);
+  const focusVersion = useRef(0);
   const isDisabled = pending || disabled;
   const attachmentsReady = attachments.length > 0 && attachments.every((item) => item.state !== "uploading");
   const canSubmit = !isDisabled && (Boolean(value.trim()) || attachmentsReady);
@@ -351,13 +404,27 @@ function ChatInput({
   };
   const spacious = appearance === "spacious";
   const composerSize = COMPOSER_SIZES[size];
+  const compact = compactOnBlur && !editing && value.length === 0 && attachments.length === 0;
   return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-input-container", className: "w-full", children: [
     /* @__PURE__ */ jsxs(
       "form",
       {
         "data-slot": "chat-input",
         "data-appearance": appearance,
+        "data-compact": compact || void 0,
         className: "w-full",
+        onFocusCapture: (event) => {
+          focusVersion.current += 1;
+          if (event.nativeEvent.target === ref.current) setEditing(true);
+        },
+        onBlurCapture: (event) => {
+          if (event.currentTarget.contains(event.relatedTarget)) return;
+          const form = event.currentTarget;
+          const blurredAt = ++focusVersion.current;
+          queueMicrotask(() => {
+            if (form.isConnected && focusVersion.current === blurredAt) setEditing(false);
+          });
+        },
         onSubmit: (event) => {
           if (event.target !== event.currentTarget) return;
           event.preventDefault();
@@ -412,29 +479,31 @@ function ChatInput({
                       submit();
                     },
                     placeholder,
-                    rows: composerSize.rows,
+                    rows: compact ? 1 : composerSize.rows,
+                    wrap: compact ? "off" : void 0,
                     disabled: isDisabled,
                     autoFocus,
                     className: cn(
-                      composerSize.minHeight,
+                      compact ? "h-[44px] min-h-[44px] max-h-[44px] min-w-0 field-sizing-fixed overflow-hidden whitespace-nowrap text-ellipsis" : composerSize.minHeight,
                       // Grows with the text, then scrolls rather than pushing the thread away.
-                      "max-h-48 leading-relaxed disabled:opacity-70 placeholder:text-sm",
-                      spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
+                      "leading-relaxed disabled:opacity-70 placeholder:text-sm",
+                      !compact && "max-h-48",
+                      compact ? "px-4 py-2" : spacious ? "px-6 pb-2 pt-6" : "px-4 py-3.5"
                     )
                   }
                 ),
                 /* @__PURE__ */ jsxs(
                   InputGroupAddon,
                   {
-                    align: "block-end",
+                    align: compact ? "inline-end" : "block-end",
                     "data-slot": "chat-input-actions",
                     onClick: (event) => {
                       if (!event.currentTarget.contains(event.target)) return;
                       if (!event.target.closest("button")) ref.current?.focus();
                     },
                     className: cn(
-                      "gap-2",
-                      spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5"
+                      compact ? "shrink-0 gap-0 p-1" : "gap-2",
+                      !compact && (spacious ? "px-5 pb-5 pt-1" : "border-t border-border px-3 py-2.5")
                     ),
                     children: [
                       onFilesSelected && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
@@ -442,9 +511,10 @@ function ChatInput({
                           Button,
                           {
                             type: "button",
-                            size: spacious ? "icon-lg" : "icon",
+                            size: spacious && !compact ? "icon-lg" : "icon",
                             variant: "ghost",
                             "aria-label": "Add to conversation",
+                            className: compactOnBlur ? "min-h-[44px] min-w-[44px] shrink-0" : void 0,
                             children: /* @__PURE__ */ jsx(Plus, { className: cn(spacious && "h-5 w-5") })
                           }
                         ) }),
@@ -460,24 +530,28 @@ function ChatInput({
                           title: voiceTitle,
                           lang: voiceLang,
                           onCommit: (text) => onSend(text),
-                          className: spacious ? "h-12 w-12 border-transparent bg-transparent shadow-none hover:bg-muted" : void 0
+                          className: cn(
+                            spacious && "border-transparent bg-transparent shadow-none hover:bg-muted",
+                            spacious && !compact && "h-12 w-12",
+                            compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"
+                          )
                         }
                       ),
                       helperText ? /* @__PURE__ */ jsx(
                         "span",
                         {
                           "data-slot": "chat-input-helper",
-                          className: "min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm",
+                          className: cn("min-w-0 flex-1 truncate px-1 text-center text-xs font-normal text-muted-foreground sm:px-2 sm:text-sm", compact && "hidden"),
                           children: helperText
                         }
-                      ) : /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+                      ) : /* @__PURE__ */ jsx("div", { className: compact ? "hidden" : "flex-1" }),
                       submitLabel ? /* @__PURE__ */ jsxs(
                         Button,
                         {
                           type: "submit",
                           disabled: !canSubmit,
                           "data-chat-action": "submit",
-                          className: spacious ? "rounded-xl" : void 0,
+                          className: cn(spacious && "rounded-xl", compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"),
                           children: [
                             submitLabel,
                             /* @__PURE__ */ jsx(ArrowRight, { className: "ml-2 h-4 w-4" })
@@ -487,11 +561,11 @@ function ChatInput({
                         Button,
                         {
                           type: "submit",
-                          size: spacious ? "icon-lg" : "icon",
+                          size: spacious && !compact ? "icon-lg" : "icon",
                           disabled: !canSubmit,
                           "aria-label": "Send",
                           "data-chat-action": "submit",
-                          className: spacious ? "rounded-xl" : void 0,
+                          className: cn(spacious && "rounded-xl", compactOnBlur && "min-h-[44px] min-w-[44px] shrink-0"),
                           children: /* @__PURE__ */ jsx(ArrowUp, { className: cn(spacious && "h-5 w-5") })
                         }
                       )
@@ -631,6 +705,7 @@ var Chat = forwardRef(function Chat2({
   addFilesLabel,
   uploadingLabel,
   composerAppearance = "default",
+  mobileCompactComposer = false,
   composerHelperText,
   composerPrivacyNote,
   emptyFileDropzone = false,
@@ -655,6 +730,7 @@ var Chat = forwardRef(function Chat2({
   markdownComponents,
   onOpenAttachment,
   attachmentAction,
+  messageActions,
   className
 }, ref) {
   const isMobile = useIsMobile();
@@ -851,6 +927,7 @@ var Chat = forwardRef(function Chat2({
             markdownComponents,
             onOpenAttachment,
             attachmentAction,
+            messageActions,
             className: cn(
               "mb-3",
               application && "min-h-0 flex-1 px-4 py-4 md:px-0 md:py-0",
@@ -865,7 +942,8 @@ var Chat = forwardRef(function Chat2({
             className: cn(
               "pt-3",
               application && "px-4 py-3 md:bg-transparent md:px-0 md:pb-0 md:backdrop-blur-none md:supports-backdrop-filter:bg-transparent",
-              workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t"
+              workspace && "border-0 bg-gradient-to-t from-background via-background to-transparent px-4 pb-[max(1.25rem,env(safe-area-inset-bottom))] pt-8 backdrop-blur-none supports-[backdrop-filter]:bg-gradient-to-t",
+              workspace && mobileCompactComposer && "max-md:pb-[max(0.75rem,env(safe-area-inset-bottom))] max-md:pt-3"
             ),
             children: [
               /* @__PURE__ */ jsx(
@@ -888,6 +966,7 @@ var Chat = forwardRef(function Chat2({
                   addFilesLabel,
                   uploadingLabel,
                   appearance: composerAppearance,
+                  compactOnBlur: mobileCompactComposer && isMobile,
                   helperText: composerHelperText,
                   privacyNote: composerPrivacyNote,
                   className: workspace ? "mx-auto max-w-3xl rounded-3xl shadow-sm" : void 0
@@ -903,6 +982,7 @@ var Chat = forwardRef(function Chat2({
 });
 export {
   Chat,
+  ChatCopyAction,
   ChatInput,
   ChatThread
 };

package/dist/primitives/code-block.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVLXPLKFRcjs = require('../chunk-VLXPLKFR.cjs');
-require('../chunk-VKIGJNJR.cjs');
-require('../chunk-L4DH72UF.cjs');
+var _chunkGTVSRRE3cjs = require('../chunk-GTVSRRE3.cjs');
+require('../chunk-MU4F3DSW.cjs');
+require('../chunk-JDEXZGIY.cjs');
 require('../chunk-4LXN6GLZ.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.CodeBlock = _chunkVLXPLKFRcjs.CodeBlock;
+exports.CodeBlock = _chunkGTVSRRE3cjs.CodeBlock;

package/dist/primitives/code-block.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   CodeBlock
-} from "../chunk-HHV4G77I.js";
-import "../chunk-NW3OWKBN.js";
-import "../chunk-HQRWRRZJ.js";
+} from "../chunk-F3B4M6DU.js";
+import "../chunk-HREEZUKL.js";
+import "../chunk-W326GKML.js";
 import "../chunk-ZWZAAGQF.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/dist/primitives/confirm-bar.cjs

@@ -2,7 +2,7 @@
 "use client";
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 // src/primitives/confirm-bar.tsx
@@ -88,8 +88,8 @@ function ConfirmBar({
             remaining,
             "s"
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { size: "sm", variant: "ghost", onClick: onCancel, className: "shrink-0", children: cancelLabel }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { size: "sm", variant: confirmVariant, onClick: onConfirm, className: "shrink-0", children: confirmLabel })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { size: "sm", variant: "ghost", onClick: onCancel, className: "shrink-0", children: cancelLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { size: "sm", variant: confirmVariant, onClick: onConfirm, className: "shrink-0", children: confirmLabel })
         ] })
       }
     ),

package/dist/primitives/confirm-bar.js

@@ -2,7 +2,7 @@
 "use client";
 import {
   Button
-} from "../chunk-HQRWRRZJ.js";
+} from "../chunk-W326GKML.js";
 import "../chunk-G6SRSWXB.js";
 
 // src/primitives/confirm-bar.tsx

package/dist/primitives/connection-status-bar.cjs

@@ -4,7 +4,7 @@
 var _chunkI6GUOEBOcjs = require('../chunk-I6GUOEBO.cjs');
 
 
-var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('../chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
@@ -54,7 +54,7 @@ function StatusAction({
   const variant = state === "disconnected" ? "default" : action.iconOnly ? "quiet" : "outline";
   const size = action.iconOnly ? "icon-sm" : "sm";
   if (action.href) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { asChild: true, variant, size, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { asChild: true, variant, size, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "a",
       {
         href: action.href,
@@ -75,7 +75,7 @@ function StatusAction({
     ) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type: "button",
       variant,
@@ -213,7 +213,7 @@ function ConnectionStatusBar({
                   _nullishCoalesce(visibleAction.ariaLabel, () => ( (typeof visibleAction.label === "string" ? visibleAction.label : index)))
                 )),
                 children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkL4DH72UFcjs.Button,
+                  _chunkJDEXZGIYcjs.Button,
                   {
                     type: "button",
                     variant: "quiet",