@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/LimitState.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 { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Hourglass } from 'lucide-react';
@@ -14,7 +14,9 @@ import { useChatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 import { useChatActions } from '../actions.js';
 import { useUsageStore } from '../../state/usage.js';
+import { useHostResumeAtReset } from '../../host-hooks.js';
 // A time a limit names reads as a clock today and with its day after that, so the words follow the minute.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MINUTE_MS = 60_000;
 // Reading an account's plan starts its CLI, so an account nobody used yet is read at most this often per host.
 const UNREAD_REFRESH_MS = 5 * MINUTE_MS;
@@ -24,91 +26,463 @@ const refreshedAt = new Map();
  * an account that could take the chat over may have no numbers yet. The dock asks for them.
  */
 function readUnreadAccounts(scope) {
-    const last = refreshedAt.get(scope.id);
-    if (last !== undefined && Date.now() - last < UNREAD_REFRESH_MS) {
-        return;
-    }
-    refreshedAt.set(scope.id, Date.now());
-    void scope.transport
-        .request('usage.refreshLimits', {})
-        .then((snapshot) => useUsageStore.getState().setLimits(scope.id, snapshot))
-        .catch(() => undefined);
+  const last = refreshedAt.get(scope.id);
+  if (last !== undefined && Date.now() - last < UNREAD_REFRESH_MS) {
+    return;
+  }
+  refreshedAt.set(scope.id, Date.now());
+  void scope.transport.request('usage.refreshLimits', {}).then(snapshot => useUsageStore.getState().setLimits(scope.id, snapshot)).catch(() => undefined);
 }
 /*
  * The chat's own "Resume at reset". It only counts while the host allows it, so with the host's
  * switch off it stands off and says where that switch is.
  */
-function ResumeAtResetToggle({ chatId, info }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const { id } = useChatScope();
-    const actions = useChatActions();
-    const machineAllows = host.useResumeAtReset(id);
-    const set = (on) => {
-        void actions.configure(chatId, { resumeAtReset: on }).catch(() => undefined);
+function ResumeAtResetToggle(t0) {
+  const $ = _c(16);
+  const {
+    chatId,
+    info
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    id
+  } = useChatScope();
+  const actions = useChatActions();
+  const machineAllows = useHostResumeAtReset(id);
+  let t1;
+  if ($[0] !== actions || $[1] !== chatId) {
+    t1 = on => {
+      actions.configure(chatId, {
+        resumeAtReset: on
+      }).catch(_temp);
     };
-    return (_jsx(Tooltip, { label: machineAllows ? t('limit.toggle') : t('limit.machineOff'), children: _jsx("span", { className: "inline-flex shrink-0", children: _jsx(Switch, { checked: machineAllows && info.resumeAtReset !== false, onCheckedChange: set, label: t('limit.toggle'), disabled: !machineAllows }) }) }));
+    $[0] = actions;
+    $[1] = chatId;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const set = t1;
+  let t2;
+  if ($[3] !== machineAllows || $[4] !== t) {
+    t2 = machineAllows ? t("limit.toggle") : t("limit.machineOff");
+    $[3] = machineAllows;
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = machineAllows && info.resumeAtReset !== false;
+  let t4;
+  if ($[6] !== t) {
+    t4 = t("limit.toggle");
+    $[6] = t;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const t5 = !machineAllows;
+  let t6;
+  if ($[8] !== set || $[9] !== t3 || $[10] !== t4 || $[11] !== t5) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      className: "inline-flex shrink-0",
+      children: /*#__PURE__*/_jsx(Switch, {
+        checked: t3,
+        onCheckedChange: set,
+        label: t4,
+        disabled: t5
+      })
+    });
+    $[8] = set;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t2 || $[14] !== t6) {
+    t7 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t2,
+      children: t6
+    });
+    $[13] = t2;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  return t7;
 }
 /*
  * Another account of the chat's CLI that has room: the one with the least of its session spent. Only
  * ever offered, since going on there spends someone's other plan. An account that reads the chat's
  * conversation takes it over; any other goes on in a fork, which then opens the way a fork does.
  */
-function ContinueOn({ chatId, info, choice }) {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-chat');
-    const scope = useChatScope();
-    const actions = useChatActions();
-    const limits = useUsageLimits();
-    const [busy, setBusy] = useState(false);
-    const target = continueTarget(choice.accounts, limits, info.provider, info.account);
-    const unread = limits !== null && hasUnreadAccount(choice.accounts, limits, info.provider, info.account);
-    useEffect(() => {
-        if (unread) {
-            readUnreadAccounts(scope);
-        }
-    }, [scope, unread]);
-    if (target === null) {
-        return null;
-    }
-    const name = choice.nameOf(target);
-    const go = () => {
-        setBusy(true);
-        actions
-            .continueOn(chatId, target.id)
-            .catch((e) => host.notify({
-            kind: 'error',
-            title: t('limit.continueFailed', { account: name }),
-            description: e instanceof Error ? e.message : String(e)
-        }))
-            .finally(() => setBusy(false));
+function _temp() {}
+function ContinueOn(t0) {
+  const $ = _c(25);
+  const {
+    chatId,
+    info,
+    choice
+  } = t0;
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const scope = useChatScope();
+  const actions = useChatActions();
+  const limits = useUsageLimits();
+  const [busy, setBusy] = useState(false);
+  const target = continueTarget(choice.accounts, limits, info.provider, info.account);
+  let t1;
+  if ($[0] !== choice.accounts || $[1] !== info.account || $[2] !== info.provider || $[3] !== limits) {
+    t1 = limits !== null && hasUnreadAccount(choice.accounts, limits, info.provider, info.account);
+    $[0] = choice.accounts;
+    $[1] = info.account;
+    $[2] = info.provider;
+    $[3] = limits;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const unread = t1;
+  let t2;
+  let t3;
+  if ($[5] !== scope || $[6] !== unread) {
+    t2 = () => {
+      if (unread) {
+        readUnreadAccounts(scope);
+      }
     };
-    return (_jsx(Tooltip, { label: t('limit.continueOnTip', { account: name }), children: _jsxs(Button, { variant: "secondary", size: "sm", className: "shrink-0 gap-1.5 whitespace-nowrap", disabled: busy, "aria-label": t('limit.continueOnAria', { account: name }), onClick: go, children: [t('limit.continueOn'), _jsx(AccountDot, { color: target.account.color, className: "size-1.75" }), name] }) }));
+    t3 = [scope, unread];
+    $[5] = scope;
+    $[6] = unread;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t2 = $[7];
+    t3 = $[8];
+  }
+  useEffect(t2, t3);
+  if (target === null) {
+    return null;
+  }
+  const name = choice.nameOf(target);
+  const go = () => {
+    setBusy(true);
+    actions.continueOn(chatId, target.id).catch(e => host.notify({
+      kind: "error",
+      title: t("limit.continueFailed", {
+        account: name
+      }),
+      description: e instanceof Error ? e.message : String(e)
+    })).finally(() => setBusy(false));
+  };
+  const T0 = Tooltip;
+  const t4 = t("limit.continueOnTip", {
+    account: name
+  });
+  const T1 = Button;
+  const t5 = "secondary";
+  const t6 = "sm";
+  const t7 = "shrink-0 gap-1.5 whitespace-nowrap";
+  const t8 = t("limit.continueOnAria", {
+    account: name
+  });
+  let t9;
+  if ($[9] !== t) {
+    t9 = t("limit.continueOn");
+    $[9] = t;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  let t10;
+  if ($[11] !== target.account.color) {
+    t10 = /*#__PURE__*/_jsx(AccountDot, {
+      color: target.account.color,
+      className: "size-1.75"
+    });
+    $[11] = target.account.color;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  let t11;
+  if ($[13] !== T1 || $[14] !== busy || $[15] !== go || $[16] !== name || $[17] !== t10 || $[18] !== t8 || $[19] !== t9) {
+    t11 = /*#__PURE__*/_jsxs(T1, {
+      variant: t5,
+      size: t6,
+      className: t7,
+      disabled: busy,
+      "aria-label": t8,
+      onClick: go,
+      children: [t9, t10, name]
+    });
+    $[13] = T1;
+    $[14] = busy;
+    $[15] = go;
+    $[16] = name;
+    $[17] = t10;
+    $[18] = t8;
+    $[19] = t9;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  let t12;
+  if ($[21] !== T0 || $[22] !== t11 || $[23] !== t4) {
+    t12 = /*#__PURE__*/_jsx(T0, {
+      label: t4,
+      children: t11
+    });
+    $[21] = T0;
+    $[22] = t11;
+    $[23] = t4;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  return t12;
 }
 /* At the top of the composer while the last turn stopped on a limit: what stopped it, when it goes on, and the switch. */
-export function LimitDock({ chatId, info }) {
-    const { t } = useTranslation('agent-chat');
-    useFormatLocale();
-    const now = useNow(MINUTE_MS, info.limit !== undefined);
-    const choice = useAccountChoice(info.provider, info.account);
-    const view = limitView(info, now);
-    if (view === null) {
-        return null;
-    }
-    // With a choice of accounts the line names the one that ran into the limit.
-    const account = choice === null ? null : choice.current === null ? choice.currentId : choice.nameOf(choice.current);
-    const detail = account === null ? view.detail : view.detail === null ? account : `${account} · ${view.detail}`;
-    return (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5", children: [_jsx(Icon, { icon: Hourglass, 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: view.title }), detail !== null && _jsx("span", { className: "truncate text-xs tabular-nums text-text-faint", children: detail })] }), choice !== null && info.limit?.kind === 'usage' && _jsx(ContinueOn, { chatId: chatId, info: info, choice: choice }), _jsx("span", { className: "shrink-0 text-xs text-text-muted", children: t('limit.toggle') }), _jsx(ResumeAtResetToggle, { chatId: chatId, info: info })] }));
+export function LimitDock(t0) {
+  const $ = _c(29);
+  const {
+    chatId,
+    info
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  useFormatLocale();
+  const now = useNow(MINUTE_MS, info.limit !== undefined);
+  const choice = useAccountChoice(info.provider, info.account);
+  let t1;
+  if ($[0] !== info || $[1] !== now) {
+    t1 = limitView(info, now);
+    $[0] = info;
+    $[1] = now;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const view = t1;
+  if (view === null) {
+    return null;
+  }
+  let t2;
+  if ($[3] !== choice) {
+    t2 = choice === null ? null : choice.current === null ? choice.currentId : choice.nameOf(choice.current);
+    $[3] = choice;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const account = t2;
+  const detail = account === null ? view.detail : view.detail === null ? account : `${account} · ${view.detail}`;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/_jsx(Icon, {
+      icon: Hourglass,
+      size: 16,
+      className: "shrink-0 text-text-faint"
+    });
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== view.title) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: "truncate text-sm text-text",
+      children: view.title
+    });
+    $[6] = view.title;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== detail) {
+    t5 = detail !== null && /*#__PURE__*/_jsx("span", {
+      className: "truncate text-xs tabular-nums text-text-faint",
+      children: detail
+    });
+    $[8] = detail;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== t4 || $[11] !== t5) {
+    t6 = /*#__PURE__*/_jsxs("span", {
+      className: "flex min-w-0 grow flex-col",
+      children: [t4, t5]
+    });
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== chatId || $[14] !== choice || $[15] !== info) {
+    t7 = choice !== null && info.limit?.kind === "usage" && /*#__PURE__*/_jsx(ContinueOn, {
+      chatId: chatId,
+      info: info,
+      choice: choice
+    });
+    $[13] = chatId;
+    $[14] = choice;
+    $[15] = info;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t) {
+    t8 = t("limit.toggle");
+    $[17] = t;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t8) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "shrink-0 text-xs text-text-muted",
+      children: t8
+    });
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== chatId || $[22] !== info) {
+    t10 = /*#__PURE__*/_jsx(ResumeAtResetToggle, {
+      chatId: chatId,
+      info: info
+    });
+    $[21] = chatId;
+    $[22] = info;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== t10 || $[25] !== t6 || $[26] !== t7 || $[27] !== t9) {
+    t11 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-2 border-b border-border px-3.5 py-2.5",
+      children: [t3, t6, t7, t9, t10]
+    });
+    $[24] = t10;
+    $[25] = t6;
+    $[26] = t7;
+    $[27] = t9;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  return t11;
 }
 /* The same state in a chat node's header, read from the status every client gets, so a node nobody opened says it too. */
-export function LimitPill({ chatId }) {
-    const { keyOf } = useChatScope();
-    const info = useChats((s) => s.statusByKey[keyOf(chatId)]?.info);
-    useFormatLocale();
-    const now = useNow(MINUTE_MS, info?.limit !== undefined);
-    const view = info === undefined ? null : limitView(info, now);
-    if (info === undefined || view === null) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: view.detail === null ? view.title : `${view.title}. ${view.detail}`, children: _jsx(Pill, { className: "tabular-nums", icon: _jsx(Icon, { icon: Hourglass, size: 12 }), children: view.pill }) }), _jsx(ResumeAtResetToggle, { chatId: chatId, info: info })] }));
-}
+export function LimitPill(t0) {
+  const $ = _c(18);
+  const {
+    chatId
+  } = t0;
+  const {
+    keyOf
+  } = useChatScope();
+  let t1;
+  if ($[0] !== chatId || $[1] !== keyOf) {
+    t1 = s => s.statusByKey[keyOf(chatId)]?.info;
+    $[0] = chatId;
+    $[1] = keyOf;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const info = useChats(t1);
+  useFormatLocale();
+  const now = useNow(MINUTE_MS, info?.limit !== undefined);
+  let t2;
+  if ($[3] !== info || $[4] !== now) {
+    t2 = info === undefined ? null : limitView(info, now);
+    $[3] = info;
+    $[4] = now;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const view = t2;
+  if (info === undefined || view === null) {
+    return null;
+  }
+  const t3 = view.detail === null ? view.title : `${view.title}. ${view.detail}`;
+  let t4;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      icon: Hourglass,
+      size: 12
+    });
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== view.pill) {
+    t5 = /*#__PURE__*/_jsx(Pill, {
+      className: "tabular-nums",
+      icon: t4,
+      children: view.pill
+    });
+    $[7] = view.pill;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t3 || $[10] !== t5) {
+    t6 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t3,
+      children: t5
+    });
+    $[9] = t3;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  let t7;
+  if ($[12] !== chatId || $[13] !== info) {
+    t7 = /*#__PURE__*/_jsx(ResumeAtResetToggle, {
+      chatId: chatId,
+      info: info
+    });
+    $[12] = chatId;
+    $[13] = info;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  let t8;
+  if ($[15] !== t6 || $[16] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t6, t7]
+    });
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  return t8;
+}