@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/highlighter.js

@@ -1,151 +1,181 @@
+import { c as _c } from "react/compiler-runtime";
 import { useChatHost } from '../../host.js';
 import { shikiThemeOf } from './code-theme.js';
 // A plain language needs no grammar; shiki draws it in the theme's own foreground.
 const PLAIN = 'text';
 /* Plain text when the highlighter has no grammar for `lang`, as a bundle without that language answers. */
 async function grammarOf(loaded, lang) {
-    if (lang === PLAIN || loaded.getLoadedLanguages().includes(lang)) {
-        return lang;
-    }
-    try {
-        await loaded.loadLanguage(lang);
-        return lang;
-    }
-    catch {
-        return PLAIN;
-    }
+  if (lang === PLAIN || loaded.getLoadedLanguages().includes(lang)) {
+    return lang;
+  }
+  try {
+    await loaded.loadLanguage(lang);
+    return lang;
+  } catch {
+    return PLAIN;
+  }
 }
 function createCodeHighlighter(source) {
-    let highlighter = null;
-    let highlighterLoad = null;
-    const languages = new Map();
-    const languageLoads = new Map();
-    const themes = new Set();
-    const themeLoads = new Map();
-    const tokenizers = new Map();
-    const load = () => {
-        highlighterLoad ??= source().then((loaded) => {
-            highlighter = loaded;
-            return loaded;
+  let highlighter = null;
+  let highlighterLoad = null;
+  const languages = new Map();
+  const languageLoads = new Map();
+  const themes = new Set();
+  const themeLoads = new Map();
+  const tokenizers = new Map();
+  const load = () => {
+    highlighterLoad ??= source().then(loaded => {
+      highlighter = loaded;
+      return loaded;
+    });
+    return highlighterLoad;
+  };
+  const ready = (langs, theme) => {
+    if (highlighter === null || !themes.has(theme)) {
+      return null;
+    }
+    for (const lang of langs) {
+      if (!languages.has(lang)) {
+        return null;
+      }
+    }
+    return highlighter;
+  };
+  const language = lang => languages.get(lang) ?? PLAIN;
+  return {
+    loadLanguage(lang) {
+      let pending = languageLoads.get(lang);
+      if (!pending) {
+        pending = load().then(async loaded => {
+          languages.set(lang, await grammarOf(loaded, lang));
+        });
+        languageLoads.set(lang, pending);
+      }
+      return pending;
+    },
+    loadTheme(theme, custom) {
+      let pending = themeLoads.get(theme);
+      if (!pending) {
+        pending = load().then(async loaded => {
+          // Loading a theme the highlighter already has replaces it, under whatever else of the host draws with it.
+          if (!loaded.getLoadedThemes().includes(theme)) {
+            await loaded.loadTheme(shikiThemeOf(theme, custom));
+          }
+          themes.add(theme);
         });
-        return highlighterLoad;
-    };
-    const ready = (langs, theme) => {
-        if (highlighter === null || !themes.has(theme)) {
-            return null;
-        }
-        for (const lang of langs) {
-            if (!languages.has(lang)) {
-                return null;
-            }
-        }
-        return highlighter;
-    };
-    const language = (lang) => languages.get(lang) ?? PLAIN;
-    return {
-        loadLanguage(lang) {
-            let pending = languageLoads.get(lang);
-            if (!pending) {
-                pending = load().then(async (loaded) => {
-                    languages.set(lang, await grammarOf(loaded, lang));
-                });
-                languageLoads.set(lang, pending);
-            }
-            return pending;
-        },
-        loadTheme(theme, custom) {
-            let pending = themeLoads.get(theme);
-            if (!pending) {
-                pending = load().then(async (loaded) => {
-                    // Loading a theme the highlighter already has replaces it, under whatever else of the host draws with it.
-                    if (!loaded.getLoadedThemes().includes(theme)) {
-                        await loaded.loadTheme(shikiThemeOf(theme, custom));
-                    }
-                    themes.add(theme);
-                });
-                themeLoads.set(theme, pending);
-            }
-            return pending;
-        },
-        ready,
-        language,
-        tokenizer(lang, theme) {
-            const loaded = ready([lang], theme);
-            if (loaded === null) {
-                return null;
-            }
-            const resolved = language(lang);
-            const key = `${resolved}:${theme}`;
-            let entry = tokenizers.get(key);
-            if (!entry) {
-                const options = { lang: resolved, theme };
-                entry = {
-                    tokenize: (code, state) => {
-                        const result = loaded.codeToTokens(code, state ? { ...options, grammarState: state } : options);
-                        return { lines: result.tokens, state: result.grammarState };
-                    },
-                    fg: loaded.getTheme(theme).fg
-                };
-                tokenizers.set(key, entry);
-            }
-            return entry;
-        }
-    };
+        themeLoads.set(theme, pending);
+      }
+      return pending;
+    },
+    ready,
+    language,
+    tokenizer(lang, theme) {
+      const loaded = ready([lang], theme);
+      if (loaded === null) {
+        return null;
+      }
+      const resolved = language(lang);
+      const key = `${resolved}:${theme}`;
+      let entry = tokenizers.get(key);
+      if (!entry) {
+        const options = {
+          lang: resolved,
+          theme
+        };
+        entry = {
+          tokenize: (code, state) => {
+            const result = loaded.codeToTokens(code, state ? {
+              ...options,
+              grammarState: state
+            } : options);
+            return {
+              lines: result.tokens,
+              state: result.grammarState
+            };
+          },
+          fg: loaded.getTheme(theme).fg
+        };
+        tokenizers.set(key, entry);
+      }
+      return entry;
+    }
+  };
 }
 // Shiki loads on the first code it draws, not with the app; the web bundle covers the languages a coding agent writes.
 function loadBundled() {
-    return import('shiki/bundle/web').then(({ createHighlighter }) => createHighlighter({ themes: [], langs: [] }));
+  return import('shiki/bundle/web').then(({
+    createHighlighter
+  }) => createHighlighter({
+    themes: [],
+    langs: []
+  }));
 }
 let bundled = null;
 const borrowed = new WeakMap();
 /* The highlighter a host lends, which stays the host's, or without one the web bundle's of this package. */
 export function codeHighlighter(source) {
-    if (source === undefined) {
-        bundled ??= createCodeHighlighter(loadBundled);
-        return bundled;
-    }
-    let highlighter = borrowed.get(source);
-    if (highlighter === undefined) {
-        highlighter = createCodeHighlighter(source);
-        borrowed.set(source, highlighter);
-    }
-    return highlighter;
+  if (source === undefined) {
+    bundled ??= createCodeHighlighter(loadBundled);
+    return bundled;
+  }
+  let highlighter = borrowed.get(source);
+  if (highlighter === undefined) {
+    highlighter = createCodeHighlighter(source);
+    borrowed.set(source, highlighter);
+  }
+  return highlighter;
 }
 /* The code highlighter of the host this is rendered under. */
 export function useCodeHighlighter() {
-    return codeHighlighter(useChatHost().code.highlighter);
+  const $ = _c(2);
+  const t0 = useChatHost();
+  let t1;
+  if ($[0] !== t0.code.highlighter) {
+    t1 = codeHighlighter(t0.code.highlighter);
+    $[0] = t0.code.highlighter;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
 /* Loads the grammar of one language into the web bundle's highlighter, once. */
 export function loadLanguage(lang) {
-    return codeHighlighter().loadLanguage(lang);
+  return codeHighlighter().loadLanguage(lang);
 }
 /* Loads a theme into the web bundle's highlighter, once: one of `custom` by its name, or a bundled one by its id. */
 export function loadTheme(theme, custom) {
-    return codeHighlighter().loadTheme(theme, custom);
+  return codeHighlighter().loadTheme(theme, custom);
 }
 /* The web bundle's highlighter once every one of `langs` and `theme` is in, or null while one is still on its way. */
 export function readyHighlighter(langs, theme) {
-    return codeHighlighter().ready(langs, theme);
+  return codeHighlighter().ready(langs, theme);
 }
 /* The language the web bundle draws `lang` in: the bundled grammar, or plain text. Only meaningful once a load settled. */
 export function loadedLanguage(lang) {
-    return codeHighlighter().language(lang);
+  return codeHighlighter().language(lang);
 }
 /* The web bundle's tokenizer for a language in a theme, or null while shiki, the grammar or the theme is still on its way. */
 export function tokenizerFor(lang, theme) {
-    return codeHighlighter().tokenizer(lang, theme);
+  return codeHighlighter().tokenizer(lang, theme);
 }
 /* The inline style of one token; undefined when it only has the surrounding color. */
 export function tokenStyle(token) {
-    const style = token.fontStyle ?? 0;
-    if (token.color === undefined && style <= 0) {
-        return undefined;
-    }
-    const decorations = [style & 4 ? 'underline' : '', style & 8 ? 'line-through' : ''].filter(Boolean).join(' ');
-    return {
-        color: token.color,
-        ...(style & 1 ? { fontStyle: 'italic' } : {}),
-        ...(style & 2 ? { fontWeight: 'bold' } : {}),
-        ...(decorations ? { textDecoration: decorations } : {})
-    };
-}
+  const style = token.fontStyle ?? 0;
+  if (token.color === undefined && style <= 0) {
+    return undefined;
+  }
+  const decorations = [style & 4 ? 'underline' : '', style & 8 ? 'line-through' : ''].filter(Boolean).join(' ');
+  return {
+    color: token.color,
+    ...(style & 1 ? {
+      fontStyle: 'italic'
+    } : {}),
+    ...(style & 2 ? {
+      fontWeight: 'bold'
+    } : {}),
+    ...(decorations ? {
+      textDecoration: decorations
+    } : {})
+  };
+}

package/dist/chat/ui/icons.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Hammer, Wrench } from 'lucide-react';
 import { toolEntry } from '../logic/tool-catalog.js';
 import { Icon } from '@adecore/ui';
+import { jsx as _jsx } from "react/jsx-runtime";
 const SIZE = 12;
 /* A pending dock draws its mark a step up from the lines of a transcript, at the size a sidebar
    row uses, because it is a thing to answer rather than a thing to read past. */
@@ -12,9 +12,18 @@ export const DOCK_ICON_SIZE = 14;
 export const ROW_GUTTER = 'grid h-5 w-4 shrink-0 place-items-center';
 /* The icon that says what a tool call is about; unknown tools get the wrench. */
 export function toolIcon(name, size = SIZE) {
-    const known = toolEntry(name);
-    if (known !== undefined) {
-        return _jsx(Icon, { icon: known.icon, size: size });
-    }
-    return name.startsWith('mcp__') ? _jsx(Icon, { icon: Hammer, size: size }) : _jsx(Icon, { icon: Wrench, size: size });
-}
+  const known = toolEntry(name);
+  if (known !== undefined) {
+    return /*#__PURE__*/_jsx(Icon, {
+      icon: known.icon,
+      size: size
+    });
+  }
+  return name.startsWith('mcp__') ? /*#__PURE__*/_jsx(Icon, {
+    icon: Hammer,
+    size: size
+  }) : /*#__PURE__*/_jsx(Icon, {
+    icon: Wrench,
+    size: size
+  });
+}

package/dist/chat/ui/index.js

@@ -42,4 +42,4 @@ export { ReportRow, AssistantRow, NoteRow, AgentTurnRow, CompactionRow } from '.
 export { TaskRow } from './rows/TaskRow.js';
 export { WorkRow, WorkGroupRow, WorkingRow } from './rows/WorkRows.js';
 export { WorkflowRow } from './rows/WorkflowRow.js';
-export { useDiffSourceTokens } from './use-diff-source-tokens.js';
+export { useDiffSourceTokens } from './use-diff-source-tokens.js';