@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/EditDiff.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { c as _c } from "react/compiler-runtime";
 import { LazyBoundary } from '@adecore/ui';
 import { useTranslation } from 'react-i18next';
 import { lazyNamed } from '../../lazy.js';
@@ -8,23 +7,163 @@ import { DiffOmitted } from './diff/DiffOmitted.js';
 import { DiffUnavailable } from './diff/DiffUnavailable.js';
 import { DiffFallbackBoundary } from './diff/DiffFallbackBoundary.js';
 import { useChatHost } from '../../host.js';
-const LegacyEditDiff = lazyNamed(() => import('./diff/LegacyEditDiff.js'), 'default', { prefetch: false });
+import { jsx as _jsx } from "react/jsx-runtime";
+const LegacyEditDiff = lazyNamed(() => import('./diff/LegacyEditDiff.js'), 'default', {
+  prefetch: false
+});
 const EditorEditDiff = lazyNamed(() => import('./diff/EditorEditDiff.js'), 'default');
-export default function EditDiff({ change, allowEditor = true, maxHeight }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const loadEngine = host.code.editor;
-    const sourceAllowed = useMemo(() => diffSourceBudget(change.before, change.after), [change.before, change.after]);
-    const legacyMode = !allowEditor || loadEngine === undefined;
-    const legacyAllowed = useMemo(() => legacyMode && legacyDiffBudget(change.before, change.after), [legacyMode, change.before, change.after]);
-    const omitted = _jsx(DiffOmitted, { path: change.path });
-    const fallback = legacyAllowed ? (_jsx(DiffFallbackBoundary, { fallback: omitted, resetKeys: [change.path, change.before, change.after], children: _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: _jsx(LegacyEditDiff, { change: change, maxHeight: maxHeight }) }) })) : (omitted);
-    if (!sourceAllowed) {
-        return omitted;
-    }
-    if (legacyMode) {
-        return fallback;
-    }
-    const unavailable = _jsx(DiffUnavailable, { path: change.path });
-    return (_jsx(DiffFallbackBoundary, { fallback: unavailable, resetKeys: [change.path, change.before, change.after, loadEngine], children: _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: _jsx(EditorEditDiff, { change: change, loadEngine: loadEngine, fallback: unavailable, maxHeight: maxHeight, sourceChecked: true }) }) }));
-}
+export default function EditDiff(t0) {
+  const $ = _c(35);
+  const {
+    change,
+    allowEditor: t1,
+    maxHeight
+  } = t0;
+  const allowEditor = t1 === undefined ? true : t1;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const loadEngine = host.code.editor;
+  const sourceAllowed = diffSourceBudget(change.before, change.after);
+  const legacyMode = !allowEditor || loadEngine === undefined;
+  let t2;
+  if ($[0] !== change.after || $[1] !== change.before || $[2] !== legacyMode) {
+    t2 = legacyMode && legacyDiffBudget(change.before, change.after);
+    $[0] = change.after;
+    $[1] = change.before;
+    $[2] = legacyMode;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const legacyAllowed = t2;
+  let t3;
+  if ($[4] !== change.path) {
+    t3 = /*#__PURE__*/_jsx(DiffOmitted, {
+      path: change.path
+    });
+    $[4] = change.path;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const omitted = t3;
+  let t4;
+  if ($[6] !== change || $[7] !== legacyAllowed || $[8] !== maxHeight || $[9] !== omitted || $[10] !== t) {
+    t4 = legacyAllowed ? /*#__PURE__*/_jsx(DiffFallbackBoundary, {
+      fallback: omitted,
+      resetKeys: [change.path, change.before, change.after],
+      children: /*#__PURE__*/_jsx(LazyBoundary, {
+        fallback: /*#__PURE__*/_jsx("div", {
+          className: "px-3 py-2 text-xs text-text-faint",
+          children: t("work.loadingDiff")
+        }),
+        children: /*#__PURE__*/_jsx(LegacyEditDiff, {
+          change: change,
+          maxHeight: maxHeight
+        })
+      })
+    }) : omitted;
+    $[6] = change;
+    $[7] = legacyAllowed;
+    $[8] = maxHeight;
+    $[9] = omitted;
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  const fallback = t4;
+  if (!sourceAllowed) {
+    return omitted;
+  }
+  if (legacyMode) {
+    return fallback;
+  }
+  let t5;
+  if ($[12] !== change.path) {
+    t5 = /*#__PURE__*/_jsx(DiffUnavailable, {
+      path: change.path
+    });
+    $[12] = change.path;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  const unavailable = t5;
+  let t6;
+  if ($[14] !== change.after || $[15] !== change.before || $[16] !== change.path || $[17] !== loadEngine) {
+    t6 = [change.path, change.before, change.after, loadEngine];
+    $[14] = change.after;
+    $[15] = change.before;
+    $[16] = change.path;
+    $[17] = loadEngine;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== t) {
+    t7 = t("work.loadingDiff");
+    $[19] = t;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== t7) {
+    t8 = /*#__PURE__*/_jsx("div", {
+      className: "px-3 py-2 text-xs text-text-faint",
+      children: t7
+    });
+    $[21] = t7;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== change || $[24] !== loadEngine || $[25] !== maxHeight || $[26] !== unavailable) {
+    t9 = /*#__PURE__*/_jsx(EditorEditDiff, {
+      change: change,
+      loadEngine: loadEngine,
+      fallback: unavailable,
+      maxHeight: maxHeight,
+      sourceChecked: true
+    });
+    $[23] = change;
+    $[24] = loadEngine;
+    $[25] = maxHeight;
+    $[26] = unavailable;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== t8 || $[29] !== t9) {
+    t10 = /*#__PURE__*/_jsx(LazyBoundary, {
+      fallback: t8,
+      children: t9
+    });
+    $[28] = t8;
+    $[29] = t9;
+    $[30] = t10;
+  } else {
+    t10 = $[30];
+  }
+  let t11;
+  if ($[31] !== t10 || $[32] !== t6 || $[33] !== unavailable) {
+    t11 = /*#__PURE__*/_jsx(DiffFallbackBoundary, {
+      fallback: unavailable,
+      resetKeys: t6,
+      children: t10
+    });
+    $[31] = t10;
+    $[32] = t6;
+    $[33] = unavailable;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+  return t11;
+}

package/dist/chat/ui/FadingWords.js

@@ -1,5 +1,34 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { FADE_CLASS, isWhitespace, wordSegments } from './rehype-fade.js';
-export function FadingWords({ text }) {
-    return (_jsx(_Fragment, { children: wordSegments(text).map((segment, index) => isWhitespace(segment) ? (segment) : (_jsx("span", { className: FADE_CLASS, children: segment }, index))) }));
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function FadingWords(t0) {
+  const $ = _c(4);
+  const {
+    text
+  } = t0;
+  let t1;
+  if ($[0] !== text) {
+    t1 = wordSegments(text).map(_temp);
+    $[0] = text;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t1
+    });
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 }
+function _temp(segment, index) {
+  return isWhitespace(segment) ? segment : /*#__PURE__*/_jsx("span", {
+    className: FADE_CLASS,
+    children: segment
+  }, index);
+}

package/dist/chat/ui/GoalDock.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import clsx from 'clsx';
@@ -11,53 +11,246 @@ import { useChats } from '../../state/chats.js';
 import { useChatActions } from '../actions.js';
 import { goalView } from '../logic/goal.js';
 /* How far the goal got, in what its CLI counts: the checks that sent the agent on, or the tokens it spent. */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function progressOf(goal, t) {
-    const parts = [];
-    if (goal.checks !== undefined && goal.checks > 0) {
-        parts.push(t('goal.checks', { count: goal.checks }));
-    }
-    if (goal.tokensUsed !== undefined && (goal.tokensUsed > 0 || goal.tokenBudget !== undefined)) {
-        parts.push(goal.tokenBudget === undefined
-            ? t('goal.tokens', { tokens: formatTokens(goal.tokensUsed) })
-            : t('goal.budget', { tokens: formatTokens(goal.tokensUsed), budget: formatTokens(goal.tokenBudget) }));
-    }
-    return parts.length === 0 ? null : parts.join(' · ');
+  const parts = [];
+  if (goal.checks !== undefined && goal.checks > 0) {
+    parts.push(t('goal.checks', {
+      count: goal.checks
+    }));
+  }
+  if (goal.tokensUsed !== undefined && (goal.tokensUsed > 0 || goal.tokenBudget !== undefined)) {
+    parts.push(goal.tokenBudget === undefined ? t('goal.tokens', {
+      tokens: formatTokens(goal.tokensUsed)
+    }) : t('goal.budget', {
+      tokens: formatTokens(goal.tokensUsed),
+      budget: formatTokens(goal.tokenBudget)
+    }));
+  }
+  return parts.length === 0 ? null : parts.join(' · ');
 }
 /*
  * At the top of the composer while the chat has a goal: where it stands, the objective, how far it got,
  * and what a person may do to it. The whole objective and what the last check said are in the tooltip.
  */
-export function GoalDock({ chatId, info, goals }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    useFormatLocale();
-    const actions = useChatActions();
-    const [changing, setChanging] = useState(false);
-    const view = goalView(info, goals, actions.goal !== undefined);
-    if (view === null) {
-        return null;
-    }
-    const { goal } = view;
-    const progress = progressOf(goal, t);
-    const act = (action) => {
-        if (!actions.goal) {
+export function GoalDock(t0) {
+  const $ = _c(27);
+  const {
+    chatId,
+    info,
+    goals
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  useFormatLocale();
+  const actions = useChatActions();
+  const [changing, setChanging] = useState(false);
+  let t1;
+  let t2;
+  if ($[0] !== actions || $[1] !== changing || $[2] !== chatId || $[3] !== goals || $[4] !== host || $[5] !== info || $[6] !== t) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const view = goalView(info, goals, actions.goal !== undefined);
+      if (view === null) {
+        t2 = null;
+        break bb0;
+      }
+      const {
+        goal
+      } = view;
+      const progress = progressOf(goal, t);
+      let t3;
+      if ($[9] !== actions || $[10] !== chatId || $[11] !== host || $[12] !== t) {
+        t3 = action => {
+          if (!actions.goal) {
             return;
-        }
-        setChanging(true);
-        actions
-            .goal(chatId, action)
-            .catch((e) => host.notify({ kind: 'error', title: t('goal.failed'), description: e instanceof Error ? e.message : String(e) }))
-            .finally(() => setChanging(false));
-    };
-    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5", children: [_jsx(Icon, { icon: Target, size: 16, className: clsx('shrink-0', goal.status === 'active' ? 'text-accent' : 'text-text-faint') }), _jsxs("span", { className: "flex min-w-0 grow flex-col", children: [_jsx("span", { className: "truncate text-sm text-text", children: t(`goal.status.${goal.status}`) }), _jsx(Tooltip, { label: goal.lastCheck === undefined ? (goal.objective) : (_jsxs(_Fragment, { children: [goal.objective, _jsx("br", {}), t('goal.lastCheck', { check: goal.lastCheck })] })), children: _jsx("span", { className: "truncate text-xs tabular-nums text-text-faint", children: progress === null ? goal.objective : `${goal.objective} · ${progress}` }) })] }), view.actions.map((action) => (_jsx(Button, { size: "sm", disabled: changing, onClick: () => act(action), children: t(`goal.${action}`) }, action)))] }));
-}
-/* The same in a chat node's header while a goal works, read from the status every client gets, so a node nobody opened says it too. */
-export function GoalPill({ chatId }) {
-    const { t } = useTranslation('agent-chat');
-    const { keyOf } = useChatScope();
-    const goal = useChats((s) => s.statusByKey[keyOf(chatId)]?.info.goal);
-    if (goal?.status !== 'active') {
-        return null;
+          }
+          setChanging(true);
+          actions.goal(chatId, action).catch(e => host.notify({
+            kind: "error",
+            title: t("goal.failed"),
+            description: e instanceof Error ? e.message : String(e)
+          })).finally(() => setChanging(false));
+        };
+        $[9] = actions;
+        $[10] = chatId;
+        $[11] = host;
+        $[12] = t;
+        $[13] = t3;
+      } else {
+        t3 = $[13];
+      }
+      const act = t3;
+      const t4 = goal.status === "active" ? "text-accent" : "text-text-faint";
+      let t5;
+      if ($[14] !== t4) {
+        t5 = clsx("shrink-0", t4);
+        $[14] = t4;
+        $[15] = t5;
+      } else {
+        t5 = $[15];
+      }
+      let t6;
+      if ($[16] !== t5) {
+        t6 = /*#__PURE__*/_jsx(Icon, {
+          icon: Target,
+          size: 16,
+          className: t5
+        });
+        $[16] = t5;
+        $[17] = t6;
+      } else {
+        t6 = $[17];
+      }
+      const t7 = `goal.status.${goal.status}`;
+      let t8;
+      if ($[18] !== t || $[19] !== t7) {
+        t8 = t(t7);
+        $[18] = t;
+        $[19] = t7;
+        $[20] = t8;
+      } else {
+        t8 = $[20];
+      }
+      let t9;
+      if ($[21] !== t8) {
+        t9 = /*#__PURE__*/_jsx("span", {
+          className: "truncate text-sm text-text",
+          children: t8
+        });
+        $[21] = t8;
+        $[22] = t9;
+      } else {
+        t9 = $[22];
+      }
+      let t10;
+      if ($[23] !== act || $[24] !== changing || $[25] !== t) {
+        t10 = action_0 => /*#__PURE__*/_jsx(Button, {
+          size: "sm",
+          disabled: changing,
+          onClick: () => act(action_0),
+          children: t(`goal.${action_0}`)
+        }, action_0);
+        $[23] = act;
+        $[24] = changing;
+        $[25] = t;
+        $[26] = t10;
+      } else {
+        t10 = $[26];
+      }
+      t1 = /*#__PURE__*/_jsxs("div", {
+        className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5",
+        children: [t6, /*#__PURE__*/_jsxs("span", {
+          className: "flex min-w-0 grow flex-col",
+          children: [t9, /*#__PURE__*/_jsx(Tooltip, {
+            label: goal.lastCheck === undefined ? goal.objective : /*#__PURE__*/_jsxs(_Fragment, {
+              children: [goal.objective, /*#__PURE__*/_jsx("br", {}), t("goal.lastCheck", {
+                check: goal.lastCheck
+              })]
+            }),
+            children: /*#__PURE__*/_jsx("span", {
+              className: "truncate text-xs tabular-nums text-text-faint",
+              children: progress === null ? goal.objective : `${goal.objective} · ${progress}`
+            })
+          })]
+        }), view.actions.map(t10)]
+      });
     }
-    return (_jsx(Tooltip, { label: `${t('goal.status.active')}: ${goal.objective}`, children: _jsx(Pill, { tone: "accent", icon: _jsx(Icon, { icon: Target, size: 12 }), children: t('goal.pill') }) }));
+    $[0] = actions;
+    $[1] = changing;
+    $[2] = chatId;
+    $[3] = goals;
+    $[4] = host;
+    $[5] = info;
+    $[6] = t;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  return t1;
 }
+/* The same in a chat node's header while a goal works, read from the status every client gets, so a node nobody opened says it too. */
+export function GoalPill(t0) {
+  const $ = _c(13);
+  const {
+    chatId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    keyOf
+  } = useChatScope();
+  let t1;
+  if ($[0] !== chatId || $[1] !== keyOf) {
+    t1 = s => s.statusByKey[keyOf(chatId)]?.info.goal;
+    $[0] = chatId;
+    $[1] = keyOf;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const goal = useChats(t1);
+  if (goal?.status !== "active") {
+    return null;
+  }
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("goal.status.active");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const t3 = `${t2}: ${goal.objective}`;
+  let t4;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      icon: Target,
+      size: 12
+    });
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== t) {
+    t5 = t("goal.pill");
+    $[6] = t;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t5) {
+    t6 = /*#__PURE__*/_jsx(Pill, {
+      tone: "accent",
+      icon: t4,
+      children: t5
+    });
+    $[8] = t5;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t3 || $[11] !== t6) {
+    t7 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t3,
+      children: t6
+    });
+    $[10] = t3;
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  return t7;
+}