@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/PromptComposer.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef } from 'react';
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ArrowDown, Hand, MessageCircleQuestionMark } from 'lucide-react';
 import { focusPromptHeading, focusPromptStart } from '../../prompts/logic/focus.js';
@@ -12,58 +12,288 @@ import { useChatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 import { useChatActions } from '../actions.js';
 import { Button, Icon } from '@adecore/ui';
+import { useHostExtraPrompts } from '../../host-hooks.js';
 /* The one being read stays in front; otherwise blocking before optional, oldest first, as everywhere else. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function pickSubject(waiting, activeId) {
-    return waiting.find((subject) => promptIdOf(subject) === activeId) ?? orderPrompts(waiting, isBlockingSubject, promptCreatedAt)[0] ?? null;
+  return waiting.find(subject => promptIdOf(subject) === activeId) ?? orderPrompts(waiting, isBlockingSubject, promptCreatedAt)[0] ?? null;
 }
-export function PromptComposer({ chatId, pending, focused, onShowElsewhere, disabled, hasDraft, denyReason, onAllAnswered, hold, children }) {
-    const { t } = useTranslation('agent-chat');
-    const { id } = useChatScope();
-    const host = useChatHost();
-    const actions = useChatActions();
-    const elsewhere = onShowElsewhere !== undefined;
-    // A card the app raises itself waits in the chat beside the CLI's own requests.
-    const extra = host.prompts.useExtra(id, chatId);
-    const subjects = useMemo(() => [
-        ...pending.map((item) => ({ kind: 'chat', nodeId: chatId, item })),
-        ...extra.map((prompt) => ({ kind: 'host', nodeId: chatId, prompt }))
-    ], [pending, extra, chatId]);
-    const session = usePromptSession({ prompts: subjects, idOf: promptIdOf, pick: pickSubject, disabled });
-    const ref = useRef(null);
-    const { active, activeId: activeKey } = session;
-    const asksApproval = active?.kind === 'chat' ? active.item.kind === 'approval' : active?.prompt.asks === 'approval';
-    const held = !!active && (hold?.held ?? false);
-    const expanded = !!active && !held;
-    // The card that waited behind the draft, so a blur that released it is not mistaken for one released long before.
-    const heldKey = useRef(null);
-    const refocus = useFocusAfterAnswer(activeKey, ref, () => onAllAnswered?.());
-    useEffect(() => {
-        if (held) {
-            heldKey.current = activeKey;
-        }
-    }, [held, activeKey]);
-    useEffect(() => {
-        if (hold?.releasedBy === 'blur' && heldKey.current === activeKey) {
-            return;
+export function PromptComposer(t0) {
+  const $ = _c(65);
+  const {
+    chatId,
+    pending,
+    focused,
+    onShowElsewhere,
+    disabled,
+    hasDraft,
+    denyReason,
+    onAllAnswered,
+    hold,
+    children
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    id
+  } = useChatScope();
+  const host = useChatHost();
+  const actions = useChatActions();
+  const elsewhere = onShowElsewhere !== undefined;
+  const extra = useHostExtraPrompts(id, chatId);
+  let t1;
+  if ($[0] !== chatId || $[1] !== extra || $[2] !== pending) {
+    let t2;
+    if ($[4] !== chatId) {
+      t2 = item => ({
+        kind: "chat",
+        nodeId: chatId,
+        item
+      });
+      $[4] = chatId;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== chatId) {
+      t3 = prompt => ({
+        kind: "host",
+        nodeId: chatId,
+        prompt
+      });
+      $[6] = chatId;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    t1 = [...pending.map(t2), ...extra.map(t3)];
+    $[0] = chatId;
+    $[1] = extra;
+    $[2] = pending;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const subjects = t1;
+  let t2;
+  if ($[8] !== disabled || $[9] !== subjects) {
+    t2 = {
+      prompts: subjects,
+      idOf: promptIdOf,
+      pick: pickSubject,
+      disabled
+    };
+    $[8] = disabled;
+    $[9] = subjects;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const session = usePromptSession(t2);
+  const ref = useRef(null);
+  const {
+    active,
+    activeId: activeKey
+  } = session;
+  const asksApproval = active?.kind === "chat" ? active.item.kind === "approval" : active?.prompt.asks === "approval";
+  const held = !!active && (hold?.held ?? false);
+  const expanded = !!active && !held;
+  const heldKey = useRef(null);
+  let t3;
+  if ($[11] !== onAllAnswered) {
+    t3 = () => onAllAnswered?.();
+    $[11] = onAllAnswered;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const refocus = useFocusAfterAnswer(activeKey, ref, t3);
+  let t4;
+  let t5;
+  if ($[13] !== activeKey || $[14] !== held) {
+    t4 = () => {
+      if (held) {
+        heldKey.current = activeKey;
+      }
+    };
+    t5 = [held, activeKey];
+    $[13] = activeKey;
+    $[14] = held;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t4 = $[15];
+    t5 = $[16];
+  }
+  useEffect(t4, t5);
+  let t6;
+  if ($[17] !== activeKey || $[18] !== elsewhere || $[19] !== expanded || $[20] !== focused || $[21] !== hasDraft || $[22] !== hold?.releasedBy) {
+    t6 = () => {
+      if (hold?.releasedBy === "blur" && heldKey.current === activeKey) {
+        return;
+      }
+      if (focused && expanded && !elsewhere && !ref.current?.querySelector(".prompt-card")?.contains(document.activeElement)) {
+        if (hasDraft) {
+          focusPromptHeading(ref.current);
+        } else {
+          focusPromptStart(ref.current);
         }
-        if (focused && expanded && !elsewhere && !ref.current?.querySelector('.prompt-card')?.contains(document.activeElement)) {
-            // Keys meant for the draft may still be coming, and on a button the next Space would answer the card.
-            if (hasDraft) {
-                focusPromptHeading(ref.current);
+      }
+    };
+    $[17] = activeKey;
+    $[18] = elsewhere;
+    $[19] = expanded;
+    $[20] = focused;
+    $[21] = hasDraft;
+    $[22] = hold?.releasedBy;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  const t7 = hold?.releasedBy;
+  let t8;
+  if ($[24] !== activeKey || $[25] !== elsewhere || $[26] !== expanded || $[27] !== focused || $[28] !== hasDraft || $[29] !== t7) {
+    t8 = [activeKey, expanded, focused, elsewhere, hasDraft, t7];
+    $[24] = activeKey;
+    $[25] = elsewhere;
+    $[26] = expanded;
+    $[27] = focused;
+    $[28] = hasDraft;
+    $[29] = t7;
+    $[30] = t8;
+  } else {
+    t8 = $[30];
+  }
+  useEffect(t6, t8);
+  let t9;
+  if ($[31] !== active || $[32] !== asksApproval || $[33] !== elsewhere || $[34] !== onShowElsewhere || $[35] !== t) {
+    t9 = active && elsewhere && /*#__PURE__*/_jsxs("button", {
+      type: "button",
+      className: "flex w-full items-center gap-2 px-3.5 py-3 text-left text-sm text-text-muted hover:text-text",
+      onClick: onShowElsewhere,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: asksApproval ? Hand : MessageCircleQuestionMark,
+        size: 16,
+        className: "shrink-0 text-status-needs-you"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "grow",
+        children: t("composer.waitingBelow")
+      }), /*#__PURE__*/_jsx(Icon, {
+        icon: ArrowDown,
+        size: 16,
+        className: "shrink-0"
+      })]
+    });
+    $[31] = active;
+    $[32] = asksApproval;
+    $[33] = elsewhere;
+    $[34] = onShowElsewhere;
+    $[35] = t;
+    $[36] = t9;
+  } else {
+    t9 = $[36];
+  }
+  let t10;
+  if ($[37] !== actions || $[38] !== active || $[39] !== activeKey || $[40] !== denyReason || $[41] !== disabled || $[42] !== elsewhere || $[43] !== expanded || $[44] !== hasDraft || $[45] !== host || $[46] !== refocus || $[47] !== session) {
+    t10 = active && !elsewhere && /*#__PURE__*/_jsx("div", {
+      hidden: !expanded,
+      children: /*#__PURE__*/_jsx(PromptView, {
+        subject: active,
+        draft: session.draftOf(promptIdOf(active)),
+        onDraft: draft => session.setDraft(promptIdOf(active), draft),
+        onAction: action => {
+          refocus.hold();
+          session.act(active, () => answerPrompt(active, action, actions, host)).then(result => {
+            if (result === "failed") {
+              refocus.release();
             }
-            else {
-                focusPromptStart(ref.current);
-            }
-        }
-    }, [activeKey, expanded, focused, elsewhere, hasDraft, hold?.releasedBy]);
-    return (_jsxs("div", { ref: ref, onPointerDownCapture: session.onPointerDownCapture, onClickCapture: session.onClickCapture, children: [active && elsewhere && (_jsxs("button", { type: "button", className: "flex w-full items-center gap-2 px-3.5 py-3 text-left text-sm text-text-muted hover:text-text", onClick: onShowElsewhere, children: [_jsx(Icon, { icon: asksApproval ? Hand : MessageCircleQuestionMark, size: 16, className: "shrink-0 text-status-needs-you" }), _jsx("span", { className: "grow", children: t('composer.waitingBelow') }), _jsx(Icon, { icon: ArrowDown, size: 16, className: "shrink-0" })] })), active && !elsewhere && (_jsx("div", { hidden: !expanded, children: _jsx(PromptView, { subject: active, draft: session.draftOf(promptIdOf(active)), onDraft: (draft) => session.setDraft(promptIdOf(active), draft), onAction: (action) => {
-                        refocus.hold();
-                        void session
-                            .act(active, () => answerPrompt(active, action, actions, host))
-                            .then((result) => {
-                            if (result === 'failed') {
-                                refocus.release();
-                            }
-                        });
-                    }, more: session.waiting.length - 1, hasDraft: hasDraft, denyReason: denyReason, disabled: disabled, sending: session.sending, error: session.errorOf(promptIdOf(active)) }, activeKey) })), held && active && (_jsxs("div", { role: "status", className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5", children: [_jsx(Icon, { icon: asksApproval ? Hand : MessageCircleQuestionMark, size: 16, className: "shrink-0 text-status-needs-you" }), _jsx("span", { className: "grow text-sm text-text-muted", children: t(asksApproval ? 'composer.held.approval' : 'composer.held.question') }), _jsx(Button, { size: "sm", onMouseDown: (e) => e.preventDefault(), onClick: () => hold?.release('show'), children: t('composer.held.show') })] })), _jsx("div", { hidden: expanded, children: children })] }));
+          });
+        },
+        more: session.waiting.length - 1,
+        hasDraft: hasDraft,
+        denyReason: denyReason,
+        disabled: disabled,
+        sending: session.sending,
+        error: session.errorOf(promptIdOf(active))
+      }, activeKey)
+    });
+    $[37] = actions;
+    $[38] = active;
+    $[39] = activeKey;
+    $[40] = denyReason;
+    $[41] = disabled;
+    $[42] = elsewhere;
+    $[43] = expanded;
+    $[44] = hasDraft;
+    $[45] = host;
+    $[46] = refocus;
+    $[47] = session;
+    $[48] = t10;
+  } else {
+    t10 = $[48];
+  }
+  let t11;
+  if ($[49] !== active || $[50] !== asksApproval || $[51] !== held || $[52] !== hold || $[53] !== t) {
+    t11 = held && active && /*#__PURE__*/_jsxs("div", {
+      role: "status",
+      className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5",
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: asksApproval ? Hand : MessageCircleQuestionMark,
+        size: 16,
+        className: "shrink-0 text-status-needs-you"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "grow text-sm text-text-muted",
+        children: t(asksApproval ? "composer.held.approval" : "composer.held.question")
+      }), /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        onMouseDown: _temp,
+        onClick: () => hold?.release("show"),
+        children: t("composer.held.show")
+      })]
+    });
+    $[49] = active;
+    $[50] = asksApproval;
+    $[51] = held;
+    $[52] = hold;
+    $[53] = t;
+    $[54] = t11;
+  } else {
+    t11 = $[54];
+  }
+  let t12;
+  if ($[55] !== children || $[56] !== expanded) {
+    t12 = /*#__PURE__*/_jsx("div", {
+      hidden: expanded,
+      children: children
+    });
+    $[55] = children;
+    $[56] = expanded;
+    $[57] = t12;
+  } else {
+    t12 = $[57];
+  }
+  let t13;
+  if ($[58] !== session.onClickCapture || $[59] !== session.onPointerDownCapture || $[60] !== t10 || $[61] !== t11 || $[62] !== t12 || $[63] !== t9) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      onPointerDownCapture: session.onPointerDownCapture,
+      onClickCapture: session.onClickCapture,
+      children: [t9, t10, t11, t12]
+    });
+    $[58] = session.onClickCapture;
+    $[59] = session.onPointerDownCapture;
+    $[60] = t10;
+    $[61] = t11;
+    $[62] = t12;
+    $[63] = t9;
+    $[64] = t13;
+  } else {
+    t13 = $[64];
+  }
+  return t13;
 }
