@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/TimelineMenu.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 { useTranslation } from 'react-i18next';
 import { BookmarkPlus, BookmarkX, Braces, Copy, Eye, FileText, GitFork, MessageSquare, MoveHorizontal, Pencil, Scan } from 'lucide-react';
 import { placeBookmark, removeBookmark, useBookmarkNaming } from '../bookmarks.js';
@@ -12,51 +12,566 @@ import { useChatRow } from '../../state/chats.js';
 import { useFileLinkCwd, useFileLinkScopeId, useOpenFileLink } from './file-links.js';
 import { ContextMenu, copyText, DisabledReason, EDIT_SHORTCUTS, Icon, Kbd, selectAllWithin } from '@adecore/ui';
 /* The menu behind a right-click in a thread, mostly for copying: a whole message, a code block or an answer's markdown. */
-export function TimelineMenuPopup({ target, thread, chatId = null, column = false }) {
-    const { t } = useTranslation('agent-chat');
-    const message = target.row === null ? null : messageTextOf(target.row);
-    const turnId = chatId === null || target.row === null ? null : turnIdOfRow(target.row);
-    const forkBlocked = useChatRow(chatId ?? '', (row) => (turnId === null ? null : forkRefusal(row?.info ?? null, row?.structure[turnId])));
-    const markdown = target.row === null ? null : markdownOf(target.row);
-    const markable = chatId !== null && (target.row?.kind === 'user' || target.row?.kind === 'assistant') ? target.row.id : null;
-    // A thread outside a chat (a sub-agent's transcript) has no cwd of its own; the app answers for it then.
-    const cwd = useFileLinkCwd();
-    const scopeId = useFileLinkScopeId();
-    const { fork, fileLinks } = useChatHost();
-    const openFileLink = useOpenFileLink();
-    const openInPreview = () => {
-        if (target.file != null) {
-            openFileLink(target.file.cwd, target.file.ref, target.file.scopeId);
-        }
-        else if (target.path !== null) {
-            openFileLink(cwd, { path: target.path, ...(target.line === null ? {} : { line: target.line }), directory: false }, scopeId);
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function TimelineMenuPopup(t0) {
+  const $ = _c(70);
+  const {
+    target,
+    thread,
+    chatId: t1,
+    column: t2
+  } = t0;
+  const chatId = t1 === undefined ? null : t1;
+  const column = t2 === undefined ? false : t2;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t3;
+  if ($[0] !== target.row) {
+    t3 = target.row === null ? null : messageTextOf(target.row);
+    $[0] = target.row;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const message = t3;
+  let t4;
+  if ($[2] !== chatId || $[3] !== target.row) {
+    t4 = chatId === null || target.row === null ? null : turnIdOfRow(target.row);
+    $[2] = chatId;
+    $[3] = target.row;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  const turnId = t4;
+  let t5;
+  if ($[5] !== turnId) {
+    t5 = row => turnId === null ? null : forkRefusal(row?.info ?? null, row?.structure[turnId]);
+    $[5] = turnId;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const forkBlocked = useChatRow(chatId ?? "", t5);
+  let t6;
+  if ($[7] !== target.row) {
+    t6 = target.row === null ? null : markdownOf(target.row);
+    $[7] = target.row;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  const markdown = t6;
+  const markable = chatId !== null && (target.row?.kind === "user" || target.row?.kind === "assistant") ? target.row.id : null;
+  const cwd = useFileLinkCwd();
+  const scopeId = useFileLinkScopeId();
+  const {
+    fork,
+    fileLinks
+  } = useChatHost();
+  const openFileLink = useOpenFileLink();
+  let t7;
+  if ($[9] !== cwd || $[10] !== openFileLink || $[11] !== scopeId || $[12] !== target.file || $[13] !== target.line || $[14] !== target.path) {
+    t7 = () => {
+      if (target.file != null) {
+        openFileLink(target.file.cwd, target.file.ref, target.file.scopeId);
+      } else {
+        if (target.path !== null) {
+          openFileLink(cwd, {
+            path: target.path,
+            ...(target.line === null ? {} : {
+              line: target.line
+            }),
+            directory: false
+          }, scopeId);
         }
+      }
     };
-    return (_jsxs(ContextMenu.Popup, { children: [_jsxs(ContextMenu.Item, { disabled: target.selection === '', onClick: () => copyText(target.selection), children: [_jsx(Icon, { icon: Copy, size: 14 }), " ", t('common.action.copy'), " ", _jsx(Kbd, { shortcut: EDIT_SHORTCUTS.copy })] }), message !== null && (_jsxs(ContextMenu.Item, { onClick: () => copyText(message), children: [_jsx(Icon, { icon: MessageSquare, size: 14 }), " ", t('timeline.menu.copyMessage')] })), target.code !== null && (_jsxs(ContextMenu.Item, { onClick: () => copyText(target.code ?? ''), children: [_jsx(Icon, { icon: Braces, size: 14 }), " ", t('timeline.menu.copyCode')] })), markdown !== null && (_jsxs(ContextMenu.Item, { onClick: () => copyText(markdown), children: [_jsx(Icon, { icon: FileText, size: 14 }), " ", t('timeline.menu.copyMarkdown')] })), chatId !== null && turnId !== null && fork !== null && (_jsx(DisabledReason, { reason: forkBlocked, children: _jsxs(ContextMenu.Item, { disabled: forkBlocked !== null, onClick: () => fork(chatId, turnId), children: [_jsx(Icon, { icon: GitFork, size: 14 }), " ", t('timeline.menu.forkFromHere')] }) })), chatId !== null && markable !== null && _jsx(BookmarkMenuItems, { chatId: chatId, itemId: markable }), _jsx(ContextMenu.Separator, {}), _jsxs(ContextMenu.Item, { onClick: () => selectAllWithin(thread.current), children: [_jsx(Icon, { icon: Scan, size: 14 }), " ", t('common.action.selectAll')] }), target.path !== null && fileLinks !== null && (_jsxs(_Fragment, { children: [_jsx(ContextMenu.Separator, {}), _jsxs(ContextMenu.Item, { onClick: openInPreview, children: [_jsx(Icon, { icon: Eye, size: 14 }), " ", t('timeline.menu.openInPreview')] })] })), column && (_jsxs(_Fragment, { children: [_jsx(ContextMenu.Separator, {}), _jsx(ReadingWidthSubmenu, {})] }))] }));
+    $[9] = cwd;
+    $[10] = openFileLink;
+    $[11] = scopeId;
+    $[12] = target.file;
+    $[13] = target.line;
+    $[14] = target.path;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const openInPreview = t7;
+  const t8 = target.selection === "";
+  let t9;
+  if ($[16] !== target.selection) {
+    t9 = () => copyText(target.selection);
+    $[16] = target.selection;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /*#__PURE__*/_jsx(Icon, {
+      icon: Copy,
+      size: 14
+    });
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== t) {
+    t11 = t("common.action.copy");
+    $[19] = t;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  let t12;
+  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = /*#__PURE__*/_jsx(Kbd, {
+      shortcut: EDIT_SHORTCUTS.copy
+    });
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  let t13;
+  if ($[22] !== t11 || $[23] !== t8 || $[24] !== t9) {
+    t13 = /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      disabled: t8,
+      onClick: t9,
+      children: [t10, " ", t11, " ", t12]
+    });
+    $[22] = t11;
+    $[23] = t8;
+    $[24] = t9;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== message || $[27] !== t) {
+    t14 = message !== null && /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: () => copyText(message),
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: MessageSquare,
+        size: 14
+      }), " ", t("timeline.menu.copyMessage")]
+    });
+    $[26] = message;
+    $[27] = t;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== t || $[30] !== target.code) {
+    t15 = target.code !== null && /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: () => copyText(target.code ?? ""),
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: Braces,
+        size: 14
+      }), " ", t("timeline.menu.copyCode")]
+    });
+    $[29] = t;
+    $[30] = target.code;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  let t16;
+  if ($[32] !== markdown || $[33] !== t) {
+    t16 = markdown !== null && /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: () => copyText(markdown),
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: FileText,
+        size: 14
+      }), " ", t("timeline.menu.copyMarkdown")]
+    });
+    $[32] = markdown;
+    $[33] = t;
+    $[34] = t16;
+  } else {
+    t16 = $[34];
+  }
+  let t17;
+  if ($[35] !== chatId || $[36] !== fork || $[37] !== forkBlocked || $[38] !== t || $[39] !== turnId) {
+    t17 = chatId !== null && turnId !== null && fork !== null && /*#__PURE__*/_jsx(DisabledReason, {
+      reason: forkBlocked,
+      children: /*#__PURE__*/_jsxs(ContextMenu.Item, {
+        disabled: forkBlocked !== null,
+        onClick: () => fork(chatId, turnId),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: GitFork,
+          size: 14
+        }), " ", t("timeline.menu.forkFromHere")]
+      })
+    });
+    $[35] = chatId;
+    $[36] = fork;
+    $[37] = forkBlocked;
+    $[38] = t;
+    $[39] = turnId;
+    $[40] = t17;
+  } else {
+    t17 = $[40];
+  }
+  let t18;
+  if ($[41] !== chatId || $[42] !== markable) {
+    t18 = chatId !== null && markable !== null && /*#__PURE__*/_jsx(BookmarkMenuItems, {
+      chatId: chatId,
+      itemId: markable
+    });
+    $[41] = chatId;
+    $[42] = markable;
+    $[43] = t18;
+  } else {
+    t18 = $[43];
+  }
+  let t19;
+  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    t19 = /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+    $[44] = t19;
+  } else {
+    t19 = $[44];
+  }
+  let t20;
+  if ($[45] !== thread.current) {
+    t20 = () => selectAllWithin(thread.current);
+    $[45] = thread.current;
+    $[46] = t20;
+  } else {
+    t20 = $[46];
+  }
+  let t21;
+  if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = /*#__PURE__*/_jsx(Icon, {
+      icon: Scan,
+      size: 14
+    });
+    $[47] = t21;
+  } else {
+    t21 = $[47];
+  }
+  let t22;
+  if ($[48] !== t) {
+    t22 = t("common.action.selectAll");
+    $[48] = t;
+    $[49] = t22;
+  } else {
+    t22 = $[49];
+  }
+  let t23;
+  if ($[50] !== t20 || $[51] !== t22) {
+    t23 = /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: t20,
+      children: [t21, " ", t22]
+    });
+    $[50] = t20;
+    $[51] = t22;
+    $[52] = t23;
+  } else {
+    t23 = $[52];
+  }
+  let t24;
+  if ($[53] !== fileLinks || $[54] !== openInPreview || $[55] !== t || $[56] !== target.path) {
+    t24 = target.path !== null && fileLinks !== null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ContextMenu.Separator, {}), /*#__PURE__*/_jsxs(ContextMenu.Item, {
+        onClick: openInPreview,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: Eye,
+          size: 14
+        }), " ", t("timeline.menu.openInPreview")]
+      })]
+    });
+    $[53] = fileLinks;
+    $[54] = openInPreview;
+    $[55] = t;
+    $[56] = target.path;
+    $[57] = t24;
+  } else {
+    t24 = $[57];
+  }
+  let t25;
+  if ($[58] !== column) {
+    t25 = column && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(ContextMenu.Separator, {}), /*#__PURE__*/_jsx(ReadingWidthSubmenu, {})]
+    });
+    $[58] = column;
+    $[59] = t25;
+  } else {
+    t25 = $[59];
+  }
+  let t26;
+  if ($[60] !== t13 || $[61] !== t14 || $[62] !== t15 || $[63] !== t16 || $[64] !== t17 || $[65] !== t18 || $[66] !== t23 || $[67] !== t24 || $[68] !== t25) {
+    t26 = /*#__PURE__*/_jsxs(ContextMenu.Popup, {
+      children: [t13, t14, t15, t16, t17, t18, t19, t23, t24, t25]
+    });
+    $[60] = t13;
+    $[61] = t14;
+    $[62] = t15;
+    $[63] = t16;
+    $[64] = t17;
+    $[65] = t18;
+    $[66] = t23;
+    $[67] = t24;
+    $[68] = t25;
+    $[69] = t26;
+  } else {
+    t26 = $[69];
+  }
+  return t26;
 }
 /*
  * Place a bookmark on a message, or rename and remove the one it has, from the thread and from the strip.
  * `onName` runs when a row opens the name field, which sits over the message and so has to be on screen.
  */
