@adecore/agents-react 0.33.1 → 0.33.3

package/dist/agents/account-limits.d.ts

@@ -3,5 +3,6 @@ import { type AccountEntry } from './accounts.js';
 export declare function limitsAccountId(entry: UsageLimitsProvider): string;
 export declare function limitsOfAccount(snapshot: UsageLimitsSnapshot | null, id: string): UsageLimitsProvider | null;
 export declare function sessionWindow(entry: UsageLimitsProvider | null): UsageWindow | null;
+export declare function continueTargets(accounts: ProviderAccounts | null, snapshot: UsageLimitsSnapshot | null, kind: AgentKind, current: string | undefined): AccountEntry[];
 export declare function continueTarget(accounts: ProviderAccounts | null, snapshot: UsageLimitsSnapshot | null, kind: AgentKind, current: string | undefined): AccountEntry | null;
 export declare function hasUnreadAccount(accounts: ProviderAccounts | null, snapshot: UsageLimitsSnapshot | null, kind: AgentKind, current: string | undefined): boolean;

package/dist/agents/account-limits.js

@@ -22,11 +22,11 @@ function others(accounts, kind, current) {
   return accountsOfKind(accounts, kind).filter(entry => entry.id !== (current ?? kind) && entry.account.enabled !== false && entry.status?.state === 'ready');
 }
 /*
- * The account a chat that stopped on a limit could go on under: another one of its CLI that is on,
- * signed in and has room, the one with the least of its session spent. Null when none has room, or
- * none was read yet; the choice is only ever offered, never made.
+ * The accounts a chat that stopped on a limit could go on under: the others of its CLI that are on,
+ * signed in and have room, the one with the least of its session spent first. Empty when none has
+ * room, or none was read yet; the choice is only ever offered, never made.
  */
