glitchgrab 1.47.0 → 1.48.1

package/dist/index.js

@@ -73,6 +73,37 @@ var import_react6 = require("react");
 // src/error-boundary.tsx
 var React = __toESM(require("react"));
 
+// ../report-ui/dist/assist-response.mjs
+var ASSIST_OFFLINE_MESSAGE = "The assistant is unavailable \u2014 write your report below and send it as normal.";
+function assistOffline() {
+  return { conversationId: null, question: null, report: null, degraded: ASSIST_OFFLINE_MESSAGE };
+}
+function toAssistTurnResult(ok, body) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const envelope = body != null ? body : null;
+  if (!ok || !(envelope == null ? void 0 : envelope.success)) {
+    return {
+      ...assistOffline(),
+      // The server words why (cap, rate limit, switched off). An hourly limit
+      // keeps the assistant button for this report.
+      degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : ASSIST_OFFLINE_MESSAGE,
+      retryable: (envelope == null ? void 0 : envelope.retryable) === true
+    };
+  }
+  const d = (_b = envelope.data) != null ? _b : {};
+  return {
+    conversationId: (_c = d.conversationId) != null ? _c : null,
+    question: (_d = d.question) != null ? _d : null,
+    options: Array.isArray(d.options) ? d.options.filter((o) => typeof o === "string") : [],
+    report: (_e = d.report) != null ? _e : null,
+    duplicate: (_f = d.duplicate) != null ? _f : null,
+    related: (_g = d.related) != null ? _g : null,
+    solved: (_h = d.solved) != null ? _h : null,
+    aboutGlitchgrab: d.aboutGlitchgrab === true,
+    degraded: null
+  };
+}
+
 // src/redact.ts
 var SENSITIVE_KEY_RE = /(pass|pwd|secret|token|auth|session|cookie|credential|apikey|api_key|access_key|private|signature|otp|pin|cvv|card|ssn|aadhaar|pan)/i;
 var EMAIL_RE = /[\w.+-]+@[\w-]+\.[\w.-]+/g;
