@ai-ecoverse/slicc-spectrum 1.99.3 → 1.101.0

package/dist/slicc-ui.js

@@ -8716,8 +8716,8 @@ var ModelElement = class extends i2 {
     super.disconnectedCallback();
     this.#unbind();
   }
-  willUpdate(changed) {
-    if (changed.has("model") && this.isConnected) this.#bind();
+  willUpdate(changed2) {
+    if (changed2.has("model") && this.isConnected) this.#bind();
   }
   #bind() {
     this.#unbind();
@@ -19871,22 +19871,22 @@ function applyFileTreeGitStatusPatch(previous3, patch) {
   const directoriesWithChanges = new Set(previous3?.directoriesWithChanges);
   const ignoredDirectoryPaths = new Set(previous3?.ignoredDirectoryPaths);
   const changeCountByDirectoryPath = new Map(previous3?.changeCountByDirectoryPath);
-  let changed = false;
+  let changed2 = false;
   for (const path2 of removeEntries) {
     const resolved = resolveGitStatusPath(path2);
     if (resolved == null) continue;
-    changed = removeGitStatusPath({
+    changed2 = removeGitStatusPath({
       canonicalPath: resolved.canonicalPath,
       changeCountByDirectoryPath,
       directoriesWithChanges,
       ignoredDirectoryPaths,
       statusByPath
-    }) || changed;
+    }) || changed2;
   }
   for (const entry of setEntries) {
     const resolved = resolveGitStatusEntry(entry);
     if (resolved == null) continue;
-    changed = setGitStatusPath({
+    changed2 = setGitStatusPath({
       canonicalPath: resolved.canonicalPath,
       changeCountByDirectoryPath,
       directoriesWithChanges,
@@ -19894,9 +19894,9 @@ function applyFileTreeGitStatusPatch(previous3, patch) {
       isDirectory: resolved.isDirectory,
       status: entry.status,
       statusByPath
-    }) || changed;
+    }) || changed2;
   }
-  if (!changed) return previous3;
+  if (!changed2) return previous3;
   if (statusByPath.size === 0) return null;
   return {
     changeCountByDirectoryPath,
@@ -25699,7 +25699,7 @@ var titleBefore = {
 };
 function tokenizeDefinition(effects, ok4, nok) {
   const self2 = this;
-  let identifier;
+  let identifier2;
   return start2;
   function start2(code3) {
     effects.enter("definition");
@@ -25718,7 +25718,7 @@ function tokenizeDefinition(effects, ok4, nok) {
     )(code3);
   }
   function labelAfter(code3) {
-    identifier = normalizeIdentifier(self2.sliceSerialize(self2.events[self2.events.length - 1][1]).slice(1, -1));
+    identifier2 = normalizeIdentifier(self2.sliceSerialize(self2.events[self2.events.length - 1][1]).slice(1, -1));
     if (code3 === 58) {
       effects.enter("definitionMarker");
       effects.consume(code3);
@@ -25752,7 +25752,7 @@ function tokenizeDefinition(effects, ok4, nok) {
   function afterWhitespace(code3) {
     if (code3 === null || markdownLineEnding(code3)) {
       effects.exit("definition");
-      self2.parser.defined.push(identifier);
+      self2.parser.defined.push(identifier2);
       return ok4(code3);
     }
     return nok(code3);
@@ -29073,16 +29073,16 @@ function findUrl(_9, protocol, domain2, path2, match) {
   if (!isCorrectDomain(domain2)) {
     return false;
   }
-  const parts2 = splitUrl(domain2 + path2);
-  if (!parts2[0]) return false;
+  const parts3 = splitUrl(domain2 + path2);
+  if (!parts3[0]) return false;
   const result = {
     type: "link",
     title: null,
-    url: prefix + protocol + parts2[0],
-    children: [{ type: "text", value: protocol + parts2[0] }]
+    url: prefix + protocol + parts3[0],
+    children: [{ type: "text", value: protocol + parts3[0] }]
   };
-  if (parts2[1]) {
-    return [result, { type: "text", value: parts2[1] }];
+  if (parts3[1]) {
+    return [result, { type: "text", value: parts3[1] }];
   }
   return result;
 }
@@ -29102,8 +29102,8 @@ function findEmail(_9, atext, label, match) {
   };
 }
 function isCorrectDomain(domain2) {
-  const parts2 = domain2.split(".");
-  if (parts2.length < 2 || parts2[parts2.length - 1] && (/_/.test(parts2[parts2.length - 1]) || !/[a-zA-Z\d]/.test(parts2[parts2.length - 1])) || parts2[parts2.length - 2] && (/_/.test(parts2[parts2.length - 2]) || !/[a-zA-Z\d]/.test(parts2[parts2.length - 2]))) {
+  const parts3 = domain2.split(".");
+  if (parts3.length < 2 || parts3[parts3.length - 1] && (/_/.test(parts3[parts3.length - 1]) || !/[a-zA-Z\d]/.test(parts3[parts3.length - 1])) || parts3[parts3.length - 2] && (/_/.test(parts3[parts3.length - 2]) || !/[a-zA-Z\d]/.test(parts3[parts3.length - 2]))) {
     return false;
   }
   return true;
@@ -30329,7 +30329,7 @@ var options = {
 var empty2 = { text: "", blocks: [], starts: [], keep: 0, definitions: /* @__PURE__ */ new Map() };
 var cache = /* @__PURE__ */ new Map();
 var streams = [];
-var rendered = /* @__PURE__ */ new WeakMap();
+var rendered = /* @__PURE__ */ new Map();
 function collect(nodes, found) {
   for (const node2 of nodes) {
     if (node2.type === "definition" && !found.has(node2.identifier)) found.set(node2.identifier, node2);
@@ -30369,103 +30369,115 @@ function parse2(text5) {
   streams.length = Math.min(streams.length, 8);
   return parsed;
 }
-function safeUrl(url, images = false) {
+function inert(value, strict) {
+  return strict ? value.replace(/<[^>]*>/g, "") : value;
+}
+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) {
-  return safeUrl(url) ? b`<a href=${url} title=${title ?? A} target="_blank" rel="noopener noreferrer">${label}</a>` : b`${label}`;
+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 image(url, title, alt) {
+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 inline3(node2, definitions) {
-  return node2.children.map((child) => phrasing(child, definitions));
+function inline3(node2, context) {
+  return node2.children.map((child) => phrasing(child, context));
 }
-function phrasing(node2, definitions) {
+function phrasing(node2, context) {
   switch (node2.type) {
     case "text":
-    case "html":
       return node2.value;
+    case "html":
+      return inert(node2.value, context.strict);
     case "inlineCode":
       return b`<code>${node2.value}</code>`;
     case "strong":
-      return b`<strong>${inline3(node2, definitions)}</strong>`;
+      return b`<strong>${inline3(node2, context)}</strong>`;
     case "emphasis":
-      return b`<em>${inline3(node2, definitions)}</em>`;
+      return b`<em>${inline3(node2, context)}</em>`;
     case "delete":
-      return b`<s>${inline3(node2, definitions)}</s>`;
+      return b`<s>${inline3(node2, context)}</s>`;
     case "break":
       return b`<br />`;
     case "link":
-      return link(node2.url, node2.title, inline3(node2, definitions));
+      return link(node2.url, node2.title, inline3(node2, context), context.strict);
     case "linkReference": {
-      const target2 = definitions.get(node2.identifier);
-      return link(target2.url, target2.title, inline3(node2, definitions));
+      const target2 = context.definitions.get(node2.identifier);
+      return link(target2.url, target2.title, inline3(node2, context), context.strict);
     }
     case "image":
-      return image(node2.url, node2.title, node2.alt);
+      return image(node2.url, node2.title, node2.alt, context.strict);
     default: {
-      const target2 = definitions.get(node2.identifier);
-      return image(target2.url, target2.title, node2.alt);
+      const target2 = context.definitions.get(node2.identifier);
+      return image(target2.url, target2.title, node2.alt, context.strict);
     }
   }
 }
-function paragraph(node2, definitions, tight, lead) {
-  const content3 = inline3(node2, definitions);
+function paragraph(node2, context, tight, lead) {
+  const content3 = inline3(node2, context);
   return tight ? b`${lead}${content3}` : b`<p>${lead}${content3}</p>`;
 }
-function item(node2, definitions, tight) {
+function item(node2, context, tight) {
   const box = typeof node2.checked === "boolean" ? b`<span class="task" data-done=${node2.checked ? "true" : "false"} aria-label=${node2.checked ? "done" : "open"}>${node2.checked ? "\u2611" : "\u2610"}</span> ` : A;
   return b`<li>${node2.children.map(
-    (child, index2) => child.type === "paragraph" ? paragraph(child, definitions, tight, index2 ? A : box) : flow3(child, definitions)
+    (child, index2) => child.type === "paragraph" ? paragraph(child, context, tight, index2 ? A : box) : flow3(child, context)
   )}</li>`;
 }
-function list3(node2, definitions) {
+function list3(node2, context) {
   const tight = !node2.spread && !node2.children.some((entry) => entry.spread);
-  const items = node2.children.map((entry) => item(entry, definitions, tight));
+  const items = node2.children.map((entry) => item(entry, context, tight));
   return node2.ordered ? b`<ol start=${node2.start === 1 ? A : node2.start}>${items}</ol>` : b`<ul>${items}</ul>`;
 }
-function table(node2, definitions) {
+function table(node2, context) {
   const [head2, ...body4] = node2.children;
   const align = (index2) => node2.align[index2] ?? A;
   return b`<div class="table"><table>
-    <thead><tr>${head2.children.map((cell, index2) => b`<th data-align=${align(index2)}>${inline3(cell, definitions)}</th>`)}</tr></thead>
-    <tbody>${body4.map((row) => b`<tr>${row.children.map((cell, index2) => b`<td data-align=${align(index2)}>${inline3(cell, definitions)}</td>`)}</tr>`)}</tbody>
+    <thead><tr>${head2.children.map((cell, index2) => b`<th data-align=${align(index2)}>${inline3(cell, context)}</th>`)}</tr></thead>
+    <tbody>${body4.map((row) => b`<tr>${row.children.map((cell, index2) => b`<td data-align=${align(index2)}>${inline3(cell, context)}</td>`)}</tr>`)}</tbody>
   </table></div>`;
 }
-function flow3(node2, definitions) {
+function flow3(node2, context) {
   switch (node2.type) {
     case "paragraph":
-      return paragraph(node2, definitions, false, A);
+      return paragraph(node2, context, false, A);
     case "heading":
-      return b`<p class="heading" role="heading" aria-level=${Math.min(node2.depth + 2, 6)}>${inline3(node2, definitions)}</p>`;
+      return b`<p class="heading" role="heading" aria-level=${Math.min(context.level === null ? node2.depth + 2 : context.level + 1, 6)}>${inline3(node2, context)}</p>`;
     case "code":
       return b`<pre class="code" data-lang=${node2.lang || A}><code>${node2.value}</code></pre>`;
     case "list":
-      return list3(node2, definitions);
+      return list3(node2, context);
     case "table":
-      return table(node2, definitions);
+      return table(node2, context);
     case "blockquote":
-      return b`<blockquote>${node2.children.map((child) => flow3(child, definitions))}</blockquote>`;
+      return b`<blockquote>${node2.children.map((child) => flow3(child, context))}</blockquote>`;
     case "thematicBreak":
       return b`<hr />`;
-    case "html":
-      return b`<p>${node2.value}</p>`;
+    case "html": {
+      const text5 = inert(node2.value, context.strict).trim();
+      return text5 ? b`<p>${text5}</p>` : A;
+    }
     default:
       return A;
   }
 }
-function block(node2, definitions) {
-  let output = rendered.get(node2);
+function block(node2, context) {
+  const key2 = `${context.strict}:${context.level}`;
+  const cache5 = rendered.get(key2) ?? /* @__PURE__ */ new WeakMap();
+  rendered.set(key2, cache5);
+  let output = cache5.get(node2);
   if (output === void 0) {
-    output = flow3(node2, definitions);
-    rendered.set(node2, output);
+    output = flow3(node2, context);
+    cache5.set(node2, output);
   }
   return output;
 }
-function markdown(text5) {
+function markdown(text5, options2 = {}) {
   const { blocks, definitions } = parse2(text5);
-  return b`${blocks.map((node2) => block(node2, definitions))}`;
+  const context = { definitions, strict: options2.strict === true, level: options2.level ?? null };
+  return b`${blocks.map((node2) => block(node2, context))}`;
 }
 var markdownCss = i`
   .markdown :is(p, ul, ol, .table, pre, blockquote) {
@@ -32532,8 +32544,8 @@ var SliccVaultButton = class extends i2 {
   focus() {
     this.#button?.post({ type: "slicc-vault", v: 1, op: "focus" });
   }
-  updated(changed) {
-    if (changed.has("vault")) this.#drop();
+  updated(changed2) {
+    if (changed2.has("vault")) this.#drop();
     if (!this.#button && this.vault) this.#mount(this.vault);
     this.#send();
   }
@@ -32591,6 +32603,12 @@ var SliccVaultButton = class extends i2 {
 var limit = 25 * 1024 * 1024;
 var startingKey = "slicc-spectrum.starting";
 var names = (files) => files.map((file) => file.name).join(", ");
+function reattach(files) {
+  const all3 = files.map((file) => file.name);
+  if (all3.length > 3) return `Attach these ${all3.length} files again: ${all3.join(", ")}.`;
+  const listed2 = all3.length > 1 ? `${all3.slice(0, -1).join(", ")} and ${all3.at(-1)}` : all3[0];
+  return `Attach ${listed2} again.`;
+}
 var notKept = (files) => files.length === 1 ? `Not sent: ${files[0].name} wasn\u2019t kept after reload.` : `Not sent: ${files.length} files weren\u2019t kept after reload.`;
 function session() {
   try {
@@ -32866,6 +32884,7 @@ var SliccComposer = class extends ThemedElement {
     secretError: { state: true },
     secretField: { state: true },
     failure: { state: true },
+    reattach: { state: true },
     agent: {}
   };
   #drafts = /* @__PURE__ */ new Map();
@@ -32894,6 +32913,7 @@ var SliccComposer = class extends ThemedElement {
     this.secretError = null;
     this.secretField = null;
     this.failure = null;
+    this.reattach = null;
     this.agent = "";
   }
   static styles = [
@@ -33080,13 +33100,23 @@ var SliccComposer = class extends ThemedElement {
         flex: none;
         margin-block-start: var(--swc-spacing-50);
       }
-      .seat-note {
+      .seat-note,
+      .reattach {
         margin: var(--swc-spacing-100) 0 0;
         padding-inline: var(--swc-spacing-200);
         font-size: var(--swc-font-size-75);
         color: var(--swc-neutral-subdued-content-color-default);
         text-align: center;
       }
+      .reattach {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: var(--swc-spacing-75);
+      }
+      .reattach swc-action-button {
+        color: var(--swc-neutral-subdued-content-color-default);
+      }
       .popup {
         position: absolute;
         left: 0;
@@ -33182,15 +33212,20 @@ var SliccComposer = class extends ThemedElement {
       }
     `
   ];
-  willUpdate(changed) {
-    super.willUpdate(changed);
-    if (changed.has("popup") && this.popup?.kind !== "secret") clearValues(this.renderRoot);
-    if (changed.has("agent") && this.agent && this.model && this.agent !== this.#agent) {
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
+    if (changed2.has("popup") && this.popup?.kind !== "secret") clearValues(this.renderRoot);
+    if (changed2.has("agent") && this.agent && this.model && this.agent !== this.#agent) {
       this.#switch(this.agent);
     }
-    const edited = changed.has("value") || changed.has("attachments");
+    if (this.reattach && !this.value.trim()) this.reattach = null;
+    const edited = changed2.has("value") || changed2.has("attachments") || changed2.has("reattach");
     if (edited && this.hasUpdated && !this.#agent && this.#starting())
-      this.#waiting.draft = { value: this.value, attachments: this.attachments };
+      this.#waiting.draft = {
+        value: this.value,
+        attachments: this.attachments,
+        reattach: this.reattach
+      };
   }
   connectedCallback() {
     super.connectedCallback();
@@ -33217,8 +33252,8 @@ var SliccComposer = class extends ThemedElement {
         for (const attachments of held) release(attachments);
       }, linger);
   }
-  updated(changed) {
-    if (changed.has("popup"))
+  updated(changed2) {
+    if (changed2.has("popup"))
       this.renderRoot.querySelector('.item[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
   }
   #wire() {
@@ -33295,6 +33330,11 @@ var SliccComposer = class extends ThemedElement {
   #putBack(row) {
     this.value = this.value.trim() ? `${this.value}
 ${row.text}` : row.text;
+    const listed2 = new Set((this.reattach ?? []).map((file) => file.name));
+    const fresh2 = (row.lost ?? []).filter(
+      (file) => !listed2.has(file.name) && listed2.add(file.name)
+    );
+    this.reattach = [...this.reattach ?? [], ...fresh2];
     this.#history = -1;
     this.#unwait(row.id);
     this.focus();
@@ -33310,13 +33350,18 @@ ${row.text}` : row.text;
   }
   #switch(id) {
     if (this.#agent)
-      this.#drafts.set(this.#agent, { value: this.value, attachments: this.attachments });
+      this.#drafts.set(this.#agent, {
+        value: this.value,
+        attachments: this.attachments,
+        reattach: this.reattach
+      });
     const shared3 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
     if (shared3 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
     const draft2 = this.#drafts.get(id) ?? shared3 ?? void 0;
     this.#agent = id;
     this.value = draft2?.value ?? "";
     this.attachments = draft2?.attachments ?? [];
+    this.reattach = draft2?.reattach ?? null;
     this.popup = null;
     this.#history = -1;
   }
@@ -33975,6 +34020,10 @@ ${this.value}` : text5;
     const talk = !!speech();
     const held = this.#held();
     const starting = this.#starting();
+    const back = new Set(
+      this.attachments.filter((attachment2) => !attachment2.error).map((attachment2) => attachment2.name)
+    );
+    const missing = (this.reattach ?? []).filter((file) => !back.has(file.name));
     return b`<div class="column" @drop=${this.#mark}>
         <span id="keys" class="sr" aria-hidden="true">${this.#instructions(busy)}</span>
         ${this.#hold()}
@@ -34006,6 +34055,7 @@ ${this.value}` : text5;
         >
           ${this.attachments.map((attachment2) => this.#attachment(attachment2))}
         </swc-prompt-field>
+        ${missing.length ? b`<p class="reattach" data-reattach><swc-action-button size="s" quiet data-action="reattach" @click=${() => this.renderRoot.querySelector("input[type=file]")?.click()}><swc-icon-attach slot="icon"></swc-icon-attach>${reattach(missing)}</swc-action-button></p>` : A}
         <swc-popover placement="top-start" accessible-label="Add to the message" @keydown=${this.#menuKey} @swc-after-open=${() => this.renderRoot.querySelector("sp-menu")?.focus()}>
           <sp-menu label="Add to the message" @change=${this.#add}>
             <sp-menu-item value="upload">Upload from this computer</sp-menu-item>
@@ -34963,12 +35013,12 @@ var SliccChat = class _SliccChat extends ThemedElement {
     }
     this.#settings(account);
   }
-  #message(message, agent, suggestion, changed, extra, owners, stamp, pile) {
+  #message(message, agent, suggestion, changed2, extra, owners, stamp, pile) {
     const model = this.model;
     const handlers = { ...this.#handlers, owners };
     switch (message.role) {
       case "assistant": {
-        const label = changed ? model.settings.models().find((option2) => option2.id === message.model)?.label ?? message.model : "";
+        const label = changed2 ? model.settings.models().find((option2) => option2.id === message.model)?.label ?? message.model : "";
         return assistant(
           message,
           agent.name,
@@ -35032,15 +35082,15 @@ var SliccChat = class _SliccChat extends ThemedElement {
         previous3 = label;
       }
       const next = message.role === "assistant" ? message.model : void 0;
-      const changed = !!next && next !== shown4;
-      if (changed) shown4 = next;
+      const changed2 = !!next && next !== shown4;
+      if (changed2) shown4 = next;
       out.push([
         message.id,
         this.#message(
           message,
           agent,
           message.id === target2 ? suggestion : null,
-          changed,
+          changed2,
           extra.get(message.id) ?? [],
           owners,
           stamped.has(message.id),
@@ -35217,8 +35267,8 @@ function treeStatus(changes2) {
 function ancestors(paths) {
   const out = /* @__PURE__ */ new Set();
   for (const path2 of paths) {
-    const parts2 = relative(path2).split("/").slice(0, -1);
-    for (let i26 = 1; i26 <= parts2.length; i26++) out.add(parts2.slice(0, i26).join("/"));
+    const parts3 = relative(path2).split("/").slice(0, -1);
+    for (let i26 = 1; i26 <= parts3.length; i26++) out.add(parts3.slice(0, i26).join("/"));
   }
   return [...out];
 }
@@ -36595,8 +36645,8 @@ var SliccFreezer = class extends ModelElement {
       ...onWatch(model, update)
     ];
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     if (!this.importable) this.refused = false;
   }
   focus() {
@@ -36772,7 +36822,7 @@ function block2(text5, copied, copy, first2 = false) {
 }
 function breakable(text5) {
   return text5.split("/").map(
-    (part2, index2, parts2) => b`${part2}${index2 < parts2.length - 1 ? b`/<wbr />` : A}`
+    (part2, index2, parts3) => b`${part2}${index2 < parts3.length - 1 ? b`/<wbr />` : A}`
   );
 }
 function reach({ intro, extensionUrl, copied, uncopied, copy }) {
@@ -37951,8 +38001,8 @@ function grammarBase() {
 function grammarUrls(kind, name, version2, remote, base = local, page = globalThis.document?.baseURI ?? "http://localhost/") {
   const urls = [];
   if (base) {
-    const folder2 = base.endsWith("/") ? base : `${base}/`;
-    urls.push(new URL(`${kind}/dist/${name}.mjs`, new URL(folder2, page)).href);
+    const folder3 = base.endsWith("/") ? base : `${base}/`;
+    urls.push(new URL(`${kind}/dist/${name}.mjs`, new URL(folder3, page)).href);
   }
   urls.push(`${remote}${kind}@${version2}/dist/${name}.mjs`);
   return urls;
@@ -39113,11 +39163,11 @@ function budgetVariant(percent2) {
   return variant === "informative" ? "neutral" : variant;
 }
 function spendLine(status2) {
-  const parts2 = [
+  const parts3 = [
     status2.spent ? `Spent $${status2.spent.toFixed(2)}` : "",
     status2.rate ? `$${status2.rate.toFixed(2)}/h` : ""
   ];
-  const line = parts2.filter(Boolean).join(" \xB7 ");
+  const line = parts3.filter(Boolean).join(" \xB7 ");
   return line ? `${line}. ` : "";
 }
 function budgetLine(status2, budget) {
@@ -39194,8 +39244,8 @@ var SliccTray = class extends ModelElement {
     const model = this.model;
     if (!model) return b``;
     const status2 = model.tray.status();
-    const refused2 = refusedNow(model.follow?.state());
-    const connection = `${connectionLabel[status2.connection]}${refused2 ? ", can\u2019t follow" : ""}`;
+    const refused3 = refusedNow(model.follow?.state());
+    const connection = `${connectionLabel[status2.connection]}${refused3 ? ", can\u2019t follow" : ""}`;
     const followers = `${status2.followers.length} ${status2.followers.length === 1 ? "follower" : "followers"}`;
     const light = status2.connection === "live" ? status2.name : `${status2.name}, ${connection}`;
     const budget = shownBudget(status2);
@@ -39204,7 +39254,7 @@ var SliccTray = class extends ModelElement {
       "network",
       `Tray ${status2.name}: ${connection}, ${followers}`,
       b`<span>
-          <swc-status-light size="s" variant=${refused2 ? "neutral" : connectionVariant[status2.connection]}>
+          <swc-status-light size="s" variant=${refused3 ? "neutral" : connectionVariant[status2.connection]}>
             <span class="detail">${light}</span>
           </swc-status-light>
           <span class="detail muted followers"><swc-icon-user-group size="s"></swc-icon-user-group>${status2.followers.length}</span>
@@ -40006,8 +40056,8 @@ var SliccNetwork = class extends ModelElement {
       setTimeout(() => settle2.disconnect(), 1e3);
     });
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const state2 = this.#pairing()?.state;
     const was = this.#pairState;
     this.#pairState = state2;
@@ -40380,19 +40430,19 @@ var SliccNetwork = class extends ModelElement {
     const heading = `folders-${device.id}`;
     return b`<div class="folders" data-folders>
       <span class="subheading" id=${heading}>Folders</span>
-      <ul aria-labelledby=${heading}>${folders2.map((folder2) => this.#folder(port, device, folder2))}</ul>
+      <ul aria-labelledby=${heading}>${folders2.map((folder3) => this.#folder(port, device, folder3))}</ul>
     </div>`;
   }
-  #folder(port, device, folder2) {
-    const action = `folder:${folder2.source}`;
+  #folder(port, device, folder3) {
+    const action = `folder:${folder3.source}`;
     const busy = this.busy === action;
-    const button = folder2.mounted ? port.ejectFolder ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="eject-folder" data-id=${folder2.source} accessible-label=${`Eject ${folder2.mounted}`} ?pending=${busy} ?disabled=${this.#waiting(action)} @click=${() => this.#act(action, () => port.ejectFolder?.(folder2.source), "linksError")}>Eject</swc-button>` : A : port.mountFolder ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="mount-folder" data-id=${folder2.source} accessible-label=${`Mount ${folder2.source}`} ?pending=${busy} ?disabled=${this.#waiting(action) || device.state !== "connected"} @click=${() => this.#act(action, () => this.#mountFolder(port, folder2.source), "linksError")}>Mount</swc-button>` : A;
-    return b`<li data-folder=${folder2.source} data-mounted=${folder2.mounted ? "yes" : "no"}>
+    const button = folder3.mounted ? port.ejectFolder ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="eject-folder" data-id=${folder3.source} accessible-label=${`Eject ${folder3.mounted}`} ?pending=${busy} ?disabled=${this.#waiting(action)} @click=${() => this.#act(action, () => port.ejectFolder?.(folder3.source), "linksError")}>Eject</swc-button>` : A : port.mountFolder ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="mount-folder" data-id=${folder3.source} accessible-label=${`Mount ${folder3.source}`} ?pending=${busy} ?disabled=${this.#waiting(action) || device.state !== "connected"} @click=${() => this.#act(action, () => this.#mountFolder(port, folder3.source), "linksError")}>Mount</swc-button>` : A;
+    return b`<li data-folder=${folder3.source} data-mounted=${folder3.mounted ? "yes" : "no"}>
       <swc-icon-folder size="s" aria-hidden="true"></swc-icon-folder>
       <span class="folder">
-        <code title=${folder2.source}>${folder2.name}</code>
-        ${folder2.readonly ? b`<swc-badge size="s" variant="neutral" subtle data-readonly>Read-only</swc-badge>` : A}
-        ${folder2.mounted ? b`<span class="muted" data-mounted-at>Mounted at <code>${folder2.mounted}</code></span>` : A}
+        <code title=${folder3.source}>${folder3.name}</code>
+        ${folder3.readonly ? b`<swc-badge size="s" variant="neutral" subtle data-readonly>Read-only</swc-badge>` : A}
+        ${folder3.mounted ? b`<span class="muted" data-mounted-at>Mounted at <code>${folder3.mounted}</code></span>` : A}
       </span>
       ${button}
     </li>`;
@@ -44627,8 +44677,56 @@ var actions = {
   "restart-agent": "Restart agent",
   reload: "Reload",
   "update-now": "Update now",
-  retry: "Retry"
-};
+  retry: "Retry",
+  "install-beta": "Install beta",
+  "back-to-certified": "Back to certified"
+};
+var resting = /* @__PURE__ */ new Set(["current", "installed"]);
+var betaLight = ["notice", "Beta installed"];
+var betaActions = /* @__PURE__ */ new Set(["install-beta", "back-to-certified"]);
+var folder = (label) => /\((\/[^)]+)\)$/.exec(label)?.[1] ?? null;
+var component = (label) => label.replace(/\s*\(\/[^)]+\)$/, "");
+function betaText(items) {
+  const item2 = items.find((candidate) => candidate.beta);
+  if (!item2?.beta) return null;
+  return `${component(item2.label)} runs beta ${item2.beta.version}, not certified`;
+}
+var release2 = (npm) => npm.latest ? `${npm.latest} on npm` : "a newer release on npm";
+var refused2 = (npm) => npm.reason ? `not offered: ${npm.reason}` : "not offered";
+var sentence = (text5) => text5[0].toUpperCase() + text5.slice(1);
+function npmMeta(item2) {
+  const npm = item2.npm;
+  const tried = item2.to === npm?.latest && (!item2.beta || item2.state === "failed");
+  const target2 = item2.to && item2.to !== item2.from && !tried ? ` \u2192 ${item2.to}` : "";
+  if (item2.beta) return `${item2.beta.version} beta \xB7 certified ${item2.beta.certified}${target2}`;
+  const pinned = item2.from ? `${item2.from} (certified)${target2}` : "Not installed";
+  if (npm?.state === "offered") return `${pinned} \xB7 ${release2(npm)}, not certified`;
+  if (npm?.state === "not-offered") return `${pinned} \xB7 ${release2(npm)}, ${refused2(npm)}`;
+  return null;
+}
+function changed(item2, npm) {
+  const where2 = folder(item2.label);
+  const changes2 = npm.changes;
+  const gated = changes2?.gated ?? [];
+  const count2 = changes2 ? `${changes2.count} ${changes2.count === 1 ? "package changes" : "packages change"}${where2 ? ` in ${where2}` : ""}.` : "";
+  const text5 = [
+    item2.beta ? `${sentence(release2(npm))}, not certified.` : "",
+    count2,
+    gated.length === 1 ? `${gated[0]} stays at its certified version.` : "",
+    gated.length > 1 ? `${list5(gated)} stay at their certified versions.` : ""
+  ].filter(Boolean).join(" ");
+  return text5 || null;
+}
+function npmNote(item2) {
+  const npm = item2.npm;
+  if (npm?.state === "current") return "npm: no newer release";
+  if (npm?.state === "checking") return "Checking npm\u2026";
+  if (npm?.state === "failed") return npm.reason ?? "Couldn\u2019t check npm";
+  if (npm?.state === "offered") return changed(item2, npm);
+  if (npm?.state === "not-offered" && item2.beta)
+    return `${sentence(release2(npm))}, ${refused2(npm)}`;
+  return null;
+}
 var running = /* @__PURE__ */ new Set(["checking", "downloading", "linking"]);
 var packageStates = {
   available: null,
@@ -44662,8 +44760,8 @@ function placed(item2) {
   const installs = item2.installs ?? [];
   if (!installs.length) return item2;
   const version2 = item2.version ?? installs[0].version;
-  const newer = item2.offered !== null && item2.offered !== version2;
-  const state2 = item2.state === "available" ? newer ? "outdated" : "installed" : item2.state;
+  const newer2 = item2.offered !== null && item2.offered !== version2;
+  const state2 = item2.state === "available" ? newer2 ? "outdated" : "installed" : item2.state;
   const owned = installs.some((install) => install.manager === "panel");
   const hidden = new Set(owned ? ["install"] : ["install", "remove"]);
   return { ...item2, version: version2, state: state2, actions: item2.actions.filter((action) => !hidden.has(action)) };
@@ -44693,11 +44791,11 @@ function requiresText(item2, all3) {
   });
   const present = needs.filter((need) => !need.missing).map((need) => need.label);
   const missing = needs.filter((need) => need.missing).map((need) => need.label);
-  const parts2 = [
+  const parts3 = [
     present.length ? `Uses ${list5(present)}` : "",
     item2.version === null && missing.length ? `Installs ${list5(missing)} too` : ""
   ].filter(Boolean);
-  return parts2.length ? parts2.join("; ") : null;
+  return parts3.length ? parts3.join("; ") : null;
 }
 var fetched = (progress) => progress.phase === "download" && (progress.bytes?.total ?? 0) > 0 ? progress.bytes : null;
 var phased = (progress) => {
@@ -44712,6 +44810,62 @@ var counted = (progress, unit = "") => {
 };
 var itemBusy = (item2) => running.has(item2.state) || item2.state === "starting" || item2.progress !== null;
 var packageBusy = (item2) => packageRunning.has(item2.state) || item2.progress !== null;
+var parts2 = (version2) => {
+  const main2 = version2.replace(/^v/, "").split("+")[0];
+  const dash2 = main2.indexOf("-");
+  return dash2 < 0 ? [main2, null] : [main2.slice(0, dash2), main2.slice(dash2 + 1)];
+};
+var identifier = (a23, b13) => {
+  const numeric = [/^\d+$/.test(a23), /^\d+$/.test(b13)];
+  if (numeric[0] && numeric[1]) return Math.sign(Number(a23) - Number(b13));
+  if (numeric[0] !== numeric[1]) return numeric[0] ? -1 : 1;
+  return a23 < b13 ? -1 : a23 > b13 ? 1 : 0;
+};
+var dotted = (a23, b13) => {
+  const left = a23.split(".");
+  const right = b13.split(".");
+  for (let index2 = 0; index2 < Math.min(left.length, right.length); index2++) {
+    const order = identifier(left[index2], right[index2]);
+    if (order) return order;
+  }
+  return Math.sign(left.length - right.length);
+};
+var newer = (a23, b13) => {
+  const [coreA, preA] = parts2(a23);
+  const [coreB, preB] = parts2(b13);
+  const core2 = dotted(coreA, coreB);
+  if (core2 || preA === preB) return core2;
+  if (preA === null) return 1;
+  return preB === null ? -1 : dotted(preA, preB);
+};
+var certBlock = /<!--\s*cert-verify\s*-->([\s\S]*?)<!--\s*\/cert-verify\s*-->/g;
+var notesLimit = 8192;
+var noted = /* @__PURE__ */ new WeakMap();
+function releaseNotes(release3) {
+  const known = noted.get(release3);
+  if (known) return known;
+  const text5 = release3.notes ?? "";
+  const certified = [...text5.matchAll(certBlock)].some(
+    ([, inner]) => /^certified\b/.test(inner.trim())
+  );
+  const lines = text5.replace(certBlock, "").trim().split("\n");
+  const heading = /^#{1,6}\s/.test(lines[0]) && lines[0].includes(release3.version.replace(/^v/, ""));
+  const full = lines.slice(heading ? 1 : 0).join("\n").trim();
+  const cut = full.length > notesLimit;
+  const head2 = full.slice(0, notesLimit);
+  const line = head2.lastIndexOf("\n");
+  const body4 = cut ? `${(line > notesLimit / 2 ? head2.slice(0, line) : head2).trimEnd()}\u2026` : full;
+  const notes2 = { release: release3, body: body4, certified, cut };
+  noted.set(release3, notes2);
+  return notes2;
+}
+function whatsNew(releases, from, to) {
+  if (!releases || from === null || to === null || to === from) return [];
+  const range3 = releases.filter((release3) => newer(release3.version, from) > 0 && newer(release3.version, to) <= 0).sort((a23, b13) => newer(b13.version, a23.version)).map(releaseNotes);
+  return range3.some((entry) => entry.body) ? range3 : [];
+}
+var secure = (url) => /^https:\/\//i.test(url);
+var installed2 = (releases, version2) => releases?.find((release3) => newer(release3.version, version2) === 0 && secure(release3.url));
 var snapshot = (items) => new Map(items.map(({ id, state: state2, error }) => [id, { state: state2, error }]));
 function settled2(failures, before, after) {
   return new Map(
@@ -44783,7 +44937,9 @@ var SliccUpdates = class extends ModelElement {
     return running2 ? "a package is installing" : null;
   }
   static styles = [
+    r(link_default),
     disclosureStyles,
+    markdownCss,
     i`
       :host {
         display: block;
@@ -44837,6 +44993,20 @@ var SliccUpdates = class extends ModelElement {
       swc-status-light {
         align-self: center;
       }
+      .title {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: var(--swc-spacing-100);
+        min-width: 0;
+      }
+      .npm {
+        margin: calc(-1 * var(--swc-spacing-100)) 0 0;
+        color: var(--swc-neutral-subdued-content-color-default);
+        font-size: var(--swc-font-size-75);
+        line-height: var(--swc-line-height-200);
+        overflow-wrap: anywhere;
+      }
       .version {
         font-family: var(--swc-code-font-family-stack);
       }
@@ -44881,12 +45051,12 @@ var SliccUpdates = class extends ModelElement {
       section > .hint {
         margin-block-end: var(--swc-spacing-100);
       }
-      ul {
+      .rows {
         margin: 0;
         padding: 0;
         list-style: none;
       }
-      li {
+      .rows > li {
         display: grid;
         grid-template-columns: minmax(0, 1fr) auto;
         grid-template-areas: 'name buttons' 'description buttons';
@@ -44895,7 +45065,7 @@ var SliccUpdates = class extends ModelElement {
         padding: var(--swc-spacing-200) 0;
         border-bottom: var(--swc-border-width-100) solid var(--swc-gray-200);
       }
-      li > :not(.name, .buttons, .description) {
+      .rows > li > :not(.name, .buttons, .description) {
         grid-column: 1 / -1;
         margin: 0;
       }
@@ -44926,11 +45096,11 @@ var SliccUpdates = class extends ModelElement {
         text-overflow: ellipsis;
         white-space: nowrap;
       }
-      li .meta {
+      .rows > li > .meta {
         justify-content: flex-start;
         gap: 0;
       }
-      li .meta > * + *::before {
+      .rows > li > .meta > * + *::before {
         content: '·';
         margin-inline: var(--swc-spacing-100);
       }
@@ -44984,6 +45154,55 @@ var SliccUpdates = class extends ModelElement {
       .package {
         color: var(--swc-neutral-subdued-content-color-default);
       }
+      .swc-Link {
+        font-size: inherit;
+      }
+      .title .swc-Link {
+        font-weight: inherit;
+      }
+      .installed {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        gap: var(--swc-spacing-200);
+      }
+      .releases {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        gap: var(--swc-spacing-400);
+        margin-block-start: var(--swc-spacing-200);
+        padding: var(--swc-spacing-300);
+        border: var(--swc-border-width-100) solid transparent;
+        background: var(--swc-background-layer-1-color);
+        border-radius: var(--swc-corner-radius-medium-default);
+        overflow-wrap: anywhere;
+      }
+      .release {
+        min-width: 0;
+      }
+      .title {
+        margin: 0;
+        font-size: var(--swc-font-size-100);
+        font-weight: var(--swc-bold-font-weight);
+        color: var(--swc-heading-color);
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: var(--swc-spacing-100);
+      }
+      .cut {
+        margin: var(--swc-spacing-100) 0 0;
+      }
+      .release > .markdown {
+        margin-block-start: var(--swc-spacing-100);
+        line-height: var(--swc-line-height-200);
+      }
+      .release .markdown .heading[aria-level] {
+        font-size: var(--swc-font-size-100);
+        font-weight: var(--swc-bold-font-weight);
+        color: var(--swc-neutral-subdued-content-color-default);
+        margin-block: var(--swc-spacing-200) var(--swc-spacing-75);
+      }
       @container (max-width: 480px) {
         .page {
           padding: var(--swc-spacing-300);
@@ -44993,7 +45212,7 @@ var SliccUpdates = class extends ModelElement {
           flex-direction: column;
           gap: var(--swc-spacing-50);
         }
-        li {
+        .rows > li {
           grid-template-areas: 'name buttons' 'description description';
         }
         .description {
@@ -45123,9 +45342,13 @@ var SliccUpdates = class extends ModelElement {
     );
   }
   #actions(item2) {
-    if (!item2.actions.length) return A;
+    const developer = typeof this.model?.updates?.setDeveloper === "function";
+    const shown4 = item2.actions.filter(
+      (action) => !betaActions.has(action) || developer && (action !== "install-beta" || item2.npm?.state === "offered")
+    );
+    if (!shown4.length) return A;
     const busy = this.pending.has(item2.id);
-    return b`<div class="actions">${item2.actions.map(
+    return b`<div class="actions">${shown4.map(
       (action) => b`<swc-button
           size="m"
           variant="secondary"
@@ -45142,26 +45365,67 @@ var SliccUpdates = class extends ModelElement {
     const shown4 = date.toLocaleString("en-GB", { dateStyle: "medium", timeStyle: "short" });
     return b`<span>Checked <time datetime=${date.toISOString()}>${shown4}</time></span>`;
   }
+  #whatsNew(key2, label, entries, level) {
+    if (!entries.length) return A;
+    return b`<details data-releases ?open=${this.#logs.has(key2)} @toggle=${this.#logs.details(key2)}>
+      <summary data-action="whats-new">${chevron}What’s new</summary>
+      <div class="releases">${entries.map(
+      ({
+        release: release3,
+        body: body4,
+        certified,
+        cut
+      }) => b`<div class="release" data-version=${release3.version}>
+          <p class="title" role="heading" aria-level=${level}>${secure(release3.url) ? b`<a class="swc-Link swc-Link--standalone" href=${release3.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`${label} ${release3.version} release notes`}>${release3.version}</a>` : release3.version}${certified ? b`<swc-badge size="s" variant="positive" subtle data-certified>Certified</swc-badge>` : A}</p>
+          ${body4 ? b`<div class="markdown">${markdown(body4, { strict: true, level })}</div>` : A}
+          ${cut && secure(release3.url) ? b`<p class="cut" data-cut><a class="swc-Link swc-Link--standalone" href=${release3.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`Read the full notes for ${label} ${release3.version}`}>Read the full notes</a></p>` : A}
+        </div>`
+    )}</div>
+    </details>`;
+  }
+  #releaseLink(label, version2, releases, npm) {
+    const release3 = installed2(releases, version2);
+    if (release3) {
+      return b`<a class="swc-Link swc-Link--standalone" href=${release3.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`${label} ${version2} release notes`}>Release notes</a>`;
+    }
+    if (!npm) return A;
+    return b`<a class="swc-Link swc-Link--standalone" href=${`https://www.npmjs.com/package/${npm}/v/${version2}`} target="_blank" rel="noopener noreferrer" data-action="npm-page" aria-label=${`npm page for ${label} ${version2}`}>npm page</a>`;
+  }
+  #version(item2, meta) {
+    const text5 = meta ? b`<span data-npm-meta>${meta}</span>` : b`<span class="version">${item2.from ?? "Not installed"}${item2.to && item2.to !== item2.from ? b` → ${item2.to}` : A}</span>`;
+    const link2 = item2.from !== null && (item2.to === null || item2.to === item2.from) ? this.#releaseLink(item2.label, item2.from, item2.releases) : A;
+    return link2 === A ? text5 : b`<span class="installed">${text5}${link2}</span>`;
+  }
   #item(item2) {
-    const [variant, state2] = states[item2.state];
+    const [variant, state2] = item2.beta && resting.has(item2.state) ? betaLight : states[item2.state];
     const label = item2.state === "failed" && item2.from !== null ? "Update failed" : state2;
     const error = this.failures.get(item2.id) ?? item2.error;
+    const developer = typeof this.model?.updates?.setDeveloper === "function";
+    const shown4 = developer ? item2 : { ...item2, npm: null };
+    const meta = npmMeta(shown4);
+    const note = npmNote(shown4);
+    const ahead = shown4.npm?.state === "offered" ? shown4.npm.latest ?? null : null;
     return b`<swc-divider size="s"></swc-divider>
-    <article data-id=${item2.id} data-state=${item2.state} aria-label=${item2.label}>
+    <article data-id=${item2.id} data-state=${item2.state} data-npm=${item2.npm?.state ?? A} aria-label=${item2.label}>
       <div class="head">
-        <h2>${item2.label}</h2>
+        <div class="title">
+          <h2>${item2.label}</h2>
+          ${item2.beta ? b`<swc-badge size="s" variant="notice" subtle data-beta>Beta</swc-badge>` : A}
+        </div>
         <swc-status-light variant=${variant}>${label}</swc-status-light>
       </div>
       <div class="meta">
-        <span class="version">${item2.from ?? "Not installed"}${item2.to && item2.to !== item2.from ? b` → ${item2.to}` : A}</span>
+        ${this.#version(item2, meta)}
         ${item2.state === "starting" ? A : this.#checked(item2.checkedAt)}
       </div>
+      ${note ? b`<p class="npm" data-npm-note>${note}</p>` : A}
       ${this.#progress(item2)}
       ${error ? b`<div class="error" role="alert">
               <swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>
               <span>${error}</span>
             </div>` : A}
       ${this.#actions(item2)}
+      ${this.#whatsNew(`releases:item:${item2.id}`, item2.label, whatsNew(item2.releases, item2.from, ahead ?? item2.to), 3)}
       ${item2.log ? b`<details ?open=${this.#logs.has(`item:${item2.id}`)} @toggle=${this.#logs.details(`item:${item2.id}`)}><summary>${chevron}Install log</summary><pre>${item2.log}</pre></details>` : A}
     </article>`;
   }
@@ -45183,8 +45447,14 @@ var SliccUpdates = class extends ModelElement {
       ${elsewhere(item2).map((install) => b`<span data-install>${installText(install, item2.version)}</span>`)}
       ${download2 ? b`<span>${size3(item2.size)}</span>` : A}
       ${requires ? b`<span data-requires>${requires}</span>` : A}
+      ${this.#packageLink(item2)}
     </p>`;
   }
+  #packageLink(item2) {
+    if (item2.version === null || item2.offered !== null && item2.offered !== item2.version)
+      return A;
+    return b`<span>${this.#releaseLink(item2.label, item2.version, item2.releases, item2.package)}</span>`;
+  }
   #packageProgress(item2) {
     const progress = item2.progress;
     const phase = progress ? progress.phase === "download" ? "downloading" : "linking" : null;
@@ -45226,6 +45496,7 @@ var SliccUpdates = class extends ModelElement {
       ${item2.commands.length ? b`<p class="commands"><span class="hidden">Commands: </span>${item2.commands.map(
       (command3) => b`<code>${command3}</code>`
     )}</p>` : A}
+      ${this.#whatsNew(`releases:package:${item2.id}`, item2.label, whatsNew(item2.releases, item2.version, item2.offered), 4)}
       ${this.#packageProgress(item2)}
       ${error ? b`<div class="error" role="alert" data-error>
               <swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle>
@@ -45235,7 +45506,7 @@ var SliccUpdates = class extends ModelElement {
     </li>`;
   }
   #list(items, all3, port) {
-    return b`<ul>${c(
+    return b`<ul class="rows">${c(
       items,
       (item2) => item2.id,
       (item2) => this.#package(item2, all3, Boolean(port.actPackage))
@@ -45425,6 +45696,12 @@ var SliccApp = class extends ThemedElement {
       padding-inline: var(--swc-spacing-75);
       border-radius: var(--swc-corner-radius-small-default);
     }
+    .update-status {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--swc-spacing-75);
+      white-space: nowrap;
+    }
     header .tabs:focus-visible {
       outline: var(--swc-focus-indicator-thickness) solid var(--swc-focus-indicator-color);
     }
@@ -45702,7 +45979,7 @@ var SliccApp = class extends ThemedElement {
       }
     }
   }
-  updated(changed) {
+  updated(changed2) {
     const color2 = this.color;
     if (this.#painted && this.#painted !== color2) {
       const root2 = this.renderRoot;
@@ -45716,7 +45993,7 @@ var SliccApp = class extends ThemedElement {
     this.panels.quietly(() => {
       const layout = this.#started !== this.screen;
       if (layout) this.#start(model);
-      else if (changed.has("model")) this.#rebind(model);
+      else if (changed2.has("model")) this.#rebind(model);
       this.#updates(layout);
       this.#retitle();
     });
@@ -46122,13 +46399,20 @@ var SliccApp = class extends ThemedElement {
     );
   }
   #updatesIndicator() {
-    const updates = this.#offers("updates") ? updatesStatus(this.model?.updates?.list() ?? []) : null;
-    if (!updates) return A;
-    const text5 = updates[0].toUpperCase() + updates.slice(1);
-    return b`<swc-action-button id="updates" quiet size="s" data-updates accessible-label=${`Install / Update: ${updates}`} @click=${() => this.show("updates")}>
-        <swc-status-light size="s" variant=${updatesVariant(updates)}>${this.screen === "phone" ? A : text5}</swc-status-light>
+    const items = this.#offers("updates") ? this.model?.updates?.list() ?? [] : [];
+    const updates = updatesStatus(items);
+    const beta = betaText(items);
+    if (!updates && !beta) return A;
+    const text5 = updates ? updates[0].toUpperCase() + updates.slice(1) : null;
+    const said = [updates, beta].filter(Boolean).join(". ");
+    const tip = [text5, beta].filter(Boolean).join(". ");
+    return b`<swc-action-button id="updates" quiet size="s" data-updates accessible-label=${`Install / Update: ${said}`} @click=${() => this.show("updates")}>
+        <span class="update-status">
+          ${updates ? b`<swc-status-light size="s" variant=${updatesVariant(updates)}>${this.screen === "phone" ? A : text5}</swc-status-light>` : A}
+          ${beta ? b`<swc-badge size="s" variant="notice" subtle data-beta>Beta</swc-badge>` : A}
+        </span>
       </swc-action-button>
-      <swc-tooltip for="updates" placement="bottom">${text5}</swc-tooltip>`;
+      <swc-tooltip for="updates" placement="bottom">${tip}</swc-tooltip>`;
   }
   #tabsIndicator() {
     const state2 = this.model?.tabs?.state();
@@ -46253,16 +46537,16 @@ function sudo(approval) {
 var rulePaths = ["/etc/fnox", "/etc/fnox/config.toml", "/etc/slicc/secrets-policy.toml"];
 var ruleParents = ["/", "/etc", "/etc/slicc"];
 function absolute(cwd, word) {
-  const parts2 = [];
+  const parts3 = [];
   for (const part2 of `${word.startsWith("/") ? "" : cwd}/${word}`.split("/")) {
-    if (part2 === "..") parts2.pop();
-    else if (part2 && part2 !== ".") parts2.push(part2);
-    const alias = parts2.join("/").match(/^proc\/([^/]+)\/(?:task\/[^/]+\/)?(root|cwd)$/);
-    if (alias?.[2] === "root") parts2.length = 0;
+    if (part2 === "..") parts3.pop();
+    else if (part2 && part2 !== ".") parts3.push(part2);
+    const alias = parts3.join("/").match(/^proc\/([^/]+)\/(?:task\/[^/]+\/)?(root|cwd)$/);
+    if (alias?.[2] === "root") parts3.length = 0;
     else if (alias && /^(?:self|thread-self)$/.test(alias[1]))
-      parts2.splice(0, parts2.length, ...cwd.split("/").filter(Boolean));
+      parts3.splice(0, parts3.length, ...cwd.split("/").filter(Boolean));
   }
-  return `/${parts2.join("/")}`;
+  return `/${parts3.join("/")}`;
 }
 function pattern(path2) {
   const source = path2.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*\*\//g, "
").replace(/\*\*/g, "").replace(/\*/g, "[^/]*").replace(/\?/g, "[^/]").replace(/\u0001/g, "(?:.*/)?").replace(/\u0002/g, ".*");
@@ -46673,8 +46957,8 @@ var SliccApprovals = class extends ModelElement {
   #current() {
     return this.model?.approvals?.decide ? waiting2(this.model, this.now).filter(({ id }) => !this.#closed.has(id)) : [];
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const list6 = this.#current();
     const showing = this.#showing;
     if (showing && this.#pending.has(showing.id)) return;
@@ -46690,8 +46974,8 @@ var SliccApprovals = class extends ModelElement {
     this.#armed = false;
     this.#arming = setTimeout(() => this.#armed = true, this.arming);
   }
-  updated(changed) {
-    super.updated(changed);
+  updated(changed2) {
+    super.updated(changed2);
     const all3 = this.model?.approvals?.list() ?? [];
     this.#tick(this.isConnected && all3.length > 0);
     const dialog = this.renderRoot.querySelector("dialog");
@@ -47660,8 +47944,8 @@ var SliccBrowser = class extends ModelElement {
     this.#shown = actionPage;
     if (id) this.#pulse.delete(id);
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const chosen = this.#chosen.value;
     if (chosen === void 0 || chosen === this.#focus) return;
     if (chosen === null || this.model?.browser.list().some((tab) => tab.id === chosen))
@@ -48063,11 +48347,11 @@ var layouts = [
   ["unified", "Unified"],
   ["split", "Split"]
 ];
-function folder(path2) {
+function folder2(path2) {
   return path2.slice(0, path2.lastIndexOf("/")) || "/";
 }
 function where(change) {
-  const at = folder(change.path);
+  const at = folder2(change.path);
   if (!change.repo) return at;
   if (at === change.repo) return "";
   return at.startsWith(`${change.repo}/`) ? at.slice(change.repo.length + 1) : at;
@@ -48098,12 +48382,12 @@ function groups(changes2) {
   return [...byRepo];
 }
 function commands2(text5) {
-  const parts2 = text5.split("`").map((part2, index2) => index2 % 2 ? { code: part2 } : part2);
-  if (parts2.length % 2 === 0) return { parts: [text5], codes: [] };
-  const codes = parts2.flatMap(
+  const parts3 = text5.split("`").map((part2, index2) => index2 % 2 ? { code: part2 } : part2);
+  if (parts3.length % 2 === 0) return { parts: [text5], codes: [] };
+  const codes = parts3.flatMap(
     (part2) => typeof part2 === "string" || !part2.code ? [] : [part2.code]
   );
-  return { parts: parts2, codes: [...new Set(codes)] };
+  return { parts: parts3, codes: [...new Set(codes)] };
 }
 function errorLine(error) {
   return b`<div class="error" role="status" aria-live="polite">${error ? b`<swc-icon-alert-diamond size="s" aria-hidden="true"></swc-icon-alert-diamond><span>${error}</span>` : A}</div>`;
@@ -48363,10 +48647,10 @@ var SliccChanges = class extends ModelElement {
   }
   #unavailable(text5, extra) {
     const found = commands2(text5);
-    const { parts: parts2 } = found;
+    const { parts: parts3 } = found;
     const codes = [.../* @__PURE__ */ new Set([...found.codes, ...extra])];
     return b`<div class="unavailable">
-      <p data-unavailable>${parts2.map((part2) => typeof part2 === "string" ? part2 : b`<code>${part2.code}</code>`)}</p>
+      <p data-unavailable>${parts3.map((part2) => typeof part2 === "string" ? part2 : b`<code>${part2.code}</code>`)}</p>
       ${codes.map(
       (code3) => b`<div class="command" data-command=${code3}>
           <code>${breakable(code3)}</code>
@@ -48567,8 +48851,8 @@ var SliccLucide = class extends i2 {
     this.name = "";
     this.markup = "";
   }
-  willUpdate(changed) {
-    if (!changed.has("name")) return;
+  willUpdate(changed2) {
+    if (!changed2.has("name")) return;
     const name = this.name;
     void icons2([name]).then((found) => {
       if (this.name === name) this.markup = found[name] ?? "";
@@ -48834,10 +49118,17 @@ var SliccMemory = class extends ModelElement {
       .row {
         --lead: var(--swc-spacing-300);
         --indent: calc(var(--swc-spacing-100) + var(--lead) + var(--swc-spacing-75));
+        position: relative;
         border-radius: var(--swc-corner-radius-medium-default);
       }
-      li.row + li.row {
-        border-block-start: var(--swc-border-width-100) solid var(--swc-gray-200);
+      li.row + li.row::before {
+        content: '';
+        position: absolute;
+        inset-block-start: 0;
+        inset-inline: 0;
+        block-size: var(--swc-border-width-100);
+        background: var(--swc-gray-200);
+        pointer-events: none;
       }
       .row:not([data-open]):hover,
       .row[data-open] .head:hover {
@@ -48894,9 +49185,12 @@ var SliccMemory = class extends ModelElement {
       .mark {
         display: inline-flex;
       }
+      .row[data-open] .head :is(.tag, .scope) {
+        visibility: hidden;
+      }
       .content {
         overflow: hidden;
-        max-height: 2lh;
+        max-height: calc(2lh + var(--swc-spacing-100));
         margin: 0 var(--swc-spacing-100) var(--swc-spacing-100) var(--indent);
         line-height: var(--swc-line-height-100);
         color: var(--swc-neutral-subdued-content-color-default);
@@ -48910,7 +49204,7 @@ var SliccMemory = class extends ModelElement {
       @supports (height: calc-size(auto, size)) {
         .content {
           max-height: none;
-          height: calc-size(auto, min(size, 2lh));
+          height: calc-size(auto, min(size, 2lh + var(--swc-spacing-100)));
           transition: height var(--swc-animation-duration-100) var(--swc-animation-ease-in-out);
         }
         .row[data-open] .content {
@@ -48940,10 +49234,30 @@ var SliccMemory = class extends ModelElement {
       }
       .actions {
         display: flex;
+        flex-wrap: wrap;
+        align-items: center;
         justify-content: flex-end;
         gap: var(--swc-spacing-75);
         padding-block-start: var(--swc-spacing-100);
       }
+      .meta {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--swc-spacing-50) var(--swc-spacing-200);
+        margin-inline-end: auto;
+        font-size: var(--swc-font-size-75);
+      }
+      .meta .label {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--swc-spacing-75);
+      }
+      .buttons {
+        display: flex;
+        gap: var(--swc-spacing-75);
+        margin-inline-start: auto;
+      }
       .actions [data-action='forget'] {
         --swc-action-button-content-color-default: var(--swc-negative-content-color-default);
         --swc-action-button-content-color-hover: var(--swc-negative-content-color-hover);
@@ -49038,6 +49352,12 @@ var SliccMemory = class extends ModelElement {
     }
     return marks;
   }
+  #meta(marks) {
+    const labelled = marks.filter((mark2) => mark2.kind !== "from");
+    return labelled.length ? b`<div class="meta">${labelled.map(
+      (mark2) => b`<span class="label" data-label=${mark2.kind}>${mark2.icon}${mark2.label}</span>`
+    )}</div>` : A;
+  }
   #row(memory, section) {
     if (this.editing === memory.id)
       return b`<li class="row" data-id=${memory.id}>${this.#form(memory)}</li>`;
@@ -49057,19 +49377,22 @@ var SliccMemory = class extends ModelElement {
       <div class="content" id=${`content-${memory.id}`} @click=${() => open || toggle()}>
         <div class="body markdown">${markdown(memory.body)}</div>
         ${open ? b`<div class="actions">
+              ${this.#meta(marks)}
+              <div class="buttons">
               <swc-action-button size="s" quiet data-action="edit" @click=${() => this.editing = memory.id}>
                 <swc-icon-edit slot="icon"></swc-icon-edit>Edit
               </swc-action-button>
               <swc-action-button size="s" quiet data-action="forget" @click=${(event2) => this.#forget(memory, event2.currentTarget)}>
                 <swc-icon-delete slot="icon"></swc-icon-delete>Forget
               </swc-action-button>
+              </div>
             </div>` : A}
       </div>
     </li>`;
   }
   #scopes = [];
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const model = this.model;
     this.#scopes = (model?.memory.scopes?.() ?? [
       { id: "global", label: "Shared" },
@@ -49402,24 +49725,24 @@ function changes(entry, devices) {
 }
 var listed = (items, one3) => items.map((item2, index2) => b`${index2 ? ", " : ""}${one3(item2)}`);
 function endpointsLine(entry, named2 = (provider) => provider) {
-  const parts2 = [];
+  const parts3 = [];
   if (entry.purged?.length)
-    parts2.push(
+    parts3.push(
       b`<span class="part" data-part="purged">Removed custom model URLs an agent set, automatically: ${listed(entry.purged, (item2) => b`${named2(item2.provider)} at <code>${item2.host ?? item2.url}</code>`)}. Only you can set a model URL now, in Settings › Accounts</span>`
     );
   if (entry.adopted?.length)
-    parts2.push(
+    parts3.push(
       b`<span class="part" data-part="adopted">Kept the MCP servers your tokens use, automatically: ${listed(entry.adopted, (item2) => b`${item2.server} at <code>${item2.host}</code>`)}</span>`
     );
   if (entry.pinned)
-    parts2.push(
+    parts3.push(
       b`<span class="part" data-part="pinned"><code>${entry.pinned.name ?? entry.pinned.server}</code> pinned to <code>${entry.pinned.host}</code> automatically, on first use</span>`
     );
   if (entry.unpinned)
-    parts2.push(
+    parts3.push(
       b`<span class="part" data-part="unpinned"><code>${entry.unpinned.name ?? entry.unpinned.server}</code> unpinned from <code>${entry.unpinned.host}</code>; the next use pins it again</span>`
     );
-  return b`${parts2.map((part2, index2) => b`${index2 ? ". " : ""}${part2}`)}`;
+  return b`${parts3.map((part2, index2) => b`${index2 ? ". " : ""}${part2}`)}`;
 }
 function auditLine(entry, devices, named2) {
   switch (entry.type) {
@@ -49840,10 +50163,10 @@ var SliccSecrets = class extends ThemedElement {
     this.older = [];
     this.more = null;
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
-    const before = changed.get("model");
-    if (!changed.has("model") || before?.vault === this.model?.vault) return;
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
+    const before = changed2.get("model");
+    if (!changed2.has("model") || before?.vault === this.model?.vault) return;
     clearValues(this.renderRoot);
     this.older = [];
     this.more = null;
@@ -50332,11 +50655,11 @@ var SliccSecrets = class extends ThemedElement {
               <ul class="secrets">${removed.map(row)}</ul>
             </details>` : A}`;
   }
-  #refused(refused2) {
-    if (!refused2.length) return A;
+  #refused(refused3) {
+    if (!refused3.length) return A;
     return b`<h3 id="secrets-refused">Rules SLICC refused</h3>
       <ul class="refused" aria-labelledby="secrets-refused" data-refused>
-        ${refused2.map((item2) => b`<li data-refused-secret=${item2.secret}><span><code>${item2.secret}</code> to ${ruleLine(item2.rule)}</span><span class="muted">${item2.reason}</span></li>`)}
+        ${refused3.map((item2) => b`<li data-refused-secret=${item2.secret}><span><code>${item2.secret}</code> to ${ruleLine(item2.rule)}</span><span class="muted">${item2.reason}</span></li>`)}
       </ul>`;
   }
   #provider(id) {
@@ -50605,12 +50928,17 @@ var SliccSettings = class extends ThemedElement {
     picking: { state: true },
     adding: { state: true },
     query: { state: true },
-    filled: { state: true }
+    filled: { state: true },
+    developing: { state: true },
+    developerError: { state: true }
   };
   #waits = new SignInWaits(() => this.requestUpdate());
   #landing = null;
   #away = false;
   #bases = /* @__PURE__ */ new Map();
+  #wanted = null;
+  #developerPort;
+  #call = 0;
   #scroll = new ViewScroll(this, "settings:scroll", { scroller: () => this, rows: "[data-id]" });
   constructor() {
     super();
@@ -50623,6 +50951,8 @@ var SliccSettings = class extends ThemedElement {
     this.adding = null;
     this.query = "";
     this.filled = /* @__PURE__ */ new Set();
+    this.developing = false;
+    this.developerError = null;
   }
   static styles = [
     fieldStyles,
@@ -50746,6 +51076,21 @@ var SliccSettings = class extends ThemedElement {
       .switched {
         grid-column: 2;
       }
+      .developer {
+        display: grid;
+        gap: var(--swc-spacing-75);
+        padding-block: var(--swc-spacing-75);
+      }
+      .toggle {
+        display: flex;
+        align-items: center;
+        gap: var(--swc-spacing-100);
+      }
+      .developer .hint,
+      .developer .failure {
+        margin: 0;
+        line-height: var(--swc-line-height-200);
+      }
       .failure,
       .problem {
         display: flex;
@@ -50945,8 +51290,17 @@ var SliccSettings = class extends ThemedElement {
       update();
     };
     queueMicrotask(() => settleModels(model));
+    if (model.updates !== this.#developerPort) {
+      this.#developerPort = model.updates;
+      this.#call += 1;
+      this.developing = false;
+      this.developerError = null;
+      this.#wanted = null;
+    }
+    const developer = typeof model.updates?.setDeveloper === "function";
     return [
       ...super.subscribe(model),
+      ...developer && model.updates ? [model.updates.on("items", update)] : [],
       model.settings.on("settings", settle2),
       model.settings.on("accounts", settle2),
       model.settings.on("providers", update),
@@ -50983,6 +51337,42 @@ var SliccSettings = class extends ThemedElement {
   #checked(event2) {
     return event2.target.checked;
   }
+  async #developer(event2) {
+    const port = this.model?.updates;
+    const on2 = this.#checked(event2);
+    const call = ++this.#call;
+    this.#wanted = on2;
+    this.developing = true;
+    this.developerError = null;
+    try {
+      await port?.setDeveloper?.(on2);
+    } catch (error) {
+      if (call === this.#call) {
+        this.developerError = error instanceof Error ? error.message : String(error);
+      }
+    } finally {
+      if (call === this.#call) {
+        this.#wanted = null;
+        this.developing = false;
+      }
+    }
+  }
+  #developerRow() {
+    const port = this.model?.updates;
+    if (typeof port?.setDeveloper !== "function") return A;
+    const on2 = port.developer?.() ?? false;
+    return b`<div class="row">
+      <span class="label">Updates</span>
+      <div class="developer">
+        <div class="toggle">
+          <sp-switch .checked=${l(this.#wanted ?? on2)} ?disabled=${this.developing} aria-busy=${this.developing ? "true" : A} data-setting="developer" @change=${(event2) => void this.#developer(event2)}>Developer mode</sp-switch>
+          ${this.developing ? b`<swc-progress-circle size="s" indeterminate label="Saving developer mode" data-pending></swc-progress-circle>` : A}
+        </div>
+        <p class="hint">Check npm for newer releases that aren't certified yet, and offer them as betas in Install / Update.</p>
+        ${this.developerError ? b`<p class="failure" role="alert" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.developerError}</span></p>` : A}
+      </div>
+    </div>`;
+  }
   #cancelled = /* @__PURE__ */ new Set();
   #busy(id, on2) {
     const rest = [...this.pending].filter((candidate) => candidate !== id);
@@ -51695,10 +52085,10 @@ var SliccSettings = class extends ThemedElement {
     this.adding = null;
     this.picking = true;
   }
-  updated(changed) {
-    super.updated(changed);
+  updated(changed2) {
+    super.updated(changed2);
     const dialog = this.#dialog;
-    if (!changed.has("picking") || !dialog || dialog.open) return;
+    if (!changed2.has("picking") || !dialog || dialog.open) return;
     dialog.showModal();
     const field = this.renderRoot.querySelector("sp-search");
     void field.updateComplete.then(() => field.focus());
@@ -51945,6 +52335,7 @@ var SliccSettings = class extends ThemedElement {
           <sp-menu-item value="split">Split</sp-menu-item>
         </sp-picker>
       </div>
+      ${this.#developerRow()}
       </div>
       <h2 data-section="accounts">Accounts</h2>
       ${this.#providerList(providers)}
@@ -51984,7 +52375,7 @@ function closure(found, source) {
   return used;
 }
 function args(value, start2) {
-  const parts2 = [];
+  const parts3 = [];
   let depth = 0;
   let from = start2;
   let at = start2;
@@ -51994,18 +52385,18 @@ function args(value, start2) {
     else if (char === ")" && depth === 0) break;
     else if (char === ")") depth--;
     else if (char === "," && depth === 0) {
-      parts2.push(value.slice(from, at));
+      parts3.push(value.slice(from, at));
       from = at + 1;
     }
   }
-  parts2.push(value.slice(from, at));
-  return [parts2, at];
+  parts3.push(value.slice(from, at));
+  return [parts3, at];
 }
 function branch(value, side) {
   const at = value.indexOf("light-dark(");
   if (at < 0) return value;
-  const [parts2, end] = args(value, at + "light-dark(".length);
-  const picked = branch((parts2[side] ?? "").trim(), side);
+  const [parts3, end] = args(value, at + "light-dark(".length);
+  const picked = branch((parts3[side] ?? "").trim(), side);
   return value.slice(0, at) + picked + branch(value.slice(end + 1), side);
 }
 function frameTokens(found) {
@@ -52349,8 +52740,8 @@ var SliccSprinkle = class extends ThemedElement {
     };
     ask.call(port, id, "getState", []).then(settle2, () => settle2(null));
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const port = this.model?.sprinkles;
     if (port?.call && (this.#held.port !== port || this.#held.id !== this.sprinkle))
       this.#hold(port, port.call, this.sprinkle);
@@ -52399,8 +52790,8 @@ ${data.html}`;
       this.#frame = { key: key2, doc: frameDocument(data.html, this.color, data.name, state2) };
     return this.#frame.doc;
   }
-  updated(changed) {
-    super.updated(changed);
+  updated(changed2) {
+    super.updated(changed2);
     const frame = this.renderRoot.querySelector("iframe");
     frame?.contentWindow?.postMessage({ type: "slicc-theme", color: this.color }, "*");
     if (frame && this.#focusLater) {
@@ -52785,13 +53176,13 @@ var SliccValueRequest = class extends ThemedElement {
       if (this.model?.vault === vault) this.busy = false;
     }
   }
-  willUpdate(changed) {
-    super.willUpdate(changed);
+  willUpdate(changed2) {
+    super.willUpdate(changed2);
     const current = this.#current(this.#queue());
     if ((current?.id ?? "") !== this.#shown) clearValues(this.renderRoot);
   }
-  updated(changed) {
-    super.updated(changed);
+  updated(changed2) {
+    super.updated(changed2);
     const dialog = this.renderRoot.querySelector("dialog");
     this.#tick(this.isConnected && !!dialog);
     const key2 = dialog?.dataset.request ?? "";
@@ -57430,9 +57821,9 @@ function nameMatcher(identifers, scopes) {
     return false;
   }
   let lastIndex = 0;
-  return identifers.every((identifier) => {
+  return identifers.every((identifier2) => {
     for (let i26 = lastIndex; i26 < scopes.length; i26++) {
-      if (scopesAreMatching(scopes[i26], identifier)) {
+      if (scopesAreMatching(scopes[i26], identifier2)) {
         lastIndex = i26 + 1;
         return true;
       }
@@ -58400,14 +58791,14 @@ function isSpecialTheme(theme3) {
 var RE_NEWLINE = /(\r?\n)/g;
 function splitLines(code3, preserveEnding = false) {
   if (code3.length === 0) return [["", 0]];
-  const parts2 = code3.split(RE_NEWLINE);
+  const parts3 = code3.split(RE_NEWLINE);
   let index2 = 0;
   const lines = [];
-  for (let i26 = 0; i26 < parts2.length; i26 += 2) {
-    const line = preserveEnding ? parts2[i26] + (parts2[i26 + 1] || "") : parts2[i26];
+  for (let i26 = 0; i26 < parts3.length; i26 += 2) {
+    const line = preserveEnding ? parts3[i26] + (parts3[i26 + 1] || "") : parts3[i26];
     lines.push([line, index2]);
-    index2 += parts2[i26].length;
-    index2 += parts2[i26 + 1]?.length || 0;
+    index2 += parts3[i26].length;
+    index2 += parts3[i26 + 1]?.length || 0;
   }
   return lines;
 }
@@ -61050,7 +61441,7 @@ function element2(node2, index2, parent, state2) {
   const schema = state2.schema;
   const omit = schema.space === "svg" ? false : state2.settings.omitOptionalTags;
   let selfClosing = schema.space === "svg" ? state2.settings.closeEmptyElements : state2.settings.voids.includes(node2.tagName.toLowerCase());
-  const parts2 = [];
+  const parts3 = [];
   let last;
   if (schema.space === "html" && node2.tagName === "svg") {
     state2.schema = svg3;
@@ -61062,21 +61453,21 @@ function element2(node2, index2, parent, state2) {
   state2.schema = schema;
   if (content3) selfClosing = false;
   if (attributes || !omit || !opening(node2, index2, parent)) {
-    parts2.push("<", node2.tagName, attributes ? " " + attributes : "");
+    parts3.push("<", node2.tagName, attributes ? " " + attributes : "");
     if (selfClosing && (schema.space === "svg" || state2.settings.closeSelfClosing)) {
       last = attributes.charAt(attributes.length - 1);
       if (!state2.settings.tightSelfClosing || last === "/" || last && last !== '"' && last !== "'") {
-        parts2.push(" ");
+        parts3.push(" ");
       }
-      parts2.push("/");
+      parts3.push("/");
     }
-    parts2.push(">");
+    parts3.push(">");
   }
-  parts2.push(content3);
+  parts3.push(content3);
   if (!selfClosing && (!omit || !closing(node2, index2, parent))) {
-    parts2.push("</" + node2.tagName + ">");
+    parts3.push("</" + node2.tagName + ">");
   }
-  return parts2.join("");
+  return parts3.join("");
 }
 function serializeAttributes(state2, properties) {
   const values = [];
@@ -68623,8 +69014,8 @@ function getFunctionalAlpha(color2) {
   const slashIndex = inner.lastIndexOf("/");
   if (slashIndex !== -1) return inner.slice(slashIndex + 1).trim();
   if (/^(?:rgba|hsla)$/i.test(fn)) {
-    const parts2 = inner.split(",");
-    if (parts2.length === 4) return parts2[3]?.trim();
+    const parts3 = inner.split(",");
+    if (parts3.length === 4) return parts3[3]?.trim();
   }
 }
 function parseHexRgba(color2) {
@@ -71808,17 +72199,17 @@ function splitAtLinePrefix(contents, prefix) {
 ${prefix}`;
   const firstBoundaryIndex = contents.startsWith(prefix) ? 0 : findLinePrefixIndex(contents, newlinePrefix, 0);
   if (firstBoundaryIndex === -1) return [contents];
-  const parts2 = [];
-  if (firstBoundaryIndex > 0) parts2.push(contents.slice(0, firstBoundaryIndex));
+  const parts3 = [];
+  if (firstBoundaryIndex > 0) parts3.push(contents.slice(0, firstBoundaryIndex));
   let startIndex = firstBoundaryIndex;
   for (; ; ) {
     const nextBoundaryIndex = findLinePrefixIndex(contents, newlinePrefix, startIndex + 1);
     if (nextBoundaryIndex === -1) break;
-    parts2.push(contents.slice(startIndex, nextBoundaryIndex));
+    parts3.push(contents.slice(startIndex, nextBoundaryIndex));
     startIndex = nextBoundaryIndex;
   }
-  parts2.push(contents.slice(startIndex));
-  return parts2;
+  parts3.push(contents.slice(startIndex));
+  return parts3;
 }
 function findLinePrefixIndex(contents, newlinePrefix, fromIndex) {
   const index2 = contents.indexOf(newlinePrefix, fromIndex);
@@ -72027,25 +72418,25 @@ var Diff = class {
     const componentLen = components.length;
     let componentPos = 0, newPos = 0, oldPos = 0;
     for (; componentPos < componentLen; componentPos++) {
-      const component = components[componentPos];
-      if (!component.removed) {
-        if (!component.added && this.useLongestToken) {
-          let value = newTokens.slice(newPos, newPos + component.count);
+      const component2 = components[componentPos];
+      if (!component2.removed) {
+        if (!component2.added && this.useLongestToken) {
+          let value = newTokens.slice(newPos, newPos + component2.count);
           value = value.map(function(value2, i26) {
             const oldValue = oldTokens[oldPos + i26];
             return oldValue.length > value2.length ? oldValue : value2;
           });
-          component.value = this.join(value);
+          component2.value = this.join(value);
         } else {
-          component.value = this.join(newTokens.slice(newPos, newPos + component.count));
+          component2.value = this.join(newTokens.slice(newPos, newPos + component2.count));
         }
-        newPos += component.count;
-        if (!component.added) {
-          oldPos += component.count;
+        newPos += component2.count;
+        if (!component2.added) {
+          oldPos += component2.count;
         }
       } else {
-        component.value = this.join(oldTokens.slice(oldPos, oldPos + component.count));
-        oldPos += component.count;
+        component2.value = this.join(oldTokens.slice(oldPos, oldPos + component2.count));
+        oldPos += component2.count;
       }
     }
     return components;
@@ -72143,16 +72534,16 @@ function overlapCount(a23, b13) {
   return k8;
 }
 function segment(string3, segmenter) {
-  const parts2 = [];
+  const parts3 = [];
   for (const segmentObj of Array.from(segmenter.segment(string3))) {
     const segment2 = segmentObj.segment;
-    if (parts2.length && /\s/.test(parts2[parts2.length - 1]) && /\s/.test(segment2)) {
-      parts2[parts2.length - 1] += segment2;
+    if (parts3.length && /\s/.test(parts3[parts3.length - 1]) && /\s/.test(segment2)) {
+      parts3[parts3.length - 1] += segment2;
     } else {
-      parts2.push(segment2);
+      parts3.push(segment2);
     }
   }
-  return parts2;
+  return parts3;
 }
 function trailingWs(string3, segmenter) {
   if (segmenter) {
@@ -72200,19 +72591,19 @@ var WordDiff = class extends Diff {
     return left.trim() === right.trim();
   }
   tokenize(value, options2 = {}) {
-    let parts2;
+    let parts3;
     if (options2.intlSegmenter) {
       const segmenter = options2.intlSegmenter;
       if (segmenter.resolvedOptions().granularity != "word") {
         throw new Error('The segmenter passed must have a granularity of "word"');
       }
-      parts2 = segment(value, segmenter);
+      parts3 = segment(value, segmenter);
     } else {
-      parts2 = value.match(tokenizeIncludingWhitespace) || [];
+      parts3 = value.match(tokenizeIncludingWhitespace) || [];
     }
     const tokens = [];
     let prevPart = null;
-    parts2.forEach((part2) => {
+    parts3.forEach((part2) => {
       if (/\s/.test(part2)) {
         if (prevPart == null) {
           tokens.push(part2);
@@ -80945,8 +81336,8 @@ var DockviewApi = class {
   get messages() {
     return resolveMessages(this.component.options.messages);
   }
-  constructor(component) {
-    this.component = component;
+  constructor(component2) {
+    this.component = component2;
   }
   /**
   *  Focus the component. Will try to focus an active panel if one exists.
@@ -82505,10 +82896,10 @@ var PanelApiImpl = class extends CompositeDisposable {
   get height() {
     return this._height;
   }
-  constructor(id, component) {
+  constructor(id, component2) {
     super();
     this.id = id;
-    this.component = component;
+    this.component = component2;
     this._isFocused = false;
     this._isActive = false;
     this._isVisible = true;
@@ -82576,10 +82967,10 @@ var BasePanelView = class extends CompositeDisposable {
     var _this$_params;
     return (_this$_params = this._params) === null || _this$_params === void 0 ? void 0 : _this$_params.params;
   }
-  constructor(id, component, api) {
+  constructor(id, component2, api) {
     super();
     this.id = id;
-    this.component = component;
+    this.component = component2;
     this.api = api;
     this._height = 0;
     this._width = 0;
@@ -88038,8 +88429,8 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
   }
 };
 var GridviewPanelApiImpl = class extends PanelApiImpl {
-  constructor(id, component, panel) {
-    super(id, component);
+  constructor(id, component2, panel) {
+    super(id, component2);
     this._onDidConstraintsChangeInternal = new Emitter2();
     this.onDidConstraintsChangeInternal = this._onDidConstraintsChangeInternal.event;
     this._onDidConstraintsChange = new Emitter2();
@@ -88113,8 +88504,8 @@ var GridviewPanel = class extends BasePanelView {
   get isVisible() {
     return this.api.isVisible;
   }
-  constructor(id, component, options2, api) {
-    super(id, component, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id, component));
+  constructor(id, component2, options2, api) {
+    super(id, component2, api !== null && api !== void 0 ? api : new GridviewPanelApiImpl(id, component2));
     this._evaluatedMinimumWidth = 0;
     this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
     this._evaluatedMinimumHeight = 0;
@@ -88457,8 +88848,8 @@ var DockviewPanelApiImpl = class extends GridviewPanelApiImpl {
   get tabComponent() {
     return this._tabComponent;
   }
-  constructor(panel, group, accessor, component, tabComponent) {
-    super(panel.id, component);
+  constructor(panel, group, accessor, component2, tabComponent) {
+    super(panel.id, component2);
     this.panel = panel;
     this.accessor = accessor;
     this._onDidTitleChange = new Emitter2();
@@ -88590,7 +88981,7 @@ var DockviewPanel = class extends CompositeDisposable {
   get maximumHeight() {
     return this._maximumHeight;
   }
-  constructor(id, component, tabComponent, accessor, containerApi, group, view, options2) {
+  constructor(id, component2, tabComponent, accessor, containerApi, group, view, options2) {
     super();
     this.id = id;
     this.accessor = accessor;
@@ -88603,7 +88994,7 @@ var DockviewPanel = class extends CompositeDisposable {
     this._minimumHeight = options2.minimumHeight;
     this._maximumWidth = options2.maximumWidth;
     this._maximumHeight = options2.maximumHeight;
-    this.api = new DockviewPanelApiImpl(this, this._group, accessor, component, tabComponent);
+    this.api = new DockviewPanelApiImpl(this, this._group, accessor, component2, tabComponent);
     this.addDisposables(this.api.onActiveChange(() => {
       accessor.setActivePanel(this);
     }), this.api.onDidSizeChange((event2) => {
@@ -88814,11 +89205,11 @@ var DockviewPanelModel = class {
     const name = componentName !== null && componentName !== void 0 ? componentName : this.accessor.options.defaultTabComponent;
     if (name) {
       if (this.accessor.options.createTabComponent) {
-        const component = this.accessor.options.createTabComponent({
+        const component2 = this.accessor.options.createTabComponent({
           id,
           name
         });
-        if (component) return component;
+        if (component2) return component2;
         else return new DefaultTab();
       }
       console.warn(`dockview: tabComponent '${componentName}' was not found. falling back to the default tab.`);
@@ -91062,10 +91453,10 @@ var DropTargetAnchorContainer = class extends CompositeDisposable {
       },
       getElements: (event2, outline) => {
         this._cancelPendingClear();
-        const changed = this._outline !== outline;
+        const changed2 = this._outline !== outline;
         this._outline = outline;
         if (this._model) {
-          this._model.changed = changed;
+          this._model.changed = changed2;
           return this._model;
         }
         const container = this.createContainer();
@@ -91073,7 +91464,7 @@ var DropTargetAnchorContainer = class extends CompositeDisposable {
         this._model = {
           root: container,
           overlay: anchor,
-          changed
+          changed: changed2
         };
         container.appendChild(anchor);
         this.element.appendChild(container);
@@ -95113,7 +95504,7 @@ var SliccFileTree = class extends HTMLElement {
       const item2 = tree?.getItem(path2);
       return item2 && "isExpanded" in item2 ? item2.isExpanded() : null;
     };
-    const shown4 = (path2) => path2.split("/").slice(0, -2).every((_9, i26, parts2) => open(`${parts2.slice(0, i26 + 1).join("/")}/`) !== false);
+    const shown4 = (path2) => path2.split("/").slice(0, -2).every((_9, i26, parts3) => open(`${parts3.slice(0, i26 + 1).join("/")}/`) !== false);
     return this.#paths.filter((path2) => path2.endsWith("/") && open(path2) === true && shown4(path2)).map((path2) => path2.slice(0, -1));
   }
   get gitStatus() {