-export function continueTarget(accounts, snapshot, kind, current) {
+export function continueTargets(accounts, snapshot, kind, current) {
   const roomy = others(accounts, kind, current).flatMap(entry => {
     const limits = limitsOfAccount(snapshot, entry.id);
     return hasRoom(limits) ? [{
@@ -35,7 +35,11 @@ export function continueTarget(accounts, snapshot, kind, current) {
     }] : [];
   });
   roomy.sort((a, b) => a.pressure - b.pressure);
-  return roomy[0]?.entry ?? null;
+  return roomy.map(target => target.entry);
+}
+/* The one `continueTargets` suggests: the account with the most room. */
+export function continueTarget(accounts, snapshot, kind, current) {
+  return continueTargets(accounts, snapshot, kind, current)[0] ?? null;
 }
 /* Whether another account a chat could go on under has no numbers yet, since the machine only reads one in use by itself. */
 export function hasUnreadAccount(accounts, snapshot, kind, current) {

package/dist/chat/ui/LimitState.js

@@ -1,19 +1,22 @@
 import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Hourglass } from 'lucide-react';
+import clsx from 'clsx';
+import { ChevronDown, Hourglass } from 'lucide-react';
 import { AccountDot } from '../../agents/AccountDot.js';
-import { continueTarget, hasUnreadAccount } from '../../agents/account-limits.js';
+import { continueTargets, hasUnreadAccount, limitsOfAccount, sessionWindow } from '../../agents/account-limits.js';
+import { canContinueOn } from '../../agents/accounts.js';
 import { useAccountChoice } from '../account-choice.js';
 import { limitView } from '../logic/limit.js';
 import { useFormatLocale } from '@adecore/ui/format';
-import { Switch, Button, Icon, Pill, Tooltip, useNow } from '@adecore/ui';
+import { Switch, Button, ButtonGroup, Icon, Menu, Pill, Tooltip, useNow } from '@adecore/ui';
 import { useUsageLimits } from '../../usage/limits.js';
 import { useChats } from '../../state/chats.js';
 import { useChatHost } from '../../host.js';
 import { useChatScope } from '../../scope.js';
 import { useChatActions } from '../actions.js';
 import { useUsageStore } from '../../state/usage.js';
+import { SessionLine } from './SessionLine.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";
@@ -118,13 +121,15 @@ function ResumeAtResetToggle(t0) {
   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.
+ * Another account of the chat's CLI that has room: the one with the least of its session spent, and
+ * beside it a menu of every account with room, for a person whose companies each pay for their own
+ * work. Only ever offered, since going on there spends someone's other plan, and nothing is
+ * remembered: the next limit suggests the one with the most room again. 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 _temp() {}
 function ContinueOn(t0) {
-  const $ = _c(25);
+  const $ = _c(65);
   const {
     chatId,
     info,
@@ -138,7 +143,7 @@ function ContinueOn(t0) {
   const actions = useChatActions();
   const limits = useUsageLimits();
   const [busy, setBusy] = useState(false);
-  const target = continueTarget(choice.accounts, limits, info.provider, info.account);
+  const targets = continueTargets(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);
@@ -169,86 +174,320 @@ function ContinueOn(t0) {
     t3 = $[8];
   }
   useEffect(t2, t3);
-  if (target === null) {
+  const target = targets[0];
+  if (target === undefined) {
     return null;
   }
+  let t4;
+  if ($[9] !== actions || $[10] !== chatId || $[11] !== choice || $[12] !== host || $[13] !== t) {
+    t4 = entry => {
+      setBusy(true);
+      actions.continueOn(chatId, entry.id).catch(e => host.notify({
+        kind: "error",
+        title: t("limit.continueFailed", {
+          account: choice.nameOf(entry)
+        }),
+        description: e instanceof Error ? e.message : String(e)
+      })).finally(() => setBusy(false));
+    };
+    $[9] = actions;
+    $[10] = chatId;
+    $[11] = choice;
+    $[12] = host;
+    $[13] = t;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  const go = t4;
   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 split = targets.length > 1;
   const T0 = Tooltip;
-  const t4 = t("limit.continueOnTip", {
+  const t5 = 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", {
+  const t6 = "secondary";
+  const t7 = "sm";
+  const t8 = split && "rounded-r-none";
+  let t9;
+  if ($[15] !== t8) {
+    t9 = clsx("shrink-0 gap-1.5 whitespace-nowrap", t8);
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  const t10 = t("limit.continueOnAria", {
     account: name
   });
-  let t9;
-  if ($[9] !== t) {
-    t9 = t("limit.continueOn");
-    $[9] = t;
-    $[10] = t9;
+  let t11;
+  if ($[17] !== go || $[18] !== target) {
+    t11 = () => go(target);
+    $[17] = go;
+    $[18] = target;
+    $[19] = t11;
   } else {
-    t9 = $[10];
+    t11 = $[19];
   }
-  let t10;
-  if ($[11] !== target.account.color) {
-    t10 = /*#__PURE__*/_jsx(AccountDot, {
+  let t12;
+  if ($[20] !== t) {
+    t12 = t("limit.continueOn");
+    $[20] = t;
+    $[21] = t12;
+  } else {
+    t12 = $[21];
+  }
+  let t13;
+  if ($[22] !== target.account.color) {
+    t13 = /*#__PURE__*/_jsx(AccountDot, {
       color: target.account.color,
       className: "size-1.75"
     });
-    $[11] = target.account.color;
-    $[12] = t10;
+    $[22] = target.account.color;
+    $[23] = t13;
   } 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,
+    t13 = $[23];
+  }
+  let t14;
+  if ($[24] !== T1 || $[25] !== busy || $[26] !== name || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t13 || $[31] !== t9) {
+    t14 = /*#__PURE__*/_jsxs(T1, {
+      variant: t6,
+      size: t7,
+      className: t9,
       disabled: busy,
-      "aria-label": t8,
-      onClick: go,
-      children: [t9, t10, name]
+      "aria-label": t10,
+      onClick: t11,
+      children: [t12, t13, name]
     });
-    $[13] = T1;
-    $[14] = busy;
-    $[15] = go;
-    $[16] = name;
-    $[17] = t10;
-    $[18] = t8;
-    $[19] = t9;
-    $[20] = t11;
+    $[24] = T1;
+    $[25] = busy;
+    $[26] = name;
+    $[27] = t10;
+    $[28] = t11;
+    $[29] = t12;
+    $[30] = t13;
+    $[31] = t9;
+    $[32] = t14;
   } else {
-    t11 = $[20];
+    t14 = $[32];
   }
-  let t12;
-  if ($[21] !== T0 || $[22] !== t11 || $[23] !== t4) {
-    t12 = /*#__PURE__*/_jsx(T0, {
-      label: t4,
-      children: t11
+  let t15;
+  if ($[33] !== T0 || $[34] !== t14 || $[35] !== t5) {
+    t15 = /*#__PURE__*/_jsx(T0, {
+      label: t5,
+      children: t14
+    });
+    $[33] = T0;
+    $[34] = t14;
+    $[35] = t5;
+    $[36] = t15;
+  } else {
+    t15 = $[36];
+  }
+  const suggestion = t15;
+  if (!split) {
+    return suggestion;
+  }
+  let t16;
+  if ($[37] !== t) {
+    t16 = t("limit.chooseAccount");
+    $[37] = t;
+    $[38] = t16;
+  } else {
+    t16 = $[38];
+  }
+  let t17;
+  if ($[39] !== busy) {
+    t17 = /*#__PURE__*/_jsx(Button, {
+      variant: "secondary",
+      size: "sm",
+      className: "-ml-px rounded-l-none border-l-0 px-1.5",
+      disabled: busy
+    });
+    $[39] = busy;
+    $[40] = t17;
+  } else {
+    t17 = $[40];
+  }
+  let t18;
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t18 = /*#__PURE__*/_jsx(Icon, {
+      icon: ChevronDown,
+      size: 14
+    });
+    $[41] = t18;
+  } else {
+    t18 = $[41];
+  }
+  let t19;
+  if ($[42] !== t17) {
+    t19 = /*#__PURE__*/_jsx(Menu.Trigger, {
+      render: t17,
+      children: t18
+    });
+    $[42] = t17;
+    $[43] = t19;
+  } else {
+    t19 = $[43];
+  }
+  let t20;
+  if ($[44] !== t16 || $[45] !== t19) {
+    t20 = /*#__PURE__*/_jsx(Tooltip, {
+      label: t16,
+      name: true,
+      children: t19
+    });
+    $[44] = t16;
+    $[45] = t19;
+    $[46] = t20;
+  } else {
+    t20 = $[46];
+  }
+  let t21;
+  if ($[47] !== t) {
+    t21 = t("limit.continueOn");
+    $[47] = t;
+    $[48] = t21;
+  } else {
+    t21 = $[48];
+  }
+  let t22;
+  if ($[49] !== t21) {
+    t22 = /*#__PURE__*/_jsx(Menu.GroupLabel, {
+      children: t21
+    });
+    $[49] = t21;
+    $[50] = t22;
+  } else {
+    t22 = $[50];
+  }
+  let t23;
+  if ($[51] !== choice || $[52] !== go || $[53] !== info || $[54] !== targets) {
+    t23 = /*#__PURE__*/_jsx(ContinueOnRows, {
+      targets: targets,
+      info: info,
+      choice: choice,
+      onPick: go
+    });
+    $[51] = choice;
+    $[52] = go;
+    $[53] = info;
+    $[54] = targets;
+    $[55] = t23;
+  } else {
+    t23 = $[55];
+  }
+  let t24;
+  if ($[56] !== t22 || $[57] !== t23) {
+    t24 = /*#__PURE__*/_jsx(Menu.Popup, {
+      align: "end",
+      className: "min-w-64",
+      children: /*#__PURE__*/_jsxs(Menu.Group, {
+        children: [t22, t23]
+      })
+    });
+    $[56] = t22;
+    $[57] = t23;
+    $[58] = t24;
+  } else {
+    t24 = $[58];
+  }
+  let t25;
+  if ($[59] !== t20 || $[60] !== t24) {
+    t25 = /*#__PURE__*/_jsxs(Menu.Root, {
+      children: [t20, t24]
+    });
+    $[59] = t20;
+    $[60] = t24;
+    $[61] = t25;
+  } else {
+    t25 = $[61];
+  }
+  let t26;
+  if ($[62] !== suggestion || $[63] !== t25) {
+    t26 = /*#__PURE__*/_jsxs(ButtonGroup, {
+      className: "shrink-0",
+      children: [suggestion, t25]
     });
-    $[21] = T0;
-    $[22] = t11;
-    $[23] = t4;
-    $[24] = t12;
+    $[62] = suggestion;
+    $[63] = t25;
+    $[64] = t26;
+  } else {
+    t26 = $[64];
+  }
+  return t26;
+}
+/* Mounted only while the menu is open, so the clock of the session lines only ticks while someone reads them. */
+function ContinueOnRows(t0) {
+  const $ = _c(15);
+  const {
+    targets,
+    info,
+    choice,
+    onPick
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const limits = useUsageLimits();
+  const now = useNow(MINUTE_MS);
+  let t1;
+  if ($[0] !== choice || $[1] !== info || $[2] !== limits || $[3] !== now || $[4] !== onPick || $[5] !== t || $[6] !== targets) {
+    let t2;
+    if ($[8] !== choice || $[9] !== info || $[10] !== limits || $[11] !== now || $[12] !== onPick || $[13] !== t) {
+      t2 = entry => {
+        const name = choice.nameOf(entry);
+        const session = sessionWindow(limitsOfAccount(limits, entry.id));
+        const fork = !canContinueOn(choice.accounts, info.provider, info.account, entry.id);
+        return /*#__PURE__*/_jsx(Menu.Item, {
+          className: "items-start",
+          "aria-label": t(fork ? "limit.continueInForkAria" : "limit.continueOnAria", {
+            account: name
+          }),
+          onClick: () => onPick(entry),
+          children: /*#__PURE__*/_jsxs("span", {
+            className: "flex min-w-0 grow flex-col",
+            children: [/*#__PURE__*/_jsxs("span", {
+              className: "flex min-w-0 items-center gap-2",
+              children: [/*#__PURE__*/_jsx(AccountDot, {
+                color: entry.account.color
+              }), /*#__PURE__*/_jsx("span", {
+                className: "truncate",
+                children: name
+              }), fork && /*#__PURE__*/_jsx(Menu.Hint, {
+                children: t("limit.inFork")
+              })]
+            }), session !== null && /*#__PURE__*/_jsx(SessionLine, {
+              window: session,
+              now: now
+            })]
+          })
+        }, entry.id);
+      };
+      $[8] = choice;
+      $[9] = info;
+      $[10] = limits;
+      $[11] = now;
+      $[12] = onPick;
+      $[13] = t;
+      $[14] = t2;
+    } else {
+      t2 = $[14];
+    }
+    t1 = targets.map(t2);
+    $[0] = choice;
+    $[1] = info;
+    $[2] = limits;
+    $[3] = now;
+    $[4] = onPick;
+    $[5] = t;
+    $[6] = targets;
+    $[7] = t1;
   } else {
-    t12 = $[24];
+    t1 = $[7];
   }
-  return t12;
+  return t1;
 }
 /* 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(t0) {

package/dist/chat/ui/RunSettings.js

@@ -9,15 +9,15 @@ import { canContinueOn } from '../../agents/accounts.js';
 import { AgentIcon } from '../../agents/AgentIcon.js';
 import { modelName, shortModelName } from '../../agents/model-name.js';
 import { ModelMarks } from './ModelMarks.js';
+import { SessionLine } from './SessionLine.js';
 import { favoritesFirst, searchModels, shortlistOf, wantsModelSearch } from '../logic/picker-entries.js';
 import { favoriteModelsOf, toggleFavoriteModel, useChatPreferences } from '../preferences.js';
 import { CONTEXT_OPTION, contextFraction, contextSegments, orderOptions } from '../logic/context-usage.js';
 import { RUNTIME_MODES } from '../runtime-modes.js';
 import { localizedOption } from '../../agents/option-words.js';
-import { formatClock, formatWeekdayClock, isSameDay, formatPercent, formatTokens } from '@adecore/ui/format';
+import { formatPercent, formatTokens } from '@adecore/ui/format';
 import { Icon, Menu, Tooltip, useNow } from '@adecore/ui';
 import { useChatHost } from '../../host.js';
-import { evenPace, paceText } from '../../usage/limit-groups.js';
 import { useUsageLimits } from '../../usage/limits.js';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MINUTE_MS = 60_000;
@@ -803,7 +803,11 @@ export function RunSettings(t0) {
     }), t49]
   });
 }
-/* Red where a window is nearly spent, amber where it is worth knowing, as the usage bars have it. */
+/*
+ * The account the next turn runs under, for the chat's own CLI. Before the first turn any of them;
+ * after it one that reads the conversation, since the others would start it over, and a fork is how
+ * the conversation goes along to those. A switch applies from the next turn.
+ */
 function _temp3(count, group) {
   return count + group.models.length;
 }
@@ -813,23 +817,6 @@ function _temp2(preferences) {
 function _temp(option_0) {
   return option_0.id === CONTEXT_OPTION;
 }
-function sessionTone(used) {
-  return used >= 0.9 ? {
-    bar: 'bg-status-error',
-    text: 'text-status-error'
-  } : used >= 0.7 ? {
-    bar: 'bg-status-needs-you',
-    text: 'text-status-needs-you'
-  } : {
-    bar: 'bg-text-muted',
-    text: 'text-text-muted'
-  };
-}
-/*
- * The account the next turn runs under, for the chat's own CLI. Before the first turn any of them;
- * after it one that reads the conversation, since the others would start it over, and a fork is how
- * the conversation goes along to those. A switch applies from the next turn.
- */
 function AccountSubmenu(t0) {
   const $ = _c(51);
   const {
@@ -1119,158 +1106,6 @@ function AccountRows(t0) {
   }
   return t1;
 }
-function SessionLine(t0) {
-  const $ = _c(37);
-  const {
-    window,
-    now
-  } = t0;
-  const {
-    t
-  } = useTranslation("agent-chat");
-  let resetsAt;
-  let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  if ($[0] !== now || $[1] !== window) {
-    const percent = Math.round(window.used * 100);
-    const tone = sessionTone(window.used);
-    const mark = evenPace(window, now)?.percent ?? null;
-    resetsAt = window.resetsAt;
-    t4 = "flex items-center gap-2 text-xs text-text-faint tabular-nums";
-    const t6 = true;
-    const t7 = "relative h-1 w-14 shrink-0 rounded-full bg-surface-sunken";
-    const t8 = clsx("absolute inset-y-0 left-0 rounded-full", tone.bar);
-    const t9 = `${Math.min(100, percent)}%`;
-    let t10;
-    if ($[8] !== t9) {
-      t10 = {
-        width: t9
-      };
-      $[8] = t9;
-      $[9] = t10;
-    } else {
-      t10 = $[9];
-    }
-    let t11;
-    if ($[10] !== t10 || $[11] !== t8) {
-      t11 = /*#__PURE__*/_jsx("span", {
-        className: t8,
-        style: t10
-      });
-      $[10] = t10;
-      $[11] = t8;
-      $[12] = t11;
-    } else {
-      t11 = $[12];
-    }
-    const t12 = mark !== null && /*#__PURE__*/_jsx("span", {
-      className: clsx("absolute -inset-y-0.5 w-px -translate-x-1/2", mark <= percent ? "bg-surface-raised" : "bg-text-muted"),
-      style: {
-        left: `${mark}%`
-      }
-    });
-    if ($[13] !== t11 || $[14] !== t12 || $[15] !== t6 || $[16] !== t7) {
-      t5 = /*#__PURE__*/_jsxs("span", {
-        "aria-hidden": t6,
-        className: t7,
-        children: [t11, t12]
-      });
-      $[13] = t11;
-      $[14] = t12;
-      $[15] = t6;
-      $[16] = t7;
-      $[17] = t5;
-    } else {
-      t5 = $[17];
-    }
-    t1 = true;
-    t2 = tone.text;
-    t3 = formatPercent(percent);
-    $[0] = now;
-    $[1] = window;
-    $[2] = resetsAt;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    resetsAt = $[2];
-    t1 = $[3];
-    t2 = $[4];
-    t3 = $[5];
-    t4 = $[6];
-    t5 = $[7];
-  }
-  let t6;
-  if ($[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
-    t6 = /*#__PURE__*/_jsx("span", {
-      "aria-hidden": t1,
-      className: t2,
-      children: t3
-    });
-    $[18] = t1;
-    $[19] = t2;
-    $[20] = t3;
-    $[21] = t6;
-  } else {
-    t6 = $[21];
-  }
-  let t7;
-  if ($[22] !== now || $[23] !== window) {
-    t7 = paceText(window, now);
-    $[22] = now;
-    $[23] = window;
-    $[24] = t7;
-  } else {
-    t7 = $[24];
-  }
-  let t8;
-  if ($[25] !== t7) {
-    t8 = /*#__PURE__*/_jsx("span", {
-      className: "sr-only",
-      children: t7
-    });
-    $[25] = t7;
-    $[26] = t8;
-  } else {
-    t8 = $[26];
-  }
-  let t9;
-  if ($[27] !== now || $[28] !== resetsAt || $[29] !== t) {
-    t9 = resetsAt !== null && /*#__PURE__*/_jsxs("span", {
-      className: "whitespace-nowrap",
-      children: ["\xB7 ", t("pickers.account.resets", {
-        time: isSameDay(resetsAt, now) ? formatClock(resetsAt) : formatWeekdayClock(resetsAt)
-      })]
-    });
-    $[27] = now;
-    $[28] = resetsAt;
-    $[29] = t;
-    $[30] = t9;
-  } else {
-    t9 = $[30];
-  }
-  let t10;
-  if ($[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t8 || $[35] !== t9) {
-    t10 = /*#__PURE__*/_jsxs("span", {
-      className: t4,
-      children: [t5, t6, t8, t9]
-    });
-    $[31] = t4;
-    $[32] = t5;
-    $[33] = t6;
-    $[34] = t8;
-    $[35] = t9;
-    $[36] = t10;
-  } else {
-    t10 = $[36];
-  }
-  return t10;
-}
 /* How full the context is, drawn small enough to sit in the pill beside the window's size. */
 function ContextRing(t0) {
   const $ = _c(15);

package/dist/chat/ui/SessionLine.d.ts

@@ -0,0 +1,5 @@
+import type { UsageWindow } from '@adecore/agent-contracts';
+export declare function SessionLine({ window, now }: {
+    window: UsageWindow;
+    now: number;
+}): import("react").JSX.Element;

package/dist/chat/ui/SessionLine.js

@@ -0,0 +1,172 @@
+import { c as _c } from "react/compiler-runtime";
+import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
+import { formatClock, formatPercent, formatWeekdayClock, isSameDay } from '@adecore/ui/format';
+import { evenPace, paceText } from '../../usage/limit-groups.js';
+/* Red where a window is nearly spent, amber where it is worth knowing, as the usage bars have it. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function sessionTone(used) {
+  return used >= 0.9 ? {
+    bar: 'bg-status-error',
+    text: 'text-status-error'
+  } : used >= 0.7 ? {
+    bar: 'bg-status-needs-you',
+    text: 'text-status-needs-you'
+  } : {
+    bar: 'bg-text-muted',
+    text: 'text-text-muted'
+  };
+}
+/* How much of an account's session is spent and when it resets, on the second line of a row that names the account. */
+export function SessionLine(t0) {
+  const $ = _c(37);
+  const {
+    window,
+    now
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let resetsAt;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  if ($[0] !== now || $[1] !== window) {
+    const percent = Math.round(window.used * 100);
+    const tone = sessionTone(window.used);
+    const mark = evenPace(window, now)?.percent ?? null;
+    resetsAt = window.resetsAt;
+    t4 = "flex items-center gap-2 text-xs text-text-faint tabular-nums";
+    const t6 = true;
+    const t7 = "relative h-1 w-14 shrink-0 rounded-full bg-surface-sunken";
+    const t8 = clsx("absolute inset-y-0 left-0 rounded-full", tone.bar);
+    const t9 = `${Math.min(100, percent)}%`;
+    let t10;
+    if ($[8] !== t9) {
+      t10 = {
+        width: t9
+      };
+      $[8] = t9;
+      $[9] = t10;
+    } else {
+      t10 = $[9];
+    }
+    let t11;
+    if ($[10] !== t10 || $[11] !== t8) {
+      t11 = /*#__PURE__*/_jsx("span", {
+        className: t8,
+        style: t10
+      });
+      $[10] = t10;
+      $[11] = t8;
+      $[12] = t11;
+    } else {
+      t11 = $[12];
+    }
+    const t12 = mark !== null && /*#__PURE__*/_jsx("span", {
+      className: clsx("absolute -inset-y-0.5 w-px -translate-x-1/2", mark <= percent ? "bg-surface-raised" : "bg-text-muted"),
+      style: {
+        left: `${mark}%`
+      }
+    });
+    if ($[13] !== t11 || $[14] !== t12 || $[15] !== t6 || $[16] !== t7) {
+      t5 = /*#__PURE__*/_jsxs("span", {
+        "aria-hidden": t6,
+        className: t7,
+        children: [t11, t12]
+      });
+      $[13] = t11;
+      $[14] = t12;
+      $[15] = t6;
+      $[16] = t7;
+      $[17] = t5;
+    } else {
+      t5 = $[17];
+    }
+    t1 = true;
+    t2 = tone.text;
+    t3 = formatPercent(percent);
+    $[0] = now;
+    $[1] = window;
+    $[2] = resetsAt;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    resetsAt = $[2];
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
+    t4 = $[6];
+    t5 = $[7];
+  }
+  let t6;
+  if ($[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      "aria-hidden": t1,
+      className: t2,
+      children: t3
+    });
+    $[18] = t1;
+    $[19] = t2;
+    $[20] = t3;
+    $[21] = t6;
+  } else {
+    t6 = $[21];
+  }
+  let t7;
+  if ($[22] !== now || $[23] !== window) {
+    t7 = paceText(window, now);
+    $[22] = now;
+    $[23] = window;
+    $[24] = t7;
+  } else {
+    t7 = $[24];
+  }
+  let t8;
+  if ($[25] !== t7) {
+    t8 = /*#__PURE__*/_jsx("span", {
+      className: "sr-only",
+      children: t7
+    });
+    $[25] = t7;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  let t9;
+  if ($[27] !== now || $[28] !== resetsAt || $[29] !== t) {
+    t9 = resetsAt !== null && /*#__PURE__*/_jsxs("span", {
+      className: "whitespace-nowrap",
+      children: ["\xB7 ", t("pickers.account.resets", {
+        time: isSameDay(resetsAt, now) ? formatClock(resetsAt) : formatWeekdayClock(resetsAt)
+      })]
+    });
+    $[27] = now;
+    $[28] = resetsAt;
+    $[29] = t;
+    $[30] = t9;
+  } else {
+    t9 = $[30];
+  }
+  let t10;
+  if ($[31] !== t4 || $[32] !== t5 || $[33] !== t6 || $[34] !== t8 || $[35] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("span", {
+      className: t4,
+      children: [t5, t6, t8, t9]
+    });
+    $[31] = t4;
+    $[32] = t5;
+    $[33] = t6;
+    $[34] = t8;
+    $[35] = t9;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  return t10;
+}

package/dist/locales/en/agent-chat.d.ts

@@ -95,6 +95,9 @@ declare const _default: {
         continueOnAria: string;
         continueOnTip: string;
         continueFailed: string;
+        chooseAccount: string;
+        continueInForkAria: string;
+        inFork: string;
     };
     contextMeter: {
         aria: string;

package/dist/locales/en/agent-chat.js

@@ -94,7 +94,10 @@ export default {
     continueOn: 'Continue on',
     continueOnAria: 'Continue on {{account}}',
     continueOnTip: 'Switches to {{account}}, which has the most room left, and resends the turn.',
-    continueFailed: 'Could not continue on {{account}}'
+    continueFailed: 'Could not continue on {{account}}',
+    chooseAccount: 'Choose another account',
+    continueInForkAria: 'Continue on {{account}} in a fork',
+    inFork: 'in a fork'
   },
   contextMeter: {
     aria: '{{percent}}% of context used',

package/dist/locales/nl/agent-chat.d.ts

@@ -95,6 +95,9 @@ declare const _default: {
         continueOnAria: string;
         continueOnTip: string;
         continueFailed: string;
+        chooseAccount: string;
+        continueInForkAria: string;
+        inFork: string;
     };
     contextMeter: {
         aria: string;

package/dist/locales/nl/agent-chat.js

@@ -94,7 +94,10 @@ export default {
     continueOn: 'Verder op',
     continueOnAria: 'Verder op {{account}}',
     continueOnTip: 'Wisselt naar {{account}}, dat de meeste ruimte over heeft, en verstuurt de turn opnieuw.',
-    continueFailed: 'Kon niet verder op {{account}}'
+    continueFailed: 'Kon niet verder op {{account}}',
+    chooseAccount: 'Kies een ander account',
+    continueInForkAria: 'Verder op {{account}} in een fork',
+    inFork: 'in een fork'
   },
   contextMeter: {
     aria: '{{percent}}% van de context gebruikt',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/agents-react",
-  "version": "0.33.1",
+  "version": "0.33.3",
   "description": "React agent chat threads, composers, approvals, provider accounts and usage views.",
   "type": "module",
   "exports": {
@@ -67,11 +67,11 @@
     "test:visuals": "bun --config=integration.bunfig.toml --conditions=source test ./src/chat/visual-viewport.integration.test.ts"
   },
   "dependencies": {
-    "@adecore/agent-contracts": "0.33.1",
-    "@adecore/editor": "0.33.1",
-    "@adecore/editor-react": "0.33.1",
-    "@adecore/intelligent-ui": "0.33.1",
-    "@adecore/merge": "0.33.1",
+    "@adecore/agent-contracts": "0.33.3",
+    "@adecore/editor": "0.33.3",
+    "@adecore/editor-react": "0.33.3",
+    "@adecore/intelligent-ui": "0.33.3",
+    "@adecore/merge": "0.33.3",
     "@codemirror/commands": "^6.11.1",
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.6",
@@ -94,14 +94,14 @@
     "zustand": "^5.0.15"
   },
   "peerDependencies": {
-    "@adecore/ui": "^0.33.1",
+    "@adecore/ui": "^0.33.3",
     "i18next": "^26.4.2",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "react-i18next": "^17.0.15"
   },
   "devDependencies": {
-    "@adecore/ui": "0.33.1",
+    "@adecore/ui": "0.33.3",
     "@types/bun": "^1.4.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",

package/src/agents/account-limits.ts

@@ -32,22 +32,32 @@ function others(accounts: ProviderAccounts | null, kind: AgentKind, current: str
 }
 
 /*
- * The account a chat that stopped on a limit could go on under: another one of its CLI that is on,
- * signed in and has room, the one with the least of its session spent. Null when none has room, or
- * none was read yet; the choice is only ever offered, never made.
+ * The accounts a chat that stopped on a limit could go on under: the others of its CLI that are on,
+ * signed in and have room, the one with the least of its session spent first. Empty when none has
+ * room, or none was read yet; the choice is only ever offered, never made.
  */
-export function continueTarget(
+export function continueTargets(
     accounts: ProviderAccounts | null,
     snapshot: UsageLimitsSnapshot | null,
     kind: AgentKind,
     current: string | undefined
-): AccountEntry | null {
+): AccountEntry[] {
     const roomy = others(accounts, kind, current).flatMap((entry) => {
         const limits = limitsOfAccount(snapshot, entry.id);
         return hasRoom(limits) ? [{ entry, pressure: pressure(limits) }] : [];
     });
     roomy.sort((a, b) => a.pressure - b.pressure);
-    return roomy[0]?.entry ?? null;
+    return roomy.map((target) => target.entry);
+}
+
+/* The one `continueTargets` suggests: the account with the most room. */
+export function continueTarget(
+    accounts: ProviderAccounts | null,
+    snapshot: UsageLimitsSnapshot | null,
+    kind: AgentKind,
+    current: string | undefined
+): AccountEntry | null {
+    return continueTargets(accounts, snapshot, kind, current)[0] ?? null;
 }
 
 /* Whether another account a chat could go on under has no numbers yet, since the machine only reads one in use by itself. */

package/src/chat/ui/LimitState.tsx

@@ -1,19 +1,22 @@
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Hourglass } from 'lucide-react';
+import clsx from 'clsx';
+import { ChevronDown, Hourglass } from 'lucide-react';
 import type { ChatInfo } from '@adecore/agent-contracts';
 import { AccountDot } from '../../agents/AccountDot';
-import { continueTarget, hasUnreadAccount } from '../../agents/account-limits';
+import { continueTargets, hasUnreadAccount, limitsOfAccount, sessionWindow } from '../../agents/account-limits';
+import { canContinueOn, type AccountEntry } from '../../agents/accounts';
 import { useAccountChoice, type AccountChoice } from '../account-choice';
 import { limitView } from '../logic/limit';
 import { useFormatLocale } from '@adecore/ui/format';
-import { Switch, Button, Icon, Pill, Tooltip, useNow } from '@adecore/ui';
+import { Switch, Button, ButtonGroup, Icon, Menu, Pill, Tooltip, useNow } from '@adecore/ui';
 import { useUsageLimits } from '../../usage/limits';
 import { useChats } from '../../state/chats';
 import { useChatHost } from '../../host';
 import { useChatScope, type ChatScope } from '../../scope';
 import { useChatActions } from '../actions';
 import { useUsageStore } from '../../state/usage';
+import { SessionLine } from './SessionLine';
 import { useHostResumeAtReset } from '../../host-hooks';
 
 // A time a limit names reads as a clock today and with its day after that, so the words follow the minute.
@@ -62,9 +65,11 @@ function ResumeAtResetToggle({ chatId, info }: { chatId: string; info: ChatInfo
 }
 
 /*
- * 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.
+ * Another account of the chat's CLI that has room: the one with the least of its session spent, and
+ * beside it a menu of every account with room, for a person whose companies each pay for their own
+ * work. Only ever offered, since going on there spends someone's other plan, and nothing is
+ * remembered: the next limit suggests the one with the most room again. 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 }: { chatId: string; info: ChatInfo; choice: AccountChoice }) {
     const host = useChatHost();
@@ -73,7 +78,7 @@ function ContinueOn({ chatId, info, choice }: { chatId: string; info: ChatInfo;
     const actions = useChatActions();
     const limits = useUsageLimits();
     const [busy, setBusy] = useState(false);
-    const target = continueTarget(choice.accounts, limits, info.provider, info.account);
+    const targets = continueTargets(choice.accounts, limits, info.provider, info.account);
     const unread = limits !== null && hasUnreadAccount(choice.accounts, limits, info.provider, info.account);
 
     useEffect(() => {
@@ -82,32 +87,34 @@ function ContinueOn({ chatId, info, choice }: { chatId: string; info: ChatInfo;
         }
     }, [scope, unread]);
 
-    if (target === null) {
+    const target = targets[0];
+    if (target === undefined) {
         return null;
     }
-    const name = choice.nameOf(target);
-    const go = (): void => {
+    const go = (entry: AccountEntry): void => {
         setBusy(true);
         actions
-            .continueOn(chatId, target.id)
+            .continueOn(chatId, entry.id)
             .catch((e: unknown) =>
                 host.notify({
                     kind: 'error',
-                    title: t('limit.continueFailed', { account: name }),
+                    title: t('limit.continueFailed', { account: choice.nameOf(entry) }),
                     description: e instanceof Error ? e.message : String(e)
                 })
             )
             .finally(() => setBusy(false));
     };
-    return (
+    const name = choice.nameOf(target);
+    const split = targets.length > 1;
+    const suggestion = (
         <Tooltip label={t('limit.continueOnTip', { account: name })}>
             <Button
                 variant="secondary"
                 size="sm"
-                className="shrink-0 gap-1.5 whitespace-nowrap"
+                className={clsx('shrink-0 gap-1.5 whitespace-nowrap', split && 'rounded-r-none')}
                 disabled={busy}
                 aria-label={t('limit.continueOnAria', { account: name })}
-                onClick={go}
+                onClick={() => go(target)}
             >
                 {t('limit.continueOn')}
                 <AccountDot color={target.account.color} className="size-1.75" />
@@ -115,6 +122,66 @@ function ContinueOn({ chatId, info, choice }: { chatId: string; info: ChatInfo;
             </Button>
         </Tooltip>
     );
+    if (!split) {
+        return suggestion;
+    }
+    return (
+        <ButtonGroup className="shrink-0">
+            {suggestion}
+            <Menu.Root>
+                <Tooltip label={t('limit.chooseAccount')} name>
+                    <Menu.Trigger render={<Button variant="secondary" size="sm" className="-ml-px rounded-l-none border-l-0 px-1.5" disabled={busy} />}>
+                        <Icon icon={ChevronDown} size={14} />
+                    </Menu.Trigger>
+                </Tooltip>
+                <Menu.Popup align="end" className="min-w-64">
+                    <Menu.Group>
+                        <Menu.GroupLabel>{t('limit.continueOn')}</Menu.GroupLabel>
+                        <ContinueOnRows targets={targets} info={info} choice={choice} onPick={go} />
+                    </Menu.Group>
+                </Menu.Popup>
+            </Menu.Root>
+        </ButtonGroup>
+    );
+}
+
+/* Mounted only while the menu is open, so the clock of the session lines only ticks while someone reads them. */
+function ContinueOnRows({
+    targets,
+    info,
+    choice,
+    onPick
+}: {
+    targets: AccountEntry[];
+    info: ChatInfo;
+    choice: AccountChoice;
+    onPick(entry: AccountEntry): void;
+}) {
+    const { t } = useTranslation('agent-chat');
+    const limits = useUsageLimits();
+    const now = useNow(MINUTE_MS);
+    return targets.map((entry) => {
+        const name = choice.nameOf(entry);
+        const session = sessionWindow(limitsOfAccount(limits, entry.id));
+        const fork = !canContinueOn(choice.accounts, info.provider, info.account, entry.id);
+        return (
+            <Menu.Item
+                key={entry.id}
+                className="items-start"
+                aria-label={t(fork ? 'limit.continueInForkAria' : 'limit.continueOnAria', { account: name })}
+                onClick={() => onPick(entry)}
+            >
+                <span className="flex min-w-0 grow flex-col">
+                    <span className="flex min-w-0 items-center gap-2">
+                        <AccountDot color={entry.account.color} />
+                        <span className="truncate">{name}</span>
+                        {fork && <Menu.Hint>{t('limit.inFork')}</Menu.Hint>}
+                    </span>
+                    {session !== null && <SessionLine window={session} now={now} />}
+                </span>
+            </Menu.Item>
+        );
+    });
 }
 
 /* At the top of the composer while the last turn stopped on a limit: what stopped it, when it goes on, and the switch. */

package/src/chat/ui/RunSettings.tsx

@@ -18,7 +18,7 @@ import {
     Star,
     type LucideIcon
 } from 'lucide-react';
-import type { AgentKind, ChatUsage, ModelInfo, ModelOptionDescriptor, ModelSelection, ProviderInfo, RuntimeMode, UsageWindow } from '@adecore/agent-contracts';
+import type { AgentKind, ChatUsage, ModelInfo, ModelOptionDescriptor, ModelSelection, ProviderInfo, RuntimeMode } from '@adecore/agent-contracts';
 import { AccountDot } from '../../agents/AccountDot';
 import { limitsOfAccount, sessionWindow } from '../../agents/account-limits';
 import { canContinueOn } from '../../agents/accounts';
@@ -26,15 +26,15 @@ import { AgentIcon } from '../../agents/AgentIcon';
 import type { AccountChoice } from '../account-choice';
 import { modelName, shortModelName } from '../../agents/model-name';
 import { ModelMarks } from './ModelMarks';
+import { SessionLine } from './SessionLine';
 import { favoritesFirst, searchModels, shortlistOf, wantsModelSearch } from '../logic/picker-entries';
 import { favoriteModelsOf, toggleFavoriteModel, useChatPreferences } from '../preferences';
 import { CONTEXT_OPTION, contextFraction, contextSegments, orderOptions, type ContextPart } from '../logic/context-usage';
 import { RUNTIME_MODES } from '../runtime-modes';
 import { localizedOption } from '../../agents/option-words';
-import { formatClock, formatWeekdayClock, isSameDay, formatPercent, formatTokens } from '@adecore/ui/format';
+import { formatPercent, formatTokens } from '@adecore/ui/format';
 import { Icon, Menu, Tooltip, useNow } from '@adecore/ui';
 import { useChatHost } from '../../host';
-import { evenPace, paceText } from '../../usage/limit-groups';
 import { useUsageLimits } from '../../usage/limits';
 
 const MINUTE_MS = 60_000;
@@ -453,15 +453,6 @@ export function RunSettings({
     );
 }
 
-/* Red where a window is nearly spent, amber where it is worth knowing, as the usage bars have it. */
-function sessionTone(used: number): { bar: string; text: string } {
-    return used >= 0.9
-        ? { bar: 'bg-status-error', text: 'text-status-error' }
-        : used >= 0.7
-          ? { bar: 'bg-status-needs-you', text: 'text-status-needs-you' }
-          : { bar: 'bg-text-muted', text: 'text-text-muted' };
-}
-
 /*
  * The account the next turn runs under, for the chat's own CLI. Before the first turn any of them;
  * after it one that reads the conversation, since the others would start it over, and a fork is how
@@ -529,37 +520,6 @@ function AccountRows({ choice, locked }: { choice: AccountChoice; locked(id: str
     });
 }
 
-function SessionLine({ window, now }: { window: UsageWindow; now: number }) {
-    const { t } = useTranslation('agent-chat');
-    const percent = Math.round(window.used * 100);
-    const tone = sessionTone(window.used);
-    const mark = evenPace(window, now)?.percent ?? null;
-    const resetsAt = window.resetsAt;
-    return (
-        <span className="flex items-center gap-2 text-xs text-text-faint tabular-nums">
-            <span aria-hidden className="relative h-1 w-14 shrink-0 rounded-full bg-surface-sunken">
-                <span className={clsx('absolute inset-y-0 left-0 rounded-full', tone.bar)} style={{ width: `${Math.min(100, percent)}%` }} />
-                {/* Where an even spread over the window would stand, as the usage bars mark it. */}
-                {mark !== null && (
-                    <span
-                        className={clsx('absolute -inset-y-0.5 w-px -translate-x-1/2', mark <= percent ? 'bg-surface-raised' : 'bg-text-muted')}
-                        style={{ left: `${mark}%` }}
-                    />
-                )}
-            </span>
-            <span aria-hidden className={tone.text}>
-                {formatPercent(percent)}
-            </span>
-            <span className="sr-only">{paceText(window, now)}</span>
-            {resetsAt !== null && (
-                <span className="whitespace-nowrap">
-                    · {t('pickers.account.resets', { time: isSameDay(resetsAt, now) ? formatClock(resetsAt) : formatWeekdayClock(resetsAt) })}
-                </span>
-            )}
-        </span>
-    );
-}
-
 /* How full the context is, drawn small enough to sit in the pill beside the window's size. */
 function ContextRing({ usage }: { usage: ChatUsage }) {
     const fraction = contextFraction(usage);

package/src/chat/ui/SessionLine.tsx

@@ -0,0 +1,46 @@
+import { useTranslation } from 'react-i18next';
+import clsx from 'clsx';
+import type { UsageWindow } from '@adecore/agent-contracts';
+import { formatClock, formatPercent, formatWeekdayClock, isSameDay } from '@adecore/ui/format';
+import { evenPace, paceText } from '../../usage/limit-groups';
+
+/* Red where a window is nearly spent, amber where it is worth knowing, as the usage bars have it. */
+function sessionTone(used: number): { bar: string; text: string } {
+    return used >= 0.9
+        ? { bar: 'bg-status-error', text: 'text-status-error' }
+        : used >= 0.7
+          ? { bar: 'bg-status-needs-you', text: 'text-status-needs-you' }
+          : { bar: 'bg-text-muted', text: 'text-text-muted' };
+}
+
+/* How much of an account's session is spent and when it resets, on the second line of a row that names the account. */
+export function SessionLine({ window, now }: { window: UsageWindow; now: number }) {
+    const { t } = useTranslation('agent-chat');
+    const percent = Math.round(window.used * 100);
+    const tone = sessionTone(window.used);
+    const mark = evenPace(window, now)?.percent ?? null;
+    const resetsAt = window.resetsAt;
+    return (
+        <span className="flex items-center gap-2 text-xs text-text-faint tabular-nums">
+            <span aria-hidden className="relative h-1 w-14 shrink-0 rounded-full bg-surface-sunken">
+                <span className={clsx('absolute inset-y-0 left-0 rounded-full', tone.bar)} style={{ width: `${Math.min(100, percent)}%` }} />
+                {/* Where an even spread over the window would stand, as the usage bars mark it. */}
+                {mark !== null && (
+                    <span
+                        className={clsx('absolute -inset-y-0.5 w-px -translate-x-1/2', mark <= percent ? 'bg-surface-raised' : 'bg-text-muted')}
+                        style={{ left: `${mark}%` }}
+                    />
+                )}
+            </span>
+            <span aria-hidden className={tone.text}>
+                {formatPercent(percent)}
+            </span>
+            <span className="sr-only">{paceText(window, now)}</span>
+            {resetsAt !== null && (
+                <span className="whitespace-nowrap">
+                    · {t('pickers.account.resets', { time: isSameDay(resetsAt, now) ? formatClock(resetsAt) : formatWeekdayClock(resetsAt) })}
+                </span>
+            )}
+        </span>
+    );
+}

package/src/locales/en/agent-chat.ts

@@ -94,7 +94,10 @@ export default {
         continueOn: 'Continue on',
         continueOnAria: 'Continue on {{account}}',
         continueOnTip: 'Switches to {{account}}, which has the most room left, and resends the turn.',
-        continueFailed: 'Could not continue on {{account}}'
+        continueFailed: 'Could not continue on {{account}}',
+        chooseAccount: 'Choose another account',
+        continueInForkAria: 'Continue on {{account}} in a fork',
+        inFork: 'in a fork'
     },
     contextMeter: {
         aria: '{{percent}}% of context used',

package/src/locales/nl/agent-chat.ts

@@ -94,7 +94,10 @@ export default {
         continueOn: 'Verder op',
         continueOnAria: 'Verder op {{account}}',
         continueOnTip: 'Wisselt naar {{account}}, dat de meeste ruimte over heeft, en verstuurt de turn opnieuw.',
-        continueFailed: 'Kon niet verder op {{account}}'
+        continueFailed: 'Kon niet verder op {{account}}',
+        chooseAccount: 'Kies een ander account',
+        continueInForkAria: 'Verder op {{account}} in een fork',
+        inFork: 'in een fork'
     },
     contextMeter: {
         aria: '{{percent}}% van de context gebruikt',