@epicbagel/saas-kit 1.25.0 → 1.26.0

package/dist/primitives/chat.cjs

@@ -17,24 +17,17 @@ var _chunkPNI354BYcjs = require('../chunk-PNI354BY.cjs');
 var _chunkM4V7OJNFcjs = require('../chunk-M4V7OJNF.cjs');
 
 
-
-var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
-
-
+var _chunkU7XNNLVPcjs = require('../chunk-U7XNNLVP.cjs');
 
 
 
-
-
-var _chunk23IETCLVcjs = require('../chunk-23IETCLV.cjs');
-require('../chunk-DMPSKGFM.cjs');
+var _chunkB765DSRGcjs = require('../chunk-B765DSRG.cjs');
 
 
 
 
 
 var _chunkNWDPH2Z7cjs = require('../chunk-NWDPH2Z7.cjs');
-require('../chunk-Z2H4LJVG.cjs');
 
 
 
@@ -63,6 +56,19 @@ var _chunk2BHI5ZWJcjs = require('../chunk-2BHI5ZWJ.cjs');
 
 
 var _chunkZAITUDYDcjs = require('../chunk-ZAITUDYD.cjs');
+
+
+var _chunkZBWL7OUWcjs = require('../chunk-ZBWL7OUW.cjs');
+
+
+
+
+
+
+
+var _chunk23IETCLVcjs = require('../chunk-23IETCLV.cjs');
+require('../chunk-DMPSKGFM.cjs');
+require('../chunk-Z2H4LJVG.cjs');
 require('../chunk-U2NES7VR.cjs');
 
 
@@ -162,6 +168,24 @@ function timelineMarkers(messages, now) {
 function TimelineMarker({ label }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB765DSRGcjs.Marker, { variant: "separator", role: "separator", "aria-label": label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB765DSRGcjs.MarkerContent, { children: label }) });
 }
+function authorLines(messages, markers) {
+  let previous = null;
+  return messages.map((message, index) => {
+    if (message.status === "running") return false;
+    const shown = Boolean(message.author) && (!previous || Boolean(markers[index]) || previous.role !== message.role || _optionalChain([previous, 'access', _ => _.author, 'optionalAccess', _2 => _2.id]) !== message.author.id);
+    previous = message;
+    return shown;
+  });
+}
+function ChatAuthorLine({ author, align }) {
+  const avatar = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU7XNNLVPcjs.PersonAvatar, { name: author.name, photoUrl: author.avatarUrl, size: 20, fallbackClassName: "text-[9px]" });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "chat-author", className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center gap-2 text-xs", align === "end" ? "self-end" : "self-start"), children: [
+    align === "start" ? avatar : null,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-foreground", children: author.name }),
+    author.detail ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: author.detail }) : null,
+    align === "end" ? avatar : null
+  ] });
+}
 function ChatRunningLine({
   label,
   align = "start",
@@ -183,9 +207,13 @@ var ChatThread = _react.forwardRef.call(void 0,
     onOpenAttachment,
     attachmentAction = "open",
     messageActions,
+    navigator,
+    navigatorLabel,
+    navigatorSide,
     className
   }, ref) {
     const markers = timelineMarkers(messages, /* @__PURE__ */ new Date());
+    const authorShown = authorLines(messages, markers);
     const anchorId = useArrivingUserTurnId(messages);
     const workspace = appearance === "workspace";
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23IETCLVcjs.MessageScrollerProvider, { autoScroll: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -226,6 +254,7 @@ var ChatThread = _react.forwardRef.call(void 0,
                       children: [
                         marker ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimelineMarker, { label: marker }) : null,
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNWDPH2Z7cjs.Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNWDPH2Z7cjs.MessageContent, { children: [
+                          m.author && authorShown[index] ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatAuthorLine, { author: m.author, align: isUser ? "end" : "start" }) : null,
                           (m.content || m.text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                             _chunkV4YWTRLDcjs.Bubble,
                             {
@@ -285,7 +314,17 @@ var ChatThread = _react.forwardRef.call(void 0,
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk23IETCLVcjs.MessageScrollerButton, { variant: "outline", className: "rounded-full shadow-sm", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDown, { className: "h-4 w-4" }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: scrollButtonLabel })
-          ] })
+          ] }),
+          navigator && navigator.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkZBWL7OUWcjs.ChatTurnNavigator,
+            {
+              items: navigator,
+              order: messages.map((m) => m.id),
+              label: navigatorLabel,
+              side: navigatorSide,
+              columnWidth: workspace ? 768 : void 0
+            }
+          ) : null
         ]
       }
     ) });
