@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/composer/use-prompt-history.js

@@ -1,57 +1,129 @@
+import { c as _c } from "react/compiler-runtime";
 import { useMemo, useState } from 'react';
 import { useChatRow } from '../../../state/chats.js';
 // How many sent prompts the arrow keys walk back through, per chat.
 const PROMPT_HISTORY = 50;
 /* The prompts sent in this chat, for the arrow keys to put back in an empty box. */
 export function usePromptHistory(chatId, setText) {
-    const order = useChatRow(chatId, (row) => row?.order);
-    const items = useChatRow(chatId, (row) => row?.structure);
-    const [index, setIndex] = useState(null);
-    const history = useMemo(() => {
-        const prompts = [];
-        for (const id of order ?? []) {
-            const item = items?.[id];
-            if (item?.kind === 'user') {
-                prompts.push({ text: item.text, mentions: item.mentions ?? [] });
-            }
-        }
-        // Walking back further than this is faster with the timeline than with the arrow key.
-        return prompts.slice(-PROMPT_HISTORY);
-    }, [order, items]);
-    const recall = (direction) => {
-        if (history.length === 0) {
-            return false;
-        }
-        const next = index === null ? (direction === -1 ? history.length - 1 : null) : index + direction;
-        if (next === null || next >= history.length) {
-            setIndex(null);
-            setText('', [], []);
-            return true;
-        }
-        if (next < 0) {
-            return true;
-        }
-        setIndex(next);
-        setText(history[next].text, history[next].mentions);
+  const $ = _c(22);
+  const order = useChatRow(chatId, _temp);
+  const items = useChatRow(chatId, _temp2);
+  const [index, setIndex] = useState(null);
+  let t0;
+  if ($[0] !== items || $[1] !== order) {
+    const prompts = [];
+    for (const id of order ?? []) {
+      const item = items?.[id];
+      if (item?.kind === "user") {
+        prompts.push({
+          text: item.text,
+          mentions: item.mentions ?? []
+        });
+      }
+    }
+    t0 = prompts.slice(-PROMPT_HISTORY);
+    $[0] = items;
+    $[1] = order;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const history = t0;
+  let t1;
+  if ($[3] !== history || $[4] !== index || $[5] !== setText) {
+    t1 = direction => {
+      if (history.length === 0) {
+        return false;
+      }
+      const next = index === null ? direction === -1 ? history.length - 1 : null : index + direction;
+      if (next === null || next >= history.length) {
+        setIndex(null);
+        setText("", [], []);
+        return true;
+      }
+      if (next < 0) {
         return true;
+      }
+      setIndex(next);
+      setText(history[next].text, history[next].mentions);
+      return true;
+    };
+    $[3] = history;
+    $[4] = index;
+    $[5] = setText;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const recall = t1;
+  let t2;
+  if ($[7] !== index || $[8] !== setText) {
+    t2 = () => {
+      if (index === null) {
+        return false;
+      }
+      setIndex(null);
+      setText("", [], []);
+      return true;
     };
-    const leave = () => {
-        if (index === null) {
-            return false;
-        }
+    $[7] = index;
+    $[8] = setText;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const leave = t2;
+  let t3;
+  if ($[10] !== history || $[11] !== index) {
+    t3 = text => index !== null && text === history[index]?.text;
+    $[10] = history;
+    $[11] = index;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => setIndex(null);
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== history || $[15] !== index) {
+    t5 = text_0 => {
+      if (index !== null && text_0 !== history[index]?.text) {
         setIndex(null);
-        setText('', [], []);
-        return true;
+      }
     };
-    return {
-        recalled: (text) => index !== null && text === history[index]?.text,
-        recall,
-        forget: () => setIndex(null),
-        leave,
-        edited: (text) => {
-            if (index !== null && text !== history[index]?.text) {
-                setIndex(null);
-            }
-        }
+    $[14] = history;
+    $[15] = index;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== leave || $[18] !== recall || $[19] !== t3 || $[20] !== t5) {
+    t6 = {
+      recalled: t3,
+      recall,
+      forget: t4,
+      leave,
+      edited: t5
     };
+    $[17] = leave;
+    $[18] = recall;
+    $[19] = t3;
+    $[20] = t5;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  return t6;
+}
+function _temp2(row_0) {
+  return row_0?.structure;
 }
+function _temp(row) {
+  return row?.order;
+}

package/dist/chat/ui/composer/use-prompt-hold.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { holdLiftsIn } from '../../prompt-hold.js';
 /*
@@ -5,44 +6,127 @@ import { holdLiftsIn } from '../../prompt-hold.js';
  * all change the draft, so `noteInput` is called from its change handler; the hold lifts after a pause.
  */
 export function usePromptHold() {
-    const typedAt = useRef(null);
-    const composing = useRef(false);
-    const timer = useRef(null);
-    const [state, setState] = useState({ held: false, releasedBy: null });
-    const clearTimer = () => {
-        if (timer.current !== null) {
-            clearTimeout(timer.current);
-            timer.current = null;
-        }
+  const $ = _c(11);
+  const typedAt = useRef(null);
+  const composing = useRef(false);
+  const timer = useRef(null);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      held: false,
+      releasedBy: null
     };
-    const release = (reason) => {
-        clearTimer();
-        typedAt.current = null;
-        composing.current = false;
-        setState((current) => (current.held ? { held: false, releasedBy: reason } : current));
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [state, setState] = useState(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (timer.current !== null) {
+        clearTimeout(timer.current);
+        timer.current = null;
+      }
     };
-    const schedule = () => {
-        clearTimer();
-        const wait = holdLiftsIn({ typedAt: typedAt.current, composing: composing.current }, Date.now());
-        if (wait !== null) {
-            timer.current = setTimeout(() => release('pause'), wait);
-        }
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const clearTimer = t1;
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = reason => {
+      clearTimer();
+      typedAt.current = null;
+      composing.current = false;
+      setState(current => current.held ? {
+        held: false,
+        releasedBy: reason
+      } : current);
     };
-    const noteInput = () => {
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const release = t2;
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      clearTimer();
+      const wait = holdLiftsIn({
+        typedAt: typedAt.current,
+        composing: composing.current
+      }, Date.now());
+      if (wait !== null) {
+        timer.current = setTimeout(() => release("pause"), wait);
+      }
+    };
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const schedule = t3;
+  let t4;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => {
+      typedAt.current = Date.now();
+      setState({
+        held: true,
+        releasedBy: null
+      });
+      schedule();
+    };
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const noteInput = t4;
+  let t5;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = next => {
+      composing.current = next;
+      if (next) {
+        setState({
+          held: true,
+          releasedBy: null
+        });
+      } else {
         typedAt.current = Date.now();
-        setState({ held: true, releasedBy: null });
-        schedule();
+      }
+      schedule();
     };
-    const setComposing = (next) => {
-        composing.current = next;
-        if (next) {
-            setState({ held: true, releasedBy: null });
-        }
-        else {
-            typedAt.current = Date.now();
-        }
-        schedule();
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  const setComposing = t5;
+  let t6;
+  let t7;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = () => clearTimer;
+    t7 = [];
+    $[6] = t6;
+    $[7] = t7;
+  } else {
+    t6 = $[6];
+    t7 = $[7];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[8] !== state.held || $[9] !== state.releasedBy) {
+    t8 = {
+      held: state.held,
+      releasedBy: state.releasedBy,
+      release,
+      noteInput,
+      setComposing
     };
-    useEffect(() => clearTimer, []);
-    return { held: state.held, releasedBy: state.releasedBy, release, noteInput, setComposing };
-}
+    $[8] = state.held;
+    $[9] = state.releasedBy;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  return t8;
+}

package/dist/chat/ui/composer/use-take-back.js

@@ -7,76 +7,98 @@ import { useChatActions } from '../../actions.js';
 import { readStoredAttachments } from '../../attachments.js';
 import { takeBackIntoDraft } from '../../drafts.js';
 /* Takes a queued message out of the queue and back into the draft, to be edited before it goes. */
-export function useTakeBack({ chatId, draft: { latest, setDraft }, setNotice, onTaken }) {
-    const { t } = useTranslation('agent-chat');
-    const host = useChatHost();
-    const scope = useChatScope();
-    const actions = useChatActions();
-    const [takingBack, setTakingBack] = useState(null);
-    /*
-     * The files come back from the machine before the message leaves the queue, since the machine only
-     * serves a file some message still holds. The machine's refusal is what says it already went out.
-     */
-    const takeBack = async (message) => {
-        if (takingBack !== null) {
-            return;
-        }
-        const failed = (e) => {
-            host.notify({ kind: 'error', title: t('composer.queue.editFailed'), description: e instanceof Error ? e.message : String(e) });
-        };
-        const readFiles = async () => {
-            const stored = message.attachments ?? [];
-            if (stored.length === 0) {
-                return [];
-            }
-            const files = host.attachments;
-            return readStoredAttachments((attachment) => files.read(scope.id, chatId, attachment.id), stored);
-        };
-        setTakingBack(message.id);
-        try {
-            let uploads;
-            try {
-                uploads = await readFiles();
-            }
-            catch (e) {
-                failed(e);
-                return;
-            }
-            const taken = {
-                text: message.text,
-                mentions: message.mentions ?? [],
-                skills: message.skills ?? [],
-                chats: message.chats ?? [],
-                attachments: uploads
-            };
-            // A file that would not fit is refused here, while the message still holds it on the machine.
-            const wouldReject = takeBackIntoDraft(latest.current, taken).rejected[0];
-            if (wouldReject) {
-                setNotice(t('composer.notice.queuedDoesNotFit', { name: wouldReject.name || t('composer.notice.thatFile'), reason: wouldReject.reason }));
-                return;
-            }
-            try {
-                await actions.unqueue(chatId, message.id);
-            }
-            catch (e) {
-                if (errorCode(e) === 'request-not-found') {
-                    host.notify({ kind: 'error', title: t('composer.queue.alreadySent') });
-                }
-                else {
-                    failed(e);
-                }
-                return;
-            }
-            const merged = takeBackIntoDraft(latest.current, taken);
-            setDraft(merged.draft);
-            if (merged.rejected[0]) {
-                setNotice(t('composer.notice.rejected', { name: merged.rejected[0].name, reason: merged.rejected[0].reason }));
-            }
-            onTaken();
-        }
-        finally {
-            setTakingBack(null);
-        }
+export function useTakeBack({
+  chatId,
+  draft: {
+    latest,
+    setDraft
+  },
+  setNotice,
+  onTaken
+}) {
+  const {
+    t
+  } = useTranslation('agent-chat');
+  const host = useChatHost();
+  const scope = useChatScope();
+  const actions = useChatActions();
+  const [takingBack, setTakingBack] = useState(null);
+  /*
+   * The files come back from the machine before the message leaves the queue, since the machine only
+   * serves a file some message still holds. The machine's refusal is what says it already went out.
+   */
+  const takeBack = async message => {
+    if (takingBack !== null) {
+      return;
+    }
+    const failed = e => {
+      host.notify({
+        kind: 'error',
+        title: t('composer.queue.editFailed'),
+        description: e instanceof Error ? e.message : String(e)
+      });
     };
-    return { takingBack, takeBack };
-}
+    const readFiles = async () => {
+      const stored = message.attachments ?? [];
+      if (stored.length === 0) {
+        return [];
+      }
+      const files = host.attachments;
+      return readStoredAttachments(attachment => files.read(scope.id, chatId, attachment.id), stored);
+    };
+    setTakingBack(message.id);
+    try {
+      let uploads;
+      try {
+        uploads = await readFiles();
+      } catch (e) {
+        failed(e);
+        return;
+      }
+      const taken = {
+        text: message.text,
+        mentions: message.mentions ?? [],
+        skills: message.skills ?? [],
+        chats: message.chats ?? [],
+        attachments: uploads
+      };
+      // A file that would not fit is refused here, while the message still holds it on the machine.
+      const wouldReject = takeBackIntoDraft(latest.current, taken).rejected[0];
+      if (wouldReject) {
+        setNotice(t('composer.notice.queuedDoesNotFit', {
+          name: wouldReject.name || t('composer.notice.thatFile'),
+          reason: wouldReject.reason
+        }));
+        return;
+      }
+      try {
+        await actions.unqueue(chatId, message.id);
+      } catch (e) {
+        if (errorCode(e) === 'request-not-found') {
+          host.notify({
+            kind: 'error',
+            title: t('composer.queue.alreadySent')
+          });
+        } else {
+          failed(e);
+        }
+        return;
+      }
+      const merged = takeBackIntoDraft(latest.current, taken);
+      setDraft(merged.draft);
+      if (merged.rejected[0]) {
+        setNotice(t('composer.notice.rejected', {
+          name: merged.rejected[0].name,
+          reason: merged.rejected[0].reason
+        }));
+      }
+      onTaken();
+    } finally {
+      setTakingBack(null);
+    }
+  };
+  return {
+    takingBack,
+    takeBack
+  };
+}

package/dist/chat/ui/diff/ApprovalReview.js

@@ -1,29 +1,107 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@adecore/ui';
 import { formatNumber } from '@adecore/ui/format';
 import { ReviewDiff } from './ReviewDiff.js';
-export function ApprovalReview({ entries, maxHeight }) {
-    const { t } = useTranslation('agent-prompts');
-    const [selected, setSelected] = useState(null);
-    const active = entries.find((entry) => entry.key === selected) ?? entries[0];
-    const labels = useMemo(() => {
-        const totals = new Map();
-        const counts = new Map();
-        for (const entry of entries) {
-            totals.set(entry.path, (totals.get(entry.path) ?? 0) + 1);
-        }
-        return entries.map((entry) => {
-            const count = (counts.get(entry.path) ?? 0) + 1;
-            counts.set(entry.path, count);
-            const total = totals.get(entry.path);
-            const suffix = total > 1 ? ` (${formatNumber(count)}/${formatNumber(total)})` : '';
-            return { short: `${entry.path.split(/[\\/]/).at(-1)}${suffix}`, full: `${entry.path}${suffix}` };
-        });
-    }, [entries]);
-    if (active === undefined) {
-        return null;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function ApprovalReview(t0) {
+  const $ = _c(17);
+  const {
+    entries,
+    maxHeight
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  const [selected, setSelected] = useState(null);
+  let t1;
+  if ($[0] !== entries || $[1] !== selected) {
+    t1 = entries.find(entry => entry.key === selected) ?? entries[0];
+    $[0] = entries;
+    $[1] = selected;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const active = t1;
+  let t2;
+  if ($[3] !== entries) {
+    const totals = new Map();
+    const counts = new Map();
+    for (const entry_0 of entries) {
+      totals.set(entry_0.path, (totals.get(entry_0.path) ?? 0) + 1);
     }
-    return (_jsxs("div", { children: [entries.length > 1 && (_jsxs(_Fragment, { children: [_jsx("div", { role: "toolbar", "aria-label": t('approval.reviewChanges'), className: "flex flex-wrap gap-1 border-b border-border p-1", children: entries.map((entry, index) => (_jsx(Button, { size: "sm", variant: active.key === entry.key ? 'secondary' : 'ghost', "aria-label": labels[index].full, "aria-pressed": active.key === entry.key, onClick: () => setSelected(entry.key), children: labels[index].short }, entry.key))) }), _jsx("p", { className: "break-all px-3 py-2 font-mono text-xs text-text-muted", children: active.path })] })), _jsx(ReviewDiff, { entry: active, maxHeight: maxHeight }, active.key)] }));
-}
+    t2 = entries.map(entry_1 => {
+      const count = (counts.get(entry_1.path) ?? 0) + 1;
+      counts.set(entry_1.path, count);
+      const total = totals.get(entry_1.path);
+      const suffix = total > 1 ? ` (${formatNumber(count)}/${formatNumber(total)})` : "";
+      return {
+        short: `${entry_1.path.split(/[\\/]/).at(-1)}${suffix}`,
+        full: `${entry_1.path}${suffix}`
+      };
+    });
+    $[3] = entries;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const labels = t2;
+  if (active === undefined) {
+    return null;
+  }
+  let t3;
+  if ($[5] !== active.key || $[6] !== active.path || $[7] !== entries || $[8] !== labels || $[9] !== t) {
+    t3 = entries.length > 1 && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        role: "toolbar",
+        "aria-label": t("approval.reviewChanges"),
+        className: "flex flex-wrap gap-1 border-b border-border p-1",
+        children: entries.map((entry_2, index) => /*#__PURE__*/_jsx(Button, {
+          size: "sm",
+          variant: active.key === entry_2.key ? "secondary" : "ghost",
+          "aria-label": labels[index].full,
+          "aria-pressed": active.key === entry_2.key,
+          onClick: () => setSelected(entry_2.key),
+          children: labels[index].short
+        }, entry_2.key))
+      }), /*#__PURE__*/_jsx("p", {
+        className: "break-all px-3 py-2 font-mono text-xs text-text-muted",
+        children: active.path
+      })]
+    });
+    $[5] = active.key;
+    $[6] = active.path;
+    $[7] = entries;
+    $[8] = labels;
+    $[9] = t;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== active || $[12] !== maxHeight) {
+    t4 = /*#__PURE__*/_jsx(ReviewDiff, {
+      entry: active,
+      maxHeight: maxHeight
+    }, active.key);
+    $[11] = active;
+    $[12] = maxHeight;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t3 || $[15] !== t4) {
+    t5 = /*#__PURE__*/_jsxs("div", {
+      children: [t3, t4]
+    });
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}