@ai-ecoverse/slicc-spectrum 1.103.0 → 1.103.2

package/dist/slicc-ui.js

@@ -6247,8 +6247,8 @@ var containRe = /paint|layout|strict|content/;
 var isNotNone = (value) => !!value && value !== "none";
 var isWebKitValue;
 function isContainingBlock(elementOrCss) {
-  const css2 = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
-  return isNotNone(css2.transform) || isNotNone(css2.translate) || isNotNone(css2.scale) || isNotNone(css2.rotate) || isNotNone(css2.perspective) || !isWebKit2() && (isNotNone(css2.backdropFilter) || isNotNone(css2.filter)) || willChangeRe.test(css2.willChange || "") || containRe.test(css2.contain || "");
+  const css3 = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
+  return isNotNone(css3.transform) || isNotNone(css3.translate) || isNotNone(css3.scale) || isNotNone(css3.rotate) || isNotNone(css3.perspective) || !isWebKit2() && (isNotNone(css3.backdropFilter) || isNotNone(css3.filter)) || willChangeRe.test(css3.willChange || "") || containRe.test(css3.contain || "");
 }
 function getContainingBlock(element3) {
   let currentNode = getParentNode(element3);
@@ -6333,9 +6333,9 @@ function getFrameElement(win) {
 
 // node_modules/@adobe/spectrum-wc-core/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element3) {
-  const css2 = getComputedStyle2(element3);
-  let width = parseFloat(css2.width) || 0;
-  let height = parseFloat(css2.height) || 0;
+  const css3 = getComputedStyle2(element3);
+  let width = parseFloat(css3.width) || 0;
+  let height = parseFloat(css3.height) || 0;
   const hasOffset = isHTMLElement(element3);
   const offsetWidth = hasOffset ? element3.offsetWidth : width;
   const offsetHeight = hasOffset ? element3.offsetHeight : height;
@@ -6429,9 +6429,9 @@ function getBoundingClientRect(element3, includeScale, isFixedStrategy, offsetPa
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css2 = getComputedStyle2(currentIFrame);
-      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css2.paddingLeft)) * iframeScale.x;
-      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css2.paddingTop)) * iframeScale.y;
+      const css3 = getComputedStyle2(currentIFrame);
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css3.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css3.paddingTop)) * iframeScale.y;
       x7 *= iframeScale.x;
       y10 *= iframeScale.y;
       width *= iframeScale.x;
