@adecore/agents-react 0.31.12 → 0.32.0

package/dist/providers/account-actions.js

@@ -2,55 +2,79 @@ import i18next from 'i18next';
 import { accountFor, readChatPreferences, rememberChatAccount } from '../chat/preferences.js';
 import { providerAccountsOf, useProviderAccountsStore } from '../state/provider-accounts.js';
 function words(key, values) {
-    return i18next.t(`agent-providers:${key}`, values);
+  return i18next.t(`agent-providers:${key}`, values);
 }
 function reason(e) {
-    return e instanceof Error ? e.message : String(e);
+  return e instanceof Error ? e.message : String(e);
 }
 function linkTo(scope) {
-    if (scope.transport.status !== 'open') {
-        throw new Error(words('notAnswering'));
-    }
-    return scope.transport;
+  if (scope.transport.status !== 'open') {
+    throw new Error(words('notAnswering'));
+  }
+  return scope.transport;
 }
 /* The whole map, as `accounts.save` takes it. Answers false when the host refused, which a toast then says. */
 export async function saveAccounts(scope, host, accounts) {
-    try {
-        useProviderAccountsStore.getState().set(scope.id, await linkTo(scope).request('accounts.save', { accounts }));
-        return true;
-    }
-    catch (e) {
-        host.notify({ id: `providers-save-${scope.id}`, kind: 'error', title: words('account.saveFailed'), description: reason(e) });
-        return false;
-    }
+  try {
+    useProviderAccountsStore.getState().set(scope.id, await linkTo(scope).request('accounts.save', {
+      accounts
+    }));
+    return true;
+  } catch (e) {
+    host.notify({
+      id: `providers-save-${scope.id}`,
+      kind: 'error',
+      title: words('account.saveFailed'),
+      description: reason(e)
+    });
+    return false;
+  }
 }
 /* One account changed and every other one as the host last said. */
 export function saveAccount(scope, host, id, account) {
-    const current = providerAccountsOf(scope.id).accounts?.accounts ?? {};
-    return saveAccounts(scope, host, { ...current, [id]: account });
+  const current = providerAccountsOf(scope.id).accounts?.accounts ?? {};
+  return saveAccounts(scope, host, {
+    ...current,
+    [id]: account
+  });
 }
 /*
  * Forgets an account; its folder stays where it is. A pick for new agents that named it goes back to
  * the CLI's default account, since no chat started from it yet.
  */
 export async function removeAccount(scope, host, id, kind) {
-    const { [id]: _gone, ...rest } = providerAccountsOf(scope.id).accounts?.accounts ?? {};
-    if (!(await saveAccounts(scope, host, rest))) {
-        throw new Error(words('account.saveFailed'));
-    }
-    if (accountFor(readChatPreferences(), scope.id, kind) === id) {
-        rememberChatAccount(scope.id, kind, null);
-    }
+  const {
+    [id]: _gone,
+    ...rest
+  } = providerAccountsOf(scope.id).accounts?.accounts ?? {};
+  if (!(await saveAccounts(scope, host, rest))) {
+    throw new Error(words('account.saveFailed'));
+  }
+  if (accountFor(readChatPreferences(), scope.id, kind) === id) {
+    rememberChatAccount(scope.id, kind, null);
+  }
 }
 /* An account in a folder the host makes for it; answers its id. Throws what the host said, for the form to show. */
 export async function createAccount(scope, kind, label, color) {
-    const created = await linkTo(scope).request('accounts.create', { kind, label, color });
-    const { id, ...accounts } = created;
-    useProviderAccountsStore.getState().set(scope.id, accounts);
-    return id;
+  const created = await linkTo(scope).request('accounts.create', {
+    kind,
+    label,
+    color
+  });
+  const {
+    id,
+    ...accounts
+  } = created;
+  useProviderAccountsStore.getState().set(scope.id, accounts);
+  return id;
 }
 /* An account in a folder that is already on the host. Throws what the host said, for the form to show. */
 export async function linkAccount(scope, id, account) {
-    const current = providerAccountsOf(scope.id).accounts?.accounts ?? {};
-    useProviderAccountsStore.getState().set(scope.id, await linkTo(scope).request('accounts.save', { accounts: { ...current, [id]: account } }));
-}
+  const current = providerAccountsOf(scope.id).accounts?.accounts ?? {};
+  useProviderAccountsStore.getState().set(scope.id, await linkTo(scope).request('accounts.save', {
+    accounts: {
+      ...current,
+      [id]: account
+    }
+  }));
+}

