@ai-ecoverse/slicc-spectrum 1.96.0 → 1.97.0

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;
     }
   };
 }
@@ -9766,11 +9766,11 @@ e25("swc-icon-user-following", o49);
 
 // src/app/follow.ts
 var lights = {
-  connecting: ["info", (owner) => `Connecting to ${owner}`],
-  connected: ["positive", (owner) => `Following ${owner}`],
-  reconnecting: ["notice", (owner) => `Reconnecting to ${owner}`],
-  unlinked: ["negative", (owner) => `Unlinked from ${owner}`],
-  failed: ["negative", (owner) => `Can\u2019t reach ${owner}`]
+  connecting: ["info", (owner2) => `Connecting to ${owner2}`],
+  connected: ["positive", (owner2) => `Following ${owner2}`],
+  reconnecting: ["notice", (owner2) => `Reconnecting to ${owner2}`],
+  unlinked: ["negative", (owner2) => `Unlinked from ${owner2}`],
+  failed: ["negative", (owner2) => `Can\u2019t reach ${owner2}`]
 };
 function refusedNow(state2) {
   return !!state2?.refused && state2.link === "connected";
@@ -9782,31 +9782,31 @@ function followLight(state2) {
 }
 function followPage(state2) {
   if (!state2) return null;
-  const { owner } = state2;
+  const { owner: owner2 } = state2;
   if (state2.link === "connecting")
     return {
       kind: "connecting",
-      title: `Connecting to ${owner}\u2026`,
-      body: `This device follows ${owner}. Its agent shows here once it\u2019s connected.`
+      title: `Connecting to ${owner2}\u2026`,
+      body: `This device follows ${owner2}. Its agent shows here once it\u2019s connected.`
     };
   if (state2.link === "unlinked")
     return {
       kind: "unlinked",
-      title: `${owner} unlinked this device`,
-      body: `To follow it again, open a new link from ${owner}.`
+      title: `${owner2} unlinked this device`,
+      body: `To follow it again, open a new link from ${owner2}.`
     };
   if (state2.link === "failed")
     return {
       kind: "failed",
-      title: `Can\u2019t follow ${owner}`,
-      body: state2.error ?? `The link to ${owner} failed.`
+      title: `Can\u2019t follow ${owner2}`,
+      body: state2.error ?? `The link to ${owner2} failed.`
     };
   if (state2.access.view) return null;
   const where2 = state2.name ? `next to ${state2.name}` : "for this device";
   return {
     kind: "waiting",
-    title: `Waiting for ${owner} to allow this device`,
-    body: `On ${owner}, choose Allow ${where2} in Network \u203A Linked devices.`
+    title: `Waiting for ${owner2} to allow this device`,
+    body: `On ${owner2}, choose Allow ${where2} in Network \u203A Linked devices.`
   };
 }
 function list(items, last) {
@@ -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}
@@ -31207,9 +31430,9 @@ function tabsLight(state2) {
 var stores = /* @__PURE__ */ new WeakMap();
 var loose = {};
 function slotOf(model, key2, initial) {
-  const owner = model ?? loose;
-  const slots = stores.get(owner) ?? /* @__PURE__ */ new Map();
-  stores.set(owner, slots);
+  const owner2 = model ?? loose;
+  const slots = stores.get(owner2) ?? /* @__PURE__ */ new Map();
+  stores.set(owner2, slots);
   const found = slots.get(key2);
   if (found) return found;
   const slot = { value: initial(), listeners: /* @__PURE__ */ new Set() };
@@ -31658,6 +31881,7 @@ var SliccChat = class extends ThemedElement {
       model.agent.on("agents", settle2),
       ...model.tabs ? [model.tabs.on("tabs", () => this.requestUpdate())] : [],
       ...onWatch(model, settle2),
+      ...model.agent.starting ? [model.agent.on("starting", () => this.requestUpdate())] : [],
       model.agent.on("messages", (agentId) => {
         if (agentId === this.#id()) this.#refresh(this.#sent(agentId));
       }),
@@ -32112,7 +32336,7 @@ var SliccChat = class extends ThemedElement {
       this.#items(messages, agent),
       ([key2]) => key2,
       ([, item2]) => item2
-    )}</swc-conversation-thread>` : this.model?.tabs?.state().role === "connecting" ? b`<div class="empty" data-connecting>${connecting}</div>` : 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(watch, seat, agent?.name ?? "the agent")}</div>`}
         </div>
       </div>
       ${this.dropping ? b`<swc-dropzone dragged size="l" aria-label="Attach files" dragged-message="Drop to attach"><p>Drop to attach</p></swc-dropzone>` : A}
@@ -32500,13 +32724,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;
   }
@@ -37907,18 +38131,22 @@ function openTerminal(dock, info, screen) {
   }
   return id;
 }
-function defaultLayout(dock, screen, agent, items = surfaces2, terminals = []) {
+function openChatSlot(dock, item2, screen, agent, agentless) {
+  if (agent) openChat(dock, agent, screen, false);
+  else if (agentless) openSurface(dock, item2, screen, false);
+}
+function defaultLayout(dock, screen, agent, items = surfaces2, terminals = [], agentless = false) {
   dock.clear();
   const order = ["center", "left", "right"];
   for (const side of order) {
     for (const item2 of items) {
       if (item2.side !== side || !item2.open.includes(screen)) continue;
       if (item2.id === "terminal") for (const info of terminals) openTerminal(dock, info, screen);
-      else if (item2.id !== "chat") openSurface(dock, item2, screen);
-      else if (agent) openChat(dock, agent, screen, false);
+      else if (item2.id === "chat") openChatSlot(dock, item2, screen, agent, agentless);
+      else openSurface(dock, item2, screen);
     }
   }
-  const chat = chats(dock)[0];
+  const chat = chats(dock)[0] ?? (dock.has("chat") ? "chat" : null);
   if (chat) dock.api.getPanel(chat)?.api.setActive();
 }
 function shown(dock, id) {
@@ -38645,22 +38873,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}
       }
     `
   ];
@@ -42741,10 +42954,19 @@ var SliccApp = class extends ThemedElement {
     const saved = this.#saved();
     const restored = this.#offered(saved, dock.factories) && dock.restore(saved);
     if (!restored) {
-      defaultLayout(dock, this.screen, this.#active(), this.#available(), model.terminals.list());
+      defaultLayout(
+        dock,
+        this.screen,
+        this.#active(),
+        this.#available(),
+        model.terminals.list(),
+        !!model.agent.starting?.()
+      );
     }
     this.#started = this.screen;
     this.#prune();
+    if (!(this.#active() || chats(dock).length || dock.has("chat")) && model.agent.starting?.())
+      this.#open("chat", false);
     this.#saving = true;
     this.#save();
   }
@@ -42774,14 +42996,29 @@ var SliccApp = class extends ThemedElement {
   #prune() {
     const dock = this.renderRoot.querySelector("slicc-dock");
     if (!dock || !this.#started) return;
-    const known = new Set(this.model?.agent.list().map((agent) => agent.id));
+    const known = new Set(this.model?.agent.list().map((agent2) => agent2.id));
+    const agent = this.#active();
+    const held = !!agent && !!dock.content("chat")?.shadowRoot?.activeElement;
     this.panels.quietly(() => {
       for (const id of chats(dock)) {
         if (!known.has(chatAgent(id))) dock.close(id);
       }
+      if (agent && dock.has("chat")) {
+        if (this.#offers("chat") && !dock.has(chatId(agent.id)))
+          dock.open({
+            id: chatId(agent.id),
+            component: "chat",
+            title: agent.name,
+            params: { agent: agent.id },
+            inactive: true,
+            position: { referencePanel: "chat", direction: "within" }
+          });
+        dock.close("chat");
+      }
       if (this.model && this.#offers("terminal"))
         this.terminalPanels.sync(dock, this.model.terminals, this.screen);
     });
+    if (agent && held && this.#offers("chat")) openChat(dock, agent, this.screen, true);
   }
   #activated(event2) {
     const { id } = event2.detail;
@@ -42793,7 +43030,14 @@ var SliccApp = class extends ThemedElement {
   resetLayout() {
     const terminals = this.model?.terminals.list();
     this.panels.quietly(
-      () => defaultLayout(this.dock, this.screen, this.#active(), this.#available(), terminals)
+      () => defaultLayout(
+        this.dock,
+        this.screen,
+        this.#active(),
+        this.#available(),
+        terminals,
+        !!this.model?.agent.starting?.()
+      )
     );
     this.#save();
   }
@@ -43237,13 +43481,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)
       );
@@ -43339,10 +43583,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);
@@ -43549,9 +43793,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;
     }
@@ -44932,10 +45176,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) => {
@@ -44944,7 +45188,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>
@@ -46704,6 +46948,51 @@ var SliccVaultButton = class extends i2 {
 
 // src/app/composer.ts
 var limit = 25 * 1024 * 1024;
+var pages = /* @__PURE__ */ new WeakMap();
+function owner(node2) {
+  let at = node2;
+  while (at) {
+    if (at instanceof Element && at.localName === "slicc-app") return at;
+    at = at.parentNode ?? (at instanceof ShadowRoot ? at.host : null);
+  }
+  return node2.ownerDocument;
+}
+var PageQueue = class {
+  #host;
+  #owner = null;
+  constructor(host4) {
+    this.#host = host4;
+    host4.addController(this);
+  }
+  #page() {
+    this.#owner ??= this.#host.isConnected ? owner(this.#host) : null;
+    const page = this.#owner ?? this.#host.ownerDocument;
+    const found = pages.get(page) ?? { rows: [], draft: null, hosts: /* @__PURE__ */ new Set() };
+    pages.set(page, found);
+    return found;
+  }
+  get value() {
+    return this.#page().rows;
+  }
+  set value(rows2) {
+    const page = this.#page();
+    page.rows = rows2;
+    for (const host4 of [...page.hosts]) host4.requestUpdate();
+  }
+  get draft() {
+    return this.#page().draft;
+  }
+  set draft(draft2) {
+    this.#page().draft = draft2;
+  }
+  hostConnected() {
+    this.#owner = owner(this.#host);
+    this.#page().hosts.add(this.#host);
+  }
+  hostDisconnected() {
+    this.#page().hosts.delete(this.#host);
+  }
+};
 function available(model) {
   return commands2.filter((command3) => command3.available?.(model) ?? true);
 }
@@ -46844,6 +47133,7 @@ var SliccComposer = class extends ThemedElement {
     agent: {}
   };
   #drafts = /* @__PURE__ */ new Map();
+  #waiting = new PageQueue(this);
   #history = -1;
   #paths = [];
   #agent = "";
@@ -46932,6 +47222,7 @@ var SliccComposer = class extends ThemedElement {
         margin: 0 0 var(--swc-spacing-100);
         padding: 0;
         display: grid;
+        grid-template-columns: minmax(0, 1fr);
         gap: var(--swc-spacing-75);
       }
       .queued {
@@ -46976,7 +47267,8 @@ var SliccComposer = class extends ThemedElement {
       .hold .held {
         color: var(--swc-neutral-subdued-content-color-default);
       }
-      .queued swc-icon-clock {
+      .queued swc-icon-clock,
+      .queued > swc-icon-file {
         flex: none;
         color: var(--swc-neutral-subdued-content-color-default);
       }
@@ -46985,6 +47277,11 @@ var SliccComposer = class extends ThemedElement {
         font-size: var(--swc-font-size-75);
         color: var(--swc-neutral-subdued-content-color-default);
       }
+      .queued [data-files] {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--swc-spacing-50);
+      }
       .queued .text {
         flex: 1;
         min-width: 0;
@@ -47140,6 +47437,9 @@ var SliccComposer = class extends ThemedElement {
     if (changed.has("agent") && this.agent && this.model && this.agent !== this.#agent) {
       this.#switch(this.agent);
     }
+    const edited = changed.has("value") || changed.has("attachments");
+    if (edited && this.hasUpdated && !this.#agent && this.#starting())
+      this.#waiting.draft = { value: this.value, attachments: this.attachments };
   }
   connectedCallback() {
     super.connectedCallback();
@@ -47156,8 +47456,9 @@ var SliccComposer = class extends ThemedElement {
     globalThis.removeEventListener("keyup", this.#release);
     globalThis.removeEventListener("blur", this.#release);
     clearValues(this.renderRoot);
+    const kept3 = this.#waiting.draft?.attachments;
     const held = [
-      this.attachments,
+      this.attachments === kept3 ? [] : this.attachments,
       ...[...this.#drafts.values()].map((draft2) => draft2.attachments)
     ];
     if (held.flat().some((attachment2) => attachment2.url?.startsWith("blob:")))
@@ -47190,6 +47491,7 @@ 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),
       model.agent.on("active", (id) => {
@@ -47199,7 +47501,18 @@ var SliccComposer = class extends ThemedElement {
         if (hold?.reason !== "locked") this.blocked = false;
         update();
       }),
-      model.agent.on("agents", update),
+      model.agent.on("agents", () => {
+        this.#arrived();
+        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();
+        })
+      ] : [],
       model.agent.on("messages", update),
       model.agent.on("message", update),
       model.settings.on("settings", update),
@@ -47207,6 +47520,27 @@ var SliccComposer = class extends ThemedElement {
       ...model.vault ? [model.vault.on("availability", update), model.vault.on("status", update)] : []
     ];
   }
+  #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;
+    this.#waiting.value = [];
+    const [first2, ...rest] = waiting3;
+    this.#deliver(model, id, first2, "queue");
+    for (const { text: text5, attachments } of rest)
+      this.#post(model, id, { text: text5, attachments, mode: "queue" });
+  }
+  #unwait(id) {
+    const waiting3 = this.#waiting.value;
+    release(waiting3.find((message) => message.id === id)?.attachments ?? []);
+    this.#waiting.value = waiting3.filter((message) => message.id !== id);
+  }
   #held() {
     const state2 = this.model?.follow?.state();
     return state2?.link === "reconnecting" ? state2.owner : null;
@@ -47214,7 +47548,9 @@ var SliccComposer = class extends ThemedElement {
   #switch(id) {
     if (this.#agent)
       this.#drafts.set(this.#agent, { value: this.value, attachments: this.attachments });
-    const draft2 = this.#drafts.get(id);
+    const shared2 = this.#agent || !this.isConnected ? null : this.#waiting.draft;
+    if (shared2 && id && !this.#drafts.has(id)) this.#waiting.draft = null;
+    const draft2 = this.#drafts.get(id) ?? shared2 ?? void 0;
     this.#agent = id;
     this.value = draft2?.value ?? "";
     this.attachments = draft2?.attachments ?? [];
@@ -47254,16 +47590,26 @@ var SliccComposer = class extends ThemedElement {
     this.attachments = [];
     this.popup = null;
     this.#history = -1;
+    if (this.#starting()) {
+      this.#waiting.value = [...this.#waiting.value, { id: this.#id(), text: text5, attachments }];
+      return;
+    }
     if (known) {
       release(attachments);
       known.run(model, this.#agent, (command3[2] ?? "").trim());
       return;
     }
-    const busy = this.#busy();
+    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";
-    const id = this.#agent;
+    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, { text: text5, attachments, mode: resolved }).then(done2, done2);
+    model.agent.send(id, { ...message, attachments }).then(done2, done2);
   }
   #propose(model, text5) {
     this.value = "";
@@ -47443,6 +47789,10 @@ ${this.value}` : text5;
   #refresh() {
     const area = this.#textarea;
     if (!area || this.model?.seat) return;
+    if (this.#starting()) {
+      this.popup = null;
+      return;
+    }
     if (this.popup?.kind === "file" || this.popup?.kind === "secret") return;
     const found = trigger(this.value, area.selectionStart ?? this.value.length);
     const name = this.value.match(/^\/(\w+)/)?.[1];
@@ -47782,7 +48132,23 @@ ${this.value}` : text5;
     )}
     </ul>`;
   }
