@mieweb/ui 0.9.0-dev.0 → 0.9.0-dev.2

package/dist/components/SuperChat/index.d.cts

@@ -19,7 +19,8 @@ interface SuperChatProps {
     /** Disable the composer. */
     readOnly?: boolean;
     /**
-     * File categories the composer accepts for paste and the paperclip picker.
+     * File categories the composer accepts for paste, drag-and-drop, and the
+     * file picker in the `+` → “Attach files” menu.
      * Defaults to `['image', 'video', 'audio', 'pdf']`.
      */
     acceptedFileTypes?: AttachmentKind[];
@@ -47,11 +48,17 @@ interface SuperChatProps {
     defaultCopyFormat?: SuperChatCopyFormat;
     /** Additional class name. */
     className?: string;
+    /**
+     * Fired when the local user sends a message. If the callback returns a
+     * promise it is awaited, and a rejected send restores the typed text into
+     * the composer (the declared `void` return keeps every previously valid
+     * callback assignable).
+     */
     onMessageSent?: (text: string, meta: {
         conversation: SuperChatConversation;
         mentions: string[];
         attachments: ComposerAttachment[];
-    }) => void;
+    }) => void | Promise<void>;
     /**
      * Fired when the local user saves an edit to one of their own messages.
      * Providing this enables the inline "Edit" affordance on self-authored
@@ -110,7 +117,8 @@ interface SuperChatInboxProps {
     /** Disable the composer. */
     readOnly?: boolean;
     /**
-     * File categories the composer accepts for paste and the paperclip picker.
+     * File categories the composer accepts for paste, drag-and-drop, and the
+     * file picker in the `+` → “Attach files” menu.
      * Defaults to `['image', 'video', 'audio', 'pdf']`.
      */
     acceptedFileTypes?: AttachmentKind[];
