@adecore/agents-react 0.38.0 → 0.40.0

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

@@ -1,560 +1,106 @@
 import { c as _c } from "react/compiler-runtime";
-import { useEffect, useId, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ensureSyntaxTree, syntaxTree } from '@codemirror/language';
-import { useChatHost } from '../../../host.js';
 import { useChatScope } from '../../../scope.js';
-import { referenceSuggestions, referenceTokens } from '../../chat-references.js';
-import { usableSlashCommands } from '../../guards.js';
-import { chipRanges, findMentionQuery, findReferenceQuery, findSkillQuery, insertMention, insertReference, insertSkill, mentionPick, NO_MENTION_SEARCH, queryOutsideChips } from '../../mentions.js';
-import { inCode } from './keys.js';
-import { clampMenuIndex, composerMenuAria } from './menu-aria.js';
+import { usePromptMenus } from './use-prompt-menus.js';
 import { useHostReferables } from '../../../host-hooks.js';
-const SEARCH_DEBOUNCE_MS = 80;
-// What fits above the composer without turning the picker into a file tree.
-const MENTION_RESULTS = 8;
-const REFERENCE_RESULTS = 8;
 // Commands the composer handles itself; the CLI's own ones are sent through as text.
 export const LOCAL_COMMANDS = ['model', 'compact', 'clear'];
-function sameQuery(left, right) {
-  return left?.start === right?.start && left?.query === right?.query;
-}
-/*
- * The pickers over the box: `/` for a command, `$` for a skill, `@` for a file and `#` for a view,
- * a node or another chat. One is open at a time, and the arrow keys and the editor's ARIA attributes
- * follow that one.
- */
+/* The pickers over a chat's composer, fed by what the chat's CLI has: its skills, its commands and its folder. */
 export function useComposerMenus(t0) {
-  const $ = _c(110);
+  const $ = _c(22);
   const {
     chatId,
     info,
     capabilities,
     providerName,
-    draft: t1,
+    draft,
     inputRef
   } = t0;
-  const {
-    draft,
-    setDraft,
-    setText
-  } = t1;
   const {
     t
   } = useTranslation("agent-chat");
   const scope = useChatScope();
-  const host = useChatHost();
-  const {
-    searchFiles
-  } = host;
   const referables = useHostReferables(scope.id, chatId);
-  const [menuIndex, setMenuIndex] = useState(0);
-  const [mention, setMention] = useState(null);
-  const [referenceQuery, setReferenceQuery] = useState(null);
-  const [skillQuery, setSkillQuery] = useState(null);
-  let t2;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[0] = t2;
+    t1 = [];
+    $[0] = t1;
   } else {
-    t2 = $[0];
+    t1 = $[0];
   }