package/dist/providers/index.js

@@ -8,4 +8,4 @@ export { modelName, useModelName, shortModelName } from '../agents/model-name.js
 export { carryOptions } from '../agents/model-options.js';
 export {} from '../agents/model-requirement.js';
 export { ProvidersPane } from './ProvidersPane.js';
-export { CliMark, CliTile } from './parts.js';
+export { CliMark, CliTile } from './parts.js';

package/dist/providers/install-steps.js

@@ -2,18 +2,21 @@ import { isApplePlatform } from '@adecore/ui';
 const PLATFORMS = ['darwin', 'linux', 'win32'];
 /* The first step not done is the current one. */
 export function installStepStates(done) {
-    const first = done.indexOf(false);
-    return done.map((value, index) => (value ? 'done' : index === first ? 'current' : 'later'));
+  const first = done.indexOf(false);
+  return done.map((value, index) => value ? 'done' : index === first ? 'current' : 'later');
 }
 /* The system of the page, for a host that does not say which system its machine runs. */
 export function pagePlatform() {
-    if (isApplePlatform()) {
-        return 'darwin';
-    }
-    return typeof navigator !== 'undefined' && /windows/i.test(navigator.userAgent) ? 'win32' : 'linux';
+  if (isApplePlatform()) {
+    return 'darwin';
+  }
+  return typeof navigator !== 'undefined' && /windows/i.test(navigator.userAgent) ? 'win32' : 'linux';
 }
 /* The systems a provider has a command for, and the one the page opens on: the machine's when it has one there. */
 export function installPlatforms(provider, machine) {
-    const offered = PLATFORMS.filter((platform) => Boolean(provider.install?.commands[platform]));
-    return { offered, initial: offered.includes(machine) ? machine : (offered[0] ?? null) };
-}
+  const offered = PLATFORMS.filter(platform => Boolean(provider.install?.commands[platform]));
+  return {
+    offered,
+    initial: offered.includes(machine) ? machine : offered[0] ?? null
+  };
+}

package/dist/providers/pane-target.d.ts

@@ -11,5 +11,8 @@ export type Picked = {
 } | {
     kind: 'add';
     cli: AgentKind;
+} | {
+    kind: 'catalog';
 };
 export declare function pickOfTarget(target: string | null, providers: ProviderInfo[]): Picked | null;
+export declare function pickOfCli(cli: AgentKind, providers: ProviderInfo[]): Picked;

package/dist/providers/pane-target.js

@@ -1,17 +1,38 @@
 const INSTALL_TARGET = 'providers.install.';
+const ADD_TARGET = 'providers.add';
 /* What a target opens on its own, before any CLI is picked; null for a target that only lands on a row of the CLI already shown. */
 export function pickOfTarget(target, providers) {
-    if (target === 'providers.apple') {
-        return { kind: 'cli', cli: 'apple' };
-    }
-    if (!target?.startsWith(INSTALL_TARGET) || target.length === INSTALL_TARGET.length) {
-        return null;
-    }
-    const cli = target.slice(INSTALL_TARGET.length);
-    const provider = providers.find((entry) => entry.kind === cli);
-    // A CLI the host has not reported yet is taken as missing; once it is installed and signed in, its install page gives way to its detail.
-    if (provider !== undefined && (provider.installed || !provider.capabilities.terminal)) {
-        return { kind: 'cli', cli };
-    }
-    return { kind: 'install', cli };
+  if (target === 'providers.apple') {
+    return {
+      kind: 'cli',
+      cli: 'apple'
+    };
+  }
+  if (target === ADD_TARGET) {
+    return {
+      kind: 'catalog'
+    };
+  }
+  if (!target?.startsWith(INSTALL_TARGET) || target.length === INSTALL_TARGET.length) {
+    return null;
+  }
+  return pickOfCli(target.slice(INSTALL_TARGET.length), providers);
 }
