@artooi/ag-ui-web-component 0.31.1 → 0.33.0

package/dist/index.js

@@ -60,6 +60,10 @@ var ICON_STOP = `<svg class="glyph glyph--solid" viewBox="0 0 24 24" aria-hidden
 var ICON_ATTACH = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M17 8.5V15a5 5 0 0 1-10 0V7a3 3 0 0 1 6 0v7.5a1 1 0 0 1-2 0V8.5"/></svg>`;
 var ICON_VOICE = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 4a3 3 0 0 1 3 3v5a3 3 0 0 1-6 0V7a3 3 0 0 1 3-3z"/><path d="M5 11v1a7 7 0 0 0 14 0v-1"/><path d="M12 19v3"/></svg>`;
 var ICON_LAUNCHER = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H9l-5 4z"/></svg>`;
+var ICON_COPY = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h8"/></svg>`;
+var ICON_RETRY = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 12a8 8 0 1 1-2.5-5.8"/><path d="M20 4v4h-4"/></svg>`;
+var ICON_THUMB_UP = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 10v10H4V10z"/><path d="M7 10l4.5-7a2 2 0 0 1 3.4 2L13.5 9H19a2 2 0 0 1 2 2.3l-1.1 6.4A2 2 0 0 1 17.9 20H7"/></svg>`;
+var ICON_THUMB_DOWN = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M17 14V4h3v10z"/><path d="M17 14l-4.5 7a2 2 0 0 1-3.4-2l1.4-4H5a2 2 0 0 1-2-2.3l1.1-6.4A2 2 0 0 1 6.1 4H17"/></svg>`;
 var ICON_FILE = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/></svg>`;
 var ICON_FILE_IMAGE = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><rect x="3.5" y="4.5" width="17" height="15" rx="2.5"/><circle cx="9" cy="10" r="1.5"/><path d="M4.5 17.5 9 13.5l3.5 3 3-2.5 4.5 4"/></svg>`;
 var ICON_FILE_PDF = `<svg class="glyph" viewBox="0 0 24 24" aria-hidden="true"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><rect class="glyph--solid" x="7.5" y="13.5" width="9" height="4.5" rx="1"/></svg>`;
