@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/intelligent-ui/reply-parts.js

@@ -1,18 +1,27 @@
 export function uiReplyParts(text, blocks, streaming = false) {
-    const parts = [];
-    let position = 0;
-    for (const block of [...blocks].sort((left, right) => left.start - right.start)) {
-        if (!Number.isInteger(block.start) || !Number.isInteger(block.end) || block.start < position || block.end < block.start || block.end > text.length) {
-            continue;
-        }
-        if (block.start > position) {
-            parts.push({ kind: 'text', text: text.slice(position, block.start) });
-        }
-        parts.push({ kind: 'ui', block });
-        position = streaming && !block.complete ? text.length : block.end;
+  const parts = [];
+  let position = 0;
+  for (const block of [...blocks].sort((left, right) => left.start - right.start)) {
+    if (!Number.isInteger(block.start) || !Number.isInteger(block.end) || block.start < position || block.end < block.start || block.end > text.length) {
+      continue;
     }
-    if (position < text.length) {
-        parts.push({ kind: 'text', text: text.slice(position) });
+    if (block.start > position) {
+      parts.push({
+        kind: 'text',
+        text: text.slice(position, block.start)
+      });
     }
-    return parts;
-}
+    parts.push({
+      kind: 'ui',
+      block
+    });
+    position = streaming && !block.complete ? text.length : block.end;
+  }
+  if (position < text.length) {
+    parts.push({
+      kind: 'text',
+      text: text.slice(position)
+    });
+  }
+  return parts;
+}

package/dist/chat/ui/intelligent-ui/table-data.js

@@ -5,7 +5,7 @@ export const UI_TABLE_ROWS = 50;
 const DATE_RANGE = 8.64e15;
 const NUMERIC_KINDS = new Set(['number', 'bytes', 'duration']);
 export function isNumericColumn(column) {
-    return NUMERIC_KINDS.has(column.as);
+  return NUMERIC_KINDS.has(column.as);
 }
 /*
  * The columns a table can draw: its Column children whose key some row has, each key once. A table
@@ -13,67 +13,107 @@ export function isNumericColumn(column) {
  * nothing is usable, which draws the fallback.
  */
 export function uiTableColumns(node) {
-    const rows = node.props.rows;
-    const present = (key) => rows.some((row) => Object.hasOwn(row, key));
-    const declared = uiChildrenOf(node, 'Column');
-    if (declared.length > 0) {
-        const seen = new Set();
-        return declared.flatMap(({ props }) => {
-            if (seen.has(props.key) || (rows.length > 0 && !present(props.key))) {
-                return [];
-            }
-            seen.add(props.key);
-            return [{ key: props.key, title: props.title ?? props.key, unit: props.unit, as: props.as ?? 'text' }];
-        });
-    }
-    const keys = [];
-    for (const row of rows) {
-        for (const key of Object.keys(row)) {
-            if (!keys.includes(key)) {
-                keys.push(key);
-            }
-        }
-    }
-    return keys.map((key) => {
-        const values = rows.map((row) => row[key]).filter((value) => value !== undefined && value !== null);
-        const numeric = values.length > 0 && values.every((value) => typeof value === 'number' && Number.isFinite(value));
-        return { key, title: key, as: numeric ? 'number' : 'text' };
+  const rows = node.props.rows;
+  const present = key => rows.some(row => Object.hasOwn(row, key));
+  const declared = uiChildrenOf(node, 'Column');
+  if (declared.length > 0) {
+    const seen = new Set();
+    return declared.flatMap(({
+      props
+    }) => {
+      if (seen.has(props.key) || rows.length > 0 && !present(props.key)) {
+        return [];
+      }
+      seen.add(props.key);
+      return [{
+        key: props.key,
+        title: props.title ?? props.key,
+        unit: props.unit,
+        as: props.as ?? 'text'
+      }];
     });
+  }
+  const keys = [];
+  for (const row of rows) {
+    for (const key of Object.keys(row)) {
+      if (!keys.includes(key)) {
+        keys.push(key);
+      }
+    }
+  }
+  return keys.map(key => {
+    const values = rows.map(row => row[key]).filter(value => value !== undefined && value !== null);
+    const numeric = values.length > 0 && values.every(value => typeof value === 'number' && Number.isFinite(value));
+    return {
+      key,
+      title: key,
+      as: numeric ? 'number' : 'text'
+    };
+  });
 }
 function textOf(value) {
-    return typeof value === 'object' ? JSON.stringify(value) : String(value);
+  return typeof value === 'object' ? JSON.stringify(value) : String(value);
 }
 function numberOf(value) {
-    if (typeof value === 'number') {
-        return Number.isFinite(value) ? value : null;
-    }
-    if (typeof value === 'string' && value.trim() !== '') {
-        const parsed = Number(value);
-        return Number.isFinite(parsed) ? parsed : null;
-    }
-    return null;
+  if (typeof value === 'number') {
+    return Number.isFinite(value) ? value : null;
+  }
+  if (typeof value === 'string' && value.trim() !== '') {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
 }
 /* A duration is in milliseconds and a date is milliseconds since the epoch or an ISO string; anything else reads as text. */
 export function uiTableCell(value, column) {
-    if (value === undefined || value === null || value === '') {
-        return { kind: 'empty' };
-    }
-    switch (column.as) {
-        case 'number':
-        case 'bytes':
-        case 'duration': {
-            const number = numberOf(value);
-            return number === null ? { kind: 'text', text: textOf(value) } : { kind: 'number', as: column.as, value: number };
-        }
-        case 'date': {
-            const at = typeof value === 'number' ? value : typeof value === 'string' ? Date.parse(value) : Number.NaN;
-            return Number.isFinite(at) && Math.abs(at) <= DATE_RANGE ? { kind: 'date', at } : { kind: 'text', text: textOf(value) };
-        }
-        case 'file':
-            return typeof value === 'string' ? { kind: 'file', path: value } : { kind: 'text', text: textOf(value) };
-        case 'tag':
-            return { kind: 'tag', text: textOf(value) };
-        case 'text':
-            return { kind: 'text', text: textOf(value) };
-    }
-}
+  if (value === undefined || value === null || value === '') {
+    return {
+      kind: 'empty'
+    };
+  }
+  switch (column.as) {
+    case 'number':
+    case 'bytes':
+    case 'duration':
+      {
+        const number = numberOf(value);
+        return number === null ? {
+          kind: 'text',
+          text: textOf(value)
+        } : {
+          kind: 'number',
+          as: column.as,
+          value: number
+        };
+      }
+    case 'date':
+      {
+        const at = typeof value === 'number' ? value : typeof value === 'string' ? Date.parse(value) : Number.NaN;
+        return Number.isFinite(at) && Math.abs(at) <= DATE_RANGE ? {
+          kind: 'date',
+          at
+        } : {
+          kind: 'text',
+          text: textOf(value)
+        };
+      }
+    case 'file':
+      return typeof value === 'string' ? {
+        kind: 'file',
+        path: value
+      } : {
+        kind: 'text',
+        text: textOf(value)
+      };
+    case 'tag':
+      return {
+        kind: 'tag',
+        text: textOf(value)
+      };
+    case 'text':
+      return {
+        kind: 'text',
+        text: textOf(value)
+      };
+  }
+}

package/dist/chat/ui/intelligent-ui/tones.js

@@ -1,47 +1,47 @@
 import { CircleCheck, Info, MessageCircle, OctagonAlert, TriangleAlert } from 'lucide-react';
 /* Every tone has an icon of its own, so color is never the only thing that tells two apart. */
 export const UI_TONE_ICONS = {
-    neutral: MessageCircle,
-    info: Info,
-    success: CircleCheck,
-    warning: TriangleAlert,
-    danger: OctagonAlert
+  neutral: MessageCircle,
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  danger: OctagonAlert
 };
 export const UI_TONE_TEXT = {
-    neutral: 'text-text-muted',
-    info: 'text-status-running',
-    success: 'text-positive',
-    warning: 'text-status-needs-you',
-    danger: 'text-status-error'
+  neutral: 'text-text-muted',
+  info: 'text-status-running',
+  success: 'text-positive',
+  warning: 'text-status-needs-you',
+  danger: 'text-status-error'
 };
 /* The tone mixed over the ground, for a surface such as a callout. */
 export const UI_TONE_SURFACE = {
-    neutral: 'bg-text/7',
-    info: 'bg-status-running/10',
-    success: 'bg-positive/10',
-    warning: 'bg-status-needs-you/12',
-    danger: 'bg-status-error/10'
+  neutral: 'bg-text/7',
+  info: 'bg-status-running/10',
+  success: 'bg-positive/10',
+  warning: 'bg-status-needs-you/12',
+  danger: 'bg-status-error/10'
 };
 export const UI_TONE_PILL = {
-    neutral: 'muted',
-    info: 'accent',
-    success: 'idle',
-    warning: 'needsYou',
-    danger: 'error'
+  neutral: 'muted',
+  info: 'accent',
+  success: 'idle',
+  warning: 'needsYou',
+  danger: 'error'
 };
 /* The tone at full strength, for the square that carries the icon of a Summary. */
 export const UI_TONE_FILL = {
-    neutral: 'bg-text-muted',
-    info: 'bg-status-running',
-    success: 'bg-positive',
-    warning: 'bg-status-needs-you',
-    danger: 'bg-status-error'
+  neutral: 'bg-text-muted',
+  info: 'bg-status-running',
+  success: 'bg-positive',
+  warning: 'bg-status-needs-you',
+  danger: 'bg-status-error'
 };
 /* The tag at the end of a step, in words, so a state never rests on its icon alone. */
 export const UI_STEP_PILL = {
-    done: 'idle',
-    running: 'accent',
-    pending: 'muted',
-    failed: 'error',
-    skipped: 'muted'
-};
+  done: 'idle',
+  running: 'accent',
+  pending: 'muted',
+  failed: 'error',
+  skipped: 'muted'
+};

package/dist/chat/ui/intelligent-ui/use-in-view.js

@@ -1,17 +1,35 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 /*
  * Whether `element` is near the viewport, with `margin` to spare so it is ready by the time it scrolls in.
  * Without an observer (a server render, a test) it counts as in view.
  */
-export function useInView(element, margin = '200px') {
-    const [inView, setInView] = useState(typeof IntersectionObserver === 'undefined');
-    useEffect(() => {
-        if (element === null || typeof IntersectionObserver === 'undefined') {
-            return;
-        }
-        const observer = new IntersectionObserver((entries) => setInView(entries.at(-1)?.isIntersecting ?? false), { rootMargin: margin });
-        observer.observe(element);
-        return () => observer.disconnect();
-    }, [element, margin]);
-    return inView;
-}
+export function useInView(element, t0) {
+  const $ = _c(4);
+  const margin = t0 === undefined ? "200px" : t0;
+  const [inView, setInView] = useState(typeof IntersectionObserver === "undefined");
+  let t1;
+  let t2;
+  if ($[0] !== element || $[1] !== margin) {
+    t1 = () => {
+      if (element === null || typeof IntersectionObserver === "undefined") {
+        return;
+      }
+      const observer = new IntersectionObserver(entries => setInView(entries.at(-1)?.isIntersecting ?? false), {
+        rootMargin: margin
+      });
+      observer.observe(element);
+      return () => observer.disconnect();
+    };
+    t2 = [element, margin];
+    $[0] = element;
+    $[1] = margin;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t1 = $[2];
+    t2 = $[3];
+  }
+  useEffect(t1, t2);
+  return inView;
+}

package/dist/chat/ui/intelligent-ui/use-later.js

@@ -1,16 +1,31 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 /* True once `on` has held for `ms`, for a spinner that only shows when waiting takes long. */
 export function useLater(on, ms) {
-    const [late, setLate] = useState(false);
-    useEffect(() => {
-        if (!on) {
-            return;
-        }
-        const timer = setTimeout(() => setLate(true), ms);
-        return () => {
-            clearTimeout(timer);
-            setLate(false);
-        };
-    }, [on, ms]);
-    return on && late;
-}
+  const $ = _c(4);
+  const [late, setLate] = useState(false);
+  let t0;
+  let t1;
+  if ($[0] !== ms || $[1] !== on) {
+    t0 = () => {
+      if (!on) {
+        return;
+      }
+      const timer = setTimeout(() => setLate(true), ms);
+      return () => {
+        clearTimeout(timer);
+        setLate(false);
+      };
+    };
+    t1 = [on, ms];
+    $[0] = ms;
+    $[1] = on;
+    $[2] = t0;
+    $[3] = t1;
+  } else {
+    t0 = $[2];
+    t1 = $[3];
+  }
+  useEffect(t0, t1);
+  return on && late;
+}

package/dist/chat/ui/intelligent-ui/use-truncated.js

@@ -1,28 +1,52 @@
-import { useCallback, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useState } from 'react';
 function cut(element) {
-    return element.scrollWidth > element.clientWidth + 1;
+  return element.scrollWidth > element.clientWidth + 1;
 }
 /*
  * Whether an element's text is cut short where it stands, for a tooltip or a list of values that shows
  * it whole exactly then. `within` asks the same of every `.truncate` element inside it instead. Measured
  * again when the box resizes or the text changes, since neither moves the other.
  */
-export function useTruncated(within = false) {
-    const [truncated, setTruncated] = useState(false);
-    const measure = useCallback((element) => {
-        if (element === null || typeof ResizeObserver === 'undefined') {
-            return undefined;
-        }
-        const check = () => setTruncated(within ? [...element.querySelectorAll('.truncate')].some(cut) : cut(element));
-        check();
-        const resize = new ResizeObserver(check);
-        resize.observe(element);
-        const text = new MutationObserver(check);
-        text.observe(element, { characterData: true, childList: true, subtree: true });
-        return () => {
-            resize.disconnect();
-            text.disconnect();
-        };
-    }, [within]);
-    return [measure, truncated];
-}
+export function useTruncated(t0) {
+  const $ = _c(5);
+  const within = t0 === undefined ? false : t0;
+  const [truncated, setTruncated] = useState(false);
+  let t1;
+  if ($[0] !== within) {
+    t1 = element => {
+      if (element === null || typeof ResizeObserver === "undefined") {
+        return;
+      }
+      const check = () => setTruncated(within ? [...element.querySelectorAll(".truncate")].some(cut) : cut(element));
+      check();
+      const resize = new ResizeObserver(check);
+      resize.observe(element);
+      const text = new MutationObserver(check);
+      text.observe(element, {
+        characterData: true,
+        childList: true,
+        subtree: true
+      });
+      return () => {
+        resize.disconnect();
+        text.disconnect();
+      };
+    };
+    $[0] = within;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const measure = t1;
+  let t2;
+  if ($[2] !== measure || $[3] !== truncated) {
+    t2 = [measure, truncated];
+    $[2] = measure;
+    $[3] = truncated;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}