@mieweb/ui 0.9.0-dev.4 → 0.9.0-dev.6

package/dist/index.cjs

@@ -22,9 +22,9 @@ var chunkYGA35Z2P_cjs = require('./chunk-YGA35Z2P.cjs');
 var chunkXTHMC76F_cjs = require('./chunk-XTHMC76F.cjs');
 var chunk7RV6CAP6_cjs = require('./chunk-7RV6CAP6.cjs');
 var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
-var chunkDH7I5HMK_cjs = require('./chunk-DH7I5HMK.cjs');
-var chunk3MHG4HYB_cjs = require('./chunk-3MHG4HYB.cjs');
-var chunk5VXRKOPR_cjs = require('./chunk-5VXRKOPR.cjs');
+var chunkWIAQQNFU_cjs = require('./chunk-WIAQQNFU.cjs');
+var chunkXCNDZNY7_cjs = require('./chunk-XCNDZNY7.cjs');
+var chunkT6PTKWM6_cjs = require('./chunk-T6PTKWM6.cjs');
 var chunkJTSKPDPH_cjs = require('./chunk-JTSKPDPH.cjs');
 var chunkOMAACCFW_cjs = require('./chunk-OMAACCFW.cjs');
 var chunk3SZQRMHM_cjs = require('./chunk-3SZQRMHM.cjs');
@@ -68,7 +68,7 @@ var chunkX4LBUPJO_cjs = require('./chunk-X4LBUPJO.cjs');
 require('./chunk-AT732HC6.cjs');
 var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
 var chunkL7YQBSEL_cjs = require('./chunk-L7YQBSEL.cjs');
-var chunkZ3RYJWSV_cjs = require('./chunk-Z3RYJWSV.cjs');
+var chunkPY7XAG4D_cjs = require('./chunk-PY7XAG4D.cjs');
 var chunkVROIMIHB_cjs = require('./chunk-VROIMIHB.cjs');
 var chunkNYJIXR4Y_cjs = require('./chunk-NYJIXR4Y.cjs');
 var chunkPKD3JLS2_cjs = require('./chunk-PKD3JLS2.cjs');
@@ -1404,7 +1404,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(chunkDH7I5HMK_cjs.SparklesIcon, { size: "lg", className: "h-8 w-8" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.SparklesIcon, { size: "lg", className: "h-8 w-8" })
     }
   );
   const suggestionsAction = suggestions && suggestions.length > 0 && onSuggestionSelect ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
@@ -1412,7 +1412,7 @@ function AIEmptyState({
     /* @__PURE__ */ jsxRuntime.jsx(SuggestedActions, { actions: suggestions, onSelect: onSuggestionSelect })
   ] }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3MHG4HYB_cjs.EmptyState,
+    chunkXCNDZNY7_cjs.EmptyState,
     {
       title,
       description,
@@ -1443,6 +1443,7 @@ var chatVariants = classVarianceAuthority.cva("flex flex-col", {
     size: "full"
   }
 });
