@ai-ecoverse/slicc-spectrum 1.103.2 → 1.104.0

package/dist/slicc-ui.js

@@ -21282,12 +21282,12 @@ function safeUrl(url, images = false, strict = false) {
   if (strict) return /^https:\/\//i.test(url);
   return /^https?:\/\//.test(url) || !images && /^mailto:/.test(url) || images && /^data:image\/(png|jpeg|gif|webp|svg\+xml)[;,]/.test(url);
 }
-function link(url, title, label, strict) {
-  return safeUrl(url, false, strict) ? b`<a href=${url} title=${title ?? A} target="_blank" rel="noopener noreferrer">${label}</a>` : b`${label}`;
+function link(url, title2, label, strict) {
+  return safeUrl(url, false, strict) ? b`<a href=${url} title=${title2 ?? A} target="_blank" rel="noopener noreferrer">${label}</a>` : b`${label}`;
 }
-function image(url, title, alt, strict) {
-  if (strict) return link(url, title, alt || url, true);
-  return safeUrl(url, true) ? b`<img src=${url} alt=${alt} title=${title ?? A} />` : alt;
+function image(url, title2, alt, strict) {
+  if (strict) return link(url, title2, alt || url, true);
+  return safeUrl(url, true) ? b`<img src=${url} alt=${alt} title=${title2 ?? A} />` : alt;
 }
 function inline3(node2, context) {
   return node2.children.map((child) => phrasing(child, context));
@@ -21868,11 +21868,11 @@ function errorCard(item2, handlers) {
   const resolved = login?.state === "connected";
   const signing = login?.state === "signing-in" && login.window;
   const text5 = resolved ? signedIn : signing ? signInText(login.waited) : item2.text;
-  const title = resolved && login.provider ? `Signed in to ${login.provider} again.` : item2.title;
+  const title2 = resolved && login.provider ? `Signed in to ${login.provider} again.` : item2.title;
   const failure2 = login?.state === "idle" ? login.error : void 0;
   return b`<div class="error-card" role=${resolved ? A : "alert"} aria-atomic=${resolved ? A : "false"} data-id=${id || A} data-login=${login?.state ?? A}>
     ${resolved ? b`<swc-icon-info-circle class="icon" size="s" aria-hidden="true"></swc-icon-info-circle>` : b`<swc-icon-alert-diamond class="icon" size="s" aria-hidden="true"></swc-icon-alert-diamond>`}
-    ${resolved ? A : b`<span class="sr">Error: </span>`}<span class="lead">${title}</span>
+    ${resolved ? A : b`<span class="sr">Error: </span>`}<span class="lead">${title2}</span>
     ${text5 ? b`<span class="detail" role=${login ? "status" : A}>${text5}</span>` : A}
     ${fix ? b`<div class="fix" aria-live="off">${fixButton(fix, item2, handlers, login)}</div>` : A}
     ${signing ? signInDetails(item2.account, login.signIn, login.copied, (code3) => handlers.copySignIn?.(item2.account, id, code3), "s") : A}
@@ -22187,8 +22187,8 @@ function attachment(item2) {
     <span slot="subtitle" class="size">${detail}</span>
   </swc-user-message>`;
 }
-function when(at, title = "") {
-  return b`<time class="when" datetime=${new Date(at).toISOString()} title=${title || A}>${time(at)}</time>`;
+function when(at, title2 = "") {
+  return b`<time class="when" datetime=${new Date(at).toISOString()} title=${title2 || A}>${time(at)}</time>`;
 }
 function unseen(at) {
   return b`<time class="sr" datetime=${new Date(at).toISOString()}>${time(at)}</time>`;
@@ -22324,12 +22324,12 @@ var ended = /* @__PURE__ */ new Set([
 function system(message, handlers) {
   if (message.kind === "compaction") {
     const failed2 = message.state === "fallback" || message.state === "discarded";
-    const title = message.title ?? compactionTitles[message.state ?? "summarized"];
+    const title2 = message.title ?? compactionTitles[message.state ?? "summarized"];
     return event(
-      title,
+      title2,
       b`<div class="marker" role="status" data-id=${message.id} data-state=${message.state ?? "summarized"}>
         <span class="line"></span>
-        <span class="marker-text">${failed2 ? b`<swc-icon-alert-diamond class="fault" size="xs" aria-hidden="true"></swc-icon-alert-diamond>` : A}${title}${message.state === "summarizing" ? b`<swc-progress-circle size="s" label="Summarizing"></swc-progress-circle>` : A}${message.text ? b`<span class="sr">. ${message.text}</span>` : A}</span>
+        <span class="marker-text">${failed2 ? b`<swc-icon-alert-diamond class="fault" size="xs" aria-hidden="true"></swc-icon-alert-diamond>` : A}${title2}${message.state === "summarizing" ? b`<swc-progress-circle size="s" label="Summarizing"></swc-progress-circle>` : A}${message.text ? b`<span class="sr">. ${message.text}</span>` : A}</span>
         <span class="line"></span>
       </div>`
     );
@@ -24000,7 +24000,7 @@ var SliccComposer = class extends ThemedElement {
         padding: var(--swc-spacing-50) var(--swc-spacing-50) var(--swc-spacing-50) var(--swc-spacing-200);
         border-radius: var(--swc-corner-radius-medium-default);
         background: var(--swc-neutral-subtle-background-color-default);
-        border: var(--swc-border-width-100) dashed var(--swc-gray-300);
+        border: var(--swc-border-width-100) dashed var(--swc-neutral-visual-color);
         color: var(--swc-neutral-content-color-default);
       }
       .hold {
@@ -24858,7 +24858,7 @@ ${this.value}` : text5;
         <swc-button size="s" variant="accent" data-action="share-secret" ?pending=${this.sharing} @click=${(event2) => event2.currentTarget.closest("form")?.requestSubmit()}>Share</swc-button>
       </form>`;
     }
-    const title = {
+    const title2 = {
       command: "Commands",
       argument: "Options",
       mention: "Mention",
@@ -24882,7 +24882,7 @@ ${this.value}` : text5;
       if (last && last.group === item2.group) last.entries.push([item2, index2]);
       else sections2.push({ group: item2.group, entries: [[item2, index2]] });
     });
-    return b`<div class="popup" role="listbox" aria-label=${title} data-kind=${popup2.kind}>
+    return b`<div class="popup" role="listbox" aria-label=${title2} data-kind=${popup2.kind}>
       ${popup2.items.length ? sections2.map(
       ({ group, entries }) => group ? b`<div class="section" role="group" aria-label=${group} data-group=${group}>
                     <div class="heading" aria-hidden="true">${group}</div>
@@ -25533,6 +25533,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     globalThis.addEventListener("keydown", this.#escape, true);
   };
   #leaving;
+  #probed = null;
   #leave = (event2) => {
     const to = event2.relatedTarget;
     if (to instanceof Node && this.contains(to)) return;
@@ -26038,6 +26039,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    this.#probed = null;
     globalThis.addEventListener("pointerup", this.#release, true);
     globalThis.addEventListener("pointercancel", this.#release, true);
     if (this.hasUpdated) this.#observe();
@@ -26298,6 +26300,9 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.model.agent.clear(agent.id);
     this.renderRoot.querySelector("slicc-composer")?.focus();
   }
+  #agentless() {
+    return this.model?.agent.starting?.() ? b`<swc-status-light size="s" variant="neutral" data-starting>Starting…</swc-status-light>` : b`<span>No agent</span>`;
+  }
   #meta(agent, empty5) {
     const model = this.model;
     const fill2 = Math.round(agent.contextFill * 100);
@@ -26343,10 +26348,15 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.#all = false;
     this.#details.clear();
   }
+  #probe() {
+    if (this.#handlers.surface || this.#probed === this.color) return;
+    this.#probed = this.color;
+    this.#handlers.surface = readSurface(this.renderRoot);
+  }
   render() {
     this.#handlers.color = this.color;
     this.#handlers.model = this.model ?? null;
-    this.#handlers.surface ??= readSurface(this.renderRoot);
+    this.#probe();
     const agent = this.#agent();
     this.#switched(agent);
     const watch2 = watchOnly(this.model);
@@ -26361,7 +26371,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     if (!this.behind) this.#mark = count2;
     return b`
       <header ?data-compact=${this.compact}>
-        ${agent ? this.#meta(agent, !messages.length) : b`<span>No agent</span>`}
+        ${agent ? this.#meta(agent, !messages.length) : this.#agentless()}
       </header>
       <slicc-notices .model=${this.model}></slicc-notices>
       ${this.#asks(asks)}
@@ -27620,8 +27630,8 @@ function agentTitle(model, agent) {
 function twinned(name, id, rows2) {
   return rows2.some((row) => row.id !== id && row.name === name);
 }
-function withTitle(name, title) {
-  return `${name} (${short(title) || untitled.toLowerCase()})`;
+function withTitle(name, title2) {
+  return `${name} (${short(title2) || untitled.toLowerCase()})`;
 }
 function coneLabel(model, agent) {
   const cones = model.agent.list().filter((other) => other.kind === "cone");
@@ -27633,9 +27643,9 @@ function watchTitles(model, update) {
   const check3 = (id) => {
     const agent = model.agent.list().find((candidate) => candidate.id === id);
     if (!agent) return;
-    const title = agentTitle(model, agent);
-    if (seen.get(id) === title) return;
-    seen.set(id, title);
+    const title2 = agentTitle(model, agent);
+    if (seen.get(id) === title2) return;
+    seen.set(id, title2);
     update();
   };
   const stops = [
@@ -28510,6 +28520,11 @@ var SliccAgents = class extends ModelElement {
       min-block-size: 0;
       overflow-y: auto;
     }
+    .note {
+      margin: 0;
+      padding: var(--swc-spacing-400);
+      color: var(--swc-neutral-subdued-content-color-default);
+    }
     .actions {
       display: flex;
       padding: var(--swc-spacing-75) var(--swc-spacing-100);
@@ -28736,6 +28751,7 @@ var SliccAgents = class extends ModelElement {
     this.#reveal(model);
     return [
       model.agent.on("agents", () => this.requestUpdate()),
+      ...model.agent.starting ? [model.agent.on("starting", () => this.requestUpdate())] : [],
       model.agent.on("active", () => {
         this.#reveal(model);
         this.requestUpdate();
@@ -28930,7 +28946,7 @@ var SliccAgents = class extends ModelElement {
     const current = agent.id === anchor;
     const error = this.errors[agent.id];
     const model = this.model;
-    const title = agentTitle(model, agent);
+    const title2 = agentTitle(model, agent);
     const scoops = this.#scoops(agent);
     const open = this.#expanded.has(agent.id);
     const unread = selected ? 0 : agent.unread;
@@ -28958,7 +28974,7 @@ var SliccAgents = class extends ModelElement {
         <span class="name">${agent.name}</span>
       </div>
       ${fillShown(agent.contextFill) ? b`<span class="fill" data-variant=${meterVariant2(agent.contextFill)}>${percent(agent.contextFill)}</span>` : A}
-      <span class="title"><span class="state">${statusLabel[agent.status]}</span> · ${title || untitled}</span>
+      <span class="title"><span class="state">${statusLabel[agent.status]}</span> · ${title2 || untitled}</span>
       ${this.#ribbon(scoops)}
       ${this.#dropButton(agent, selected)}
       ${this.#deleteButton(agent, selected)}
@@ -28985,6 +29001,8 @@ var SliccAgents = class extends ModelElement {
   }
   render() {
     const list6 = this.model?.agent.list() ?? [];
+    if (!list6.length && this.model?.agent.starting?.())
+      return b`<div class="list"><p class="note" data-empty="starting">The agent shows up here once it starts.</p></div>`;
     const active = this.model?.agent.active() ?? "";
     const errors = Object.values(this.errors);
     const rows2 = ordered(list6).filter(
@@ -29496,13 +29514,13 @@ var SliccGuestInvite = class extends i2 {
     this.remove();
     if (this.trigger?.isConnected) this.trigger.focus();
   }
-  #gate(field, title, value) {
+  #gate(field, title2, value) {
     const options2 = this.#options(field, this.#current);
     const chosen = options2.find((option2) => option2.value === value);
     const id = `guest-${field}`;
     return b`<div class="field">
-      <sp-field-label for=${id} size="m">${title}</sp-field-label>
-      <sp-picker id=${id} size="m" label=${title} data-action=${`guest-${field}`} .value=${l(value)} ?disabled=${this.pending} @change=${(event2) => {
+      <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);
     }}>
         ${options2.map((option2) => b`<sp-menu-item value=${option2.value}>${option2.label}<span slot="description">${option2.description}</span></sp-menu-item>`)}
@@ -30480,7 +30498,7 @@ function terminalsText(count2) {
 var again = "Unlinking it, or a new certificate on it, turns this off again.";
 function accessConfirm(device, key2) {
   const name = device.name;
-  const [title, body4] = {
+  const [title2, body4] = {
     follow: [
       `Let ${name} follow this SLICC?`,
       "It sees the agent\u2019s conversations live. To let it send prompts or open terminals, turn on Control or Terminal for it afterwards."
@@ -30498,7 +30516,7 @@ function accessConfirm(device, key2) {
       "Terminal lets it open shells on this SLICC as root: it can run any command and read or change every file."
     ]
   }[key2];
-  return { title, body: `${body4} ${again}`, action: "Allow", variant: "confirmation" };
+  return { title: title2, body: `${body4} ${again}`, action: "Allow", variant: "confirmation" };
 }
 function say(devices, one3, many) {
   if (!devices.length) return [];
@@ -32440,7 +32458,7 @@ function state(info) {
 function table2(rows2) {
   const lines = [["ID", "TITLE", "STATE"], ...rows2.map((row) => [row.id, row.title, state(row)])];
   const widths = [0, 1].map((column) => Math.max(...lines.map((line) => line[column].length)));
-  return lines.map(([id, title, shown4]) => `${id.padEnd(widths[0])}  ${title.padEnd(widths[1])}  ${shown4}`).join("\n");
+  return lines.map(([id, title2, shown4]) => `${id.padEnd(widths[0])}  ${title2.padEnd(widths[1])}  ${shown4}`).join("\n");
 }
 var done = (result, note = "") => result.code === 0 ? { stdout: `${result.message}${note}
 `, stderr: "", code: 0 } : { stdout: "", stderr: `panel: ${result.message}
@@ -38039,9 +38057,22 @@ function guestAlwaysHint(approval) {
 function guestAsking(approval) {
   return approval.kind === "guest-message" ? `${approval.requester.name} wants to send this to ${approval.agentName ?? "this cone"}:` : `${approval.agentName ?? "This cone"} wants to run ${approval.tool} for ${approval.requester.name}:`;
 }
+function trayTitle(approval) {
+  if (approval.op === "url") return "Share this seven\u2019s join URL?";
+  if (approval.op === "rotate") return "Make a new join URL?";
+  return approval.device ? `Unlink ${approval.device.name}?` : "Unlink a device?";
+}
+function trayAsking(approval) {
+  const { name } = approval.requester;
+  if (approval.op === "url")
+    return `${name} wants this seven\u2019s join URL. Anyone with it can ask to link to this seven.`;
+  if (approval.op === "rotate")
+    return `${name} wants a new join URL. Linked devices move to it, and the old one stops working.`;
+  return `${name} wants to unlink ${approval.device?.name ?? "a device"} from this seven.`;
+}
 function approved(approval) {
   if (approval.kind === "sudo") return sudo(approval);
-  if (approval.kind === "guest-message") return "";
+  if (approval.kind === "guest-message" || approval.kind === "tray") return "";
   if (approval.summary.trim()) return approval.summary;
   return approval.args?.trim() ? `${approval.tool}
 ${approval.args}` : "";
@@ -38061,7 +38092,7 @@ function rulesOf(approval) {
   return approval.kind === "sudo" ? secretRules(approval.command, approval.cwd) : clear;
 }
 function waiting2(model, now) {
-  return [...model?.approvals?.list() ?? []].filter((approval) => approval.expiresAt > now).sort((a23, b13) => a23.createdAt - b13.createdAt);
+  return [...model?.approvals?.list() ?? []].filter((approval) => approval.expiresAt > now && Object.hasOwn(titles, approval.kind)).sort((a23, b13) => a23.createdAt - b13.createdAt);
 }
 var titles = {
   sudo: {
@@ -38078,8 +38109,16 @@ var titles = {
     ask: "Allow a guest\u2019s tool call?",
     elsewhere: "Answered elsewhere",
     expired: "Guest tool call timed out"
+  },
+  tray: {
+    ask: "",
+    elsewhere: "Answered in another tab",
+    expired: "Tray request timed out"
   }
 };
+function title(approval) {
+  return approval.kind === "tray" ? trayTitle(approval) : titles[approval.kind].ask;
+}
 function gone(reason) {
   return reason === "expired" ? "expired" : "elsewhere";
 }
@@ -38271,7 +38310,7 @@ var SliccApprovals = class extends ModelElement {
     if (!port?.decide || this.busy || decision2 !== "deny" && (!this.#armed || !this.#whole(approval)))
       return;
     const verdict = rulesOf(approval);
-    const always = approval.kind === "sudo" || approval.always;
+    const always = approval.kind === "sudo" || approval.kind !== "tray" && approval.always;
     if (decision2 === "always" && (!always || verdict.certain || verdict.maybe)) return;
     this.busy = decision2;
     this.failure = null;
@@ -38387,6 +38426,7 @@ var SliccApprovals = class extends ModelElement {
     return b`<pre class="command" data-command=${approval.kind === "sudo" ? "" : A} data-summary=${approval.kind === "sudo" ? A : ""}><span class="lines" data-clamp=${full ? A : id}>${text5}${pending ? b`<span class="end" data-end=${id}></span>` : A}</span></pre>${toggle}`;
   }
   #request(approval, pending = false) {
+    if (approval.kind === "tray") return b`<p id="asking">${trayAsking(approval)}</p>`;
     if (approval.kind === "sudo")
       return b`<p id="asking">${asking(approval)}:</p>
         ${this.#command(approval, pending)}`;
@@ -38399,7 +38439,7 @@ var SliccApprovals = class extends ModelElement {
       ${files.length ? b`<ul class="files" data-attachments>${files.map((file) => b`<li>${file.name} · ${file.mimeType} · ${size3(file.size)}</li>`)}</ul>` : A}`;
   }
   #verdict(approval) {
-    const verdict = approval.kind === "sudo" ? void 0 : approval.verdict;
+    const verdict = approval.kind === "sudo" || approval.kind === "tray" ? void 0 : approval.verdict;
     return verdict ? b`<p class="verdict" data-verdict=${verdict.decision}>${verdict.decision === "unsure" ? "The automatic check wasn\u2019t sure" : `The automatic check would ${verdict.decision} this`}: ${verdict.reason}</p>` : A;
   }
   #actions(approval, rejected, always) {
@@ -38431,14 +38471,14 @@ var SliccApprovals = class extends ModelElement {
     const failure2 = this.failure?.id === approval.id ? this.failure.message : "";
     const verdict = rulesOf(approval);
     const rules = verdict.certain ?? verdict.maybe;
-    const always = approval.always && !rules;
+    const always = approval.kind !== "tray" && approval.always && !rules;
     const gate = this.#gate(approval);
     const hint2 = always && this.#whole(approval) ? hintOf(approval) : "";
     return this.#dialog(
       approval,
       approval.id,
       b`<sp-alert-dialog variant="warning" data-approval-kind=${approval.kind}>
-          <h2 id="title" slot="heading">${titles[approval.kind].ask}</h2>
+          <h2 id="title" slot="heading">${title(approval)}</h2>
           ${this.#request(approval, true)}
           ${this.#verdict(approval)}
           ${approval.kind === "sudo" && approval.cwd ? b`<p class="cwd">In ${approval.cwd}</p>` : A}
@@ -39916,6 +39956,7 @@ var SliccChanges = class extends ModelElement {
   subscribe(model) {
     return [
       changesOf(model).on("changes", () => this.requestUpdate()),
+      model.agent.on("agents", () => this.requestUpdate()),
       ...onWatch(model, () => this.requestUpdate())
     ];
   }
@@ -39944,8 +39985,8 @@ var SliccChanges = class extends ModelElement {
       return;
     }
     const count2 = changes2.length;
-    const title = `Revert ${count2} ${count2 === 1 ? "change" : "changes"}?`;
-    if (await confirm({ title, body: lost(changes2), action: "Revert all" }) && !watchOnly(this.model))
+    const title2 = `Revert ${count2} ${count2 === 1 ? "change" : "changes"}?`;
+    if (await confirm({ title: title2, body: lost(changes2), action: "Revert all" }) && !watchOnly(this.model))
       this.error = await revertPaths(
         port,
         changes2.map((change) => change.path)
@@ -40111,6 +40152,7 @@ var SliccDiffPanel = class extends ThemedElement {
     return [
       ...super.subscribe(model),
       changesOf(model).on("changes", () => this.requestUpdate()),
+      model.agent.on("agents", () => this.requestUpdate()),
       ...onWatch(model, () => this.requestUpdate())
     ];
   }
@@ -40705,8 +40747,8 @@ var SliccMemory = class extends ModelElement {
   }
   async #forget(memory, trigger2) {
     const body4 = "Agents won\u2019t remember this anymore. You can\u2019t undo this.";
-    const title = `Forget \u201C${memory.title}\u201D?`;
-    if (await confirm({ title, body: body4, action: "Forget", variant: "destructive", trigger: trigger2 }))
+    const title2 = `Forget \u201C${memory.title}\u201D?`;
+    if (await confirm({ title: title2, body: body4, action: "Forget", variant: "destructive", trigger: trigger2 }))
       this.model?.memory.remove(memory.id);
   }
   #scopeOf(id) {
@@ -40985,6 +41027,15 @@ var SliccNotices = class extends ModelElement {
     </div>`;
   }
   #approval(approval) {
+    if (approval.kind === "tray")
+      return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind="tray" data-tone="warning">
+        <swc-icon-alert-triangle></swc-icon-alert-triangle>
+        <div class="text">
+          <span class="title">Waiting for tray approval</span>
+          <p>${trayAsking(approval)}</p>
+          <p>It waits for the owner's approval. Denied automatically at ${deadline(approval.expiresAt)}.</p>
+        </div>
+      </div>`;
     if (approval.kind !== "sudo")
       return b`<div class="notice" role="status" data-approval-notice=${approval.id} data-approval-kind=${approval.kind} data-tone="warning">
         <swc-icon-alert-triangle></swc-icon-alert-triangle>
@@ -41126,11 +41177,24 @@ function endpointsLine(entry, named2 = (provider) => provider) {
     );
   return b`${parts3.map((part2, index2) => b`${index2 ? ". " : ""}${part2}`)}`;
 }
+var sessionProtocols = {
+  http1: "HTTP/1.1",
+  smtp: "SMTP",
+  pg: "Postgres"
+};
+var sessionTrust = {
+  roots: "trusted by public roots",
+  anchored: "trusted by its pinned anchor"
+};
+var sessionProtocol = (protocol) => Object.hasOwn(sessionProtocols, protocol) ? sessionProtocols[protocol] : protocol;
+var sessionTrusted = (verifiedBy) => verifiedBy && Object.hasOwn(sessionTrust, verifiedBy) ? `${sessionTrust[verifiedBy]}, ` : "";
 function auditLine(entry, devices, named2) {
   switch (entry.type) {
     case "inject":
     case "forward":
       return b`Sent to ${entry.domain}: <code>${entry.method} ${entry.path}</code>, through ${exitLabel(entry.exit, devices)}`;
+    case "session":
+      return b`Sent over ${sessionProtocol(entry.protocol)} to ${entry.domain}:${entry.port}, ${sessionTrusted(entry.verifiedBy)}through ${exitLabel(entry.exit, devices)}`;
     case "mcp":
       return b`Sent to the MCP server ${entry.server} at ${entry.domain}: <code>${entry.method} ${entry.path}</code>, through ${exitLabel(entry.exit, devices)}`;
     case "materialize":
@@ -43310,8 +43374,8 @@ var SliccSettings = class extends ThemedElement {
     const signIn = vaulted && account.auth !== "api-key" && account.group === "mcp";
     const stored2 = 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" })) return;
+    const title2 = `Disconnect ${account.provider}?`;
+    if (!await confirm({ title: title2, body: body4, action: "Disconnect", variant: "confirmation" })) return;
     clearValues(this.renderRoot);
     if (this.model !== model) return;
     const server = serverOf(account);
@@ -43460,8 +43524,8 @@ var SliccSettings = class extends ThemedElement {
   async #remove(account) {
     const model = this.model;
     const body4 = removeBodies[account.auth ?? ""] ?? "Its key is deleted from the vault. Models from it stop working.";
-    const title = `Remove ${account.provider}?`;
-    if (!await confirm({ title, body: body4, action: "Remove" })) return;
+    const title2 = `Remove ${account.provider}?`;
+    if (!await confirm({ title: title2, body: body4, action: "Remove" })) return;
     if (this.model !== model) return;
     clearValues(this.renderRoot);
     if (this.entering === account.id) this.entering = null;
@@ -55653,14 +55717,14 @@ function getIgnoreCaseMatchChars(char) {
   const set = /* @__PURE__ */ new Set();
   const lower2 = char.toLowerCase();
   const upper2 = lower2.toUpperCase();
-  const title = LowerToTitleCaseMap.get(lower2);
+  const title2 = LowerToTitleCaseMap.get(lower2);
   const altLower = LowerToAlternativeLowerCaseMap.get(lower2);
   const altUpper = LowerToAlternativeUpperCaseMap.get(lower2);
   if ([...upper2].length === 1) {
     set.add(upper2);
   }
   altUpper && set.add(altUpper);
-  title && set.add(title);
+  title2 && set.add(title2);
   set.add(lower2);
   altLower && set.add(altLower);
   return [...set];
@@ -72416,14 +72480,14 @@ function committedWhere(position2, target) {
   return position2 === "center" ? `docked into ${target}` : `split ${position2} of ${target}`;
 }
 var DEFAULT_MESSAGES = {
-  panelOpened: (title) => `${title} opened`,
-  panelClosed: (title) => `${title} closed`,
-  groupMaximized: (title) => `${title} maximized`,
-  groupRestored: (title) => `${title} restored`,
-  groupFloated: (title) => `${title} floated`,
-  groupDocked: (title) => `${title} docked`,
-  groupPoppedOut: (title) => `${title} opened in a new window`,
-  closeTab: (title) => `Close ${title}`,
+  panelOpened: (title2) => `${title2} opened`,
+  panelClosed: (title2) => `${title2} closed`,
+  groupMaximized: (title2) => `${title2} maximized`,
+  groupRestored: (title2) => `${title2} restored`,
+  groupFloated: (title2) => `${title2} floated`,
+  groupDocked: (title2) => `${title2} docked`,
+  groupPoppedOut: (title2) => `${title2} opened in a new window`,
+  closeTab: (title2) => `Close ${title2}`,
   closeTabPlain: () => `Close`,
   movePickTarget: (source, target, current, total) => `Moving ${source}. Target ${target}, ${current} of ${total}. Enter to choose where, Escape to cancel.`,
   movePickEdge: (position2, target) => `${edgeWhere(position2, target)}. Arrows to change, Enter to confirm, Escape to go back.`,
@@ -79706,8 +79770,8 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
   /** Label the group region with its active panel's title (the WAI-ARIA region name). */
   updateAccessibleLabel() {
     var _this$_activePanel5;
-    const title = (_this$_activePanel5 = this._activePanel) === null || _this$_activePanel5 === void 0 ? void 0 : _this$_activePanel5.title;
-    if (title) this.container.setAttribute("aria-label", title);
+    const title2 = (_this$_activePanel5 = this._activePanel) === null || _this$_activePanel5 === void 0 ? void 0 : _this$_activePanel5.title;
+    if (title2) this.container.setAttribute("aria-label", title2);
     else this.container.removeAttribute("aria-label");
   }
   updateMru(panel) {
@@ -80308,8 +80372,8 @@ var DockviewPanelApiImpl = class extends GridviewPanelApiImpl {
       });
     });
   }
-  setTitle(title) {
-    this.panel.setTitle(title);
+  setTitle(title2) {
+    this.panel.setTitle(title2);
   }
   setPinned(pinned) {
     this.accessor.setPanelPinned(this.panel, pinned);
@@ -80446,11 +80510,11 @@ var DockviewPanel = class extends CompositeDisposable {
       pinned: this._pinned ? true : void 0
     };
   }
-  setTitle(title) {
-    if (title !== this.title) {
-      this._title = title;
-      this.view.setTitle(title);
-      this.api._onDidTitleChange.fire({ title });
+  setTitle(title2) {
+    if (title2 !== this.title) {
+      this._title = title2;
+      this.view.setTitle(title2);
+      this.api._onDidTitleChange.fire({ title: title2 });
     }
   }
   /**
@@ -80591,8 +80655,8 @@ var DockviewPanelModel = class {
     this.content.init(params);
     this.tab.init(_objectSpread2(_objectSpread2({}, params), {}, { tabLocation: "header" }));
   }
-  setTitle(title) {
-    if (this._params) this._params.title = title;
+  setTitle(title2) {
+    if (this._params) this._params.title = title2;
   }
   layout(width, height) {
     var _this$content$layout, _this$content;
@@ -80639,7 +80703,7 @@ var DefaultDockviewDeserialzier = class {
     var _panelData$contentCom, _viewData$tab, _this$accessor$option;
     const panelId = panelData.id;
     const params = panelData.params;
-    const title = panelData.title;
+    const title2 = panelData.title;
     const viewData = panelData.view;
     const contentComponent = viewData ? viewData.content.id : (_panelData$contentCom = panelData.contentComponent) !== null && _panelData$contentCom !== void 0 ? _panelData$contentCom : "unknown";
     const tabComponent = viewData ? (_viewData$tab = viewData.tab) === null || _viewData$tab === void 0 ? void 0 : _viewData$tab.id : panelData.tabComponent;
@@ -80652,7 +80716,7 @@ var DefaultDockviewDeserialzier = class {
       maximumHeight: panelData.maximumHeight
     });
     panel.init({
-      title: title !== null && title !== void 0 ? title : panelId,
+      title: title2 !== null && title2 !== void 0 ? title2 : panelId,
       params: params !== null && params !== void 0 ? params : {}
     });
     if (panelData.pinned && ((_this$accessor$option = this.accessor.options.pinnedTabs) === null || _this$accessor$option === void 0 ? void 0 : _this$accessor$option.enabled)) panel.setPinned(true);
@@ -81339,8 +81403,8 @@ var FloatingGroupService = class {
     })());
     const updateDialogLabel = () => {
       var _group$activePanel;
-      const title = (_group$activePanel = group.activePanel) === null || _group$activePanel === void 0 ? void 0 : _group$activePanel.title;
-      if (title) overlay.element.setAttribute("aria-label", title);
+      const title2 = (_group$activePanel = group.activePanel) === null || _group$activePanel === void 0 ? void 0 : _group$activePanel.title;
+      if (title2) overlay.element.setAttribute("aria-label", title2);
       else overlay.element.removeAttribute("aria-label");
     };
     updateDialogLabel();
@@ -86541,7 +86605,7 @@ var SliccTab = class {
     this.#close.append(cross);
     this.element.append(this.#label, this.#close);
   }
-  init({ api, containerApi, title }) {
+  init({ api, containerApi, title: title2 }) {
     const render2 = (text5) => {
       this.#label.textContent = text5;
       this.#close.setAttribute(
@@ -86549,7 +86613,7 @@ var SliccTab = class {
         text5 ? containerApi.messages.closeTab(text5) : containerApi.messages.closeTabPlain()
       );
     };
-    render2(title);
+    render2(title2);
     const pointerdown = (event2) => event2.preventDefault();
     const click = (event2) => {
       if (event2.defaultPrevented) return;
@@ -86559,7 +86623,7 @@ var SliccTab = class {
     this.#close.addEventListener("pointerdown", pointerdown);
     this.#close.addEventListener("click", click);
     this.#disposables.push(
-      api.onDidTitleChange(({ title: title2 }) => render2(title2)),
+      api.onDidTitleChange(({ title: title3 }) => render2(title3)),
       {
         dispose: () => {
           this.#close.removeEventListener("pointerdown", pointerdown);