@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/rows/WorkflowRow.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { Bot, ListTree, TriangleAlert, Square } from 'lucide-react';
 import { workflowAgentRef } from '@adecore/agent-contracts';
@@ -10,40 +10,299 @@ import { useChatScope } from '../../../scope.js';
 import { Icon, IconButton } from '@adecore/ui';
 import { useChatActions } from '../../actions.js';
 import { useChatHost } from '../../../host.js';
-function AgentLine({ view, onOpen }) {
-    const { agent, state } = view;
-    const time = workflowAgentTime(view);
-    const running = state === 'running';
-    const agentId = agent.agentId;
-    // One still waiting has no transcript yet.
-    const open = onOpen !== undefined && agentId !== null ? () => onOpen({ toolUseId: workflowAgentRef(agentId), description: agent.label }) : () => undefined;
-    return (_jsx(ToggleLine, { icon: _jsx(Icon, { icon: Bot, size: 12 }), label: agent.label, detail: running ? (agent.lastTool ?? undefined) : undefined, open: false, onToggle: open, failed: state === 'failed', live: running, trailing: running && agent.startedAt !== null ? (_jsx(RunningFor, { startedAt: agent.startedAt })) : (_jsx("span", { className: "shrink-0 text-xs text-text-faint tabular-nums", children: time })) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function AgentLine(t0) {
+  const $ = _c(18);
+  const {
+    view,
+    onOpen
+  } = t0;
+  const {
+    agent,
+    state
+  } = view;
+  let t1;
+  if ($[0] !== view) {
+    t1 = workflowAgentTime(view);
+    $[0] = view;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const time = t1;
+  const running = state === "running";
+  const agentId = agent.agentId;
+  let t2;
+  if ($[2] !== agent.label || $[3] !== agentId || $[4] !== onOpen) {
+    t2 = onOpen !== undefined && agentId !== null ? () => onOpen({
+      toolUseId: workflowAgentRef(agentId),
+      description: agent.label
+    }) : _temp;
+    $[2] = agent.label;
+    $[3] = agentId;
+    $[4] = onOpen;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const open = t2;
+  let t3;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: Bot,
+      size: 12
+    });
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = running ? agent.lastTool ?? undefined : undefined;
+  const t5 = state === "failed";
+  let t6;
+  if ($[7] !== agent.startedAt || $[8] !== running || $[9] !== time) {
+    t6 = running && agent.startedAt !== null ? /*#__PURE__*/_jsx(RunningFor, {
+      startedAt: agent.startedAt
+    }) : /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 text-xs text-text-faint tabular-nums",
+      children: time
+    });
+    $[7] = agent.startedAt;
+    $[8] = running;
+    $[9] = time;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== agent.label || $[12] !== open || $[13] !== running || $[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
+    t7 = /*#__PURE__*/_jsx(ToggleLine, {
+      icon: t3,
+      label: agent.label,
+      detail: t4,
+      open: false,
+      onToggle: open,
+      failed: t5,
+      live: running,
+      trailing: t6
+    });
+    $[11] = agent.label;
+    $[12] = open;
+    $[13] = running;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  return t7;
 }
-function PhaseBlock({ phase, onOpen }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { children: [phase.title !== null && (_jsxs("div", { className: "mb-0.5 flex h-7 min-w-0 items-center gap-2 text-xs text-text-muted", children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: ListTree, size: 12 }) }), _jsx("span", { className: "min-w-0 truncate", children: phase.title }), _jsx("span", { className: "grow" }), phase.agents.length === 0 && _jsx("span", { className: "shrink-0 text-text-faint", children: t('rows.workflow.notStarted') })] })), phase.agents.length > 0 && (_jsx("div", { className: phase.title === null ? undefined : 'ml-6', children: phase.agents.map((view) => (_jsx(AgentLine, { view: view, onOpen: onOpen }, view.agent.index))) }))] }));
+function _temp() {}
+function PhaseBlock(t0) {
+  const $ = _c(11);
+  const {
+    phase,
+    onOpen
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== phase.agents.length || $[1] !== phase.title || $[2] !== t) {
+    t1 = phase.title !== null && /*#__PURE__*/_jsxs("div", {
+      className: "mb-0.5 flex h-7 min-w-0 items-center gap-2 text-xs text-text-muted",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: ROW_GUTTER,
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: ListTree,
+          size: 12
+        })
+      }), /*#__PURE__*/_jsx("span", {
+        className: "min-w-0 truncate",
+        children: phase.title
+      }), /*#__PURE__*/_jsx("span", {
+        className: "grow"
+      }), phase.agents.length === 0 && /*#__PURE__*/_jsx("span", {
+        className: "shrink-0 text-text-faint",
+        children: t("rows.workflow.notStarted")
+      })]
+    });
+    $[0] = phase.agents.length;
+    $[1] = phase.title;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== onOpen || $[5] !== phase.agents || $[6] !== phase.title) {
+    t2 = phase.agents.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: phase.title === null ? undefined : "ml-6",
+      children: phase.agents.map(view => /*#__PURE__*/_jsx(AgentLine, {
+        view: view,
+        onOpen: onOpen
+      }, view.agent.index))
+    });
+    $[4] = onOpen;
+    $[5] = phase.agents;
+    $[6] = phase.title;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== t1 || $[9] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      children: [t1, t2]
+    });
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
 // Keep background progress visible after the launcher turn ends.
