@ai-ecoverse/slicc-spectrum 1.65.2 → 1.66.0

package/dist/slicc-kernel-model.js

@@ -6,7 +6,7 @@ import {
   DummySettings,
   clock,
   dummySettingsKey
-} from "./chunk-ZS4XIKFR.js";
+} from "./chunk-2PKRU2CL.js";
 import {
   Emitter
 } from "./chunk-T5NHW4KC.js";

package/dist/slicc-ui.js

@@ -28772,6 +28772,20 @@ function asking2(request2) {
   if (request2.kind === "unseal") return b`${by} asks to remove the ${request2.provider} sign-in`;
   return request2.name ? b`${by} asks for <code>${request2.name}</code>` : b`${by} asks for a value`;
 }
+var accountLights = {
+  connected: ["positive", "Active"],
+  expired: ["notice", "Expired"],
+  "signing-in": ["info", "Signing in"],
+  disconnected: ["neutral", "Not connected"]
+};
+function putOptions(secret) {
+  if (secret.kind === "model") return { kind: "model", provider: secret.provider };
+  if (secret.kind === "mcp") return { kind: "mcp", server: secret.server };
+  return void 0;
+}
+function agentUse(secret) {
+  return secret.kind === "model" || secret.kind === "mcp" && secret.rules.length === 0;
+}
 function byName(a22, b13) {
   return a22.name < b13.name ? -1 : a22.name > b13.name ? 1 : 0;
 }
@@ -29263,7 +29277,8 @@ var SliccSecrets = class extends ThemedElement {
         model.vault.on("availability", update),
         model.vault.on("list", () => this.#listed(model.vault))
       ] : [],
-      ...model.network ? [model.network.on("network", update)] : []
+      ...model.network ? [model.network.on("network", update)] : [],
+      model.settings.on("accounts", update)
     ];
   }
   #button(config, action) {
@@ -29349,7 +29364,7 @@ var SliccSecrets = class extends ThemedElement {
     }
     this.busy = true;
     try {
-      await vault.put?.(name, value);
+      await vault.put?.(name, value, void 0, form.kind === "replace" ? form.options : void 0);
       if (!this.#mine(vault, form)) return;
       this.form = null;
       this.said = { kind: "saved", name };
@@ -29629,8 +29644,21 @@ var SliccSecrets = class extends ThemedElement {
       </div>
     </div>`;
   }
+  #reach(secret, gone3) {
+    if (agentUse(secret)) {
+      const use = secret.kind === "model" ? `Model requests to ${this.#providerName(secret.provider ?? "")}, by the agent` : `Requests to the MCP server ${secret.server}, by the agent`;
+      return b`<dt>Used for</dt><dd data-used-for>${use}</dd>`;
+    }
+    const rules = secret.rules.length ? secret.rules.map((rule, index) => b`${index ? b`<br />` : A}${ruleLine(rule)}`) : "Nowhere yet: no rule names it";
+    return b`<dt>${gone3 ? "Was sent to" : "Sent to"}</dt><dd data-rules>${rules}</dd>`;
+  }
+  #account(secret) {
+    const id = secret.kind === "mcp" ? `mcp:${secret.server}` : secret.provider;
+    return this.model?.settings.accounts().find((account) => account.id === id);
+  }
   #state(secret) {
-    const [variant, label] = secret.state === "removed" ? ["neutral", "Removed"] : secret.expiresAt !== void 0 && secret.expiresAt <= Date.now() ? ["notice", "Expired"] : secret.state === "inert" ? ["neutral", "No rule yet"] : ["positive", "Active"];
+    const account = agentUse(secret) ? this.#account(secret) : void 0;
+    const [variant, label] = secret.state === "removed" ? ["neutral", "Removed"] : secret.expiresAt !== void 0 && secret.expiresAt <= Date.now() ? ["notice", "Expired"] : account ? accountLights[account.status] : secret.state === "inert" && !agentUse(secret) ? ["neutral", "No rule yet"] : ["positive", "Active"];
     return b`<swc-status-light size="s" variant=${variant}>${label}</swc-status-light>`;
   }
   #controls(vault, secret) {
