@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/ResumeCompactionDock.js

@@ -1,14 +1,149 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { Minimize2 } from 'lucide-react';
 import { formatTokens } from '@adecore/ui/format';
 import { Button, Icon } from '@adecore/ui';
 /*
- * The offer at the top of the composer, for a chat that lay still long enough that the next message
+ * The offer at the top of the composer, for a chat whose prompt cache went cold, so the next message
  * pays for the whole thread again. It takes no keys and blocks nothing: typing and sending keeps the
  * full history, which is what a person who ignores this does.
  */
-export function ResumeCompactionDock({ tokens, onCompact, onDismiss }) {
-    const { t } = useTranslation('agent-chat');
-    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5", children: [_jsx(Icon, { icon: Minimize2, size: 16, className: "shrink-0 text-text-faint" }), _jsxs("span", { className: "flex min-w-0 grow flex-col", children: [_jsx("span", { className: "truncate text-sm text-text", children: t('resumeCompaction.title') }), _jsx("span", { className: "truncate text-xs tabular-nums text-text-faint", children: t('resumeCompaction.carried', { tokens: formatTokens(tokens) }) })] }), _jsx(Button, { size: "sm", onClick: onDismiss, children: t('resumeCompaction.keep') }), _jsx(Button, { size: "sm", variant: "primary", onClick: onCompact, children: t('resumeCompaction.compact') })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ResumeCompactionDock(t0) {
+  const $ = _c(29);
+  const {
+    tokens,
+    reason: t1,
+    onCompact,
+    onDismiss
+  } = t0;
+  const reason = t1 === undefined ? "idle" : t1;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const cold = reason === "cache-expired";
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Icon, {
+      icon: Minimize2,
+      size: 16,
+      className: "shrink-0 text-text-faint"
+    });
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  let t3;
+  if ($[1] !== cold || $[2] !== t) {
+    t3 = cold ? t("resumeCompaction.cacheExpired.title") : t("resumeCompaction.title");
+    $[1] = cold;
+    $[2] = t;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-sm text-text",
+      children: t3
+    });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const t5 = cold ? "resumeCompaction.cacheExpired.carried" : "resumeCompaction.carried";
+  let t6;
+  if ($[6] !== t || $[7] !== t5 || $[8] !== tokens) {
+    t6 = t(t5, {
+      tokens: formatTokens(tokens)
+    });
+    $[6] = t;
+    $[7] = t5;
+    $[8] = tokens;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-xs tabular-nums text-text-faint",
+      children: t6
+    });
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== t4 || $[13] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 grow flex-col",
+      children: [t4, t7]
+    });
+    $[12] = t4;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t) {
+    t9 = t("resumeCompaction.keep");
+    $[15] = t;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== onDismiss || $[18] !== t9) {
+    t10 = /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      onClick: onDismiss,
+      children: t9
+    });
+    $[17] = onDismiss;
+    $[18] = t9;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  let t11;
+  if ($[20] !== t) {
+    t11 = t("resumeCompaction.compact");
+    $[20] = t;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  let t12;
+  if ($[22] !== onCompact || $[23] !== t11) {
+    t12 = /*#__PURE__*/_jsx(Button, {
+      size: "sm",
+      variant: "primary",
+      onClick: onCompact,
+      children: t11
+    });
+    $[22] = onCompact;
+    $[23] = t11;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  let t13;
+  if ($[25] !== t10 || $[26] !== t12 || $[27] !== t8) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5",
+      children: [t2, t8, t10, t12]
+    });
+    $[25] = t10;
+    $[26] = t12;
+    $[27] = t8;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  return t13;
+}

package/dist/chat/ui/RowTime.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Tooltip } from '@adecore/ui';
 import { formatClock, formatDateTime, useFormatLocale } from '@adecore/ui/format';
 import { TIMESTAMP_FORMAT } from './timestamp-format.js';
@@ -6,7 +6,61 @@ import { TIMESTAMP_FORMAT } from './timestamp-format.js';
  * The wall-clock time of a row at its right edge, shown only while an element marked `group/line`
  * around it is hovered or has the keyboard focus. Hidden, it takes no room and is no tab stop.
  */
-export function RowTime({ at }) {
-    useFormatLocale();
-    return (_jsx(Tooltip, { label: formatDateTime(at, TIMESTAMP_FORMAT), children: _jsx("time", { dateTime: new Date(at).toISOString(), className: "hidden shrink-0 text-xs text-text-faint tabular-nums select-none group-hover/line:inline group-focus-visible/line:inline group-has-focus-visible/line:inline", children: formatClock(at) }) }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function RowTime(t0) {
+  const $ = _c(12);
+  const {
+    at
+  } = t0;
+  useFormatLocale();
+  let t1;
+  if ($[0] !== at) {
+    t1 = formatDateTime(at, TIMESTAMP_FORMAT);
+    $[0] = at;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== at) {
+    t2 = new Date(at).toISOString();
+    $[2] = at;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== at) {
+    t3 = formatClock(at);
+    $[4] = at;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = /*#__PURE__*/_jsx("time", {
+      dateTime: t2,
+      className: "hidden shrink-0 text-xs text-text-faint tabular-nums select-none group-hover/line:inline group-focus-visible/line:inline group-has-focus-visible/line:inline",
+      children: t3
+    });
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t1 || $[10] !== t4) {
+    t5 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t1,
+      children: t4
+    });
+    $[9] = t1;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  return t5;
+}