@ai-ecoverse/slicc-spectrum 1.95.0 → 1.96.1

package/dist/slicc-ui.js

@@ -8743,40 +8743,40 @@ function schemeOf(media2) {
   if (!query.startsWith("not")) return scheme;
   return scheme === "dark" ? "light" : "dark";
 }
-function apply(doc, paint, color2) {
+function apply(doc, paint2, color2) {
   doc.documentElement.style.colorScheme = color2;
   const metas = [...doc.head.querySelectorAll('meta[name="theme-color"]')];
-  for (const meta of metas) if (!paint.tones.has(meta)) paint.tones.set(meta, meta.content);
+  for (const meta of metas) if (!paint2.tones.has(meta)) paint2.tones.set(meta, meta.content);
   const own5 = metas.find((meta) => schemeOf(meta.media ?? "") === color2);
   if (!own5) return;
-  const tone = paint.tones.get(own5);
+  const tone = paint2.tones.get(own5);
   for (const meta of metas) meta.content = tone;
 }
 function holdDocument(doc) {
-  const paint = paints.get(doc) ?? {
+  const paint2 = paints.get(doc) ?? {
     scheme: doc.documentElement.style.colorScheme,
     priority: doc.documentElement.style.getPropertyPriority("color-scheme"),
     tones: /* @__PURE__ */ new Map(),
     holds: /* @__PURE__ */ new Map()
   };
-  paints.set(doc, paint);
+  paints.set(doc, paint2);
   const key2 = {};
-  paint.holds.set(key2, null);
+  paint2.holds.set(key2, null);
   return {
     paint(color2) {
-      if (!paint.holds.has(key2)) return;
-      paint.holds.delete(key2);
-      paint.holds.set(key2, color2);
-      apply(doc, paint, color2);
+      if (!paint2.holds.has(key2)) return;
+      paint2.holds.delete(key2);
+      paint2.holds.set(key2, color2);
+      apply(doc, paint2, color2);
     },
     release() {
-      if (!paint.holds.delete(key2)) return;
-      const left = [...paint.holds.values()].filter((color2) => color2 !== null);
-      if (left.length) return apply(doc, paint, left[left.length - 1]);
-      if (paint.holds.size) return;
+      if (!paint2.holds.delete(key2)) return;
+      const left = [...paint2.holds.values()].filter((color2) => color2 !== null);
+      if (left.length) return apply(doc, paint2, left[left.length - 1]);
+      if (paint2.holds.size) return;
       paints.delete(doc);
-      doc.documentElement.style.setProperty("color-scheme", paint.scheme, paint.priority);
-      for (const [meta, tone] of paint.tones) meta.content = tone;
+      doc.documentElement.style.setProperty("color-scheme", paint2.scheme, paint2.priority);
+      for (const [meta, tone] of paint2.tones) meta.content = tone;
     }
   };
 }
@@ -12303,9 +12303,9 @@ function factoryTitle(effects, ok4, nok, type, markerType, stringType) {
       return atBreak(code3);
     }
     effects.consume(code3);
-    return code3 === 92 ? escape2 : inside;
+    return code3 === 92 ? escape3 : inside;
   }
-  function escape2(code3) {
+  function escape3(code3) {
     if (code3 === marker || code3 === 92) {
       effects.consume(code3);
       return inside;
@@ -21041,8 +21041,8 @@ var PATH_STORE_NODE_FLAGS_MASK = 7;
 var PATH_STORE_NODE_KIND_SHIFT = 3;
 var PATH_STORE_NODE_KIND_MASK = 1 << PATH_STORE_NODE_KIND_SHIFT;
 var PATH_STORE_NODE_DEPTH_SHIFT = 4;
-function createNodeDepthAndFlags(depth, flags, kind = 0) {
-  return depth << PATH_STORE_NODE_DEPTH_SHIFT | kind << PATH_STORE_NODE_KIND_SHIFT | flags;
+function createNodeDepthAndFlags(depth, flags2, kind = 0) {
+  return depth << PATH_STORE_NODE_DEPTH_SHIFT | kind << PATH_STORE_NODE_KIND_SHIFT | flags2;
 }
 function getNodeDepth(node2) {
   return node2.depthAndFlags >>> PATH_STORE_NODE_DEPTH_SHIFT;
@@ -29392,6 +29392,229 @@ var FileTree = class {
   }
 };
 
+// src/app/ansi.ts
+var lightPalette = [
+  "gray-800",
+  "negative-color-900",
+  "positive-color-900",
+  "notice-color-1000",
+  "informative-color-900",
+  "purple-900",
+  "cyan-1000",
+  "gray-600",
+  "gray-700",
+  "negative-color-1000",
+  "positive-color-1000",
+  "notice-color-1100",
+  "informative-color-1000",
+  "purple-1000",
+  "cyan-1100",
+  "gray-800"
+];
+var terminalPalette = r(
+  lightPalette.map((token2, n37) => `--slicc-terminal-color-${n37}: var(--swc-${token2});`).join("\n")
+);
+var tints = [
+  "gray-800",
+  "negative-subtle-background-color-default",
+  "positive-subtle-background-color-default",
+  "notice-subtle-background-color-default",
+  "informative-subtle-background-color-default",
+  "purple-subtle-background-color-default",
+  "cyan-subtle-background-color-default",
+  "gray-subtle-background-color-default"
+];
+var plain = {
+  bold: false,
+  dim: false,
+  italic: false,
+  underline: false,
+  inverse: false,
+  fg: null,
+  bg: null
+};
+var levels = [0, 95, 135, 175, 215, 255];
+function indexed(n37) {
+  if (!Number.isInteger(n37) || n37 < 0 || n37 > 255) return null;
+  if (n37 < 16) return n37;
+  if (n37 >= 232) {
+    const grey = 8 + (n37 - 232) * 10;
+    return `rgb(${grey}, ${grey}, ${grey})`;
+  }
+  const cube = n37 - 16;
+  const [r40, g7, b13] = [Math.floor(cube / 36), Math.floor(cube / 6) % 6, cube % 6].map(
+    (level) => levels[level]
+  );
+  return `rgb(${r40}, ${g7}, ${b13})`;
+}
+function channel(value) {
+  return Number.isInteger(value) && value >= 0 && value <= 255 ? value : null;
+}
+function extended(params, at) {
+  const mode2 = params[at + 1];
+  if (mode2 === 5) return { color: indexed(params[at + 2]), used: 2 };
+  if (mode2 === 2) {
+    const rgb = params.slice(at + 2, at + 5).map(channel);
+    const ok4 = rgb.length === 3 && rgb.every((value) => value !== null);
+    return { color: ok4 ? `rgb(${rgb.join(", ")})` : null, used: 4 };
+  }
+  return { color: null, used: 0 };
+}
+function numbers(text5) {
+  return text5.split(":").map((part2) => part2 === "" ? 0 : Number(part2));
+}
+var flags = {
+  0: plain,
+  1: { bold: true },
+  2: { dim: true },
+  3: { italic: true },
+  4: { underline: true },
+  7: { inverse: true },
+  22: { bold: false, dim: false },
+  23: { italic: false },
+  24: { underline: false },
+  27: { inverse: false },
+  39: { fg: null },
+  49: { bg: null }
+};
+var ranges = [
+  [30, "fg", 0],
+  [40, "bg", 0],
+  [90, "fg", 8],
+  [100, "bg", 8]
+];
+function simple(code3) {
+  const flag = flags[code3];
+  if (flag) return flag;
+  const range3 = ranges.find(([start2]) => code3 >= start2 && code3 < start2 + 8);
+  return range3 ? { [range3[1]]: code3 - range3[0] + range3[2] } : null;
+}
+function wide(groups2, i26) {
+  const group = groups2[i26];
+  if (group.length === 1)
+    return extended(
+      groups2.slice(i26).map((entry) => entry[0]),
+      0
+    );
+  const spaced = group[1] === 2 && group.length > 5;
+  return { color: extended(spaced ? [0, 2, ...group.slice(3)] : group, 0).color, used: 0 };
+}
+function sgr(style, body4) {
+  const next = { ...style };
+  const groups2 = body4 === "" ? [[0]] : body4.split(";").map(numbers);
+  for (let i26 = 0; i26 < groups2.length; i26++) {
+    const group = groups2[i26];
+    const code3 = group[0];
+    if (code3 === 38 || code3 === 48) {
+      const { color: color2, used } = wide(groups2, i26);
+      i26 += used;
+      if (color2 !== null) next[code3 === 38 ? "fg" : "bg"] = color2;
+    } else if (code3 === 4 && group.length > 1) next.underline = group[1] !== 0;
+    else Object.assign(next, simple(code3));
+  }
+  return next;
+}
+function terminated(text5, from, streaming) {
+  for (let i26 = from; i26 < text5.length; i26++) {
+    if (text5[i26] === "\x07") return i26 + 1;
+    if (text5[i26] === "\x1B" && text5[i26 + 1] === "\\") return i26 + 2;
+  }
+  if (streaming) return -1;
+  const line = text5.indexOf("\n", from);
+  return line === -1 ? text5.length : line;
+}
+function csi(text5, from) {
+  for (let i26 = from; i26 < text5.length; i26++) {
+    const code3 = text5.charCodeAt(i26);
+    if (code3 >= 64 && code3 <= 126) {
+      return { end: i26 + 1, body: text5.slice(from, i26), final: text5[i26] };
+    }
+    if (code3 < 32 || code3 > 63) return { end: i26, body: "", final: "" };
+  }
+  return null;
+}
+function escape(text5, at, style, streaming) {
+  const kind = text5[at + 1];
+  if (kind === void 0) return { end: -1, style };
+  if (kind === "[") {
+    const found = csi(text5, at + 2);
+    if (!found) return { end: -1, style };
+    const styled = found.final === "m" && /^[\d;:]*$/.test(found.body);
+    return { end: found.end, style: styled ? sgr(style, found.body) : style };
+  }
+  if ("]PX^_".includes(kind)) return { end: terminated(text5, at + 2, streaming), style };
+  let i26 = at + 1;
+  while (i26 < text5.length && text5.charCodeAt(i26) >= 32 && text5.charCodeAt(i26) <= 47) i26++;
+  if (i26 === text5.length) return { end: -1, style };
+  const final = text5.charCodeAt(i26);
+  return { end: final >= 48 && final <= 126 ? i26 + 1 : at + 1, style };
+}
+function parseAnsi(text5, streaming = false) {
+  const runs2 = [];
+  let style = plain;
+  let start2 = 0;
+  const push2 = (end) => {
+    if (end <= start2) return;
+    const last = runs2.at(-1);
+    const piece = text5.slice(start2, end);
+    if (last?.style === style) last.text += piece;
+    else runs2.push({ text: piece, style });
+  };
+  let i26 = text5.indexOf("\x1B");
+  while (i26 !== -1) {
+    push2(i26);
+    const found = escape(text5, i26, style, streaming);
+    if (found.end === -1) return runs2;
+    style = found.style;
+    start2 = found.end;
+    i26 = text5.indexOf("\x1B", start2);
+  }
+  push2(text5.length);
+  return runs2;
+}
+function swatch(color2) {
+  if (color2 === null) return null;
+  return typeof color2 === "number" ? `var(--slicc-terminal-color-${color2}, var(--swc-${lightPalette[color2]}))` : color2;
+}
+function on(rgb) {
+  const [r40, g7, b13] = rgb.match(/\d+/g).map((value) => {
+    const v13 = Number(value) / 255;
+    return v13 <= 0.03928 ? v13 / 12.92 : ((v13 + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r40 + 0.7152 * g7 + 0.0722 * b13 > 0.179 ? "var(--swc-black)" : "var(--swc-white)";
+}
+function paint(style) {
+  let { fg, bg } = style;
+  if (style.inverse && fg === null && bg === null) {
+    return ["var(--swc-background-layer-1-color)", "var(--swc-neutral-content-color-default)"];
+  }
+  if (style.inverse) [fg, bg] = [bg, fg];
+  if (style.dim && typeof fg === "number" && fg >= 8) fg -= 8;
+  if (style.dim && fg === null && bg === null) {
+    return ["var(--swc-neutral-subdued-content-color-default)", null];
+  }
+  if (bg === null) return [swatch(fg), null];
+  if (typeof bg === "string") return [typeof fg === "string" ? fg : on(bg), bg];
+  const tint = `var(--swc-${bg === 8 ? "gray-700" : tints[bg % 8]})`;
+  return [bg % 8 === 0 ? "var(--swc-gray-25)" : null, tint];
+}
+function inline3(style) {
+  const [fg, bg] = paint(style);
+  return [
+    fg ? `color: ${fg}` : "",
+    bg ? `background: ${bg}` : "",
+    style.bold ? "font-weight: var(--swc-bold-font-weight)" : "",
+    style.italic ? "font-style: italic" : "",
+    style.underline ? "text-decoration: underline" : ""
+  ].filter(Boolean).join("; ");
+}
+function ansi(text5, streaming = false) {
+  return parseAnsi(text5, streaming).map((run) => {
+    const style = inline3(run.style);
+    return style ? b`<span style=${style}>${run.text}</span>` : run.text;
+  });
+}
+
 // src/app/sign-in.ts
 var continuing = "Continue in the sign-in window that opened.";
 var closed = "Closed the sign-in window? Cancel, then Log in again.";
@@ -29711,7 +29934,7 @@ function tool(call, color2 = "light", options2 = {}) {
   const label = `${call.title}, ${statusLabel2(call.status)}`;
   const content3 = b`<div class="call">
       ${body(call, color2)}
-      ${call.output ? b`<pre class="output">${call.output}</pre>` : A}
+      ${call.output ? b`<pre class="output">${ansi(call.output, call.status === "running")}</pre>` : A}
       ${call.notes?.length ? notes(call.notes) : A}
       ${call.image ? b`<img class="shot" src=${call.image} alt=${call.title} />` : A}
       ${call.meta ? b`<span class="tool-meta">${call.meta}</span>` : A}
@@ -30183,28 +30406,56 @@ function decision(message, handlers, pile) {
     </div>
   </swc-conversation-turn>`;
 }
+var scoopWords = {
+  completed: "finished",
+  failed: "failed",
+  stopped: "stopped"
+};
+var scoopBracket = /^\[(?:scoop |@)[^\]\n]* (completed|failed|stopped)\][^\S\n]*(?:\n|$)/;
+function scoopLine(message) {
+  const icon = lickIcons[message.channel];
+  const [label] = lickLabels[message.channel];
+  const bracket = message.channel === "scoop-notify" && scoopBracket.exec(message.text);
+  if (!bracket) return [message.text, false, icon, label];
+  const name = message.title.replace(/\s*\([^)]*\)$/, "");
+  const word = scoopWords[bracket[1]];
+  if (bracket[1] === "completed") return [`Scoop ${name} ${word}`, false, icon, label];
+  return [`Scoop ${name} ${word}`, true, "\u274C", `Scoop ${word}`];
+}
+function lickBody(message) {
+  return message.channel === "scoop-notify" ? (message.body ?? "").replace(scoopBracket, "").trim() : message.body;
+}
+function lickContent(message, body4, handlers) {
+  const scoop = message.channel === "scoop-notify";
+  const report = message.report;
+  if (!scoop && !report) return b`<pre class="output">${body4}</pre>`;
+  const shown4 = !body4 ? A : scoop ? b`<div class="text">${markdown(body4)}</div>` : b`<pre class="output">${body4}</pre>`;
+  return b`<div class="report">${shown4}${report ? b`<swc-button size="s" variant="secondary" fill-style="outline" data-action="open-report" @click=${() => handlers.open(report)}>Open the report</swc-button>` : A}</div>`;
+}
 function lick(message, handlers, stamp = true, pile = flatPile) {
   if (pendingApproval(message)) return decision(message, handlers, pile);
-  const [label] = lickLabels[message.channel];
+  const [line, failed2, icon, label] = scoopLine(message);
+  const severity = message.severity ?? (failed2 ? "error" : void 0);
   const outcome = message.state === "confirmed" ? "Allowed" : message.state === "dismissed" ? "Denied" : "";
-  const head2 = b`${message.severity ? b`<span class="sr">${severities[message.severity].prefix}</span>` : A}
+  const head2 = b`${severity ? b`<span class="sr">${severities[severity].prefix}</span>` : A}
     ${outcome ? b`<span class="sr">${outcome}. </span>` : A}
-    <span class="text">${message.text}</span>
+    <span class="text" data-summary=${message.summary ? "" : A}>${message.summary || line}</span>
     ${message.count && message.count > 1 ? b`<span class="times" title="Coalesced events">×${message.count}</span>` : A}`;
   const outcomeIcon = message.state === "confirmed" ? "\u{1F44D}" : message.state === "dismissed" ? "\u{1F44E}" : "";
-  const reaction = b`<span class="reactions"><span class="reaction" title=${label} aria-hidden="true">${lickIcons[message.channel]}</span>${outcomeIcon ? b`<span class="reaction" title=${outcome} aria-hidden="true">${outcomeIcon}</span>` : A}</span>`;
-  const name = `${message.severity ? severities[message.severity].prefix : ""}${label} event`;
-  const byline2 = b`<div class="meta">${message.severity ? b`<span class="severity-icon">${severities[message.severity].icon}</span>` : A}<span class="who">${message.title}</span>${stamp ? when(message.createdAt) : unseen(message.createdAt)}</div>`;
-  if (!message.body) {
+  const reaction = b`<span class="reactions"><span class="reaction" title=${label} aria-hidden="true">${icon}</span>${outcomeIcon ? b`<span class="reaction" title=${outcome} aria-hidden="true">${outcomeIcon}</span>` : A}</span>`;
+  const name = `${severity ? severities[severity].prefix : ""}${label} event`;
+  const byline2 = b`<div class="meta">${severity ? b`<span class="severity-icon">${severities[severity].icon}</span>` : A}<span class="who">${message.title}</span>${stamp ? when(message.createdAt) : unseen(message.createdAt)}</div>`;
+  const body4 = lickBody(message);
+  if (!body4 && !message.report) {
     return outside(
       name,
       byline2,
-      b`<div class="lick-frame"><div class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${message.severity ?? A}><div class="lick-head">${head2}</div></div>${reaction}</div>`
+      b`<div class="lick-frame"><div class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${severity ?? A}><div class="lick-head">${head2}</div></div>${reaction}</div>`
     );
   }
-  const details = b`<details class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${message.severity ?? A} ?open=${handlers.licks?.has(message.id) ?? false} @toggle=${handlers.licks?.details(message.id) ?? A}>
+  const details = b`<details class="lick" data-id=${message.id} data-channel=${message.channel} data-severity=${severity ?? A} ?open=${handlers.licks?.has(message.id) ?? false} @toggle=${handlers.licks?.details(message.id) ?? A}>
     <summary class="lick-head">${head2}<swc-icon-chevron-right class="chevron" size="s" aria-hidden="true"></swc-icon-chevron-right></summary>
-    <pre class="output">${message.body}</pre>
+    ${lickContent(message, body4, handlers)}
   </details>`;
   return outside(name, byline2, b`<div class="lick-frame">${details}${reaction}</div>`);
 }
@@ -30395,16 +30646,35 @@ var messageCss = i`
   details[open] > summary .chevron {
     transform: rotate(90deg);
   }
-  .lick .text,
+  .lick-head .text,
   .runs .label {
     min-inline-size: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .lick .text {
+  .lick-head .text {
     flex: 1;
   }
+  .lick-head .text[data-summary] {
+    white-space: normal;
+  }
+  .lick .report {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--swc-spacing-200);
+    padding: var(--swc-spacing-75) var(--swc-spacing-200) var(--swc-spacing-200);
+    overflow-wrap: anywhere;
+  }
+  .lick .report .heading {
+    font-size: inherit;
+  }
+  .lick .report > .text {
+    align-self: stretch;
+    max-block-size: calc(var(--swc-spacing-1000) * 4);
+    overflow: auto;
+  }
   swc-system-message > slicc-tool-runs + slicc-tool-runs {
     margin-block-start: var(--swc-spacing-75);
   }
@@ -32453,13 +32723,13 @@ var SliccFiles = class extends ModelElement {
     item2?.select();
     tree.reveal(path2, false);
   }
-  #busy(at, on) {
+  #busy(at, on2) {
     if (at === void 0) {
-      this.mounting = on;
+      this.mounting = on2;
       return;
     }
     const inserting = new Set(this.inserting);
-    if (on) inserting.add(at);
+    if (on2) inserting.add(at);
     else inserting.delete(at);
     this.inserting = inserting;
   }
@@ -38598,22 +38868,7 @@ var SliccTerminalPanel = class extends ThemedElement {
         --slicc-terminal-font-size: var(--swc-font-size-100);
       }
       :host([color='light']) {
-        --slicc-terminal-color-0: var(--swc-gray-800);
-        --slicc-terminal-color-1: var(--swc-negative-color-900);
-        --slicc-terminal-color-2: var(--swc-positive-color-900);
-        --slicc-terminal-color-3: var(--swc-notice-color-1000);
-        --slicc-terminal-color-4: var(--swc-informative-color-900);
-        --slicc-terminal-color-5: var(--swc-purple-900);
-        --slicc-terminal-color-6: var(--swc-cyan-1000);
-        --slicc-terminal-color-7: var(--swc-gray-600);
-        --slicc-terminal-color-8: var(--swc-gray-700);
-        --slicc-terminal-color-9: var(--swc-negative-color-1000);
-        --slicc-terminal-color-10: var(--swc-positive-color-1000);
-        --slicc-terminal-color-11: var(--swc-notice-color-1100);
-        --slicc-terminal-color-12: var(--swc-informative-color-1000);
-        --slicc-terminal-color-13: var(--swc-purple-1000);
-        --slicc-terminal-color-14: var(--swc-cyan-1100);
-        --slicc-terminal-color-15: var(--swc-gray-800);
+        ${terminalPalette}
       }
     `
   ];
@@ -43190,13 +43445,13 @@ function touched2(cwds, word, whole) {
     }
   return null;
 }
-function ansi(command3) {
-  const escape2 = /\\(?:x([0-9a-fA-F]{1,2})|u([0-9a-fA-F]{1,4})|U([0-9a-fA-F]{1,8})|([0-7]{1,3})|([\s\S]))/g;
+function ansi2(command3) {
+  const escape3 = /\\(?:x([0-9a-fA-F]{1,2})|u([0-9a-fA-F]{1,4})|U([0-9a-fA-F]{1,8})|([0-7]{1,3})|([\s\S]))/g;
   return command3.replace(
     /\$'((?:[^'\\]|\\[\s\S])*)'/g,
-    (_9, body4) => `'${body4.replace(escape2, (_match, hex, short2, long, octal, plain) => {
+    (_9, body4) => `'${body4.replace(escape3, (_match, hex, short2, long, octal, plain2) => {
       if (octal) return String.fromCharCode(Number.parseInt(octal, 8));
-      if (plain) return plain;
+      if (plain2) return plain2;
       return String.fromCodePoint(
         Math.min(Number.parseInt(hex ?? short2 ?? long, 16), 1114111)
       );
@@ -43292,10 +43547,10 @@ function reach2(command3, cwd) {
   const start2 = absolute("/", cwd ?? "/");
   if (protects(start2, false)) return start2;
   const cwds = /* @__PURE__ */ new Set([start2]);
-  const text5 = unglob(ansi(command3.replace(/\\\n/g, "")));
-  const plain = text5.split(separators).map((segment2) => commas(segment2.split(/[\s<>=]+/).map((word) => word.replace(/['"\\]/g, ""))));
+  const text5 = unglob(ansi2(command3.replace(/\\\n/g, "")));
+  const plain2 = text5.split(separators).map((segment2) => commas(segment2.split(/[\s<>=]+/).map((word) => word.replace(/['"\\]/g, ""))));
   const aware = shield(text5).split(separators).map((segment2) => commas(quoted(unshield(segment2))));
-  const segments = JSON.stringify(aware) === JSON.stringify(plain) ? plain : [...plain, ...aware];
+  const segments = JSON.stringify(aware) === JSON.stringify(plain2) ? plain2 : [...plain2, ...aware];
   const whole = segments.some((words) => words.length > 0 && !trusted(words[0]));
   for (const words of segments) {
     const hit = scan2(words, cwds, whole);
@@ -43502,9 +43757,9 @@ var SliccApprovals = class extends ModelElement {
     clearTimeout(this.#arming);
     this.#showing = null;
   }
-  #tick(on) {
-    if (on && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
-    if (!on && this.#timer) {
+  #tick(on2) {
+    if (on2 && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
+    if (!on2 && this.#timer) {
       clearInterval(this.#timer);
       this.#timer = null;
     }
@@ -44885,10 +45140,10 @@ var SliccBrowser = class extends ModelElement {
   }
   #detail(tabs, tab) {
     const narrow = this.#width < narrowWidth;
-    const wide = this.#width >= wideWidth;
+    const wide2 = this.#width >= wideWidth;
     const copy = this.#copied === "url" ? "Copied" : this.#copied === "failed" ? "Couldn\u2019t copy" : "Copy";
-    return b`<div class=${`focused${wide ? " wide" : ""}${narrow ? " narrow" : ""}`}>
-      ${wide ? this.#list(tabs, tab) : A}
+    return b`<div class=${`focused${wide2 ? " wide" : ""}${narrow ? " narrow" : ""}`}>
+      ${wide2 ? this.#list(tabs, tab) : A}
       <section class="detail" aria-label=${tab.title}>
         <div class="bar">
           <swc-action-button size="s" quiet data-action="all-tabs" @click=${(event2) => {
@@ -44897,7 +45152,7 @@ var SliccBrowser = class extends ModelElement {
         () => this.focusWith({ focusVisible: event2.detail === 0 }, ".window")
       );
     }}><swc-icon-chevron-left slot="icon"></swc-icon-chevron-left>All tabs (${tabs.length})</swc-action-button>
-          ${wide ? A : this.#picker(tabs, tab)}
+          ${wide2 ? A : this.#picker(tabs, tab)}
         </div>
         <div class="address">
           <span class="url" title=${tab.url}>${narrow ? place2(tab.url) : tab.url}</span>
@@ -47840,7 +48095,7 @@ function load() {
 function pascal(name) {
   return name.replace(/(^|-)([a-z0-9])/g, (_9, _dash, char) => char.toUpperCase());
 }
-var escape = (value) => String(value).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+var escape2 = (value) => String(value).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 function svg(name, node2) {
   const attributes = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -47854,7 +48109,7 @@ function svg(name, node2) {
     "stroke-linejoin": "round",
     class: `lucide lucide-${name}`
   };
-  const attrs = (entries) => Object.entries(entries).map(([key2, value]) => ` ${key2}="${escape(value)}"`).join("");
+  const attrs = (entries) => Object.entries(entries).map(([key2, value]) => ` ${key2}="${escape2(value)}"`).join("");
   const children = node2.map(([tag3, child]) => `<${tag3}${attrs(child)}/>`).join("");
   return `<svg${attrs(attributes)}>${children}</svg>`;
 }
@@ -48495,17 +48750,17 @@ function byName(a23, b13) {
   return a23.name < b13.name ? -1 : a23.name > b13.name ? 1 : 0;
 }
 function sourceLine(secret, devices) {
-  const on = secret.sourceDevice ? ` on ${deviceName2(secret.sourceDevice, devices)}` : "";
+  const on2 = secret.sourceDevice ? ` on ${deviceName2(secret.sourceDevice, devices)}` : "";
   const [kind, detail = ""] = secret.source.split(/:(.*)/s);
-  if (kind === "settings") return `Entered in SLICC${on}`;
-  if (kind === "popup") return `Entered in the vault${on}`;
-  if (kind === "process") return `Saved by a program${on}`;
+  if (kind === "settings") return `Entered in SLICC${on2}`;
+  if (kind === "popup") return `Entered in the vault${on2}`;
+  if (kind === "process") return `Saved by a program${on2}`;
   if (kind === "import") return `Imported from ${detail}`;
   if (kind === "oauth") {
     const as = secret.account ? ` as ${secret.account}` : "";
     return `Signed in to ${secret.provider ?? detail}${as}`;
   }
-  return `A jerk lease for ${detail.split("@")[0]}${on}`;
+  return `A jerk lease for ${detail.split("@")[0]}${on2}`;
 }
 function startOfDay(now) {
   const date = new Date(now);
@@ -49234,9 +49489,9 @@ var SliccSecrets = class extends ThemedElement {
     }
   }
   #pick(name, event2) {
-    const on = event2.currentTarget.checked;
+    const on2 = event2.currentTarget.checked;
     this.picked = new Set(
-      on ? [...this.picked, name] : [...this.picked].filter((item2) => item2 !== name)
+      on2 ? [...this.picked, name] : [...this.picked].filter((item2) => item2 !== name)
     );
   }
   async exportAll(vault, trigger2 = null) {
@@ -49689,6 +49944,23 @@ function matchProviders(options2, query) {
     return words.every((word) => text5.includes(word));
   });
 }
+var mcpRegistrations = "slicc-spectrum.mcp-endpoints";
+function registrations2() {
+  try {
+    return JSON.parse(globalThis.localStorage.getItem(mcpRegistrations) ?? "{}") ?? {};
+  } catch {
+    return {};
+  }
+}
+function register(server, url) {
+  const all3 = registrations2();
+  if (url) all3[server] = url;
+  else delete all3[server];
+  try {
+    globalThis.localStorage.setItem(mcpRegistrations, JSON.stringify(all3));
+  } catch {
+  }
+}
 var popup = (account) => account.group === "mcp" && account.auth === "oauth";
 var start = (options2, value) => options2.some((option2) => option2.value === value) ? value : options2[0]?.value ?? "";
 var nothingToChoose = "Nothing to choose from yet. You can connect without it.";
@@ -50059,7 +50331,7 @@ var SliccSettings = class extends ThemedElement {
       model.settings.on("settings", settle2),
       model.settings.on("accounts", settle2),
       model.settings.on("providers", update),
-      ...model.vault ? [model.vault.on("status", update)] : []
+      ...model.vault ? [model.vault.on("status", update), model.vault.on("list", update)] : []
     ];
   }
   focus() {
@@ -50093,9 +50365,9 @@ var SliccSettings = class extends ThemedElement {
     return event2.target.checked;
   }
   #cancelled = /* @__PURE__ */ new Set();
-  #busy(id, on) {
+  #busy(id, on2) {
     const rest = [...this.pending].filter((candidate) => candidate !== id);
-    this.pending = new Set(on ? [...rest, id] : rest);
+    this.pending = new Set(on2 ? [...rest, id] : rest);
   }
   async connect(id, secret, fields) {
     this.#busy(id, true);
@@ -50130,8 +50402,18 @@ var SliccSettings = class extends ThemedElement {
     const options2 = account.group === "mcp" ? { kind: "mcp", server: serverOf(account) } : { kind: "model", provider: account.id };
     this.#busy(id, true);
     this.failure = null;
+    const url = this.#mcpUrl(account);
     try {
       await vault.put?.(recordName(account), value, void 0, options2);
+      if (url) {
+        const server = serverOf(account);
+        const old = registrations2()[server];
+        await vault.endpoints?.({
+          ...old && old !== url ? { remove: { mcp: [{ server, url: old }] } } : {},
+          add: { mcp: [{ server, url }] }
+        });
+        register(server, url);
+      }
     } catch (error) {
       this.#busy(id, false);
       if (this.model === model) this.#refuse(id, "value", failureText(error));
@@ -50272,6 +50554,11 @@ var SliccSettings = class extends ThemedElement {
     const form = event2.currentTarget;
     this.problem = null;
     this.filled = new Set([...this.filled].filter((name) => name !== "value"));
+    const url = this.#mcpUrl(account);
+    if (this.#vault(account) && url) {
+      void this.#confirmSubmit(form, account, url);
+      return;
+    }
     if (this.#vault(account)) {
       const value = take(form.querySelector("input[data-field=value]"));
       const fields2 = this.#fields(form, account);
@@ -50284,6 +50571,67 @@ var SliccSettings = class extends ThemedElement {
     const fields = this.#fields(form, account);
     if (secret && fields !== null) void this.#connectBases(account, secret, fields);
   }
+  async #confirmSubmit(form, account, url) {
+    const input = form.querySelector("input[data-field=value]");
+    const problem = valueProblem(input.value);
+    if (problem) return this.#refuse(account.id, "value", problem);
+    const fields = this.#fields(form, account);
+    if (fields === null || this.pending.has(account.id)) return;
+    const model = this.model;
+    if (!await this.#confirmUrl(url)) return;
+    if (!input.isConnected || this.model !== model) return;
+    await this.keep(account, take(input), fields);
+  }
+  #confirmUrl(url) {
+    return confirm({
+      title: `Connect to ${url}?`,
+      body: `SLICC sends this token only to ${url}.`,
+      action: "Connect",
+      variant: "confirmation"
+    });
+  }
+  #mcpUrl(account) {
+    if (account.group !== "mcp" || !this.model?.vault?.endpoints) return null;
+    return this.#baseOf(account.url) ?? null;
+  }
+  #pinned(account) {
+    const server = serverOf(account);
+    return this.model?.vault?.list()?.secrets.find(
+      (secret) => secret.kind === "mcp" && secret.server === server && secret.state !== "removed" && secret.pinned
+    )?.url;
+  }
+  #moved(account) {
+    const url = this.#mcpUrl(account);
+    const old = registrations2()[serverOf(account)] ?? this.#pinned(account);
+    return url && old && old !== url ? url : null;
+  }
+  async #reconnectMcp(account, url) {
+    const model = this.model;
+    const server = serverOf(account);
+    const old = registrations2()[server];
+    if (!await this.#confirmUrl(url)) return;
+    if (this.model !== model) return;
+    this.#busy(account.id, true);
+    this.failure = null;
+    try {
+      await model.vault?.endpoints?.({
+        ...old ? { remove: { mcp: [{ server, url: old }] } } : {},
+        add: { mcp: [{ server, url }] }
+      });
+      register(server, url);
+    } catch (error) {
+      if (this.model === model) this.failure = { id: account.id, message: failureText(error) };
+      return;
+    } finally {
+      this.#busy(account.id, false);
+    }
+    if (this.model === model) await this.connect(account.id);
+  }
+  #movedNote(account) {
+    const url = this.#moved(account);
+    if (!url) return A;
+    return b`<div class="notes"><p class="notice" data-notice="moved"><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>The server moved to ${url}. Reconnect to send the token there.</span></p></div>`;
+  }
   #submitOnEnter(event2) {
     const target2 = event2.target;
     if (event2.key !== "Enter" || target2.localName !== "input") return;
@@ -50483,8 +50831,16 @@ var SliccSettings = class extends ThemedElement {
     if (!await confirm({ title, body: body4, action: "Disconnect", variant: "confirmation" })) return;
     clearValues(this.renderRoot);
     if (this.model !== model) return;
+    const server = serverOf(account);
+    const pinned = !!this.#pinned(account);
+    const url = account.group === "mcp" ? registrations2()[server] ?? (pinned ? null : this.#mcpUrl(account)) : null;
     if (stored && !await this.#forget(account, stored)) return;
-    if (this.model === model) model?.settings.disconnect(account.id);
+    if (this.model !== model) return;
+    model?.settings.disconnect(account.id);
+    if (!url || !stored?.endpoints) return;
+    await stored.endpoints({ remove: { mcp: [{ server, url }] } }).then(() => register(server, void 0)).catch((error) => {
+      if (this.model === model) this.failure = { id: account.id, message: failureText(error) };
+    });
   }
   async #forget(account, vault) {
     this.#busy(account.id, true);
@@ -50566,11 +50922,27 @@ var SliccSettings = class extends ThemedElement {
       <span class="provider">${account.provider}</span>
       <span class="identity">${account.identity}${this.#inVault(account) ? b`<span class="kept" data-store="vault">${account.identity ? " \xB7 " : ""}${kept2(account)}</span>` : A}</span>
       <swc-status-light class="state" variant=${variant}>${label}</swc-status-light>
-      ${this.#removable(account) ? b`<div class="actions">${this.#action(account)}${this.#removeButton(account)}</div>` : this.#action(account)}
+      ${this.#actions(account)}
     </div>
     ${this.#offered() ? this.#rowNotes(account) : A}
+    ${this.#movedNote(account)}
     ${this.adding?.id === account.id ? A : b`${this.#key(account)}${failure2}`}`;
   }
+  #actions(account) {
+    const moved2 = account.status === "connected" ? this.#moved(account) : null;
+    if (moved2)
+      return b`<div class="actions"><swc-button
+          size="m"
+          variant="accent"
+          data-action="reconnect-mcp"
+          accessible-label=${`Reconnect ${account.provider}`}
+          ?pending=${this.pending.has(account.id)}
+          @click=${() => this.#reconnectMcp(account, moved2)}
+        >Reconnect</swc-button>${this.#action(account)}</div>`;
+    if (this.#removable(account))
+      return b`<div class="actions">${this.#action(account)}${this.#removeButton(account)}</div>`;
+    return this.#action(account);
+  }
   #removable(account) {
     return !!this.#offered() && !!this.model?.settings.remove && account.group !== "mcp";
   }
@@ -51689,9 +52061,9 @@ var SliccValueRequest = class extends ThemedElement {
   #current(queue) {
     return queue.find(({ id }) => id === this.#front) ?? queue.find(({ id }) => !this.#later.has(id)) ?? null;
   }
-  #tick(on) {
-    if (on && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
-    if (!on && this.#timer) {
+  #tick(on2) {
+    if (on2 && !this.#timer) this.#timer = setInterval(() => this.now = Date.now(), 1e3);
+    if (!on2 && this.#timer) {
       clearInterval(this.#timer);
       this.#timer = null;
     }
@@ -60741,7 +61113,7 @@ function createColorPalette(namedColorsMap = defaultNamedColorsMap) {
     if (colorTable) return colorTable;
     colorTable = [];
     for (let i26 = 0; i26 < namedColors.length; i26++) colorTable.push(namedColor(namedColors[i26]));
-    let levels = [
+    let levels2 = [
       0,
       95,
       135,
@@ -60750,9 +61122,9 @@ function createColorPalette(namedColorsMap = defaultNamedColorsMap) {
       255
     ];
     for (let r40 = 0; r40 < 6; r40++) for (let g7 = 0; g7 < 6; g7++) for (let b13 = 0; b13 < 6; b13++) colorTable.push(rgbColor([
-      levels[r40],
-      levels[g7],
-      levels[b13]
+      levels2[r40],
+      levels2[g7],
+      levels2[b13]
     ]));
     let level = 8;
     for (let i26 = 0; i26 < 24; i26++, level += 10) colorTable.push(rgbColor([
@@ -63082,9 +63454,9 @@ var FirstPassVisitor = {
     },
     exit({ node: node2 }, { flagDirectivesByAlt }) {
       if (flagDirectivesByAlt.get(node2)?.length) {
-        const flags = getCombinedFlagModsFromFlagNodes(flagDirectivesByAlt.get(node2));
-        if (flags) {
-          const flagGroup = A8({ flags });
+        const flags2 = getCombinedFlagModsFromFlagNodes(flagDirectivesByAlt.get(node2));
+        if (flags2) {
+          const flagGroup = A8({ flags: flags2 });
           flagGroup.body[0].body = node2.body;
           node2.body = [setParentDeep(flagGroup, node2)];
         }
@@ -63220,12 +63592,12 @@ var FirstPassVisitor = {
     }
   },
   Directive({ node: node2, parent, root: root2, remove: remove2, replaceWith, removeAllPrevSiblings, removeAllNextSiblings }) {
-    const { kind, flags } = node2;
+    const { kind, flags: flags2 } = node2;
     if (kind === "flags") {
-      if (!flags.enable && !flags.disable) {
+      if (!flags2.enable && !flags2.disable) {
         remove2();
       } else {
-        const flagGroup = A8({ flags });
+        const flagGroup = A8({ flags: flags2 });
         flagGroup.body[0].body = removeAllNextSiblings();
         replaceWith(setParentDeep(flagGroup, parent), { traverse: true });
       }
@@ -63605,13 +63977,13 @@ function getAndStoreJsGroupName(name, map) {
 function getCombinedFlagModsFromFlagNodes(flagNodes) {
   const flagProps = ["dotAll", "ignoreCase"];
   const combinedFlags = { enable: {}, disable: {} };
-  flagNodes.forEach(({ flags }) => {
+  flagNodes.forEach(({ flags: flags2 }) => {
     flagProps.forEach((prop) => {
-      if (flags.enable?.[prop]) {
+      if (flags2.enable?.[prop]) {
         delete combinedFlags.disable[prop];
         combinedFlags.enable[prop] = true;
       }
-      if (flags.disable?.[prop]) {
+      if (flags2.disable?.[prop]) {
         combinedFlags.disable[prop] = true;
       }
     });
@@ -63998,8 +64370,8 @@ var generator = {
     const extraChars = /* @__PURE__ */ new Set();
     if (state2.useAppliedIgnoreCase && state2.currentFlags.ignoreCase) {
       const charsOutsideRange = getCasesOutsideCharClassRange(node2);
-      const ranges = getCodePointRangesFromChars(charsOutsideRange);
-      ranges.forEach((value) => {
+      const ranges2 = getCodePointRangesFromChars(charsOutsideRange);
+      ranges2.forEach((value) => {
         extraChars.add(
           Array.isArray(value) ? `${getCharEscape(value[0], escOpts)}-${getCharEscape(value[1], escOpts)}` : getCharEscape(value, escOpts)
         );
@@ -64047,14 +64419,14 @@ var generator = {
   /**
   @param {GroupNode} node
   */
-  Group({ atomic: atomic2, body: body4, flags, parent }, state2, gen) {
+  Group({ atomic: atomic2, body: body4, flags: flags2, parent }, state2, gen) {
     const currentFlags = state2.currentFlags;
-    if (flags) {
-      state2.currentFlags = getNewCurrentFlags(currentFlags, flags);
+    if (flags2) {
+      state2.currentFlags = getNewCurrentFlags(currentFlags, flags2);
     }
     const contents = body4.map(gen).join("|");
     const result = !state2.verbose && body4.length === 1 && // Single alt
-    parent.type !== "Quantifier" && !atomic2 && (!state2.useFlagMods || !flags) ? contents : `(?${getGroupPrefix(atomic2, flags, state2.useFlagMods)}${contents})`;
+    parent.type !== "Quantifier" && !atomic2 && (!state2.useFlagMods || !flags2) ? contents : `(?${getGroupPrefix(atomic2, flags2, state2.useFlagMods)}${contents})`;
     state2.currentFlags = currentFlags;
     return result;
   },
@@ -64302,14 +64674,14 @@ var EmulatedRegExp = class _EmulatedRegExp extends RegExp {
   @param {EmulatedRegExp} pattern
   @param {string} [flags]
   */
-  constructor(pattern2, flags, options2) {
+  constructor(pattern2, flags2, options2) {
     const lazyCompile = !!options2?.lazyCompile;
     if (pattern2 instanceof RegExp) {
       if (options2) {
         throw new Error("Cannot provide options when copying a regexp");
       }
       const re3 = pattern2;
-      super(re3, flags);
+      super(re3, flags2);
       this.#pattern = re3.source;
       if (re3 instanceof _EmulatedRegExp) {
         this.#captureMap = re3.#captureMap;
@@ -64324,7 +64696,7 @@ var EmulatedRegExp = class _EmulatedRegExp extends RegExp {
         transfers: [],
         ...options2
       };
-      super(lazyCompile ? "" : pattern2, flags);
+      super(lazyCompile ? "" : pattern2, flags2);
       this.#pattern = pattern2;
       this.#captureMap = createCaptureMap(opts.hiddenCaptures, opts.transfers);
       this.#strategy = opts.strategy;
@@ -67619,8 +67991,8 @@ function relativeLuminance(color2) {
   const r40 = rgba[0] / 255;
   const g7 = rgba[1] / 255;
   const b13 = rgba[2] / 255;
-  const channel = (v13) => v13 <= 0.03928 ? v13 / 12.92 : ((v13 + 0.055) / 1.055) ** 2.4;
-  return 0.2126 * channel(r40) + 0.7152 * channel(g7) + 0.0722 * channel(b13);
+  const channel2 = (v13) => v13 <= 0.03928 ? v13 / 12.92 : ((v13 + 0.055) / 1.055) ** 2.4;
+  return 0.2126 * channel2(r40) + 0.7152 * channel2(g7) + 0.0722 * channel2(b13);
 }
 function isFullyTransparent(color2) {
   if (color2 == null) return false;
@@ -71957,7 +72329,7 @@ function isAdditionLineRenderable({ fileDiff, lineNumber, expandedHunks, collaps
 }
 function getNearestRenderableAdditionLine({ fileDiff, lineNumber, direction, expandedHunks, collapsedContextThreshold }) {
   if (expandedHunks === true || fileDiff.isPartial) return lineNumber;
-  const ranges = [];
+  const ranges2 = [];
   let modeledEnd = 1;
   for (const [hunkIndex, hunk] of fileDiff.hunks.entries()) {
     const [hunkStart, hunkEnd] = getHunkAdditionLineRange(hunk);
@@ -71969,12 +72341,12 @@ function getNearestRenderableAdditionLine({ fileDiff, lineNumber, direction, exp
       collapsedContextThreshold
     });
     const gapStart = hunkStart - region.rangeSize;
-    if (region.renderAll) ranges.push([gapStart, hunkStart]);
+    if (region.renderAll) ranges2.push([gapStart, hunkStart]);
     else {
-      if (region.fromStart > 0) ranges.push([gapStart, gapStart + region.fromStart]);
-      if (region.fromEnd > 0) ranges.push([hunkStart - region.fromEnd, hunkStart]);
+      if (region.fromStart > 0) ranges2.push([gapStart, gapStart + region.fromStart]);
+      if (region.fromEnd > 0) ranges2.push([hunkStart - region.fromEnd, hunkStart]);
     }
-    ranges.push([hunkStart, hunkEnd]);
+    ranges2.push([hunkStart, hunkEnd]);
     modeledEnd = hunkEnd;
   }
   const trailingRegion = getTrailingExpandedRegion({
@@ -71987,16 +72359,16 @@ function getNearestRenderableAdditionLine({ fileDiff, lineNumber, direction, exp
   if (trailingRegion != null) {
     const trailingStart = modeledEnd;
     modeledEnd = trailingStart + trailingRegion.rangeSize;
-    if (trailingRegion.renderAll) ranges.push([trailingStart, modeledEnd]);
-    else if (trailingRegion.fromStart > 0) ranges.push([trailingStart, trailingStart + trailingRegion.fromStart]);
+    if (trailingRegion.renderAll) ranges2.push([trailingStart, modeledEnd]);
+    else if (trailingRegion.fromStart > 0) ranges2.push([trailingStart, trailingStart + trailingRegion.fromStart]);
   }
   if (lineNumber >= modeledEnd) return lineNumber;
   if (direction === "down") {
-    for (const [start2, end] of ranges) if (end > lineNumber) return Math.max(start2, lineNumber);
+    for (const [start2, end] of ranges2) if (end > lineNumber) return Math.max(start2, lineNumber);
     return;
   }
-  for (let index2 = ranges.length - 1; index2 >= 0; index2--) {
-    const [start2, end] = ranges[index2];
+  for (let index2 = ranges2.length - 1; index2 >= 0; index2--) {
+    const [start2, end] = ranges2[index2];
     if (start2 <= lineNumber) return Math.min(end - 1, lineNumber);
   }
 }
@@ -72358,19 +72730,19 @@ function getHunkPrefixCounts({ diff, expandedHunks, collapsedContextThreshold })
 }
 function getContextLineIterationBounds(state2, count2, diffStyle) {
   if (!state2.isWindowedHighlight || count2 <= 0) return [0, count2];
-  const ranges = [];
+  const ranges2 = [];
   function pushRange(currentCount) {
     const start3 = Math.max(0, state2.viewportStart - currentCount);
     const end2 = Math.min(count2, state2.viewportEnd - currentCount);
-    if (end2 > start3) ranges.push([start3, end2]);
+    if (end2 > start3) ranges2.push([start3, end2]);
   }
   if (diffStyle !== "split") pushRange(state2.unifiedCount);
   if (diffStyle !== "unified") pushRange(state2.splitCount);
-  if (ranges.length === 0) return [0, 0];
-  let start2 = ranges[0][0];
-  let end = ranges[0][1];
-  for (let index2 = 1; index2 < ranges.length; index2++) {
-    const range3 = ranges[index2];
+  if (ranges2.length === 0) return [0, 0];
+  let start2 = ranges2[0][0];
+  let end = ranges2[0][1];
+  for (let index2 = 1; index2 < ranges2.length; index2++) {
+    const range3 = ranges2[index2];
     start2 = Math.min(start2, range3[0]);
     end = Math.max(end, range3[1]);
   }
@@ -89323,15 +89695,15 @@ function buildColorPicker(tabGroup, palette) {
   wrapper.className = "dv-context-menu-color-picker";
   if (!palette.enabled) return wrapper;
   for (const entry of palette.entries()) {
-    const swatch = document.createElement("div");
-    swatch.className = "dv-context-menu-color-swatch";
-    swatch.style.setProperty("--dv-tab-group-color", entry.value);
-    if (entry.label) swatch.title = entry.label;
-    if (tabGroup.color === entry.id) swatch.classList.add("dv-context-menu-color-swatch--selected");
-    swatch.addEventListener("click", () => {
+    const swatch2 = document.createElement("div");
+    swatch2.className = "dv-context-menu-color-swatch";
+    swatch2.style.setProperty("--dv-tab-group-color", entry.value);
+    if (entry.label) swatch2.title = entry.label;
+    if (tabGroup.color === entry.id) swatch2.classList.add("dv-context-menu-color-swatch--selected");
+    swatch2.addEventListener("click", () => {
       tabGroup.setColor(entry.id);
     });
-    wrapper.appendChild(swatch);
+    wrapper.appendChild(swatch2);
   }
   return wrapper;
 }
@@ -89854,7 +90226,7 @@ function createDismissableLayer(options2) {
   var _options$window, _options$capture, _options$escape, _options$keys, _options$outsidePoint, _options$pointerDownG, _options$now;
   const win = (_options$window = options2.window) !== null && _options$window !== void 0 ? _options$window : window;
   const capture = (_options$capture = options2.capture) !== null && _options$capture !== void 0 ? _options$capture : false;
-  const escape2 = (_options$escape = options2.escape) !== null && _options$escape !== void 0 ? _options$escape : true;
+  const escape3 = (_options$escape = options2.escape) !== null && _options$escape !== void 0 ? _options$escape : true;
   const keys = (_options$keys = options2.keys) !== null && _options$keys !== void 0 ? _options$keys : [];
   const outside2 = (_options$outsidePoint = options2.outsidePointerDown) !== null && _options$outsidePoint !== void 0 ? _options$outsidePoint : true;
   const grace = (_options$pointerDownG = options2.pointerDownGraceMs) !== null && _options$pointerDownG !== void 0 ? _options$pointerDownG : 0;
@@ -89866,8 +90238,8 @@ function createDismissableLayer(options2) {
     if (options2.isInside) return options2.isInside(event2);
     return isEventWithin(event2, (_options$elements = (_options$elements2 = options2.elements) === null || _options$elements2 === void 0 ? void 0 : _options$elements2.call(options2)) !== null && _options$elements !== void 0 ? _options$elements : []);
   };
-  if (escape2 || keys.length > 0) disposables.addDisposables(addDisposableListener(win, "keydown", (event2) => {
-    if (escape2 && event2.key === "Escape" || keys.includes(event2.key)) options2.onDismiss();
+  if (escape3 || keys.length > 0) disposables.addDisposables(addDisposableListener(win, "keydown", (event2) => {
+    if (escape3 && event2.key === "Escape" || keys.includes(event2.key)) options2.onDismiss();
   }, capture));
   if (outside2 || options2.onInsidePointerDown) disposables.addDisposables(addDisposableListener(win, "pointerdown", (event2) => {
     if (isInside(event2)) {