-export function BookmarkMenuItems({ chatId, itemId, onName }) {
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const host = useChatHost();
-    const bookmark = useChatRow(chatId, (row) => row?.bookmarks?.find((candidate) => candidate.itemId === itemId) ?? null);
-    if (bookmark === null) {
-        return (_jsxs(ContextMenu.Item, { onClick: () => {
-                void placeBookmark(scope, host, chatId, itemId);
-                onName?.();
-            }, children: [_jsx(Icon, { icon: BookmarkPlus, size: 14 }), " ", t('bookmarks.add')] }));
+export function BookmarkMenuItems(t0) {
+  const $ = _c(39);
+  const {
+    chatId,
+    itemId,
+    onName
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const host = useChatHost();
+  let t1;
+  if ($[0] !== itemId) {
+    t1 = row => row?.bookmarks?.find(candidate => candidate.itemId === itemId) ?? null;
+    $[0] = itemId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const bookmark = useChatRow(chatId, t1);
+  if (bookmark === null) {
+    let t2;
+    if ($[2] !== chatId || $[3] !== host || $[4] !== itemId || $[5] !== onName || $[6] !== scope) {
+      t2 = () => {
+        placeBookmark(scope, host, chatId, itemId);
+        onName?.();
+      };
+      $[2] = chatId;
+      $[3] = host;
+      $[4] = itemId;
+      $[5] = onName;
+      $[6] = scope;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    let t3;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /*#__PURE__*/_jsx(Icon, {
+        icon: BookmarkPlus,
+        size: 14
+      });
+      $[8] = t3;
+    } else {
+      t3 = $[8];
+    }
+    let t4;
+    if ($[9] !== t) {
+      t4 = t("bookmarks.add");
+      $[9] = t;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    let t5;
+    if ($[11] !== t2 || $[12] !== t4) {
+      t5 = /*#__PURE__*/_jsxs(ContextMenu.Item, {
+        onClick: t2,
+        children: [t3, " ", t4]
+      });
+      $[11] = t2;
+      $[12] = t4;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(ContextMenu.Item, { onClick: () => {
-                    useBookmarkNaming.getState().open(scope.keyOf(chatId), bookmark.itemId);
-                    onName?.();
-                }, children: [_jsx(Icon, { icon: Pencil, size: 14 }), " ", t('bookmarks.rename')] }), _jsxs(ContextMenu.Item, { onClick: () => void removeBookmark(scope, host, chatId, bookmark), children: [_jsx(Icon, { icon: BookmarkX, size: 14 }), " ", t('bookmarks.remove')] })] }));
+    return t5;
+  }
+  let t2;
+  if ($[14] !== bookmark.itemId || $[15] !== chatId || $[16] !== onName || $[17] !== scope) {
+    t2 = () => {
+      useBookmarkNaming.getState().open(scope.keyOf(chatId), bookmark.itemId);
+      onName?.();
+    };
+    $[14] = bookmark.itemId;
+    $[15] = chatId;
+    $[16] = onName;
+    $[17] = scope;
+    $[18] = t2;
+  } else {
+    t2 = $[18];
+  }
+  let t3;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: Pencil,
+      size: 14
+    });
+    $[19] = t3;
+  } else {
+    t3 = $[19];
+  }
+  let t4;
+  if ($[20] !== t) {
+    t4 = t("bookmarks.rename");
+    $[20] = t;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  let t5;
+  if ($[22] !== t2 || $[23] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: t2,
+      children: [t3, " ", t4]
+    });
+    $[22] = t2;
+    $[23] = t4;
+    $[24] = t5;
+  } else {
+    t5 = $[24];
+  }
+  let t6;
+  if ($[25] !== bookmark || $[26] !== chatId || $[27] !== host || $[28] !== scope) {
+    t6 = () => void removeBookmark(scope, host, chatId, bookmark);
+    $[25] = bookmark;
+    $[26] = chatId;
+    $[27] = host;
+    $[28] = scope;
+    $[29] = t6;
+  } else {
+    t6 = $[29];
+  }
+  let t7;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/_jsx(Icon, {
+      icon: BookmarkX,
+      size: 14
+    });
+    $[30] = t7;
+  } else {
+    t7 = $[30];
+  }
+  let t8;
+  if ($[31] !== t) {
+    t8 = t("bookmarks.remove");
+    $[31] = t;
+    $[32] = t8;
+  } else {
+    t8 = $[32];
+  }
+  let t9;
+  if ($[33] !== t6 || $[34] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: t6,
+      children: [t7, " ", t8]
+    });
+    $[33] = t6;
+    $[34] = t8;
+    $[35] = t9;
+  } else {
+    t9 = $[35];
+  }
+  let t10;
+  if ($[36] !== t5 || $[37] !== t9) {
+    t10 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t5, t9]
+    });
+    $[36] = t5;
+    $[37] = t9;
+    $[38] = t10;
+  } else {
+    t10 = $[38];
+  }
+  return t10;
 }
 /* The person's reading width for every chat of its own on this client. */
 function ReadingWidthSubmenu() {
-    const { t } = useTranslation('agent-chat');
-    const readingWidth = useChatPreferences((preferences) => preferences.readingWidth);
-    return (_jsxs(ContextMenu.SubmenuRoot, { children: [_jsxs(ContextMenu.SubmenuTrigger, { children: [_jsx(Icon, { icon: MoveHorizontal, size: 14 }), " ", t('readingWidth.label')] }), _jsx(ContextMenu.Popup, { className: "min-w-40", children: _jsx(ContextMenu.RadioGroup, { value: readingWidth, onValueChange: (width) => rememberReadingWidth(width), children: CHAT_READING_WIDTHS.map((width) => (_jsx(ContextMenu.RadioItem, { value: width, children: readingWidthLabel(width) }, width))) }) })] }));
+  const $ = _c(11);
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const readingWidth = useChatPreferences(_temp);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /*#__PURE__*/_jsx(Icon, {
+      icon: MoveHorizontal,
+      size: 14
+    });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] !== t) {
+    t1 = t("readingWidth.label");
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== t1) {
+    t2 = /*#__PURE__*/_jsxs(ContextMenu.SubmenuTrigger, {
+      children: [t0, " ", t1]
+    });
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = CHAT_READING_WIDTHS.map(_temp3);
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== readingWidth) {
+    t4 = /*#__PURE__*/_jsx(ContextMenu.Popup, {
+      className: "min-w-40",
+      children: /*#__PURE__*/_jsx(ContextMenu.RadioGroup, {
+        value: readingWidth,
+        onValueChange: _temp2,
+        children: t3
+      })
+    });
+    $[6] = readingWidth;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t2 || $[9] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(ContextMenu.SubmenuRoot, {
+      children: [t2, t4]
+    });
+    $[8] = t2;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+}
+function _temp3(width_0) {
+  return /*#__PURE__*/_jsx(ContextMenu.RadioItem, {
+    value: width_0,
+    children: readingWidthLabel(width_0)
+  }, width_0);
+}
+function _temp2(width) {
+  return rememberReadingWidth(width);
 }
+function _temp(preferences) {
+  return preferences.readingWidth;
+}