-export function WorkflowRow({ tool, workflow, chatId, onOpenAgent }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const { id } = useChatScope();
-    // A host that does not answer `chat.subagent` has no conversation to open for anyone.
-    const refused = useSubagentSupport((s) => s.unsupported[id] === true);
-    const running = tool.state === 'running';
-    const phases = workflowPhases(workflow, running);
-    const onOpen = refused ? undefined : onOpenAgent;
-    const actions = useChatActions();
-    const stop = () => {
-        if (chatId && workflow.taskId) {
-            void actions.stopTask(chatId, workflow.taskId).catch((error) => {
-                host.notify({
-                    kind: 'error',
-                    title: t('activity.stopFailed'),
-                    description: error instanceof Error ? error.message : t('subagents.noAnswer')
-                });
-            });
-        }
+export function WorkflowRow(t0) {
+  const $ = _c(30);
+  const {
+    tool,
+    workflow,
+    chatId,
+    onOpenAgent
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    id
+  } = useChatScope();
+  let t1;
+  if ($[0] !== id) {
+    t1 = s => s.unsupported[id] === true;
+    $[0] = id;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const refused = useSubagentSupport(t1);
+  const running = tool.state === "running";
+  const phases = workflowPhases(workflow, running);
+  const onOpen = refused ? undefined : onOpenAgent;
+  const actions = useChatActions();
+  let t2;
+  if ($[2] !== actions || $[3] !== chatId || $[4] !== host || $[5] !== t || $[6] !== workflow) {
+    t2 = () => {
+      if (chatId && workflow.taskId) {
+        actions.stopTask(chatId, workflow.taskId).catch(error => {
+          host.notify({
+            kind: "error",
+            title: t("activity.stopFailed"),
+            description: error instanceof Error ? error.message : t("subagents.noAnswer")
+          });
+        });
+      }
     };
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "min-w-0 grow", children: running ? _jsx(WorkLiveRow, { chatId: chatId ?? '', tool: tool }) : _jsx(WorkRow, { chatId: chatId, tool: tool, detail: workflow.name ?? undefined }) }), running && chatId && workflow.taskId && _jsx(IconButton, { icon: Square, size: "xs", label: t('activity.stop'), onClick: stop })] }), running && workflow.stalledAt !== undefined && (_jsxs("p", { role: "status", className: "ml-6 mb-1 flex items-start gap-1.5 text-xs text-text-muted", children: [_jsx(Icon, { icon: TriangleAlert, size: 12, className: "mt-0.5 shrink-0 text-status-needs-you" }), _jsx("span", { children: t('rows.workflow.stalled') })] })), phases.length > 0 && (_jsx("div", { className: "ml-6", children: phases.map((phase) => (_jsx(PhaseBlock, { phase: phase, onOpen: onOpen }, phase.key))) }))] }));
-}
+    $[2] = actions;
+    $[3] = chatId;
+    $[4] = host;
+    $[5] = t;
+    $[6] = workflow;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const stop = t2;
+  let t3;
+  if ($[8] !== chatId || $[9] !== running || $[10] !== tool || $[11] !== workflow) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      className: "min-w-0 grow",
+      children: running ? /*#__PURE__*/_jsx(WorkLiveRow, {
+        chatId: chatId ?? "",
+        tool: tool
+      }) : /*#__PURE__*/_jsx(WorkRow, {
+        chatId: chatId,
+        tool: tool,
+        detail: workflow.name ?? undefined
+      })
+    });
+    $[8] = chatId;
+    $[9] = running;
+    $[10] = tool;
+    $[11] = workflow;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== chatId || $[14] !== running || $[15] !== stop || $[16] !== t || $[17] !== workflow) {
+    t4 = running && chatId && workflow.taskId && /*#__PURE__*/_jsx(IconButton, {
+      icon: Square,
+      size: "xs",
+      label: t("activity.stop"),
+      onClick: stop
+    });
+    $[13] = chatId;
+    $[14] = running;
+    $[15] = stop;
+    $[16] = t;
+    $[17] = workflow;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  let t5;
+  if ($[19] !== t3 || $[20] !== t4) {
+    t5 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-1",
+      children: [t3, t4]
+    });
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  let t6;
+  if ($[22] !== running || $[23] !== t || $[24] !== workflow) {
+    t6 = running && workflow.stalledAt !== undefined && /*#__PURE__*/_jsxs("p", {
+      role: "status",
+      className: "ml-6 mb-1 flex items-start gap-1.5 text-xs text-text-muted",
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: TriangleAlert,
+        size: 12,
+        className: "mt-0.5 shrink-0 text-status-needs-you"
+      }), /*#__PURE__*/_jsx("span", {
+        children: t("rows.workflow.stalled")
+      })]
+    });
+    $[22] = running;
+    $[23] = t;
+    $[24] = workflow;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  const t7 = phases.length > 0 && /*#__PURE__*/_jsx("div", {
+    className: "ml-6",
+    children: phases.map(phase => /*#__PURE__*/_jsx(PhaseBlock, {
+      phase: phase,
+      onOpen: onOpen
+    }, phase.key))
+  });
+  let t8;
+  if ($[26] !== t5 || $[27] !== t6 || $[28] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      children: [t5, t6, t7]
+    });
+    $[26] = t5;
+    $[27] = t6;
+    $[28] = t7;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  return t8;
+}

