@ai-ecoverse/slicc-spectrum 1.99.3 → 1.100.0

package/dist/slicc-ui.js

@@ -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) {
@@ -35217,8 +35229,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];
 }
@@ -36772,7 +36784,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 }) {
@@ -39113,11 +39125,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) {
@@ -44662,8 +44674,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 +44705,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 +44724,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(release2) {
+  const known = noted.get(release2);
+  if (known) return known;
+  const text5 = release2.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 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);
+  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);
+  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 snapshot = (items) => new Map(items.map(({ id, state: state2, error }) => [id, { state: state2, error }]));
 function settled2(failures, before, after) {
   return new Map(
@@ -44783,7 +44851,9 @@ var SliccUpdates = class extends ModelElement {
     return running2 ? "a package is installing" : null;
   }
   static styles = [
+    r(link_default),
     disclosureStyles,
+    markdownCss,
     i`
       :host {
         display: block;
@@ -44881,12 +44951,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 +44965,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 +44996,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 +45054,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 +45112,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 {
@@ -45142,6 +45261,37 @@ 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: release2,
+        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>
+          ${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}
+        </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>`;
+    }
+    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>`;
+    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 label = item2.state === "failed" && item2.from !== null ? "Update failed" : state2;
@@ -45153,7 +45303,7 @@ var SliccUpdates = class extends ModelElement {
         <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)}
         ${item2.state === "starting" ? A : this.#checked(item2.checkedAt)}
       </div>
       ${this.#progress(item2)}
@@ -45162,6 +45312,7 @@ var SliccUpdates = class extends ModelElement {
               <span>${error}</span>
             </div>` : A}
       ${this.#actions(item2)}
+      ${this.#whatsNew(`releases:item:${item2.id}`, item2.label, whatsNew(item2.releases, item2.from, 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 +45334,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 +45383,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 +45393,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))
@@ -46253,16 +46411,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, ".*");
@@ -48098,12 +48256,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 +48521,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>
@@ -48834,10 +48992,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 +49059,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 +49078,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 +49108,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 +49226,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,12 +49251,15 @@ 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>`;
@@ -49402,24 +49599,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) {
@@ -51984,7 +52181,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 +52191,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) {
@@ -57430,9 +57627,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 +58597,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 +61247,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 +61259,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 +68820,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 +72005,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);
@@ -72143,16 +72340,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 +72397,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);
@@ -95113,7 +95310,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() {