@ai-ecoverse/slicc-spectrum 1.103.0 → 1.103.1

package/README.md

@@ -199,6 +199,7 @@ Every surface has a home side, left, center or right.
 Every panel has an icon in the left or right rail (on a phone, in one bar at the bottom, with the rest in its More menu).
 The icon stays when its panel is open; while the panel is visible it shows selected (`.selected`, `data-visible`, labelled "{Title}, shown").
 One click puts a closed panel back on its side, next to its neighbours, or brings an open one to the front.
+A touch or pen tap on a rail button closes its tooltip: a Gen2 `swc-tooltip` ignores focus that comes in the same task as `pointerdown`, but a tap focuses the button a task later, so the tooltip opened and stayed while the button kept focus (after a tap on Chat, which leaves focus where it is).
 Each thread, a cone's or a scoop's conversation, opens in its own chat panel (`chat:<agent id>`), as a tab in the same group as the other chats.
 Selecting a thread opens or reveals its tab, activating a chat tab selects its thread, and a thread's chat closes when the thread goes away (frozen or deleted).
 
@@ -351,7 +352,7 @@ The field's status icon, which is decorative, follows the input: the AI logo whe
 Drafts are kept per agent.
 On a follower while the link reconnects, the field is disabled and says so; the draft stays.
 While the agent port's `starting()` returns a line (no agent yet, but one is on its way), the composer stays usable: its placeholder is that line, there are no `/` or `@` popups, and sending, attachments included, adds a row above the field that reads "Sent when the agent starts" (`li.queued[data-mode="starting"]`), which can be dropped (`data-action="unqueue"`); a row with text and files says how many files go with it (`[data-files]`).
-Whenever the model changes or its agent port fires `starting` or `agents`, and the current model's port has no line (`null`, or no `starting` at all) and `agent.list()` has an agent, the composer sends the rows in order to that model's active agent (else the first one) through `agent.send`, the first like a normal send and the rest with `mode: 'queue'`, and the rows go; if the line clears with no agent, the rows stay until one comes.
+Whenever the model changes or its agent port fires `starting` or `agents`, and the current model's port has no line (`null`, or no `starting` at all) and `agent.list()` has an agent, the page sends the rows in order to that model's active agent (else the first one) through `agent.send`, the first like a normal send and the rest with `mode: 'queue'`, and the rows go; if the line clears with no agent, the rows stay until one comes. Inside `<slicc-app>`, the app sends them for its current `model`, once, whether or not a composer is connected, so they also go while the chat is hidden (dockview detaches hidden panels, such as when Install / Update opens in the chat's group); a composer outside `<slicc-app>` sends them for its document, once however many are connected.
 A line that comes back closes an open `/` or `@` popup.
 The rows are kept for the page (for the `<slicc-app>` the composer is in, else for the document), not for the model, so a model swap (an embedder that puts a new `SliccModel` on `<slicc-app>` once the agent is there), a layout switch and a dock rebuild keep them.
 They're also kept in `sessionStorage` (`slicc-spectrum.starting`, so per origin and per tab) until they're sent or dropped: each row's text and `mode`, and only the name, type and size of its attachments, never their contents; each page (each `<slicc-app>`, or the document) rewrites only its own rows there.
@@ -628,6 +629,7 @@ Files and diffs open in one editor group next to the chat.
 Panels ask for them with `open-file` and `open-diff` events (`{ path }`), which `<slicc-app>` handles, or call `app.open('file' | 'diff', path)`.
 
 Keys: <kbd>Alt</kbd>+<kbd>1</kbd>… opens and focuses a panel, <kbd>F6</kbd> and <kbd>Shift</kbd>+<kbd>F6</kbd> move between groups, <kbd>Ctrl</kbd>+<kbd>]</kbd> and <kbd>Ctrl</kbd>+<kbd>[</kbd> between tabs, <kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> switches the theme.
+Focusing a chat panel this way, or with `show('chat')`, right after a touch or pen tap leaves focus where it is, so no on-screen keyboard opens and the empty log shows no ring; after a key or a mouse click it focuses the composer (its log without one) with a fine pointer, and the log with a coarse one.
 In terminal and browser tab strips, <kbd>←</kbd> and <kbd>→</kbd> switch tabs.
 In the agents and changes lists, arrows, <kbd>Home</kbd>, <kbd>End</kbd> and <kbd>Enter</kbd>; in the file tree, its own arrow keys and <kbd>Enter</kbd> to open.
 In the composer, <kbd>Enter</kbd> sends, <kbd>Shift</kbd>+<kbd>Enter</kbd> adds a line and <kbd>Esc</kbd> stops a reply.

package/dist/slicc-ui.js

@@ -23560,6 +23560,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 +23643,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 +23657,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 +24220,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 +24230,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 +24251,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 +24331,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 +25057,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 +25385,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 +25786,7 @@ var SliccChat = class _SliccChat extends ThemedElement {
     }
   };
   subscribe(model) {
-    const settle2 = () => {
+    const settle3 = () => {
       settleModels(model);
       this.requestUpdate();
     };
@@ -25762,14 +25801,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 +26010,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() {
@@ -26239,9 +26278,9 @@ var SliccChat = class _SliccChat extends ThemedElement {
     this.#handlers.model = this.model ?? null;
     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 +26313,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 +26326,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}
     `;
   }
 };
@@ -31041,10 +31080,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 +32823,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 +37088,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 +37120,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 +37476,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 +42623,7 @@ var SliccSettings = class extends ThemedElement {
   ];
   subscribe(model) {
     const update = () => this.requestUpdate();
-    const settle2 = () => {
+    const settle3 = () => {
       settleModels(model);
       update();
     };
@@ -42592,8 +42639,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 +44110,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 +44189,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 +53291,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 +55323,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;