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

package/dist/components/SuperChat/index.cjs

@@ -1,8 +1,10 @@
 'use strict';
 
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
-var chunkG56OUIGH_cjs = require('../../chunk-G56OUIGH.cjs');
+var chunkARI25ZYT_cjs = require('../../chunk-ARI25ZYT.cjs');
 var chunkNH5JOZLG_cjs = require('../../chunk-NH5JOZLG.cjs');
+var chunkLEJHDPLM_cjs = require('../../chunk-LEJHDPLM.cjs');
+require('../../chunk-2Y2O2PRZ.cjs');
 var chunk2XHPPOXY_cjs = require('../../chunk-2XHPPOXY.cjs');
 require('../../chunk-D3FNZMOB.cjs');
 var chunkK76UNS22_cjs = require('../../chunk-K76UNS22.cjs');
@@ -231,7 +233,7 @@ function ParticipantAvatar({
       src: participant?.avatar,
       alt: "",
       name: participant?.name ?? "?",
-      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.SparklesIcon, { size: "sm" }) : void 0,
+      fallback: isAgent ? /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.SparklesIcon, { size: "sm" }) : void 0,
       style: { backgroundColor },
       "aria-hidden": "true",
       className: "shrink-0"
@@ -767,7 +769,7 @@ ${block.text}
                     isSelf ? "flex-row-reverse" : "flex-row"
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkG56OUIGH_cjs.ChatBubble,
+                    chunkARI25ZYT_cjs.ChatBubble,
                     {
                       ref: bubbleRef,
                       "data-slot": "superchat-bubble",
@@ -832,7 +834,7 @@ ${block.text}
                         message.content?.map((block, i) => {
                           if (block.type === "tool_use" && block.toolCall) {
                             return /* @__PURE__ */ jsxRuntime.jsx(
-                              chunkG56OUIGH_cjs.MCPToolCallDisplay,
+                              chunkARI25ZYT_cjs.MCPToolCallDisplay,
                               {
                                 toolCall: block.toolCall,
                                 defaultCollapsed: block.collapsed ?? (streaming ? void 0 : true)
@@ -891,7 +893,7 @@ ${block.text}
                           },
                           attachment.id
                         )),
-                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.AITypingIndicator, {}) })
+                        streaming && !hasBody && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.AITypingIndicator, {}) })
                       ] })
                     }
                   )
@@ -1304,9 +1306,11 @@ function SuperChat({
   onAgentChange,
   agentSelectorLabel,
   modelSelectorProps,
+  composerSelectorsEndSlot,
   isStreaming,
   onStop,
   stopLabel,
+  dictation,
   onMessageSent,
   onMessageEdited,
   onConversationClosed,
@@ -1684,6 +1688,13 @@ function SuperChat({
     draftEpochRef.current += 1;
     setDraft(value);
   }, []);
+  const appendDictation = React3__namespace.useCallback((text) => {
+    draftEpochRef.current += 1;
+    setDraft(
+      (current) => !current || /\s$/.test(current) ? current + text : `${current} ${text}`
+    );
+  }, []);
+  const dictationProps = typeof dictation === "object" ? dictation : void 0;
   const handleComposerSend = React3__namespace.useCallback(
     async (message) => {
       const epoch = draftEpochRef.current;
@@ -1774,7 +1785,7 @@ function SuperChat({
                   onClick: () => onConversationClosed(conversation),
                   "aria-label": "Close conversation",
                   className: "rounded-md p-1 text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-800",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkG56OUIGH_cjs.CloseIcon, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(chunkARI25ZYT_cjs.CloseIcon, {})
                 }
               )
             ]
@@ -1895,7 +1906,7 @@ function SuperChat({
                   mode: "presence",
                   className: "absolute inset-x-0 bottom-0 z-20",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkG56OUIGH_cjs.JumpToBottomButton,
+                    chunkARI25ZYT_cjs.JumpToBottomButton,
                     {
                       dataSlot: "superchat-jump-to-bottom",
                       hasNewMessages: hasNewBelow,
@@ -1930,9 +1941,23 @@ function SuperChat({
             agentSelectorLabel,
             showModelSelector: !!modelSelectorProps,
             modelSelectorProps,
+            selectorsEndSlot: readOnly ? void 0 : composerSelectorsEndSlot,
             isStreaming,
             onStop,
-            stopLabel
+            stopLabel,
+            micSlot: dictation && !readOnly ? (
+              // Keyed by conversation so switching drops any in-flight take.
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkLEJHDPLM_cjs.DictationButton,
+                {
+                  showStatus: true,
+                  showPulse: false,
+                  ...dictationProps,
+                  onText: appendDictation
+                },
+                conversation.id
+              )
+            ) : void 0
           }
         )
       ]