@epicbagel/saas-kit 1.4.0 → 1.6.0

package/README.md

@@ -70,6 +70,19 @@ CommonJS builds are included, each with type declarations.
 built on `@shadcn/react`, which takes `ref` as a plain prop; on React 18 they
 render, but a ref passed to them is dropped with a warning.
 
+## Search input
+
+`SearchInput` (`@epicbagel/saas-kit/primitives/search-input`) is a full-width,
+rounded search field on a muted surface, composed from `InputGroup`. Supply
+its controlled `value`, `onValueChange` and accessible `label`; the label is
+also its default placeholder. `loading` replaces the search icon with a
+spinner (`loadingLabel`). The inline clear button (`clearLabel`) and Escape
+clear the query while keeping focus in the input. Disabled and read-only
+fields cannot be cleared. `controlSize="default"` is 44px high and `"lg"`
+is 48px, independent of root font size. Search timing and result fetching
+belong to the caller. Pair it with `Button`'s `shape="pill"` for a matching
+rounded action.
+
 ## Chat
 
 `primitives/chat` composes the kit's lifts of the shadcn/ui AI Elements parts
@@ -89,6 +102,15 @@ public in 1.1.0, and these were the decisions about its props then:
 - **Composer height.** `ChatInput` takes a `size` token (`sm`, `md`, `lg`)
   for the textarea's starting height; there is no class-name or `rows` prop.
   The textarea grows with its text (`field-sizing: content`).
+- **Compact mobile replies.** Opt into `Chat.mobileCompactComposer` to fold
+  an active conversation's empty composer into one row below 768px. Focusing
+  its textarea expands it; leaving the composer folds it again only when
+  there is no draft or staged file. The same textarea stays mounted, and
+  its file menu and voice dialog keep an editing session open. New
+  conversations and desktop keep their normal size. `ChatInput` exposes
+  the underlying `compactOnBlur` behavior for other compositions. The
+  compact row keeps 44px controls and hides only its helper copy; any
+  privacy note remains visible.
 - **Example prompts.** `examplePromptsVariant` is `chips` (the default: chips
   that wrap onto as many lines as they need), `row` (one line that scrolls
   sideways) or `cards` (a two-column grid).
@@ -160,6 +182,41 @@ public in 1.1.0, and these were the decisions about its props then:
   scroller neither anchors it nor tracks it. It has no time marker, files or
   rich `content`, and the turns either side of it keep their time grouping.
 
+### A turn's actions (1.5.0)
+
+- **Under a reply, a row of actions.** `messageActions(message)` returns the
+  actions under a turn, after prompt-kit's "Message with Actions": small
+  icon-only ghost buttons with tooltips, drawn in a `MessageActions` row at
+  the message's side. `ChatCopyAction` is the ready one: it copies the turn's
+  `text`, its Markdown source, and shows a check and "Copied" for a moment.
+  Add your own after it with `MessageAction` (an icon child, a `tooltip`, and
+  `label` when the tooltip isn't text).
+
+  ```tsx
+  <Chat
+    messages={messages}
+    onSend={send}
+    messageActions={(message) => (
+      <>
+        <ChatCopyAction message={message} onCopy={(ok) => ok && track("copy")} />
+        <MessageAction tooltip="Good reply" onClick={() => rate(message.id, "up")}>
+          <ThumbsUp />
+        </MessageAction>
+      </>
+    )}
+  />
+  ```
+
+- **Which turns.** Assistant turns, by default. `ChatMessage.actions: false`
+  drops them from a turn that isn't a reply (a progress line), `true` gives
+  them to a user turn. The running line, a running turn, a turn with
+  `status: "sending"` (the user's own turn shown optimistically, until its
+  stored copy replaces it) and the footer never have them.
+- **Always there.** The row shows on every screen, a phone included, rather
+  than on hover, so nothing moves when a pointer reaches it, and the copied
+  state swaps one icon for another of the same size. A button is 2rem
+  square, 2.75rem on a touch screen, where the tooltip can't show.
+
 ## File preview (1.3.0)
 
 `primitives/file-preview` shows a file in a dialog without leaving the page:

package/dist/{chunk-GFG2R5BZ.js → chunk-2V7AVB2U.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-LI5EOSQG.js → chunk-43UMPZWD.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-XABXUP6L.cjs → chunk-5VMKDVB6.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -109,7 +109,7 @@ function MessageScrollerButton({
         "cn-message-scroller-button absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180",
         className
       ),
-      render: _nullishCoalesce(render, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { variant, size }))),
+      render: _nullishCoalesce(render, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { variant, size }))),
       ...props,
       children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDown, { className: "h-4 w-4" }),