+/*
+ * A CLI opened by name, from a target or from the host's page that just added it: its detail once it is there, its
+ * install page while it is missing. A CLI the host has not reported yet is taken as missing, so the pick holds until
+ * the next list names it; once it is installed and signed in, its install page gives way to its detail.
+ */
+export function pickOfCli(cli, providers) {
+  const provider = providers.find(entry => entry.kind === cli);
+  if (provider !== undefined && (provider.installed || !provider.capabilities.terminal)) {
+    return {
+      kind: 'cli',
+      cli
+    };
+  }
+  return {
+    kind: 'install',
+    cli
+  };
+}

package/dist/providers/parts.js

@@ -1,20 +1,70 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { AgentIcon } from '../agents/AgentIcon.js';
 // Each CLI in its color of the usage charts, so a mark here reads as the same CLI there. A CLI without
 // a chart color of its own is muted.
+import { jsx as _jsx } from "react/jsx-runtime";
 const CLI_COLORS = {
-    claude: 'text-chart-claude',
-    codex: 'text-chart-codex',
-    gemini: 'text-chart-gemini',
-    copilot: 'text-chart-copilot',
-    nanogpt: 'text-chart-nanogpt',
-    grok: 'text-chart-grok'
+  claude: 'text-chart-claude',
+  codex: 'text-chart-codex',
+  gemini: 'text-chart-gemini',
+  copilot: 'text-chart-copilot',
+  nanogpt: 'text-chart-nanogpt',
+  grok: 'text-chart-grok'
 };
-export function CliMark({ kind, size = 14, className }) {
-    return _jsx(AgentIcon, { kind: kind, size: size, className: clsx('shrink-0', CLI_COLORS[kind] ?? 'text-text-muted', className) });
+export function CliMark(t0) {
+  const $ = _c(7);
+  const {
+    kind,
+    size: t1,
+    className
+  } = t0;
+  const size = t1 === undefined ? 14 : t1;
+  const t2 = CLI_COLORS[kind] ?? "text-text-muted";
+  let t3;
+  if ($[0] !== className || $[1] !== t2) {
+    t3 = clsx("shrink-0", t2, className);
+    $[0] = className;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== kind || $[4] !== size || $[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx(AgentIcon, {
+      kind: kind,
+      size: size,
+      className: t3
+    });
+    $[3] = kind;
+    $[4] = size;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 }
 /* As tall as the title's first line, so the mark sits beside the name rather than between the two lines. */
-export function CliTile({ kind }) {
-    return (_jsx("span", { className: "grid h-6 shrink-0 place-items-center", children: _jsx(CliMark, { kind: kind, size: 24 }) }));
-}
+export function CliTile(t0) {
+  const $ = _c(2);
+  const {
+    kind
+  } = t0;
+  let t1;
+  if ($[0] !== kind) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "grid h-6 shrink-0 place-items-center",
+      children: /*#__PURE__*/_jsx(CliMark, {
+        kind: kind,
+        size: 24
+      })
+    });
+    $[0] = kind;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
+}

package/dist/providers/provider-abilities.js

@@ -1,11 +1,11 @@
 import i18next from 'i18next';
 /* What a provider offers, in one sentence, where it can be opened and whether its hooks report status. */
 export function providerAbilities(provider) {
-    const where = provider.capabilities.chat ? i18next.t('agent-providers:abilities.chatAndTerminal') : i18next.t('agent-providers:abilities.terminalOnly');
-    const status = provider.capabilities.hooks ? i18next.t('agent-providers:abilities.reportsStatus') : i18next.t('agent-providers:abilities.noStatus');
-    return `${where} ${status}`;
+  const where = provider.capabilities.chat ? i18next.t('agent-providers:abilities.chatAndTerminal') : i18next.t('agent-providers:abilities.terminalOnly');
+  const status = provider.capabilities.hooks ? i18next.t('agent-providers:abilities.reportsStatus') : i18next.t('agent-providers:abilities.noStatus');
+  return `${where} ${status}`;
 }
 /* Whether a message sent while a turn runs may join it. Undefined while the host has not answered `provider.list`, which steers nothing. */
 export function canSteer(capabilities) {
-    return capabilities?.steer === true;
-}
+  return capabilities?.steer === true;
+}

