@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/UnifiedDiff.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';
@@ -9,31 +8,239 @@ import { DiffUnavailable } from './diff/DiffUnavailable.js';
 import { RawDiff } from './diff/RawDiff.js';
 import { DiffFallbackBoundary } from './diff/DiffFallbackBoundary.js';
 import { useChatHost } from '../../host.js';
-const LegacyUnifiedDiff = lazyNamed(() => import('./diff/LegacyUnifiedDiff.js'), 'default', { prefetch: false });
+import { jsx as _jsx } from "react/jsx-runtime";
+const LegacyUnifiedDiff = lazyNamed(() => import('./diff/LegacyUnifiedDiff.js'), 'default', {
+  prefetch: false
+});
 const EditorPatchDiff = lazyNamed(() => import('./diff/EditorPatchDiff.js'), 'default');
 export default function UnifiedDiff(props) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const { change, contents, allowEditor = true, ignoreWhitespace = false, overflow = 'wrap', diffStyle = 'unified', fill = false, maxHeight } = props;
-    const loadEngine = host.code.editor;
-    const oldText = contents?.old ?? '';
-    const newText = contents?.new ?? '';
-    const sourceAllowed = useMemo(() => diffSourceBudget(oldText, newText) && patchSourceBudget(change.diff), [oldText, newText, change.diff]);
-    const legacyMode = !allowEditor || loadEngine === undefined;
-    const hasHunks = /^@@/m.test(change.diff);
-    const legacyAllowed = useMemo(() => legacyMode && legacyDiffBudget(oldText, newText, change.diff), [legacyMode, oldText, newText, change.diff]);
-    const rawAllowed = useMemo(() => hasHunks || legacyDiffBudget('', '', change.diff), [hasHunks, change.diff]);
-    const omitted = _jsx(DiffOmitted, { path: change.path });
-    const fallback = legacyAllowed ? (_jsx(DiffFallbackBoundary, { fallback: omitted, resetKeys: [change.path, change.diff, oldText, newText, diffStyle], children: _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: _jsx(LegacyUnifiedDiff, { ...props }) }) })) : (omitted);
-    if (!sourceAllowed) {
-        return omitted;
-    }
-    if (!hasHunks) {
-        return rawAllowed ? _jsx(RawDiff, { text: change.diff, overflow: overflow, fill: fill, maxHeight: maxHeight }) : omitted;
-    }
-    if (legacyMode) {
-        return fallback;
+  const $ = _c(61);
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    change,
+    contents,
+    allowEditor: t0,
+    ignoreWhitespace: t1,
+    overflow: t2,
+    diffStyle: t3,
+    fill: t4,
+    maxHeight
+  } = props;
+  const allowEditor = t0 === undefined ? true : t0;
+  const ignoreWhitespace = t1 === undefined ? false : t1;
+  const overflow = t2 === undefined ? "wrap" : t2;
+  const diffStyle = t3 === undefined ? "unified" : t3;
+  const fill = t4 === undefined ? false : t4;
+  const loadEngine = host.code.editor;
+  const oldText = contents?.old ?? "";
+  const newText = contents?.new ?? "";
+  const sourceAllowed = diffSourceBudget(oldText, newText) && patchSourceBudget(change.diff);
+  const legacyMode = !allowEditor || loadEngine === undefined;
+  let t5;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /^@@/m;
+    $[0] = t5;
+  } else {
+    t5 = $[0];
+  }
+  let t6;
+  if ($[1] !== change.diff) {
+    t6 = t5.test(change.diff);
+    $[1] = change.diff;
+    $[2] = t6;
+  } else {
+    t6 = $[2];
+  }
+  const hasHunks = t6;
+  let t7;
+  if ($[3] !== change.diff || $[4] !== legacyMode || $[5] !== newText || $[6] !== oldText) {
+    t7 = legacyMode && legacyDiffBudget(oldText, newText, change.diff);
+    $[3] = change.diff;
+    $[4] = legacyMode;
+    $[5] = newText;
+    $[6] = oldText;
+    $[7] = t7;
+  } else {
+    t7 = $[7];
+  }
+  const legacyAllowed = t7;
+  let t8;
+  if ($[8] !== change.diff || $[9] !== hasHunks) {
+    t8 = hasHunks || legacyDiffBudget("", "", change.diff);
+    $[8] = change.diff;
+    $[9] = hasHunks;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const rawAllowed = t8;
+  let t9;
+  if ($[11] !== change.path) {
+    t9 = /*#__PURE__*/_jsx(DiffOmitted, {
+      path: change.path
+    });
+    $[11] = change.path;
+    $[12] = t9;
+  } else {
+    t9 = $[12];
+  }
+  const omitted = t9;
+  let t10;
+  if ($[13] !== change.diff || $[14] !== change.path || $[15] !== diffStyle || $[16] !== legacyAllowed || $[17] !== newText || $[18] !== oldText || $[19] !== omitted || $[20] !== props || $[21] !== t) {
+    t10 = legacyAllowed ? /*#__PURE__*/_jsx(DiffFallbackBoundary, {
+      fallback: omitted,
+      resetKeys: [change.path, change.diff, oldText, newText, diffStyle],
+      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(LegacyUnifiedDiff, {
+          ...props
+        })
+      })
+    }) : omitted;
+    $[13] = change.diff;
+    $[14] = change.path;
+    $[15] = diffStyle;
+    $[16] = legacyAllowed;
+    $[17] = newText;
+    $[18] = oldText;
+    $[19] = omitted;
+    $[20] = props;
+    $[21] = t;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  const fallback = t10;
+  if (!sourceAllowed) {
+    return omitted;
+  }
+  if (!hasHunks) {
+    let t11;
+    if ($[23] !== change.diff || $[24] !== fill || $[25] !== maxHeight || $[26] !== omitted || $[27] !== overflow || $[28] !== rawAllowed) {
+      t11 = rawAllowed ? /*#__PURE__*/_jsx(RawDiff, {
+        text: change.diff,
+        overflow: overflow,
+        fill: fill,
+        maxHeight: maxHeight
+      }) : omitted;
+      $[23] = change.diff;
+      $[24] = fill;
+      $[25] = maxHeight;
+      $[26] = omitted;
+      $[27] = overflow;
+      $[28] = rawAllowed;
+      $[29] = t11;
+    } else {
+      t11 = $[29];
     }
-    const unavailable = _jsx(DiffUnavailable, { path: change.path });
-    return (_jsx(DiffFallbackBoundary, { fallback: unavailable, resetKeys: [change.path, change.diff, oldText, newText, ignoreWhitespace, diffStyle, loadEngine], children: _jsx(LazyBoundary, { fallback: _jsx("div", { className: "px-3 py-2 text-xs text-text-faint", children: t('work.loadingDiff') }), children: _jsx(EditorPatchDiff, { change: change, sourceChecked: true, contents: contents, ignoreWhitespace: ignoreWhitespace, wrap: overflow === 'wrap', fill: fill, maxHeight: maxHeight, layout: diffStyle, loadEngine: loadEngine, fallback: unavailable }) }) }));
-}
+    return t11;
+  }
+  if (legacyMode) {
+    return fallback;
+  }
+  let t11;
+  if ($[30] !== change.path) {
+    t11 = /*#__PURE__*/_jsx(DiffUnavailable, {
+      path: change.path
+    });
+    $[30] = change.path;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  const unavailable = t11;
+  let t12;
+  if ($[32] !== change.diff || $[33] !== change.path || $[34] !== diffStyle || $[35] !== ignoreWhitespace || $[36] !== loadEngine || $[37] !== newText || $[38] !== oldText) {
+    t12 = [change.path, change.diff, oldText, newText, ignoreWhitespace, diffStyle, loadEngine];
+    $[32] = change.diff;
+    $[33] = change.path;
+    $[34] = diffStyle;
+    $[35] = ignoreWhitespace;
+    $[36] = loadEngine;
+    $[37] = newText;
+    $[38] = oldText;
+    $[39] = t12;
+  } else {
+    t12 = $[39];
+  }
+  let t13;
+  if ($[40] !== t) {
+    t13 = t("work.loadingDiff");
+    $[40] = t;
+    $[41] = t13;
+  } else {
+    t13 = $[41];
+  }
+  let t14;
+  if ($[42] !== t13) {
+    t14 = /*#__PURE__*/_jsx("div", {
+      className: "px-3 py-2 text-xs text-text-faint",
+      children: t13
+    });
+    $[42] = t13;
+    $[43] = t14;
+  } else {
+    t14 = $[43];
+  }
+  const t15 = overflow === "wrap";
+  let t16;
+  if ($[44] !== change || $[45] !== contents || $[46] !== diffStyle || $[47] !== fill || $[48] !== ignoreWhitespace || $[49] !== loadEngine || $[50] !== maxHeight || $[51] !== t15 || $[52] !== unavailable) {
+    t16 = /*#__PURE__*/_jsx(EditorPatchDiff, {
+      change: change,
+      sourceChecked: true,
+      contents: contents,
+      ignoreWhitespace: ignoreWhitespace,
+      wrap: t15,
+      fill: fill,
+      maxHeight: maxHeight,
+      layout: diffStyle,
+      loadEngine: loadEngine,
+      fallback: unavailable
+    });
+    $[44] = change;
+    $[45] = contents;
+    $[46] = diffStyle;
+    $[47] = fill;
+    $[48] = ignoreWhitespace;
+    $[49] = loadEngine;
+    $[50] = maxHeight;
+    $[51] = t15;
+    $[52] = unavailable;
+    $[53] = t16;
+  } else {
+    t16 = $[53];
+  }
+  let t17;
+  if ($[54] !== t14 || $[55] !== t16) {
+    t17 = /*#__PURE__*/_jsx(LazyBoundary, {
+      fallback: t14,
+      children: t16
+    });
+    $[54] = t14;
+    $[55] = t16;
+    $[56] = t17;
+  } else {
+    t17 = $[56];
+  }
+  let t18;
+  if ($[57] !== t12 || $[58] !== t17 || $[59] !== unavailable) {
+    t18 = /*#__PURE__*/_jsx(DiffFallbackBoundary, {
+      fallback: unavailable,
+      resetKeys: t12,
+      children: t17
+    });
+    $[57] = t12;
+    $[58] = t17;
+    $[59] = unavailable;
+    $[60] = t18;
+  } else {
+    t18 = $[60];
+  }
+  return t18;
+}

