@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/composer/placeholder.js

@@ -1,38 +1,85 @@
+import { c as _c } from "react/compiler-runtime";
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useChatHost } from '../../../host.js';
 import { useChatScope } from '../../../scope.js';
+import { useHostComposerPlaceholder } from '../../../host-hooks.js';
 /* The empty box names its sigils as key caps, so they read as keys to press rather than as punctuation. */
 function hintedPlaceholder(lead, joiner, hints) {
-    const root = document.createElement('span');
-    root.className = 'composer-hints';
-    const extra = document.createElement('span');
-    extra.className = 'composer-hints-extra';
-    extra.append(joiner);
-    for (const hint of hints) {
-        const cap = document.createElement('kbd');
-        cap.textContent = hint.key;
-        extra.append(cap, hint.label);
-    }
-    root.append(lead, extra);
-    return root;
+  const root = document.createElement('span');
+  root.className = 'composer-hints';
+  const extra = document.createElement('span');
+  extra.className = 'composer-hints-extra';
+  extra.append(joiner);
+  for (const hint of hints) {
+    const cap = document.createElement('kbd');
+    cap.textContent = hint.key;
+    extra.append(cap, hint.label);
+  }
+  root.append(lead, extra);
+  return root;
 }
 /* What the empty box says: why nothing can be written, or the host's words and the keys that open a picker. */
