@adecore/agents-react 0.31.12 → 0.33.0

package/dist/prompts/ui/ApprovalBody.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 clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
@@ -9,32 +9,251 @@ import { reviewEntries } from '../../chat/ui/diff/review-plan.js';
 import { isPrimaryKey } from '../logic/keys.js';
 import { Button, TextMenu } from '@adecore/ui';
 /* A command in the sunken box a person reads before allowing it, with the folder it runs in when that is known. */
-export function CommandBox({ command, cwd }) {
-    return (_jsxs(TextMenu, { className: "rounded-xl bg-surface-sunken p-3", children: [cwd !== undefined && _jsx("p", { className: "mb-2 break-all font-mono text-xs text-text-muted select-text", children: cwd }), _jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-code text-text select-text", children: command })] }));
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function CommandBox(t0) {
+  const $ = _c(7);
+  const {
+    command,
+    cwd
+  } = t0;
+  let t1;
+  if ($[0] !== cwd) {
+    t1 = cwd !== undefined && /*#__PURE__*/_jsx("p", {
+      className: "mb-2 break-all font-mono text-xs text-text-muted select-text",
+      children: cwd
+    });
+    $[0] = cwd;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== command) {
+    t2 = /*#__PURE__*/_jsx("pre", {
+      className: "whitespace-pre-wrap break-words font-mono text-code text-text select-text",
+      children: command
+    });
+    $[2] = command;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(TextMenu, {
+      className: "rounded-xl bg-surface-sunken p-3",
+      children: [t1, t2]
+    });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
-function ApprovalDetails({ item }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-prompts');
-    const [expanded, setExpanded] = useState(false);
-    const patches = approvalChanges(item.input);
-    const edits = patches.length ? [] : fileChanges(item.toolName, item.input);
-    const entries = reviewEntries(patches, edits);
-    const editorPreview = host.code.editor !== undefined;
-    const maxHeight = expanded ? 480 : 176;
-    const input = typeof item.input === 'object' && item.input !== null ? item.input : {};
-    // Some agents describe a command by the command itself, which the box under it already shows.
-    const describes = item.description && item.description.trim() !== (typeof input.command === 'string' ? input.command.trim() : null);
-    return (_jsxs(_Fragment, { children: [describes && _jsx("p", { className: "text-sm text-text-muted", children: item.description }), patches.length + edits.length > 1 && (_jsx("p", { className: "text-xs text-text-muted", children: t('approval.allChanges', { count: patches.length + edits.length }) })), patches.length + edits.length > 0 ? (_jsxs("div", { className: "overflow-hidden rounded-xl bg-surface-sunken", children: [_jsx("div", { className: clsx(editorPreview ? 'overflow-hidden' : 'overflow-auto', !editorPreview && !expanded && 'max-h-44'), children: _jsx(ApprovalReview, { entries: entries, maxHeight: maxHeight }, item.requestId) }), _jsx("div", { className: "flex items-center border-t border-border p-1", children: _jsx(Button, { size: "sm", "aria-expanded": expanded, onClick: () => setExpanded(!expanded), children: expanded ? t('approval.collapseDiff') : t('approval.viewDiff') }) })] })) : typeof input.command === 'string' ? (_jsx(CommandBox, { command: input.command, cwd: typeof input.cwd === 'string' ? input.cwd : undefined })) : (_jsxs("details", { children: [_jsx("summary", { className: "flex h-7 cursor-pointer items-center text-xs text-text-muted", children: t('approval.details') }), _jsx(TextMenu, { children: _jsx("pre", { className: "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-xl bg-surface-sunken p-3 font-mono text-code text-text select-text", children: JSON.stringify(item.input, null, 2) }) })] }))] }));
+function ApprovalDetails(t0) {
+  const $ = _c(32);
+  const {
+    item
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  const [expanded, setExpanded] = useState(false);
+  let edits;
+  let patches;
+  let t1;
+  if ($[0] !== item.input || $[1] !== item.toolName) {
+    patches = approvalChanges(item.input);
+    edits = patches.length ? [] : fileChanges(item.toolName, item.input);
+    t1 = reviewEntries(patches, edits);
+    $[0] = item.input;
+    $[1] = item.toolName;
+    $[2] = edits;
+    $[3] = patches;
+    $[4] = t1;
+  } else {
+    edits = $[2];
+    patches = $[3];
+    t1 = $[4];
+  }
+  const entries = t1;
+  const editorPreview = host.code.editor !== undefined;
+  const maxHeight = expanded ? 480 : 176;
+  let t2;
+  if ($[5] !== item.input) {
+    t2 = typeof item.input === "object" && item.input !== null ? item.input : {};
+    $[5] = item.input;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const input = t2;
+  let t3;
+  if ($[7] !== input || $[8] !== item.description) {
+    t3 = item.description && item.description.trim() !== (typeof input.command === "string" ? input.command.trim() : null);
+    $[7] = input;
+    $[8] = item.description;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const describes = t3;
+  let t4;
+  if ($[10] !== describes || $[11] !== item.description) {
+    t4 = describes && /*#__PURE__*/_jsx("p", {
+      className: "text-sm text-text-muted",
+      children: item.description
+    });
+    $[10] = describes;
+    $[11] = item.description;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== edits.length || $[14] !== patches.length || $[15] !== t) {
+    t5 = patches.length + edits.length > 1 && /*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-muted",
+      children: t("approval.allChanges", {
+        count: patches.length + edits.length
+      })
+    });
+    $[13] = edits.length;
+    $[14] = patches.length;
+    $[15] = t;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== editorPreview || $[18] !== edits.length || $[19] !== entries || $[20] !== expanded || $[21] !== input || $[22] !== item.input || $[23] !== item.requestId || $[24] !== maxHeight || $[25] !== patches.length || $[26] !== t) {
+    t6 = patches.length + edits.length > 0 ? /*#__PURE__*/_jsxs("div", {
+      className: "overflow-hidden rounded-xl bg-surface-sunken",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: clsx(editorPreview ? "overflow-hidden" : "overflow-auto", !editorPreview && !expanded && "max-h-44"),
+        children: /*#__PURE__*/_jsx(ApprovalReview, {
+          entries: entries,
+          maxHeight: maxHeight
+        }, item.requestId)
+      }), /*#__PURE__*/_jsx("div", {
+        className: "flex items-center border-t border-border p-1",
+        children: /*#__PURE__*/_jsx(Button, {
+          size: "sm",
+          "aria-expanded": expanded,
+          onClick: () => setExpanded(!expanded),
+          children: expanded ? t("approval.collapseDiff") : t("approval.viewDiff")
+        })
+      })]
+    }) : typeof input.command === "string" ? /*#__PURE__*/_jsx(CommandBox, {
+      command: input.command,
+      cwd: typeof input.cwd === "string" ? input.cwd : undefined
+    }) : /*#__PURE__*/_jsxs("details", {
+      children: [/*#__PURE__*/_jsx("summary", {
+        className: "flex h-7 cursor-pointer items-center text-xs text-text-muted",
+        children: t("approval.details")
+      }), /*#__PURE__*/_jsx(TextMenu, {
+        children: /*#__PURE__*/_jsx("pre", {
+          className: "max-h-64 overflow-auto whitespace-pre-wrap break-words rounded-xl bg-surface-sunken p-3 font-mono text-code text-text select-text",
+          children: JSON.stringify(item.input, null, 2)
+        })
+      })]
+    });
+    $[17] = editorPreview;
+    $[18] = edits.length;
+    $[19] = entries;
+    $[20] = expanded;
+    $[21] = input;
+    $[22] = item.input;
+    $[23] = item.requestId;
+    $[24] = maxHeight;
+    $[25] = patches.length;
+    $[26] = t;
+    $[27] = t6;
+  } else {
+    t6 = $[27];
+  }
+  let t7;
+  if ($[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
+    t7 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t4, t5, t6]
+    });
+    $[28] = t4;
+    $[29] = t5;
+    $[30] = t6;
+    $[31] = t7;
+  } else {
+    t7 = $[31];
+  }
+  return t7;
 }
 /* A chat's permission request: the diff, the command or the raw input, and the reason a Deny may carry. */
-export function ApprovalBody({ item, draft, onDraft, denyReason, locked }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-prompts');
-    const AnswerField = host.dictation.Textarea;
-    return (_jsxs(_Fragment, { children: [_jsx(ApprovalDetails, { item: item }), denyReason && draft.showReason && (_jsx(AnswerField, { className: "field min-h-16 text-sm", autoFocus: true, "aria-label": t('approval.reasonLabel'), placeholder: t('approval.reasonPlaceholder'), disabled: locked, value: draft.reason, onChange: (e) => onDraft({ ...draft, reason: e.target.value }), onKeyDown: (e) => {
-                    // Mod+Enter presses Allow everywhere else in the card, which is the opposite of what a reason for declining is typed for.
-                    if (isPrimaryKey(e.nativeEvent, host.isApplePlatform())) {
-                        e.preventDefault();
-                    }
-                } }))] }));
-}
+export function ApprovalBody(t0) {
+  const $ = _c(13);
+  const {
+    item,
+    draft,
+    onDraft,
+    denyReason,
+    locked
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  const AnswerField = host.dictation.Textarea;
+  let t1;
+  if ($[0] !== item) {
+    t1 = /*#__PURE__*/_jsx(ApprovalDetails, {
+      item: item
+    });
+    $[0] = item;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== AnswerField || $[3] !== denyReason || $[4] !== draft || $[5] !== host || $[6] !== locked || $[7] !== onDraft || $[8] !== t) {
+    t2 = denyReason && draft.showReason && /*#__PURE__*/_jsx(AnswerField, {
+      className: "field min-h-16 text-sm",
+      autoFocus: true,
+      "aria-label": t("approval.reasonLabel"),
+      placeholder: t("approval.reasonPlaceholder"),
+      disabled: locked,
+      value: draft.reason,
+      onChange: e => onDraft({
+        ...draft,
+        reason: e.target.value
+      }),
+      onKeyDown: e_0 => {
+        if (isPrimaryKey(e_0.nativeEvent, host.isApplePlatform())) {
+          e_0.preventDefault();
+        }
+      }
+    });
+    $[2] = AnswerField;
+    $[3] = denyReason;
+    $[4] = draft;
+    $[5] = host;
+    $[6] = locked;
+    $[7] = onDraft;
+    $[8] = t;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== t1 || $[11] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t2]
+    });
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+}

package/dist/prompts/ui/PromptActions.js

@@ -1,18 +1,224 @@
-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 { ArrowUp, CircleCheck } from 'lucide-react';
 import { Button, Icon } from '@adecore/ui';
 /* The one button Mod+Enter presses and ArrowDown from the heading lands on, when the body has nothing to choose. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export function PromptPrimary(props) {
-    return _jsx(Button, { variant: "inverse", size: "sm", "data-prompt-primary": true, ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/_jsx(Button, {
+      variant: "inverse",
+      size: "sm",
+      "data-prompt-primary": true,
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
 /* The buttons of a permission request, in the order a chat draws them: the quieter ones first, Allow last. */
-export function ApprovalActions({ buttons, onAddReason, locked, sending }) {
-    const { t } = useTranslation('agent-prompts');
-    return (_jsxs(_Fragment, { children: [onAddReason && (_jsx(Button, { size: "sm", disabled: locked, onClick: onAddReason, children: t('approval.addReason') })), _jsx("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-1.5", children: buttons.map((button) => button.primary ? (_jsxs(PromptPrimary, { disabled: locked, onClick: button.onPress, children: [_jsx(Icon, { icon: CircleCheck, size: 16 }), sending ? t('sending') : button.label] }, button.id)) : (_jsx(Button, { size: "sm", disabled: locked, "aria-description": button.description, "data-prompt-lasting": button.lasting ? '' : undefined, onClick: button.onPress, children: button.label }, button.id))) })] }));
+export function ApprovalActions(t0) {
+  const $ = _c(18);
+  const {
+    buttons,
+    onAddReason,
+    locked,
+    sending
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-prompts");
+  let t1;
+  if ($[0] !== locked || $[1] !== onAddReason || $[2] !== t) {
+    t1 = onAddReason && /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      disabled: locked,
+      onClick: onAddReason,
+      children: t("approval.addReason")
+    });
+    $[0] = locked;
+    $[1] = onAddReason;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== buttons || $[5] !== locked || $[6] !== sending || $[7] !== t) {
+    let t3;
+    if ($[9] !== locked || $[10] !== sending || $[11] !== t) {
+      t3 = button => button.primary ? /*#__PURE__*/_jsxs(PromptPrimary, {
+        disabled: locked,
+        onClick: button.onPress,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: CircleCheck,
+          size: 16
+        }), sending ? t("sending") : button.label]
+      }, button.id) : /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        disabled: locked,
+        "aria-description": button.description,
+        "data-prompt-lasting": button.lasting ? "" : undefined,
+        onClick: button.onPress,
+        children: button.label
+      }, button.id);
+      $[9] = locked;
+      $[10] = sending;
+      $[11] = t;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    t2 = buttons.map(t3);
+    $[4] = buttons;
+    $[5] = locked;
+    $[6] = sending;
+    $[7] = t;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[13] !== t2) {
+    t3 = /*#__PURE__*/_jsx("div", {
+      className: "ml-auto flex flex-wrap items-center justify-end gap-1.5",
+      children: t2
+    });
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== t1 || $[16] !== t3) {
+    t4 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t1, t3]
+    });
+    $[15] = t1;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  return t4;
 }
 /* The buttons of a question: back through its questions, dismissing an optional one, and Next until the last becomes Answer. */
