@adecore/agents-react 0.31.12 → 0.32.0

package/dist/usage/UsageLimits.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 { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { LogIn } from 'lucide-react';
@@ -12,47 +12,480 @@ import { useLimitGroups, useUsageLimits } from './limits.js';
 import { useProviderAccountsStore } from '../state/provider-accounts.js';
 import { useChatScope } from '../scope.js';
 import { ProviderLogo } from '../agents/ProviderLogo.js';
+import { useHostLoginBlocked } from '../host-hooks.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MINUTE_MS = 60_000;
-function LoginButton({ account, login }) {
-    const { t } = useTranslation('agent-usage');
-    const button = (_jsxs(Button, { variant: "secondary", size: "sm", className: login.blocked === null ? 'self-start' : undefined, disabled: login.blocked !== null, onClick: () => login.open(account), children: [_jsx(Icon, { icon: LogIn, size: 14 }), t('limits.logIn')] }));
-    return login.blocked === null ? (button) : (_jsx(Tooltip, { label: login.blocked, children: _jsx("span", { className: "inline-flex self-start", children: button }) }));
+function LoginButton(t0) {
+  const $ = _c(14);
+  const {
+    account,
+    login
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-usage");
+  const t1 = login.blocked === null ? "self-start" : undefined;
+  const t2 = login.blocked !== null;
+  let t3;
+  if ($[0] !== account || $[1] !== login) {
+    t3 = () => login.open(account);
+    $[0] = account;
+    $[1] = login;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(Icon, {
+      icon: LogIn,
+      size: 14
+    });
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== t) {
+    t5 = t("limits.logIn");
+    $[4] = t;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3 || $[9] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(Button, {
+      variant: "secondary",
+      size: "sm",
+      className: t1,
+      disabled: t2,
+      onClick: t3,
+      children: [t4, t5]
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const button = t6;
+  let t7;
+  if ($[11] !== button || $[12] !== login.blocked) {
+    t7 = login.blocked === null ? button : /*#__PURE__*/_jsx(Tooltip, {
+      label: login.blocked,
+      children: /*#__PURE__*/_jsx("span", {
+        className: "inline-flex self-start",
+        children: button
+      })
+    });
+    $[11] = button;
+    $[12] = login.blocked;
+    $[13] = t7;
+  } else {
+    t7 = $[13];
+  }
+  return t7;
 }
 /* One account: where its numbers come from, then a bar per window, or why there are none. */
-function LimitCard({ account, named, now, login }) {
-    const { t } = useTranslation('agent-usage');
-    const signedOut = isSignedOut(account);
-    const note = signedOut ? null : accountNote(account);
-    const plan = signedOut ? null : account.entry?.plan;
-    const checked = signedOut || account.entry === null ? null : checkedLabel(account.entry, now);
-    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-3.5 rounded-xl border border-border bg-surface bg-clip-padding px-4 py-3.5", children: [_jsxs("p", { className: "flex min-w-0 items-center gap-2 text-xs font-medium", children: [_jsx("span", { className: "shrink-0", style: { color: PROVIDER_COLORS[account.kind] }, children: _jsx(ProviderLogo, { provider: account.kind }) }), _jsx("span", { className: "shrink-0", children: PROVIDER_LABELS[account.kind] }), named && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-text-faint", children: "\u00B7" }), _jsx(AccountDot, { color: account.color }), _jsx("span", { className: "truncate", children: account.name })] })), plan && _jsxs("span", { className: "shrink-0 font-normal text-text-muted", children: ["\u00B7 ", plan] }), checked !== null && _jsx("span", { className: "ml-auto shrink-0 pl-2 font-normal text-text-faint", children: checked })] }), signedOut ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-xs text-text-faint", children: t('limits.signedOutDetail') }), login !== null && _jsx(LoginButton, { account: account, login: login })] })) : note !== null ? (_jsx("p", { className: "text-xs text-text-faint", children: note })) : (_jsx("div", { className: "flex flex-col gap-4", children: account.entry?.windows.map((window) => (_jsx(WindowBar, { window: window, now: now, compact: false }, window.id))) }))] }));
+function LimitCard(t0) {
+  const $ = _c(42);
+  const {
+    account,
+    named,
+    now,
+    login
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-usage");
+  let t1;
+  if ($[0] !== account) {
+    t1 = isSignedOut(account);
+    $[0] = account;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const signedOut = t1;
+  let t2;
+  if ($[2] !== account || $[3] !== signedOut) {
+    t2 = signedOut ? null : accountNote(account);
+    $[2] = account;
+    $[3] = signedOut;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const note = t2;
+  const plan = signedOut ? null : account.entry?.plan;
+  let t3;
+  if ($[5] !== account.entry || $[6] !== now || $[7] !== signedOut) {
+    t3 = signedOut || account.entry === null ? null : checkedLabel(account.entry, now);
+    $[5] = account.entry;
+    $[6] = now;
+    $[7] = signedOut;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const checked = t3;
+  const t4 = PROVIDER_COLORS[account.kind];
+  let t5;
+  if ($[9] !== t4) {
+    t5 = {
+      color: t4
+    };
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== account.kind) {
+    t6 = /*#__PURE__*/_jsx(ProviderLogo, {
+      provider: account.kind
+    });
+    $[11] = account.kind;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t5 || $[14] !== t6) {
+    t7 = /*#__PURE__*/_jsx("span", {
+      className: "shrink-0",
+      style: t5,
+      children: t6
+    });
+    $[13] = t5;
+    $[14] = t6;
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  const t8 = PROVIDER_LABELS[account.kind];
+  let t9;
+  if ($[16] !== t8) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "shrink-0",
+      children: t8
+    });
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== account.color || $[19] !== account.name || $[20] !== named) {
+    t10 = named && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "text-text-faint",
+        children: "\xB7"
+      }), /*#__PURE__*/_jsx(AccountDot, {
+        color: account.color
+      }), /*#__PURE__*/_jsx("span", {
+        className: "truncate",
+        children: account.name
+      })]
+    });
+    $[18] = account.color;
+    $[19] = account.name;
+    $[20] = named;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== plan) {
+    t11 = plan && /*#__PURE__*/_jsxs("span", {
+      className: "shrink-0 font-normal text-text-muted",
+      children: ["\xB7 ", plan]
+    });
+    $[22] = plan;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  let t12;
+  if ($[24] !== checked) {
+    t12 = checked !== null && /*#__PURE__*/_jsx("span", {
+      className: "ml-auto shrink-0 pl-2 font-normal text-text-faint",
+      children: checked
+    });
+    $[24] = checked;
+    $[25] = t12;
+  } else {
+    t12 = $[25];
+  }
+  let t13;
+  if ($[26] !== t10 || $[27] !== t11 || $[28] !== t12 || $[29] !== t7 || $[30] !== t9) {
+    t13 = /*#__PURE__*/_jsxs("p", {
+      className: "flex min-w-0 items-center gap-2 text-xs font-medium",
+      children: [t7, t9, t10, t11, t12]
+    });
+    $[26] = t10;
+    $[27] = t11;
+    $[28] = t12;
+    $[29] = t7;
+    $[30] = t9;
+    $[31] = t13;
+  } else {
+    t13 = $[31];
+  }
+  let t14;
+  if ($[32] !== account || $[33] !== login || $[34] !== note || $[35] !== now || $[36] !== signedOut || $[37] !== t) {
+    t14 = signedOut ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "text-xs text-text-faint",
+        children: t("limits.signedOutDetail")
+      }), login !== null && /*#__PURE__*/_jsx(LoginButton, {
+        account: account,
+        login: login
+      })]
+    }) : note !== null ? /*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-faint",
+      children: note
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "flex flex-col gap-4",
+      children: account.entry?.windows.map(window => /*#__PURE__*/_jsx(WindowBar, {
+        window: window,
+        now: now,
+        compact: false
+      }, window.id))
+    });
+    $[32] = account;
+    $[33] = login;
+    $[34] = note;
+    $[35] = now;
+    $[36] = signedOut;
+    $[37] = t;
+    $[38] = t14;
+  } else {
+    t14 = $[38];
+  }
+  let t15;
+  if ($[39] !== t13 || $[40] !== t14) {
+    t15 = /*#__PURE__*/_jsxs("div", {
+      className: "flex min-w-0 flex-col gap-3.5 rounded-xl border border-border bg-surface bg-clip-padding px-4 py-3.5",
+      children: [t13, t14]
+    });
+    $[39] = t13;
+    $[40] = t14;
+    $[41] = t15;
+  } else {
+    t15 = $[41];
+  }
+  return t15;
 }
 /*
  * What is left of each plan, asked of the CLIs themselves, a card per account. Nothing here reads a
  * credential: every CLI holds its own login and answers the question when the daemon starts one and asks.
  */
 export function UsageLimits() {
-    const host = useChatHost();
-    const { t } = useTranslation('agent-usage');
-    const limits = useUsageLimits();
-    const groups = useLimitGroups(limits);
-    const now = useNow(MINUTE_MS);
-    const scopeId = useChatScope().id;
-    const loginCommands = useProviderAccountsStore((s) => s.byScope[scopeId]?.accounts?.loginCommands);
-    const { openLogin } = host;
-    const blocked = host.useLoginBlocked(scopeId);
-    const [filter, setFilter] = useState('all');
-    if (limits === null) {
-        return null;
+  const $ = _c(46);
+  const host = useChatHost();
+  const {
+    t
+  } = useTranslation("agent-usage");
+  const limits = useUsageLimits();
+  const groups = useLimitGroups(limits);
+  const now = useNow(MINUTE_MS);
+  const scopeId = useChatScope().id;
+  let t0;
+  if ($[0] !== scopeId) {
+    t0 = s => s.byScope[scopeId]?.accounts?.loginCommands;
+    $[0] = scopeId;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const loginCommands = useProviderAccountsStore(t0);
+  const {
+    openLogin
+  } = host;
+  const blocked = useHostLoginBlocked(scopeId);
+  const [filter, setFilter] = useState("all");
+  if (limits === null) {
+    return null;
+  }
+  let t1;
+  if ($[2] !== groups) {
+    t1 = groups.length > 1 && hasSeveralAccounts(groups);
+    $[2] = groups;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const filterable = t1;
+  let t2;
+  if ($[4] !== filter || $[5] !== filterable || $[6] !== groups) {
+    t2 = filterable && groups.some(group => group.kind === filter) ? filter : "all";
+    $[4] = filter;
+    $[5] = filterable;
+    $[6] = groups;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const current = t2;
+  let t3;
+  if ($[8] !== current || $[9] !== groups) {
+    t3 = current === "all" ? groups : groups.filter(group_0 => group_0.kind === current);
+    $[8] = current;
+    $[9] = groups;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const shown = t3;
+  let t4;
+  if ($[11] !== blocked || $[12] !== loginCommands || $[13] !== openLogin || $[14] !== scopeId) {
+    t4 = kind => openLogin === null || loginCommands?.[kind] === undefined ? null : {
+      blocked,
+      open: account => void openLogin(scopeId, kind, account.id, account.name)
+    };
+    $[11] = blocked;
+    $[12] = loginCommands;
+    $[13] = openLogin;
+    $[14] = scopeId;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const loginFor = t4;
+  let t5;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("h2", {});
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== t) {
+    t6 = t("limits.title");
+    $[17] = t;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== t6) {
+    t7 = /*#__PURE__*/_jsx(SectionLabel, {
+      render: t5,
+      className: "grow",
+      children: t6
+    });
+    $[19] = t6;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] !== current || $[22] !== filterable || $[23] !== groups || $[24] !== t) {
+    t8 = filterable && /*#__PURE__*/_jsx(Segmented, {
+      value: current,
+      options: [{
+        id: "all",
+        label: t("dialog.accounts.all")
+      }, ...groups.map(_temp)],
+      onValueChange: setFilter,
+      label: t("limits.filter")
+    });
+    $[21] = current;
+    $[22] = filterable;
+    $[23] = groups;
+    $[24] = t;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  let t9;
+  if ($[26] !== t7 || $[27] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("div", {
+      className: "flex min-h-8 items-center gap-3",
+      children: [t7, t8]
+    });
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  let t10;
+  if ($[29] !== t) {
+    t10 = t("limits.explain");
+    $[29] = t;
+    $[30] = t10;
+  } else {
+    t10 = $[30];
+  }
+  let t11;
+  if ($[31] !== t10) {
+    t11 = /*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-muted",
+      children: t10
+    });
+    $[31] = t10;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== loginFor || $[34] !== now || $[35] !== shown) {
+    let t13;
+    if ($[37] !== loginFor || $[38] !== now) {
+      t13 = group_2 => group_2.accounts.map(account_0 => /*#__PURE__*/_jsx(LimitCard, {
+        account: account_0,
+        named: group_2.accounts.length > 1,
+        now: now,
+        login: loginFor(group_2.kind)
+      }, account_0.id));
+      $[37] = loginFor;
+      $[38] = now;
+      $[39] = t13;
+    } else {
+      t13 = $[39];
     }
-    const filterable = groups.length > 1 && hasSeveralAccounts(groups);
-    const current = filterable && groups.some((group) => group.kind === filter) ? filter : 'all';
-    const shown = current === 'all' ? groups : groups.filter((group) => group.kind === current);
-    const loginFor = (kind) => openLogin === null || loginCommands?.[kind] === undefined
-        ? null
-        : { blocked, open: (account) => void openLogin(scopeId, kind, account.id, account.name) };
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex min-h-8 items-center gap-3", children: [_jsx(SectionLabel, { render: _jsx("h2", {}), className: "grow", children: t('limits.title') }), filterable && (_jsx(Segmented, { value: current, options: [
-                            { id: 'all', label: t('dialog.accounts.all') },
-                            ...groups.map((group) => ({ id: group.kind, label: PROVIDER_LABELS[group.kind] }))
-                        ], onValueChange: setFilter, label: t('limits.filter') }))] }), _jsx("p", { className: "text-xs text-text-muted", children: t('limits.explain') }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: shown.flatMap((group) => group.accounts.map((account) => (_jsx(LimitCard, { account: account, named: group.accounts.length > 1, now: now, login: loginFor(group.kind) }, account.id)))) })] }));
+    t12 = shown.flatMap(t13);
+    $[33] = loginFor;
+    $[34] = now;
+    $[35] = shown;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[40] !== t12) {
+    t13 = /*#__PURE__*/_jsx("div", {
+      className: "grid grid-cols-2 gap-3",
+      children: t12
+    });
+    $[40] = t12;
+    $[41] = t13;
+  } else {
+    t13 = $[41];
+  }
+  let t14;
+  if ($[42] !== t11 || $[43] !== t13 || $[44] !== t9) {
+    t14 = /*#__PURE__*/_jsxs("section", {
+      className: "flex flex-col gap-3",
+      children: [t9, t11, t13]
+    });
+    $[42] = t11;
+    $[43] = t13;
+    $[44] = t9;
+    $[45] = t14;
+  } else {
+    t14 = $[45];
+  }
+  return t14;
 }