+var normalizeLegacySlot = (node) => node || void 0;
 function AIChat({
   session,
   messages: messagesProp,
@@ -1481,11 +1482,64 @@ function AIChat({
     const container = messagesContainerRef.current;
     if (container) container.scrollTop = container.scrollHeight;
   }, [messages]);
-  const handleSend = async (message) => {
-    if (message.content.trim() && onSendMessage) {
-      onSendMessage(message.content.trim());
+  const {
+    showAttachmentPicker,
+    inputTrailing,
+    onTypingStart,
+    onTypingStop,
+    value: hostValue,
+    onValueChange: hostOnValueChange,
+    onSend: hostOnSend,
+    micSlot: hostMicSlot,
+    ...composerRest
+  } = composerProps ?? {};
+  delete composerRest.showCameraButton;
+  delete composerRest.variant;
+  const hasInputTrailing = !!composerProps && "inputTrailing" in composerProps;
+  const legacyAttachments = !!composerProps && "showAttachmentPicker" in composerProps ? showAttachmentPicker ?? true : false;
+  const [draft, setDraft] = React13__namespace.useState("");
+  const draftEpochRef = React13__namespace.useRef(0);
+  const composerValue = hostValue ?? draft;
+  const isHostControlled = hostValue !== void 0;
+  const handleComposerValueChange = React13__namespace.useCallback(
+    (value) => {
+      draftEpochRef.current += 1;
+      setDraft(value);
+      if (isHostControlled) hostOnValueChange?.(value);
+    },
+    [isHostControlled, hostOnValueChange]
+  );
+  const { stopTyping } = chunkXCNDZNY7_cjs.useTypingEmulation({
+    value: composerValue,
+    onTypingStart,
+    onTypingStop
+  });
+  const sendWithRestore = async (message, send) => {
+    stopTyping();
+    const epoch = draftEpochRef.current;
+    try {
+      await Promise.resolve(send(message));
+    } catch (error) {
+      if (draftEpochRef.current === epoch) {
+        setDraft(message.content);
+        if (isHostControlled) hostOnValueChange?.(message.content);
+      }
+      throw error;
     }
   };
+  const handleSend = async (message) => {
+    if (!onSendMessage) return;
+    const content = message.content.trim();
+    const attachments = message.attachments?.length ? message.attachments : void 0;
+    if (!content && !attachments) return;
+    await sendWithRestore(
+      message,
+      () => (
+        // Keep the exact legacy call shape for text-only sends.
+        attachments ? onSendMessage(content, attachments) : onSendMessage(content)
+      )
+    );
+  };
   const handleSuggestionSelect = (action) => {
     if (onSuggestedAction) {
       onSuggestedAction(action);
@@ -1517,7 +1571,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(chunkDH7I5HMK_cjs.SparklesIcon, { size: "sm" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.SparklesIcon, { size: "sm" })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -1547,7 +1601,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(chunkDH7I5HMK_cjs.RefreshIcon, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.RefreshIcon, {})
                   }
                 ),
                 onClose && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1558,7 +1612,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(chunkDH7I5HMK_cjs.CloseIcon, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.CloseIcon, {})
                   }
                 )
               ] })
@@ -1578,7 +1632,7 @@ function AIChat({
                 onSuggestionSelect: handleSuggestionSelect
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkDH7I5HMK_cjs.AIMessageDisplay,
+              chunkWIAQQNFU_cjs.AIMessageDisplay,
               {
                 message,
                 userName,
@@ -1604,18 +1658,14 @@ function AIChat({
                   onSelect: handleSuggestionSelect
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3MHG4HYB_cjs.MessageComposer,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "ai-chat-composer", className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkT6PTKWM6_cjs.ChatComposer,
                 {
-                  onSend: handleSend,
+                  onSend: hostOnSend ? (message) => sendWithRestore(message, hostOnSend) : handleSend,
                   placeholder: inputPlaceholder,
                   disabled: isGenerating,
                   isSending: isGenerating,
-                  showAttachmentPicker: false,
-                  showCameraButton: false,
-                  showCharacterCount: false,
-                  variant: "minimal",
-                  inputTrailing: talkToText ? /* @__PURE__ */ jsxRuntime.jsx(
+                  micSlot: hostMicSlot !== void 0 ? hostMicSlot : hasInputTrailing ? normalizeLegacySlot(inputTrailing) : talkToText ? /* @__PURE__ */ jsxRuntime.jsx(
                     chunkJTSKPDPH_cjs.RecordButton,
                     {
                       variant: "ghost",
@@ -1627,9 +1677,16 @@ function AIChat({
                       onRecordingComplete
                     }
                   ) : void 0,
-                  ...composerProps
+                  ...composerRest,
+                  allowAttachments: composerRest.allowAttachments ?? legacyAttachments,
+                  maxLength: composerRest.maxLength ?? 1600,
+                  inputLabel: composerRest.inputLabel ?? "Message",
+                  acceptedFileTypes: composerRest.acceptedFileTypes ?? (legacyAttachments ? chunkT6PTKWM6_cjs.DEFAULT_ACCEPTED_FILE_TYPES : void 0),
+                  maxFileSize: composerRest.maxFileSize ?? (legacyAttachments ? chunkT6PTKWM6_cjs.DEFAULT_MAX_FILE_SIZE : void 0),
+                  value: composerValue,
+                  onValueChange: handleComposerValueChange
                 }
-              )
+              ) })
             ]
           }
         )
@@ -2095,20 +2152,17 @@ function OzwellChat({
     });
     setMessagesMenuOpen(false);
   };
