@adecore/agents-react 0.31.11 → 0.32.0

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

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useId, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ensureSyntaxTree, syntaxTree } from '@codemirror/language';
@@ -8,6 +9,7 @@ import { usableSlashCommands } from '../../guards.js';
 import { dropQuery, findMentionQuery, findSkillQuery, insertMention, insertSkill, mentionPick, NO_MENTION_SEARCH } from '../../mentions.js';
 import { inCode } from './keys.js';
 import { clampMenuIndex, composerMenuAria } from './menu-aria.js';
+import { useHostReferableChats } 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;
@@ -16,217 +18,500 @@ const CHAT_RESULTS = 4;
 // 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;
+  return left?.start === right?.start && left?.query === right?.query;
 }
 /*
  * The pickers over the box: `/` for a command, `$` for a skill and `@` for a file or another chat.
  * One is open at a time, and the arrow keys and the editor's ARIA attributes follow that one.
  */
-export function useComposerMenus({ chatId, info, capabilities, providerName, draft: { draft, setDraft, setText }, inputRef }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const host = useChatHost();
-    const { searchFiles } = host;
-    const chats = host.useReferableChats();
-    const [menuIndex, setMenuIndex] = useState(0);
-    const [mention, setMention] = useState(null);
-    const [skillQuery, setSkillQuery] = useState(null);
-    const [skills, setSkills] = useState([]);
-    const [searched, setSearched] = useState(NO_MENTION_SEARCH);
-    const text = draft.text;
-    const goals = capabilities?.goals;
-    // Every keystroke inside an `@word` searches again; a slow answer must not overwrite a newer one.
-    useEffect(() => {
-        if (mention === null) {
-            return;
+export function useComposerMenus(t0) {
+  const $ = _c(105);
+  const {
+    chatId,
+    info,
+    capabilities,
+    providerName,
+    draft: t1,
+    inputRef
+  } = t0;
+  const {
+    draft,
+    setDraft,
+    setText
+  } = t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const host = useChatHost();
+  const {
+    searchFiles
+  } = host;
+  const chats = useHostReferableChats();
+  const [menuIndex, setMenuIndex] = useState(0);
+  const [mention, setMention] = useState(null);
+  const [skillQuery, setSkillQuery] = useState(null);
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [];
+    $[0] = t2;
+  } else {
+    t2 = $[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;
+      }
+      let stale = false;
+      const search = () => {
+        if (searchFiles === null) {
+          return;
         }
-        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(() => undefined);
-        };
-        // A bare `@` is not a keystroke in a query. It opens the list of what is there, at once.
-        if (mention.query === '') {
-            search();
-            return () => {
-                stale = true;
-            };
-        }
-        const timer = setTimeout(search, SEARCH_DEBOUNCE_MS);
-        return () => {
-            stale = true;
-            clearTimeout(timer);
-        };
-    }, [scope, info.cwd, mention, searchFiles]);
-    /*
-     * The host's skill list, once per chat, again once the CLI announced its own after the first message,
-     * and again when its process comes or goes, which is when a restart reads new skills.
-     */
-    useEffect(() => {
-        let stale = false;
-        scope.chats
-            .listSkills(chatId)
-            .then((found) => {
-            if (!stale) {
-                setSkills(found);
-            }
-        })
-            .catch(() => undefined);
+        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;
+          stale = true;
         };
-    }, [scope, chatId, info.skills, info.running]);
-    const commandQuery = text.startsWith('/') && !text.includes('\n') ? text.slice(1).trim().toLowerCase() : null;
-    const commands = useMemo(() => {
-        if (commandQuery === null) {
-            return [];
-        }
-        const known = new Set(skills.map((skill) => skill.name));
-        const own = LOCAL_COMMANDS.map((name) => ({ name, hint: t(`composer.commands.${name}`), local: true, skill: false }));
-        // Every CLI with goals reads `/goal`, also one that lists no commands of its own.
-        const goal = goals === undefined ? [] : [{ name: 'goal', hint: t('composer.commands.goal'), local: false, skill: false }];
-        const cli = usableSlashCommands(info.slashCommands)
-            .filter((name) => !LOCAL_COMMANDS.includes(name) && (goals === undefined || name !== 'goal'))
-            .map((name) => ({
-            name,
-            hint: known.has(name) ? t('composer.commands.skill') : t('composer.commands.cli', { cli: providerName ?? t('composer.commands.anyCli') }),
-            local: false,
-            skill: known.has(name)
-        }));
-        return [...own, ...goal, ...cli].filter((command) => command.name.startsWith(commandQuery)).slice(0, 8);
-    }, [commandQuery, goals, info.slashCommands, providerName, skills, t]);
-    const skillMatches = useMemo(() => {
-        if (skillQuery === null) {
-            return [];
+      }
+      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) {
+          setSkills(found);
         }
-        const query = skillQuery.query.toLowerCase();
-        return skills.filter((skill) => skill.name.toLowerCase().includes(query)).slice(0, 8);
-    }, [skillQuery, skills]);
-    const commandMenuOpen = commandQuery !== null && commands.length > 0;
-    const skillMenuOpen = !commandMenuOpen && skillQuery !== null && skillMatches.length > 0;
-    const mentionMenuOpen = !commandMenuOpen && !skillMenuOpen && mention !== null;
-    // Results belong to the query that asked for them; a closed picker shows none while the next answer is on its way.
-    const files = mention === null ? [] : searched.files;
-    const chatMatches = useMemo(() => (mention === null ? [] : chatSuggestions(chats, mention.query, [chatId, ...draft.chats], CHAT_RESULTS)), [chatId, chats, draft.chats, mention]);
-    const mentionCount = chatMatches.length + files.length;
-    // One menu is open at a time, so they share an id.
-    const listId = useId();
-    const menuOpen = commandMenuOpen || skillMenuOpen || mentionMenuOpen;
-    const menuCount = commandMenuOpen ? commands.length : skillMenuOpen ? skillMatches.length : mentionCount;
-    // The list can shrink under a stale index; every reader takes the one that still points at an option.
-    const activeIndex = clampMenuIndex(menuIndex, menuCount);
-    const inputAria = useMemo(() => composerMenuAria({ label: t('composer.inputLabel'), listId, open: menuOpen, activeIndex, count: menuCount }), [t, listId, menuOpen, activeIndex, menuCount]);
-    /* Which picker the caret opens: `@` for a file, `$` for a skill, or neither. In code a sigil is just text. */
-    const trackTriggers = (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 skill = caret === null ? null : findSkillQuery(value, caret);
-        setSkillQuery((current) => (sameQuery(current, skill) ? current : skill));
-        // A CLI that does not expand `@path` gets the text as it is, so the picker stays out of the way.
-        const next = caret === null || capabilities?.mentions === false ? null : findMentionQuery(value, caret);
-        setMention((current) => (sameQuery(current, next) ? current : next));
+      }).catch(_temp2);
+      return () => {
+        stale_0 = true;
+      };
     };
