@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/mermaid.js

@@ -1,66 +1,53 @@
 /* The token each color reads. Borders carry an alpha, so they are resolved over the ground. */
 export const MERMAID_TOKENS = {
-    ground: '--chat-code-bg',
-    node: '--surface-raised',
-    nodeBorder: '--border-strong',
-    text: '--text',
-    line: '--text-muted',
-    cluster: '--surface',
-    clusterBorder: '--border',
-    note: '--accent-soft'
+  ground: '--chat-code-bg',
+  node: '--surface-raised',
+  nodeBorder: '--border-strong',
+  text: '--text',
+  line: '--text-muted',
+  cluster: '--surface',
+  clusterBorder: '--border',
+  note: '--accent-soft'
 };
 // Mermaid's own list plus what keeps a diagram in the theme and out of HTML: a directive in the text cannot change these.
-const SECURE_KEYS = [
-    'secure',
-    'securityLevel',
-    'startOnLoad',
-    'maxTextSize',
-    'maxEdges',
-    'suppressErrorRendering',
-    'htmlLabels',
-    'theme',
-    'themeVariables',
-    'themeCSS',
-    'darkMode',
-    'fontFamily'
-];
+const SECURE_KEYS = ['secure', 'securityLevel', 'startOnLoad', 'maxTextSize', 'maxEdges', 'suppressErrorRendering', 'htmlLabels', 'theme', 'themeVariables', 'themeCSS', 'darkMode', 'fontFamily'];
 /*
  * Strict: no HTML in labels, no click handlers, no links that run script. What comes out is drawn as an
  * image as well, which never runs script and loads nothing, whatever the text of the diagram says.
  */
 export function mermaidConfig(colors, dark, font) {
-    return {
-        startOnLoad: false,
-        securityLevel: 'strict',
-        htmlLabels: false,
-        suppressErrorRendering: true,
-        secure: SECURE_KEYS,
-        theme: 'base',
-        darkMode: dark,
-        fontFamily: font.family,
-        themeVariables: {
-            darkMode: dark,
-            fontFamily: font.family,
-            fontSize: font.size,
-            background: colors.ground,
-            primaryColor: colors.node,
-            primaryTextColor: colors.text,
-            primaryBorderColor: colors.nodeBorder,
-            secondaryColor: colors.note,
-            tertiaryColor: colors.cluster,
-            mainBkg: colors.node,
-            nodeBorder: colors.nodeBorder,
-            textColor: colors.text,
-            titleColor: colors.text,
-            lineColor: colors.line,
-            clusterBkg: colors.cluster,
-            clusterBorder: colors.clusterBorder,
-            edgeLabelBackground: colors.ground,
-            noteBkgColor: colors.note,
-            noteTextColor: colors.text,
-            noteBorderColor: colors.nodeBorder
-        }
-    };
+  return {
+    startOnLoad: false,
+    securityLevel: 'strict',
+    htmlLabels: false,
+    suppressErrorRendering: true,
+    secure: SECURE_KEYS,
+    theme: 'base',
+    darkMode: dark,
+    fontFamily: font.family,
+    themeVariables: {
+      darkMode: dark,
+      fontFamily: font.family,
+      fontSize: font.size,
+      background: colors.ground,
+      primaryColor: colors.node,
+      primaryTextColor: colors.text,
+      primaryBorderColor: colors.nodeBorder,
+      secondaryColor: colors.note,
+      tertiaryColor: colors.cluster,
+      mainBkg: colors.node,
+      nodeBorder: colors.nodeBorder,
+      textColor: colors.text,
+      titleColor: colors.text,
+      lineColor: colors.line,
+      clusterBkg: colors.cluster,
+      clusterBorder: colors.clusterBorder,
+      edgeLabelBackground: colors.ground,
+      noteBkgColor: colors.note,
+      noteTextColor: colors.text,
+      noteBorderColor: colors.nodeBorder
+    }
+  };
 }
 const ROOT = /<svg\b[^>]*>/;
 const VIEW_BOX = /\sviewBox="([^"]*)"/;
