@adecore/agents-react 0.31.11 → 0.32.0

package/dist/providers/AccountDetail.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { LogIn } from 'lucide-react';
@@ -13,59 +13,692 @@ import { AccountVariables } from './AccountVariables.js';
 import { AccountColors } from './AccountColors.js';
 import { CliMark } from './parts.js';
 // The states in which the machine's own sentence says more than the usual line under the login.
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const TROUBLE = new Set(['folder-missing', 'unavailable', 'failed']);
 /* The name a person types, saved when they leave the field; an empty one goes back to what was there. */
-function NameField({ value, label, onSave }) {
-    const [draft, setDraft] = useState(value);
-    const commit = () => {
-        const name = draft.trim();
-        if (name === '' || name === value) {
-            setDraft(value);
-            return;
-        }
-        onSave(name);
+function NameField(t0) {
+  const $ = _c(9);
+  const {
+    value,
+    label,
+    onSave
+  } = t0;
+  const [draft, setDraft] = useState(value);
+  let t1;
+  if ($[0] !== draft || $[1] !== onSave || $[2] !== value) {
+    t1 = () => {
+      const name = draft.trim();
+      if (name === "" || name === value) {
+        setDraft(value);
+        return;
+      }
+      onSave(name);
     };
-    return (_jsx(Input, { className: "w-55 max-w-full", value: draft, maxLength: 80, "aria-label": label, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
-            if (event.key === 'Enter') {
-                event.currentTarget.blur();
-            }
-        } }));
+    $[0] = draft;
+    $[1] = onSave;
+    $[2] = value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const commit = t1;
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = event => setDraft(event.target.value);
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== commit || $[6] !== draft || $[7] !== label) {
+    t3 = /*#__PURE__*/_jsx(Input, {
+      className: "w-55 max-w-full",
+      value: draft,
+      maxLength: 80,
+      "aria-label": label,
+      onChange: t2,
+      onBlur: commit,
+      onKeyDown: _temp
+    });
+    $[5] = commit;
+    $[6] = draft;
+    $[7] = label;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 /* One account: how it looks in a picker, who is signed in, where its folder is, its variables. */
-export function AccountDetail({ provider, entry, login, canOpenLogin, loginBlocked, secretsAvailable, onRemoved }) {
-    const { t } = useTranslation('agent-providers');
-    const scope = useChatScope();
-    const host = useChatHost();
-    const [confirming, setConfirming] = useState(false);
-    const { id, account, status, isDefault } = entry;
-    const name = accountName(entry, provider.name);
-    const folder = status?.home ?? '';
-    const variable = FOLDER_VARIABLES[provider.kind];
-    const signedIn = status?.state === 'ready';
-    const showFolder = () => {
-        copyText(folder);
-        host.notify({ kind: 'success', title: t('account.folderCopied'), description: folder });
+function _temp(event_0) {
+  if (event_0.key === "Enter") {
+    event_0.currentTarget.blur();
+  }
+}
+export function AccountDetail(t0) {
+  const $ = _c(161);
+  const {
+    provider,
+    entry,
+    login,
+    canOpenLogin,
+    loginBlocked,
+    secretsAvailable,
+    onRemoved
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-providers");
+  const scope = useChatScope();
+  const host = useChatHost();
+  const [confirming, setConfirming] = useState(false);
+  const {
+    id,
+    account,
+    status,
+    isDefault
+  } = entry;
+  let t1;
+  if ($[0] !== entry || $[1] !== provider.name) {
+    t1 = accountName(entry, provider.name);
+    $[0] = entry;
+    $[1] = provider.name;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const name = t1;
+  const folder = status?.home ?? "";
+  const variable = FOLDER_VARIABLES[provider.kind];
+  const signedIn = status?.state === "ready";
+  let t2;
+  if ($[3] !== folder || $[4] !== host || $[5] !== t) {
+    t2 = () => {
+      copyText(folder);
+      host.notify({
+        kind: "success",
+        title: t("account.folderCopied"),
+        description: folder
+      });
     };
-    const trouble = status !== null && TROUBLE.has(status.state) && status.message ? status.message : null;
-    const loginDetail = () => {
-        if (trouble !== null) {
-            return trouble;
-        }
-        if (!signedIn) {
-            return t('account.login.signedOutDetail');
-        }
-        return status?.plan ? t('account.login.planDetail', { plan: status.plan }) : t('account.login.detail');
+    $[3] = folder;
+    $[4] = host;
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const showFolder = t2;
+  const trouble = status !== null && TROUBLE.has(status.state) && status.message ? status.message : null;
+  let t3;
+  if ($[7] !== signedIn || $[8] !== status || $[9] !== t || $[10] !== trouble) {
+    t3 = () => {
+      if (trouble !== null) {
+        return trouble;
+      }
+      if (!signedIn) {
+        return t("account.login.signedOutDetail");
+      }
+      return status?.plan ? t("account.login.planDetail", {
+        plan: status.plan
+      }) : t("account.login.detail");
     };
-    const loginButton = (_jsxs(Button, { variant: "secondary", disabled: loginBlocked !== null, onClick: () => void host.openLogin?.(scope.id, provider.kind, id, name), children: [_jsx(Icon, { icon: LogIn, size: 14 }), signedIn ? t('account.login.logInAgain') : t('account.login.logIn')] }));
-    return (_jsxs(_Fragment, { children: [_jsx(DetailHeader, { mark: _jsx("span", { className: "grid h-6 shrink-0 place-items-center", children: _jsx(AccountDot, { color: account.color, className: "size-3" }) }), title: name, subtitle: _jsxs(_Fragment, { children: [_jsx(CliMark, { kind: provider.kind, size: 12, className: "text-text-muted" }), t('account.kind', { provider: provider.name })] }), actions: folder !== '' && (_jsx(Button, { variant: "secondary", onClick: showFolder, children: t('account.showFolder') })) }), _jsxs(SettingsSection, { children: [_jsx(SettingsRow, { label: t('account.enabled.label'), description: t('account.enabled.description'), control: _jsx(Switch, { checked: account.enabled !== false, label: t('account.enabled.label'), onCheckedChange: (checked) => {
-                                const { enabled: _enabled, ...rest } = account;
-                                void saveAccount(scope, host, id, checked ? rest : { ...rest, enabled: false });
-                            } }) }), _jsx(SettingsRow, { label: t('account.name'), control: _jsx(NameField, { value: name, label: t('account.name'), onSave: (label) => void saveAccount(scope, host, id, { ...account, label }) }, name) }), _jsx(SettingsRow, { label: t('account.color'), control: _jsx(AccountColors, { value: account.color, label: t('account.color'), onChange: (color) => void saveAccount(scope, host, id, { ...account, color }) }) })] }), (login === 'chat' || (login === 'terminal' && canOpenLogin)) && (_jsxs(SettingsSection, { title: t('account.login.title'), children: [login === 'chat' ? (_jsx(SettingsRow, { label: t('account.login.inChat'), description: trouble ?? t('account.login.inChatDetail') })) : (_jsx(SettingsRow, { label: signedIn
-                            ? status?.email
-                                ? t('account.login.signedInAs', { email: status.email })
-                                : t('account.login.signedIn')
-                            : t('account.login.signedOut'), description: loginBlocked === null ? loginDetail() : `${loginDetail()} ${loginBlocked}`, control: loginBlocked === null ? (loginButton) : (_jsx(Tooltip, { label: loginBlocked, children: _jsx("span", { className: "inline-flex", children: loginButton }) })) })), _jsxs(SettingsRow, { label: t('account.folder.label'), children: [_jsx(Input, { mono: true, className: "h-8.5", value: folder, readOnly: true, "aria-label": t('account.folder.label') }), _jsx("p", { className: "-mt-1 text-xs text-text-muted", children: variable ? (_jsx(Trans, { t: t, i18nKey: "account.folder.detail", values: { variable }, components: { code: _jsx("code", { className: "font-mono text-code" }) } })) : (t('account.folder.detailPlain')) })] })] })), _jsx(AccountVariables, { id: id, account: account, secretsAvailable: secretsAvailable }, `${id}:${JSON.stringify(account.env ?? [])}`), _jsx(SettingsSection, { children: _jsx(SettingsRow, { label: t('account.remove.label'), description: isDefault ? t('account.remove.defaultNote') : t('account.remove.description'), control: _jsx(Button, { variant: "danger-outline", disabled: isDefault, onClick: () => setConfirming(true), children: t('account.remove.button') }) }) }), _jsx(ConfirmDialog, { open: confirming, onOpenChange: setConfirming, title: t('account.remove.confirmTitle', { account: name }), description: t('account.remove.confirmDescription', { folder }), confirmLabel: t('account.remove.confirm'), onConfirm: async () => {
-                    await removeAccount(scope, host, id, provider.kind);
-                    onRemoved();
-                } })] }));
-}
+    $[7] = signedIn;
+    $[8] = status;
+    $[9] = t;
+    $[10] = trouble;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const loginDetail = t3;
+  const t4 = loginBlocked !== null;
+  let t5;
+  if ($[12] !== host || $[13] !== id || $[14] !== name || $[15] !== provider.kind || $[16] !== scope) {
+    t5 = () => void host.openLogin?.(scope.id, provider.kind, id, name);
+    $[12] = host;
+    $[13] = id;
+    $[14] = name;
+    $[15] = provider.kind;
+    $[16] = scope;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /*#__PURE__*/_jsx(Icon, {
+      icon: LogIn,
+      size: 14
+    });
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== signedIn || $[20] !== t) {
+    t7 = signedIn ? t("account.login.logInAgain") : t("account.login.logIn");
+    $[19] = signedIn;
+    $[20] = t;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== t4 || $[23] !== t5 || $[24] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(Button, {
+      variant: "secondary",
+      disabled: t4,
+      onClick: t5,
+      children: [t6, t7]
+    });
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t7;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  const loginButton = t8;
+  let t9;
+  if ($[26] !== account.color) {
+    t9 = /*#__PURE__*/_jsx("span", {
+      className: "grid h-6 shrink-0 place-items-center",
+      children: /*#__PURE__*/_jsx(AccountDot, {
+        color: account.color,
+        className: "size-3"
+      })
+    });
+    $[26] = account.color;
+    $[27] = t9;
+  } else {
+    t9 = $[27];
+  }
+  let t10;
+  if ($[28] !== provider.kind) {
+    t10 = /*#__PURE__*/_jsx(CliMark, {
+      kind: provider.kind,
+      size: 12,
+      className: "text-text-muted"
+    });
+    $[28] = provider.kind;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== provider.name || $[31] !== t) {
+    t11 = t("account.kind", {
+      provider: provider.name
+    });
+    $[30] = provider.name;
+    $[31] = t;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  let t12;
+  if ($[33] !== t10 || $[34] !== t11) {
+    t12 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t10, t11]
+    });
+    $[33] = t10;
+    $[34] = t11;
+    $[35] = t12;
+  } else {
+    t12 = $[35];
+  }
+  let t13;
+  if ($[36] !== folder || $[37] !== showFolder || $[38] !== t) {
+    t13 = folder !== "" && /*#__PURE__*/_jsx(Button, {
+      variant: "secondary",
+      onClick: showFolder,
+      children: t("account.showFolder")
+    });
+    $[36] = folder;
+    $[37] = showFolder;
+    $[38] = t;
+    $[39] = t13;
+  } else {
+    t13 = $[39];
+  }
+  let t14;
+  if ($[40] !== name || $[41] !== t12 || $[42] !== t13 || $[43] !== t9) {
+    t14 = /*#__PURE__*/_jsx(DetailHeader, {
+      mark: t9,
+      title: name,
+      subtitle: t12,
+      actions: t13
+    });
+    $[40] = name;
+    $[41] = t12;
+    $[42] = t13;
+    $[43] = t9;
+    $[44] = t14;
+  } else {
+    t14 = $[44];
+  }
+  let t15;
+  if ($[45] !== t) {
+    t15 = t("account.enabled.label");
+    $[45] = t;
+    $[46] = t15;
+  } else {
+    t15 = $[46];
+  }
+  let t16;
+  if ($[47] !== t) {
+    t16 = t("account.enabled.description");
+    $[47] = t;
+    $[48] = t16;
+  } else {
+    t16 = $[48];
+  }
+  const t17 = account.enabled !== false;
+  let t18;
+  if ($[49] !== t) {
+    t18 = t("account.enabled.label");
+    $[49] = t;
+    $[50] = t18;
+  } else {
+    t18 = $[50];
+  }
+  let t19;
+  if ($[51] !== account || $[52] !== host || $[53] !== id || $[54] !== scope) {
+    t19 = checked => {
+      const {
+        enabled: _enabled,
+        ...rest
+      } = account;
+      saveAccount(scope, host, id, checked ? rest : {
+        ...rest,
+        enabled: false
+      });
+    };
+    $[51] = account;
+    $[52] = host;
+    $[53] = id;
+    $[54] = scope;
+    $[55] = t19;
+  } else {
+    t19 = $[55];
+  }
+  let t20;
+  if ($[56] !== t17 || $[57] !== t18 || $[58] !== t19) {
+    t20 = /*#__PURE__*/_jsx(Switch, {
+      checked: t17,
+      label: t18,
+      onCheckedChange: t19
+    });
+    $[56] = t17;
+    $[57] = t18;
+    $[58] = t19;
+    $[59] = t20;
+  } else {
+    t20 = $[59];
+  }
+  let t21;
+  if ($[60] !== t15 || $[61] !== t16 || $[62] !== t20) {
+    t21 = /*#__PURE__*/_jsx(SettingsRow, {
+      label: t15,
+      description: t16,
+      control: t20
+    });
+    $[60] = t15;
+    $[61] = t16;
+    $[62] = t20;
+    $[63] = t21;
+  } else {
+    t21 = $[63];
+  }
+  let t22;
+  if ($[64] !== t) {
+    t22 = t("account.name");
+    $[64] = t;
+    $[65] = t22;
+  } else {
+    t22 = $[65];
+  }
+  let t23;
+  if ($[66] !== t) {
+    t23 = t("account.name");
+    $[66] = t;
+    $[67] = t23;
+  } else {
+    t23 = $[67];
+  }
+  let t24;
+  if ($[68] !== account || $[69] !== host || $[70] !== id || $[71] !== scope) {
+    t24 = label => void saveAccount(scope, host, id, {
+      ...account,
+      label
+    });
+    $[68] = account;
+    $[69] = host;
+    $[70] = id;
+    $[71] = scope;
+    $[72] = t24;
+  } else {
+    t24 = $[72];
+  }
+  let t25;
+  if ($[73] !== name || $[74] !== t23 || $[75] !== t24) {
+    t25 = /*#__PURE__*/_jsx(NameField, {
+      value: name,
+      label: t23,
+      onSave: t24
+    }, name);
+    $[73] = name;
+    $[74] = t23;
+    $[75] = t24;
+    $[76] = t25;
+  } else {
+    t25 = $[76];
+  }
+  let t26;
+  if ($[77] !== t22 || $[78] !== t25) {
+    t26 = /*#__PURE__*/_jsx(SettingsRow, {
+      label: t22,
+      control: t25
+    });
+    $[77] = t22;
+    $[78] = t25;
+    $[79] = t26;
+  } else {
+    t26 = $[79];
+  }
+  let t27;
+  if ($[80] !== t) {
+    t27 = t("account.color");
+    $[80] = t;
+    $[81] = t27;
+  } else {
+    t27 = $[81];
+  }
+  const t28 = account.color;
+  let t29;
+  if ($[82] !== t) {
+    t29 = t("account.color");
+    $[82] = t;
+    $[83] = t29;
+  } else {
+    t29 = $[83];
+  }
+  let t30;
+  if ($[84] !== account || $[85] !== host || $[86] !== id || $[87] !== scope) {
+    t30 = color => void saveAccount(scope, host, id, {
+      ...account,
+      color
+    });
+    $[84] = account;
+    $[85] = host;
+    $[86] = id;
+    $[87] = scope;
+    $[88] = t30;
+  } else {
+    t30 = $[88];
+  }
+  let t31;
+  if ($[89] !== account.color || $[90] !== t29 || $[91] !== t30) {
+    t31 = /*#__PURE__*/_jsx(AccountColors, {
+      value: t28,
+      label: t29,
+      onChange: t30
+    });
+    $[89] = account.color;
+    $[90] = t29;
+    $[91] = t30;
+    $[92] = t31;
+  } else {
+    t31 = $[92];
+  }
+  let t32;
+  if ($[93] !== t27 || $[94] !== t31) {
+    t32 = /*#__PURE__*/_jsx(SettingsRow, {
+      label: t27,
+      control: t31
+    });
+    $[93] = t27;
+    $[94] = t31;
+    $[95] = t32;
+  } else {
+    t32 = $[95];
+  }
+  let t33;
+  if ($[96] !== t21 || $[97] !== t26 || $[98] !== t32) {
+    t33 = /*#__PURE__*/_jsxs(SettingsSection, {
+      children: [t21, t26, t32]
+    });
+    $[96] = t21;
+    $[97] = t26;
+    $[98] = t32;
+    $[99] = t33;
+  } else {
+    t33 = $[99];
+  }
+  let t34;
+  if ($[100] !== canOpenLogin || $[101] !== folder || $[102] !== login || $[103] !== loginBlocked || $[104] !== loginButton || $[105] !== loginDetail || $[106] !== signedIn || $[107] !== status || $[108] !== t || $[109] !== trouble || $[110] !== variable) {
+    t34 = (login === "chat" || login === "terminal" && canOpenLogin) && /*#__PURE__*/_jsxs(SettingsSection, {
+      title: t("account.login.title"),
+      children: [login === "chat" ? /*#__PURE__*/_jsx(SettingsRow, {
+        label: t("account.login.inChat"),
+        description: trouble ?? t("account.login.inChatDetail")
+      }) : /*#__PURE__*/_jsx(SettingsRow, {
+        label: signedIn ? status?.email ? t("account.login.signedInAs", {
+          email: status.email
+        }) : t("account.login.signedIn") : t("account.login.signedOut"),
+        description: loginBlocked === null ? loginDetail() : `${loginDetail()} ${loginBlocked}`,
+        control: loginBlocked === null ? loginButton : /*#__PURE__*/_jsx(Tooltip, {
+          label: loginBlocked,
+          children: /*#__PURE__*/_jsx("span", {
+            className: "inline-flex",
+            children: loginButton
+          })
+        })
+      }), /*#__PURE__*/_jsxs(SettingsRow, {
+        label: t("account.folder.label"),
+        children: [/*#__PURE__*/_jsx(Input, {
+          mono: true,
+          className: "h-8.5",
+          value: folder,
+          readOnly: true,
+          "aria-label": t("account.folder.label")
+        }), /*#__PURE__*/_jsx("p", {
+          className: "-mt-1 text-xs text-text-muted",
+          children: variable ? /*#__PURE__*/_jsx(Trans, {
+            t: t,
+            i18nKey: "account.folder.detail",
+            values: {
+              variable
+            },
+            components: {
+              code: /*#__PURE__*/_jsx("code", {
+                className: "font-mono text-code"
+              })
+            }
+          }) : t("account.folder.detailPlain")
+        })]
+      })]
+    });
+    $[100] = canOpenLogin;
+    $[101] = folder;
+    $[102] = login;
+    $[103] = loginBlocked;
+    $[104] = loginButton;
+    $[105] = loginDetail;
+    $[106] = signedIn;
+    $[107] = status;
+    $[108] = t;
+    $[109] = trouble;
+    $[110] = variable;
+    $[111] = t34;
+  } else {
+    t34 = $[111];
+  }
+  let t35;
+  if ($[112] !== account.env) {
+    t35 = JSON.stringify(account.env ?? []);
+    $[112] = account.env;
+    $[113] = t35;
+  } else {
+    t35 = $[113];
+  }
+  const t36 = `${id}:${t35}`;
+  let t37;
+  if ($[114] !== account || $[115] !== id || $[116] !== secretsAvailable || $[117] !== t36) {
+    t37 = /*#__PURE__*/_jsx(AccountVariables, {
+      id: id,
+      account: account,
+      secretsAvailable: secretsAvailable
+    }, t36);
+    $[114] = account;
+    $[115] = id;
+    $[116] = secretsAvailable;
+    $[117] = t36;
+    $[118] = t37;
+  } else {
+    t37 = $[118];
+  }
+  let t38;
+  if ($[119] !== t) {
+    t38 = t("account.remove.label");
+    $[119] = t;
+    $[120] = t38;
+  } else {
+    t38 = $[120];
+  }
+  let t39;
+  if ($[121] !== isDefault || $[122] !== t) {
+    t39 = isDefault ? t("account.remove.defaultNote") : t("account.remove.description");
+    $[121] = isDefault;
+    $[122] = t;
+    $[123] = t39;
+  } else {
+    t39 = $[123];
+  }
+  let t40;
+  if ($[124] === Symbol.for("react.memo_cache_sentinel")) {
+    t40 = () => setConfirming(true);
+    $[124] = t40;
+  } else {
+    t40 = $[124];
+  }
+  let t41;
+  if ($[125] !== t) {
+    t41 = t("account.remove.button");
+    $[125] = t;
+    $[126] = t41;
+  } else {
+    t41 = $[126];
+  }
+  let t42;
+  if ($[127] !== isDefault || $[128] !== t41) {
+    t42 = /*#__PURE__*/_jsx(Button, {
+      variant: "danger-outline",
+      disabled: isDefault,
+      onClick: t40,
+      children: t41
+    });
+    $[127] = isDefault;
+    $[128] = t41;
+    $[129] = t42;
+  } else {
+    t42 = $[129];
+  }
+  let t43;
+  if ($[130] !== t38 || $[131] !== t39 || $[132] !== t42) {
+    t43 = /*#__PURE__*/_jsx(SettingsSection, {
+      children: /*#__PURE__*/_jsx(SettingsRow, {
+        label: t38,
+        description: t39,
+        control: t42
+      })
+    });
+    $[130] = t38;
+    $[131] = t39;
+    $[132] = t42;
+    $[133] = t43;
+  } else {
+    t43 = $[133];
+  }
+  let t44;
+  if ($[134] !== name || $[135] !== t) {
+    t44 = t("account.remove.confirmTitle", {
+      account: name
+    });
+    $[134] = name;
+    $[135] = t;
+    $[136] = t44;
+  } else {
+    t44 = $[136];
+  }
+  let t45;
+  if ($[137] !== folder || $[138] !== t) {
+    t45 = t("account.remove.confirmDescription", {
+      folder
+    });
+    $[137] = folder;
+    $[138] = t;
+    $[139] = t45;
+  } else {
+    t45 = $[139];
+  }
+  let t46;
+  if ($[140] !== t) {
+    t46 = t("account.remove.confirm");
+    $[140] = t;
+    $[141] = t46;
+  } else {
+    t46 = $[141];
+  }
+  let t47;
+  if ($[142] !== host || $[143] !== id || $[144] !== onRemoved || $[145] !== provider.kind || $[146] !== scope) {
+    t47 = async () => {
+      await removeAccount(scope, host, id, provider.kind);
+      onRemoved();
+    };
+    $[142] = host;
+    $[143] = id;
+    $[144] = onRemoved;
+    $[145] = provider.kind;
+    $[146] = scope;
+    $[147] = t47;
+  } else {
+    t47 = $[147];
+  }
+  let t48;
+  if ($[148] !== confirming || $[149] !== t44 || $[150] !== t45 || $[151] !== t46 || $[152] !== t47) {
+    t48 = /*#__PURE__*/_jsx(ConfirmDialog, {
+      open: confirming,
+      onOpenChange: setConfirming,
+      title: t44,
+      description: t45,
+      confirmLabel: t46,
+      onConfirm: t47
+    });
+    $[148] = confirming;
+    $[149] = t44;
+    $[150] = t45;
+    $[151] = t46;
+    $[152] = t47;
+    $[153] = t48;
+  } else {
+    t48 = $[153];
+  }
+  let t49;
+  if ($[154] !== t14 || $[155] !== t33 || $[156] !== t34 || $[157] !== t37 || $[158] !== t43 || $[159] !== t48) {
+    t49 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t14, t33, t34, t37, t43, t48]
+    });
+    $[154] = t14;
+    $[155] = t33;
+    $[156] = t34;
+    $[157] = t37;
+    $[158] = t43;
+    $[159] = t48;
+    $[160] = t49;
+  } else {
+    t49 = $[160];
+  }
+  return t49;
+}