@mieweb/ui 0.11.0-dev.51 → 0.11.0-dev.52

package/dist/index.cjs

@@ -46,7 +46,7 @@ var chunkXU3X2AUL_cjs = require('./chunk-XU3X2AUL.cjs');
 var chunkYGA35Z2P_cjs = require('./chunk-YGA35Z2P.cjs');
 var chunkAHHFFXJR_cjs = require('./chunk-AHHFFXJR.cjs');
 var chunk7RV6CAP6_cjs = require('./chunk-7RV6CAP6.cjs');
-var chunkG56OUIGH_cjs = require('./chunk-G56OUIGH.cjs');
+var chunkARI25ZYT_cjs = require('./chunk-ARI25ZYT.cjs');
 var chunkXCCH5KHW_cjs = require('./chunk-XCCH5KHW.cjs');
 var chunkNH5JOZLG_cjs = require('./chunk-NH5JOZLG.cjs');
 var chunk3SZQRMHM_cjs = require('./chunk-3SZQRMHM.cjs');
@@ -1465,7 +1465,7 @@ function AIEmptyState({
     {
       "data-slot": "ai-empty-state-icon",
       className: "bg-primary-800 dark:bg-primary-800 flex h-16 w-16 items-center justify-center rounded-full text-white",
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.SparklesIcon, { size: "lg", className: "h-8 w-8" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.SparklesIcon, { size: "lg", className: "h-8 w-8" })
     }
   );
   const suggestionsAction = suggestions && suggestions.length > 0 && onSuggestionSelect ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
@@ -1633,7 +1633,7 @@ function AIChat({
     scrollToBottom(prefersReducedMotion ? "auto" : "smooth");
   }, [scrollToBottom, prefersReducedMotion]);
   const renderMessageItem = (message) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkG56OUIGH_cjs.AIMessageDisplay,
+    chunkARI25ZYT_cjs.AIMessageDisplay,
     {
       message,
       userName,
@@ -1734,7 +1734,7 @@ function AIChat({
                   {
                     "data-slot": "ai-chat-header-icon",
                     className: "bg-primary-800 dark:bg-primary-800 flex h-8 w-8 items-center justify-center rounded-full text-white",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.SparklesIcon, { size: "sm" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.SparklesIcon, { size: "sm" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -1764,7 +1764,7 @@ function AIChat({
                     className: "rounded-lg p-2 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-700 dark:hover:bg-neutral-800 dark:hover:text-neutral-300",
                     title: "Clear chat",
                     "aria-label": "Clear chat",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.RefreshIcon, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.RefreshIcon, {})
                   }
                 ),
                 onClose && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1775,7 +1775,7 @@ function AIChat({
                     className: "rounded-lg p-2 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-700 dark:hover:bg-neutral-800 dark:hover:text-neutral-300",
                     title: "Close chat",
                     "aria-label": "Close chat",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.CloseIcon, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.CloseIcon, {})
                   }
                 )
               ] })
@@ -1815,7 +1815,7 @@ function AIChat({
                 }
               ),
               !isAtBottom && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkG56OUIGH_cjs.JumpToBottomButton,
+                chunkARI25ZYT_cjs.JumpToBottomButton,
                 {
                   dataSlot: "ai-chat-jump-to-bottom",
                   hasNewMessages: hasNewBelow,
@@ -5329,7 +5329,7 @@ function AIChatTrigger({
             children: badge > 9 ? "9+" : badge
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.SparklesIcon, { size: "lg" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.SparklesIcon, { size: "lg" })
       ]
     }
   );
@@ -8436,7 +8436,7 @@ function ReconciliationProposalRow({
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("dt", { className: "text-muted-foreground flex items-center gap-1 text-[11px] tracking-wide uppercase", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkG56OUIGH_cjs.SparklesIcon,
+                      chunkARI25ZYT_cjs.SparklesIcon,
                       {
                         size: "sm",
                         className: "text-primary-700 dark:text-primary-400"
@@ -8492,7 +8492,7 @@ function SourcePill({ source: source2 }) {
         "text-muted-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-700 dark:text-primary-400 flex items-center", children: source2.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.SparklesIcon, { size: "sm" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-700 dark:text-primary-400 flex items-center", children: source2.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.SparklesIcon, { size: "sm" }) }),
         source2.thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
@@ -44953,75 +44953,75 @@ Object.defineProperty(exports, "Sparkline", {
 });
 Object.defineProperty(exports, "AILogoIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.AILogoIcon; }
+  get: function () { return chunkARI25ZYT_cjs.AILogoIcon; }
 });
 Object.defineProperty(exports, "AIMessageDisplay", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.AIMessageDisplay; }
+  get: function () { return chunkARI25ZYT_cjs.AIMessageDisplay; }
 });
 Object.defineProperty(exports, "AITypingIndicator", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.AITypingIndicator; }
+  get: function () { return chunkARI25ZYT_cjs.AITypingIndicator; }
 });
 Object.defineProperty(exports, "ChatBubble", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.ChatBubble; }
+  get: function () { return chunkARI25ZYT_cjs.ChatBubble; }
 });
 Object.defineProperty(exports, "ChevronIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.ChevronIcon; }
+  get: function () { return chunkARI25ZYT_cjs.ChevronIcon; }
 });
 Object.defineProperty(exports, "CloseIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.CloseIcon; }
+  get: function () { return chunkARI25ZYT_cjs.CloseIcon; }
 });
 Object.defineProperty(exports, "CollapsiblePill", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.CollapsiblePill; }
