@adecore/agents-react 0.44.4 → 0.45.1

package/dist/chat/ui/Composer.js

@@ -55,7 +55,7 @@ function sendLabelKey(busy, steerable, delivery) {
   return delivery === 'steer' ? 'composer.steerButton' : 'composer.queueWithSteerButton';
 }
 export function Composer(t0) {
-  const $ = _c(239);
+  const $ = _c(246);
   const {
     chatId,
     info,
@@ -458,483 +458,501 @@ export function Composer(t0) {
     t29 = $[86];
   }
   const t30 = files.dropTarget;
-  const T0 = PromptComposer;
-  const t31 = !empty;
-  const t32 = capabilities?.denyReason === true;
-  let t33;
-  if ($[87] === Symbol.for("react.memo_cache_sentinel")) {
-    t33 = () => inputRef.current?.focus();
-    $[87] = t33;
+  let t31;
+  if ($[87] !== chatId || $[88] !== focused || $[89] !== host.ComposerHeaderSlot || $[90] !== scope.id || $[91] !== writable) {
+    t31 = host.ComposerHeaderSlot && /*#__PURE__*/_jsx(host.ComposerHeaderSlot, {
+      scopeId: scope.id,
+      chatId: chatId,
+      disabled: !writable,
+      focused: focused
+    });
+    $[87] = chatId;
+    $[88] = focused;
+    $[89] = host.ComposerHeaderSlot;
+    $[90] = scope.id;
+    $[91] = writable;
+    $[92] = t31;
   } else {
-    t33 = $[87];
+    t31 = $[92];
   }
-  const t34 = writable && "data-[text-cursor]:cursor-text";
-  let t35;
-  if ($[88] !== t34) {
-    t35 = clsx(t34);
-    $[88] = t34;
-    $[89] = t35;
+  const T0 = PromptComposer;
+  const t32 = !empty;
+  const t33 = capabilities?.denyReason === true;
+  let t34;
+  if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
+    t34 = () => inputRef.current?.focus();
+    $[93] = t34;
   } else {
-    t35 = $[89];
+    t34 = $[93];
   }
+  const t35 = writable && "data-[text-cursor]:cursor-text";
   let t36;
-  if ($[90] !== chatId || $[91] !== info) {
-    t36 = /*#__PURE__*/_jsx(LimitDock, {
+  if ($[94] !== t35) {
+    t36 = clsx(t35);
+    $[94] = t35;
+    $[95] = t36;
+  } else {
+    t36 = $[95];
+  }
+  let t37;
+  if ($[96] !== chatId || $[97] !== info) {
+    t37 = /*#__PURE__*/_jsx(LimitDock, {
       chatId: chatId,
       info: info
     });
-    $[90] = chatId;
-    $[91] = info;
-    $[92] = t36;
+    $[96] = chatId;
+    $[97] = info;
+    $[98] = t37;
   } else {
-    t36 = $[92];
+    t37 = $[98];
   }
-  const t37 = capabilities?.goals;
-  let t38;
-  if ($[93] !== chatId || $[94] !== info || $[95] !== t37) {
-    t38 = /*#__PURE__*/_jsx(GoalDock, {
+  const t38 = capabilities?.goals;
+  let t39;
+  if ($[99] !== chatId || $[100] !== info || $[101] !== t38) {
+    t39 = /*#__PURE__*/_jsx(GoalDock, {
       chatId: chatId,
       info: info,
-      goals: t37
+      goals: t38
     });
-    $[93] = chatId;
-    $[94] = info;
-    $[95] = t37;
-    $[96] = t38;
+    $[99] = chatId;
+    $[100] = info;
+    $[101] = t38;
+    $[102] = t39;
   } else {
-    t38 = $[96];
+    t39 = $[102];
   }
-  let t39;
-  if ($[97] !== chatId || $[98] !== compactionOffer || $[99] !== controls.compact || $[100] !== scope) {
-    t39 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
+  let t40;
+  if ($[103] !== chatId || $[104] !== compactionOffer || $[105] !== controls.compact || $[106] !== scope) {
+    t40 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
       tokens: compactionOffer.tokens,
       reason: compactionOffer.reason,
       onCompact: controls.compact,
       onDismiss: () => dismissResumeCompaction(scope, chatId, compactionOffer.turnId)
     });
-    $[97] = chatId;
-    $[98] = compactionOffer;
-    $[99] = controls.compact;
-    $[100] = scope;
-    $[101] = t39;
+    $[103] = chatId;
+    $[104] = compactionOffer;
+    $[105] = controls.compact;
+    $[106] = scope;
+    $[107] = t40;
   } else {
-    t39 = $[101];
+    t40 = $[107];
   }
-  let t40;
-  if ($[102] !== menus) {
-    t40 = /*#__PURE__*/_jsx(ComposerMenu, {
+  let t41;
+  if ($[108] !== menus) {
+    t41 = /*#__PURE__*/_jsx(ComposerMenu, {
       menus: menus
     });
-    $[102] = menus;
-    $[103] = t40;
+    $[108] = menus;
+    $[109] = t41;
   } else {
-    t40 = $[103];
+    t41 = $[109];
   }
-  let t41;
-  if ($[104] !== chatId || $[105] !== info.queuePaused || $[106] !== queue || $[107] !== takeBack || $[108] !== takingBack) {
-    t41 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
+  let t42;
+  if ($[110] !== chatId || $[111] !== info.queuePaused || $[112] !== queue || $[113] !== takeBack || $[114] !== takingBack) {
+    t42 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
       chatId: chatId,
       queue: queue,
       paused: info.queuePaused === true,
       takingBack: takingBack !== null,
       onEdit: message => void takeBack(message)
     });
-    $[104] = chatId;
-    $[105] = info.queuePaused;
-    $[106] = queue;
-    $[107] = takeBack;
-    $[108] = takingBack;
-    $[109] = t41;
+    $[110] = chatId;
+    $[111] = info.queuePaused;
+    $[112] = queue;
+    $[113] = takeBack;
+    $[114] = takingBack;
+    $[115] = t42;
   } else {
-    t41 = $[109];
+    t42 = $[115];
   }
-  let t42;
-  if ($[110] !== box.removeQuote || $[111] !== chatId || $[112] !== draft.quote || $[113] !== draft.quoteSource || $[114] !== notice || $[115] !== t) {
-    t42 = draft.quote !== "" && /*#__PURE__*/_jsx(DraftQuote, {
+  let t43;
+  if ($[116] !== box.removeQuote || $[117] !== chatId || $[118] !== draft.quote || $[119] !== draft.quoteSource || $[120] !== notice || $[121] !== t) {
+    t43 = draft.quote !== "" && /*#__PURE__*/_jsx(DraftQuote, {
       chatId: chatId,
       quote: draft.quote,
       source: draft.quoteSource,
       onRemove: box.removeQuote,
       onSourceGone: () => notice.setNotice(t("rows.user.quoteGone"), "info")
     });
-    $[110] = box.removeQuote;
-    $[111] = chatId;
-    $[112] = draft.quote;
-    $[113] = draft.quoteSource;
-    $[114] = notice;
-    $[115] = t;
-    $[116] = t42;
-  } else {
-    t42 = $[116];
-  }
-  let t43;
-  if ($[117] !== box.removeAttachment || $[118] !== draft.attachments) {
-    t43 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
+    $[116] = box.removeQuote;
+    $[117] = chatId;
+    $[118] = draft.quote;
+    $[119] = draft.quoteSource;
+    $[120] = notice;
+    $[121] = t;
+    $[122] = t43;
+  } else {
+    t43 = $[122];
+  }
+  let t44;
+  if ($[123] !== box.removeAttachment || $[124] !== draft.attachments) {
+    t44 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
       attachments: draft.attachments,
       onRemove: box.removeAttachment
     });
-    $[117] = box.removeAttachment;
-    $[118] = draft.attachments;
-    $[119] = t43;
+    $[123] = box.removeAttachment;
+    $[124] = draft.attachments;
+    $[125] = t44;
   } else {
-    t43 = $[119];
+    t44 = $[125];
   }
-  const t44 = !writable;
-  let t45;
-  if ($[120] !== box || $[121] !== history || $[122] !== hold || $[123] !== menus) {
-    t45 = (value, selection, state) => {
+  const t45 = !writable;
+  let t46;
+  if ($[126] !== box || $[127] !== history || $[128] !== hold || $[129] !== menus) {
+    t46 = (value, selection, state) => {
       hold.noteInput();
       box.setText(value);
       menus.setMenuIndex(0);
       menus.trackTriggers(value, selection, state);
       history.edited(value);
     };
-    $[120] = box;
-    $[121] = history;
-    $[122] = hold;
-    $[123] = menus;
-    $[124] = t45;
+    $[126] = box;
+    $[127] = history;
+    $[128] = hold;
+    $[129] = menus;
+    $[130] = t46;
   } else {
-    t45 = $[124];
+    t46 = $[130];
   }
-  let t46;
-  if ($[125] !== hold || $[126] !== menus) {
-    t46 = () => {
+  let t47;
+  if ($[131] !== hold || $[132] !== menus) {
+    t47 = () => {
       menus.close();
       hold.release("blur");
     };
-    $[125] = hold;
-    $[126] = menus;
-    $[127] = t46;
+    $[131] = hold;
+    $[132] = menus;
+    $[133] = t47;
   } else {
-    t46 = $[127];
+    t47 = $[133];
   }
-  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, {
+  let t48;
+  if ($[134] !== dictationToolbar || $[135] !== draft.text || $[136] !== editorExtensions || $[137] !== files.onCopy || $[138] !== files.onPaste || $[139] !== focused || $[140] !== hold.setComposing || $[141] !== menus.inputAria || $[142] !== menus.trackTriggers || $[143] !== onKeyDown || $[144] !== placeholder || $[145] !== t45 || $[146] !== t46 || $[147] !== t47) {
+    t48 = /*#__PURE__*/_jsx(ComposerInput, {
       ref: inputRef,
       dictationToolbar: dictationToolbar,
       className: "composer-input select-text text-sm leading-normal text-text",
       value: draft.text,
       placeholder: placeholder,
-      disabled: t44,
+      disabled: t45,
       tabbable: focused,
       extensions: editorExtensions,
       aria: menus.inputAria,
-      onChange: t45,
+      onChange: t46,
       onSelectionChange: menus.trackTriggers,
-      onBlur: t46,
+      onBlur: t47,
       onComposing: hold.setComposing,
       onKeyDown: onKeyDown,
       onPaste: files.onPaste,
       onCopy: files.onCopy
     });
-    $[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 t48;
-  if ($[143] !== notice.notice || $[144] !== notice.tone) {
-    t48 = notice.notice && /*#__PURE__*/_jsx("div", {
+    $[134] = dictationToolbar;
+    $[135] = draft.text;
+    $[136] = editorExtensions;
+    $[137] = files.onCopy;
+    $[138] = files.onPaste;
+    $[139] = focused;
+    $[140] = hold.setComposing;
+    $[141] = menus.inputAria;
+    $[142] = menus.trackTriggers;
+    $[143] = onKeyDown;
+    $[144] = placeholder;
+    $[145] = t45;
+    $[146] = t46;
+    $[147] = t47;
+    $[148] = t48;
+  } else {
+    t48 = $[148];
+  }
+  let t49;
+  if ($[149] !== notice.notice || $[150] !== notice.tone) {
+    t49 = 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
     });
-    $[143] = notice.notice;
-    $[144] = notice.tone;
-    $[145] = t48;
+    $[149] = notice.notice;
+    $[150] = notice.tone;
+    $[151] = t49;
   } else {
-    t48 = $[145];
+    t49 = $[151];
   }
-  const t49 = guard.visible && /*#__PURE__*/_jsxs("div", {
+  const t50 = 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 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];
-  }
+  const t51 = capabilities?.attachments !== false;
+  const t52 = !busy || !empty;
+  const t53 = empty || !writable || guard.tooLong;
+  const t54 = t(sendLabelKey(busy, steerable, sendDelivery));
   let t55;
-  if ($[149] !== submit) {
-    t55 = alternate => submit(alternate ? "alternate" : "default");
-    $[149] = submit;
-    $[150] = t55;
-  } else {
-    t55 = $[150];
-  }
-  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;
+  if ($[152] !== draft.text || $[153] !== sendKey) {
+    t55 = sendShortcut(sendKey, draft.text.includes("\n"));
     $[152] = draft.text;
-    $[153] = t58;
+    $[153] = sendKey;
+    $[154] = t55;
   } else {
-    t58 = $[153];
+    t55 = $[154];
   }
+  let t56;
+  if ($[155] !== submit) {
+    t56 = alternate => submit(alternate ? "alternate" : "default");
+    $[155] = submit;
+    $[156] = t56;
+  } else {
+    t56 = $[156];
+  }
+  const t57 = continuable !== null && continuable !== sentFor && empty && writable && pending.length === 0 && extraPrompts.length === 0 ? continueTurn : null;
+  const t58 = scope.id;
   let t59;
-  if ($[154] !== chatId || $[155] !== info.provider || $[156] !== info.runtimeMode || $[157] !== info.selection || $[158] !== scope.id || $[159] !== t58) {
-    t59 = {
-      scopeId: t57,
+  if ($[157] !== draft.quote || $[158] !== draft.text) {
+    t59 = withQuote(draft.quote, draft.text.trim());
+    $[157] = draft.quote;
+    $[158] = draft.text;
+    $[159] = t59;
+  } else {
+    t59 = $[159];
+  }
+  let t60;
+  if ($[160] !== chatId || $[161] !== info.provider || $[162] !== info.runtimeMode || $[163] !== info.selection || $[164] !== scope.id || $[165] !== t59) {
+    t60 = {
+      scopeId: t58,
       chatId,
-      text: t58,
+      text: t59,
       provider: info.provider,
       selection: info.selection,
       runtimeMode: info.runtimeMode
     };
-    $[154] = chatId;
-    $[155] = info.provider;
-    $[156] = info.runtimeMode;
-    $[157] = info.selection;
-    $[158] = scope.id;
-    $[159] = t58;
-    $[160] = t59;
+    $[160] = chatId;
+    $[161] = info.provider;
+    $[162] = info.runtimeMode;
+    $[163] = info.selection;
+    $[164] = scope.id;
+    $[165] = t59;
+    $[166] = t60;
   } else {
-    t59 = $[160];
+    t60 = $[166];
   }
-  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,
+  let t61;
+  if ($[167] !== sendActions || $[168] !== t52 || $[169] !== t53 || $[170] !== t54 || $[171] !== t55 || $[172] !== t56 || $[173] !== t57 || $[174] !== t60) {
+    t61 = {
+      visible: t52,
+      disabled: t53,
+      label: t54,
+      kbd: t55,
+      onSend: t56,
+      onContinue: t57,
       actions: sendActions,
-      draft: t59
+      draft: t60
     };
-    $[161] = sendActions;
-    $[162] = t51;
-    $[163] = t52;
-    $[164] = t53;
-    $[165] = t54;
-    $[166] = t55;
-    $[167] = t56;
-    $[168] = t59;
-    $[169] = t60;
-  } else {
-    t60 = $[169];
+    $[167] = sendActions;
+    $[168] = t52;
+    $[169] = t53;
+    $[170] = t54;
+    $[171] = t55;
+    $[172] = t56;
+    $[173] = t57;
+    $[174] = t60;
+    $[175] = t61;
+  } else {
+    t61 = $[175];
   }
-  let t61;
-  if ($[170] !== files) {
-    t61 = picked => {
+  let t62;
+  if ($[176] !== files) {
+    t62 = picked => {
       files.addFiles(picked);
       inputRef.current?.focus();
     };
-    $[170] = files;
-    $[171] = t61;
+    $[176] = files;
+    $[177] = t62;
   } else {
-    t61 = $[171];
+    t62 = $[177];
   }
-  let t62;
-  if ($[172] !== writable) {
-    t62 = added => {
+  let t63;
+  if ($[178] !== writable) {
+    t63 = added => {
       if (writable) {
         inputRef.current?.insert(added);
       }
     };
-    $[172] = writable;
-    $[173] = t62;
+    $[178] = writable;
+    $[179] = t63;
   } else {
-    t62 = $[173];
+    t63 = $[179];
   }
-  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, {
+  let t64;
+  if ($[180] !== T1 || $[181] !== chatId || $[182] !== controls || $[183] !== info || $[184] !== providerFixed || $[185] !== restoreStashed || $[186] !== setDictationToolbar || $[187] !== t51 || $[188] !== t61 || $[189] !== t62 || $[190] !== t63 || $[191] !== writable) {
+    t64 = /*#__PURE__*/_jsx(T1, {
       chatId: chatId,
       info: info,
       providerFixed: providerFixed,
       writable: writable,
-      attachable: t50,
+      attachable: t51,
       controls: controls,
-      send: t60,
+      send: t61,
       dictationToolbar: setDictationToolbar,
-      onFiles: t61,
+      onFiles: t62,
       onRestore: restoreStashed,
-      insert: t62
+      insert: t63
     });
-    $[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];
+    $[180] = T1;
+    $[181] = chatId;
+    $[182] = controls;
+    $[183] = info;
+    $[184] = providerFixed;
+    $[185] = restoreStashed;
+    $[186] = setDictationToolbar;
+    $[187] = t51;
+    $[188] = t61;
+    $[189] = t62;
+    $[190] = t63;
+    $[191] = writable;
+    $[192] = t64;
+  } else {
+    t64 = $[192];
   }
-  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,
+  let t65;
+  if ($[193] !== pointSurface || $[194] !== pressSurface || $[195] !== t36 || $[196] !== t37 || $[197] !== t39 || $[198] !== t40 || $[199] !== t41 || $[200] !== t42 || $[201] !== t43 || $[202] !== t44 || $[203] !== t48 || $[204] !== t49 || $[205] !== t50 || $[206] !== t64) {
+    t65 = /*#__PURE__*/_jsxs("div", {
+      className: t36,
       onPointerOver: pointSurface,
       onMouseDown: pressSurface,
-      children: [t36, t38, t39, t40, t41, t42, t43, t47, t48, t49, t63]
+      children: [t37, t39, t40, t41, t42, t43, t44, t48, t49, t50, t64]
     });
-    $[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];
+    $[193] = pointSurface;
+    $[194] = pressSurface;
+    $[195] = t36;
+    $[196] = t37;
+    $[197] = t39;
+    $[198] = t40;
+    $[199] = t41;
+    $[200] = t42;
+    $[201] = t43;
+    $[202] = t44;
+    $[203] = t48;
+    $[204] = t49;
+    $[205] = t50;
+    $[206] = t64;
+    $[207] = t65;
+  } else {
+    t65 = $[207];
   }
-  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, {
+  let t66;
+  if ($[208] !== T0 || $[209] !== answerPromptsElsewhere || $[210] !== chatId || $[211] !== disabled || $[212] !== focused || $[213] !== hold || $[214] !== pending || $[215] !== t32 || $[216] !== t33 || $[217] !== t34 || $[218] !== t65) {
+    t66 = /*#__PURE__*/_jsx(T0, {
       chatId: chatId,
       pending: pending,
       focused: focused,
       onShowElsewhere: answerPromptsElsewhere,
       disabled: disabled,
-      hasDraft: t31,
-      denyReason: t32,
-      onAllAnswered: t33,
+      hasDraft: t32,
+      denyReason: t33,
+      onAllAnswered: t34,
       hold: hold,
-      children: t64
+      children: t65
     });
-    $[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];
-  }
-  let t66;
-  if ($[214] !== files.dropTarget || $[215] !== t29 || $[216] !== t65) {
-    t66 = /*#__PURE__*/_jsx("div", {
+    $[208] = T0;
+    $[209] = answerPromptsElsewhere;
+    $[210] = chatId;
+    $[211] = disabled;
+    $[212] = focused;
+    $[213] = hold;
+    $[214] = pending;
+    $[215] = t32;
+    $[216] = t33;
+    $[217] = t34;
+    $[218] = t65;
+    $[219] = t66;
+  } else {
+    t66 = $[219];
+  }
+  let t67;
+  if ($[220] !== files.dropTarget || $[221] !== t29 || $[222] !== t31 || $[223] !== t66) {
+    t67 = /*#__PURE__*/_jsxs("div", {
       className: t29,
       ...t30,
-      children: t65
+      children: [t31, t66]
     });
-    $[214] = files.dropTarget;
-    $[215] = t29;
-    $[216] = t65;
-    $[217] = t66;
+    $[220] = files.dropTarget;
+    $[221] = t29;
+    $[222] = t31;
+    $[223] = t66;
+    $[224] = t67;
   } else {
-    t66 = $[217];
-  }
-  const t67 = controls.confirmClear;
-  let t68;
-  if ($[218] !== t) {
-    t68 = t("composer.clear.title");
-    $[218] = t;
-    $[219] = t68;
-  } else {
-    t68 = $[219];
+    t67 = $[224];
   }
+  const t68 = controls.confirmClear;
   let t69;
-  if ($[220] !== t) {
-    t69 = t("composer.clear.description");
-    $[220] = t;
-    $[221] = t69;
+  if ($[225] !== t) {
+    t69 = t("composer.clear.title");
+    $[225] = t;
+    $[226] = t69;
   } else {
-    t69 = $[221];
+    t69 = $[226];
   }
   let t70;
-  if ($[222] !== t) {
-    t70 = t("composer.clear.confirm");
-    $[222] = t;
-    $[223] = t70;
+  if ($[227] !== t) {
+    t70 = t("composer.clear.description");
+    $[227] = t;
+    $[228] = t70;
   } else {
-    t70 = $[223];
+    t70 = $[228];
   }
   let t71;
-  if ($[224] !== t) {
-    t71 = t("composer.notice.clearFailed");
-    $[224] = t;
-    $[225] = t71;
+  if ($[229] !== t) {
+    t71 = t("composer.clear.confirm");
+    $[229] = t;
+    $[230] = t71;
   } else {
-    t71 = $[225];
+    t71 = $[230];
   }
   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,
+  if ($[231] !== t) {
+    t72 = t("composer.notice.clearFailed");
+    $[231] = t;
+    $[232] = t72;
+  } else {
+    t72 = $[232];
+  }
+  let t73;
+  if ($[233] !== controls.cancelClear || $[234] !== controls.confirmClear || $[235] !== controls.forceClearThread || $[236] !== t69 || $[237] !== t70 || $[238] !== t71 || $[239] !== t72) {
+    t73 = /*#__PURE__*/_jsx(PromptDialog, {
+      open: t68,
+      title: t69,
+      description: t70,
+      confirmLabel: t71,
       danger: true,
-      fallbackMessage: t71,
+      fallbackMessage: t72,
       onConfirm: controls.forceClearThread,
       onOpenChange: controls.cancelClear
     });
-    $[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", {
+    $[233] = controls.cancelClear;
+    $[234] = controls.confirmClear;
+    $[235] = controls.forceClearThread;
+    $[236] = t69;
+    $[237] = t70;
+    $[238] = t71;
+    $[239] = t72;
+    $[240] = t73;
+  } else {
+    t73 = $[240];
+  }
+  let t74;
+  if ($[241] !== t26 || $[242] !== t27 || $[243] !== t67 || $[244] !== t73) {
+    t74 = /*#__PURE__*/_jsxs("div", {
       className: t25,
-      children: [t26, t27, t66, t72]
+      children: [t26, t27, t67, t73]
     });
-    $[234] = t26;
-    $[235] = t27;
-    $[236] = t66;
-    $[237] = t72;
-    $[238] = t73;
+    $[241] = t26;
+    $[242] = t27;
+    $[243] = t67;
+    $[244] = t73;
+    $[245] = t74;
   } else {
-    t73 = $[238];
+    t74 = $[245];
   }
-  return t73;
+  return t74;
 }
 function _temp4(event) {
   event.currentTarget.toggleAttribute("data-text-cursor", surfacePartOf(event.target, event.currentTarget) !== "action");