glitchgrab 1.48.0 → 1.48.1

package/dist/index.js

@@ -1013,10 +1013,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react3 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var import_react4 = require("react");
 var import_react_dom3 = require("react-dom");
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var MAX_SCREENSHOT_DATA_URL_LENGTH = 18e5;
 var QUALITY_LADDER = [0.92, 0.85, 0.75];
 var DOWNSCALE_FACTOR = 0.7;
@@ -1447,6 +1448,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__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)(
+          "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__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("strong", { style: { fontWeight: 700 }, children: inner }, k) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+          "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__ */ (0, import_jsx_runtime2.jsx)("code", { style: { fontFamily: "inherit" }, children: body.join("\n") })
+          },
+          k
+        )
+      );
+      continue;
+    }
+    if (m = HEADING.exec(line)) {
+      const level = m[1].length;
+      out.push(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "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__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+          "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__ */ (0, import_jsx_runtime2.jsx)("div", { style: { overflowX: "auto", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { style: { borderCollapse: "collapse", fontSize: "12px", margin: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: head.map((h, c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: { ...cell(c), fontWeight: 600, backgroundColor: theme.bg }, children: renderInline(h, theme, `${k}h${c}`) }, c)) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: rows.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: head.map((_, c) => {
+            var _a;
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+          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__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", style: { marginRight: "6px" }, children: task[1] === " " ? "\u2610" : "\u2611" }) : null;
+              const simple = body.filter((x) => x.trim()).length === 1;
+              return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "li",
+                {
+                  style: {
+                    display: "list-item",
+                    marginTop: n ? "3px" : 0,
+                    paddingLeft: "2px",
+                    listStyleType: task ? "none" : void 0
+                  },
+                  children: simple ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                    box,
+                    renderInline(body[0], theme, ik)
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: STACK, children: [
+                    box ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("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__ */ (0, import_jsx_runtime2.jsx)("div", { children: para.flatMap((p, n) => {
+        const inline = renderInline(p, theme, `${k}p${n}`);
+        return n ? [/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}, `${k}br${n}`), ...inline] : inline;
+      }) }, k)
+    );
+  }
+  return out;
+}
+function ChatMarkdown({ text, theme }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: STACK, children: renderBlocks(text.replace(/\r\n?/g, "\n").split("\n"), theme, "md") });
+}
 function pickAssistImages(all) {
   const picked = [];
   let total = 0;
@@ -1489,7 +1896,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] = (0, import_react3.useState)(false);
@@ -1506,7 +1913,7 @@ function useIsNarrow() {
   return narrow;
 }
 function Sparkle({ color, size = 14 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "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",
@@ -1522,7 +1929,7 @@ function Avatar({
   initials
 }) {
   const isAi = who === "assistant";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -1541,9 +1948,9 @@ function Avatar({
         fontSize: "10px",
         fontWeight: 700
       },
-      children: isAi ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: isAi ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "path",
           {
             d: "M5 20c0-3.6 3.1-5.6 7-5.6s7 2 7 5.6",
@@ -1823,7 +2230,7 @@ function AssistSheet({
   const empty = phase === "chat" && messages.length === 0 && !busy;
   function renderKnownIssue({ title, footer }) {
     if (!duplicate) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         "data-gg-known-issue": "",
@@ -1840,15 +2247,15 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
             " ",
             duplicate.title
           ] }),
-          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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 })
         ]
       }
     );