package/dist/providers/provider-groups.js

@@ -2,51 +2,86 @@ import i18next from 'i18next';
 import { accountsOfKind } from '../agents/accounts.js';
 /* What an account says beside its name: its plan while it is ready, a short word when it is not, nothing while it is checked. */
 export function accountNote(status) {
-    const words = (key) => i18next.t(`agent-providers:${key}`);
-    switch (status?.state ?? 'checking') {
-        case 'checking':
-            return null;
-        case 'ready':
-            return status?.plan ? { text: status.plan, tone: 'muted' } : null;
-        case 'signed-out':
-            return { text: words('list.signedOut'), tone: 'warning' };
-        case 'failed':
-            return { text: words('status.failed'), tone: 'warning' };
-        case 'folder-missing':
-            return { text: words('status.folderMissing'), tone: 'warning' };
-        case 'disabled':
-            return { text: words('status.disabled'), tone: 'muted' };
-        case 'not-found':
-            return { text: words('status.notFound'), tone: 'muted' };
-        case 'unavailable':
-            return { text: words('status.unavailable'), tone: 'muted' };
-    }
+  const words = key => i18next.t(`agent-providers:${key}`);
+  switch (status?.state ?? 'checking') {
+    case 'checking':
+      return null;
+    case 'ready':
+      return status?.plan ? {
+        text: status.plan,
+        tone: 'muted'
+      } : null;
+    case 'signed-out':
+      return {
+        text: words('list.signedOut'),
+        tone: 'warning'
+      };
+    case 'failed':
+      return {
+        text: words('status.failed'),
+        tone: 'warning'
+      };
+    case 'folder-missing':
+      return {
+        text: words('status.folderMissing'),
+        tone: 'warning'
+      };
+    case 'disabled':
+      return {
+        text: words('status.disabled'),
+        tone: 'muted'
+      };
+    case 'not-found':
+      return {
+        text: words('status.notFound'),
+        tone: 'muted'
+      };
+    case 'unavailable':
+      return {
+        text: words('status.unavailable'),
+        tone: 'muted'
+      };
+  }
 }
 // An account still being checked counts as usable, so a provider does not hop between groups while the checks run.
-const usable = (entry) => entry.status === null || entry.status.state === 'ready' || entry.status.state === 'checking';
+const usable = entry => entry.status === null || entry.status.state === 'ready' || entry.status.state === 'checking';
 /*
  * The providers in the three groups of the list. A provider the host says is not set up needs setup whatever
  * its accounts say; otherwise one usable account, or none to read, makes it ready.
  */
 export function groupProviders(providers, accounts, setupStatusOf) {
-    const groups = { ready: [], setup: [], missing: [] };
-    for (const provider of providers) {
-        // A provider that never runs in a terminal is no CLI to install: it is turned on in its own detail.
-        if (!provider.installed && provider.capabilities.terminal) {
-            groups.missing.push(provider);
-            continue;
-        }
-        const entries = provider.installed ? accountsOfKind(accounts, provider.kind) : [];
-        const hostStatus = setupStatusOf?.(provider) ?? null;
-        if (hostStatus !== null) {
-            groups.setup.push({ provider, entries, note: hostStatus });
-        }
-        else if (entries.length === 0 || entries.some(usable)) {
-            groups.ready.push({ provider, entries, note: entries.length === 1 ? accountNote(entries[0].status) : null });
-        }
-        else {
-            groups.setup.push({ provider, entries, note: accountNote(entries[0].status) });
-        }
+  const groups = {
+    ready: [],
+    setup: [],
+    missing: []
+  };
+  for (const provider of providers) {
+    // A provider that never runs in a terminal is no CLI to install: it is turned on in its own detail.
+    if (!provider.installed && provider.capabilities.terminal) {
+      groups.missing.push(provider);
+      continue;
     }
-    return groups;
-}
+    const entries = provider.installed ? accountsOfKind(accounts, provider.kind) : [];
+    const hostStatus = setupStatusOf?.(provider) ?? null;
+    if (hostStatus !== null) {
+      groups.setup.push({
+        provider,
+        entries,
+        note: hostStatus
+      });
+    } else if (entries.length === 0 || entries.some(usable)) {
+      groups.ready.push({
+        provider,
+        entries,
+        note: entries.length === 1 ? accountNote(entries[0].status) : null
+      });
+    } else {
+      groups.setup.push({
+        provider,
+        entries,
+        note: accountNote(entries[0].status)
+      });
+    }
+  }
+  return groups;
+}