package/dist/chat/ui/rows/row-rhythm.js

@@ -9,9 +9,9 @@ export const FOLLOW_THRESHOLD_PX = 40;
  * already carries the gap before it, and the row after one is the answer, so neither takes a seam.
  */
 export function rowRhythm(row, previous) {
-    const question = row.kind === 'user';
-    const seam = !question && previous !== null && previous.kind !== 'user' && (isBlock(row) !== isBlock(previous) || previous.kind === 'visual');
-    return clsx(question && 'pb-(--chat-answer-gap)', seam && 'pt-(--chat-block-gap)');
+  const question = row.kind === 'user';
+  const seam = !question && previous !== null && previous.kind !== 'user' && (isBlock(row) !== isBlock(previous) || previous.kind === 'visual');
+  return clsx(question && 'pb-(--chat-answer-gap)', seam && 'pt-(--chat-block-gap)');
 }
 /*
  * Whether a reply's header goes over this row, and the time it shows: the first row after the question
@@ -19,21 +19,31 @@ export function rowRhythm(row, previous) {
  * starts halfway through a reply has no time to show.
  */
 export function replyHeader(row, previous) {
-    if (row.kind === 'user' || row.kind === 'turn-start') {
-        return null;
-    }
-    if (previous === null) {
-        return { at: null };
-    }
-    if (previous.kind === 'user') {
-        return { at: previous.item.createdAt };
-    }
-    if (previous.kind === 'turn-start') {
-        return { at: previous.turn.createdAt };
-    }
+  if (row.kind === 'user' || row.kind === 'turn-start') {
     return null;
+  }
+  if (previous === null) {
+    return {
+      at: null
+    };
+  }
+  if (previous.kind === 'user') {
+    return {
+      at: previous.item.createdAt
+    };
+  }
+  if (previous.kind === 'turn-start') {
+    return {
+      at: previous.turn.createdAt
+    };
+  }
+  return null;
 }
 // A transform also shifts a descendant's sticky position after it was resolved against the scrollport.
 export function rowPosition(kind, top) {
-    return kind === 'visual' ? { top } : { transform: `translateY(${top}px)` };
-}
+  return kind === 'visual' ? {
+    top
+  } : {
+    transform: `translateY(${top}px)`
+  };
+}