-export function useHintedPlaceholder({ chatId, disabled, readOnly, mentionable, hasSkills }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const lead = useChatHost().useComposerPlaceholder(scope.id, chatId);
-    return useMemo(() => {
-        if (disabled) {
-            return t('composer.placeholder.disconnected');
-        }
-        if (readOnly) {
-            return t('composer.placeholder.readOnly');
-        }
-        return hintedPlaceholder(lead ?? t('composer.placeholder.lead'), t('composer.placeholder.joiner'), [
-            { key: '/', label: t('composer.placeholder.commands') },
-            ...(mentionable ? [{ key: '@', label: t('composer.placeholder.files') }] : []),
-            ...(hasSkills ? [{ key: '$', label: t('composer.placeholder.skills') }] : [])
-        ]);
-    }, [disabled, readOnly, lead, mentionable, hasSkills, t]);
-}
+export function useHintedPlaceholder(t0) {
+  const $ = _c(9);
+  const {
+    chatId,
+    disabled,
+    readOnly,
+    mentionable,
+    hasSkills
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const lead = useHostComposerPlaceholder(scope.id, chatId);
+  let t1;
+  bb0: {
+    if (disabled) {
+      let t2;
+      if ($[0] !== t) {
+        t2 = t("composer.placeholder.disconnected");
+        $[0] = t;
+        $[1] = t2;
+      } else {
+        t2 = $[1];
+      }
+      t1 = t2;
+      break bb0;
+    }
+    if (readOnly) {
+      let t2;
+      if ($[2] !== t) {
+        t2 = t("composer.placeholder.readOnly");
+        $[2] = t;
+        $[3] = t2;
+      } else {
+        t2 = $[3];
+      }
+      t1 = t2;
+      break bb0;
+    }
+    let t2;
+    if ($[4] !== hasSkills || $[5] !== lead || $[6] !== mentionable || $[7] !== t) {
+      t2 = hintedPlaceholder(lead ?? t("composer.placeholder.lead"), t("composer.placeholder.joiner"), [{
+        key: "/",
+        label: t("composer.placeholder.commands")
+      }, ...(mentionable ? [{
+        key: "@",
+        label: t("composer.placeholder.files")
+      }] : []), ...(hasSkills ? [{
+        key: "$",
+        label: t("composer.placeholder.skills")
+      }] : [])]);
+      $[4] = hasSkills;
+      $[5] = lead;
+      $[6] = mentionable;
+      $[7] = t;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    t1 = t2;
+  }
+  return t1;
+}

package/dist/chat/ui/composer/surface.js

@@ -1,44 +1,20 @@
 /* Anything with an action of its own; `data-composer-action` marks one a role cannot name, such as a control of the host's. */
-const ACTIONS = [
-    'a',
-    'button',
-    'input',
-    'select',
-    'textarea',
-    'label',
-    'summary',
-    '[contenteditable]:not([contenteditable="false"])',
-    '[tabindex]:not([tabindex="-1"])',
-    '[role="button"]',
-    '[role="link"]',
-    '[role="menuitem"]',
-    '[role="menuitemcheckbox"]',
-    '[role="menuitemradio"]',
-    '[role="option"]',
-    '[role="listbox"]',
-    '[role="checkbox"]',
-    '[role="radio"]',
-    '[role="switch"]',
-    '[role="tab"]',
-    '[role="slider"]',
-    '[role="combobox"]',
-    '[data-composer-action]'
-].join(', ');
+const ACTIONS = ['a', 'button', 'input', 'select', 'textarea', 'label', 'summary', '[contenteditable]:not([contenteditable="false"])', '[tabindex]:not([tabindex="-1"])', '[role="button"]', '[role="link"]', '[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', '[role="option"]', '[role="listbox"]', '[role="checkbox"]', '[role="radio"]', '[role="switch"]', '[role="tab"]', '[role="slider"]', '[role="combobox"]', '[data-composer-action]'].join(', ');
 /*
  * Where a pointer is on the composer: in the text field, on an action, or on the space around them,
  * which stands in for the text field. A target outside the surface is an action, as an event from a
  * popup portaled out of it still reaches the surface through React.
  */
 export function surfacePartOf(target, surface) {
-    // Not `instanceof Element`, which fails for an element of another window.
-    const element = target;
-    if (typeof element?.closest !== 'function' || !surface.contains(element)) {
-        return 'action';
-    }
-    const input = element.closest('.cm-editor');
-    if (input !== null && surface.contains(input)) {
-        return 'input';
-    }
-    const action = element.closest(ACTIONS);
-    return action !== null && surface.contains(action) ? 'action' : 'surface';
-}
+  // Not `instanceof Element`, which fails for an element of another window.
+  const element = target;
+  if (typeof element?.closest !== 'function' || !surface.contains(element)) {
+    return 'action';
+  }
+  const input = element.closest('.cm-editor');
+  if (input !== null && surface.contains(input)) {
+    return 'input';
+  }
+  const action = element.closest(ACTIONS);
+  return action !== null && surface.contains(action) ? 'action' : 'surface';
+}

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

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useChatHost } from '../../../host.js';
@@ -7,104 +8,243 @@ import { useChatActions } from '../../actions.js';
 import { rememberChatAccount, rememberChatSelection } from '../../preferences.js';
 import { composerStopOf } from '../../subagent-list.js';
 /* What the composer does to the chat rather than to its draft: its settings, a stop, a clear and a compaction. */