@@ -6821,20 +6821,20 @@ function observeMove(element3, onMove) {
     };
     let isFirstUpdate = true;
     function handleObserve(entries) {
-      const ratio = entries[0].intersectionRatio;
-      if (ratio !== threshold) {
+      const ratio2 = entries[0].intersectionRatio;
+      if (ratio2 !== threshold) {
         if (!isFirstUpdate) {
           return refresh2();
         }
-        if (!ratio) {
+        if (!ratio2) {
           timeoutId = setTimeout(() => {
             refresh2(false, 1e-7);
           }, 1e3);
         } else {
-          refresh2(false, ratio);
+          refresh2(false, ratio2);
         }
       }
-      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element3.getBoundingClientRect())) {
+      if (ratio2 === 1 && !rectsAreEqual(elementRectForRootMargin, element3.getBoundingClientRect())) {
         refresh2();
       }
       isFirstUpdate = false;
@@ -10438,6 +10438,299 @@ e25("swc-icon-new", o55);
 // node_modules/@adobe/spectrum-wc/dist/link.css
 var link_default = '/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * Standalone link presentation for native `<a href>` elements.\n *\n * Default anchor appearance inside `.swc-Typography--prose` and\n * `.swc-Typography--links` ships with `typography.css` (generated). Import this\n * stylesheet when authors need explicit BEM modifiers on anchors.\n *\n */\n\n.swc-Link {\n  inline-size: -moz-fit-content;\n  inline-size: fit-content;\n  font-family: var(--swc-sans-font-family-stack);\n  font-size: var(--swc-font-size-100);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.30;\n  color: var(--swc-link-text-color-default, var(--swc-accent-color-900));\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 1px;\n  transition: color 130ms ease-in-out;\n\n  &:hover {\n    color: var(--swc-link-text-color-hover, var(--swc-accent-color-1000));\n  }\n\n  &:active {\n    color: var(--swc-link-text-color-down, var(--swc-accent-color-1000));\n  }\n\n  &:focus-visible {\n    color: var(--swc-link-text-color-focus, var(--swc-accent-color-1000));\n    border-radius: 4px;\n    outline: 2px solid var(--swc-link-focus-indicator-color, var(--swc-blue-800));\n    outline-offset: 2px;\n  }\n\n  &:lang(ja),\n  &:lang(zh),\n  &:lang(ko) {\n    line-height: 1.50;\n  }\n}\n\n.swc-Link--standalone {\n  font-weight: 500;\n}\n\n.swc-Link--secondary {\n  --swc-link-text-color-default: var(--swc-gray-800);\n  --swc-link-text-color-hover: var(--swc-gray-900);\n  --swc-link-text-color-down: var(--swc-gray-900);\n  --swc-link-text-color-focus: var(--swc-gray-900);\n}\n\n.swc-Link--staticWhite {\n  --swc-link-text-color-default: var(--swc-white);\n  --swc-link-text-color-hover: var(--swc-white);\n  --swc-link-text-color-down: var(--swc-white);\n  --swc-link-text-color-focus: var(--swc-white);\n  --swc-link-focus-indicator-color: var(--swc-white);\n}\n\n.swc-Link--staticBlack {\n  --swc-link-text-color-default: var(--swc-black);\n  --swc-link-text-color-hover: var(--swc-black);\n  --swc-link-text-color-down: var(--swc-black);\n  --swc-link-text-color-focus: var(--swc-black);\n  --swc-link-focus-indicator-color: var(--swc-black);\n}\n\n.swc-Link--quiet.swc-Link--standalone {\n  -webkit-text-decoration: none;\n  text-decoration: none;\n}\n\n.swc-Link--quiet.swc-Link--standalone:hover {\n  -webkit-text-decoration: underline;\n  text-decoration: underline;\n}\n';
 
+// 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 runs = [];
+  let style = plain;
+  let start2 = 0;
+  const push2 = (end) => {
+    if (end <= start2) return;
+    const last = runs.at(-1);
+    const piece = text5.slice(start2, end);
+    if (last?.style === style) last.text += piece;
+    else runs.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 runs;
+    style = found.style;
+    start2 = found.end;
+    i26 = text5.indexOf("\x1B", start2);
+  }
+  push2(text5.length);
+  return runs;
+}
+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 triple(color2) {
+  const found = color2.match(/^rgb\((\d+), (\d+), (\d+)\)$/);
+  return found ? found.slice(1).map(Number) : null;
+}
+function readSurface(root2) {
+  const read = (scheme) => {
+    const probe = document.createElement("div");
+    probe.className = "call run-detail";
+    probe.hidden = true;
+    probe.style.colorScheme = scheme;
+    root2.append(probe);
+    const style = getComputedStyle(probe);
+    const found = [triple(style.backgroundColor), triple(style.color)];
+    probe.remove();
+    return found;
+  };
+  const [light, dark] = [read("light"), read("dark")];
+  if (![...light, ...dark].every(Boolean)) return void 0;
+  return {
+    card: [light[0], dark[0]],
+    text: [light[1], dark[1]]
+  };
+}
+function luminance(rgb) {
+  const [r40, g7, b13] = rgb.map((value) => {
+    const v13 = 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;
+}
+function ratio(a23, b13) {
+  const [high, low] = [luminance(a23), luminance(b13)].sort((x7, y10) => y10 - x7);
+  return (high + 0.05) / (low + 0.05);
+}
+function mix(color2, base, amount) {
+  return color2.map(
+    (value, i26) => Math.round(base[i26] + (value - base[i26]) * amount)
+  );
+}
+function floor2(color2, under) {
+  const black = [0, 0, 0];
+  const white = [255, 255, 255];
+  const pole = ratio(black, under) >= ratio(white, under) ? black : white;
+  let step2 = 0;
+  while (ratio(mix(pole, color2, step2 / 20), under) < 4.5) step2++;
+  return mix(pole, color2, step2 / 20);
+}
+var strength = [0.12, 0.25];
+function tint(color2, card2, text5, side) {
+  const amount = strength[side];
+  const tinted = mix(color2, card2, amount);
+  const apart = Math.hypot(...tinted.map((value, i26) => value - card2[i26]));
+  return apart < 16 ? mix(text5, card2, amount) : tinted;
+}
+var css = (rgb) => `rgb(${rgb.join(", ")})`;
+var both = (pair) => `light-dark(${pair.map(css).join(", ")})`;
+function extendedPaint(fg, bg, surface2) {
+  const backs = typeof bg === "string" ? surface2.card.map(
+    (card2, side) => tint(triple(bg), card2, surface2.text[side], side)
+  ) : null;
+  const fronts = surface2.card.map(
+    (card2, side) => floor2(
+      typeof fg === "string" ? triple(fg) : surface2.text[side],
+      backs?.[side] ?? card2
+    )
+  );
+  return [both(fronts), backs ? both(backs) : null];
+}
+function paint(style, surface2) {
+  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];
+  }
+  const extendedColor = typeof bg === "string" || bg === null && typeof fg === "string";
+  if (surface2 && extendedColor) return extendedPaint(fg, bg, surface2);
+  if (bg === null) return [swatch(fg), null];
+  if (typeof bg === "string") return [typeof fg === "string" ? fg : on(bg), bg];
+  const tint2 = `var(--swc-${bg === 8 ? "gray-700" : tints[bg % 8]})`;
+  return [bg % 8 === 0 ? "var(--swc-gray-25)" : null, tint2];
+}
+function inline2(style, surface2) {
+  const [fg, bg] = paint(style, surface2);
+  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, surface2) {
+  return parseAnsi(text5, streaming).map((run) => {
+    const style = inline2(run.style, surface2);
+    return style ? b`<span style=${style}>${run.text}</span>` : run.text;
+  });
+}
+
 // src/app/command.ts
 var toShow = "Show the full command to allow it.";
 var toScroll = "Scroll to the end of the command to allow it.";
@@ -14273,229 +14566,6 @@ var o63 = class extends a10 {
 };
 e25("swc-icon-info-circle", o63);
 
-// 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 runs = [];
-  let style = plain;
-  let start2 = 0;
-  const push2 = (end) => {
-    if (end <= start2) return;
-    const last = runs.at(-1);
-    const piece = text5.slice(start2, end);
-    if (last?.style === style) last.text += piece;
-    else runs.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 runs;
-    style = found.style;
-    start2 = found.end;
-    i26 = text5.indexOf("\x1B", start2);
-  }
-  push2(text5.length);
-  return runs;
-}
-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 inline2(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 = inline2(run.style);
-    return style ? b`<span style=${style}>${run.text}</span>` : run.text;
-  });
-}
-
 // src/app/guard.ts
 var prefixes = [
   "sk-",
@@ -21909,7 +21979,7 @@ function step(call, context, id) {
     row,
     b`<div class="call run-detail" id=${`detail-${call.id}`} role="listitem" aria-label=${label} data-target=${call.id} ?hidden=${!open}>
       ${body(call, context.color)}
-      ${call.output ? b`<pre class="output">${ansi(call.output, call.status === "running")}</pre>` : A}
+      ${call.output ? b`<pre class="output">${ansi(call.output, call.status === "running", context.surface)}</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}
@@ -23560,6 +23630,80 @@ function owner(node2) {
   }
   return node2.ownerDocument;
 }