package/dist/providers/variables.js

@@ -2,62 +2,96 @@ import i18next from 'i18next';
 const NAME = /^[A-Za-z_][A-Za-z0-9_]{0,127}$/;
 let drafted = 0;
 function nextKey() {
-    drafted += 1;
-    return `variable-${drafted}`;
+  drafted += 1;
+  return `variable-${drafted}`;
 }
 export function draftsOf(env) {
-    return (env ?? []).map((variable) => ({
-        key: nextKey(),
-        name: variable.name,
-        value: variable.value,
-        sensitive: variable.sensitive,
-        kept: variable.sensitive && variable.valueRedacted === true ? variable.name : null
-    }));
+  return (env ?? []).map(variable => ({
+    key: nextKey(),
+    name: variable.name,
+    value: variable.value,
+    sensitive: variable.sensitive,
+    kept: variable.sensitive && variable.valueRedacted === true ? variable.name : null
+  }));
 }
 export function emptyDraft(sensitive) {
-    return { key: nextKey(), name: '', value: '', sensitive, kept: null };
+  return {
+    key: nextKey(),
+    name: '',
+    value: '',
+    sensitive,
+    kept: null
+  };
 }
 /*
  * A value the keychain holds only counts under the name it was kept under, and only while it stays
  * sensitive: the machine finds it by that name, and never hands it out to be stored in plain text.
  */
 function keepsValue(draft) {
-    return draft.value === '' && draft.sensitive && draft.kept === draft.name;
+  return draft.value === '' && draft.sensitive && draft.kept === draft.name;
 }
 /* The first thing that keeps these from being saved, in a sentence; null when they can be. */
 export function variablesProblem(drafts) {
-    const words = (key, name) => i18next.t(`agent-providers:account.variables.problem.${key}`, { name });
-    const seen = new Set();
-    for (const draft of drafts) {
-        const name = draft.name.trim();
-        if (name === '') {
-            return words('noName', '');
-        }
-        if (!NAME.test(name)) {
-            return words('invalidName', name);
-        }
-        if (seen.has(name)) {
-            return words('duplicate', name);
-        }
-        seen.add(name);
-        if (draft.value === '' && !keepsValue({ ...draft, name })) {
-            return words('noValue', name);
-        }
+  const words = (key, name) => i18next.t(`agent-providers:account.variables.problem.${key}`, {
+    name
+  });
+  const seen = new Set();
+  for (const draft of drafts) {
+    const name = draft.name.trim();
+    if (name === '') {
+      return words('noName', '');
     }
-    return null;
+    if (!NAME.test(name)) {
+      return words('invalidName', name);
+    }
+    if (seen.has(name)) {
+      return words('duplicate', name);
+    }
+    seen.add(name);
+    if (draft.value === '' && !keepsValue({
+      ...draft,
+      name
+    })) {
+      return words('noValue', name);
+    }
+  }
+  return null;
 }
 /* The variables as `accounts.save` takes them; a kept value goes back empty and redacted, so the machine keeps what it has. */
 export function variablesOf(drafts) {
-    return drafts.map((draft) => {
-        const name = draft.name.trim();
-        if (keepsValue({ ...draft, name })) {
-            return { name, value: '', sensitive: true, valueRedacted: true };
-        }
-        return { name, value: draft.value, sensitive: draft.sensitive };
-    });
+  return drafts.map(draft => {
+    const name = draft.name.trim();
+    if (keepsValue({
+      ...draft,
+      name
+    })) {
+      return {
+        name,
+        value: '',
+        sensitive: true,
+        valueRedacted: true
+      };
+    }
+    return {
+      name,
+      value: draft.value,
+      sensitive: draft.sensitive
+    };
+  });
 }
 /* Whether the drafts say something other than what the machine holds. */
 export function variablesChanged(drafts, env) {
-    return (JSON.stringify(variablesOf(drafts)) !==
-        JSON.stringify((env ?? []).map(({ name, value, sensitive, valueRedacted }) => ({ name, value, sensitive, ...(valueRedacted ? { valueRedacted } : {}) }))));
-}
+  return JSON.stringify(variablesOf(drafts)) !== JSON.stringify((env ?? []).map(({
+    name,
+    value,
+    sensitive,
+    valueRedacted
+  }) => ({
+    name,
+    value,
+    sensitive,
+    ...(valueRedacted ? {
+      valueRedacted
+    } : {})
+  })));
+}

