@proteos/ui 0.41.0 → 0.42.0

package/dist/index.d.cts

@@ -1174,6 +1174,8 @@ interface DraftMessageComposerProps {
     onSent?: (message: Message) => void;
     /** Fires once the draft was declined. */
     onRejected?: (message: Message) => void;
+    /** Fires when the human approved the send but delivery failed. */
+    onFailed?: (message: Message) => void;
     /**
      * Default true. When false the internal Send / Save draft / Reject row is
      * hidden — the composer becomes a pure preview/edit surface driven by
@@ -1181,8 +1183,11 @@ interface DraftMessageComposerProps {
      */
     showActions?: boolean;
     className?: string;
+    /** Composes onto the body textarea (MessageComposer.bodyClassName) — review
+     *  surfaces raise the growth cap so a whole email fits. */
+    bodyClassName?: string;
 }
-declare function DraftMessageComposer({ messageId, client, onSent, onRejected, showActions, className, }: DraftMessageComposerProps): react_jsx_runtime.JSX.Element;
+declare function DraftMessageComposer({ messageId, client, onSent, onRejected, onFailed, showActions, className, bodyClassName, }: DraftMessageComposerProps): react_jsx_runtime.JSX.Element;
 
 declare function publishDraftMessageOutcome(messageId: string, outcome: DraftMessageOutcome): void;
 declare function subscribeDraftMessageOutcome(messageId: string, listener: () => void): () => void;
@@ -1520,8 +1525,11 @@ interface MessageComposerProps {
     showSendButton?: boolean;
     /** Composes onto the outer box chrome (`messageComposerStyles`). */
     className?: string;
+    /** Composes onto the body textarea — review surfaces override the default
+     *  `max-h-48` growth cap (e.g. `max-h-[55dvh]`) so a whole email fits. */
+    bodyClassName?: string;
 }