-  const modelSelector = showModelSelector && models ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDH7I5HMK_cjs.ComposerModelSelector,
-    {
-      models: models.options,
-      value: models.value,
-      onChange: models.onChange,
-      ...models.providerFilter !== void 0 ? {
-        providerFilter: models.providerFilter,
-        onProviderFilterChange: models.onProviderFilterChange
-      } : { onProviderFilterChange: models.onProviderFilterChange },
-      boundaryRef: shellRef,
-      className: "border-border bg-card text-foreground max-w-[min(142px,38vw)] shadow-sm"
-    }
-  ) : void 0;
+  const modelSelectorProps = showModelSelector && models ? {
+    models: models.options,
+    value: models.value,
+    onChange: models.onChange,
+    ...models.providerFilter !== void 0 ? {
+      providerFilter: models.providerFilter,
+      onProviderFilterChange: models.onProviderFilterChange
+    } : { onProviderFilterChange: models.onProviderFilterChange },
+    boundaryRef: shellRef,
+    className: "max-w-[min(160px,44vw)]"
+  } : void 0;
   const startQueuedMessageEdit = () => {
     setQueuedMessageDraft(queuedMessage ?? "");
     setIsEditingQueuedMessage(true);
@@ -2322,7 +2376,6 @@ function OzwellChat({
           {
             messages: chatMessages,
             isGenerating,
-            className: showModelSelector ? '[&_[data-slot="composer-input"]]:pe-[min(160px,44vw)]' : void 0,
             showHeader: false,
             height: "100%",
             variant: "embedded",
@@ -2332,9 +2385,9 @@ function OzwellChat({
             renderTextContent: renderMessageTextContent,
             renderMessageFooter: renderQueuedMessageFooter,
             composerProps: {
-              inputTrailing: modelSelector,
               disabled: false,
-              isSending: false
+              isSending: false,
+              ...modelSelectorProps ? { showModelSelector: true, modelSelectorProps } : {}
             }
           }
         ),
@@ -4921,7 +4974,7 @@ function AIChatTrigger({
             children: badge > 9 ? "9+" : badge
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkDH7I5HMK_cjs.SparklesIcon, { size: "lg" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.SparklesIcon, { size: "lg" })
       ]
     }
   );
@@ -5721,9 +5774,9 @@ function HandsFreeChat({
             // Controlled input (value/onValueChange) comes from the hook — it fills the box with the live
             // caption while dictating, else the typed text. We only add the mic button here.
             ...oz.chatProps.composerProps,
-            // The composer's OWN mic button, driven by our shared stream (controlled mode disables its
+            // The composer's OWN mic slot, driven by our shared stream (controlled mode disables its
             // internal recorder). So the built-in mic and "hey ozwell" both do the same thing — one mic.
-            inputTrailing: /* @__PURE__ */ jsxRuntime.jsx(
+            micSlot: /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 onClickCapture: () => {
@@ -6497,7 +6550,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(
-                      chunkDH7I5HMK_cjs.SparklesIcon,
+                      chunkWIAQQNFU_cjs.SparklesIcon,
                       {
                         size: "sm",
                         className: "text-primary-700 dark:text-primary-400"
@@ -6553,7 +6606,7 @@ function SourcePill({ source }) {
         "text-muted-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-700 dark:text-primary-400 flex items-center", children: source.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkDH7I5HMK_cjs.SparklesIcon, { size: "sm" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-700 dark:text-primary-400 flex items-center", children: source.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkWIAQQNFU_cjs.SparklesIcon, { size: "sm" }) }),
         source.thumbnailUrl && /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
@@ -18184,7 +18237,7 @@ function WebcamModal({
 WebcamModal.displayName = "WebcamModal";
 
 // src/components/DocumentScanner/types.ts
-var DEFAULT_ACCEPTED_FILE_TYPES = [
+var DEFAULT_ACCEPTED_FILE_TYPES2 = [
   "image/jpeg",
   "image/jpg",
   "image/png",
@@ -18220,7 +18273,7 @@ function createPreviewUrl(file) {
   return URL.createObjectURL(file);
 }
 function useFileUpload({
-  acceptedFileTypes = [...DEFAULT_ACCEPTED_FILE_TYPES],
+  acceptedFileTypes = [...DEFAULT_ACCEPTED_FILE_TYPES2],
   maxFileSizeMb = DEFAULT_MAX_FILE_SIZE_MB,
   multiple = false,
   onValidationError
@@ -18303,7 +18356,7 @@ function DocumentScanner({
   onScan,
   onResult,
   multiple = false,
-  acceptedFileTypes = [...DEFAULT_ACCEPTED_FILE_TYPES],
+  acceptedFileTypes = [...DEFAULT_ACCEPTED_FILE_TYPES2],
   maxFileSizeMb = DEFAULT_MAX_FILE_SIZE_MB,
   disabled = false,
   enableWebcam = true,
@@ -44493,235 +44546,239 @@ Object.defineProperty(exports, "spinnerVariants", {
 });
 Object.defineProperty(exports, "AILogoIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.AILogoIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.AILogoIcon; }
 });
 Object.defineProperty(exports, "AIMessageDisplay", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.AIMessageDisplay; }
+  get: function () { return chunkWIAQQNFU_cjs.AIMessageDisplay; }
 });
 Object.defineProperty(exports, "AITypingIndicator", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.AITypingIndicator; }
+  get: function () { return chunkWIAQQNFU_cjs.AITypingIndicator; }
 });
 Object.defineProperty(exports, "ChatBubble", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ChatBubble; }
-});
-Object.defineProperty(exports, "ChatComposer", {
-  enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ChatComposer; }
+  get: function () { return chunkWIAQQNFU_cjs.ChatBubble; }
 });
 Object.defineProperty(exports, "ChevronIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ChevronIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.ChevronIcon; }
 });
 Object.defineProperty(exports, "CloseIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.CloseIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.CloseIcon; }
 });
 Object.defineProperty(exports, "CollapsiblePill", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.CollapsiblePill; }
-});
-Object.defineProperty(exports, "ComposerModelSelector", {
-  enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ComposerModelSelector; }
+  get: function () { return chunkWIAQQNFU_cjs.CollapsiblePill; }
 });
 Object.defineProperty(exports, "MCPToolCallDisplay", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.MCPToolCallDisplay; }
+  get: function () { return chunkWIAQQNFU_cjs.MCPToolCallDisplay; }
 });
 Object.defineProperty(exports, "MessageAvatar", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.MessageAvatar; }
+  get: function () { return chunkWIAQQNFU_cjs.MessageAvatar; }
 });
 Object.defineProperty(exports, "RefreshIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.RefreshIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.RefreshIcon; }
 });
 Object.defineProperty(exports, "ResourceLink", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ResourceLink; }
+  get: function () { return chunkWIAQQNFU_cjs.ResourceLink; }
 });
 Object.defineProperty(exports, "SendIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.SendIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.SendIcon; }
 });
 Object.defineProperty(exports, "SparklesIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.SparklesIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.SparklesIcon; }
 });
 Object.defineProperty(exports, "SpinnerIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.SpinnerIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.SpinnerIcon; }
 });
 Object.defineProperty(exports, "ToolStatusIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.ToolStatusIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.ToolStatusIcon; }
 });
 Object.defineProperty(exports, "getToolIcon", {
   enumerable: true,
-  get: function () { return chunkDH7I5HMK_cjs.getToolIcon; }
+  get: function () { return chunkWIAQQNFU_cjs.getToolIcon; }
 });
 Object.defineProperty(exports, "AttachmentPreview", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.AttachmentPreview; }