-export function QuestionActions({ index, dismissable, last, ready, locked, sending, onPrevious, onDismiss, onCommit }) {
-    const { t } = useTranslation(['agent-prompts', 'agent-chat']);
-    return (_jsxs(_Fragment, { children: [index > 0 && (_jsx(Button, { size: "sm", disabled: sending, onClick: onPrevious, children: t('question.previous') })), dismissable && index === 0 && (_jsx(Button, { size: "sm", disabled: locked, onClick: onDismiss, children: t('agent-chat:common.action.dismiss') })), _jsx("span", { className: "grow" }), _jsxs(PromptPrimary, { disabled: locked || !ready, onClick: onCommit, children: [sending ? t('sending') : last ? t('question.answer') : t('question.next'), _jsx(Icon, { icon: ArrowUp, size: 16 })] })] }));
-}
+export function QuestionActions(t0) {
+  const $ = _c(26);
+  const {
+    index,
+    dismissable,
+    last,
+    ready,
+    locked,
+    sending,
+    onPrevious,
+    onDismiss,
+    onCommit
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = ["agent-prompts", "agent-chat"];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const {
+    t
+  } = useTranslation(t1);
+  let t2;
+  if ($[1] !== index || $[2] !== onPrevious || $[3] !== sending || $[4] !== t) {
+    t2 = index > 0 && /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      disabled: sending,
+      onClick: onPrevious,
+      children: t("question.previous")
+    });
+    $[1] = index;
+    $[2] = onPrevious;
+    $[3] = sending;
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== dismissable || $[7] !== index || $[8] !== locked || $[9] !== onDismiss || $[10] !== t) {
+    t3 = dismissable && index === 0 && /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      disabled: locked,
+      onClick: onDismiss,
+      children: t("agent-chat:common.action.dismiss")
+    });
+    $[6] = dismissable;
+    $[7] = index;
+    $[8] = locked;
+    $[9] = onDismiss;
+    $[10] = t;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "grow"
+    });
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const t5 = locked || !ready;
+  let t6;
+  if ($[13] !== last || $[14] !== sending || $[15] !== t) {
+    t6 = sending ? t("sending") : last ? t("question.answer") : t("question.next");
+    $[13] = last;
+    $[14] = sending;
+    $[15] = t;
+    $[16] = t6;
+  } else {
+    t6 = $[16];
+  }
+  let t7;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/_jsx(Icon, {
+      icon: ArrowUp,
+      size: 16
+    });
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  let t8;
+  if ($[18] !== onCommit || $[19] !== t5 || $[20] !== t6) {
+    t8 = /*#__PURE__*/_jsxs(PromptPrimary, {
+      disabled: t5,
+      onClick: onCommit,
+      children: [t6, t7]
+    });
+    $[18] = onCommit;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== t2 || $[23] !== t3 || $[24] !== t8) {
+    t9 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t2, t3, t4, t8]
+    });
+    $[22] = t2;
+    $[23] = t3;
+    $[24] = t8;
+    $[25] = t9;
+  } else {
+    t9 = $[25];
+  }
+  return t9;
+}