@mieweb/ui 0.9.0 → 0.10.0-dev.1

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SuperChatConversation, a as SuperChatRenderPlugin, A as AttachmentKind, b as SuperChatLinkBuilder, c as SuperChatCopyFormat, C as ComposerAttachment, d as SuperChatRef } from '../../types-DZDroUW8.cjs';
-export { G as GenUIBlockPayload, e as GenUIPrefetchPolicy, f as GenUIRegistry, g as GenUIWidgetEntry, h as GenUIWidgetProps, P as Participant, i as ParticipantKind, j as ParticipantStatus, k as StandardSchemaV1, l as SuperChatChannel, m as SuperChatItemType, n as SuperChatMessage, o as SuperChatPluggable, p as SuperChatPluggableList } from '../../types-DZDroUW8.cjs';
-import { b as AIRenderTextContent } from '../../types-B2RLmdVd.cjs';
-export { A as AIMessageContent, a as AIMessageStatus, c as AITextRenderContext, M as MCPResourceLink } from '../../types-B2RLmdVd.cjs';
+import { S as SuperChatConversation, a as SuperChatRenderPlugin, A as AttachmentKind, b as SuperChatLinkBuilder, c as SuperChatCopyFormat, C as ComposerAttachment, d as SuperChatRef } from '../../types-B97JNRNQ.cjs';
+export { G as GenUIBlockPayload, e as GenUIPrefetchPolicy, f as GenUIRegistry, g as GenUIWidgetEntry, h as GenUIWidgetProps, P as Participant, i as ParticipantKind, j as ParticipantStatus, k as StandardSchemaV1, l as SuperChatChannel, m as SuperChatItemType, n as SuperChatMessage, o as SuperChatPluggable, p as SuperChatPluggableList } from '../../types-B97JNRNQ.cjs';
+import { b as AIRenderTextContent } from '../../types-CnPEwzlp.cjs';
+export { A as AIMessageContent, a as AIMessageStatus, c as AITextRenderContext, M as MCPResourceLink } from '../../types-CnPEwzlp.cjs';
 import * as React from 'react';
 
 interface SuperChatProps {
@@ -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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SuperChatConversation, a as SuperChatRenderPlugin, A as AttachmentKind, b as SuperChatLinkBuilder, c as SuperChatCopyFormat, C as ComposerAttachment, d as SuperChatRef } from '../../types-9vK_YdEb.js';
-export { G as GenUIBlockPayload, e as GenUIPrefetchPolicy, f as GenUIRegistry, g as GenUIWidgetEntry, h as GenUIWidgetProps, P as Participant, i as ParticipantKind, j as ParticipantStatus, k as StandardSchemaV1, l as SuperChatChannel, m as SuperChatItemType, n as SuperChatMessage, o as SuperChatPluggable, p as SuperChatPluggableList } from '../../types-9vK_YdEb.js';
-import { b as AIRenderTextContent } from '../../types-B2RLmdVd.js';
-export { A as AIMessageContent, a as AIMessageStatus, c as AITextRenderContext, M as MCPResourceLink } from '../../types-B2RLmdVd.js';
+import { S as SuperChatConversation, a as SuperChatRenderPlugin, A as AttachmentKind, b as SuperChatLinkBuilder, c as SuperChatCopyFormat, C as ComposerAttachment, d as SuperChatRef } from '../../types-gZXrfLj6.js';
+export { G as GenUIBlockPayload, e as GenUIPrefetchPolicy, f as GenUIRegistry, g as GenUIWidgetEntry, h as GenUIWidgetProps, P as Participant, i as ParticipantKind, j as ParticipantStatus, k as StandardSchemaV1, l as SuperChatChannel, m as SuperChatItemType, n as SuperChatMessage, o as SuperChatPluggable, p as SuperChatPluggableList } from '../../types-gZXrfLj6.js';
+import { b as AIRenderTextContent } from '../../types-CnPEwzlp.js';
+export { A as AIMessageContent, a as AIMessageStatus, c as AITextRenderContext, M as MCPResourceLink } from '../../types-CnPEwzlp.js';
 import * as React from 'react';
 
 interface SuperChatProps {
@@ -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,18 +1,21 @@
 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 { Dropdown, DropdownSubmenu, DropdownItem } from '../../chunk-KU3XRHWA.js';
+import { notifyComposerMigrationOnce, ChatComposer } from '../../chunk-IIFQ6BSJ.js';
+import { Dropdown, DropdownSubmenu, DropdownItem } from '../../chunk-TZX76ZNZ.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 '../../chunk-XCP454Q6.js';
 import { cn } from '../../chunk-TQONQSJO.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-WSNMQQ4P.js';
+import '../../chunk-PX6F3LHL.js';
 import * as React2 from 'react';
 import Markdown, { defaultUrlTransform } from 'react-markdown';
 import remarkGfm from 'remark-gfm';
@@ -1108,6 +1111,9 @@ function SuperChat({
   onBack
 }) {
   const headingId = React2.useId();
+  React2.useEffect(() => {
+    notifyComposerMigrationOnce("SuperChat");
+  }, []);
   const renderText = React2.useMemo(
     () => renderTextContent ?? createMarkdownRenderer({
       plugins: renderPlugins,
@@ -1158,14 +1164,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 +1318,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"
           }
         )
       ]