package/dist/chat/ui/theme-watch.js

@@ -10,27 +10,30 @@ const THEME_ATTRIBUTES = ['class', 'style', 'data-theme'];
  * locks the scroll writes the root's `style`), so a caller compares what it reads with what it drew.
  */
 export function watchTheme(owner, changed) {
-    const view = owner.defaultView ?? window;
-    let frame = 0;
-    const schedule = () => {
-        if (frame === 0) {
-            frame = view.requestAnimationFrame(() => {
-                frame = 0;
-                changed();
-            });
-        }
-    };
-    const observer = new view.MutationObserver(schedule);
-    for (const root of [owner.documentElement, owner.body]) {
-        if (root !== null) {
-            observer.observe(root, { attributes: true, attributeFilter: THEME_ATTRIBUTES });
-        }
+  const view = owner.defaultView ?? window;
+  let frame = 0;
+  const schedule = () => {
+    if (frame === 0) {
+      frame = view.requestAnimationFrame(() => {
+        frame = 0;
+        changed();
+      });
     }
-    return () => {
-        observer.disconnect();
-        if (frame !== 0) {
-            view.cancelAnimationFrame(frame);
-            frame = 0;
-        }
-    };
-}
+  };
+  const observer = new view.MutationObserver(schedule);
+  for (const root of [owner.documentElement, owner.body]) {
+    if (root !== null) {
+      observer.observe(root, {
+        attributes: true,
+        attributeFilter: THEME_ATTRIBUTES
+      });
+    }
+  }
+  return () => {
+    observer.disconnect();
+    if (frame !== 0) {
+      view.cancelAnimationFrame(frame);
+      frame = 0;
+    }
+  };
+}

package/dist/chat/ui/timestamp-format.js

@@ -1,2 +1,5 @@
 /* The full date and time a row's time names on its tooltip. */
-export const TIMESTAMP_FORMAT = { dateStyle: 'full', timeStyle: 'medium' };
+export const TIMESTAMP_FORMAT = {
+  dateStyle: 'full',
+  timeStyle: 'medium'
+};

package/dist/chat/ui/use-diff-source-tokens.js

