@ai-ecoverse/slicc-spectrum 1.100.0 → 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,
@@ -32544,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();
   }
@@ -32603,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 {
@@ -32878,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();
@@ -32906,6 +32913,7 @@ var SliccComposer = class extends ThemedElement {
     this.secretError = null;
     this.secretField = null;
     this.failure = null;
+    this.reattach = null;
     this.agent = "";
   }
   static styles = [
@@ -33092,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;
@@ -33194,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();
@@ -33229,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() {
@@ -33307,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();
@@ -33322,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;
   }
@@ -33987,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()}
@@ -34018,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>
@@ -34975,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,
@@ -35044,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),
@@ -36607,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() {
@@ -37963,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;
@@ -39206,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);
@@ -39216,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>
@@ -40018,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;
@@ -40392,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>`;
@@ -44639,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,
@@ -44755,31 +44841,31 @@ var newer = (a23, b13) => {
 var certBlock = /<!--\s*cert-verify\s*-->([\s\S]*?)<!--\s*\/cert-verify\s*-->/g;
 var notesLimit = 8192;
 var noted = /* @__PURE__ */ new WeakMap();
-function releaseNotes(release2) {
-  const known = noted.get(release2);
+function releaseNotes(release3) {
+  const known = noted.get(release3);
   if (known) return known;
-  const text5 = release2.notes ?? "";
+  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(release2.version.replace(/^v/, ""));
+  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: release2, body: body4, certified, cut };
-  noted.set(release2, notes2);
+  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((release2) => newer(release2.version, from) > 0 && newer(release2.version, to) <= 0).sort((a23, b13) => newer(b13.version, a23.version)).map(releaseNotes);
+  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((release2) => newer(release2.version, version2) === 0 && secure(release2.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(
@@ -44907,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);
       }
@@ -45242,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"
@@ -45267,52 +45371,61 @@ var SliccUpdates = class extends ModelElement {
       <summary data-action="whats-new">${chevron}What’s new</summary>
       <div class="releases">${entries.map(
       ({
-        release: release2,
+        release: release3,
         body: body4,
         certified,
         cut
-      }) => b`<div class="release" data-version=${release2.version}>
-          <p class="title" role="heading" aria-level=${level}>${secure(release2.url) ? b`<a class="swc-Link swc-Link--standalone" href=${release2.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`${label} ${release2.version} release notes`}>${release2.version}</a>` : release2.version}${certified ? b`<swc-badge size="s" variant="positive" subtle data-certified>Certified</swc-badge>` : A}</p>
+      }) => 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(release2.url) ? b`<p class="cut" data-cut><a class="swc-Link swc-Link--standalone" href=${release2.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`Read the full notes for ${label} ${release2.version}`}>Read the full notes</a></p>` : 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 release2 = installed2(releases, version2);
-    if (release2) {
-      return b`<a class="swc-Link swc-Link--standalone" href=${release2.url} target="_blank" rel="noopener noreferrer" data-action="release-notes" aria-label=${`${label} ${version2} release notes`}>Release notes</a>`;
+    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) {
-    const text5 = b`<span class="version">${item2.from ?? "Not installed"}${item2.to && item2.to !== item2.from ? b` → ${item2.to}` : A}</span>`;
+  #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">
-        ${this.#version(item2)}
+        ${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, item2.to), 3)}
+      ${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>`;
   }
@@ -45583,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);
     }
@@ -45860,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;
@@ -45874,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();
     });
@@ -46280,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();
@@ -46831,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;
@@ -46848,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");
@@ -47818,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))
@@ -48221,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;
@@ -48725,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] ?? "";
@@ -49265,8 +49391,8 @@ var SliccMemory = class extends ModelElement {
     </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" },
@@ -50037,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;
@@ -50529,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) {
@@ -50802,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();
@@ -50820,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,
@@ -50943,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;
@@ -51142,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),
@@ -51180,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);
@@ -51892,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());
@@ -52142,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)}
@@ -52546,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);
@@ -52596,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) {
@@ -52982,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 ?? "";
@@ -72224,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;
@@ -81142,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.
@@ -82702,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;
@@ -82773,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;
@@ -88235,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();
@@ -88310,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;
@@ -88654,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();
@@ -88787,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;
@@ -88800,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) => {
@@ -89011,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.`);
@@ -91259,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();
@@ -91270,7 +91464,7 @@ var DropTargetAnchorContainer = class extends CompositeDisposable {
         this._model = {
           root: container,
           overlay: anchor,
-          changed
+          changed: changed2
         };
         container.appendChild(anchor);
         this.element.appendChild(container);