package/dist/{chunk-QNZYQLNP.js → chunk-6S6GD43V.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-V4LE2HWP.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-WQJKUKBL.cjs → chunk-6YXKFVZU.cjs}

@@ -11,7 +11,7 @@
 var _chunkZAITUDYDcjs = require('./chunk-ZAITUDYD.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -76,7 +76,7 @@ function PageHeaderActions({
         children: desktopActions.map(
           (action) => _optionalChain([action, 'access', _3 => _3.items, 'optionalAccess', _4 => _4.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 type: "button",
                 size: "sm",
@@ -92,7 +92,7 @@ function PageHeaderActions({
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "end", width: "compact", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuActions, { actions: action.items }) })
           ] }, action.id) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               type: "button",
               size: "sm",
@@ -111,7 +111,7 @@ function PageHeaderActions({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sm:hidden", "data-slot": "page-header-actions-mobile", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenu, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4DH72UFcjs.Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJDEXZGIYcjs.Button, { type: "button", size: "sm", variant: "outline", "aria-label": mobileAriaLabel, children: [
         mobileLabel,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { "aria-hidden": "true" })
       ] }) }),

package/dist/{chunk-RIWLAMME.cjs → chunk-7LDJAXRX.cjs}

@@ -7,7 +7,7 @@ var _chunk2HV2KKOEcjs = require('./chunk-2HV2KKOE.cjs');
 var _chunkPQUSJEXLcjs = require('./chunk-PQUSJEXL.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -91,7 +91,7 @@ function InputGroupButton({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type,
       size: "bare",

package/dist/{chunk-FNDBM67K.cjs → chunk-7YCKII7G.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -43,7 +43,7 @@ function LoadMoreButton({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "mt-4 flex justify-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       type: "button",
       variant: "outline",

package/dist/{chunk-2TKLS73N.js → chunk-C3VZMTVB.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-KN4RPX35.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-G54TQV2R.cjs → chunk-CLYAASFN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -189,7 +189,7 @@ function EmptyState({
                 }
               ),
               action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkL4DH72UFcjs.Button,
+                _chunkJDEXZGIYcjs.Button,
                 {
                   type: "button",
                   variant: action.variant || "outline",

package/dist/{chunk-SGW4FWBX.cjs → chunk-CRTH5GJ5.cjs}

@@ -15,7 +15,7 @@ var _chunkWNXVGUBFcjs = require('./chunk-WNXVGUBF.cjs');
 var _chunkIQZLUT2Ycjs = require('./chunk-IQZLUT2Y.cjs');
 
 
-var _chunkR5L4CM6Vcjs = require('./chunk-R5L4CM6V.cjs');
+var _chunkVOTCYG3Fcjs = require('./chunk-VOTCYG3F.cjs');
 
 
 var _chunkJH4GAGOQcjs = require('./chunk-JH4GAGOQ.cjs');
@@ -37,7 +37,7 @@ var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
 var _chunkI6GUOEBOcjs = require('./chunk-I6GUOEBO.cjs');
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkR35FT53Gcjs = require('./chunk-R35FT53G.cjs');
@@ -141,7 +141,7 @@ function FilterBar({
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI6GUOEBOcjs.Badge, { variant: "secondary", className: "text-xs", children: [
               _optionalChain([option, 'optionalAccess', _12 => _12.label]),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkL4DH72UFcjs.Button,
+                _chunkJDEXZGIYcjs.Button,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -164,7 +164,7 @@ function FilterBar({
         const calendarSelected = rangeFrom ? { from: toDate(rangeFrom), to: toDate(rangeTo) } : void 0;
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               variant: "outline",
               className: "justify-start text-left font-normal w-full",
@@ -175,7 +175,7 @@ function FilterBar({
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkR5L4CM6Vcjs.Calendar,
+            _chunkVOTCYG3Fcjs.Calendar,
             {
               mode: "range",
               selected: calendarSelected,
@@ -190,7 +190,7 @@ function FilterBar({
         return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 variant: "outline",
                 className: "justify-start text-left font-normal",
@@ -201,7 +201,7 @@ function FilterBar({
               }
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkR5L4CM6Vcjs.Calendar,
+              _chunkVOTCYG3Fcjs.Calendar,
               {
                 mode: "single",
                 selected: _optionalChain([value, 'optionalAccess', _18 => _18.from]),
@@ -212,7 +212,7 @@ function FilterBar({
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWNXVGUBFcjs.Popover, { children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkL4DH72UFcjs.Button,
+              _chunkJDEXZGIYcjs.Button,
               {
                 variant: "outline",
                 className: "justify-start text-left font-normal",
@@ -223,7 +223,7 @@ function FilterBar({
               }
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWNXVGUBFcjs.PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkR5L4CM6Vcjs.Calendar,
+              _chunkVOTCYG3Fcjs.Calendar,
               {
                 mode: "single",
                 selected: _optionalChain([value, 'optionalAccess', _20 => _20.to]),
@@ -287,7 +287,7 @@ function FilterBar({
   };
   const activeFilterCount = getActiveFilterCount();
   const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       variant: "outline",
       size: triggerSize === "lg" ? includeLabel || activeFilterCount > 0 ? "toolbar" : "icon-lg" : includeLabel || activeFilterCount > 0 ? "default" : "icon",
@@ -309,7 +309,7 @@ function FilterBar({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 border-b p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium", children: "Filters" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkL4DH72UFcjs.Button,
+            _chunkJDEXZGIYcjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -364,8 +364,8 @@ function FilterBar({
             "data-slot": "filter-bar-actions",
             className: "z-10 shrink-0 border-t bg-popover p-4 pb-[max(1rem,env(safe-area-inset-bottom))]",
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end space-x-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4DH72UFcjs.Button, { onClick: applyFilters, children: "Apply Filters" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { variant: "outline", onClick: () => setIsOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJDEXZGIYcjs.Button, { onClick: applyFilters, children: "Apply Filters" })
             ] })
           }
         )

package/dist/{chunk-EZCKWTH7.js → chunk-CYDICVH2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-J3GQXM37.js → chunk-EEHIMPD7.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-4NN7EA3W.js → chunk-ET4THLFX.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-PNWNU6JW.cjs → chunk-EUFV25KL.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -70,7 +70,7 @@ function QuickFilters({
     const isActive2 = (qf) => areFiltersEqual(activeFilters, qf.filters);
     const handleClick2 = (qf) => isActive2(qf) ? onFilterClick({}) : onFilterClick(qf.filters);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { showLabel, appearance, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center flex-wrap", appearance === "underline" ? "gap-6" : "gap-2"), children: quickFilters.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL4DH72UFcjs.Button,
+      _chunkJDEXZGIYcjs.Button,
       {
         variant: appearance === "underline" ? "ghost" : isActive2(filter) ? "default" : "outline",
         size: "sm",
@@ -121,7 +121,7 @@ function QuickFilters({
     if (fs.length === 1) {
       const filter = fs[0];
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkL4DH72UFcjs.Button,
+        _chunkJDEXZGIYcjs.Button,
         {
           variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "outline",
           size: "sm",
@@ -145,7 +145,7 @@ function QuickFilters({
           appearance === "underline" ? "gap-6" : "gap-1 rounded-md border p-0.5"
         ),
         children: fs.map((filter) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL4DH72UFcjs.Button,
+          _chunkJDEXZGIYcjs.Button,
           {
             variant: appearance === "underline" ? "ghost" : isActive(filter) ? "default" : "ghost",
             size: "sm",

package/dist/{chunk-HHV4G77I.js → chunk-F3B4M6DU.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-NW3OWKBN.js";
+} from "./chunk-HREEZUKL.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-32Q4XOTU.cjs → chunk-FYRQFEU4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkL4DH72UFcjs = require('./chunk-L4DH72UF.cjs');
+var _chunkJDEXZGIYcjs = require('./chunk-JDEXZGIY.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -147,7 +147,7 @@ function AttachmentAction({
   ...props
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkL4DH72UFcjs.Button,
+    _chunkJDEXZGIYcjs.Button,
     {
       "data-slot": "attachment-action",
       variant: _nullishCoalesce(variant, () => ( "ghost")),

package/dist/{chunk-VLXPLKFR.cjs → chunk-GTVSRRE3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkVKIGJNJRcjs = require('./chunk-VKIGJNJR.cjs');
+var _chunkMU4F3DSWcjs = require('./chunk-MU4F3DSW.cjs');
 
 
 var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
@@ -38,7 +38,7 @@ function CodeBlock({
       }
     ),
     copy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVKIGJNJRcjs.CopyButton,
+      _chunkMU4F3DSWcjs.CopyButton,
       {
         text: copyText,
         label: copyLabel,

package/dist/{chunk-RRRD5EUI.js → chunk-H2CCBRVG.js}

@@ -2,7 +2,7 @@
 import {
   Button,
   buttonVariants
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-JZOBIPFC.js → chunk-H4XH2PPU.js}

@@ -1,10 +1,20 @@
 "use client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-ZRLUUZHK.js";
+import {
+  Button
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";
 
 // src/primitives/message.tsx
-import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function MessageGroup({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -85,6 +95,53 @@ function MessageFooter({ className, ...props }) {
     }
   );
 }
+function MessageActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "message-actions",
+      className: cn(
+        "cn-message-actions flex max-w-full min-w-0 items-center gap-0.5 text-muted-foreground empty:hidden group-data-[align=end]/message:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var MessageAction = React.forwardRef(
+  function MessageAction2({
+    tooltip,
+    label,
+    side = "bottom",
+    variant = "quiet",
+    type = "button",
+    className,
+    children,
+    ...props
+  }, ref) {
+    const name = label ?? (typeof tooltip === "string" ? tooltip : void 0);
+    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          type,
+          variant,
+          size: "icon-compact",
+          "aria-label": name,
+          "data-slot": "message-action",
+          className: cn(
+            "cn-message-action size-8 shrink-0 rounded-full pointer-coarse:size-11",
+            className
+          ),
+          ...props,
+          children
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side, children: tooltip })
+    ] }) });
+  }
+);
 
 export {
   MessageGroup,
@@ -92,5 +149,7 @@ export {
   MessageAvatar,
   MessageContent,
   MessageHeader,
-  MessageFooter
+  MessageFooter,
+  MessageActions,
+  MessageAction
 };

package/dist/{chunk-M7FYGAGO.js → chunk-HBRVOGLA.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZRLUUZHK.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-NW3OWKBN.js → chunk-HREEZUKL.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   useCopyToClipboard
 } from "./chunk-ZWZAAGQF.js";

package/dist/{chunk-THWIJG5C.js → chunk-IJG2B3Y2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   cn
 } from "./chunk-G6SRSWXB.js";

package/dist/{chunk-L4DH72UF.cjs → chunk-JDEXZGIY.cjs}

@@ -71,7 +71,8 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
       },
       shape: {
         default: "",
-        circle: "rounded-full"
+        circle: "rounded-full",
+        pill: "rounded-full"
       },
       ring: {
         none: "",

package/dist/{chunk-HRLP4BHJ.js → chunk-JN6JOSZG.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   QuickFilters
-} from "./chunk-LI5EOSQG.js";
+} from "./chunk-43UMPZWD.js";
 import {
   LoadMoreButton
-} from "./chunk-J3GQXM37.js";
+} from "./chunk-EEHIMPD7.js";
 import {
   FilterBar
-} from "./chunk-MLHNYRFX.js";
+} from "./chunk-KNKV25WS.js";
 import {
   Heading
 } from "./chunk-H2O6NMLZ.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk-QMA3WVB7.js";
 import {
   Button
-} from "./chunk-HQRWRRZJ.js";
+} from "./chunk-W326GKML.js";
 import {
   useIsMobile
 } from "./chunk-PIU5SSUV.js";