@@ -29641,15 +29669,18 @@ var SliccSecrets = class extends ThemedElement {
     const replace = vault.put && replaceable(secret);
     if (!replace && !vault.remove) return A;
     return b`<div class="buttons">
-      ${replace ? b`<swc-button size="s" variant="secondary" data-action="replace" @click=${() => this.open({ kind: "replace", name })}>Replace value</swc-button>` : A}
+      ${replace ? b`<swc-button size="s" variant="secondary" data-action="replace" @click=${() => this.open({ kind: "replace", name, options: putOptions(secret) })}>Replace value</swc-button>` : A}
       ${vault.remove ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="remove" ?pending=${this.acting.has(`remove:${name}`)} @click=${(event2) => this.removeSecret(vault, secret, event2.currentTarget)}>Remove</swc-button>` : A}
     </div>`;
   }
+  #providerName(id) {
+    return this.model?.settings.accounts().find((account) => account.id === id)?.provider ?? id;
+  }
   #secret(vault, secret, entries, devices, more, locked) {
     const kind = kinds[secret.kind];
     const reveal = revealed(secret.name, entries, Date.now(), more);
     const exec = execLine(secret.exec, secret.execArgv);
-    const gone2 = secret.state === "removed";
+    const gone3 = secret.state === "removed";
     const form = this.#offline ? null : this.form;
     return b`<li class="secret" data-secret=${secret.name} data-state=${secret.state}>
       <div class="name">
