@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/Composer.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
 import { ChevronDown } from 'lucide-react';
@@ -34,6 +34,7 @@ import { useCompactionOffer } from './composer/use-compaction-offer.js';
 import { useComposerDraft } from './composer/use-composer-draft.js';
 import { useComposerMenus } from './composer/use-composer-menus.js';
 import { useComposerSubmit } from './composer/use-composer-submit.js';
+import { useEffortStepper } from './composer/use-effort-stepper.js';
 import { LEAVE_DROPS_TO_THE_CARD, useDraftFiles } from './composer/use-draft-files.js';
 import { useContinuableTurn } from './composer/use-continuable-turn.js';
 import { useNotice } from './composer/use-notice.js';
@@ -42,141 +43,874 @@ 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function sendLabelKey(busy, steerable, delivery) {
-    if (!busy) {
-        return 'composer.send';
-    }
-    if (!steerable) {
-        return 'composer.queueButton';
-    }
-    return delivery === 'steer' ? 'composer.steerButton' : 'composer.queueWithSteerButton';
+  if (!busy) {
+    return 'composer.send';
+  }
+  if (!steerable) {
+    return 'composer.queueButton';
+  }
+  return delivery === 'steer' ? 'composer.steerButton' : 'composer.queueWithSteerButton';
 }