+  get: function () { return chunkXCNDZNY7_cjs.AttachmentPreview; }
 });
 Object.defineProperty(exports, "CharacterCounter", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.CharacterCounter; }
+  get: function () { return chunkXCNDZNY7_cjs.CharacterCounter; }
 });
 Object.defineProperty(exports, "ConversationHeader", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.ConversationHeader; }
+  get: function () { return chunkXCNDZNY7_cjs.ConversationHeader; }
 });
 Object.defineProperty(exports, "ConversationListItem", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.ConversationListItem; }
+  get: function () { return chunkXCNDZNY7_cjs.ConversationListItem; }
 });
 Object.defineProperty(exports, "ConversationListSkeleton", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.ConversationListSkeleton; }
+  get: function () { return chunkXCNDZNY7_cjs.ConversationListSkeleton; }
 });
 Object.defineProperty(exports, "DateSeparator", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.DateSeparator; }
+  get: function () { return chunkXCNDZNY7_cjs.DateSeparator; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.EmptyState; }
+  get: function () { return chunkXCNDZNY7_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "LightboxModal", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.LightboxModal; }
+  get: function () { return chunkXCNDZNY7_cjs.LightboxModal; }
 });
 Object.defineProperty(exports, "LoadMoreButton", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.LoadMoreButton; }