+function pageOf(key2) {
+  const known = pages.get(key2);
+  if (known) return known;
+  const owned = /* @__PURE__ */ new Set();
+  const found = {
+    rows: restore(owned),
+    owned,
+    draft: null,
+    hosts: /* @__PURE__ */ new Set(),
+    watched: /* @__PURE__ */ new Map()
+  };
+  pages.set(key2, found);
+  return found;
+}
+function settle(page, rows2) {
+  page.rows = rows2;
+  keep(page.owned, rows2);
+  for (const host4 of [...page.hosts]) host4.requestUpdate();
+}
+function post(model, id, message) {
+  const attachments = message.attachments ?? [];
+  const done2 = () => retire(model.agent, id, attachments);
+  model.agent.send(id, { ...message, attachments }).then(done2, done2);
+}
+function deliver(model, id, message, mode2) {
+  const busy = model.agent.busy(id);
+  const resolved = mode2 === "queue" ? busy ? "queue" : "send" : busy || mode2 === "steer" ? "steer" : "send";
+  post(model, id, { text: message.text, attachments: message.attachments, mode: resolved });
+}
+function arrived(page, model) {
+  const waiting3 = page.rows;
+  const agents = model.agent.list();
+  if (!(waiting3.length && agents.length) || model.agent.starting?.()) return;
+  const active = model.agent.active();
+  const id = agents.some((agent) => agent.id === active) ? active : agents[0].id;
+  const sendable = (row) => !!(row.text || row.attachments.length) && !row.lost?.length;
+  const [first2, ...rest] = waiting3.filter(sendable);
+  if (!first2) return;
+  const held2 = waiting3.filter((row) => !sendable(row));
+  settle(page, held2);
+  deliver(model, id, first2, "queue");
+  for (const { text: text5, attachments } of rest) post(model, id, { text: text5, attachments, mode: "queue" });
+}
+function watch(page, model) {
+  const arrive = () => arrived(page, model);
+  let live = true;
+  queueMicrotask(() => {
+    if (live) arrive();
+  });
+  const known = page.watched.get(model);
+  if (known) known.count++;
+  else {
+    const offs = [
+      model.agent.on("agents", arrive),
+      ...model.agent.starting ? [model.agent.on("starting", arrive)] : []
+    ];
+    page.watched.set(model, {
+      count: 1,
+      off: () => {
+        for (const off of offs) off();
+      }
+    });
+  }
+  return () => {
+    live = false;
+    const entry = page.watched.get(model);
+    if (--entry.count) return;
+    entry.off();
+    page.watched.delete(model);
+  };
+}
+function flushStarting(node2, model) {
+  return watch(pageOf(owner(node2)), model);
+}
 var PageQueue = class {
   #host;
   #owner = null;
@@ -23569,22 +23713,13 @@ var PageQueue = class {
   }
   #page() {
     this.#owner ??= this.#host.isConnected ? owner(this.#host) : null;
-    const page = this.#owner ?? this.#host.ownerDocument;
-    const known = pages.get(page);
-    if (known) return known;
-    const owned = /* @__PURE__ */ new Set();
-    const found = { rows: restore(owned), owned, draft: null, hosts: /* @__PURE__ */ new Set() };
-    pages.set(page, found);
-    return found;
+    return pageOf(this.#owner ?? this.#host.ownerDocument);
   }
   get value() {
     return this.#page().rows;
   }
   set value(rows2) {
-    const page = this.#page();
-    page.rows = rows2;
-    keep(page.owned, rows2);
-    for (const host4 of [...page.hosts]) host4.requestUpdate();
+    settle(this.#page(), rows2);
   }
   get draft() {
     return this.#page().draft;
@@ -23592,6 +23727,9 @@ var PageQueue = class {
   set draft(draft2) {
     this.#page().draft = draft2;
   }
+  watch(model) {
+    return this.#owner === this.#host.ownerDocument ? [watch(this.#page(), model)] : [];
+  }
   hostConnected() {
     this.#owner = owner(this.#host);
     this.#page().hosts.add(this.#host);
@@ -24152,9 +24290,9 @@ var SliccComposer = class extends ThemedElement {
         this.#paths = entries.filter((entry) => entry.kind === "file").map((entry) => entry.path);
       });
     const update = () => this.requestUpdate();
-    queueMicrotask(() => this.#arrived());
     return [
       ...super.subscribe(model),
+      ...this.#waiting.watch(model),
       model.agent.on("active", (id) => {
         if (!this.agent) this.#switch(id);
       }),
@@ -24162,15 +24300,11 @@ var SliccComposer = class extends ThemedElement {
         if (hold2?.reason !== "locked") this.blocked = false;
         update();
       }),
-      model.agent.on("agents", () => {
-        this.#arrived();
-        update();
-      }),
+      model.agent.on("agents", update),
       ...model.agent.starting ? [
         model.agent.on("starting", () => {
           if (this.#starting() && this.popup?.kind !== "file" && this.popup?.kind !== "secret")
             this.popup = null;
-          this.#arrived();
           update();
         })
       ] : [],
@@ -24187,21 +24321,6 @@ var SliccComposer = class extends ThemedElement {
   #starting() {
     return this.model?.agent.starting?.() ?? null;
   }
-  #arrived() {
-    const model = this.model;
-    const waiting3 = this.#waiting.value;
-    const agents = model?.agent.list() ?? [];
-    if (!(model && waiting3.length && agents.length) || this.#starting()) return;
-    const active = model.agent.active();
-    const id = agents.some((agent) => agent.id === active) ? active : agents[0].id;
-    const sendable = (row) => !!(row.text || row.attachments.length) && !row.lost?.length;
-    const [first2, ...rest] = waiting3.filter(sendable);
-    if (!first2) return;
-    this.#waiting.value = waiting3.filter((row) => !sendable(row));
-    this.#deliver(model, id, first2, "queue");
-    for (const { text: text5, attachments } of rest)
-      this.#post(model, id, { text: text5, attachments, mode: "queue" });
-  }
   #putBack(row) {
     this.value = this.value.trim() ? `${this.value}
 ${row.text}` : row.text;
@@ -24282,17 +24401,7 @@ ${row.text}` : row.text;
       known.run(model, this.#agent, (command3[2] ?? "").trim());
       return;
     }
-    this.#deliver(model, this.#agent, { text: text5, attachments }, mode2);
-  }
-  #deliver(model, id, message, mode2) {
-    const busy = model.agent.busy(id);
-    const resolved = mode2 === "queue" ? busy ? "queue" : "send" : busy || mode2 === "steer" ? "steer" : "send";
-    this.#post(model, id, { text: message.text, attachments: message.attachments, mode: resolved });
-  }
-  #post(model, id, message) {
-    const attachments = message.attachments ?? [];
-    const done2 = () => retire(model.agent, id, attachments);
-    model.agent.send(id, { ...message, attachments }).then(done2, done2);
+    deliver(model, this.#agent, { text: text5, attachments }, mode2);
   }
   #propose(model, text5) {
     this.value = "";
@@ -25018,12 +25127,12 @@ function settleModels(model) {
   if (settling.has(model) || !controls(model)) return;
   settling.add(model);
   try {
-    settle(model);
+    settle2(model);
   } finally {
     settling.delete(model);
   }
 }
-function settle(model) {
+function settle2(model) {
   const offered = chatModels(model.settings.models());
   const pick = fallbackModel(offered);
   if (!pick) return;
@@ -25346,8 +25455,8 @@ function dock(entries, messages, seat) {
   return { items, asks };
 }
 var failed = (message) => message.role === "assistant" ? message.status === "error" : message.role === "system" && message.kind === "error";
-function empty3(watch, seat, name) {
-  if (watch) return "No messages yet.";
+function empty3(watch2, seat, name) {
+  if (watch2) return "No messages yet.";
   return seat ? `No messages yet. Say hello to ${name}.` : `No messages yet. Ask ${name} something.`;
 }
 function carriesFiles(event2) {
@@ -25747,7 +25856,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     }
   };
   subscribe(model) {
-    const settle2 = () => {
+    const settle3 = () => {
       settleModels(model);
       this.requestUpdate();
     };
@@ -25762,14 +25871,14 @@ var SliccChat = class _SliccChat extends ThemedElement {
     return [
       ...super.subscribe(model),
       () => width.disconnect(),
-      model.settings.on("settings", settle2),
-      model.settings.on("accounts", settle2),
+      model.settings.on("settings", settle3),
+      model.settings.on("accounts", settle3),
       model.agent.on("active", () => {
         if (!this.agent) this.#refresh(true);
       }),
-      model.agent.on("agents", settle2),
+      model.agent.on("agents", settle3),
       ...model.tabs ? [model.tabs.on("tabs", () => this.requestUpdate())] : [],
-      ...onWatch(model, settle2),
+      ...onWatch(model, settle3),
       ...model.agent.starting ? [model.agent.on("starting", () => this.requestUpdate())] : [],
       model.agent.on("messages", (agentId) => {
         if (agentId === this.#id()) this.#refresh(this.#sent(agentId));
@@ -25971,8 +26080,8 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.#observe();
   }
   focus() {
-    if (!touched && globalThis.matchMedia("(pointer: fine)").matches)
-      this.focusOn("slicc-composer", ".log");
+    if (touched) return;
+    if (globalThis.matchMedia("(pointer: fine)").matches) this.focusOn("slicc-composer", ".log");
     else this.focusOn(".log");
   }
   #id() {
@@ -26237,11 +26346,12 @@ var SliccChat = class _SliccChat extends ThemedElement {
   render() {
     this.#handlers.color = this.color;
     this.#handlers.model = this.model ?? null;
+    this.#handlers.surface ??= readSurface(this.renderRoot);
     const agent = this.#agent();
     this.#switched(agent);
-    const watch = watchOnly(this.model);
+    const watch2 = watchOnly(this.model);
     const seat = this.model?.seat;
-    this.#handlers.readOnly = !!agent?.frozen || !!watch || !!seat;
+    this.#handlers.readOnly = !!agent?.frozen || !!watch2 || !!seat;
     this.#handlers.agentId = agent?.id;
     this.#handlers.seat = seat?.label;
     const messages = agent ? this.model?.agent.messages(agent.id) ?? [] : [];
@@ -26274,7 +26384,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
       items,
       ([key2]) => key2,
       ([, item2]) => item2
-    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : this.model?.agent.starting?.() ? A : b`<div class="empty" data-empty>${empty3(watch, seat, agent?.name ?? "the agent")}</div>`}
+    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : this.model?.agent.starting?.() ? A : b`<div class="empty" data-empty>${empty3(watch2, seat, agent?.name ?? "the agent")}</div>`}
           </div>
         </div>
         ${this.behind ? this.#latest(count2 - this.#mark) : A}
@@ -26287,7 +26397,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
               </swc-illustrated-message>
             </swc-dropzone>` : A}
       <p class="sr" role="status" data-announce="drop">${this.dropping ? "Drop to attach files to your message" : ""}</p>
-      ${watch ? watch === following(this.model)?.refused ? A : b`<p class="watch-only" role="note" data-follow="watch">${watch}</p>` : this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
+      ${watch2 ? watch2 === following(this.model)?.refused ? A : b`<p class="watch-only" role="note" data-follow="watch">${watch2}</p>` : this.model && !agent?.frozen ? b`<slicc-composer .model=${this.model} .agent=${this.agent}></slicc-composer>` : A}
     `;
   }
 };
@@ -27852,9 +27962,9 @@ function sparkline(points, width = 120, height = 28) {
     (value, i26) => `${(i26 / (points.length - 1) * width).toFixed(1)},${(height - (value - min2) / span * (height - 2) - 1).toFixed(1)}`
   ).join(" ");
 }
-function meterVariant2(ratio) {
-  if (ratio >= 0.9) return "negative";
-  if (ratio >= 0.6) return "notice";
+function meterVariant2(ratio2) {
+  if (ratio2 >= 0.9) return "negative";
+  if (ratio2 >= 0.6) return "notice";
   return "informative";
 }
 var surfaces = {
@@ -31041,10 +31151,10 @@ var SliccNetwork = class extends ModelElement {
       const scroll = () => this.renderRoot.querySelector("[data-pairing]")?.scrollIntoView({ block: "nearest" });
       scroll();
       this.#settle?.disconnect();
-      const settle2 = new ResizeObserver(scroll);
-      settle2.observe(this.renderRoot.querySelector(".page"));
-      this.#settle = settle2;
-      setTimeout(() => settle2.disconnect(), 1e3);
+      const settle3 = new ResizeObserver(scroll);
+      settle3.observe(this.renderRoot.querySelector(".page"));
+      this.#settle = settle3;
+      setTimeout(() => settle3.disconnect(), 1e3);
     });
   }
   willUpdate(changed2) {
@@ -32784,9 +32894,9 @@ var SliccTerminalPanel = class extends ThemedElement {
   }
   #seen(panel, screen) {
     const sized = laid(panel.api) ? Promise.resolve() : new Promise((resolve2) => {
-      const watch = panel.api.onDidDimensionsChange((size4) => {
+      const watch2 = panel.api.onDidDimensionsChange((size4) => {
         if (!laid(size4)) return;
-        watch.dispose();
+        watch2.dispose();
         resolve2();
       });
     });
@@ -37049,14 +37159,14 @@ var SliccApp = class extends ThemedElement {
   }
   subscribe(model) {
     const update = () => this.requestUpdate();
-    const settle2 = () => settleModels(model);
-    queueMicrotask(settle2);
+    const settle3 = () => settleModels(model);
+    queueMicrotask(settle3);
     return [
       ...super.subscribe(model),
-      model.settings.on("settings", settle2),
-      model.settings.on("accounts", settle2),
+      model.settings.on("settings", settle3),
+      model.settings.on("accounts", settle3),
       model.agent.on("agents", () => {
-        settle2();
+        settle3();
         this.#prune();
         update();
       }),
@@ -37081,17 +37191,18 @@ var SliccApp = class extends ThemedElement {
       ...model.tabs ? [model.tabs.on("tabs", update)] : [],
       ...model.agent.readOnly ? [
         model.agent.on("readOnly", () => {
-          settle2();
+          settle3();
           update();
         })
       ] : [],
       ...model.follow ? [
         model.follow.on("follow", () => {
-          settle2();
+          settle3();
           this.#followed(model);
           update();
         })
-      ] : []
+      ] : [],
+      flushStarting(this, model)
     ];
   }
   connectedCallback() {
@@ -37436,12 +37547,19 @@ var SliccApp = class extends ThemedElement {
     event2.preventDefault();
     this.#detach(id, null, false);
   }
+  #railClick(event2, id) {
+    if (event2.pointerType === "touch" || event2.pointerType === "pen")
+      [...this.renderRoot.querySelectorAll("swc-tooltip")].find(
+        (tip) => tip.getAttribute("for") === `rail-${id}`
+      ).open = false;
+    this.show(id);
+  }
   #railButton(item2, side) {
     const changes2 = item2.id === "changes" ? this.#changes() : 0;
     const driven = item2.id === "browser" && !!this.model?.browser.list().some((tab) => tab.controlled);
     const visible2 = shown2(this.dock, item2.id);
     const label = `${visible2 ? `${item2.title}, shown` : `Open ${item2.title}`}${changes2 ? `, ${changeCount(changes2)}` : driven ? ", a tab is in use" : ""}`;
-    const button = u22`<swc-action-button id=${`rail-${item2.id}`} class=${visible2 ? "selected" : ""} quiet size="m" accessible-label=${label} data-surface=${item2.id} data-cone=${o2(item2.cone)} ?data-visible=${visible2} @click=${() => this.show(item2.id)}>${railIcon(item2.icon)}</swc-action-button>`;
+    const button = u22`<swc-action-button id=${`rail-${item2.id}`} class=${visible2 ? "selected" : ""} quiet size="m" accessible-label=${label} data-surface=${item2.id} data-cone=${o2(item2.cone)} ?data-visible=${visible2} @click=${(event2) => this.#railClick(event2, item2.id)}>${railIcon(item2.icon)}</swc-action-button>`;
     const tooltip = b`<swc-tooltip for=${`rail-${item2.id}`} placement=${{ left: "end", right: "start", bottom: "top" }[side]}>${item2.title}</swc-tooltip>`;
     return changes2 ? b`<span class="badged">${button}<swc-badge size="s" variant="neutral" aria-hidden="true">${changes2}</swc-badge></span>${tooltip}` : driven ? b`<span class="badged">${button}<span class="dot" data-driven aria-hidden="true"></span></span>${tooltip}` : b`${button}${tooltip}`;
   }
@@ -42576,7 +42694,7 @@ var SliccSettings = class extends ThemedElement {
   ];
   subscribe(model) {
     const update = () => this.requestUpdate();
-    const settle2 = () => {
+    const settle3 = () => {
       settleModels(model);
       update();
     };
@@ -42592,8 +42710,8 @@ var SliccSettings = class extends ThemedElement {
     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("settings", settle3),
+      model.settings.on("accounts", settle3),
       model.settings.on("providers", update),
       ...model.vault ? [model.vault.on("status", update), model.vault.on("list", update)] : []
     ];
@@ -44063,12 +44181,12 @@ var SliccSprinkle = class extends ThemedElement {
     const held2 = { port, id, ready: false, value: null };
     this.#held = held2;
     this.#frame = { key: "", doc: "" };
-    const settle2 = (value) => {
+    const settle3 = (value) => {
       held2.value = value ?? null;
       held2.ready = true;
       if (this.#held === held2) this.requestUpdate();
     };
-    ask.call(port, id, "getState", []).then(settle2, () => settle2(null));
+    ask.call(port, id, "getState", []).then(settle3, () => settle3(null));
   }
   willUpdate(changed2) {
     super.willUpdate(changed2);
@@ -44142,15 +44260,15 @@ ${data.html}`;
     const bridged = !!this.model?.sprinkles.call;
     if (bridged && !this.#held.ready) return b``;
     const state2 = bridged ? this.#held : void 0;
-    const watch = !!watchOnly(this.model) || !!this.model?.seat;
-    const caption2 = watch ? b`<span class="view-only" data-view-only>View only on this device</span>` : A;
+    const watch2 = !!watchOnly(this.model) || !!this.model?.seat;
+    const caption2 = watch2 ? b`<span class="view-only" data-view-only>View only on this device</span>` : A;
     const style = `color-scheme:${this.color};${this.inline ? `height:${this.height}px;` : ""}`;
     const frame = b`${i22(
       this.#mounts,
-      b`<iframe title=${data.title} sandbox="allow-scripts" ?inert=${watch} style=${style} .srcdoc=${this.#document(data, state2)}></iframe>`
+      b`<iframe title=${data.title} sandbox="allow-scripts" ?inert=${watch2} style=${style} .srcdoc=${this.#document(data, state2)}></iframe>`
     )}`;
     if (!this.inline)
-      return watch ? b`<div class="panel"><div class="bar">${caption2}</div>${frame}</div>` : frame;
+      return watch2 ? b`<div class="panel"><div class="bar">${caption2}</div>${frame}</div>` : frame;
     return b`<div class="handle" draggable="true" title="Drag into the dock or a rail to open as a panel" @dragstart=${this.#drag}>
         ${grip}
         <span class="name">${data.title}</span>
@@ -53244,21 +53362,21 @@ function getTransformers(options2) {
 }
 function sortTransformersByEnforcement(transformers) {
   const pre = [];
-  const post = [];
+  const post2 = [];
   const normal = [];
   for (const transformer of transformers) switch (transformer.enforce) {
     case "pre":
       pre.push(transformer);
       break;
     case "post":
-      post.push(transformer);
+      post2.push(transformer);
       break;
     default:
       normal.push(transformer);
   }
   return {
     pre,
-    post,
+    post: post2,
     normal
   };
 }
@@ -55276,8 +55394,8 @@ function recursion(pattern2, data) {
           numCapturesPassed
         );
         const pre = pattern2.slice(0, startPos);
-        const post = pattern2.slice(startPos + groupContents.length);
-        pattern2 = `${pre}${expansion2}${post}`;
+        const post2 = pattern2.slice(startPos + groupContents.length);
+        pattern2 = `${pre}${expansion2}${post2}`;
         token.lastIndex += expansion2.length - m16.length - groupContentsLeft.length - groupContentsRight.length;
         openGroups.forEach((g7) => g7.hasRecursedWithin = true);
         hasRecursed = true;
@@ -60186,9 +60304,9 @@ function transformerStyleToClass(options2 = {}) {
       return classToStyle;
     },
     getCSS() {
-      let css2 = "";
-      for (const [className, style] of classToStyle.entries()) css2 += `.${className}{${typeof style === "string" ? style : stringifyStyle(style)}}`;
-      return css2;
+      let css3 = "";
+      for (const [className, style] of classToStyle.entries()) css3 += `.${className}{${typeof style === "string" ? style : stringifyStyle(style)}}`;
+      return css3;
     },
     clearRegistry() {
       classToStyle.clear();
@@ -95816,7 +95934,7 @@ var FileTree = class {
 };
 
 // src/components/file-tree.ts
-var css = `
+var css2 = `
 :host {
   display: block;
   height: 100%;
@@ -96127,7 +96245,7 @@ ${view.focused}`;
   connectedCallback() {
     const root2 = this.shadowRoot ?? this.attachShadow({ mode: "open", delegatesFocus: true });
     if (!this.#mount) {
-      adoptStyles(root2, css);
+      adoptStyles(root2, css2);
       this.#mount = document.createElement("div");
       this.#mount.className = "mount";
       root2.append(this.#mount);