@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/composer/use-draft-files.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { EditorView } from '@codemirror/view';
@@ -7,105 +8,256 @@ import { pasteBecomesAttachment, pastedTextName } from '../../guards.js';
 import { carriesMentions, droppedMentions, pastedMentions } from '../../mentions.js';
 /* The card turns dropped files and paths into attachments and chips; CodeMirror would also paste their text at the drop point. */
 export const LEAVE_DROPS_TO_THE_CARD = EditorView.domEventHandlers({
-    drop: (event) => event.dataTransfer !== null && (event.dataTransfer.types.includes('Files') || carriesMentions(event.dataTransfer.types))
+  drop: event => event.dataTransfer !== null && (event.dataTransfer.types.includes('Files') || carriesMentions(event.dataTransfer.types))
 });
 /* What reaches the draft besides typing: files as attachments, dragged paths as mentions, and a long paste as a file of its own. */
-export function useDraftFiles({ capabilities, providerName, writable, draft: { draft, setDraft, setText }, inputRef, setNotice }) {
-    const { t } = useTranslation('agent-chat');
-    const { isApplePlatform } = useChatHost();
-    const [dragging, setDragging] = useState(false);
-    // A paste event says nothing about the keys behind it, so the key that asked for text inline is remembered here.
-    const pasteInline = useRef(false);
-    /* Paths dragged in from a list of files. With no mention query to insert into, they land at the end of the prompt. */
-    const addMentions = (paths) => {
-        const fresh = paths.filter((path) => path !== '');
-        if (fresh.length === 0 || capabilities?.mentions === false) {
-            return;
-        }
-        const appended = fresh.map((path) => `@${path}`).join(' ');
-        const before = draft.text.replace(/\s+$/, '');
-        setText(before === '' ? `${appended} ` : `${before} ${appended} `, [...draft.mentions, ...fresh.filter((path) => !draft.mentions.includes(path))]);
+export function useDraftFiles(t0) {
+  const $ = _c(35);
+  const {
+    capabilities,
+    providerName,
+    writable,
+    draft: t1,
+    inputRef,
+    setNotice
+  } = t0;
+  const {
+    draft,
+    setDraft,
+    setText
+  } = t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    isApplePlatform
+  } = useChatHost();
+  const [dragging, setDragging] = useState(false);
+  const pasteInline = useRef(false);
+  let t2;
+  if ($[0] !== capabilities?.mentions || $[1] !== draft || $[2] !== setText) {
+    t2 = paths => {
+      const fresh = paths.filter(_temp);
+      if (fresh.length === 0 || capabilities?.mentions === false) {
+        return;
+      }
+      const appended = fresh.map(_temp2).join(" ");
+      const before = draft.text.replace(/\s+$/, "");
+      setText(before === "" ? `${appended} ` : `${before} ${appended} `, [...draft.mentions, ...fresh.filter(path_1 => !draft.mentions.includes(path_1))]);
     };
-    const addFiles = (incoming) => {
-        if (incoming.length === 0) {
-            return;
-        }
-        if (capabilities?.attachments === false) {
-            setNotice(t('composer.notice.noAttachments', { agent: providerName ?? t('composer.notice.thisAgent') }));
-            return;
-        }
-        const checked = checkAttachmentLimits(draft.attachments.length, incoming.map((file) => ({ name: file.name, mime: file.type, bytes: file.size, file })), draft.attachments.reduce((bytes, attachment) => bytes + uploadBytes(attachment), 0));
-        if (checked.rejected[0]) {
-            setNotice(t('composer.notice.rejected', { name: checked.rejected[0].name || t('composer.notice.thatFile'), reason: checked.rejected[0].reason }));
-        }
-        if (checked.accepted.length === 0) {
-            return;
-        }
-        readAttachments(checked.accepted.map((entry) => entry.file))
-            .then((attachments) => setDraft((current) => ({ ...current, attachments: [...current.attachments, ...attachments] })))
-            .catch(() => setNotice(t('composer.notice.unreadable')));
+    $[0] = capabilities?.mentions;
+    $[1] = draft;
+    $[2] = setText;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const addMentions = t2;
+  let t3;
+  if ($[4] !== capabilities?.attachments || $[5] !== draft || $[6] !== providerName || $[7] !== setDraft || $[8] !== setNotice || $[9] !== t) {
+    t3 = incoming => {
+      if (incoming.length === 0) {
+        return;
+      }
+      if (capabilities?.attachments === false) {
+        setNotice(t("composer.notice.noAttachments", {
+          agent: providerName ?? t("composer.notice.thisAgent")
+        }));
+        return;
+      }
+      const checked = checkAttachmentLimits(draft.attachments.length, incoming.map(_temp3), draft.attachments.reduce(_temp4, 0));
+      if (checked.rejected[0]) {
+        setNotice(t("composer.notice.rejected", {
+          name: checked.rejected[0].name || t("composer.notice.thatFile"),
+          reason: checked.rejected[0].reason
+        }));
+      }
+      if (checked.accepted.length === 0) {
+        return;
+      }
+      readAttachments(checked.accepted.map(_temp5)).then(attachments => setDraft(current => ({
+        ...current,
+        attachments: [...current.attachments, ...attachments]
+      }))).catch(() => setNotice(t("composer.notice.unreadable")));
     };
-    /* Shift with the paste shortcut pastes a large text inline after all; any other key forgets it. */
-    const noteKey = (e) => {
-        pasteInline.current = e.shiftKey && e.key.toLowerCase() === 'v' && (isApplePlatform() ? e.metaKey : e.ctrlKey);
+    $[4] = capabilities?.attachments;
+    $[5] = draft;
+    $[6] = providerName;
+    $[7] = setDraft;
+    $[8] = setNotice;
+    $[9] = t;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const addFiles = t3;
+  let t4;
+  if ($[11] !== isApplePlatform) {
+    t4 = e => {
+      pasteInline.current = e.shiftKey && e.key.toLowerCase() === "v" && (isApplePlatform() ? e.metaKey : e.ctrlKey);
     };
-    /* Files become attachments and a long text a file of its own; anything else the editor pastes as plain text. */
-    const onPaste = (e, view) => {
-        const data = e.clipboardData;
-        if (!data) {
-            return false;
-        }
-        const pasted = filesOf(data);
-        if (pasted.length > 0) {
-            addFiles(pasted);
-            return true;
-        }
-        const inline = pasteInline.current;
-        pasteInline.current = false;
-        const clip = data.getData('text/plain');
-        const mentions = capabilities?.mentions === false ? [] : pastedMentions(clip);
-        if (mentions.length > 0) {
-            // The editor's own change reads the draft as it was rendered, so the mentions join it after that change.
-            view.dispatch(view.state.replaceSelection(clip), { scrollIntoView: true, userEvent: 'input.paste' });
-            setDraft((current) => ({ ...current, mentions: [...current.mentions, ...mentions.filter((path) => !current.mentions.includes(path))] }));
-            return true;
-        }
-        // Without attachments there is nowhere else for the text to go, so it pastes as it always did.
-        if (inline || capabilities?.attachments === false || !pasteBecomesAttachment(clip)) {
-            return false;
-        }
-        // The paste still replaces what was selected; it just puts nothing in its place.
-        const { from, to } = view.state.selection.main;
-        if (from !== to) {
-            view.dispatch({ changes: { from, to }, userEvent: 'delete' });
-        }
-        const name = pastedTextName(draft.attachments.map((attachment) => attachment.name));
-        addFiles([new File([clip], name, { type: 'text/plain' })]);
+    $[11] = isApplePlatform;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const noteKey = t4;
+  let t5;
+  if ($[13] !== addFiles || $[14] !== capabilities?.attachments || $[15] !== capabilities?.mentions || $[16] !== draft || $[17] !== setDraft) {
+    t5 = (e_0, view) => {
+      const data = e_0.clipboardData;
+      if (!data) {
+        return false;
+      }
+      const pasted = filesOf(data);
+      if (pasted.length > 0) {
+        addFiles(pasted);
         return true;
+      }
+      const inline = pasteInline.current;
+      pasteInline.current = false;
+      const clip = data.getData("text/plain");
+      const mentions = capabilities?.mentions === false ? [] : pastedMentions(clip);
+      if (mentions.length > 0) {
+        view.dispatch(view.state.replaceSelection(clip), {
+          scrollIntoView: true,
+          userEvent: "input.paste"
+        });
+        setDraft(current_0 => ({
+          ...current_0,
+          mentions: [...current_0.mentions, ...mentions.filter(path_2 => !current_0.mentions.includes(path_2))]
+        }));
+        return true;
+      }
+      if (inline || capabilities?.attachments === false || !pasteBecomesAttachment(clip)) {
+        return false;
+      }
+      const {
+        from,
+        to
+      } = view.state.selection.main;
+      if (from !== to) {
+        view.dispatch({
+          changes: {
+            from,
+            to
+          },
+          userEvent: "delete"
+        });
+      }
+      const name = pastedTextName(draft.attachments.map(_temp6));
+      addFiles([new File([clip], name, {
+        type: "text/plain"
+      })]);
+      return true;
+    };
+    $[13] = addFiles;
+    $[14] = capabilities?.attachments;
+    $[15] = capabilities?.mentions;
+    $[16] = draft;
+    $[17] = setDraft;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  const onPaste = t5;
+  let t6;
+  if ($[19] !== writable) {
+    t6 = e_1 => {
+      if (writable && (e_1.dataTransfer.types.includes("Files") || carriesMentions(e_1.dataTransfer.types))) {
+        e_1.preventDefault();
+        e_1.stopPropagation();
+        setDragging(true);
+      }
+    };
+    $[19] = writable;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  let t7;
+  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = e_2 => {
+      if (!e_2.currentTarget.contains(e_2.relatedTarget)) {
+        setDragging(false);
+      }
+    };
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== addFiles || $[23] !== addMentions || $[24] !== inputRef) {
+    t8 = e_3 => {
+      e_3.preventDefault();
+      e_3.stopPropagation();
+      setDragging(false);
+      addMentions(droppedMentions(e_3.dataTransfer));
+      addFiles(filesOf(e_3.dataTransfer));
+      inputRef.current?.focus();
+    };
+    $[22] = addFiles;
+    $[23] = addMentions;
+    $[24] = inputRef;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  let t9;
+  if ($[26] !== t6 || $[27] !== t8) {
+    t9 = {
+      "data-takes-drop": "all",
+      onDragOver: t6,
+      onDragLeave: t7,
+      onDrop: t8
     };
-    /* The whole card takes a dropped file, so a layout around it that takes drops of its own leaves it alone. */
-    const dropTarget = {
-        'data-takes-drop': 'all',
-        onDragOver: (e) => {
-            if (writable && (e.dataTransfer.types.includes('Files') || carriesMentions(e.dataTransfer.types))) {
-                e.preventDefault();
-                e.stopPropagation();
-                setDragging(true);
-            }
-        },
-        onDragLeave: (e) => {
-            if (!e.currentTarget.contains(e.relatedTarget)) {
-                setDragging(false);
-            }
-        },
-        onDrop: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            setDragging(false);
-            addMentions(droppedMentions(e.dataTransfer));
-            addFiles(filesOf(e.dataTransfer));
-            inputRef.current?.focus();
-        }
+    $[26] = t6;
+    $[27] = t8;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  const dropTarget = t9;
+  let t10;
+  if ($[29] !== addFiles || $[30] !== dragging || $[31] !== dropTarget || $[32] !== noteKey || $[33] !== onPaste) {
+    t10 = {
+      dragging,
+      dropTarget,
+      addFiles,
+      noteKey,
+      onPaste
     };
-    return { dragging, dropTarget, addFiles, noteKey, onPaste };
+    $[29] = addFiles;
+    $[30] = dragging;
+    $[31] = dropTarget;
+    $[32] = noteKey;
+    $[33] = onPaste;
+    $[34] = t10;
+  } else {
+    t10 = $[34];
+  }
+  return t10;
+}
+function _temp6(attachment_0) {
+  return attachment_0.name;
+}
+function _temp5(entry) {
+  return entry.file;
+}
+function _temp4(bytes, attachment) {
+  return bytes + uploadBytes(attachment);
+}
+function _temp3(file) {
+  return {
+    name: file.name,
+    mime: file.type,
+    bytes: file.size,
+    file
+  };
+}
+function _temp2(path_0) {
+  return `@${path_0}`;
 }
+function _temp(path) {
+  return path !== "";
+}

package/dist/chat/ui/composer/use-effort-stepper.d.ts

@@ -0,0 +1,13 @@
+import type { ChatInfo, ModelInfo } from '@adecore/agent-contracts';
+import type { ChatControls } from './use-chat-controls.js';
+import type { ComposerNotice } from './use-notice.js';
+interface EffortStepperInput {
+    chatId: string;
+    info: ChatInfo;
+    model: ModelInfo | undefined;
+    writable: boolean;
+    controls: ChatControls;
+    setNotice: ComposerNotice['setNotice'];
+}
+export declare function useEffortStepper({ chatId, info, model, writable, controls, setNotice }: EffortStepperInput): void;
+export {};

package/dist/chat/ui/composer/use-effort-stepper.js

@@ -0,0 +1,88 @@
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useChatScope } from '../../../scope.js';
+import { choiceWord } from '../../../agents/option-words.js';
+import { registerEffortStepper } from '../../composer-effort.js';
+import { EFFORT_OPTION, stepEffort } from '../../logic/effort.js';
+/* Lets a command of the host step this chat's reasoning effort, as picking it in the pill's menu does, and says where it landed. */
+export function useEffortStepper(t0) {
+  const $ = _c(13);
+  const {
+    chatId,
+    info,
+    model,
+    writable,
+    controls,
+    setNotice
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  let t1;
+  if ($[0] !== controls || $[1] !== info || $[2] !== model || $[3] !== setNotice || $[4] !== t || $[5] !== writable) {
+    t1 = direction => {
+      if (!writable || controls.configurationPending) {
+        return;
+      }
+      const name = model?.name ?? info.selection.model;
+      const result = stepEffort(model, info.selection, direction);
+      if (result.kind === "none") {
+        setNotice(t("composer.notice.noEffort", {
+          model: name
+        }), "info");
+        return;
+      }
+      if (result.kind === "edge") {
+        setNotice(t(direction === "up" ? "composer.notice.effortHighest" : "composer.notice.effortLowest", {
+          effort: choiceWord(EFFORT_OPTION, result.choice),
+          model: name
+        }), "info");
+        return;
+      }
+      controls.configure({
+        selection: result.selection
+      });
+      setNotice(t("composer.notice.effort", {
+        effort: choiceWord(EFFORT_OPTION, result.choice)
+      }), "info");
+    };
+    $[0] = controls;
+    $[1] = info;
+    $[2] = model;
+    $[3] = setNotice;
+    $[4] = t;
+    $[5] = writable;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const step = t1;
+  const stepRef = useRef(step);
+  let t2;
+  if ($[7] !== step) {
+    t2 = () => {
+      stepRef.current = step;
+    };
+    $[7] = step;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  useEffect(t2);
+  let t3;
+  let t4;
+  if ($[9] !== chatId || $[10] !== scope) {
+    t3 = () => registerEffortStepper(scope.keyOf(chatId), direction_0 => stepRef.current(direction_0));
+    t4 = [scope, chatId];
+    $[9] = chatId;
+    $[10] = scope;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t3 = $[11];
+    t4 = $[12];
+  }
+  useEffect(t3, t4);
+}

package/dist/chat/ui/composer/use-notice.js

@@ -1,20 +1,65 @@
-import { useCallback, useEffect, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useState } from 'react';
 const NOTICE_MS = 4000;
 /* A line under the box that says what went wrong, gone again after a few seconds. */
 export function useNotice() {
-    const [shown, setShown] = useState(null);
-    useEffect(() => {
-        if (!shown) {
-            return;
-        }
-        const timer = setTimeout(() => setShown(null), NOTICE_MS);
-        return () => clearTimeout(timer);
-    }, [shown]);
-    const setNotice = useCallback((notice, tone = 'error') => setShown(notice ? { text: notice, tone } : null), []);
-    return {
-        notice: shown?.text ?? null,
-        tone: shown?.tone ?? 'error',
-        setNotice,
-        showError: (error) => setNotice(error instanceof Error ? error.message : String(error))
+  const $ = _c(8);
+  const [shown, setShown] = useState(null);
+  let t0;
+  let t1;
+  if ($[0] !== shown) {
+    t0 = () => {
+      if (!shown) {
+        return;
+      }
+      const timer = setTimeout(() => setShown(null), NOTICE_MS);
+      return () => clearTimeout(timer);
     };
-}
+    t1 = [shown];
+    $[0] = shown;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = (notice, t3) => {
+      const tone = t3 === undefined ? "error" : t3;
+      return setShown(notice ? {
+        text: notice,
+        tone
+      } : null);
+    };
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const setNotice = t2;
+  const t3 = shown?.text ?? null;
+  const t4 = shown?.tone ?? "error";
+  let t5;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = error => setNotice(error instanceof Error ? error.message : String(error));
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  let t6;
+  if ($[5] !== t3 || $[6] !== t4) {
+    t6 = {
+      notice: t3,
+      tone: t4,
+      setNotice,
+      showError: t5
+    };
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  return t6;
+}

package/dist/chat/ui/composer/use-pending-requests.js

@@ -1,22 +1,43 @@
+import { c as _c } from "react/compiler-runtime";
 import { useMemo } from 'react';
 import { useChatRow, waitingRequestsOf } from '../../../state/chats.js';
 /* The approvals and then the questions the chat waits on, which take the composer's place until answered. */
 export function usePendingRequests(chatId) {
-    // The structure, which a delta leaves alone. The prompts and the requests are items of their own.
-    const structure = useChatRow(chatId, (row) => row?.structure);
-    const order = useChatRow(chatId, (row) => row?.order);
-    const waitingBefore = useChatRow(chatId, (row) => row?.waitingBefore);
-    return useMemo(() => {
-        const approvals = [];
-        const questions = [];
-        for (const item of waitingRequestsOf(structure && order ? { structure, order, waitingBefore } : undefined)) {
-            if (item.kind === 'approval') {
-                approvals.push(item);
-            }
-            else {
-                questions.push(item);
-            }
-        }
-        return [...approvals, ...questions];
-    }, [structure, order, waitingBefore]);
+  const $ = _c(4);
+  const structure = useChatRow(chatId, _temp);
+  const order = useChatRow(chatId, _temp2);
+  const waitingBefore = useChatRow(chatId, _temp3);
+  let t0;
+  if ($[0] !== order || $[1] !== structure || $[2] !== waitingBefore) {
+    const approvals = [];
+    const questions = [];
+    for (const item of waitingRequestsOf(structure && order ? {
+      structure,
+      order,
+      waitingBefore
+    } : undefined)) {
+      if (item.kind === "approval") {
+        approvals.push(item);
+      } else {
+        questions.push(item);
+      }
+    }
+    t0 = [...approvals, ...questions];
+    $[0] = order;
+    $[1] = structure;
+    $[2] = waitingBefore;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
 }
+function _temp3(row_1) {
+  return row_1?.waitingBefore;
+}
+function _temp2(row_0) {
+  return row_0?.order;
+}
+function _temp(row) {
+  return row?.structure;
+}