-    // The inserted text reaches the editor with the render it causes, so the caret waits a frame for it.
-    const moveCaret = (caret) => {
-        requestAnimationFrame(() => inputRef.current?.setCaret(caret));
+    $[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;
+  } else {
+    t6 = $[18];
+  }
+  useEffect(t5, t6);
+  let t7;
+  if ($[19] !== text) {
+    t7 = text.startsWith("/") && !text.includes("\n") ? text.slice(1).trim().toLowerCase() : null;
+    $[19] = text;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  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;
+  let t10;
+  if ($[35] !== mention || $[36] !== searched) {
+    t10 = mention === null ? [] : searched.files;
+    $[35] = mention;
+    $[36] = searched;
+    $[37] = t10;
+  } else {
+    t10 = $[37];
+  }
+  const files_0 = t10;
+  let t11;
+  if ($[38] !== chatId || $[39] !== chats || $[40] !== draft.chats || $[41] !== mention) {
+    t11 = mention === null ? [] : chatSuggestions(chats, mention.query, [chatId, ...draft.chats], CHAT_RESULTS);
+    $[38] = chatId;
+    $[39] = chats;
+    $[40] = draft.chats;
+    $[41] = mention;
+    $[42] = t11;
+  } else {
+    t11 = $[42];
+  }
+  const chatMatches = t11;
+  const mentionCount = chatMatches.length + files_0.length;
+  const listId = useId();
+  const menuOpen = commandMenuOpen || skillMenuOpen || mentionMenuOpen;
+  const menuCount = commandMenuOpen ? commands.length : skillMenuOpen ? skillMatches.length : mentionCount;
+  let activeIndex;
+  let t12;
+  if ($[43] !== listId || $[44] !== menuCount || $[45] !== menuIndex || $[46] !== menuOpen || $[47] !== t) {
+    activeIndex = clampMenuIndex(menuIndex, menuCount);
+    t12 = composerMenuAria({
+      label: t("composer.inputLabel"),
+      listId,
+      open: menuOpen,
+      activeIndex,
+      count: menuCount
+    });
+    $[43] = listId;
+    $[44] = menuCount;
+    $[45] = menuIndex;
+    $[46] = menuOpen;
+    $[47] = t;
+    $[48] = activeIndex;
+    $[49] = t12;
+  } else {
+    activeIndex = $[48];
+    t12 = $[49];
+  }
+  const inputAria = t12;
+  let t13;
+  if ($[50] !== capabilities?.mentions) {
+    t13 = (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 skill_1 = caret === null ? null : findSkillQuery(value, caret);
+      setSkillQuery(current => sameQuery(current, skill_1) ? current : skill_1);
+      const next = caret === null || capabilities?.mentions === false ? null : findMentionQuery(value, caret);
+      setMention(current_0 => sameQuery(current_0, next) ? current_0 : next);
     };
-    const close = () => {
-        setMention(null);
-        setSkillQuery(null);
+    $[50] = capabilities?.mentions;
+    $[51] = t13;
+  } else {
+    t13 = $[51];
+  }
+  const trackTriggers = t13;
+  let t14;
+  if ($[52] !== inputRef) {
+    t14 = caret_0 => {
+      requestAnimationFrame(() => inputRef.current?.setCaret(caret_0));
     };
-    const chooseMention = (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] = inputRef;
+    $[53] = t14;
+  } else {
+    t14 = $[53];
+  }
+  const moveCaret = t14;
+  let t15;
+  if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = () => {
+      setMention(null);
+      setSkillQuery(null);
     };
-    /* A picked chat sits beside the text as a chip, so the `@query` that found it goes. */
-    const chooseChat = (id) => {
-        if (!mention) {
-            return;
-        }
-        const result = dropQuery(text, mention);
-        setDraft((current) => ({ ...current, text: result.text, chats: current.chats.includes(id) ? current.chats : [...current.chats, id] }));
-        setMention(null);
-        moveCaret(result.caret);
+    $[54] = t15;
+  } else {
+    t15 = $[54];
+  }
+  const close = t15;
+  let t16;
+  if ($[55] !== draft.mentions || $[56] !== mention || $[57] !== moveCaret || $[58] !== setText || $[59] !== text) {
+    t16 = 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);
     };
-    const chooseMentionAt = (index) => {
-        const pick = mention === null ? null : mentionPick(index, chatMatches, searched, mention.query);
-        if (pick?.kind === 'chat') {
-            chooseChat(pick.chat.id);
-        }
-        else if (pick?.kind === 'file') {
-            chooseMention(pick.path);
+    $[55] = draft.mentions;
+    $[56] = mention;
+    $[57] = moveCaret;
+    $[58] = setText;
+    $[59] = text;
+    $[60] = t16;
+  } else {
+    t16 = $[60];
+  }
+  const chooseMention = t16;
+  let t17;
+  if ($[61] !== mention || $[62] !== moveCaret || $[63] !== setDraft || $[64] !== text) {
+    t17 = id => {
+      if (!mention) {
+        return;
+      }
+      const result_0 = dropQuery(text, mention);
+      setDraft(current_1 => ({
+        ...current_1,
+        text: result_0.text,
+        chats: current_1.chats.includes(id) ? current_1.chats : [...current_1.chats, id]
+      }));
+      setMention(null);
+      moveCaret(result_0.caret);
+    };
+    $[61] = mention;
+    $[62] = moveCaret;
+    $[63] = setDraft;
+    $[64] = text;
+    $[65] = t17;
+  } else {
+    t17 = $[65];
+  }
+  const chooseChat = t17;
+  let t18;
+  if ($[66] !== chatMatches || $[67] !== chooseChat || $[68] !== chooseMention || $[69] !== mention || $[70] !== searched) {
+    t18 = index => {
+      const pick = mention === null ? null : mentionPick(index, chatMatches, searched, mention.query);
+      if (pick?.kind === "chat") {
+        chooseChat(pick.chat.id);
+      } else {
+        if (pick?.kind === "file") {
+          chooseMention(pick.path);
         }
+      }
     };
-    /*
-     * A picked skill becomes a `$name` chip in the text and a name on the send, which is what
-     * dispatches it. The `/` menu lands here too, so both spellings end up on the same path.
-     */
-    const chooseSkill = (name) => {
-        const result = skillQuery ? insertSkill(text, skillQuery, name) : { text: `$${name} `, caret: name.length + 2 };
-        setText(result.text, draft.mentions, draft.skills.includes(name) ? draft.skills : [...draft.skills, name]);
-        setSkillQuery(null);
-        moveCaret(result.caret);
+    $[66] = chatMatches;
+    $[67] = chooseChat;
+    $[68] = chooseMention;
+    $[69] = mention;
+    $[70] = searched;
+    $[71] = t18;
+  } else {
+    t18 = $[71];
+  }
+  const chooseMentionAt = t18;
+  let t19;
+  if ($[72] !== draft.mentions || $[73] !== draft.skills || $[74] !== moveCaret || $[75] !== setText || $[76] !== skillQuery || $[77] !== 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);
     };
-    /* A clicked command; Tab completes one with a space after it instead. */
-    const pickCommand = (command, index) => {
-        setMenuIndex(index);
-        if (command.skill) {
-            chooseSkill(command.name);
-            return;
-        }
-        setText(`/${command.name}`);
-        inputRef.current?.focus();
+    $[72] = draft.mentions;
+    $[73] = draft.skills;
+    $[74] = moveCaret;
+    $[75] = setText;
+    $[76] = skillQuery;
+    $[77] = text;
+    $[78] = t19;
+  } else {
+    t19 = $[78];
+  }
+  const chooseSkill = t19;
+  let t20;
+  if ($[79] !== chooseSkill || $[80] !== inputRef || $[81] !== setText) {
+    t20 = (command_0, index_0) => {
+      setMenuIndex(index_0);
+      if (command_0.skill) {
+        chooseSkill(command_0.name);
+        return;
+      }
+      setText(`/${command_0.name}`);
+      inputRef.current?.focus();
     };
-    /* The arrows walk an open picker round; true when the key was one of them. */
-    const moveInMenu = (key, count) => {
-        if (key === 'ArrowDown') {
-            setMenuIndex((i) => (i + 1) % count);
-            return true;
-        }
-        if (key === 'ArrowUp') {
-            setMenuIndex((i) => (i - 1 + count) % count);
-            return true;
-        }
-        return false;
+    $[79] = chooseSkill;
+    $[80] = inputRef;
+    $[81] = setText;
+    $[82] = t20;
+  } else {
+    t20 = $[82];
+  }
+  const pickCommand = t20;
+  let t21;
+  if ($[83] === 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;
     };
-    return {
-        listId,
-        activeIndex,
-        inputAria,
-        hasSkills: skills.length > 0,
-        commandQuery,
-        commands,
-        commandMenuOpen,
-        skillMatches,
-        skillMenuOpen,
-        mention,
-        mentionMenuOpen,
-        mentionCount,
-        chatMatches,
-        files,
-        setMenuIndex,
-        trackTriggers,
-        close,
-        chooseMention,
-        chooseChat,
-        chooseMentionAt,
-        chooseSkill,
-        pickCommand,
-        moveInMenu
+    $[83] = t21;
+  } else {
+    t21 = $[83];
+  }
+  const moveInMenu = t21;
+  const t22 = skills.length > 0;
+  let t23;
+  if ($[84] !== activeIndex || $[85] !== chatMatches || $[86] !== chooseChat || $[87] !== chooseMention || $[88] !== chooseMentionAt || $[89] !== chooseSkill || $[90] !== commandMenuOpen || $[91] !== commandQuery || $[92] !== commands || $[93] !== files_0 || $[94] !== inputAria || $[95] !== listId || $[96] !== mention || $[97] !== mentionCount || $[98] !== mentionMenuOpen || $[99] !== pickCommand || $[100] !== skillMatches || $[101] !== skillMenuOpen || $[102] !== t22 || $[103] !== trackTriggers) {
+    t23 = {
+      listId,
+      activeIndex,
+      inputAria,
+      hasSkills: t22,
+      commandQuery,
+      commands,
+      commandMenuOpen,
+      skillMatches,
+      skillMenuOpen,
+      mention,
+      mentionMenuOpen,
+      mentionCount,
+      chatMatches,
+      files: files_0,
+      setMenuIndex,
+      trackTriggers,
+      close,
+      chooseMention,
+      chooseChat,
+      chooseMentionAt,
+      chooseSkill,
+      pickCommand,
+      moveInMenu
     };
+    $[84] = activeIndex;
+    $[85] = chatMatches;
+    $[86] = chooseChat;
+    $[87] = chooseMention;
+    $[88] = chooseMentionAt;
+    $[89] = chooseSkill;
+    $[90] = commandMenuOpen;
+    $[91] = commandQuery;
+    $[92] = commands;
+    $[93] = files_0;
+    $[94] = inputAria;
+    $[95] = listId;
+    $[96] = mention;
+    $[97] = mentionCount;
+    $[98] = mentionMenuOpen;
+    $[99] = pickCommand;
+    $[100] = skillMatches;
+    $[101] = skillMenuOpen;
+    $[102] = t22;
+    $[103] = trackTriggers;
+    $[104] = t23;
+  } else {
+    t23 = $[104];
+  }
+  return t23;
+}
+function _temp3(skill) {
+  return skill.name;
 }
+function _temp2() {}
+function _temp() {}