glitchgrab 1.48.0 → 1.49.0

package/dist/index.mjs

@@ -959,10 +959,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 import { createPortal } from "react-dom";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 import { useCallback, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var MAX_SCREENSHOT_DATA_URL_LENGTH = 18e5;
 var QUALITY_LADDER = [0.92, 0.85, 0.75];
 var DOWNSCALE_FACTOR = 0.7;
@@ -1393,6 +1394,412 @@ function getTypeLabel(type) {
       return "Other";
   }
 }
+var CODE = /`([^`\n]+)`/y;
+var MD_LINK = /\[([^\]\n]*)\]\((https?:\/\/[^\s)]+)\)/y;
+var BOLD_STAR = /\*\*(\S(?:[^\n]*?\S)?)\*\*/y;
+var BOLD_UNDER = /__(\S(?:[^\n]*?\S)?)__/y;
+var ITALIC_STAR = /\*(\S(?:[^*\n]*?\S)?)\*/y;
+var ITALIC_UNDER = /_(\S(?:[^_\n]*?\S)?)_/y;
+var STRIKE = /~~(\S(?:[^\n]*?\S)?)~~/y;
+var FULL_URL = /https?:\/\/[^\s<>]+/y;
+var BARE_URL = /(?:[a-z0-9-]+\.)+[a-z]{2,24}\/[^\s<>]*/y;
+var WORD = /[A-Za-z0-9]/;
+var URL_EDGE = /[A-Za-z0-9@./-]/;
+var TRAILING_PUNCT = /[.,;:!?'")\]*_~]+$/;
+var ESCAPABLE = "\\`*_{}[]()#+-.!|~>";
+var MONO = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+function at(re, text, i) {
+  re.lastIndex = i;
+  return re.exec(text);
+}
+function isSafeHref(href) {
+  try {
+    const { protocol } = new URL(href);
+    return protocol === "http:" || protocol === "https:";
+  } catch (e) {
+    return false;
+  }
+}
+function renderInline(text, theme, key) {
+  var _a, _b;
+  const out = [];
+  let plain = "";
+  let i = 0;
+  const flush = () => {
+    if (plain) out.push(plain);
+    plain = "";
+  };
+  const link = (href, label, k) => /* @__PURE__ */ jsx2(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer nofollow",
+      title: href,
+      style: {
+        color: "inherit",
+        textDecoration: "underline",
+        textDecorationColor: theme.accent,
+        textUnderlineOffset: "2px",
+        wordBreak: "break-word"
+      },
+      children: label
+    },
+    k
+  );
+  while (i < text.length) {
+    const ch = text[i];
+    const prev = i > 0 ? text[i - 1] : "";
+    const k = `${key}.${i}`;
+    let m;
+    if (ch === "\\" && i + 1 < text.length && ESCAPABLE.includes(text[i + 1])) {
+      plain += text[i + 1];
+      i += 2;
+      continue;
+    }
+    if (ch === "`" && (m = at(CODE, text, i))) {
+      flush();
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "code",
+          {
+            style: {
+              fontFamily: MONO,
+              fontSize: "0.92em",
+              padding: "1px 4px",
+              borderRadius: "4px",
+              backgroundColor: theme.bg,
+              border: `1px solid ${theme.border}`,
+              wordBreak: "break-word"
+            },
+            children: m[1]
+          },
+          k
+        )
+      );
+      i += m[0].length;
+      continue;
+    }
+    const image = ch === "!" && text[i + 1] === "[";
+    if ((ch === "[" || image) && (m = at(MD_LINK, text, image ? i + 1 : i)) && isSafeHref(m[2])) {
+      flush();
+      const label = m[1] ? renderInline(m[1], theme, k) : m[2];
+      out.push(link(m[2], label, k));
+      i += m[0].length + (image ? 1 : 0);
+      continue;
+    }
+    if (ch === "~" && text[i + 1] === "~" && (m = at(STRIKE, text, i))) {
+      flush();
+      out.push(/* @__PURE__ */ jsx2("del", { children: renderInline(m[1], theme, k) }, k));
+      i += m[0].length;
+      continue;
+    }
+    if ((ch === "*" || ch === "_") && !WORD.test(prev)) {
+      const double = text[i + 1] === ch;
+      const bold = double ? at(ch === "*" ? BOLD_STAR : BOLD_UNDER, text, i) : null;
+      const italic = bold ? null : at(ch === "*" ? ITALIC_STAR : ITALIC_UNDER, text, i);
+      m = bold != null ? bold : italic;
+      if (m && !WORD.test((_a = text[i + m[0].length]) != null ? _a : "")) {
+        flush();
+        const inner = renderInline(m[1], theme, k);
+        out.push(
+          bold ? /* @__PURE__ */ jsx2("strong", { style: { fontWeight: 700 }, children: inner }, k) : /* @__PURE__ */ jsx2("em", { style: { fontStyle: "italic" }, children: inner }, k)
+        );
+        i += m[0].length;
+        continue;
+      }
+    }
+    if (!URL_EDGE.test(prev)) {
+      m = ch === "h" ? at(FULL_URL, text, i) : null;
+      const bare = m ? null : /[a-z0-9]/.test(ch) ? at(BARE_URL, text, i) : null;
+      const raw = (_b = m == null ? void 0 : m[0]) != null ? _b : bare == null ? void 0 : bare[0];
+      if (raw) {
+        const shown = raw.replace(TRAILING_PUNCT, "");
+        const href = m ? shown : `https://${shown}`;
+        if (shown.includes("/") && isSafeHref(href)) {
+          flush();
+          out.push(link(href, shown, k));
+          i += shown.length;
+          continue;
+        }
+      }
+    }
+    plain += ch;
+    i += 1;
+  }
+  flush();
+  return out;
+}
+var FENCE = /^\s{0,3}(`{3,}|~{3,})/;
+var HEADING = /^\s{0,3}(#{1,6})\s+(.+?)(?:\s+#+)?\s*$/;
+var RULE = /^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/;
+var QUOTE = /^\s{0,3}>\s?(.*)$/;
+var LIST_ITEM = /^(\s*)([-*+]|\d{1,9}[.)])\s+(.*)$/;
+var TABLE_SEP = /^\s*\|?\s*:?-+:?\s*(?:\|\s*:?-+:?\s*)*\|?\s*$/;
+var TASK = /^\[([ xX])\]\s+(.*)$/;
+var STACK = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "6px",
+  minWidth: 0
+};
+function splitRow(line) {
+  let s = line.trim();
+  if (s.startsWith("|")) s = s.slice(1);
+  if (s.endsWith("|") && !s.endsWith("\\|")) s = s.slice(0, -1);
+  const cells = [];
+  let cell = "";
+  for (let i = 0; i < s.length; i++) {
+    if (s[i] === "\\" && s[i + 1] === "|") {
+      cell += "|";
+      i++;
+    } else if (s[i] === "|") {
+      cells.push(cell.trim());
+      cell = "";
+    } else {
+      cell += s[i];
+    }
+  }
+  cells.push(cell.trim());
+  return cells;
+}
+function tableAt(lines, i) {
+  const head = lines[i];
+  const sep = lines[i + 1];
+  if (!(head == null ? void 0 : head.includes("|")) || !(sep == null ? void 0 : sep.includes("|")) || !TABLE_SEP.test(sep)) return null;
+  const aligns = splitRow(sep);
+  return aligns.length === splitRow(head).length ? aligns : null;
+}
+function startsBlock(lines, i) {
+  const line = lines[i];
+  return FENCE.test(line) || HEADING.test(line) || RULE.test(line) || QUOTE.test(line) || LIST_ITEM.test(line) || tableAt(lines, i) !== null;
+}
+function renderBlocks(lines, theme, key) {
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const k = `${key}-${i}`;
+    let m;
+    if (!line.trim()) {
+      i++;
+      continue;
+    }
+    if (m = FENCE.exec(line)) {
+      const fence = m[1];
+      const body = [];
+      i++;
+      while (i < lines.length) {
+        const t2 = lines[i].trim();
+        if (t2.length >= fence.length && [...t2].every((c) => c === fence[0])) break;
+        body.push(lines[i]);
+        i++;
+      }
+      i++;
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "pre",
+          {
+            style: {
+              margin: 0,
+              padding: "8px 10px",
+              borderRadius: "6px",
+              backgroundColor: theme.bg,
+              border: `1px solid ${theme.border}`,
+              overflowX: "auto",
+              maxWidth: "100%",
+              fontFamily: MONO,
+              fontSize: "12px",
+              lineHeight: 1.5,
+              whiteSpace: "pre"
+            },
+            children: /* @__PURE__ */ jsx2("code", { style: { fontFamily: "inherit" }, children: body.join("\n") })
+          },
+          k
+        )
+      );
+      continue;
+    }
+    if (m = HEADING.exec(line)) {
+      const level = m[1].length;
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            role: "heading",
+            "aria-level": level,
+            style: {
+              fontWeight: 700,
+              fontSize: level === 1 ? "1.15em" : level === 2 ? "1.08em" : "1em",
+              lineHeight: 1.35
+            },
+            children: renderInline(m[2], theme, k)
+          },
+          k
+        )
+      );
+      i++;
+      continue;
+    }
+    if (RULE.test(line)) {
+      out.push(/* @__PURE__ */ jsx2("div", { role: "separator", style: { borderTop: `1px solid ${theme.border}` } }, k));
+      i++;
+      continue;
+    }
+    if (QUOTE.test(line)) {
+      const inner = [];
+      while (i < lines.length && (m = QUOTE.exec(lines[i]))) {
+        inner.push(m[1]);
+        i++;
+      }
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "blockquote",
+          {
+            style: {
+              ...STACK,
+              margin: 0,
+              paddingLeft: "10px",
+              // `border` is near the bubble's own colour; the bar vanished.
+              borderLeft: `3px solid ${theme.accent}66`,
+              color: theme.textMuted
+            },
+            children: renderBlocks(inner, theme, k)
+          },
+          k
+        )
+      );
+      continue;
+    }
+    const aligns = tableAt(lines, i);
+    if (aligns) {
+      const head = splitRow(line);
+      const rows = [];
+      i += 2;
+      while (i < lines.length && lines[i].trim() && lines[i].includes("|")) {
+        rows.push(splitRow(lines[i]));
+        i++;
+      }
+      const align = (c) => {
+        var _a;
+        const a = (_a = aligns[c]) != null ? _a : "";
+        if (a.startsWith(":") && a.endsWith(":")) return "center";
+        return a.endsWith(":") ? "right" : "left";
+      };
+      const cell = (c) => ({
+        border: `1px solid ${theme.border}`,
+        padding: "4px 8px",
+        textAlign: align(c),
+        verticalAlign: "top"
+      });
+      out.push(
+        /* @__PURE__ */ jsx2("div", { style: { overflowX: "auto", maxWidth: "100%" }, children: /* @__PURE__ */ jsxs2("table", { style: { borderCollapse: "collapse", fontSize: "12px", margin: 0 }, children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: head.map((h, c) => /* @__PURE__ */ jsx2("th", { style: { ...cell(c), fontWeight: 600, backgroundColor: theme.bg }, children: renderInline(h, theme, `${k}h${c}`) }, c)) }) }),
+          /* @__PURE__ */ jsx2("tbody", { children: rows.map((row, r) => /* @__PURE__ */ jsx2("tr", { children: head.map((_, c) => {
+            var _a;
+            return /* @__PURE__ */ jsx2("td", { style: cell(c), children: renderInline((_a = row[c]) != null ? _a : "", theme, `${k}r${r}c${c}`) }, c);
+          }) }, r)) })
+        ] }) }, k)
+      );
+      continue;
+    }
+    if (m = LIST_ITEM.exec(line)) {
+      const baseIndent = m[1].length;
+      const ordered = /\d/.test(m[2]);
+      const start = ordered ? parseInt(m[2], 10) : 1;
+      const items = [];
+      while (i < lines.length) {
+        const l = lines[i];
+        const lm = LIST_ITEM.exec(l);
+        const indent = l.length - l.trimStart().length;
+        if (lm && indent <= baseIndent + 1) {
+          if (/\d/.test(lm[2]) !== ordered) break;
+          items.push([lm[3]]);
+          i++;
+          continue;
+        }
+        const current = items[items.length - 1];
+        if (!l.trim()) {
+          const next = lines[i + 1];
+          const nextIndent = next ? next.length - next.trimStart().length : 0;
+          if ((next == null ? void 0 : next.trim()) && (nextIndent > baseIndent + 1 || LIST_ITEM.test(next))) {
+            current.push("");
+            i++;
+            continue;
+          }
+          break;
+        }
+        if (indent > baseIndent + 1) {
+          current.push(l.slice(Math.min(indent, baseIndent + 2)));
+          i++;
+          continue;
+        }
+        break;
+      }
+      const ListTag = ordered ? "ol" : "ul";
+      out.push(
+        /* @__PURE__ */ jsx2(
+          ListTag,
+          {
+            start: ordered && start !== 1 ? start : void 0,
+            style: {
+              margin: 0,
+              paddingLeft: "20px",
+              listStyleType: ordered ? "decimal" : "disc",
+              listStylePosition: "outside"
+            },
+            children: items.map((itemLines, n) => {
+              const ik = `${k}i${n}`;
+              const task = TASK.exec(itemLines[0]);
+              const body = task ? [task[2], ...itemLines.slice(1)] : itemLines;
+              const box = task ? /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", style: { marginRight: "6px" }, children: task[1] === " " ? "\u2610" : "\u2611" }) : null;
+              const simple = body.filter((x) => x.trim()).length === 1;
+              return /* @__PURE__ */ jsx2(
+                "li",
+                {
+                  style: {
+                    display: "list-item",
+                    marginTop: n ? "3px" : 0,
+                    paddingLeft: "2px",
+                    listStyleType: task ? "none" : void 0
+                  },
+                  children: simple ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    box,
+                    renderInline(body[0], theme, ik)
+                  ] }) : /* @__PURE__ */ jsxs2("div", { style: STACK, children: [
+                    box ? /* @__PURE__ */ jsxs2("div", { children: [
+                      box,
+                      renderInline(body[0], theme, ik)
+                    ] }) : null,
+                    renderBlocks(box ? body.slice(1) : body, theme, ik)
+                  ] })
+                },
+                ik
+              );
+            })
+          },
+          k
+        )
+      );
+      continue;
+    }
+    const para = [];
+    while (i < lines.length && lines[i].trim() && !(para.length && startsBlock(lines, i))) {
+      para.push(lines[i].trim());
+      i++;
+    }
+    out.push(
+      /* @__PURE__ */ jsx2("div", { children: para.flatMap((p, n) => {
+        const inline = renderInline(p, theme, `${k}p${n}`);
+        return n ? [/* @__PURE__ */ jsx2("br", {}, `${k}br${n}`), ...inline] : inline;
+      }) }, k)
+    );
+  }
+  return out;
+}
+function ChatMarkdown({ text, theme }) {
+  return /* @__PURE__ */ jsx2("div", { style: STACK, children: renderBlocks(text.replace(/\r\n?/g, "\n").split("\n"), theme, "md") });
+}
 function pickAssistImages(all) {
   const picked = [];
   let total = 0;
@@ -1435,7 +1842,7 @@ function isAffirmativeReply(text) {
     text.trim()
   );
 }
-var AUTO_FILE_SECONDS = 4;
+var AUTO_FILE_SECONDS = 3;
 var NARROW_QUERY = "(max-width: 640px)";
 function useIsNarrow() {
   const [narrow, setNarrow] = useState2(false);
@@ -1452,7 +1859,7 @@ function useIsNarrow() {
   return narrow;
 }
 function Sparkle({ color, size = 14 }) {
-  return /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
     "path",
     {
       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -1468,7 +1875,7 @@ function Avatar({
   initials
 }) {
   const isAi = who === "assistant";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       "aria-hidden": "true",
@@ -1487,9 +1894,9 @@ function Avatar({
         fontSize: "10px",
         fontWeight: 700
       },
-      children: isAi ? /* @__PURE__ */ jsx2(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ jsxs2("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ jsx2(
+      children: isAi ? /* @__PURE__ */ jsx3(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ jsxs3("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ jsx3(
           "path",
           {
             d: "M5 20c0-3.6 3.1-5.6 7-5.6s7 2 7 5.6",
@@ -1769,7 +2176,7 @@ function AssistSheet({
   const empty = phase === "chat" && messages.length === 0 && !busy;
   function renderKnownIssue({ title, footer }) {
     if (!duplicate) return null;
-    return /* @__PURE__ */ jsxs2(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         "data-gg-known-issue": "",
@@ -1786,15 +2193,15 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
-          title && /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
+          /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
+          title && /* @__PURE__ */ jsxs3("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
             " ",
             duplicate.title
           ] }),
-          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
-          footer && /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
+          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
+          footer && /* @__PURE__ */ jsx3("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
         ]
       }
     );
@@ -1817,16 +2224,16 @@ function AssistSheet({
     animation: "gg-sheet-in .22s cubic-bezier(.2,.8,.2,1)"
   };
   return createPortal(
-    /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("style", { children: `
+    /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3("style", { children: `
         @keyframes gg-sheet-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
         @keyframes gg-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
         @keyframes gg-sheet-fade{from{opacity:0}to{opacity:1}}
         @keyframes gg-autofile{from{transform:scaleX(0)}to{transform:scaleX(1)}}
         @keyframes gg-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}
-        [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
+        [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible,[data-gg-stop-auto-file]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
       ` }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -1846,7 +2253,7 @@ function AssistSheet({
           },
           onClick: () => leave("closed"),
           onPointerDown: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsxs2(
+          children: /* @__PURE__ */ jsxs3(
             "div",
             {
               onClick: (e) => e.stopPropagation(),
@@ -1867,7 +2274,7 @@ function AssistSheet({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ jsxs2(
+                /* @__PURE__ */ jsxs3(
                   "div",
                   {
                     "data-gg-sheet-header": "",
@@ -1882,8 +2289,8 @@ function AssistSheet({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ jsxs2("div", { style: { minWidth: 0 }, children: [
-                        /* @__PURE__ */ jsxs2(
+                      /* @__PURE__ */ jsxs3("div", { style: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsxs3(
                           "div",
                           {
                             style: {
@@ -1894,9 +2301,9 @@ function AssistSheet({
                               fontWeight: 600
                             },
                             children: [
-                              /* @__PURE__ */ jsx2(Sparkle, { color: t2.accent }),
+                              /* @__PURE__ */ jsx3(Sparkle, { color: t2.accent }),
                               "Describe it with AI",
-                              /* @__PURE__ */ jsx2(
+                              /* @__PURE__ */ jsx3(
                                 "span",
                                 {
                                   style: {
@@ -1915,13 +2322,13 @@ function AssistSheet({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs2("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
+                        /* @__PURE__ */ jsxs3("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
                           phase === "type" ? null : reportTypeLabel,
                           phase !== "type" && severityAsked && severity ? ` \xB7 ${SEVERITY_LABELS[severity]}` : null,
-                          projectSlot ? /* @__PURE__ */ jsx2("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
+                          projectSlot ? /* @__PURE__ */ jsx3("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx2(
+                      /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -1948,7 +2355,7 @@ function AssistSheet({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   "div",
                   {
                     ref: scrollRef,
@@ -1960,7 +2367,7 @@ function AssistSheet({
                       display: "flex",
                       flexDirection: "column"
                     },
-                    children: /* @__PURE__ */ jsxs2(
+                    children: /* @__PURE__ */ jsxs3(
                       "div",
                       {
                         style: {
@@ -1971,10 +2378,10 @@ function AssistSheet({
                           minWidth: 0
                         },
                         children: [
-                          phase === "type" && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsxs2(
+                          phase === "type" && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsxs3(
                                 "div",
                                 {
                                   style: {
@@ -1992,7 +2399,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "div",
                               {
                                 style: {
@@ -2003,7 +2410,7 @@ function AssistSheet({
                                 },
                                 children: tiles.map((tile) => {
                                   const rate = tile === "RATING";
-                                  return /* @__PURE__ */ jsx2(
+                                  return /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2036,10 +2443,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "severity" && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsx2(
+                          phase === "severity" && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
                                 "div",
                                 {
                                   style: {
@@ -2054,7 +2461,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "div",
                               {
                                 role: "radiogroup",
@@ -2065,7 +2472,7 @@ function AssistSheet({
                                   gap: "6px",
                                   paddingLeft: "32px"
                                 },
-                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ jsx2(
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ jsx3(
                                   "button",
                                   {
                                     type: "button",
@@ -2092,10 +2499,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "rating" && !submitted && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsx2(
+                          phase === "rating" && !submitted && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
                                 "div",
                                 {
                                   style: {
@@ -2110,7 +2517,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs2(
+                            /* @__PURE__ */ jsxs3(
                               "div",
                               {
                                 style: {
@@ -2124,9 +2531,9 @@ function AssistSheet({
                                   backgroundColor: "rgba(245,158,11,0.06)"
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
+                                  /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
                                     const filled = star <= (hoveredStar || rating);
-                                    return /* @__PURE__ */ jsx2(
+                                    return /* @__PURE__ */ jsx3(
                                       "button",
                                       {
                                         type: "button",
@@ -2142,7 +2549,7 @@ function AssistSheet({
                                           cursor: "pointer",
                                           lineHeight: 0
                                         },
-                                        children: /* @__PURE__ */ jsx2("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                                        children: /* @__PURE__ */ jsx3("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
                                           "path",
                                           {
                                             d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -2156,7 +2563,7 @@ function AssistSheet({
                                       star
                                     );
                                   }) }),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "textarea",
                                     {
                                       value: description,
@@ -2179,7 +2586,7 @@ function AssistSheet({
                                       }
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2203,10 +2610,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          empty && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsxs2(
+                          empty && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsxs3(
                                 "div",
                                 {
                                   style: {
@@ -2224,7 +2631,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "div",
                               {
                                 style: {
@@ -2233,7 +2640,7 @@ function AssistSheet({
                                   gap: "6px",
                                   paddingLeft: "32px"
                                 },
-                                children: STARTERS.map((s) => /* @__PURE__ */ jsx2(
+                                children: STARTERS.map((s) => /* @__PURE__ */ jsx3(
                                   "button",
                                   {
                                     type: "button",
@@ -2263,9 +2670,9 @@ function AssistSheet({
                             const mine = m.role === "user";
                             if (m.kind === "report") {
                               const live = phase === "draft" && i === messages.length - 1;
-                              return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
-                                /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                                /* @__PURE__ */ jsx2(
+                              return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
+                                /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                                /* @__PURE__ */ jsx3(
                                   "div",
                                   {
                                     "data-gg-draft-bubble": "",
@@ -2284,8 +2691,8 @@ function AssistSheet({
                                       // #402: "have a read" beside a countdown reads as a
                                       // contradiction. Say what is about to happen instead.
                                       autoFileLeft !== null ? "Here's your report \u2014 I'll file it unless you want to change something." : "Here's your report \u2014 have a read."
-                                    ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-                                      /* @__PURE__ */ jsx2(
+                                    ) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                                      /* @__PURE__ */ jsx3(
                                         "span",
                                         {
                                           style: {
@@ -2300,7 +2707,7 @@ function AssistSheet({
                                           children: "Draft so far"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx2(
+                                      /* @__PURE__ */ jsx3(
                                         "span",
                                         {
                                           style: {
@@ -2319,7 +2726,7 @@ function AssistSheet({
                                 )
                               ] }, i);
                             }
-                            return /* @__PURE__ */ jsxs2(
+                            return /* @__PURE__ */ jsxs3(
                               "div",
                               {
                                 style: {
@@ -2329,22 +2736,24 @@ function AssistSheet({
                                   flexDirection: mine ? "row-reverse" : "row"
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx2(Avatar, { who: m.role, theme: t2, initials }),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(Avatar, { who: m.role, theme: t2, initials }),
+                                  /* @__PURE__ */ jsx3(
                                     "div",
                                     {
                                       style: {
                                         maxWidth: "82%",
+                                        minWidth: 0,
                                         padding: "9px 12px",
                                         borderRadius: mine ? "12px 12px 4px 12px" : "12px 12px 12px 4px",
                                         fontSize: "13px",
                                         lineHeight: 1.55,
-                                        whiteSpace: "pre-wrap",
+                                        // Markdown owns the assistant's line breaks and lists.
+                                        whiteSpace: mine ? "pre-wrap" : "normal",
                                         wordBreak: "break-word",
                                         backgroundColor: mine ? t2.accent : t2.bgSecondary,
                                         color: mine ? t2.accentText : t2.text
                                       },
-                                      children: m.content
+                                      children: mine ? m.content : /* @__PURE__ */ jsx3(ChatMarkdown, { text: m.content, theme: t2 })
                                     }
                                   )
                                 ]
@@ -2352,8 +2761,8 @@ function AssistSheet({
                               i
                             );
                           }),
-                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ jsx2("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
-                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ jsx2("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ jsxs2(
+                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ jsx3("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
+                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ jsx3("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               "data-gg-glitchgrab-offer": "",
@@ -2369,10 +2778,10 @@ function AssistSheet({
                                 lineHeight: 1.5
                               },
                               children: [
-                                /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
-                                /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
-                                /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
-                                  /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
+                                /* @__PURE__ */ jsx3("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
+                                /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2401,7 +2810,7 @@ function AssistSheet({
                                       children: "Send to the Glitchgrab team"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2428,7 +2837,7 @@ function AssistSheet({
                               ]
                             }
                           ) }),
-                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ jsx2(
+                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ jsx3(
                             "div",
                             {
                               style: {
@@ -2443,7 +2852,7 @@ function AssistSheet({
                                 gap: "6px",
                                 paddingLeft: "32px"
                               },
-                              children: options.map((option) => /* @__PURE__ */ jsx2(
+                              children: options.map((option) => /* @__PURE__ */ jsx3(
                                 "button",
                                 {
                                   type: "button",
@@ -2472,9 +2881,9 @@ function AssistSheet({
                               ))
                             }
                           ),
-                          busy && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
-                            /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                            /* @__PURE__ */ jsx2(
+                          busy && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
+                            /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                            /* @__PURE__ */ jsx3(
                               "span",
                               {
                                 style: {
@@ -2485,7 +2894,7 @@ function AssistSheet({
                                   borderRadius: "12px 12px 12px 4px",
                                   backgroundColor: t2.bgSecondary
                                 },
-                                children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx2(
+                                children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx3(
                                   "span",
                                   {
                                     style: {
@@ -2501,7 +2910,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && !submitted && /* @__PURE__ */ jsxs2(
+                          phase === "draft" && !submitted && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2516,7 +2925,7 @@ function AssistSheet({
                                 boxSizing: "border-box"
                               },
                               children: [
-                                /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3(
                                   "span",
                                   {
                                     style: {
@@ -2533,7 +2942,7 @@ function AssistSheet({
                                   title: true,
                                   footer: "Your details will be added to it instead of opening a new issue."
                                 }),
-                                /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3(
                                   "textarea",
                                   {
                                     ref: draftRef,
@@ -2560,8 +2969,8 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && autoFileLeft === null && /* @__PURE__ */ jsxs2("div", { children: [
-                                  /* @__PURE__ */ jsxs2(
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ jsxs3("div", { children: [
+                                  /* @__PURE__ */ jsxs3(
                                     "span",
                                     {
                                       style: {
@@ -2572,7 +2981,7 @@ function AssistSheet({
                                       },
                                       children: [
                                         "How bad is it?",
-                                        !severity && /* @__PURE__ */ jsx2(
+                                        !severity && /* @__PURE__ */ jsx3(
                                           "span",
                                           {
                                             style: {
@@ -2586,7 +2995,7 @@ function AssistSheet({
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "div",
                                     {
                                       role: "radiogroup",
@@ -2594,7 +3003,7 @@ function AssistSheet({
                                       style: { display: "flex", gap: "6px" },
                                       children: SEVERITY_LEVELS.map((s) => {
                                         const on = severity === s;
-                                        return /* @__PURE__ */ jsx2(
+                                        return /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2625,7 +3034,7 @@ function AssistSheet({
                                     }
                                   )
                                 ] }),
-                                attachmentCount > 0 && /* @__PURE__ */ jsxs2("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
+                                attachmentCount > 0 && /* @__PURE__ */ jsxs3("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
                                   attachmentCount,
                                   " ",
                                   attachmentCount === 1 ? "attachment" : "attachments",
@@ -2634,10 +3043,10 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          phase === "solved" && solved && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsx2(
+                          phase === "solved" && solved && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
                                 "div",
                                 {
                                   style: {
@@ -2653,7 +3062,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "span",
                               {
                                 style: { fontSize: "11.5px", color: t2.textMuted, paddingLeft: "32px" },
@@ -2661,7 +3070,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          submitted && /* @__PURE__ */ jsxs2(
+                          submitted && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2682,7 +3091,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ jsxs2(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ jsxs3(
                   "div",
                   {
                     style: {
@@ -2693,7 +3102,7 @@ function AssistSheet({
                       backgroundColor: t2.bg
                     },
                     children: [
-                      phase === "solved" ? /* @__PURE__ */ jsx2(
+                      phase === "solved" ? /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -2713,7 +3122,7 @@ function AssistSheet({
                           },
                           children: "Done"
                         }
-                      ) : phase === "rating" ? /* @__PURE__ */ jsx2(
+                      ) : phase === "rating" ? /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -2739,8 +3148,8 @@ function AssistSheet({
                         // element on both sides of a draft landing — it stays put
                         // instead of remounting, and a draft is something you can
                         // still reply to (#360), not a form that replaced the chat.
-                        /* @__PURE__ */ jsxs2(Fragment, { children: [
-                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ jsxs2(
+                        /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2753,7 +3162,7 @@ function AssistSheet({
                               children: [
                                 screenshots.map((shot, i) => {
                                   const read = readShots.has(shot);
-                                  return /* @__PURE__ */ jsxs2(
+                                  return /* @__PURE__ */ jsxs3(
                                     "div",
                                     {
                                       style: {
@@ -2763,7 +3172,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3(
                                           "img",
                                           {
                                             src: shot,
@@ -2781,7 +3190,7 @@ function AssistSheet({
                                             }
                                           }
                                         ),
-                                        onRemoveImage && /* @__PURE__ */ jsx2(
+                                        onRemoveImage && /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2811,7 +3220,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ jsx2(
+                                            children: /* @__PURE__ */ jsx3(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2827,7 +3236,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ jsx2("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx2(
+                                                children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -2848,7 +3257,7 @@ function AssistSheet({
                                 files.map((file, i) => {
                                   const read = readFiles.has(i);
                                   const why = read ? "the assistant reads this file" : isAssistReadableFile(file.name) ? "attached, but more than one message can carry, so the assistant is not reading it" : "attached to the report \u2014 the assistant can't read this kind of file";
-                                  return /* @__PURE__ */ jsxs2(
+                                  return /* @__PURE__ */ jsxs3(
                                     "div",
                                     {
                                       "data-gg-assist-file": "",
@@ -2869,7 +3278,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx2("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx3(
                                           "path",
                                           {
                                             d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
@@ -2879,7 +3288,7 @@ function AssistSheet({
                                             strokeLinejoin: "round"
                                           }
                                         ) }),
-                                        /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3(
                                           "span",
                                           {
                                             style: {
@@ -2892,7 +3301,7 @@ function AssistSheet({
                                             children: file.name
                                           }
                                         ),
-                                        onRemoveFile && /* @__PURE__ */ jsx2(
+                                        onRemoveFile && /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2919,7 +3328,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ jsx2(
+                                            children: /* @__PURE__ */ jsx3(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2935,7 +3344,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ jsx2("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx2(
+                                                children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -2953,7 +3362,7 @@ function AssistSheet({
                                     `file-${i}-${file.name}`
                                   );
                                 }),
-                                onAddFiles && /* @__PURE__ */ jsxs2(
+                                onAddFiles && /* @__PURE__ */ jsxs3(
                                   "label",
                                   {
                                     "data-gg-assist-attach": "",
@@ -2973,7 +3382,7 @@ function AssistSheet({
                                     },
                                     children: [
                                       "+",
-                                      /* @__PURE__ */ jsx2(
+                                      /* @__PURE__ */ jsx3(
                                         "input",
                                         {
                                           type: "file",
@@ -2999,7 +3408,7 @@ function AssistSheet({
                                     ]
                                   }
                                 ),
-                                readShots.size < screenshots.length && /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
+                                readShots.size < screenshots.length && /* @__PURE__ */ jsxs3("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
                                   readShots.size,
                                   " of ",
                                   screenshots.length,
@@ -3008,8 +3417,8 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-                            /* @__PURE__ */ jsx2(
+                          /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                            /* @__PURE__ */ jsx3(
                               "textarea",
                               {
                                 value: input,
@@ -3045,7 +3454,7 @@ function AssistSheet({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "button",
                               {
                                 type: "button",
@@ -3067,7 +3476,7 @@ function AssistSheet({
                                   color: busy || !input.trim() ? t2.textMuted : t2.accentText,
                                   cursor: busy || !input.trim() ? "default" : "pointer"
                                 },
-                                children: /* @__PURE__ */ jsx2("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                                children: /* @__PURE__ */ jsx3("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
                                   "path",
                                   {
                                     d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
@@ -3077,8 +3486,8 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                            validationError && /* @__PURE__ */ jsx2(
+                          phase === "draft" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                            validationError && /* @__PURE__ */ jsx3(
                               "p",
                               {
                                 style: {
@@ -3092,9 +3501,11 @@ function AssistSheet({
                             autoFileLeft !== null ? (
                               // #402: "Yes, that's it" was the confirmation. The draft
                               // files itself unless they stop it — the bar shows how
-                              // long is left, the button sends now.
-                              /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
-                                /* @__PURE__ */ jsxs2(
+                              // long is left, the button sends now, the × on its right
+                              // stops it (#406). Stopping keeps the draft: Send Report
+                              // comes back, and closing the sheet drops it.
+                              /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ jsxs3(
                                   "button",
                                   {
                                     type: "button",
@@ -3117,7 +3528,7 @@ function AssistSheet({
                                       cursor: "pointer"
                                     },
                                     children: [
-                                      /* @__PURE__ */ jsx2(
+                                      /* @__PURE__ */ jsx3(
                                         "span",
                                         {
                                           "aria-hidden": "true",
@@ -3130,7 +3541,7 @@ function AssistSheet({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ jsxs2("span", { style: { position: "relative" }, children: [
+                                      /* @__PURE__ */ jsxs3("span", { style: { position: "relative" }, children: [
                                         "Filing in ",
                                         autoFileLeft,
                                         "s\u2026"
@@ -3138,33 +3549,39 @@ function AssistSheet({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3(
                                   "button",
                                   {
                                     type: "button",
-                                    "data-gg-edit-first": "",
-                                    onClick: () => {
-                                      var _a;
-                                      stopAutoFile("edit first");
-                                      (_a = draftRef.current) == null ? void 0 : _a.focus();
-                                    },
+                                    "data-gg-stop-auto-file": "",
+                                    onClick: () => stopAutoFile("pressed stop"),
+                                    "aria-label": "Stop \u2014 don't send",
+                                    title: "Stop \u2014 don't send",
                                     style: {
                                       flexShrink: 0,
-                                      padding: "12px 14px",
+                                      width: "44px",
                                       borderRadius: "10px",
                                       border: `1px solid ${t2.inputBorder}`,
                                       background: "transparent",
                                       color: t2.text,
-                                      fontSize: "13px",
-                                      fontWeight: 600,
-                                      fontFamily: "inherit",
+                                      display: "inline-flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
                                       cursor: "pointer"
                                     },
-                                    children: "Edit first"
+                                    children: /* @__PURE__ */ jsx3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                                      "path",
+                                      {
+                                        d: "M6 6l12 12M18 6L6 18",
+                                        stroke: "currentColor",
+                                        strokeWidth: "2.25",
+                                        strokeLinecap: "round"
+                                      }
+                                    ) })
                                   }
                                 )
                               ] })
-                            ) : /* @__PURE__ */ jsx2(
+                            ) : /* @__PURE__ */ jsx3(
                               "button",
                               {
                                 type: "button",
@@ -3190,7 +3607,7 @@ function AssistSheet({
                           ] })
                         ] })
                       ),
-                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ jsx2(
+                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -3210,7 +3627,7 @@ function AssistSheet({
                           children: "Not getting it? Fill the form yourself \u2192"
                         }
                       ),
-                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ jsx2(
+                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -3373,7 +3790,7 @@ function GlitchgrabProblemPanel({
     // `data-glitchgrab-layer` exempts this from the dialog's anti-focus-trap
     // sweep, which sets `inert` on every other role="dialog" on the page —
     // without it the panel renders but cannot be typed into.
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "div",
       {
         "data-glitchgrab-layer": "",
@@ -3393,7 +3810,7 @@ function GlitchgrabProblemPanel({
           boxSizing: "border-box",
           fontFamily: FONT
         },
-        children: /* @__PURE__ */ jsx3(
+        children: /* @__PURE__ */ jsx4(
           "div",
           {
             style: {
@@ -3407,10 +3824,10 @@ function GlitchgrabProblemPanel({
               boxShadow: "0 20px 50px rgba(0,0,0,0.5)",
               padding: "18px"
             },
-            children: sent ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-              /* @__PURE__ */ jsx3("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
-              /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0 16px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "Thanks \u2014 we'll look into it. Your report is still open behind this, exactly as you left it." }),
-              /* @__PURE__ */ jsx3(
+            children: sent ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsx4("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
+              /* @__PURE__ */ jsx4("p", { style: { margin: "6px 0 16px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "Thanks \u2014 we'll look into it. Your report is still open behind this, exactly as you left it." }),
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -3420,8 +3837,8 @@ function GlitchgrabProblemPanel({
                   children: "Back to your report"
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-              /* @__PURE__ */ jsxs3(
+            ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   style: {
@@ -3431,8 +3848,8 @@ function GlitchgrabProblemPanel({
                     gap: "12px"
                   },
                   children: [
-                    /* @__PURE__ */ jsx3("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
+                    /* @__PURE__ */ jsx4(
                       "button",
                       {
                         type: "button",
@@ -3454,8 +3871,8 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0 12px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "This goes to the people who build this reporter \u2014 not to this project's team. Tell us what went wrong: the AI chat, a button, anything." }),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4("p", { style: { margin: "6px 0 12px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "This goes to the people who build this reporter \u2014 not to this project's team. Tell us what went wrong: the AI chat, a button, anything." }),
+              /* @__PURE__ */ jsx4(
                 "textarea",
                 {
                   ref: inputRef,
@@ -3489,7 +3906,7 @@ function GlitchgrabProblemPanel({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   "data-gg-self-report-images": "",
@@ -3501,8 +3918,8 @@ function GlitchgrabProblemPanel({
                     marginTop: "10px"
                   },
                   children: [
-                    images.map((src, i) => /* @__PURE__ */ jsxs3("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
-                      /* @__PURE__ */ jsx3(
+                    images.map((src, i) => /* @__PURE__ */ jsxs4("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
+                      /* @__PURE__ */ jsx4(
                         "img",
                         {
                           src,
@@ -3518,7 +3935,7 @@ function GlitchgrabProblemPanel({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx3(
+                      /* @__PURE__ */ jsx4(
                         "button",
                         {
                           type: "button",
@@ -3541,7 +3958,7 @@ function GlitchgrabProblemPanel({
                             justifyContent: "center",
                             borderRadius: "50%"
                           },
-                          children: /* @__PURE__ */ jsx3(
+                          children: /* @__PURE__ */ jsx4(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -3557,7 +3974,7 @@ function GlitchgrabProblemPanel({
                                 alignItems: "center",
                                 justifyContent: "center"
                               },
-                              children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
+                              children: /* @__PURE__ */ jsx4("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx4(
                                 "path",
                                 {
                                   d: "M1 1L9 9M9 1L1 9",
@@ -3571,7 +3988,7 @@ function GlitchgrabProblemPanel({
                         }
                       )
                     ] }, i)),
-                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ jsx3(
+                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ jsx4(
                       "button",
                       {
                         type: "button",
@@ -3598,7 +4015,7 @@ function GlitchgrabProblemPanel({
                         children: images.length >= 3 ? "+ Add" : "+ Add screenshot"
                       }
                     ),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4(
                       "input",
                       {
                         ref: fileRef,
@@ -3617,7 +4034,7 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4(
                 "p",
                 {
                   "data-gg-self-report-includes": "",
@@ -3630,10 +4047,10 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              error && /* @__PURE__ */ jsx3("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
-              /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
-                /* @__PURE__ */ jsx3("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
-                /* @__PURE__ */ jsx3(
+              error && /* @__PURE__ */ jsx4("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
+              /* @__PURE__ */ jsxs4("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
+                /* @__PURE__ */ jsx4("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
+                /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -3812,7 +4229,7 @@ var SHOT_WAIT_MS = 3e3;
 var SIMILAR_WAIT_MS = 2500;
 var MAX_SIMILAR_SHOWN = 3;
 function ButtonSpinner() {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       "aria-hidden": "true",
@@ -3964,13 +4381,13 @@ function ReporterChip({
   const label = isAnonymous ? "Anonymous" : name;
   const title = isAnonymous ? "No reporter identity was passed to Glitchgrab \u2014 this report won't be attributed to anyone" : [name, reporter == null ? void 0 : reporter.email, reporter == null ? void 0 : reporter.role].filter(Boolean).join(" \xB7 ");
   const showAvatarImage = !!avatarUrl && !avatarFailed;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "span",
     {
       title,
       style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "span",
           {
             "aria-hidden": "true",
@@ -3990,7 +4407,7 @@ function ReporterChip({
               color: isAnonymous ? t2.textMuted : t2.accentText,
               border: `1px solid ${isAnonymous ? t2.inputBorder : "transparent"}`
             },
-            children: showAvatarImage ? /* @__PURE__ */ jsx4(
+            children: showAvatarImage ? /* @__PURE__ */ jsx5(
               "img",
               {
                 src: avatarUrl,
@@ -4000,9 +4417,9 @@ function ReporterChip({
                 onError: () => setAvatarFailed(true),
                 style: { width: "100%", height: "100%", objectFit: "cover" }
               }
-            ) : initials ? initials : /* @__PURE__ */ jsxs4("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
-              /* @__PURE__ */ jsx4("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
-              /* @__PURE__ */ jsx4(
+            ) : initials ? initials : /* @__PURE__ */ jsxs5("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
+              /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
+              /* @__PURE__ */ jsx5(
                 "path",
                 {
                   d: "M2.75 13.5c0-2.35 2.35-3.75 5.25-3.75s5.25 1.4 5.25 3.75",
@@ -4014,7 +4431,7 @@ function ReporterChip({
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           "span",
           {
             style: {
@@ -4904,9 +5321,9 @@ function ReportDialog({
     }
   };
   if (!mounted) return null;
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     isOpen && createPortal3(
-      /* @__PURE__ */ jsx4("style", { children: `
+      /* @__PURE__ */ jsx5("style", { children: `
           @keyframes gg-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
           @keyframes gg-spin{to{transform:rotate(360deg)}}
           @keyframes gg-b1{0%,100%{height:3px}40%{height:13px}}
@@ -4944,7 +5361,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && createPortal3(
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -4967,7 +5384,7 @@ function ReportDialog({
           },
           onPointerDown: (e) => e.stopPropagation(),
           onFocus: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs5(
             "div",
             {
               ref: modalRef,
@@ -4993,7 +5410,7 @@ function ReportDialog({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     style: {
@@ -5002,7 +5419,7 @@ function ReportDialog({
                       borderBottom: `1px solid ${t2.border}`
                     },
                     children: [
-                      /* @__PURE__ */ jsxs4(
+                      /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5011,7 +5428,7 @@ function ReportDialog({
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ jsxs4(
+                            /* @__PURE__ */ jsxs5(
                               "div",
                               {
                                 style: {
@@ -5020,7 +5437,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ jsx4(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ jsx5(
                                     "button",
                                     {
                                       type: "button",
@@ -5034,14 +5451,14 @@ function ReportDialog({
                                         alignItems: "center"
                                       },
                                       "aria-label": "Back",
-                                      children: /* @__PURE__ */ jsx4(
+                                      children: /* @__PURE__ */ jsx5(
                                         "svg",
                                         {
                                           width: "16",
                                           height: "16",
                                           viewBox: "0 0 16 16",
                                           fill: "none",
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M10 3L5 8L10 13",
@@ -5055,7 +5472,7 @@ function ReportDialog({
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx4(
+                                  /* @__PURE__ */ jsx5(
                                     "span",
                                     {
                                       style: {
@@ -5069,7 +5486,7 @@ function ReportDialog({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs4(
+                            /* @__PURE__ */ jsxs5(
                               "div",
                               {
                                 style: {
@@ -5078,7 +5495,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step === 1 && /* @__PURE__ */ jsx4(
+                                  step === 1 && /* @__PURE__ */ jsx5(
                                     "span",
                                     {
                                       title: "Press this anywhere to open Glitchgrab",
@@ -5096,7 +5513,7 @@ function ReportDialog({
                                       children: getShortcutLabel()
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx4(
+                                  /* @__PURE__ */ jsx5(
                                     "button",
                                     {
                                       type: "button",
@@ -5111,7 +5528,7 @@ function ReportDialog({
                                         justifyContent: "center"
                                       },
                                       "aria-label": "Close",
-                                      children: /* @__PURE__ */ jsx4(
+                                      children: /* @__PURE__ */ jsx5(
                                         "svg",
                                         {
                                           width: "16",
@@ -5119,7 +5536,7 @@ function ReportDialog({
                                           viewBox: "0 0 16 16",
                                           fill: "none",
                                           style: { display: "block" },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M4 4L12 12M12 4L4 12",
@@ -5138,7 +5555,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      availableTypes.length > 1 && /* @__PURE__ */ jsx4(
+                      availableTypes.length > 1 && /* @__PURE__ */ jsx5(
                         "div",
                         {
                           style: {
@@ -5148,12 +5565,12 @@ function ReportDialog({
                             gap: "0",
                             marginTop: "12px"
                           },
-                          children: [1, 2].map((s, i) => /* @__PURE__ */ jsxs4(
+                          children: [1, 2].map((s, i) => /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               style: { display: "flex", alignItems: "center" },
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     style: {
@@ -5165,7 +5582,7 @@ function ReportDialog({
                                     }
                                   }
                                 ),
-                                i < 1 && /* @__PURE__ */ jsx4(
+                                i < 1 && /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     style: {
@@ -5185,7 +5602,7 @@ function ReportDialog({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx5(
                   "div",
                   {
                     style: {
@@ -5194,7 +5611,7 @@ function ReportDialog({
                       flex: "1 1 auto",
                       minHeight: 0
                     },
-                    children: submitted ? /* @__PURE__ */ jsx4(
+                    children: submitted ? /* @__PURE__ */ jsx5(
                       "div",
                       {
                         style: {
@@ -5204,7 +5621,7 @@ function ReportDialog({
                           fontSize: "14px",
                           fontWeight: 500
                         },
-                        children: queuedMessage ? /* @__PURE__ */ jsx4(
+                        children: queuedMessage ? /* @__PURE__ */ jsx5(
                           "span",
                           {
                             style: {
@@ -5217,9 +5634,9 @@ function ReportDialog({
                           }
                         ) : addedToIssue ? `Added to #${addedToIssue}${addedAsRelated ? " as a related request" : ""}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
                       }
-                    ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      step === 1 && headerSlot ? /* @__PURE__ */ jsx4("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs4(
+                    ) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                      step === 1 && headerSlot ? /* @__PURE__ */ jsx5("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5236,16 +5653,16 @@ function ReportDialog({
                           },
                           onMouseLeave: () => setHoveredStar(0),
                           children: [
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               "span",
                               {
                                 style: { fontSize: "13px", fontWeight: 600, color: t2.text },
                                 children: "How are we doing?"
                               }
                             ),
-                            /* @__PURE__ */ jsx4("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
+                            /* @__PURE__ */ jsx5("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ jsx4(
+                              return /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5266,7 +5683,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ jsx4("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -5283,7 +5700,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs4(
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5293,13 +5710,13 @@ function ReportDialog({
                             marginBottom: "16px"
                           },
                           children: [
-                            /* @__PURE__ */ jsx4("span", { style: { flex: 1, height: "1px", background: t2.border } }),
-                            /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
-                            /* @__PURE__ */ jsx4("span", { style: { flex: 1, height: "1px", background: t2.border } })
+                            /* @__PURE__ */ jsx5("span", { style: { flex: 1, height: "1px", background: t2.border } }),
+                            /* @__PURE__ */ jsx5("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
+                            /* @__PURE__ */ jsx5("span", { style: { flex: 1, height: "1px", background: t2.border } })
                           ]
                         }
                       ),
-                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ jsxs4(
+                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5313,7 +5730,7 @@ function ReportDialog({
                             background: t2.inputBg
                           },
                           children: [
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               "img",
                               {
                                 src: screenshots[0],
@@ -5328,8 +5745,8 @@ function ReportDialog({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
+                            /* @__PURE__ */ jsx5(
                               "button",
                               {
                                 type: "button",
@@ -5350,7 +5767,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && /* @__PURE__ */ jsx4(
+                      step === 1 && /* @__PURE__ */ jsx5(
                         "div",
                         {
                           ref: tileGridRef,
@@ -5360,7 +5777,7 @@ function ReportDialog({
                             gridTemplateColumns: "1fr 1fr 1fr",
                             gap: "10px"
                           },
-                          children: availableTypes.map((type) => /* @__PURE__ */ jsxs4(
+                          children: availableTypes.map((type) => /* @__PURE__ */ jsxs5(
                             "button",
                             {
                               type: "button",
@@ -5391,7 +5808,7 @@ function ReportDialog({
                               },
                               children: [
                                 getTypeIcon(type, t2.accent, 22),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5409,8 +5826,8 @@ function ReportDialog({
                           ))
                         }
                       ),
-                      step === 2 && /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                        /* @__PURE__ */ jsxs4(
+                      step === 2 && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                        /* @__PURE__ */ jsxs5(
                           "button",
                           {
                             type: "button",
@@ -5434,11 +5851,11 @@ function ReportDialog({
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              availableTypes.length > 1 && /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ jsx5("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
-                        isRating && /* @__PURE__ */ jsx4(
+                        isRating && /* @__PURE__ */ jsx5(
                           "div",
                           {
                             style: {
@@ -5449,7 +5866,7 @@ function ReportDialog({
                             onMouseLeave: () => setHoveredStar(0),
                             children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ jsx4(
+                              return /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5466,7 +5883,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ jsx4("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -5482,7 +5899,7 @@ function ReportDialog({
                             })
                           }
                         ),
-                        assist && !isRating && !assistUsed && /* @__PURE__ */ jsxs4(
+                        assist && !isRating && !assistUsed && /* @__PURE__ */ jsxs5(
                           "button",
                           {
                             type: "button",
@@ -5509,7 +5926,7 @@ function ReportDialog({
                             },
                             title: "Answer a question or two and the assistant writes the report for you",
                             children: [
-                              /* @__PURE__ */ jsx4("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                 "path",
                                 {
                                   d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -5522,8 +5939,8 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs4("div", { style: { position: "relative" }, children: [
-                          /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsxs5("div", { style: { position: "relative" }, children: [
+                          /* @__PURE__ */ jsx5(
                             "textarea",
                             {
                               ref: textareaRef,
@@ -5565,7 +5982,7 @@ function ReportDialog({
                               autoFocus: true
                             }
                           ),
-                          (isListening || isTranscribing) && /* @__PURE__ */ jsxs4(
+                          (isListening || isTranscribing) && /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -5583,7 +6000,7 @@ function ReportDialog({
                                 zIndex: 1
                               },
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5598,7 +6015,7 @@ function ReportDialog({
                                   }
                                 ),
                                 isTranscribing ? "Transcribing\u2026" : "REC",
-                                isListening && !isTranscribing && /* @__PURE__ */ jsx4(
+                                isListening && !isTranscribing && /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5625,7 +6042,7 @@ function ReportDialog({
                                         dur: "0.55s",
                                         delay: "0.15s"
                                       }
-                                    ].map((b, i) => /* @__PURE__ */ jsx4(
+                                    ].map((b, i) => /* @__PURE__ */ jsx5(
                                       "span",
                                       {
                                         style: {
@@ -5645,7 +6062,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          enhanceText2 && /* @__PURE__ */ jsxs4(
+                          enhanceText2 && /* @__PURE__ */ jsxs5(
                             "button",
                             {
                               type: "button",
@@ -5690,7 +6107,7 @@ function ReportDialog({
                               },
                               title: "Polish grammar \u2014 preserves your meaning",
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "svg",
                                   {
                                     width: "11",
@@ -5698,7 +6115,7 @@ function ReportDialog({
                                     viewBox: "0 0 24 24",
                                     fill: "none",
                                     "aria-hidden": "true",
-                                    children: /* @__PURE__ */ jsx4(
+                                    children: /* @__PURE__ */ jsx5(
                                       "path",
                                       {
                                         d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -5713,7 +6130,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          transcribeAudio2 && /* @__PURE__ */ jsx4(
+                          transcribeAudio2 && /* @__PURE__ */ jsx5(
                             "button",
                             {
                               type: "button",
@@ -5739,7 +6156,7 @@ function ReportDialog({
                                 padding: 0,
                                 transition: "border-color 0.2s ease, color 0.2s ease"
                               },
-                              children: isListening ? /* @__PURE__ */ jsx4(
+                              children: isListening ? /* @__PURE__ */ jsx5(
                                 "svg",
                                 {
                                   width: "12",
@@ -5747,7 +6164,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "currentColor",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5(
                                     "rect",
                                     {
                                       x: "6",
@@ -5758,7 +6175,7 @@ function ReportDialog({
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ jsxs4(
+                              ) : /* @__PURE__ */ jsxs5(
                                 "svg",
                                 {
                                   width: "13",
@@ -5767,7 +6184,7 @@ function ReportDialog({
                                   fill: "none",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "rect",
                                       {
                                         x: "9",
@@ -5779,7 +6196,7 @@ function ReportDialog({
                                         strokeWidth: "1.8"
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "path",
                                       {
                                         d: "M5 10a7 7 0 0014 0M12 19v3M9 22h6",
@@ -5794,7 +6211,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ jsxs4(
+                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ jsxs5(
                           "div",
                           {
                             style: {
@@ -5808,16 +6225,16 @@ function ReportDialog({
                               userSelect: "none"
                             },
                             children: [
-                              /* @__PURE__ */ jsxs4("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                                /* @__PURE__ */ jsx4("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-                                /* @__PURE__ */ jsx4("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-                                /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+                              /* @__PURE__ */ jsxs5("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                                /* @__PURE__ */ jsx5("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+                                /* @__PURE__ */ jsx5("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                                /* @__PURE__ */ jsx5("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
                               ] }),
                               "Hold Space to speak \u2014 we'll transcribe it"
                             ]
                           }
                         ),
-                        isEnhanced && originalDescription !== null && /* @__PURE__ */ jsxs4(
+                        isEnhanced && originalDescription !== null && /* @__PURE__ */ jsxs5(
                           "div",
                           {
                             style: {
@@ -5831,7 +6248,7 @@ function ReportDialog({
                               border: `1px solid ${t2.accent}40`
                             },
                             children: [
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "svg",
                                 {
                                   width: "12",
@@ -5839,7 +6256,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "none",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z",
@@ -5850,7 +6267,7 @@ function ReportDialog({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "span",
                                 {
                                   style: {
@@ -5861,7 +6278,7 @@ function ReportDialog({
                                   children: "AI enhanced"
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5883,7 +6300,7 @@ function ReportDialog({
                                   children: "Keep"
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5909,7 +6326,7 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        voiceError && /* @__PURE__ */ jsx4(
+                        voiceError && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             role: "alert",
@@ -5923,7 +6340,7 @@ function ReportDialog({
                             children: voiceError
                           }
                         ),
-                        assistNotice && /* @__PURE__ */ jsx4(
+                        assistNotice && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             style: {
@@ -5936,8 +6353,8 @@ function ReportDialog({
                             children: assistNotice
                           }
                         ),
-                        !isRating && /* @__PURE__ */ jsxs4("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ jsxs4(
+                        !isRating && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -5953,7 +6370,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ jsxs4(
+                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               style: {
@@ -5963,7 +6380,7 @@ function ReportDialog({
                                 marginBottom: "8px"
                               },
                               children: [
-                                shotPending && /* @__PURE__ */ jsx4(
+                                shotPending && /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     role: "status",
@@ -5988,7 +6405,7 @@ function ReportDialog({
                                     children: "Capturing\u2026"
                                   }
                                 ),
-                                screenshots.map((src, i) => /* @__PURE__ */ jsxs4(
+                                screenshots.map((src, i) => /* @__PURE__ */ jsxs5(
                                   "div",
                                   {
                                     style: {
@@ -5997,7 +6414,7 @@ function ReportDialog({
                                       height: "56px"
                                     },
                                     children: [
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "img",
                                         {
                                           src,
@@ -6015,7 +6432,7 @@ function ReportDialog({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "button",
                                         {
                                           type: "button",
@@ -6041,14 +6458,14 @@ function ReportDialog({
                                             alignItems: "center",
                                             justifyContent: "center"
                                           },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "svg",
                                             {
                                               width: "8",
                                               height: "8",
                                               viewBox: "0 0 10 10",
                                               fill: "none",
-                                              children: /* @__PURE__ */ jsx4(
+                                              children: /* @__PURE__ */ jsx5(
                                                 "path",
                                                 {
                                                   d: "M1 1L9 9M9 1L1 9",
@@ -6061,7 +6478,7 @@ function ReportDialog({
                                           )
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "button",
                                         {
                                           type: "button",
@@ -6086,14 +6503,14 @@ function ReportDialog({
                                             justifyContent: "center",
                                             boxShadow: "0 2px 8px rgba(0,0,0,0.45)"
                                           },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "svg",
                                             {
                                               width: "12",
                                               height: "12",
                                               viewBox: "0 0 24 24",
                                               fill: "none",
-                                              children: /* @__PURE__ */ jsx4(
+                                              children: /* @__PURE__ */ jsx5(
                                                 "path",
                                                 {
                                                   d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -6114,7 +6531,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          attachments.length > 0 && /* @__PURE__ */ jsx4(
+                          attachments.length > 0 && /* @__PURE__ */ jsx5(
                             "div",
                             {
                               style: {
@@ -6123,7 +6540,7 @@ function ReportDialog({
                                 gap: "6px",
                                 marginBottom: "8px"
                               },
-                              children: attachments.map((a, i) => /* @__PURE__ */ jsxs4(
+                              children: attachments.map((a, i) => /* @__PURE__ */ jsxs5(
                                 "div",
                                 {
                                   style: {
@@ -6135,7 +6552,7 @@ function ReportDialog({
                                     border: `1px solid ${t2.border}`
                                   },
                                   children: [
-                                    /* @__PURE__ */ jsxs4(
+                                    /* @__PURE__ */ jsxs5(
                                       "svg",
                                       {
                                         width: "14",
@@ -6144,7 +6561,7 @@ function ReportDialog({
                                         fill: "none",
                                         style: { flexShrink: 0, opacity: 0.6 },
                                         children: [
-                                          /* @__PURE__ */ jsx4(
+                                          /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z",
@@ -6154,7 +6571,7 @@ function ReportDialog({
                                               strokeLinejoin: "round"
                                             }
                                           ),
-                                          /* @__PURE__ */ jsx4(
+                                          /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M14 2v6h6",
@@ -6167,7 +6584,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "span",
                                       {
                                         style: {
@@ -6181,7 +6598,7 @@ function ReportDialog({
                                         children: a.name
                                       }
                                     ),
-                                    /* @__PURE__ */ jsxs4(
+                                    /* @__PURE__ */ jsxs5(
                                       "span",
                                       {
                                         style: { fontSize: "10px", color: t2.textMuted },
@@ -6191,7 +6608,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "button",
                                       {
                                         type: "button",
@@ -6215,14 +6632,14 @@ function ReportDialog({
                                           justifyContent: "center",
                                           flexShrink: 0
                                         },
-                                        children: /* @__PURE__ */ jsx4(
+                                        children: /* @__PURE__ */ jsx5(
                                           "svg",
                                           {
                                             width: "8",
                                             height: "8",
                                             viewBox: "0 0 10 10",
                                             fill: "none",
-                                            children: /* @__PURE__ */ jsx4(
+                                            children: /* @__PURE__ */ jsx5(
                                               "path",
                                               {
                                                 d: "M1 1L9 9M9 1L1 9",
@@ -6241,7 +6658,7 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5(
                             "div",
                             {
                               onClick: () => {
@@ -6267,7 +6684,7 @@ function ReportDialog({
                                 background: screenshotDragOver ? isDark ? "rgba(34,211,238,0.06)" : "rgba(8,145,178,0.04)" : "transparent",
                                 transition: "border-color 0.15s ease, background 0.15s ease"
                               },
-                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ jsx4(
+                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ jsx5(
                                 "p",
                                 {
                                   style: {
@@ -6278,8 +6695,8 @@ function ReportDialog({
                                   },
                                   children: screenshotDragOver ? "Drop to attach" : "+ Add more \xB7 Drag & drop \xB7 Paste"
                                 }
-                              ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                /* @__PURE__ */ jsxs4(
+                              ) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                /* @__PURE__ */ jsxs5(
                                   "svg",
                                   {
                                     width: "22",
@@ -6292,7 +6709,7 @@ function ReportDialog({
                                       opacity: 0.45
                                     },
                                     children: [
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "rect",
                                         {
                                           x: "3",
@@ -6304,7 +6721,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "circle",
                                         {
                                           cx: "8.5",
@@ -6314,7 +6731,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "path",
                                         {
                                           d: "M21 15l-5-5L5 21",
@@ -6327,7 +6744,7 @@ function ReportDialog({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "p",
                                   {
                                     style: {
@@ -6339,7 +6756,7 @@ function ReportDialog({
                                     children: screenshotDragOver ? "Drop to attach" : "Add screenshots or files"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "p",
                                   {
                                     style: {
@@ -6354,8 +6771,8 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        showSeverity && reportType === "BUG" && /* @__PURE__ */ jsxs4("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ jsxs4(
+                        showSeverity && reportType === "BUG" && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -6368,7 +6785,7 @@ function ReportDialog({
                               },
                               children: [
                                 "How bad is it?",
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -6381,7 +6798,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5(
                             "div",
                             {
                               role: "radiogroup",
@@ -6389,7 +6806,7 @@ function ReportDialog({
                               style: { display: "flex", gap: "6px" },
                               children: SEVERITY_LEVELS.map((s) => {
                                 const on = severity === s;
-                                return /* @__PURE__ */ jsx4(
+                                return /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6430,7 +6847,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        validationError && /* @__PURE__ */ jsx4(
+                        validationError && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             style: {
@@ -6445,7 +6862,7 @@ function ReportDialog({
                           // Same visual language as the assistant's "Our team is
                           // already on this" card, so both routes to a duplicate
                           // read as one feature.
-                          /* @__PURE__ */ jsxs4(
+                          /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               "data-gg-similar": "",
@@ -6460,11 +6877,11 @@ function ReportDialog({
                                 backgroundColor: "rgba(245,158,11,0.08)"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
-                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
+                                /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                                  /* @__PURE__ */ jsx5("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+                                  /* @__PURE__ */ jsx5("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
                                 ] }),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     role: "radiogroup",
@@ -6472,7 +6889,7 @@ function ReportDialog({
                                     style: { display: "flex", flexDirection: "column", gap: "6px" },
                                     children: similarIssues.map((issue) => {
                                       const picked = pickedSimilar === issue.number;
-                                      return /* @__PURE__ */ jsxs4(
+                                      return /* @__PURE__ */ jsxs5(
                                         "button",
                                         {
                                           type: "button",
@@ -6497,7 +6914,7 @@ function ReportDialog({
                                             fontFamily: "inherit"
                                           },
                                           children: [
-                                            /* @__PURE__ */ jsx4(
+                                            /* @__PURE__ */ jsx5(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -6514,7 +6931,7 @@ function ReportDialog({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ jsxs4(
+                                            /* @__PURE__ */ jsxs5(
                                               "span",
                                               {
                                                 style: {
@@ -6524,7 +6941,7 @@ function ReportDialog({
                                                   minWidth: 0
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsxs4(
+                                                  /* @__PURE__ */ jsxs5(
                                                     "span",
                                                     {
                                                       title: issue.title,
@@ -6538,7 +6955,7 @@ function ReportDialog({
                                                         WebkitBoxOrient: "vertical"
                                                       },
                                                       children: [
-                                                        /* @__PURE__ */ jsxs4("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
+                                                        /* @__PURE__ */ jsxs5("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
                                                           "#",
                                                           issue.number
                                                         ] }),
@@ -6547,7 +6964,7 @@ function ReportDialog({
                                                       ]
                                                     }
                                                   ),
-                                                  issue.status && /* @__PURE__ */ jsx4("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
+                                                  issue.status && /* @__PURE__ */ jsx5("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
                                                 ]
                                               }
                                             )
@@ -6558,7 +6975,7 @@ function ReportDialog({
                                     })
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6583,15 +7000,15 @@ function ReportDialog({
                                       cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
                                   }
                                 ),
-                                pickedSimilar && /* @__PURE__ */ jsx4(
+                                pickedSimilar && /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6616,15 +7033,15 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : `Related request \u2014 add to #${pickedSimilar}`
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6649,8 +7066,8 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: attachingTo === "new" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: attachingTo === "new" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Sending as new\u2026"
                                     ] }) : "No, mine is different \u2014 send as new"
                                   }
@@ -6658,7 +7075,7 @@ function ReportDialog({
                               ]
                             }
                           )
-                        ) : /* @__PURE__ */ jsx4(
+                        ) : /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -6678,8 +7095,8 @@ function ReportDialog({
                               fontFamily: "inherit",
                               transition: "background-color 0.15s ease"
                             },
-                            children: checkingSimilar ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                              /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                            children: checkingSimilar ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                              /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                               "Checking for existing reports\u2026"
                             ] }) : isSubmitting ? shotPending && !isRating ? "Attaching screenshot\u2026" : "Sending..." : isRating ? "Send Rating" : "Send Report"
                           }
@@ -6688,7 +7105,7 @@ function ReportDialog({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     style: {
@@ -6700,8 +7117,8 @@ function ReportDialog({
                       gap: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx4(ReporterChip, { reporter, t: t2 }),
-                      reportGlitchgrabProblem ? /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsx5(ReporterChip, { reporter, t: t2 }),
+                      reportGlitchgrabProblem ? /* @__PURE__ */ jsx5(
                         "button",
                         {
                           type: "button",
@@ -6728,7 +7145,7 @@ function ReportDialog({
                           },
                           children: "Problem with Glitchgrab?"
                         }
-                      ) : /* @__PURE__ */ jsx4(
+                      ) : /* @__PURE__ */ jsx5(
                         "span",
                         {
                           style: {
@@ -6750,7 +7167,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "input",
       {
         ref: fileInputRef,
@@ -6762,7 +7179,7 @@ function ReportDialog({
       }
     ),
     isOpen && previewIndex !== null && screenshots[previewIndex] && createPortal3(
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -6784,7 +7201,7 @@ function ReportDialog({
           },
           onMouseDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs5(
               "div",
               {
                 ref: previewImgRef,
@@ -6796,7 +7213,7 @@ function ReportDialog({
                 },
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(
                     "div",
                     {
                       ref: previewScrollRef,
@@ -6815,7 +7232,7 @@ function ReportDialog({
                         touchAction: "none",
                         cursor: "grab"
                       } : { maxWidth: "100%", lineHeight: 0 },
-                      children: /* @__PURE__ */ jsx4(
+                      children: /* @__PURE__ */ jsx5(
                         "img",
                         {
                           ref: previewImgElRef,
@@ -6843,7 +7260,7 @@ function ReportDialog({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxs4(
+                  /* @__PURE__ */ jsxs5(
                     "button",
                     {
                       type: "button",
@@ -6871,7 +7288,7 @@ function ReportDialog({
                         animation: "gg-pulse 2s ease-in-out infinite"
                       },
                       children: [
-                        /* @__PURE__ */ jsx4("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx5(
                           "path",
                           {
                             d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -6888,7 +7305,7 @@ function ReportDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 style: {
@@ -6897,7 +7314,7 @@ function ReportDialog({
                   alignItems: "center",
                   gap: "12px"
                 },
-                children: /* @__PURE__ */ jsx4(
+                children: /* @__PURE__ */ jsx5(
                   "span",
                   {
                     style: {
@@ -6919,7 +7336,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && annotatingIndex !== null && screenshots[annotatingIndex] && createPortal3(
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         AnnotationCanvas,
         {
           imageSrc: screenshots[annotatingIndex],
@@ -6935,7 +7352,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ jsx4(
+    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ jsx5(
       GlitchgrabProblemPanel,
       {
         send: reportGlitchgrabProblem,
@@ -6948,7 +7365,7 @@ function ReportDialog({
         onClose: () => setSelfReportFrom(null)
       }
     ),
-    isOpen && sheetUp && /* @__PURE__ */ jsx4(
+    isOpen && sheetUp && /* @__PURE__ */ jsx5(
       AssistSheet,
       {
         assist,
@@ -7049,7 +7466,7 @@ function getTypeIcon(type, color, size = 24) {
   };
   switch (type) {
     case "RATING":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -7059,7 +7476,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "BUG":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M8 2L6.5 3.5M16 2L17.5 3.5M3 9H7M17 9H21M12 2a5 5 0 015 5v4a5 5 0 01-10 0V7a5 5 0 015-5zM7 16l-2 3M17 16l2 3",
@@ -7069,7 +7486,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "FEATURE_REQUEST":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2z",
@@ -7079,8 +7496,8 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "UI_IMPROVEMENT":
-      return /* @__PURE__ */ jsxs4("svg", { ...props, children: [
-        /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs5("svg", { ...props, children: [
+        /* @__PURE__ */ jsx5(
           "rect",
           {
             x: "3",
@@ -7092,7 +7509,7 @@ function getTypeIcon(type, color, size = 24) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M3 9h18M9 21V9",
@@ -7103,7 +7520,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "PERFORMANCE":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 21a9 9 0 100-18 9 9 0 000 18zM12 12l4-4M12 7v.01",
@@ -7114,7 +7531,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "SECURITY":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z",
@@ -7124,9 +7541,9 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "QUESTION":
-      return /* @__PURE__ */ jsxs4("svg", { ...props, children: [
-        /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
-        /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs5("svg", { ...props, children: [
+        /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01",
@@ -7138,7 +7555,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "OTHER":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z",
@@ -7152,7 +7569,7 @@ function getTypeIcon(type, color, size = 24) {
 
 // src/booking-dialog.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var t = {
   bg: "#141414",
   surface: "#1c1c1c",
@@ -7314,7 +7731,7 @@ function BookingDialog({
     }
   }
   const canSubmitDetails = name.trim() && email.includes("@") && phone.replace(/\D/g, "").length >= 8;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       onClick: (e) => {
@@ -7331,7 +7748,7 @@ function BookingDialog({
         padding: 16,
         fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
       },
-      children: /* @__PURE__ */ jsxs5(
+      children: /* @__PURE__ */ jsxs6(
         "div",
         {
           role: "dialog",
@@ -7349,7 +7766,7 @@ function BookingDialog({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6(
               "div",
               {
                 style: {
@@ -7361,11 +7778,11 @@ function BookingDialog({
                   gap: 12
                 },
                 children: [
-                  /* @__PURE__ */ jsxs5("div", { children: [
-                    /* @__PURE__ */ jsx5("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
-                    heading.description && /* @__PURE__ */ jsx5("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
+                  /* @__PURE__ */ jsxs6("div", { children: [
+                    /* @__PURE__ */ jsx6("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
+                    heading.description && /* @__PURE__ */ jsx6("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
                   ] }),
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: onClose,
@@ -7377,10 +7794,10 @@ function BookingDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs5("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
-              error && /* @__PURE__ */ jsx5("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
-              step === "slots" && /* @__PURE__ */ jsxs5(Fragment4, { children: [
-                whatsappUrl && /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
+              error && /* @__PURE__ */ jsx6("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
+              step === "slots" && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+                whatsappUrl && /* @__PURE__ */ jsxs6(
                   "a",
                   {
                     href: whatsappUrl,
@@ -7399,15 +7816,15 @@ function BookingDialog({
                     },
                     children: [
                       "\u{1F4AC} Rather book on WhatsApp?",
-                      /* @__PURE__ */ jsx5("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
+                      /* @__PURE__ */ jsx6("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
                     ]
                   }
                 ),
-                slots === null && /* @__PURE__ */ jsx5("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
-                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ jsx5("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
-                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ jsxs5("div", { style: { marginBottom: 18 }, children: [
-                  /* @__PURE__ */ jsx5("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
-                  /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ jsx5(
+                slots === null && /* @__PURE__ */ jsx6("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
+                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ jsx6("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
+                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ jsxs6("div", { style: { marginBottom: 18 }, children: [
+                  /* @__PURE__ */ jsx6("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
+                  /* @__PURE__ */ jsx6("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: () => {
@@ -7429,13 +7846,13 @@ function BookingDialog({
                   )) })
                 ] }, day))
               ] }),
-              step === "details" && selected && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsxs5("div", { style: { fontSize: 13, color: t.muted }, children: [
+              step === "details" && selected && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsxs6("div", { style: { fontSize: 13, color: t.muted }, children: [
                   formatDay(selected.startsAt),
                   " \xB7 ",
                   formatTime(selected.startsAt),
                   " \xB7 ",
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: () => setStep("slots"),
@@ -7444,9 +7861,9 @@ function BookingDialog({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx5(Field, { label: "Your name", value: name, onChange: setName }),
-                /* @__PURE__ */ jsx5(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Field, { label: "Your name", value: name, onChange: setName }),
+                /* @__PURE__ */ jsx6(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
+                /* @__PURE__ */ jsx6(
                   Field,
                   {
                     label: "Mobile number",
@@ -7456,8 +7873,8 @@ function BookingDialog({
                     hint: "We send a code here to confirm, then a reminder before the call."
                   }
                 ),
-                /* @__PURE__ */ jsx5(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: startBooking,
@@ -7467,10 +7884,10 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "code" && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsx5("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
-                /* @__PURE__ */ jsx5(Field, { label: "Code", value: code, onChange: setCode }),
-                /* @__PURE__ */ jsx5(
+              step === "code" && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
+                /* @__PURE__ */ jsx6(Field, { label: "Code", value: code, onChange: setCode }),
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: confirmBooking,
@@ -7480,15 +7897,15 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "done" && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsx5("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
-                /* @__PURE__ */ jsxs5("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
+              step === "done" && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsx6("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
+                /* @__PURE__ */ jsxs6("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
                   selected && `${formatDay(selected.startsAt)} at ${formatTime(selected.startsAt)}. `,
                   "A calendar invite is on its way to ",
                   email,
                   ", and we'll send a WhatsApp reminder before the call."
                 ] }),
-                meetUrl && /* @__PURE__ */ jsx5("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
+                meetUrl && /* @__PURE__ */ jsx6("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
               ] })
             ] })
           ]
@@ -7517,9 +7934,9 @@ function Field({
   type = "text",
   hint
 }) {
-  return /* @__PURE__ */ jsxs5("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
+  return /* @__PURE__ */ jsxs6("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
     label,
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "input",
       {
         type,
@@ -7540,7 +7957,7 @@ function Field({
         }
       }
     ),
-    hint && /* @__PURE__ */ jsx5("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
+    hint && /* @__PURE__ */ jsx6("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
   ] });
 }
 
@@ -7681,7 +8098,7 @@ function matchesShortcut(e) {
 }
 
 // src/provider.tsx
-import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_BASE_URL2 = "https://glitchgrab.dev";
 var GlitchgrabContext = createContext(null);
 function useGlitchgrab() {
@@ -8163,7 +8580,7 @@ function GlitchgrabProviderInner({
   useEffect6(() => {
     setShortcutLabel(getShortcutLabel2());
   }, []);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     GlitchgrabContext.Provider,
     {
       value: {
@@ -8183,7 +8600,7 @@ function GlitchgrabProviderInner({
         shortcutLabel
       },
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           GlitchgrabErrorBoundary,
           {
             token,
@@ -8195,7 +8612,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           BookingDialog,
           {
             token,
@@ -8204,7 +8621,7 @@ function GlitchgrabProviderInner({
             onClose: () => setBookingOpen(false)
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           ReportDialog,
           {
             report,
@@ -8217,9 +8634,9 @@ function GlitchgrabProviderInner({
             types,
             showSeverity,
             reporter,
-            headerSlot: projectName ? /* @__PURE__ */ jsxs6("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
+            headerSlot: projectName ? /* @__PURE__ */ jsxs7("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
               "Reporting to ",
-              /* @__PURE__ */ jsx6("strong", { style: { color: "#e5e5e5" }, children: projectName })
+              /* @__PURE__ */ jsx7("strong", { style: { color: "#e5e5e5" }, children: projectName })
             ] }) : null
           }
         )
@@ -8228,21 +8645,21 @@ function GlitchgrabProviderInner({
   );
 }
 function GlitchgrabProvider(props) {
-  if (!props.token) return /* @__PURE__ */ jsx6(Fragment5, { children: props.children });
+  if (!props.token) return /* @__PURE__ */ jsx7(Fragment6, { children: props.children });
   const resolvedProps = {
     ...props,
     baseUrl: props.baseUrl || DEFAULT_BASE_URL2
   };
   try {
-    return /* @__PURE__ */ jsx6(GlitchgrabProviderInner, { ...resolvedProps });
+    return /* @__PURE__ */ jsx7(GlitchgrabProviderInner, { ...resolvedProps });
   } catch (e) {
-    return /* @__PURE__ */ jsx6(Fragment5, { children: props.children });
+    return /* @__PURE__ */ jsx7(Fragment6, { children: props.children });
   }
 }
 
 // src/report-button.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function useGlitchgrabSafe() {
   try {
     return useGlitchgrab();
@@ -8266,7 +8683,7 @@ function ReportButton({
     setCapturing(false);
   };
   if (children) {
-    return /* @__PURE__ */ jsx7(Fragment6, { children: children({ onClick: handleClick, capturing }) });
+    return /* @__PURE__ */ jsx8(Fragment7, { children: children({ onClick: handleClick, capturing }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -8274,7 +8691,7 @@ function ReportButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       type: "button",
@@ -8309,7 +8726,7 @@ function ReportButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "svg",
           {
             width: "16",
@@ -8317,7 +8734,7 @@ function ReportButton({
             viewBox: "0 0 16 16",
             fill: "none",
             style: { flexShrink: 0 },
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx8(
               "path",
               {
                 d: "M8 1C4.134 1 1 4.134 1 8s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7zm0 12.5a.75.75 0 110-1.5.75.75 0 010 1.5zm.75-3.5a.75.75 0 01-1.5 0V5a.75.75 0 011.5 0v5z",
@@ -8333,15 +8750,15 @@ function ReportButton({
 }
 
 // src/book-demo-button.tsx
-import { Fragment as Fragment7, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx9 } from "react/jsx-runtime";
 function BookDemoButton({
   label = "Book a demo",
   className,
   children
 }) {
   const { openBookingDialog } = useGlitchgrab();
-  if (children) return /* @__PURE__ */ jsx8(Fragment7, { children: children({ onClick: openBookingDialog }) });
-  return /* @__PURE__ */ jsx8(
+  if (children) return /* @__PURE__ */ jsx9(Fragment8, { children: children({ onClick: openBookingDialog }) });
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       type: "button",
@@ -8363,7 +8780,7 @@ function BookDemoButton({
 }
 
 // src/feedback-button.tsx
-import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function useGlitchgrabSafe2() {
   try {
     return useGlitchgrab();
@@ -8382,7 +8799,7 @@ function FeedbackButton({
   if (!glitchgrab) return null;
   const handleClick = () => glitchgrab.openFeedbackDialog();
   if (children) {
-    return /* @__PURE__ */ jsx9(Fragment8, { children: children({ onClick: handleClick }) });
+    return /* @__PURE__ */ jsx10(Fragment9, { children: children({ onClick: handleClick }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -8390,7 +8807,7 @@ function FeedbackButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "button",
     {
       type: "button",
@@ -8423,7 +8840,7 @@ function FeedbackButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "svg",
           {
             width: "16",
@@ -8432,7 +8849,7 @@ function FeedbackButton({
             fill: "none",
             style: { flexShrink: 0 },
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "path",
               {
                 d: "M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3 1.1-6.5L2.6 9.3l6.5-.9L12 2.5z",