@adecore/agents-react 0.31.12 → 0.32.0

package/dist/chat/ui/Scrubber.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 { Fragment, memo, useEffect, useMemo, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
@@ -7,29 +7,30 @@ import { layoutTicks, messageAt, slotInView, slotOf, tickWidth, TICK_HEIGHT_PX }
 import { BookmarkMenuItems } from './TimelineMenu.js';
 import { formatMoment } from '@adecore/ui/format';
 import { cameThroughPortal, ContextMenu, copyText, Icon, Menu, PreviewCard } from '@adecore/ui';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const PREVIEW_CHARS = 280;
 const FOUND_WIDTH_PX = 4;
 function timeOf(createdAt) {
-    return formatMoment(createdAt);
+  return formatMoment(createdAt);
 }
 const CARD_ACTIONS = {
-    'copy-message': {
-        label: 'timeline.menu.copyMessage',
-        icon: Copy,
-        // A wake carries the machine's label, not anything a person wrote.
-        offers: (tick) => tick.kind === 'person' && tick.text !== '',
-        run: (tick) => copyText(tick.text)
-    },
-    fork: {
-        label: 'timeline.menu.forkFromHere',
-        icon: GitFork,
-        offers: (tick, chat) => chat !== null && tick.turnId !== null && chat.canFork(tick.turnId),
-        run: (tick, chat) => {
-            if (chat !== null && tick.turnId !== null) {
-                chat.fork(tick.turnId);
-            }
-        }
+  'copy-message': {
+    label: 'timeline.menu.copyMessage',
+    icon: Copy,
+    // A wake carries the machine's label, not anything a person wrote.
+    offers: tick => tick.kind === 'person' && tick.text !== '',
+    run: tick => copyText(tick.text)
+  },
+  fork: {
+    label: 'timeline.menu.forkFromHere',
+    icon: GitFork,
+    offers: (tick, chat) => chat !== null && tick.turnId !== null && chat.canFork(tick.turnId),
+    run: (tick, chat) => {
+      if (chat !== null && tick.turnId !== null) {
+        chat.fork(tick.turnId);
+      }
     }
+  }
 };
 const NOTHING_FOUND = [];
 /*
@@ -37,81 +38,509 @@ const NOTHING_FOUND = [];
  * per other bookmarked message, the ones on screen bright. One hover card follows the pointer, so a
  * thousand ticks are a thousand spans and not a thousand popups. An open find marks every tick it hits.
  */
-export const Scrubber = memo(function Scrubber({ ticks, firstInView, lastInView, onPick, chat = null, found = NOTHING_FOUND, foundCurrent = null }) {
-    const { t } = useTranslation('agent-chat');
-    // State rather than a ref. The card's anchor is built during render and has to change when the strip does.
-    const [strip, setStrip] = useState(null);
-    const [height, setHeight] = useState(0);
-    // The message the card is about; it stays while the card closes, so the card never empties as it fades.
-    const [hovered, setHovered] = useState(null);
-    // Apart from `hovered`, which outlives the pointer for the card's sake. The ticks shrink back the moment it leaves.
-    const [pointing, setPointing] = useState(false);
-    const [cardOpen, setCardOpen] = useState(false);
-    // The message a right-click was on, kept apart from `hovered`, which moves on with the pointer while the menu is up.
-    const [menuIndex, setMenuIndex] = useState(null);
-    const [menuOpen, setMenuOpen] = useState(false);
-    useEffect(() => {
-        if (strip === null || typeof ResizeObserver === 'undefined') {
-            return;
-        }
-        const observer = new ResizeObserver(() => setHeight(strip.offsetHeight));
-        observer.observe(strip);
-        return () => observer.disconnect();
-    }, [strip]);
-    const kinds = useMemo(() => ticks.map((tick) => tick.kind), [ticks]);
-    const marked = useMemo(() => ticks.map((tick) => tick.bookmark !== null), [ticks]);
-    const layout = useMemo(() => layoutTicks(kinds, height, marked, found), [kinds, height, marked, found]);
+export const Scrubber = memo(function Scrubber(t0) {
+  const $ = _c(116);
+  const {
+    ticks,
+    firstInView,
+    lastInView,
+    onPick,
+    chat: t1,
+    found: t2,
+    foundCurrent: t3
+  } = t0;
+  const chat = t1 === undefined ? null : t1;
+  const found = t2 === undefined ? NOTHING_FOUND : t2;
+  const foundCurrent = t3 === undefined ? null : t3;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [strip, setStrip] = useState(null);
+  const [height, setHeight] = useState(0);
+  const [hovered, setHovered] = useState(null);
+  const [pointing, setPointing] = useState(false);
+  const [cardOpen, setCardOpen] = useState(false);
+  const [menuIndex, setMenuIndex] = useState(null);
+  const [menuOpen, setMenuOpen] = useState(false);
+  let t4;
+  let t5;
+  if ($[0] !== strip) {
+    t4 = () => {
+      if (strip === null || typeof ResizeObserver === "undefined") {
+        return;
+      }
+      const observer = new ResizeObserver(() => setHeight(strip.offsetHeight));
+      observer.observe(strip);
+      return () => observer.disconnect();
+    };
+    t5 = [strip];
+    $[0] = strip;
+    $[1] = t4;
+    $[2] = t5;
+  } else {
+    t4 = $[1];
+    t5 = $[2];
+  }
+  useEffect(t4, t5);
+  let T0;
+  let T1;
+  let T2;
+  let T3;
+  let actionsFor;
+  let menuMarkable;
+  let menuTick;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t15;
+  let t16;
+  let t17;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[3] !== cardOpen || $[4] !== chat || $[5] !== firstInView || $[6] !== found || $[7] !== foundCurrent || $[8] !== height || $[9] !== hovered || $[10] !== lastInView || $[11] !== menuIndex || $[12] !== menuOpen || $[13] !== onPick || $[14] !== pointing || $[15] !== strip || $[16] !== t || $[17] !== ticks) {
+    const kinds = ticks.map(_temp);
+    const marked = ticks.map(_temp2);
+    const layout = layoutTicks(kinds, height, marked, found);
     const currentSlot = foundCurrent === null ? null : slotOf(layout, foundCurrent);
-    const inView = firstInView === null || lastInView === null ? null : { first: firstInView, last: lastInView };
-    const hoveredTick = hovered === null ? null : (ticks[hovered] ?? null);
+    const inView = firstInView === null || lastInView === null ? null : {
+      first: firstInView,
+      last: lastInView
+    };
+    const hoveredTick = hovered === null ? null : ticks[hovered] ?? null;
     const hoveredSlot = hovered === null ? null : slotOf(layout, hovered);
     const anchorY = hoveredSlot === null ? null : layout.slots[hoveredSlot].y;
-    const anchor = useMemo(() => {
-        const element = strip;
-        if (anchorY === null || element === null) {
-            return undefined;
-        }
-        return {
-            contextElement: element,
-            getBoundingClientRect: () => {
-                const rect = element.getBoundingClientRect();
-                return DOMRect.fromRect({ x: rect.left, y: rect.top + anchorY + TICK_HEIGHT_PX / 2, width: rect.width, height: 0 });
-            }
+    let t18;
+    bb0: {
+      const element = strip;
+      if (anchorY === null || element === null) {
+        t18 = undefined;
+        break bb0;
+      }
+      let t19;
+      if ($[37] !== anchorY || $[38] !== element) {
+        t19 = () => {
+          const rect = element.getBoundingClientRect();
+          return DOMRect.fromRect({
+            x: rect.left,
+            y: rect.top + anchorY + TICK_HEIGHT_PX / 2,
+            width: rect.width,
+            height: 0
+          });
+        };
+        $[37] = anchorY;
+        $[38] = element;
+        $[39] = t19;
+      } else {
+        t19 = $[39];
+      }
+      let t20;
+      if ($[40] !== element || $[41] !== t19) {
+        t20 = {
+          contextElement: element,
+          getBoundingClientRect: t19
         };
-    }, [anchorY, strip]);
-    const pointAt = (e) => messageAt(layout, e.clientY - e.currentTarget.getBoundingClientRect().top);
-    const actionsFor = (tick) => tick === null ? [] : Object.values(CARD_ACTIONS).filter((action) => action.offers(tick, chat));
+        $[40] = element;
+        $[41] = t19;
+        $[42] = t20;
+      } else {
+        t20 = $[42];
+      }
+      t18 = t20;
+    }
+    const anchor = t18;
+    let t19;
+    if ($[43] !== layout) {
+      t19 = e => messageAt(layout, e.clientY - e.currentTarget.getBoundingClientRect().top);
+      $[43] = layout;
+      $[44] = t19;
+    } else {
+      t19 = $[44];
+    }
+    const pointAt = t19;
+    let t20;
+    if ($[45] !== chat) {
+      t20 = tick_1 => tick_1 === null ? [] : Object.values(CARD_ACTIONS).filter(action => action.offers(tick_1, chat));
+      $[45] = chat;
+      $[46] = t20;
+    } else {
+      t20 = $[46];
+    }
+    actionsFor = t20;
     const actions = actionsFor(hoveredTick);
-    /* The message a bookmark goes on: the one it is on already, or the person's own. A wake is the machine's and holds none. */
-    const markableOf = (tick) => tick === null || chat === null ? null : (tick.bookmark?.itemId ?? (tick.kind === 'person' ? tick.id : null));
-    const menuTick = menuIndex === null ? null : (ticks[menuIndex] ?? null);
-    const menuMarkable = markableOf(menuTick);
-    const onContextMenu = (e) => {
-        // The hover card is a child here as well, and a click in it is about no tick.
-        const index = strip === null || cameThroughPortal(e) ? null : messageAt(layout, e.clientY - strip.getBoundingClientRect().top);
-        const tick = index === null ? null : (ticks[index] ?? null);
-        if (tick === null || (actionsFor(tick).length === 0 && markableOf(tick) === null)) {
-            e.preventBaseUIHandler();
-            return;
+    let t21;
+    if ($[47] !== chat) {
+      t21 = tick_2 => tick_2 === null || chat === null ? null : tick_2.bookmark?.itemId ?? (tick_2.kind === "person" ? tick_2.id : null);
+      $[47] = chat;
+      $[48] = t21;
+    } else {
+      t21 = $[48];
+    }
+    const markableOf = t21;
+    menuTick = menuIndex === null ? null : ticks[menuIndex] ?? null;
+    let t22;
+    if ($[49] !== markableOf || $[50] !== menuTick) {
+      t22 = markableOf(menuTick);
+      $[49] = markableOf;
+      $[50] = menuTick;
+      $[51] = t22;
+    } else {
+      t22 = $[51];
+    }
+    menuMarkable = t22;
+    let t23;
+    if ($[52] !== actionsFor || $[53] !== layout || $[54] !== markableOf || $[55] !== strip || $[56] !== ticks) {
+      t23 = e_0 => {
+        const index = strip === null || cameThroughPortal(e_0) ? null : messageAt(layout, e_0.clientY - strip.getBoundingClientRect().top);
+        const tick_3 = index === null ? null : ticks[index] ?? null;
+        if (tick_3 === null || actionsFor(tick_3).length === 0 && markableOf(tick_3) === null) {
+          e_0.preventBaseUIHandler();
+          return;
         }
         setMenuIndex(index);
-    };
-    return (_jsxs(ContextMenu.Root, { onOpenChange: setMenuOpen, children: [_jsx(ContextMenu.Trigger, { className: "h-full w-full", onContextMenu: onContextMenu, children: _jsxs(PreviewCard.Root, { open: cardOpen && !menuOpen, onOpenChange: setCardOpen, children: [_jsx(PreviewCard.Trigger, { delay: 150, closeDelay: 150, render: _jsx("div", { ref: setStrip, role: "navigation", "aria-label": t('scrubber.strip'), className: "relative h-full w-full cursor-pointer select-none", onPointerMove: (e) => {
-                                    setPointing(true);
-                                    const index = pointAt(e);
-                                    if (index !== hovered) {
-                                        setHovered(index);
-                                    }
-                                }, onPointerLeave: () => setPointing(false), onClick: (e) => {
-                                    const index = pointAt(e);
-                                    if (index !== null) {
-                                        onPick(index);
-                                    }
-                                } }), children: layout.slots.map((slot, index) => {
-                                const distance = pointing && hoveredSlot !== null ? Math.abs(index - hoveredSlot) : null;
-                                // A bookmark is a place to find again from anywhere, so it never dims with the rest.
-                                const bright = slot.marked || slotInView(slot, inView) || distance === 0;
-                                return (_jsxs(Fragment, { children: [_jsx("span", { "aria-hidden": true, className: clsx('absolute left-1 rounded-full transition-[width,opacity] duration-100 ease-out motion-reduce:transition-none', slot.marked ? 'bg-accent' : slot.kind === 'wake' ? 'bg-text-muted' : 'bg-text', bright ? 'opacity-100' : 'opacity-30'), style: { top: slot.y, height: TICK_HEIGHT_PX, width: tickWidth(slot.kind, distance) } }), slot.found && (_jsx("span", { "aria-hidden": true, className: clsx('absolute right-0 rounded-full bg-chat-find', index === currentSlot ? 'opacity-100' : 'opacity-50'), style: { top: slot.y, height: TICK_HEIGHT_PX, width: FOUND_WIDTH_PX } }))] }, slot.first));
-                            }) }), _jsx(PreviewCard.Popup, { anchor: anchor, side: "right", align: "center", sideOffset: 4, className: "w-72", children: hoveredTick !== null && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "px-2.5 pt-1.5 pb-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3 text-xs text-text-faint", children: [hoveredTick.bookmark === null ? (_jsx("span", { children: hoveredTick.kind === 'person' ? t('rows.user.heading') : t('scrubber.tasks') })) : (_jsxs("span", { className: "flex min-w-0 items-center gap-1 self-center text-text-muted", children: [_jsx(Icon, { icon: Bookmark, size: 12, className: "shrink-0 text-accent" }), _jsx("span", { className: "truncate", children: hoveredTick.bookmark.name ?? t('bookmarks.unnamed') })] })), _jsx("time", { className: "tabular-nums", children: timeOf(hoveredTick.createdAt) })] }), _jsx("p", { className: "mt-1 line-clamp-4 text-sm break-words whitespace-pre-line text-text", children: hoveredTick.text.slice(0, PREVIEW_CHARS) || t('pickers.stash.noText') })] }), actions.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Menu.Separator, {}), actions.map((action) => (_jsxs("button", { type: "button", className: "menu-item w-full hover:bg-surface-hover", onClick: () => action.run(hoveredTick, chat), children: [_jsx(Icon, { icon: action.icon, size: 14 }), " ", t(action.label)] }, action.label)))] }))] })) })] }) }), _jsxs(ContextMenu.Popup, { children: [menuTick !== null &&
-                        actionsFor(menuTick).map((action) => (_jsxs(ContextMenu.Item, { onClick: () => action.run(menuTick, chat), children: [_jsx(Icon, { icon: action.icon, size: 14 }), " ", t(action.label)] }, action.label))), menuTick !== null && actionsFor(menuTick).length > 0 && menuMarkable !== null && _jsx(ContextMenu.Separator, {}), chat !== null && menuIndex !== null && menuMarkable !== null && (_jsx(BookmarkMenuItems, { chatId: chat.chatId, itemId: menuMarkable, onName: () => onPick(menuIndex) }))] })] }));
+      };
+      $[52] = actionsFor;
+      $[53] = layout;
+      $[54] = markableOf;
+      $[55] = strip;
+      $[56] = ticks;
+      $[57] = t23;
+    } else {
+      t23 = $[57];
+    }
+    const onContextMenu = t23;
+    T3 = ContextMenu.Root;
+    t17 = setMenuOpen;
+    T2 = ContextMenu.Trigger;
+    t15 = "h-full w-full";
+    t16 = onContextMenu;
+    T1 = PreviewCard.Root;
+    t12 = cardOpen && !menuOpen;
+    t13 = setCardOpen;
+    let t24;
+    if ($[58] !== t) {
+      t24 = t("scrubber.strip");
+      $[58] = t;
+      $[59] = t24;
+    } else {
+      t24 = $[59];
+    }
+    let t25;
+    if ($[60] !== hovered || $[61] !== pointAt) {
+      t25 = e_1 => {
+        setPointing(true);
+        const index_0 = pointAt(e_1);
+        if (index_0 !== hovered) {
+          setHovered(index_0);
+        }
+      };
+      $[60] = hovered;
+      $[61] = pointAt;
+      $[62] = t25;
+    } else {
+      t25 = $[62];
+    }
+    let t26;
+    if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
+      t26 = () => setPointing(false);
+      $[63] = t26;
+    } else {
+      t26 = $[63];
+    }
+    let t27;
+    if ($[64] !== onPick || $[65] !== pointAt) {
+      t27 = e_2 => {
+        const index_1 = pointAt(e_2);
+        if (index_1 !== null) {
+          onPick(index_1);
+        }
+      };
+      $[64] = onPick;
+      $[65] = pointAt;
+      $[66] = t27;
+    } else {
+      t27 = $[66];
+    }
+    let t28;
+    if ($[67] !== t24 || $[68] !== t25 || $[69] !== t27) {
+      t28 = /*#__PURE__*/_jsx("div", {
+        ref: setStrip,
+        role: "navigation",
+        "aria-label": t24,
+        className: "relative h-full w-full cursor-pointer select-none",
+        onPointerMove: t25,
+        onPointerLeave: t26,
+        onClick: t27
+      });
+      $[67] = t24;
+      $[68] = t25;
+      $[69] = t27;
+      $[70] = t28;
+    } else {
+      t28 = $[70];
+    }
+    const t29 = layout.slots.map((slot, index_2) => {
+      const distance = pointing && hoveredSlot !== null ? Math.abs(index_2 - hoveredSlot) : null;
+      const bright = slot.marked || slotInView(slot, inView) || distance === 0;
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          className: clsx("absolute left-1 rounded-full transition-[width,opacity] duration-100 ease-out motion-reduce:transition-none", slot.marked ? "bg-accent" : slot.kind === "wake" ? "bg-text-muted" : "bg-text", bright ? "opacity-100" : "opacity-30"),
+          style: {
+            top: slot.y,
+            height: TICK_HEIGHT_PX,
+            width: tickWidth(slot.kind, distance)
+          }
+        }), slot.found && /*#__PURE__*/_jsx("span", {
+          "aria-hidden": true,
+          className: clsx("absolute right-0 rounded-full bg-chat-find", index_2 === currentSlot ? "opacity-100" : "opacity-50"),
+          style: {
+            top: slot.y,
+            height: TICK_HEIGHT_PX,
+            width: FOUND_WIDTH_PX
+          }
+        })]
+      }, slot.first);
+    });
+    if ($[71] !== t28 || $[72] !== t29) {
+      t14 = /*#__PURE__*/_jsx(PreviewCard.Trigger, {
+        delay: 150,
+        closeDelay: 150,
+        render: t28,
+        children: t29
+      });
+      $[71] = t28;
+      $[72] = t29;
+      $[73] = t14;
+    } else {
+      t14 = $[73];
+    }
+    T0 = PreviewCard.Popup;
+    t6 = anchor;
+    t7 = "right";
+    t8 = "center";
+    t9 = 4;
+    t10 = "w-72";
+    t11 = hoveredTick !== null && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "px-2.5 pt-1.5 pb-2",
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "flex items-baseline justify-between gap-3 text-xs text-text-faint",
+          children: [hoveredTick.bookmark === null ? /*#__PURE__*/_jsx("span", {
+            children: hoveredTick.kind === "person" ? t("rows.user.heading") : t("scrubber.tasks")
+          }) : /*#__PURE__*/_jsxs("span", {
+            className: "flex min-w-0 items-center gap-1 self-center text-text-muted",
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: Bookmark,
+              size: 12,
+              className: "shrink-0 text-accent"
+            }), /*#__PURE__*/_jsx("span", {
+              className: "truncate",
+              children: hoveredTick.bookmark.name ?? t("bookmarks.unnamed")
+            })]
+          }), /*#__PURE__*/_jsx("time", {
+            className: "tabular-nums",
+            children: timeOf(hoveredTick.createdAt)
+          })]
+        }), /*#__PURE__*/_jsx("p", {
+          className: "mt-1 line-clamp-4 text-sm break-words whitespace-pre-line text-text",
+          children: hoveredTick.text.slice(0, PREVIEW_CHARS) || t("pickers.stash.noText")
+        })]
+      }), actions.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Menu.Separator, {}), actions.map(action_0 => /*#__PURE__*/_jsxs("button", {
+          type: "button",
+          className: "menu-item w-full hover:bg-surface-hover",
+          onClick: () => action_0.run(hoveredTick, chat),
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: action_0.icon,
+            size: 14
+          }), " ", t(action_0.label)]
+        }, action_0.label))]
+      })]
+    });
+    $[3] = cardOpen;
+    $[4] = chat;
+    $[5] = firstInView;
+    $[6] = found;
+    $[7] = foundCurrent;
+    $[8] = height;
+    $[9] = hovered;
+    $[10] = lastInView;
+    $[11] = menuIndex;
+    $[12] = menuOpen;
+    $[13] = onPick;
+    $[14] = pointing;
+    $[15] = strip;
+    $[16] = t;
+    $[17] = ticks;
+    $[18] = T0;
+    $[19] = T1;
+    $[20] = T2;
+    $[21] = T3;
+    $[22] = actionsFor;
+    $[23] = menuMarkable;
+    $[24] = menuTick;
+    $[25] = t10;
+    $[26] = t11;
+    $[27] = t12;
+    $[28] = t13;
+    $[29] = t14;
+    $[30] = t15;
+    $[31] = t16;
+    $[32] = t17;
+    $[33] = t6;
+    $[34] = t7;
+    $[35] = t8;
+    $[36] = t9;
+  } else {
+    T0 = $[18];
+    T1 = $[19];
+    T2 = $[20];
+    T3 = $[21];
+    actionsFor = $[22];
+    menuMarkable = $[23];
+    menuTick = $[24];
+    t10 = $[25];
+    t11 = $[26];
+    t12 = $[27];
+    t13 = $[28];
+    t14 = $[29];
+    t15 = $[30];
+    t16 = $[31];
+    t17 = $[32];
+    t6 = $[33];
+    t7 = $[34];
+    t8 = $[35];
+    t9 = $[36];
+  }
+  let t18;
+  if ($[74] !== T0 || $[75] !== t10 || $[76] !== t11 || $[77] !== t6 || $[78] !== t7 || $[79] !== t8 || $[80] !== t9) {
+    t18 = /*#__PURE__*/_jsx(T0, {
+      anchor: t6,
+      side: t7,
+      align: t8,
+      sideOffset: t9,
+      className: t10,
+      children: t11
+    });
+    $[74] = T0;
+    $[75] = t10;
+    $[76] = t11;
+    $[77] = t6;
+    $[78] = t7;
+    $[79] = t8;
+    $[80] = t9;
+    $[81] = t18;
+  } else {
+    t18 = $[81];
+  }
+  let t19;
+  if ($[82] !== T1 || $[83] !== t12 || $[84] !== t13 || $[85] !== t14 || $[86] !== t18) {
+    t19 = /*#__PURE__*/_jsxs(T1, {
+      open: t12,
+      onOpenChange: t13,
+      children: [t14, t18]
+    });
+    $[82] = T1;
+    $[83] = t12;
+    $[84] = t13;
+    $[85] = t14;
+    $[86] = t18;
+    $[87] = t19;
+  } else {
+    t19 = $[87];
+  }
+  let t20;
+  if ($[88] !== T2 || $[89] !== t15 || $[90] !== t16 || $[91] !== t19) {
+    t20 = /*#__PURE__*/_jsx(T2, {
+      className: t15,
+      onContextMenu: t16,
+      children: t19
+    });
+    $[88] = T2;
+    $[89] = t15;
+    $[90] = t16;
+    $[91] = t19;
+    $[92] = t20;
+  } else {
+    t20 = $[92];
+  }
+  let t21;
+  if ($[93] !== actionsFor || $[94] !== chat || $[95] !== menuTick || $[96] !== t) {
+    t21 = menuTick !== null && actionsFor(menuTick).map(action_1 => /*#__PURE__*/_jsxs(ContextMenu.Item, {
+      onClick: () => action_1.run(menuTick, chat),
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: action_1.icon,
+        size: 14
+      }), " ", t(action_1.label)]
+    }, action_1.label));
+    $[93] = actionsFor;
+    $[94] = chat;
+    $[95] = menuTick;
+    $[96] = t;
+    $[97] = t21;
+  } else {
+    t21 = $[97];
+  }
+  let t22;
+  if ($[98] !== actionsFor || $[99] !== menuMarkable || $[100] !== menuTick) {
+    t22 = menuTick !== null && actionsFor(menuTick).length > 0 && menuMarkable !== null && /*#__PURE__*/_jsx(ContextMenu.Separator, {});
+    $[98] = actionsFor;
+    $[99] = menuMarkable;
+    $[100] = menuTick;
+    $[101] = t22;
+  } else {
+    t22 = $[101];
+  }
+  let t23;
+  if ($[102] !== chat || $[103] !== menuIndex || $[104] !== menuMarkable || $[105] !== onPick) {
+    t23 = chat !== null && menuIndex !== null && menuMarkable !== null && /*#__PURE__*/_jsx(BookmarkMenuItems, {
+      chatId: chat.chatId,
+      itemId: menuMarkable,
+      onName: () => onPick(menuIndex)
+    });
+    $[102] = chat;
+    $[103] = menuIndex;
+    $[104] = menuMarkable;
+    $[105] = onPick;
+    $[106] = t23;
+  } else {
+    t23 = $[106];
+  }
+  let t24;
+  if ($[107] !== t21 || $[108] !== t22 || $[109] !== t23) {
+    t24 = /*#__PURE__*/_jsxs(ContextMenu.Popup, {
+      children: [t21, t22, t23]
+    });
+    $[107] = t21;
+    $[108] = t22;
+    $[109] = t23;
+    $[110] = t24;
+  } else {
+    t24 = $[110];
+  }
+  let t25;
+  if ($[111] !== T3 || $[112] !== t17 || $[113] !== t20 || $[114] !== t24) {
+    t25 = /*#__PURE__*/_jsxs(T3, {
+      onOpenChange: t17,
+      children: [t20, t24]
+    });
+    $[111] = T3;
+    $[112] = t17;
+    $[113] = t20;
+    $[114] = t24;
+    $[115] = t25;
+  } else {
+    t25 = $[115];
+  }
+  return t25;
 });
+function _temp(tick) {
+  return tick.kind;
+}
+function _temp2(tick_0) {
+  return tick_0.bookmark !== null;
+}