@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/diff/DiffFallbackBoundary.js

@@ -1,17 +1,25 @@
 import { Component } from 'react';
 /* A failed view or lazy chunk must leave the containing review card usable. */
 export class DiffFallbackBoundary extends Component {
-    state = { failed: false, resetKeys: this.props.resetKeys };
-    static getDerivedStateFromError() {
-        return { failed: true };
+  state = {
+    failed: false,
+    resetKeys: this.props.resetKeys
+  };
+  static getDerivedStateFromError() {
+    return {
+      failed: true
+    };
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (state.resetKeys.length !== props.resetKeys.length || state.resetKeys.some((value, index) => !Object.is(value, props.resetKeys[index]))) {
+      return {
+        failed: false,
+        resetKeys: props.resetKeys
+      };
     }
-    static getDerivedStateFromProps(props, state) {
-        if (state.resetKeys.length !== props.resetKeys.length || state.resetKeys.some((value, index) => !Object.is(value, props.resetKeys[index]))) {
-            return { failed: false, resetKeys: props.resetKeys };
-        }
-        return null;
-    }
-    render() {
-        return this.state.failed ? this.props.fallback : this.props.children;
-    }
-}
+    return null;
+  }
+  render() {
+    return this.state.failed ? this.props.fallback : this.props.children;
+  }
+}

package/dist/chat/ui/diff/DiffOmitted.js

@@ -1,8 +1,58 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useReviewSettled } from './review-settle.js';
 import { useTranslation } from 'react-i18next';
-export function DiffOmitted({ path }) {
-    useReviewSettled();
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { role: "status", "data-diff-omitted": true, className: "px-3 py-2 text-xs text-text-muted", children: [_jsx("p", { className: "truncate font-mono", children: path }), _jsx("p", { children: t('work.omitted.tooLarge') })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DiffOmitted(t0) {
+  const $ = _c(9);
+  const {
+    path
+  } = t0;
+  useReviewSettled();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== path) {
+    t1 = /*#__PURE__*/_jsx("p", {
+      className: "truncate font-mono",
+      children: path
+    });
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("work.omitted.tooLarge");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = /*#__PURE__*/_jsx("p", {
+      children: t2
+    });
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("div", {
+      role: "status",
+      "data-diff-omitted": true,
+      className: "px-3 py-2 text-xs text-text-muted",
+      children: [t1, t3]
+    });
+    $[6] = t1;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}

package/dist/chat/ui/diff/DiffStack.js

@@ -1,15 +1,99 @@
-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 { Button } from '@adecore/ui';
 import { ReviewSettleContext } from './review-settle.js';
 import { ReviewDiff } from './ReviewDiff.js';
 import { reviewSize } from './review-plan.js';
 import { useReviewStack } from './use-review-stack.js';
-export function ReviewStackView({ entries, stack }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsx("div", { "data-review-stack": true, children: entries.map((entry) => (_jsxs("div", { className: "border-t border-border first:border-t-0", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [_jsx("p", { className: "min-w-0 grow break-all font-mono text-xs text-text-muted", children: entry.path }), stack.slots.get(entry.key) === 'deferred' && (_jsx(Button, { size: "sm", "data-review-show": entry.key, onClick: () => stack.promote(entry.key), children: t('work.showDiff') }))] }), stack.ready.has(entry.key) ? (_jsx(ReviewSettleContext, { value: { key: entry.key, settle: stack.settle }, children: _jsx(ReviewDiff, { entry: entry }) })) : stack.slots.get(entry.key) === 'editor' ? (_jsx("div", { "data-review-pending": entry.key, role: "status", className: "px-3 py-2 text-xs text-text-faint", style: { height: Math.max(28, Math.min(reviewSize(entry).rows * 20, 480)) }, children: t('work.loadingDiff') })) : null] }, entry.key))) }));
-}
-export function DiffStack({ entries }) {
-    const stack = useReviewStack(entries);
-    return _jsx(ReviewStackView, { entries: entries, stack: stack });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ReviewStackView(t0) {
+  const $ = _c(9);
+  const {
+    entries,
+    stack
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== entries || $[1] !== stack || $[2] !== t) {
+    let t2;
+    if ($[4] !== stack || $[5] !== t) {
+      t2 = entry => /*#__PURE__*/_jsxs("div", {
+        className: "border-t border-border first:border-t-0",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "flex items-center gap-2 px-3 py-2",
+          children: [/*#__PURE__*/_jsx("p", {
+            className: "min-w-0 grow break-all font-mono text-xs text-text-muted",
+            children: entry.path
+          }), stack.slots.get(entry.key) === "deferred" && /*#__PURE__*/_jsx(Button, {
+            size: "sm",
+            "data-review-show": entry.key,
+            onClick: () => stack.promote(entry.key),
+            children: t("work.showDiff")
+          })]
+        }), stack.ready.has(entry.key) ? /*#__PURE__*/_jsx(ReviewSettleContext, {
+          value: {
+            key: entry.key,
+            settle: stack.settle
+          },
+          children: /*#__PURE__*/_jsx(ReviewDiff, {
+            entry: entry
+          })
+        }) : stack.slots.get(entry.key) === "editor" ? /*#__PURE__*/_jsx("div", {
+          "data-review-pending": entry.key,
+          role: "status",
+          className: "px-3 py-2 text-xs text-text-faint",
+          style: {
+            height: Math.max(28, Math.min(reviewSize(entry).rows * 20, 480))
+          },
+          children: t("work.loadingDiff")
+        }) : null]
+      }, entry.key);
+      $[4] = stack;
+      $[5] = t;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    t1 = entries.map(t2);
+    $[0] = entries;
+    $[1] = stack;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[7] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-review-stack": true,
+      children: t1
+    });
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  return t2;
 }