-  #waiting() {
+  #starters() {
+    const waiting3 = this.#waiting.value;
+    if (waiting3.length === 0) return A;
+    return b`<ul class="queue" aria-label="Waiting for the agent">
+      ${waiting3.map(
+      (message) => b`<li class="queued" data-id=${message.id} data-mode="starting">
+          <swc-icon-clock size="s" aria-hidden="true"></swc-icon-clock>
+          ${message.text ? A : b`<swc-icon-file size="xs" aria-hidden="true"></swc-icon-file>`}
+          <span class="text"><span class="sr">Queued: </span>${message.text || message.attachments.map((attachment2) => attachment2.name).join(", ")}</span>
+          ${message.text && message.attachments.length ? b`<span class="next" data-files><swc-icon-file size="xs" aria-hidden="true"></swc-icon-file><span class="sr">, </span>${message.attachments.length === 1 ? "1 file" : `${message.attachments.length} files`}</span>` : A}
+          <span class="next">Sent when the agent starts</span>
+          <swc-close-button size="s" data-action="unqueue" accessible-label="Remove from queue" @click=${() => this.#unwait(message.id)}></swc-close-button>
+        </li>`
+    )}
+    </ul>`;
+  }
+  #review() {
     const queued = this.model?.agent.queue(this.#agent) ?? [];
     if (queued.length === 0) return A;
     return b`<ul class="queue" aria-label="Waiting for review">
@@ -47800,7 +48166,7 @@ ${this.value}` : text5;
     const cone = agent?.name ?? "the agent";
     return b`<div class="column">
         <span id="keys" class="sr" aria-hidden="true">${this.#instructions(false)}</span>
-        ${this.#waiting()}
+        ${this.#review()}
         ${this.failure ? b`<p class="send-error" role="alert" data-send-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${this.failure}</span></p>` : A}
         <swc-prompt-field
           label="Message"
@@ -47827,9 +48193,11 @@ ${this.value}` : text5;
     const pushToTalk = this.model?.settings.get().pushToTalk ?? false;
     const talk = !!speech();
     const held = this.#held();
+    const starting = this.#starting();
     return b`<div class="column">
         <span id="keys" class="sr" aria-hidden="true">${this.#instructions(busy)}</span>
         ${this.#hold()}
+        ${this.#starters()}
         ${this.#queue()}
         ${this.#popup()}
         <swc-prompt-field
@@ -47841,7 +48209,7 @@ ${this.value}` : text5;
           max-rows="10"
           ?generating=${busy && !canSend}
           ?disabled=${!!held}
-          placeholder=${held ? `Reconnecting to ${held}\u2026` : suggestion ? `${suggestion}  (Tab)` : `Message ${agent?.name ?? ""}`}
+          placeholder=${held ? `Reconnecting to ${held}\u2026` : starting ? starting : suggestion ? `${suggestion}  (Tab)` : `Message ${agent?.name ?? ""}`}
           .value=${l(this.value)}
           @keydown=${this.#keys}
           @swc-prompt-field-input=${this.#input}
@@ -47887,7 +48255,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",
@@ -47901,7 +48269,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>`;
 }
@@ -48542,17 +48910,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);
@@ -48620,9 +48988,9 @@ function auditLine(entry, devices, named2) {
       return b`<code>${entry.file}</code> ${entry.accepted ? "changed" : "changed and was refused"}${changes(entry, devices).map(([kind, line]) => b`<span class="change" data-change=${kind}>${line}</span>`)}${entry.warning ? b`<span class="warning" data-warning>${entry.warning}</span>` : A}${entry.accepted ? b`<span class="hint" data-hint>If you didn’t mean this, change the file back with sudo.</span>` : A}`;
   }
 }
-function merged(...pages) {
+function merged(...pages2) {
   const bySeq = /* @__PURE__ */ new Map();
-  for (const page of pages) for (const entry of page) bySeq.set(entry.seq, entry);
+  for (const page of pages2) for (const entry of page) bySeq.set(entry.seq, entry);
   return [...bySeq.values()].sort((a23, b13) => b13.seq - a23.seq);
 }
 function replaceable(secret) {
@@ -49281,9 +49649,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) {
@@ -50157,9 +50525,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);
@@ -51431,10 +51799,10 @@ var SliccSprinkle = class extends ThemedElement {
   }
   #seen = /* @__PURE__ */ new Set();
   #frozen() {
-    const owner = this.#data?.agentId;
+    const owner2 = this.#data?.agentId;
     const port = this.model?.agent;
-    if (!port || !owner) return false;
-    const id = plainId(owner);
+    if (!port || !owner2) return false;
+    const id = plainId(owner2);
     const agents = port.list();
     const live = agents.find((agent) => plainId(agent.id) === id);
     if (live) {
@@ -51853,9 +52221,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;
     }
@@ -60905,7 +61273,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,
@@ -60914,9 +61282,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([
@@ -63246,9 +63614,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)];
         }
@@ -63384,12 +63752,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 });
       }
@@ -63769,13 +64137,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;
       }
     });
@@ -64162,8 +64530,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)
         );
@@ -64211,14 +64579,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;
   },
@@ -64466,14 +64834,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;
@@ -64488,7 +64856,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;
@@ -66811,17 +67179,17 @@ var ResizeManager = class ResizeManager2 {
   }
   observe(element3) {
     const { managersByElement } = ResizeManager2;
-    const owner = managersByElement.get(element3);
-    if (owner === this) return;
-    else if (owner != null && owner !== this) throw new Error("ResizeManager.observe: element is already owned by another ResizeManager");
+    const owner2 = managersByElement.get(element3);
+    if (owner2 === this) return;
+    else if (owner2 != null && owner2 !== this) throw new Error("ResizeManager.observe: element is already owned by another ResizeManager");
     managersByElement.set(element3, this);
     ResizeManager2.getResizeObserver().observe(element3);
   }
   unobserve(element3) {
     const { managersByElement, resizeObserver } = ResizeManager2;
-    const owner = managersByElement.get(element3);
-    if (owner == null) return;
-    else if (owner !== this) throw new Error("ResizeManager.unobserve: element is owned by another ResizeManager");
+    const owner2 = managersByElement.get(element3);
+    if (owner2 == null) return;
+    else if (owner2 !== this) throw new Error("ResizeManager.unobserve: element is owned by another ResizeManager");
     managersByElement.delete(element3);
     resizeObserver?.unobserve(element3);
     if (resizeObserver != null && managersByElement.size === 0) {
@@ -67783,8 +68151,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;
@@ -72121,7 +72489,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);
@@ -72133,12 +72501,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({
@@ -72151,16 +72519,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);
   }
 }
@@ -72522,19 +72890,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]);
   }
@@ -89487,15 +89855,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;
 }
@@ -90018,7 +90386,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;
@@ -90030,8 +90398,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)) {