+  get: function () { return chunkXCNDZNY7_cjs.LoadMoreButton; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessageBubble; }
+  get: function () { return chunkXCNDZNY7_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageComposer", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessageComposer; }
+  get: function () { return chunkXCNDZNY7_cjs.MessageComposer; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessageList; }
+  get: function () { return chunkXCNDZNY7_cjs.MessageList; }
 });
 Object.defineProperty(exports, "MessageStatusIcon", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessageStatusIcon; }
+  get: function () { return chunkXCNDZNY7_cjs.MessageStatusIcon; }
 });
 Object.defineProperty(exports, "MessageThread", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessageThread; }
+  get: function () { return chunkXCNDZNY7_cjs.MessageThread; }
 });
 Object.defineProperty(exports, "MessagingSplitView", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.MessagingSplitView; }
+  get: function () { return chunkXCNDZNY7_cjs.MessagingSplitView; }
 });
 Object.defineProperty(exports, "ReadReceiptIndicator", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.ReadReceiptIndicator; }
+  get: function () { return chunkXCNDZNY7_cjs.ReadReceiptIndicator; }
 });
 Object.defineProperty(exports, "SendButton", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.SendButton; }
+  get: function () { return chunkXCNDZNY7_cjs.SendButton; }
 });
 Object.defineProperty(exports, "SkeletonMessage", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.SkeletonMessage; }
+  get: function () { return chunkXCNDZNY7_cjs.SkeletonMessage; }
 });
 Object.defineProperty(exports, "TypingIndicator", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.TypingIndicator; }
+  get: function () { return chunkXCNDZNY7_cjs.TypingIndicator; }
 });
 Object.defineProperty(exports, "bubbleVariants", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.bubbleVariants; }
+  get: function () { return chunkXCNDZNY7_cjs.bubbleVariants; }
 });
 Object.defineProperty(exports, "formatDateLabel", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.formatDateLabel; }
+  get: function () { return chunkXCNDZNY7_cjs.formatDateLabel; }
 });
 Object.defineProperty(exports, "formatFileSize", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.formatFileSize; }
+  get: function () { return chunkXCNDZNY7_cjs.formatFileSize; }
 });
 Object.defineProperty(exports, "formatLastSeen", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.formatLastSeen; }
+  get: function () { return chunkXCNDZNY7_cjs.formatLastSeen; }
 });
 Object.defineProperty(exports, "getConversationSubtitle", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.getConversationSubtitle; }
+  get: function () { return chunkXCNDZNY7_cjs.getConversationSubtitle; }
 });
 Object.defineProperty(exports, "getConversationTitle", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.getConversationTitle; }
+  get: function () { return chunkXCNDZNY7_cjs.getConversationTitle; }
 });
 Object.defineProperty(exports, "groupMessagesByDate", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.groupMessagesByDate; }