+  get: function () { return chunkARI25ZYT_cjs.CollapsiblePill; }
 });
 Object.defineProperty(exports, "MCPToolCallDisplay", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.MCPToolCallDisplay; }
+  get: function () { return chunkARI25ZYT_cjs.MCPToolCallDisplay; }
 });
 Object.defineProperty(exports, "MCPToolCallGroup", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.MCPToolCallGroup; }
+  get: function () { return chunkARI25ZYT_cjs.MCPToolCallGroup; }
 });
 Object.defineProperty(exports, "MessageAvatar", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.MessageAvatar; }
+  get: function () { return chunkARI25ZYT_cjs.MessageAvatar; }
 });
 Object.defineProperty(exports, "RefreshIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.RefreshIcon; }
+  get: function () { return chunkARI25ZYT_cjs.RefreshIcon; }
 });
 Object.defineProperty(exports, "ResourceLink", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.ResourceLink; }
+  get: function () { return chunkARI25ZYT_cjs.ResourceLink; }
 });
 Object.defineProperty(exports, "SendIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.SendIcon; }
+  get: function () { return chunkARI25ZYT_cjs.SendIcon; }
 });
 Object.defineProperty(exports, "SparklesIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.SparklesIcon; }
+  get: function () { return chunkARI25ZYT_cjs.SparklesIcon; }
 });
 Object.defineProperty(exports, "SpinnerIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.SpinnerIcon; }
+  get: function () { return chunkARI25ZYT_cjs.SpinnerIcon; }
 });
 Object.defineProperty(exports, "ToolStatusIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.ToolStatusIcon; }
+  get: function () { return chunkARI25ZYT_cjs.ToolStatusIcon; }
 });
 Object.defineProperty(exports, "defaultMCPToolCallGroupLabels", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.defaultMCPToolCallGroupLabels; }