@@ -747,13 +778,7 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
   }
 }
 async function assistTurn(params, token, baseUrl) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const offline = {
-    conversationId: null,
-    question: null,
-    report: null,
-    degraded: "The assistant is unavailable \u2014 write your report below and send it as normal."
-  };
+  const offline = assistOffline();
   try {
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/report-chat`;
     const response = await fetch(url, {
@@ -764,28 +789,7 @@ async function assistTurn(params, token, baseUrl) {
       },
       body: JSON.stringify(params)
     });
-    const envelope = await response.json().catch(() => null);
-    if (!response.ok || !(envelope == null ? void 0 : envelope.success)) {
-      return {
-        conversationId: null,
-        question: null,
-        report: null,
-        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded,
-        // An hourly limit, not a cap: the dialog keeps the assistant button.
-        retryable: (envelope == null ? void 0 : envelope.retryable) === true
-      };
-    }
-    return {
-      conversationId: (_c = (_b = envelope.data) == null ? void 0 : _b.conversationId) != null ? _c : null,
-      question: (_e = (_d = envelope.data) == null ? void 0 : _d.question) != null ? _e : null,
-      options: (_g = (_f = envelope.data) == null ? void 0 : _f.options) != null ? _g : [],
-      report: (_i = (_h = envelope.data) == null ? void 0 : _h.report) != null ? _i : null,
-      duplicate: (_k = (_j = envelope.data) == null ? void 0 : _j.duplicate) != null ? _k : null,
-      related: (_m = (_l = envelope.data) == null ? void 0 : _l.related) != null ? _m : null,
-      solved: (_o = (_n = envelope.data) == null ? void 0 : _n.solved) != null ? _o : null,
-      aboutGlitchgrab: ((_p = envelope.data) == null ? void 0 : _p.aboutGlitchgrab) === true,
-      degraded: null
-    };
+    return toAssistTurnResult(response.ok, await response.json().catch(() => null));
   } catch (e) {
     return offline;
   }
@@ -1009,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;
@@ -1443,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;
@@ -1475,6 +1886,17 @@ var STARTERS = [
   "It did the wrong thing",
   "I wish it could\u2026"
 ];
+var CONFIRM_OPTION = "Yes, that's it";
+function isCheckBackQuestion(text) {
+  const t2 = text.trim();
+  return /^so,? you['’]?re saying\b/i.test(t2) || /\b(is that right|is that correct|did i get (that|it) right|have i got (that|it) right)\s*\??\s*$/i.test(t2);
+}
+function isAffirmativeReply(text) {
+  return /^(y|ya|yah|yes|yess|yeah|yep|yup|ok|okay|sure|correct|right|exactly|confirm(ed)?|that['’]?s (it|right|correct)|yes,? that['’]?s (it|right)|haan|han|ha|ho|hmm yes|👍)[\s.!👍]*$/i.test(
+    text.trim()
+  );
+}
+var AUTO_FILE_SECONDS = 3;
 var NARROW_QUERY = "(max-width: 640px)";
 function useIsNarrow() {
   const [narrow, setNarrow] = (0, import_react3.useState)(false);
@@ -1491,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",
@@ -1507,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",
@@ -1526,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",
@@ -1589,12 +2011,15 @@ function AssistSheet({
   const [duplicate, setDuplicate] = (0, import_react3.useState)(null);
   const [glitchgrabOffer, setGlitchgrabOffer] = (0, import_react3.useState)(false);
   const [solved, setSolved] = (0, import_react3.useState)(null);
+  const needsSeverity = (tile) => showSeverity && tile === "BUG" && !severity;
   const [phase, setPhase] = (0, import_react3.useState)(
-    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+    () => !typePicked ? "type" : currentTile === "RATING" ? "rating" : needsSeverity(currentTile) ? "severity" : "chat"
   );
+  const [autoFileLeft, setAutoFileLeft] = (0, import_react3.useState)(null);
   const scrollRef = (0, import_react3.useRef)(null);
   const draftRef = (0, import_react3.useRef)(null);
   const seededRef = (0, import_react3.useRef)(false);
+  const seedPendingRef = (0, import_react3.useRef)(false);
   const eventsRef = (0, import_react3.useRef)([]);
   const aiDraftRef = (0, import_react3.useRef)(null);
   function logEvent(type, detail) {
@@ -1634,14 +2059,33 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  (0, import_react3.useEffect)(() => {
+    if (autoFileLeft === null) return;
+    if (isSubmitting || submitted || phase !== "draft") {
+      setAutoFileLeft(null);
+      return;
+    }
+    if (autoFileLeft <= 0) {
+      sendDraft(true);
+      return;
+    }
+    const id = setTimeout(() => setAutoFileLeft((n) => n === null ? null : n - 1), 1e3);
+    return () => clearTimeout(id);
+  }, [autoFileLeft, isSubmitting, submitted, phase]);
+  function stopAutoFile(reason) {
+    if (autoFileLeft === null) return;
+    setAutoFileLeft(null);
+    logEvent("auto_file_stopped", reason);
+  }
   function degradeKeepingEvents(events, message, retryable) {
     if (events) eventsRef.current = [...events, ...eventsRef.current];
     flushEvents();
     onDegrade(message, retryable);
   }
-  async function runTurn(history2) {
+  async function runTurn(history2, autoFile = false) {
     var _a, _b;
     setBusy(true);
+    setAutoFileLeft(null);
     let result;
     const events = takeEvents();
     try {
@@ -1701,6 +2145,9 @@ function AssistSheet({
       setMessages([...history2, { role: "assistant", content: result.report, kind: "report" }]);
       setOptions([]);
       setPhase("draft");
+      if (autoFile && !attach && !(severityAsked && !severity)) {
+        setAutoFileLeft(AUTO_FILE_SECONDS);
+      }
       return;
     }
     if (result.question) {
@@ -1714,13 +2161,34 @@ function AssistSheet({
     if (seededRef.current) return;
     seededRef.current = true;
     if (!typePicked || currentTile === "RATING") return;
+    if (phase === "severity") {
+      seedPendingRef.current = true;
+      return;
+    }
+    seedFromDescription();
+  }, []);
+  function seedFromDescription() {
     const seed = description.trim();
     if (!seed) return;
     const history2 = [{ role: "user", content: seed }];
     setMessages(history2);
     void runTurn(history2);
-  }, []);
-  function send(text) {
+  }
+  function answerSeverity(value) {
+    onSeverityChange(value);
+    setPhase("chat");
+    if (seedPendingRef.current) {
+      seedPendingRef.current = false;
+      seedFromDescription();
+    }
+  }
+  function sendTyped(text) {
+    var _a;
+    const lastAssistant = [...messages].reverse().find((m) => m.role === "assistant");
+    const checkingBack = options.includes(CONFIRM_OPTION) || (lastAssistant == null ? void 0 : lastAssistant.kind) !== "report" && isCheckBackQuestion((_a = lastAssistant == null ? void 0 : lastAssistant.content) != null ? _a : "");
+    send(text, checkingBack && isAffirmativeReply(text));
+  }
+  function send(text, autoFile = false) {
     const value = text.trim();
     if (!value || busy) return;
     setOptions([]);
@@ -1735,11 +2203,11 @@ function AssistSheet({
     const history2 = [...base, { role: "user", content: value }];
     setMessages(history2);
     setInput("");
-    void runTurn(history2);
+    void runTurn(history2, autoFile);
   }
   function pickType(tile) {
     onPickType(tile);
-    setPhase(tile === "RATING" ? "rating" : "chat");
+    setPhase(tile === "RATING" ? "rating" : needsSeverity(tile) ? "severity" : "chat");
   }
   function withCurrentDraft(history2) {
     const current = description.trim();
@@ -1752,16 +2220,17 @@ function AssistSheet({
     }
     return next;
   }
-  function sendDraft() {
+  function sendDraft(auto = false) {
+    setAutoFileLeft(null);
     const edited = aiDraftRef.current !== null && description.trim() !== aiDraftRef.current.trim();
-    logEvent("draft_sent", edited ? "edited" : "as drafted");
+    logEvent("draft_sent", auto ? "auto-filed" : edited ? "edited" : "as drafted");
     flushEvents();
     onSend();
   }
   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": "",
@@ -1778,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 })
         ]
       }
     );
@@ -1809,15 +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": "",
@@ -1837,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(),
@@ -1858,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": "",
@@ -1873,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: {
@@ -1885,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: {
@@ -1906,12 +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,
-                          projectSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
+                          phase !== "type" && severityAsked && severity ? ` \xB7 ${SEVERITY_LABELS[severity]}` : 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",
@@ -1938,7 +2409,7 @@ function AssistSheet({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     ref: scrollRef,
@@ -1950,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: {
@@ -1961,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: {
@@ -1982,7 +2453,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "div",
                               {
                                 style: {
@@ -1993,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",
@@ -2026,10 +2497,66 @@ 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 === "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: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: "How bad is it?"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                              "div",
+                              {
+                                role: "radiogroup",
+                                "aria-label": "Severity",
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    role: "radio",
+                                    "aria-checked": severity === s,
+                                    "data-gg-chip": "",
+                                    "data-gg-severity": s,
+                                    onClick: () => answerSeverity(s),
+                                    style: {
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.textMuted,
+                                      borderRadius: "999px",
+                                      // Same as the picker and option chips — one chip size.
+                                      padding: "8px 12px",
+                                      fontSize: "12px",
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: SEVERITY_LABELS[s]
+                                  },
+                                  s
+                                ))
+                              }
+                            )
+                          ] }),
+                          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: {
@@ -2044,7 +2571,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2058,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",
@@ -2076,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",
@@ -2090,7 +2617,7 @@ function AssistSheet({
                                       star
                                     );
                                   }) }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "textarea",
                                     {
                                       value: description,
@@ -2113,7 +2640,7 @@ function AssistSheet({
                                       }
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2137,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: {
@@ -2158,7 +2685,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "div",
                               {
                                 style: {
@@ -2167,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",
@@ -2197,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": "",
@@ -2214,8 +2741,12 @@ function AssistSheet({
                                       color: t2.text,
                                       border: live ? "none" : `1px solid ${t2.accent}66`
                                     },
-                                    children: live ? "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)(
+                                    children: live ? (
+                                      // #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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "span",
                                         {
                                           style: {
@@ -2230,7 +2761,7 @@ function AssistSheet({
                                           children: "Draft so far"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "span",
                                         {
                                           style: {
@@ -2249,7 +2780,7 @@ function AssistSheet({
                                 )
                               ] }, i);
                             }
-                            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2259,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 })
                                     }
                                   )
                                 ]
@@ -2282,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": "",
@@ -2299,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",
@@ -2331,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",
@@ -2358,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: {
@@ -2373,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",
@@ -2381,7 +2914,7 @@ function AssistSheet({
                                   "data-gg-option": "",
                                   onClick: () => {
                                     logEvent("option_tap", option);
-                                    send(option);
+                                    send(option, option === CONFIRM_OPTION);
                                   },
                                   style: {
                                     border: `1px solid ${t2.inputBorder}`,
@@ -2402,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: {
@@ -2415,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: {
@@ -2431,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: {
@@ -2446,7 +2979,7 @@ function AssistSheet({
                                 boxSizing: "border-box"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2463,12 +2996,15 @@ 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,
                                     value: description,
-                                    onChange: (e) => onDescriptionChange(e.target.value),
+                                    onChange: (e) => {
+                                      stopAutoFile("edited the draft");
+                                      onDescriptionChange(e.target.value);
+                                    },
                                     rows: 6,
                                     style: {
                                       width: "100%",
@@ -2487,8 +3023,8 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && /* @__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: {
@@ -2499,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: {
@@ -2513,7 +3049,7 @@ function AssistSheet({
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "div",
                                     {
                                       role: "radiogroup",
@@ -2521,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",
@@ -2552,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",
@@ -2561,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: {
@@ -2580,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" },
@@ -2588,7 +3124,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               style: {
@@ -2609,7 +3145,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "div",
                   {
                     style: {
@@ -2620,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",
@@ -2640,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",
@@ -2666,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: {
@@ -2680,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: {
@@ -2690,7 +3226,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "img",
                                           {
                                             src: shot,
@@ -2708,7 +3244,7 @@ function AssistSheet({
                                             }
                                           }
                                         ),
-                                        onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "button",
                                           {
                                             type: "button",
@@ -2716,6 +3252,7 @@ function AssistSheet({
                                             "aria-label": `Remove image ${i + 1}`,
                                             title: "Remove this image",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent(
                                                 "image_removed",
                                                 pageShot && shot === pageShot ? "page capture" : "attached"
@@ -2737,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",
@@ -2753,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",
@@ -2774,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": "",
@@ -2795,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",
@@ -2805,7 +3342,7 @@ function AssistSheet({
                                             strokeLinejoin: "round"
                                           }
                                         ) }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "span",
                                           {
                                             style: {
@@ -2818,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",
@@ -2826,6 +3363,7 @@ function AssistSheet({
                                             "aria-label": `Remove file ${file.name}`,
                                             title: "Remove this file",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent("file_removed", read ? "read" : "not read");
                                               onRemoveFile(i);
                                             },
@@ -2844,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",
@@ -2860,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",
@@ -2878,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": "",
@@ -2898,7 +3436,7 @@ function AssistSheet({
                                     },
                                     children: [
                                       "+",
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "input",
                                         {
                                           type: "file",
@@ -2908,6 +3446,7 @@ function AssistSheet({
                                             var _a;
                                             const picked = Array.from((_a = e.target.files) != null ? _a : []);
                                             if (picked.length) {
+                                              stopAutoFile("changed attachments");
                                               const images = picked.filter((f) => f.type.startsWith("image/")).length;
                                               if (images) logEvent("image_added", String(images));
                                               if (picked.length > images) {
@@ -2923,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,
@@ -2932,16 +3471,19 @@ 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,
-                                onChange: (e) => setInput(e.target.value),
+                                onChange: (e) => {
+                                  stopAutoFile("typing a change");
+                                  setInput(e.target.value);
+                                },
                                 onKeyDown: (e) => {
                                   if (e.key === "Enter" && !e.shiftKey) {
                                     e.preventDefault();
-                                    send(input);
+                                    sendTyped(input);
                                   }
                                 },
                                 placeholder: phase === "draft" ? "Anything to change? Tell me here\u2026" : "Type your answer\u2026",
@@ -2966,12 +3508,12 @@ function AssistSheet({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: () => send(input),
+                                onClick: () => sendTyped(input),
                                 disabled: busy || !input.trim(),
                                 "aria-label": "Send message",
                                 "data-gg-send-message": "",
@@ -2988,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",
@@ -2998,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: {
@@ -3010,12 +3552,95 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            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, 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",
+                                    "data-gg-sheet-send": "",
+                                    "data-gg-auto-file": "",
+                                    onClick: () => sendDraft(),
+                                    style: {
+                                      flex: 1,
+                                      minWidth: 0,
+                                      position: "relative",
+                                      overflow: "hidden",
+                                      padding: "12px",
+                                      borderRadius: "10px",
+                                      border: "none",
+                                      backgroundColor: t2.accent,
+                                      color: t2.accentText,
+                                      fontSize: "14px",
+                                      fontWeight: 700,
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                        "span",
+                                        {
+                                          "aria-hidden": "true",
+                                          style: {
+                                            position: "absolute",
+                                            inset: 0,
+                                            backgroundColor: "rgba(255,255,255,0.22)",
+                                            transformOrigin: "left",
+                                            animation: `gg-autofile ${AUTO_FILE_SECONDS}s linear forwards`
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { position: "relative" }, children: [
+                                        "Filing in ",
+                                        autoFileLeft,
+                                        "s\u2026"
+                                      ] })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "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,
+                                      width: "44px",
+                                      borderRadius: "10px",
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.text,
+                                      display: "inline-flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
+                                      cursor: "pointer"
+                                    },
+                                    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_runtime3.jsx)(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: sendDraft,
+                                onClick: () => sendDraft(),
                                 disabled: isSubmitting || !description.trim(),
                                 style: {
                                   width: "100%",
@@ -3036,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",
@@ -3056,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",
@@ -3219,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": "",
@@ -3239,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: {
@@ -3253,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",
@@ -3266,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: {
@@ -3277,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",
@@ -3300,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,
@@ -3335,7 +3960,7 @@ function GlitchgrabProblemPanel({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "div",
                 {
                   "data-gg-self-report-images": "",
@@ -3347,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,
@@ -3364,7 +3989,7 @@ function GlitchgrabProblemPanel({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         "button",
                         {
                           type: "button",
@@ -3387,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",
@@ -3403,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",
@@ -3417,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",
@@ -3444,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,
@@ -3463,7 +4088,7 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                 "p",
                 {
                   "data-gg-self-report-includes": "",
@@ -3476,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",
@@ -3658,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",
@@ -3810,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",
@@ -3836,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,
@@ -3846,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",
@@ -3860,7 +4485,7 @@ function ReporterChip({
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "span",
           {
             style: {
@@ -3991,9 +4616,11 @@ function ReportDialog({
   reporter,
   onClose,
   headerSlot,
-  reportGlitchgrabProblem
+  reportGlitchgrabProblem,
+  layout = "modal"
 }) {
   var _a;
+  const sheet = layout === "sheet";
   const [isEnhancing, setIsEnhancing] = (0, import_react.useState)(false);
   const [assistOpen, setAssistOpen] = (0, import_react.useState)(false);
   const [assistNotice, setAssistNotice] = (0, import_react.useState)(null);
@@ -4748,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}}
@@ -4788,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": "",
@@ -4801,8 +5428,8 @@ function ReportDialog({
             // dialog's state IS the report, and unmounting would drop the
             // screenshots, attachments and step the reporter is on.
             display: sheetUp ? "none" : "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            alignItems: sheet ? "stretch" : "center",
+            justifyContent: sheet ? "flex-end" : "center",
             backgroundColor: "rgba(0,0,0,0.5)",
             fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
           },
@@ -4811,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,
@@ -4822,21 +5449,22 @@ function ReportDialog({
               style: {
                 position: "relative",
                 zIndex: 2147483647,
-                width: "420px",
-                maxWidth: "calc(100% - 32px)",
-                maxHeight: "calc(100dvh - 32px)",
+                width: sheet ? "440px" : "420px",
+                maxWidth: sheet ? "100%" : "calc(100% - 32px)",
+                maxHeight: sheet ? "100dvh" : "calc(100dvh - 32px)",
+                ...sheet ? { height: "100dvh", borderLeft: `1px solid ${t2.inputBorder}` } : {},
                 display: "flex",
                 flexDirection: "column",
                 backgroundColor: t2.bg,
-                borderRadius: "12px",
-                boxShadow: "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
+                borderRadius: sheet ? 0 : "12px",
+                boxShadow: sheet ? "0 20px 60px rgba(0, 0, 0, 0.35)" : "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
                 fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
                 overflow: "hidden",
                 color: t2.text,
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "div",
                   {
                     style: {
@@ -4845,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: {
@@ -4854,7 +5482,7 @@ function ReportDialog({
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                               "div",
                               {
                                 style: {
@@ -4863,7 +5491,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -4877,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",
@@ -4898,7 +5526,7 @@ function ReportDialog({
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "span",
                                     {
                                       style: {
@@ -4912,7 +5540,7 @@ function ReportDialog({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                               "div",
                               {
                                 style: {
@@ -4921,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",
@@ -4939,7 +5567,7 @@ function ReportDialog({
                                       children: getShortcutLabel()
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -4954,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",
@@ -4962,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",
@@ -4981,7 +5609,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "div",
                         {
                           style: {
@@ -4991,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: {
@@ -5008,7 +5636,7 @@ function ReportDialog({
                                     }
                                   }
                                 ),
-                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "div",
                                   {
                                     style: {
@@ -5028,7 +5656,7 @@ function ReportDialog({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "div",
                   {
                     style: {
@@ -5037,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: {
@@ -5047,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: {
@@ -5060,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: {
@@ -5079,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",
@@ -5109,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",
@@ -5126,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: {
@@ -5136,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: {
@@ -5156,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],
@@ -5171,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",
@@ -5193,7 +5821,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "div",
                         {
                           ref: tileGridRef,
@@ -5203,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",
@@ -5234,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: {
@@ -5252,11 +5880,12 @@ 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",
+                            disabled: availableTypes.length === 1,
                             onClick: () => setStep(1),
                             style: {
                               display: "inline-flex",
@@ -5271,16 +5900,16 @@ function ReportDialog({
                               fontSize: "11px",
                               fontWeight: 600,
                               fontFamily: "inherit",
-                              cursor: "pointer"
+                              cursor: availableTypes.length === 1 ? "default" : "pointer"
                             },
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              /* @__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: {
@@ -5291,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",
@@ -5308,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",
@@ -5324,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",
@@ -5351,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",
@@ -5364,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,
@@ -5407,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: {
@@ -5425,7 +6054,7 @@ function ReportDialog({
                                 zIndex: 1
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -5440,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: {
@@ -5467,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: {
@@ -5487,7 +6116,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                             "button",
                             {
                               type: "button",
@@ -5532,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",
@@ -5540,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",
@@ -5555,7 +6184,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "button",
                             {
                               type: "button",
@@ -5581,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",
@@ -5589,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",
@@ -5600,7 +6229,7 @@ function ReportDialog({
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                 "svg",
                                 {
                                   width: "13",
@@ -5609,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",
@@ -5621,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",
@@ -5636,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: {
@@ -5650,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: {
@@ -5673,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",
@@ -5681,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",
@@ -5692,7 +6321,7 @@ function ReportDialog({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -5703,7 +6332,7 @@ function ReportDialog({
                                   children: "AI enhanced"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5725,7 +6354,7 @@ function ReportDialog({
                                   children: "Keep"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -5751,7 +6380,7 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             role: "alert",
@@ -5765,7 +6394,7 @@ function ReportDialog({
                             children: voiceError
                           }
                         ),
-                        assistNotice && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        assistNotice && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             style: {
@@ -5778,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: {
@@ -5795,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: {
@@ -5805,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",
@@ -5830,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: {
@@ -5839,7 +6468,7 @@ function ReportDialog({
                                       height: "56px"
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "img",
                                         {
                                           src,
@@ -5857,7 +6486,7 @@ function ReportDialog({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "button",
                                         {
                                           type: "button",
@@ -5883,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",
@@ -5903,7 +6532,7 @@ function ReportDialog({
                                           )
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "button",
                                         {
                                           type: "button",
@@ -5928,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",
@@ -5956,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: {
@@ -5965,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: {
@@ -5977,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",
@@ -5986,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",
@@ -5996,7 +6625,7 @@ function ReportDialog({
                                               strokeLinejoin: "round"
                                             }
                                           ),
-                                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                             "path",
                                             {
                                               d: "M14 2v6h6",
@@ -6009,7 +6638,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -6023,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 },
@@ -6033,7 +6662,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -6057,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",
@@ -6083,7 +6712,7 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "div",
                             {
                               onClick: () => {
@@ -6109,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: {
@@ -6120,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",
@@ -6134,7 +6763,7 @@ function ReportDialog({
                                       opacity: 0.45
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "rect",
                                         {
                                           x: "3",
@@ -6146,7 +6775,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                         "circle",
                                         {
                                           cx: "8.5",
@@ -6156,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",
@@ -6169,7 +6798,7 @@ function ReportDialog({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -6181,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: {
@@ -6196,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: {
@@ -6210,7 +6839,7 @@ function ReportDialog({
                               },
                               children: [
                                 "How bad is it?",
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -6223,7 +6852,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "div",
                             {
                               role: "radiogroup",
@@ -6231,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",
@@ -6272,7 +6901,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        validationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        validationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "p",
                           {
                             style: {
@@ -6287,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": "",
@@ -6302,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",
@@ -6314,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",
@@ -6339,7 +6968,7 @@ function ReportDialog({
                                             fontFamily: "inherit"
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -6356,7 +6985,7 @@ function ReportDialog({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                               "span",
                                               {
                                                 style: {
@@ -6366,7 +6995,7 @@ function ReportDialog({
                                                   minWidth: 0
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                                     "span",
                                                     {
                                                       title: issue.title,
@@ -6380,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
                                                         ] }),
@@ -6389,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 })
                                                 ]
                                               }
                                             )
@@ -6400,7 +7029,7 @@ function ReportDialog({
                                     })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6425,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",
@@ -6458,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",
@@ -6491,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"
                                   }
@@ -6500,7 +7129,7 @@ function ReportDialog({
                               ]
                             }
                           )
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "button",
                           {
                             type: "button",
@@ -6520,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"
                           }
@@ -6530,7 +7159,7 @@ function ReportDialog({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "div",
                   {
                     style: {
@@ -6542,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",
@@ -6570,7 +7199,7 @@ function ReportDialog({
                           },
                           children: "Problem with Glitchgrab?"
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "span",
                         {
                           style: {
@@ -6592,7 +7221,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -6604,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": "",
@@ -6626,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,
@@ -6638,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,
@@ -6657,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,
@@ -6685,7 +7314,7 @@ function ReportDialog({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -6713,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",
@@ -6730,7 +7359,7 @@ function ReportDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "div",
               {
                 style: {
@@ -6739,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: {
@@ -6761,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],
@@ -6777,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,
@@ -6790,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,
@@ -6891,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",
@@ -6901,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",
@@ -6911,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",
@@ -6921,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",
@@ -6934,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",
@@ -6945,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",
@@ -6956,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",
@@ -6966,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",
@@ -6980,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",
@@ -6994,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",
@@ -7156,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) => {
@@ -7173,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",
@@ -7191,7 +7820,7 @@ function BookingDialog({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "div",
               {
                 style: {
@@ -7203,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,
@@ -7219,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,
@@ -7241,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: () => {
@@ -7271,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"),
@@ -7286,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",
@@ -7298,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,
@@ -7309,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,
@@ -7322,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" })
               ] })
             ] })
           ]
@@ -7359,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,
@@ -7382,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 })
   ] });
 }
 
@@ -7523,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() {
@@ -8005,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: {
@@ -8025,7 +8654,7 @@ function GlitchgrabProviderInner({
         shortcutLabel
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           GlitchgrabErrorBoundary,
           {
             token,
@@ -8037,7 +8666,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           BookingDialog,
           {
             token,
@@ -8046,7 +8675,7 @@ function GlitchgrabProviderInner({
             onClose: () => setBookingOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           ReportDialog,
           {
             report,
@@ -8059,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
           }
         )
@@ -8070,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();
@@ -8108,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;
@@ -8116,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",
@@ -8151,7 +8780,7 @@ function ReportButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "svg",
           {
             width: "16",
@@ -8159,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",
@@ -8175,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",
@@ -8205,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();
@@ -8224,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;
@@ -8232,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",
@@ -8265,7 +8894,7 @@ function FeedbackButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "svg",
           {
             width: "16",
@@ -8274,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",