@@ -29659,17 +29690,18 @@ var SliccSecrets = class extends ThemedElement {
       </div>
       ${this.#controls(vault, secret)}
       <dl>
-        <dt>${gone2 ? "Was sent to" : "Sent to"}</dt>
-        <dd data-rules>${secret.rules.length ? secret.rules.map((rule, index) => b`${index ? b`<br />` : A}${ruleLine(rule)}`) : "Nowhere yet: no rule names it"}</dd>
-        ${secret.exits ? b`<dt>${gone2 ? "Left through" : "Leaves through"}</dt><dd data-exits>${secret.exits.length ? list4(secret.exits.map((exit) => exitLabel(exit, devices))) : "No exit"}</dd>` : A}
+        ${this.#reach(secret, gone3)}
+        ${secret.exits ? b`<dt>${gone3 ? "Left through" : "Leaves through"}</dt><dd data-exits>${secret.exits.length ? list4(secret.exits.map((exit) => exitLabel(exit, devices))) : "No exit"}</dd>` : A}
         ${exec || reveal ? b`<dt>Programs</dt><dd data-exec>${exec}${exec && reveal ? b`<br />` : A}${reveal}</dd>` : A}
+        ${secret.kind === "model" && secret.provider ? b`<dt>Provider</dt><dd data-provider>${this.#providerName(secret.provider)}</dd>` : A}
+        ${secret.kind === "mcp" && secret.server ? b`<dt>Server</dt><dd data-server>${secret.server}</dd>` : A}
         <dt>From</dt>
         <dd data-source>${sourceLine(secret, devices)}</dd>
         ${secret.usedAt ? b`<dt>Last used</dt><dd data-used>${since(secret.usedAt)}</dd>` : A}
         ${secret.expiresAt ? b`<dt>Expires</dt><dd data-expires>${until(secret.expiresAt)}</dd>` : A}
         ${secret.removedAt ? b`<dt>Removed</dt><dd>${since(secret.removedAt)}</dd>` : A}
       </dl>
-      ${form?.kind === "replace" && form.name === secret.name ? this.#valueForm(vault, form, locked) : A}
+      ${form?.kind === "replace" && form.name === secret.name && (form.options?.kind ?? "secret") === (putOptions(secret)?.kind ?? "secret") ? this.#valueForm(vault, form, locked) : A}
     </li>`;
   }
   #secrets(vault, list5, entries, devices, locked) {
@@ -29790,6 +29822,43 @@ var SliccSecrets = class extends ThemedElement {
   }
 };
 
+// src/app/records.ts
+var envNames = {
+  anthropic: "ANTHROPIC_API_KEY",
+  openai: "OPENAI_API_KEY",
+  azure: "AZURE_OPENAI_API_KEY",
+  "azure-openai": "AZURE_OPENAI_API_KEY",
+  "azure-openai-responses": "AZURE_OPENAI_API_KEY",
+  google: "GEMINI_API_KEY",
+  gemini: "GEMINI_API_KEY",
+  "google-vertex": "GOOGLE_CLOUD_API_KEY",
+  "amazon-bedrock": "AWS_BEARER_TOKEN_BEDROCK",
+  mistral: "MISTRAL_API_KEY",
+  groq: "GROQ_API_KEY",
+  cerebras: "CEREBRAS_API_KEY",
+  xai: "XAI_API_KEY",
+  openrouter: "OPENROUTER_API_KEY",
+  "vercel-ai-gateway": "AI_GATEWAY_API_KEY",
+  deepseek: "DEEPSEEK_API_KEY",
+  zai: "ZAI_API_KEY",
+  moonshotai: "MOONSHOT_API_KEY",
+  fireworks: "FIREWORKS_API_KEY",
+  together: "TOGETHER_API_KEY",
+  huggingface: "HF_TOKEN",
+  "github-copilot": "COPILOT_GITHUB_TOKEN"
+};
+var upper = (text2) => text2.toUpperCase().replace(/[^A-Z0-9]/g, "_");
+function serverOf(account) {
+  return account.id.replace(/^mcp:/, "");
+}
+function recordKind(account) {
+  return account.group === "mcp" ? "mcp" : "model";
+}
+function recordName(account) {
+  if (account.group === "mcp") return `MCP_${upper(serverOf(account))}_TOKEN`;
+  return envNames[account.id] ?? `${upper(account.id)}_API_KEY`;
+}
+
 // src/app/settings.ts
 var accountStatus = {
   connected: ["positive", "Connected"],
@@ -29803,20 +29872,34 @@ var accountStatus = {
 var popup = (account) => account.group === "mcp" && account.auth === "oauth";
 var secretNames = { "api-key": "API key", token: "token" };
 var rejectedNames = { "api-key": "API key rejected", token: "Token rejected" };
-var SliccSettings = class extends ModelElement {
+var keptNames = { "api-key": "Key kept in the vault", token: "Token kept in the vault" };
+var kept2 = (account) => account.auth === "api-key" ? keptNames[account.secret ?? "api-key"] : "Kept in the vault";
+async function gone2(vault, name, kind) {
+  try {
+    await vault.remove?.(name, kind);
+  } catch (error) {
+    if (!isVaultFailure(error) || error.code !== "ENOENT") throw error;
+  }
+}
+var SliccSettings = class extends ThemedElement {
   static properties = {
-    ...ModelElement.properties,
+    ...ThemedElement.properties,
     pending: { state: true },
     entering: { state: true },
-    failure: { state: true }
+    failure: { state: true },
+    problem: { state: true },
+    blocked: { state: true }
   };
   constructor() {
     super();
     this.pending = /* @__PURE__ */ new Set();
     this.entering = null;
     this.failure = null;
+    this.problem = null;
+    this.blocked = false;
   }
   static styles = [
+    fieldStyles,
     i`
       :host {
         display: block;
@@ -29898,7 +29981,25 @@ var SliccSettings = class extends ModelElement {
       .key sp-textfield {
         flex: 1 1 auto;
       }
-      .failure {
+      .key.stacked {
+        display: grid;
+        gap: var(--swc-spacing-200);
+        max-width: 420px;
+      }
+      .buttons,
+      .locked {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--swc-spacing-100);
+      }
+      .hint {
+        margin: 0;
+        color: var(--swc-neutral-subdued-content-color-default);
+        font-size: var(--swc-font-size-75);
+      }
+      .failure,
+      .problem {
         display: flex;
         align-items: flex-start;
         gap: var(--swc-spacing-100);
@@ -29945,7 +30046,12 @@ var SliccSettings = class extends ModelElement {
   ];
   subscribe(model) {
     const update = () => this.requestUpdate();
-    return [model.settings.on("settings", update), model.settings.on("accounts", update)];
+    return [
+      ...super.subscribe(model),
+      model.settings.on("settings", update),
+      model.settings.on("accounts", update),
+      ...model.vault ? [model.vault.on("status", update)] : []
+    ];
   }
   focus() {
     this.focusOn("sp-picker");
@@ -29960,19 +30066,78 @@ var SliccSettings = class extends ModelElement {
     return event2.target.checked;
   }
   #cancelled = /* @__PURE__ */ new Set();
-  async connect(id, secret) {
-    this.pending = /* @__PURE__ */ new Set([...this.pending, id]);
+  #busy(id, on) {
+    const rest = [...this.pending].filter((candidate) => candidate !== id);
+    this.pending = new Set(on ? [...rest, id] : rest);
+  }
+  async connect(id, secret, fields) {
+    this.#busy(id, true);
     this.failure = null;
     this.#cancelled.delete(id);
+    const settings = this.model?.settings;
     try {
-      await this.model?.settings.connect(id, secret);
+      await (fields ? settings?.connect(id, secret, fields) : secret === void 0 ? settings?.connect(id) : settings?.connect(id, secret));
       if (this.entering === id) this.entering = null;
     } catch (error) {
       if (!this.#cancelled.has(id)) this.failure = { id, message: error.message };
     } finally {
       this.#cancelled.delete(id);
-      this.pending = new Set([...this.pending].filter((candidate) => candidate !== id));
+      this.#busy(id, false);
+    }
+  }
+  #vault(account) {
+    const vault = this.model?.vault;
+    return account.auth === "api-key" && account.store === "vault" && vault?.put ? vault : null;
+  }
+  async keep(account, value, fields) {
+    const model = this.model;
+    const vault = this.#vault(account);
+    const { id } = account;
+    const problem = valueProblem(value);
+    if (problem) {
+      this.#refuse(id, "value", problem);
+      return;
+    }
+    if (vault.status()?.locked) return;
+    const options = account.group === "mcp" ? { kind: "mcp", server: serverOf(account) } : { kind: "model", provider: account.id };
+    this.#busy(id, true);
+    this.failure = null;
+    try {
+      await vault.put?.(recordName(account), value, void 0, options);
+    } catch (error) {
+      this.#busy(id, false);
+      if (this.model === model) this.#refuse(id, "value", failureText(error));
+      return;
+    }
+    if (this.model !== model || this.entering !== id) {
+      this.#busy(id, false);
+      return;
     }
+    await this.connect(id, void 0, fields);
+  }
+  #refuse(id, field, message) {
+    this.problem = { id, field, message };
+    void this.updateComplete.then(
+      () => this.renderRoot.querySelector(
+        field === "value" ? ".key input[data-field=value]" : `.key input[data-account-field="${field}"]`
+      )?.focus()
+    );
+  }
+  #fields(form, account) {
+    if (!account.fields?.length) return void 0;
+    const values = {};
+    for (const field of account.fields) {
+      const input = form.querySelector(
+        `input[data-account-field="${field.name}"]`
+      );
+      const value = input.value.trim();
+      if (value) values[field.name] = value;
+      else if (field.required) {
+        this.#refuse(account.id, field.name, `${field.label} can\u2019t be empty`);
+        return null;
+      }
+    }
+    return values;
   }
   #start(account) {
     if (account.auth !== "api-key") {
@@ -29980,17 +30145,31 @@ var SliccSettings = class extends ModelElement {
       return;
     }
     this.failure = null;
+    this.problem = null;
     this.entering = account.id;
-    void this.updateComplete.then(() => this.focusOn(".key sp-textfield"));
+    void this.updateComplete.then(() => this.focusOn(".key sp-textfield", ".key input"));
   }
-  #submit(event2, id) {
+  #submit(event2, account) {
     event2.preventDefault();
-    const field = event2.currentTarget.querySelector(
-      "sp-textfield"
-    );
+    const form = event2.currentTarget;
+    this.problem = null;
+    if (this.#vault(account)) {
+      const value = take(form.querySelector("input[data-field=value]"));
+      const fields2 = this.#fields(form, account);
+      if (fields2 !== null && !this.pending.has(account.id)) void this.keep(account, value, fields2);
+      return;
+    }
+    const field = form.querySelector("sp-textfield");
     const secret = field.value.trim();
     field.value = "";
-    if (secret) void this.connect(id, secret);
+    const fields = this.#fields(form, account);
+    if (secret && fields !== null) void this.connect(account.id, secret, fields);
+  }
+  #submitOnEnter(event2) {
+    const target = event2.target;
+    if (event2.key !== "Enter" || target.localName !== "input") return;
+    event2.preventDefault();
+    this.#send(event2);
   }
   #send(event2) {
     event2.currentTarget.closest("form")?.requestSubmit();
@@ -29999,13 +30178,83 @@ var SliccSettings = class extends ModelElement {
     if (event2.key === "Enter") this.#send(event2);
   }
   #cancel() {
+    clearValues(this.renderRoot);
     this.entering = null;
     this.failure = null;
+    this.problem = null;
+  }
+  #problem(account, field) {
+    const problem = this.problem;
+    if (problem?.id !== account.id || problem.field !== field) return A;
+    return b`<div class="problem" id="key-problem" role="alert">
+      <swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>
+      <span>${problem.message}</span>
+    </div>`;
+  }
+  #described(account, field) {
+    return this.problem?.id === account.id && this.problem.field === field ? "key-problem" : A;
+  }
+  #invalid(account, field) {
+    return this.#described(account, field) === A ? A : "true";
+  }
+  #extra(account) {
+    return (account.fields ?? []).map(
+      (field) => b`<label class="field"><span>${field.label}</span><input
+          type="text"
+          autocomplete="off"
+          spellcheck="false"
+          data-account-field=${field.name}
+          aria-required=${field.required ? "true" : A}
+          aria-invalid=${this.#invalid(account, field.name)}
+          aria-describedby=${this.#described(account, field.name)}
+        /></label>
+        ${this.#problem(account, field.name)}`
+    );
+  }
+  #unlock(vault) {
+    return b`<div class="locked" data-locked>
+      <span>Unlock the vault first</span>
+      <slicc-vault-button
+        data-action="unlock"
+        .vault=${vault}
+        .config=${{ intent: { kind: "unlock" }, label: "Unlock", size: "m", variant: "accent", theme: this.color }}
+        @vault-popup=${(event2) => {
+      this.blocked = event2.detail.state === "blocked";
+    }}
+      ></slicc-vault-button>
+    </div>
+    ${this.blocked ? b`<div class="problem" role="alert" data-popup="blocked"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>The browser blocked the vault window. Allow pop-ups for this site, then try again.</span></div>` : A}`;
+  }
+  #kept(account, vault) {
+    const busy = this.pending.has(account.id);
+    const locked = !!vault.status()?.locked;
+    const name = secretNames[account.secret ?? "api-key"];
+    return b`<form class="key stacked" data-id=${account.id} data-store="vault" @submit=${(event2) => this.#submit(event2, account)} @keydown=${(event2) => this.#submitOnEnter(event2)}>
+        <label class="field"><span>${account.provider} ${name}</span><input
+          type="password"
+          autocomplete="off"
+          spellcheck="false"
+          data-field="value"
+          placeholder=${`Paste the ${name}`}
+          aria-invalid=${this.#invalid(account, "value")}
+          aria-describedby=${this.#described(account, "value")}
+        /></label>
+        ${this.#problem(account, "value")}
+        ${this.#extra(account)}
+        ${locked ? this.#unlock(vault) : b`<p class="hint">Saved in the vault</p>`}
+        <div class="buttons">
+          <swc-button size="m" variant="accent" data-action="save" ?pending=${busy} ?disabled=${locked} @click=${(event2) => this.#send(event2)}>Save</swc-button>
+          <swc-button size="m" variant="secondary" data-action="cancel" @click=${() => this.#cancel()}>Cancel</swc-button>
+        </div>
+      </form>`;
   }
   #key(account) {
     if (this.entering !== account.id) return A;
