@adecore/agents-react 0.31.11 → 0.32.0

package/dist/providers/CliDetail.js

@@ -1,9 +1,10 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useTranslation } from 'react-i18next';
 import { ChevronRight, Plus } from 'lucide-react';
 import { AccountDot } from '../agents/AccountDot.js';
 import { ModelOptionControl } from '../agents/ModelOptionControl.js';
 import { carryOptions } from '../agents/model-options.js';
+import { optionWord } from '../agents/option-words.js';
 import { ACCOUNT_TONE_CLASSES, accountName, accountStatusLine } from '../agents/accounts.js';
 import { accountFor, forgetChatSelection, rememberChatAccount, rememberChatSelection, selectionFor, useChatPreferences } from '../chat/preferences.js';
 import { useChatScope } from '../scope.js';
@@ -12,43 +13,349 @@ import { DetailHeader, SettingsRow, SettingsSection } from '@adecore/ui/settings
 import { Button, Icon, Select } from '@adecore/ui';
 import { CliTile } from './parts.js';
 import { useProviderAccountsStore } from '../state/provider-accounts.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const PROVIDER_DEFAULT = '';
 /* One row per knob the chosen model exposes; the composer's option picker shows the same descriptors. */
-function ModelOptionRows({ provider, model, options }) {
-    const setOption = (id, value) => {
-        rememberChatSelection(provider, { model: model.slug, options: { ...options, [id]: value } });
+function ModelOptionRows(t0) {
+  const $ = _c(13);
+  const {
+    provider,
+    model,
+    options
+  } = t0;
+  let t1;
+  if ($[0] !== model.slug || $[1] !== options || $[2] !== provider) {
+    t1 = (id, value) => {
+      rememberChatSelection(provider, {
+        model: model.slug,
+        options: {
+          ...options,
+          [id]: value
+        }
+      });
     };
-    return (_jsx(_Fragment, { children: model.options.map((option) => (_jsx(SettingsRow, { indent: true, muted: true, label: option.label, control: _jsx(ModelOptionControl, { option: option, options: options, layout: "row", onChange: (value) => setOption(option.id, value) }) }, option.id))) }));
+    $[0] = model.slug;
+    $[1] = options;
+    $[2] = provider;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const setOption = t1;
+  let t2;
+  if ($[4] !== model.options || $[5] !== options || $[6] !== setOption) {
+    let t3;
+    if ($[8] !== options || $[9] !== setOption) {
+      t3 = option => /*#__PURE__*/_jsx(SettingsRow, {
+        indent: true,
+        muted: true,
+        label: optionWord(option),
+        control: /*#__PURE__*/_jsx(ModelOptionControl, {
+          option: option,
+          options: options,
+          layout: "row",
+          onChange: value_0 => setOption(option.id, value_0)
+        })
+      }, option.id);
+      $[8] = options;
+      $[9] = setOption;
+      $[10] = t3;
+    } else {
+      t3 = $[10];
+    }
+    t2 = model.options.map(t3);
+    $[4] = model.options;
+    $[5] = options;
+    $[6] = setOption;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[11] !== t2) {
+    t3 = /*#__PURE__*/_jsx(_Fragment, {
+      children: t2
+    });
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
 }
 /* One CLI: what it is, what a new chat of it starts with unless `defaults` is off, and its accounts. */
-export function CliDetail({ provider, entries, defaults, login, onAddAccount, onPickAccount }) {
-    const { t } = useTranslation('agent-providers');
-    const { id: scopeId } = useChatScope();
-    const preferences = useChatPreferences();
-    const selection = selectionFor(preferences, provider.kind);
-    const model = provider.models.find((entry) => entry.slug === selection?.model);
-    const machineAccounts = useProviderAccountsStore((s) => (s.byScope[scopeId]?.loaded ? s.byScope[scopeId].accounts : undefined));
-    const picked = accountFor(preferences, scopeId, provider.kind, machineAccounts) ?? provider.kind;
-    // An account that is off is out of every picker, unless it is the one picked already.
-    const choosable = (entries ?? []).filter((entry) => entry.account.enabled !== false || entry.id === picked);
-    const canAddAccount = login !== null;
-    return (_jsxs(_Fragment, { children: [_jsx(DetailHeader, { mark: _jsx(CliTile, { kind: provider.kind }), title: provider.name, subtitle: `${provider.version ? `${t('abilities.version', { version: provider.version })} ` : ''}${providerAbilities(provider)}`, actions: canAddAccount && (_jsxs(Button, { variant: "secondary", className: "whitespace-nowrap", onClick: onAddAccount, children: [_jsx(Icon, { icon: Plus, size: 14 }), t('cli.addAccount')] })) }), defaults && (_jsxs(SettingsSection, { title: t('cli.defaults.title'), description: t('cli.defaults.description'), children: [choosable.length > 0 && (_jsx(SettingsRow, { searchId: "providers.defaults.account", label: t('cli.defaults.account'), control: _jsx(Select, { value: picked, label: t('cli.defaults.accountFor', { provider: provider.name }), align: "end", items: choosable.map((entry) => ({
-                                value: entry.id,
-                                label: accountName(entry, provider.name),
-                                icon: _jsx(AccountDot, { color: entry.account.color, className: "size-2" })
-                            })), onValueChange: (id) => rememberChatAccount(scopeId, provider.kind, id) }) })), provider.models.length > 0 && (_jsx(SettingsRow, { searchId: "providers.defaults.model", label: t('cli.defaults.model'), description: model ? t('cli.defaults.shared', { provider: provider.name }) : t('cli.defaults.usesCliDefault'), control: _jsx(Select, { value: model?.slug ?? PROVIDER_DEFAULT, label: t('cli.defaults.modelFor', { provider: provider.name }), align: "end", items: [
-                                { value: PROVIDER_DEFAULT, label: t('cli.defaults.providerDefault') },
-                                ...provider.models.map((entry) => ({
-                                    value: entry.slug,
-                                    label: entry.legacy ? t('cli.defaults.legacyModel', { name: entry.name }) : entry.name
-                                }))
-                            ], onValueChange: (value) => value === PROVIDER_DEFAULT
-                                ? forgetChatSelection(provider.kind)
-                                : rememberChatSelection(provider.kind, {
-                                    model: value,
-                                    options: carryOptions(selection?.options ?? {}, provider.models.find((entry) => entry.slug === value))
-                                }) }) })), model && _jsx(ModelOptionRows, { provider: provider.kind, model: model, options: selection?.options ?? {} }), choosable.length === 0 && provider.models.length === 0 && _jsx(SettingsRow, { muted: true, label: t('cli.defaults.usesCliDefault') })] })), entries === null ? (_jsx("p", { className: "text-xs text-text-faint", children: t('list.noAccounts') })) : (_jsx(SettingsSection, { title: t('cli.accounts'), footer: canAddAccount ? undefined : t('cli.onlyDefault', { provider: provider.name }), children: entries.map((entry) => {
-                    const status = accountStatusLine(entry.status, login === 'terminal');
-                    return (_jsxs("button", { type: "button", className: "flex w-full min-w-0 items-center gap-3 px-4.5 py-3 text-left first:rounded-t-xl last:rounded-b-xl hover:bg-surface-hover", onClick: () => onPickAccount(entry.id), children: [_jsx(AccountDot, { color: entry.account.color }), _jsx("span", { className: "min-w-0 grow truncate text-sm text-text", children: accountName(entry, provider.name) }), _jsx("span", { className: `shrink-0 text-xs ${ACCOUNT_TONE_CLASSES[status.tone]}`, children: status.text }), _jsx(Icon, { icon: ChevronRight, size: 14, className: "shrink-0 text-text-faint" })] }, entry.id));
-                }) }))] }));
-}
+export function CliDetail(t0) {
+  const $ = _c(57);
+  const {
+    provider,
+    entries,
+    defaults,
+    login,
+    onAddAccount,
+    onPickAccount
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-providers");
+  const {
+    id: scopeId
+  } = useChatScope();
+  const preferences = useChatPreferences();
+  let t1;
+  if ($[0] !== preferences || $[1] !== provider.kind) {
+    t1 = selectionFor(preferences, provider.kind);
+    $[0] = preferences;
+    $[1] = provider.kind;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const selection = t1;
+  let t2;
+  if ($[3] !== provider.models || $[4] !== selection?.model) {
+    let t3;
+    if ($[6] !== selection?.model) {
+      t3 = entry => entry.slug === selection?.model;
+      $[6] = selection?.model;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    t2 = provider.models.find(t3);
+    $[3] = provider.models;
+    $[4] = selection?.model;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const model = t2;
+  let t3;
+  if ($[8] !== scopeId) {
+    t3 = s => s.byScope[scopeId]?.loaded ? s.byScope[scopeId].accounts : undefined;
+    $[8] = scopeId;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const machineAccounts = useProviderAccountsStore(t3);
+  let t4;
+  if ($[10] !== machineAccounts || $[11] !== preferences || $[12] !== provider.kind || $[13] !== scopeId) {
+    t4 = accountFor(preferences, scopeId, provider.kind, machineAccounts) ?? provider.kind;
+    $[10] = machineAccounts;
+    $[11] = preferences;
+    $[12] = provider.kind;
+    $[13] = scopeId;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  const picked = t4;
+  let canAddAccount;
+  let t5;
+  let t6;
+  if ($[15] !== defaults || $[16] !== entries || $[17] !== login || $[18] !== model || $[19] !== onAddAccount || $[20] !== picked || $[21] !== provider || $[22] !== scopeId || $[23] !== selection?.options || $[24] !== t) {
+    let t7;
+    if ($[28] !== picked) {
+      t7 = entry_0 => entry_0.account.enabled !== false || entry_0.id === picked;
+      $[28] = picked;
+      $[29] = t7;
+    } else {
+      t7 = $[29];
+    }
+    const choosable = (entries ?? []).filter(t7);
+    canAddAccount = login !== null;
+    let t8;
+    if ($[30] !== provider.kind) {
+      t8 = /*#__PURE__*/_jsx(CliTile, {
+        kind: provider.kind
+      });
+      $[30] = provider.kind;
+      $[31] = t8;
+    } else {
+      t8 = $[31];
+    }
+    const t9 = provider.name;
+    let t10;
+    if ($[32] !== provider.version || $[33] !== t) {
+      t10 = provider.version ? `${t("abilities.version", {
+        version: provider.version
+      })} ` : "";
+      $[32] = provider.version;
+      $[33] = t;
+      $[34] = t10;
+    } else {
+      t10 = $[34];
+    }
+    let t11;
+    if ($[35] !== provider) {
+      t11 = providerAbilities(provider);
+      $[35] = provider;
+      $[36] = t11;
+    } else {
+      t11 = $[36];
+    }
+    const t12 = `${t10}${t11}`;
+    let t13;
+    if ($[37] !== canAddAccount || $[38] !== onAddAccount || $[39] !== t) {
+      t13 = canAddAccount && /*#__PURE__*/_jsxs(Button, {
+        variant: "secondary",
+        className: "whitespace-nowrap",
+        onClick: onAddAccount,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          icon: Plus,
+          size: 14
+        }), t("cli.addAccount")]
+      });
+      $[37] = canAddAccount;
+      $[38] = onAddAccount;
+      $[39] = t;
+      $[40] = t13;
+    } else {
+      t13 = $[40];
+    }
+    if ($[41] !== provider.name || $[42] !== t12 || $[43] !== t13 || $[44] !== t8) {
+      t5 = /*#__PURE__*/_jsx(DetailHeader, {
+        mark: t8,
+        title: t9,
+        subtitle: t12,
+        actions: t13
+      });
+      $[41] = provider.name;
+      $[42] = t12;
+      $[43] = t13;
+      $[44] = t8;
+      $[45] = t5;
+    } else {
+      t5 = $[45];
+    }
+    t6 = defaults && /*#__PURE__*/_jsxs(SettingsSection, {
+      title: t("cli.defaults.title"),
+      description: t("cli.defaults.description"),
+      children: [choosable.length > 0 && /*#__PURE__*/_jsx(SettingsRow, {
+        searchId: "providers.defaults.account",
+        label: t("cli.defaults.account"),
+        control: /*#__PURE__*/_jsx(Select, {
+          value: picked,
+          label: t("cli.defaults.accountFor", {
+            provider: provider.name
+          }),
+          align: "end",
+          items: choosable.map(entry_1 => ({
+            value: entry_1.id,
+            label: accountName(entry_1, provider.name),
+            icon: /*#__PURE__*/_jsx(AccountDot, {
+              color: entry_1.account.color,
+              className: "size-2"
+            })
+          })),
+          onValueChange: id => rememberChatAccount(scopeId, provider.kind, id)
+        })
+      }), provider.models.length > 0 && /*#__PURE__*/_jsx(SettingsRow, {
+        searchId: "providers.defaults.model",
+        label: t("cli.defaults.model"),
+        description: model ? t("cli.defaults.shared", {
+          provider: provider.name
+        }) : t("cli.defaults.usesCliDefault"),
+        control: /*#__PURE__*/_jsx(Select, {
+          value: model?.slug ?? PROVIDER_DEFAULT,
+          label: t("cli.defaults.modelFor", {
+            provider: provider.name
+          }),
+          align: "end",
+          items: [{
+            value: PROVIDER_DEFAULT,
+            label: t("cli.defaults.providerDefault")
+          }, ...provider.models.map(entry_2 => ({
+            value: entry_2.slug,
+            label: entry_2.legacy ? t("cli.defaults.legacyModel", {
+              name: entry_2.name
+            }) : entry_2.name
+          }))],
+          onValueChange: value => value === PROVIDER_DEFAULT ? forgetChatSelection(provider.kind) : rememberChatSelection(provider.kind, {
+            model: value,
+            options: carryOptions(selection?.options ?? {}, provider.models.find(entry_3 => entry_3.slug === value))
+          })
+        })
+      }), model && /*#__PURE__*/_jsx(ModelOptionRows, {
+        provider: provider.kind,
+        model: model,
+        options: selection?.options ?? {}
+      }), choosable.length === 0 && provider.models.length === 0 && /*#__PURE__*/_jsx(SettingsRow, {
+        muted: true,
+        label: t("cli.defaults.usesCliDefault")
+      })]
+    });
+    $[15] = defaults;
+    $[16] = entries;
+    $[17] = login;
+    $[18] = model;
+    $[19] = onAddAccount;
+    $[20] = picked;
+    $[21] = provider;
+    $[22] = scopeId;
+    $[23] = selection?.options;
+    $[24] = t;
+    $[25] = canAddAccount;
+    $[26] = t5;
+    $[27] = t6;
+  } else {
+    canAddAccount = $[25];
+    t5 = $[26];
+    t6 = $[27];
+  }
+  let t7;
+  if ($[46] !== canAddAccount || $[47] !== entries || $[48] !== login || $[49] !== onPickAccount || $[50] !== provider.name || $[51] !== t) {
+    t7 = entries === null ? /*#__PURE__*/_jsx("p", {
+      className: "text-xs text-text-faint",
+      children: t("list.noAccounts")
+    }) : /*#__PURE__*/_jsx(SettingsSection, {
+      title: t("cli.accounts"),
+      footer: canAddAccount ? undefined : t("cli.onlyDefault", {
+        provider: provider.name
+      }),
+      children: entries.map(entry_4 => {
+        const status = accountStatusLine(entry_4.status, login === "terminal");
+        return /*#__PURE__*/_jsxs("button", {
+          type: "button",
+          className: "flex w-full min-w-0 items-center gap-3 px-4.5 py-3 text-left first:rounded-t-xl last:rounded-b-xl hover:bg-surface-hover",
+          onClick: () => onPickAccount(entry_4.id),
+          children: [/*#__PURE__*/_jsx(AccountDot, {
+            color: entry_4.account.color
+          }), /*#__PURE__*/_jsx("span", {
+            className: "min-w-0 grow truncate text-sm text-text",
+            children: accountName(entry_4, provider.name)
+          }), /*#__PURE__*/_jsx("span", {
+            className: `shrink-0 text-xs ${ACCOUNT_TONE_CLASSES[status.tone]}`,
+            children: status.text
+          }), /*#__PURE__*/_jsx(Icon, {
+            icon: ChevronRight,
+            size: 14,
+            className: "shrink-0 text-text-faint"
+          })]
+        }, entry_4.id);
+      })
+    });
+    $[46] = canAddAccount;
+    $[47] = entries;
+    $[48] = login;
+    $[49] = onPickAccount;
+    $[50] = provider.name;
+    $[51] = t;
+    $[52] = t7;
+  } else {
+    t7 = $[52];
+  }
+  let t8;
+  if ($[53] !== t5 || $[54] !== t6 || $[55] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t5, t6, t7]
+    });
+    $[53] = t5;
+    $[54] = t6;
+    $[55] = t7;
+    $[56] = t8;
+  } else {
+    t8 = $[56];
+  }
+  return t8;
+}