glitchgrab 1.34.0 → 1.35.0

package/dist/index.js

@@ -68,7 +68,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/provider.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/error-boundary.tsx
 var React = __toESM(require("react"));
@@ -646,6 +646,43 @@ async function enhanceText(text, token, baseUrl, screenshot, context) {
     return text;
   }
 }
+async function assistTurn(params, token, baseUrl) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const offline = {
+    conversationId: null,
+    question: null,
+    report: null,
+    degraded: "The assistant is unavailable \u2014 write your report below and send it as normal."
+  };
+  try {
+    const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/report-chat`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      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
+      };
+    }
+    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,
+      report: (_g = (_f = envelope.data) == null ? void 0 : _f.report) != null ? _g : null,
+      degraded: null
+    };
+  } catch (e) {
+    return offline;
+  }
+}
 async function transcribeAudio(blob, token, baseUrl) {
   var _a;
   try {
@@ -857,7 +894,10 @@ var import_react = require("react");
 var import_react_dom = require("react-dom");
 var import_react2 = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_react_dom2 = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var MAX_SCREENSHOT_DATA_URL_LENGTH = 18e5;
 var QUALITY_LADDER = [0.92, 0.85, 0.75];
 var DOWNSCALE_FACTOR = 0.7;
@@ -1163,6 +1203,693 @@ function AnnotationCanvas({ imageSrc, onSave, onCancel }) {
     }
   );
 }
+var STARTERS = [
+  "Something on this page is broken",
+  "It did the wrong thing",
+  "I wish it could\u2026"
+];
+var NARROW_QUERY = "(max-width: 640px)";
+function useIsNarrow() {
+  const [narrow, setNarrow] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    try {
+      const mq = window.matchMedia(NARROW_QUERY);
+      setNarrow(mq.matches);
+      const onChange = (e) => setNarrow(e.matches);
+      mq.addEventListener("change", onChange);
+      return () => mq.removeEventListener("change", onChange);
+    } catch (e) {
+    }
+  }, []);
+  return narrow;
+}
+function Sparkle({ color, size = 14 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "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",
+      stroke: color,
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function Avatar({
+  who,
+  theme: t2,
+  initials
+}) {
+  const isAi = who === "assistant";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      style: {
+        flexShrink: 0,
+        width: "24px",
+        height: "24px",
+        borderRadius: "50%",
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        marginTop: "2px",
+        backgroundColor: isAi ? `${t2.accent}22` : t2.bgSecondary,
+        border: `1px solid ${isAi ? t2.accent : t2.inputBorder}`,
+        color: isAi ? t2.accent : t2.textMuted,
+        fontSize: "10px",
+        fontWeight: 700
+      },
+      children: isAi ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sparkle, { color: t2.accent, size: 12 }) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "8", r: "3.4", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M5 20c0-3.6 3.1-5.6 7-5.6s7 2 7 5.6",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            strokeLinecap: "round"
+          }
+        )
+      ] })
+    }
+  );
+}
+function AssistSheet({
+  assist,
+  theme: t2,
+  screenshot,
+  attachmentCount,
+  context,
+  reportTypeLabel,
+  projectSlot,
+  reporterName,
+  description,
+  onDescriptionChange,
+  severity,
+  onSeverityChange,
+  showSeverity,
+  isSubmitting,
+  submitted,
+  onSend,
+  onDegrade,
+  onClose
+}) {
+  const narrow = useIsNarrow();
+  const [messages, setMessages] = (0, import_react3.useState)([]);
+  const [input, setInput] = (0, import_react3.useState)("");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [conversationId, setConversationId] = (0, import_react3.useState)(null);
+  const [phase, setPhase] = (0, import_react3.useState)("chat");
+  const scrollRef = (0, import_react3.useRef)(null);
+  const inputRef = (0, import_react3.useRef)(null);
+  const draftRef = (0, import_react3.useRef)(null);
+  const seededRef = (0, import_react3.useRef)(false);
+  (0, import_react3.useEffect)(() => {
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, [messages, busy, phase]);
+  (0, import_react3.useEffect)(() => {
+    var _a;
+    if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
+  }, [phase]);
+  async function runTurn(history2) {
+    setBusy(true);
+    let result;
+    try {
+      result = await assist({ messages: history2, conversationId, screenshot, context });
+    } catch (e) {
+      onDegrade("The assistant is unavailable \u2014 write your report below and send it as normal.");
+      return;
+    } finally {
+      setBusy(false);
+    }
+    if (result.degraded) {
+      onDegrade(result.degraded);
+      return;
+    }
+    if (result.conversationId) setConversationId(result.conversationId);
+    if (result.report) {
+      onDescriptionChange(result.report);
+      setMessages([...history2, { role: "assistant", content: "Here's your report \u2014 have a read." }]);
+      setPhase("draft");
+      return;
+    }
+    if (result.question) {
+      setMessages([...history2, { role: "assistant", content: result.question }]);
+      return;
+    }
+    onDegrade("The assistant had nothing to add \u2014 write your report below and send it as normal.");
+  }
+  (0, import_react3.useEffect)(() => {
+    if (seededRef.current) return;
+    seededRef.current = true;
+    const seed = description.trim();
+    if (!seed) return;
+    const history2 = [{ role: "user", content: seed }];
+    setMessages(history2);
+    void runTurn(history2);
+  }, []);
+  function send(text) {
+    const value = text.trim();
+    if (!value || busy) return;
+    const history2 = [...messages, { role: "user", content: value }];
+    setMessages(history2);
+    setInput("");
+    void runTurn(history2);
+  }
+  const empty = messages.length === 0 && !busy;
+  const initials = (reporterName != null ? reporterName : "").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => {
+    var _a, _b;
+    return (_b = (_a = w[0]) == null ? void 0 : _a.toUpperCase()) != null ? _b : "";
+  }).join("");
+  const panelStyle = narrow ? {
+    width: "100%",
+    maxHeight: "88dvh",
+    borderTopLeftRadius: "16px",
+    borderTopRightRadius: "16px",
+    animation: "gg-sheet-up .22s cubic-bezier(.2,.8,.2,1)"
+  } : {
+    width: "440px",
+    maxWidth: "100%",
+    height: "100dvh",
+    borderLeft: `1px solid ${t2.border}`,
+    animation: "gg-sheet-in .22s cubic-bezier(.2,.8,.2,1)"
+  };
+  return (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
+        @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-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{outline:2px solid currentColor;outline-offset:2px}
+      ` }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          "data-glitchgrab-layer": "",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "Describe your report with AI",
+          style: {
+            position: "fixed",
+            inset: 0,
+            zIndex: 2147483647,
+            display: "flex",
+            alignItems: narrow ? "flex-end" : "stretch",
+            justifyContent: narrow ? "center" : "flex-end",
+            backgroundColor: "rgba(0,0,0,0.5)",
+            animation: "gg-sheet-fade .18s ease",
+            fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+          },
+          onClick: onClose,
+          onPointerDown: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "div",
+            {
+              onClick: (e) => e.stopPropagation(),
+              style: {
+                ...panelStyle,
+                display: "flex",
+                flexDirection: "column",
+                // A flex child defaults to min-width:auto, so a long chat bubble
+                // grows the sheet past the viewport instead of wrapping inside it.
+                // This is what keeps the bottom sheet on screen.
+                minWidth: 0,
+                maxWidth: "100%",
+                boxSizing: "border-box",
+                backgroundColor: t2.bg,
+                color: t2.text,
+                boxShadow: "0 20px 60px rgba(0,0,0,.35)",
+                overflow: "hidden",
+                isolation: "isolate"
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "div",
+                  {
+                    style: {
+                      flexShrink: 0,
+                      padding: "14px 16px",
+                      borderBottom: `1px solid ${t2.border}`,
+                      display: "flex",
+                      alignItems: "flex-start",
+                      justifyContent: "space-between",
+                      gap: "12px",
+                      minWidth: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { minWidth: 0, overflow: "hidden" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              alignItems: "center",
+                              gap: "7px",
+                              fontSize: "14px",
+                              fontWeight: 600
+                            },
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Sparkle, { color: t2.accent }),
+                              "Describe it with AI",
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                "span",
+                                {
+                                  style: {
+                                    fontSize: "10px",
+                                    fontWeight: 600,
+                                    letterSpacing: ".04em",
+                                    textTransform: "uppercase",
+                                    color: t2.accent,
+                                    border: `1px solid ${t2.accent}55`,
+                                    borderRadius: "4px",
+                                    padding: "1px 5px"
+                                  },
+                                  children: "Beta"
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
+                          reportTypeLabel,
+                          projectSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: onClose,
+                          "aria-label": "Close and write it myself",
+                          style: {
+                            flexShrink: 0,
+                            border: "none",
+                            background: "transparent",
+                            color: t2.textMuted,
+                            cursor: "pointer",
+                            fontSize: narrow ? "18px" : "12px",
+                            lineHeight: 1,
+                            fontFamily: "inherit",
+                            padding: narrow ? "4px 6px" : "6px 4px"
+                          },
+                          children: narrow ? "\xD7" : "Write it myself"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    ref: scrollRef,
+                    style: {
+                      flex: 1,
+                      minHeight: narrow ? "180px" : 0,
+                      overflowY: "auto",
+                      padding: "16px",
+                      display: "flex",
+                      flexDirection: "column"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      "div",
+                      {
+                        style: {
+                          marginTop: "auto",
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: "12px",
+                          minWidth: 0
+                        },
+                        children: [
+                          empty && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: [
+                                    reporterName ? `Hi ${reporterName.split(" ")[0]} \u2014 t` : "T",
+                                    "ell me what went wrong in your own words. I can already see your screenshot and what you clicked, so skip the boring parts."
+                                  ]
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: STARTERS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "data-gg-chip": "",
+                                    onClick: () => send(s),
+                                    style: {
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.textMuted,
+                                      borderRadius: "999px",
+                                      padding: "6px 11px",
+                                      fontSize: "12px",
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: s
+                                  },
+                                  s
+                                ))
+                              }
+                            )
+                          ] }),
+                          messages.map((m, i) => {
+                            const mine = m.role === "user";
+                            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  gap: "8px",
+                                  minWidth: 0,
+                                  flexDirection: mine ? "row-reverse" : "row"
+                                },
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: m.role, theme: t2, initials }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "div",
+                                    {
+                                      style: {
+                                        maxWidth: "82%",
+                                        padding: "9px 12px",
+                                        borderRadius: mine ? "12px 12px 4px 12px" : "12px 12px 12px 4px",
+                                        fontSize: "13px",
+                                        lineHeight: 1.55,
+                                        whiteSpace: "pre-wrap",
+                                        wordBreak: "break-word",
+                                        backgroundColor: mine ? t2.accent : t2.bgSecondary,
+                                        color: mine ? t2.accentText : t2.text
+                                      },
+                                      children: m.content
+                                    }
+                                  )
+                                ]
+                              },
+                              i
+                            );
+                          }),
+                          busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "span",
+                              {
+                                style: {
+                                  display: "inline-flex",
+                                  alignItems: "center",
+                                  gap: "4px",
+                                  padding: "12px",
+                                  borderRadius: "12px 12px 12px 4px",
+                                  backgroundColor: t2.bgSecondary
+                                },
+                                children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "span",
+                                  {
+                                    style: {
+                                      width: "5px",
+                                      height: "5px",
+                                      borderRadius: "50%",
+                                      backgroundColor: t2.textMuted,
+                                      animation: `gg-dot 1.1s ease-in-out ${i * 0.15}s infinite`
+                                    }
+                                  },
+                                  i
+                                ))
+                              }
+                            )
+                          ] }),
+                          phase === "draft" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            "div",
+                            {
+                              style: {
+                                border: `1px solid ${t2.accent}`,
+                                borderRadius: "12px",
+                                backgroundColor: t2.bgSecondary,
+                                padding: "12px",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "10px",
+                                minWidth: 0,
+                                boxSizing: "border-box"
+                              },
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "span",
+                                  {
+                                    style: {
+                                      fontSize: "10px",
+                                      fontWeight: 700,
+                                      letterSpacing: ".06em",
+                                      textTransform: "uppercase",
+                                      color: t2.accent
+                                    },
+                                    children: "Your report \xB7 edit anything"
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "textarea",
+                                  {
+                                    ref: draftRef,
+                                    value: description,
+                                    onChange: (e) => onDescriptionChange(e.target.value),
+                                    rows: 6,
+                                    style: {
+                                      width: "100%",
+                                      minHeight: "120px",
+                                      padding: "10px",
+                                      borderRadius: "8px",
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      backgroundColor: t2.inputBg,
+                                      color: t2.text,
+                                      fontSize: "13px",
+                                      lineHeight: 1.55,
+                                      fontFamily: "inherit",
+                                      resize: "vertical",
+                                      outline: "none",
+                                      boxSizing: "border-box"
+                                    }
+                                  }
+                                ),
+                                showSeverity && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "span",
+                                    {
+                                      style: {
+                                        fontSize: "11.5px",
+                                        color: t2.textMuted,
+                                        display: "block",
+                                        marginBottom: "6px"
+                                      },
+                                      children: "How bad is it?"
+                                    }
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => {
+                                    const on = severity === s;
+                                    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      "button",
+                                      {
+                                        type: "button",
+                                        onClick: () => onSeverityChange(s),
+                                        "aria-pressed": on,
+                                        style: {
+                                          flex: 1,
+                                          minWidth: 0,
+                                          padding: "8px 0",
+                                          borderRadius: "8px",
+                                          border: `1px solid ${on ? t2.accent : t2.inputBorder}`,
+                                          backgroundColor: on ? t2.accent : "transparent",
+                                          color: on ? t2.accentText : t2.textMuted,
+                                          fontSize: "12px",
+                                          fontWeight: 600,
+                                          fontFamily: "inherit",
+                                          textTransform: "capitalize",
+                                          cursor: "pointer"
+                                        },
+                                        children: s
+                                      },
+                                      s
+                                    );
+                                  }) })
+                                ] }),
+                                attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
+                                  attachmentCount,
+                                  " ",
+                                  attachmentCount === 1 ? "attachment" : "attachments",
+                                  " will be sent with this."
+                                ] }),
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    onClick: () => setPhase("chat"),
+                                    style: {
+                                      alignSelf: "flex-start",
+                                      border: "none",
+                                      background: "transparent",
+                                      color: t2.textMuted,
+                                      fontSize: "12px",
+                                      fontFamily: "inherit",
+                                      padding: 0,
+                                      cursor: "pointer",
+                                      textDecoration: "underline"
+                                    },
+                                    children: "Not quite \u2014 keep chatting"
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            "div",
+                            {
+                              style: {
+                                textAlign: "center",
+                                padding: "24px 0",
+                                color: t2.accent,
+                                fontSize: "14px",
+                                fontWeight: 600
+                              },
+                              children: [
+                                reportTypeLabel,
+                                " sent. Thank you!"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ),
+                !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    style: {
+                      flexShrink: 0,
+                      borderTop: `1px solid ${t2.border}`,
+                      padding: "12px 16px",
+                      paddingBottom: narrow ? "max(12px, env(safe-area-inset-bottom))" : "12px",
+                      backgroundColor: t2.bg
+                    },
+                    children: phase === "draft" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        "data-gg-sheet-send": "",
+                        onClick: onSend,
+                        disabled: isSubmitting || !description.trim(),
+                        style: {
+                          width: "100%",
+                          padding: "12px",
+                          borderRadius: "10px",
+                          border: "none",
+                          backgroundColor: isSubmitting || !description.trim() ? t2.bgSecondary : t2.accent,
+                          color: isSubmitting || !description.trim() ? t2.textMuted : t2.accentText,
+                          fontSize: "14px",
+                          fontWeight: 700,
+                          fontFamily: "inherit",
+                          cursor: isSubmitting || !description.trim() ? "default" : "pointer"
+                        },
+                        children: isSubmitting ? "Sending\u2026" : "Send Report"
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "textarea",
+                        {
+                          ref: inputRef,
+                          value: input,
+                          onChange: (e) => setInput(e.target.value),
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter" && !e.shiftKey) {
+                              e.preventDefault();
+                              send(input);
+                            }
+                          },
+                          placeholder: "Type your answer\u2026",
+                          rows: 1,
+                          disabled: busy,
+                          autoFocus: true,
+                          style: {
+                            flex: 1,
+                            minHeight: "42px",
+                            maxHeight: "120px",
+                            padding: "11px 12px",
+                            borderRadius: "10px",
+                            border: `1px solid ${t2.inputBorder}`,
+                            backgroundColor: t2.inputBg,
+                            color: t2.text,
+                            fontSize: "13px",
+                            lineHeight: 1.4,
+                            fontFamily: "inherit",
+                            resize: "none",
+                            outline: "none",
+                            boxSizing: "border-box"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "data-gg-sheet-send": "",
+                          onClick: () => send(input),
+                          disabled: busy || !input.trim(),
+                          "aria-label": "Send message",
+                          style: {
+                            flexShrink: 0,
+                            width: "42px",
+                            height: "42px",
+                            borderRadius: "10px",
+                            border: "none",
+                            display: "inline-flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            backgroundColor: busy || !input.trim() ? t2.bgSecondary : t2.accent,
+                            color: busy || !input.trim() ? t2.textMuted : t2.accentText,
+                            cursor: busy || !input.trim() ? "default" : "pointer"
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            "path",
+                            {
+                              d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
+                              fill: "currentColor"
+                            }
+                          ) })
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    document.body
+  );
+}
 var GLITCHGRAB_SHORTCUT = "Ctrl+Shift+G";
 var GLITCHGRAB_SHORTCUT_MAC = "\u2318\u21E7G";
 function isMac() {
@@ -1342,13 +2069,13 @@ function ReporterChip({
   const label = isAnonymous ? "Anonymous" : name;
   const title = isAnonymous ? "No reporter identity was passed to Glitchgrab \u2014 this report won't be attributed to anyone" : [name, reporter == null ? void 0 : reporter.email, reporter == null ? void 0 : reporter.role].filter(Boolean).join(" \xB7 ");
   const showAvatarImage = !!avatarUrl && !avatarFailed;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "span",
     {
       title,
       style: { display: "flex", alignItems: "center", gap: "6px", minWidth: 0 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -1368,7 +2095,7 @@ function ReporterChip({
               color: isAnonymous ? t2.textMuted : t2.accentText,
               border: `1px solid ${isAnonymous ? t2.inputBorder : "transparent"}`
             },
-            children: showAvatarImage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            children: showAvatarImage ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "img",
               {
                 src: avatarUrl,
@@ -1378,9 +2105,9 @@ function ReporterChip({
                 onError: () => setAvatarFailed(true),
                 style: { width: "100%", height: "100%", objectFit: "cover" }
               }
-            ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            ) : initials ? initials : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "8", cy: "5.5", r: "2.75", stroke: "currentColor", strokeWidth: "1.4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "path",
                 {
                   d: "M2.75 13.5c0-2.35 2.35-3.75 5.25-3.75s5.25 1.4 5.25 3.75",
@@ -1392,7 +2119,7 @@ function ReporterChip({
             ] })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "span",
           {
             style: {
@@ -1506,6 +2233,8 @@ function ReportDialog({
   report,
   sendFeedback: sendFeedback2,
   enhanceText: enhanceText2,
+  assist,
+  assistContext = null,
   transcribeAudio: transcribeAudio2,
   types,
   showSeverity = true,
@@ -1514,7 +2243,11 @@ function ReportDialog({
   onClose,
   headerSlot
 }) {
+  var _a, _b;
   const [isEnhancing, setIsEnhancing] = (0, import_react.useState)(false);
+  const [assistOpen, setAssistOpen] = (0, import_react.useState)(false);
+  const [assistNotice, setAssistNotice] = (0, import_react.useState)(null);
+  const [assistUsed, setAssistUsed] = (0, import_react.useState)(false);
   const [isEnhanced, setIsEnhanced] = (0, import_react.useState)(false);
   const [originalDescription, setOriginalDescription] = (0, import_react.useState)(
     null
@@ -1640,11 +2373,11 @@ function ReportDialog({
     return () => window.removeEventListener("keydown", onKey);
   }, [isOpen, step, sendFeedback2, availableTypes.join(",")]);
   const handleTileGridKeyDown = (e) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c;
     const keys = ["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp"];
     if (!keys.includes(e.key)) return;
     const tiles = Array.from(
-      (_b = (_a = tileGridRef.current) == null ? void 0 : _a.querySelectorAll("button[data-gg-type]")) != null ? _b : []
+      (_b2 = (_a2 = tileGridRef.current) == null ? void 0 : _a2.querySelectorAll("button[data-gg-type]")) != null ? _b2 : []
     );
     if (tiles.length === 0) return;
     e.preventDefault();
@@ -1722,8 +2455,8 @@ function ReportDialog({
   (0, import_react.useEffect)(() => {
     if (previewIndex === null || annotatingIndex !== null) return;
     const handlePointerDown = (e) => {
-      var _a;
-      if (!((_a = previewImgRef.current) == null ? void 0 : _a.contains(e.target))) {
+      var _a2;
+      if (!((_a2 = previewImgRef.current) == null ? void 0 : _a2.contains(e.target))) {
         closePreview();
       }
     };
@@ -1731,17 +2464,17 @@ function ReportDialog({
     return () => document.removeEventListener("pointerdown", handlePointerDown, true);
   }, [previewIndex, annotatingIndex]);
   (0, import_react.useEffect)(() => {
-    var _a;
+    var _a2;
     const el = previewScrollRef.current;
     if (!previewZoomed || !el) return;
-    const anchor = (_a = zoomAnchorRef.current) != null ? _a : { fx: 0.5, fy: 0.5 };
+    const anchor = (_a2 = zoomAnchorRef.current) != null ? _a2 : { fx: 0.5, fy: 0.5 };
     el.scrollLeft = anchor.fx * el.scrollWidth - el.clientWidth / 2;
     el.scrollTop = anchor.fy * el.scrollHeight - el.clientHeight / 2;
   }, [previewZoomed]);
   const togglePreviewZoom = (e) => {
-    var _a;
+    var _a2;
     e.stopPropagation();
-    if ((_a = panRef.current) == null ? void 0 : _a.moved) return;
+    if ((_a2 = panRef.current) == null ? void 0 : _a2.moved) return;
     if (!previewZoomed && !canZoomPreview) return;
     const img = previewImgElRef.current;
     if (!previewZoomed && img) {
@@ -1776,9 +2509,9 @@ function ReportDialog({
     el.scrollTop = start.top - dy;
   };
   const handlePanEnd = (e) => {
-    var _a, _b;
+    var _a2, _b2;
     const el = previewScrollRef.current;
-    const moved = (_b = (_a = panRef.current) == null ? void 0 : _a.moved) != null ? _b : false;
+    const moved = (_b2 = (_a2 = panRef.current) == null ? void 0 : _a2.moved) != null ? _b2 : false;
     try {
       el == null ? void 0 : el.releasePointerCapture(e.pointerId);
     } catch (e2) {
@@ -1795,9 +2528,9 @@ function ReportDialog({
   (0, import_react.useEffect)(() => {
     if (!isOpen) return;
     const handlePaste = (e) => {
-      var _a;
+      var _a2;
       try {
-        const items = (_a = e.clipboardData) == null ? void 0 : _a.items;
+        const items = (_a2 = e.clipboardData) == null ? void 0 : _a2.items;
         if (!items) return;
         const pasted = [];
         for (let i = 0; i < items.length; i++) {
@@ -1823,16 +2556,16 @@ function ReportDialog({
     return () => clearInterval(id);
   }, [isOpen, transcribeAudio2]);
   const stopVoice = () => {
-    var _a, _b;
+    var _a2, _b2;
     usingWebSpeechRef.current = false;
-    (_a = recognitionRef.current) == null ? void 0 : _a.stop();
+    (_a2 = recognitionRef.current) == null ? void 0 : _a2.stop();
     recognitionRef.current = null;
     sarvamChunksRef.current = [];
     const stream = streamRef.current;
     streamRef.current = null;
     stream == null ? void 0 : stream.getTracks().forEach((t22) => t22.stop());
     try {
-      (_b = mediaRecorderRef.current) == null ? void 0 : _b.stop();
+      (_b2 = mediaRecorderRef.current) == null ? void 0 : _b2.stop();
     } catch (e) {
     }
     mediaRecorderRef.current = null;
@@ -1840,16 +2573,28 @@ function ReportDialog({
     setIsTranscribing(false);
   };
   const stopListeningAndTranscribe = () => {
-    var _a, _b;
+    var _a2, _b2;
     usingWebSpeechRef.current = false;
-    (_a = recognitionRef.current) == null ? void 0 : _a.stop();
+    (_a2 = recognitionRef.current) == null ? void 0 : _a2.stop();
     recognitionRef.current = null;
     setIsListening(false);
     try {
-      (_b = mediaRecorderRef.current) == null ? void 0 : _b.stop();
+      (_b2 = mediaRecorderRef.current) == null ? void 0 : _b2.stop();
     } catch (e) {
     }
   };
+  const sheetUp = !!assist && assistOpen && !isRating;
+  (0, import_react.useEffect)(() => {
+    const el = modalRef.current;
+    if (!el) return;
+    if (sheetUp) {
+      el.setAttribute("inert", "");
+      el.setAttribute("aria-hidden", "true");
+    } else {
+      el.removeAttribute("inert");
+      el.removeAttribute("aria-hidden");
+    }
+  }, [sheetUp, isOpen]);
   const handleClose = () => {
     stopVoice();
     setIsOpen(false);
@@ -1865,6 +2610,9 @@ function ReportDialog({
     setVoiceError(null);
     setIsEnhanced(false);
     setOriginalDescription(null);
+    setAssistOpen(false);
+    setAssistUsed(false);
+    setAssistNotice(null);
   };
   const toggleVoice = async () => {
     if (isListening) {
@@ -1967,7 +2715,7 @@ function ReportDialog({
     }
   };
   const handleSpaceDown = (e) => {
-    var _a;
+    var _a2;
     if (e.code !== "Space") return;
     if (isListening || isPushToTalkRef.current) {
       e.preventDefault();
@@ -1975,7 +2723,7 @@ function ReportDialog({
     }
     if (e.repeat || !transcribeAudio2 || isTranscribing || spaceTimerRef.current)
       return;
-    const pos = (_a = e.currentTarget.selectionStart) != null ? _a : description.length;
+    const pos = (_a2 = e.currentTarget.selectionStart) != null ? _a2 : description.length;
     spaceTimerRef.current = setTimeout(() => {
       spaceTimerRef.current = null;
       isPushToTalkRef.current = true;
@@ -2064,9 +2812,9 @@ function ReportDialog({
     }
   };
   if (!mounted) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     isOpen && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: `
           @keyframes gg-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
           @keyframes gg-b1{0%,100%{height:3px}40%{height:13px}}
           @keyframes gg-b2{0%,100%{height:8px}50%{height:3px}}
@@ -2103,7 +2851,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -2112,7 +2860,10 @@ function ReportDialog({
             inset: 0,
             zIndex: 2147483647,
             pointerEvents: "auto",
-            display: "flex",
+            // Hidden, not unmounted, while the AI sheet is in charge — the
+            // 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",
             backgroundColor: "rgba(0,0,0,0.5)",
@@ -2123,7 +2874,7 @@ function ReportDialog({
           },
           onPointerDown: (e) => e.stopPropagation(),
           onFocus: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "div",
             {
               ref: modalRef,
@@ -2145,7 +2896,7 @@ function ReportDialog({
                 isolation: "isolate"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "div",
                   {
                     style: {
@@ -2154,7 +2905,7 @@ function ReportDialog({
                       borderBottom: `1px solid ${t2.border}`
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                         "div",
                         {
                           style: {
@@ -2163,7 +2914,7 @@ function ReportDialog({
                             alignItems: "center"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2172,7 +2923,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  step > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2186,14 +2937,14 @@ function ReportDialog({
                                         alignItems: "center"
                                       },
                                       "aria-label": "Back",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "svg",
                                         {
                                           width: "16",
                                           height: "16",
                                           viewBox: "0 0 16 16",
                                           fill: "none",
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                             "path",
                                             {
                                               d: "M10 3L5 8L10 13",
@@ -2207,7 +2958,7 @@ function ReportDialog({
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "span",
                                     {
                                       style: {
@@ -2221,7 +2972,7 @@ function ReportDialog({
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                               "div",
                               {
                                 style: {
@@ -2230,7 +2981,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step === 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  step === 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "span",
                                     {
                                       title: "Press this anywhere to open Glitchgrab",
@@ -2248,7 +2999,7 @@ function ReportDialog({
                                       children: getShortcutLabel()
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -2263,7 +3014,7 @@ function ReportDialog({
                                         justifyContent: "center"
                                       },
                                       "aria-label": "Close",
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "svg",
                                         {
                                           width: "16",
@@ -2271,7 +3022,7 @@ function ReportDialog({
                                           viewBox: "0 0 16 16",
                                           fill: "none",
                                           style: { display: "block" },
-                                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                             "path",
                                             {
                                               d: "M4 4L12 12M12 4L4 12",
@@ -2290,7 +3041,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "div",
                         {
                           style: {
@@ -2300,12 +3051,12 @@ function ReportDialog({
                             gap: "0",
                             marginTop: "12px"
                           },
-                          children: [1, 2].map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          children: [1, 2].map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "div",
                             {
                               style: { display: "flex", alignItems: "center" },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "div",
                                   {
                                     style: {
@@ -2317,7 +3068,7 @@ function ReportDialog({
                                     }
                                   }
                                 ),
-                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                i < 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "div",
                                   {
                                     style: {
@@ -2337,7 +3088,7 @@ function ReportDialog({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "div",
                   {
                     style: {
@@ -2346,7 +3097,7 @@ function ReportDialog({
                       flex: "1 1 auto",
                       minHeight: 0
                     },
-                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                       "div",
                       {
                         style: {
@@ -2361,9 +3112,9 @@ function ReportDialog({
                           " sent. Thank you!"
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                      step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                      step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                         "div",
                         {
                           style: {
@@ -2380,16 +3131,16 @@ function ReportDialog({
                           },
                           onMouseLeave: () => setHoveredStar(0),
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "span",
                               {
                                 style: { fontSize: "13px", fontWeight: 600, color: t2.text },
                                 children: "How are we doing?"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { display: "flex", gap: "4px" }, children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -2409,7 +3160,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "26", height: "26", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -2426,7 +3177,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      step === 1 && sendFeedback2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                         "div",
                         {
                           style: {
@@ -2436,13 +3187,13 @@ function ReportDialog({
                             marginBottom: "16px"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } })
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } }),
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted }, children: "or report something" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { flex: 1, height: "1px", background: t2.border } })
                           ]
                         }
                       ),
-                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      step === 1 && screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                         "div",
                         {
                           style: {
@@ -2456,7 +3207,7 @@ function ReportDialog({
                             background: t2.inputBg
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "img",
                               {
                                 src: screenshots[0],
@@ -2471,8 +3222,8 @@ function ReportDialog({
                                 }
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: "11px", color: t2.textMuted, flex: 1 }, children: "Screenshot attached" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                               "button",
                               {
                                 type: "button",
@@ -2493,7 +3244,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "div",
                         {
                           ref: tileGridRef,
@@ -2503,7 +3254,7 @@ function ReportDialog({
                             gridTemplateColumns: "1fr 1fr 1fr",
                             gap: "10px"
                           },
-                          children: availableTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          children: availableTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "button",
                             {
                               type: "button",
@@ -2533,7 +3284,7 @@ function ReportDialog({
                               },
                               children: [
                                 getTypeIcon(type, t2.accent, 22),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2551,8 +3302,8 @@ function ReportDialog({
                           ))
                         }
                       ),
-                      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "button",
                           {
                             type: "button",
@@ -2575,11 +3326,11 @@ function ReportDialog({
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
-                        isRating && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        isRating && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "div",
                           {
                             style: {
@@ -2590,7 +3341,7 @@ function ReportDialog({
                             onMouseLeave: () => setHoveredStar(0),
                             children: [1, 2, 3, 4, 5].map((star) => {
                               const filled = star <= (hoveredStar || rating);
-                              return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -2607,7 +3358,7 @@ function ReportDialog({
                                     cursor: "pointer",
                                     lineHeight: 0
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "path",
                                     {
                                       d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -2623,8 +3374,47 @@ function ReportDialog({
                             })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { position: "relative" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        assist && !isRating && !assistUsed && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => {
+                              setAssistNotice(null);
+                              setAssistOpen(true);
+                            },
+                            style: {
+                              display: "inline-flex",
+                              alignItems: "center",
+                              gap: "6px",
+                              marginBottom: "10px",
+                              // 8px vertical keeps the tap target at ~32px.
+                              padding: "8px 10px",
+                              borderRadius: "6px",
+                              border: `1px solid ${t2.accent}`,
+                              background: "transparent",
+                              color: t2.accent,
+                              fontSize: "12px",
+                              fontWeight: 600,
+                              fontFamily: "inherit",
+                              cursor: "pointer"
+                            },
+                            title: "Answer a question or two and the assistant writes the report for you",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                "path",
+                                {
+                                  d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
+                                  stroke: t2.accent,
+                                  strokeWidth: "1.5",
+                                  strokeLinejoin: "round"
+                                }
+                              ) }),
+                              "Describe it with AI"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "textarea",
                             {
                               ref: textareaRef,
@@ -2665,7 +3455,7 @@ function ReportDialog({
                               autoFocus: true
                             }
                           ),
-                          (isListening || isTranscribing) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          (isListening || isTranscribing) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "span",
                             {
                               style: {
@@ -2683,7 +3473,7 @@ function ReportDialog({
                                 zIndex: 1
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2698,7 +3488,7 @@ function ReportDialog({
                                   }
                                 ),
                                 isTranscribing ? "Transcribing\u2026" : "REC",
-                                isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "span",
                                   {
                                     style: {
@@ -2725,7 +3515,7 @@ function ReportDialog({
                                         dur: "0.55s",
                                         delay: "0.15s"
                                       }
-                                    ].map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    ].map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -2745,18 +3535,18 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          enhanceText2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "button",
                             {
                               type: "button",
                               onClick: async () => {
-                                var _a;
+                                var _a2;
                                 if (!description.trim() || isEnhancing) return;
                                 setIsEnhancing(true);
                                 try {
                                   const polished = await enhanceText2(
                                     description,
-                                    (_a = screenshots[0]) != null ? _a : null
+                                    (_a2 = screenshots[0]) != null ? _a2 : null
                                   );
                                   if (polished && polished !== description) {
                                     setOriginalDescription(description);
@@ -2790,7 +3580,7 @@ function ReportDialog({
                               },
                               title: "Polish grammar \u2014 preserves your meaning",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "svg",
                                   {
                                     width: "11",
@@ -2798,7 +3588,7 @@ function ReportDialog({
                                     viewBox: "0 0 24 24",
                                     fill: "none",
                                     "aria-hidden": "true",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "path",
                                       {
                                         d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3zM19 15l.75 2.25L22 18l-2.25.75L19 21l-.75-2.25L16 18l2.25-.75L19 15z",
@@ -2813,7 +3603,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          transcribeAudio2 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "button",
                             {
                               type: "button",
@@ -2839,7 +3629,7 @@ function ReportDialog({
                                 padding: 0,
                                 transition: "border-color 0.2s ease, color 0.2s ease"
                               },
-                              children: isListening ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              children: isListening ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "svg",
                                 {
                                   width: "12",
@@ -2847,7 +3637,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "currentColor",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "rect",
                                     {
                                       x: "6",
@@ -2858,7 +3648,7 @@ function ReportDialog({
                                     }
                                   )
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "svg",
                                 {
                                   width: "13",
@@ -2867,7 +3657,7 @@ function ReportDialog({
                                   fill: "none",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "rect",
                                       {
                                         x: "9",
@@ -2879,7 +3669,7 @@ function ReportDialog({
                                         strokeWidth: "1.8"
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "path",
                                       {
                                         d: "M5 10a7 7 0 0014 0M12 19v3M9 22h6",
@@ -2894,7 +3684,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        transcribeAudio2 && !isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        transcribeAudio2 && !isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "div",
                           {
                             style: {
@@ -2908,16 +3698,16 @@ function ReportDialog({
                               userSelect: "none"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
                               ] }),
                               "Hold Space to speak \u2014 we'll transcribe it"
                             ]
                           }
                         ),
-                        isEnhanced && originalDescription !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        isEnhanced && originalDescription !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "div",
                           {
                             style: {
@@ -2931,7 +3721,7 @@ function ReportDialog({
                               border: `1px solid ${t2.accent}40`
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "svg",
                                 {
                                   width: "12",
@@ -2939,7 +3729,7 @@ function ReportDialog({
                                   viewBox: "0 0 24 24",
                                   fill: "none",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "path",
                                     {
                                       d: "M12 3l1.5 4.5L18 9l-4.5 1.5L12 15l-1.5-4.5L6 9l4.5-1.5L12 3z",
@@ -2950,7 +3740,7 @@ function ReportDialog({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -2961,7 +3751,7 @@ function ReportDialog({
                                   children: "AI enhanced"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -2983,7 +3773,7 @@ function ReportDialog({
                                   children: "Keep"
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -3009,7 +3799,7 @@ function ReportDialog({
                             ]
                           }
                         ),
-                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        voiceError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "p",
                           {
                             style: {
@@ -3021,8 +3811,21 @@ function ReportDialog({
                             children: voiceError
                           }
                         ),
-                        !isRating && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        assistNotice && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          "p",
+                          {
+                            style: {
+                              color: t2.textMuted,
+                              fontSize: "12px",
+                              marginTop: "6px",
+                              marginBottom: 0,
+                              lineHeight: 1.5
+                            },
+                            children: assistNotice
+                          }
+                        ),
+                        !isRating && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "span",
                             {
                               style: {
@@ -3038,7 +3841,7 @@ function ReportDialog({
                               ]
                             }
                           ),
-                          screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          screenshots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "div",
                             {
                               style: {
@@ -3047,7 +3850,7 @@ function ReportDialog({
                                 gap: "8px",
                                 marginBottom: "8px"
                               },
-                              children: screenshots.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              children: screenshots.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -3056,7 +3859,7 @@ function ReportDialog({
                                     height: "56px"
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "img",
                                       {
                                         src,
@@ -3074,7 +3877,7 @@ function ReportDialog({
                                         }
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -3100,14 +3903,14 @@ function ReportDialog({
                                           alignItems: "center",
                                           justifyContent: "center"
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "svg",
                                           {
                                             width: "8",
                                             height: "8",
                                             viewBox: "0 0 10 10",
                                             fill: "none",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                               "path",
                                               {
                                                 d: "M1 1L9 9M9 1L1 9",
@@ -3120,7 +3923,7 @@ function ReportDialog({
                                         )
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -3145,14 +3948,14 @@ function ReportDialog({
                                           justifyContent: "center",
                                           boxShadow: "0 2px 8px rgba(0,0,0,0.45)"
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "svg",
                                           {
                                             width: "12",
                                             height: "12",
                                             viewBox: "0 0 24 24",
                                             fill: "none",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                               "path",
                                               {
                                                 d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -3172,7 +3975,7 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "div",
                             {
                               style: {
@@ -3181,7 +3984,7 @@ function ReportDialog({
                                 gap: "6px",
                                 marginBottom: "8px"
                               },
-                              children: attachments.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              children: attachments.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                 "div",
                                 {
                                   style: {
@@ -3193,7 +3996,7 @@ function ReportDialog({
                                     border: `1px solid ${t2.border}`
                                   },
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                       "svg",
                                       {
                                         width: "14",
@@ -3202,7 +4005,7 @@ function ReportDialog({
                                         fill: "none",
                                         style: { flexShrink: 0, opacity: 0.6 },
                                         children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                             "path",
                                             {
                                               d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z",
@@ -3212,7 +4015,7 @@ function ReportDialog({
                                               strokeLinejoin: "round"
                                             }
                                           ),
-                                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                             "path",
                                             {
                                               d: "M14 2v6h6",
@@ -3225,7 +4028,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -3239,7 +4042,7 @@ function ReportDialog({
                                         children: a.name
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                       "span",
                                       {
                                         style: { fontSize: "10px", color: t2.textMuted },
@@ -3249,7 +4052,7 @@ function ReportDialog({
                                         ]
                                       }
                                     ),
-                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "button",
                                       {
                                         type: "button",
@@ -3273,14 +4076,14 @@ function ReportDialog({
                                           justifyContent: "center",
                                           flexShrink: 0
                                         },
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                           "svg",
                                           {
                                             width: "8",
                                             height: "8",
                                             viewBox: "0 0 10 10",
                                             fill: "none",
-                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                               "path",
                                               {
                                                 d: "M1 1L9 9M9 1L1 9",
@@ -3299,12 +4102,12 @@ function ReportDialog({
                               ))
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "div",
                             {
                               onClick: () => {
-                                var _a;
-                                return (_a = fileInputRef.current) == null ? void 0 : _a.click();
+                                var _a2;
+                                return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
                               },
                               onDrop: (e) => {
                                 e.preventDefault();
@@ -3325,7 +4128,7 @@ function ReportDialog({
                                 background: screenshotDragOver ? isDark ? "rgba(34,211,238,0.06)" : "rgba(8,145,178,0.04)" : "transparent",
                                 transition: "border-color 0.15s ease, background 0.15s ease"
                               },
-                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              children: screenshots.length + attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                 "p",
                                 {
                                   style: {
@@ -3336,8 +4139,8 @@ function ReportDialog({
                                   },
                                   children: screenshotDragOver ? "Drop to attach" : "+ Add more \xB7 Drag & drop \xB7 Paste"
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                                   "svg",
                                   {
                                     width: "22",
@@ -3350,7 +4153,7 @@ function ReportDialog({
                                       opacity: 0.45
                                     },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "rect",
                                         {
                                           x: "3",
@@ -3362,7 +4165,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "circle",
                                         {
                                           cx: "8.5",
@@ -3372,7 +4175,7 @@ function ReportDialog({
                                           strokeWidth: "1.5"
                                         }
                                       ),
-                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                         "path",
                                         {
                                           d: "M21 15l-5-5L5 21",
@@ -3385,7 +4188,7 @@ function ReportDialog({
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -3397,7 +4200,7 @@ function ReportDialog({
                                     children: screenshotDragOver ? "Drop to attach" : "Add screenshots or files"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -3412,8 +4215,8 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        showSeverity && reportType === "BUG" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        showSeverity && reportType === "BUG" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginTop: "10px" }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "span",
                             {
                               style: {
@@ -3425,7 +4228,7 @@ function ReportDialog({
                               children: "Severity"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "button",
                             {
                               type: "button",
@@ -3449,7 +4252,7 @@ function ReportDialog({
                             s
                           )) })
                         ] }),
-                        validationError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        validationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "p",
                           {
                             style: {
@@ -3460,7 +4263,7 @@ function ReportDialog({
                             children: validationError
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "button",
                           {
                             type: "button",
@@ -3487,7 +4290,7 @@ function ReportDialog({
                     ] })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                   "div",
                   {
                     style: {
@@ -3499,8 +4302,8 @@ function ReportDialog({
                       gap: "12px"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ReporterChip, { reporter, t: t2 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReporterChip, { reporter, t: t2 }),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "span",
                         {
                           style: {
@@ -3522,7 +4325,7 @@ function ReportDialog({
       ),
       document.body
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -3534,7 +4337,7 @@ function ReportDialog({
       }
     ),
     isOpen && previewIndex !== null && screenshots[previewIndex] && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           "data-glitchgrab-layer": "",
@@ -3556,7 +4359,7 @@ function ReportDialog({
           },
           onMouseDown: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 ref: previewImgRef,
@@ -3568,7 +4371,7 @@ function ReportDialog({
                 },
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       ref: previewScrollRef,
@@ -3587,7 +4390,7 @@ function ReportDialog({
                         touchAction: "none",
                         cursor: "grab"
                       } : { maxWidth: "100%", lineHeight: 0 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "img",
                         {
                           ref: previewImgElRef,
@@ -3615,7 +4418,7 @@ function ReportDialog({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -3643,7 +4446,7 @@ function ReportDialog({
                         animation: "gg-pulse 2s ease-in-out infinite"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "path",
                           {
                             d: "M12 20h9M16.5 3.5a2.12 2.12 0 013 3L7 19l-4 1 1-4L16.5 3.5z",
@@ -3660,7 +4463,7 @@ function ReportDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "div",
               {
                 style: {
@@ -3669,7 +4472,7 @@ function ReportDialog({
                   alignItems: "center",
                   gap: "12px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                   "span",
                   {
                     style: {
@@ -3691,7 +4494,7 @@ function ReportDialog({
       document.body
     ),
     isOpen && annotatingIndex !== null && screenshots[annotatingIndex] && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         AnnotationCanvas,
         {
           imageSrc: screenshots[annotatingIndex],
@@ -3705,6 +4508,52 @@ function ReportDialog({
         }
       ),
       document.body
+    ),
+    isOpen && sheetUp && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      AssistSheet,
+      {
+        assist,
+        theme: {
+          bg: t2.bg,
+          bgSecondary: t2.bgSecondary,
+          border: t2.border,
+          text: t2.text,
+          textMuted: t2.textMuted,
+          inputBg: t2.inputBg,
+          inputBorder: t2.inputBorder,
+          accent: t2.accent,
+          accentText: t2.accentText
+        },
+        screenshot: (_a = screenshots[0]) != null ? _a : null,
+        attachmentCount: screenshots.length + attachments.length,
+        context: { ...assistContext != null ? assistContext : {}, reportType },
+        reportTypeLabel: getTypeLabel(reportType),
+        projectSlot: headerSlot,
+        reporterName: (_b = reporter == null ? void 0 : reporter.name) != null ? _b : null,
+        description,
+        onDescriptionChange: (value) => {
+          setDescription(value);
+          if (validationError) setValidationError(null);
+        },
+        severity,
+        onSeverityChange: setSeverity,
+        showSeverity,
+        isSubmitting,
+        submitted,
+        onSend: () => void handleSubmit(),
+        onDegrade: (message) => {
+          setAssistOpen(false);
+          setAssistUsed(true);
+          setAssistNotice(message);
+        },
+        onClose: () => {
+          setAssistOpen(false);
+          requestAnimationFrame(() => {
+            var _a2;
+            return (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+          });
+        }
+      }
     )
   ] });
 }
@@ -3758,7 +4607,7 @@ function getTypeIcon(type, color, size = 24) {
   };
   switch (type) {
     case "RATING":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
@@ -3768,7 +4617,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "BUG":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M8 2L6.5 3.5M16 2L17.5 3.5M3 9H7M17 9H21M12 2a5 5 0 015 5v4a5 5 0 01-10 0V7a5 5 0 015-5zM7 16l-2 3M17 16l2 3",
@@ -3778,7 +4627,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "FEATURE_REQUEST":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2z",
@@ -3788,8 +4637,8 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "UI_IMPROVEMENT":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "rect",
           {
             x: "3",
@@ -3801,7 +4650,7 @@ function getTypeIcon(type, color, size = 24) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "path",
           {
             d: "M3 9h18M9 21V9",
@@ -3812,7 +4661,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "PERFORMANCE":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M12 21a9 9 0 100-18 9 9 0 000 18zM12 12l4-4M12 7v.01",
@@ -3823,7 +4672,7 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "SECURITY":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z",
@@ -3833,9 +4682,9 @@ function getTypeIcon(type, color, size = 24) {
         }
       ) });
     case "QUESTION":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: color, strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "path",
           {
             d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3M12 17h.01",
@@ -3847,7 +4696,7 @@ function getTypeIcon(type, color, size = 24) {
         )
       ] });
     case "OTHER":
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "path",
         {
           d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z",
@@ -3860,8 +4709,8 @@ function getTypeIcon(type, color, size = 24) {
 }
 
 // src/booking-dialog.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var t = {
   bg: "#141414",
   surface: "#1c1c1c",
@@ -3898,28 +4747,28 @@ function BookingDialog({
   onClose
 }) {
   var _a;
-  const [step, setStep] = (0, import_react3.useState)("slots");
-  const [slots, setSlots] = (0, import_react3.useState)(null);
-  const [heading, setHeading] = (0, import_react3.useState)({
+  const [step, setStep] = (0, import_react4.useState)("slots");
+  const [slots, setSlots] = (0, import_react4.useState)(null);
+  const [heading, setHeading] = (0, import_react4.useState)({
     title: "Book a demo",
     description: null
   });
-  const [whatsappUrl, setWhatsappUrl] = (0, import_react3.useState)(null);
-  const [selected, setSelected] = (0, import_react3.useState)(null);
-  const [name, setName] = (0, import_react3.useState)("");
-  const [email, setEmail] = (0, import_react3.useState)("");
-  const [phone, setPhone] = (0, import_react3.useState)("");
-  const [note, setNote] = (0, import_react3.useState)("");
-  const [code, setCode] = (0, import_react3.useState)("");
-  const [bookingId, setBookingId] = (0, import_react3.useState)(null);
-  const [meetUrl, setMeetUrl] = (0, import_react3.useState)(null);
-  const [busy, setBusy] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const headers = (0, import_react3.useMemo)(
+  const [whatsappUrl, setWhatsappUrl] = (0, import_react4.useState)(null);
+  const [selected, setSelected] = (0, import_react4.useState)(null);
+  const [name, setName] = (0, import_react4.useState)("");
+  const [email, setEmail] = (0, import_react4.useState)("");
+  const [phone, setPhone] = (0, import_react4.useState)("");
+  const [note, setNote] = (0, import_react4.useState)("");
+  const [code, setCode] = (0, import_react4.useState)("");
+  const [bookingId, setBookingId] = (0, import_react4.useState)(null);
+  const [meetUrl, setMeetUrl] = (0, import_react4.useState)(null);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const headers = (0, import_react4.useMemo)(
     () => ({ Authorization: `Bearer ${token}`, "Content-Type": "application/json" }),
     [token]
   );
-  const loadSlots = (0, import_react3.useCallback)(async () => {
+  const loadSlots = (0, import_react4.useCallback)(async () => {
     var _a2, _b, _c;
     setError(null);
     setSlots(null);
@@ -3944,7 +4793,7 @@ function BookingDialog({
       setSlots([]);
     }
   }, [baseUrl, headers]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!open) return;
     setStep("slots");
     setSelected(null);
@@ -3953,7 +4802,7 @@ function BookingDialog({
     setError(null);
     void loadSlots();
   }, [open, loadSlots]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -4023,7 +4872,7 @@ function BookingDialog({
     }
   }
   const canSubmitDetails = name.trim() && email.includes("@") && phone.replace(/\D/g, "").length >= 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "div",
     {
       onClick: (e) => {
@@ -4040,7 +4889,7 @@ function BookingDialog({
         padding: 16,
         fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
         "div",
         {
           role: "dialog",
@@ -4058,7 +4907,7 @@ function BookingDialog({
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
               {
                 style: {
@@ -4070,11 +4919,11 @@ function BookingDialog({
                   gap: 12
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
-                    heading.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: heading.title }),
+                    heading.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 12, color: t.muted, marginTop: 2 }, children: heading.description })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "button",
                     {
                       onClick: onClose,
@@ -4086,10 +4935,10 @@ function BookingDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
-              error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
-              step === "slots" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                whatsappUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { padding: 18, overflowY: "auto", flex: "1 1 auto" }, children: [
+              error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: t.danger, fontSize: 12, marginBottom: 12, lineHeight: 1.5 }, children: error }),
+              step === "slots" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                whatsappUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                   "a",
                   {
                     href: whatsappUrl,
@@ -4108,15 +4957,15 @@ function BookingDialog({
                     },
                     children: [
                       "\u{1F4AC} Rather book on WhatsApp?",
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { display: "block", fontSize: 11, color: t.muted, marginTop: 2 }, children: "We'll ask the same questions in chat." })
                     ]
                   }
                 ),
-                slots === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
-                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
-                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginBottom: 18 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                slots === null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "Finding times\u2026" }),
+                (slots == null ? void 0 : slots.length) === 0 && !error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: t.muted, fontSize: 13 }, children: "No times available right now." }),
+                [...byDay.entries()].map(([day, daySlots]) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginBottom: 18 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 11, color: t.muted, marginBottom: 8, textTransform: "uppercase", letterSpacing: ".6px" }, children: formatDay(daySlots[0].startsAt) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: daySlots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -4138,13 +4987,13 @@ function BookingDialog({
                   )) })
                 ] }, day))
               ] }),
-              step === "details" && selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { fontSize: 13, color: t.muted }, children: [
+              step === "details" && selected && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { fontSize: 13, color: t.muted }, children: [
                   formatDay(selected.startsAt),
                   " \xB7 ",
                   formatTime(selected.startsAt),
                   " \xB7 ",
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "button",
                     {
                       onClick: () => setStep("slots"),
@@ -4153,9 +5002,9 @@ function BookingDialog({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Field, { label: "Your name", value: name, onChange: setName }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: "Your name", value: name, onChange: setName }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: "Email", value: email, onChange: setEmail, type: "email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   Field,
                   {
                     label: "Mobile number",
@@ -4165,8 +5014,8 @@ function BookingDialog({
                     hint: "We send a code here to confirm, then a reminder before the call."
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: "Anything we should know? (optional)", value: note, onChange: setNote }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "button",
                   {
                     onClick: startBooking,
@@ -4176,10 +5025,10 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "code" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Field, { label: "Code", value: code, onChange: setCode }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              step === "code" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.5 }, children: "We sent a 4-digit code to your phone. Your slot is held for 10 minutes." }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Field, { label: "Code", value: code, onChange: setCode }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "button",
                   {
                     onClick: confirmBooking,
@@ -4189,15 +5038,15 @@ function BookingDialog({
                   }
                 )
               ] }),
-              step === "done" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
+              step === "done" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { fontSize: 15, fontWeight: 600 }, children: "You're booked." }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { fontSize: 13, color: t.muted, lineHeight: 1.6 }, children: [
                   selected && `${formatDay(selected.startsAt)} at ${formatTime(selected.startsAt)}. `,
                   "A calendar invite is on its way to ",
                   email,
                   ", and we'll send a WhatsApp reminder before the call."
                 ] }),
-                meetUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
+                meetUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: meetUrl, target: "_blank", rel: "noreferrer", style: { ...primaryStyle(false), textAlign: "center", textDecoration: "none" }, children: "Open the meeting link" })
               ] })
             ] })
           ]
@@ -4226,9 +5075,9 @@ function Field({
   type = "text",
   hint
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { style: { display: "block", fontSize: 11, color: t.muted }, children: [
     label,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "input",
       {
         type,
@@ -4249,7 +5098,7 @@ function Field({
         }
       }
     ),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { marginTop: 4, fontSize: 10, color: t.muted }, children: hint })
   ] });
 }
 
@@ -4390,11 +5239,11 @@ function matchesShortcut(e) {
 }
 
 // src/provider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DEFAULT_BASE_URL2 = "https://glitchgrab.dev";
-var GlitchgrabContext = (0, import_react4.createContext)(null);
+var GlitchgrabContext = (0, import_react5.createContext)(null);
 function useGlitchgrab() {
-  const ctx = (0, import_react4.useContext)(GlitchgrabContext);
+  const ctx = (0, import_react5.useContext)(GlitchgrabContext);
   if (!ctx) {
     throw new Error("useGlitchgrab must be used within a GlitchgrabProvider");
   }
@@ -4417,7 +5266,7 @@ function GlitchgrabProviderInner({
   context: appContext2,
   responseBodyOrigins: responseBodyOrigins2
 }) {
-  const visitedPagesRef = (0, import_react4.useRef)([]);
+  const visitedPagesRef = (0, import_react5.useRef)([]);
   setRelease(release2);
   if (appContext2) setContexts(appContext2);
   registerCaptureConfig({
@@ -4429,12 +5278,12 @@ function GlitchgrabProviderInner({
     onError,
     onReportSent
   });
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (enableBreadcrumbs) {
       initBreadcrumbs(maxBreadcrumbs2, { responseBodyOrigins: responseBodyOrigins2 });
     }
   }, [enableBreadcrumbs, maxBreadcrumbs2, responseBodyOrigins2 == null ? void 0 : responseBodyOrigins2.join(",")]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     try {
       if (typeof window === "undefined") return;
       const trackPage = () => {
@@ -4471,7 +5320,7 @@ function GlitchgrabProviderInner({
     } catch (e) {
     }
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     try {
       if (typeof window === "undefined") return;
       if (process.env.NODE_ENV === "development") return;
@@ -4598,7 +5447,7 @@ function GlitchgrabProviderInner({
     } catch (e) {
     }
   }, [token, baseUrl, onError, onReportSent, session, ignoreErrors]);
-  const report = (0, import_react4.useCallback)(
+  const report = (0, import_react5.useCallback)(
     async (type, description, metadata) => {
       var _a;
       try {
@@ -4632,11 +5481,11 @@ function GlitchgrabProviderInner({
     },
     [token, baseUrl, onReportSent, session]
   );
-  const reportBug = (0, import_react4.useCallback)(
+  const reportBug = (0, import_react5.useCallback)(
     (description, metadata) => report("BUG", description, metadata),
     [report]
   );
-  const feedback = (0, import_react4.useCallback)(
+  const feedback = (0, import_react5.useCallback)(
     async (rating, message, metadata) => {
       try {
         const context = captureContext(visitedPagesRef.current);
@@ -4664,32 +5513,32 @@ function GlitchgrabProviderInner({
     },
     [token, baseUrl, session]
   );
-  const openFeedbackDialog = (0, import_react4.useCallback)(() => {
+  const openFeedbackDialog = (0, import_react5.useCallback)(() => {
     if (typeof window !== "undefined") {
       window.dispatchEvent(
         new CustomEvent("glitchgrab:open-report", { detail: { type: "RATING" } })
       );
     }
   }, []);
-  const captureError2 = (0, import_react4.useCallback)(
+  const captureError2 = (0, import_react5.useCallback)(
     (error, options) => {
       captureError(error, options);
     },
     []
   );
-  const setContext2 = (0, import_react4.useCallback)((key, value) => {
+  const setContext2 = (0, import_react5.useCallback)((key, value) => {
     setContext(key, value);
   }, []);
-  const setContexts2 = (0, import_react4.useCallback)((values) => {
+  const setContexts2 = (0, import_react5.useCallback)((values) => {
     setContexts(values);
   }, []);
-  const addBreadcrumb2 = (0, import_react4.useCallback)(
+  const addBreadcrumb2 = (0, import_react5.useCallback)(
     (message, data) => {
       addBreadcrumb("custom", message, data);
     },
     []
   );
-  const enhance = (0, import_react4.useCallback)(
+  const enhance = (0, import_react5.useCallback)(
     async (text, screenshot) => {
       try {
         const ctx = captureContext(visitedPagesRef.current);
@@ -4705,7 +5554,27 @@ function GlitchgrabProviderInner({
     },
     [token, baseUrl]
   );
-  const transcribe = (0, import_react4.useCallback)(
+  const assist = (0, import_react5.useCallback)(
+    async (params) => {
+      var _a;
+      const ctx = captureContext(visitedPagesRef.current);
+      return assistTurn(
+        {
+          ...params,
+          context: {
+            ...(_a = params.context) != null ? _a : {},
+            url: ctx.url,
+            visitedPages: ctx.visitedPages.slice(-5),
+            breadcrumbs: ctx.breadcrumbs.slice(-25).map((b) => ({ type: b.type, message: b.message }))
+          }
+        },
+        token,
+        baseUrl
+      );
+    },
+    [token, baseUrl]
+  );
+  const transcribe = (0, import_react5.useCallback)(
     async (blob) => {
       try {
         return await transcribeAudio(blob, token, baseUrl);
@@ -4715,12 +5584,12 @@ function GlitchgrabProviderInner({
     },
     [token, baseUrl]
   );
-  const openReportDialog = (0, import_react4.useCallback)((options) => {
+  const openReportDialog = (0, import_react5.useCallback)((options) => {
     if (typeof window !== "undefined") {
       window.dispatchEvent(new CustomEvent("glitchgrab:open-report", { detail: options }));
     }
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     try {
       if (typeof document === "undefined") return;
       document.documentElement.setAttribute("data-glitchgrab-sdk", "1");
@@ -4728,10 +5597,11 @@ function GlitchgrabProviderInner({
     } catch (e) {
     }
   }, []);
-  const [projectName, setProjectName] = (0, import_react4.useState)(null);
-  const [bookingOpen, setBookingOpen] = (0, import_react4.useState)(false);
-  const openBookingDialog = (0, import_react4.useCallback)(() => setBookingOpen(true), []);
-  (0, import_react4.useEffect)(() => {
+  const [projectName, setProjectName] = (0, import_react5.useState)(null);
+  const [aiAssist, setAiAssist] = (0, import_react5.useState)(false);
+  const [bookingOpen, setBookingOpen] = (0, import_react5.useState)(false);
+  const openBookingDialog = (0, import_react5.useCallback)(() => setBookingOpen(true), []);
+  (0, import_react5.useEffect)(() => {
     let cancelled = false;
     fetch(`${baseUrl}/api/v1/sdk/project`, {
       headers: { Authorization: `Bearer ${token}` }
@@ -4739,13 +5609,14 @@ function GlitchgrabProviderInner({
       var _a;
       if (cancelled || !(json == null ? void 0 : json.success) || !((_a = json.data) == null ? void 0 : _a.name)) return;
       setProjectName(json.data.name);
+      setAiAssist(json.data.aiAssist === true);
     }).catch(() => {
     });
     return () => {
       cancelled = true;
     };
   }, [baseUrl, token]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     try {
       if (typeof window === "undefined") return;
       const handleKeyDown = (e) => {
@@ -4759,7 +5630,7 @@ function GlitchgrabProviderInner({
     } catch (e) {
     }
   }, [openReportDialog]);
-  const reporter = (0, import_react4.useMemo)(() => {
+  const reporter = (0, import_react5.useMemo)(() => {
     var _a;
     if (!session) return null;
     const avatar = (_a = session.avatarUrl) != null ? _a : session.image;
@@ -4769,11 +5640,11 @@ function GlitchgrabProviderInner({
       avatarUrl: typeof avatar === "string" ? avatar : null
     };
   }, [session]);
-  const [shortcutLabel, setShortcutLabel] = (0, import_react4.useState)(GLITCHGRAB_SHORTCUT2);
-  (0, import_react4.useEffect)(() => {
+  const [shortcutLabel, setShortcutLabel] = (0, import_react5.useState)(GLITCHGRAB_SHORTCUT2);
+  (0, import_react5.useEffect)(() => {
     setShortcutLabel(getShortcutLabel2());
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     GlitchgrabContext.Provider,
     {
       value: {
@@ -4793,7 +5664,7 @@ function GlitchgrabProviderInner({
         shortcutLabel
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           GlitchgrabErrorBoundary,
           {
             token,
@@ -4805,7 +5676,7 @@ function GlitchgrabProviderInner({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           BookingDialog,
           {
             token,
@@ -4814,19 +5685,20 @@ function GlitchgrabProviderInner({
             onClose: () => setBookingOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           ReportDialog,
           {
             report,
             sendFeedback: feedback,
             enhanceText: enhance,
+            assist: aiAssist ? assist : void 0,
             transcribeAudio: transcribe,
             types,
             showSeverity,
             reporter,
-            headerSlot: projectName ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
+            headerSlot: projectName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: 11, color: "#9aa0a6" }, children: [
               "Reporting to ",
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { style: { color: "#e5e5e5" }, children: projectName })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { style: { color: "#e5e5e5" }, children: projectName })
             ] }) : null
           }
         )
@@ -4835,21 +5707,21 @@ function GlitchgrabProviderInner({
   );
 }
 function GlitchgrabProvider(props) {
-  if (!props.token) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: props.children });
+  if (!props.token) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: props.children });
   const resolvedProps = {
     ...props,
     baseUrl: props.baseUrl || DEFAULT_BASE_URL2
   };
   try {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GlitchgrabProviderInner, { ...resolvedProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GlitchgrabProviderInner, { ...resolvedProps });
   } catch (e) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: props.children });
   }
 }
 
 // src/report-button.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function useGlitchgrabSafe() {
   try {
     return useGlitchgrab();
@@ -4864,7 +5736,7 @@ function ReportButton({
   children
 }) {
   var _a, _b;
-  const [capturing, setCapturing] = (0, import_react5.useState)(false);
+  const [capturing, setCapturing] = (0, import_react6.useState)(false);
   const glitchgrab = useGlitchgrabSafe();
   if (!glitchgrab) return null;
   const handleClick = async () => {
@@ -4873,7 +5745,7 @@ function ReportButton({
     setCapturing(false);
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: children({ onClick: handleClick, capturing }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children({ onClick: handleClick, capturing }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -4881,7 +5753,7 @@ function ReportButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "button",
     {
       type: "button",
@@ -4916,7 +5788,7 @@ function ReportButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "svg",
           {
             width: "16",
@@ -4924,7 +5796,7 @@ function ReportButton({
             viewBox: "0 0 16 16",
             fill: "none",
             style: { flexShrink: 0 },
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "path",
               {
                 d: "M8 1C4.134 1 1 4.134 1 8s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7zm0 12.5a.75.75 0 110-1.5.75.75 0 010 1.5zm.75-3.5a.75.75 0 01-1.5 0V5a.75.75 0 011.5 0v5z",
@@ -4940,15 +5812,15 @@ function ReportButton({
 }
 
 // src/book-demo-button.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function BookDemoButton({
   label = "Book a demo",
   className,
   children
 }) {
   const { openBookingDialog } = useGlitchgrab();
-  if (children) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: children({ onClick: openBookingDialog }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  if (children) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: children({ onClick: openBookingDialog }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       type: "button",
@@ -4970,7 +5842,7 @@ function BookDemoButton({
 }
 
 // src/feedback-button.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function useGlitchgrabSafe2() {
   try {
     return useGlitchgrab();
@@ -4989,7 +5861,7 @@ function FeedbackButton({
   if (!glitchgrab) return null;
   const handleClick = () => glitchgrab.openFeedbackDialog();
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: children({ onClick: handleClick }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: children({ onClick: handleClick }) });
   }
   const isTop = (_a = position == null ? void 0 : position.startsWith("top")) != null ? _a : false;
   const isLeft = (_b = position == null ? void 0 : position.endsWith("left")) != null ? _b : false;
@@ -4997,7 +5869,7 @@ function FeedbackButton({
     ...isLeft ? { left: "16px" } : { right: "16px" },
     ...isTop ? { top: "16px" } : { bottom: "16px" }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "button",
     {
       type: "button",
@@ -5030,7 +5902,7 @@ function FeedbackButton({
       },
       "aria-label": label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "svg",
           {
             width: "16",
@@ -5039,7 +5911,7 @@ function FeedbackButton({
             fill: "none",
             style: { flexShrink: 0 },
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "path",
               {
                 d: "M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3 1.1-6.5L2.6 9.3l6.5-.9L12 2.5z",
@@ -5055,18 +5927,18 @@ function FeedbackButton({
 }
 
 // src/use-reports.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var BASE_URL = "https://glitchgrab.dev";
 function useGlitchgrabReports({
   token,
   userId,
   limit = 100
 }) {
-  const [reports, setReports] = (0, import_react6.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const fetchReports = (0, import_react6.useCallback)(async () => {
+  const [reports, setReports] = (0, import_react7.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
+  const [isFetching, setIsFetching] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const fetchReports = (0, import_react7.useCallback)(async () => {
     var _a, _b;
     if (!token || !userId) {
       setIsLoading(false);
@@ -5092,7 +5964,7 @@ function useGlitchgrabReports({
       setIsFetching(false);
     }
   }, [token, userId, limit]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     fetchReports();
   }, [fetchReports]);
   return { reports, isLoading, isFetching, error, refetch: fetchReports };
@@ -5129,9 +6001,9 @@ function useGlitchgrabActions({
   onSuccess,
   onError
 }) {
-  const [isPending, setIsPending] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const run = (0, import_react6.useCallback)(
+  const [isPending, setIsPending] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const run = (0, import_react7.useCallback)(
     async (reportId, body) => {
       setIsPending(true);
       setError(null);
@@ -5161,7 +6033,7 @@ function useGlitchgrabActions({
 }
 
 // src/use-feedback.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 var DEFAULT_BASE_URL3 = "https://glitchgrab.dev";
 function buildUrl({
   approvedOnly,
@@ -5187,11 +6059,11 @@ async function fetchGlitchgrabFeedback(query) {
 }
 function useGlitchgrabFeedback(query) {
   const { token, approvedOnly, userId, minRating, limit, baseUrl } = query;
-  const [feedback, setFeedback] = (0, import_react7.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
-  const [isFetching, setIsFetching] = (0, import_react7.useState)(false);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const load = (0, import_react7.useCallback)(async () => {
+  const [feedback, setFeedback] = (0, import_react8.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react8.useState)(true);
+  const [isFetching, setIsFetching] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const load = (0, import_react8.useCallback)(async () => {
     if (!token) {
       setIsLoading(false);
       return;
@@ -5215,7 +6087,7 @@ function useGlitchgrabFeedback(query) {
       setIsFetching(false);
     }
   }, [token, approvedOnly, userId, minRating, limit, baseUrl]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     load();
   }, [load]);
   return { feedback, isLoading, isFetching, error, refetch: load };