-  const [skills, setSkills] = useState(t2);
-  const [searched, setSearched] = useState(NO_MENTION_SEARCH);
-  const text = draft.text;
-  const goals = capabilities?.goals;
-  let t3;
-  if ($[1] !== info.cwd || $[2] !== mention || $[3] !== scope.id || $[4] !== searchFiles) {
-    t3 = () => {
-      if (mention === null) {
-        return;
-      }
+  const [skills, setSkills] = useState(t1);
+  let t2;
+  if ($[1] !== chatId || $[2] !== scope.chats) {
+    t2 = () => {
       let stale = false;
-      const search = () => {
-        if (searchFiles === null) {
-          return;
-        }
-        searchFiles(scope.id, info.cwd, mention.query, MENTION_RESULTS).then(files => {
-          if (!stale) {
-            setSearched({
-              query: mention.query,
-              files
-            });
-            setMenuIndex(0);
-          }
-        }).catch(_temp);
-      };
-      if (mention.query === "") {
-        search();
-        return () => {
-          stale = true;
-        };
-      }
-      const timer = setTimeout(search, SEARCH_DEBOUNCE_MS);
-      return () => {
-        stale = true;
-        clearTimeout(timer);
-      };
-    };
-    $[1] = info.cwd;
-    $[2] = mention;
-    $[3] = scope.id;
-    $[4] = searchFiles;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== info.cwd || $[7] !== mention || $[8] !== scope || $[9] !== searchFiles) {
-    t4 = [scope, info.cwd, mention, searchFiles];
-    $[6] = info.cwd;
-    $[7] = mention;
-    $[8] = scope;
-    $[9] = searchFiles;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[11] !== chatId || $[12] !== scope.chats) {
-    t5 = () => {
-      let stale_0 = false;
       scope.chats.listSkills(chatId).then(found => {
-        if (!stale_0) {
+        if (!stale) {
           setSkills(found);
         }
-      }).catch(_temp2);
+      }).catch(_temp);
       return () => {
-        stale_0 = true;
+        stale = true;
       };
     };
-    $[11] = chatId;
-    $[12] = scope.chats;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== chatId || $[15] !== info.running || $[16] !== info.skills || $[17] !== scope) {
-    t6 = [scope, chatId, info.skills, info.running];
-    $[14] = chatId;
-    $[15] = info.running;
-    $[16] = info.skills;
-    $[17] = scope;
-    $[18] = t6;
+    $[1] = chatId;
+    $[2] = scope.chats;
+    $[3] = t2;
   } else {
-    t6 = $[18];
+    t2 = $[3];
   }
-  useEffect(t5, t6);
+  let t3;
+  if ($[4] !== chatId || $[5] !== info.running || $[6] !== info.skills || $[7] !== scope) {
+    t3 = [scope, chatId, info.skills, info.running];
+    $[4] = chatId;
+    $[5] = info.running;
+    $[6] = info.skills;
+    $[7] = scope;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  useEffect(t2, t3);
+  const t4 = capabilities?.mentions === false ? null : info.cwd;
+  const t5 = info.slashCommands;
+  const t6 = capabilities?.goals !== undefined;
   let t7;
-  if ($[19] !== text) {
-    t7 = text.startsWith("/") && !text.includes("\n") ? text.slice(1).trim().toLowerCase() : null;
-    $[19] = text;
-    $[20] = t7;
+  if ($[9] !== t) {
+    t7 = t("composer.inputLabel");
+    $[9] = t;
+    $[10] = t7;
   } else {
-    t7 = $[20];
+    t7 = $[10];
   }
-  const commandQuery = t7;
   let t8;
-  bb0: {
-    if (commandQuery === null) {
-      let t9;
-      if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-        t9 = [];
-        $[21] = t9;
-      } else {
-        t9 = $[21];
-      }
-      t8 = t9;
-      break bb0;
-    }
-    let t9;
-    if ($[22] !== skills) {
-      t9 = new Set(skills.map(_temp3));
-      $[22] = skills;
-      $[23] = t9;
-    } else {
-      t9 = $[23];
-    }
-    const known = t9;
-    let t10;
-    if ($[24] !== commandQuery || $[25] !== goals || $[26] !== info.slashCommands || $[27] !== known || $[28] !== providerName || $[29] !== t) {
-      const own = LOCAL_COMMANDS.map(name => ({
-        name,
-        hint: t(`composer.commands.${name}`),
-        local: true,
-        skill: false
-      }));
-      const goal = goals === undefined ? [] : [{
-        name: "goal",
-        hint: t("composer.commands.goal"),
-        local: false,
-        skill: false
-      }];
-      const cli = usableSlashCommands(info.slashCommands).filter(name_0 => !LOCAL_COMMANDS.includes(name_0) && (goals === undefined || name_0 !== "goal")).map(name_1 => ({
-        name: name_1,
-        hint: known.has(name_1) ? t("composer.commands.skill") : t("composer.commands.cli", {
-          cli: providerName ?? t("composer.commands.anyCli")
-        }),
-        local: false,
-        skill: known.has(name_1)
-      }));
-      t10 = [...own, ...goal, ...cli].filter(command => command.name.startsWith(commandQuery)).slice(0, 8);
-      $[24] = commandQuery;
-      $[25] = goals;
-      $[26] = info.slashCommands;
-      $[27] = known;
-      $[28] = providerName;
-      $[29] = t;
-      $[30] = t10;
-    } else {
-      t10 = $[30];
-    }
-    t8 = t10;
-  }
-  const commands = t8;
-  let t9;
-  bb1: {
-    if (skillQuery === null) {
-      let t10;
-      if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-        t10 = [];
-        $[31] = t10;
-      } else {
-        t10 = $[31];
-      }
-      t9 = t10;
-      break bb1;
-    }
-    let t10;
-    if ($[32] !== skillQuery.query || $[33] !== skills) {
-      const query = skillQuery.query.toLowerCase();
-      t10 = skills.filter(skill_0 => skill_0.name.toLowerCase().includes(query)).slice(0, 8);
-      $[32] = skillQuery.query;
-      $[33] = skills;
-      $[34] = t10;
-    } else {
-      t10 = $[34];
-    }
-    t9 = t10;
-  }
-  const skillMatches = t9;
-  const commandMenuOpen = commandQuery !== null && commands.length > 0;
-  const skillMenuOpen = !commandMenuOpen && skillQuery !== null && skillMatches.length > 0;
-  const mentionMenuOpen = !commandMenuOpen && !skillMenuOpen && mention !== null;
-  const files_0 = mention === null ? [] : searched.files;
-  const mentionCount = files_0.length;
-  let t10;
-  if ($[35] !== referables.chatsOnly) {
-    t10 = item => !referables.chatsOnly || item.kind === "chat";
-    $[35] = referables.chatsOnly;
-    $[36] = t10;
-  } else {
-    t10 = $[36];
-  }
-  const offersReferences = referables.items.some(t10);
-  const referenceMenuOpen = !commandMenuOpen && !skillMenuOpen && !mentionMenuOpen && referenceQuery !== null && offersReferences;
-  const referenceMatches = referenceMenuOpen ? referenceSuggestions(referables, referenceQuery.query, [chatId, ...draft.chats, ...draft.references], REFERENCE_RESULTS) : [];
-  let t11;
-  if ($[37] !== draft.chats || $[38] !== draft.referenceNames || $[39] !== draft.references || $[40] !== referables.items) {
-    let t12;
-    if ($[42] !== referables.items) {
-      t12 = token => ({
-        ...token,
-        kind: referables.items.find(item_0 => item_0.id === token.id)?.kind ?? null
-      });
-      $[42] = referables.items;
-      $[43] = t12;
-    } else {
-      t12 = $[43];
-    }
-    t11 = referenceTokens([...draft.chats, ...draft.references], referables.items, draft.referenceNames).map(t12);
-    $[37] = draft.chats;
-    $[38] = draft.referenceNames;
-    $[39] = draft.references;
-    $[40] = referables.items;
-    $[41] = t11;
-  } else {
-    t11 = $[41];
-  }
-  const referenceChips = t11;
-  const listId = useId();
-  const menuOpen = commandMenuOpen || skillMenuOpen || mentionMenuOpen || referenceMenuOpen;
-  const menuCount = commandMenuOpen ? commands.length : skillMenuOpen ? skillMatches.length : mentionMenuOpen ? mentionCount : referenceMatches.length;
-  const activeIndex = clampMenuIndex(menuIndex, menuCount);
-  const inputAria = composerMenuAria({
-    label: t("composer.inputLabel"),
-    listId,
-    open: menuOpen,
-    activeIndex,
-    count: menuCount
-  });
-  let t12;
-  if ($[44] !== capabilities?.mentions || $[45] !== draft.mentions || $[46] !== draft.skills || $[47] !== referenceChips) {
-    t12 = (value, selection, state) => {
-      const empty = selection.from === selection.to;
-      const tree = empty ? ensureSyntaxTree(state, selection.from, 50) ?? syntaxTree(state) : null;
-      const caret = tree !== null && !inCode(tree, value, selection.from) ? selection.from : null;
-      const chips = caret === null ? [] : chipRanges(value, draft.mentions, draft.skills, [], referenceChips);
-      const skill_1 = caret === null ? null : queryOutsideChips(findSkillQuery(value, caret), chips);
-      setSkillQuery(current => sameQuery(current, skill_1) ? current : skill_1);
-      const next = caret === null || capabilities?.mentions === false ? null : queryOutsideChips(findMentionQuery(value, caret), chips);
-      setMention(current_0 => sameQuery(current_0, next) ? current_0 : next);
-      const reference = caret === null ? null : queryOutsideChips(findReferenceQuery(value, caret), chips);
-      setReferenceQuery(current_1 => sameQuery(current_1, reference) ? current_1 : reference);
-    };
-    $[44] = capabilities?.mentions;
-    $[45] = draft.mentions;
-    $[46] = draft.skills;
-    $[47] = referenceChips;
-    $[48] = t12;
-  } else {
-    t12 = $[48];
-  }
-  const trackTriggers = t12;
-  let t13;
-  if ($[49] !== inputRef) {
-    t13 = caret_0 => {
-      requestAnimationFrame(() => inputRef.current?.setCaret(caret_0));
-    };
-    $[49] = inputRef;
-    $[50] = t13;
-  } else {
-    t13 = $[50];
-  }
-  const moveCaret = t13;
-  let t14;
-  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = () => {
-      setMention(null);
-      setSkillQuery(null);
-      setReferenceQuery(null);
-    };
-    $[51] = t14;
-  } else {
-    t14 = $[51];
-  }
-  const close = t14;
-  let t15;
-  if ($[52] !== draft.mentions || $[53] !== mention || $[54] !== moveCaret || $[55] !== setText || $[56] !== text) {
-    t15 = path => {
-      if (!mention) {
-        return;
-      }
-      const result = insertMention(text, mention, path);
-      setText(result.text, draft.mentions.includes(path) ? draft.mentions : [...draft.mentions, path]);
-      setMention(null);
-      moveCaret(result.caret);
-    };
-    $[52] = draft.mentions;
-    $[53] = mention;
-    $[54] = moveCaret;
-    $[55] = setText;
-    $[56] = text;
-    $[57] = t15;
-  } else {
-    t15 = $[57];
-  }
-  const chooseMention = t15;
-  let t16;
-  if ($[58] !== chooseMention || $[59] !== mention || $[60] !== searched) {
-    t16 = index => {
-      const path_0 = mention === null ? null : mentionPick(index, searched, mention.query);
-      if (path_0 !== null) {
-        chooseMention(path_0);
-      }
-    };
-    $[58] = chooseMention;
-    $[59] = mention;
-    $[60] = searched;
-    $[61] = t16;
-  } else {
-    t16 = $[61];
-  }
-  const chooseMentionAt = t16;
-  let t17;
-  if ($[62] !== moveCaret || $[63] !== referenceQuery || $[64] !== setDraft || $[65] !== text) {
-    t17 = item_1 => {
-      if (!referenceQuery) {
-        return;
-      }
-      const result_0 = insertReference(text, referenceQuery, item_1.name);
-      const chat = item_1.kind === "chat";
-      const add = ids => ids.includes(item_1.id) ? ids : [...ids, item_1.id];
-      setDraft(current_2 => ({
-        ...current_2,
-        text: result_0.text,
-        chats: chat ? add(current_2.chats) : current_2.chats,
-        references: chat ? current_2.references : add(current_2.references),
-        referenceNames: {
-          ...current_2.referenceNames,
-          [item_1.id]: item_1.name
-        }
-      }));
-      setReferenceQuery(null);
-      moveCaret(result_0.caret);
-    };
-    $[62] = moveCaret;
-    $[63] = referenceQuery;
-    $[64] = setDraft;
-    $[65] = text;
-    $[66] = t17;
-  } else {
-    t17 = $[66];
-  }
-  const chooseReference = t17;
-  let t18;
-  if ($[67] !== chooseReference || $[68] !== referenceMatches) {
-    t18 = index_0 => {
-      const item_2 = referenceMatches[index_0] ?? referenceMatches[0];
-      if (item_2 !== undefined) {
-        chooseReference(item_2);
-      }
-    };
-    $[67] = chooseReference;
-    $[68] = referenceMatches;
-    $[69] = t18;
-  } else {
-    t18 = $[69];
-  }
-  const chooseReferenceAt = t18;
-  let t19;
-  if ($[70] !== draft.mentions || $[71] !== draft.skills || $[72] !== moveCaret || $[73] !== setText || $[74] !== skillQuery || $[75] !== text) {
-    t19 = name_2 => {
-      const result_1 = skillQuery ? insertSkill(text, skillQuery, name_2) : {
-        text: `$${name_2} `,
-        caret: name_2.length + 2
-      };
-      setText(result_1.text, draft.mentions, draft.skills.includes(name_2) ? draft.skills : [...draft.skills, name_2]);
-      setSkillQuery(null);
-      moveCaret(result_1.caret);
-    };
-    $[70] = draft.mentions;
-    $[71] = draft.skills;
-    $[72] = moveCaret;
-    $[73] = setText;
-    $[74] = skillQuery;
-    $[75] = text;
-    $[76] = t19;
-  } else {
-    t19 = $[76];
-  }
-  const chooseSkill = t19;
-  let t20;
-  if ($[77] !== chooseSkill || $[78] !== inputRef || $[79] !== setText) {
-    t20 = (command_0, index_1) => {
-      setMenuIndex(index_1);
-      if (command_0.skill) {
-        chooseSkill(command_0.name);
-        return;
-      }
-      setText(`/${command_0.name}`);
-      inputRef.current?.focus();
-    };
-    $[77] = chooseSkill;
-    $[78] = inputRef;
-    $[79] = setText;
-    $[80] = t20;
-  } else {
-    t20 = $[80];
-  }
-  const pickCommand = t20;
-  let t21;
-  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
-    t21 = (key, count) => {
-      if (key === "ArrowDown") {
-        setMenuIndex(i => (i + 1) % count);
-        return true;
-      }
-      if (key === "ArrowUp") {
-        setMenuIndex(i_0 => (i_0 - 1 + count) % count);
-        return true;
-      }
-      return false;
-    };
-    $[81] = t21;
-  } else {
-    t21 = $[81];
-  }
-  const moveInMenu = t21;
-  const t22 = skills.length > 0;
-  let t23;
-  if ($[82] !== skills) {
-    t23 = skills.map(_temp4);
-    $[82] = skills;
-    $[83] = t23;
-  } else {
-    t23 = $[83];
-  }
-  let t24;
-  if ($[84] !== activeIndex || $[85] !== chooseMention || $[86] !== chooseMentionAt || $[87] !== chooseReference || $[88] !== chooseReferenceAt || $[89] !== chooseSkill || $[90] !== commandMenuOpen || $[91] !== commandQuery || $[92] !== commands || $[93] !== files_0 || $[94] !== inputAria || $[95] !== listId || $[96] !== mention || $[97] !== mentionCount || $[98] !== mentionMenuOpen || $[99] !== pickCommand || $[100] !== referables || $[101] !== referenceChips || $[102] !== referenceMatches || $[103] !== referenceMenuOpen || $[104] !== skillMatches || $[105] !== skillMenuOpen || $[106] !== t22 || $[107] !== t23 || $[108] !== trackTriggers) {
-    t24 = {
-      listId,
-      activeIndex,
-      inputAria,
-      hasSkills: t22,
-      skillNames: t23,
-      commandQuery,
-      commands,
-      commandMenuOpen,
-      skillMatches,
-      skillMenuOpen,
-      mention,
-      mentionMenuOpen,
-      mentionCount,
-      files: files_0,
-      referenceMenuOpen,
-      referenceMatches,
+  if ($[11] !== chatId || $[12] !== draft || $[13] !== info.slashCommands || $[14] !== inputRef || $[15] !== providerName || $[16] !== referables || $[17] !== skills || $[18] !== t4 || $[19] !== t6 || $[20] !== t7) {
+    t8 = {
+      draft,
+      inputRef,
+      cwd: t4,
+      skills,
+      slashCommands: t5,
+      localCommands: LOCAL_COMMANDS,
+      goals: t6,
+      providerName,
       referables,
-      referenceChips,
-      setMenuIndex,
-      trackTriggers,
-      close,
-      chooseMention,
-      chooseMentionAt,
-      chooseReference,
-      chooseReferenceAt,
-      chooseSkill,
-      pickCommand,
-      moveInMenu
+      ownId: chatId,
+      label: t7
     };
-    $[84] = activeIndex;
-    $[85] = chooseMention;
-    $[86] = chooseMentionAt;
-    $[87] = chooseReference;
-    $[88] = chooseReferenceAt;
-    $[89] = chooseSkill;
-    $[90] = commandMenuOpen;
-    $[91] = commandQuery;
-    $[92] = commands;
-    $[93] = files_0;
-    $[94] = inputAria;
-    $[95] = listId;
-    $[96] = mention;
-    $[97] = mentionCount;
-    $[98] = mentionMenuOpen;
-    $[99] = pickCommand;
-    $[100] = referables;
-    $[101] = referenceChips;
-    $[102] = referenceMatches;
-    $[103] = referenceMenuOpen;
-    $[104] = skillMatches;
-    $[105] = skillMenuOpen;
-    $[106] = t22;
-    $[107] = t23;
-    $[108] = trackTriggers;
-    $[109] = t24;
+    $[11] = chatId;
+    $[12] = draft;
+    $[13] = info.slashCommands;
+    $[14] = inputRef;
+    $[15] = providerName;
+    $[16] = referables;
+    $[17] = skills;
+    $[18] = t4;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
   } else {
-    t24 = $[109];
+    t8 = $[21];
   }
-  return t24;
-}
-function _temp4(skill_2) {
-  return skill_2.name;
-}
-function _temp3(skill) {
-  return skill.name;
+  return usePromptMenus(t8);
 }
-function _temp2() {}
 function _temp() {}

package/dist/chat/ui/composer/use-continuable-turn.js

@@ -1,5 +1,4 @@
 import { c as _c } from "react/compiler-runtime";
-import { useMemo } from 'react';
 import { useChatRow } from '../../../state/chats.js';
 import { continuableTurn } from '../../logic/continue-after-stop.js';
 /* The turn a person stopped that Continue would pick up, or null when there is none. */

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

@@ -1,5 +1,6 @@
 import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
+import { errorMessage } from '../../../transport.js';
 const NOTICE_MS = 4000;
 /* A line under the box that says what went wrong, gone again after a few seconds. */
 export function useNotice() {
@@ -42,7 +43,7 @@ export function useNotice() {
   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));
+    t5 = error => setNotice(errorMessage(error));
     $[4] = t5;
   } else {
     t5 = $[4];

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

@@ -1,5 +1,5 @@
 import { c as _c } from "react/compiler-runtime";
-import { useMemo, useState } from 'react';
+import { 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;