@adecore/agents-react 0.38.0 → 0.40.0

package/dist/chat/ui/Composer.js

@@ -43,7 +43,7 @@ import { usePromptHistory } from './composer/use-prompt-history.js';
 import { usePromptHold } from './composer/use-prompt-hold.js';
 import { surfacePartOf } from './composer/surface.js';
 import { useTakeBack } from './composer/use-take-back.js';
-import { useHostExtraPrompts, useHostSendDelivery } from '../../host-hooks.js';
+import { useHostComposerSendActions, useHostExtraPrompts, useHostSendDelivery } from '../../host-hooks.js';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function sendLabelKey(busy, steerable, delivery) {
   if (!busy) {
@@ -55,7 +55,7 @@ function sendLabelKey(busy, steerable, delivery) {
   return delivery === 'steer' ? 'composer.steerButton' : 'composer.queueWithSteerButton';
 }
 export function Composer(t0) {
-  const $ = _c(230);
+  const $ = _c(239);
   const {
     chatId,
     info,
@@ -205,6 +205,7 @@ export function Composer(t0) {
   const continuable = useContinuableTurn(chatId, info);
   const [sentFor, setSentFor] = useState(null);
   const extraPrompts = useHostExtraPrompts(scope.id, chatId);
+  const sendActions = useHostComposerSendActions(scope.id, chatId);
   let t11;
   if ($[35] !== continuable || $[36] !== onSend) {
     t11 = (text, extras) => {
@@ -367,16 +368,8 @@ export function Composer(t0) {
   }
   useEffect(t21, t22);
   let t23;
-  if ($[66] !== box) {
-    t23 = next => box.setText(next);
-    $[66] = box;
-    $[67] = t23;
-  } else {
-    t23 = $[67];
-  }
-  let t24;
-  if ($[68] !== chatId || $[69] !== draft.text || $[70] !== files.noteKey || $[71] !== history || $[72] !== host || $[73] !== menus || $[74] !== sendKey || $[75] !== submit || $[76] !== t23 || $[77] !== toggleStash) {
-    t24 = composerKeyHandler({
+  if ($[66] !== chatId || $[67] !== draft.text || $[68] !== files.noteKey || $[69] !== history || $[70] !== host || $[71] !== menus || $[72] !== sendKey || $[73] !== submit || $[74] !== toggleStash) {
+    t23 = composerKeyHandler({
       chatId,
       host,
       sendKey,
@@ -385,44 +378,42 @@ export function Composer(t0) {
       history,
       noteKey: files.noteKey,
       toggleStash,
-      setText: t23,
       submit
     });
-    $[68] = chatId;
-    $[69] = draft.text;
-    $[70] = files.noteKey;
-    $[71] = history;
-    $[72] = host;
-    $[73] = menus;
-    $[74] = sendKey;
-    $[75] = submit;
-    $[76] = t23;
-    $[77] = toggleStash;
-    $[78] = t24;
-  } else {
-    t24 = $[78];
-  }
-  const onKeyDown = t24;
+    $[66] = chatId;
+    $[67] = draft.text;
+    $[68] = files.noteKey;
+    $[69] = history;
+    $[70] = host;
+    $[71] = menus;
+    $[72] = sendKey;
+    $[73] = submit;
+    $[74] = toggleStash;
+    $[75] = t23;
+  } else {
+    t23 = $[75];
+  }
+  const onKeyDown = t23;
   const pointSurface = _temp4;
-  let t25;
-  if ($[79] !== writable) {
-    t25 = event_0 => {
+  let t24;
+  if ($[76] !== writable) {
+    t24 = event_0 => {
       if (!writable || event_0.button !== 0 || event_0.defaultPrevented || surfacePartOf(event_0.target, event_0.currentTarget) !== "surface") {
         return;
       }
       event_0.preventDefault();
       inputRef.current?.setCaret(Infinity);
     };
-    $[79] = writable;
-    $[80] = t25;
+    $[76] = writable;
+    $[77] = t24;
   } else {
-    t25 = $[80];
+    t24 = $[77];
   }
-  const pressSurface = t25;
-  const t26 = "chat-composer-content pointer-events-none relative z-10 w-full";
-  let t27;
-  if ($[81] !== atEnd || $[82] !== chatId || $[83] !== readOnly || $[84] !== t) {
-    t27 = !atEnd && !readOnly && /*#__PURE__*/_jsx("div", {
+  const pressSurface = t24;
+  const t25 = "chat-composer-content pointer-events-none relative z-10 w-full";
+  let t26;
+  if ($[78] !== atEnd || $[79] !== chatId || $[80] !== readOnly || $[81] !== t) {
+    t26 = !atEnd && !readOnly && /*#__PURE__*/_jsx("div", {
       className: "absolute inset-x-0 bottom-full mb-2 flex justify-center",
       children: /*#__PURE__*/_jsx(Tooltip, {
         label: t("composer.jumpToEnd"),
@@ -439,477 +430,511 @@ export function Composer(t0) {
         })
       })
     });
-    $[81] = atEnd;
-    $[82] = chatId;
-    $[83] = readOnly;
-    $[84] = t;
-    $[85] = t27;
+    $[78] = atEnd;
+    $[79] = chatId;
+    $[80] = readOnly;
+    $[81] = t;
+    $[82] = t26;
   } else {
-    t27 = $[85];
+    t26 = $[82];
   }
-  let t28;
-  if ($[86] !== chatId) {
-    t28 = /*#__PURE__*/_jsx(ChatActivity, {
+  let t27;
+  if ($[83] !== chatId) {
+    t27 = /*#__PURE__*/_jsx(ChatActivity, {
       chatId: chatId
     });
-    $[86] = chatId;
-    $[87] = t28;
+    $[83] = chatId;
+    $[84] = t27;
   } else {
-    t28 = $[87];
+    t27 = $[84];
   }
-  const t29 = files.dragging ? "border-accent bg-[color-mix(in_srgb,var(--accent-soft)_60%,var(--surface-raised))]" : "border-border bg-[color-mix(in_srgb,var(--surface-raised)_92%,transparent)]";
-  let t30;
-  if ($[88] !== t29) {
-    t30 = clsx("@container/composer pointer-events-auto flex flex-col overflow-hidden rounded-2xl border shadow-float backdrop-blur-[14px] focus-ring-within", t29);
-    $[88] = t29;
-    $[89] = t30;
+  const t28 = files.dragging ? "border-accent bg-[color-mix(in_srgb,var(--accent-soft)_60%,var(--surface-raised))]" : "border-border bg-[color-mix(in_srgb,var(--surface-raised)_92%,transparent)]";
+  let t29;
+  if ($[85] !== t28) {
+    t29 = clsx("@container/composer pointer-events-auto flex flex-col overflow-hidden rounded-2xl border shadow-float backdrop-blur-[14px] focus-ring-within", t28);
+    $[85] = t28;
+    $[86] = t29;
   } else {
-    t30 = $[89];
+    t29 = $[86];
   }
-  const t31 = files.dropTarget;
+  const t30 = files.dropTarget;
   const T0 = PromptComposer;
-  const t32 = !empty;
-  const t33 = capabilities?.denyReason === true;
-  let t34;
-  if ($[90] === Symbol.for("react.memo_cache_sentinel")) {
-    t34 = () => inputRef.current?.focus();
-    $[90] = t34;
+  const t31 = !empty;
+  const t32 = capabilities?.denyReason === true;
+  let t33;
+  if ($[87] === Symbol.for("react.memo_cache_sentinel")) {
+    t33 = () => inputRef.current?.focus();
+    $[87] = t33;
+  } else {
+    t33 = $[87];
+  }
+  const t34 = writable && "data-[text-cursor]:cursor-text";
+  let t35;
+  if ($[88] !== t34) {
+    t35 = clsx(t34);
+    $[88] = t34;
+    $[89] = t35;
   } else {
-    t34 = $[90];
+    t35 = $[89];
   }
-  const t35 = writable && "data-[text-cursor]:cursor-text";
   let t36;
-  if ($[91] !== t35) {
-    t36 = clsx(t35);
-    $[91] = t35;
+  if ($[90] !== chatId || $[91] !== info) {
+    t36 = /*#__PURE__*/_jsx(LimitDock, {
+      chatId: chatId,
+      info: info
+    });
+    $[90] = chatId;
+    $[91] = info;
     $[92] = t36;
   } else {
     t36 = $[92];
   }
-  let t37;
-  if ($[93] !== chatId || $[94] !== info) {
-    t37 = /*#__PURE__*/_jsx(LimitDock, {
+  const t37 = capabilities?.goals;
+  let t38;
+  if ($[93] !== chatId || $[94] !== info || $[95] !== t37) {
+    t38 = /*#__PURE__*/_jsx(GoalDock, {
       chatId: chatId,
-      info: info
+      info: info,
+      goals: t37
     });
     $[93] = chatId;
     $[94] = info;
     $[95] = t37;
+    $[96] = t38;
   } else {
-    t37 = $[95];
+    t38 = $[96];
   }
-  const t38 = capabilities?.goals;
   let t39;
-  if ($[96] !== chatId || $[97] !== info || $[98] !== t38) {
-    t39 = /*#__PURE__*/_jsx(GoalDock, {
-      chatId: chatId,
-      info: info,
-      goals: t38
-    });
-    $[96] = chatId;
-    $[97] = info;
-    $[98] = t38;
-    $[99] = t39;
-  } else {
-    t39 = $[99];
-  }
-  let t40;
-  if ($[100] !== chatId || $[101] !== compactionOffer || $[102] !== controls.compact || $[103] !== scope) {
-    t40 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
+  if ($[97] !== chatId || $[98] !== compactionOffer || $[99] !== controls.compact || $[100] !== scope) {
+    t39 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
       tokens: compactionOffer.tokens,
       reason: compactionOffer.reason,
       onCompact: controls.compact,
       onDismiss: () => dismissResumeCompaction(scope, chatId, compactionOffer.turnId)
     });
-    $[100] = chatId;
-    $[101] = compactionOffer;
-    $[102] = controls.compact;
-    $[103] = scope;
-    $[104] = t40;
+    $[97] = chatId;
+    $[98] = compactionOffer;
+    $[99] = controls.compact;
+    $[100] = scope;
+    $[101] = t39;
   } else {
-    t40 = $[104];
+    t39 = $[101];
   }
-  let t41;
-  if ($[105] !== menus) {
-    t41 = /*#__PURE__*/_jsx(ComposerMenu, {
+  let t40;
+  if ($[102] !== menus) {
+    t40 = /*#__PURE__*/_jsx(ComposerMenu, {
       menus: menus
     });
-    $[105] = menus;
-    $[106] = t41;
+    $[102] = menus;
+    $[103] = t40;
   } else {
-    t41 = $[106];
+    t40 = $[103];
   }
-  let t42;
-  if ($[107] !== chatId || $[108] !== info.queuePaused || $[109] !== queue || $[110] !== takeBack || $[111] !== takingBack) {
-    t42 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
+  let t41;
+  if ($[104] !== chatId || $[105] !== info.queuePaused || $[106] !== queue || $[107] !== takeBack || $[108] !== takingBack) {
+    t41 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
       chatId: chatId,
       queue: queue,
       paused: info.queuePaused === true,
       takingBack: takingBack !== null,
       onEdit: message => void takeBack(message)
     });
-    $[107] = chatId;
-    $[108] = info.queuePaused;
-    $[109] = queue;
-    $[110] = takeBack;
-    $[111] = takingBack;
-    $[112] = t42;
+    $[104] = chatId;
+    $[105] = info.queuePaused;
+    $[106] = queue;
+    $[107] = takeBack;
+    $[108] = takingBack;
+    $[109] = t41;
   } else {
-    t42 = $[112];
+    t41 = $[109];
   }
-  let t43;
-  if ($[113] !== box.removeQuote || $[114] !== chatId || $[115] !== draft.quote || $[116] !== draft.quoteSource || $[117] !== notice || $[118] !== t) {
-    t43 = draft.quote !== "" && /*#__PURE__*/_jsx(DraftQuote, {
+  let t42;
+  if ($[110] !== box.removeQuote || $[111] !== chatId || $[112] !== draft.quote || $[113] !== draft.quoteSource || $[114] !== notice || $[115] !== t) {
+    t42 = draft.quote !== "" && /*#__PURE__*/_jsx(DraftQuote, {
       chatId: chatId,
       quote: draft.quote,
       source: draft.quoteSource,
       onRemove: box.removeQuote,
       onSourceGone: () => notice.setNotice(t("rows.user.quoteGone"), "info")
     });
-    $[113] = box.removeQuote;
-    $[114] = chatId;
-    $[115] = draft.quote;
-    $[116] = draft.quoteSource;
-    $[117] = notice;
-    $[118] = t;
-    $[119] = t43;
+    $[110] = box.removeQuote;
+    $[111] = chatId;
+    $[112] = draft.quote;
+    $[113] = draft.quoteSource;
+    $[114] = notice;
+    $[115] = t;
+    $[116] = t42;
   } else {
-    t43 = $[119];
+    t42 = $[116];
   }
-  let t44;
-  if ($[120] !== box.removeAttachment || $[121] !== draft.attachments) {
-    t44 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
+  let t43;
+  if ($[117] !== box.removeAttachment || $[118] !== draft.attachments) {
+    t43 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
       attachments: draft.attachments,
       onRemove: box.removeAttachment
     });
-    $[120] = box.removeAttachment;
-    $[121] = draft.attachments;
-    $[122] = t44;
+    $[117] = box.removeAttachment;
+    $[118] = draft.attachments;
+    $[119] = t43;
   } else {
-    t44 = $[122];
+    t43 = $[119];
   }
-  const t45 = !writable;
-  let t46;
-  if ($[123] !== box || $[124] !== history || $[125] !== hold || $[126] !== menus) {
-    t46 = (value, selection, state) => {
+  const t44 = !writable;
+  let t45;
+  if ($[120] !== box || $[121] !== history || $[122] !== hold || $[123] !== menus) {
+    t45 = (value, selection, state) => {
       hold.noteInput();
       box.setText(value);
       menus.setMenuIndex(0);
       menus.trackTriggers(value, selection, state);
       history.edited(value);
     };
-    $[123] = box;
-    $[124] = history;
-    $[125] = hold;
-    $[126] = menus;
-    $[127] = t46;
+    $[120] = box;
+    $[121] = history;
+    $[122] = hold;
+    $[123] = menus;
+    $[124] = t45;
   } else {
-    t46 = $[127];
+    t45 = $[124];
   }
-  let t47;
-  if ($[128] !== hold || $[129] !== menus) {
-    t47 = () => {
+  let t46;
+  if ($[125] !== hold || $[126] !== menus) {
+    t46 = () => {
       menus.close();
       hold.release("blur");
     };
-    $[128] = hold;
-    $[129] = menus;
-    $[130] = t47;
+    $[125] = hold;
+    $[126] = menus;
+    $[127] = t46;
   } else {
-    t47 = $[130];
+    t46 = $[127];
   }
-  let t48;
-  if ($[131] !== dictationToolbar || $[132] !== draft.text || $[133] !== editorExtensions || $[134] !== files.onCopy || $[135] !== files.onPaste || $[136] !== focused || $[137] !== hold.setComposing || $[138] !== menus.inputAria || $[139] !== menus.trackTriggers || $[140] !== onKeyDown || $[141] !== placeholder || $[142] !== t45 || $[143] !== t46 || $[144] !== t47) {
-    t48 = /*#__PURE__*/_jsx(ComposerInput, {
+  let t47;
+  if ($[128] !== dictationToolbar || $[129] !== draft.text || $[130] !== editorExtensions || $[131] !== files.onCopy || $[132] !== files.onPaste || $[133] !== focused || $[134] !== hold.setComposing || $[135] !== menus.inputAria || $[136] !== menus.trackTriggers || $[137] !== onKeyDown || $[138] !== placeholder || $[139] !== t44 || $[140] !== t45 || $[141] !== t46) {
+    t47 = /*#__PURE__*/_jsx(ComposerInput, {
       ref: inputRef,
       dictationToolbar: dictationToolbar,
       className: "composer-input select-text text-sm leading-normal text-text",
       value: draft.text,
       placeholder: placeholder,
-      disabled: t45,
+      disabled: t44,
       tabbable: focused,
       extensions: editorExtensions,
       aria: menus.inputAria,
-      onChange: t46,
+      onChange: t45,
       onSelectionChange: menus.trackTriggers,
-      onBlur: t47,
+      onBlur: t46,
       onComposing: hold.setComposing,
       onKeyDown: onKeyDown,
       onPaste: files.onPaste,
       onCopy: files.onCopy
     });
-    $[131] = dictationToolbar;
-    $[132] = draft.text;
-    $[133] = editorExtensions;
-    $[134] = files.onCopy;
-    $[135] = files.onPaste;
-    $[136] = focused;
-    $[137] = hold.setComposing;
-    $[138] = menus.inputAria;
-    $[139] = menus.trackTriggers;
-    $[140] = onKeyDown;
-    $[141] = placeholder;
-    $[142] = t45;
-    $[143] = t46;
-    $[144] = t47;
-    $[145] = t48;
-  } else {
-    t48 = $[145];
+    $[128] = dictationToolbar;
+    $[129] = draft.text;
+    $[130] = editorExtensions;
+    $[131] = files.onCopy;
+    $[132] = files.onPaste;
+    $[133] = focused;
+    $[134] = hold.setComposing;
+    $[135] = menus.inputAria;
+    $[136] = menus.trackTriggers;
+    $[137] = onKeyDown;
+    $[138] = placeholder;
+    $[139] = t44;
+    $[140] = t45;
+    $[141] = t46;
+    $[142] = t47;
+  } else {
+    t47 = $[142];
   }
-  let t49;
-  if ($[146] !== notice.notice || $[147] !== notice.tone) {
-    t49 = notice.notice && /*#__PURE__*/_jsx("div", {
+  let t48;
+  if ($[143] !== notice.notice || $[144] !== notice.tone) {
+    t48 = notice.notice && /*#__PURE__*/_jsx("div", {
       className: clsx("px-5 pb-1 text-xs @max-md/composer:px-3.5", notice.tone === "error" ? "text-status-error" : "text-text-muted"),
       role: notice.tone === "error" ? "alert" : "status",
       children: notice.notice
     });
-    $[146] = notice.notice;
-    $[147] = notice.tone;
-    $[148] = t49;
+    $[143] = notice.notice;
+    $[144] = notice.tone;
+    $[145] = t48;
   } else {
-    t49 = $[148];
+    t48 = $[145];
   }
-  const t50 = guard.visible && /*#__PURE__*/_jsxs("div", {
+  const t49 = guard.visible && /*#__PURE__*/_jsxs("div", {
     className: clsx("px-5 pb-1 text-right text-xs tabular-nums @max-md/composer:px-3.5", guard.tooLong ? "text-status-error" : "text-text-faint"),
     children: [formatNumber(guard.count), " / ", formatNumber(PROMPT_MAX_CHARS), guard.tooLong && ` ${t("composer.tooLong")}`]
   });
   const T1 = ComposerControls;
-  const t51 = capabilities?.attachments !== false;
-  const t52 = !busy || !empty;
-  const t53 = empty || !writable || guard.tooLong;
-  const t54 = t(sendLabelKey(busy, steerable, sendDelivery));
+  const t50 = capabilities?.attachments !== false;
+  const t51 = !busy || !empty;
+  const t52 = empty || !writable || guard.tooLong;
+  const t53 = t(sendLabelKey(busy, steerable, sendDelivery));
+  let t54;
+  if ($[146] !== draft.text || $[147] !== sendKey) {
+    t54 = sendShortcut(sendKey, draft.text.includes("\n"));
+    $[146] = draft.text;
+    $[147] = sendKey;
+    $[148] = t54;
+  } else {
+    t54 = $[148];
+  }
   let t55;
-  if ($[149] !== draft.text || $[150] !== sendKey) {
-    t55 = sendShortcut(sendKey, draft.text.includes("\n"));
-    $[149] = draft.text;
-    $[150] = sendKey;
-    $[151] = t55;
+  if ($[149] !== submit) {
+    t55 = alternate => submit(alternate ? "alternate" : "default");
+    $[149] = submit;
+    $[150] = t55;
   } else {
-    t55 = $[151];
+    t55 = $[150];
   }
-  let t56;
-  if ($[152] !== submit) {
-    t56 = alternate => submit(alternate ? "alternate" : "default");
-    $[152] = submit;
-    $[153] = t56;
+  const t56 = continuable !== null && continuable !== sentFor && empty && writable && pending.length === 0 && extraPrompts.length === 0 ? continueTurn : null;
+  const t57 = scope.id;
+  let t58;
+  if ($[151] !== draft.quote || $[152] !== draft.text) {
+    t58 = withQuote(draft.quote, draft.text.trim());
+    $[151] = draft.quote;
+    $[152] = draft.text;
+    $[153] = t58;
   } else {
-    t56 = $[153];
+    t58 = $[153];
   }
-  const t57 = continuable !== null && continuable !== sentFor && empty && writable && pending.length === 0 && extraPrompts.length === 0 ? continueTurn : null;
-  let t58;
-  if ($[154] !== t52 || $[155] !== t53 || $[156] !== t54 || $[157] !== t55 || $[158] !== t56 || $[159] !== t57) {
-    t58 = {
-      visible: t52,
-      disabled: t53,
-      label: t54,
-      kbd: t55,
-      onSend: t56,
-      onContinue: t57
+  let t59;
+  if ($[154] !== chatId || $[155] !== info.provider || $[156] !== info.runtimeMode || $[157] !== info.selection || $[158] !== scope.id || $[159] !== t58) {
+    t59 = {
+      scopeId: t57,
+      chatId,
+      text: t58,
+      provider: info.provider,
+      selection: info.selection,
+      runtimeMode: info.runtimeMode
     };
-    $[154] = t52;
-    $[155] = t53;
-    $[156] = t54;
-    $[157] = t55;
-    $[158] = t56;
-    $[159] = t57;
-    $[160] = t58;
+    $[154] = chatId;
+    $[155] = info.provider;
+    $[156] = info.runtimeMode;
+    $[157] = info.selection;
+    $[158] = scope.id;
+    $[159] = t58;
+    $[160] = t59;
   } else {
-    t58 = $[160];
+    t59 = $[160];
   }
-  let t59;
-  if ($[161] !== files) {
-    t59 = picked => {
+  let t60;
+  if ($[161] !== sendActions || $[162] !== t51 || $[163] !== t52 || $[164] !== t53 || $[165] !== t54 || $[166] !== t55 || $[167] !== t56 || $[168] !== t59) {
+    t60 = {
+      visible: t51,
+      disabled: t52,
+      label: t53,
+      kbd: t54,
+      onSend: t55,
+      onContinue: t56,
+      actions: sendActions,
+      draft: t59
+    };
+    $[161] = sendActions;
+    $[162] = t51;
+    $[163] = t52;
+    $[164] = t53;
+    $[165] = t54;
+    $[166] = t55;
+    $[167] = t56;
+    $[168] = t59;
+    $[169] = t60;
+  } else {
+    t60 = $[169];
+  }
+  let t61;
+  if ($[170] !== files) {
+    t61 = picked => {
       files.addFiles(picked);
       inputRef.current?.focus();
     };
-    $[161] = files;
-    $[162] = t59;
+    $[170] = files;
+    $[171] = t61;
   } else {
-    t59 = $[162];
+    t61 = $[171];
   }
-  let t60;
-  if ($[163] !== writable) {
-    t60 = added => {
+  let t62;
+  if ($[172] !== writable) {
+    t62 = added => {
       if (writable) {
         inputRef.current?.insert(added);
       }
     };
-    $[163] = writable;
-    $[164] = t60;
+    $[172] = writable;
+    $[173] = t62;
   } else {
-    t60 = $[164];
+    t62 = $[173];
   }
-  let t61;
-  if ($[165] !== T1 || $[166] !== chatId || $[167] !== controls || $[168] !== info || $[169] !== providerFixed || $[170] !== restoreStashed || $[171] !== setDictationToolbar || $[172] !== t51 || $[173] !== t58 || $[174] !== t59 || $[175] !== t60 || $[176] !== writable) {
-    t61 = /*#__PURE__*/_jsx(T1, {
+  let t63;
+  if ($[174] !== T1 || $[175] !== chatId || $[176] !== controls || $[177] !== info || $[178] !== providerFixed || $[179] !== restoreStashed || $[180] !== setDictationToolbar || $[181] !== t50 || $[182] !== t60 || $[183] !== t61 || $[184] !== t62 || $[185] !== writable) {
+    t63 = /*#__PURE__*/_jsx(T1, {
       chatId: chatId,
       info: info,
       providerFixed: providerFixed,
       writable: writable,
-      attachable: t51,
+      attachable: t50,
       controls: controls,
-      send: t58,
+      send: t60,
       dictationToolbar: setDictationToolbar,
-      onFiles: t59,
+      onFiles: t61,
       onRestore: restoreStashed,
-      insert: t60
+      insert: t62
     });
-    $[165] = T1;
-    $[166] = chatId;
-    $[167] = controls;
-    $[168] = info;
-    $[169] = providerFixed;
-    $[170] = restoreStashed;
-    $[171] = setDictationToolbar;
-    $[172] = t51;
-    $[173] = t58;
-    $[174] = t59;
-    $[175] = t60;
-    $[176] = writable;
-    $[177] = t61;
-  } else {
-    t61 = $[177];
+    $[174] = T1;
+    $[175] = chatId;
+    $[176] = controls;
+    $[177] = info;
+    $[178] = providerFixed;
+    $[179] = restoreStashed;
+    $[180] = setDictationToolbar;
+    $[181] = t50;
+    $[182] = t60;
+    $[183] = t61;
+    $[184] = t62;
+    $[185] = writable;
+    $[186] = t63;
+  } else {
+    t63 = $[186];
   }
-  let t62;
-  if ($[178] !== pointSurface || $[179] !== pressSurface || $[180] !== t36 || $[181] !== t37 || $[182] !== t39 || $[183] !== t40 || $[184] !== t41 || $[185] !== t42 || $[186] !== t43 || $[187] !== t44 || $[188] !== t48 || $[189] !== t49 || $[190] !== t50 || $[191] !== t61) {
-    t62 = /*#__PURE__*/_jsxs("div", {
-      className: t36,
+  let t64;
+  if ($[187] !== pointSurface || $[188] !== pressSurface || $[189] !== t35 || $[190] !== t36 || $[191] !== t38 || $[192] !== t39 || $[193] !== t40 || $[194] !== t41 || $[195] !== t42 || $[196] !== t43 || $[197] !== t47 || $[198] !== t48 || $[199] !== t49 || $[200] !== t63) {
+    t64 = /*#__PURE__*/_jsxs("div", {
+      className: t35,
       onPointerOver: pointSurface,
       onMouseDown: pressSurface,
-      children: [t37, t39, t40, t41, t42, t43, t44, t48, t49, t50, t61]
+      children: [t36, t38, t39, t40, t41, t42, t43, t47, t48, t49, t63]
     });
-    $[178] = pointSurface;
-    $[179] = pressSurface;
-    $[180] = t36;
-    $[181] = t37;
-    $[182] = t39;
-    $[183] = t40;
-    $[184] = t41;
-    $[185] = t42;
-    $[186] = t43;
-    $[187] = t44;
-    $[188] = t48;
-    $[189] = t49;
-    $[190] = t50;
-    $[191] = t61;
-    $[192] = t62;
-  } else {
-    t62 = $[192];
-  }
-  let t63;
-  if ($[193] !== T0 || $[194] !== answerPromptsElsewhere || $[195] !== chatId || $[196] !== disabled || $[197] !== focused || $[198] !== hold || $[199] !== pending || $[200] !== t32 || $[201] !== t33 || $[202] !== t34 || $[203] !== t62) {
-    t63 = /*#__PURE__*/_jsx(T0, {
+    $[187] = pointSurface;
+    $[188] = pressSurface;
+    $[189] = t35;
+    $[190] = t36;
+    $[191] = t38;
+    $[192] = t39;
+    $[193] = t40;
+    $[194] = t41;
+    $[195] = t42;
+    $[196] = t43;
+    $[197] = t47;
+    $[198] = t48;
+    $[199] = t49;
+    $[200] = t63;
+    $[201] = t64;
+  } else {
+    t64 = $[201];
+  }
+  let t65;
+  if ($[202] !== T0 || $[203] !== answerPromptsElsewhere || $[204] !== chatId || $[205] !== disabled || $[206] !== focused || $[207] !== hold || $[208] !== pending || $[209] !== t31 || $[210] !== t32 || $[211] !== t33 || $[212] !== t64) {
+    t65 = /*#__PURE__*/_jsx(T0, {
       chatId: chatId,
       pending: pending,
       focused: focused,
       onShowElsewhere: answerPromptsElsewhere,
       disabled: disabled,
-      hasDraft: t32,
-      denyReason: t33,
-      onAllAnswered: t34,
+      hasDraft: t31,
+      denyReason: t32,
+      onAllAnswered: t33,
       hold: hold,
-      children: t62
-    });
-    $[193] = T0;
-    $[194] = answerPromptsElsewhere;
-    $[195] = chatId;
-    $[196] = disabled;
-    $[197] = focused;
-    $[198] = hold;
-    $[199] = pending;
-    $[200] = t32;
-    $[201] = t33;
-    $[202] = t34;
-    $[203] = t62;
-    $[204] = t63;
-  } else {
-    t63 = $[204];
-  }
-  let t64;
-  if ($[205] !== files.dropTarget || $[206] !== t30 || $[207] !== t63) {
-    t64 = /*#__PURE__*/_jsx("div", {
-      className: t30,
-      ...t31,
-      children: t63
+      children: t64
     });
-    $[205] = files.dropTarget;
-    $[206] = t30;
-    $[207] = t63;
-    $[208] = t64;
-  } else {
-    t64 = $[208];
+    $[202] = T0;
+    $[203] = answerPromptsElsewhere;
+    $[204] = chatId;
+    $[205] = disabled;
+    $[206] = focused;
+    $[207] = hold;
+    $[208] = pending;
+    $[209] = t31;
+    $[210] = t32;
+    $[211] = t33;
+    $[212] = t64;
+    $[213] = t65;
+  } else {
+    t65 = $[213];
   }
-  const t65 = controls.confirmClear;
   let t66;
-  if ($[209] !== t) {
-    t66 = t("composer.clear.title");
-    $[209] = t;
-    $[210] = t66;
-  } else {
-    t66 = $[210];
-  }
-  let t67;
-  if ($[211] !== t) {
-    t67 = t("composer.clear.description");
-    $[211] = t;
-    $[212] = t67;
+  if ($[214] !== files.dropTarget || $[215] !== t29 || $[216] !== t65) {
+    t66 = /*#__PURE__*/_jsx("div", {
+      className: t29,
+      ...t30,
+      children: t65
+    });
+    $[214] = files.dropTarget;
+    $[215] = t29;
+    $[216] = t65;
+    $[217] = t66;
   } else {
-    t67 = $[212];
+    t66 = $[217];
   }
+  const t67 = controls.confirmClear;
   let t68;
-  if ($[213] !== t) {
-    t68 = t("composer.clear.confirm");
-    $[213] = t;
-    $[214] = t68;
+  if ($[218] !== t) {
+    t68 = t("composer.clear.title");
+    $[218] = t;
+    $[219] = t68;
   } else {
-    t68 = $[214];
+    t68 = $[219];
   }
   let t69;
-  if ($[215] !== t) {
-    t69 = t("composer.notice.clearFailed");
-    $[215] = t;
-    $[216] = t69;
+  if ($[220] !== t) {
+    t69 = t("composer.clear.description");
+    $[220] = t;
+    $[221] = t69;
   } else {
-    t69 = $[216];
+    t69 = $[221];
   }
   let t70;
-  if ($[217] !== controls.cancelClear || $[218] !== controls.confirmClear || $[219] !== controls.forceClearThread || $[220] !== t66 || $[221] !== t67 || $[222] !== t68 || $[223] !== t69) {
-    t70 = /*#__PURE__*/_jsx(PromptDialog, {
-      open: t65,
-      title: t66,
-      description: t67,
-      confirmLabel: t68,
+  if ($[222] !== t) {
+    t70 = t("composer.clear.confirm");
+    $[222] = t;
+    $[223] = t70;
+  } else {
+    t70 = $[223];
+  }
+  let t71;
+  if ($[224] !== t) {
+    t71 = t("composer.notice.clearFailed");
+    $[224] = t;
+    $[225] = t71;
+  } else {
+    t71 = $[225];
+  }
+  let t72;
+  if ($[226] !== controls.cancelClear || $[227] !== controls.confirmClear || $[228] !== controls.forceClearThread || $[229] !== t68 || $[230] !== t69 || $[231] !== t70 || $[232] !== t71) {
+    t72 = /*#__PURE__*/_jsx(PromptDialog, {
+      open: t67,
+      title: t68,
+      description: t69,
+      confirmLabel: t70,
       danger: true,
-      fallbackMessage: t69,
+      fallbackMessage: t71,
       onConfirm: controls.forceClearThread,
       onOpenChange: controls.cancelClear
     });
-    $[217] = controls.cancelClear;
-    $[218] = controls.confirmClear;
-    $[219] = controls.forceClearThread;
-    $[220] = t66;
-    $[221] = t67;
-    $[222] = t68;
-    $[223] = t69;
-    $[224] = t70;
-  } else {
-    t70 = $[224];
-  }
-  let t71;
-  if ($[225] !== t27 || $[226] !== t28 || $[227] !== t64 || $[228] !== t70) {
-    t71 = /*#__PURE__*/_jsxs("div", {
-      className: t26,
-      children: [t27, t28, t64, t70]
+    $[226] = controls.cancelClear;
+    $[227] = controls.confirmClear;
+    $[228] = controls.forceClearThread;
+    $[229] = t68;
+    $[230] = t69;
+    $[231] = t70;
+    $[232] = t71;
+    $[233] = t72;
+  } else {
+    t72 = $[233];
+  }
+  let t73;
+  if ($[234] !== t26 || $[235] !== t27 || $[236] !== t66 || $[237] !== t72) {
+    t73 = /*#__PURE__*/_jsxs("div", {
+      className: t25,
+      children: [t26, t27, t66, t72]
     });
-    $[225] = t27;
-    $[226] = t28;
-    $[227] = t64;
-    $[228] = t70;
-    $[229] = t71;
+    $[234] = t26;
+    $[235] = t27;
+    $[236] = t66;
+    $[237] = t72;
+    $[238] = t73;
   } else {
-    t71 = $[229];
+    t73 = $[238];
   }
-  return t71;
+  return t73;
 }
 function _temp4(event) {
   event.currentTarget.toggleAttribute("data-text-cursor", surfacePartOf(event.target, event.currentTarget) !== "action");