+  get: function () { return chunkARI25ZYT_cjs.defaultMCPToolCallGroupLabels; }
 });
 Object.defineProperty(exports, "getToolIcon", {
   enumerable: true,
-  get: function () { return chunkG56OUIGH_cjs.getToolIcon; }
+  get: function () { return chunkARI25ZYT_cjs.getToolIcon; }
 });
 Object.defineProperty(exports, "AttachmentPreview", {
   enumerable: true,

package/dist/index.d.cts

@@ -730,6 +730,12 @@ interface MCPToolCall {
     id: string;
     /** Name of the tool being invoked */
     toolName: string;
+    /**
+     * What the call did in the user's words, e.g. "Read notes.md". Shown in
+     * place of `toolName`, which then moves into the call's details. Omit it to
+     * show `toolName`.
+     */
+    displayName?: string;
     /**
      * Who provides the tool — an MCP server's display name, for example. Shown
      * before the tool name; omit it for first-party tools.
@@ -1008,7 +1014,7 @@ interface SpinnerIconProps {
 declare function SpinnerIcon({ className }: SpinnerIconProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsiblePillProps {
-    label: string;
+    label: React$1.ReactNode;
     leadingIcon?: React$1.ReactNode;
     density?: 'standard' | 'condensed';
     defaultOpen?: boolean;
@@ -1077,6 +1083,8 @@ interface MCPToolCallGroupLabels {
     status: Record<MCPToolStatus, string>;
     /** Accessible name for a call's row. */
     callLabel: (toolCall: MCPToolCall) => string;
+    /** Heads the raw `toolName` in a row's details when `displayName` is set. */
+    toolId: string;
     /** Disclosure for a successful call's output. */
     showResult: string;
     /** Disclosure for a failed call's full error. */

package/dist/index.d.ts

@@ -730,6 +730,12 @@ interface MCPToolCall {
     id: string;
     /** Name of the tool being invoked */
     toolName: string;
+    /**
+     * What the call did in the user's words, e.g. "Read notes.md". Shown in
+     * place of `toolName`, which then moves into the call's details. Omit it to
+     * show `toolName`.
+     */
+    displayName?: string;
     /**
      * Who provides the tool — an MCP server's display name, for example. Shown
      * before the tool name; omit it for first-party tools.
@@ -1008,7 +1014,7 @@ interface SpinnerIconProps {
 declare function SpinnerIcon({ className }: SpinnerIconProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsiblePillProps {
-    label: string;
+    label: React$1.ReactNode;
     leadingIcon?: React$1.ReactNode;
     density?: 'standard' | 'condensed';
     defaultOpen?: boolean;
@@ -1077,6 +1083,8 @@ interface MCPToolCallGroupLabels {
     status: Record<MCPToolStatus, string>;
     /** Accessible name for a call's row. */
     callLabel: (toolCall: MCPToolCall) => string;
+    /** Heads the raw `toolName` in a row's details when `displayName` is set. */
+    toolId: string;
     /** Disclosure for a successful call's output. */
     showResult: string;
     /** Disclosure for a failed call's full error. */

package/dist/index.js

@@ -49,8 +49,8 @@ import { Skeleton } from './chunk-ZIUADGAR.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-ZIUADGAR.js';
 export { SourceTip } from './chunk-KFEN2SRZ.js';
 export { Sparkline } from './chunk-CG4ZKJLE.js';
-import { SparklesIcon, RefreshIcon, CloseIcon, JumpToBottomButton, AIMessageDisplay } from './chunk-O3MN3TYS.js';
-export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MCPToolCallGroup, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, defaultMCPToolCallGroupLabels, getToolIcon } from './chunk-O3MN3TYS.js';
+import { SparklesIcon, RefreshIcon, CloseIcon, JumpToBottomButton, AIMessageDisplay } from './chunk-NCC3VF6V.js';
+export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MCPToolCallGroup, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, defaultMCPToolCallGroupLabels, getToolIcon } from './chunk-NCC3VF6V.js';
 import { useTypingEmulation, EmptyState } from './chunk-PSCSU63K.js';
 export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingEmulation, useTypingIndicator } from './chunk-PSCSU63K.js';
 import { notifyComposerMigrationOnce, ChatComposer, DEFAULT_MAX_FILE_SIZE, DEFAULT_ACCEPTED_FILE_TYPES, ComposerSelector } from './chunk-KP72MDFB.js';

package/dist/{types-ByK_dbT7.d.cts → types-BFbvl6xU.d.cts}

@@ -164,6 +164,12 @@ interface MCPToolCall {
     id: string;
     /** Name of the tool being invoked */
     toolName: string;
+    /**
+     * What the call did in the user's words, e.g. "Read notes.md". Shown in
+     * place of `toolName`, which then moves into the call's details. Omit it to
+     * show `toolName`.
+     */
+    displayName?: string;
     /**
      * Who provides the tool — an MCP server's display name, for example. Shown
      * before the tool name; omit it for first-party tools.

package/dist/{types-ByK_dbT7.d.ts → types-BFbvl6xU.d.ts}

@@ -164,6 +164,12 @@ interface MCPToolCall {
     id: string;
     /** Name of the tool being invoked */
     toolName: string;
+    /**
+     * What the call did in the user's words, e.g. "Read notes.md". Shown in
+     * place of `toolName`, which then moves into the call's details. Omit it to
+     * show `toolName`.
+     */
+    displayName?: string;
     /**
      * Who provides the tool — an MCP server's display name, for example. Shown
      * before the tool name; omit it for first-party tools.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mieweb/ui",
-  "version": "0.11.0-dev.51",
+  "version": "0.11.0-dev.52",
   "description": "A themeable, accessible React component library built with Tailwind CSS",
   "author": "Medical Informatics Engineering, Inc.",
   "license": "SEE LICENSE IN LICENSE",