-declare function MessageComposer({ mode, value, onValueChange, placeholder, subjectPrefill, isSubjectReadOnly, disabledReason, onSend, connectionId, connectionPicker, showToField, showRecipientFields, searchRecipients, to: toProp, cc: ccProp, bcc: bccProp, onToChange, onCcChange, onBccChange, attachments, onAddFiles, onRemoveAttachment, hasUploadingAttachments, showSendButton, className, }: MessageComposerProps): react_jsx_runtime.JSX.Element;
+declare function MessageComposer({ mode, value, onValueChange, placeholder, subjectPrefill, isSubjectReadOnly, disabledReason, onSend, connectionId, connectionPicker, showToField, showRecipientFields, searchRecipients, to: toProp, cc: ccProp, bcc: bccProp, onToChange, onCcChange, onBccChange, attachments, onAddFiles, onRemoveAttachment, hasUploadingAttachments, showSendButton, className, bodyClassName, }: MessageComposerProps): react_jsx_runtime.JSX.Element;
 
 /** Stateful root. Pass `isOpen` + `onOpenChange` for controlled usage. */
 declare function Modal(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1174,6 +1174,8 @@ interface DraftMessageComposerProps {
     onSent?: (message: Message) => void;
     /** Fires once the draft was declined. */
     onRejected?: (message: Message) => void;
+    /** Fires when the human approved the send but delivery failed. */
+    onFailed?: (message: Message) => void;
     /**
      * Default true. When false the internal Send / Save draft / Reject row is
      * hidden — the composer becomes a pure preview/edit surface driven by
@@ -1181,8 +1183,11 @@ interface DraftMessageComposerProps {
      */
     showActions?: boolean;
     className?: string;
+    /** Composes onto the body textarea (MessageComposer.bodyClassName) — review
+     *  surfaces raise the growth cap so a whole email fits. */
+    bodyClassName?: string;
 }
-declare function DraftMessageComposer({ messageId, client, onSent, onRejected, showActions, className, }: DraftMessageComposerProps): react_jsx_runtime.JSX.Element;
+declare function DraftMessageComposer({ messageId, client, onSent, onRejected, onFailed, showActions, className, bodyClassName, }: DraftMessageComposerProps): react_jsx_runtime.JSX.Element;
 
 declare function publishDraftMessageOutcome(messageId: string, outcome: DraftMessageOutcome): void;
 declare function subscribeDraftMessageOutcome(messageId: string, listener: () => void): () => void;
@@ -1520,8 +1525,11 @@ interface MessageComposerProps {
     showSendButton?: boolean;
     /** Composes onto the outer box chrome (`messageComposerStyles`). */
     className?: string;
+    /** Composes onto the body textarea — review surfaces override the default
+     *  `max-h-48` growth cap (e.g. `max-h-[55dvh]`) so a whole email fits. */
+    bodyClassName?: string;
 }
-declare function MessageComposer({ mode, value, onValueChange, placeholder, subjectPrefill, isSubjectReadOnly, disabledReason, onSend, connectionId, connectionPicker, showToField, showRecipientFields, searchRecipients, to: toProp, cc: ccProp, bcc: bccProp, onToChange, onCcChange, onBccChange, attachments, onAddFiles, onRemoveAttachment, hasUploadingAttachments, showSendButton, className, }: MessageComposerProps): react_jsx_runtime.JSX.Element;
+declare function MessageComposer({ mode, value, onValueChange, placeholder, subjectPrefill, isSubjectReadOnly, disabledReason, onSend, connectionId, connectionPicker, showToField, showRecipientFields, searchRecipients, to: toProp, cc: ccProp, bcc: bccProp, onToChange, onCcChange, onBccChange, attachments, onAddFiles, onRemoveAttachment, hasUploadingAttachments, showSendButton, className, bodyClassName, }: MessageComposerProps): react_jsx_runtime.JSX.Element;
 
 /** Stateful root. Pass `isOpen` + `onOpenChange` for controlled usage. */
 declare function Modal(props: DialogTriggerProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -3298,7 +3298,8 @@ function MessageComposer({
   onRemoveAttachment,
   hasUploadingAttachments,
   showSendButton,
-  className
+  className,
+  bodyClassName
 }) {
   const [isSending, setIsSending] = useState(false);
   const [sendError, setSendError] = useState(null);
@@ -3307,6 +3308,9 @@ function MessageComposer({
   const [internalBcc, setInternalBcc] = useState([]);
   const [showCcBcc, setShowCcBcc] = useState(false);
   const textareaRef = useRef(null);
+  useEffect(() => {
+    if (textareaRef.current) autoGrow(textareaRef.current);
+  }, [value.text]);
   const to = toProp ?? internalTo;
   const cc = ccProp ?? internalCc;
   const bcc = bccProp ?? internalBcc;
@@ -3489,14 +3493,12 @@ function MessageComposer({
             value: value.text,
             placeholder,
             rows: 1,
-            onChange: (event) => {
-              onValueChange({ ...value, text: event.target.value });
-              autoGrow(event.currentTarget);
-            },
+            onChange: (event) => onValueChange({ ...value, text: event.target.value }),
             onKeyDown: onKeyDown2,
             className: cn(
               "w-full resize-none bg-transparent outline-none",
-              "min-h-[40px] max-h-48 text-[14px] leading-[1.5] text-ink placeholder:text-ink-4"
+              "min-h-[40px] max-h-48 text-[14px] leading-[1.5] text-ink placeholder:text-ink-4",
+              bodyClassName
             ),
             "data-conversations-composer": true
           }
@@ -3559,7 +3561,7 @@ function MessageComposer({
 }
 function autoGrow(node) {
   node.style.height = "auto";
-  node.style.height = `${Math.min(node.scrollHeight, 192)}px`;
+  node.style.height = `${node.scrollHeight}px`;
 }
 var listenersByMessageId2 = /* @__PURE__ */ new Map();
 var lastOutcomeByMessageId = /* @__PURE__ */ new Map();
@@ -3634,8 +3636,10 @@ function DraftMessageComposer({
   client,
   onSent,
   onRejected,
+  onFailed,
   showActions = true,
-  className
+  className,
+  bodyClassName
 }) {
   const [phase, setPhase] = useState("loading");
   const [busy, setBusy] = useState("idle");
@@ -3758,6 +3762,7 @@ function DraftMessageComposer({
       if (result.status === "failed") {
         setTerminalKind("failed");
         setPhase("terminal");
+        onFailed?.(result);
         return;
       }
       setTerminalKind("sent");
@@ -3777,6 +3782,7 @@ function DraftMessageComposer({
     client,
     messageId,
     onSent,
+    onFailed,
     areRecipientsEditable,
     conversation,
     to
@@ -3869,6 +3875,7 @@ function DraftMessageComposer({
         value,
         onValueChange: setValue,
         placeholder: "Draft body\u2026",
+        ...bodyClassName !== void 0 ? { bodyClassName } : {},
         ...isEmail && !isSubjectEditable ? { isSubjectReadOnly: true } : {},
         onSend: async () => send(),
         ...areRecipientsEditable && message.connection_id ? {