glitchgrab 1.47.0 → 1.48.1

package/dist/index.mjs

@@ -14,6 +14,37 @@ import {
 // src/error-boundary.tsx
 import * as React from "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;
@@ -688,13 +719,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, {
@@ -705,28 +730,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;
   }
@@ -955,10 +959,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 import { createPortal } from "react-dom";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 import { useCallback, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var MAX_SCREENSHOT_DATA_URL_LENGTH = 18e5;
 var QUALITY_LADDER = [0.92, 0.85, 0.75];
 var DOWNSCALE_FACTOR = 0.7;
@@ -1389,6 +1394,412 @@ function getTypeLabel(type) {
       return "Other";
   }
 }
+var CODE = /`([^`\n]+)`/y;
+var MD_LINK = /\[([^\]\n]*)\]\((https?:\/\/[^\s)]+)\)/y;
+var BOLD_STAR = /\*\*(\S(?:[^\n]*?\S)?)\*\*/y;
+var BOLD_UNDER = /__(\S(?:[^\n]*?\S)?)__/y;
+var ITALIC_STAR = /\*(\S(?:[^*\n]*?\S)?)\*/y;
+var ITALIC_UNDER = /_(\S(?:[^_\n]*?\S)?)_/y;
+var STRIKE = /~~(\S(?:[^\n]*?\S)?)~~/y;
+var FULL_URL = /https?:\/\/[^\s<>]+/y;
+var BARE_URL = /(?:[a-z0-9-]+\.)+[a-z]{2,24}\/[^\s<>]*/y;
+var WORD = /[A-Za-z0-9]/;
+var URL_EDGE = /[A-Za-z0-9@./-]/;
+var TRAILING_PUNCT = /[.,;:!?'")\]*_~]+$/;
+var ESCAPABLE = "\\`*_{}[]()#+-.!|~>";
+var MONO = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+function at(re, text, i) {
+  re.lastIndex = i;
+  return re.exec(text);
+}
+function isSafeHref(href) {
+  try {
+    const { protocol } = new URL(href);
+    return protocol === "http:" || protocol === "https:";
+  } catch (e) {
+    return false;
+  }
+}
+function renderInline(text, theme, key) {
+  var _a, _b;
+  const out = [];
+  let plain = "";
+  let i = 0;
+  const flush = () => {
+    if (plain) out.push(plain);
+    plain = "";
+  };
+  const link = (href, label, k) => /* @__PURE__ */ jsx2(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer nofollow",
+      title: href,
+      style: {
+        color: "inherit",
+        textDecoration: "underline",
+        textDecorationColor: theme.accent,
+        textUnderlineOffset: "2px",
+        wordBreak: "break-word"
+      },
+      children: label
+    },
+    k
+  );
+  while (i < text.length) {
+    const ch = text[i];
+    const prev = i > 0 ? text[i - 1] : "";
+    const k = `${key}.${i}`;
+    let m;
+    if (ch === "\\" && i + 1 < text.length && ESCAPABLE.includes(text[i + 1])) {
+      plain += text[i + 1];
+      i += 2;
+      continue;
+    }
+    if (ch === "`" && (m = at(CODE, text, i))) {
+      flush();
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "code",
+          {
+            style: {
+              fontFamily: MONO,
+              fontSize: "0.92em",
+              padding: "1px 4px",
+              borderRadius: "4px",
+              backgroundColor: theme.bg,
+              border: `1px solid ${theme.border}`,
+              wordBreak: "break-word"
+            },
+            children: m[1]
+          },
+          k
+        )
+      );
+      i += m[0].length;
+      continue;
+    }
+    const image = ch === "!" && text[i + 1] === "[";
+    if ((ch === "[" || image) && (m = at(MD_LINK, text, image ? i + 1 : i)) && isSafeHref(m[2])) {
+      flush();
+      const label = m[1] ? renderInline(m[1], theme, k) : m[2];
+      out.push(link(m[2], label, k));
+      i += m[0].length + (image ? 1 : 0);
+      continue;
+    }
+    if (ch === "~" && text[i + 1] === "~" && (m = at(STRIKE, text, i))) {
+      flush();
+      out.push(/* @__PURE__ */ jsx2("del", { children: renderInline(m[1], theme, k) }, k));
+      i += m[0].length;
+      continue;
+    }
+    if ((ch === "*" || ch === "_") && !WORD.test(prev)) {
+      const double = text[i + 1] === ch;
+      const bold = double ? at(ch === "*" ? BOLD_STAR : BOLD_UNDER, text, i) : null;
+      const italic = bold ? null : at(ch === "*" ? ITALIC_STAR : ITALIC_UNDER, text, i);
+      m = bold != null ? bold : italic;
+      if (m && !WORD.test((_a = text[i + m[0].length]) != null ? _a : "")) {
+        flush();
+        const inner = renderInline(m[1], theme, k);
+        out.push(
+          bold ? /* @__PURE__ */ jsx2("strong", { style: { fontWeight: 700 }, children: inner }, k) : /* @__PURE__ */ jsx2("em", { style: { fontStyle: "italic" }, children: inner }, k)
+        );
+        i += m[0].length;
+        continue;
+      }
+    }
+    if (!URL_EDGE.test(prev)) {
+      m = ch === "h" ? at(FULL_URL, text, i) : null;
+      const bare = m ? null : /[a-z0-9]/.test(ch) ? at(BARE_URL, text, i) : null;
+      const raw = (_b = m == null ? void 0 : m[0]) != null ? _b : bare == null ? void 0 : bare[0];
+      if (raw) {
+        const shown = raw.replace(TRAILING_PUNCT, "");
+        const href = m ? shown : `https://${shown}`;
+        if (shown.includes("/") && isSafeHref(href)) {
+          flush();
+          out.push(link(href, shown, k));
+          i += shown.length;
+          continue;
+        }
+      }
+    }
+    plain += ch;
+    i += 1;
+  }
+  flush();
+  return out;
+}
+var FENCE = /^\s{0,3}(`{3,}|~{3,})/;
+var HEADING = /^\s{0,3}(#{1,6})\s+(.+?)(?:\s+#+)?\s*$/;
+var RULE = /^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/;
+var QUOTE = /^\s{0,3}>\s?(.*)$/;
+var LIST_ITEM = /^(\s*)([-*+]|\d{1,9}[.)])\s+(.*)$/;
+var TABLE_SEP = /^\s*\|?\s*:?-+:?\s*(?:\|\s*:?-+:?\s*)*\|?\s*$/;
+var TASK = /^\[([ xX])\]\s+(.*)$/;
+var STACK = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "6px",
+  minWidth: 0
+};
+function splitRow(line) {
+  let s = line.trim();
+  if (s.startsWith("|")) s = s.slice(1);
+  if (s.endsWith("|") && !s.endsWith("\\|")) s = s.slice(0, -1);
+  const cells = [];
+  let cell = "";
+  for (let i = 0; i < s.length; i++) {
+    if (s[i] === "\\" && s[i + 1] === "|") {
+      cell += "|";
+      i++;
+    } else if (s[i] === "|") {
+      cells.push(cell.trim());
+      cell = "";
+    } else {
+      cell += s[i];
+    }
+  }
+  cells.push(cell.trim());
+  return cells;
+}
+function tableAt(lines, i) {
+  const head = lines[i];
+  const sep = lines[i + 1];
+  if (!(head == null ? void 0 : head.includes("|")) || !(sep == null ? void 0 : sep.includes("|")) || !TABLE_SEP.test(sep)) return null;
+  const aligns = splitRow(sep);
+  return aligns.length === splitRow(head).length ? aligns : null;
+}
+function startsBlock(lines, i) {
+  const line = lines[i];
+  return FENCE.test(line) || HEADING.test(line) || RULE.test(line) || QUOTE.test(line) || LIST_ITEM.test(line) || tableAt(lines, i) !== null;
+}
+function renderBlocks(lines, theme, key) {
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const k = `${key}-${i}`;
+    let m;
+    if (!line.trim()) {
+      i++;
+      continue;
+    }
+    if (m = FENCE.exec(line)) {
+      const fence = m[1];
+      const body = [];
+      i++;
+      while (i < lines.length) {
+        const t2 = lines[i].trim();
+        if (t2.length >= fence.length && [...t2].every((c) => c === fence[0])) break;
+        body.push(lines[i]);
+        i++;
+      }
+      i++;
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "pre",
+          {
+            style: {
+              margin: 0,
+              padding: "8px 10px",
+              borderRadius: "6px",
+              backgroundColor: theme.bg,
+              border: `1px solid ${theme.border}`,
+              overflowX: "auto",
+              maxWidth: "100%",
+              fontFamily: MONO,
+              fontSize: "12px",
+              lineHeight: 1.5,
+              whiteSpace: "pre"
+            },
+            children: /* @__PURE__ */ jsx2("code", { style: { fontFamily: "inherit" }, children: body.join("\n") })
+          },
+          k
+        )
+      );
+      continue;
+    }
+    if (m = HEADING.exec(line)) {
+      const level = m[1].length;
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "div",
+          {
+            role: "heading",
+            "aria-level": level,
+            style: {
+              fontWeight: 700,
+              fontSize: level === 1 ? "1.15em" : level === 2 ? "1.08em" : "1em",
+              lineHeight: 1.35
+            },
+            children: renderInline(m[2], theme, k)
+          },
+          k
+        )
+      );
+      i++;
+      continue;
+    }
+    if (RULE.test(line)) {
+      out.push(/* @__PURE__ */ jsx2("div", { role: "separator", style: { borderTop: `1px solid ${theme.border}` } }, k));
+      i++;
+      continue;
+    }
+    if (QUOTE.test(line)) {
+      const inner = [];
+      while (i < lines.length && (m = QUOTE.exec(lines[i]))) {
+        inner.push(m[1]);
+        i++;
+      }
+      out.push(
+        /* @__PURE__ */ jsx2(
+          "blockquote",
+          {
+            style: {
+              ...STACK,
+              margin: 0,
+              paddingLeft: "10px",
+              // `border` is near the bubble's own colour; the bar vanished.
+              borderLeft: `3px solid ${theme.accent}66`,
+              color: theme.textMuted
+            },
+            children: renderBlocks(inner, theme, k)
+          },
+          k
+        )
+      );
+      continue;
+    }
+    const aligns = tableAt(lines, i);
+    if (aligns) {
+      const head = splitRow(line);
+      const rows = [];
+      i += 2;
+      while (i < lines.length && lines[i].trim() && lines[i].includes("|")) {
+        rows.push(splitRow(lines[i]));
+        i++;
+      }
+      const align = (c) => {
+        var _a;
+        const a = (_a = aligns[c]) != null ? _a : "";
+        if (a.startsWith(":") && a.endsWith(":")) return "center";
+        return a.endsWith(":") ? "right" : "left";
+      };
+      const cell = (c) => ({
+        border: `1px solid ${theme.border}`,
+        padding: "4px 8px",
+        textAlign: align(c),
+        verticalAlign: "top"
+      });
+      out.push(
+        /* @__PURE__ */ jsx2("div", { style: { overflowX: "auto", maxWidth: "100%" }, children: /* @__PURE__ */ jsxs2("table", { style: { borderCollapse: "collapse", fontSize: "12px", margin: 0 }, children: [
+          /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: head.map((h, c) => /* @__PURE__ */ jsx2("th", { style: { ...cell(c), fontWeight: 600, backgroundColor: theme.bg }, children: renderInline(h, theme, `${k}h${c}`) }, c)) }) }),
+          /* @__PURE__ */ jsx2("tbody", { children: rows.map((row, r) => /* @__PURE__ */ jsx2("tr", { children: head.map((_, c) => {
+            var _a;
+            return /* @__PURE__ */ jsx2("td", { style: cell(c), children: renderInline((_a = row[c]) != null ? _a : "", theme, `${k}r${r}c${c}`) }, c);
+          }) }, r)) })
+        ] }) }, k)
+      );
+      continue;
+    }
+    if (m = LIST_ITEM.exec(line)) {
+      const baseIndent = m[1].length;
+      const ordered = /\d/.test(m[2]);
+      const start = ordered ? parseInt(m[2], 10) : 1;
+      const items = [];
+      while (i < lines.length) {
+        const l = lines[i];
+        const lm = LIST_ITEM.exec(l);
+        const indent = l.length - l.trimStart().length;
+        if (lm && indent <= baseIndent + 1) {
+          if (/\d/.test(lm[2]) !== ordered) break;
+          items.push([lm[3]]);
+          i++;
+          continue;
+        }
+        const current = items[items.length - 1];
+        if (!l.trim()) {
+          const next = lines[i + 1];
+          const nextIndent = next ? next.length - next.trimStart().length : 0;
+          if ((next == null ? void 0 : next.trim()) && (nextIndent > baseIndent + 1 || LIST_ITEM.test(next))) {
+            current.push("");
+            i++;
+            continue;
+          }
+          break;
+        }
+        if (indent > baseIndent + 1) {
+          current.push(l.slice(Math.min(indent, baseIndent + 2)));
+          i++;
+          continue;
+        }
+        break;
+      }
+      const ListTag = ordered ? "ol" : "ul";
+      out.push(
+        /* @__PURE__ */ jsx2(
+          ListTag,
+          {
+            start: ordered && start !== 1 ? start : void 0,
+            style: {
+              margin: 0,
+              paddingLeft: "20px",
+              listStyleType: ordered ? "decimal" : "disc",
+              listStylePosition: "outside"
+            },
+            children: items.map((itemLines, n) => {
+              const ik = `${k}i${n}`;
+              const task = TASK.exec(itemLines[0]);
+              const body = task ? [task[2], ...itemLines.slice(1)] : itemLines;
+              const box = task ? /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", style: { marginRight: "6px" }, children: task[1] === " " ? "\u2610" : "\u2611" }) : null;
+              const simple = body.filter((x) => x.trim()).length === 1;
+              return /* @__PURE__ */ jsx2(
+                "li",
+                {
+                  style: {
+                    display: "list-item",
+                    marginTop: n ? "3px" : 0,
+                    paddingLeft: "2px",
+                    listStyleType: task ? "none" : void 0
+                  },
+                  children: simple ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    box,
+                    renderInline(body[0], theme, ik)
+                  ] }) : /* @__PURE__ */ jsxs2("div", { style: STACK, children: [
+                    box ? /* @__PURE__ */ jsxs2("div", { children: [
+                      box,
+                      renderInline(body[0], theme, ik)
+                    ] }) : null,
+                    renderBlocks(box ? body.slice(1) : body, theme, ik)
+                  ] })
+                },
+                ik
+              );
+            })
+          },
+          k
+        )
+      );
+      continue;
+    }
+    const para = [];
+    while (i < lines.length && lines[i].trim() && !(para.length && startsBlock(lines, i))) {
+      para.push(lines[i].trim());
+      i++;
+    }
+    out.push(
+      /* @__PURE__ */ jsx2("div", { children: para.flatMap((p, n) => {
+        const inline = renderInline(p, theme, `${k}p${n}`);
+        return n ? [/* @__PURE__ */ jsx2("br", {}, `${k}br${n}`), ...inline] : inline;
+      }) }, k)
+    );
+  }
+  return out;
+}
+function ChatMarkdown({ text, theme }) {
+  return /* @__PURE__ */ jsx2("div", { style: STACK, children: renderBlocks(text.replace(/\r\n?/g, "\n").split("\n"), theme, "md") });
+}
 function pickAssistImages(all) {
   const picked = [];
   let total = 0;
@@ -1421,6 +1832,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] = useState2(false);
@@ -1437,7 +1859,7 @@ function useIsNarrow() {
   return narrow;
 }
 function Sparkle({ color, size = 14 }) {
-  return /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
     "path",
     {
       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -1453,7 +1875,7 @@ function Avatar({
   initials
 }) {
   const isAi = who === "assistant";
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
       "aria-hidden": "true",
@@ -1472,9 +1894,9 @@ function Avatar({
         fontSize: "10px",
         fontWeight: 700
       },
-      children: isAi ? /* @__PURE__ */ jsx2(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ jsxs2("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ jsx2(
+      children: isAi ? /* @__PURE__ */ jsx3(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ jsxs3("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ jsx3(
           "path",
           {
             d: "M5 20c0-3.6 3.1-5.6 7-5.6s7 2 7 5.6",
@@ -1535,12 +1957,15 @@ function AssistSheet({
   const [duplicate, setDuplicate] = useState2(null);
   const [glitchgrabOffer, setGlitchgrabOffer] = useState2(false);
   const [solved, setSolved] = useState2(null);
+  const needsSeverity = (tile) => showSeverity && tile === "BUG" && !severity;
   const [phase, setPhase] = useState2(
-    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+    () => !typePicked ? "type" : currentTile === "RATING" ? "rating" : needsSeverity(currentTile) ? "severity" : "chat"
   );
+  const [autoFileLeft, setAutoFileLeft] = useState2(null);
   const scrollRef = useRef2(null);
   const draftRef = useRef2(null);
   const seededRef = useRef2(false);
+  const seedPendingRef = useRef2(false);
   const eventsRef = useRef2([]);
   const aiDraftRef = useRef2(null);
   function logEvent(type, detail) {
@@ -1580,14 +2005,33 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  useEffect2(() => {
+    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 {
@@ -1647,6 +2091,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) {
@@ -1660,13 +2107,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([]);
@@ -1681,11 +2149,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();
@@ -1698,16 +2166,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__ */ jsxs2(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         "data-gg-known-issue": "",
@@ -1724,15 +2193,15 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
-          title && /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
+          /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
+          title && /* @__PURE__ */ jsxs3("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
             " ",
             duplicate.title
           ] }),
-          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
-          footer && /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
+          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
+          footer && /* @__PURE__ */ jsx3("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
         ]
       }
     );
@@ -1755,15 +2224,16 @@ function AssistSheet({
     animation: "gg-sheet-in .22s cubic-bezier(.2,.8,.2,1)"
   };
   return createPortal(
-    /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("style", { children: `
+    /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3("style", { children: `
         @keyframes gg-sheet-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
         @keyframes gg-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
         @keyframes gg-sheet-fade{from{opacity:0}to{opacity:1}}
+        @keyframes gg-autofile{from{transform:scaleX(0)}to{transform:scaleX(1)}}
         @keyframes gg-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}
-        [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
+        [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible,[data-gg-stop-auto-file]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
       ` }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -1783,7 +2253,7 @@ function AssistSheet({
           },
           onClick: () => leave("closed"),
           onPointerDown: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsxs2(
+          children: /* @__PURE__ */ jsxs3(
             "div",
             {
               onClick: (e) => e.stopPropagation(),
@@ -1804,7 +2274,7 @@ function AssistSheet({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ jsxs2(
+                /* @__PURE__ */ jsxs3(
                   "div",
                   {
                     "data-gg-sheet-header": "",
@@ -1819,8 +2289,8 @@ function AssistSheet({
                       minWidth: 0
                     },
                     children: [
-                      /* @__PURE__ */ jsxs2("div", { style: { minWidth: 0 }, children: [
-                        /* @__PURE__ */ jsxs2(
+                      /* @__PURE__ */ jsxs3("div", { style: { minWidth: 0 }, children: [
+                        /* @__PURE__ */ jsxs3(
                           "div",
                           {
                             style: {
@@ -1831,9 +2301,9 @@ function AssistSheet({
                               fontWeight: 600
                             },
                             children: [
-                              /* @__PURE__ */ jsx2(Sparkle, { color: t2.accent }),
+                              /* @__PURE__ */ jsx3(Sparkle, { color: t2.accent }),
                               "Describe it with AI",
-                              /* @__PURE__ */ jsx2(
+                              /* @__PURE__ */ jsx3(
                                 "span",
                                 {
                                   style: {
@@ -1852,12 +2322,13 @@ function AssistSheet({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs2("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
+                        /* @__PURE__ */ jsxs3("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
                           phase === "type" ? null : reportTypeLabel,
-                          projectSlot ? /* @__PURE__ */ jsx2("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
+                          phase !== "type" && severityAsked && severity ? ` \xB7 ${SEVERITY_LABELS[severity]}` : null,
+                          projectSlot ? /* @__PURE__ */ jsx3("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsx2(
+                      /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -1884,7 +2355,7 @@ function AssistSheet({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   "div",
                   {
                     ref: scrollRef,
@@ -1896,7 +2367,7 @@ function AssistSheet({
                       display: "flex",
                       flexDirection: "column"
                     },
-                    children: /* @__PURE__ */ jsxs2(
+                    children: /* @__PURE__ */ jsxs3(
                       "div",
                       {
                         style: {
@@ -1907,10 +2378,10 @@ function AssistSheet({
                           minWidth: 0
                         },
                         children: [
-                          phase === "type" && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsxs2(
+                          phase === "type" && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsxs3(
                                 "div",
                                 {
                                   style: {
@@ -1928,7 +2399,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "div",
                               {
                                 style: {
@@ -1939,7 +2410,7 @@ function AssistSheet({
                                 },
                                 children: tiles.map((tile) => {
                                   const rate = tile === "RATING";
-                                  return /* @__PURE__ */ jsx2(
+                                  return /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -1972,10 +2443,66 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "rating" && !submitted && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsx2(
+                          phase === "severity" && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: "How bad is it?"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx3(
+                              "div",
+                              {
+                                role: "radiogroup",
+                                "aria-label": "Severity",
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ jsx3(
+                                  "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__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
                                 "div",
                                 {
                                   style: {
@@ -1990,7 +2517,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs2(
+                            /* @__PURE__ */ jsxs3(
                               "div",
                               {
                                 style: {
@@ -2004,9 +2531,9 @@ function AssistSheet({
                                   backgroundColor: "rgba(245,158,11,0.06)"
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx2("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
+                                  /* @__PURE__ */ jsx3("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
                                     const filled = star <= (hoveredStar || rating);
-                                    return /* @__PURE__ */ jsx2(
+                                    return /* @__PURE__ */ jsx3(
                                       "button",
                                       {
                                         type: "button",
@@ -2022,7 +2549,7 @@ function AssistSheet({
                                           cursor: "pointer",
                                           lineHeight: 0
                                         },
-                                        children: /* @__PURE__ */ jsx2("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                                        children: /* @__PURE__ */ jsx3("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
                                           "path",
                                           {
                                             d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -2036,7 +2563,7 @@ function AssistSheet({
                                       star
                                     );
                                   }) }),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "textarea",
                                     {
                                       value: description,
@@ -2059,7 +2586,7 @@ function AssistSheet({
                                       }
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2083,10 +2610,10 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          empty && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsxs2(
+                          empty && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsxs3(
                                 "div",
                                 {
                                   style: {
@@ -2104,7 +2631,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "div",
                               {
                                 style: {
@@ -2113,7 +2640,7 @@ function AssistSheet({
                                   gap: "6px",
                                   paddingLeft: "32px"
                                 },
-                                children: STARTERS.map((s) => /* @__PURE__ */ jsx2(
+                                children: STARTERS.map((s) => /* @__PURE__ */ jsx3(
                                   "button",
                                   {
                                     type: "button",
@@ -2143,9 +2670,9 @@ function AssistSheet({
                             const mine = m.role === "user";
                             if (m.kind === "report") {
                               const live = phase === "draft" && i === messages.length - 1;
-                              return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
-                                /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                                /* @__PURE__ */ jsx2(
+                              return /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", minWidth: 0 }, children: [
+                                /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                                /* @__PURE__ */ jsx3(
                                   "div",
                                   {
                                     "data-gg-draft-bubble": "",
@@ -2160,8 +2687,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__ */ jsxs2(Fragment, { children: [
-                                      /* @__PURE__ */ jsx2(
+                                    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__ */ jsxs3(Fragment2, { children: [
+                                      /* @__PURE__ */ jsx3(
                                         "span",
                                         {
                                           style: {
@@ -2176,7 +2707,7 @@ function AssistSheet({
                                           children: "Draft so far"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx2(
+                                      /* @__PURE__ */ jsx3(
                                         "span",
                                         {
                                           style: {
@@ -2195,7 +2726,7 @@ function AssistSheet({
                                 )
                               ] }, i);
                             }
-                            return /* @__PURE__ */ jsxs2(
+                            return /* @__PURE__ */ jsxs3(
                               "div",
                               {
                                 style: {
@@ -2205,22 +2736,24 @@ function AssistSheet({
                                   flexDirection: mine ? "row-reverse" : "row"
                                 },
                                 children: [
-                                  /* @__PURE__ */ jsx2(Avatar, { who: m.role, theme: t2, initials }),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(Avatar, { who: m.role, theme: t2, initials }),
+                                  /* @__PURE__ */ jsx3(
                                     "div",
                                     {
                                       style: {
                                         maxWidth: "82%",
+                                        minWidth: 0,
                                         padding: "9px 12px",
                                         borderRadius: mine ? "12px 12px 4px 12px" : "12px 12px 12px 4px",
                                         fontSize: "13px",
                                         lineHeight: 1.55,
-                                        whiteSpace: "pre-wrap",
+                                        // Markdown owns the assistant's line breaks and lists.
+                                        whiteSpace: mine ? "pre-wrap" : "normal",
                                         wordBreak: "break-word",
                                         backgroundColor: mine ? t2.accent : t2.bgSecondary,
                                         color: mine ? t2.accentText : t2.text
                                       },
-                                      children: m.content
+                                      children: mine ? m.content : /* @__PURE__ */ jsx3(ChatMarkdown, { text: m.content, theme: t2 })
                                     }
                                   )
                                 ]
@@ -2228,8 +2761,8 @@ function AssistSheet({
                               i
                             );
                           }),
-                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ jsx2("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
-                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ jsx2("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ jsxs2(
+                          duplicate && !busy && phase === "chat" && /* @__PURE__ */ jsx3("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: renderKnownIssue({ title: false }) }),
+                          glitchgrabOffer && onReportGlitchgrabProblem && !busy && phase === "chat" && /* @__PURE__ */ jsx3("div", { style: { paddingLeft: "32px", minWidth: 0 }, children: /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               "data-gg-glitchgrab-offer": "",
@@ -2245,10 +2778,10 @@ function AssistSheet({
                                 lineHeight: 1.5
                               },
                               children: [
-                                /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
-                                /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
-                                /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
-                                  /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3("span", { style: { color: t2.text, fontWeight: 600 }, children: "This is about Glitchgrab, not this app" }),
+                                /* @__PURE__ */ jsx3("span", { style: { color: t2.textMuted }, children: "It goes to the team that builds this reporter, with your chat attached." }),
+                                /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexWrap: "wrap", gap: "6px" }, children: [
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2277,7 +2810,7 @@ function AssistSheet({
                                       children: "Send to the Glitchgrab team"
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "button",
                                     {
                                       type: "button",
@@ -2304,7 +2837,7 @@ function AssistSheet({
                               ]
                             }
                           ) }),
-                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ jsx2(
+                          options.length > 0 && !busy && phase === "chat" && !glitchgrabOffer && /* @__PURE__ */ jsx3(
                             "div",
                             {
                               style: {
@@ -2319,7 +2852,7 @@ function AssistSheet({
                                 gap: "6px",
                                 paddingLeft: "32px"
                               },
-                              children: options.map((option) => /* @__PURE__ */ jsx2(
+                              children: options.map((option) => /* @__PURE__ */ jsx3(
                                 "button",
                                 {
                                   type: "button",
@@ -2327,7 +2860,7 @@ function AssistSheet({
                                   "data-gg-option": "",
                                   onClick: () => {
                                     logEvent("option_tap", option);
-                                    send(option);
+                                    send(option, option === CONFIRM_OPTION);
                                   },
                                   style: {
                                     border: `1px solid ${t2.inputBorder}`,
@@ -2348,9 +2881,9 @@ function AssistSheet({
                               ))
                             }
                           ),
-                          busy && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
-                            /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                            /* @__PURE__ */ jsx2(
+                          busy && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
+                            /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                            /* @__PURE__ */ jsx3(
                               "span",
                               {
                                 style: {
@@ -2361,7 +2894,7 @@ function AssistSheet({
                                   borderRadius: "12px 12px 12px 4px",
                                   backgroundColor: t2.bgSecondary
                                 },
-                                children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx2(
+                                children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx3(
                                   "span",
                                   {
                                     style: {
@@ -2377,7 +2910,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && !submitted && /* @__PURE__ */ jsxs2(
+                          phase === "draft" && !submitted && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2392,7 +2925,7 @@ function AssistSheet({
                                 boxSizing: "border-box"
                               },
                               children: [
-                                /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3(
                                   "span",
                                   {
                                     style: {
@@ -2409,12 +2942,15 @@ function AssistSheet({
                                   title: true,
                                   footer: "Your details will be added to it instead of opening a new issue."
                                 }),
-                                /* @__PURE__ */ jsx2(
+                                /* @__PURE__ */ jsx3(
                                   "textarea",
                                   {
                                     ref: draftRef,
                                     value: description,
-                                    onChange: (e) => onDescriptionChange(e.target.value),
+                                    onChange: (e) => {
+                                      stopAutoFile("edited the draft");
+                                      onDescriptionChange(e.target.value);
+                                    },
                                     rows: 6,
                                     style: {
                                       width: "100%",
@@ -2433,8 +2969,8 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && /* @__PURE__ */ jsxs2("div", { children: [
-                                  /* @__PURE__ */ jsxs2(
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ jsxs3("div", { children: [
+                                  /* @__PURE__ */ jsxs3(
                                     "span",
                                     {
                                       style: {
@@ -2445,7 +2981,7 @@ function AssistSheet({
                                       },
                                       children: [
                                         "How bad is it?",
-                                        !severity && /* @__PURE__ */ jsx2(
+                                        !severity && /* @__PURE__ */ jsx3(
                                           "span",
                                           {
                                             style: {
@@ -2459,7 +2995,7 @@ function AssistSheet({
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx2(
+                                  /* @__PURE__ */ jsx3(
                                     "div",
                                     {
                                       role: "radiogroup",
@@ -2467,7 +3003,7 @@ function AssistSheet({
                                       style: { display: "flex", gap: "6px" },
                                       children: SEVERITY_LEVELS.map((s) => {
                                         const on = severity === s;
-                                        return /* @__PURE__ */ jsx2(
+                                        return /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2498,7 +3034,7 @@ function AssistSheet({
                                     }
                                   )
                                 ] }),
-                                attachmentCount > 0 && /* @__PURE__ */ jsxs2("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
+                                attachmentCount > 0 && /* @__PURE__ */ jsxs3("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
                                   attachmentCount,
                                   " ",
                                   attachmentCount === 1 ? "attachment" : "attachments",
@@ -2507,10 +3043,10 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          phase === "solved" && solved && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
-                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
-                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
-                              /* @__PURE__ */ jsx2(
+                          phase === "solved" && solved && /* @__PURE__ */ jsxs3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx3(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx3(
                                 "div",
                                 {
                                   style: {
@@ -2526,7 +3062,7 @@ function AssistSheet({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "span",
                               {
                                 style: { fontSize: "11.5px", color: t2.textMuted, paddingLeft: "32px" },
@@ -2534,7 +3070,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          submitted && /* @__PURE__ */ jsxs2(
+                          submitted && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2555,7 +3091,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && /* @__PURE__ */ jsxs2(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ jsxs3(
                   "div",
                   {
                     style: {
@@ -2566,7 +3102,7 @@ function AssistSheet({
                       backgroundColor: t2.bg
                     },
                     children: [
-                      phase === "solved" ? /* @__PURE__ */ jsx2(
+                      phase === "solved" ? /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -2586,7 +3122,7 @@ function AssistSheet({
                           },
                           children: "Done"
                         }
-                      ) : phase === "rating" ? /* @__PURE__ */ jsx2(
+                      ) : phase === "rating" ? /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -2612,8 +3148,8 @@ function AssistSheet({
                         // element on both sides of a draft landing — it stays put
                         // instead of remounting, and a draft is something you can
                         // still reply to (#360), not a form that replaced the chat.
-                        /* @__PURE__ */ jsxs2(Fragment, { children: [
-                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ jsxs2(
+                        /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ jsxs3(
                             "div",
                             {
                               style: {
@@ -2626,7 +3162,7 @@ function AssistSheet({
                               children: [
                                 screenshots.map((shot, i) => {
                                   const read = readShots.has(shot);
-                                  return /* @__PURE__ */ jsxs2(
+                                  return /* @__PURE__ */ jsxs3(
                                     "div",
                                     {
                                       style: {
@@ -2636,7 +3172,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3(
                                           "img",
                                           {
                                             src: shot,
@@ -2654,7 +3190,7 @@ function AssistSheet({
                                             }
                                           }
                                         ),
-                                        onRemoveImage && /* @__PURE__ */ jsx2(
+                                        onRemoveImage && /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2662,6 +3198,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"
@@ -2683,7 +3220,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ jsx2(
+                                            children: /* @__PURE__ */ jsx3(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2699,7 +3236,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ jsx2("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx2(
+                                                children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -2720,7 +3257,7 @@ function AssistSheet({
                                 files.map((file, i) => {
                                   const read = readFiles.has(i);
                                   const why = read ? "the assistant reads this file" : isAssistReadableFile(file.name) ? "attached, but more than one message can carry, so the assistant is not reading it" : "attached to the report \u2014 the assistant can't read this kind of file";
-                                  return /* @__PURE__ */ jsxs2(
+                                  return /* @__PURE__ */ jsxs3(
                                     "div",
                                     {
                                       "data-gg-assist-file": "",
@@ -2741,7 +3278,7 @@ function AssistSheet({
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx2("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx3(
                                           "path",
                                           {
                                             d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
@@ -2751,7 +3288,7 @@ function AssistSheet({
                                             strokeLinejoin: "round"
                                           }
                                         ) }),
-                                        /* @__PURE__ */ jsx2(
+                                        /* @__PURE__ */ jsx3(
                                           "span",
                                           {
                                             style: {
@@ -2764,7 +3301,7 @@ function AssistSheet({
                                             children: file.name
                                           }
                                         ),
-                                        onRemoveFile && /* @__PURE__ */ jsx2(
+                                        onRemoveFile && /* @__PURE__ */ jsx3(
                                           "button",
                                           {
                                             type: "button",
@@ -2772,6 +3309,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);
                                             },
@@ -2790,7 +3328,7 @@ function AssistSheet({
                                               justifyContent: "center",
                                               borderRadius: "50%"
                                             },
-                                            children: /* @__PURE__ */ jsx2(
+                                            children: /* @__PURE__ */ jsx3(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -2806,7 +3344,7 @@ function AssistSheet({
                                                   alignItems: "center",
                                                   justifyContent: "center"
                                                 },
-                                                children: /* @__PURE__ */ jsx2("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx2(
+                                                children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
                                                   "path",
                                                   {
                                                     d: "M1 1L9 9M9 1L1 9",
@@ -2824,7 +3362,7 @@ function AssistSheet({
                                     `file-${i}-${file.name}`
                                   );
                                 }),
-                                onAddFiles && /* @__PURE__ */ jsxs2(
+                                onAddFiles && /* @__PURE__ */ jsxs3(
                                   "label",
                                   {
                                     "data-gg-assist-attach": "",
@@ -2844,7 +3382,7 @@ function AssistSheet({
                                     },
                                     children: [
                                       "+",
-                                      /* @__PURE__ */ jsx2(
+                                      /* @__PURE__ */ jsx3(
                                         "input",
                                         {
                                           type: "file",
@@ -2854,6 +3392,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) {
@@ -2869,7 +3408,7 @@ function AssistSheet({
                                     ]
                                   }
                                 ),
-                                readShots.size < screenshots.length && /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
+                                readShots.size < screenshots.length && /* @__PURE__ */ jsxs3("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
                                   readShots.size,
                                   " of ",
                                   screenshots.length,
@@ -2878,16 +3417,19 @@ function AssistSheet({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-                            /* @__PURE__ */ jsx2(
+                          /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                            /* @__PURE__ */ jsx3(
                               "textarea",
                               {
                                 value: input,
-                                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",
@@ -2912,12 +3454,12 @@ function AssistSheet({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
+                            /* @__PURE__ */ jsx3(
                               "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": "",
@@ -2934,7 +3476,7 @@ function AssistSheet({
                                   color: busy || !input.trim() ? t2.textMuted : t2.accentText,
                                   cursor: busy || !input.trim() ? "default" : "pointer"
                                 },
-                                children: /* @__PURE__ */ jsx2("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                                children: /* @__PURE__ */ jsx3("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
                                   "path",
                                   {
                                     d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
@@ -2944,8 +3486,8 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          phase === "draft" && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                            validationError && /* @__PURE__ */ jsx2(
+                          phase === "draft" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                            validationError && /* @__PURE__ */ jsx3(
                               "p",
                               {
                                 style: {
@@ -2956,12 +3498,95 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
+                            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__ */ jsxs3("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ jsxs3(
+                                  "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__ */ jsx3(
+                                        "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__ */ jsxs3("span", { style: { position: "relative" }, children: [
+                                        "Filing in ",
+                                        autoFileLeft,
+                                        "s\u2026"
+                                      ] })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx3(
+                                  "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__ */ jsx3("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(
+                                      "path",
+                                      {
+                                        d: "M6 6l12 12M18 6L6 18",
+                                        stroke: "currentColor",
+                                        strokeWidth: "2.25",
+                                        strokeLinecap: "round"
+                                      }
+                                    ) })
+                                  }
+                                )
+                              ] })
+                            ) : /* @__PURE__ */ jsx3(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: sendDraft,
+                                onClick: () => sendDraft(),
                                 disabled: isSubmitting || !description.trim(),
                                 style: {
                                   width: "100%",
@@ -2982,7 +3607,7 @@ function AssistSheet({
                           ] })
                         ] })
                       ),
-                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ jsx2(
+                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -3002,7 +3627,7 @@ function AssistSheet({
                           children: "Not getting it? Fill the form yourself \u2192"
                         }
                       ),
-                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ jsx2(
+                      onReportGlitchgrabProblem && phase !== "solved" && !glitchgrabOffer && /* @__PURE__ */ jsx3(
                         "button",
                         {
                           type: "button",
@@ -3165,7 +3790,7 @@ function GlitchgrabProblemPanel({
     // `data-glitchgrab-layer` exempts this from the dialog's anti-focus-trap
     // sweep, which sets `inert` on every other role="dialog" on the page —
     // without it the panel renders but cannot be typed into.
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "div",
       {
         "data-glitchgrab-layer": "",
@@ -3185,7 +3810,7 @@ function GlitchgrabProblemPanel({
           boxSizing: "border-box",
           fontFamily: FONT
         },
-        children: /* @__PURE__ */ jsx3(
+        children: /* @__PURE__ */ jsx4(
           "div",
           {
             style: {
@@ -3199,10 +3824,10 @@ function GlitchgrabProblemPanel({
               boxShadow: "0 20px 50px rgba(0,0,0,0.5)",
               padding: "18px"
             },
-            children: sent ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-              /* @__PURE__ */ jsx3("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
-              /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0 16px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "Thanks \u2014 we'll look into it. Your report is still open behind this, exactly as you left it." }),
-              /* @__PURE__ */ jsx3(
+            children: sent ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsx4("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Sent to the Glitchgrab team" }),
+              /* @__PURE__ */ jsx4("p", { style: { margin: "6px 0 16px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "Thanks \u2014 we'll look into it. Your report is still open behind this, exactly as you left it." }),
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -3212,8 +3837,8 @@ function GlitchgrabProblemPanel({
                   children: "Back to your report"
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
-              /* @__PURE__ */ jsxs3(
+            ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
+              /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   style: {
@@ -3223,8 +3848,8 @@ function GlitchgrabProblemPanel({
                     gap: "12px"
                   },
                   children: [
-                    /* @__PURE__ */ jsx3("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4("div", { id: "gg-self-report-title", style: { fontSize: "15px", fontWeight: 600 }, children: "Problem with Glitchgrab?" }),
+                    /* @__PURE__ */ jsx4(
                       "button",
                       {
                         type: "button",
@@ -3246,8 +3871,8 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx3("p", { style: { margin: "6px 0 12px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "This goes to the people who build this reporter \u2014 not to this project's team. Tell us what went wrong: the AI chat, a button, anything." }),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4("p", { style: { margin: "6px 0 12px", fontSize: "13px", lineHeight: 1.5, color: t2.textMuted }, children: "This goes to the people who build this reporter \u2014 not to this project's team. Tell us what went wrong: the AI chat, a button, anything." }),
+              /* @__PURE__ */ jsx4(
                 "textarea",
                 {
                   ref: inputRef,
@@ -3281,7 +3906,7 @@ function GlitchgrabProblemPanel({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4(
                 "div",
                 {
                   "data-gg-self-report-images": "",
@@ -3293,8 +3918,8 @@ function GlitchgrabProblemPanel({
                     marginTop: "10px"
                   },
                   children: [
-                    images.map((src, i) => /* @__PURE__ */ jsxs3("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
-                      /* @__PURE__ */ jsx3(
+                    images.map((src, i) => /* @__PURE__ */ jsxs4("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
+                      /* @__PURE__ */ jsx4(
                         "img",
                         {
                           src,
@@ -3310,7 +3935,7 @@ function GlitchgrabProblemPanel({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx3(
+                      /* @__PURE__ */ jsx4(
                         "button",
                         {
                           type: "button",
@@ -3333,7 +3958,7 @@ function GlitchgrabProblemPanel({
                             justifyContent: "center",
                             borderRadius: "50%"
                           },
-                          children: /* @__PURE__ */ jsx3(
+                          children: /* @__PURE__ */ jsx4(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -3349,7 +3974,7 @@ function GlitchgrabProblemPanel({
                                 alignItems: "center",
                                 justifyContent: "center"
                               },
-                              children: /* @__PURE__ */ jsx3("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx3(
+                              children: /* @__PURE__ */ jsx4("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx4(
                                 "path",
                                 {
                                   d: "M1 1L9 9M9 1L1 9",
@@ -3363,7 +3988,7 @@ function GlitchgrabProblemPanel({
                         }
                       )
                     ] }, i)),
-                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ jsx3(
+                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ jsx4(
                       "button",
                       {
                         type: "button",
@@ -3390,7 +4015,7 @@ function GlitchgrabProblemPanel({
                         children: images.length >= 3 ? "+ Add" : "+ Add screenshot"
                       }
                     ),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4(
                       "input",
                       {
                         ref: fileRef,
@@ -3409,7 +4034,7 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4(
                 "p",
                 {
                   "data-gg-self-report-includes": "",
@@ -3422,10 +4047,10 @@ function GlitchgrabProblemPanel({
                   ]
                 }
               ),
-              error && /* @__PURE__ */ jsx3("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
-              /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
-                /* @__PURE__ */ jsx3("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
-                /* @__PURE__ */ jsx3(
+              error && /* @__PURE__ */ jsx4("p", { role: "alert", style: { margin: "8px 0 0", fontSize: "12px", color: "#ef4444" }, children: error }),
+              /* @__PURE__ */ jsxs4("div", { style: { display: "flex", justifyContent: "flex-end", gap: "8px", marginTop: "14px" }, children: [
+                /* @__PURE__ */ jsx4("button", { type: "button", onClick: onClose, style: secondaryButton, children: "Cancel" }),
+                /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
@@ -3604,7 +4229,7 @@ var SHOT_WAIT_MS = 3e3;
 var SIMILAR_WAIT_MS = 2500;
 var MAX_SIMILAR_SHOWN = 3;
 function ButtonSpinner() {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "span",
     {
       "aria-hidden": "true",
@@ -3756,13 +4381,13 @@ function ReporterChip({
   const label = isAnonymous ? "Anonymous" : name;
   const title = isAnonymous ? "No reporter identity was passed to Glitchgrab \u2014 this report won't be attributed to anyone" : [name, reporter == null ? void 0 : reporter.email, reporter == null ? void 0 : reporter.role].filter(Boolean).join(" \xB7 ");
   const showAvatarImage = !!avatarUrl && !avatarFailed;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "span",
     {
       title,
       style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "span",
           {
             "aria-hidden": "true",
@@ -3782,7 +4407,7 @@ function ReporterChip({
               color: isAnonymous ? t2.textMuted : t2.accentText,
               border: `1px solid ${isAnonymous ? t2.inputBorder : "transparent"}`
             },
-            children: showAvatarImage ? /* @__PURE__ */ jsx4(
+            children: showAvatarImage ? /* @__PURE__ */ jsx5(
               "img",
               {
                 src: avatarUrl,
@@ -3792,9 +4417,9 @@ function ReporterChip({
                 onError: () => setAvatarFailed(true),
                 style: { width: "100%", height: "100%", objectFit: "cover" }
               }
-            ) : initials ? initials : /* @__PURE__ */ jsxs4("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
-              /* @__PURE__ */ jsx4("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
-              /* @__PURE__ */ jsx4(
+            ) : initials ? initials : /* @__PURE__ */ jsxs5("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
+              /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
+              /* @__PURE__ */ jsx5(
                 "path",
                 {
                   d: "M2.75 13.5c0-2.35 2.35-3.75 5.25-3.75s5.25 1.4 5.25 3.75",
@@ -3806,7 +4431,7 @@ function ReporterChip({
             ] })
           }
         ),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5(
           "span",
           {
             style: {
@@ -3937,9 +4562,11 @@ function ReportDialog({
   reporter,
   onClose,
   headerSlot,
-  reportGlitchgrabProblem
+  reportGlitchgrabProblem,
+  layout = "modal"
 }) {
   var _a;
+  const sheet = layout === "sheet";
   const [isEnhancing, setIsEnhancing] = useState4(false);
   const [assistOpen, setAssistOpen] = useState4(false);
   const [assistNotice, setAssistNotice] = useState4(null);
@@ -4694,9 +5321,9 @@ function ReportDialog({
     }
   };
   if (!mounted) return null;
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
     isOpen && createPortal3(
-      /* @__PURE__ */ jsx4("style", { children: `
+      /* @__PURE__ */ jsx5("style", { children: `
           @keyframes gg-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
           @keyframes gg-spin{to{transform:rotate(360deg)}}
           @keyframes gg-b1{0%,100%{height:3px}40%{height:13px}}
@@ -4734,7 +5361,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && createPortal3(
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -4747,8 +5374,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'
           },
@@ -4757,7 +5384,7 @@ function ReportDialog({
           },
           onPointerDown: (e) => e.stopPropagation(),
           onFocus: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsxs4(
+          children: /* @__PURE__ */ jsxs5(
             "div",
             {
               ref: modalRef,
@@ -4768,21 +5395,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__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     style: {
@@ -4791,7 +5419,7 @@ function ReportDialog({
                       borderBottom: `1px solid ${t2.border}`
                     },
                     children: [
-                      /* @__PURE__ */ jsxs4(
+                      /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -4800,7 +5428,7 @@ function ReportDialog({
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ jsxs4(
+                            /* @__PURE__ */ jsxs5(
                               "div",
                               {
                                 style: {
@@ -4809,7 +5437,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ jsx4(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ jsx5(
                                     "button",
                                     {
                                       type: "button",
@@ -4823,14 +5451,14 @@ function ReportDialog({
                                         alignItems: "center"
                                       },
                                       "aria-label": "Back",
-                                      children: /* @__PURE__ */ jsx4(
+                                      children: /* @__PURE__ */ jsx5(
                                         "svg",
                                         {
                                           width: "16",
                                           height: "16",
                                           viewBox: "0 0 16 16",
                                           fill: "none",
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M10 3L5 8L10 13",
@@ -4844,7 +5472,7 @@ function ReportDialog({
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx4(
+                                  /* @__PURE__ */ jsx5(
                                     "span",
                                     {
                                       style: {
@@ -4858,7 +5486,7 @@ function ReportDialog({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsxs4(
+                            /* @__PURE__ */ jsxs5(
                               "div",
                               {
                                 style: {
@@ -4867,7 +5495,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step === 1 && /* @__PURE__ */ jsx4(
+                                  step === 1 && /* @__PURE__ */ jsx5(
                                     "span",
                                     {
                                       title: "Press this anywhere to open Glitchgrab",
@@ -4885,7 +5513,7 @@ function ReportDialog({
                                       children: getShortcutLabel()
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx4(
+                                  /* @__PURE__ */ jsx5(
                                     "button",
                                     {
                                       type: "button",
@@ -4900,7 +5528,7 @@ function ReportDialog({
                                         justifyContent: "center"
                                       },
                                       "aria-label": "Close",
-                                      children: /* @__PURE__ */ jsx4(
+                                      children: /* @__PURE__ */ jsx5(
                                         "svg",
                                         {
                                           width: "16",
@@ -4908,7 +5536,7 @@ function ReportDialog({
                                           viewBox: "0 0 16 16",
                                           fill: "none",
                                           style: { display: "block" },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M4 4L12 12M12 4L4 12",
@@ -4927,7 +5555,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx4(
+                      availableTypes.length > 1 && /* @__PURE__ */ jsx5(
                         "div",
                         {
                           style: {
@@ -4937,12 +5565,12 @@ function ReportDialog({
                             gap: "0",
                             marginTop: "12px"
                           },
-                          children: [1, 2].map((s, i) => /* @__PURE__ */ jsxs4(
+                          children: [1, 2].map((s, i) => /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               style: { display: "flex", alignItems: "center" },
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     style: {
@@ -4954,7 +5582,7 @@ function ReportDialog({
                                     }
                                   }
                                 ),
-                                i < 1 && /* @__PURE__ */ jsx4(
+                                i < 1 && /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     style: {
@@ -4974,7 +5602,7 @@ function ReportDialog({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx5(
                   "div",
                   {
                     style: {
@@ -4983,7 +5611,7 @@ function ReportDialog({
                       flex: "1 1 auto",
                       minHeight: 0
                     },
-                    children: submitted ? /* @__PURE__ */ jsx4(
+                    children: submitted ? /* @__PURE__ */ jsx5(
                       "div",
                       {
                         style: {
@@ -4993,7 +5621,7 @@ function ReportDialog({
                           fontSize: "14px",
                           fontWeight: 500
                         },
-                        children: queuedMessage ? /* @__PURE__ */ jsx4(
+                        children: queuedMessage ? /* @__PURE__ */ jsx5(
                           "span",
                           {
                             style: {
@@ -5006,9 +5634,9 @@ function ReportDialog({
                           }
                         ) : addedToIssue ? `Added to #${addedToIssue}${addedAsRelated ? " as a related request" : ""}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
                       }
-                    ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                      step === 1 && headerSlot ? /* @__PURE__ */ jsx4("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs4(
+                    ) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                      step === 1 && headerSlot ? /* @__PURE__ */ jsx5("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5025,16 +5653,16 @@ function ReportDialog({
                           },
                           onMouseLeave: () => setHoveredStar(0),
                           children: [
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               "span",
                               {
                                 style: { fontSize: "13px", fontWeight: 600, color: t2.text },
                                 children: "How are we doing?"
                               }
                             ),
-                            /* @__PURE__ */ jsx4("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
+                            /* @__PURE__ */ jsx5("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ jsx4(
+                              return /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5055,7 +5683,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ jsx4("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -5072,7 +5700,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs4(
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5082,13 +5710,13 @@ function ReportDialog({
                             marginBottom: "16px"
                           },
                           children: [
-                            /* @__PURE__ */ jsx4("span", { style: { flex: 1, height: "1px", background: t2.border } }),
-                            /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
-                            /* @__PURE__ */ jsx4("span", { style: { flex: 1, height: "1px", background: t2.border } })
+                            /* @__PURE__ */ jsx5("span", { style: { flex: 1, height: "1px", background: t2.border } }),
+                            /* @__PURE__ */ jsx5("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
+                            /* @__PURE__ */ jsx5("span", { style: { flex: 1, height: "1px", background: t2.border } })
                           ]
                         }
                       ),
-                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ jsxs4(
+                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ jsxs5(
                         "div",
                         {
                           style: {
@@ -5102,7 +5730,7 @@ function ReportDialog({
                             background: t2.inputBg
                           },
                           children: [
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               "img",
                               {
                                 src: screenshots[0],
@@ -5117,8 +5745,8 @@ function ReportDialog({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsx4("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
+                            /* @__PURE__ */ jsx5(
                               "button",
                               {
                                 type: "button",
@@ -5139,7 +5767,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && /* @__PURE__ */ jsx4(
+                      step === 1 && /* @__PURE__ */ jsx5(
                         "div",
                         {
                           ref: tileGridRef,
@@ -5149,7 +5777,7 @@ function ReportDialog({
                             gridTemplateColumns: "1fr 1fr 1fr",
                             gap: "10px"
                           },
-                          children: availableTypes.map((type) => /* @__PURE__ */ jsxs4(
+                          children: availableTypes.map((type) => /* @__PURE__ */ jsxs5(
                             "button",
                             {
                               type: "button",
@@ -5180,7 +5808,7 @@ function ReportDialog({
                               },
                               children: [
                                 getTypeIcon(type, t2.accent, 22),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5198,11 +5826,12 @@ function ReportDialog({
                           ))
                         }
                       ),
-                      step === 2 && /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                        /* @__PURE__ */ jsxs4(
+                      step === 2 && /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                        /* @__PURE__ */ jsxs5(
                           "button",
                           {
                             type: "button",
+                            disabled: availableTypes.length === 1,
                             onClick: () => setStep(1),
                             style: {
                               display: "inline-flex",
@@ -5217,16 +5846,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__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ jsx5("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
-                        isRating && /* @__PURE__ */ jsx4(
+                        isRating && /* @__PURE__ */ jsx5(
                           "div",
                           {
                             style: {
@@ -5237,7 +5866,7 @@ function ReportDialog({
                             onMouseLeave: () => setHoveredStar(0),
                             children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ jsx4(
+                              return /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5254,7 +5883,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ jsx4("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -5270,7 +5899,7 @@ function ReportDialog({
                             })
                           }
                         ),
-                        assist && !isRating && !assistUsed && /* @__PURE__ */ jsxs4(
+                        assist && !isRating && !assistUsed && /* @__PURE__ */ jsxs5(
                           "button",
                           {
                             type: "button",
@@ -5297,7 +5926,7 @@ function ReportDialog({
                             },
                             title: "Answer a question or two and the assistant writes the report for you",
                             children: [
-                              /* @__PURE__ */ jsx4("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
                                 "path",
                                 {
                                   d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -5310,8 +5939,8 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ jsxs4("div", { style: { position: "relative" }, children: [
-                          /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsxs5("div", { style: { position: "relative" }, children: [
+                          /* @__PURE__ */ jsx5(
                             "textarea",
                             {
                               ref: textareaRef,
@@ -5353,7 +5982,7 @@ function ReportDialog({
                               autoFocus: true
                             }
                           ),
-                          (isListening || isTranscribing) && /* @__PURE__ */ jsxs4(
+                          (isListening || isTranscribing) && /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -5371,7 +6000,7 @@ function ReportDialog({
                                 zIndex: 1
                               },
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5386,7 +6015,7 @@ function ReportDialog({
                                   }
                                 ),
                                 isTranscribing ? "Transcribing\u2026" : "REC",
-                                isListening && !isTranscribing && /* @__PURE__ */ jsx4(
+                                isListening && !isTranscribing && /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -5413,7 +6042,7 @@ function ReportDialog({
                                         dur: "0.55s",
                                         delay: "0.15s"
                                       }
-                                    ].map((b, i) => /* @__PURE__ */ jsx4(
+                                    ].map((b, i) => /* @__PURE__ */ jsx5(
                                       "span",
                                       {
                                         style: {
@@ -5433,7 +6062,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          enhanceText2 && /* @__PURE__ */ jsxs4(
+                          enhanceText2 && /* @__PURE__ */ jsxs5(
                             "button",
                             {
                               type: "button",
@@ -5478,7 +6107,7 @@ function ReportDialog({
                               },
                               title: "Polish grammar \u2014 preserves your meaning",
                               children: [
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "svg",
                                   {
                                     width: "11",
@@ -5486,7 +6115,7 @@ function ReportDialog({
                                     viewBox: "0 0 24 24",
                                     fill: "none",
                                     "aria-hidden": "true",
-                                    children: /* @__PURE__ */ jsx4(
+                                    children: /* @__PURE__ */ jsx5(
                                       "path",
                                       {
                                         d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -5501,7 +6130,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          transcribeAudio2 && /* @__PURE__ */ jsx4(
+                          transcribeAudio2 && /* @__PURE__ */ jsx5(
                             "button",
                             {
                               type: "button",
@@ -5527,7 +6156,7 @@ function ReportDialog({
                                 padding: 0,
                                 transition: "border-color 0.2s ease, color 0.2s ease"
                               },
-                              children: isListening ? /* @__PURE__ */ jsx4(
+                              children: isListening ? /* @__PURE__ */ jsx5(
                                 "svg",
                                 {
                                   width: "12",
@@ -5535,7 +6164,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "currentColor",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5(
                                     "rect",
                                     {
                                       x: "6",
@@ -5546,7 +6175,7 @@ function ReportDialog({
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ jsxs4(
+                              ) : /* @__PURE__ */ jsxs5(
                                 "svg",
                                 {
                                   width: "13",
@@ -5555,7 +6184,7 @@ function ReportDialog({
                                   fill: "none",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "rect",
                                       {
                                         x: "9",
@@ -5567,7 +6196,7 @@ function ReportDialog({
                                         strokeWidth: "1.8"
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "path",
                                       {
                                         d: "M5 10a7 7 0 0014 0M12 19v3M9 22h6",
@@ -5582,7 +6211,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ jsxs4(
+                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ jsxs5(
                           "div",
                           {
                             style: {
@@ -5596,16 +6225,16 @@ function ReportDialog({
                               userSelect: "none"
                             },
                             children: [
-                              /* @__PURE__ */ jsxs4("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                                /* @__PURE__ */ jsx4("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-                                /* @__PURE__ */ jsx4("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-                                /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+                              /* @__PURE__ */ jsxs5("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                                /* @__PURE__ */ jsx5("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+                                /* @__PURE__ */ jsx5("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                                /* @__PURE__ */ jsx5("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
                               ] }),
                               "Hold Space to speak \u2014 we'll transcribe it"
                             ]
                           }
                         ),
-                        isEnhanced && originalDescription !== null && /* @__PURE__ */ jsxs4(
+                        isEnhanced && originalDescription !== null && /* @__PURE__ */ jsxs5(
                           "div",
                           {
                             style: {
@@ -5619,7 +6248,7 @@ function ReportDialog({
                               border: `1px solid ${t2.accent}40`
                             },
                             children: [
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "svg",
                                 {
                                   width: "12",
@@ -5627,7 +6256,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "none",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ jsx4(
+                                  children: /* @__PURE__ */ jsx5(
                                     "path",
                                     {
                                       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z",
@@ -5638,7 +6267,7 @@ function ReportDialog({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "span",
                                 {
                                   style: {
@@ -5649,7 +6278,7 @@ function ReportDialog({
                                   children: "AI enhanced"
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5671,7 +6300,7 @@ function ReportDialog({
                                   children: "Keep"
                                 }
                               ),
-                              /* @__PURE__ */ jsx4(
+                              /* @__PURE__ */ jsx5(
                                 "button",
                                 {
                                   type: "button",
@@ -5697,7 +6326,7 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        voiceError && /* @__PURE__ */ jsx4(
+                        voiceError && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             role: "alert",
@@ -5711,7 +6340,7 @@ function ReportDialog({
                             children: voiceError
                           }
                         ),
-                        assistNotice && /* @__PURE__ */ jsx4(
+                        assistNotice && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             style: {
@@ -5724,8 +6353,8 @@ function ReportDialog({
                             children: assistNotice
                           }
                         ),
-                        !isRating && /* @__PURE__ */ jsxs4("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ jsxs4(
+                        !isRating && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -5741,7 +6370,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ jsxs4(
+                          (screenshots.length > 0 || shotPending) && /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               style: {
@@ -5751,7 +6380,7 @@ function ReportDialog({
                                 marginBottom: "8px"
                               },
                               children: [
-                                shotPending && /* @__PURE__ */ jsx4(
+                                shotPending && /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     role: "status",
@@ -5776,7 +6405,7 @@ function ReportDialog({
                                     children: "Capturing\u2026"
                                   }
                                 ),
-                                screenshots.map((src, i) => /* @__PURE__ */ jsxs4(
+                                screenshots.map((src, i) => /* @__PURE__ */ jsxs5(
                                   "div",
                                   {
                                     style: {
@@ -5785,7 +6414,7 @@ function ReportDialog({
                                       height: "56px"
                                     },
                                     children: [
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "img",
                                         {
                                           src,
@@ -5803,7 +6432,7 @@ function ReportDialog({
                                           }
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "button",
                                         {
                                           type: "button",
@@ -5829,14 +6458,14 @@ function ReportDialog({
                                             alignItems: "center",
                                             justifyContent: "center"
                                           },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "svg",
                                             {
                                               width: "8",
                                               height: "8",
                                               viewBox: "0 0 10 10",
                                               fill: "none",
-                                              children: /* @__PURE__ */ jsx4(
+                                              children: /* @__PURE__ */ jsx5(
                                                 "path",
                                                 {
                                                   d: "M1 1L9 9M9 1L1 9",
@@ -5849,7 +6478,7 @@ function ReportDialog({
                                           )
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "button",
                                         {
                                           type: "button",
@@ -5874,14 +6503,14 @@ function ReportDialog({
                                             justifyContent: "center",
                                             boxShadow: "0 2px 8px rgba(0,0,0,0.45)"
                                           },
-                                          children: /* @__PURE__ */ jsx4(
+                                          children: /* @__PURE__ */ jsx5(
                                             "svg",
                                             {
                                               width: "12",
                                               height: "12",
                                               viewBox: "0 0 24 24",
                                               fill: "none",
-                                              children: /* @__PURE__ */ jsx4(
+                                              children: /* @__PURE__ */ jsx5(
                                                 "path",
                                                 {
                                                   d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -5902,7 +6531,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          attachments.length > 0 && /* @__PURE__ */ jsx4(
+                          attachments.length > 0 && /* @__PURE__ */ jsx5(
                             "div",
                             {
                               style: {
@@ -5911,7 +6540,7 @@ function ReportDialog({
                                 gap: "6px",
                                 marginBottom: "8px"
                               },
-                              children: attachments.map((a, i) => /* @__PURE__ */ jsxs4(
+                              children: attachments.map((a, i) => /* @__PURE__ */ jsxs5(
                                 "div",
                                 {
                                   style: {
@@ -5923,7 +6552,7 @@ function ReportDialog({
                                     border: `1px solid ${t2.border}`
                                   },
                                   children: [
-                                    /* @__PURE__ */ jsxs4(
+                                    /* @__PURE__ */ jsxs5(
                                       "svg",
                                       {
                                         width: "14",
@@ -5932,7 +6561,7 @@ function ReportDialog({
                                         fill: "none",
                                         style: { flexShrink: 0, opacity: 0.6 },
                                         children: [
-                                          /* @__PURE__ */ jsx4(
+                                          /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z",
@@ -5942,7 +6571,7 @@ function ReportDialog({
                                               strokeLinejoin: "round"
                                             }
                                           ),
-                                          /* @__PURE__ */ jsx4(
+                                          /* @__PURE__ */ jsx5(
                                             "path",
                                             {
                                               d: "M14 2v6h6",
@@ -5955,7 +6584,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "span",
                                       {
                                         style: {
@@ -5969,7 +6598,7 @@ function ReportDialog({
                                         children: a.name
                                       }
                                     ),
-                                    /* @__PURE__ */ jsxs4(
+                                    /* @__PURE__ */ jsxs5(
                                       "span",
                                       {
                                         style: { fontSize: "10px", color: t2.textMuted },
@@ -5979,7 +6608,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ jsx4(
+                                    /* @__PURE__ */ jsx5(
                                       "button",
                                       {
                                         type: "button",
@@ -6003,14 +6632,14 @@ function ReportDialog({
                                           justifyContent: "center",
                                           flexShrink: 0
                                         },
-                                        children: /* @__PURE__ */ jsx4(
+                                        children: /* @__PURE__ */ jsx5(
                                           "svg",
                                           {
                                             width: "8",
                                             height: "8",
                                             viewBox: "0 0 10 10",
                                             fill: "none",
-                                            children: /* @__PURE__ */ jsx4(
+                                            children: /* @__PURE__ */ jsx5(
                                               "path",
                                               {
                                                 d: "M1 1L9 9M9 1L1 9",
@@ -6029,7 +6658,7 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5(
                             "div",
                             {
                               onClick: () => {
@@ -6055,7 +6684,7 @@ function ReportDialog({
                                 background: screenshotDragOver ? isDark ? "rgba(34,211,238,0.06)" : "rgba(8,145,178,0.04)" : "transparent",
                                 transition: "border-color 0.15s ease, background 0.15s ease"
                               },
-                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ jsx4(
+                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ jsx5(
                                 "p",
                                 {
                                   style: {
@@ -6066,8 +6695,8 @@ function ReportDialog({
                                   },
                                   children: screenshotDragOver ? "Drop to attach" : "+ Add more \xB7 Drag & drop \xB7 Paste"
                                 }
-                              ) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                /* @__PURE__ */ jsxs4(
+                              ) : /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                /* @__PURE__ */ jsxs5(
                                   "svg",
                                   {
                                     width: "22",
@@ -6080,7 +6709,7 @@ function ReportDialog({
                                       opacity: 0.45
                                     },
                                     children: [
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "rect",
                                         {
                                           x: "3",
@@ -6092,7 +6721,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "circle",
                                         {
                                           cx: "8.5",
@@ -6102,7 +6731,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx4(
+                                      /* @__PURE__ */ jsx5(
                                         "path",
                                         {
                                           d: "M21 15l-5-5L5 21",
@@ -6115,7 +6744,7 @@ function ReportDialog({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "p",
                                   {
                                     style: {
@@ -6127,7 +6756,7 @@ function ReportDialog({
                                     children: screenshotDragOver ? "Drop to attach" : "Add screenshots or files"
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "p",
                                   {
                                     style: {
@@ -6142,8 +6771,8 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        showSeverity && reportType === "BUG" && /* @__PURE__ */ jsxs4("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ jsxs4(
+                        showSeverity && reportType === "BUG" && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ jsxs5(
                             "span",
                             {
                               style: {
@@ -6156,7 +6785,7 @@ function ReportDialog({
                               },
                               children: [
                                 "How bad is it?",
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "span",
                                   {
                                     style: {
@@ -6169,7 +6798,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5(
                             "div",
                             {
                               role: "radiogroup",
@@ -6177,7 +6806,7 @@ function ReportDialog({
                               style: { display: "flex", gap: "6px" },
                               children: SEVERITY_LEVELS.map((s) => {
                                 const on = severity === s;
-                                return /* @__PURE__ */ jsx4(
+                                return /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6218,7 +6847,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        validationError && /* @__PURE__ */ jsx4(
+                        validationError && /* @__PURE__ */ jsx5(
                           "p",
                           {
                             style: {
@@ -6233,7 +6862,7 @@ function ReportDialog({
                           // Same visual language as the assistant's "Our team is
                           // already on this" card, so both routes to a duplicate
                           // read as one feature.
-                          /* @__PURE__ */ jsxs4(
+                          /* @__PURE__ */ jsxs5(
                             "div",
                             {
                               "data-gg-similar": "",
@@ -6248,11 +6877,11 @@ function ReportDialog({
                                 backgroundColor: "rgba(245,158,11,0.08)"
                               },
                               children: [
-                                /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
-                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
+                                /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                                  /* @__PURE__ */ jsx5("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+                                  /* @__PURE__ */ jsx5("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
                                 ] }),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "div",
                                   {
                                     role: "radiogroup",
@@ -6260,7 +6889,7 @@ function ReportDialog({
                                     style: { display: "flex", flexDirection: "column", gap: "6px" },
                                     children: similarIssues.map((issue) => {
                                       const picked = pickedSimilar === issue.number;
-                                      return /* @__PURE__ */ jsxs4(
+                                      return /* @__PURE__ */ jsxs5(
                                         "button",
                                         {
                                           type: "button",
@@ -6285,7 +6914,7 @@ function ReportDialog({
                                             fontFamily: "inherit"
                                           },
                                           children: [
-                                            /* @__PURE__ */ jsx4(
+                                            /* @__PURE__ */ jsx5(
                                               "span",
                                               {
                                                 "aria-hidden": "true",
@@ -6302,7 +6931,7 @@ function ReportDialog({
                                                 }
                                               }
                                             ),
-                                            /* @__PURE__ */ jsxs4(
+                                            /* @__PURE__ */ jsxs5(
                                               "span",
                                               {
                                                 style: {
@@ -6312,7 +6941,7 @@ function ReportDialog({
                                                   minWidth: 0
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ jsxs4(
+                                                  /* @__PURE__ */ jsxs5(
                                                     "span",
                                                     {
                                                       title: issue.title,
@@ -6326,7 +6955,7 @@ function ReportDialog({
                                                         WebkitBoxOrient: "vertical"
                                                       },
                                                       children: [
-                                                        /* @__PURE__ */ jsxs4("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
+                                                        /* @__PURE__ */ jsxs5("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
                                                           "#",
                                                           issue.number
                                                         ] }),
@@ -6335,7 +6964,7 @@ function ReportDialog({
                                                       ]
                                                     }
                                                   ),
-                                                  issue.status && /* @__PURE__ */ jsx4("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
+                                                  issue.status && /* @__PURE__ */ jsx5("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
                                                 ]
                                               }
                                             )
@@ -6346,7 +6975,7 @@ function ReportDialog({
                                     })
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6371,15 +7000,15 @@ function ReportDialog({
                                       cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
                                   }
                                 ),
-                                pickedSimilar && /* @__PURE__ */ jsx4(
+                                pickedSimilar && /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6404,15 +7033,15 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
                                       "\u2026"
                                     ] }) : `Related request \u2014 add to #${pickedSimilar}`
                                   }
                                 ),
-                                /* @__PURE__ */ jsx4(
+                                /* @__PURE__ */ jsx5(
                                   "button",
                                   {
                                     type: "button",
@@ -6437,8 +7066,8 @@ function ReportDialog({
                                       cursor: isSubmitting ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: attachingTo === "new" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                    children: attachingTo === "new" ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                                      /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                                       "Sending as new\u2026"
                                     ] }) : "No, mine is different \u2014 send as new"
                                   }
@@ -6446,7 +7075,7 @@ function ReportDialog({
                               ]
                             }
                           )
-                        ) : /* @__PURE__ */ jsx4(
+                        ) : /* @__PURE__ */ jsx5(
                           "button",
                           {
                             type: "button",
@@ -6466,8 +7095,8 @@ function ReportDialog({
                               fontFamily: "inherit",
                               transition: "background-color 0.15s ease"
                             },
-                            children: checkingSimilar ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-                              /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                            children: checkingSimilar ? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+                              /* @__PURE__ */ jsx5(ButtonSpinner, {}),
                               "Checking for existing reports\u2026"
                             ] }) : isSubmitting ? shotPending && !isRating ? "Attaching screenshot\u2026" : "Sending..." : isRating ? "Send Rating" : "Send Report"
                           }
@@ -6476,7 +7105,7 @@ function ReportDialog({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ jsxs4(
+                /* @__PURE__ */ jsxs5(
                   "div",
                   {
                     style: {
@@ -6488,8 +7117,8 @@ function ReportDialog({
                       gap: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx4(ReporterChip, { reporter, t: t2 }),
-                      reportGlitchgrabProblem ? /* @__PURE__ */ jsx4(
+                      /* @__PURE__ */ jsx5(ReporterChip, { reporter, t: t2 }),
+                      reportGlitchgrabProblem ? /* @__PURE__ */ jsx5(
                         "button",
                         {
                           type: "button",
@@ -6516,7 +7145,7 @@ function ReportDialog({
                           },
                           children: "Problem with Glitchgrab?"
                         }
-                      ) : /* @__PURE__ */ jsx4(
+                      ) : /* @__PURE__ */ jsx5(
                         "span",
                         {
                           style: {
@@ -6538,7 +7167,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "input",
       {
         ref: fileInputRef,
@@ -6550,7 +7179,7 @@ function ReportDialog({
       }
     ),
     isOpen && previewIndex !== null && screenshots[previewIndex] && createPortal3(
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -6572,7 +7201,7 @@ function ReportDialog({
           },
           onMouseDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs5(
               "div",
               {
                 ref: previewImgRef,
@@ -6584,7 +7213,7 @@ function ReportDialog({
                 },
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(
                     "div",
                     {
                       ref: previewScrollRef,
@@ -6603,7 +7232,7 @@ function ReportDialog({
                         touchAction: "none",
                         cursor: "grab"
                       } : { maxWidth: "100%", lineHeight: 0 },
-                      children: /* @__PURE__ */ jsx4(
+                      children: /* @__PURE__ */ jsx5(
                         "img",
                         {
                           ref: previewImgElRef,
@@ -6631,7 +7260,7 @@ function ReportDialog({
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsxs4(
+                  /* @__PURE__ */ jsxs5(
                     "button",
                     {
                       type: "button",
@@ -6659,7 +7288,7 @@ function ReportDialog({
                         animation: "gg-pulse 2s ease-in-out infinite"
                       },
                       children: [
-                        /* @__PURE__ */ jsx4("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx5(
                           "path",
                           {
                             d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -6676,7 +7305,7 @@ function ReportDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 style: {
@@ -6685,7 +7314,7 @@ function ReportDialog({
                   alignItems: "center",
                   gap: "12px"
                 },
-                children: /* @__PURE__ */ jsx4(
+                children: /* @__PURE__ */ jsx5(
                   "span",
                   {
                     style: {
@@ -6707,7 +7336,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && annotatingIndex !== null && screenshots[annotatingIndex] && createPortal3(
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx5(
         AnnotationCanvas,
         {
           imageSrc: screenshots[annotatingIndex],
@@ -6723,7 +7352,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ jsx4(
+    isOpen && selfReportFrom && reportGlitchgrabProblem && /* @__PURE__ */ jsx5(
       GlitchgrabProblemPanel,
       {
         send: reportGlitchgrabProblem,
@@ -6736,7 +7365,7 @@ function ReportDialog({
         onClose: () => setSelfReportFrom(null)
       }
     ),
-    isOpen && sheetUp && /* @__PURE__ */ jsx4(
+    isOpen && sheetUp && /* @__PURE__ */ jsx5(
       AssistSheet,
       {
         assist,
@@ -6837,7 +7466,7 @@ function getTypeIcon(type, color, size = 24) {
   };
   switch (type) {
     case "RATING":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -6847,7 +7476,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "BUG":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M8 2L6.5 3.5M16 2L17.5 3.5M3 9H7M17 9H21M12 2a5 5 0 015 5v4a5 5 0 01-10 0V7a5 5 0 015-5zM7 16l-2 3M17 16l2 3",
@@ -6857,7 +7486,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "FEATURE_REQUEST":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2z",
@@ -6867,8 +7496,8 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "UI_IMPROVEMENT":
-      return /* @__PURE__ */ jsxs4("svg", { ...props, children: [
-        /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs5("svg", { ...props, children: [
+        /* @__PURE__ */ jsx5(
           "rect",
           {
             x: "3",
@@ -6880,7 +7509,7 @@ function getTypeIcon(type, color, size = 24) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M3 9h18M9 21V9",
@@ -6891,7 +7520,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "PERFORMANCE":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 21a9 9 0 100-18 9 9 0 000 18zM12 12l4-4M12 7v.01",
@@ -6902,7 +7531,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "SECURITY":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z",
@@ -6912,9 +7541,9 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "QUESTION":
-      return /* @__PURE__ */ jsxs4("svg", { ...props, children: [
-        /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
-        /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs5("svg", { ...props, children: [
+        /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsx5(
           "path",
           {
             d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01",
@@ -6926,7 +7555,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "OTHER":
-      return /* @__PURE__ */ jsx4("svg", { ...props, children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx5("svg", { ...props, children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z",
@@ -6940,7 +7569,7 @@ function getTypeIcon(type, color, size = 24) {
 
 // src/booking-dialog.tsx
 import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo3, useState as useState5 } from "react";
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var t = {
   bg: "#141414",
   surface: "#1c1c1c",
@@ -7102,7 +7731,7 @@ function BookingDialog({
     }
   }
   const canSubmitDetails = name.trim() && email.includes("@") && phone.replace(/\D/g, "").length >= 8;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       onClick: (e) => {
@@ -7119,7 +7748,7 @@ function BookingDialog({
         padding: 16,
         fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
       },
-      children: /* @__PURE__ */ jsxs5(
+      children: /* @__PURE__ */ jsxs6(
         "div",
         {
           role: "dialog",
@@ -7137,7 +7766,7 @@ function BookingDialog({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6(
               "div",
               {
                 style: {
@@ -7149,11 +7778,11 @@ function BookingDialog({
                   gap: 12
                 },
                 children: [
-                  /* @__PURE__ */ jsxs5("div", { children: [
-                    /* @__PURE__ */ jsx5("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
-                    heading.description && /* @__PURE__ */ jsx5("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
+                  /* @__PURE__ */ jsxs6("div", { children: [
+                    /* @__PURE__ */ jsx6("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
+                    heading.description && /* @__PURE__ */ jsx6("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
                   ] }),
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: onClose,
@@ -7165,10 +7794,10 @@ function BookingDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs5("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
-              error && /* @__PURE__ */ jsx5("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
-              step === "slots" && /* @__PURE__ */ jsxs5(Fragment4, { children: [
-                whatsappUrl && /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
+              error && /* @__PURE__ */ jsx6("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
+              step === "slots" && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+                whatsappUrl && /* @__PURE__ */ jsxs6(
                   "a",
                   {
                     href: whatsappUrl,
@@ -7187,15 +7816,15 @@ function BookingDialog({
                     },
                     children: [
                       "\u{1F4AC} Rather book on WhatsApp?",
-                      /* @__PURE__ */ jsx5("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
+                      /* @__PURE__ */ jsx6("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
                     ]
                   }
                 ),
-                slots === null && /* @__PURE__ */ jsx5("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
-                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ jsx5("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
-                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ jsxs5("div", { style: { marginBottom: 18 }, children: [
-                  /* @__PURE__ */ jsx5("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
-                  /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ jsx5(
+                slots === null && /* @__PURE__ */ jsx6("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
+                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ jsx6("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
+                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ jsxs6("div", { style: { marginBottom: 18 }, children: [
+                  /* @__PURE__ */ jsx6("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
+                  /* @__PURE__ */ jsx6("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: () => {
@@ -7217,13 +7846,13 @@ function BookingDialog({
                   )) })
                 ] }, day))
               ] }),
-              step === "details" && selected && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsxs5("div", { style: { fontSize: 13, color: t.muted }, children: [
+              step === "details" && selected && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsxs6("div", { style: { fontSize: 13, color: t.muted }, children: [
                   formatDay(selected.startsAt),
                   " \xB7 ",
                   formatTime(selected.startsAt),
                   " \xB7 ",
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx6(
                     "button",
                     {
                       onClick: () => setStep("slots"),
@@ -7232,9 +7861,9 @@ function BookingDialog({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx5(Field, { label: "Your name", value: name, onChange: setName }),
-                /* @__PURE__ */ jsx5(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Field, { label: "Your name", value: name, onChange: setName }),
+                /* @__PURE__ */ jsx6(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
+                /* @__PURE__ */ jsx6(
                   Field,
                   {
                     label: "Mobile number",
@@ -7244,8 +7873,8 @@ function BookingDialog({
                     hint: "We send a code here to confirm, then a reminder before the call."
                   }
                 ),
-                /* @__PURE__ */ jsx5(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
-                /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsx6(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: startBooking,
@@ -7255,10 +7884,10 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "code" && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsx5("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
-                /* @__PURE__ */ jsx5(Field, { label: "Code", value: code, onChange: setCode }),
-                /* @__PURE__ */ jsx5(
+              step === "code" && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
+                /* @__PURE__ */ jsx6(Field, { label: "Code", value: code, onChange: setCode }),
+                /* @__PURE__ */ jsx6(
                   "button",
                   {
                     onClick: confirmBooking,
@@ -7268,15 +7897,15 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "done" && /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ jsx5("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
-                /* @__PURE__ */ jsxs5("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
+              step === "done" && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ jsx6("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
+                /* @__PURE__ */ jsxs6("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
                   selected && `${formatDay(selected.startsAt)} at ${formatTime(selected.startsAt)}. `,
                   "A calendar invite is on its way to ",
                   email,
                   ", and we'll send a WhatsApp reminder before the call."
                 ] }),
-                meetUrl && /* @__PURE__ */ jsx5("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
+                meetUrl && /* @__PURE__ */ jsx6("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
               ] })
             ] })
           ]
@@ -7305,9 +7934,9 @@ function Field({
   type = "text",
   hint
 }) {
-  return /* @__PURE__ */ jsxs5("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
+  return /* @__PURE__ */ jsxs6("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
     label,
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       "input",
       {
         type,
@@ -7328,7 +7957,7 @@ function Field({
         }
       }
     ),
-    hint && /* @__PURE__ */ jsx5("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
+    hint && /* @__PURE__ */ jsx6("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
   ] });
 }
 
@@ -7469,7 +8098,7 @@ function matchesShortcut(e) {
 }
 
 // src/provider.tsx
-import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_BASE_URL2 = "https://glitchgrab.dev";
 var GlitchgrabContext = createContext(null);
 function useGlitchgrab() {
@@ -7951,7 +8580,7 @@ function GlitchgrabProviderInner({
   useEffect6(() => {
     setShortcutLabel(getShortcutLabel2());
   }, []);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     GlitchgrabContext.Provider,
     {
       value: {
@@ -7971,7 +8600,7 @@ function GlitchgrabProviderInner({
         shortcutLabel
       },
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           GlitchgrabErrorBoundary,
           {
             token,
@@ -7983,7 +8612,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           BookingDialog,
           {
             token,
@@ -7992,7 +8621,7 @@ function GlitchgrabProviderInner({
             onClose: () => setBookingOpen(false)
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           ReportDialog,
           {
             report,
@@ -8005,9 +8634,9 @@ function GlitchgrabProviderInner({
             types,
             showSeverity,
             reporter,
-            headerSlot: projectName ? /* @__PURE__ */ jsxs6("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
+            headerSlot: projectName ? /* @__PURE__ */ jsxs7("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
               "Reporting to ",
-              /* @__PURE__ */ jsx6("strong", { style: { color: "#e5e5e5" }, children: projectName })
+              /* @__PURE__ */ jsx7("strong", { style: { color: "#e5e5e5" }, children: projectName })
             ] }) : null
           }
         )
@@ -8016,21 +8645,21 @@ function GlitchgrabProviderInner({
   );
 }
 function GlitchgrabProvider(props) {
-  if (!props.token) return /* @__PURE__ */ jsx6(Fragment5, { children: props.children });
+  if (!props.token) return /* @__PURE__ */ jsx7(Fragment6, { children: props.children });
   const resolvedProps = {
     ...props,
     baseUrl: props.baseUrl || DEFAULT_BASE_URL2
   };
   try {
-    return /* @__PURE__ */ jsx6(GlitchgrabProviderInner, { ...resolvedProps });
+    return /* @__PURE__ */ jsx7(GlitchgrabProviderInner, { ...resolvedProps });
   } catch (e) {
-    return /* @__PURE__ */ jsx6(Fragment5, { children: props.children });
+    return /* @__PURE__ */ jsx7(Fragment6, { children: props.children });
   }
 }
 
 // src/report-button.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function useGlitchgrabSafe() {
   try {
     return useGlitchgrab();
@@ -8054,7 +8683,7 @@ function ReportButton({
     setCapturing(false);
   };
   if (children) {
-    return /* @__PURE__ */ jsx7(Fragment6, { children: children({ onClick: handleClick, capturing }) });
+    return /* @__PURE__ */ jsx8(Fragment7, { children: children({ onClick: handleClick, capturing }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -8062,7 +8691,7 @@ function ReportButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       type: "button",
@@ -8097,7 +8726,7 @@ function ReportButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "svg",
           {
             width: "16",
@@ -8105,7 +8734,7 @@ function ReportButton({
             viewBox: "0 0 16 16",
             fill: "none",
             style: { flexShrink: 0 },
-            children: /* @__PURE__ */ jsx7(
+            children: /* @__PURE__ */ jsx8(
               "path",
               {
                 d: "M8 1C4.134 1 1 4.134 1 8s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7zm0 12.5a.75.75 0 110-1.5.75.75 0 010 1.5zm.75-3.5a.75.75 0 01-1.5 0V5a.75.75 0 011.5 0v5z",
@@ -8121,15 +8750,15 @@ function ReportButton({
 }
 
 // src/book-demo-button.tsx
-import { Fragment as Fragment7, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx9 } from "react/jsx-runtime";
 function BookDemoButton({
   label = "Book a demo",
   className,
   children
 }) {
   const { openBookingDialog } = useGlitchgrab();
-  if (children) return /* @__PURE__ */ jsx8(Fragment7, { children: children({ onClick: openBookingDialog }) });
-  return /* @__PURE__ */ jsx8(
+  if (children) return /* @__PURE__ */ jsx9(Fragment8, { children: children({ onClick: openBookingDialog }) });
+  return /* @__PURE__ */ jsx9(
     "button",
     {
       type: "button",
@@ -8151,7 +8780,7 @@ function BookDemoButton({
 }
 
 // src/feedback-button.tsx
-import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function useGlitchgrabSafe2() {
   try {
     return useGlitchgrab();
@@ -8170,7 +8799,7 @@ function FeedbackButton({
   if (!glitchgrab) return null;
   const handleClick = () => glitchgrab.openFeedbackDialog();
   if (children) {
-    return /* @__PURE__ */ jsx9(Fragment8, { children: children({ onClick: handleClick }) });
+    return /* @__PURE__ */ jsx10(Fragment9, { children: children({ onClick: handleClick }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -8178,7 +8807,7 @@ function FeedbackButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "button",
     {
       type: "button",
@@ -8211,7 +8840,7 @@ function FeedbackButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "svg",
           {
             width: "16",
@@ -8220,7 +8849,7 @@ function FeedbackButton({
             fill: "none",
             style: { flexShrink: 0 },
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx10(
               "path",
               {
                 d: "M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3 1.1-6.5L2.6 9.3l6.5-.9L12 2.5z",