@adecore/agents-react 0.37.2 → 0.38.0

package/dist/chat/ui/Composer.js

@@ -25,7 +25,7 @@ import { ResumeCompactionDock } from './ResumeCompactionDock.js';
 import { chipDecorations } from './composer/chips.js';
 import { ComposerControls } from './composer/ComposerControls.js';
 import { ComposerMenu } from './composer/ComposerMenu.js';
-import { DraftAttachments, DraftChats, DraftQuote } from './composer/DraftParts.js';
+import { DraftAttachments, DraftQuote } from './composer/DraftParts.js';
 import { composerKeyHandler } from './composer/key-handler.js';
 import { useHintedPlaceholder } from './composer/placeholder.js';
 import { QueuedMessages } from './composer/QueuedMessages.js';
@@ -55,7 +55,7 @@ function sendLabelKey(busy, steerable, delivery) {
   return delivery === 'steer' ? 'composer.steerButton' : 'composer.queueWithSteerButton';
 }
 export function Composer(t0) {
-  const $ = _c(226);
+  const $ = _c(230);
   const {
     chatId,
     info,
@@ -120,79 +120,94 @@ export function Composer(t0) {
   const menus = useComposerMenus(t4);
   const t5 = provider?.name;
   let t6;
-  if ($[8] !== box || $[9] !== capabilities || $[10] !== notice.setNotice || $[11] !== t5 || $[12] !== writable) {
-    t6 = {
+  if ($[8] !== menus.referables.chatsOnly || $[9] !== menus.referables.items) {
+    t6 = menus.referables.chatsOnly ? menus.referables.items.filter(_temp2) : menus.referables.items;
+    $[8] = menus.referables.chatsOnly;
+    $[9] = menus.referables.items;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== box || $[12] !== capabilities || $[13] !== menus.referenceChips || $[14] !== menus.skillNames || $[15] !== notice.setNotice || $[16] !== t5 || $[17] !== t6 || $[18] !== writable) {
+    t7 = {
       capabilities,
       providerName: t5,
       writable,
       draft: box,
       inputRef,
-      setNotice: notice.setNotice
+      setNotice: notice.setNotice,
+      skills: menus.skillNames,
+      referables: t6,
+      referenceChips: menus.referenceChips
     };
-    $[8] = box;
-    $[9] = capabilities;
-    $[10] = notice.setNotice;
-    $[11] = t5;
-    $[12] = writable;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const files = useDraftFiles(t6);
-  let t7;
-  if ($[14] !== chatId || $[15] !== info || $[16] !== notice || $[17] !== onRetarget) {
-    t7 = {
+    $[11] = box;
+    $[12] = capabilities;
+    $[13] = menus.referenceChips;
+    $[14] = menus.skillNames;
+    $[15] = notice.setNotice;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = writable;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const files = useDraftFiles(t7);
+  let t8;
+  if ($[20] !== chatId || $[21] !== info || $[22] !== notice || $[23] !== onRetarget) {
+    t8 = {
       chatId,
       info,
       notice,
       onRetarget
     };
-    $[14] = chatId;
-    $[15] = info;
-    $[16] = notice;
-    $[17] = onRetarget;
-    $[18] = t7;
+    $[20] = chatId;
+    $[21] = info;
+    $[22] = notice;
+    $[23] = onRetarget;
+    $[24] = t8;
   } else {
-    t7 = $[18];
+    t8 = $[24];
   }
-  const controls = useChatControls(t7);
-  let t8;
-  if ($[19] !== info.selection || $[20] !== provider?.models) {
-    t8 = provider?.models.find(entry_0 => entry_0.slug === info.selection.model);
-    $[19] = info.selection;
-    $[20] = provider?.models;
-    $[21] = t8;
+  const controls = useChatControls(t8);
+  let t9;
+  if ($[25] !== info.selection || $[26] !== provider?.models) {
+    t9 = provider?.models.find(entry_0 => entry_0.slug === info.selection.model);
+    $[25] = info.selection;
+    $[26] = provider?.models;
+    $[27] = t9;
   } else {
-    t8 = $[21];
+    t9 = $[27];
   }
-  let t9;
-  if ($[22] !== chatId || $[23] !== controls || $[24] !== info || $[25] !== notice.setNotice || $[26] !== t8 || $[27] !== writable) {
-    t9 = {
+  let t10;
+  if ($[28] !== chatId || $[29] !== controls || $[30] !== info || $[31] !== notice.setNotice || $[32] !== t9 || $[33] !== writable) {
+    t10 = {
       chatId,
       info,
-      model: t8,
+      model: t9,
       writable,
       controls,
       setNotice: notice.setNotice
     };
-    $[22] = chatId;
-    $[23] = controls;
-    $[24] = info;
-    $[25] = notice.setNotice;
-    $[26] = t8;
-    $[27] = writable;
-    $[28] = t9;
+    $[28] = chatId;
+    $[29] = controls;
+    $[30] = info;
+    $[31] = notice.setNotice;
+    $[32] = t9;
+    $[33] = writable;
+    $[34] = t10;
   } else {
-    t9 = $[28];
+    t10 = $[34];
   }
-  useEffortStepper(t9);
+  useEffortStepper(t10);
   const guard = promptGuard(withQuote(draft.quote, draft.text));
   const continuable = useContinuableTurn(chatId, info);
   const [sentFor, setSentFor] = useState(null);
   const extraPrompts = useHostExtraPrompts(scope.id, chatId);
-  let t10;
-  if ($[29] !== continuable || $[30] !== onSend) {
-    t10 = (text, extras) => {
+  let t11;
+  if ($[35] !== continuable || $[36] !== onSend) {
+    t11 = (text, extras) => {
       setSentFor(continuable);
       const sent = onSend(text, extras);
       Promise.resolve(sent).then(taken => {
@@ -205,11 +220,11 @@ export function Composer(t0) {
       });
       return sent;
     };
-    $[29] = continuable;
-    $[30] = onSend;
-    $[31] = t10;
+    $[35] = continuable;
+    $[36] = onSend;
+    $[37] = t11;
   } else {
-    t10 = $[31];
+    t11 = $[37];
   }
   const {
     submit,
@@ -229,137 +244,139 @@ export function Composer(t0) {
     hold,
     inputRef,
     setNotice: notice.setNotice,
-    onSend: t10
+    onSend: t11
   });
-  let t11;
-  if ($[32] !== history) {
-    t11 = () => {
+  let t12;
+  if ($[38] !== history) {
+    t12 = () => {
       history.forget();
       inputRef.current?.focus();
     };
-    $[32] = history;
-    $[33] = t11;
+    $[38] = history;
+    $[39] = t12;
   } else {
-    t11 = $[33];
+    t12 = $[39];
   }
-  let t12;
-  if ($[34] !== box || $[35] !== chatId || $[36] !== notice.setNotice || $[37] !== t11) {
-    t12 = {
+  let t13;
+  if ($[40] !== box || $[41] !== chatId || $[42] !== notice.setNotice || $[43] !== t12) {
+    t13 = {
       chatId,
       draft: box,
       setNotice: notice.setNotice,
-      onTaken: t11
+      onTaken: t12
     };
-    $[34] = box;
-    $[35] = chatId;
-    $[36] = notice.setNotice;
-    $[37] = t11;
-    $[38] = t12;
+    $[40] = box;
+    $[41] = chatId;
+    $[42] = notice.setNotice;
+    $[43] = t12;
+    $[44] = t13;
   } else {
-    t12 = $[38];
+    t13 = $[44];
   }
   const {
     takingBack,
     takeBack
-  } = useTakeBack(t12);
+  } = useTakeBack(t13);
   const pending = usePendingRequests(chatId);
   const compactionOffer = useCompactionOffer(chatId, info, capabilities?.compaction);
-  const t13 = capabilities?.mentions !== false;
-  let t14;
-  if ($[39] !== chatId || $[40] !== disabled || $[41] !== menus.hasSkills || $[42] !== readOnly || $[43] !== t13) {
-    t14 = {
+  const t14 = capabilities?.mentions !== false;
+  let t15;
+  if ($[45] !== chatId || $[46] !== disabled || $[47] !== menus.hasSkills || $[48] !== readOnly || $[49] !== t14) {
+    t15 = {
       chatId,
       disabled,
       readOnly,
-      mentionable: t13,
+      mentionable: t14,
       hasSkills: menus.hasSkills
     };
-    $[39] = chatId;
-    $[40] = disabled;
-    $[41] = menus.hasSkills;
-    $[42] = readOnly;
-    $[43] = t13;
-    $[44] = t14;
+    $[45] = chatId;
+    $[46] = disabled;
+    $[47] = menus.hasSkills;
+    $[48] = readOnly;
+    $[49] = t14;
+    $[50] = t15;
   } else {
-    t14 = $[44];
+    t15 = $[50];
   }
-  const placeholder = useHintedPlaceholder(t14);
-  let t15;
-  if ($[45] !== draft.mentions || $[46] !== draft.skills) {
-    t15 = chipDecorations({
+  const placeholder = useHintedPlaceholder(t15);
+  let t16;
+  if ($[51] !== draft.mentions || $[52] !== draft.skills || $[53] !== menus.referenceChips) {
+    t16 = chipDecorations({
       mentions: draft.mentions,
-      skills: draft.skills
+      skills: draft.skills,
+      references: menus.referenceChips
     });
-    $[45] = draft.mentions;
-    $[46] = draft.skills;
-    $[47] = t15;
+    $[51] = draft.mentions;
+    $[52] = draft.skills;
+    $[53] = menus.referenceChips;
+    $[54] = t16;
   } else {
-    t15 = $[47];
+    t16 = $[54];
   }
-  let t16;
-  if ($[48] !== t15) {
-    t16 = [t15, LEAVE_DROPS_TO_THE_CARD];
-    $[48] = t15;
-    $[49] = t16;
-  } else {
-    t16 = $[49];
-  }
-  const editorExtensions = t16;
   let t17;
-  if ($[50] !== chatId) {
-    t17 = () => timelineAtEnd(chatId);
-    $[50] = chatId;
-    $[51] = t17;
+  if ($[55] !== t16) {
+    t17 = [t16, LEAVE_DROPS_TO_THE_CARD];
+    $[55] = t16;
+    $[56] = t17;
   } else {
-    t17 = $[51];
+    t17 = $[56];
   }
-  const atEnd = useSyncExternalStore(subscribeTimelineEnd, t17, _temp2);
+  const editorExtensions = t17;
   let t18;
-  if ($[52] !== info.queue) {
-    t18 = info.queue ?? [];
-    $[52] = info.queue;
-    $[53] = t18;
+  if ($[57] !== chatId) {
+    t18 = () => timelineAtEnd(chatId);
+    $[57] = chatId;
+    $[58] = t18;
   } else {
-    t18 = $[53];
+    t18 = $[58];
   }
-  const queue = t18;
+  const atEnd = useSyncExternalStore(subscribeTimelineEnd, t18, _temp3);
   let t19;
-  if ($[54] !== draft) {
-    t19 = isEmptyDraft(draft);
-    $[54] = draft;
-    $[55] = t19;
+  if ($[59] !== info.queue) {
+    t19 = info.queue ?? [];
+    $[59] = info.queue;
+    $[60] = t19;
   } else {
-    t19 = $[55];
+    t19 = $[60];
   }
-  const empty = t19;
+  const queue = t19;
   let t20;
+  if ($[61] !== draft) {
+    t20 = isEmptyDraft(draft);
+    $[61] = draft;
+    $[62] = t20;
+  } else {
+    t20 = $[62];
+  }
+  const empty = t20;
   let t21;
-  if ($[56] !== focused) {
-    t20 = () => {
+  let t22;
+  if ($[63] !== focused) {
+    t21 = () => {
       if (focused) {
         inputRef.current?.focus();
       }
     };
-    t21 = [focused];
-    $[56] = focused;
-    $[57] = t20;
-    $[58] = t21;
+    t22 = [focused];
+    $[63] = focused;
+    $[64] = t21;
+    $[65] = t22;
   } else {
-    t20 = $[57];
-    t21 = $[58];
+    t21 = $[64];
+    t22 = $[65];
   }
-  useEffect(t20, t21);
-  let t22;
-  if ($[59] !== box) {
-    t22 = next => box.setText(next);
-    $[59] = box;
-    $[60] = t22;
+  useEffect(t21, t22);
+  let t23;
+  if ($[66] !== box) {
+    t23 = next => box.setText(next);
+    $[66] = box;
+    $[67] = t23;
   } else {
-    t22 = $[60];
+    t23 = $[67];
   }
-  let t23;
-  if ($[61] !== chatId || $[62] !== draft.text || $[63] !== files.noteKey || $[64] !== history || $[65] !== host || $[66] !== menus || $[67] !== sendKey || $[68] !== submit || $[69] !== t22 || $[70] !== toggleStash) {
-    t23 = composerKeyHandler({
+  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({
       chatId,
       host,
       sendKey,
@@ -368,44 +385,44 @@ export function Composer(t0) {
       history,
       noteKey: files.noteKey,
       toggleStash,
-      setText: t22,
+      setText: t23,
       submit
     });
-    $[61] = chatId;
-    $[62] = draft.text;
-    $[63] = files.noteKey;
-    $[64] = history;
-    $[65] = host;
-    $[66] = menus;
-    $[67] = sendKey;
-    $[68] = submit;
-    $[69] = t22;
-    $[70] = toggleStash;
-    $[71] = t23;
-  } else {
-    t23 = $[71];
-  }
-  const onKeyDown = t23;
-  const pointSurface = _temp3;
-  let t24;
-  if ($[72] !== writable) {
-    t24 = event_0 => {
+    $[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;
+  const pointSurface = _temp4;
+  let t25;
+  if ($[79] !== writable) {
+    t25 = 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);
     };
-    $[72] = writable;
-    $[73] = t24;
+    $[79] = writable;
+    $[80] = t25;
   } else {
-    t24 = $[73];
+    t25 = $[80];
   }
-  const pressSurface = t24;
-  const t25 = "chat-composer-content pointer-events-none relative z-10 w-full";
-  let t26;
-  if ($[74] !== atEnd || $[75] !== chatId || $[76] !== readOnly || $[77] !== t) {
-    t26 = !atEnd && !readOnly && /*#__PURE__*/_jsx("div", {
+  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", {
       className: "absolute inset-x-0 bottom-full mb-2 flex justify-center",
       children: /*#__PURE__*/_jsx(Tooltip, {
         label: t("composer.jumpToEnd"),
@@ -422,170 +439,158 @@ export function Composer(t0) {
         })
       })
     });
-    $[74] = atEnd;
-    $[75] = chatId;
-    $[76] = readOnly;
-    $[77] = t;
-    $[78] = t26;
+    $[81] = atEnd;
+    $[82] = chatId;
+    $[83] = readOnly;
+    $[84] = t;
+    $[85] = t27;
   } else {
-    t26 = $[78];
+    t27 = $[85];
   }
-  let t27;
-  if ($[79] !== chatId) {
-    t27 = /*#__PURE__*/_jsx(ChatActivity, {
+  let t28;
+  if ($[86] !== chatId) {
+    t28 = /*#__PURE__*/_jsx(ChatActivity, {
       chatId: chatId
     });
-    $[79] = chatId;
-    $[80] = t27;
+    $[86] = chatId;
+    $[87] = t28;
   } else {
-    t27 = $[80];
+    t28 = $[87];
   }
-  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 ($[81] !== 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);
-    $[81] = t28;
-    $[82] = t29;
+  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;
   } else {
-    t29 = $[82];
+    t30 = $[89];
   }
-  const t30 = files.dropTarget;
+  const t31 = files.dropTarget;
   const T0 = PromptComposer;
-  const t31 = !empty;
-  const t32 = capabilities?.denyReason === true;
-  let t33;
-  if ($[83] === Symbol.for("react.memo_cache_sentinel")) {
-    t33 = () => inputRef.current?.focus();
-    $[83] = t33;
+  const t32 = !empty;
+  const t33 = capabilities?.denyReason === true;
+  let t34;
+  if ($[90] === Symbol.for("react.memo_cache_sentinel")) {
+    t34 = () => inputRef.current?.focus();
+    $[90] = t34;
   } else {
-    t33 = $[83];
+    t34 = $[90];
   }
-  const t34 = writable && "data-[text-cursor]:cursor-text";
-  let t35;
-  if ($[84] !== t34) {
-    t35 = clsx(t34);
-    $[84] = t34;
-    $[85] = t35;
+  const t35 = writable && "data-[text-cursor]:cursor-text";
+  let t36;
+  if ($[91] !== t35) {
+    t36 = clsx(t35);
+    $[91] = t35;
+    $[92] = t36;
   } else {
-    t35 = $[85];
+    t36 = $[92];
   }
-  let t36;
-  if ($[86] !== chatId || $[87] !== info) {
-    t36 = /*#__PURE__*/_jsx(LimitDock, {
+  let t37;
+  if ($[93] !== chatId || $[94] !== info) {
+    t37 = /*#__PURE__*/_jsx(LimitDock, {
       chatId: chatId,
       info: info
     });
-    $[86] = chatId;
-    $[87] = info;
-    $[88] = t36;
+    $[93] = chatId;
+    $[94] = info;
+    $[95] = t37;
   } else {
-    t36 = $[88];
+    t37 = $[95];
   }
-  const t37 = capabilities?.goals;
-  let t38;
-  if ($[89] !== chatId || $[90] !== info || $[91] !== t37) {
-    t38 = /*#__PURE__*/_jsx(GoalDock, {
+  const t38 = capabilities?.goals;
+  let t39;
+  if ($[96] !== chatId || $[97] !== info || $[98] !== t38) {
+    t39 = /*#__PURE__*/_jsx(GoalDock, {
       chatId: chatId,
       info: info,
-      goals: t37
+      goals: t38
     });
-    $[89] = chatId;
-    $[90] = info;
-    $[91] = t37;
-    $[92] = t38;
+    $[96] = chatId;
+    $[97] = info;
+    $[98] = t38;
+    $[99] = t39;
   } else {
-    t38 = $[92];
+    t39 = $[99];
   }
-  let t39;
-  if ($[93] !== chatId || $[94] !== compactionOffer || $[95] !== controls.compact || $[96] !== scope) {
-    t39 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
+  let t40;
+  if ($[100] !== chatId || $[101] !== compactionOffer || $[102] !== controls.compact || $[103] !== scope) {
+    t40 = compactionOffer && /*#__PURE__*/_jsx(ResumeCompactionDock, {
       tokens: compactionOffer.tokens,
       reason: compactionOffer.reason,
       onCompact: controls.compact,
       onDismiss: () => dismissResumeCompaction(scope, chatId, compactionOffer.turnId)
     });
-    $[93] = chatId;
-    $[94] = compactionOffer;
-    $[95] = controls.compact;
-    $[96] = scope;
-    $[97] = t39;
+    $[100] = chatId;
+    $[101] = compactionOffer;
+    $[102] = controls.compact;
+    $[103] = scope;
+    $[104] = t40;
   } else {
-    t39 = $[97];
+    t40 = $[104];
   }
-  let t40;
-  if ($[98] !== menus) {
-    t40 = /*#__PURE__*/_jsx(ComposerMenu, {
+  let t41;
+  if ($[105] !== menus) {
+    t41 = /*#__PURE__*/_jsx(ComposerMenu, {
       menus: menus
     });
-    $[98] = menus;
-    $[99] = t40;
+    $[105] = menus;
+    $[106] = t41;
   } else {
-    t40 = $[99];
+    t41 = $[106];
   }
-  let t41;
-  if ($[100] !== chatId || $[101] !== info.queuePaused || $[102] !== queue || $[103] !== takeBack || $[104] !== takingBack) {
-    t41 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
+  let t42;
+  if ($[107] !== chatId || $[108] !== info.queuePaused || $[109] !== queue || $[110] !== takeBack || $[111] !== takingBack) {
+    t42 = queue.length > 0 && /*#__PURE__*/_jsx(QueuedMessages, {
       chatId: chatId,
       queue: queue,
       paused: info.queuePaused === true,
       takingBack: takingBack !== null,
       onEdit: message => void takeBack(message)
     });
-    $[100] = chatId;
-    $[101] = info.queuePaused;
-    $[102] = queue;
-    $[103] = takeBack;
-    $[104] = takingBack;
-    $[105] = t41;
+    $[107] = chatId;
+    $[108] = info.queuePaused;
+    $[109] = queue;
+    $[110] = takeBack;
+    $[111] = takingBack;
+    $[112] = t42;
   } else {
-    t41 = $[105];
+    t42 = $[112];
   }
-  let t42;
-  if ($[106] !== box.removeQuote || $[107] !== chatId || $[108] !== draft.quote || $[109] !== draft.quoteSource || $[110] !== notice || $[111] !== t) {
-    t42 = draft.quote !== "" && /*#__PURE__*/_jsx(DraftQuote, {
+  let t43;
+  if ($[113] !== box.removeQuote || $[114] !== chatId || $[115] !== draft.quote || $[116] !== draft.quoteSource || $[117] !== notice || $[118] !== 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")
     });
-    $[106] = box.removeQuote;
-    $[107] = chatId;
-    $[108] = draft.quote;
-    $[109] = draft.quoteSource;
-    $[110] = notice;
-    $[111] = t;
-    $[112] = t42;
-  } else {
-    t42 = $[112];
-  }
-  let t43;
-  if ($[113] !== box.removeChat || $[114] !== draft.chats) {
-    t43 = draft.chats.length > 0 && /*#__PURE__*/_jsx(DraftChats, {
-      chats: draft.chats,
-      onRemove: box.removeChat
-    });
-    $[113] = box.removeChat;
-    $[114] = draft.chats;
-    $[115] = t43;
+    $[113] = box.removeQuote;
+    $[114] = chatId;
+    $[115] = draft.quote;
+    $[116] = draft.quoteSource;
+    $[117] = notice;
+    $[118] = t;
+    $[119] = t43;
   } else {
-    t43 = $[115];
+    t43 = $[119];
   }
   let t44;
-  if ($[116] !== box.removeAttachment || $[117] !== draft.attachments) {
+  if ($[120] !== box.removeAttachment || $[121] !== draft.attachments) {
     t44 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
       attachments: draft.attachments,
       onRemove: box.removeAttachment
     });
-    $[116] = box.removeAttachment;
-    $[117] = draft.attachments;
-    $[118] = t44;
+    $[120] = box.removeAttachment;
+    $[121] = draft.attachments;
+    $[122] = t44;
   } else {
-    t44 = $[118];
+    t44 = $[122];
   }
   const t45 = !writable;
   let t46;
-  if ($[119] !== box || $[120] !== history || $[121] !== hold || $[122] !== menus) {
+  if ($[123] !== box || $[124] !== history || $[125] !== hold || $[126] !== menus) {
     t46 = (value, selection, state) => {
       hold.noteInput();
       box.setText(value);
@@ -593,28 +598,28 @@ export function Composer(t0) {
       menus.trackTriggers(value, selection, state);
       history.edited(value);
     };
-    $[119] = box;
-    $[120] = history;
-    $[121] = hold;
-    $[122] = menus;
-    $[123] = t46;
+    $[123] = box;
+    $[124] = history;
+    $[125] = hold;
+    $[126] = menus;
+    $[127] = t46;
   } else {
-    t46 = $[123];
+    t46 = $[127];
   }
   let t47;
-  if ($[124] !== hold || $[125] !== menus) {
+  if ($[128] !== hold || $[129] !== menus) {
     t47 = () => {
       menus.close();
       hold.release("blur");
     };
-    $[124] = hold;
-    $[125] = menus;
-    $[126] = t47;
+    $[128] = hold;
+    $[129] = menus;
+    $[130] = t47;
   } else {
-    t47 = $[126];
+    t47 = $[130];
   }
   let t48;
-  if ($[127] !== dictationToolbar || $[128] !== draft.text || $[129] !== editorExtensions || $[130] !== files.onPaste || $[131] !== focused || $[132] !== hold.setComposing || $[133] !== menus.inputAria || $[134] !== menus.trackTriggers || $[135] !== onKeyDown || $[136] !== placeholder || $[137] !== t45 || $[138] !== t46 || $[139] !== t47) {
+  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, {
       ref: inputRef,
       dictationToolbar: dictationToolbar,
@@ -630,37 +635,39 @@ export function Composer(t0) {
       onBlur: t47,
       onComposing: hold.setComposing,
       onKeyDown: onKeyDown,
-      onPaste: files.onPaste
+      onPaste: files.onPaste,
+      onCopy: files.onCopy
     });
-    $[127] = dictationToolbar;
-    $[128] = draft.text;
-    $[129] = editorExtensions;
-    $[130] = files.onPaste;
-    $[131] = focused;
-    $[132] = hold.setComposing;
-    $[133] = menus.inputAria;
-    $[134] = menus.trackTriggers;
-    $[135] = onKeyDown;
-    $[136] = placeholder;
-    $[137] = t45;
-    $[138] = t46;
-    $[139] = t47;
-    $[140] = t48;
-  } else {
-    t48 = $[140];
+    $[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];
   }
   let t49;
-  if ($[141] !== notice.notice || $[142] !== notice.tone) {
+  if ($[146] !== notice.notice || $[147] !== 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
     });
-    $[141] = notice.notice;
-    $[142] = notice.tone;
-    $[143] = t49;
+    $[146] = notice.notice;
+    $[147] = notice.tone;
+    $[148] = t49;
   } else {
-    t49 = $[143];
+    t49 = $[148];
   }
   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"),
@@ -672,25 +679,25 @@ export function Composer(t0) {
   const t53 = empty || !writable || guard.tooLong;
   const t54 = t(sendLabelKey(busy, steerable, sendDelivery));
   let t55;
-  if ($[144] !== draft.text || $[145] !== sendKey) {
+  if ($[149] !== draft.text || $[150] !== sendKey) {
     t55 = sendShortcut(sendKey, draft.text.includes("\n"));
-    $[144] = draft.text;
-    $[145] = sendKey;
-    $[146] = t55;
+    $[149] = draft.text;
+    $[150] = sendKey;
+    $[151] = t55;
   } else {
-    t55 = $[146];
+    t55 = $[151];
   }
   let t56;
-  if ($[147] !== submit) {
+  if ($[152] !== submit) {
     t56 = alternate => submit(alternate ? "alternate" : "default");
-    $[147] = submit;
-    $[148] = t56;
+    $[152] = submit;
+    $[153] = t56;
   } else {
-    t56 = $[148];
+    t56 = $[153];
   }
   const t57 = continuable !== null && continuable !== sentFor && empty && writable && pending.length === 0 && extraPrompts.length === 0 ? continueTurn : null;
   let t58;
-  if ($[149] !== t52 || $[150] !== t53 || $[151] !== t54 || $[152] !== t55 || $[153] !== t56 || $[154] !== t57) {
+  if ($[154] !== t52 || $[155] !== t53 || $[156] !== t54 || $[157] !== t55 || $[158] !== t56 || $[159] !== t57) {
     t58 = {
       visible: t52,
       disabled: t53,
@@ -699,41 +706,41 @@ export function Composer(t0) {
       onSend: t56,
       onContinue: t57
     };
-    $[149] = t52;
-    $[150] = t53;
-    $[151] = t54;
-    $[152] = t55;
-    $[153] = t56;
-    $[154] = t57;
-    $[155] = t58;
+    $[154] = t52;
+    $[155] = t53;
+    $[156] = t54;
+    $[157] = t55;
+    $[158] = t56;
+    $[159] = t57;
+    $[160] = t58;
   } else {
-    t58 = $[155];
+    t58 = $[160];
   }
   let t59;
-  if ($[156] !== files) {
+  if ($[161] !== files) {
     t59 = picked => {
       files.addFiles(picked);
       inputRef.current?.focus();
     };
-    $[156] = files;
-    $[157] = t59;
+    $[161] = files;
+    $[162] = t59;
   } else {
-    t59 = $[157];
+    t59 = $[162];
   }
   let t60;
-  if ($[158] !== writable) {
+  if ($[163] !== writable) {
     t60 = added => {
       if (writable) {
         inputRef.current?.insert(added);
       }
     };
-    $[158] = writable;
-    $[159] = t60;
+    $[163] = writable;
+    $[164] = t60;
   } else {
-    t60 = $[159];
+    t60 = $[164];
   }
   let t61;
-  if ($[160] !== T1 || $[161] !== chatId || $[162] !== controls || $[163] !== info || $[164] !== providerFixed || $[165] !== restoreStashed || $[166] !== setDictationToolbar || $[167] !== t51 || $[168] !== t58 || $[169] !== t59 || $[170] !== t60 || $[171] !== writable) {
+  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, {
       chatId: chatId,
       info: info,
@@ -747,127 +754,126 @@ export function Composer(t0) {
       onRestore: restoreStashed,
       insert: t60
     });
-    $[160] = T1;
-    $[161] = chatId;
-    $[162] = controls;
-    $[163] = info;
-    $[164] = providerFixed;
-    $[165] = restoreStashed;
-    $[166] = setDictationToolbar;
-    $[167] = t51;
-    $[168] = t58;
-    $[169] = t59;
-    $[170] = t60;
-    $[171] = writable;
-    $[172] = t61;
-  } else {
-    t61 = $[172];
+    $[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];
   }
   let t62;
-  if ($[173] !== pointSurface || $[174] !== pressSurface || $[175] !== t35 || $[176] !== t36 || $[177] !== t38 || $[178] !== t39 || $[179] !== t40 || $[180] !== t41 || $[181] !== t42 || $[182] !== t43 || $[183] !== t44 || $[184] !== t48 || $[185] !== t49 || $[186] !== t50 || $[187] !== t61) {
+  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: t35,
+      className: t36,
       onPointerOver: pointSurface,
       onMouseDown: pressSurface,
-      children: [t36, t38, t39, t40, t41, t42, t43, t44, t48, t49, t50, t61]
+      children: [t37, t39, t40, t41, t42, t43, t44, t48, t49, t50, t61]
     });
-    $[173] = pointSurface;
-    $[174] = pressSurface;
-    $[175] = t35;
-    $[176] = t36;
-    $[177] = t38;
-    $[178] = t39;
-    $[179] = t40;
-    $[180] = t41;
-    $[181] = t42;
-    $[182] = t43;
-    $[183] = t44;
-    $[184] = t48;
-    $[185] = t49;
-    $[186] = t50;
-    $[187] = t61;
-    $[188] = t62;
-  } else {
-    t62 = $[188];
+    $[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 ($[189] !== T0 || $[190] !== answerPromptsElsewhere || $[191] !== chatId || $[192] !== disabled || $[193] !== focused || $[194] !== hold || $[195] !== pending || $[196] !== t31 || $[197] !== t32 || $[198] !== t33 || $[199] !== t62) {
+  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, {
       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: t62
     });
-    $[189] = T0;
-    $[190] = answerPromptsElsewhere;
-    $[191] = chatId;
-    $[192] = disabled;
-    $[193] = focused;
-    $[194] = hold;
-    $[195] = pending;
-    $[196] = t31;
-    $[197] = t32;
-    $[198] = t33;
-    $[199] = t62;
-    $[200] = t63;
-  } else {
-    t63 = $[200];
+    $[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 ($[201] !== files.dropTarget || $[202] !== t29 || $[203] !== t63) {
+  if ($[205] !== files.dropTarget || $[206] !== t30 || $[207] !== t63) {
     t64 = /*#__PURE__*/_jsx("div", {
-      className: t29,
-      ...t30,
+      className: t30,
+      ...t31,
       children: t63
     });
-    $[201] = files.dropTarget;
-    $[202] = t29;
-    $[203] = t63;
-    $[204] = t64;
+    $[205] = files.dropTarget;
+    $[206] = t30;
+    $[207] = t63;
+    $[208] = t64;
   } else {
-    t64 = $[204];
+    t64 = $[208];
   }
   const t65 = controls.confirmClear;
   let t66;
-  if ($[205] !== t) {
+  if ($[209] !== t) {
     t66 = t("composer.clear.title");
-    $[205] = t;
-    $[206] = t66;
+    $[209] = t;
+    $[210] = t66;
   } else {
-    t66 = $[206];
+    t66 = $[210];
   }
   let t67;
-  if ($[207] !== t) {
+  if ($[211] !== t) {
     t67 = t("composer.clear.description");
-    $[207] = t;
-    $[208] = t67;
+    $[211] = t;
+    $[212] = t67;
   } else {
-    t67 = $[208];
+    t67 = $[212];
   }
   let t68;
-  if ($[209] !== t) {
+  if ($[213] !== t) {
     t68 = t("composer.clear.confirm");
-    $[209] = t;
-    $[210] = t68;
+    $[213] = t;
+    $[214] = t68;
   } else {
-    t68 = $[210];
+    t68 = $[214];
   }
   let t69;
-  if ($[211] !== t) {
+  if ($[215] !== t) {
     t69 = t("composer.notice.clearFailed");
-    $[211] = t;
-    $[212] = t69;
+    $[215] = t;
+    $[216] = t69;
   } else {
-    t69 = $[212];
+    t69 = $[216];
   }
   let t70;
-  if ($[213] !== controls.cancelClear || $[214] !== controls.confirmClear || $[215] !== controls.forceClearThread || $[216] !== t66 || $[217] !== t67 || $[218] !== t68 || $[219] !== t69) {
+  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,
@@ -878,39 +884,42 @@ export function Composer(t0) {
       onConfirm: controls.forceClearThread,
       onOpenChange: controls.cancelClear
     });
-    $[213] = controls.cancelClear;
-    $[214] = controls.confirmClear;
-    $[215] = controls.forceClearThread;
-    $[216] = t66;
-    $[217] = t67;
-    $[218] = t68;
-    $[219] = t69;
-    $[220] = t70;
+    $[217] = controls.cancelClear;
+    $[218] = controls.confirmClear;
+    $[219] = controls.forceClearThread;
+    $[220] = t66;
+    $[221] = t67;
+    $[222] = t68;
+    $[223] = t69;
+    $[224] = t70;
   } else {
-    t70 = $[220];
+    t70 = $[224];
   }
   let t71;
-  if ($[221] !== t26 || $[222] !== t27 || $[223] !== t64 || $[224] !== t70) {
+  if ($[225] !== t27 || $[226] !== t28 || $[227] !== t64 || $[228] !== t70) {
     t71 = /*#__PURE__*/_jsxs("div", {
-      className: t25,
-      children: [t26, t27, t64, t70]
+      className: t26,
+      children: [t27, t28, t64, t70]
     });
-    $[221] = t26;
-    $[222] = t27;
-    $[223] = t64;
-    $[224] = t70;
-    $[225] = t71;
+    $[225] = t27;
+    $[226] = t28;
+    $[227] = t64;
+    $[228] = t70;
+    $[229] = t71;
   } else {
-    t71 = $[225];
+    t71 = $[229];
   }
   return t71;
 }
-function _temp3(event) {
+function _temp4(event) {
   event.currentTarget.toggleAttribute("data-text-cursor", surfacePartOf(event.target, event.currentTarget) !== "action");
 }
-function _temp2() {
+function _temp3() {
   return true;
 }
+function _temp2(item) {
+  return item.kind === "chat";
+}
 function _temp(preferences) {
   return preferences.sendKey;
 }