-export function Composer({ chatId, info, focused, answerPromptsElsewhere, disabled, readOnly = false, providerFixed, onSend, onRetarget }) {
-    const { t } = useTranslation('agent-chat');
-    const host = useChatHost();
-    const scope = useChatScope();
-    const sendDelivery = host.useSendDelivery();
-    const sendKey = useChatPreferences((preferences) => preferences.sendKey);
-    const provider = useProviders((row) => row.providers.find((entry) => entry.kind === info.provider));
-    // Absent until the host answered `provider.list`, so only an explicit false hides anything.
-    const capabilities = provider?.capabilities;
-    const steerable = canSteer(capabilities);
-    const writable = !disabled && !readOnly;
-    const busy = info.activeTurnId !== null;
-    const inputRef = useRef(null);
-    const [dictationToolbar, setDictationToolbar] = useState(null);
-    const hold = usePromptHold();
-    const box = useComposerDraft(chatId, inputRef);
-    const { draft } = box;
-    const notice = useNotice();
-    const history = usePromptHistory(chatId, box.setText);
-    const menus = useComposerMenus({ chatId, info, capabilities, providerName: provider?.name, draft: box, inputRef });
-    const files = useDraftFiles({ capabilities, providerName: provider?.name, writable, draft: box, inputRef, setNotice: notice.setNotice });
-    const controls = useChatControls({ chatId, info, notice, onRetarget });
-    const guard = promptGuard(withQuote(draft.quote, draft.text));
-    const continuable = useContinuableTurn(chatId, info);
-    // The stopped turn something went out for, since the chat takes a moment to answer and Continue must not stand there meanwhile.
-    const [sentFor, setSentFor] = useState(null);
-    const extraPrompts = host.prompts.useExtra(scope.id, chatId);
-    const { submit, continueTurn, restoreStashed, toggleStash } = useComposerSubmit({
-        chatId,
-        writable,
-        guard,
-        steerable,
-        sendDelivery,
-        draft: box,
-        menus,
-        controls,
-        history,
-        hold,
-        inputRef,
-        setNotice: notice.setNotice,
-        onSend: (text, extras) => {
-            setSentFor(continuable);
-            const sent = onSend(text, extras);
-            // A send the host did not take leaves Continue where it was; the original promise still reaches its caller.
-            void Promise.resolve(sent).then((taken) => {
-                if (taken === false) {
-                    setSentFor(null);
-                }
-            }, (error) => {
-                setSentFor(null);
-                throw error;
-            });
-            return sent;
+export function Composer(t0) {
+  const $ = _c(226);
+  const {
+    chatId,
+    info,
+    focused,
+    answerPromptsElsewhere,
+    disabled,
+    readOnly: t1,
+    providerFixed,
+    onSend,
+    onRetarget
+  } = t0;
+  const readOnly = t1 === undefined ? false : t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const host = useChatHost();
+  const scope = useChatScope();
+  const sendDelivery = useHostSendDelivery();
+  const sendKey = useChatPreferences(_temp);
+  let t2;
+  if ($[0] !== info.provider) {
+    t2 = row => row.providers.find(entry => entry.kind === info.provider);
+    $[0] = info.provider;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const provider = useProviders(t2);
+  const capabilities = provider?.capabilities;
+  const steerable = canSteer(capabilities);
+  const writable = !disabled && !readOnly;
+  const busy = info.activeTurnId !== null;
+  const inputRef = useRef(null);
+  const [dictationToolbar, setDictationToolbar] = useState(null);
+  const hold = usePromptHold();
+  const box = useComposerDraft(chatId, inputRef);
+  const {
+    draft
+  } = box;
+  const notice = useNotice();
+  const history = usePromptHistory(chatId, box.setText);
+  const t3 = provider?.name;
+  let t4;
+  if ($[2] !== box || $[3] !== capabilities || $[4] !== chatId || $[5] !== info || $[6] !== t3) {
+    t4 = {
+      chatId,
+      info,
+      capabilities,
+      providerName: t3,
+      draft: box,
+      inputRef
+    };
+    $[2] = box;
+    $[3] = capabilities;
+    $[4] = chatId;
+    $[5] = info;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const menus = useComposerMenus(t4);
+  const t5 = provider?.name;
+  let t6;
+  if ($[8] !== box || $[9] !== capabilities || $[10] !== notice.setNotice || $[11] !== t5 || $[12] !== writable) {
+    t6 = {
+      capabilities,
+      providerName: t5,
+      writable,
+      draft: box,
+      inputRef,
+      setNotice: notice.setNotice
+    };
+    $[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 = {
+      chatId,
+      info,
+      notice,
+      onRetarget
+    };
+    $[14] = chatId;
+    $[15] = info;
+    $[16] = notice;
+    $[17] = onRetarget;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  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;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== chatId || $[23] !== controls || $[24] !== info || $[25] !== notice.setNotice || $[26] !== t8 || $[27] !== writable) {
+    t9 = {
+      chatId,
+      info,
+      model: t8,
+      writable,
+      controls,
+      setNotice: notice.setNotice
+    };
+    $[22] = chatId;
+    $[23] = controls;
+    $[24] = info;
+    $[25] = notice.setNotice;
+    $[26] = t8;
+    $[27] = writable;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  useEffortStepper(t9);
+  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) => {
+      setSentFor(continuable);
+      const sent = onSend(text, extras);
+      Promise.resolve(sent).then(taken => {
+        if (taken === false) {
+          setSentFor(null);
         }
+      }, error => {
+        setSentFor(null);
+        throw error;
+      });
+      return sent;
+    };
+    $[29] = continuable;
+    $[30] = onSend;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  const {
+    submit,
+    continueTurn,
+    restoreStashed,
+    toggleStash
+  } = useComposerSubmit({
+    chatId,
+    writable,
+    guard,
+    steerable,
+    sendDelivery,
+    draft: box,
+    menus,
+    controls,
+    history,
+    hold,
+    inputRef,
+    setNotice: notice.setNotice,
+    onSend: t10
+  });
+  let t11;
+  if ($[32] !== history) {
+    t11 = () => {
+      history.forget();
+      inputRef.current?.focus();
+    };
+    $[32] = history;
+    $[33] = t11;
+  } else {
+    t11 = $[33];
+  }
+  let t12;
+  if ($[34] !== box || $[35] !== chatId || $[36] !== notice.setNotice || $[37] !== t11) {
+    t12 = {
+      chatId,
+      draft: box,
+      setNotice: notice.setNotice,
+      onTaken: t11
+    };
+    $[34] = box;
+    $[35] = chatId;
+    $[36] = notice.setNotice;
+    $[37] = t11;
+    $[38] = t12;
+  } else {
+    t12 = $[38];
+  }
+  const {
+    takingBack,
+    takeBack
+  } = useTakeBack(t12);
+  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 = {
+      chatId,
+      disabled,
+      readOnly,
+      mentionable: t13,
+      hasSkills: menus.hasSkills
+    };
+    $[39] = chatId;
+    $[40] = disabled;
+    $[41] = menus.hasSkills;
+    $[42] = readOnly;
+    $[43] = t13;
+    $[44] = t14;
+  } else {
+    t14 = $[44];
+  }
+  const placeholder = useHintedPlaceholder(t14);
+  let t15;
+  if ($[45] !== draft.mentions || $[46] !== draft.skills) {
+    t15 = chipDecorations({
+      mentions: draft.mentions,
+      skills: draft.skills
     });
-    const { takingBack, takeBack } = useTakeBack({
-        chatId,
-        draft: box,
-        setNotice: notice.setNotice,
-        onTaken: () => {
-            history.forget();
-            inputRef.current?.focus();
-        }
+    $[45] = draft.mentions;
+    $[46] = draft.skills;
+    $[47] = t15;
+  } else {
+    t15 = $[47];
+  }
+  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;
+  } else {
+    t17 = $[51];
+  }
+  const atEnd = useSyncExternalStore(subscribeTimelineEnd, t17, _temp2);
+  let t18;
+  if ($[52] !== info.queue) {
+    t18 = info.queue ?? [];
+    $[52] = info.queue;
+    $[53] = t18;
+  } else {
+    t18 = $[53];
+  }
+  const queue = t18;
+  let t19;
+  if ($[54] !== draft) {
+    t19 = isEmptyDraft(draft);
+    $[54] = draft;
+    $[55] = t19;
+  } else {
+    t19 = $[55];
+  }
+  const empty = t19;
+  let t20;
+  let t21;
+  if ($[56] !== focused) {
+    t20 = () => {
+      if (focused) {
+        inputRef.current?.focus();
+      }
+    };
+    t21 = [focused];
+    $[56] = focused;
+    $[57] = t20;
+    $[58] = t21;
+  } else {
+    t20 = $[57];
+    t21 = $[58];
+  }
+  useEffect(t20, t21);
+  let t22;
+  if ($[59] !== box) {
+    t22 = next => box.setText(next);
+    $[59] = box;
+    $[60] = t22;
+  } else {
+    t22 = $[60];
+  }
+  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({
+      chatId,
+      host,
+      sendKey,
+      text: draft.text,
+      menus,
+      history,
+      noteKey: files.noteKey,
+      toggleStash,
+      setText: t22,
+      submit
     });
-    const pending = usePendingRequests(chatId);
-    const compactionOffer = useCompactionOffer(chatId, info, capabilities?.compaction);
-    const placeholder = useHintedPlaceholder({ chatId, disabled, readOnly, mentionable: capabilities?.mentions !== false, hasSkills: menus.hasSkills });
-    const editorExtensions = useMemo(() => [chipDecorations({ mentions: draft.mentions, skills: draft.skills }), LEAVE_DROPS_TO_THE_CARD], [draft.mentions, draft.skills]);
-    /* The timeline owns the scroller; this is the one bit of it the composer needs to know. */
-    const atEnd = useSyncExternalStore(subscribeTimelineEnd, () => timelineAtEnd(chatId), () => true);
-    const queue = info.queue ?? [];
-    const empty = isEmptyDraft(draft);
-    useEffect(() => {
-        if (focused) {
-            inputRef.current?.focus();
-        }
-    }, [focused]);
-    const onKeyDown = composerKeyHandler({
-        chatId,
-        host,
-        sendKey,
-        text: draft.text,
-        menus,
-        history,
-        noteKey: files.noteKey,
-        toggleStash,
-        setText: (next) => box.setText(next),
-        submit
-    });
-    const pointSurface = (event) => {
-        event.currentTarget.toggleAttribute('data-text-cursor', surfacePartOf(event.target, event.currentTarget) !== 'action');
+    $[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 => {
+      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);
     };
-    const pressSurface = (event) => {
-        if (!writable || event.button !== 0 || event.defaultPrevented || surfacePartOf(event.target, event.currentTarget) !== 'surface') {
-            return;
-        }
-        // Nothing around the field selects, so the default would only blur it on the way, closing its picker and lifting a held prompt card.
-        event.preventDefault();
-        inputRef.current?.setCaret(Infinity);
+    $[72] = writable;
+    $[73] = t24;
+  } else {
+    t24 = $[73];
+  }
+  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", {
+      className: "absolute inset-x-0 bottom-full mb-2 flex justify-center",
+      children: /*#__PURE__*/_jsx(Tooltip, {
+        label: t("composer.jumpToEnd"),
+        name: true,
+        children: /*#__PURE__*/_jsx(Surface, {
+          render: /*#__PURE__*/_jsx("button", {
+            onClick: () => scrollTimelineToEnd(chatId)
+          }),
+          className: "pointer-events-auto grid h-8 w-8 place-items-center rounded-full text-text-muted hover:text-text",
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: ChevronDown,
+            size: 16
+          })
+        })
+      })
+    });
+    $[74] = atEnd;
+    $[75] = chatId;
+    $[76] = readOnly;
+    $[77] = t;
+    $[78] = t26;
+  } else {
+    t26 = $[78];
+  }
+  let t27;
+  if ($[79] !== chatId) {
+    t27 = /*#__PURE__*/_jsx(ChatActivity, {
+      chatId: chatId
+    });
+    $[79] = chatId;
+    $[80] = t27;
+  } else {
+    t27 = $[80];
+  }
+  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;
+  } else {
+    t29 = $[82];
+  }
+  const t30 = 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;
+  } else {
+    t33 = $[83];
+  }
+  const t34 = writable && "data-[text-cursor]:cursor-text";
+  let t35;
+  if ($[84] !== t34) {
+    t35 = clsx(t34);
+    $[84] = t34;
+    $[85] = t35;
+  } else {
+    t35 = $[85];
+  }
+  let t36;
+  if ($[86] !== chatId || $[87] !== info) {
+    t36 = /*#__PURE__*/_jsx(LimitDock, {
+      chatId: chatId,
+      info: info
+    });
+    $[86] = chatId;
+    $[87] = info;
+    $[88] = t36;
+  } else {
+    t36 = $[88];
+  }
+  const t37 = capabilities?.goals;
+  let t38;
+  if ($[89] !== chatId || $[90] !== info || $[91] !== t37) {
+    t38 = /*#__PURE__*/_jsx(GoalDock, {
+      chatId: chatId,
+      info: info,
+      goals: t37
+    });
+    $[89] = chatId;
+    $[90] = info;
+    $[91] = t37;
+    $[92] = t38;
+  } else {
+    t38 = $[92];
+  }
+  let t39;
+  if ($[93] !== chatId || $[94] !== compactionOffer || $[95] !== controls.compact || $[96] !== scope) {
+    t39 = 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;
+  } else {
+    t39 = $[97];
+  }
+  let t40;
+  if ($[98] !== menus) {
+    t40 = /*#__PURE__*/_jsx(ComposerMenu, {
+      menus: menus
+    });
+    $[98] = menus;
+    $[99] = t40;
+  } else {
+    t40 = $[99];
+  }
+  let t41;
+  if ($[100] !== chatId || $[101] !== info.queuePaused || $[102] !== queue || $[103] !== takeBack || $[104] !== takingBack) {
+    t41 = 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;
+  } else {
+    t41 = $[105];
+  }
+  let t42;
+  if ($[106] !== box.removeQuote || $[107] !== chatId || $[108] !== draft.quote || $[109] !== draft.quoteSource || $[110] !== notice || $[111] !== 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")
+    });
+    $[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;
+  } else {
+    t43 = $[115];
+  }
+  let t44;
+  if ($[116] !== box.removeAttachment || $[117] !== draft.attachments) {
+    t44 = draft.attachments.length > 0 && /*#__PURE__*/_jsx(DraftAttachments, {
+      attachments: draft.attachments,
+      onRemove: box.removeAttachment
+    });
+    $[116] = box.removeAttachment;
+    $[117] = draft.attachments;
+    $[118] = t44;
+  } else {
+    t44 = $[118];
+  }
+  const t45 = !writable;
+  let t46;
+  if ($[119] !== box || $[120] !== history || $[121] !== hold || $[122] !== menus) {
+    t46 = (value, selection, state) => {
+      hold.noteInput();
+      box.setText(value);
+      menus.setMenuIndex(0);
+      menus.trackTriggers(value, selection, state);
+      history.edited(value);
+    };
+    $[119] = box;
+    $[120] = history;
+    $[121] = hold;
+    $[122] = menus;
+    $[123] = t46;
+  } else {
+    t46 = $[123];
+  }
+  let t47;
+  if ($[124] !== hold || $[125] !== menus) {
+    t47 = () => {
+      menus.close();
+      hold.release("blur");
+    };
+    $[124] = hold;
+    $[125] = menus;
+    $[126] = t47;
+  } else {
+    t47 = $[126];
+  }
+  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) {
+    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: t45,
+      tabbable: focused,
+      extensions: editorExtensions,
+      aria: menus.inputAria,
+      onChange: t46,
+      onSelectionChange: menus.trackTriggers,
+      onBlur: t47,
+      onComposing: hold.setComposing,
+      onKeyDown: onKeyDown,
+      onPaste: files.onPaste
+    });
+    $[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];
+  }
+  let t49;
+  if ($[141] !== notice.notice || $[142] !== 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;
+  } else {
+    t49 = $[143];
+  }
+  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 t51 = capabilities?.attachments !== false;
+  const t52 = !busy || !empty;
+  const t53 = empty || !writable || guard.tooLong;
+  const t54 = t(sendLabelKey(busy, steerable, sendDelivery));
+  let t55;
+  if ($[144] !== draft.text || $[145] !== sendKey) {
+    t55 = sendShortcut(sendKey, draft.text.includes("\n"));
+    $[144] = draft.text;
+    $[145] = sendKey;
+    $[146] = t55;
+  } else {
+    t55 = $[146];
+  }
+  let t56;
+  if ($[147] !== submit) {
+    t56 = alternate => submit(alternate ? "alternate" : "default");
+    $[147] = submit;
+    $[148] = t56;
+  } else {
+    t56 = $[148];
+  }
+  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) {
+    t58 = {
+      visible: t52,
+      disabled: t53,
+      label: t54,
+      kbd: t55,
+      onSend: t56,
+      onContinue: t57
+    };
+    $[149] = t52;
+    $[150] = t53;
+    $[151] = t54;
+    $[152] = t55;
+    $[153] = t56;
+    $[154] = t57;
+    $[155] = t58;
+  } else {
+    t58 = $[155];
+  }
+  let t59;
+  if ($[156] !== files) {
+    t59 = picked => {
+      files.addFiles(picked);
+      inputRef.current?.focus();
     };
-    return (_jsxs("div", { className: "chat-composer-content pointer-events-none relative z-10 w-full", children: [!atEnd && !readOnly && (_jsx("div", { className: "absolute inset-x-0 bottom-full mb-2 flex justify-center", children: _jsx(Tooltip, { label: t('composer.jumpToEnd'), name: true, children: _jsx(Surface, { render: _jsx("button", { onClick: () => scrollTimelineToEnd(chatId) }), className: "pointer-events-auto grid h-8 w-8 place-items-center rounded-full text-text-muted hover:text-text", children: _jsx(Icon, { icon: ChevronDown, size: 16 }) }) }) })), _jsx(ChatActivity, { chatId: chatId }), _jsx("div", { className: clsx('@container/composer pointer-events-auto flex flex-col overflow-hidden rounded-2xl border shadow-float backdrop-blur-[14px] focus-ring-within', 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)]'), ...files.dropTarget, children: _jsx(PromptComposer, { chatId: chatId, pending: pending, focused: focused, onShowElsewhere: answerPromptsElsewhere, disabled: disabled, hasDraft: !empty, denyReason: capabilities?.denyReason === true, onAllAnswered: () => inputRef.current?.focus(), hold: hold, children: _jsxs("div", { className: clsx(writable && 'data-[text-cursor]:cursor-text'), onPointerOver: pointSurface, onMouseDown: pressSurface, children: [_jsx(LimitDock, { chatId: chatId, info: info }), _jsx(GoalDock, { chatId: chatId, info: info, goals: capabilities?.goals }), compactionOffer && (_jsx(ResumeCompactionDock, { tokens: compactionOffer.tokens, onCompact: controls.compact, onDismiss: () => dismissResumeCompaction(scope, chatId, compactionOffer.turnId) })), _jsx(ComposerMenu, { menus: menus }), queue.length > 0 && (_jsx(QueuedMessages, { chatId: chatId, queue: queue, paused: info.queuePaused === true, takingBack: takingBack !== null, onEdit: (message) => void takeBack(message) })), draft.quote !== '' && (_jsx(DraftQuote, { chatId: chatId, quote: draft.quote, source: draft.quoteSource, onRemove: box.removeQuote, onSourceGone: () => notice.setNotice(t('rows.user.quoteGone'), 'info') })), draft.chats.length > 0 && _jsx(DraftChats, { chats: draft.chats, onRemove: box.removeChat }), draft.attachments.length > 0 && _jsx(DraftAttachments, { attachments: draft.attachments, onRemove: box.removeAttachment }), _jsx(ComposerInput, { ref: inputRef, dictationToolbar: dictationToolbar, className: "composer-input select-text text-sm leading-normal text-text", value: draft.text, placeholder: placeholder, disabled: !writable, tabbable: focused, extensions: editorExtensions, aria: menus.inputAria, onChange: (value, selection, state) => {
-                                    hold.noteInput();
-                                    box.setText(value);
-                                    menus.setMenuIndex(0);
-                                    menus.trackTriggers(value, selection, state);
-                                    history.edited(value);
-                                }, onSelectionChange: menus.trackTriggers, onBlur: () => {
-                                    menus.close();
-                                    hold.release('blur');
-                                }, onComposing: hold.setComposing, onKeyDown: onKeyDown, onPaste: files.onPaste }), notice.notice && (_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 })), guard.visible && (_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')}`] })), _jsx(ComposerControls, { chatId: chatId, info: info, providerFixed: providerFixed, writable: writable, attachable: capabilities?.attachments !== false, controls: controls, send: {
-                                    visible: !busy || !empty,
-                                    disabled: empty || !writable || guard.tooLong,
-                                    label: t(sendLabelKey(busy, steerable, sendDelivery)),
-                                    kbd: sendShortcut(sendKey, draft.text.includes('\n')),
-                                    onSend: (alternate) => submit(alternate ? 'alternate' : 'default'),
-                                    onContinue: continuable !== null && continuable !== sentFor && empty && writable && pending.length === 0 && extraPrompts.length === 0
-                                        ? continueTurn
-                                        : null
-                                }, dictationToolbar: setDictationToolbar, onFiles: (picked) => {
-                                    files.addFiles(picked);
-                                    inputRef.current?.focus();
-                                }, onRestore: restoreStashed, insert: (added) => {
-                                    if (writable) {
-                                        inputRef.current?.insert(added);
-                                    }
-                                } })] }) }) }), _jsx(PromptDialog, { open: controls.confirmClear, title: t('composer.clear.title'), description: t('composer.clear.description'), confirmLabel: t('composer.clear.confirm'), danger: true, fallbackMessage: t('composer.notice.clearFailed'), onConfirm: controls.forceClearThread, onOpenChange: controls.cancelClear })] }));
+    $[156] = files;
+    $[157] = t59;
+  } else {
+    t59 = $[157];
+  }
+  let t60;
+  if ($[158] !== writable) {
+    t60 = added => {
+      if (writable) {
+        inputRef.current?.insert(added);
+      }
+    };
+    $[158] = writable;
+    $[159] = t60;
+  } else {
+    t60 = $[159];
+  }
+  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) {
+    t61 = /*#__PURE__*/_jsx(T1, {
+      chatId: chatId,
+      info: info,
+      providerFixed: providerFixed,
+      writable: writable,
+      attachable: t51,
+      controls: controls,
+      send: t58,
+      dictationToolbar: setDictationToolbar,
+      onFiles: t59,
+      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];
+  }
+  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) {
+    t62 = /*#__PURE__*/_jsxs("div", {
+      className: t35,
+      onPointerOver: pointSurface,
+      onMouseDown: pressSurface,
+      children: [t36, t38, 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];
+  }
+  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) {
+    t63 = /*#__PURE__*/_jsx(T0, {
+      chatId: chatId,
+      pending: pending,
+      focused: focused,
+      onShowElsewhere: answerPromptsElsewhere,
+      disabled: disabled,
+      hasDraft: t31,
+      denyReason: t32,
+      onAllAnswered: t33,
+      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];
+  }
+  let t64;
+  if ($[201] !== files.dropTarget || $[202] !== t29 || $[203] !== t63) {
+    t64 = /*#__PURE__*/_jsx("div", {
+      className: t29,
+      ...t30,
+      children: t63
+    });
+    $[201] = files.dropTarget;
+    $[202] = t29;
+    $[203] = t63;
+    $[204] = t64;
+  } else {
+    t64 = $[204];
+  }
+  const t65 = controls.confirmClear;
+  let t66;
+  if ($[205] !== t) {
+    t66 = t("composer.clear.title");
+    $[205] = t;
+    $[206] = t66;
+  } else {
+    t66 = $[206];
+  }
+  let t67;
+  if ($[207] !== t) {
+    t67 = t("composer.clear.description");
+    $[207] = t;
+    $[208] = t67;
+  } else {
+    t67 = $[208];
+  }
+  let t68;
+  if ($[209] !== t) {
+    t68 = t("composer.clear.confirm");
+    $[209] = t;
+    $[210] = t68;
+  } else {
+    t68 = $[210];
+  }
+  let t69;
+  if ($[211] !== t) {
+    t69 = t("composer.notice.clearFailed");
+    $[211] = t;
+    $[212] = t69;
+  } else {
+    t69 = $[212];
+  }
+  let t70;
+  if ($[213] !== controls.cancelClear || $[214] !== controls.confirmClear || $[215] !== controls.forceClearThread || $[216] !== t66 || $[217] !== t67 || $[218] !== t68 || $[219] !== t69) {
+    t70 = /*#__PURE__*/_jsx(PromptDialog, {
+      open: t65,
+      title: t66,
+      description: t67,
+      confirmLabel: t68,
+      danger: true,
+      fallbackMessage: t69,
+      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;
+  } else {
+    t70 = $[220];
+  }
+  let t71;
+  if ($[221] !== t26 || $[222] !== t27 || $[223] !== t64 || $[224] !== t70) {
+    t71 = /*#__PURE__*/_jsxs("div", {
+      className: t25,
+      children: [t26, t27, t64, t70]
+    });
+    $[221] = t26;
+    $[222] = t27;
+    $[223] = t64;
+    $[224] = t70;
+    $[225] = t71;
+  } else {
+    t71 = $[225];
+  }
+  return t71;
+}
+function _temp3(event) {
+  event.currentTarget.toggleAttribute("data-text-cursor", surfacePartOf(event.target, event.currentTarget) !== "action");
+}
+function _temp2() {
+  return true;
 }
+function _temp(preferences) {
+  return preferences.sendKey;
+}