+function _temp(e) {
+  return e.preventDefault();
+}

package/dist/chat/ui/QuoteButton.js

@@ -1,73 +1,167 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Quote } from 'lucide-react';
 import { selectedAnswerQuote } from './quote-selection.js';
 import { Button, Icon, Surface } from '@adecore/ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const GAP_PX = 6;
 // Keeps the button's middle far enough from the edges that it never sticks out of the thread.
 const EDGE_PX = 40;
 /* The last line the range covers. A triple-click ends on an empty rect at the start of the next row. */
 function lastLineOf(range) {
-    const rects = [...range.getClientRects()].filter((rect) => rect.width > 0);
-    return rects.at(-1) ?? null;
+  const rects = [...range.getClientRects()].filter(rect => rect.width > 0);
+  return rects.at(-1) ?? null;
 }
 /*
  * A button under a selection in an answer that hands it to the composer. It shows once the pointer is
  * up: quoting on the selection alone grew the composer mid-drag and moved the thread under the pointer.
  */
-export function QuoteButton({ thread, frame, taker }) {
-    const { t } = useTranslation('agent-chat');
-    const [offer, setOffer] = useState(null);
-    useEffect(() => {
-        let pressed = false;
-        const read = () => {
-            const selection = document.getSelection();
-            const quote = taker.current === null ? null : selectedAnswerQuote(selection, thread.current);
-            const box = frame.current;
-            const line = quote === null || selection === null ? null : lastLineOf(selection.getRangeAt(0));
-            if (quote === null || box === null || line === null) {
-                setOffer(null);
-                return;
-            }
-            const bounds = box.getBoundingClientRect();
-            // The canvas may zoom the cell; the button is placed in the frame's own pixels.
-            const zoom = box.offsetWidth > 0 ? bounds.width / box.offsetWidth : 1;
-            const x = Math.min(Math.max((line.right - bounds.left) / zoom, EDGE_PX), box.offsetWidth - EDGE_PX);
-            const y = (line.bottom - bounds.top) / zoom + GAP_PX;
-            setOffer({ quote: quote.text, itemId: quote.itemId, x: Math.round(x), y: Math.round(y) });
-        };
-        const press = () => {
-            pressed = true;
-        };
-        const release = () => {
-            pressed = false;
-            read();
-        };
-        const change = () => {
-            if (pressed) {
-                setOffer(null);
-                return;
-            }
-            read();
-        };
-        document.addEventListener('pointerdown', press, true);
-        document.addEventListener('pointerup', release, true);
-        document.addEventListener('selectionchange', change);
-        return () => {
-            document.removeEventListener('pointerdown', press, true);
-            document.removeEventListener('pointerup', release, true);
-            document.removeEventListener('selectionchange', change);
-        };
-    }, [thread, frame, taker]);
-    if (offer === null) {
-        return null;
-    }
-    return (_jsxs(Surface, { render: _jsx(Button, { size: "sm" }), className: "absolute z-10 -translate-x-1/2 select-none", style: { left: offer.x, top: offer.y }, 
-        // Pressing a button moves the selection, and the selection is what it quotes.
-        onMouseDown: (e) => e.preventDefault(), onClick: () => {
-            document.getSelection()?.removeAllRanges();
-            taker.current?.(offer.quote, offer.itemId);
-            setOffer(null);
-        }, children: [_jsx(Icon, { icon: Quote, size: 12 }), t('composer.quote.add')] }));
+export function QuoteButton(t0) {
+  const $ = _c(20);
+  const {
+    thread,
+    frame,
+    taker
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [offer, setOffer] = useState(null);
+  let t1;
+  let t2;
+  if ($[0] !== frame || $[1] !== taker || $[2] !== thread) {
+    t1 = () => {
+      let pressed = false;
+      const read = () => {
+        const selection = document.getSelection();
+        const quote = taker.current === null ? null : selectedAnswerQuote(selection, thread.current);
+        const box = frame.current;
+        const line = quote === null || selection === null ? null : lastLineOf(selection.getRangeAt(0));
+        if (quote === null || box === null || line === null) {
+          setOffer(null);
+          return;
+        }
+        const bounds = box.getBoundingClientRect();
+        const zoom = box.offsetWidth > 0 ? bounds.width / box.offsetWidth : 1;
+        const x = Math.min(Math.max((line.right - bounds.left) / zoom, EDGE_PX), box.offsetWidth - EDGE_PX);
+        const y = (line.bottom - bounds.top) / zoom + GAP_PX;
+        setOffer({
+          quote: quote.text,
+          itemId: quote.itemId,
+          x: Math.round(x),
+          y: Math.round(y)
+        });
+      };
+      const press = () => {
+        pressed = true;
+      };
+      const release = () => {
+        pressed = false;
+        read();
+      };
+      const change = () => {
+        if (pressed) {
+          setOffer(null);
+          return;
+        }
+        read();
+      };
+      document.addEventListener("pointerdown", press, true);
+      document.addEventListener("pointerup", release, true);
+      document.addEventListener("selectionchange", change);
+      return () => {
+        document.removeEventListener("pointerdown", press, true);
+        document.removeEventListener("pointerup", release, true);
+        document.removeEventListener("selectionchange", change);
+      };
+    };
+    t2 = [thread, frame, taker];
+    $[0] = frame;
+    $[1] = taker;
+    $[2] = thread;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  if (offer === null) {
+    return null;
+  }
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Button, {
+      size: "sm"
+    });
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== offer.x || $[7] !== offer.y) {
+    t4 = {
+      left: offer.x,
+      top: offer.y
+    };
+    $[6] = offer.x;
+    $[7] = offer.y;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== offer.itemId || $[10] !== offer.quote || $[11] !== taker) {
+    t5 = () => {
+      document.getSelection()?.removeAllRanges();
+      taker.current?.(offer.quote, offer.itemId);
+      setOffer(null);
+    };
+    $[9] = offer.itemId;
+    $[10] = offer.quote;
+    $[11] = taker;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/_jsx(Icon, {
+      icon: Quote,
+      size: 12
+    });
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== t) {
+    t7 = t("composer.quote.add");
+    $[14] = t;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== t4 || $[17] !== t5 || $[18] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(Surface, {
+      render: t3,
+      className: "absolute z-10 -translate-x-1/2 select-none",
+      style: t4,
+      onMouseDown: _temp,
+      onClick: t5,
+      children: [t6, t7]
+    });
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t7;
+    $[19] = t8;
+  } else {
+    t8 = $[19];
+  }
+  return t8;
 }
+function _temp(e) {
+  return e.preventDefault();
+}

package/dist/chat/ui/ResumeCompactionDock.d.ts

@@ -1,5 +1,9 @@
-export declare function ResumeCompactionDock({ tokens, onCompact, onDismiss }: {
+import type { ResumeCompactionReason } from '../logic/resume-compaction.js';
+interface ResumeCompactionDockProps {
     tokens: number;
+    reason?: ResumeCompactionReason;
     onCompact(): void;
     onDismiss(): void;
-}): import("react").JSX.Element;
+}
+export declare function ResumeCompactionDock({ tokens, reason, onCompact, onDismiss }: ResumeCompactionDockProps): import("react").JSX.Element;
+export {};