@@ -71,23 +58,24 @@ const SIZE_ATTRIBUTES = /\s(?:width|height|style)="[^"]*"/g;
  * without one.
  */
 export function sizedSvg(svg) {
-    const root = ROOT.exec(svg);
-    const viewBox = root === null ? null : VIEW_BOX.exec(root[0]);
-    if (root === null || viewBox === null) {
-        return null;
-    }
-    const [, , boxWidth, boxHeight] = viewBox[1]
-        .trim()
-        .split(/[\s,]+/)
-        .map(Number);
-    if (!Number.isFinite(boxWidth) || !Number.isFinite(boxHeight) || boxWidth <= 0 || boxHeight <= 0) {
-        return null;
-    }
-    const width = Math.ceil(boxWidth);
-    const height = Math.ceil(boxHeight);
-    const tag = root[0].replace(SIZE_ATTRIBUTES, '').replace(/^<svg\b/, `<svg width="${width}" height="${height}"`);
-    return { svg: svg.slice(0, root.index) + tag + svg.slice(root.index + root[0].length), width, height };
+  const root = ROOT.exec(svg);
+  const viewBox = root === null ? null : VIEW_BOX.exec(root[0]);
+  if (root === null || viewBox === null) {
+    return null;
+  }
+  const [,, boxWidth, boxHeight] = viewBox[1].trim().split(/[\s,]+/).map(Number);
+  if (!Number.isFinite(boxWidth) || !Number.isFinite(boxHeight) || boxWidth <= 0 || boxHeight <= 0) {
+    return null;
+  }
+  const width = Math.ceil(boxWidth);
+  const height = Math.ceil(boxHeight);
+  const tag = root[0].replace(SIZE_ATTRIBUTES, '').replace(/^<svg\b/, `<svg width="${width}" height="${height}"`);
+  return {
+    svg: svg.slice(0, root.index) + tag + svg.slice(root.index + root[0].length),
+    width,
+    height
+  };
 }
 export function svgDataUrl(svg) {
-    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
-}
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}

package/dist/chat/ui/quote-selection.js

@@ -5,7 +5,7 @@ const ANSWER = '[data-quote-answer]';
 /* Registers the composer below a thread as the one its quote button hands a quote to, until the returned call. */
 export const QuoteTakerContext = createContext(null);
 function answerAt(node) {
-    return (node instanceof Element ? node : node.parentElement)?.closest(ANSWER) ?? null;
+  return (node instanceof Element ? node : node.parentElement)?.closest(ANSWER) ?? null;
 }
 /*
  * Whether the range selects text a person can see outside the answer. A triple-click on a paragraph
@@ -13,35 +13,38 @@ function answerAt(node) {
  * paragraph alone.
  */
 function selectsOutside(range, answer) {
-    const walker = document.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT);
-    for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
-        if (!range.intersectsNode(node) || answer.contains(node)) {
-            continue;
-        }
-        const text = node.textContent ?? '';
-        const start = node === range.startContainer ? range.startOffset : 0;
-        const end = node === range.endContainer ? range.endOffset : text.length;
-        const parent = node.parentElement;
-        if (text.slice(start, end).trim() !== '' && parent !== null && getComputedStyle(parent).userSelect !== 'none') {
-            return true;
-        }
+  const walker = document.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT);
+  for (let node = walker.nextNode(); node !== null; node = walker.nextNode()) {
+    if (!range.intersectsNode(node) || answer.contains(node)) {
+      continue;
     }
-    return false;
+    const text = node.textContent ?? '';
+    const start = node === range.startContainer ? range.startOffset : 0;
+    const end = node === range.endContainer ? range.endOffset : text.length;
+    const parent = node.parentElement;
+    if (text.slice(start, end).trim() !== '' && parent !== null && getComputedStyle(parent).userSelect !== 'none') {
+      return true;
+    }
+  }
+  return false;
 }
 /* The quote the selection makes, when it lies in one answer of this thread, and the reply it was taken from. */
 export function selectedAnswerQuote(selection, thread) {
-    if (thread === null || selection === null || selection.isCollapsed || selection.rangeCount === 0) {
-        return null;
-    }
-    const range = selection.getRangeAt(0);
-    const answer = answerAt(range.startContainer) ?? answerAt(range.endContainer);
-    if (answer === null || !thread.contains(answer)) {
-        return null;
-    }
-    const inside = answer.contains(range.startContainer) && answer.contains(range.endContainer);
-    if (!inside && selectsOutside(range, answer)) {
-        return null;
-    }
-    const text = quoteOf(selection.toString());
-    return text === null ? null : { text, itemId: answer.closest('[data-find-item]')?.getAttribute('data-find-item') ?? null };
-}
+  if (thread === null || selection === null || selection.isCollapsed || selection.rangeCount === 0) {
+    return null;
+  }
+  const range = selection.getRangeAt(0);
+  const answer = answerAt(range.startContainer) ?? answerAt(range.endContainer);
+  if (answer === null || !thread.contains(answer)) {
+    return null;
+  }
+  const inside = answer.contains(range.startContainer) && answer.contains(range.endContainer);
+  if (!inside && selectsOutside(range, answer)) {
+    return null;
+  }
+  const text = quoteOf(selection.toString());
+  return text === null ? null : {
+    text,
+    itemId: answer.closest('[data-find-item]')?.getAttribute('data-find-item') ?? null
+  };
+}