@@ -1,43 +1,79 @@
+import { c as _c } from "react/compiler-runtime";
 import { useLayoutEffect, useMemo } from 'react';
 import { diffSyntaxDocument } from '@adecore/editor-react';
 import { useChatHost } from '../../host.js';
 import { diffSourceTokens, diffSyntaxRuntime } from './diff-syntax.js';
 function createSourceBinding(document, language, theme, runtime) {
-    const mapping = diffSyntaxDocument(document, language, theme);
-    const listeners = new Set();
-    let source;
-    const current = () => {
-        if (source === undefined) {
-            source = diffSourceTokens(document, mapping, runtime());
-            source.subscribe(() => {
-                for (const listener of [...listeners]) {
-                    listener();
-                }
-            });
+  const mapping = diffSyntaxDocument(document, language, theme);
+  const listeners = new Set();
+  let source;
+  const current = () => {
+    if (source === undefined) {
+      source = diffSourceTokens(document, mapping, runtime());
+      source.subscribe(() => {
+        for (const listener of [...listeners]) {
+          listener();
         }
-        return source;
-    };
-    return {
-        tokens: {
-            get: (side, index) => (mapping.locate(side, index) === undefined ? null : current().get(side, index)),
-            subscribe(listener) {
-                listeners.add(listener);
-                return () => {
-                    listeners.delete(listener);
-                };
-            }
-        },
-        release() {
-            // StrictMode replays effects with the same memo; the next read opens fresh sessions.
-            source?.dispose();
-            source = undefined;
-        }
-    };
+      });
+    }
+    return source;
+  };
+  return {
+    tokens: {
+      get: (side, index) => mapping.locate(side, index) === undefined ? null : current().get(side, index),
+      subscribe(listener) {
+        listeners.add(listener);
+        return () => {
+          listeners.delete(listener);
+        };
+      }
+    },
+    release() {
+      // StrictMode replays effects with the same memo; the next read opens fresh sessions.
+      source?.dispose();
+      source = undefined;
+    }
+  };
 }
 /* Without a `runtime`, the shared one of the host's `code`. */
 export function useDiffSourceTokens(document, language, theme, runtime) {
-    const { code } = useChatHost();
-    const binding = useMemo(() => createSourceBinding(document, language, theme, () => runtime ?? diffSyntaxRuntime(code)), [document, language, theme, runtime, code]);
-    useLayoutEffect(() => () => binding.release(), [binding]);
-    return binding.tokens;
-}
+  const $ = _c(11);
+  const {
+    code
+  } = useChatHost();
+  let t0;
+  if ($[0] !== code || $[1] !== runtime) {
+    t0 = () => runtime ?? diffSyntaxRuntime(code);
+    $[0] = code;
+    $[1] = runtime;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  let t1;
+  if ($[3] !== document || $[4] !== language || $[5] !== t0 || $[6] !== theme) {
+    t1 = createSourceBinding(document, language, theme, t0);
+    $[3] = document;
+    $[4] = language;
+    $[5] = t0;
+    $[6] = theme;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const binding = t1;
+  let t2;
+  let t3;
+  if ($[8] !== binding) {
+    t2 = () => () => binding.release();
+    t3 = [binding];
+    $[8] = binding;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t2 = $[9];
+    t3 = $[10];
+  }
+  useLayoutEffect(t2, t3);
+  return binding.tokens;
+}

package/dist/chat/ui/useToggleSet.js

@@ -1,25 +1,57 @@
-import { useCallback, useState } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useState } from 'react';
 /*
  * The ids of the folds a thread has open. `onToggle` is what a thread does about a person opening
  * one, which is to stop following the end: a fold is a deliberate look back, not a reason to jump.
  */
 export function useToggleSet(onToggle) {
-    const [ids, setIds] = useState(() => new Set());
-    const toggle = useCallback((id) => {
-        setIds((current) => {
-            const next = new Set(current);
-            if (next.has(id)) {
-                next.delete(id);
-            }
-            else {
-                next.add(id);
-            }
-            return next;
-        });
-        onToggle?.();
-    }, [onToggle]);
-    const add = useCallback((id) => {
-        setIds((current) => new Set(current).add(id));
-    }, []);
-    return { ids, toggle, add };
+  const $ = _c(6);
+  const [ids, setIds] = useState(_temp);
+  let t0;
+  if ($[0] !== onToggle) {
+    t0 = id => {
+      setIds(current => {
+        const next = new Set(current);
+        if (next.has(id)) {
+          next.delete(id);
+        } else {
+          next.add(id);
+        }
+        return next;
+      });
+      onToggle?.();
+    };
+    $[0] = onToggle;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const toggle = t0;
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = id_0 => {
+      setIds(current_0 => new Set(current_0).add(id_0));
+    };
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const add = t1;
+  let t2;
+  if ($[3] !== ids || $[4] !== toggle) {
+    t2 = {
+      ids,
+      toggle,
+      add
+    };
+    $[3] = ids;
+    $[4] = toggle;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
 }
+function _temp() {
+  return new Set();
+}