@@ -308,7 +347,7 @@ function ChatCopyAction({
       "data-copied": copied || void 0,
       onClick: async () => {
         const ok = await copy(text);
-        _optionalChain([onCopy, 'optionalCall', _ => _(ok)]);
+        _optionalChain([onCopy, 'optionalCall', _3 => _3(ok)]);
       },
       children: copied ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Copy, {})
     }
@@ -353,7 +392,7 @@ function ChatAttachmentList({
             {
               "aria-label": `${verb} ${attachment.name}`,
               title: `${verb} ${attachment.name}`,
-              onClick: () => _optionalChain([onOpen, 'optionalCall', _2 => _2(attachment)]),
+              onClick: () => _optionalChain([onOpen, 'optionalCall', _4 => _4(attachment)]),
               className: "rounded-xl focus-visible:ring-2 focus-visible:ring-ring/50"
             }
           ),
@@ -533,7 +572,7 @@ function ChatInput({
                     "data-slot": "chat-input-actions",
                     onClick: (event) => {
                       if (!event.currentTarget.contains(event.target)) return;
-                      if (!event.target.closest("button")) _optionalChain([ref, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
+                      if (!event.target.closest("button")) _optionalChain([ref, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
                     },
                     className: _chunkKWLSBTB2cjs.cn.call(void 0, 
                       compact ? "gap-1 px-2 pb-2 pt-0" : "gap-2",
@@ -552,7 +591,7 @@ function ChatInput({
                             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: _chunkKWLSBTB2cjs.cn.call(void 0, spacious && "h-5 w-5") })
                           }
                         ) }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "start", side: "top", className: "min-w-52", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenuItem, { onSelect: () => _optionalChain([fileInputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.click, 'call', _8 => _8()]), children: [
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZAITUDYDcjs.DropdownMenuContent, { align: "start", side: "top", className: "min-w-52", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkZAITUDYDcjs.DropdownMenuItem, { onSelect: () => _optionalChain([fileInputRef, 'access', _8 => _8.current, 'optionalAccess', _9 => _9.click, 'call', _10 => _10()]), children: [
                           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Paperclip, { className: "h-4 w-4" }),
                           addFilesLabel
                         ] }) })
@@ -790,11 +829,11 @@ function MobileReplySuggestions({
         className: "max-h-[min(85dvh,40rem)] overflow-hidden pb-[env(safe-area-inset-bottom)]",
         onOpenAutoFocus: (event) => {
           event.preventDefault();
-          _optionalChain([closeRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.focus, 'call', _11 => _11({ preventScroll: true })]);
+          _optionalChain([closeRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13({ preventScroll: true })]);
         },
         onCloseAutoFocus: (event) => {
           event.preventDefault();
-          if (_optionalChain([triggerRef, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.isConnected]) && !triggerRef.current.disabled) {
+          if (_optionalChain([triggerRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.isConnected]) && !triggerRef.current.disabled) {
             triggerRef.current.focus({ preventScroll: true });
           }
         },
@@ -921,6 +960,9 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   onOpenAttachment,
   attachmentAction,
   messageActions,
+  navigator,
+  navigatorLabel,
+  navigatorSide,
   className
 }, ref) {
   const isMobile = _chunkR35FT53Gcjs.useIsMobile.call(void 0, );
@@ -951,7 +993,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
         }
         reportSendError(cause);
       }
-      window.setTimeout(() => _optionalChain([inputRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.focus, 'call', _16 => _16()]), 0);
+      window.setTimeout(() => _optionalChain([inputRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.focus, 'call', _18 => _18()]), 0);
     },
     [attachments, mode, onSend, pending, reportSendError]
   );
@@ -964,14 +1006,14 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
       } catch (cause) {
         reportSendError(cause);
       }
-      if (focusInput) window.setTimeout(() => _optionalChain([inputRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.focus, 'call', _19 => _19()]), 0);
+      if (focusInput) window.setTimeout(() => _optionalChain([inputRef, 'access', _19 => _19.current, 'optionalAccess', _20 => _20.focus, 'call', _21 => _21()]), 0);
     },
     [onSend, pending, reportSendError]
   );
   _react.useImperativeHandle.call(void 0, 
     ref,
     () => ({
-      focusInput: () => _optionalChain([inputRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.focus, 'call', _22 => _22()]),
+      focusInput: () => _optionalChain([inputRef, 'access', _22 => _22.current, 'optionalAccess', _23 => _23.focus, 'call', _24 => _24()]),
       clearInput: () => setInput("")
     }),
     []
@@ -979,7 +1021,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
   const dropFiles = _react.useCallback.call(void 0, 
     (files) => {
       if (!conversationStarted && mode === "voice") setUserMode("text");
-      return _optionalChain([onFilesSelected, 'optionalCall', _23 => _23(files)]);
+      return _optionalChain([onFilesSelected, 'optionalCall', _25 => _25(files)]);
     },
     [conversationStarted, mode, onFilesSelected]
   );
@@ -1144,6 +1186,9 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
             onOpenAttachment,
             attachmentAction,
             messageActions,
+            navigator,
+            navigatorLabel,
+            navigatorSide,
             className: _chunkKWLSBTB2cjs.cn.call(void 0, 
               "mb-3",
               application && "min-h-0 flex-1 px-4 py-4 md:px-0 md:py-0",
@@ -1187,7 +1232,7 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
                       closeLabel: replySuggestionsCloseLabel,
                       disabled: pending
                     },
-                    JSON.stringify([_optionalChain([messages, 'access', _24 => _24.at, 'call', _25 => _25(-1), 'optionalAccess', _26 => _26.id]), replySuggestions])
+                    JSON.stringify([_optionalChain([messages, 'access', _26 => _26.at, 'call', _27 => _27(-1), 'optionalAccess', _28 => _28.id]), replySuggestions])
                   ) : void 0,
                   value: input,
                   onChange: setInput,