@@ -1871,16 +2278,16 @@ function AssistSheet({
     animation: "gg-sheet-in .22s cubic-bezier(.2,.8,.2,1)"
   };
   return (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -1900,7 +2307,7 @@ function AssistSheet({
           },
           onClick: () => leave("closed"),
           onPointerDown: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               onClick: (e) => e.stopPropagation(),
@@ -1921,7 +2328,7 @@ function AssistSheet({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "div",
                   {
                     "data-gg-sheet-header": "",
@@ -1936,8 +2343,8 @@ function AssistSheet({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { minWidth: 0 }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "div",
                           {
                             style: {
@@ -1948,9 +2355,9 @@ function AssistSheet({
                               fontWeight: 600
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sparkle, { color: t2.accent }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Sparkle, { color: t2.accent }),
                               "Describe it with AI",
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -1969,13 +2376,13 @@ function AssistSheet({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("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__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
+                          projectSlot ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "button",
                         {
                           type: "button",
@@ -2002,7 +2409,7 @@ function AssistSheet({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     ref: scrollRef,
@@ -2014,7 +2421,7 @@ function AssistSheet({
                       display: "flex",
                       flexDirection: "column"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                       "div",
                       {
                         style: {
@@ -2025,10 +2432,10 @@ function AssistSheet({
                           minWidth: 0
                         },
                         children: [
-                          phase === "type" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          phase === "type" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -2046,7 +2453,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "div",
                               {
                                 style: {
@@ -2057,7 +2464,7 @@ function AssistSheet({
                                 },
                                 children: tiles.map((tile) => {
                                   const rate = tile === "RATING";
-                                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2090,10 +2497,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "severity" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          phase === "severity" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -2108,7 +2515,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "div",
                               {
                                 role: "radiogroup",
@@ -2119,7 +2526,7 @@ function AssistSheet({
                                   gap: "6px",
                                   paddingLeft: "32px"
                                 },
-                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -2146,10 +2553,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "rating" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          phase === "rating" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -2164,7 +2571,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2178,9 +2585,9 @@ function AssistSheet({
                                   backgroundColor: "rgba(245,158,11,0.06)"
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+                                    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -2196,7 +2603,7 @@ function AssistSheet({
                                           cursor: "pointer",
                                           lineHeight: 0
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "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",
@@ -2210,7 +2617,7 @@ function AssistSheet({
                                       star
                                     );
                                   }) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "textarea",
                                     {
                                       value: description,
@@ -2233,7 +2640,7 @@ function AssistSheet({
                                       }
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2257,10 +2664,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          empty && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          empty && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -2278,7 +2685,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "div",
                               {
                                 style: {
@@ -2287,7 +2694,7 @@ function AssistSheet({
                                   gap: "6px",
                                   paddingLeft: "32px"
                                 },
-                                children: STARTERS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                children: STARTERS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -2317,9 +2724,9 @@ function AssistSheet({
                             const mine = m.role === "user";
                             if (m.kind === "report") {
                               const live = phase === "draft" && i === messages.length - 1;
-                              return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "div",
                                   {
                                     "data-gg-draft-bubble": "",
@@ -2338,8 +2745,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__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "span",
                                         {
                                           style: {
@@ -2354,7 +2761,7 @@ function AssistSheet({
                                           children: "Draft so far"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "span",
                                         {
                                           style: {
@@ -2373,7 +2780,7 @@ function AssistSheet({
                                 )
                               ] }, i);
                             }
-                            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2383,22 +2790,24 @@ function AssistSheet({
                                   flexDirection: mine ? "row-reverse" : "row"
                                 },
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: m.role, theme: t2, initials }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: m.role, theme: t2, initials }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "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__ */ (0, import_jsx_runtime3.jsx)(ChatMarkdown, { text: m.content, theme: t2 })
                                     }
                                   )
                                 ]
@@ -2406,8 +2815,8 @@ function AssistSheet({
                               i
                             );
                           }),
-                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
-                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
+                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               "data-gg-glitchgrab-offer": "",
@@ -2423,10 +2832,10 @@ function AssistSheet({
                                 lineHeight: 1.5
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2455,7 +2864,7 @@ function AssistSheet({
                                       children: "Send to the Glitchgrab team"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2482,7 +2891,7 @@ function AssistSheet({
                               ]
                             }
                           ) }),
-                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "div",
                             {
                               style: {
@@ -2497,7 +2906,7 @@ function AssistSheet({
                                 gap: "6px",
                                 paddingLeft: "32px"
                               },
-                              children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -2526,9 +2935,9 @@ function AssistSheet({
                               ))
                             }
                           ),
-                          busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          busy && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "span",
                               {
                                 style: {
@@ -2539,7 +2948,7 @@ function AssistSheet({
                                   borderRadius: "12px 12px 12px 4px",
                                   backgroundColor: t2.bgSecondary
                                 },
-                                children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2555,7 +2964,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          phase === "draft" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               style: {
@@ -2570,7 +2979,7 @@ function AssistSheet({
                                 boxSizing: "border-box"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2587,7 +2996,7 @@ function AssistSheet({
                                   title: true,
                                   footer: "Your details will be added to it instead of opening a new issue."
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "textarea",
                                   {
                                     ref: draftRef,
@@ -2614,8 +3023,8 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && autoFileLeft === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                     "span",
                                     {
                                       style: {
@@ -2626,7 +3035,7 @@ function AssistSheet({
                                       },
                                       children: [
                                         "How bad is it?",
-                                        !severity && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        !severity && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "span",
                                           {
                                             style: {
@@ -2640,7 +3049,7 @@ function AssistSheet({
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "div",
                                     {
                                       role: "radiogroup",
@@ -2648,7 +3057,7 @@ function AssistSheet({
                                       style: { display: "flex", gap: "6px" },
                                       children: SEVERITY_LEVELS.map((s) => {
                                         const on = severity === s;
-                                        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "button",
                                           {
                                             type: "button",
@@ -2679,7 +3088,7 @@ function AssistSheet({
                                     }
                                   )
                                 ] }),
-                                attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
+                                attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
                                   attachmentCount,
                                   " ",
                                   attachmentCount === 1 ? "attachment" : "attachments",
@@ -2688,10 +3097,10 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          phase === "solved" && solved && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          phase === "solved" && solved && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -2707,7 +3116,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "span",
                               {
                                 style: { fontSize: "11.5px", color: t2.textMuted, paddingLeft: "32px" },
@@ -2715,7 +3124,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               style: {
@@ -2736,7 +3145,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "div",
                   {
                     style: {
@@ -2747,7 +3156,7 @@ function AssistSheet({
                       backgroundColor: t2.bg
                     },
                     children: [
-                      phase === "solved" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      phase === "solved" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "button",
                         {
                           type: "button",
@@ -2767,7 +3176,7 @@ function AssistSheet({
                           },
                           children: "Done"
                         }
-                      ) : phase === "rating" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      ) : phase === "rating" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "button",
                         {
                           type: "button",
@@ -2793,8 +3202,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__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               style: {
@@ -2807,7 +3216,7 @@ function AssistSheet({
                               children: [
                                 screenshots.map((shot, i) => {
                                   const read = readShots.has(shot);
-                                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                     "div",
                                     {
                                       style: {
@@ -2817,7 +3226,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "img",
                                           {
                                             src: shot,
@@ -2835,7 +3244,7 @@ function AssistSheet({
                                             }
                                           }
                                         ),
-                                        onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "button",
                                           {
                                             type: "button",
@@ -2865,7 +3274,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2881,7 +3290,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -2902,7 +3311,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__ */ (0, import_jsx_runtime2.jsxs)(
+                                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                     "div",
                                     {
                                       "data-gg-assist-file": "",
@@ -2923,7 +3332,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "path",
                                           {
                                             d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
@@ -2933,7 +3342,7 @@ function AssistSheet({
                                             strokeLinejoin: "round"
                                           }
                                         ) }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "span",
                                           {
                                             style: {
@@ -2946,7 +3355,7 @@ function AssistSheet({
                                             children: file.name
                                           }
                                         ),
-                                        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "button",
                                           {
                                             type: "button",
@@ -2973,7 +3382,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2989,7 +3398,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -3007,7 +3416,7 @@ function AssistSheet({
                                     `file-${i}-${file.name}`
                                   );
                                 }),
-                                onAddFiles && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                onAddFiles && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                   "label",
                                   {
                                     "data-gg-assist-attach": "",
@@ -3027,7 +3436,7 @@ function AssistSheet({
                                     },
                                     children: [
                                       "+",
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "input",
                                         {
                                           type: "file",
@@ -3053,7 +3462,7 @@ function AssistSheet({
                                     ]
                                   }
                                 ),
-                                readShots.size < screenshots.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
+                                readShots.size < screenshots.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
                                   readShots.size,
                                   " of ",
                                   screenshots.length,
@@ -3062,8 +3471,8 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "textarea",
                               {
                                 value: input,
@@ -3099,7 +3508,7 @@ function AssistSheet({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -3121,7 +3530,7 @@ function AssistSheet({
                                   color: busy || !input.trim() ? t2.textMuted : t2.accentText,
                                   cursor: busy || !input.trim() ? "default" : "pointer"
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "path",
                                   {
                                     d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
@@ -3131,8 +3540,8 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                            validationError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          phase === "draft" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                            validationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "p",
                               {
                                 style: {
@@ -3146,9 +3555,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__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              // 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__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                   "button",
                                   {
                                     type: "button",
@@ -3171,7 +3582,7 @@ function AssistSheet({
                                       cursor: "pointer"
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "span",
                                         {
                                           "aria-hidden": "true",
@@ -3184,7 +3595,7 @@ function AssistSheet({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { position: "relative" }, children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { position: "relative" }, children: [
                                         "Filing in ",
                                         autoFileLeft,
                                         "s\u2026"
@@ -3192,33 +3603,39 @@ function AssistSheet({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "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__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                      "path",
+                                      {
+                                        d: "M6 6l12 12M18 6L6 18",
+                                        stroke: "currentColor",
+                                        strokeWidth: "2.25",
+                                        strokeLinecap: "round"
+                                      }
+                                    ) })
                                   }
                                 )
                               ] })
-                            ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -3244,7 +3661,7 @@ function AssistSheet({
                           ] })
                         ] })
                       ),
-                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "button",
                         {
                           type: "button",
@@ -3264,7 +3681,7 @@ function AssistSheet({
                           children: "Not getting it? Fill the form yourself \u2192"
                         }
                       ),
-                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "button",
                         {
                           type: "button",
@@ -3427,7 +3844,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__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",
       {
         "data-glitchgrab-layer": "",
@@ -3447,7 +3864,7 @@ function GlitchgrabProblemPanel({
           boxSizing: "border-box",
           fontFamily: FONT
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "div",
           {
             style: {
@@ -3461,10 +3878,10 @@ function GlitchgrabProblemPanel({
               boxShadow: "0 20px 50px rgba(0,0,0,0.5)",
               padding: "18px"
             },
-            children: sent ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
+            children: sent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
                 "button",
                 {
                   type: "button",
@@ -3474,8 +3891,8 @@ function GlitchgrabProblemPanel({
                   children: "Back to your report"
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   style: {
@@ -3485,8 +3902,8 @@ function GlitchgrabProblemPanel({
                     gap: "12px"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
                       {
                         type: "button",
@@ -3508,8 +3925,8 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
                 "textarea",
                 {
                   ref: inputRef,
@@ -3543,7 +3960,7 @@ function GlitchgrabProblemPanel({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   "data-gg-self-report-images": "",
@@ -3555,8 +3972,8 @@ function GlitchgrabProblemPanel({
                     marginTop: "10px"
                   },
                   children: [
-                    images.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    images.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         "img",
                         {
                           src,
@@ -3572,7 +3989,7 @@ function GlitchgrabProblemPanel({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         "button",
                         {
                           type: "button",
@@ -3595,7 +4012,7 @@ function GlitchgrabProblemPanel({
                             justifyContent: "center",
                             borderRadius: "50%"
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -3611,7 +4028,7 @@ function GlitchgrabProblemPanel({
                                 alignItems: "center",
                                 justifyContent: "center"
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                                 "path",
                                 {
                                   d: "M1 1L9 9M9 1L1 9",
@@ -3625,7 +4042,7 @@ function GlitchgrabProblemPanel({
                         }
                       )
                     ] }, i)),
-                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
                       {
                         type: "button",
@@ -3652,7 +4069,7 @@ function GlitchgrabProblemPanel({
                         children: images.length >= 3 ? "+ Add" : "+ Add screenshot"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "input",
                       {
                         ref: fileRef,
@@ -3671,7 +4088,7 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "p",
                 {
                   "data-gg-self-report-includes": "",
@@ -3684,10 +4101,10 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "button",
                   {
                     type: "button",
@@ -3866,7 +4283,7 @@ var SHOT_WAIT_MS = 3e3;
 var SIMILAR_WAIT_MS = 2500;
 var MAX_SIMILAR_SHOWN = 3;
 function ButtonSpinner() {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -4018,13 +4435,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__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "span",
     {
       title,
       style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -4044,7 +4461,7 @@ function ReporterChip({
               color: isAnonymous ? t2.textMuted : t2.accentText,
               border: `1px solid ${isAnonymous ? t2.inputBorder : "transparent"}`
             },
-            children: showAvatarImage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            children: showAvatarImage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "img",
               {
                 src: avatarUrl,
@@ -4054,9 +4471,9 @@ function ReporterChip({
                 onError: () => setAvatarFailed(true),
                 style: { width: "100%", height: "100%", objectFit: "cover" }
               }
-            ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "path",
                 {
                   d: "M2.75 13.5c0-2.35 2.35-3.75 5.25-3.75s5.25 1.4 5.25 3.75",
@@ -4068,7 +4485,7 @@ function ReporterChip({
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "span",
           {
             style: {
@@ -4958,9 +5375,9 @@ function ReportDialog({
     }
   };
   if (!mounted) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     isOpen && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: `
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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}}
@@ -4998,7 +5415,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -5021,7 +5438,7 @@ function ReportDialog({
           },
           onPointerDown: (e) => e.stopPropagation(),
           onFocus: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               ref: modalRef,
@@ -5047,7 +5464,7 @@ function ReportDialog({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "div",
                   {
                     style: {
@@ -5056,7 +5473,7 @@ function ReportDialog({
                       borderBottom: `1px solid ${t2.border}`
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                         "div",
                         {
                           style: {
@@ -5065,7 +5482,7 @@ function ReportDialog({
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                               "div",
                               {
                                 style: {
@@ -5074,7 +5491,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -5088,14 +5505,14 @@ function ReportDialog({
                                         alignItems: "center"
                                       },
                                       "aria-label": "Back",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "svg",
                                         {
                                           width: "16",
                                           height: "16",
                                           viewBox: "0 0 16 16",
                                           fill: "none",
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "path",
                                             {
                                               d: "M10 3L5 8L10 13",
@@ -5109,7 +5526,7 @@ function ReportDialog({
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "span",
                                     {
                                       style: {
@@ -5123,7 +5540,7 @@ function ReportDialog({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                               "div",
                               {
                                 style: {
@@ -5132,7 +5549,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step === 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  step === 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "span",
                                     {
                                       title: "Press this anywhere to open Glitchgrab",
@@ -5150,7 +5567,7 @@ function ReportDialog({
                                       children: getShortcutLabel()
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -5165,7 +5582,7 @@ function ReportDialog({
                                         justifyContent: "center"
                                       },
                                       "aria-label": "Close",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "svg",
                                         {
                                           width: "16",
@@ -5173,7 +5590,7 @@ function ReportDialog({
                                           viewBox: "0 0 16 16",
                                           fill: "none",
                                           style: { display: "block" },
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "path",
                                             {
                                               d: "M4 4L12 12M12 4L4 12",
@@ -5192,7 +5609,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "div",
                         {
                           style: {
@@ -5202,12 +5619,12 @@ function ReportDialog({
                             gap: "0",
                             marginTop: "12px"
                           },
-                          children: [1, 2].map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          children: [1, 2].map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "div",
                             {
                               style: { display: "flex", alignItems: "center" },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "div",
                                   {
                                     style: {
@@ -5219,7 +5636,7 @@ function ReportDialog({
                                     }
                                   }
                                 ),
-                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "div",
                                   {
                                     style: {
@@ -5239,7 +5656,7 @@ function ReportDialog({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "div",
                   {
                     style: {
@@ -5248,7 +5665,7 @@ function ReportDialog({
                       flex: "1 1 auto",
                       minHeight: 0
                     },
-                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "div",
                       {
                         style: {
@@ -5258,7 +5675,7 @@ function ReportDialog({
                           fontSize: "14px",
                           fontWeight: 500
                         },
-                        children: queuedMessage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        children: queuedMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "span",
                           {
                             style: {
@@ -5271,9 +5688,9 @@ function ReportDialog({
                           }
                         ) : addedToIssue ? `Added to #${addedToIssue}${addedAsRelated ? " as a related request" : ""}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                      step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                      step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                         "div",
                         {
                           style: {
@@ -5290,16 +5707,16 @@ function ReportDialog({
                           },
                           onMouseLeave: () => setHoveredStar(0),
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               "span",
                               {
                                 style: { fontSize: "13px", fontWeight: 600, color: t2.text },
                                 children: "How are we doing?"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5320,7 +5737,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "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",
@@ -5337,7 +5754,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                         "div",
                         {
                           style: {
@@ -5347,13 +5764,13 @@ function ReportDialog({
                             marginBottom: "16px"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } })
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } })
                           ]
                         }
                       ),
-                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                         "div",
                         {
                           style: {
@@ -5367,7 +5784,7 @@ function ReportDialog({
                             background: t2.inputBg
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               "img",
                               {
                                 src: screenshots[0],
@@ -5382,8 +5799,8 @@ function ReportDialog({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -5404,7 +5821,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "div",
                         {
                           ref: tileGridRef,
@@ -5414,7 +5831,7 @@ function ReportDialog({
                             gridTemplateColumns: "1fr 1fr 1fr",
                             gap: "10px"
                           },
-                          children: availableTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          children: availableTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "button",
                             {
                               type: "button",
@@ -5445,7 +5862,7 @@ function ReportDialog({
                               },
                               children: [
                                 getTypeIcon(type, t2.accent, 22),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -5463,8 +5880,8 @@ function ReportDialog({
                           ))
                         }
                       ),
-                      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "button",
                           {
                             type: "button",
@@ -5488,11 +5905,11 @@ function ReportDialog({
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
-                        isRating && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        isRating && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "div",
                           {
                             style: {
@@ -5503,7 +5920,7 @@ function ReportDialog({
                             onMouseLeave: () => setHoveredStar(0),
                             children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5520,7 +5937,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "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",
@@ -5536,7 +5953,7 @@ function ReportDialog({
                             })
                           }
                         ),
-                        assist && !isRating && !assistUsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        assist && !isRating && !assistUsed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "button",
                           {
                             type: "button",
@@ -5563,7 +5980,7 @@ function ReportDialog({
                             },
                             title: "Answer a question or two and the assistant writes the report for you",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "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",
@@ -5576,8 +5993,8 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { position: "relative" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "textarea",
                             {
                               ref: textareaRef,
@@ -5619,7 +6036,7 @@ function ReportDialog({
                               autoFocus: true
                             }
                           ),
-                          (isListening || isTranscribing) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          (isListening || isTranscribing) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "span",
                             {
                               style: {
@@ -5637,7 +6054,7 @@ function ReportDialog({
                                 zIndex: 1
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -5652,7 +6069,7 @@ function ReportDialog({
                                   }
                                 ),
                                 isTranscribing ? "Transcribing\u2026" : "REC",
-                                isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -5679,7 +6096,7 @@ function ReportDialog({
                                         dur: "0.55s",
                                         delay: "0.15s"
                                       }
-                                    ].map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    ].map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -5699,7 +6116,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "button",
                             {
                               type: "button",
@@ -5744,7 +6161,7 @@ function ReportDialog({
                               },
                               title: "Polish grammar \u2014 preserves your meaning",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "svg",
                                   {
                                     width: "11",
@@ -5752,7 +6169,7 @@ function ReportDialog({
                                     viewBox: "0 0 24 24",
                                     fill: "none",
                                     "aria-hidden": "true",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "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",
@@ -5767,7 +6184,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "button",
                             {
                               type: "button",
@@ -5793,7 +6210,7 @@ function ReportDialog({
                                 padding: 0,
                                 transition: "border-color 0.2s ease, color 0.2s ease"
                               },
-                              children: isListening ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              children: isListening ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "svg",
                                 {
                                   width: "12",
@@ -5801,7 +6218,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "currentColor",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "rect",
                                     {
                                       x: "6",
@@ -5812,7 +6229,7 @@ function ReportDialog({
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                 "svg",
                                 {
                                   width: "13",
@@ -5821,7 +6238,7 @@ function ReportDialog({
                                   fill: "none",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "rect",
                                       {
                                         x: "9",
@@ -5833,7 +6250,7 @@ function ReportDialog({
                                         strokeWidth: "1.8"
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "path",
                                       {
                                         d: "M5 10a7 7 0 0014 0M12 19v3M9 22h6",
@@ -5848,7 +6265,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "div",
                           {
                             style: {
@@ -5862,16 +6279,16 @@ function ReportDialog({
                               userSelect: "none"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
                               ] }),
                               "Hold Space to speak \u2014 we'll transcribe it"
                             ]
                           }
                         ),
-                        isEnhanced && originalDescription !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        isEnhanced && originalDescription !== null && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "div",
                           {
                             style: {
@@ -5885,7 +6302,7 @@ function ReportDialog({
                               border: `1px solid ${t2.accent}40`
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "svg",
                                 {
                                   width: "12",
@@ -5893,7 +6310,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "none",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "path",
                                     {
                                       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z",
@@ -5904,7 +6321,7 @@ function ReportDialog({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -5915,7 +6332,7 @@ function ReportDialog({
                                   children: "AI enhanced"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5937,7 +6354,7 @@ function ReportDialog({
                                   children: "Keep"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5963,7 +6380,7 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             role: "alert",
@@ -5977,7 +6394,7 @@ function ReportDialog({
                             children: voiceError
                           }
                         ),
-                        assistNotice && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        assistNotice && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             style: {
@@ -5990,8 +6407,8 @@ function ReportDialog({
                             children: assistNotice
                           }
                         ),
-                        !isRating && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        !isRating && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "span",
                             {
                               style: {
@@ -6007,7 +6424,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "div",
                             {
                               style: {
@@ -6017,7 +6434,7 @@ function ReportDialog({
                                 marginBottom: "8px"
                               },
                               children: [
-                                shotPending && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                shotPending && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "div",
                                   {
                                     role: "status",
@@ -6042,7 +6459,7 @@ function ReportDialog({
                                     children: "Capturing\u2026"
                                   }
                                 ),
-                                screenshots.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                screenshots.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                   "div",
                                   {
                                     style: {
@@ -6051,7 +6468,7 @@ function ReportDialog({
                                       height: "56px"
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "img",
                                         {
                                           src,
@@ -6069,7 +6486,7 @@ function ReportDialog({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "button",
                                         {
                                           type: "button",
@@ -6095,14 +6512,14 @@ function ReportDialog({
                                             alignItems: "center",
                                             justifyContent: "center"
                                           },
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "svg",
                                             {
                                               width: "8",
                                               height: "8",
                                               viewBox: "0 0 10 10",
                                               fill: "none",
-                                              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                                 "path",
                                                 {
                                                   d: "M1 1L9 9M9 1L1 9",
@@ -6115,7 +6532,7 @@ function ReportDialog({
                                           )
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "button",
                                         {
                                           type: "button",
@@ -6140,14 +6557,14 @@ function ReportDialog({
                                             justifyContent: "center",
                                             boxShadow: "0 2px 8px rgba(0,0,0,0.45)"
                                           },
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "svg",
                                             {
                                               width: "12",
                                               height: "12",
                                               viewBox: "0 0 24 24",
                                               fill: "none",
-                                              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                                 "path",
                                                 {
                                                   d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -6168,7 +6585,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "div",
                             {
                               style: {
@@ -6177,7 +6594,7 @@ function ReportDialog({
                                 gap: "6px",
                                 marginBottom: "8px"
                               },
-                              children: attachments.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              children: attachments.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -6189,7 +6606,7 @@ function ReportDialog({
                                     border: `1px solid ${t2.border}`
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                       "svg",
                                       {
                                         width: "14",
@@ -6198,7 +6615,7 @@ function ReportDialog({
                                         fill: "none",
                                         style: { flexShrink: 0, opacity: 0.6 },
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "path",
                                             {
                                               d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z",
@@ -6208,7 +6625,7 @@ function ReportDialog({
                                               strokeLinejoin: "round"
                                             }
                                           ),
-                                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "path",
                                             {
                                               d: "M14 2v6h6",
@@ -6221,7 +6638,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -6235,7 +6652,7 @@ function ReportDialog({
                                         children: a.name
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                       "span",
                                       {
                                         style: { fontSize: "10px", color: t2.textMuted },
@@ -6245,7 +6662,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -6269,14 +6686,14 @@ function ReportDialog({
                                           justifyContent: "center",
                                           flexShrink: 0
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                           "svg",
                                           {
                                             width: "8",
                                             height: "8",
                                             viewBox: "0 0 10 10",
                                             fill: "none",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                               "path",
                                               {
                                                 d: "M1 1L9 9M9 1L1 9",
@@ -6295,7 +6712,7 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "div",
                             {
                               onClick: () => {
@@ -6321,7 +6738,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__ */ (0, import_jsx_runtime4.jsx)(
+                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "p",
                                 {
                                   style: {
@@ -6332,8 +6749,8 @@ function ReportDialog({
                                   },
                                   children: screenshotDragOver ? "Drop to attach" : "+ Add more \xB7 Drag & drop \xB7 Paste"
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                   "svg",
                                   {
                                     width: "22",
@@ -6346,7 +6763,7 @@ function ReportDialog({
                                       opacity: 0.45
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "rect",
                                         {
                                           x: "3",
@@ -6358,7 +6775,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "circle",
                                         {
                                           cx: "8.5",
@@ -6368,7 +6785,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "path",
                                         {
                                           d: "M21 15l-5-5L5 21",
@@ -6381,7 +6798,7 @@ function ReportDialog({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -6393,7 +6810,7 @@ function ReportDialog({
                                     children: screenshotDragOver ? "Drop to attach" : "Add screenshots or files"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -6408,8 +6825,8 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        showSeverity && reportType === "BUG" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        showSeverity && reportType === "BUG" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "span",
                             {
                               style: {
@@ -6422,7 +6839,7 @@ function ReportDialog({
                               },
                               children: [
                                 "How bad is it?",
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -6435,7 +6852,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "div",
                             {
                               role: "radiogroup",
@@ -6443,7 +6860,7 @@ function ReportDialog({
                               style: { display: "flex", gap: "6px" },
                               children: SEVERITY_LEVELS.map((s) => {
                                 const on = severity === s;
-                                return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6484,7 +6901,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        validationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        validationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             style: {
@@ -6499,7 +6916,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__ */ (0, import_jsx_runtime4.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "div",
                             {
                               "data-gg-similar": "",
@@ -6514,11 +6931,11 @@ function ReportDialog({
                                 backgroundColor: "rgba(245,158,11,0.08)"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "div",
                                   {
                                     role: "radiogroup",
@@ -6526,7 +6943,7 @@ function ReportDialog({
                                     style: { display: "flex", flexDirection: "column", gap: "6px" },
                                     children: similarIssues.map((issue) => {
                                       const picked = pickedSimilar === issue.number;
-                                      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                         "button",
                                         {
                                           type: "button",
@@ -6551,7 +6968,7 @@ function ReportDialog({
                                             fontFamily: "inherit"
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -6568,7 +6985,7 @@ function ReportDialog({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                               "span",
                                               {
                                                 style: {
@@ -6578,7 +6995,7 @@ function ReportDialog({
                                                   minWidth: 0
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                                     "span",
                                                     {
                                                       title: issue.title,
@@ -6592,7 +7009,7 @@ function ReportDialog({
                                                         WebkitBoxOrient: "vertical"
                                                       },
                                                       children: [
-                                                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
+                                                        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
                                                           "#",
                                                           issue.number
                                                         ] }),
@@ -6601,7 +7018,7 @@ function ReportDialog({
                                                       ]
                                                     }
                                                   ),
-                                                  issue.status && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
+                                                  issue.status && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
                                                 ]
                                               }
                                             )
@@ -6612,7 +7029,7 @@ function ReportDialog({
                                     })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6637,15 +7054,15 @@ function ReportDialog({
                                       cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
                                   }
                                 ),
-                                pickedSimilar && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                pickedSimilar && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6670,15 +7087,15 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : `Related request \u2014 add to #${pickedSimilar}`
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6703,8 +7120,8 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: attachingTo === "new" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                    children: attachingTo === "new" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
                                       "Sending as new\u2026"
                                     ] }) : "No, mine is different \u2014 send as new"
                                   }
@@ -6712,7 +7129,7 @@ function ReportDialog({
                               ]
                             }
                           )
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "button",
                           {
                             type: "button",
@@ -6732,8 +7149,8 @@ function ReportDialog({
                               fontFamily: "inherit",
                               transition: "background-color 0.15s ease"
                             },
-                            children: checkingSimilar ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                            children: checkingSimilar ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
                               "Checking for existing reports\u2026"
                             ] }) : isSubmitting ? shotPending && !isRating ? "Attaching screenshot\u2026" : "Sending..." : isRating ? "Send Rating" : "Send Report"
                           }
@@ -6742,7 +7159,7 @@ function ReportDialog({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "div",
                   {
                     style: {
@@ -6754,8 +7171,8 @@ function ReportDialog({
                       gap: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReporterChip, { reporter, t: t2 }),
-                      reportGlitchgrabProblem ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ReporterChip, { reporter, t: t2 }),
+                      reportGlitchgrabProblem ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "button",
                         {
                           type: "button",
@@ -6782,7 +7199,7 @@ function ReportDialog({
                           },
                           children: "Problem with Glitchgrab?"
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "span",
                         {
                           style: {
@@ -6804,7 +7221,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -6816,7 +7233,7 @@ function ReportDialog({
       }
     ),
     isOpen && previewIndex !== null && screenshots[previewIndex] && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -6838,7 +7255,7 @@ function ReportDialog({
           },
           onMouseDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "div",
               {
                 ref: previewImgRef,
@@ -6850,7 +7267,7 @@ function ReportDialog({
                 },
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
                     {
                       ref: previewScrollRef,
@@ -6869,7 +7286,7 @@ function ReportDialog({
                         touchAction: "none",
                         cursor: "grab"
                       } : { maxWidth: "100%", lineHeight: 0 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "img",
                         {
                           ref: previewImgElRef,
@@ -6897,7 +7314,7 @@ function ReportDialog({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -6925,7 +7342,7 @@ function ReportDialog({
                         animation: "gg-pulse 2s ease-in-out infinite"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "path",
                           {
                             d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -6942,7 +7359,7 @@ function ReportDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "div",
               {
                 style: {
@@ -6951,7 +7368,7 @@ function ReportDialog({
                   alignItems: "center",
                   gap: "12px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "span",
                   {
                     style: {
@@ -6973,7 +7390,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && annotatingIndex !== null && screenshots[annotatingIndex] && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         AnnotationCanvas,
         {
           imageSrc: screenshots[annotatingIndex],
@@ -6989,7 +7406,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       GlitchgrabProblemPanel,
       {
         send: reportGlitchgrabProblem,
@@ -7002,7 +7419,7 @@ function ReportDialog({
         onClose: () => setSelfReportFrom(null)
       }
     ),
-    isOpen && sheetUp && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    isOpen && sheetUp && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       AssistSheet,
       {
         assist,
@@ -7103,7 +7520,7 @@ function getTypeIcon(type, color, size = 24) {
   };
   switch (type) {
     case "RATING":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "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",
@@ -7113,7 +7530,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "BUG":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "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",
@@ -7123,7 +7540,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "FEATURE_REQUEST":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "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",
@@ -7133,8 +7550,8 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "UI_IMPROVEMENT":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "rect",
           {
             x: "3",
@@ -7146,7 +7563,7 @@ function getTypeIcon(type, color, size = 24) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "path",
           {
             d: "M3 9h18M9 21V9",
@@ -7157,7 +7574,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "PERFORMANCE":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "path",
         {
           d: "M12 21a9 9 0 100-18 9 9 0 000 18zM12 12l4-4M12 7v.01",
@@ -7168,7 +7585,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "SECURITY":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "path",
         {
           d: "M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z",
@@ -7178,9 +7595,9 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "QUESTION":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "path",
           {
             d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01",
@@ -7192,7 +7609,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "OTHER":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "path",
         {
           d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z",
@@ -7206,7 +7623,7 @@ function getTypeIcon(type, color, size = 24) {
 
 // src/booking-dialog.tsx
 var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var t = {
   bg: "#141414",
   surface: "#1c1c1c",
@@ -7368,7 +7785,7 @@ function BookingDialog({
     }
   }
   const canSubmitDetails = name.trim() && email.includes("@") && phone.replace(/\D/g, "").length >= 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       onClick: (e) => {
@@ -7385,7 +7802,7 @@ function BookingDialog({
         padding: 16,
         fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "div",
         {
           role: "dialog",
@@ -7403,7 +7820,7 @@ function BookingDialog({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "div",
               {
                 style: {
@@ -7415,11 +7832,11 @@ function BookingDialog({
                   gap: 12
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
-                    heading.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
+                    heading.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -7431,10 +7848,10 @@ function BookingDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
-              error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
-              step === "slots" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                whatsappUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
+              error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
+              step === "slots" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                whatsappUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                   "a",
                   {
                     href: whatsappUrl,
@@ -7453,15 +7870,15 @@ function BookingDialog({
                     },
                     children: [
                       "\u{1F4AC} Rather book on WhatsApp?",
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
+                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
                     ]
                   }
                 ),
-                slots === null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
-                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
-                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: 18 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                slots === null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
+                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
+                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: 18 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -7483,13 +7900,13 @@ function BookingDialog({
                   )) })
                 ] }, day))
               ] }),
-              step === "details" && selected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: 13, color: t.muted }, children: [
+              step === "details" && selected && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { fontSize: 13, color: t.muted }, children: [
                   formatDay(selected.startsAt),
                   " \xB7 ",
                   formatTime(selected.startsAt),
                   " \xB7 ",
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "button",
                     {
                       onClick: () => setStep("slots"),
@@ -7498,9 +7915,9 @@ function BookingDialog({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: "Your name", value: name, onChange: setName }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: "Your name", value: name, onChange: setName }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   Field,
                   {
                     label: "Mobile number",
@@ -7510,8 +7927,8 @@ function BookingDialog({
                     hint: "We send a code here to confirm, then a reminder before the call."
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   "button",
                   {
                     onClick: startBooking,
@@ -7521,10 +7938,10 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "code" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)(Field, { label: "Code", value: code, onChange: setCode }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              step === "code" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(Field, { label: "Code", value: code, onChange: setCode }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   "button",
                   {
                     onClick: confirmBooking,
@@ -7534,15 +7951,15 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "done" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
+              step === "done" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime5.jsx)("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
+                meetUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
               ] })
             ] })
           ]
@@ -7571,9 +7988,9 @@ function Field({
   type = "text",
   hint
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "input",
       {
         type,
@@ -7594,7 +8011,7 @@ function Field({
         }
       }
     ),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
   ] });
 }
 
@@ -7735,7 +8152,7 @@ function matchesShortcut(e) {
 }
 
 // src/provider.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var DEFAULT_BASE_URL2 = "https://glitchgrab.dev";
 var GlitchgrabContext = (0, import_react6.createContext)(null);
 function useGlitchgrab() {
@@ -8217,7 +8634,7 @@ function GlitchgrabProviderInner({
   (0, import_react6.useEffect)(() => {
     setShortcutLabel(getShortcutLabel2());
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     GlitchgrabContext.Provider,
     {
       value: {
@@ -8237,7 +8654,7 @@ function GlitchgrabProviderInner({
         shortcutLabel
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           GlitchgrabErrorBoundary,
           {
             token,
@@ -8249,7 +8666,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           BookingDialog,
           {
             token,
@@ -8258,7 +8675,7 @@ function GlitchgrabProviderInner({
             onClose: () => setBookingOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           ReportDialog,
           {
             report,
@@ -8271,9 +8688,9 @@ function GlitchgrabProviderInner({
             types,
             showSeverity,
             reporter,
-            headerSlot: projectName ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
+            headerSlot: projectName ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
               "Reporting to ",
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { style: { color: "#e5e5e5" }, children: projectName })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { style: { color: "#e5e5e5" }, children: projectName })
             ] }) : null
           }
         )
@@ -8282,21 +8699,21 @@ function GlitchgrabProviderInner({
   );
 }
 function GlitchgrabProvider(props) {
-  if (!props.token) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: props.children });
+  if (!props.token) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.children });
   const resolvedProps = {
     ...props,
     baseUrl: props.baseUrl || DEFAULT_BASE_URL2
   };
   try {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GlitchgrabProviderInner, { ...resolvedProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GlitchgrabProviderInner, { ...resolvedProps });
   } catch (e) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: props.children });
   }
 }
 
 // src/report-button.tsx
 var import_react7 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function useGlitchgrabSafe() {
   try {
     return useGlitchgrab();
@@ -8320,7 +8737,7 @@ function ReportButton({
     setCapturing(false);
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: children({ onClick: handleClick, capturing }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { 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;
@@ -8328,7 +8745,7 @@ function ReportButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "button",
     {
       type: "button",
@@ -8363,7 +8780,7 @@ function ReportButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "svg",
           {
             width: "16",
@@ -8371,7 +8788,7 @@ function ReportButton({
             viewBox: "0 0 16 16",
             fill: "none",
             style: { flexShrink: 0 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "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",
@@ -8387,15 +8804,15 @@ function ReportButton({
 }
 
 // src/book-demo-button.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function BookDemoButton({
   label = "Book a demo",
   className,
   children
 }) {
   const { openBookingDialog } = useGlitchgrab();
-  if (children) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: children({ onClick: openBookingDialog }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  if (children) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: children({ onClick: openBookingDialog }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       type: "button",
@@ -8417,7 +8834,7 @@ function BookDemoButton({
 }
 
 // src/feedback-button.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function useGlitchgrabSafe2() {
   try {
     return useGlitchgrab();
@@ -8436,7 +8853,7 @@ function FeedbackButton({
   if (!glitchgrab) return null;
   const handleClick = () => glitchgrab.openFeedbackDialog();
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: children({ onClick: handleClick }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { 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;
@@ -8444,7 +8861,7 @@ function FeedbackButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "button",
     {
       type: "button",
@@ -8477,7 +8894,7 @@ function FeedbackButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "svg",
           {
             width: "16",
@@ -8486,7 +8903,7 @@ function FeedbackButton({
             fill: "none",
             style: { flexShrink: 0 },
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "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",