+export function DiffStack(t0) {
+  const $ = _c(3);
+  const {
+    entries
+  } = t0;
+  const stack = useReviewStack(entries);
+  let t1;
+  if ($[0] !== entries || $[1] !== stack) {
+    t1 = /*#__PURE__*/_jsx(ReviewStackView, {
+      entries: entries,
+      stack: stack
+    });
+    $[0] = entries;
+    $[1] = stack;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}

package/dist/chat/ui/diff/DiffUnavailable.js

@@ -1,8 +1,58 @@
-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 { useReviewSettled } from './review-settle.js';
-export function DiffUnavailable({ path }) {
-    useReviewSettled();
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { role: "status", "data-diff-unavailable": true, className: "px-3 py-2 text-xs text-text-muted", children: [_jsx("p", { className: "truncate font-mono", children: path }), _jsx("p", { children: t('work.diffUnavailable') })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DiffUnavailable(t0) {
+  const $ = _c(9);
+  const {
+    path
+  } = t0;
+  useReviewSettled();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  if ($[0] !== path) {
+    t1 = /*#__PURE__*/_jsx("p", {
+      className: "truncate font-mono",
+      children: path
+    });
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("work.diffUnavailable");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = /*#__PURE__*/_jsx("p", {
+      children: t2
+    });
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("div", {
+      role: "status",
+      "data-diff-unavailable": true,
+      className: "px-3 py-2 text-xs text-text-muted",
+      children: [t1, t3]
+    });
+    $[6] = t1;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+}

package/dist/chat/ui/diff/EditorEditDiff.js

@@ -1,68 +1,280 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useReviewSettled } from './review-settle.js';
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { getFiletypeFromFileName } from '@pierre/diffs';
 import { DiffView } from '@adecore/editor-react';
 import { diffDocument, patchOf } from '@adecore/merge';
-import { useChatHost } from '../../../host.js';
 import { useDiffSourceTokens } from '../use-diff-source-tokens.js';
 import { diffSourceBudget } from './diff-source-budget.js';
 import { DiffOmitted } from './DiffOmitted.js';
 import { canRenderEditorDiff, EDITOR_DIFF_LIMITS, EDITOR_DIFF_WORK } from './editor-edit-model.js';
+import { useHostCodeMode, useHostCodeThemes } from '../../../host-hooks.js';
 // Virtualized rows remount; retain the engine so their height does not return to the loading placeholder.
+import { jsx as _jsx } from "react/jsx-runtime";
 const engines = new WeakMap();
-function ReadyDiff({ document, path, engine, wrap, fill, layout, maxHeight }) {
-    const host = useChatHost();
-    useReviewSettled();
-    const { t } = useTranslation('agent-chat');
-    const mode = host.code.useMode();
-    const theme = host.code.useThemes()[mode];
-    const language = getFiletypeFromFileName(path);
-    const tokens = useDiffSourceTokens(document, language, theme);
-    return (_jsx(DiffView, { engine: engine, document: document, tokens: tokens, theme: theme, maxHeight: maxHeight, unfoldLimits: EDITOR_DIFF_LIMITS, label: t('work.diffLabel', { path }), layout: layout, wrap: wrap, fill: fill, className: "chat-diff select-text" }));
+function ReadyDiff(t0) {
+  const $ = _c(15);
+  const {
+    document,
+    path,
+    engine,
+    wrap,
+    fill,
+    layout,
+    maxHeight
+  } = t0;
+  useReviewSettled();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const mode = useHostCodeMode();
+  const theme = useHostCodeThemes()[mode];
+  let t1;
+  if ($[0] !== path) {
+    t1 = getFiletypeFromFileName(path);
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const language = t1;
+  const tokens = useDiffSourceTokens(document, language, theme);
+  let t2;
+  if ($[2] !== path || $[3] !== t) {
+    t2 = t("work.diffLabel", {
+      path
+    });
+    $[2] = path;
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== document || $[6] !== engine || $[7] !== fill || $[8] !== layout || $[9] !== maxHeight || $[10] !== t2 || $[11] !== theme || $[12] !== tokens || $[13] !== wrap) {
+    t3 = /*#__PURE__*/_jsx(DiffView, {
+      engine: engine,
+      document: document,
+      tokens: tokens,
+      theme: theme,
+      maxHeight: maxHeight,
+      unfoldLimits: EDITOR_DIFF_LIMITS,
+      label: t2,
+      layout: layout,
+      wrap: wrap,
+      fill: fill,
+      className: "chat-diff select-text"
+    });
+    $[5] = document;
+    $[6] = engine;
+    $[7] = fill;
+    $[8] = layout;
+    $[9] = maxHeight;
+    $[10] = t2;
+    $[11] = theme;
+    $[12] = tokens;
+    $[13] = wrap;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  return t3;
 }
-export function EditorDocumentDiff({ document, path, loadEngine, fallback, wrap = true, fill = false, layout = 'unified', maxHeight = 480 }) {
-    const { t } = useTranslation('agent-chat');
-    const withinLimits = useMemo(() => canRenderEditorDiff(document), [document]);
-    const [loaded, setLoaded] = useState();
-    useEffect(() => {
-        if (!withinLimits || engines.has(loadEngine)) {
-            return;
+export function EditorDocumentDiff(t0) {
+  const $ = _c(24);
+  const {
+    document,
+    path,
+    loadEngine,
+    fallback,
+    wrap: t1,
+    fill: t2,
+    layout: t3,
+    maxHeight: t4
+  } = t0;
+  const wrap = t1 === undefined ? true : t1;
+  const fill = t2 === undefined ? false : t2;
+  const layout = t3 === undefined ? "unified" : t3;
+  const maxHeight = t4 === undefined ? 480 : t4;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t5;
+  if ($[0] !== document) {
+    t5 = canRenderEditorDiff(document);
+    $[0] = document;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const withinLimits = t5;
+  const [loaded, setLoaded] = useState();
+  let t6;
+  let t7;
+  if ($[2] !== loadEngine || $[3] !== withinLimits) {
+    t6 = () => {
+      if (!withinLimits || engines.has(loadEngine)) {
+        return;
+      }
+      let active = true;
+      Promise.resolve().then(loadEngine).then(engine => {
+        engines.set(loadEngine, engine);
+        if (active) {
+          setLoaded({
+            load: loadEngine,
+            engine
+          });
+        }
+      }, () => {
+        engines.set(loadEngine, null);
+        if (active) {
+          setLoaded({
+            load: loadEngine,
+            engine: null
+          });
         }
-        let active = true;
-        void Promise.resolve()
-            .then(loadEngine)
-            .then((engine) => {
-            engines.set(loadEngine, engine);
-            if (active) {
-                setLoaded({ load: loadEngine, engine });
-            }
-        }, () => {
-            engines.set(loadEngine, null);
-            if (active) {
-                setLoaded({ load: loadEngine, engine: null });
-            }
-        });
-        return () => {
-            active = false;
-        };
-    }, [loadEngine, withinLimits]);
-    const engine = loaded?.load === loadEngine ? loaded.engine : engines.get(loadEngine);
-    if (!withinLimits) {
-        return _jsx(DiffOmitted, { path: path });
+      });
+      return () => {
+        active = false;
+      };
+    };
+    t7 = [loadEngine, withinLimits];
+    $[2] = loadEngine;
+    $[3] = withinLimits;
+    $[4] = t6;
+    $[5] = t7;
+  } else {
+    t6 = $[4];
+    t7 = $[5];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[6] !== loadEngine || $[7] !== loaded) {
+    t8 = loaded?.load === loadEngine ? loaded.engine : engines.get(loadEngine);
+    $[6] = loadEngine;
+    $[7] = loaded;
+    $[8] = t8;
+  } else {
+    t8 = $[8];
+  }
+  const engine_0 = t8;
+  if (!withinLimits) {
+    let t9;
+    if ($[9] !== path) {
+      t9 = /*#__PURE__*/_jsx(DiffOmitted, {
+        path: path
+      });
+      $[9] = path;
+      $[10] = t9;
+    } else {
+      t9 = $[10];
     }
-    if (engine === undefined) {
-        return _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') });
+    return t9;
+  }
+  if (engine_0 === undefined) {
+    let t9;
+    if ($[11] !== t) {
+      t9 = t("work.loadingDiff");
+      $[11] = t;
+      $[12] = t9;
+    } else {
+      t9 = $[12];
     }
-    return engine === null ? (fallback) : (_jsx(ReadyDiff, { document: document, path: path, engine: engine, wrap: wrap, fill: fill, layout: layout, maxHeight: maxHeight }));
-}
-export default function EditorEditDiff({ change, loadEngine, fallback, maxHeight, sourceChecked = false }) {
-    const document = useMemo(() => sourceChecked || diffSourceBudget(change.before, change.after)
-        ? diffDocument(patchOf(change.before, change.after, 3, { maxWork: EDITOR_DIFF_WORK }), { old: change.before, new: change.after })
-        : undefined, [change.before, change.after, sourceChecked]);
-    if (document === undefined) {
-        return _jsx(DiffOmitted, { path: change.path });
+    let t10;
+    if ($[13] !== t9) {
+      t10 = /*#__PURE__*/_jsx("div", {
+        className: "px-3 py-2 text-xs text-text-faint",
+        children: t9
+      });
+      $[13] = t9;
+      $[14] = t10;
+    } else {
+      t10 = $[14];
     }
-    return _jsx(EditorDocumentDiff, { document: document, path: change.path, loadEngine: loadEngine, fallback: fallback, maxHeight: maxHeight });
+    return t10;
+  }
+  let t9;
+  if ($[15] !== document || $[16] !== engine_0 || $[17] !== fallback || $[18] !== fill || $[19] !== layout || $[20] !== maxHeight || $[21] !== path || $[22] !== wrap) {
+    t9 = engine_0 === null ? fallback : /*#__PURE__*/_jsx(ReadyDiff, {
+      document: document,
+      path: path,
+      engine: engine_0,
+      wrap: wrap,
+      fill: fill,
+      layout: layout,
+      maxHeight: maxHeight
+    });
+    $[15] = document;
+    $[16] = engine_0;
+    $[17] = fallback;
+    $[18] = fill;
+    $[19] = layout;
+    $[20] = maxHeight;
+    $[21] = path;
+    $[22] = wrap;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  return t9;
 }
+export default function EditorEditDiff(t0) {
+  const $ = _c(12);
+  const {
+    change,
+    loadEngine,
+    fallback,
+    maxHeight,
+    sourceChecked: t1
+  } = t0;
+  const sourceChecked = t1 === undefined ? false : t1;
+  let t2;
+  if ($[0] !== change.after || $[1] !== change.before || $[2] !== sourceChecked) {
+    t2 = sourceChecked || diffSourceBudget(change.before, change.after) ? diffDocument(patchOf(change.before, change.after, 3, {
+      maxWork: EDITOR_DIFF_WORK
+    }), {
+      old: change.before,
+      new: change.after
+    }) : undefined;
+    $[0] = change.after;
+    $[1] = change.before;
+    $[2] = sourceChecked;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const document = t2;
+  if (document === undefined) {
+    let t3;
+    if ($[4] !== change.path) {
+      t3 = /*#__PURE__*/_jsx(DiffOmitted, {
+        path: change.path
+      });
+      $[4] = change.path;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    return t3;
+  }
+  let t3;
+  if ($[6] !== change.path || $[7] !== document || $[8] !== fallback || $[9] !== loadEngine || $[10] !== maxHeight) {
+    t3 = /*#__PURE__*/_jsx(EditorDocumentDiff, {
+      document: document,
+      path: change.path,
+      loadEngine: loadEngine,
+      fallback: fallback,
+      maxHeight: maxHeight
+    });
+    $[6] = change.path;
+    $[7] = document;
+    $[8] = fallback;
+    $[9] = loadEngine;
+    $[10] = maxHeight;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+}

package/dist/chat/ui/diff/EditorPatchDiff.js

@@ -1,20 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { diffDocument, parsePatch } from '@adecore/merge';
 import { diffSourceBudget, patchSourceBudget } from './diff-source-budget.js';
 import { DiffOmitted } from './DiffOmitted.js';
 import { EditorDocumentDiff } from './EditorEditDiff.js';
-export default function EditorPatchDiff({ change, sourceChecked = false, contents, ignoreWhitespace, wrap, fill, maxHeight, layout = 'unified', loadEngine, fallback }) {
-    const oldText = contents?.old;
-    const newText = contents?.new;
-    const document = useMemo(() => {
-        if (!sourceChecked && (!diffSourceBudget(oldText ?? '', newText ?? '') || !patchSourceBudget(change.diff))) {
-            return undefined;
-        }
-        return diffDocument(parsePatch(change.diff), oldText === undefined || newText === undefined ? undefined : { old: oldText, new: newText }, ignoreWhitespace);
-    }, [change.diff, oldText, newText, ignoreWhitespace, sourceChecked]);
-    if (document === undefined) {
-        return _jsx(DiffOmitted, { path: change.path });
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function EditorPatchDiff({
+  change,
+  sourceChecked = false,
+  contents,
+  ignoreWhitespace,
+  wrap,
+  fill,
+  maxHeight,
+  layout = 'unified',
+  loadEngine,
+  fallback
+}) {
+  const oldText = contents?.old;
+  const newText = contents?.new;
+  const document = useMemo(() => {
+    if (!sourceChecked && (!diffSourceBudget(oldText ?? '', newText ?? '') || !patchSourceBudget(change.diff))) {
+      return undefined;
     }
-    return (_jsx(EditorDocumentDiff, { document: document, path: change.path, loadEngine: loadEngine, fallback: fallback, wrap: wrap, fill: fill, layout: layout, maxHeight: maxHeight }));
-}
+    return diffDocument(parsePatch(change.diff), oldText === undefined || newText === undefined ? undefined : {
+      old: oldText,
+      new: newText
+    }, ignoreWhitespace);
+  }, [change.diff, oldText, newText, ignoreWhitespace, sourceChecked]);
+  if (document === undefined) {
+    return /*#__PURE__*/_jsx(DiffOmitted, {
+      path: change.path
+    });
+  }
+  return /*#__PURE__*/_jsx(EditorDocumentDiff, {
+    document: document,
+    path: change.path,
+    loadEngine: loadEngine,
+    fallback: fallback,
+    wrap: wrap,
+    fill: fill,
+    layout: layout,
+    maxHeight: maxHeight
+  });
+}