+  get: function () { return chunkXCNDZNY7_cjs.groupMessagesByDate; }
 });
 Object.defineProperty(exports, "headerVariants", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.headerVariants; }
+  get: function () { return chunkXCNDZNY7_cjs.headerVariants; }
 });
 Object.defineProperty(exports, "isSameSenderGroup", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.isSameSenderGroup; }
+  get: function () { return chunkXCNDZNY7_cjs.isSameSenderGroup; }
 });
 Object.defineProperty(exports, "sendButtonVariants", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.sendButtonVariants; }
+  get: function () { return chunkXCNDZNY7_cjs.sendButtonVariants; }
 });
 Object.defineProperty(exports, "useMessageScroll", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.useMessageScroll; }
+  get: function () { return chunkXCNDZNY7_cjs.useMessageScroll; }
 });
 Object.defineProperty(exports, "useMessages", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.useMessages; }
+  get: function () { return chunkXCNDZNY7_cjs.useMessages; }
 });
 Object.defineProperty(exports, "useReadReceipts", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.useReadReceipts; }
+  get: function () { return chunkXCNDZNY7_cjs.useReadReceipts; }
+});
+Object.defineProperty(exports, "useTypingEmulation", {
+  enumerable: true,
+  get: function () { return chunkXCNDZNY7_cjs.useTypingEmulation; }
 });
 Object.defineProperty(exports, "useTypingIndicator", {
   enumerable: true,
-  get: function () { return chunk3MHG4HYB_cjs.useTypingIndicator; }
+  get: function () { return chunkXCNDZNY7_cjs.useTypingIndicator; }
 });
 Object.defineProperty(exports, "AttachmentPicker", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.AttachmentPicker; }
+  get: function () { return chunkT6PTKWM6_cjs.AttachmentPicker; }
 });
 Object.defineProperty(exports, "AttachmentPreviewItem", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.AttachmentPreviewItem; }
+  get: function () { return chunkT6PTKWM6_cjs.AttachmentPreviewItem; }
 });
 Object.defineProperty(exports, "CameraButton", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.CameraButton; }
+  get: function () { return chunkT6PTKWM6_cjs.CameraButton; }
+});
+Object.defineProperty(exports, "ChatComposer", {
+  enumerable: true,
+  get: function () { return chunkT6PTKWM6_cjs.ChatComposer; }
+});
+Object.defineProperty(exports, "ComposerModelSelector", {
+  enumerable: true,
+  get: function () { return chunkT6PTKWM6_cjs.ComposerModelSelector; }
 });
 Object.defineProperty(exports, "DragDropZone", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.DragDropZone; }
+  get: function () { return chunkT6PTKWM6_cjs.DragDropZone; }
 });
 Object.defineProperty(exports, "generateAttachmentId", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.generateAttachmentId; }
+  get: function () { return chunkT6PTKWM6_cjs.generateAttachmentId; }
 });
 Object.defineProperty(exports, "getFileType", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.getFileType; }
+  get: function () { return chunkT6PTKWM6_cjs.getFileType; }
 });
 Object.defineProperty(exports, "validateFile", {
   enumerable: true,
-  get: function () { return chunk5VXRKOPR_cjs.validateFile; }
+  get: function () { return chunkT6PTKWM6_cjs.validateFile; }
 });
 Object.defineProperty(exports, "RecordButton", {
   enumerable: true,
@@ -45201,11 +45258,11 @@ Object.defineProperty(exports, "unformatPhoneNumber", {
 });
 Object.defineProperty(exports, "miewebUIPreset", {
   enumerable: true,
-  get: function () { return chunkZ3RYJWSV_cjs.miewebUIPreset; }
+  get: function () { return chunkPY7XAG4D_cjs.miewebUIPreset; }
 });
 Object.defineProperty(exports, "miewebUISafelist", {
   enumerable: true,
-  get: function () { return chunkZ3RYJWSV_cjs.miewebUISafelist; }
+  get: function () { return chunkPY7XAG4D_cjs.miewebUISafelist; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,