@@ -74,7 +78,7 @@ import { randomUUID as randomUUID5 } from "@ag-ui/client";
 var PLACEHOLDER_RE = /\{([a-zA-Z_][a-zA-Z0-9_]*)\}/g;
 function fillTemplate(template, values) {
   const missing = [];
-  const text3 = template.replace(PLACEHOLDER_RE, (token, key) => {
+  const text4 = template.replace(PLACEHOLDER_RE, (token, key) => {
     const value = values[key];
     if (value === void 0 || value === null || value === "") {
       if (!missing.includes(key)) {
@@ -84,7 +88,7 @@ function fillTemplate(template, values) {
     }
     return String(value);
   });
-  return { text: text3, missing };
+  return { text: text4, missing };
 }
 
 // src/skills/parse_skills.ts
@@ -433,8 +437,8 @@ function createPageStateTools(binding) {
       handler: () => binding.read()
     }
   ];
-  const write = binding.write;
-  if (write !== void 0) {
+  const write2 = binding.write;
+  if (write2 !== void 0) {
     tools.push({
       name: `set_${binding.name}`,
       description: `Update the "${binding.name}" state.`,
@@ -443,7 +447,7 @@ function createPageStateTools(binding) {
         [X_DESTRUCTIVE_KEY]: true,
         [X_SUMMARY_KEY]: `Update ${binding.name}`
       },
-      handler: (args) => write(args)
+      handler: (args) => write2(args)
     });
   }
   return tools;
@@ -601,6 +605,9 @@ var DEFAULT_UI_STRINGS = {
   declinedLabel: "Declined",
   details: "Details",
   subAgentWorking: "Working\u2026",
+  subAgentDelegatedTo: "Delegated to {agent}",
+  subAgentFinished: "{agent} finished",
+  subAgentFailed: "The sub-agent failed",
   subAgentSteps: "Steps the sub-agent took",
   approvalEditArgs: "Edit the arguments before approving",
   approvalArgsInvalid: "That is not valid JSON, so nothing was sent.",
@@ -777,7 +784,7 @@ function attachCopyButtons(root, strings) {
   }
 }
 function button(code, strings) {
-  const text3 = code.textContent;
+  const text4 = code.textContent;
   const copy = document.createElement("button");
   copy.type = "button";
   copy.className = "code-copy";
@@ -786,19 +793,19 @@ function button(code, strings) {
   copy.title = strings.copyCode;
   copy.setAttribute("aria-label", strings.copyCode);
   copy.addEventListener("click", () => {
-    void writeText(text3).then((ok) => {
+    void writeText(text4).then((ok) => {
       confirm(copy, ok ? strings.copied : strings.copyFailed, strings);
     });
   });
   return copy;
 }
-async function writeText(text3) {
+async function writeText(text4) {
   const clipboard = navigator.clipboard;
   if (clipboard === void 0) {
     return false;
   }
   try {
-    await clipboard.writeText(text3);
+    await clipboard.writeText(text4);
     return true;
   } catch {
     return false;
@@ -1692,6 +1699,14 @@ var CheckpointMenu = class {
   }
 };
 
+// src/ui/clamp_launcher.ts
+function clampLauncher(launcher, viewport) {
+  return {
+    left: Math.max(0, Math.min(launcher.left, viewport.width - launcher.width)),
+    top: Math.max(0, Math.min(launcher.top, viewport.height - launcher.height))
+  };
+}
+
 // src/ui/confirmation_card.ts
 function actionButton2(modifier, label) {
   const button2 = document.createElement("button");
@@ -1752,6 +1767,245 @@ function requestConfirmation(host, request, options = {}) {
   });
 }
 
+// src/ui/copy_payload.ts
+var BLOCK_TAGS = /* @__PURE__ */ new Set([
+  "ADDRESS",
+  "ARTICLE",
+  "ASIDE",
+  "BLOCKQUOTE",
+  "DD",
+  "DIV",
+  "DL",
+  "DT",
+  "FIGCAPTION",
+  "FIGURE",
+  "FOOTER",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+  "HEADER",
+  "HR",
+  "MAIN",
+  "NAV",
+  "OL",
+  "P",
+  "SECTION",
+  "UL"
+]);
+function copyPayload(root) {
+  const clone2 = root.cloneNode(true);
+  for (const control of Array.from(clone2.querySelectorAll("button"))) {
+    control.remove();
+  }
+  return { text: normalise(serialise(clone2)), html: clone2.innerHTML };
+}
+function serialise(node) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    return node.nodeValue.replace(/\s+/g, " ");
+  }
+  if (node.nodeType !== Node.ELEMENT_NODE) {
+    return "";
+  }
+  const element = node;
+  const tag = element.tagName;
+  if (tag === "BR") {
+    return "\n";
+  }
+  if (tag === "PRE") {
+    return `
+
+${text2(element)}
+
+`;
+  }
+  if (tag === "TABLE") {
+    return `
+
+${tableText(element)}
+
+`;
+  }
+  if (tag === "UL" || tag === "OL") {
+    return `
+
+${listText(element, tag === "OL")}
+
+`;
+  }
+  const inner = children(element);
+  return BLOCK_TAGS.has(tag) ? `
+
+${inner}
+
+` : inner;
+}
+function children(element) {
+  let joined = "";
+  for (const child of Array.from(element.childNodes)) {
+    joined += serialise(child);
+  }
+  return joined;
+}
+function listText(list, numbered) {
+  return Array.from(list.children).map((item, index) => `${numbered ? `${index + 1}. ` : "- "}${children(item).trim()}`).join("\n");
+}
+function tableText(table) {
+  return Array.from(table.querySelectorAll("tr")).map(
+    (row) => Array.from(row.children).map((cell) => text2(cell).replace(/\s+/g, " ").trim()).join("	")
+  ).join("\n");
+}
+function text2(element) {
+  return element.textContent;
+}
+function normalise(text4) {
+  return text4.replace(/[^\S\n]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+
+// src/ui/launcher_drag.ts
+var DRAG_THRESHOLD = 4;
+var STEP = 16;
+var COARSE_STEP = 64;
+function enableLauncherDrag(launcher, options) {
+  let suppressClick = false;
+  launcher.addEventListener(
+    "click",
+    (event) => {
+      if (!suppressClick || event.detail === 0) {
+        return;
+      }
+      suppressClick = false;
+      event.stopPropagation();
+      event.preventDefault();
+    },
+    true
+  );
+  launcher.addEventListener("pointerdown", (event) => {
+    suppressClick = false;
+    if (!options.enabled()) {
+      return;
+    }
+    const start = options.rect();
+    const originX = event.clientX;
+    const originY = event.clientY;
+    let dragging = false;
+    const onMove = (move) => {
+      const dx = move.clientX - originX;
+      const dy = move.clientY - originY;
+      if (!dragging && Math.hypot(dx, dy) < DRAG_THRESHOLD) {
+        return;
+      }
+      dragging = true;
+      launcher.setAttribute("data-dragging", "true");
+      const next = clampLauncher(
+        { ...start, left: start.left + dx, top: start.top + dy },
+        options.viewport()
+      );
+      options.apply(next.left, next.top);
+    };
+    const onUp = (up) => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      if (!dragging) {
+        return;
+      }
+      launcher.removeAttribute("data-dragging");
+      suppressClick = true;
+      const next = clampLauncher(
+        {
+          ...start,
+          left: start.left + (up.clientX - originX),
+          top: start.top + (up.clientY - originY)
+        },
+        options.viewport()
+      );
+      options.commit(next.left, next.top);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  });
+  let pending = null;
+  const settle = () => {
+    if (pending === null) {
+      return;
+    }
+    const { left, top } = pending;
+    pending = null;
+    options.commit(left, top);
+  };
+  launcher.addEventListener("keydown", (event) => {
+    if (!options.enabled()) {
+      return;
+    }
+    const step = event.shiftKey ? COARSE_STEP : STEP;
+    const rect = options.rect();
+    let moved = null;
+    if (event.key === "ArrowLeft") {
+      moved = { left: rect.left - step, top: rect.top };
+    } else if (event.key === "ArrowRight") {
+      moved = { left: rect.left + step, top: rect.top };
+    } else if (event.key === "ArrowUp") {
+      moved = { left: rect.left, top: rect.top - step };
+    } else if (event.key === "ArrowDown") {
+      moved = { left: rect.left, top: rect.top + step };
+    }
+    if (moved === null) {
+      return;
+    }
+    event.preventDefault();
+    const next = clampLauncher({ ...rect, ...moved }, options.viewport());
+    options.apply(next.left, next.top);
+    pending = next;
+  });
+  launcher.addEventListener("keyup", settle);
+  launcher.addEventListener("blur", settle);
+}
+
+// src/ui/launcher_placement.ts
+var EDGE_MARGIN = 24;
+function launcherPlacement(launcher, panel, viewport, margin = EDGE_MARGIN) {
+  const roomRunningRight = viewport.width - launcher.left;
+  const roomRunningLeft = launcher.left + launcher.width;
+  const roomRunningDown = viewport.height - launcher.top;
+  const roomRunningUp = launcher.top + launcher.height;
+  const corner = {
+    x: roomRunningRight >= roomRunningLeft ? "left" : "right",
+    y: roomRunningDown >= roomRunningUp ? "top" : "bottom"
+  };
+  const wantedLeft = corner.x === "left" ? launcher.left : launcher.left + launcher.width - panel.width;
+  const wantedTop = corner.y === "top" ? launcher.top : launcher.top + launcher.height - panel.height;
+  const hostLeft = clamp(wantedLeft, margin, viewport.width - margin - panel.width);
+  const hostTop = clamp(wantedTop, margin, viewport.height - margin - panel.height);
+  const hostRight = hostLeft + panel.width;
+  const hostBottom = hostTop + panel.height;
+  return {
+    corner,
+    hostInset: inset({
+      top: corner.y === "top" ? hostTop : null,
+      right: corner.x === "right" ? viewport.width - hostRight : null,
+      bottom: corner.y === "bottom" ? viewport.height - hostBottom : null,
+      left: corner.x === "left" ? hostLeft : null
+    }),
+    // Measured from the host box's pinned corner to the launcher's matching
+    // corner, so the launcher lands exactly where it was dropped.
+    launcherInset: inset({
+      top: corner.y === "top" ? launcher.top - hostTop : null,
+      right: corner.x === "right" ? hostRight - (launcher.left + launcher.width) : null,
+      bottom: corner.y === "bottom" ? hostBottom - (launcher.top + launcher.height) : null,
+      left: corner.x === "left" ? launcher.left - hostLeft : null
+    })
+  };
+}
+function clamp(value, low, high) {
+  return Math.max(low, Math.min(value, high));
+}
+function inset(sides) {
+  const side = (value) => value === null ? "auto" : `${Math.round(value)}px`;
+  return `${side(sides.top)} ${side(sides.right)} ${side(sides.bottom)} ${side(sides.left)}`;
+}
+
 // src/ui/message_actions.ts
 var CONFIRM_MS2 = 1500;
 function attachMessageActions(bubble, options) {
@@ -1759,9 +2013,9 @@ function attachMessageActions(bubble, options) {
     return;
   }
   const bar = messageActionBar(bubble, options.strings);
-  const text3 = options.text;
-  if (text3 !== void 0) {
-    bar.appendChild(copyButton(options.strings, text3));
+  const text4 = options.text;
+  if (text4 !== void 0) {
+    bar.appendChild(copyButton(options.strings, text4, options.html));
   }
   if (options.onFeedback !== void 0) {
     bar.append(
@@ -1787,36 +2041,63 @@ function existingBar(bubble) {
   const next = bubble.nextElementSibling;
   return next?.classList.contains("message-actions") === true ? next : null;
 }
-function messageActionButton(modifier, label, glyph) {
+function messageActionButton(modifier, label, icon) {
   const button2 = document.createElement("button");
   button2.type = "button";
   button2.className = `message-action message-action--${modifier}`;
   button2.setAttribute("part", `message-action message-action-${modifier}`);
+  setLabel(button2, label);
+  const holder = document.createElement("span");
+  holder.className = "message-action-icon";
+  holder.setAttribute("part", `message-action-icon message-action-icon-${modifier}`);
+  holder.setAttribute("aria-hidden", "true");
+  holder.innerHTML = icon;
+  button2.appendChild(holder);
+  return button2;
+}
+function setLabel(button2, label) {
   button2.title = label;
   button2.setAttribute("aria-label", label);
-  const icon = document.createElement("span");
-  icon.setAttribute("aria-hidden", "true");
-  icon.textContent = glyph;
-  button2.appendChild(icon);
-  return button2;
+  button2.dataset["tooltip"] = label;
 }
-function copyButton(strings, text3) {
-  const button2 = messageActionButton("copy", strings.copyMessage, "\u2398");
+function copyButton(strings, text4, html2) {
+  const button2 = messageActionButton("copy", strings.copyMessage, ICON_COPY);
   button2.addEventListener("click", () => {
-    void navigator.clipboard.writeText(text3()).then(
-      () => flash2(button2, strings.copied, strings.copyMessage),
-      // A denied clipboard permission is the common case, not an exception:
-      // say so on the button rather than throwing into an unhandled rejection.
-      () => flash2(button2, strings.copyFailed, strings.copyMessage)
-    );
+    void write(text4(), html2?.()).then((ok) => {
+      flash2(button2, ok ? strings.copied : strings.copyFailed, strings.copyMessage);
+    });
   });
   return button2;
 }
+async function write(text4, html2) {
+  const clipboard = navigator.clipboard;
+  if (clipboard === void 0) {
+    return false;
+  }
+  if (html2 !== void 0 && typeof ClipboardItem === "function") {
+    try {
+      await clipboard.write([
+        new ClipboardItem({
+          "text/plain": new Blob([text4], { type: "text/plain" }),
+          "text/html": new Blob([html2], { type: "text/html" })
+        })
+      ]);
+      return true;
+    } catch {
+    }
+  }
+  try {
+    await clipboard.writeText(text4);
+    return true;
+  } catch {
+    return false;
+  }
+}
 function feedbackButton(rating, label, report) {
   const button2 = messageActionButton(
     rating === "up" ? "up" : "down",
     label,
-    rating === "up" ? "\u{1F44D}" : "\u{1F44E}"
+    rating === "up" ? ICON_THUMB_UP : ICON_THUMB_DOWN
   );
   button2.addEventListener("click", () => {
     const pressed = button2.getAttribute("aria-pressed") === "true";
@@ -1827,12 +2108,10 @@ function feedbackButton(rating, label, report) {
   return button2;
 }
 function flash2(button2, message, label) {
-  button2.title = message;
-  button2.setAttribute("aria-label", message);
+  setLabel(button2, message);
   button2.classList.add("message-action--confirmed");
   setTimeout(() => {
-    button2.title = label;
-    button2.setAttribute("aria-label", label);
+    setLabel(button2, label);
     button2.classList.remove("message-action--confirmed");
   }, CONFIRM_MS2);
 }
@@ -1850,16 +2129,16 @@ function quotableSelection(container, roots = [], near) {
     const range = document.createRange();
     range.setStart(endpoints.startContainer, endpoints.startOffset);
     range.setEnd(endpoints.endContainer, endpoints.endOffset);
-    const text3 = renderedText(range).trim();
-    if (text3 === "") {
+    const text4 = renderedText(range).trim();
+    if (text4 === "") {
       continue;
     }
-    return { text: text3, rect: lineToHangFrom(range, near) };
+    return { text: text4, rect: lineToHangFrom(range, near) };
   }
   return null;
 }
-function asQuote(text3) {
-  const lines = tidy(text3);
+function asQuote(text4) {
+  const lines = tidy(text4);
   if (lines.length === 0) {
     return "";
   }
@@ -1869,8 +2148,8 @@ function asQuote(text3) {
 
 `;
 }
-function tidy(text3) {
-  const lines = text3.split(/\r\n?|\n/).map((line) => line.trimEnd());
+function tidy(text4) {
+  const lines = text4.split(/\r\n?|\n/).map((line) => line.trimEnd());
   const indents = lines.filter((line) => line !== "").map(indentOf);
   const shared = indents.length === 0 ? 0 : Math.min(...indents);
   const kept = [];
@@ -1889,11 +2168,11 @@ function tidy(text3) {
 function indentOf(line) {
   return line.length - line.trimStart().length;
 }
-function cap(text3) {
-  return text3.length > MAX_QUOTE_CHARS ? `${text3.slice(0, MAX_QUOTE_CHARS).trimEnd()}...` : text3;
+function cap(text4) {
+  return text4.length > MAX_QUOTE_CHARS ? `${text4.slice(0, MAX_QUOTE_CHARS).trimEnd()}...` : text4;
 }
 function renderedText(range) {
-  let text3 = "";
+  let text4 = "";
   for (const node of textNodesIn(range)) {
     const parent = node.parentElement;
     if (!isRendered(parent)) {
@@ -1901,15 +2180,15 @@ function renderedText(range) {
     }
     const from = node === range.startContainer ? range.startOffset : 0;
     const to = node === range.endContainer ? range.endOffset : node.data.length;
-    text3 += collapse(node.data.slice(from, to), parent);
+    text4 += collapse(node.data.slice(from, to), parent);
   }
-  return text3;
+  return text4;
 }
-function collapse(text3, parent) {
+function collapse(text4, parent) {
   if (PREFORMATTED.has(whiteSpaceOf(parent))) {
-    return text3;
+    return text4;
   }
-  return text3.replace(/[^\S\n]*\n[^\S\n]*/g, "\n").replace(/[^\S\n]+/g, " ");
+  return text4.replace(/[^\S\n]*\n[^\S\n]*/g, "\n").replace(/[^\S\n]+/g, " ");
 }
 var PREFORMATTED = /* @__PURE__ */ new Set(["pre", "pre-wrap", "break-spaces"]);
 function whiteSpaceOf(element) {
@@ -2059,10 +2338,10 @@ function attachQuoteOffer(options) {
     event.preventDefault();
   });
   button2.addEventListener("click", () => {
-    const text3 = quoting;
+    const text4 = quoting;
     window.getSelection()?.removeAllRanges();
     hide();
-    onQuote(text3);
+    onQuote(text4);
   });
   return {
     element: button2,
@@ -2142,10 +2421,10 @@ function requestQuestion(host, request, options = {}) {
       radio.name = group;
       radio.value = choice;
       radio.setAttribute("part", "question-radio");
-      const text3 = document.createElement("span");
-      text3.setAttribute("part", "question-choice-text");
-      text3.textContent = choice;
-      label.append(radio, text3);
+      const text4 = document.createElement("span");
+      text4.setAttribute("part", "question-choice-text");
+      text4.textContent = choice;
+      label.append(radio, text4);
       form.appendChild(label);
       radios.push(radio);
     }
@@ -2162,10 +2441,10 @@ function requestQuestion(host, request, options = {}) {
         otherRadio.name = group;
         otherRadio.value = "";
         otherRadio.setAttribute("part", "question-radio");
-        const text3 = document.createElement("span");
-        text3.setAttribute("part", "question-choice-text");
-        text3.textContent = strings.otherOption;
-        label.append(otherRadio, text3);
+        const text4 = document.createElement("span");
+        text4.setAttribute("part", "question-choice-text");
+        text4.textContent = strings.otherOption;
+        label.append(otherRadio, text4);
         form.appendChild(label);
         input.disabled = true;
       }
@@ -2247,7 +2526,7 @@ function requestQuestion(host, request, options = {}) {
   });
 }
 
-// node_modules/.pnpm/dompurify@3.4.13/node_modules/dompurify/dist/purify.es.mjs
+// node_modules/.pnpm/dompurify@3.4.14/node_modules/dompurify/dist/purify.es.mjs
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -2486,9 +2765,9 @@ var svgFilters = freeze(["feBlend", "feColorMatrix", "feComponentTransfer", "feC
 var svgDisallowed = freeze(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]);
 var mathMl$1 = freeze(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]);
 var mathMlDisallowed = freeze(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]);
-var text2 = freeze(["#text"]);
+var text3 = freeze(["#text"]);
 var html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "command", "commandfor", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns"]);
-var svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dominant-baseline", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-orientation", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
+var svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dominant-baseline", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "mask-type", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "pointer-events", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-orientation", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "vector-effect", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
 var mathMl = freeze(["accent", "accentunder", "align", "bevelled", "close", "columnalign", "columnlines", "columnspacing", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lquote", "lspace", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]);
 var xml = freeze(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]);
 var MUSTACHE_EXPR = seal(/{{[\w\W]*|^[\w\W]*}}/g);
@@ -2528,6 +2807,15 @@ var NODE_TYPE = {
   notation: 12
   // Deprecated
 };
+var LITERAL_TEXT_ELEMENT_NAMES = ["style", "script", "xmp", "iframe", "noembed", "noframes", "plaintext", "noscript"];
+var LITERAL_TEXT_ELEMENTS = freeze(addToSet({}, LITERAL_TEXT_ELEMENT_NAMES));
+var LITERAL_TEXT_CLOSE = (function() {
+  const map = {};
+  arrayForEach(LITERAL_TEXT_ELEMENT_NAMES, (name) => {
+    map[name] = seal(new RegExp("</" + name + "(?=[\\t\\n\\f\\r />])", "i"));
+  });
+  return freeze(map);
+})();
 var getGlobal = function getGlobal2() {
   return typeof window === "undefined" ? null : window;
 };
@@ -2571,10 +2859,14 @@ var _createHooksMap = function _createHooksMap2() {
 var _resolveSetOption = function _resolveSetOption2(cfg, key, fallback, options) {
   return objectHasOwnProperty(cfg, key) && arrayIsArray(cfg[key]) ? addToSet(options.base ? clone(options.base) : {}, cfg[key], options.transform) : fallback;
 };
+var _resolveObjectOption = function _resolveObjectOption2(cfg, key, makeFallback) {
+  const value = objectHasOwnProperty(cfg, key) ? cfg[key] : void 0;
+  return value && typeof value === "object" ? clone(value) : makeFallback();
+};
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root) => createDOMPurify(root);
-  DOMPurify.version = "3.4.13";
+  DOMPurify.version = "3.4.14";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -2599,6 +2891,12 @@ function createDOMPurify() {
   const getNodeType = Node2 && Node2.prototype ? lookupGetter(Node2.prototype, "nodeType") : null;
   const getNodeName = Node2 && Node2.prototype ? lookupGetter(Node2.prototype, "nodeName") : null;
   const getOwnerDocument = Node2 && Node2.prototype ? lookupGetter(Node2.prototype, "ownerDocument") : null;
+  const _readNodeType = function _readNodeType2(node) {
+    return getNodeType ? getNodeType(node) : node.nodeType;
+  };
+  const _readNodeName = function _readNodeName2(node) {
+    return getNodeName ? getNodeName(node) : node.nodeName;
+  };
   if (typeof HTMLTemplateElement === "function") {
     const template = document2.createElement("template");
     if (template.content && template.content.ownerDocument) {
@@ -2647,7 +2945,7 @@ function createDOMPurify() {
   const MUSTACHE_EXPR$1 = MUSTACHE_EXPR, ERB_EXPR$1 = ERB_EXPR, TMPLIT_EXPR$1 = TMPLIT_EXPR, DATA_ATTR$1 = DATA_ATTR, ARIA_ATTR$1 = ARIA_ATTR, IS_SCRIPT_OR_DATA$1 = IS_SCRIPT_OR_DATA, ATTR_WHITESPACE$1 = ATTR_WHITESPACE, CUSTOM_ELEMENT$1 = CUSTOM_ELEMENT;
   let IS_ALLOWED_URI$1 = IS_ALLOWED_URI;
   let ALLOWED_TAGS2 = null;
-  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text2]);
+  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text3]);
   let ALLOWED_ATTR2 = null;
   const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
   let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
@@ -2825,9 +3123,19 @@ function createDOMPurify() {
     IN_PLACE = cfg.IN_PLACE || false;
     IS_ALLOWED_URI$1 = isRegex(cfg.ALLOWED_URI_REGEXP) ? cfg.ALLOWED_URI_REGEXP : IS_ALLOWED_URI;
     NAMESPACE = typeof cfg.NAMESPACE === "string" ? cfg.NAMESPACE : HTML_NAMESPACE;
-    MATHML_TEXT_INTEGRATION_POINTS = objectHasOwnProperty(cfg, "MATHML_TEXT_INTEGRATION_POINTS") && cfg.MATHML_TEXT_INTEGRATION_POINTS && typeof cfg.MATHML_TEXT_INTEGRATION_POINTS === "object" ? clone(cfg.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, DEFAULT_MATHML_TEXT_INTEGRATION_POINTS);
-    HTML_INTEGRATION_POINTS = objectHasOwnProperty(cfg, "HTML_INTEGRATION_POINTS") && cfg.HTML_INTEGRATION_POINTS && typeof cfg.HTML_INTEGRATION_POINTS === "object" ? clone(cfg.HTML_INTEGRATION_POINTS) : addToSet({}, DEFAULT_HTML_INTEGRATION_POINTS);
-    const customElementHandling = objectHasOwnProperty(cfg, "CUSTOM_ELEMENT_HANDLING") && cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING === "object" ? clone(cfg.CUSTOM_ELEMENT_HANDLING) : create(null);
+    MATHML_TEXT_INTEGRATION_POINTS = _resolveObjectOption(
+      cfg,
+      "MATHML_TEXT_INTEGRATION_POINTS",
+      () => addToSet({}, DEFAULT_MATHML_TEXT_INTEGRATION_POINTS)
+      // Default built-in map
+    );
+    HTML_INTEGRATION_POINTS = _resolveObjectOption(
+      cfg,
+      "HTML_INTEGRATION_POINTS",
+      () => addToSet({}, DEFAULT_HTML_INTEGRATION_POINTS)
+      // Default built-in map
+    );
+    const customElementHandling = _resolveObjectOption(cfg, "CUSTOM_ELEMENT_HANDLING", () => create(null));
     CUSTOM_ELEMENT_HANDLING = create(null);
     if (objectHasOwnProperty(customElementHandling, "tagNameCheck") && isRegexOrFunction(customElementHandling.tagNameCheck)) {
       CUSTOM_ELEMENT_HANDLING.tagNameCheck = customElementHandling.tagNameCheck;
@@ -2846,7 +3154,7 @@ function createDOMPurify() {
       RETURN_DOM = true;
     }
     if (USE_PROFILES) {
-      ALLOWED_TAGS2 = addToSet({}, text2);
+      ALLOWED_TAGS2 = addToSet({}, text3);
       ALLOWED_ATTR2 = create(null);
       if (USE_PROFILES.html === true) {
         addToSet(ALLOWED_TAGS2, html$1);
@@ -2890,15 +3198,6 @@ function createDOMPurify() {
         addToSet(ALLOWED_ATTR2, cfg.ADD_ATTR, transformCaseFunc);
       }
     }
-    if (objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") && arrayIsArray(cfg.ADD_URI_SAFE_ATTR)) {
-      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
-    }
-    if (objectHasOwnProperty(cfg, "FORBID_CONTENTS") && arrayIsArray(cfg.FORBID_CONTENTS)) {
-      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
-        FORBID_CONTENTS = clone(FORBID_CONTENTS);
-      }
-      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
-    }
     if (objectHasOwnProperty(cfg, "ADD_FORBID_CONTENTS") && arrayIsArray(cfg.ADD_FORBID_CONTENTS)) {
       if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
         FORBID_CONTENTS = clone(FORBID_CONTENTS);
@@ -3015,6 +3314,16 @@ function createDOMPurify() {
       }
     }
   };
+  const _stripAttributeNode = function _stripAttributeNode2(element, attribute, name) {
+    try {
+      element.removeAttributeNode(attribute);
+    } catch (_2) {
+      try {
+        element.removeAttribute(name);
+      } catch (_3) {
+      }
+    }
+  };
   const _neutralizeRoot = function _neutralizeRoot2(root) {
     _neutralizeSubtree(root);
     const childNodes = getChildNodes(root);
@@ -3036,27 +3345,35 @@ function createDOMPurify() {
         const attribute = attributes[i];
         const name = attribute && attribute.name;
         if (typeof name === "string") {
-          try {
-            root.removeAttribute(name);
-          } catch (_2) {
-          }
+          _stripAttributeNode(root, attribute, name);
         }
       }
     }
   };
-  const _removeAttribute = function _removeAttribute2(name, element) {
+  const _removeAttribute = function _removeAttribute2(name, element, attr) {
+    if (!attr) {
+      try {
+        attr = element.getAttributeNode(name);
+      } catch (_2) {
+        attr = null;
+      }
+    }
+    arrayPush(DOMPurify.removed, {
+      attribute: attr || null,
+      from: element
+    });
     try {
-      arrayPush(DOMPurify.removed, {
-        attribute: element.getAttributeNode(name),
-        from: element
-      });
+      if (attr) {
+        element.removeAttributeNode(attr);
+      } else {
+        element.removeAttribute(name);
+      }
     } catch (_2) {
-      arrayPush(DOMPurify.removed, {
-        attribute: null,
-        from: element
-      });
+      try {
+        element.removeAttribute(name);
+      } catch (_3) {
+      }
     }
-    element.removeAttribute(name);
     if (name === "is") {
       if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
         try {
@@ -3082,17 +3399,14 @@ function createDOMPurify() {
       if (typeof name !== "string" || ALLOWED_ATTR2[transformCaseFunc(name)]) {
         continue;
       }
-      try {
-        element.removeAttribute(name);
-      } catch (_2) {
-      }
+      _stripAttributeNode(element, attribute, name);
     }
   };
   const _neutralizeSubtree = function _neutralizeSubtree2(root) {
     const stack = [root];
     while (stack.length > 0) {
       const node = stack.pop();
-      const nodeType = getNodeType ? getNodeType(node) : node.nodeType;
+      const nodeType = _readNodeType(node);
       if (nodeType === NODE_TYPE.element) {
         _stripDisallowedAttributes(node);
       }
@@ -3104,6 +3418,15 @@ function createDOMPurify() {
       }
     }
   };
+  const _isPatchLinkageAttribute = function _isPatchLinkageAttribute2(lcName, lcTag) {
+    if (!SAFE_FOR_XML) {
+      return false;
+    }
+    if (lcName === "patchsrc") {
+      return true;
+    }
+    return lcName === "for" && lcTag !== "label" && lcTag !== "output";
+  };
   const _neutralizePatchLinkage = function _neutralizePatchLinkage2(root) {
     if (!SAFE_FOR_XML) {
       return;
@@ -3111,7 +3434,7 @@ function createDOMPurify() {
     const stack = [root];
     while (stack.length > 0) {
       const node = stack.pop();
-      const nodeType = getNodeType ? getNodeType(node) : node.nodeType;
+      const nodeType = _readNodeType(node);
       if (nodeType === NODE_TYPE.processingInstruction || nodeType === NODE_TYPE.comment && regExpTest(COMMENT_MARKUP_PROBE, node.data)) {
         try {
           remove(node);
@@ -3121,12 +3444,12 @@ function createDOMPurify() {
       }
       if (nodeType === NODE_TYPE.element) {
         const element = node;
-        const lcTag = transformCaseFunc(getNodeName ? getNodeName(node) : node.nodeName);
+        const lcTag = transformCaseFunc(_readNodeName(node));
         try {
           if (element.hasAttribute && element.hasAttribute("patchsrc")) {
             element.removeAttribute("patchsrc");
           }
-          if (element.hasAttribute && element.hasAttribute("for") && lcTag !== "label" && lcTag !== "output") {
+          if (element.hasAttribute && element.hasAttribute("for") && _isPatchLinkageAttribute("for", lcTag)) {
             element.removeAttribute("for");
           }
         } catch (_2) {
@@ -3281,7 +3604,7 @@ function createDOMPurify() {
     if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.textContent) && regExpTest(ELEMENT_MARKUP_PROBE, currentNode.innerHTML)) {
       return true;
     }
-    if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && tagName === "style" && _isNode(currentNode.firstElementChild)) {
+    if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && LITERAL_TEXT_ELEMENTS[tagName] && (_isNode(currentNode.firstElementChild) || typeof currentNode.textContent === "string" && regExpTest(LITERAL_TEXT_CLOSE[tagName], currentNode.textContent))) {
       return true;
     }
     if (currentNode.nodeType === NODE_TYPE.processingInstruction) {
@@ -3292,14 +3615,21 @@ function createDOMPurify() {
     }
     return false;
   };
-  const _sanitizeDisallowedNode = function _sanitizeDisallowedNode2(currentNode, tagName, root) {
-    if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
-      if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
-        return false;
-      }
-      if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
-        return false;
+  const _matchesNameCheck = function _matchesNameCheck2(check, name) {
+    if (check instanceof RegExp) {
+      return regExpTest(check, name);
+    }
+    if (check instanceof Function) {
+      for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        args[_key - 2] = arguments[_key];
       }
+      return Boolean(check(name, ...args));
+    }
+    return false;
+  };
+  const _sanitizeDisallowedNode = function _sanitizeDisallowedNode2(currentNode, tagName, root) {
+    if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+      return false;
     }
     if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
       const parentNode = getParentNode(currentNode);
@@ -3321,28 +3651,31 @@ function createDOMPurify() {
     }
     return set === defaultSet || set === setConfigSet ? clone(set) : set;
   };
+  const _handleHookDetachedNode = function _handleHookDetachedNode2(currentNode, root) {
+    if (currentNode === root || getParentNode(currentNode) !== null) {
+      return false;
+    }
+    if (IN_PLACE) {
+      _neutralizeSubtree(currentNode);
+    }
+    return true;
+  };
   const _sanitizeElements = function _sanitizeElements2(currentNode, root) {
     _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
-    if (currentNode !== root && getParentNode(currentNode) === null) {
-      if (IN_PLACE) {
-        _neutralizeSubtree(currentNode);
-      }
+    if (_handleHookDetachedNode(currentNode, root)) {
       return true;
     }
     if (_isClobbered(currentNode)) {
       _forceRemove(currentNode);
       return true;
     }
-    const tagName = transformCaseFunc(getNodeName ? getNodeName(currentNode) : currentNode.nodeName);
+    const tagName = transformCaseFunc(_readNodeName(currentNode));
     ALLOWED_TAGS2 = _forkSharedAllowlist(hooks.uponSanitizeElement, ALLOWED_TAGS2, DEFAULT_ALLOWED_TAGS, SET_CONFIG_ALLOWED_TAGS);
     _executeHooks(hooks.uponSanitizeElement, currentNode, {
       tagName,
       allowedTags: ALLOWED_TAGS2
     });
-    if (currentNode !== root && getParentNode(currentNode) === null) {
-      if (IN_PLACE) {
-        _neutralizeSubtree(currentNode);
-      }
+    if (_handleHookDetachedNode(currentNode, root)) {
       return true;
     }
     if (_isUnsafeNode(currentNode, tagName)) {
@@ -3356,7 +3689,7 @@ function createDOMPurify() {
       }
       return removed;
     }
-    const nt2 = getNodeType ? getNodeType(currentNode) : currentNode.nodeType;
+    const nt2 = _readNodeType(currentNode);
     if (nt2 === NODE_TYPE.element && !_checkValidNamespace(currentNode)) {
       _forceRemove(currentNode);
       return true;
@@ -3381,38 +3714,43 @@ function createDOMPurify() {
     if (FORBID_ATTR[lcName]) {
       return false;
     }
-    if (SAFE_FOR_XML && lcName === "patchsrc") {
-      return false;
-    }
-    if (SAFE_FOR_XML && lcName === "for" && lcTag !== "label" && lcTag !== "output") {
+    if (_isPatchLinkageAttribute(lcName, lcTag)) {
       return false;
     }
     if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document2 || value in formElement)) {
       return false;
     }
     const nameIsPermitted = ALLOWED_ATTR2[lcName] || EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag);
-    if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$1, lcName)) ;
-    else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$1, lcName)) ;
-    else if (!nameIsPermitted) {
-      if (
-        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
-        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) || // Alternative, second condition checks if it's an `is`-attribute, AND
-        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-        lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))
-      ) ;
-      else {
-        return false;
-      }
-    } else if (URI_SAFE_ATTRIBUTES[lcName]) ;
-    else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) ;
-    else if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) ;
-    else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) ;
-    else if (value) {
-      return false;
-    } else ;
-    return true;
+    if (ALLOW_DATA_ATTR && regExpTest(DATA_ATTR$1, lcName)) {
+      return true;
+    }
+    if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$1, lcName)) {
+      return true;
+    }
+    if (!nameIsPermitted) {
+      return (
+        // Condition a) covers a basically valid custom element tag name whose
+        // tag passes the configured tagNameCheck and whose attribute name
+        // passes the configured attributeNameCheck ...
+        _isBasicCustomElement(lcTag) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName, lcTag) || // Condition b) covers an `is` attribute whose value passes the
+        // configured tagNameCheck while customized built-in elements are
+        // allowed.
+        lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && _matchesNameCheck(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value)
+      );
+    }
+    if (URI_SAFE_ATTRIBUTES[lcName]) {
+      return true;
+    }
+    if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) {
+      return true;
+    }
+    if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) {
+      return true;
+    }
+    if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$1, stringReplace(value, ATTR_WHITESPACE$1, ""))) {
+      return true;
+    }
+    return !value;
   };
   const RESERVED_CUSTOM_ELEMENT_NAMES = addToSet({}, ["annotation-xml", "color-profile", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "missing-glyph"]);
   const _isBasicCustomElement = function _isBasicCustomElement2(tagName) {
@@ -3476,33 +3814,33 @@ function createDOMPurify() {
       _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
       value = hookEvent.attrValue;
       if (SANITIZE_NAMED_PROPS && (lcName === "id" || lcName === "name") && stringIndexOf(value, SANITIZE_NAMED_PROPS_PREFIX) !== 0) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         value = SANITIZE_NAMED_PROPS_PREFIX + value;
       }
       if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         continue;
       }
       if (lcName === "attributename" && stringMatch(value, "href")) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         continue;
       }
       if (hookEvent.forceKeepAttr) {
         continue;
       }
       if (!hookEvent.keepAttr) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         continue;
       }
       if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(SELF_CLOSING_TAG, value)) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         continue;
       }
       if (SAFE_FOR_TEMPLATES) {
         value = _stripTemplateExpressions(value);
       }
       if (!_isValidAttribute(lcTag, lcName, value)) {
-        _removeAttribute(name, currentNode);
+        _removeAttribute(name, currentNode, attr);
         continue;
       }
       value = _applyTrustedTypesToAttribute(lcTag, lcName, namespaceURI, value);
@@ -3523,8 +3861,7 @@ function createDOMPurify() {
       if (_isDocumentFragment(shadowNode.content)) {
         _sanitizeShadowDOM2(shadowNode.content);
       }
-      const shadowNodeType = getNodeType ? getNodeType(shadowNode) : shadowNode.nodeType;
-      if (shadowNodeType === NODE_TYPE.element) {
+      if (_readNodeType(shadowNode) === NODE_TYPE.element) {
         const innerSr = getShadowRoot(shadowNode);
         if (_isDocumentFragment(innerSr)) {
           _sanitizeAttachedShadowRoots(innerSr);
@@ -3546,7 +3883,7 @@ function createDOMPurify() {
         continue;
       }
       const node = item.node;
-      const nodeType = getNodeType ? getNodeType(node) : node.nodeType;
+      const nodeType = _readNodeType(node);
       const isElement = nodeType === NODE_TYPE.element;
       const childNodes = getChildNodes(node);
       if (childNodes) {
@@ -3618,7 +3955,7 @@ function createDOMPurify() {
     const inPlace = IN_PLACE && typeof dirty !== "string" && _isNode(dirty);
     if (inPlace) {
       _neutralizePatchLinkage(dirty);
-      const nn2 = getNodeName ? getNodeName(dirty) : dirty.nodeName;
+      const nn2 = _readNodeName(dirty);
       if (typeof nn2 === "string") {
         const tagName = transformCaseFunc(nn2);
         if (!ALLOWED_TAGS2[tagName] || FORBID_TAGS[tagName]) {
@@ -3773,7 +4110,7 @@ function createDOMPurify() {
 }
 var purify = createDOMPurify();
 
-// node_modules/.pnpm/marked@18.0.9/node_modules/marked/lib/marked.esm.js
+// node_modules/.pnpm/marked@18.0.10/node_modules/marked/lib/marked.esm.js
 function C() {
   return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
 }
@@ -3789,7 +4126,7 @@ function A(l3) {
     return s || (s = l3(n), e[n] = s), s;
   };
 }
-function k(l3, e = "") {
+function d(l3, e = "") {
   let t = typeof l3 == "string" ? l3 : l3.source, n = { replace: (s, r) => {
     let i = typeof r == "string" ? r : r.source;
     return i = i.replace(m.caret, "$1"), t = t.replace(s, i), n;
@@ -3811,24 +4148,24 @@ var q = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
 var Pe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
 var U = / {0,3}(?:[*+-]|\d{1,9}[.)])/;
 var oe = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
-var ae = k(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
-var Se = k(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
+var ae = d(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
+var Se = d(oe).replace(/bull/g, U).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}(?:\s|$)/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
 var K = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table|[ \t]+\n)[^\n]+)*)/;
 var _e = /^[^\n]+/;
 var W = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/;
-var $e = k(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", W).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex();
-var Le = k(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g, U).getRegex();
+var $e = d(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", W).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex();
+var Le = d(/^(bull)([ \t][^\n]*?)?(?:\n|$)/).replace(/bull/g, U).getRegex();
 var Q = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";
 var X = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
-var Me = k("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n*|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n*|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", X).replace("tag", Q).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
-var le = (l3) => k(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~~~)[^\\n]*\\n").replace("list", l3).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex();
+var Me = d("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n*|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>[^\\n]*\\n*|$)|<![A-Z][\\s\\S]*?(?:>[^\\n]*\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>[^\\n]*\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", X).replace("tag", Q).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
+var le = (l3) => d(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", l3).replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex();
 var ze = le(/ {0,3}(?:[*+-]|1[.)])[ \t]+[^ \t\n]/);
 var Ee = le(/ {0,3}(?:[*+-]|\d{1,9}[.)])(?:[ \t]|\n|$)/);
-var Ce = k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ee).getRegex();
+var Ce = d(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ee).getRegex();
 var J = { blockquote: Ce, code: we, def: $e, fences: ye, heading: Pe, hr: q, html: Me, lheading: ae, list: Le, newline: Oe, paragraph: ze, table: z, text: _e };
-var se = k("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~~~)[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex();
-var Ae = { ...J, lheading: Se, table: se, paragraph: k(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", se).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~~~)[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex() };
-var Ie = { ...J, html: k(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", X).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: z, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: k(K).replace("hr", q).replace("heading", ` *#{1,6} *[^
+var se = d("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex();
+var Ae = { ...J, lheading: Se, table: se, paragraph: d(K).replace("hr", q).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", se).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*(?:\\n|$))|~~~)[^\\n]*(?:\\n|$)").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]+[^ \\t\\n]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", Q).getRegex() };
+var Ie = { ...J, html: d(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", X).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: z, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: d(K).replace("hr", q).replace("heading", ` *#{1,6} *[^
 ]`).replace("lheading", ae).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() };
 var Be = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
 var De = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
@@ -3837,42 +4174,42 @@ var qe = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}
 var _ = /[\p{P}\p{S}]/u;
 var I = /[\s\p{P}\p{S}]/u;
 var v = /[^\s\p{P}\p{S}]/u;
-var ve = k(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, I).getRegex();
+var ve = d(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, I).getRegex();
 var He = /[\p{Pi}\p{Ps}"']/u;
 var ue = /(?!~)[\p{P}\p{S}]/u;
 var Ze = /(?!~)[\s\p{P}\p{S}]/u;
 var Ge = /(?:[^\s\p{P}\p{S}]|~)/u;
-var Qe = k(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", Te ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex();
+var Qe = d(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", Te ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex();
 var ce = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/;
-var Ne = k(ce, "u").replace(/punct/g, _).getRegex();
-var je = k(ce, "u").replace(/punct/g, ue).getRegex();
+var Ne = d(ce, "u").replace(/punct/g, _).getRegex();
+var je = d(ce, "u").replace(/punct/g, ue).getRegex();
 var Fe = /^(?:\*+(?:((?!\*)(?!openQuote)punct)|([^\s*]))?)|^_+(?:((?!_)(?!openQuote)punct)|([^\s_]))?/;
-var Ue = k(Fe, "u").replace(/openQuote/g, He).replace(/punct/g, _).getRegex();
+var Ue = d(Fe, "u").replace(/openQuote/g, He).replace(/punct/g, _).getRegex();
 var he = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
-var Ke = k(he, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
-var We = k(he, "gu").replace(/notPunctSpace/g, Ge).replace(/punctSpace/g, Ze).replace(/punct/g, ue).getRegex();
+var Ke = d(he, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
+var We = d(he, "gu").replace(/notPunctSpace/g, Ge).replace(/punctSpace/g, Ze).replace(/punct/g, ue).getRegex();
 var Xe = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)[\\s](\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|(?:(?!\\*)punct|notPunctSpace)(\\*+)(?!\\*)(?=notPunctSpace)";
-var Je = k(Xe, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
-var Ve = k("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
+var Je = d(Xe, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
+var Ve = d("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
 var Ye = "^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)[\\s](_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)|(?:(?!_)punct|notPunctSpace)(_+)(?!_)(?=notPunctSpace)";
-var et = k(Ye, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
-var tt = k(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, _).getRegex();
+var et = d(Ye, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
+var tt = d(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, _).getRegex();
 var nt = "^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)";
-var rt = k(nt, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
-var st = k(/\\(punct)/, "gu").replace(/punct/g, _).getRegex();
-var it = k(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
-var ot = k(X).replace("(?:-->|$)", "-->").getRegex();
-var at = k("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", ot).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
+var rt = d(nt, "gu").replace(/notPunctSpace/g, v).replace(/punctSpace/g, I).replace(/punct/g, _).getRegex();
+var st = d(/\\(punct)/, "gu").replace(/punct/g, _).getRegex();
+var it = d(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
+var ot = d(X).replace("(?:-->|$)", "-->").getRegex();
+var at = d("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", ot).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
 var G = /(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/;
-var lt = k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", G).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
-var de = k(/^!?\[(label)\]\[(ref)\]/).replace("label", G).replace("ref", W).getRegex();
-var ke = k(/^!?\[(ref)\](?:\[\])?/).replace("ref", W).getRegex();
-var pt = k("reflink|nolink(?!\\()", "g").replace("reflink", de).replace("nolink", ke).getRegex();
+var lt = d(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", G).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]+|(?=\))/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
+var de = d(/^!?\[(label)\]\[(ref)\]/).replace("label", G).replace("ref", W).getRegex();
+var ke = d(/^!?\[(ref)\](?:\[\])?/).replace("ref", W).getRegex();
+var pt = d("reflink|nolink(?!\\()", "g").replace("reflink", de).replace("nolink", ke).getRegex();
 var ie = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/;
 var V = { _backpedal: z, anyPunctuation: st, autolink: it, blockSkip: Qe, br: pe, code: De, del: z, delLDelim: z, delRDelim: z, emStrongLDelim: Ne, emStrongRDelimAst: Ke, emStrongRDelimUnd: Ve, escape: Be, link: lt, nolink: ke, punctuation: ve, reflink: de, reflinkSearch: pt, tag: at, text: qe, url: z };
-var ut = { ...V, emStrongLDelim: Ue, emStrongRDelimAst: Je, emStrongRDelimUnd: et, link: k(/^!?\[(label)\]\((.*?)\)/).replace("label", G).getRegex(), reflink: k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", G).getRegex() };
-var F = { ...V, emStrongRDelimAst: We, emStrongLDelim: je, delLDelim: tt, delRDelim: rt, url: k(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", ie).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: k(/^(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", ie).getRegex() };
-var ct = { ...F, br: k(pe).replace("{2,}", "*").getRegex(), text: k(F.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
+var ut = { ...V, emStrongLDelim: Ue, emStrongRDelimAst: Je, emStrongRDelimUnd: et, link: d(/^!?\[(label)\]\((.*?)\)/).replace("label", G).getRegex(), reflink: d(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", G).getRegex() };
+var F = { ...V, emStrongRDelimAst: We, emStrongLDelim: je, delLDelim: tt, delRDelim: rt, url: d(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", ie).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: d(/^(`+|~+|[^`~])(?:(?=[`~])|(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", ie).getRegex() };
+var ct = { ...F, br: d(pe).replace("{2,}", "*").getRegex(), text: d(F.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
 var H = { normal: J, gfm: Ae, pedantic: Ie };
 var B = { normal: V, gfm: F, breaks: ct, pedantic: ut };
 var ht = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
@@ -4018,20 +4355,20 @@ ${u}` : u, r = r ? `${r}
 ${c}` : c;
         let h = this.lexer.state.top;
         if (this.lexer.state.top = true, this.lexer.blockTokens(c, i, true), this.lexer.state.top = h, n.length === 0) break;
-        let d = i.at(-1);
-        if (d?.type === "code") break;
-        if (d?.type === "blockquote") {
-          let T = d, g = n.join(`
+        let k = i.at(-1);
+        if (k?.type === "code") break;
+        if (k?.type === "blockquote") {
+          let T = k, g = n.join(`
 `), w = T.raw + `
 ` + g.replace(this.rules.other.blockquoteSetextReplace2, ""), M = this.blockquote(w);
           i[i.length - 1] = M, s = `${s}
 ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
           break;
-        } else if (d?.type === "list") {
-          let T = d, g = T.raw + `
+        } else if (k?.type === "list") {
+          let T = k, g = T.raw + `
 ` + n.join(`
 `), w = this.list(g);
-          i[i.length - 1] = w, s = s.substring(0, s.length - d.raw.length) + w.raw, r = r.substring(0, r.length - T.raw.length) + w.raw, n = g.substring(i.at(-1).raw.length).split(`
+          i[i.length - 1] = w, s = s.substring(0, s.length - k.raw.length) + w.raw, r = r.substring(0, r.length - T.raw.length) + w.raw, n = g.substring(i.at(-1).raw.length).split(`
 `);
           continue;
         }
@@ -4050,23 +4387,23 @@ ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
         if (!(t = i.exec(e)) || this.rules.block.hr.test(e)) break;
         u = t[0], e = e.substring(u.length);
         let h = me(t[2].split(`
-`, 1)[0], t[1].length), d = e.split(`
+`, 1)[0], t[1].length), k = e.split(`
 `, 1)[0], T = !h.trim(), g = 0;
-        if (this.options.pedantic ? (g = 2, c = h.trimStart()) : T ? g = t[1].length + 1 : (g = h.search(this.rules.other.nonSpaceChar), g = g > 4 ? 1 : g, c = h.slice(g), g += t[1].length), T && this.rules.other.blankLine.test(d) && (u += d + `
-`, e = e.substring(d.length + 1), a = true), !a) {
+        if (this.options.pedantic ? (g = 2, c = h.trimStart()) : T ? g = t[1].length + 1 : (g = h.search(this.rules.other.nonSpaceChar), g = g > 4 ? 1 : g, c = h.slice(g), g += t[1].length), T && this.rules.other.blankLine.test(k) && (u += k + `
+`, e = e.substring(k.length + 1), a = true), !a) {
           let w = this.rules.other.nextBulletRegex(g), M = this.rules.other.hrRegex(g), ne = this.rules.other.fencesBeginRegex(g), re = this.rules.other.headingBeginRegex(g), be = this.rules.other.htmlBeginRegex(g), Re = this.rules.other.blockquoteBeginRegex(g);
           for (; e; ) {
             let N = e.split(`
 `, 1)[0], D;
-            if (d = N, this.options.pedantic ? (d = d.replace(this.rules.other.listReplaceNesting, "  "), D = d) : D = d.replace(this.rules.other.tabCharGlobal, "    "), ne.test(d) || re.test(d) || be.test(d) || Re.test(d) || w.test(d) || M.test(d)) break;
-            if (D.search(this.rules.other.nonSpaceChar) >= g || !d.trim()) c += `
+            if (k = N, this.options.pedantic ? (k = k.replace(this.rules.other.listReplaceNesting, "  "), D = k) : D = k.replace(this.rules.other.tabCharGlobal, "    "), ne.test(k) || re.test(k) || be.test(k) || Re.test(k) || w.test(k) || M.test(k)) break;
+            if (D.search(this.rules.other.nonSpaceChar) >= g || !k.trim()) c += `
 ` + D.slice(g);
             else {
               if (T || h.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || ne.test(h) || re.test(h) || M.test(h)) break;
               c += `
-` + d;
+` + k;
             }
-            T = !d.trim(), u += N + `
+            T = !k.trim(), u += N + `
 `, e = e.substring(N.length + 1), h = D.slice(g);
           }
         }
@@ -4076,8 +4413,11 @@ ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
       if (p) p.raw = p.raw.trimEnd(), p.text = p.text.trimEnd();
       else return;
       r.raw = r.raw.trimEnd();
+      for (let a of r.items) if (this.lexer.state.top = false, a.tokens = this.lexer.blockTokens(a.text, []), !r.loose) {
+        let u = a.tokens.filter((h) => h.type === "space"), c = u.length > 0 && u.some((h) => this.rules.other.anyLine.test(h.raw));
+        r.loose = c;
+      }
       for (let a of r.items) {
-        this.lexer.state.top = false, a.tokens = this.lexer.blockTokens(a.text, []);
         let u = a.tokens[0];
         if (a.task && (u?.type === "text" || u?.type === "paragraph")) {
           a.text = a.text.replace(this.rules.other.listReplaceTask, ""), u.raw = u.raw.replace(this.rules.other.listReplaceTask, ""), u.text = u.text.replace(this.rules.other.listReplaceTask, "");
@@ -4091,10 +4431,6 @@ ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
             a.checked = h.checked, r.loose ? a.tokens[0] && ["paragraph", "text"].includes(a.tokens[0].type) && "tokens" in a.tokens[0] && a.tokens[0].tokens ? (a.tokens[0].raw = h.raw + a.tokens[0].raw, a.tokens[0].text = h.raw + a.tokens[0].text, a.tokens[0].tokens.unshift(h)) : a.tokens.unshift({ type: "paragraph", raw: h.raw, text: h.raw, tokens: [h] }) : a.tokens.unshift(h);
           }
         } else a.task && (a.task = false);
-        if (!r.loose) {
-          let c = a.tokens.filter((d) => d.type === "space"), h = c.length > 0 && c.some((d) => this.rules.other.anyLine.test(d.raw));
-          r.loose = h;
-        }
       }
       if (r.loose) for (let a of r.items) {
         a.loose = true;
@@ -4198,8 +4534,8 @@ ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
     let s = this.rules.inline.emStrongLDelim.exec(e);
     if (!s || !s[1] && !s[2] && !s[3] && !s[4] || s[4] && n.match(this.rules.other.unicodeAlphaNumeric)) return;
     if (!(s[1] || s[3] || "") || !n || this.rules.inline.punctuation.exec(n)) {
-      let i = [...s[0]].length - 1, o, p, a = i, u = 0, c = s[0][0], h = n === c, d = c === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
-      for (d.lastIndex = 0, t = t.slice(-1 * e.length + i); (s = d.exec(t)) !== null; ) {
+      let i = [...s[0]].length - 1, o, p, a = i, u = 0, c = s[0][0], h = n === c, k = c === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (k.lastIndex = 0, t = t.slice(-1 * e.length + i); (s = k.exec(t)) !== null; ) {
         if (o = s[1] || s[2] || s[3] || s[4] || s[5] || s[6], !o) continue;
         if (p = [...o].length, s[3] || s[4]) {
           a += p;
@@ -4247,8 +4583,8 @@ ${g}`, r = r.substring(0, r.length - T.text.length) + M.text;
         }
         if (a -= p, a > 0) continue;
         p = Math.min(p, p + a);
-        let c = [...s[0]][0].length, h = e.slice(0, i + s.index + c + p), d = h.slice(i, -i);
-        return { type: "del", raw: h, text: d, tokens: this.lexer.inlineTokens(d) };
+        let c = [...s[0]][0].length, h = e.slice(0, i + s.index + c + p), k = h.slice(i, -i);
+        return { type: "del", raw: h, text: k, tokens: this.lexer.inlineTokens(k) };
       }
     }
   }
@@ -4420,7 +4756,7 @@ var x = class l {
       let o = Object.keys(this.tokens.links);
       o.length > 0 && (n = n.replace(this.tokenizer.rules.inline.reflinkSearch, (p) => o.includes(p.slice(p.lastIndexOf("[") + 1, -1)) ? "[" + "a".repeat(p.length - 2) + "]" : p));
     }
-    n = n.replace(this.tokenizer.rules.inline.anyPunctuation, "++"), n = n.replace(this.tokenizer.rules.inline.blockSkip, (o, p, a) => {
+    n = n.replace(this.tokenizer.rules.inline.anyPunctuation, (o) => "+".repeat(o.length)), n = n.replace(this.tokenizer.rules.inline.blockSkip, (o, p, a) => {
       let u = a ? a.length : 0;
       return o.slice(0, u) + "[" + "a".repeat(o.length - u - 2) + "]";
     }), n = this.options.hooks?.emStrongMask?.call({ lexer: this }, n) ?? n;
@@ -4966,8 +5302,8 @@ var Z = class {
       if (i.hooks && (i.hooks.options = i, i.hooks.block = e), i.async) return (async () => {
         let p = i.hooks ? await i.hooks.preprocess(n) : n, u = await (i.hooks ? await i.hooks.provideLexer(e) : e ? x.lex : x.lexInline)(p, i), c = i.hooks ? await i.hooks.processAllTokens(u) : u;
         i.walkTokens && await Promise.all(this.walkTokens(c, i.walkTokens));
-        let d = await (i.hooks ? await i.hooks.provideParser(e) : e ? b.parse : b.parseInline)(c, i);
-        return i.hooks ? await i.hooks.postprocess(d) : d;
+        let k = await (i.hooks ? await i.hooks.provideParser(e) : e ? b.parse : b.parseInline)(c, i);
+        return i.hooks ? await i.hooks.postprocess(k) : k;
       })().catch(o);
       try {
         i.hooks && (n = i.hooks.preprocess(n));
@@ -5100,46 +5436,43 @@ function sanitizer() {
   }
   return purifier;
 }
-function renderMarkdown(text3, options) {
+function renderMarkdown(text4, options) {
   const allowImages = options?.allowImages === true;
-  const rendered = parser.parse(text3, { async: false });
+  const rendered = parser.parse(text4, { async: false });
   return sanitizer().sanitize(rendered, allowImages ? SANITIZE_CONFIG_WITH_IMAGES : SANITIZE_CONFIG).trim();
 }
 
 // src/ui/resize_handle.ts
 var MIN_WIDTH = 280;
 var MIN_HEIGHT = 240;
-function createResizeHandle(options) {
+var STEP2 = 16;
+var COARSE_STEP2 = 64;
+function createResizeHandle(grip, options) {
   const handle = document.createElement("div");
-  handle.className = "resize-handle";
-  handle.setAttribute("part", "resize-handle");
+  handle.className = `resize-handle resize-handle--${gripName(grip)}`;
+  handle.setAttribute("part", `resize-handle resize-handle-${gripName(grip)}`);
   handle.setAttribute("role", "separator");
+  if (grip.x === void 0) {
+    handle.setAttribute("aria-orientation", "horizontal");
+  } else if (grip.y === void 0) {
+    handle.setAttribute("aria-orientation", "vertical");
+  }
   handle.setAttribute("aria-label", options.label);
   handle.tabIndex = 0;
-  const sizeAt = (axis, anchor, rect, x2, y2) => {
-    const width = anchor.x === "right" ? rect.right - x2 : x2 - rect.left;
-    const clamped = { width: Math.max(MIN_WIDTH, width) };
-    if (axis !== "both") {
-      return clamped;
-    }
-    const height = anchor.y === "bottom" ? rect.bottom - y2 : y2 - rect.top;
-    return { ...clamped, height: Math.max(MIN_HEIGHT, height) };
-  };
   handle.addEventListener("pointerdown", (event) => {
     const axis = options.axis();
-    if (axis === "none") {
+    if (axis === "none" || !movable(grip, axis)) {
       return;
     }
-    const anchor = options.anchor();
     const rect = options.rect();
     const onMove = (move) => {
-      options.apply(sizeAt(axis, anchor, rect, move.clientX, move.clientY));
+      options.apply(boxAt(grip, axis, rect, move.clientX, move.clientY));
     };
     const onUp = (up) => {
       window.removeEventListener("pointermove", onMove);
       window.removeEventListener("pointerup", onUp);
       handle.removeAttribute("data-dragging");
-      options.commit(sizeAt(axis, anchor, rect, up.clientX, up.clientY));
+      options.commit(boxAt(grip, axis, rect, up.clientX, up.clientY));
     };
     handle.setAttribute("data-dragging", "true");
     window.addEventListener("pointermove", onMove);
@@ -5151,34 +5484,28 @@ function createResizeHandle(options) {
     if (pending === null) {
       return;
     }
-    const size = pending;
+    const box = pending;
     pending = null;
-    options.commit(size);
+    options.commit(box);
   };
   handle.addEventListener("keydown", (event) => {
     const axis = options.axis();
-    if (axis === "none") {
+    if (axis === "none" || !movable(grip, axis)) {
       return;
     }
-    const anchor = options.anchor();
+    const step = event.shiftKey ? COARSE_STEP2 : STEP2;
     const rect = options.rect();
-    const step = event.shiftKey ? 64 : 16;
-    const outward = anchor.x === "right" ? -1 : 1;
-    const width = rect.right - rect.left;
-    const height = rect.bottom - rect.top;
-    let next = null;
-    if (event.key === "ArrowLeft") {
-      next = { width: Math.max(MIN_WIDTH, width - step * outward) };
-    } else if (event.key === "ArrowRight") {
-      next = { width: Math.max(MIN_WIDTH, width + step * outward) };
-    } else if (axis === "both" && (event.key === "ArrowUp" || event.key === "ArrowDown")) {
-      const grow = event.key === (anchor.y === "bottom" ? "ArrowUp" : "ArrowDown");
-      next = { height: Math.max(MIN_HEIGHT, height + (grow ? step : -step)) };
+    const delta = ARROWS[event.key];
+    if (delta === void 0) {
+      return;
     }
-    if (next === null) {
+    if (delta.x !== 0 && grip.x === void 0 || delta.y !== 0 && grip.y === void 0) {
       return;
     }
     event.preventDefault();
+    const x2 = (grip.x === "left" ? rect.left : rect.right) + delta.x * step;
+    const y2 = (grip.y === "top" ? rect.top : rect.bottom) + delta.y * step;
+    const next = boxAt(grip, axis, rect, x2, y2);
     options.apply(next);
     pending = next;
   });
@@ -5186,6 +5513,26 @@ function createResizeHandle(options) {
   handle.addEventListener("blur", settle);
   return handle;
 }
+var ARROWS = {
+  ArrowLeft: { x: -1, y: 0 },
+  ArrowRight: { x: 1, y: 0 },
+  ArrowUp: { x: 0, y: -1 },
+  ArrowDown: { x: 0, y: 1 }
+};
+function gripName(grip) {
+  return [grip.y, grip.x].filter((side) => side !== void 0).join("-");
+}
+function movable(grip, axis) {
+  return axis === "both" || grip.x !== void 0;
+}
+function boxAt(grip, axis, rect, x2, y2) {
+  const left = grip.x === "left" ? Math.min(x2, rect.right - MIN_WIDTH) : rect.left;
+  const right = grip.x === "right" ? Math.max(x2, rect.left + MIN_WIDTH) : rect.right;
+  const vertical = axis === "both";
+  const top = vertical && grip.y === "top" ? Math.min(y2, rect.bottom - MIN_HEIGHT) : rect.top;
+  const bottom = vertical && grip.y === "bottom" ? Math.max(y2, rect.top + MIN_HEIGHT) : rect.bottom;
+  return { left, top, right, bottom };
+}
 
 // src/ui/reveal_words.ts
 function collectTextNodes(root, out) {
@@ -5223,7 +5570,7 @@ function wrapWords(root) {
 }
 
 // src/ui/run_notice.ts
-function renderRunNotice(icon, text3, kind) {
+function renderRunNotice(icon, text4, kind) {
   const notice = document.createElement("div");
   notice.className = `run-notice run-notice--${kind}`;
   notice.setAttribute("part", `run-notice run-notice-${kind}`);
@@ -5236,7 +5583,7 @@ function renderRunNotice(icon, text3, kind) {
   const label = document.createElement("span");
   label.className = "run-notice-text";
   label.setAttribute("part", "run-notice-text");
-  label.textContent = text3;
+  label.textContent = text4;
   notice.append(glyph, label);
   return notice;
 }
@@ -5492,6 +5839,30 @@ var STYLES = `
   --_text: var(--ag-ui-text, var(--_fg));
   --_surface: var(--ag-ui-surface, transparent);
 
+  /* Message action row: the control box and the mark inside it. The box has a
+     floor of 24px so it stays a reliable target at every density. */
+  --_action-size: var(--ag-ui-action-size, 28px);
+  --_action-icon-size: var(--ag-ui-action-icon-size, 15px);
+  --_tooltip-bg: var(--ag-ui-tooltip-bg, #1f2430);
+  --_tooltip-fg: var(--ag-ui-tooltip-fg, #f5f6fa);
+
+  /* Text and marks drawn on top of the accent and danger fills. Separate
+     tokens because they are not free: a host that themes the accent to a pale
+     colour has white-on-pale with no way to correct it, which is the one
+     theming change that makes a control unreadable rather than merely off. */
+  --_on-accent: var(--ag-ui-on-accent, #ffffff);
+  --_on-danger: var(--ag-ui-on-danger, #ffffff);
+
+  /* Resize grips: the corner squares and the edge strips between them. Wide
+     enough to hit without being wide enough to swallow a click on the content
+     underneath, and adjustable for a host with a coarser pointer. */
+  --_grip-corner: var(--ag-ui-grip-corner, 14px);
+  --_grip-edge: var(--ag-ui-grip-edge, 6px);
+  --_grip-edge-docked: var(--ag-ui-grip-edge-docked, 8px);
+  /* The mark drawn inside a grip, as opposed to the area it answers to. */
+  --_grip-mark-length: var(--ag-ui-grip-mark-length, 28px);
+  --_grip-mark-thickness: var(--ag-ui-grip-mark-thickness, 3px);
+
   /* Status accents for tool-call cards. */
   --_success: var(--ag-ui-success, #15803d);
   --_danger: var(--ag-ui-danger, #b91c1c);
@@ -5502,6 +5873,12 @@ var STYLES = `
   --_tool-icon-done: var(--ag-ui-tool-icon-done, "\u2713");
   --_tool-icon-error: var(--ag-ui-tool-icon-error, "\u2715");
   --_tool-icon-declined: var(--ag-ui-tool-icon-declined, "\u2298");
+
+  /* Disclosure marks on every expandable row. Tokenised for the same reason
+     the status icons above are: a host re-theming one set and not the other
+     ends up with two vocabularies in one transcript. */
+  --_disclosure-collapsed: var(--ag-ui-disclosure-collapsed, "\u25B8");
+  --_disclosure-expanded: var(--ag-ui-disclosure-expanded, "\u25BE");
   --_tool-spin-duration: var(--ag-ui-tool-spin-duration, 0.7s);
 
   /* Answer well (opt-in via data-answer-well) \u2014 boxes a whole assistant turn. */
@@ -5782,6 +6159,9 @@ var STYLES = `
   font: inherit;
   cursor: pointer;
   pointer-events: auto;
+  /* A touch drag on the launcher moves it; without this the page scrolls under
+     the finger instead and the launcher never moves at all. */
+  touch-action: none;
   opacity: 0;
   transform: scale(0.4);
   visibility: hidden;
@@ -5811,6 +6191,15 @@ var STYLES = `
   transform: scale(0.94);
 }
 
+/* A drag is a press and a hover at the same time, so both scale rules above are
+   live throughout it. Cancelling them is what keeps the launcher the size of
+   the thing under the pointer while it travels; the position itself comes from
+   inset, which nothing here transitions, so it tracks the pointer exactly. */
+:host([collapsed]) .launcher[data-dragging] {
+  transform: none;
+  cursor: grabbing;
+}
+
 .launcher .icon-holder {
   width: var(--_launcher-icon-size);
   height: var(--_launcher-icon-size);
@@ -6005,6 +6394,31 @@ var STYLES = `
   transform-origin: bottom left;
 }
 
+/* Once the launcher has been dragged the element places itself, and stamps the
+   corner it chose to open away from. The morph has to start at that same
+   corner: scaling out of the one the placement originally guessed reads as the
+   panel leaping across the screen before it opens.
+
+   Equal specificity to the placement rule above, so source order is what lets
+   the stamped value win -- the same arrangement the resize grip uses, and the
+   same trap. Write these with = on the whole hyphenated token; a ~= would match
+   whitespace-separated words and so could never match at all. */
+:host([data-expand-corner="top-left"]) .chat {
+  transform-origin: top left;
+}
+
+:host([data-expand-corner="top-right"]) .chat {
+  transform-origin: top right;
+}
+
+:host([data-expand-corner="bottom-left"]) .chat {
+  transform-origin: bottom left;
+}
+
+:host([data-expand-corner="bottom-right"]) .chat {
+  transform-origin: bottom right;
+}
+
 /* The two in-flow placements keep the original collapse: hide the body, let
    the host shrink to the header bar. */
 :host([collapsed]:is([placement="embedded"], [placement="page"])) {
@@ -6430,11 +6844,11 @@ var STYLES = `
 }
 
 .thoughts-toggle::before {
-  content: "\u25BE ";
+  content: var(--_disclosure-expanded) " ";
 }
 
 .thoughts-toggle[aria-expanded="false"]::before {
-  content: "\u25B8 ";
+  content: var(--_disclosure-collapsed) " ";
 }
 
 /* A gentle pulse on the label while reasoning is still streaming. */
@@ -6776,14 +7190,14 @@ var STYLES = `
 }
 
 .subagent-row::after {
-  content: "\u25B8";
+  content: var(--_disclosure-collapsed);
   flex: none;
   margin-left: auto;
   color: var(--_accent);
 }
 
 .subagent-row[aria-expanded="true"]::after {
-  content: "\u25BE";
+  content: var(--_disclosure-expanded);
 }
 
 .subagent-row:disabled::after {
@@ -6910,16 +7324,23 @@ var STYLES = `
 }
 
 .tool-call-toggle::before {
-  content: "\u25B8 ";
+  content: var(--_disclosure-collapsed) " ";
 }
 
 .tool-call-toggle[aria-expanded="true"]::before {
-  content: "\u25BE ";
+  content: var(--_disclosure-expanded) " ";
 }
 
-/* Resize handle: a corner grip on a floating panel, an edge grip on a docked
-   one. Absent entirely where the placement is full-bleed, since there is
-   nothing to drag. */
+/* Resize grips: every edge and every corner, so the panel can be dragged from
+   whichever side the reader is already near. Absent entirely where the
+   placement is full-bleed, since there is nothing to drag.
+
+   The whole set is always laid out. Which edges the *layout* pins is not a
+   question the stylesheet needs to answer any more -- it decided where the one
+   grip went, and there is no longer one grip. The element still measures and
+   stamps data-resize-anchor, because it decides what a drag on a pinned edge
+   costs in position and which grip carries the tab stop, but no rule here
+   reads it. */
 .resize-handle {
   position: absolute;
   z-index: 2;
@@ -6932,95 +7353,102 @@ var STYLES = `
   outline-offset: -2px;
 }
 
-/* The grip sits on the corner opposite the panel's anchor, because a resize
-   measures from whichever edge is not moving.
+/* Corners first in the file and last in the DOM, so they take the pointer
+   where they overlap an edge strip. */
+.resize-handle--top-left,
+.resize-handle--top-right,
+.resize-handle--bottom-left,
+.resize-handle--bottom-right {
+  width: var(--_grip-corner);
+  height: var(--_grip-corner);
+}
 
-   Default is floating: pinned bottom-right, so the grip is top-left. */
-.resize-handle {
+.resize-handle--top-left {
   top: 0;
   left: 0;
-  width: 14px;
-  height: 14px;
   cursor: nwse-resize;
 }
 
-/* Placement is only the opening guess, and these two rules are all it is good
-   for. Embedded sits in normal flow, pinned top-left, so it grows bottom-right;
-   bottom-left is pinned there, so its free corner is top-right. */
-:host([placement="embedded"]) .resize-handle {
-  top: auto;
-  left: auto;
+.resize-handle--top-right {
+  top: 0;
   right: 0;
-  bottom: 0;
-  cursor: nwse-resize;
+  cursor: nesw-resize;
 }
 
-:host([placement="bottom-left"]) .resize-handle {
-  left: auto;
-  right: 0;
+.resize-handle--bottom-left {
+  bottom: 0;
+  left: 0;
   cursor: nesw-resize;
 }
 
-/* Then the measurement corrects it. Which edges are held still belongs to the
-   host's layout, not to placement -- a floating panel a host right-aligns is
-   anchored bottom-left -- so the element measures them and stamps a single
-   hyphenated "<y>-<x>" token here. Equal specificity to the rules above, so
-   source order is what lets the measured value win.
-
-   Two traps, both of which silently draw the grip on the corner that moves:
-
-   Never write these as [data-resize-anchor~="left"]. The stamped value is one
-   hyphenated token and ~= matches whitespace-separated words, so it can never
-   match.
-
-   Each rule must set both sides of its axis, not only the side it moves, or it
-   cannot undo a placement guess that flipped the other way. */
-:host([data-resize-anchor$="-left"]) .resize-handle {
-  left: auto;
+.resize-handle--bottom-right {
+  bottom: 0;
   right: 0;
+  cursor: nwse-resize;
+}
+
+/* Edge strips, held clear of the corners at both ends so a corner drag is
+   never swallowed by the edge next to it. */
+.resize-handle--left,
+.resize-handle--right {
+  top: var(--_grip-corner);
+  bottom: var(--_grip-corner);
+  width: var(--_grip-edge);
+  cursor: ew-resize;
 }
 
-:host([data-resize-anchor$="-right"]) .resize-handle {
+.resize-handle--left {
   left: 0;
-  right: auto;
 }
 
-:host([data-resize-anchor^="top-"]) .resize-handle {
-  top: auto;
-  bottom: 0;
+.resize-handle--right {
+  right: 0;
 }
 
-:host([data-resize-anchor^="bottom-"]) .resize-handle {
-  top: 0;
-  bottom: auto;
+.resize-handle--top,
+.resize-handle--bottom {
+  left: var(--_grip-corner);
+  right: var(--_grip-corner);
+  height: var(--_grip-edge);
+  cursor: ns-resize;
 }
 
-/* One axis flipped means the drag runs along the other diagonal. */
-:host([data-resize-anchor="top-left"]) .resize-handle,
-:host([data-resize-anchor="bottom-right"]) .resize-handle {
-  cursor: nwse-resize;
+.resize-handle--top {
+  top: 0;
 }
 
-:host([data-resize-anchor="top-right"]) .resize-handle,
-:host([data-resize-anchor="bottom-left"]) .resize-handle {
-  cursor: nesw-resize;
+.resize-handle--bottom {
+  bottom: 0;
 }
 
-/* Docked: the placement owns the height, so only the inner edge is the user's --
-   an edge, not a corner, so this outranks the measured anchor by coming after. */
-:host([placement="sidebar"]) .resize-handle,
-:host([placement="side"]) .resize-handle {
-  top: 0;
-  bottom: auto;
-  width: 8px;
-  height: 100%;
-  cursor: ew-resize;
+/* Docked: the placement owns the height, so the horizontal edges and every
+   corner are inert and must not advertise a drag that does nothing. The two
+   vertical edges remain, which is the same affordance these placements had
+   when there was one grip -- now on both sides, since either may be the inner
+   one depending on which side the rail is docked to. */
+:host([placement="sidebar"]) .resize-handle--top,
+:host([placement="sidebar"]) .resize-handle--bottom,
+:host([placement="sidebar"]) .resize-handle--top-left,
+:host([placement="sidebar"]) .resize-handle--top-right,
+:host([placement="sidebar"]) .resize-handle--bottom-left,
+:host([placement="sidebar"]) .resize-handle--bottom-right,
+:host([placement="side"]) .resize-handle--top,
+:host([placement="side"]) .resize-handle--bottom,
+:host([placement="side"]) .resize-handle--top-left,
+:host([placement="side"]) .resize-handle--top-right,
+:host([placement="side"]) .resize-handle--bottom-left,
+:host([placement="side"]) .resize-handle--bottom-right {
+  display: none;
 }
 
-/* Docked to the left, so the inner edge is the right-hand one. */
-:host([placement="sidebar"][data-side="left"]) .resize-handle {
-  left: auto;
-  right: 0;
+/* The vertical edges run the full height once no corner shares them. */
+:host([placement="sidebar"]) .resize-handle--left,
+:host([placement="sidebar"]) .resize-handle--right,
+:host([placement="side"]) .resize-handle--left,
+:host([placement="side"]) .resize-handle--right {
+  top: 0;
+  bottom: 0;
+  width: var(--_grip-edge-docked);
 }
 
 /* Full-bleed: nothing to drag. */
@@ -7029,9 +7457,62 @@ var STYLES = `
   display: none;
 }
 
-.resize-handle[data-dragging] {
+/* The visible mark on a grip.
+
+   Filling the whole strip was what the single corner grip did, and at 14px
+   square nobody ever saw it. On a strip running the length of an edge the same
+   fill reads as a border the panel grew -- square ended, stopping short of the
+   corner radius at both ends, and easily mistaken for a rendering fault rather
+   than for something to grab.
+
+   So the hit area stays the full strip and the mark is a short pill centred on
+   it, which cannot be read as an edge of anything and never meets the radius.
+
+   It shows on hover and focus as well as during the drag. With eight grips, a
+   mark that appears only once you are already dragging is a mark that never
+   told anyone the grips were there. */
+.resize-handle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 999px;
   background: var(--_accent);
-  opacity: 0.35;
+  opacity: 0;
+  transition: opacity var(--_motion) var(--_ease);
+}
+
+.resize-handle--top::after,
+.resize-handle--bottom::after {
+  width: var(--_grip-mark-length);
+  height: var(--_grip-mark-thickness);
+}
+
+.resize-handle--left::after,
+.resize-handle--right::after {
+  width: var(--_grip-mark-thickness);
+  height: var(--_grip-mark-length);
+}
+
+/* A corner has no length to run along, so it gets a dot instead of a pill. */
+.resize-handle--top-left::after,
+.resize-handle--top-right::after,
+.resize-handle--bottom-left::after,
+.resize-handle--bottom-right::after {
+  width: var(--_grip-mark-thickness);
+  height: var(--_grip-mark-thickness);
+}
+
+.resize-handle:hover::after,
+.resize-handle:focus-visible::after {
+  opacity: 0.5;
+}
+
+/* Equal specificity to the pair above, so source order is what makes the drag
+   the stronger of the two states. */
+.resize-handle[data-dragging]::after {
+  opacity: 0.9;
 }
 
 /* \u2500\u2500 Composer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -7145,7 +7626,7 @@ var STYLES = `
   border: none;
   border-radius: 50%;
   background: var(--_accent);
-  color: #ffffff;
+  color: var(--_on-accent);
   font: inherit;
   line-height: 1;
   cursor: pointer;
@@ -7219,13 +7700,13 @@ var STYLES = `
 /* Recording: a red tint + a gentle pulse so it's clearly "live". */
 .voice-btn[data-state="recording"] {
   background: var(--_danger);
-  color: #ffffff;
+  color: var(--_on-danger);
   animation: ag-ui-voice-pulse 1.2s ease-in-out infinite;
 }
 
 .voice-btn[data-state="recording"]:hover {
   background: var(--_danger);
-  color: #ffffff;
+  color: var(--_on-danger);
 }
 
 @keyframes ag-ui-voice-pulse {
@@ -7515,7 +7996,7 @@ var STYLES = `
 .confirm-btn--confirm {
   border-color: var(--_accent);
   background: var(--_accent);
-  color: #ffffff;
+  color: var(--_on-accent);
 }
 
 /* The session waiver. Deliberately the quietest of the three: it is the widest
@@ -7583,16 +8064,29 @@ var STYLES = `
   margin-top: -6px;
 }
 
+/* The row's controls are icon-only, so the box is the whole target. Sized from
+   a variable a host can raise, with a floor rather than a fixed height: the
+   compact density shrinks the font, and a target that shrinks with it lands
+   under the 24px minimum that makes a control reliably tappable. It used to,
+   at roughly 20px square. */
 .message-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: var(--_action-size);
+  min-height: var(--_action-size);
+  padding: 4px;
   border: none;
   border-radius: 6px;
-  padding: 2px 6px;
   font: inherit;
   line-height: 1.2;
   cursor: pointer;
   background: transparent;
   color: var(--_muted);
   opacity: 0.75;
+  /* The tooltip below is positioned against this box. */
+  position: relative;
 }
 
 .message-action:hover,
@@ -7601,6 +8095,61 @@ var STYLES = `
   background: var(--_border);
 }
 
+.message-action-icon {
+  display: inline-flex;
+  width: var(--_action-icon-size);
+  height: var(--_action-icon-size);
+}
+
+.message-action-icon .glyph {
+  width: 100%;
+  height: 100%;
+}
+
+/* The label, drawn rather than left to the browser.
+
+   A title attribute is the usual answer and covers only half the readers: it
+   never appears on keyboard focus, so tabbing onto an icon-only control shows
+   nothing at all. The attribute stays for the pointer users who expect it, and
+   this shows the same words on hover and on focus alike.
+
+   Left-aligned rather than centred because the row sits at the left edge of an
+   answer inside a scrolling column, and a centred tooltip on the first control
+   is clipped by that column. Growing rightward keeps it inside.
+
+   Not exposed to assistive technology: the button already carries the same
+   string as its accessible name, and this would be a second copy of it. */
+.message-action::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: calc(100% + 4px);
+  left: 0;
+  z-index: 3;
+  padding: 3px 6px;
+  border-radius: 4px;
+  background: var(--_tooltip-bg);
+  color: var(--_tooltip-fg);
+  font-size: 11px;
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity var(--_motion) var(--_ease);
+}
+
+.message-action:hover::after,
+.message-action:focus-visible::after {
+  opacity: 1;
+}
+
+/* Touch has no hover to reveal it, and a tooltip that latches open under a
+   finger covers the answer it belongs to. */
+@media (hover: none) {
+  .message-action::after {
+    content: none;
+  }
+}
+
 .message-action[aria-pressed="true"] {
   opacity: 1;
   color: var(--_accent);
@@ -7658,7 +8207,7 @@ var STYLES = `
 .approval-btn--approve {
   border-color: var(--_accent);
   background: var(--_accent);
-  color: #ffffff;
+  color: var(--_on-accent);
 }
 
 /* Question card \u2014 the built-in ask_user prompt (radios and/or free text). */
@@ -7724,7 +8273,7 @@ var STYLES = `
   font-weight: 600;
   cursor: pointer;
   background: var(--_accent);
-  color: #ffffff;
+  color: var(--_on-accent);
 }
 
 .question-btn:disabled {
@@ -7993,7 +8542,7 @@ var STYLES = `
   font-weight: 600;
   border-color: var(--_accent);
   background: var(--_accent);
-  color: #ffffff;
+  color: var(--_on-accent);
 }
 
 .checkpoint-fork:hover {
@@ -8168,7 +8717,7 @@ var STYLES = `
   border: none;
   border-radius: 6px;
   background: var(--_danger);
-  color: #ffffff;
+  color: var(--_on-danger);
   padding: 3px 10px;
   font: inherit;
   cursor: pointer;
@@ -8201,6 +8750,17 @@ var STYLES = `
 var SubAgentPanel = class {
   /** The panel's root; append this into the delegating card's slot. */
   element;
+  /**
+   * The child agent's name, as the last update that carried one gave it.
+   *
+   * Read back rather than only written to the DOM, because the two carriers
+   * split the name away from the close: `SUBAGENT_STARTED` names the agent and
+   * `SUBAGENT_FINISHED` carries only an id, so whoever words the closing line
+   * has to recover the name from what the delegation already told it.
+   */
+  get agent() {
+    return this.#agent;
+  }
   /**
    * The collapsed row, which is the expander as well as the status.
    *
@@ -8213,6 +8773,7 @@ var SubAgentPanel = class {
   #steps;
   /** The child's tool calls, keyed by the child's own call id. */
   #stepRows = /* @__PURE__ */ new Map();
+  #agent = null;
   constructor(strings = DEFAULT_UI_STRINGS) {
     this.element = document.createElement("div");
     this.element.className = "subagent";
@@ -8254,6 +8815,7 @@ var SubAgentPanel = class {
   report(update) {
     this.element.setAttribute("data-phase", update.phase);
     if (update.agent !== null) {
+      this.#agent = update.agent;
       this.element.setAttribute("data-agent", update.agent);
     }
     if (update.status !== null) {
@@ -8732,11 +9294,11 @@ function resultLabels(strings) {
     [TOOL_CALL_STATUS.DECLINED]: strings.declinedLabel
   };
 }
-function formatPayload(text3) {
+function formatPayload(text4) {
   try {
-    return JSON.stringify(JSON.parse(text3), null, 2);
+    return JSON.stringify(JSON.parse(text4), null, 2);
   } catch {
-    return text3;
+    return text4;
   }
 }
 var ToolCallCard = class {
@@ -8885,7 +9447,7 @@ var ToolCallCard = class {
    * Flip the status pill to `status` and fill in the result region, whose
    * heading names the outcome (result / error / declined).
    */
-  settle(status, text3) {
+  settle(status, text4) {
     if (this.#settled) {
       return;
     }
@@ -8895,8 +9457,8 @@ var ToolCallCard = class {
     this.#resultLabel.textContent = resultLabels(this.#strings)[status];
     this.#renderPayload(
       this.#resultBody,
-      { kind: "result", toolName: this.#name, status, text: text3 },
-      formatPayload(text3)
+      { kind: "result", toolName: this.#name, status, text: text4 },
+      formatPayload(text4)
     );
     this.#resultSection.hidden = false;
   }
@@ -9056,7 +9618,7 @@ var VoiceInput = class {
     this.#setState("transcribing");
     const audio = new Blob(this.#chunks, { type: mimeType || "audio/webm" });
     try {
-      const text3 = await this.#transcribe(audio);
+      const text4 = await this.#transcribe(audio);
       this.#setState("idle");
       if (this.#hitCap) {
         this.element.title = this.#strings.recordingLimit.replace(
@@ -9064,8 +9626,8 @@ var VoiceInput = class {
           String(MAX_RECORDING_MS / 6e4)
         );
       }
-      if (text3 !== "") {
-        this.#onText(text3);
+      if (text4 !== "") {
+        this.#onText(text4);
       }
     } catch (error) {
       this.#fail(error instanceof Error ? error.message : this.#strings.transcriptionFailed);
@@ -9398,6 +9960,22 @@ var AgUiClient = class {
       onCustomEvent({ event }) {
         h.onCustomEvent(event.name, event.value);
       },
+      // The delegation lifecycle. Forwarded rather than interpreted here, for
+      // the reason every other subscriber in this block is thin: this file
+      // adapts the protocol to the handler surface, and what a delegation looks
+      // like on screen is the element's business.
+      //
+      // `parentToolCallId` is optional on the wire and normalised to `null` so
+      // the handler has one absent-value to check rather than two.
+      onSubagentStartedEvent({ event }) {
+        h.onSubAgentStarted(event.subagentRunId, event.name, event.parentToolCallId ?? null);
+      },
+      onSubagentFinishedEvent({ event }) {
+        h.onSubAgentFinished(event.subagentRunId);
+      },
+      onSubagentErrorEvent({ event }) {
+        h.onSubAgentError(event.subagentRunId, event.message);
+      },
       onMessagesSnapshotEvent({ event }) {
         h.onMessagesSnapshot(event.messages);
       },
@@ -9679,9 +10257,9 @@ function isOwnedSuffix(suffix) {
 function deriveTitle(messages) {
   for (const message of messages) {
     if (message.role === "user") {
-      const text3 = cleanText(message.content);
-      if (text3 !== "") {
-        return truncate(text3, TITLE_LIMIT);
+      const text4 = cleanText(message.content);
+      if (text4 !== "") {
+        return truncate(text4, TITLE_LIMIT);
       }
     }
   }
@@ -9689,9 +10267,9 @@ function deriveTitle(messages) {
 }
 function derivePreview(messages) {
   for (const message of [...messages].reverse()) {
-    const text3 = cleanText(message.content);
-    if (text3 !== "") {
-      return truncate(text3, PREVIEW_LIMIT);
+    const text4 = cleanText(message.content);
+    if (text4 !== "") {
+      return truncate(text4, PREVIEW_LIMIT);
     }
   }
   return "";
@@ -9699,8 +10277,8 @@ function derivePreview(messages) {
 function cleanText(content) {
   return typeof content === "string" ? content.replace(/\s+/g, " ").trim() : "";
 }
-function truncate(text3, limit) {
-  return text3.length <= limit ? text3 : `${text3.slice(0, limit - 1).trimEnd()}\u2026`;
+function truncate(text4, limit) {
+  return text4.length <= limit ? text4 : `${text4.slice(0, limit - 1).trimEnd()}\u2026`;
 }
 
 // src/core/create_http_agent.ts
@@ -10104,6 +10682,18 @@ function isCredentialsMode(value) {
 var COLLAPSED_KEY = "ag-ui-chat:collapsed";
 var SIZE_KEY = "ag-ui-chat:size";
 var THEME_KEY = "ag-ui-chat:theme";
+var LAUNCHER_KEY = "ag-ui-chat:launcher";
+var DRAGGABLE_PLACEMENTS = /* @__PURE__ */ new Set([null, "", "floating", "bottom-left"]);
+var RESIZE_GRIPS = [
+  { y: "top" },
+  { y: "bottom" },
+  { x: "left" },
+  { x: "right" },
+  { x: "left", y: "top" },
+  { x: "right", y: "top" },
+  { x: "left", y: "bottom" },
+  { x: "right", y: "bottom" }
+];
 var QUOTE_GAP = 6;
 var CLAIMED_NAMESPACES = /* @__PURE__ */ new Set();
 var AgUiChat = class extends HTMLElement {
@@ -10380,6 +10970,17 @@ var AgUiChat = class extends HTMLElement {
    * approval prompt already uses.
    */
   #subagentPanels = /* @__PURE__ */ new Map();
+  /**
+   * Which delegation each live `subagentRunId` belongs to.
+   *
+   * The protocol's closing events -- `SUBAGENT_FINISHED` and `SUBAGENT_ERROR`
+   * -- carry the child's run id and nothing else, while everything drawn here
+   * is keyed on the parent's `delegate_task` call id. `SUBAGENT_STARTED` is the
+   * one event carrying both, so the pairing is recorded there and read back on
+   * the close. A close naming a run this never saw open is dropped, which is
+   * the same refusal a step for an undrawn card gets.
+   */
+  #subagentRunDelegations = /* @__PURE__ */ new Map();
   /**
    * Call ids whose card was already settled from a streamed server-side result
    * (`TOOL_CALL_RESULT`), so the post-run executeTool sweep doesn't overwrite
@@ -10504,6 +11105,32 @@ var AgUiChat = class extends HTMLElement {
   #emptyWrap;
   /** Upload tray; created on connect only when `data-attachments-url` is set. */
   #attachTray = null;
+  /**
+   * Where the user dragged the launcher, in viewport coordinates, or null
+   * while the host's own CSS still places it. Set means this element owns its
+   * position -- see #applyLauncherPlacement for what that costs the host.
+   */
+  #launcherPos = null;
+  /**
+   * The corner the panel opens away from, once this element is placing itself.
+   * Null means the host's layout still decides, and the anchor is measured.
+   */
+  #expandCorner = null;
+  /**
+   * The edges the layout is holding still, as last measured. Cached because a
+   * resize reads it per pointer move and measuring forces a reflow -- thirty a
+   * second while the panel is already being laid out on every one of them.
+   */
+  #anchor = { x: "right", y: "bottom" };
+  /** The eight grips, by name, so the keyboard-reachable one can be moved. */
+  #resizeHandles = /* @__PURE__ */ new Map();
+  /**
+   * Re-clamp the dragged launcher when the window changes size. Bound once as
+   * a field so `removeEventListener` on disconnect gets the same reference.
+   */
+  #onViewportResize = () => {
+    this.#restoreLauncherPosition();
+  };
   /** Mic button mount point (input row); the control mounts on connect when enabled. */
   #voiceSlot;
   /** Voice-input control; created on connect when transcription is available. */
@@ -10712,6 +11339,7 @@ var AgUiChat = class extends HTMLElement {
     }
     if (name === "placement") {
       this.#releaseOwnedAxes();
+      this.#releaseLauncherPosition();
       requestAnimationFrame(() => this.#syncResizeAnchor());
       return;
     }
@@ -11059,7 +11687,10 @@ var AgUiChat = class extends HTMLElement {
   connectedCallback() {
     this.#storageNs = this.#claimNamespace();
     this.#applySize(this.#readSize());
-    requestAnimationFrame(() => this.#syncResizeAnchor());
+    requestAnimationFrame(() => {
+      this.#restoreLauncherPosition();
+      this.#syncResizeAnchor();
+    });
     this.#strings = mergeUiStrings({ ...this.#readStringOverrides(), ...this.strings });
     if (this.getAttribute("data-theme-toggle") !== null) {
       const saved = this.#readScopedItem(THEME_KEY);
@@ -11080,6 +11711,7 @@ var AgUiChat = class extends HTMLElement {
       this.#builtinStore = namespace === "" ? this.conversationStore : new SessionStorageStore(namespace);
       this.conversationStore = this.#builtinStore;
     }
+    window.addEventListener("resize", this.#onViewportResize);
     this.#wireThreadStore();
     this.#wireAttachments();
     this.#wireVoice();
@@ -11142,6 +11774,7 @@ var AgUiChat = class extends HTMLElement {
    */
   disconnectedCallback() {
     this.#connected = false;
+    window.removeEventListener("resize", this.#onViewportResize);
     if (this.#claimedNs !== null) {
       CLAIMED_NAMESPACES.delete(this.#claimedNs);
       this.#claimedNs = null;
@@ -11214,6 +11847,7 @@ var AgUiChat = class extends HTMLElement {
     this.#fileInput.accept = accept;
     this.#attachButton.hidden = false;
     this.#enableDragAndDrop();
+    this.#enablePaste();
   }
   /** The built-in multipart upload handler for `data-attachments-url`, or `null`. */
   #defaultUploadHandler(url) {
@@ -11243,7 +11877,7 @@ var AgUiChat = class extends HTMLElement {
     }
     this.#voice = new VoiceInput({
       transcribe,
-      onText: (text3) => this.#insertVoiceText(text3),
+      onText: (text4) => this.#insertVoiceText(text4),
       strings: this.#strings
     });
     this.#voiceSlot.appendChild(this.#voice.element);
@@ -11260,9 +11894,9 @@ var AgUiChat = class extends HTMLElement {
     });
   }
   /** Drop a voice transcript into the composer (appended to any typed text). */
-  #insertVoiceText(text3) {
+  #insertVoiceText(text4) {
     const current = this.#input.value.trim();
-    this.#input.value = current === "" ? text3 : `${current} ${text3}`;
+    this.#input.value = current === "" ? text4 : `${current} ${text4}`;
     this.#onInput();
     this.#input.focus();
   }
@@ -11280,8 +11914,8 @@ var AgUiChat = class extends HTMLElement {
    *
    * No-ops on text that is empty or only whitespace.
    */
-  quote(text3) {
-    const quoted = asQuote(text3);
+  quote(text4) {
+    const quoted = asQuote(text4);
     if (quoted === "") {
       return;
     }
@@ -11320,7 +11954,7 @@ ${quoted}`;
       within,
       label: this.#strings.quoteSelection,
       exclude: this,
-      onQuote: (text3) => this.quote(text3)
+      onQuote: (text4) => this.quote(text4)
     });
     this.#pageQuote = offer;
     return () => {
@@ -11448,6 +12082,37 @@ ${quoted}`;
       }
     });
   }
+  /**
+   * Accept files pasted into the composer.
+   *
+   * The whole tray already exists behind this: a paste is one more way to hand
+   * it a `File`, alongside the picker and a drop.
+   *
+   * Two rules keep it from stealing a paste that was never about files.
+   * `clipboardData.files` is empty for text, so ordinary pasting is untouched.
+   * And the default is only prevented when the clipboard carries **no text**:
+   * copying a rich selection that happens to contain an image puts both on the
+   * clipboard, and swallowing the words someone meant to paste in order to
+   * attach a picture they did not is the worse of the two failures.
+   */
+  #enablePaste() {
+    this.#chat.addEventListener("paste", (event) => {
+      const clipboard = event.clipboardData ?? null;
+      if (clipboard === null) {
+        return;
+      }
+      const files = Array.from(clipboard.files);
+      if (files.length === 0) {
+        return;
+      }
+      if (clipboard.getData("text/plain") === "") {
+        event.preventDefault();
+      }
+      for (const file of files) {
+        this.#attachTray?.add(named(file));
+      }
+    });
+  }
   /**
    * When `data-threads-url` is set, route thread enumeration / load / rename /
    * delete through that server endpoint (wrapping the current store as the
@@ -11555,18 +12220,18 @@ ${quoted}`;
       void this.sendMessage(`/${skill.name}`);
       return;
     }
-    const { text: text3, missing } = fillTemplate(skill.prompt, this.skillContext());
+    const { text: text4, missing } = fillTemplate(skill.prompt, this.skillContext());
     if (missing.length > 0) {
       this.#skillHint.textContent = this.#strings.skillNeeds.replace("{title}", skill.title).replace("{fields}", missing.join(", "));
       this.#skillHint.hidden = false;
-      this.#input.value = text3;
+      this.#input.value = text4;
       this.#autoGrow();
       this.#input.focus();
-      this.#selectFirstPlaceholder(text3);
+      this.#selectFirstPlaceholder(text4);
       return;
     }
     this.#skillHint.hidden = true;
-    this.#input.value = text3;
+    this.#input.value = text4;
     this.#autoGrow();
     if (skill.sendImmediately === false) {
       this.#input.focus();
@@ -11580,9 +12245,9 @@ ${quoted}`;
    * Typing then replaces it, which is the shortest path from "this skill needs
    * a topic" to a sendable prompt.
    */
-  #selectFirstPlaceholder(text3) {
-    const start = text3.indexOf("{");
-    this.#input.setSelectionRange(start, text3.indexOf("}", start) + 1);
+  #selectFirstPlaceholder(text4) {
+    const start = text4.indexOf("{");
+    this.#input.setSelectionRange(start, text4.indexOf("}", start) + 1);
   }
   /** Whether the widget is collapsed (reflected as the `collapsed` attribute). */
   get collapsed() {
@@ -11599,6 +12264,9 @@ ${quoted}`;
    * its own chrome.
    */
   setCollapsed(collapsed) {
+    if (!collapsed) {
+      this.#restoreLauncherPosition();
+    }
     if (collapsed) {
       this.setAttribute("collapsed", "");
     } else {
@@ -11671,13 +12339,32 @@ ${quoted}`;
     const before = this.getBoundingClientRect();
     const width = this.style.getPropertyValue("--ag-ui-width");
     const height = this.style.getPropertyValue("--ag-ui-height");
-    this.#applySize({ width: before.width + 1, height: before.height + 1 });
-    const after = this.getBoundingClientRect();
+    const shrunk = this.#probeAnchor(before, -1);
+    const grown = shrunk.x === null || shrunk.y === null ? this.#probeAnchor(before, 1) : shrunk;
     this.#restoreProperty("--ag-ui-width", width);
     this.#restoreProperty("--ag-ui-height", height);
     return {
-      x: Math.abs(after.left - before.left) < 0.5 ? "left" : "right",
-      y: Math.abs(after.top - before.top) < 0.5 ? "top" : "bottom"
+      // Neither direction moved it: the axis cannot be resized at all, so the
+      // floating default is the best answer available and is the one the
+      // stylesheet would have used with no measurement at all.
+      x: shrunk.x ?? grown.x ?? "right",
+      y: shrunk.y ?? grown.y ?? "bottom"
+    };
+  }
+  /**
+   * Which edge each axis holds still when the panel changes size by `delta`.
+   *
+   * Null for an axis whose size did not change: nothing moved, so nothing was
+   * learned, and reporting the unmoved edge as the pinned one would be exactly
+   * backwards.
+   */
+  #probeAnchor(before, delta) {
+    this.#applySize({ width: before.width + delta, height: before.height + delta });
+    const after = this.getBoundingClientRect();
+    const moved = (a, b2) => Math.abs(a - b2) >= 0.5;
+    return {
+      x: moved(after.width, before.width) ? moved(after.left, before.left) ? "right" : "left" : null,
+      y: moved(after.height, before.height) ? moved(after.top, before.top) ? "bottom" : "top" : null
     };
   }
   /** Stamp the measured anchor so the shadow CSS can place the grip. */
@@ -11685,8 +12372,10 @@ ${quoted}`;
     if (!this.#connected) {
       return;
     }
-    const anchor = this.#measureAnchor();
+    const anchor = this.#expandCorner ?? this.#measureAnchor();
+    this.#anchor = anchor;
     this.setAttribute("data-resize-anchor", `${anchor.y}-${anchor.x}`);
+    this.#focusableGrip();
   }
   /** Put a custom property back to a previous value, or remove it if there was none. */
   #restoreProperty(name, value) {
@@ -11735,6 +12424,203 @@ ${quoted}`;
       this.style.removeProperty("--ag-ui-width");
     }
   }
+  /**
+   * Whether this placement lets the launcher be dragged, read per interaction
+   * because `placement` is a live attribute. `data-launcher-drag="false"` opts
+   * a host out without giving up the launcher itself.
+   */
+  #launcherDraggable() {
+    return this.getAttribute("data-launcher-drag") !== "false" && DRAGGABLE_PLACEMENTS.has(this.getAttribute("placement"));
+  }
+  /** The viewport the launcher and the panel both have to fit inside. */
+  #viewport() {
+    return { width: window.innerWidth, height: window.innerHeight };
+  }
+  /**
+   * The launcher's box in viewport coordinates, with its transform divided out.
+   *
+   * The launcher is scaled in four states -- the collapse animation, hover,
+   * press, and the resting scale(0.4) it sits at while the panel is open -- and
+   * `getBoundingClientRect` reports every one of them. A drag that started from
+   * that rect would begin a couple of pixels off, because a press is one of
+   * those states.
+   *
+   * So the size comes from `offsetWidth`/`offsetHeight`, which are layout
+   * metrics no transform reaches, and the position from the rect's *centre*,
+   * which a centred scale is the one point that cannot move.
+   */
+  #launcherBox() {
+    const width = this.#launcher.offsetWidth;
+    const height = this.#launcher.offsetHeight;
+    const dragged = this.#launcherPos;
+    if (dragged !== null) {
+      return { left: dragged.left, top: dragged.top, width, height };
+    }
+    const rect = this.#launcher.getBoundingClientRect();
+    return {
+      left: rect.left + rect.width / 2 - width / 2,
+      top: rect.top + rect.height / 2 - height / 2,
+      width,
+      height
+    };
+  }
+  /**
+   * Place the host box and the launcher for the position the user dragged to.
+   *
+   * This writes `--ag-ui-inset`, which is a host-facing property: an inline
+   * value outranks the page's own rule for it, exactly as a dragged width
+   * outranks a placement's. That is the intent -- the user moved it -- and it
+   * is why switching to a placement that owns its position hands the property
+   * back rather than leaving a stale inline one behind.
+   */
+  #applyLauncherPlacement(at2) {
+    if (!this.#launcherDraggable()) {
+      return;
+    }
+    this.#launcherPos = at2;
+    const panel = this.getBoundingClientRect();
+    const placement = launcherPlacement(
+      this.#launcherBox(),
+      { width: panel.width, height: panel.height },
+      this.#viewport()
+    );
+    this.style.setProperty("--ag-ui-inset", placement.hostInset);
+    this.style.setProperty("--ag-ui-launcher-inset", placement.launcherInset);
+    this.#expandCorner = placement.corner;
+    this.setAttribute("data-expand-corner", `${placement.corner.y}-${placement.corner.x}`);
+    this.#syncResizeAnchor();
+  }
+  /** Move the launcher live during a drag, without persisting. */
+  #moveLauncher(left, top) {
+    this.#applyLauncherPlacement({ left, top });
+  }
+  /** Move the launcher and remember where, per tab, like the dragged size. */
+  #commitLauncher(left, top) {
+    this.#moveLauncher(left, top);
+    this.#storeLauncherPosition();
+  }
+  /** Write the current launcher position, if this element owns one. */
+  #storeLauncherPosition() {
+    const position = this.#launcherPos;
+    if (position === null) {
+      return;
+    }
+    writeStoredItem(this.#storageKey(LAUNCHER_KEY), JSON.stringify(position));
+  }
+  /**
+   * Re-apply the dragged position against the current viewport: on connect,
+   * whenever the window resizes, and before an expand. The viewport that
+   * stored a position may since have shrunk, and a launcher past the edge is
+   * unreachable -- it is the only way back to a collapsed conversation.
+   */
+  #restoreLauncherPosition() {
+    const stored = this.#launcherPos ?? this.#readLauncherPosition();
+    if (stored === null) {
+      return;
+    }
+    const box = this.#launcherBox();
+    this.#applyLauncherPlacement(
+      clampLauncher({ ...box, left: stored.left, top: stored.top }, this.#viewport())
+    );
+  }
+  /** The persisted launcher position for this instance, or null. */
+  #readLauncherPosition() {
+    const raw = this.#readScopedItem(LAUNCHER_KEY);
+    if (raw === null) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(raw);
+      if (typeof parsed !== "object" || parsed === null) {
+        return null;
+      }
+      const { left, top } = parsed;
+      return typeof left === "number" && typeof top === "number" ? { left, top } : null;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Give the position back to the host when the new placement owns it, the way
+   * #releaseOwnedAxes gives back a size. Without this a dragged inset survives
+   * the switch inline and pins a sidebar to wherever the floating launcher was.
+   */
+  #releaseLauncherPosition() {
+    if (this.#launcherDraggable()) {
+      return;
+    }
+    this.#launcherPos = null;
+    this.#expandCorner = null;
+    this.style.removeProperty("--ag-ui-inset");
+    this.style.removeProperty("--ag-ui-launcher-inset");
+    this.removeAttribute("data-expand-corner");
+  }
+  /**
+   * Apply the box a grip is asking for.
+   *
+   * The size is the easy half. The other half is that **dragging the edge the
+   * layout is holding still moves the panel as well as resizing it**, and the
+   * layout cannot express that on its own: a floating panel pinned bottom-right
+   * cannot grow rightward, because its right edge is what the placement fixed.
+   * So a grip on a pinned edge takes the position over -- which is the same
+   * ownership the launcher drag takes, written the same way.
+   *
+   * A grip on a free edge writes nothing but the size, exactly as before, so a
+   * host positioning the panel with its own rule keeps that rule until someone
+   * drags the edge it was holding.
+   */
+  #applyResize(grip, box) {
+    this.#applySize({ width: box.right - box.left, height: box.bottom - box.top });
+    if (grip.x !== this.#anchor.x && grip.y !== this.#anchor.y) {
+      return;
+    }
+    const viewport = this.#viewport();
+    const anchor = this.#anchor;
+    const side = (value) => `${Math.round(value)}px`;
+    this.style.setProperty(
+      "--ag-ui-inset",
+      [
+        anchor.y === "top" ? side(box.top) : "auto",
+        anchor.x === "right" ? side(viewport.width - box.right) : "auto",
+        anchor.y === "bottom" ? side(viewport.height - box.bottom) : "auto",
+        anchor.x === "left" ? side(box.left) : "auto"
+      ].join(" ")
+    );
+    if (this.#launcherPos !== null) {
+      const size = this.#launcher.offsetWidth;
+      this.#launcherPos = {
+        left: anchor.x === "left" ? box.left : box.right - size,
+        top: anchor.y === "top" ? box.top : box.bottom - size
+      };
+    }
+  }
+  /** Finish a resize: keep the box, remember it, and re-read the pinned edges. */
+  #commitResize(grip, box) {
+    this.#applyResize(grip, box);
+    this.#persistSize({ width: box.right - box.left, height: box.bottom - box.top });
+    this.#storeLauncherPosition();
+    this.#syncResizeAnchor();
+  }
+  /**
+   * Put the tab stop on the grip diagonally opposite the pinned corner.
+   *
+   * That is the corner a resize grows the panel from, so an arrow key there
+   * changes the size and never the position -- the behaviour the single grip
+   * this replaced had, kept for the one path that cannot simply grab a
+   * different edge.
+   */
+  #focusableGrip() {
+    const free = `${this.#anchor.y === "top" ? "bottom" : "top"}-${this.#anchor.x === "left" ? "right" : "left"}`;
+    for (const [name, handle] of this.#resizeHandles) {
+      const reachable = name === free;
+      handle.tabIndex = reachable ? 0 : -1;
+      if (reachable) {
+        handle.removeAttribute("aria-hidden");
+      } else {
+        handle.setAttribute("aria-hidden", "true");
+      }
+    }
+  }
   /** Persist a dragged size per tab, alongside the collapsed/theme preferences. */
   #persistSize(size) {
     const stored = { ...this.#readSize(), ...size };
@@ -11955,6 +12841,7 @@ ${quoted}`;
     this.#hidePending();
     this.#toolCards.clear();
     this.#subagentPanels.clear();
+    this.#subagentRunDelegations.clear();
     this.#serverSettled.clear();
     this.#cardElements.clear();
     this.#activityBlocks.clear();
@@ -12102,11 +12989,11 @@ ${quoted}`;
    * the full transcript — tool calls and their results — not just the prose.
    */
   #renderHistoricMessage(message) {
-    const text3 = typeof message.content === "string" ? message.content : "";
+    const text4 = typeof message.content === "string" ? message.content : "";
     if (message.role === MESSAGE_ROLE.USER) {
       const attachments = messageAttachments(message);
-      if (text3 !== "" || attachments.length > 0) {
-        const bubble = this.appendMessage(MESSAGE_ROLE.USER, text3);
+      if (text4 !== "" || attachments.length > 0) {
+        const bubble = this.appendMessage(MESSAGE_ROLE.USER, text4);
         if (attachments.length > 0) {
           bubble.appendChild(renderAttachmentChips(attachments));
         }
@@ -12114,8 +13001,8 @@ ${quoted}`;
       return;
     }
     if (message.role === MESSAGE_ROLE.ASSISTANT) {
-      if (text3 !== "") {
-        const restoredBubble = this.appendMessage(MESSAGE_ROLE.ASSISTANT, text3);
+      if (text4 !== "") {
+        const restoredBubble = this.appendMessage(MESSAGE_ROLE.ASSISTANT, text4);
         restoredBubble.classList.add("message--restored");
         this.#attachActions(restoredBubble);
       }
@@ -12409,19 +13296,27 @@ ${quoted}`;
       this.#badge
     );
     this.#launcher.addEventListener("click", () => this.setCollapsed(false));
-    this.#chat.append(
-      createResizeHandle({
+    enableLauncherDrag(this.#launcher, {
+      enabled: () => this.collapsed && this.#launcherDraggable(),
+      rect: () => this.#launcherBox(),
+      viewport: () => this.#viewport(),
+      apply: (left, top) => this.#moveLauncher(left, top),
+      commit: (left, top) => this.#commitLauncher(left, top)
+    });
+    for (const grip of RESIZE_GRIPS) {
+      const handle = createResizeHandle(grip, {
         axis: () => this.#resizeAxis(),
-        anchor: () => this.#measureAnchor(),
         rect: () => this.getBoundingClientRect(),
-        apply: (size) => this.#applySize(size),
-        commit: (size) => {
-          this.#persistSize(size);
-          this.#syncResizeAnchor();
-        },
+        apply: (box) => this.#applyResize(grip, box),
+        commit: (box) => this.#commitResize(grip, box),
         label: this.#strings.resizePanel
-      })
-    );
+      });
+      handle.tabIndex = -1;
+      handle.setAttribute("aria-hidden", "true");
+      this.#resizeHandles.set(gripName(grip), handle);
+      this.#chat.appendChild(handle);
+    }
+    this.#focusableGrip();
     this.#adoptStyles();
     this.#root.append(this.#announcer, this.#chat, this.#launcher);
   }
@@ -12815,13 +13710,18 @@ ${quoted}`;
         strings: this.#strings,
         // Read at click time, not captured: a bubble rendered from markdown
         // holds its text in the DOM, and that is what the user sees and means
-        // to copy.
-        ...copyable ? { text: () => bubble.textContent } : {},
+        // to copy. Serialised rather than read off `textContent`, which welds
+        // a table into one run of digits and picks up the code blocks' own
+        // copy buttons on the way past.
+        ...copyable ? {
+          text: () => copyPayload(bubble).text,
+          html: () => copyPayload(bubble).html
+        } : {},
         ...rateable ? {
           onFeedback: (rating) => {
             this.dispatchEvent(
               new CustomEvent(FEEDBACK_EVENT, {
-                detail: { content: bubble.textContent, rating },
+                detail: { content: copyPayload(bubble).text, rating },
                 bubbles: true,
                 composed: true
               })
@@ -12837,7 +13737,7 @@ ${quoted}`;
   /** Move the Retry button onto `bar`, taking it off whoever held it. */
   #moveRetryTo(bar) {
     this.#retryOwner?.querySelector(".message-action--retry")?.remove();
-    const retry = messageActionButton("retry", this.#strings.retryMessage, "\u21BB");
+    const retry = messageActionButton("retry", this.#strings.retryMessage, ICON_RETRY);
     retry.addEventListener("click", () => {
       void this.retryLastTurn();
     });
@@ -13081,6 +13981,31 @@ ${quoted}`;
           })
         );
       },
+      // The delegation's own lifetime, on the protocol's events rather than the
+      // CUSTOM channel its steps ride. Both end at the same panel.
+      onSubAgentStarted: (subagentRunId, agent, parentToolCallId) => {
+        if (parentToolCallId === null) {
+          return;
+        }
+        this.#subagentRunDelegations.set(subagentRunId, parentToolCallId);
+        this.#applySubAgent({
+          delegationId: parentToolCallId,
+          agent: agent === "" ? null : agent,
+          phase: SUBAGENT_PHASE.STARTED,
+          status: this.#strings.subAgentDelegatedTo.replace("{agent}", agent),
+          tool: null
+        });
+      },
+      onSubAgentFinished: (subagentRunId) => {
+        this.#closeSubAgent(subagentRunId, SUBAGENT_PHASE.FINISHED, null);
+      },
+      onSubAgentError: (subagentRunId, message) => {
+        this.#closeSubAgent(
+          subagentRunId,
+          SUBAGENT_PHASE.FAILED,
+          message === "" ? this.#strings.subAgentFailed : message
+        );
+      },
       onMessagesSnapshot: () => {
         this.#appendNotice("\u{1F504}", this.#strings.historyReplaced, "history-replaced");
       },
@@ -13221,6 +14146,50 @@ ${quoted}`;
     if (update === null) {
       return;
     }
+    this.#applySubAgent(update);
+  }
+  /**
+   * Fold one already-narrowed update into the delegation's panel.
+   *
+   * The join point of the two carriers, and the reason it is separate from
+   * {@link #reportSubAgent}: a `CUSTOM` step arrives as `unknown` and has to be
+   * vouched for, while a lifecycle event arrives typed off the protocol and has
+   * nothing left to check. Both end up here, so the panel has one way in and
+   * the phases stay a single state machine regardless of which wire they came
+   * from.
+   */
+  /**
+   * Settle the delegation a closing lifecycle event names.
+   *
+   * `status` is the server's text on a failure and `null` on a success, where
+   * the wording is this element's own -- the protocol's finish event carries no
+   * message, which is the better shape for a localised UI and the reason
+   * {@link UiStrings.subAgentFinished} exists.
+   *
+   * The pairing is deliberately not deleted on close. A panel outlives the
+   * delegation it drew, the map is cleared with the transcript alongside the
+   * panels, and forgetting the id here would only make a duplicate close draw
+   * nothing instead of drawing the same settled row again.
+   */
+  #closeSubAgent(subagentRunId, phase, status) {
+    const delegationId = this.#subagentRunDelegations.get(subagentRunId);
+    if (delegationId === void 0) {
+      return;
+    }
+    const agent = this.#subagentPanels.get(delegationId)?.agent ?? null;
+    this.#applySubAgent({
+      delegationId,
+      agent,
+      phase,
+      status: status === null ? this.#finishedLine(agent) : status,
+      tool: null
+    });
+  }
+  /** The row's line for a delegation that completed, named if its name is known. */
+  #finishedLine(agent) {
+    return agent === null ? this.#strings.subAgentWorking : this.#strings.subAgentFinished.replace("{agent}", agent);
+  }
+  #applySubAgent(update) {
     const card = this.#toolCards.get(update.delegationId);
     if (card === void 0) {
       return;
@@ -13382,8 +14351,8 @@ ${quoted}`;
     this.#appendNotice("\u2728", this.#strings.usingSkill.replace("{name}", skill), "skill");
     return true;
   }
-  #appendNotice(icon, text3, kind) {
-    this.#ensureGroup().appendChild(renderRunNotice(icon, text3, kind));
+  #appendNotice(icon, text4, kind) {
+    this.#ensureGroup().appendChild(renderRunNotice(icon, text4, kind));
     this.#updateEmptyState();
     this.#scroller.follow();
   }
@@ -13590,6 +14559,16 @@ function confirmPhrase(interrupt) {
 function restoredToolCalls(value) {
   return Array.isArray(value) ? value.filter(isRestoredToolCall) : [];
 }
+function named(file) {
+  if (file.name !== "") {
+    return file;
+  }
+  const subtype = file.type.split("/")[1] ?? file.type;
+  const stamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+  return new File([file], subtype === "" ? `pasted-${stamp}` : `pasted-${stamp}.${subtype}`, {
+    type: file.type
+  });
+}
 function isRestoredToolCall(value) {
   if (typeof value !== "object" || value === null) {
     return false;
@@ -13649,7 +14628,7 @@ function setControlValue(el2, value) {
 }
 
 // src/version.ts
-var VERSION = "0.31.1";
+var VERSION = "0.33.0";
 export {
   ATTACHMENT_EVENT,
   AgUiChat,
@@ -13741,6 +14720,6 @@ export {
 /*! Bundled license information:
 
 dompurify/dist/purify.es.mjs:
-  (*! @license DOMPurify 3.4.13 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.13/LICENSE *)
+  (*! @license DOMPurify 3.4.14 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.14/LICENSE *)
 */
 //# sourceMappingURL=index.js.map