package/dist/scope.js

@@ -2,9 +2,9 @@ import { createContext, useContext } from 'react';
 export const ChatScopeContext = createContext(null);
 /* Throws outside a scope on purpose: a component that reads a chat has to know which host it runs on. */
 export function useChatScope() {
-    const scope = useContext(ChatScopeContext);
-    if (scope === null) {
-        throw new Error('This component reads a chat, so it has to be rendered inside a ChatScopeContext');
-    }
-    return scope;
-}
+  const scope = useContext(ChatScopeContext);
+  if (scope === null) {
+    throw new Error("This component reads a chat, so it has to be rendered inside a ChatScopeContext");
+  }
+  return scope;
+}

package/dist/settings/sections.js

@@ -2,18 +2,18 @@ import i18next from 'i18next';
 import { Brain, ChartNoAxesColumn } from 'lucide-react';
 /* The agent CLIs of the host and the accounts they sign in with: `ProvidersPane`. */
 export const PROVIDERS_SECTION = {
-    id: 'providers',
-    icon: Brain,
-    split: true,
-    label: () => i18next.t('agent-providers:section.label'),
-    description: () => i18next.t('agent-providers:section.description')
+  id: 'providers',
+  icon: Brain,
+  split: true,
+  label: () => i18next.t('agent-providers:section.label'),
+  description: () => i18next.t('agent-providers:section.description')
 };
 /* The currency of the usage page and the way to it: `UsagePane`. */
 export const USAGE_SECTION = {
-    id: 'usage',
-    icon: ChartNoAxesColumn,
-    label: () => i18next.t('agent-usage:section.label'),
-    description: () => i18next.t('agent-usage:section.description')
+  id: 'usage',
+  icon: ChartNoAxesColumn,
+  label: () => i18next.t('agent-usage:section.label'),
+  description: () => i18next.t('agent-usage:section.description')
 };
 /*
  * The entry the dialog takes for a section, with the pane the app hands it: the pane of this package
@@ -21,12 +21,12 @@ export const USAGE_SECTION = {
  * draws, since the words follow the language.
  */
 export function settingsSection(section, pane) {
-    return {
-        id: section.id,
-        icon: section.icon,
-        label: section.label(),
-        description: section.description(),
-        pane,
-        split: section.split
-    };
-}
+  return {
+    id: section.id,
+    icon: section.icon,
+    label: section.label(),
+    description: section.description(),
+    pane,
+    split: section.split
+  };
+}