+    const vault = this.#vault(account);
+    if (vault) return this.#kept(account, vault);
     const busy = this.pending.has(account.id);
-    return b`<form class="key" data-id=${account.id} @submit=${(event2) => this.#submit(event2, account.id)}>
+    const extra = account.fields?.length;
+    return b`<form class=${extra ? "key stacked" : "key"} data-id=${account.id} @submit=${(event2) => this.#submit(event2, account)} @keydown=${(event2) => this.#submitOnEnter(event2)}>
         <sp-textfield
           size="m"
           type="password"
@@ -30014,15 +30263,61 @@ var SliccSettings = class extends ModelElement {
           placeholder=${`Paste the ${secretNames[account.secret ?? "api-key"]}`}
           @keydown=${(event2) => this.#enter(event2)}
         ></sp-textfield>
-        <swc-button size="m" variant="accent" data-action="save" ?pending=${busy} @click=${(event2) => this.#send(event2)}>Save</swc-button>
-        <swc-button size="m" variant="secondary" data-action="cancel" @click=${() => this.#cancel()}>Cancel</swc-button>
+        ${extra ? this.#extra(account) : A}
+        ${extra ? b`<div class="buttons">${this.#buttons(busy)}</div>` : this.#buttons(busy)}
       </form>`;
   }
+  #buttons(busy) {
+    return b`<swc-button size="m" variant="accent" data-action="save" ?pending=${busy} @click=${(event2) => this.#send(event2)}>Save</swc-button>
+        <swc-button size="m" variant="secondary" data-action="cancel" @click=${() => this.#cancel()}>Cancel</swc-button>`;
+  }
+  #inVault(account) {
+    const vault = this.model?.vault;
+    if (account.store !== "vault" || account.status !== "connected" || !vault) return false;
+    return account.auth !== "api-key" || !!vault.put;
+  }
+  #records(account, vault) {
+    if (account.auth === "api-key") return [[recordName(account), recordKind(account)]];
+    const server = serverOf(account);
+    const names = (vault.list()?.secrets ?? []).filter(
+      (secret) => secret.kind === "mcp" && secret.server === server && secret.state !== "removed"
+    ).map((secret) => secret.name);
+    const tokens = names.length ? names : [`${upper(server)}_ACCESS_TOKEN`];
+    return tokens.flatMap(
+      (name) => [
+        [name, "mcp"],
+        [`${name}_GRANT`, "grant"]
+      ]
+    );
+  }
   async #disconnect(account) {
-    const body4 = `Agents can\u2019t use ${account.provider} until you connect it again.`;
+    const model = this.model;
+    const vault = model?.vault;
+    const vaulted = account.store === "vault" && !!vault?.remove;
+    const key2 = vaulted && account.auth === "api-key";
+    const signIn = vaulted && account.auth !== "api-key" && account.group === "mcp";
+    const stored = key2 || signIn ? vault : void 0;
+    const body4 = `Agents can\u2019t use ${account.provider} until you connect it again.${key2 ? " You can restore its key from Removed in Secrets for 30 days." : ""}`;
     const title = `Disconnect ${account.provider}?`;
-    if (await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" }))
-      this.model?.settings.disconnect(account.id);
+    if (!await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" })) return;
+    clearValues(this.renderRoot);
+    if (this.model !== model) return;
+    if (stored && !await this.#forget(account, stored)) return;
+    if (this.model === model) model?.settings.disconnect(account.id);
+  }
+  async #forget(account, vault) {
+    this.#busy(account.id, true);
+    this.failure = null;
+    try {
+      for (const [name, kind] of this.#records(account, vault)) await gone2(vault, name, kind);
+      return true;
+    } catch (error) {
+      if (this.model?.vault === vault)
+        this.failure = { id: account.id, message: failureText(error) };
+      return false;
+    } finally {
+      this.#busy(account.id, false);
+    }
   }
   #stopSigningIn(account) {
     this.#cancelled.add(account.id);
@@ -30052,6 +30347,7 @@ var SliccSettings = class extends ModelElement {
         variant="secondary"
         data-action="disconnect"
         accessible-label=${`Disconnect ${account.provider}`}
+        ?pending=${this.pending.has(account.id)}
         @click=${() => this.#disconnect(account)}
       >Disconnect</swc-button>`;
     }
@@ -30085,7 +30381,7 @@ var SliccSettings = class extends ModelElement {
           </div>` : A;
     return b`<div class="account" data-id=${account.id}>
       <span class="provider">${account.provider}</span>
-      <span class="identity">${account.identity}</span>
+      <span class="identity">${account.identity}${this.#inVault(account) ? b`<span class="kept" data-store="vault">${account.identity ? " \xB7 " : ""}${kept2(account)}</span>` : A}</span>
       <swc-status-light class="state" variant=${variant}>${label}</swc-status-light>
       ${this.#action(account)}
     </div>
@@ -41934,12 +42230,12 @@ function getIgnoreCaseMatchChars(char) {
   }
   const set = /* @__PURE__ */ new Set();
   const lower2 = char.toLowerCase();
-  const upper = lower2.toUpperCase();
+  const upper2 = lower2.toUpperCase();
   const title = LowerToTitleCaseMap.get(lower2);
   const altLower = LowerToAlternativeLowerCaseMap.get(lower2);
   const altUpper = LowerToAlternativeUpperCaseMap.get(lower2);
-  if ([...upper].length === 1) {
-    set.add(upper);
+  if ([...upper2].length === 1) {
+    set.add(upper2);
   }
   altUpper && set.add(altUpper);
   title && set.add(title);