@@ -126,6 +134,11 @@ interface SuperChatInboxProps {
     defaultCopyFormat?: SuperChatCopyFormat;
     /** Additional class name. */
     className?: string;
+    /**
+     * Fired when the local user sends a message. If the callback returns a
+     * promise it is awaited, and a rejected send restores the typed text into
+     * the composer (same contract as {@link SuperChatProps.onMessageSent}).
+     */
     onMessageSent?: (text: string, meta: {
         conversation: SuperChatConversation;
         mentions: string[];

package/dist/components/SuperChat/index.d.ts

@@ -19,7 +19,8 @@ interface SuperChatProps {
     /** Disable the composer. */
     readOnly?: boolean;
     /**
-     * File categories the composer accepts for paste and the paperclip picker.
+     * File categories the composer accepts for paste, drag-and-drop, and the
+     * file picker in the `+` → “Attach files” menu.
      * Defaults to `['image', 'video', 'audio', 'pdf']`.
      */
     acceptedFileTypes?: AttachmentKind[];
@@ -47,11 +48,17 @@ interface SuperChatProps {
     defaultCopyFormat?: SuperChatCopyFormat;
     /** Additional class name. */
     className?: string;
+    /**
+     * Fired when the local user sends a message. If the callback returns a
+     * promise it is awaited, and a rejected send restores the typed text into
+     * the composer (the declared `void` return keeps every previously valid
+     * callback assignable).
+     */
     onMessageSent?: (text: string, meta: {
         conversation: SuperChatConversation;
         mentions: string[];
         attachments: ComposerAttachment[];
-    }) => void;
+    }) => void | Promise<void>;
     /**
      * Fired when the local user saves an edit to one of their own messages.
      * Providing this enables the inline "Edit" affordance on self-authored
@@ -110,7 +117,8 @@ interface SuperChatInboxProps {
     /** Disable the composer. */
     readOnly?: boolean;
     /**
-     * File categories the composer accepts for paste and the paperclip picker.
+     * File categories the composer accepts for paste, drag-and-drop, and the
+     * file picker in the `+` → “Attach files” menu.
      * Defaults to `['image', 'video', 'audio', 'pdf']`.
      */
     acceptedFileTypes?: AttachmentKind[];
@@ -126,6 +134,11 @@ interface SuperChatInboxProps {
     defaultCopyFormat?: SuperChatCopyFormat;
     /** Additional class name. */
     className?: string;
+    /**
+     * Fired when the local user sends a message. If the callback returns a
+     * promise it is awaited, and a rejected send restores the typed text into
+     * the composer (same contract as {@link SuperChatProps.onMessageSent}).
+     */
     onMessageSent?: (text: string, meta: {
         conversation: SuperChatConversation;
         mentions: string[];

package/dist/components/SuperChat/index.js

@@ -1,13 +1,14 @@
 import { TextRenderContext } from '../../chunk-I6CY5C6A.js';
 export { TextRenderContext, useTextRenderContext } from '../../chunk-I6CY5C6A.js';
-import { ChatBubble, MCPToolCallDisplay, AITypingIndicator, SparklesIcon, CloseIcon } from '../../chunk-22CYDCXA.js';
-import { MessageComposer } from '../../chunk-O6GJ4IYS.js';
+import { ChatBubble, MCPToolCallDisplay, AITypingIndicator, SparklesIcon, CloseIcon, ChatComposer } from '../../chunk-KATEJG2F.js';
+import '../../chunk-IF3X2WZP.js';
 import { Dropdown, DropdownSubmenu, DropdownItem } from '../../chunk-KU3XRHWA.js';
 import { Avatar } from '../../chunk-HZ4MBUC3.js';
 import '../../chunk-IQ4KQJAO.js';
 import '../../chunk-VVDE4CHU.js';
 import '../../chunk-6NZXWKUE.js';
 import '../../chunk-3IMM2PM4.js';
+import '../../chunk-BKSPDTX4.js';
 import { Badge } from '../../chunk-BMSG4NBH.js';
 import { cn } from '../../chunk-TQONQSJO.js';
 import '../../chunk-T4ME7QCT.js';
@@ -1158,14 +1159,29 @@ function SuperChat({
     () => acceptTokensFor(acceptedFileTypes),
     [acceptedFileTypes]
   );
+  const [draft, setDraft] = React2.useState("");
+  const draftEpochRef = React2.useRef(0);
+  const handleDraftChange = React2.useCallback((value) => {
+    draftEpochRef.current += 1;
+    setDraft(value);
+  }, []);
   const handleComposerSend = React2.useCallback(
     async (message) => {
-      const text = message.content;
-      const mentions = detectMentions(text, conversation.participants);
-      const attachments = await filesToComposerAttachments(
-        message.attachments ?? []
-      );
-      onMessageSent?.(text, { conversation, mentions, attachments });
+      const epoch = draftEpochRef.current;
+      try {
+        const text = message.content;
+        const mentions = detectMentions(text, conversation.participants);
+        const attachments = await filesToComposerAttachments(
+          message.attachments ?? []
+        );
+        await Promise.resolve(
+          onMessageSent?.(text, { conversation, mentions, attachments })
+        );
+      } catch {
+        if (draftEpochRef.current === epoch) {
+          setDraft(message.content);
+        }
+      }
     },
     [conversation, onMessageSent]
   );
@@ -1297,16 +1313,19 @@ function SuperChat({
           }
         ),
         /* @__PURE__ */ jsx(
-          MessageComposer,
+          ChatComposer,
           {
+            value: draft,
+            onValueChange: handleDraftChange,
             onSend: handleComposerSend,
             disabled: readOnly,
             placeholder: readOnly ? "Read-only conversation" : "Type a message\u2026 use @ to address an agent",
             mentionOptions,
-            showAttachmentPicker: !readOnly,
-            showCameraButton: false,
+            allowAttachments: !readOnly,
             acceptedFileTypes: composerAccept,
-            maxLength: 1e5
+            maxFileSize: 25 * 1024 * 1024,
+            maxLength: 1e5,
+            inputLabel: "Message"
           }
         )
       ]