package/dist/chat/ui/rehype-chips.js

@@ -3,30 +3,42 @@ import { chipText, tokenizeChips } from '../mentions.js';
 const SKIPPED = new Set(['code', 'pre']);
 /* A chip as an element: the renderer reads `data-chip` and `data-value`, the text keeps the sigil. */
 function chipElement(segment) {
-    return {
-        type: 'element',
-        tagName: 'span',
-        properties: { dataChip: segment.kind, dataValue: segment.kind === 'mention' ? segment.path : segment.name },
-        children: [{ type: 'text', value: chipText(segment) }]
-    };
+  return {
+    type: 'element',
+    tagName: 'span',
+    properties: {
+      dataChip: segment.kind,
+      dataValue: segment.kind === 'mention' ? segment.path : segment.name
+    },
+    children: [{
+      type: 'text',
+      value: chipText(segment)
+    }]
+  };
 }
 function split(parent, mentions, skills) {
-    parent.children = parent.children.flatMap((child) => {
-        if (child.type === 'text') {
-            return tokenizeChips(child.value, mentions, skills).map((segment) => segment.kind === 'text' ? { type: 'text', value: segment.text } : chipElement(segment));
-        }
-        if (child.type === 'element' && !SKIPPED.has(child.tagName)) {
-            split(child, mentions, skills);
-        }
-        return [child];
-    });
+  parent.children = parent.children.flatMap(child => {
+    if (child.type === 'text') {
+      return tokenizeChips(child.value, mentions, skills).map(segment => segment.kind === 'text' ? {
+        type: 'text',
+        value: segment.text
+      } : chipElement(segment));
+    }
+    if (child.type === 'element' && !SKIPPED.has(child.tagName)) {
+      split(child, mentions, skills);
+    }
+    return [child];
+  });
 }
 /* The `@path` and `$name` tokens a person picked in the composer, cut out of the text as chips. */
-export function rehypeChips({ mentions = [], skills = [] } = {}) {
-    return (tree) => {
-        if (mentions.length === 0 && skills.length === 0) {
-            return;
-        }
-        split(tree, mentions, skills);
-    };
-}
+export function rehypeChips({
+  mentions = [],
+  skills = []
+} = {}) {
+  return tree => {
+    if (mentions.length === 0 && skills.length === 0) {
+      return;
+    }
+    split(tree, mentions, skills);
+  };
+}