+function _temp(group_1) {
+  return {
+    id: group_1.kind,
+    label: PROVIDER_LABELS[group_1.kind]
+  };
+}

package/dist/usage/UsageLimitsCard.js

@@ -1,26 +1,110 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import i18next from 'i18next';
 import { useState } from 'react';
 import { hasSeveralAccounts } from './limit-groups.js';
 import { AccountLimitsList, LimitsList } from './LimitsList.js';
 import { useLimitGroups, useUsageLimits } from './limits.js';
 import { useNow, PreviewCard } from '@adecore/ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MINUTE_MS = 60_000;
 /* Asking the CLIs starts a process each, so the question waits until the card is actually opened. */
 function CardBody() {
-    const limits = useUsageLimits();
-    const groups = useLimitGroups(limits);
-    const now = useNow(MINUTE_MS);
-    if (limits === null) {
-        return _jsx("p", { className: "text-xs text-text-faint", children: i18next.t('agent-usage:limits.loading') });
+  const $ = _c(5);
+  const limits = useUsageLimits();
+  const groups = useLimitGroups(limits);
+  const now = useNow(MINUTE_MS);
+  if (limits === null) {
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t0 = /*#__PURE__*/_jsx("p", {
+        className: "text-xs text-text-faint",
+        children: i18next.t("agent-usage:limits.loading")
+      });
+      $[0] = t0;
+    } else {
+      t0 = $[0];
     }
-    return hasSeveralAccounts(groups) ? _jsx(AccountLimitsList, { groups: groups, now: now }) : _jsx(LimitsList, { limits: limits, now: now, compact: true });
+    return t0;
+  }
+  let t0;
+  if ($[1] !== groups || $[2] !== limits || $[3] !== now) {
+    t0 = hasSeveralAccounts(groups) ? /*#__PURE__*/_jsx(AccountLimitsList, {
+      groups: groups,
+      now: now
+    }) : /*#__PURE__*/_jsx(LimitsList, {
+      limits: limits,
+      now: now,
+      compact: true
+    });
+    $[1] = groups;
+    $[2] = limits;
+    $[3] = now;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
 }
 /*
  * What is left of each plan, without opening the usage dialog. A hover card rather than a tooltip:
  * the bars take a moment to read, and it stays open while the pointer travels to it.
  */
-export function UsageLimitsCard({ children }) {
-    const [opened, setOpened] = useState(false);
-    return (_jsxs(PreviewCard.Root, { onOpenChange: (open) => open && setOpened(true), children: [_jsx(PreviewCard.Trigger, { render: children, delay: 500 }), _jsx(PreviewCard.Popup, { side: "top", align: "end", className: "w-64 p-3", children: opened && _jsx(CardBody, {}) })] }));
-}
+export function UsageLimitsCard(t0) {
+  const $ = _c(10);
+  const {
+    children
+  } = t0;
+  const [opened, setOpened] = useState(false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = open => open && setOpened(true);
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== children) {
+    t2 = /*#__PURE__*/_jsx(PreviewCard.Trigger, {
+      render: children,
+      delay: 500
+    });
+    $[1] = children;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== opened) {
+    t3 = opened && /*#__PURE__*/_jsx(CardBody, {});
+    $[3] = opened;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx(PreviewCard.Popup, {
+      side: "top",
+      align: "end",
+      className: "w-64 p-3",
+      children: t3
+    });
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t2 || $[8] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(PreviewCard.Root, {
+      onOpenChange: t1,
+      children: [t2, t4]
+    });
+    $[7] = t2;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+}