@adecore/agents-react 0.31.11 → 0.32.0

package/dist/chat/ui/reveal.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from 'react';
 /* How long a word takes to fade in. `.chat-fade` in styles.css carries the same number. */
 export const REVEAL_FADE_MS = 300;
@@ -14,7 +15,7 @@ export const REVEAL_MAX_HELD_WORD = 32;
 // The span mounts a commit after the frame that grew the text, so its fade ends a little later than that frame plus the duration.
 const FADE_SETTLE_MS = REVEAL_FADE_MS + 50;
 function isSpace(text, index) {
-    return index >= 0 && index < text.length && /\s/.test(text[index]);
+  return index >= 0 && index < text.length && /\s/.test(text[index]);
 }
 /*
  * Where the reveal stands `elapsedMs` after it stood at `position`, with `target` characters
@@ -22,13 +23,13 @@ function isSpace(text, index) {
  * rate of the screen.
  */
 export function advanceReveal(position, target, elapsedMs, finished) {
-    if (position >= target) {
-        return target;
-    }
-    const elapsed = Math.min(Math.max(elapsedMs, 0), REVEAL_MAX_FRAME_MS);
-    const eased = (target - position) * (1 - Math.exp(-elapsed / REVEAL_TAU_MS));
-    const floor = ((finished ? REVEAL_FINISH_MIN_CPS : REVEAL_MIN_CPS) * elapsed) / 1000;
-    return Math.min(target, position + Math.max(eased, floor));
+  if (position >= target) {
+    return target;
+  }
+  const elapsed = Math.min(Math.max(elapsedMs, 0), REVEAL_MAX_FRAME_MS);
+  const eased = (target - position) * (1 - Math.exp(-elapsed / REVEAL_TAU_MS));
+  const floor = (finished ? REVEAL_FINISH_MIN_CPS : REVEAL_MIN_CPS) * elapsed / 1000;
+  return Math.min(target, position + Math.max(eased, floor));
 }
 /*
  * How much of `text` to draw for a reveal at `position`: back to the last word boundary, because a
@@ -37,20 +38,20 @@ export function advanceReveal(position, target, elapsedMs, finished) {
  * whitespace after it.
  */
 export function revealBoundary(text, position, complete) {
-    const end = Math.min(text.length, Math.max(0, Math.floor(position)));
-    if (end === text.length && complete) {
-        return end;
-    }
-    let cut = end;
-    while (cut > 0 && !isSpace(text, cut) && !isSpace(text, cut - 1)) {
-        cut -= 1;
-    }
-    if (end - cut <= REVEAL_MAX_HELD_WORD) {
-        return cut;
-    }
-    // Half of a surrogate pair renders as a replacement box.
-    const last = text.charCodeAt(end - 1);
-    return last >= 0xd800 && last <= 0xdbff ? end - 1 : end;
+  const end = Math.min(text.length, Math.max(0, Math.floor(position)));
+  if (end === text.length && complete) {
+    return end;
+  }
+  let cut = end;
+  while (cut > 0 && !isSpace(text, cut) && !isSpace(text, cut - 1)) {
+    cut -= 1;
+  }
+  if (end - cut <= REVEAL_MAX_HELD_WORD) {
+    return cut;
+  }
+  // Half of a surrogate pair renders as a replacement box.
+  const last = text.charCodeAt(end - 1);
+  return last >= 0xd800 && last <= 0xdbff ? end - 1 : end;
 }
 /*
  * The part of a streaming text that is on screen, catching up with what arrived over time. It starts
@@ -58,57 +59,145 @@ export function revealBoundary(text, position, complete) {
  * was already done on mount is shown whole at once.
  */
 export function useRevealedText(text, streaming) {
-    const [active, setActive] = useState(streaming);
-    const [shown, setShown] = useState(() => revealBoundary(text, text.length, !streaming));
-    const latest = useRef({ text, streaming });
-    const position = useRef(text.length);
-    const shownRef = useRef(shown);
-    const activeRef = useRef(active);
-    useEffect(() => {
-        latest.current = { text, streaming };
-    });
-    // Turning streaming on for a text that stood still (the setting flipped mid-reply) starts from what is there.
-    useEffect(() => {
-        if (!streaming || activeRef.current) {
-            return;
+  const $ = _c(22);
+  const [active, setActive] = useState(streaming);
+  let t0;
+  if ($[0] !== streaming || $[1] !== text) {
+    t0 = () => revealBoundary(text, text.length, !streaming);
+    $[0] = streaming;
+    $[1] = text;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const [shown, setShown] = useState(t0);
+  let t1;
+  if ($[3] !== streaming || $[4] !== text) {
+    t1 = {
+      text,
+      streaming
+    };
+    $[3] = streaming;
+    $[4] = text;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  const latest = useRef(t1);
+  const position = useRef(text.length);
+  const shownRef = useRef(shown);
+  const activeRef = useRef(active);
+  let t2;
+  if ($[6] !== streaming || $[7] !== text) {
+    t2 = () => {
+      latest.current = {
+        text,
+        streaming
+      };
+    };
+    $[6] = streaming;
+    $[7] = text;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  useEffect(t2);
+  let t3;
+  let t4;
+  if ($[9] !== streaming) {
+    t3 = () => {
+      if (!streaming || activeRef.current) {
+        return;
+      }
+      position.current = latest.current.text.length;
+      shownRef.current = revealBoundary(latest.current.text, position.current, false);
+      activeRef.current = true;
+      setShown(shownRef.current);
+      setActive(true);
+    };
+    t4 = [streaming];
+    $[9] = streaming;
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t3 = $[10];
+    t4 = $[11];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[12] !== active) {
+    t5 = () => {
+      if (!active) {
+        return;
+      }
+      let frame = 0;
+      let previous = null;
+      let grewAt = -Infinity;
+      const tick = now => {
+        const elapsed = previous === null ? 0 : now - previous;
+        previous = now;
+        const current = latest.current;
+        const finished = !current.streaming;
+        position.current = advanceReveal(position.current, current.text.length, elapsed, finished);
+        const length = revealBoundary(current.text, position.current, finished);
+        if (length !== shownRef.current) {
+          shownRef.current = length;
+          grewAt = now;
+          setShown(length);
         }
-        position.current = latest.current.text.length;
-        shownRef.current = revealBoundary(latest.current.text, position.current, false);
-        activeRef.current = true;
-        setShown(shownRef.current);
-        setActive(true);
-    }, [streaming]);
-    useEffect(() => {
-        if (!active) {
-            return;
+        if (finished && length >= current.text.length && now - grewAt >= FADE_SETTLE_MS) {
+          activeRef.current = false;
+          setActive(false);
+          return;
         }
-        let frame = 0;
-        let previous = null;
-        let grewAt = -Infinity;
-        const tick = (now) => {
-            const elapsed = previous === null ? 0 : now - previous;
-            previous = now;
-            const current = latest.current;
-            const finished = !current.streaming;
-            position.current = advanceReveal(position.current, current.text.length, elapsed, finished);
-            const length = revealBoundary(current.text, position.current, finished);
-            if (length !== shownRef.current) {
-                shownRef.current = length;
-                grewAt = now;
-                setShown(length);
-            }
-            if (finished && length >= current.text.length && now - grewAt >= FADE_SETTLE_MS) {
-                activeRef.current = false;
-                setActive(false);
-                return;
-            }
-            frame = requestAnimationFrame(tick);
-        };
         frame = requestAnimationFrame(tick);
-        return () => cancelAnimationFrame(frame);
-    }, [active]);
-    if (!active) {
-        return { text, active: false };
+      };
+      frame = requestAnimationFrame(tick);
+      return () => cancelAnimationFrame(frame);
+    };
+    t6 = [active];
+    $[12] = active;
+    $[13] = t5;
+    $[14] = t6;
+  } else {
+    t5 = $[13];
+    t6 = $[14];
+  }
+  useEffect(t5, t6);
+  if (!active) {
+    let t7;
+    if ($[15] !== text) {
+      t7 = {
+        text,
+        active: false
+      };
+      $[15] = text;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
     }
-    return { text: text.slice(0, Math.min(shown, text.length)), active: true };
-}
+    return t7;
+  }
+  let t7;
+  if ($[17] !== shown || $[18] !== text) {
+    t7 = text.slice(0, Math.min(shown, text.length));
+    $[17] = shown;
+    $[18] = text;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  let t8;
+  if ($[20] !== t7) {
+    t8 = {
+      text: t7,
+      active: true
+    };
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  return t8;
+}

package/dist/chat/ui/rows/ForksRow.js

@@ -1,40 +1,242 @@
-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 { ChevronRight, GitFork } from 'lucide-react';
 import { useForkIdsAfter } from '../../forks.js';
 import { ROW_GUTTER } from '../icons.js';
-import { useChatHost } from '../../../host.js';
 import { Icon, Menu } from '@adecore/ui';
+import { useHostChatPlace } from '../../../host-hooks.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const LINE = '-mx-1 mb-0.5 flex h-7 items-center gap-2 rounded-md px-1 text-xs text-text-muted';
 const LINK = `${LINE} hover:bg-surface-hover hover:text-text data-[popup-open]:bg-surface-hover data-[popup-open]:text-text`;
 /*
  * Under a turn that forks went on after, the way over to them: one fork opens at once, more open a
  * menu of them by name.
  */
-export function ForksRow({ chatId, turnId }) {
-    const { t } = useTranslation('agent-chat');
-    const forks = useForkIdsAfter(chatId, turnId);
-    const label = t('work.forksAfter', { count: forks.length });
-    if (forks.length === 0) {
-        return null;
+export function ForksRow(t0) {
+  const $ = _c(15);
+  const {
+    chatId,
+    turnId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const forks = useForkIdsAfter(chatId, turnId);
+  let t1;
+  if ($[0] !== forks.length || $[1] !== t) {
+    t1 = t("work.forksAfter", {
+      count: forks.length
+    });
+    $[0] = forks.length;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const label = t1;
+  if (forks.length === 0) {
+    return null;
+  }
+  if (forks.length === 1) {
+    let t2;
+    if ($[3] !== forks[0] || $[4] !== label) {
+      t2 = /*#__PURE__*/_jsx(OneFork, {
+        forkId: forks[0],
+        label: label
+      });
+      $[3] = forks[0];
+      $[4] = label;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
     }
-    if (forks.length === 1) {
-        return _jsx(OneFork, { forkId: forks[0], label: label });
-    }
-    return (_jsx("div", { className: "flex", children: _jsxs(Menu.Root, { children: [_jsx(Menu.Trigger, { className: LINK, children: _jsx(ForksLabel, { label: label }) }), _jsx(Menu.Popup, { className: "min-w-48", children: forks.map((forkId) => (_jsx(ForkItem, { forkId: forkId }, forkId))) })] }) }));
+    return t2;
+  }
+  let t2;
+  if ($[6] !== label) {
+    t2 = /*#__PURE__*/_jsx(Menu.Trigger, {
+      className: LINK,
+      children: /*#__PURE__*/_jsx(ForksLabel, {
+        label: label
+      })
+    });
+    $[6] = label;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== forks) {
+    t3 = forks.map(_temp);
+    $[8] = forks;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Menu.Popup, {
+      className: "min-w-48",
+      children: t3
+    });
+    $[10] = t3;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== t2 || $[13] !== t4) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      className: "flex",
+      children: /*#__PURE__*/_jsxs(Menu.Root, {
+        children: [t2, t4]
+      })
+    });
+    $[12] = t2;
+    $[13] = t4;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  return t5;
 }
-function ForksLabel({ label, link = true }) {
-    return (_jsxs(_Fragment, { children: [_jsx("span", { className: ROW_GUTTER, children: _jsx(Icon, { icon: GitFork, size: 12 }) }), label, link && _jsx(Icon, { icon: ChevronRight, size: 12 })] }));
+function _temp(forkId) {
+  return /*#__PURE__*/_jsx(ForkItem, {
+    forkId: forkId
+  }, forkId);
 }
-// A fork no longer in this project has nowhere to lead, so it only says it is there.
-function OneFork({ forkId, label }) {
-    const host = useChatHost();
-    const place = host.useChatPlace(forkId);
-    return (_jsx("div", { className: "flex", children: place.title === null ? (_jsx("span", { className: LINE, children: _jsx(ForksLabel, { label: label, link: false }) })) : (_jsx("button", { className: LINK, onClick: place.go, children: _jsx(ForksLabel, { label: label }) })) }));
+function ForksLabel(t0) {
+  const $ = _c(6);
+  const {
+    label,
+    link: t1
+  } = t0;
+  const link = t1 === undefined ? true : t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: ROW_GUTTER,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: GitFork,
+        size: 12
+      })
+    });
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== link) {
+    t3 = link && /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronRight,
+      size: 12
+    });
+    $[1] = link;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== label || $[4] !== t3) {
+    t4 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t2, label, t3]
+    });
+    $[3] = label;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  return t4;
 }
-function ForkItem({ forkId }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const place = host.useChatPlace(forkId);
-    return (_jsxs(Menu.Item, { disabled: place.title === null, onClick: place.go, children: [_jsx(Icon, { icon: GitFork, size: 14 }), " ", _jsx("span", { className: "truncate", children: place.title ?? t('fork.pill.label') })] }));
+// A fork no longer in this project has nowhere to lead, so it only says it is there.
+function OneFork(t0) {
+  const $ = _c(4);
+  const {
+    forkId,
+    label
+  } = t0;
+  const place = useHostChatPlace(forkId);
+  let t1;
+  if ($[0] !== label || $[1] !== place.go || $[2] !== place.title) {
+    t1 = /*#__PURE__*/_jsx("div", {
+      className: "flex",
+      children: place.title === null ? /*#__PURE__*/_jsx("span", {
+        className: LINE,
+        children: /*#__PURE__*/_jsx(ForksLabel, {
+          label: label,
+          link: false
+        })
+      }) : /*#__PURE__*/_jsx("button", {
+        className: LINK,
+        onClick: place.go,
+        children: /*#__PURE__*/_jsx(ForksLabel, {
+          label: label
+        })
+      })
+    });
+    $[0] = label;
+    $[1] = place.go;
+    $[2] = place.title;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
+function ForkItem(t0) {
+  const $ = _c(10);
+  const {
+    forkId
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const place = useHostChatPlace(forkId);
+  const t1 = place.title === null;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Icon, {
+      icon: GitFork,
+      size: 14
+    });
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== place.title || $[2] !== t) {
+    t3 = place.title ?? t("fork.pill.label");
+    $[1] = place.title;
+    $[2] = t;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "truncate",
+      children: t3
+    });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== place.go || $[7] !== t1 || $[8] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Menu.Item, {
+      disabled: t1,
+      onClick: place.go,
+      children: [t2, " ", t4]
+    });
+    $[6] = place.go;
+    $[7] = t1;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}