package/dist/chat/ui/rehype-fade.js

@@ -6,23 +6,34 @@ const SKIPPED = new Set(['code', 'pre']);
 const WHITESPACE = /^\s+$/;
 /* A text cut into its words and the whitespace between them, in order. */
 export function wordSegments(text) {
-    return text.split(/(\s+)/).filter((segment) => segment !== '');
+  return text.split(/(\s+)/).filter(segment => segment !== '');
 }
 export function isWhitespace(segment) {
-    return WHITESPACE.test(segment);
+  return WHITESPACE.test(segment);
 }
 function wrap(parent) {
-    parent.children = parent.children.flatMap((child) => {
-        if (child.type === 'text') {
-            return wordSegments(child.value).map((segment) => isWhitespace(segment)
-                ? { type: 'text', value: segment }
-                : { type: 'element', tagName: 'span', properties: { className: [FADE_CLASS] }, children: [{ type: 'text', value: segment }] });
-        }
-        if (child.type === 'element' && !SKIPPED.has(child.tagName)) {
-            wrap(child);
-        }
-        return [child];
-    });
+  parent.children = parent.children.flatMap(child => {
+    if (child.type === 'text') {
+      return wordSegments(child.value).map(segment => isWhitespace(segment) ? {
+        type: 'text',
+        value: segment
+      } : {
+        type: 'element',
+        tagName: 'span',
+        properties: {
+          className: [FADE_CLASS]
+        },
+        children: [{
+          type: 'text',
+          value: segment
+        }]
+      });
+    }
+    if (child.type === 'element' && !SKIPPED.has(child.tagName)) {
+      wrap(child);
+    }
+    return [child];
+  });
 }
 /*
  * Every word of a reply that is still streaming in a span that fades in. Words only ever arrive at
@@ -30,7 +41,7 @@ function wrap(parent) {
  * on screen keep their element and their fade does not start again.
  */
 export function rehypeFadeWords() {
-    return (tree) => {
-        wrap(tree);
-    };
-}
+  return tree => {
+    wrap(tree);
+  };
+}

package/dist/chat/ui/remark-html-as-text.js

@@ -1,18 +1,25 @@
 // Parents whose children are blocks, where a bare text node would stand outside any paragraph.
 const FLOW_PARENTS = new Set(['root', 'blockquote', 'listItem', 'footnoteDefinition']);
 function literal(parent) {
-    if (parent.children === undefined) {
-        return;
+  if (parent.children === undefined) {
+    return;
+  }
+  const flow = FLOW_PARENTS.has(parent.type);
+  parent.children = parent.children.map(child => {
+    if (child.type !== 'html') {
+      literal(child);
+      return child;
     }
-    const flow = FLOW_PARENTS.has(parent.type);
-    parent.children = parent.children.map((child) => {
-        if (child.type !== 'html') {
-            literal(child);
-            return child;
-        }
-        const text = { ...child, type: 'text' };
-        return flow ? { type: 'paragraph', position: child.position, children: [text] } : text;
-    });
+    const text = {
+      ...child,
+      type: 'text'
+    };
+    return flow ? {
+      type: 'paragraph',
+      position: child.position,
+      children: [text]
+    } : text;
+  });
 }
 /*
  * Raw HTML in a message as the characters a person typed. react-markdown drops an `html` node, so
@@ -20,7 +27,7 @@ function literal(parent) {
  * newlines of an HTML block still become line breaks.
  */
 export function remarkHtmlAsText() {
-    return (tree) => {
-        literal(tree);
-    };
-}
+  return tree => {
+    literal(tree);
+  };
+}

package/dist/chat/ui/reply-context.js

@@ -1,3 +1,3 @@
 import { createContext } from 'react';
 export const ReplyContext = createContext(null);
-export const UiReplyNavigationContext = createContext(null);
+export const UiReplyNavigationContext = createContext(null);