@ai-ecoverse/slicc-spectrum 1.109.0 → 1.110.0

package/dist/slicc-ui.js

@@ -10331,8 +10331,8 @@ var ranges = [
   [100, "bg", 8]
 ];
 function simple(code3) {
-  const flag = flags[code3];
-  if (flag) return flag;
+  const flag2 = flags[code3];
+  if (flag2) return flag2;
   const range2 = ranges.find(([start2]) => code3 >= start2 && code3 < start2 + 8);
   return range2 ? { [range2[1]]: code3 - range2[0] + range2[2] } : null;
 }
@@ -17944,14 +17944,14 @@ var resolver = {
 };
 var string = initializeFactory("string");
 var text = initializeFactory("text");
-function initializeFactory(field) {
+function initializeFactory(field2) {
   return {
-    resolveAll: createResolver(field === "text" ? resolveAllLineSuffixes : void 0),
+    resolveAll: createResolver(field2 === "text" ? resolveAllLineSuffixes : void 0),
     tokenize: initializeText
   };
   function initializeText(effects) {
     const self2 = this;
-    const constructs2 = this.parser.constructs[field];
+    const constructs2 = this.parser.constructs[field2];
     const text4 = effects.attempt(constructs2, start2, notText);
     return start2;
     function start2(code3) {
@@ -33620,8 +33620,8 @@ function question(item2, handlers) {
   } else {
     const submit = (event2) => {
       event2.preventDefault();
-      const field = event2.currentTarget.querySelector("input");
-      if (field.value.trim()) answer(field.value.trim());
+      const field2 = event2.currentTarget.querySelector("input");
+      if (field2.value.trim()) answer(field2.value.trim());
     };
     body2 = b`<form class="options" @submit=${submit}>
       <input class="input" type=${item2.kind === "email" ? "email" : item2.kind === "number" ? "number" : item2.kind === "date" ? "date" : "text"} aria-label=${item2.question} ?disabled=${handlers.readOnly} />
@@ -34891,8 +34891,8 @@ function failureText(error) {
   const text4 = isVaultFailure(error) ? codeTexts[error.code] : void 0;
   return text4 ?? (error instanceof Error ? error.message : "The vault did not answer");
 }
-function fieldOf(error, field) {
-  return isVaultFailure(error) && error.code === "EINVAL" ? field : null;
+function fieldOf(error, field2) {
+  return isVaultFailure(error) && error.code === "EINVAL" ? field2 : null;
 }
 function away(vault) {
   const state2 = vault.availability?.() ?? (vault.status() ? "ready" : "waiting");
@@ -35814,12 +35814,12 @@ var SliccComposer = class extends ThemedElement {
       this.renderRoot.querySelector('.item[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }
   #wire() {
-    const field = this.#field;
-    void field.updateComplete.then(() => {
+    const field2 = this.#field;
+    void field2.updateComplete.then(() => {
       const popover = this.renderRoot.querySelector("swc-popover");
       if (popover) {
         popover.triggerElement = null;
-        popover.triggerElement = field.shadowRoot.querySelector(
+        popover.triggerElement = field2.shadowRoot.querySelector(
           ".swc-PromptField-upload"
         );
       }
@@ -36030,16 +36030,16 @@ ${this.value}` : text4;
       text4 === null || text4 === void 0 ? { ...base, kind: "file", size: 0, error: "Could not read the file" } : { ...base, kind: "text", size: text4.length, text: text4 }
     ];
   }
-  async shareSecret(name, field = null) {
+  async shareSecret(name, field2 = null) {
     const clean = name.trim().toUpperCase().replace(/[^A-Z0-9_]/g, "_");
     if (this.sharing) return;
     if (!clean) {
-      if (field) this.#refuse("Enter a name", "name", true);
+      if (field2) this.#refuse("Enter a name", "name", true);
       return;
     }
-    const value = field ? take(field) : "";
+    const value = field2 ? take(field2) : "";
     const vault = this.model?.vault;
-    if (field && vault?.put && !await this.#store(vault, clean, value)) return;
+    if (field2 && vault?.put && !await this.#store(vault, clean, value)) return;
     this.#refuse(null);
     this.attachments = [
       ...this.attachments,
@@ -36053,12 +36053,12 @@ ${this.value}` : text4;
     ];
     this.popup = null;
   }
-  #refuse(text4, field = null, focus = false) {
+  #refuse(text4, field2 = null, focus = false) {
     this.secretError = text4;
-    this.secretField = text4 ? field : null;
-    if (focus && text4 && field)
+    this.secretField = text4 ? field2 : null;
+    if (focus && text4 && field2)
       void this.updateComplete.then(
-        () => this.renderRoot.querySelector(`form.secret input[name=${field}]`)?.focus()
+        () => this.renderRoot.querySelector(`form.secret input[name=${field2}]`)?.focus()
       );
   }
   async #store(vault, clean, value) {
@@ -36655,6 +36655,93 @@ function dipsOf(node2) {
   return null;
 }
 
+// src/app/model-picker.ts
+var searchable = 5;
+var field = "sp-search[data-action=filter-models]";
+var modelFilterCss = i`
+  sp-search[data-action='filter-models'] {
+    position: sticky;
+    inset-block-start: 0;
+    z-index: 1;
+    box-sizing: border-box;
+    width: 100%;
+    padding: var(--swc-spacing-75) var(--swc-spacing-100);
+    background: var(--mod-popover-background-color, var(--spectrum-popover-background-color));
+  }
+`;
+function matchesModel(option, query) {
+  const text4 = `${option.label} ${option.provider} ${option.id}`.toLowerCase();
+  return query.toLowerCase().split(/\s+/).every((word2) => text4.includes(word2));
+}
+function visible(picker) {
+  return [...picker.querySelectorAll("sp-menu-item[value]")].find(
+    (item2) => !item2.hidden
+  );
+}
+var ModelFilter = class {
+  #host;
+  #query = "";
+  constructor(host4) {
+    this.#host = host4;
+  }
+  #set(query) {
+    if (query === this.#query) return;
+    this.#query = query;
+    this.#host.requestUpdate();
+  }
+  items(options2) {
+    if (options2.length <= searchable)
+      return b`${options2.map((option) => this.#item(option, false))}`;
+    const shown4 = options2.filter((option) => matchesModel(option, this.#query));
+    return b`<sp-search
+        size="s"
+        data-action="filter-models"
+        label="Filter models"
+        placeholder="Filter models"
+        .value=${this.#query}
+        @input=${(event2) => this.#set(event2.target.value)}
+        @change=${(event2) => event2.stopPropagation()}
+        @submit=${(event2) => event2.preventDefault()}
+        @keydown=${this.#key}
+      ></sp-search>
+      ${options2.map((option) => this.#item(option, !shown4.includes(option)))}
+      ${shown4.length ? A : b`<sp-menu-item disabled data-empty>No matching models</sp-menu-item>`}`;
+  }
+  #item(option, hidden) {
+    return b`<sp-menu-item value=${option.id} ?hidden=${hidden}>${option.label}<span slot="description">${option.provider}</span></sp-menu-item>`;
+  }
+  opened = (event2) => {
+    const search3 = event2.currentTarget.querySelector(field);
+    if (search3) queueMicrotask(() => search3.focus());
+  };
+  closed = () => this.#set("");
+  keys = {
+    capture: true,
+    handleEvent: (event2) => {
+      const picker = event2.currentTarget;
+      const search3 = picker.querySelector(field);
+      if (!search3 || !picker.open) return;
+      if (event2.target === search3) {
+        if (event2.key === "Escape" && this.#query) event2.preventDefault();
+        return;
+      }
+      if (event2.key.trim().length !== 1 || event2.ctrlKey || event2.metaKey || event2.altKey) return;
+      search3.focus();
+      const end = search3.focusElement.value.length;
+      search3.focusElement.setSelectionRange(end, end);
+    }
+  };
+  #key = (event2) => {
+    if (event2.key === "Tab" || event2.key === "Escape" && !event2.defaultPrevented) return;
+    event2.stopPropagation();
+    if (event2.key !== "ArrowDown" && event2.key !== "Enter") return;
+    event2.preventDefault();
+    const first2 = visible(event2.currentTarget.parentElement);
+    if (event2.key === "Enter") first2?.click();
+    else first2?.focus();
+  };
+};
+
 // src/app/models.ts
 var asked = /* @__PURE__ */ new WeakMap();
 var switched = /* @__PURE__ */ new WeakMap();
@@ -37110,6 +37197,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
   };
   static styles = [
     shared,
+    modelFilterCss,
     fade,
     markdownCss,
     messageCss,
@@ -37352,6 +37440,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
       }
     `
   ];
+  #modelFilter = new ModelFilter(this);
   #licks = new ViewSet(this, "chat:licks");
   #runs = new ViewSet(this, "chat:runs");
   #details = /* @__PURE__ */ new Set();
@@ -37885,8 +37974,8 @@ var SliccChat = class _SliccChat extends ThemedElement {
     }
     const offered = chatModels(model.settings.models());
     return b`${statusLight(agent.status)}
-      ${offered.length ? b`<sp-picker size="s" quiet label="Model" value=${agent.model} @change=${(event2) => model.agent.setModel(agent.id, event2.target.value)}>
-        ${offered.map((option) => b`<sp-menu-item value=${option.id}>${option.label}<span slot="description">${option.provider}</span></sp-menu-item>`)}
+      ${offered.length ? b`<sp-picker size="s" quiet label="Model" value=${agent.model} @change=${(event2) => model.agent.setModel(agent.id, event2.target.value)} @sp-opened=${this.#modelFilter.opened} @sp-closed=${this.#modelFilter.closed} @keydown=${this.#modelFilter.keys}>
+        ${this.#modelFilter.items(offered)}
       </sp-picker>` : b`<swc-action-button size="s" quiet data-action="set-up-model" @click=${() => this.#action("settings")}>Set up a model</swc-action-button>`}
       <sp-picker size="s" quiet label="Thinking" value=${model.settings.get().thinking} @change=${(event2) => model.settings.update({ thinking: event2.target.value })}>
         <sp-menu-item value="off">No thinking</sp-menu-item>
@@ -40184,12 +40273,12 @@ var SliccMonitor = class extends ModelElement {
     </li>`;
   }
   #section(section) {
-    const flag = attention2(section);
+    const flag2 = attention2(section);
     const surface2 = surfaces[section.id];
     const rows2 = section.rows.length > 0;
-    const open = rows2 && (this.expanded[section.id] ?? flag !== null);
+    const open = rows2 && (this.expanded[section.id] ?? flag2 !== null);
     const list6 = `rows-${section.id}`;
-    const badge = flag ? b`<swc-badge size="s" variant=${flag.variant} subtle>${flag.text}</swc-badge>` : A;
+    const badge = flag2 ? b`<swc-badge size="s" variant=${flag2.variant} subtle>${flag2.text}</swc-badge>` : A;
     return b`<li class="section" data-id=${section.id} data-open=${open ? "" : A}>
       <div class="line">
         <span class="caption">${rows2 ? b`<button class="toggle" aria-expanded=${open ? "true" : "false"} aria-controls=${open ? list6 : A} @click=${() => {
@@ -41015,9 +41104,9 @@ var defaultGates = {
   messages: ["user", "agent", "cone", "scoop:*", "off"],
   tools: ["user", "agent", "scoop:*"]
 };
-function gateChoice(field, cone, gate) {
+function gateChoice(field2, cone, gate) {
   if (gate === "scoop:*")
-    return cone.scoops.flatMap((name) => gateChoice(field, cone, `scoop:${name}`));
+    return cone.scoops.flatMap((name) => gateChoice(field2, cone, `scoop:${name}`));
   if (gate.startsWith("scoop:")) {
     const name = gate.slice(6);
     return cone.scoops.includes(name) ? [{ value: gate, label: `${name} decides`, description: `The scoop ${name} decides.` }] : [];
@@ -41037,14 +41126,14 @@ function gateChoice(field, cone, gate) {
     off: {
       value: "off",
       label: "No review",
-      description: field === "messages" ? "Messages go straight in as follow-ups." : "Tool calls run without review."
+      description: field2 === "messages" ? "Messages go straight in as follow-ups." : "Tool calls run without review."
     }
   };
   return choices[gate] ? [choices[gate]] : [];
 }
-function gateOptions(field, cone, allowed = defaultGates[field]) {
-  const options2 = allowed.flatMap((gate) => gateChoice(field, cone, gate)).filter((option, index2, all2) => all2.findIndex(({ value }) => value === option.value) === index2);
-  return options2.length ? options2 : gateChoice(field, cone, "user");
+function gateOptions(field2, cone, allowed = defaultGates[field2]) {
+  const options2 = allowed.flatMap((gate) => gateChoice(field2, cone, gate)).filter((option, index2, all2) => all2.findIndex(({ value }) => value === option.value) === index2);
+  return options2.length ? options2 : gateChoice(field2, cone, "user");
 }
 function defaultGate(options2) {
   return options2.some(({ value }) => value === "user") ? "user" : options2[0].value;
@@ -41189,11 +41278,11 @@ var SliccGuestInvite = class extends i2 {
   get #current() {
     return this.cones.find((cone) => cone.id === this.cone) ?? this.cones[0];
   }
-  #options(field, cone) {
-    return gateOptions(field, cone, this.port?.gates?.()[field]);
+  #options(field2, cone) {
+    return gateOptions(field2, cone, this.port?.gates?.()[field2]);
   }
-  #keep(gate, field, cone) {
-    const options2 = this.#options(field, cone);
+  #keep(gate, field2, cone) {
+    const options2 = this.#options(field2, cone);
     return options2.some((option) => option.value === gate) ? gate : defaultGate(options2);
   }
   #settle() {
@@ -41265,18 +41354,18 @@ var SliccGuestInvite = class extends i2 {
     this.remove();
     if (this.trigger?.isConnected) this.trigger.focus();
   }
-  #gate(field, title2, value) {
-    const options2 = this.#options(field, this.#current);
+  #gate(field2, title2, value) {
+    const options2 = this.#options(field2, this.#current);
     const chosen = options2.find((option) => option.value === value);
-    const id = `guest-${field}`;
+    const id = `guest-${field2}`;
     return b`<div class="field">
       <sp-field-label for=${id} size="m">${title2}</sp-field-label>
-      <sp-picker id=${id} size="m" label=${title2} data-action=${`guest-${field}`} .value=${l(value)} ?disabled=${this.pending} @change=${(event2) => {
-      this[field] = this.#pick(event2);
+      <sp-picker id=${id} size="m" label=${title2} data-action=${`guest-${field2}`} .value=${l(value)} ?disabled=${this.pending} @change=${(event2) => {
+      this[field2] = this.#pick(event2);
     }}>
         ${options2.map((option) => b`<sp-menu-item value=${option.value}>${option.label}<span slot="description">${option.description}</span></sp-menu-item>`)}
       </sp-picker>
-      <sp-help-text size="m" data-help=${field}>${chosen.description}</sp-help-text>
+      <sp-help-text size="m" data-help=${field2}>${chosen.description}</sp-help-text>
     </div>`;
   }
   #form() {
@@ -42862,11 +42951,11 @@ var SliccNetwork = class extends ModelElement {
   }
   async #submitPair(event2, port) {
     event2.preventDefault();
-    const field = this.renderRoot.querySelector("#pair-url");
-    const url = field.value.trim();
+    const field2 = this.renderRoot.querySelector("#pair-url");
+    const url = field2.value.trim();
     if (!url || this.pairBusy || !port.pairComputer) return;
     if (await this.#pairAct("pair", () => port.pairComputer?.(url))) {
-      field.value = "";
+      field2.value = "";
       this.pairFilled = false;
     }
   }
@@ -42935,11 +43024,11 @@ var SliccNetwork = class extends ModelElement {
   #submitKey(event2, port) {
     event2.preventDefault();
     if (this.busy) return;
-    const field = event2.currentTarget.querySelector(
+    const field2 = event2.currentTarget.querySelector(
       "sp-textfield"
     );
-    const key = field.value.trim();
-    field.value = "";
+    const key = field2.value.trim();
+    field2.value = "";
     if (key) void this.#tailnet("key", () => port.submitAuthKey?.(key));
   }
   #sendKey(event2) {
@@ -44002,14 +44091,14 @@ var directions2 = /* @__PURE__ */ new Set(["left", "right", "above", "below", "w
 function scan(parsed, rest, positional) {
   for (let index2 = 0; index2 < rest.length; index2++) {
     const arg = rest[index2];
-    const flag = arg.startsWith("--") ? arg.slice(2) : null;
-    if (flag === "json") parsed.json = true;
-    else if (flag === "section" || flag !== null && directions2.has(flag)) {
+    const flag2 = arg.startsWith("--") ? arg.slice(2) : null;
+    if (flag2 === "json") parsed.json = true;
+    else if (flag2 === "section" || flag2 !== null && directions2.has(flag2)) {
       const value = rest[++index2];
-      if (value === void 0) return `--${flag} needs a value`;
-      if (flag === "section") parsed.section = value;
+      if (value === void 0) return `--${flag2} needs a value`;
+      if (flag2 === "section") parsed.section = value;
       else if (parsed.place) return "give one place";
-      else parsed.place = { direction: flag, ref: value };
+      else parsed.place = { direction: flag2, ref: value };
     } else if (arg.startsWith("-")) return `unknown option ${arg}`;
     else positional.push(arg);
   }
@@ -49363,9 +49452,9 @@ var SliccApp = class extends ThemedElement {
   #railButton(item2, side) {
     const changes2 = item2.id === "changes" ? this.#changes() : 0;
     const driven = item2.id === "browser" && !!this.model?.browser.list().some((tab) => tab.controlled);
-    const visible2 = shown2(this.dock, item2.id);
-    const label = `${visible2 ? `${item2.title}, shown` : `Open ${item2.title}`}${changes2 ? `, ${changeCount(changes2)}` : driven ? ", a tab is in use" : ""}`;
-    const button = u21`<swc-action-button id=${`rail-${item2.id}`} class=${visible2 ? "selected" : ""} quiet size="m" accessible-label=${label} data-surface=${item2.id} data-cone=${o2(item2.cone)} ?data-visible=${visible2} @click=${(event2) => this.#railClick(event2, item2.id)}>${railIcon(item2.icon)}</swc-action-button>`;
+    const visible3 = shown2(this.dock, item2.id);
+    const label = `${visible3 ? `${item2.title}, shown` : `Open ${item2.title}`}${changes2 ? `, ${changeCount(changes2)}` : driven ? ", a tab is in use" : ""}`;
+    const button = u21`<swc-action-button id=${`rail-${item2.id}`} class=${visible3 ? "selected" : ""} quiet size="m" accessible-label=${label} data-surface=${item2.id} data-cone=${o2(item2.cone)} ?data-visible=${visible3} @click=${(event2) => this.#railClick(event2, item2.id)}>${railIcon(item2.icon)}</swc-action-button>`;
     const tooltip = b`<swc-tooltip for=${`rail-${item2.id}`} placement=${{ left: "end", right: "start", bottom: "top" }[side]}>${item2.title}</swc-tooltip>`;
     return changes2 ? b`<span class="badged">${button}<swc-badge size="s" variant="neutral" aria-hidden="true">${changes2}</swc-badge></span>${tooltip}` : driven ? b`<span class="badged">${button}<span class="dot" data-driven aria-hidden="true"></span></span>${tooltip}` : b`${button}${tooltip}`;
   }
@@ -49679,27 +49768,67 @@ function pattern(path2) {
 var opaque = /^\/(?:proc\/[^/]+\/(?:task\/[^/]+\/)?(?:cwd|fd|map_files)|dev\/fd)(?:\/|$)/;
 var certain = (rules) => rules.startsWith("/") && !opaque.test(rules) && !rules.endsWith("\u2026");
 var readOnly = [
+  "b2sum",
+  "base64",
   "cat",
   "cd",
+  "cksum",
+  "cut",
   "df",
   "diff",
   "du",
   "echo",
   "file",
+  "find",
   "grep",
   "head",
+  "jq",
   "ls",
+  "md5sum",
+  "nl",
+  "od",
   "pwd",
   "readlink",
   "realpath",
+  "sha1sum",
+  "sha224sum",
+  "sha256sum",
+  "sha384sum",
+  "sha512sum",
+  "sort",
   "stat",
+  "tac",
   "tail",
   "tree",
-  "wc"
+  "uniq",
+  "wc",
+  "xxd",
+  "yq"
 ];
+var flag = (short2, long) => (args2) => args2.some((arg) => {
+  if (!arg.startsWith("--")) return /^-[^-]/.test(arg) && [...short2].some((c29) => arg.includes(c29));
+  const [name] = arg.slice(2).split("=");
+  return !!name && long.some((option) => option.startsWith(name));
+});
+var operands = (args2) => {
+  const end = args2.includes("--") ? args2.indexOf("--") : args2.length;
+  const named2 = args2.slice(0, end).filter((arg) => arg === "-" || !arg.startsWith("-"));
+  return named2.length + args2.slice(end + 1).length > 1;
+};
+var writes = {
+  base64: flag("o", ["output"]),
+  file: flag("C", ["compile"]),
+  find: (args2) => args2.some((arg) => /^-(?:delete|exec|execdir|ok|okdir|fls|fprint0?|fprintf)$/.test(arg)),
+  sort: flag("oT", ["output", "temporary-directory", "compress-program"]),
+  tree: flag("oR", []),
+  uniq: operands,
+  xxd: operands,
+  yq: flag("is", ["inplace", "in-place", "split-exp", "split-exp-file"])
+};
 function candidates(word2) {
   if (word2 === "--") return [];
-  if (word2.startsWith("--")) return [word2];
+  if (word2.startsWith("--"))
+    return word2.includes("=") ? [word2, word2.split("=").slice(1).join("=")] : [word2];
   if (!word2.startsWith("-")) return [word2];
   const slash = word2.indexOf("/");
   const cluster = Array.from(word2.slice(2), (_7, index2) => word2.slice(index2 + 2));
@@ -49719,7 +49848,10 @@ function protects(path2, whole) {
   return rulePaths.some((rule) => glob.test(rule)) || top !== path2 && pattern(top).test("/etc/fnox") || whole && ruleParents.some((parent) => glob.test(parent));
 }
 var command2 = (word2) => word2.split("/").pop() ?? "";
-var trusted2 = (word2) => readOnly.includes(word2.replace(/^\/(?:usr\/)?bin\/(?=[^/]+$)/, ""));
+var trusted2 = ([word2, ...args2]) => {
+  const name = word2.replace(/^\/(?:usr\/)?bin\/(?=[^/]+$)/, "");
+  return readOnly.includes(name) && !writes[name]?.(args2);
+};
 var expansion = /\$\([^)]*\)?|\$\{[^}]*\}?|\$[\w@*#?$!-]*|`[^`]*`?/;
 function moved(cwds, word2) {
   for (const cwd of [...cwds]) {
@@ -49795,6 +49927,8 @@ function shield(text4) {
   }
   return out;
 }
+var literal = (char, quote) => /[*?[{]/.test(char) || quote === "'" && char === "$" ? String.fromCharCode(57600 + char.charCodeAt(0)) : char;
+var unmark = (path2) => path2.replace(/[\ue100-\ue17f]/g, (char) => String.fromCharCode(char.charCodeAt(0) - 57600));
 function quoted(segment2) {
   const words2 = [];
   let word2 = "";
@@ -49805,7 +49939,7 @@ function quoted(segment2) {
       word2 += segment2[++index2];
     else if (quote) {
       if (char === quote) quote = "";
-      else word2 += char;
+      else word2 += literal(char, quote);
     } else if (char === "'" || char === '"') quote = char;
     else if (char === "\\") word2 += segment2[++index2] ?? "";
     else if (/[\s<>=]/.test(char)) {
@@ -49842,8 +49976,10 @@ function reach2(command3, cwd) {
   const text4 = unglob(ansi2(command3.replace(/\\\n/g, "")));
   const plain4 = text4.split(separators).map((segment2) => commas(segment2.split(/[\s<>=]+/).map((word2) => word2.replace(/['"\\]/g, ""))));
   const aware = shield(text4).split(separators).map((segment2) => commas(quoted(unshield(segment2))));
-  const segments = JSON.stringify(aware) === JSON.stringify(plain4) ? plain4 : [...plain4, ...aware];
-  const whole = segments.some((words2) => words2.length > 0 && !trusted2(words2[0]));
+  const live = text4.includes("`") || aware.flat().some((word2) => word2.includes("$"));
+  const inert2 = !live && aware.every((words2) => !words2.length || trusted2(words2));
+  const segments = inert2 || JSON.stringify(aware) === JSON.stringify(plain4) ? aware : [...plain4, ...aware];
+  const whole = !inert2 && segments.some((words2) => words2.length > 0 && !trusted2(words2));
   for (const words2 of segments) {
     const hit = scan2(words2, cwds, whole);
     if (hit) return hit;
@@ -49855,7 +49991,8 @@ function reach2(command3, cwd) {
   return segments.flat().some((word2) => word2.includes("$")) || text4.includes("`") ? text4.match(expansion)[0] : null;
 }
 function secretRules(command3, cwd) {
-  const hit = reach2(command3, cwd);
+  const found = reach2(command3, cwd);
+  const hit = found && unmark(found);
   return hit && certain(hit) ? { certain: hit, maybe: null } : { certain: null, maybe: hit };
 }
 function origin() {
@@ -51210,11 +51347,11 @@ var SliccBrowser = class extends ModelElement {
   }
   updated() {
     const tab = this.#focused();
-    const visible2 = this.#visible();
-    this.#settle(visible2 && tab?.controlled && this.model?.browser.watch ? tab.id : null);
-    if (visible2 && tab && !this.#ticker)
+    const visible3 = this.#visible();
+    this.#settle(visible3 && tab?.controlled && this.model?.browser.watch ? tab.id : null);
+    if (visible3 && tab && !this.#ticker)
       this.#ticker = setInterval(() => this.requestUpdate(), 1e3);
-    if (!(visible2 && tab)) this.#still();
+    if (!(visible3 && tab)) this.#still();
     const list6 = this.renderRoot.querySelector(".actions:not(.last)");
     const last = list6?.lastElementChild?.getAttribute("data-action-id") ?? null;
     if (list6 && this.#anchor !== null) list6.scrollTop = list6.scrollHeight - this.#anchor;
@@ -52229,7 +52366,7 @@ e26("swc-icon-user-settings", o90);
 
 // src/app/memory.ts
 var everyone = "*";
-function visible(memories, scope, tag3, query) {
+function visible2(memories, scope, tag3, query) {
   const needle = query.trim().toLowerCase();
   return memories.filter(
     (memory) => (scope === everyone || memory.scope === scope) && (tag3 === "all" || (tag3 === "untagged" ? memory.tag === null : memory.tag === tag3)) && (!needle || `${memory.title} ${memory.body} ${memory.section}`.toLowerCase().includes(needle))
@@ -52546,15 +52683,15 @@ var SliccMemory = class extends ModelElement {
   }
   #save(memory) {
     const form = this.renderRoot.querySelector(".editor");
-    const field = (name) => form.querySelector(`[name=${name}]`).value.trim();
-    if (!field("title")) return;
-    const tag3 = field("tag");
+    const field2 = (name) => form.querySelector(`[name=${name}]`).value.trim();
+    if (!field2("title")) return;
+    const tag3 = field2("tag");
     const saved = this.model?.memory.save({
       ...memory.id ? { id: memory.id } : {},
       scope: memory.scope,
-      section: field("section") || "Notes",
-      title: field("title"),
-      body: field("body"),
+      section: field2("section") || "Notes",
+      title: field2("title"),
+      body: field2("body"),
       tag: tag3 !== "none" ? tag3 : null
     });
     this.editing = null;
@@ -52662,7 +52799,7 @@ var SliccMemory = class extends ModelElement {
     const scopes = this.#scopes;
     const scope = this.scope;
     const option = (item2) => b`<sp-menu-item value=${item2.id}>${item2.label}</sp-menu-item>`;
-    const shown4 = visible(all2, scope, this.tag, this.query);
+    const shown4 = visible2(all2, scope, this.tag, this.query);
     const total = inScope(all2, scope);
     const filtered = this.tag !== "all" || this.query.trim() !== "";
     const current = scopes.find((item2) => item2.id === scope) ?? null;
@@ -53537,19 +53674,19 @@ var SliccSecrets = class extends ThemedElement {
     if (form?.kind === "import") this.importKind = "bundle";
     if (form) void this.updateComplete.then(() => this.#focus());
   }
-  #refuse(text4, field = null, focus = false) {
+  #refuse(text4, field2 = null, focus = false) {
     this.problem = text4;
-    this.invalid = text4 ? field : null;
-    if (focus && text4 && field) void this.updateComplete.then(() => this.#field(field)?.focus());
+    this.invalid = text4 ? field2 : null;
+    if (focus && text4 && field2) void this.updateComplete.then(() => this.#field(field2)?.focus());
   }
   #typed() {
     this.invalid = null;
   }
-  #bad(field) {
-    return this.invalid === field ? "true" : A;
+  #bad(field2) {
+    return this.invalid === field2 ? "true" : A;
   }
-  #described(field) {
-    return this.invalid === field ? "error-form" : A;
+  #described(field2) {
+    return this.invalid === field2 ? "error-form" : A;
   }
   #focus() {
     this.renderRoot.querySelector("[data-form] input, [data-form] sp-picker")?.focus();
@@ -53787,8 +53924,8 @@ var SliccSecrets = class extends ThemedElement {
     event2.preventDefault();
     if (!locked && !this.busy) void run();
   }
-  #value(label, field = "value") {
-    return b`<label class="field"><span>${label}</span><input type="password" autocomplete="off" spellcheck="false" data-field=${field} aria-invalid=${this.#bad(field)} aria-describedby=${this.#described(field)} /></label>`;
+  #value(label, field2 = "value") {
+    return b`<label class="field"><span>${label}</span><input type="password" autocomplete="off" spellcheck="false" data-field=${field2} aria-invalid=${this.#bad(field2)} aria-describedby=${this.#described(field2)} /></label>`;
   }
   #actions(locked, label, action, run) {
     return b`<div class="buttons">
@@ -54277,6 +54414,7 @@ var SliccSettings = class extends ThemedElement {
   };
   #waits = new SignInWaits(() => this.requestUpdate());
   #copies = new SignInCopies(() => this.requestUpdate());
+  #modelFilter = new ModelFilter(this);
   #landing = null;
   #away = false;
   #bases = /* @__PURE__ */ new Map();
@@ -54309,6 +54447,7 @@ var SliccSettings = class extends ThemedElement {
     fieldStyles,
     dialogFrame,
     searchCss,
+    modelFilterCss,
     r(link_default),
     signInCss,
     i`
@@ -54840,13 +54979,13 @@ var SliccSettings = class extends ThemedElement {
       });
   }
   #settingsOf(account, fields) {
-    const settable = (account.fields ?? []).filter((field) => field.vaultSetting);
+    const settable = (account.fields ?? []).filter((field2) => field2.vaultSetting);
     if (account.group === "mcp" || !settable.length) return void 0;
     return Object.fromEntries(
-      settable.flatMap((field) => {
-        const value = fields?.[field.name];
-        if (!value || field.customBase && this.#baseOf(value)) return [];
-        return [[field.vaultSetting, value]];
+      settable.flatMap((field2) => {
+        const value = fields?.[field2.name];
+        if (!value || field2.customBase && this.#baseOf(value)) return [];
+        return [[field2.vaultSetting, value]];
       })
     );
   }
@@ -54859,17 +54998,17 @@ var SliccSettings = class extends ThemedElement {
   #keyOptional(account) {
     const vault = this.#vault(account);
     const fields = account.fields ?? [];
-    if (!vault || !fields.some((field) => field.vaultSetting || field.customBase)) return false;
-    if (fields.some((field) => field.vaultSetting) && !vault.settings) return false;
+    if (!vault || !fields.some((field2) => field2.vaultSetting || field2.customBase)) return false;
+    if (fields.some((field2) => field2.vaultSetting) && !vault.settings) return false;
     return !!this.#record(account);
   }
   #refused(account, message, keyed2) {
-    const field = (account.fields ?? []).find(
+    const field2 = (account.fields ?? []).find(
       (candidate) => [candidate.vaultSetting, candidate.name, candidate.label].some(
         (word2) => word2 && words(message, word2)
       )
     );
-    if (field) this.#refuse(account.id, field.name, message);
+    if (field2) this.#refuse(account.id, field2.name, message);
     else if (keyed2) this.#refuse(account.id, "value", message);
     else this.failure = { id: account.id, message };
   }
@@ -54881,14 +55020,14 @@ var SliccSettings = class extends ThemedElement {
       return void 0;
     }
   }
-  #oldBase(account, field) {
-    return this.#baseOf(field.value) ?? this.#bases.get(`${account.id} ${field.name}`);
+  #oldBase(account, field2) {
+    return this.#baseOf(field2.value) ?? this.#bases.get(`${account.id} ${field2.name}`);
   }
   #baseChanges(account, fields) {
-    return (account.fields ?? []).filter((field) => field.customBase).map((field) => ({
-      field: field.name,
-      url: this.#baseOf(fields?.[field.name]),
-      old: this.#oldBase(account, field)
+    return (account.fields ?? []).filter((field2) => field2.customBase).map((field2) => ({
+      field: field2.name,
+      url: this.#baseOf(fields?.[field2.name]),
+      old: this.#oldBase(account, field2)
     })).filter((change) => change.url !== change.old);
   }
   #modelChange(name, changes2, from, to) {
@@ -54914,8 +55053,8 @@ var SliccSettings = class extends ThemedElement {
         await live?.endpoints?.(forward);
       } catch (error) {
         this.#busy(id, false);
-        const field = changes2.find((change) => change.url) ?? changes2[0];
-        if (this.model === model) this.#refuse(id, field.field, failureText(error));
+        const field2 = changes2.find((change) => change.url) ?? changes2[0];
+        if (this.model === model) this.#refuse(id, field2.field, failureText(error));
         return;
       }
       if (this.model !== model) {
@@ -54939,35 +55078,35 @@ var SliccSettings = class extends ThemedElement {
   }
   #placeFailure(account, fields) {
     const message = this.failure.message;
-    const field = (account.fields ?? []).find(
+    const field2 = (account.fields ?? []).find(
       (candidate) => candidate.customBase && !!fields?.[candidate.name] && [candidate.name, candidate.label, "https", "url", "port", "userinfo"].some(
         (word2) => words(message, word2)
       )
     );
-    if (!field) return;
+    if (!field2) return;
     this.failure = null;
-    this.#refuse(account.id, field.name, message);
+    this.#refuse(account.id, field2.name, message);
   }
-  #refuse(id, field, message) {
-    this.problem = { id, field, message };
+  #refuse(id, field2, message) {
+    this.problem = { id, field: field2, message };
     void this.updateComplete.then(
       () => this.renderRoot.querySelector(
-        field === "value" ? ".key input[data-field=value]" : `.key [data-account-field="${field}"]`
+        field2 === "value" ? ".key input[data-field=value]" : `.key [data-account-field="${field2}"]`
       )?.focus()
     );
   }
   #fields(form, account) {
     if (!account.fields?.length) return void 0;
     const values = {};
-    for (const field of account.fields) {
-      const input = form.querySelector(`[data-account-field="${field.name}"]`);
+    for (const field2 of account.fields) {
+      const input = form.querySelector(`[data-account-field="${field2.name}"]`);
       const value = input.value.trim();
-      if (value) values[field.name] = value;
-      else if (field.required && field.options?.length !== 0) {
+      if (value) values[field2.name] = value;
+      else if (field2.required && field2.options?.length !== 0) {
         this.#refuse(
           account.id,
-          field.name,
-          field.options ? `Select a ${field.label.toLowerCase()}.` : `${field.label} can\u2019t be empty`
+          field2.name,
+          field2.options ? `Select a ${field2.label.toLowerCase()}.` : `${field2.label} can\u2019t be empty`
         );
         return null;
       }
@@ -55010,7 +55149,7 @@ var SliccSettings = class extends ThemedElement {
     this.failure = null;
     this.problem = null;
     this.filled = new Set(
-      (account.fields ?? []).filter((field) => field.options || field.value?.trim()).map((field) => field.name)
+      (account.fields ?? []).filter((field2) => field2.options || field2.value?.trim()).map((field2) => field2.name)
     );
     this.entering = account.id;
     void this.updateComplete.then(() => this.focusOn(".key sp-textfield", ".key input"));
@@ -55032,9 +55171,9 @@ var SliccSettings = class extends ThemedElement {
       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 = "";
+    const field2 = form.querySelector("sp-textfield");
+    const secret = field2.value.trim();
+    field2.value = "";
     const fields = this.#fields(form, account);
     if (secret && fields !== null) void this.#connectBases(account, secret, fields);
   }
@@ -55117,67 +55256,67 @@ var SliccSettings = class extends ThemedElement {
     this.failure = null;
     this.problem = null;
   }
-  #problem(account, field, icon = true) {
+  #problem(account, field2, icon = true) {
     const problem = this.problem;
-    if (problem?.id !== account.id || problem.field !== field) return A;
+    if (problem?.id !== account.id || problem.field !== field2) return A;
     return b`<div class="problem" id="key-problem" role="alert">
       ${icon ? b`<swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>` : A}
       <span>${problem.message}</span>
     </div>`;
   }
-  #described(account, field) {
-    return this.problem?.id === account.id && this.problem.field === field ? "key-problem" : A;
+  #described(account, field2) {
+    return this.problem?.id === account.id && this.problem.field === field2 ? "key-problem" : A;
   }
-  #invalid(account, field) {
-    return this.#described(account, field) === A ? A : "true";
+  #invalid(account, field2) {
+    return this.#described(account, field2) === A ? A : "true";
   }
   #extra(account) {
     return (account.fields ?? []).map(
-      (field) => field.options ? b`<div class="field">
-              <sp-field-label for=${`field-${field.name}`} size="m">${field.label}</sp-field-label>${this.#control(account, field)}
-              ${field.options.length ? A : b`<p class="hint" data-empty=${field.name}>${nothingToChoose}</p>`}
-              ${field.help ? b`<p class="hint" id=${`help-${field.name}`}>${field.help}</p>` : A}
-              ${this.#problem(account, field.name, false)}
+      (field2) => field2.options ? b`<div class="field">
+              <sp-field-label for=${`field-${field2.name}`} size="m">${field2.label}</sp-field-label>${this.#control(account, field2)}
+              ${field2.options.length ? A : b`<p class="hint" data-empty=${field2.name}>${nothingToChoose}</p>`}
+              ${field2.help ? b`<p class="hint" id=${`help-${field2.name}`}>${field2.help}</p>` : A}
+              ${this.#problem(account, field2.name, false)}
             </div>` : b`<label class="field">
-              <span>${field.label}</span>${this.#control(account, field)}
+              <span>${field2.label}</span>${this.#control(account, field2)}
             </label>
-            ${field.help ? b`<p class="hint" id=${`help-${field.name}`}>${field.help}</p>` : A}
-            ${this.#problem(account, field.name)}`
+            ${field2.help ? b`<p class="hint" id=${`help-${field2.name}`}>${field2.help}</p>` : A}
+            ${this.#problem(account, field2.name)}`
     );
   }
-  #describedBy(account, field) {
-    const problem = this.#described(account, field.name);
-    const ids = [problem === A ? "" : problem, field.help ? `help-${field.name}` : ""];
+  #describedBy(account, field2) {
+    const problem = this.#described(account, field2.name);
+    const ids = [problem === A ? "" : problem, field2.help ? `help-${field2.name}` : ""];
     return ids.filter(Boolean).join(" ") || A;
   }
-  #control(account, field) {
-    if (field.options) {
-      const empty4 = !field.options.length;
-      const described2 = this.problem?.id === account.id && this.problem.field === field.name;
+  #control(account, field2) {
+    if (field2.options) {
+      const empty4 = !field2.options.length;
+      const described2 = this.problem?.id === account.id && this.problem.field === field2.name;
       return b`<sp-picker
           size="m"
-          data-account-field=${field.name}
-          label=${empty4 ? "None available" : field.label}
-          id=${`field-${field.name}`}
-          value=${start(field.options, field.value)}
+          data-account-field=${field2.name}
+          label=${empty4 ? "None available" : field2.label}
+          id=${`field-${field2.name}`}
+          value=${start(field2.options, field2.value)}
           ?disabled=${empty4}
           ?invalid=${described2}
-          aria-required=${field.required ? "true" : A}
+          aria-required=${field2.required ? "true" : A}
         >
-          ${field.options.map((option) => b`<sp-menu-item value=${option.value}>${option.label}</sp-menu-item>`)}
-          ${described2 || empty4 || field.help ? b`<span slot="description" class="sr">${described2 ? this.problem?.message : empty4 ? nothingToChoose : field.help}</span>` : A}
+          ${field2.options.map((option) => b`<sp-menu-item value=${option.value}>${option.label}</sp-menu-item>`)}
+          ${described2 || empty4 || field2.help ? b`<span slot="description" class="sr">${described2 ? this.problem?.message : empty4 ? nothingToChoose : field2.help}</span>` : A}
         </sp-picker>`;
     }
     return b`<input
           type="text"
           autocomplete="off"
           spellcheck="false"
-          data-account-field=${field.name}
-          value=${field.value ?? A}
-          placeholder=${field.placeholder ?? A}
-          aria-required=${field.required ? "true" : A}
-          aria-invalid=${this.#invalid(account, field.name)}
-          aria-describedby=${this.#describedBy(account, field)}
+          data-account-field=${field2.name}
+          value=${field2.value ?? A}
+          placeholder=${field2.placeholder ?? A}
+          aria-required=${field2.required ? "true" : A}
+          aria-invalid=${this.#invalid(account, field2.name)}
+          aria-describedby=${this.#describedBy(account, field2)}
         />`;
   }
   #getKey(account) {
@@ -55195,9 +55334,9 @@ var SliccSettings = class extends ThemedElement {
   #ready(account) {
     if (account.blocked) return false;
     if (!this.#offered()) return true;
-    const required = (account.fields ?? []).filter((field) => field.required && !field.options);
+    const required = (account.fields ?? []).filter((field2) => field2.required && !field2.options);
     const key = this.#keyOptional(account) ? [] : ["value"];
-    return [...key, ...required.map((field) => field.name)].every((name) => this.filled.has(name));
+    return [...key, ...required.map((field2) => field2.name)].every((name) => this.filled.has(name));
   }
   #fill(event2) {
     const input = event2.target;
@@ -55485,7 +55624,7 @@ var SliccSettings = class extends ThemedElement {
       this.#busy(account.id, false);
     }
     this.focusOn("[data-action=add-provider]");
-    for (const field of account.fields ?? []) this.#bases.delete(`${account.id} ${field.name}`);
+    for (const field2 of account.fields ?? []) this.#bases.delete(`${account.id} ${field2.name}`);
   }
   #heldRecords(account, vault) {
     const server = serverOf(account);
@@ -55596,7 +55735,7 @@ var SliccSettings = class extends ThemedElement {
     event2.preventDefault();
     if (this.serverBusy) return;
     const form = event2.currentTarget;
-    const text4 = (field) => form.querySelector(`[data-server-field=${field}]`)?.value.trim();
+    const text4 = (field2) => form.querySelector(`[data-server-field=${field2}]`)?.value.trim();
     const name = text4("name");
     const url = text4("url");
     const problem = this.#checkServer(name, url);
@@ -55625,21 +55764,21 @@ var SliccSettings = class extends ThemedElement {
     this.serverProblem = problem;
     if (problem.field !== "form") this.focusOn(`[data-server-field=${problem.field}]`);
   }
-  #serverNote(field) {
-    if (this.serverProblem?.field !== field) return A;
-    return b`<div class="problem" id=${`server-${field}-problem`} role="alert" data-problem=${field}>
+  #serverNote(field2) {
+    if (this.serverProblem?.field !== field2) return A;
+    return b`<div class="problem" id=${`server-${field2}-problem`} role="alert" data-problem=${field2}>
       <swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>
       <span>${this.serverProblem.message}</span>
     </div>`;
   }
-  #serverInput(field, type, help2) {
-    const invalid = this.serverProblem?.field === field;
-    const problem = invalid ? `server-${field}-problem ` : "";
+  #serverInput(field2, type, help2) {
+    const invalid = this.serverProblem?.field === field2;
+    const problem = invalid ? `server-${field2}-problem ` : "";
     return b`<input
       type=${type}
       autocomplete="off"
       spellcheck="false"
-      data-server-field=${field}
+      data-server-field=${field2}
       aria-required="true"
       aria-invalid=${invalid ? "true" : A}
       aria-describedby=${`${problem}${help2}`}
@@ -55736,8 +55875,8 @@ var SliccSettings = class extends ThemedElement {
     const dialog = this.#dialog;
     if (!changed2.has("picking") || !dialog || dialog.open) return;
     dialog.showModal();
-    const field = this.renderRoot.querySelector("sp-search");
-    void field.updateComplete.then(() => field.focus());
+    const field2 = this.renderRoot.querySelector("sp-search");
+    void field2.updateComplete.then(() => field2.focus());
   }
   get #dialog() {
     return this.renderRoot.querySelector("dialog.picker");
@@ -55953,8 +56092,8 @@ var SliccSettings = class extends ThemedElement {
       <div class="rows">
       <div class="row">
         <span class="label" id="model">Model for new cones</span>
-        <sp-picker size="m" label="Model" aria-labelledby="model" value=${value.model} @change=${(e128) => this.#pickModel(e128)}>
-          ${chatModels(settings.models()).map((option) => b`<sp-menu-item value=${option.id}>${option.label}<span slot="description">${option.provider}</span></sp-menu-item>`)}
+        <sp-picker size="m" label="Model" aria-labelledby="model" value=${value.model} @change=${(e128) => this.#pickModel(e128)} @sp-opened=${this.#modelFilter.opened} @sp-closed=${this.#modelFilter.closed} @keydown=${this.#modelFilter.keys}>
+          ${this.#modelFilter.items(chatModels(settings.models()))}
         </sp-picker>
         ${this.#switched(value.model)}
       </div>
@@ -56112,7 +56251,7 @@ var bridge = `(() => {
   });
   post({ type: 'slicc-ready' });
 })();`;
-function literal(value) {
+function literal2(value) {
   try {
     return JSON.stringify(value ?? null).replace(/</g, "\\u003c");
   } catch {
@@ -56121,7 +56260,7 @@ function literal(value) {
 }
 function store(state2) {
   return `(() => {
-  let state = ${literal(state2)};
+  let state = ${literal2(state2)};
   const tag = Math.random().toString(36).slice(2);
   const pending = new Map();
   let next = 0;
@@ -56753,10 +56892,10 @@ var SliccValueRequest = class extends ThemedElement {
     const bad = nameProblem(name);
     const value = bad ? "" : take(this.#field("value"));
     const text4 = bad ?? valueProblem(value);
-    const field = bad ? "name" : "value";
-    this.problem = text4 ? { id: request2.id, text: text4, field } : null;
+    const field2 = bad ? "name" : "value";
+    this.problem = text4 ? { id: request2.id, text: text4, field: field2 } : null;
     if (text4) {
-      void this.updateComplete.then(() => this.#field(field)?.focus());
+      void this.updateComplete.then(() => this.#field(field2)?.focus());
       return;
     }
     this.busy = true;
@@ -56766,8 +56905,8 @@ var SliccValueRequest = class extends ThemedElement {
       this.#done.add(request2.id);
     } catch (error) {
       if (this.#mine(vault)) {
-        const field2 = fieldOf(error, "value");
-        this.problem = { id: request2.id, text: failureText(error), ...field2 ? { field: field2 } : {} };
+        const field3 = fieldOf(error, "value");
+        this.problem = { id: request2.id, text: failureText(error), ...field3 ? { field: field3 } : {} };
       }
     } finally {
       if (this.model?.vault === vault) this.busy = false;
@@ -56776,8 +56915,8 @@ var SliccValueRequest = class extends ThemedElement {
   #typed() {
     if (this.problem?.field) this.problem = { id: this.problem.id, text: this.problem.text };
   }
-  #aria(field, problem) {
-    const bad = problem?.field === field;
+  #aria(field2, problem) {
+    const bad = problem?.field === field2;
     return { invalid: bad ? "true" : A, described: bad ? "error-request" : A };
   }
   async cancelRequest(request2) {
@@ -56848,7 +56987,7 @@ var SliccValueRequest = class extends ThemedElement {
     const shown4 = this.problem?.id === request2.id ? this.problem : null;
     const problem = shown4?.text ?? "";
     const name = this.#aria("name", shown4);
-    const field = this.#aria("value", shown4);
+    const field2 = this.#aria("value", shown4);
     return i23(
       request2.id,
       b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asked" data-request=${request2.id} @cancel=${(event2) => {
@@ -56864,7 +57003,7 @@ var SliccValueRequest = class extends ThemedElement {
         const input = event2.currentTarget;
         input.value = input.value.toUpperCase();
       }} /></label>`}
-                  <label class="field"><span>Value</span><input type="password" autocomplete="off" spellcheck="false" data-field="value" aria-invalid=${field.invalid} aria-describedby=${field.described} /></label>
+                  <label class="field"><span>Value</span><input type="password" autocomplete="off" spellcheck="false" data-field="value" aria-invalid=${field2.invalid} aria-describedby=${field2.described} /></label>
                 </div>` : A}
           ${locked ? this.#unlock(vault) : A}
           ${problem ? b`<p class="problem" role="alert" id="error-request" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${problem}</span></p>` : A}
@@ -57967,9 +58106,9 @@ var ViewItem = class {
       this._cachedVisibleSize = size4.cachedVisibleSize;
     }
   }
-  setVisible(visible2, size4) {
-    if (visible2 === this.visible) return;
-    if (visible2) {
+  setVisible(visible3, size4) {
+    if (visible3 === this.visible) return;
+    if (visible3) {
       var _this$_cachedVisibleS;
       const cachedVisibleSize = (_this$_cachedVisibleS = this._cachedVisibleSize) !== null && _this$_cachedVisibleS !== void 0 ? _this$_cachedVisibleS : 0;
       this._cachedVisibleSize = void 0;
@@ -57978,8 +58117,8 @@ var ViewItem = class {
       this._cachedVisibleSize = typeof size4 === "number" ? size4 : this.size;
       this.size = 0;
     }
-    this.container.classList.toggle("visible", visible2);
-    if (this.view.setVisible) this.view.setVisible(visible2);
+    this.container.classList.toggle("visible", visible3);
+    if (this.view.setVisible) this.view.setVisible(visible3);
   }
   dispose() {
     this.disposable.dispose();
@@ -58141,15 +58280,15 @@ var Splitview = class {
       let snapped = false;
       if (snapBefore) {
         const snapView = this.viewItems[snapBefore.index];
-        const visible2 = delta >= snapBefore.limitDelta;
-        snapped = visible2 !== snapView.visible;
-        snapView.setVisible(visible2, snapBefore.size);
+        const visible3 = delta >= snapBefore.limitDelta;
+        snapped = visible3 !== snapView.visible;
+        snapView.setVisible(visible3, snapBefore.size);
       }
       if (!snapped && snapAfter) {
         const snapView = this.viewItems[snapAfter.index];
-        const visible2 = delta < snapAfter.limitDelta;
-        snapped = visible2 !== snapView.visible;
-        snapView.setVisible(visible2, snapAfter.size);
+        const visible3 = delta < snapAfter.limitDelta;
+        snapped = visible3 !== snapView.visible;
+        snapView.setVisible(visible3, snapAfter.size);
       }
       if (snapped) return this.resize(index2, delta, sizes, lowPriorityIndexes, highPriorityIndexes, overloadMinDelta, overloadMaxDelta);
       const tentativeDelta = clamp(delta, minDelta, maxDelta);
@@ -58212,10 +58351,10 @@ var Splitview = class {
     if (index2 < 0 || index2 >= this.viewItems.length) throw new Error("Index out of bounds");
     return this.viewItems[index2].visible;
   }
-  setViewVisible(index2, visible2) {
+  setViewVisible(index2, visible3) {
     if (index2 < 0 || index2 >= this.viewItems.length) throw new Error("Index out of bounds");
     const viewItem = this.viewItems[index2];
-    viewItem.setVisible(visible2, viewItem.size);
+    viewItem.setVisible(visible3, viewItem.size);
     this.distributeEmptySpace(index2);
     this.layoutViews();
     this.saveProportions();
@@ -58658,8 +58797,8 @@ var LeafNode = class {
       else this._onDidChange.fire({});
     });
   }
-  setVisible(visible2) {
-    if (this.view.setVisible) this.view.setVisible(visible2);
+  setVisible(visible3) {
+    if (this.view.setVisible) this.view.setVisible(visible3);
   }
   layout(size4, orthogonalSize) {
     this._size = size4;
@@ -58821,14 +58960,14 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
     if (index2 < 0 || index2 >= this.children.length) throw new Error("Invalid index");
     return this.splitview.isViewVisible(index2);
   }
-  setChildVisible(index2, visible2) {
+  setChildVisible(index2, visible3) {
     if (index2 < 0 || index2 >= this.children.length) throw new Error("Invalid index");
-    if (this.splitview.isViewVisible(index2) === visible2) return;
+    if (this.splitview.isViewVisible(index2) === visible3) return;
     const wereAllChildrenHidden = this.splitview.contentSize === 0;
-    this.splitview.setViewVisible(index2, visible2);
+    this.splitview.setViewVisible(index2, visible3);
     this.invalidateCachedSizes();
     const areAllChildrenHidden = this.splitview.contentSize === 0;
-    if (visible2 && wereAllChildrenHidden || !visible2 && areAllChildrenHidden) this._onDidVisibilityChange.fire({ visible: visible2 });
+    if (visible3 && wereAllChildrenHidden || !visible3 && areAllChildrenHidden) this._onDidVisibilityChange.fire({ visible: visible3 });
   }
   moveChild(from, to) {
     if (from === to) return;
@@ -58881,8 +59020,8 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
       this.invalidateCachedSizes();
       this._onDidChange.fire({ size: e128.orthogonalSize });
     }), ...this.children.map((c29, i26) => {
-      if (c29 instanceof BranchNode2) return c29.onDidVisibilityChange(({ visible: visible2 }) => {
-        this.setChildVisible(i26, visible2);
+      if (c29 instanceof BranchNode2) return c29.onDidVisibilityChange(({ visible: visible3 }) => {
+        this.setChildVisible(i26, visible3);
       });
       return Disposable.NONE;
     }));
@@ -59308,13 +59447,13 @@ var Gridview = class {
     if (!(parent instanceof BranchNode)) throw new TypeError("Invalid from location");
     return parent.isChildVisible(index2);
   }
-  setViewVisible(location2, visible2) {
+  setViewVisible(location2, visible3) {
     if (this.hasMaximizedView()) this.exitMaximizedView();
     const [rest, index2] = tail(location2);
     const [, parent] = this.getNode(rest);
     if (!(parent instanceof BranchNode)) throw new TypeError("Invalid from location");
     this._onDidViewVisibilityChange.fire();
-    parent.setChildVisible(index2, visible2);
+    parent.setChildVisible(index2, visible3);
   }
   moveView(parentLocation, from, to) {
     if (this.hasMaximizedView()) this.exitMaximizedView();
@@ -59560,8 +59699,8 @@ var BaseGrid = class extends Resizable {
       this._bufferOnDidLayoutChange.fire();
     }), this._onDidMaximizedChange, this._onDidViewVisibilityChangeMicroTaskQueue, this._bufferOnDidLayoutChange);
   }
-  setVisible(panel, visible2) {
-    this.gridview.setViewVisible(getGridLocation(panel.element), visible2);
+  setVisible(panel, visible3) {
+    this.gridview.setViewVisible(getGridLocation(panel.element), visible3);
     this._bufferOnDidLayoutChange.fire();
   }
   isVisible(panel) {
@@ -60320,8 +60459,8 @@ var DockviewApi = class {
   /**
   * Set the visibility of an edge group.
   */
-  setEdgeGroupVisible(position2, visible2) {
-    this.component.setEdgeGroupVisible(position2, visible2);
+  setEdgeGroupVisible(position2, visible3) {
+    this.component.setEdgeGroupVisible(position2, visible3);
   }
   /**
   * Check whether an edge group is currently visible.
@@ -70445,8 +70584,8 @@ var EdgeGroupView = class {
     this._isCollapsed = collapsed;
     this._group.element.classList.toggle("dv-edge-collapsed", collapsed);
   }
-  setVisible(visible2) {
-    this._isVisible = visible2;
+  setVisible(visible3) {
+    this._isVisible = visible3;
   }
   /**
   * Set the expanded size without triggering a layout: from serialized
@@ -70540,9 +70679,9 @@ var MiddleColumnView = class {
   }
   setVisible(_visible) {
   }
-  setViewVisible(position2, visible2) {
+  setViewVisible(position2, visible3) {
     const index2 = position2 === "top" ? this._topIndex : this._bottomIndex;
-    if (index2 !== void 0) this._splitview.setViewVisible(index2, visible2);
+    if (index2 !== void 0) this._splitview.setViewVisible(index2, visible3);
   }
   isViewVisible(position2) {
     const index2 = position2 === "top" ? this._topIndex : this._bottomIndex;
@@ -70789,22 +70928,22 @@ var ShellManager = class {
         return this._rightView !== void 0;
     }
   }
-  setEdgeGroupVisible(position2, visible2) {
-    const changes2 = this._getView(position2) !== void 0 && visible2 !== this.isEdgeGroupVisible(position2);
+  setEdgeGroupVisible(position2, visible3) {
+    const changes2 = this._getView(position2) !== void 0 && visible3 !== this.isEdgeGroupVisible(position2);
     switch (position2) {
       case "left":
-        if (this._leftIndex !== void 0) this._outerSplitview.setViewVisible(this._leftIndex, visible2);
+        if (this._leftIndex !== void 0) this._outerSplitview.setViewVisible(this._leftIndex, visible3);
         break;
       case "right":
-        if (this._rightIndex !== void 0) this._outerSplitview.setViewVisible(this._rightIndex, visible2);
+        if (this._rightIndex !== void 0) this._outerSplitview.setViewVisible(this._rightIndex, visible3);
         break;
       case "top":
       case "bottom":
-        this._middleColumn.setViewVisible(position2, visible2);
+        this._middleColumn.setViewVisible(position2, visible3);
         break;
     }
     if (changes2 && this._gap > 0 && this._hasSiblingOn(position2)) this._relayout();
-    if (visible2) this._flushPendingSizes();
+    if (visible3) this._flushPendingSizes();
   }
   isEdgeGroupVisible(position2) {
     switch (position2) {
@@ -70906,10 +71045,10 @@ var ShellManager = class {
     for (const position2 of EDGE_POSITIONS) {
       const view = this._getView(position2);
       if (!view) continue;
-      const visible2 = this.isEdgeGroupVisible(position2);
+      const visible3 = this.isEdgeGroupVisible(position2);
       edgeGroups[position2] = {
-        size: this._expandedSize(view, position2, visible2),
-        visible: visible2,
+        size: this._expandedSize(view, position2, visible3),
+        visible: visible3,
         collapsed: view.isCollapsed || void 0,
         minimumSize: view.configuredMinimumSize,
         maximumSize: Number.isFinite(view.configuredMaximumSize) ? view.configuredMaximumSize : void 0,
@@ -70921,11 +71060,11 @@ var ShellManager = class {
   /** The size to restore the group to. An expanded-but-hidden group has a
   *  slot of 0, so fall back to its cached visible size (then
   *  lastExpandedSize); otherwise re-showing snaps to minimumSize. */
-  _expandedSize(view, position2, visible2) {
+  _expandedSize(view, position2, visible3) {
     if (view.isCollapsed) return view.lastExpandedSize;
     const pending = this._pendingSizes.get(position2);
     if (pending !== void 0) return pending;
-    if (!visible2) {
+    if (!visible3) {
       var _this$_cachedVisibleS;
       return (_this$_cachedVisibleS = this._cachedVisibleSize(position2)) !== null && _this$_cachedVisibleS !== void 0 ? _this$_cachedVisibleS : view.lastExpandedSize;
     }
@@ -71699,16 +71838,16 @@ var DockviewComponent = class extends BaseGrid {
     this._moduleRegistry.postConstruct(this);
     this._shellManager.layoutFromElement();
   }
-  setVisible(panel, visible2) {
+  setVisible(panel, visible3) {
     switch (panel.api.location.type) {
       case "grid":
-        super.setVisible(panel, visible2);
+        super.setVisible(panel, visible3);
         break;
       case "floating": {
         const item2 = this.floatingGroups.find((floatingGroup) => floatingGroup.group === panel);
         if (item2) {
-          item2.overlay.setVisible(visible2);
-          panel.api._onDidVisibilityChange.fire({ isVisible: visible2 });
+          item2.overlay.setVisible(visible3);
+          panel.api._onDidVisibilityChange.fire({ isVisible: visible3 });
         }
         break;
       }
@@ -72515,8 +72654,8 @@ var DockviewComponent = class extends BaseGrid {
   repositionPanelOverlay(panel, forceVisible, clip) {
     this.overlayRenderContainer.repositionPanelOverlay(panel.api.id, forceVisible, clip);
   }
-  setEdgeGroupVisible(position2, visible2) {
-    this._shellManager.setEdgeGroupVisible(position2, visible2);
+  setEdgeGroupVisible(position2, visible3) {
+    this._shellManager.setEdgeGroupVisible(position2, visible3);
   }
   isEdgeGroupVisible(position2) {
     return this._shellManager.isEdgeGroupVisible(position2);
@@ -75264,11 +75403,11 @@ function isDirectoryNode(node2) {
 function getNodeFlags(node2) {
   return node2.depthAndFlags & PATH_STORE_NODE_FLAGS_MASK;
 }
-function hasNodeFlag(node2, flag) {
-  return (getNodeFlags(node2) & flag) !== 0;
+function hasNodeFlag(node2, flag2) {
+  return (getNodeFlags(node2) & flag2) !== 0;
 }
-function addNodeFlag(node2, flag) {
-  node2.depthAndFlags |= flag;
+function addNodeFlag(node2, flag2) {
+  node2.depthAndFlags |= flag2;
 }
 function setNodeDepth(node2, depth) {
   node2.depthAndFlags = createNodeDepthAndFlags(depth, getNodeFlags(node2), getNodeKind(node2));
@@ -80733,9 +80872,9 @@ function computeFileTreeLayout(rows2, metrics) {
   const firstOccludedIndex = stickyHeight <= 0 || firstVisiblePhysicalIndex < 0 || firstVisiblePhysicalIndex >= totalRowCount ? -1 : firstVisiblePhysicalIndex;
   const lastOccludedIndex = firstOccludedIndex === -1 ? -1 : Math.min(totalRowCount - 1, firstProjectedIndex - 1);
   const occludedCount = firstOccludedIndex === -1 || lastOccludedIndex < firstOccludedIndex ? 0 : lastOccludedIndex - firstOccludedIndex + 1;
-  const visible2 = paneHeight <= 0 || firstProjectedIndex >= totalRowCount ? EMPTY_FILE_TREE_LAYOUT_RANGE : createRange(firstProjectedIndex, getLastIntersectingIndex(paneTop + paneHeight, totalRowCount, metrics.itemHeight));
+  const visible3 = paneHeight <= 0 || firstProjectedIndex >= totalRowCount ? EMPTY_FILE_TREE_LAYOUT_RANGE : createRange(firstProjectedIndex, getLastIntersectingIndex(paneTop + paneHeight, totalRowCount, metrics.itemHeight));
   const minimumWindowStart = lastOccludedIndex + 1;
-  const windowRange = isEmptyRange(visible2) ? EMPTY_FILE_TREE_LAYOUT_RANGE : createRange(Math.max(minimumWindowStart, visible2.startIndex - overscan), Math.min(totalRowCount - 1, visible2.endIndex + overscan));
+  const windowRange = isEmptyRange(visible3) ? EMPTY_FILE_TREE_LAYOUT_RANGE : createRange(Math.max(minimumWindowStart, visible3.startIndex - overscan), Math.min(totalRowCount - 1, visible3.endIndex + overscan));
   const windowHeight = getRangeHeight(windowRange, metrics.itemHeight);
   return {
     occlusion: {
@@ -80761,7 +80900,7 @@ function computeFileTreeLayout(rows2, metrics) {
       height: stickyHeight,
       rows: stickyRows
     },
-    visible: visible2,
+    visible: visible3,
     window: {
       endIndex: windowRange.endIndex,
       height: windowHeight,