package/dist/chat/ui/UploadThumb.js

@@ -1,11 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useUploadThumbnail } from '../thumbnails.js';
+import { jsx as _jsx } from "react/jsx-runtime";
 const BOX = 'h-14 w-14 rounded-lg border border-border';
 /* An image the composer holds, drawn from its thumbnail; an empty box of the same size stands in while that is made. */
-export function UploadThumb({ upload }) {
-    const url = useUploadThumbnail(upload);
-    if (url === null) {
-        return _jsx("span", { role: "img", "aria-label": upload.name, className: `block bg-surface-sunken ${BOX}` });
+export function UploadThumb(t0) {
+  const $ = _c(5);
+  const {
+    upload
+  } = t0;
+  const url = useUploadThumbnail(upload);
+  if (url === null) {
+    let t1;
+    if ($[0] !== upload.name) {
+      t1 = /*#__PURE__*/_jsx("span", {
+        role: "img",
+        "aria-label": upload.name,
+        className: `block bg-surface-sunken ${BOX}`
+      });
+      $[0] = upload.name;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
     }
-    return _jsx("img", { src: url, alt: upload.name, className: `object-cover ${BOX}` });
-}
+    return t1;
+  }
+  let t1;
+  if ($[2] !== upload.name || $[3] !== url) {
+    t1 = /*#__PURE__*/_jsx("img", {
+      src: url,
+      alt: upload.name,
+      className: `object-cover ${BOX}`
+    });
+    $[2] = upload.name;
+    $[3] = url;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+}

package/dist/chat/ui/VisualDialogs.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 { CloseButton, Dialog, ErrorBoundary, PromptDialog } from '@adecore/ui';
@@ -10,23 +10,254 @@ import { VisualFrame } from './VisualFrame.js';
  * The large view of one of the chat's visuals and the question before one goes, opened from its row.
  * A visual that goes while either is up closes it. Removing cannot be undone: the page is deleted.
  */
-export function VisualDialogs({ chatId }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const key = scope.keyOf(chatId);
-    const kind = useVisualDialog((s) => (s.chatKey === key ? s.kind : null));
-    const visualId = useVisualDialog((s) => (s.chatKey === key ? s.visualId : null));
-    const visual = useChatRow(chatId, (row) => (visualId === null ? null : (row?.visuals?.find((candidate) => candidate.id === visualId) ?? null)));
-    // The dialog fades out after it closes, and draws what it showed until then.
-    const [shown, setShown] = useState(visual);
-    if (visual !== null && visual !== shown) {
-        setShown(visual);
-    }
-    const close = () => useVisualDialog.getState().close();
-    return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: kind === 'expand' && visual !== null, onOpenChange: (next) => !next && close(), children: _jsxs(Dialog.Popup, { className: "flex h-[calc(100dvh-96px)] w-[1200px] flex-col overflow-hidden", children: [_jsxs("div", { className: "flex h-11 shrink-0 items-center gap-2 border-b border-border pr-2 pl-4", children: [_jsx(Dialog.Title, { className: "min-w-0 grow truncate", children: shown?.title }), _jsx(CloseButton, { label: t('common.action.close'), kbd: "esc", dialog: true })] }), _jsx("div", { className: "min-h-0 grow p-5", children: _jsx("div", { className: "relative size-full", children: shown !== null && (_jsx(ErrorBoundary, { label: t('visuals.renderFailed'), resetKeys: [shown], children: _jsx(VisualFrame, { chatId: chatId, visual: shown, fill: true }) })) }) })] }) }), _jsx(PromptDialog, { open: kind === 'remove' && visual !== null, title: t('visuals.removeTitle'), description: t('visuals.removeDescription', { title: shown?.title ?? '' }), confirmLabel: t('common.action.remove'), danger: true, fallbackMessage: t('visuals.removeFailed'), onConfirm: async () => {
-                    if (visualId !== null) {
-                        await scope.chats.removeVisual(chatId, visualId);
-                    }
-                    close();
-                }, onOpenChange: close })] }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function VisualDialogs(t0) {
+  const $ = _c(54);
+  const {
+    chatId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  let t1;
+  if ($[0] !== chatId || $[1] !== scope) {
+    t1 = scope.keyOf(chatId);
+    $[0] = chatId;
+    $[1] = scope;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const key = t1;
+  let t2;
+  if ($[3] !== key) {
+    t2 = s => s.chatKey === key ? s.kind : null;
+    $[3] = key;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const kind = useVisualDialog(t2);
+  let t3;
+  if ($[5] !== key) {
+    t3 = s_0 => s_0.chatKey === key ? s_0.visualId : null;
+    $[5] = key;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const visualId = useVisualDialog(t3);
+  let t4;
+  if ($[7] !== visualId) {
+    t4 = row => visualId === null ? null : row?.visuals?.find(candidate => candidate.id === visualId) ?? null;
+    $[7] = visualId;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const visual = useChatRow(chatId, t4);
+  const [shown, setShown] = useState(visual);
+  if (visual !== null && visual !== shown) {
+    setShown(visual);
+  }
+  const close = _temp;
+  const t5 = kind === "expand" && visual !== null;
+  let t6;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = next => !next && close();
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  const t7 = shown?.title;
+  let t8;
+  if ($[10] !== t7) {
+    t8 = /*#__PURE__*/_jsx(Dialog.Title, {
+      className: "min-w-0 grow truncate",
+      children: t7
+    });
+    $[10] = t7;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== t) {
+    t9 = t("common.action.close");
+    $[12] = t;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== t9) {
+    t10 = /*#__PURE__*/_jsx(CloseButton, {
+      label: t9,
+      kbd: "esc",
+      dialog: true
+    });
+    $[14] = t9;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  let t11;
+  if ($[16] !== t10 || $[17] !== t8) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      className: "flex h-11 shrink-0 items-center gap-2 border-b border-border pr-2 pl-4",
+      children: [t8, t10]
+    });
+    $[16] = t10;
+    $[17] = t8;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  let t12;
+  if ($[19] !== chatId || $[20] !== shown || $[21] !== t) {
+    t12 = shown !== null && /*#__PURE__*/_jsx(ErrorBoundary, {
+      label: t("visuals.renderFailed"),
+      resetKeys: [shown],
+      children: /*#__PURE__*/_jsx(VisualFrame, {
+        chatId: chatId,
+        visual: shown,
+        fill: true
+      })
+    });
+    $[19] = chatId;
+    $[20] = shown;
+    $[21] = t;
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  let t13;
+  if ($[23] !== t12) {
+    t13 = /*#__PURE__*/_jsx("div", {
+      className: "min-h-0 grow p-5",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "relative size-full",
+        children: t12
+      })
+    });
+    $[23] = t12;
+    $[24] = t13;
+  } else {
+    t13 = $[24];
+  }
+  let t14;
+  if ($[25] !== t11 || $[26] !== t13) {
+    t14 = /*#__PURE__*/_jsxs(Dialog.Popup, {
+      className: "flex h-[calc(100dvh-96px)] w-[1200px] flex-col overflow-hidden",
+      children: [t11, t13]
+    });
+    $[25] = t11;
+    $[26] = t13;
+    $[27] = t14;
+  } else {
+    t14 = $[27];
+  }
+  let t15;
+  if ($[28] !== t14 || $[29] !== t5) {
+    t15 = /*#__PURE__*/_jsx(Dialog.Root, {
+      open: t5,
+      onOpenChange: t6,
+      children: t14
+    });
+    $[28] = t14;
+    $[29] = t5;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  const t16 = kind === "remove" && visual !== null;
+  let t17;
+  if ($[31] !== t) {
+    t17 = t("visuals.removeTitle");
+    $[31] = t;
+    $[32] = t17;
+  } else {
+    t17 = $[32];
+  }
+  const t18 = shown?.title ?? "";
+  let t19;
+  if ($[33] !== t || $[34] !== t18) {
+    t19 = t("visuals.removeDescription", {
+      title: t18
+    });
+    $[33] = t;
+    $[34] = t18;
+    $[35] = t19;
+  } else {
+    t19 = $[35];
+  }
+  let t20;
+  if ($[36] !== t) {
+    t20 = t("common.action.remove");
+    $[36] = t;
+    $[37] = t20;
+  } else {
+    t20 = $[37];
+  }
+  let t21;
+  if ($[38] !== t) {
+    t21 = t("visuals.removeFailed");
+    $[38] = t;
+    $[39] = t21;
+  } else {
+    t21 = $[39];
+  }
+  let t22;
+  if ($[40] !== chatId || $[41] !== scope.chats || $[42] !== visualId) {
+    t22 = async () => {
+      if (visualId !== null) {
+        await scope.chats.removeVisual(chatId, visualId);
+      }
+      close();
+    };
+    $[40] = chatId;
+    $[41] = scope.chats;
+    $[42] = visualId;
+    $[43] = t22;
+  } else {
+    t22 = $[43];
+  }
+  let t23;
+  if ($[44] !== t16 || $[45] !== t17 || $[46] !== t19 || $[47] !== t20 || $[48] !== t21 || $[49] !== t22) {
+    t23 = /*#__PURE__*/_jsx(PromptDialog, {
+      open: t16,
+      title: t17,
+      description: t19,
+      confirmLabel: t20,
+      danger: true,
+      fallbackMessage: t21,
+      onConfirm: t22,
+      onOpenChange: close
+    });
+    $[44] = t16;
+    $[45] = t17;
+    $[46] = t19;
+    $[47] = t20;
+    $[48] = t21;
+    $[49] = t22;
+    $[50] = t23;
+  } else {
+    t23 = $[50];
+  }
+  let t24;
+  if ($[51] !== t15 || $[52] !== t23) {
+    t24 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t15, t23]
+    });
+    $[51] = t15;
+    $[52] = t23;
+    $[53] = t24;
+  } else {
+    t24 = $[53];
+  }
+  return t24;
 }
+function _temp() {
+  return useVisualDialog.getState().close();
+}