@@ -1226,4 +1271,5 @@ var Chat = _react.forwardRef.call(void 0, function Chat2({
 
 
 
-exports.Chat = Chat; exports.ChatCopyAction = ChatCopyAction; exports.ChatInput = ChatInput; exports.ChatThread = ChatThread;
+
+exports.Chat = Chat; exports.ChatCopyAction = ChatCopyAction; exports.ChatInput = ChatInput; exports.ChatThread = ChatThread; exports.authorLines = authorLines;

package/dist/primitives/chat.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.cjs';
+import { ChatNavigatorItem } from './chat-turn-navigator.cjs';
 import { MarkdownComponents } from './markdown.cjs';
 import './button.cjs';
 import 'class-variance-authority/types';
@@ -10,6 +11,17 @@ import 'react-markdown';
 import './rich-text.cjs';
 
 type ChatRole = "user" | "assistant";
+/** A turn's author, as the thread names them above their turns. */
+interface ChatMessageAuthor {
+    /** Stable for the person: consecutive turns with the same id are named once. */
+    id: string;
+    name: string;
+    /** Their photo; initials stand in without one. */
+    avatarUrl?: string | null;
+    /** A quiet note after the name, such as how the turn arrived ("by email"). */
+    detail?: string;
+}
+
 type ChatAttachment = {
     id: string;
     name: string;
@@ -38,6 +50,12 @@ type ChatMessage = {
     content?: ReactNode;
     /** Files that belong to this turn. */
     attachments?: ReadonlyArray<ChatAttachment>;
+    /**
+     * Who wrote the turn. The thread names them, with their avatar, above the
+     * first of a run of turns by the same author, so a conversation with
+     * several people in it says who said what. Turns without one are unnamed.
+     */
+    author?: ChatMessageAuthor;
     /**
      * `"running"`: a reply still being worked on. The thread draws the turn as
      * its running line, the one `pending` adds at the end, labelled with `text`
@@ -105,8 +123,24 @@ interface ChatThreadProps {
      * pointer reaches it; return `null` for none.
      */
     messageActions?: (message: ChatMessage) => ReactNode;
+    /**
+     * Places to jump to, drawn as a rail of ticks in the thread's gutter (see
+     * `ChatTurnNavigator`): the one in view marked, a preview of each on hover
+     * or focus. It shows only where the gutter has room; omit it for none.
+     */
+    navigator?: readonly ChatNavigatorItem[];
+    /** The rail's landmark name. */
+    navigatorLabel?: string;
+    /** The gutter the rail sits in. */
+    navigatorSide?: "start" | "end";
     className?: string;
 }
+/**
+ * Which turns name their author: the first of each run of turns by the same
+ * author on the same side. A time marker, a turn by someone else or a turn
+ * with no author between them starts a new run; a running line doesn't.
+ */
+declare function authorLines(messages: ReadonlyArray<ChatMessage>, markers: ReadonlyArray<string | null>): boolean[];
 /**
  * Scrollable message thread, built on shadcn's headless `MessageScroller`
  * (streaming-aware auto-scroll, anchored turns) + the `Message`/`Bubble`
@@ -425,6 +459,15 @@ interface ChatProps {
      * assistant turns, by default), such as `ChatCopyAction`. See `ChatThread`.
      */
     messageActions?: (message: ChatMessage) => ReactNode;
+    /**
+     * Places in the conversation to jump to, as a rail of ticks in the
+     * thread's gutter, each previewed on hover or focus. See `ChatThread`.
+     */
+    navigator?: readonly ChatNavigatorItem[];
+    /** The rail's landmark name. Defaults to "Conversation". */
+    navigatorLabel?: string;
+    /** The gutter the rail sits in. Defaults to `"start"`. */
+    navigatorSide?: "start" | "end";
     className?: string;
 }
 interface ChatHandle {
@@ -457,4 +500,4 @@ interface ChatHandle {
  */
 declare const Chat: React$1.ForwardRefExoticComponent<ChatProps & React$1.RefAttributes<ChatHandle>>;
 
-export { Chat, type ChatAttachment, type ChatAttachmentAction, ChatCopyAction, type ChatCopyActionProps, 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 ChatMessageAuthor, ChatNavigatorItem, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps, authorLines };

package/dist/primitives/chat.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { VoiceSessionControlsProps } from './voice-session-controls.js';
+import { ChatNavigatorItem } from './chat-turn-navigator.js';
 import { MarkdownComponents } from './markdown.js';
 import './button.js';
 import 'class-variance-authority/types';
@@ -10,6 +11,17 @@ import 'react-markdown';
 import './rich-text.js';
 
 type ChatRole = "user" | "assistant";
+/** A turn's author, as the thread names them above their turns. */
+interface ChatMessageAuthor {
+    /** Stable for the person: consecutive turns with the same id are named once. */
+    id: string;
+    name: string;
+    /** Their photo; initials stand in without one. */
+    avatarUrl?: string | null;
+    /** A quiet note after the name, such as how the turn arrived ("by email"). */
+    detail?: string;
+}
+
 type ChatAttachment = {
     id: string;
     name: string;
@@ -38,6 +50,12 @@ type ChatMessage = {
     content?: ReactNode;
     /** Files that belong to this turn. */
     attachments?: ReadonlyArray<ChatAttachment>;
+    /**
+     * Who wrote the turn. The thread names them, with their avatar, above the
+     * first of a run of turns by the same author, so a conversation with
+     * several people in it says who said what. Turns without one are unnamed.
+     */
+    author?: ChatMessageAuthor;
     /**
      * `"running"`: a reply still being worked on. The thread draws the turn as
      * its running line, the one `pending` adds at the end, labelled with `text`
@@ -105,8 +123,24 @@ interface ChatThreadProps {
      * pointer reaches it; return `null` for none.
      */
     messageActions?: (message: ChatMessage) => ReactNode;
+    /**
+     * Places to jump to, drawn as a rail of ticks in the thread's gutter (see
+     * `ChatTurnNavigator`): the one in view marked, a preview of each on hover
+     * or focus. It shows only where the gutter has room; omit it for none.
+     */
+    navigator?: readonly ChatNavigatorItem[];
+    /** The rail's landmark name. */
+    navigatorLabel?: string;
+    /** The gutter the rail sits in. */
+    navigatorSide?: "start" | "end";
     className?: string;
 }
+/**
+ * Which turns name their author: the first of each run of turns by the same
+ * author on the same side. A time marker, a turn by someone else or a turn
+ * with no author between them starts a new run; a running line doesn't.
+ */
+declare function authorLines(messages: ReadonlyArray<ChatMessage>, markers: ReadonlyArray<string | null>): boolean[];
 /**
  * Scrollable message thread, built on shadcn's headless `MessageScroller`
  * (streaming-aware auto-scroll, anchored turns) + the `Message`/`Bubble`
@@ -425,6 +459,15 @@ interface ChatProps {
      * assistant turns, by default), such as `ChatCopyAction`. See `ChatThread`.
      */
     messageActions?: (message: ChatMessage) => ReactNode;
+    /**
+     * Places in the conversation to jump to, as a rail of ticks in the
+     * thread's gutter, each previewed on hover or focus. See `ChatThread`.
+     */
+    navigator?: readonly ChatNavigatorItem[];
+    /** The rail's landmark name. Defaults to "Conversation". */
+    navigatorLabel?: string;
+    /** The gutter the rail sits in. Defaults to `"start"`. */
+    navigatorSide?: "start" | "end";
     className?: string;
 }
 interface ChatHandle {
@@ -457,4 +500,4 @@ interface ChatHandle {
  */
 declare const Chat: React$1.ForwardRefExoticComponent<ChatProps & React$1.RefAttributes<ChatHandle>>;
 
-export { Chat, type ChatAttachment, type ChatAttachmentAction, ChatCopyAction, type ChatCopyActionProps, 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 ChatMessageAuthor, ChatNavigatorItem, type ChatProps, type ChatRole, ChatThread, type ChatThreadProps, authorLines };

package/dist/primitives/chat.js

@@ -15,26 +15,19 @@ import {
   Suggestion,
   Suggestions
 } from "../chunk-IJG2B3Y2.js";
+import {
+  PersonAvatar
+} from "../chunk-NXFZULS3.js";
 import {
   Marker,
   MarkerContent
 } from "../chunk-IW4ZIXXG.js";
-import {
-  MessageScroller,
-  MessageScrollerButton,
-  MessageScrollerContent,
-  MessageScrollerItem,
-  MessageScrollerProvider,
-  MessageScrollerViewport
-} from "../chunk-OUZSIA5G.js";
-import "../chunk-36LNA4WM.js";
 import {
   Message,
   MessageAction,
   MessageActions,
   MessageContent
 } from "../chunk-H4XH2PPU.js";
-import "../chunk-GA5SX7FE.js";
 import {
   InputGroup,
   InputGroupAddon,
@@ -63,6 +56,19 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "../chunk-V4LE2HWP.js";
+import {
+  ChatTurnNavigator
+} from "../chunk-HO6DRDGD.js";
+import {
+  MessageScroller,
+  MessageScrollerButton,
+  MessageScrollerContent,
+  MessageScrollerItem,
+  MessageScrollerProvider,
+  MessageScrollerViewport
+} from "../chunk-OUZSIA5G.js";
+import "../chunk-36LNA4WM.js";
+import "../chunk-GA5SX7FE.js";
 import "../chunk-ZRLUUZHK.js";
 import {
   Bubble,
@@ -162,6 +168,24 @@ function timelineMarkers(messages, now) {
 function TimelineMarker({ label }) {
   return /* @__PURE__ */ jsx(Marker, { variant: "separator", role: "separator", "aria-label": label, children: /* @__PURE__ */ jsx(MarkerContent, { children: label }) });
 }
+function authorLines(messages, markers) {
+  let previous = null;
+  return messages.map((message, index) => {
+    if (message.status === "running") return false;
+    const shown = Boolean(message.author) && (!previous || Boolean(markers[index]) || previous.role !== message.role || previous.author?.id !== message.author.id);
+    previous = message;
+    return shown;
+  });
+}
+function ChatAuthorLine({ author, align }) {
+  const avatar = /* @__PURE__ */ jsx(PersonAvatar, { name: author.name, photoUrl: author.avatarUrl, size: 20, fallbackClassName: "text-[9px]" });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "chat-author", className: cn("flex items-center gap-2 text-xs", align === "end" ? "self-end" : "self-start"), children: [
+    align === "start" ? avatar : null,
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: author.name }),
+    author.detail ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: author.detail }) : null,
+    align === "end" ? avatar : null
+  ] });
+}
 function ChatRunningLine({
   label,
   align = "start",
@@ -183,9 +207,13 @@ var ChatThread = forwardRef(
     onOpenAttachment,
     attachmentAction = "open",
     messageActions,
+    navigator,
+    navigatorLabel,
+    navigatorSide,
     className
   }, ref) {
     const markers = timelineMarkers(messages, /* @__PURE__ */ new Date());
+    const authorShown = authorLines(messages, markers);
     const anchorId = useArrivingUserTurnId(messages);
     const workspace = appearance === "workspace";
     return /* @__PURE__ */ jsx(MessageScrollerProvider, { autoScroll: true, children: /* @__PURE__ */ jsxs(
@@ -226,6 +254,7 @@ var ChatThread = forwardRef(
                       children: [
                         marker ? /* @__PURE__ */ jsx(TimelineMarker, { label: marker }) : null,
                         /* @__PURE__ */ jsx(Message, { align: isUser ? "end" : "start", children: /* @__PURE__ */ jsxs(MessageContent, { children: [
+                          m.author && authorShown[index] ? /* @__PURE__ */ jsx(ChatAuthorLine, { author: m.author, align: isUser ? "end" : "start" }) : null,
                           (m.content || m.text) && /* @__PURE__ */ jsx(
                             Bubble,
                             {
@@ -285,7 +314,17 @@ var ChatThread = forwardRef(
           /* @__PURE__ */ jsxs(MessageScrollerButton, { variant: "outline", className: "rounded-full shadow-sm", children: [
             /* @__PURE__ */ jsx(ArrowDown, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: scrollButtonLabel })
-          ] })
+          ] }),
+          navigator && navigator.length > 0 ? /* @__PURE__ */ jsx(
+            ChatTurnNavigator,
+            {
+              items: navigator,
+              order: messages.map((m) => m.id),
+              label: navigatorLabel,
+              side: navigatorSide,
+              columnWidth: workspace ? 768 : void 0
+            }
+          ) : null
         ]
       }
     ) });
@@ -921,6 +960,9 @@ var Chat = forwardRef(function Chat2({
   onOpenAttachment,
   attachmentAction,
   messageActions,
+  navigator,
+  navigatorLabel,
+  navigatorSide,
   className
 }, ref) {
   const isMobile = useIsMobile();
@@ -1144,6 +1186,9 @@ var Chat = forwardRef(function Chat2({
             onOpenAttachment,
             attachmentAction,
             messageActions,
+            navigator,
+            navigatorLabel,
+            navigatorSide,
             className: cn(
               "mb-3",
               application && "min-h-0 flex-1 px-4 py-4 md:px-0 md:py-0",
@@ -1225,5 +1270,6 @@ export {
   Chat,
   ChatCopyAction,
   ChatInput,
-  ChatThread
+  ChatThread,
+  authorLines
 };

package/dist/primitives/notes.cjs

@@ -8,13 +8,13 @@ var _chunkSJB4DPGQcjs = require('../chunk-SJB4DPGQ.cjs');
 var _chunkVKYRB37Ocjs = require('../chunk-VKYRB37O.cjs');
 
 
-var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
+var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
 
 
-var _chunk2HV2KKOEcjs = require('../chunk-2HV2KKOE.cjs');
+var _chunkR3DQS6U4cjs = require('../chunk-R3DQS6U4.cjs');
 
 
-var _chunkJ467F76Icjs = require('../chunk-J467F76I.cjs');
+var _chunk2HV2KKOEcjs = require('../chunk-2HV2KKOE.cjs');
 
 
 var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');

package/dist/primitives/notes.js

@@ -6,15 +6,15 @@ import {
 import {
   PanelSection
 } from "../chunk-KI7SWNIN.js";
+import {
+  Stack
+} from "../chunk-WNWBKEWV.js";
 import {
   Card
 } from "../chunk-35YMAIEL.js";
 import {
   Textarea
 } from "../chunk-6FC65AZQ.js";
-import {
-  Stack
-} from "../chunk-WNWBKEWV.js";
 import {
   Text
 } from "../chunk-EIY5LLSP.js";

package/dist/primitives/person-avatar.cjs

@@ -2,56 +2,10 @@
 
 
 
+var _chunkU7XNNLVPcjs = require('../chunk-U7XNNLVP.cjs');
+require('../chunk-WABCLRBR.cjs');
+require('../chunk-KWLSBTB2.cjs');
 
-var _chunkWABCLRBRcjs = require('../chunk-WABCLRBR.cjs');
 
 
-var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
-
-// src/primitives/person-avatar.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function initials(name) {
-  const words = name.trim().split(/\s+/).filter(Boolean);
-  const first = words[0];
-  if (!first) return "?";
-  const last = words[words.length - 1];
-  if (words.length === 1 || !last) return first.slice(0, 2).toUpperCase();
-  return (first.charAt(0) + last.charAt(0)).toUpperCase();
-}
-function PersonAvatar({
-  name,
-  photoUrl,
-  size,
-  className,
-  fallbackClassName,
-  fallbackSize = "default"
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkWABCLRBRcjs.Avatar,
-    {
-      className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0 overflow-hidden rounded-full bg-muted", className),
-      style: size != null ? { width: size, height: size } : void 0,
-      children: [
-        photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWABCLRBRcjs.AvatarImage,
-          {
-            src: photoUrl,
-            alt: name,
-            className: "h-full w-full object-cover"
-          }
-        ) : null,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkWABCLRBRcjs.AvatarFallback,
-          {
-            className: _chunkKWLSBTB2cjs.cn.call(void 0, "h-full w-full font-medium", fallbackSize === "default" ? "text-xs" : "text-xl", fallbackClassName),
-            children: initials(name)
-          }
-        )
-      ]
-    }
-  );
-}
-
-
-
-exports.PersonAvatar = PersonAvatar; exports.initials = initials;
+exports.PersonAvatar = _chunkU7XNNLVPcjs.PersonAvatar; exports.initials = _chunkU7XNNLVPcjs.initials;