@adecore/agents-react 0.31.12 → 0.33.0

package/README.md

@@ -61,4 +61,4 @@ The root holds the host, the scope and the transport; `/chat`, `/chat/ui`, `/pro
 
 FSL-1.1-MIT. See [LICENSE](./LICENSE).
 
-Diagrams in a reply are drawn by [Mermaid](https://github.com/mermaid-js/mermaid), a dependency under the MIT license, loaded only when a reply holds one.
+Diagrams in a reply are drawn by [Pele](https://github.com/obsidianmd/pele), a dependency under the MIT license, loaded only when a reply holds one.

package/dist/agents/AccountDot.js

@@ -1,10 +1,61 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useChatHost } from '../host.js';
 import { accountColor } from './accounts.js';
 /* The color an account wears, or the app's accent while it wears none of the accents. */
-export function AccountDot({ color, className }) {
-    const { accents } = useChatHost();
-    const paint = accountColor(color, accents.all);
-    return (_jsx("span", { "aria-hidden": true, className: clsx('shrink-0 rounded-full', paint === undefined && 'bg-accent', className ?? 'size-2'), style: paint === undefined ? undefined : { background: paint } }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AccountDot(t0) {
+  const $ = _c(11);
+  const {
+    color,
+    className
+  } = t0;
+  const {
+    accents
+  } = useChatHost();
+  let t1;
+  if ($[0] !== accents.all || $[1] !== color) {
+    t1 = accountColor(color, accents.all);
+    $[0] = accents.all;
+    $[1] = color;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const paint = t1;
+  const t2 = paint === undefined && "bg-accent";
+  const t3 = className ?? "size-2";
+  let t4;
+  if ($[3] !== t2 || $[4] !== t3) {
+    t4 = clsx("shrink-0 rounded-full", t2, t3);
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== paint) {
+    t5 = paint === undefined ? undefined : {
+      background: paint
+    };
+    $[6] = paint;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t4 || $[9] !== t5) {
+    t6 = /*#__PURE__*/_jsx("span", {
+      "aria-hidden": true,
+      className: t4,
+      style: t5
+    });
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  return t6;
+}

package/dist/agents/AgentIcon.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { Bot } from 'lucide-react';
 import { siClaude, siGithubcopilot, siGooglegemini } from 'simple-icons';
@@ -6,17 +6,93 @@ import { Icon } from '@adecore/ui';
 import { hostAgentMark } from './agent-marks.js';
 import { PROVIDER_PATHS } from './provider-paths.js';
 // simple-icons removed OpenAI's mark at its request, so Codex reuses the usage page's path.
+import { jsx as _jsx } from "react/jsx-runtime";
 const BUILT_IN_MARKS = {
-    claude: siClaude,
-    codex: { title: 'Codex', path: PROVIDER_PATHS.codex },
-    grok: { title: 'Grok', path: PROVIDER_PATHS.grok },
-    gemini: siGooglegemini,
-    copilot: siGithubcopilot
+  claude: siClaude,
+  codex: {
+    title: 'Codex',
+    path: PROVIDER_PATHS.codex
+  },
+  grok: {
+    title: 'Grok',
+    path: PROVIDER_PATHS.grok
+  },
+  gemini: siGooglegemini,
+  copilot: siGithubcopilot
 };
-export function AgentIcon({ kind, size = 14, className }) {
-    const mark = hostAgentMark(kind) ?? BUILT_IN_MARKS[kind];
-    if (!mark) {
-        return _jsx(Icon, { icon: Bot, size: size, className: className });
+export function AgentIcon(t0) {
+  const $ = _c(15);
+  const {
+    kind,
+    size: t1,
+    className
+  } = t0;
+  const size = t1 === undefined ? 14 : t1;
+  let t2;
+  if ($[0] !== kind) {
+    t2 = hostAgentMark(kind) ?? BUILT_IN_MARKS[kind];
+    $[0] = kind;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const mark = t2;
+  if (!mark) {
+    let t3;
+    if ($[2] !== className || $[3] !== size) {
+      t3 = /*#__PURE__*/_jsx(Icon, {
+        icon: Bot,
+        size: size,
+        className: className
+      });
+      $[2] = className;
+      $[3] = size;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
     }
-    return (_jsx("svg", { role: "img", "aria-label": mark.title, viewBox: mark.viewBox ?? '0 0 24 24', width: size, height: size, fill: "currentColor", className: clsx('align-middle', className), children: _jsx("path", { d: mark.path }) }));
-}
+    return t3;
+  }
+  const t3 = mark.title;
+  const t4 = mark.viewBox ?? "0 0 24 24";
+  let t5;
+  if ($[5] !== className) {
+    t5 = clsx("align-middle", className);
+    $[5] = className;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== mark.path) {
+    t6 = /*#__PURE__*/_jsx("path", {
+      d: mark.path
+    });
+    $[7] = mark.path;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== mark.title || $[10] !== size || $[11] !== t4 || $[12] !== t5 || $[13] !== t6) {
+    t7 = /*#__PURE__*/_jsx("svg", {
+      role: "img",
+      "aria-label": t3,
+      viewBox: t4,
+      width: size,
+      height: size,
+      fill: "currentColor",
+      className: t5,
+      children: t6
+    });
+    $[9] = mark.title;
+    $[10] = size;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  return t7;
+}

package/dist/agents/ModelOptionControl.js

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Segmented, Switch, Select } from '@adecore/ui';
 import { optionValue } from './model-options.js';
+import { localizedOption } from './option-words.js';
 // Up to this many choices read at a glance side by side; more go into a menu.
+import { jsx as _jsx } from "react/jsx-runtime";
 const MAX_SEGMENTS = 3;
 // The item `defaultLabel` adds; a choice id is never empty.
 const MODEL_DEFAULT = '';
@@ -10,24 +12,157 @@ const MODEL_DEFAULT = '';
  * descriptors as menu items (`RunSettings`), since there they sit in a menu.
  */
 export function ModelOptionControl(props) {
-    const { option, options, layout = 'compact', disabled } = props;
-    if (option.type === 'boolean') {
-        return _jsx(Switch, { checked: optionValue(option, options) === true, label: option.label, disabled: disabled, onCheckedChange: props.onChange });
+  const $ = _c(32);
+  const {
+    options,
+    layout: t0,
+    disabled
+  } = props;
+  const layout = t0 === undefined ? "compact" : t0;
+  let option;
+  let picked;
+  let t1;
+  let t2;
+  if ($[0] !== disabled || $[1] !== options || $[2] !== props.defaultLabel || $[3] !== props.onChange || $[4] !== props.option) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      option = localizedOption(props.option);
+      if (option.type === "boolean") {
+        t2 = /*#__PURE__*/_jsx(Switch, {
+          checked: optionValue(option, options) === true,
+          label: option.label,
+          disabled: disabled,
+          onCheckedChange: props.onChange
+        });
+        break bb0;
+      }
+      picked = props.defaultLabel !== undefined && options[option.id] === undefined ? MODEL_DEFAULT : String(optionValue(option, options));
+      let t3;
+      if ($[9] !== props.defaultLabel) {
+        t3 = props.defaultLabel !== undefined ? [{
+          id: MODEL_DEFAULT,
+          label: props.defaultLabel,
+          description: undefined
+        }] : [];
+        $[9] = props.defaultLabel;
+        $[10] = t3;
+      } else {
+        t3 = $[10];
+      }
+      t1 = [...t3, ...option.choices];
     }
-    const picked = props.defaultLabel !== undefined && options[option.id] === undefined ? MODEL_DEFAULT : String(optionValue(option, options));
-    const choices = [
-        ...(props.defaultLabel !== undefined ? [{ id: MODEL_DEFAULT, label: props.defaultLabel, description: undefined }] : []),
-        ...option.choices
-    ];
-    const choose = (id) => {
-        if (props.defaultLabel !== undefined) {
-            props.onChange(id === MODEL_DEFAULT ? undefined : id);
-            return;
-        }
-        props.onChange(id);
+    $[0] = disabled;
+    $[1] = options;
+    $[2] = props.defaultLabel;
+    $[3] = props.onChange;
+    $[4] = props.option;
+    $[5] = option;
+    $[6] = picked;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    option = $[5];
+    picked = $[6];
+    t1 = $[7];
+    t2 = $[8];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const choices = t1;
+  let t3;
+  if ($[11] !== props) {
+    t3 = id => {
+      if (props.defaultLabel !== undefined) {
+        props.onChange(id === MODEL_DEFAULT ? undefined : id);
+        return;
+      }
+      props.onChange(id);
     };
-    if (layout === 'row' && choices.length <= MAX_SEGMENTS) {
-        return (_jsx(Segmented, { value: picked, label: option.label, disabled: disabled, options: choices.map((choice) => ({ id: choice.id, label: choice.label })), onValueChange: choose }));
+    $[11] = props;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const choose = t3;
+  if (layout === "row" && choices.length <= MAX_SEGMENTS) {
+    const t4 = option.label;
+    let t5;
+    if ($[13] !== choices) {
+      t5 = choices.map(_temp);
+      $[13] = choices;
+      $[14] = t5;
+    } else {
+      t5 = $[14];
     }
-    return (_jsx(Select, { value: picked, label: option.label, size: layout === 'compact' ? 'sm' : 'md', variant: layout === 'compact' ? 'ghost' : 'outlined', align: layout === 'row' ? 'end' : 'start', disabled: disabled, items: choices.map((choice) => ({ value: choice.id, label: choice.label, description: choice.description })), onValueChange: choose }));
+    let t6;
+    if ($[15] !== choose || $[16] !== disabled || $[17] !== option.label || $[18] !== picked || $[19] !== t5) {
+      t6 = /*#__PURE__*/_jsx(Segmented, {
+        value: picked,
+        label: t4,
+        disabled: disabled,
+        options: t5,
+        onValueChange: choose
+      });
+      $[15] = choose;
+      $[16] = disabled;
+      $[17] = option.label;
+      $[18] = picked;
+      $[19] = t5;
+      $[20] = t6;
+    } else {
+      t6 = $[20];
+    }
+    return t6;
+  }
+  const t4 = option.label;
+  const t5 = layout === "compact" ? "sm" : "md";
+  const t6 = layout === "compact" ? "ghost" : "outlined";
+  const t7 = layout === "row" ? "end" : "start";
+  let t8;
+  if ($[21] !== choices) {
+    t8 = choices.map(_temp2);
+    $[21] = choices;
+    $[22] = t8;
+  } else {
+    t8 = $[22];
+  }
+  let t9;
+  if ($[23] !== choose || $[24] !== disabled || $[25] !== option.label || $[26] !== picked || $[27] !== t5 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8) {
+    t9 = /*#__PURE__*/_jsx(Select, {
+      value: picked,
+      label: t4,
+      size: t5,
+      variant: t6,
+      align: t7,
+      disabled: disabled,
+      items: t8,
+      onValueChange: choose
+    });
+    $[23] = choose;
+    $[24] = disabled;
+    $[25] = option.label;
+    $[26] = picked;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  return t9;
+}
+function _temp2(choice_0) {
+  return {
+    value: choice_0.id,
+    label: choice_0.label,
+    description: choice_0.description
+  };
 }
+function _temp(choice) {
+  return {
+    id: choice.id,
+    label: choice.label
+  };
+}

package/dist/agents/ProviderLogo.js

@@ -1,8 +1,53 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { PROVIDER_PATHS } from './provider-paths.js';
 /* The 24 by 24 box both marks are drawn in, so one size renders them at the same weight. */
+import { jsx as _jsx } from "react/jsx-runtime";
 const VIEW_BOX = '0 0 24 24';
-export function ProviderLogo({ provider, size = 14, className }) {
-    return (_jsx("svg", { "aria-hidden": true, viewBox: VIEW_BOX, width: size, height: size, fill: "currentColor", className: clsx('shrink-0', className), children: _jsx("path", { d: PROVIDER_PATHS[provider] }) }));
-}
+export function ProviderLogo(t0) {
+  const $ = _c(8);
+  const {
+    provider,
+    size: t1,
+    className
+  } = t0;
+  const size = t1 === undefined ? 14 : t1;
+  let t2;
+  if ($[0] !== className) {
+    t2 = clsx("shrink-0", className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const t3 = PROVIDER_PATHS[provider];
+  let t4;
+  if ($[2] !== t3) {
+    t4 = /*#__PURE__*/_jsx("path", {
+      d: t3
+    });
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== size || $[5] !== t2 || $[6] !== t4) {
+    t5 = /*#__PURE__*/_jsx("svg", {
+      "aria-hidden": true,
+      viewBox: VIEW_BOX,
+      width: size,
+      height: size,
+      fill: "currentColor",
+      className: t2,
+      children: t4
+    });
+    $[4] = size;
+    $[5] = t2;
+    $[6] = t4;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  return t5;
+}

package/dist/agents/account-limits.js

@@ -1,25 +1,25 @@
 import { accountsOfKind } from './accounts.js';
 /* The account a plan entry is of; an entry from a machine before accounts is its CLI's default account. */
 export function limitsAccountId(entry) {
-    return entry.account?.id ?? entry.kind;
+  return entry.account?.id ?? entry.kind;
 }
 export function limitsOfAccount(snapshot, id) {
-    return snapshot?.providers.find((entry) => limitsAccountId(entry) === id) ?? null;
+  return snapshot?.providers.find(entry => limitsAccountId(entry) === id) ?? null;
 }
 export function sessionWindow(entry) {
-    return entry?.windows.find((window) => window.kind === 'session') ?? null;
+  return entry?.windows.find(window => window.kind === 'session') ?? null;
 }
 /* The numbers were read, and no window of the plan is spent. An account never read has no known room. */
 function hasRoom(entry) {
-    return entry !== null && entry.checkedAt > 0 && entry.unavailable === null && entry.windows.length > 0 && entry.windows.every((window) => window.used < 1);
+  return entry !== null && entry.checkedAt > 0 && entry.unavailable === null && entry.windows.length > 0 && entry.windows.every(window => window.used < 1);
 }
 /* What a turn of this account would run into first: its session window, else its fullest one. */
 function pressure(entry) {
-    return sessionWindow(entry)?.used ?? Math.max(...entry.windows.map((window) => window.used));
+  return sessionWindow(entry)?.used ?? Math.max(...entry.windows.map(window => window.used));
 }
 /* The other accounts of the CLI a chat could go on under right now: on, and signed in. */
 function others(accounts, kind, current) {
-    return accountsOfKind(accounts, kind).filter((entry) => entry.id !== (current ?? kind) && entry.account.enabled !== false && entry.status?.state === 'ready');
+  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,
@@ -27,14 +27,17 @@ function others(accounts, kind, current) {
  * none was read yet; the choice is only ever offered, never made.
  */
 export function continueTarget(accounts, snapshot, kind, current) {
-    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;
+  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;
 }
 /* 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) {
-    return others(accounts, kind, current).some((entry) => (limitsOfAccount(snapshot, entry.id)?.checkedAt ?? 0) === 0);
-}
+  return others(accounts, kind, current).some(entry => (limitsOfAccount(snapshot, entry.id)?.checkedAt ?? 0) === 0);
+}