-export function useChatControls({ chatId, info, notice: { setNotice, showError }, onRetarget }) {
-    const { t } = useTranslation('agent-chat');
-    const host = useChatHost();
-    const scope = useChatScope();
-    const actions = useChatActions();
-    const configuring = useRef(false);
-    const [configurationPending, setConfigurationPending] = useState(false);
-    const [modelPickerOpen, setModelPickerOpen] = useState(false);
-    const [confirmClear, setConfirmClear] = useState(false);
-    /* One configuration at a time; a second pick while one is on its way is dropped. */
-    const runConfiguration = (work) => {
-        if (configuring.current) {
-            return;
-        }
-        configuring.current = true;
-        setConfigurationPending(true);
-        void work()
-            .catch(showError)
-            .finally(() => {
-            configuring.current = false;
-            setConfigurationPending(false);
-        });
-    };
-    // A mode picked here is this chat's; the default for new chats changes only in the settings.
-    const configure = (patch) => {
-        runConfiguration(() => actions.configure(chatId, patch).then(() => {
-            if (patch.selection) {
-                rememberChatSelection(info.provider, patch.selection);
-            }
-            if (patch.account) {
-                rememberChatAccount(scope.id, info.provider, patch.account);
-            }
-        }));
+export function useChatControls(t0) {
+  const $ = _c(50);
+  const {
+    chatId,
+    info,
+    notice: t1,
+    onRetarget
+  } = t0;
+  const {
+    setNotice,
+    showError
+  } = t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const host = useChatHost();
+  const scope = useChatScope();
+  const actions = useChatActions();
+  const configuring = useRef(false);
+  const [configurationPending, setConfigurationPending] = useState(false);
+  const [modelPickerOpen, setModelPickerOpen] = useState(false);
+  const [confirmClear, setConfirmClear] = useState(false);
+  let t2;
+  if ($[0] !== showError) {
+    t2 = work => {
+      if (configuring.current) {
+        return;
+      }
+      configuring.current = true;
+      setConfigurationPending(true);
+      work().catch(showError).finally(() => {
+        configuring.current = false;
+        setConfigurationPending(false);
+      });
     };
-    /* A model of another CLI re-points the whole chat; one of this CLI's own is a configure. */
-    const chooseModel = (provider, slug) => {
-        const selection = { model: slug, options: {} };
-        if (provider !== info.provider) {
-            runConfiguration(() => onRetarget(provider, selection).then(() => rememberChatSelection(provider, selection)));
-            return;
+    $[0] = showError;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const runConfiguration = t2;
+  let t3;
+  if ($[2] !== actions || $[3] !== chatId || $[4] !== info || $[5] !== runConfiguration || $[6] !== scope) {
+    t3 = patch => {
+      runConfiguration(() => actions.configure(chatId, patch).then(() => {
+        if (patch.selection) {
+          rememberChatSelection(info.provider, patch.selection);
         }
-        configure({ selection });
-    };
-    const stop = (shiftKey) => {
-        if (composerStopOf(shiftKey) === 'turn') {
-            void actions.stopTurn(chatId, false).catch(showError);
-            return;
+        if (patch.account) {
+          rememberChatAccount(scope.id, info.provider, patch.account);
         }
-        host.confirm.stopSubagents(scope.id, chatId, () => void actions.stopTurn(chatId, true).catch(showError));
+      }));
     };
-    /* The host decides whether a turn is in the way; only its refusal asks the person first. */
-    const clearThread = async () => {
-        try {
-            await actions.clear(chatId, false);
-        }
-        catch (e) {
-            if (errorCode(e) === 'chat-busy') {
-                setConfirmClear(true);
-                return;
-            }
-            setNotice(t('composer.notice.clearFailed'));
+    $[2] = actions;
+    $[3] = chatId;
+    $[4] = info;
+    $[5] = runConfiguration;
+    $[6] = scope;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const configure = t3;
+  let t4;
+  if ($[8] !== configure || $[9] !== info || $[10] !== onRetarget || $[11] !== runConfiguration) {
+    t4 = (provider, slug) => {
+      const selection = {
+        model: slug,
+        options: {}
+      };
+      if (provider !== info.provider) {
+        runConfiguration(() => onRetarget(provider, selection).then(() => rememberChatSelection(provider, selection)));
+        return;
+      }
+      configure({
+        selection
+      });
+    };
+    $[8] = configure;
+    $[9] = info;
+    $[10] = onRetarget;
+    $[11] = runConfiguration;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const chooseModel = t4;
+  let t5;
+  if ($[13] !== actions || $[14] !== chatId || $[15] !== host || $[16] !== scope || $[17] !== showError) {
+    t5 = shiftKey => {
+      if (composerStopOf(shiftKey) === "turn") {
+        actions.stopTurn(chatId, false).catch(showError);
+        return;
+      }
+      host.confirm.stopSubagents(scope.id, chatId, () => void actions.stopTurn(chatId, true).catch(showError));
+    };
+    $[13] = actions;
+    $[14] = chatId;
+    $[15] = host;
+    $[16] = scope;
+    $[17] = showError;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  const stop = t5;
+  let t6;
+  if ($[19] !== actions || $[20] !== chatId || $[21] !== setNotice || $[22] !== t) {
+    t6 = async () => {
+      ;
+      try {
+        await actions.clear(chatId, false);
+      } catch (t7) {
+        const e = t7;
+        if (errorCode(e) === "chat-busy") {
+          setConfirmClear(true);
+          return;
         }
+        setNotice(t("composer.notice.clearFailed"));
+      }
     };
-    const forceClearThread = async () => {
-        await actions.clear(chatId, true);
-        setConfirmClear(false);
+    $[19] = actions;
+    $[20] = chatId;
+    $[21] = setNotice;
+    $[22] = t;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  const clearThread = t6;
+  let t7;
+  if ($[24] !== actions || $[25] !== chatId) {
+    t7 = async () => {
+      await actions.clear(chatId, true);
+      setConfirmClear(false);
     };
-    const compact = () => {
-        void actions.compact(chatId).catch(() => setNotice(t('composer.notice.compactFailed')));
+    $[24] = actions;
+    $[25] = chatId;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  const forceClearThread = t7;
+  let t8;
+  if ($[27] !== actions || $[28] !== chatId || $[29] !== setNotice || $[30] !== t) {
+    t8 = () => {
+      actions.compact(chatId).catch(() => setNotice(t("composer.notice.compactFailed")));
     };
-    /* Runs one of the composer's own commands; false for a name it does not handle. */
-    const runCommand = (name) => {
-        switch (name) {
-            case 'model':
-                setModelPickerOpen(true);
-                return true;
-            case 'compact':
-                void actions.compact(chatId).catch(() => undefined);
-                return true;
-            case 'clear':
-                void clearThread();
-                return true;
-            default:
-                return false;
-        }
+    $[27] = actions;
+    $[28] = chatId;
+    $[29] = setNotice;
+    $[30] = t;
+    $[31] = t8;
+  } else {
+    t8 = $[31];
+  }
+  const compact = t8;
+  let t9;
+  if ($[32] !== actions || $[33] !== chatId || $[34] !== clearThread) {
+    t9 = name => {
+      switch (name) {
+        case "model":
+          {
+            setModelPickerOpen(true);
+            return true;
+          }
+        case "compact":
+          {
+            actions.compact(chatId).catch(_temp);
+            return true;
+          }
+        case "clear":
+          {
+            clearThread();
+            return true;
+          }
+        default:
+          {
+            return false;
+          }
+      }
     };
-    return {
-        configurationPending,
-        configure,
-        chooseModel,
-        chooseAccount: (account) => configure({ account }),
-        stop,
-        compact,
-        runCommand,
-        modelPickerOpen,
-        setModelPickerOpen,
-        confirmClear,
-        cancelClear: () => setConfirmClear(false),
-        forceClearThread
+    $[32] = actions;
+    $[33] = chatId;
+    $[34] = clearThread;
+    $[35] = t9;
+  } else {
+    t9 = $[35];
+  }
+  const runCommand = t9;
+  let t10;
+  if ($[36] !== configure) {
+    t10 = account => configure({
+      account
+    });
+    $[36] = configure;
+    $[37] = t10;
+  } else {
+    t10 = $[37];
+  }
+  let t11;
+  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => setConfirmClear(false);
+    $[38] = t11;
+  } else {
+    t11 = $[38];
+  }
+  let t12;
+  if ($[39] !== chooseModel || $[40] !== compact || $[41] !== configurationPending || $[42] !== configure || $[43] !== confirmClear || $[44] !== forceClearThread || $[45] !== modelPickerOpen || $[46] !== runCommand || $[47] !== stop || $[48] !== t10) {
+    t12 = {
+      configurationPending,
+      configure,
+      chooseModel,
+      chooseAccount: t10,
+      stop,
+      compact,
+      runCommand,
+      modelPickerOpen,
+      setModelPickerOpen,
+      confirmClear,
+      cancelClear: t11,
+      forceClearThread
     };
+    $[39] = chooseModel;
+    $[40] = compact;
+    $[41] = configurationPending;
+    $[42] = configure;
+    $[43] = confirmClear;
+    $[44] = forceClearThread;
+    $[45] = modelPickerOpen;
+    $[46] = runCommand;
+    $[47] = stop;
+    $[48] = t10;
+    $[49] = t12;
+  } else {
+    t12 = $[49];
+  }
+  return t12;
 }
+function _temp() {}

package/dist/chat/ui/composer/use-compaction-offer.js

@@ -1,23 +1,55 @@
-import { useNow } from '@adecore/ui';
+import { useEffect, useState } from 'react';
 import { useChatRow } from '../../../state/chats.js';
-import { RESUME_COMPACTION_TOKENS, resumeCompactionOffer } from '../../logic/resume-compaction.js';
+import { RESUME_COMPACTION_TOKENS, resumeCompactionDueAt, resumeCompactionOffer, watchDueAt } from '../../logic/resume-compaction.js';
 import { useResumeCompactionDismissal } from '../../resume-compaction-dismissals.js';
-/* The offer to fold a long context before a chat that sat idle goes on, or null when there is none. */
+const PAGE_CLOCK = {
+  now: () => Date.now(),
+  setTimer: (run, ms) => setTimeout(run, ms),
+  clearTimer: timer => clearTimeout(timer),
+  onWake: wake => {
+    if (typeof window === 'undefined') {
+      return () => {};
+    }
+    window.addEventListener('focus', wake);
+    document.addEventListener('visibilitychange', wake);
+    return () => {
+      window.removeEventListener('focus', wake);
+      document.removeEventListener('visibilitychange', wake);
+    };
+  }
+};
+/* The offer to fold a long context before a chat whose cache went cold goes on, or null when there is none. */
 export function useCompactionOffer(chatId, info, compaction) {
-    const order = useChatRow(chatId, (row) => row?.order);
-    const items = useChatRow(chatId, (row) => row?.structure);
-    const dismissedTurnId = useResumeCompactionDismissal(chatId);
-    // The cheap half of the offer, so a chat that can never make one keeps no timer.
-    const couldOffer = compaction !== undefined && compaction !== 'none' && info.usage.contextTokens >= RESUME_COMPACTION_TOKENS;
-    const now = useNow(60_000, couldOffer);
-    if (!couldOffer) {
-        return null;
+  const order = useChatRow(chatId, _temp);
+  const structure = useChatRow(chatId, _temp2);
+  const dismissedTurnId = useResumeCompactionDismissal(chatId);
+  const [now, setNow] = useState(Date.now);
+  const couldOffer = compaction !== undefined && compaction !== "none" && info.usage.contextTokens >= RESUME_COMPACTION_TOKENS;
+  const items = couldOffer ? (order ?? []).map(id => structure?.[id]).filter(_temp3) : [];
+  const input = {
+    info,
+    compaction,
+    items,
+    dismissedTurnId
+  };
+  const dueAt = couldOffer ? resumeCompactionDueAt(input) : null;
+  useEffect(() => {
+    if (dueAt === null) {
+      return;
     }
-    return resumeCompactionOffer({
-        info,
-        compaction,
-        items: (order ?? []).map((id) => items?.[id]).filter((item) => item !== undefined),
-        dismissedTurnId,
-        now
-    });
+    return watchDueAt(dueAt, setNow, PAGE_CLOCK);
+  }, [dueAt]);
+  return dueAt === null ? null : resumeCompactionOffer({
+    ...input,
+    now
+  });
+}
+function _temp3(item) {
+  return item !== undefined;
+}
+function _temp2(row_0) {
+  return row_0?.structure;
 }
+function _temp(row) {
+  return row?.order;
+}