glitchgrab 1.43.0 → 1.45.0

package/dist/index.js

@@ -693,7 +693,11 @@ async function sendFeedback(payload, baseUrl) {
     return null;
   }
 }
-async function enhanceText(text, token, baseUrl, screenshot, context) {
+function signedFields(identity) {
+  if (!(identity == null ? void 0 : identity.signature) || !identity.userId) return {};
+  return { userId: identity.userId, signature: identity.signature };
+}
+async function enhanceText(text, token, baseUrl, screenshot, context, identity) {
   var _a;
   try {
     const trimmed = text.trim();
@@ -708,7 +712,8 @@ async function enhanceText(text, token, baseUrl, screenshot, context) {
       body: JSON.stringify({
         text: trimmed,
         ...screenshot ? { screenshot } : {},
-        ...context ? { context } : {}
+        ...context ? { context } : {},
+        ...signedFields(identity)
       })
     });
     if (!response.ok) return text;
@@ -721,6 +726,26 @@ async function enhanceText(text, token, baseUrl, screenshot, context) {
     return text;
   }
 }
+async function findSimilarIssues(description, token, baseUrl, identity) {
+  var _a;
+  try {
+    const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/reports/similar`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify({ text: description, ...signedFields(identity) })
+    });
+    const envelope = await response.json().catch(() => null);
+    if (!response.ok || !(envelope == null ? void 0 : envelope.success)) return null;
+    if (!((_a = envelope.data) == null ? void 0 : _a.enabled)) return [];
+    return Array.isArray(envelope.data.matches) ? envelope.data.matches : [];
+  } catch (e) {
+    return null;
+  }
+}
 async function assistTurn(params, token, baseUrl) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const offline = {
@@ -745,7 +770,9 @@ async function assistTurn(params, token, baseUrl) {
         conversationId: null,
         question: null,
         report: null,
-        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded
+        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded,
+        // An hourly limit, not a cap: the dialog keeps the assistant button.
+        retryable: (envelope == null ? void 0 : envelope.retryable) === true
       };
     }
     return {
@@ -762,13 +789,18 @@ async function assistTurn(params, token, baseUrl) {
     return offline;
   }
 }
-async function transcribeAudio(blob, token, baseUrl) {
+async function transcribeAudio(blob, token, baseUrl, identity) {
   var _a;
   try {
     if (blob.size === 0) return "";
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/sdk/stt`;
     const form = new FormData();
     form.append("file", blob, "audio.webm");
+    const signed = signedFields(identity);
+    if (signed.userId && signed.signature) {
+      form.append("userId", signed.userId);
+      form.append("signature", signed.signature);
+    }
     const response = await fetch(url, {
       method: "POST",
       headers: { Authorization: `Bearer ${token}` },
@@ -1337,6 +1369,59 @@ var SEVERITY_LABELS = {
 };
 var MAX_ASSIST_IMAGES = 3;
 var MAX_ASSIST_IMAGE_CHARS = 35e5;
+var MAX_ASSIST_FILES = 3;
+var MAX_ASSIST_FILE_CHARS = 3e5;
+var MAX_ASSIST_FILE_CHARS_EACH = 2e5;
+var TEXT_ATTACHMENT_EXTENSIONS = [
+  ".html",
+  ".htm",
+  ".txt",
+  ".md",
+  ".json",
+  ".xml",
+  ".log",
+  ".yml",
+  ".yaml",
+  ".csv",
+  ".har",
+  ".js",
+  ".mjs",
+  ".cjs",
+  ".ts",
+  ".tsx",
+  ".jsx",
+  ".css",
+  ".scss",
+  ".py",
+  ".sh"
+];
+var BINARY_ATTACHMENT_EXTENSIONS = [".pdf", ".doc", ".docx", ".xls", ".xlsx", ".zip"];
+var ATTACHMENT_ACCEPT = [
+  "image/*",
+  ...TEXT_ATTACHMENT_EXTENSIONS,
+  ...BINARY_ATTACHMENT_EXTENSIONS
+].join(",");
+var ASSIST_ATTACHMENT_ACCEPT = ["image/*", ...TEXT_ATTACHMENT_EXTENSIONS].join(",");
+function isAssistReadableFile(name) {
+  const lower = name.toLowerCase();
+  return TEXT_ATTACHMENT_EXTENSIONS.some((ext) => lower.endsWith(ext));
+}
+function decodeTextDataUrl(dataUrl) {
+  try {
+    if (!dataUrl.startsWith("data:")) return null;
+    const comma = dataUrl.indexOf(",");
+    if (comma < 0) return null;
+    const meta = dataUrl.slice(5, comma);
+    const payload = dataUrl.slice(comma + 1);
+    if (!meta.endsWith(";base64")) return decodeURIComponent(payload);
+    const binary = atob(payload);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+    return new TextDecoder("utf-8").decode(bytes);
+  } catch (e) {
+    return null;
+  }
+}
 function getTypeLabel(type) {
   switch (type) {
     case "RATING":
@@ -1368,6 +1453,22 @@ function pickAssistImages(all) {
   }
   return picked;
 }
+var NO_FILES = [];
+function pickAssistFiles(files) {
+  const picked = [];
+  let total = 0;
+  for (let i = files.length - 1; i >= 0 && picked.length < MAX_ASSIST_FILES; i--) {
+    const attached = files[i];
+    if (!isAssistReadableFile(attached.name)) continue;
+    const text = decodeTextDataUrl(attached.dataUrl);
+    if (!text || !text.trim()) continue;
+    const content = text.slice(0, MAX_ASSIST_FILE_CHARS_EACH);
+    if (total + content.length > MAX_ASSIST_FILE_CHARS) continue;
+    picked.unshift({ index: i, file: { name: attached.name, content } });
+    total += content.length;
+  }
+  return picked;
+}
 var STARTERS = [
   "Something on this page is broken",
   "It did the wrong thing",
@@ -1444,7 +1545,9 @@ function AssistSheet({
   theme: t2,
   screenshots,
   pageShot = null,
-  onAddImages,
+  onAddFiles,
+  files = NO_FILES,
+  onRemoveFile,
   onRemoveImage,
   attachmentCount,
   context,
@@ -1515,6 +1618,8 @@ function AssistSheet({
     }
   }
   const readShots = new Set(pickAssistImages(screenshots));
+  const sentFiles = (0, import_react3.useMemo)(() => pickAssistFiles(files), [files]);
+  const readFiles = new Set(sentFiles.map((f) => f.index));
   function leave(type, detail) {
     logEvent(type, detail);
     flushEvents();
@@ -1528,10 +1633,10 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
-  function degradeKeepingEvents(events, message) {
+  function degradeKeepingEvents(events, message, retryable) {
     if (events) eventsRef.current = [...events, ...eventsRef.current];
     flushEvents();
-    onDegrade(message);
+    onDegrade(message, retryable);
   }
   async function runTurn(history2) {
     var _a, _b, _c, _d;
@@ -1549,6 +1654,9 @@ function AssistSheet({
         ),
         conversationId,
         screenshots: sent,
+        // Only when there is something: an older server then sees the body
+        // it always did.
+        ...sentFiles.length > 0 ? { files: sentFiles.map((f) => f.file) } : {},
         context: {
           ...context != null ? context : {},
           imageSources: sent.map((shot) => pageShot && shot === pageShot ? "page" : "attached"),
@@ -1568,7 +1676,7 @@ function AssistSheet({
       setBusy(false);
     }
     if (result.degraded) {
-      degradeKeepingEvents(events, result.degraded);
+      degradeKeepingEvents(events, result.degraded, result.retryable === true);
       return;
     }
     if (result.conversationId) {
@@ -1668,7 +1776,7 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: "#f59e0b", fontWeight: 600 }, children: title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
           title && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
@@ -2556,7 +2664,7 @@ function AssistSheet({
                         // instead of remounting, and a draft is something you can
                         // still reply to (#360), not a form that replaced the chat.
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                          (screenshots.length > 0 || onAddImages) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                             "div",
                             {
                               style: {
@@ -2660,11 +2768,118 @@ function AssistSheet({
                                     `${i}-${shot.slice(-16)}`
                                   );
                                 }),
-                                onAddImages && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                files.map((file, i) => {
+                                  const read = readFiles.has(i);
+                                  const why = read ? "the assistant reads this file" : isAssistReadableFile(file.name) ? "attached, but more than one message can carry, so the assistant is not reading it" : "attached to the report \u2014 the assistant can't read this kind of file";
+                                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                    "div",
+                                    {
+                                      "data-gg-assist-file": "",
+                                      "data-gg-assist-file-read": read ? "" : void 0,
+                                      title: `${file.name} \u2014 ${why}`,
+                                      style: {
+                                        position: "relative",
+                                        height: "40px",
+                                        maxWidth: "170px",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        gap: "6px",
+                                        padding: "0 10px",
+                                        borderRadius: "8px",
+                                        border: `1px solid ${read ? t2.accent : t2.inputBorder}`,
+                                        opacity: read ? 1 : 0.55,
+                                        boxSizing: "border-box",
+                                        flexShrink: 0
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "path",
+                                          {
+                                            d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
+                                            stroke: t2.textMuted,
+                                            strokeWidth: "1.5",
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round"
+                                          }
+                                        ) }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "span",
+                                          {
+                                            style: {
+                                              fontSize: "11.5px",
+                                              color: t2.text,
+                                              overflow: "hidden",
+                                              textOverflow: "ellipsis",
+                                              whiteSpace: "nowrap"
+                                            },
+                                            children: file.name
+                                          }
+                                        ),
+                                        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "button",
+                                          {
+                                            type: "button",
+                                            "data-gg-assist-remove-file": "",
+                                            "aria-label": `Remove file ${file.name}`,
+                                            title: "Remove this file",
+                                            onClick: () => {
+                                              logEvent("file_removed", read ? "read" : "not read");
+                                              onRemoveFile(i);
+                                            },
+                                            style: {
+                                              position: "absolute",
+                                              top: "-13px",
+                                              right: "-13px",
+                                              width: "32px",
+                                              height: "32px",
+                                              border: "none",
+                                              background: "transparent",
+                                              padding: 0,
+                                              cursor: "pointer",
+                                              display: "flex",
+                                              alignItems: "center",
+                                              justifyContent: "center",
+                                              borderRadius: "50%"
+                                            },
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                              "span",
+                                              {
+                                                "aria-hidden": "true",
+                                                style: {
+                                                  width: "20px",
+                                                  height: "20px",
+                                                  boxSizing: "border-box",
+                                                  borderRadius: "50%",
+                                                  border: `2px solid ${t2.bg}`,
+                                                  background: "#ef4444",
+                                                  color: "#fff",
+                                                  display: "flex",
+                                                  alignItems: "center",
+                                                  justifyContent: "center"
+                                                },
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                                  "path",
+                                                  {
+                                                    d: "M1 1L9 9M9 1L1 9",
+                                                    stroke: "currentColor",
+                                                    strokeWidth: "1.6",
+                                                    strokeLinecap: "round"
+                                                  }
+                                                ) })
+                                              }
+                                            )
+                                          }
+                                        )
+                                      ]
+                                    },
+                                    `file-${i}-${file.name}`
+                                  );
+                                }),
+                                onAddFiles && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                                   "label",
                                   {
                                     "data-gg-assist-attach": "",
-                                    title: "Attach an image \u2014 or just paste one",
+                                    title: "Attach an image or a file (html, json, log\u2026) \u2014 or paste one",
                                     style: {
                                       width: "40px",
                                       height: "40px",
@@ -2684,14 +2899,18 @@ function AssistSheet({
                                         "input",
                                         {
                                           type: "file",
-                                          accept: "image/*",
+                                          accept: ASSIST_ATTACHMENT_ACCEPT,
                                           multiple: true,
                                           onChange: (e) => {
                                             var _a;
-                                            const files = Array.from((_a = e.target.files) != null ? _a : []);
-                                            if (files.length) {
-                                              logEvent("image_added", String(files.length));
-                                              onAddImages(files);
+                                            const picked = Array.from((_a = e.target.files) != null ? _a : []);
+                                            if (picked.length) {
+                                              const images = picked.filter((f) => f.type.startsWith("image/")).length;
+                                              if (images) logEvent("image_added", String(images));
+                                              if (picked.length > images) {
+                                                logEvent("file_added", String(picked.length - images));
+                                              }
+                                              onAddFiles(picked);
                                             }
                                             e.target.value = "";
                                           },
@@ -2872,6 +3091,7 @@ function AssistSheet({
 }
 var FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
 var FAILED = "Couldn't send it. Try again in a moment.";
+var MAX_SELF_REPORT_IMAGES = 5;
 function describeSentAlong(hasChat, screenshotCount) {
   const parts = [
     ...hasChat ? ["your AI chat"] : [],
@@ -2895,11 +3115,49 @@ function GlitchgrabProblemPanel({
   const [busy, setBusy] = (0, import_react4.useState)(false);
   const [sent, setSent] = (0, import_react4.useState)(false);
   const [error, setError] = (0, import_react4.useState)(null);
+  const [images, setImages] = (0, import_react4.useState)(
+    () => screenshots.slice(0, MAX_SELF_REPORT_IMAGES)
+  );
   const inputRef = (0, import_react4.useRef)(null);
+  const fileRef = (0, import_react4.useRef)(null);
   (0, import_react4.useEffect)(() => {
     var _a;
     (_a = inputRef.current) == null ? void 0 : _a.focus();
   }, []);
+  const addImages = (0, import_react4.useCallback)((files) => {
+    const picked = files.filter((file) => file.type.startsWith("image/"));
+    if (!picked.length) return;
+    void Promise.all(picked.map((file) => encodeImageFile(file).catch(() => null))).then(
+      (encoded) => {
+        const added = encoded.filter((url) => !!url);
+        if (added.length) {
+          setImages((prev) => [...prev, ...added].slice(0, MAX_SELF_REPORT_IMAGES));
+        }
+      }
+    );
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    const onPaste = (e) => {
+      var _a;
+      try {
+        const items = (_a = e.clipboardData) == null ? void 0 : _a.items;
+        if (!items) return;
+        const files = [];
+        for (let i = 0; i < items.length; i++) {
+          if (items[i].kind !== "file") continue;
+          const file = items[i].getAsFile();
+          if (file) files.push(file);
+        }
+        if (!files.length) return;
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        addImages(files);
+      } catch (e2) {
+      }
+    };
+    window.addEventListener("paste", onPaste, true);
+    return () => window.removeEventListener("paste", onPaste, true);
+  }, [addImages]);
   (0, import_react4.useEffect)(() => {
     const onKey = (e) => {
       if (e.key !== "Escape") return;
@@ -2915,7 +3173,13 @@ function GlitchgrabProblemPanel({
     setBusy(true);
     setError(null);
     try {
-      const result = await send({ description, surface, conversationId, reportType, screenshots });
+      const result = await send({
+        description,
+        surface,
+        conversationId,
+        reportType,
+        screenshots: images
+      });
       if (result == null ? void 0 : result.success) setSent(true);
       else setError((result == null ? void 0 : result.message) || FAILED);
     } catch (e) {
@@ -3068,6 +3332,134 @@ function GlitchgrabProblemPanel({
                   }
                 }
               ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                "div",
+                {
+                  "data-gg-self-report-images": "",
+                  style: {
+                    display: "flex",
+                    flexWrap: "wrap",
+                    alignItems: "center",
+                    gap: "8px",
+                    marginTop: "10px"
+                  },
+                  children: [
+                    images.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative", width: "48px", height: "48px" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "img",
+                        {
+                          src,
+                          alt: `Screenshot ${i + 1}`,
+                          style: {
+                            width: "100%",
+                            height: "100%",
+                            objectFit: "cover",
+                            display: "block",
+                            boxSizing: "border-box",
+                            borderRadius: "8px",
+                            border: `1px solid ${t2.inputBorder}`
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "data-gg-self-report-remove-image": "",
+                          "aria-label": `Remove screenshot ${i + 1}`,
+                          title: "Don't send this one",
+                          onClick: () => setImages((prev) => prev.filter((_, j) => j !== i)),
+                          style: {
+                            position: "absolute",
+                            top: "-13px",
+                            right: "-13px",
+                            width: "32px",
+                            height: "32px",
+                            border: "none",
+                            background: "transparent",
+                            padding: 0,
+                            cursor: "pointer",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            borderRadius: "50%"
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              style: {
+                                width: "20px",
+                                height: "20px",
+                                boxSizing: "border-box",
+                                borderRadius: "50%",
+                                border: `2px solid ${t2.bg}`,
+                                background: "#ef4444",
+                                color: "#fff",
+                                display: "flex",
+                                alignItems: "center",
+                                justifyContent: "center"
+                              },
+                              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "8", height: "8", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                "path",
+                                {
+                                  d: "M1 1L9 9M9 1L1 9",
+                                  stroke: "currentColor",
+                                  strokeWidth: "1.6",
+                                  strokeLinecap: "round"
+                                }
+                              ) })
+                            }
+                          )
+                        }
+                      )
+                    ] }, i)),
+                    images.length < MAX_SELF_REPORT_IMAGES && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        "data-gg-self-report-attach": "",
+                        "aria-label": "Add screenshot",
+                        title: "Add a screenshot \u2014 or paste one",
+                        onClick: () => {
+                          var _a;
+                          return (_a = fileRef.current) == null ? void 0 : _a.click();
+                        },
+                        style: {
+                          height: "48px",
+                          padding: "0 12px",
+                          boxSizing: "border-box",
+                          borderRadius: "8px",
+                          border: `1px dashed ${t2.inputBorder}`,
+                          background: "transparent",
+                          color: t2.textMuted,
+                          fontSize: "12.5px",
+                          fontWeight: 600,
+                          fontFamily: "inherit",
+                          cursor: "pointer"
+                        },
+                        children: images.length >= 3 ? "+ Add" : "+ Add screenshot"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      "input",
+                      {
+                        ref: fileRef,
+                        type: "file",
+                        accept: "image/*",
+                        multiple: true,
+                        "data-gg-self-report-file": "",
+                        onChange: (e) => {
+                          var _a;
+                          addImages(Array.from((_a = e.target.files) != null ? _a : []));
+                          e.target.value = "";
+                        },
+                        style: { display: "none" }
+                      }
+                    )
+                  ]
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                 "p",
                 {
@@ -3076,7 +3468,7 @@ function GlitchgrabProblemPanel({
                   children: [
                     "Also sent, so we can see what happened:",
                     " ",
-                    describeSentAlong(conversationId !== null, screenshots.length),
+                    describeSentAlong(conversationId !== null, images.length),
                     "."
                   ]
                 }
@@ -3117,38 +3509,6 @@ function isMac() {
 function getShortcutLabel() {
   return isMac() ? GLITCHGRAB_SHORTCUT_MAC : GLITCHGRAB_SHORTCUT;
 }
-var ATTACHMENT_ACCEPT = [
-  "image/*",
-  // text — inlined into the issue body
-  ".html",
-  ".htm",
-  ".txt",
-  ".md",
-  ".json",
-  ".xml",
-  ".log",
-  ".yml",
-  ".yaml",
-  ".csv",
-  ".har",
-  ".js",
-  ".mjs",
-  ".cjs",
-  ".ts",
-  ".tsx",
-  ".jsx",
-  ".css",
-  ".scss",
-  ".py",
-  ".sh",
-  // binary documents
-  ".pdf",
-  ".doc",
-  ".docx",
-  ".xls",
-  ".xlsx",
-  ".zip"
-].join(",");
 var MAX_SCALE = 2;
 var FRAME_TIMEOUT_MS = 3e3;
 var GRAB_TIMEOUT_MS = FRAME_TIMEOUT_MS + 2e3;
@@ -3292,6 +3652,27 @@ function captureDefaultScreenshot(options) {
 }
 var SEVERITY_REQUIRED = "Pick how bad it is before sending.";
 var SHOT_WAIT_MS = 3e3;
+var SIMILAR_WAIT_MS = 2500;
+var MAX_SIMILAR_SHOWN = 3;
+function ButtonSpinner() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      style: {
+        display: "inline-block",
+        width: "11px",
+        height: "11px",
+        marginRight: "6px",
+        verticalAlign: "-1px",
+        border: "2px solid currentColor",
+        borderRightColor: "transparent",
+        borderRadius: "50%",
+        animation: "gg-spin .7s linear infinite"
+      }
+    }
+  );
+}
 function detectDark() {
   if (typeof window === "undefined") return true;
   try {
@@ -3598,6 +3979,7 @@ function ReportDialog({
   sendFeedback: sendFeedback2,
   enhanceText: enhanceText2,
   assist,
+  findSimilarIssues: findSimilarIssues2,
   assistContext = null,
   transcribeAudio: transcribeAudio2,
   types,
@@ -3617,6 +3999,11 @@ function ReportDialog({
   const [selfReportPrefill, setSelfReportPrefill] = (0, import_react.useState)("");
   const [typeChosen, setTypeChosen] = (0, import_react.useState)(false);
   const [duplicateIssueNumber, setDuplicateIssueNumber] = (0, import_react.useState)(null);
+  const [similarIssues, setSimilarIssues] = (0, import_react.useState)(null);
+  const [checkingSimilar, setCheckingSimilar] = (0, import_react.useState)(false);
+  const [attachingTo, setAttachingTo] = (0, import_react.useState)(null);
+  const [pickedSimilar, setPickedSimilar] = (0, import_react.useState)(null);
+  const [addedToIssue, setAddedToIssue] = (0, import_react.useState)(null);
   const [aiConversationId, setAiConversationId] = (0, import_react.useState)(null);
   const [isEnhanced, setIsEnhanced] = (0, import_react.useState)(false);
   const [originalDescription, setOriginalDescription] = (0, import_react.useState)(
@@ -4047,6 +4434,10 @@ function ReportDialog({
     setReportType("BUG");
     setTypeChosen(false);
     setDuplicateIssueNumber(null);
+    setSimilarIssues(null);
+    setPickedSimilar(null);
+    setCheckingSimilar(false);
+    setAttachingTo(null);
     setSeverity(null);
     setValidationError(null);
     setSelfReportFrom(null);
@@ -4234,7 +4625,8 @@ function ReportDialog({
       stopListeningAndTranscribe();
     }
   };
-  const handleSubmit = async () => {
+  const handleSubmit = async (opts) => {
+    var _a2;
     try {
       if (isSubmitting) return;
       if (isRating) {
@@ -4271,6 +4663,22 @@ function ReportDialog({
         setStep(2);
         return;
       }
+      const duplicateOf = (_a2 = opts == null ? void 0 : opts.duplicateOf) != null ? _a2 : duplicateIssueNumber;
+      if (findSimilarIssues2 && !(opts == null ? void 0 : opts.skipSimilar) && !duplicateOf && !aiConversationId) {
+        setIsSubmitting(true);
+        setCheckingSimilar(true);
+        const matches = await Promise.race([
+          findSimilarIssues2(description.trim()).catch(() => null),
+          new Promise((resolve) => setTimeout(() => resolve(null), SIMILAR_WAIT_MS))
+        ]);
+        setCheckingSimilar(false);
+        if (matches && matches.length > 0) {
+          setSimilarIssues(matches.slice(0, MAX_SIMILAR_SHOWN));
+          setPickedSimilar(null);
+          setIsSubmitting(false);
+          return;
+        }
+      }
       setIsSubmitting(true);
       let shots = screenshots;
       const pending = pendingShotRef.current;
@@ -4289,8 +4697,8 @@ function ReportDialog({
       if (showSeverity && reportType === "BUG" && severity) {
         metadata.severity = severity;
       }
-      if (duplicateIssueNumber) {
-        metadata.duplicateIssueNumber = String(duplicateIssueNumber);
+      if (duplicateOf) {
+        metadata.duplicateIssueNumber = String(duplicateOf);
       }
       if (aiConversationId) {
         metadata.aiConversationId = aiConversationId;
@@ -4303,20 +4711,26 @@ function ReportDialog({
         Object.keys(metadata).length > 0 ? metadata : void 0
       );
       if (result) {
+        setAddedToIssue(duplicateOf && result.issueNumber === duplicateOf ? duplicateOf : null);
         setSubmitted(true);
         setDescription("");
         setScreenshots([]);
         setAttachments([]);
         setAiConversationId(null);
         setDuplicateIssueNumber(null);
+        setSimilarIssues(null);
+        setPickedSimilar(null);
         setTimeout(() => {
           setSubmitted(false);
           handleClose();
         }, 2e3);
       }
       setIsSubmitting(false);
+      setAttachingTo(null);
     } catch (e) {
       setIsSubmitting(false);
+      setCheckingSimilar(false);
+      setAttachingTo(null);
     }
   };
   if (!mounted) return null;
@@ -4324,6 +4738,7 @@ function ReportDialog({
     isOpen && (0, import_react_dom.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: `
           @keyframes gg-pulse{0%,100%{opacity:1}50%{opacity:0.35}}
+          @keyframes gg-spin{to{transform:rotate(360deg)}}
           @keyframes gg-b1{0%,100%{height:3px}40%{height:13px}}
           @keyframes gg-b2{0%,100%{height:8px}50%{height:3px}}
           @keyframes gg-b3{0%,100%{height:4px}30%{height:14px}70%{height:5px}}
@@ -4608,7 +5023,7 @@ function ReportDialog({
                       flex: "1 1 auto",
                       minHeight: 0
                     },
-                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    children: submitted ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "div",
                       {
                         style: {
@@ -4618,10 +5033,7 @@ function ReportDialog({
                           fontSize: "14px",
                           fontWeight: 500
                         },
-                        children: [
-                          getTypeLabel(reportType),
-                          " sent. Thank you!"
-                        ]
+                        children: addedToIssue ? `Added to #${addedToIssue}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
                       }
                     ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                       step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
@@ -5846,11 +6258,194 @@ function ReportDialog({
                             children: validationError
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        similarIssues ? (
+                          // Same visual language as the assistant's "Our team is
+                          // already on this" card, so both routes to a duplicate
+                          // read as one feature.
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                            "div",
+                            {
+                              "data-gg-similar": "",
+                              style: {
+                                marginTop: "12px",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "10px",
+                                padding: "12px",
+                                borderRadius: "10px",
+                                border: "1px solid rgba(245,158,11,0.4)",
+                                backgroundColor: "rgba(245,158,11,0.08)"
+                              },
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches \u2014 your report is added to it, so the team sees everyone hitting it in one place." : "If it's the same problem, pick it \u2014 your report is added to it, so the team sees everyone hitting it in one place." })
+                                ] }),
+                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  "div",
+                                  {
+                                    role: "radiogroup",
+                                    "aria-label": "Existing issues",
+                                    style: { display: "flex", flexDirection: "column", gap: "6px" },
+                                    children: similarIssues.map((issue) => {
+                                      const picked = pickedSimilar === issue.number;
+                                      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                        "button",
+                                        {
+                                          type: "button",
+                                          role: "radio",
+                                          "aria-checked": picked,
+                                          disabled: isSubmitting,
+                                          onClick: () => setPickedSimilar(issue.number),
+                                          style: {
+                                            display: "flex",
+                                            alignItems: "flex-start",
+                                            gap: "10px",
+                                            width: "100%",
+                                            minHeight: "44px",
+                                            padding: "9px 10px",
+                                            borderRadius: "8px",
+                                            border: `1px solid ${picked ? t2.accent : t2.border}`,
+                                            boxShadow: picked ? `0 0 0 1px ${t2.accent}` : "none",
+                                            backgroundColor: t2.bg,
+                                            color: t2.text,
+                                            textAlign: "left",
+                                            cursor: isSubmitting ? "not-allowed" : "pointer",
+                                            fontFamily: "inherit"
+                                          },
+                                          children: [
+                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                              "span",
+                                              {
+                                                "aria-hidden": "true",
+                                                style: {
+                                                  flexShrink: 0,
+                                                  marginTop: "2px",
+                                                  width: "14px",
+                                                  height: "14px",
+                                                  boxSizing: "border-box",
+                                                  borderRadius: "50%",
+                                                  border: `2px solid ${picked ? t2.accent : t2.textMuted}`,
+                                                  backgroundColor: picked ? t2.accent : "transparent",
+                                                  boxShadow: picked ? `inset 0 0 0 2px ${t2.bg}` : "none"
+                                                }
+                                              }
+                                            ),
+                                            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                              "span",
+                                              {
+                                                style: {
+                                                  display: "flex",
+                                                  flexDirection: "column",
+                                                  gap: "3px",
+                                                  minWidth: 0
+                                                },
+                                                children: [
+                                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                                                    "span",
+                                                    {
+                                                      title: issue.title,
+                                                      style: {
+                                                        fontSize: "12.5px",
+                                                        lineHeight: 1.45,
+                                                        wordBreak: "break-word",
+                                                        overflow: "hidden",
+                                                        display: "-webkit-box",
+                                                        WebkitLineClamp: 3,
+                                                        WebkitBoxOrient: "vertical"
+                                                      },
+                                                      children: [
+                                                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { color: t2.textMuted, fontWeight: 600 }, children: [
+                                                          "#",
+                                                          issue.number
+                                                        ] }),
+                                                        " ",
+                                                        issue.title
+                                                      ]
+                                                    }
+                                                  ),
+                                                  issue.status && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: issue.status })
+                                                ]
+                                              }
+                                            )
+                                          ]
+                                        },
+                                        issue.number
+                                      );
+                                    })
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    disabled: isSubmitting || !pickedSimilar,
+                                    onClick: () => {
+                                      if (!pickedSimilar) return;
+                                      setAttachingTo(pickedSimilar);
+                                      setDuplicateIssueNumber(pickedSimilar);
+                                      void handleSubmit({ duplicateOf: pickedSimilar });
+                                    },
+                                    style: {
+                                      width: "100%",
+                                      minHeight: "40px",
+                                      padding: "10px",
+                                      borderRadius: "8px",
+                                      border: "none",
+                                      backgroundColor: isSubmitting || !pickedSimilar ? t2.bgSecondary : t2.accent,
+                                      color: isSubmitting || !pickedSimilar ? t2.textMuted : t2.accentText,
+                                      fontSize: "14px",
+                                      fontWeight: 600,
+                                      cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
+                                      fontFamily: "inherit"
+                                    },
+                                    children: typeof attachingTo === "number" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                      "Adding to #",
+                                      attachingTo,
+                                      "\u2026"
+                                    ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    disabled: isSubmitting,
+                                    onClick: () => {
+                                      setAttachingTo("new");
+                                      void handleSubmit({ skipSimilar: true });
+                                    },
+                                    style: {
+                                      width: "100%",
+                                      minHeight: "40px",
+                                      marginTop: "-4px",
+                                      padding: "8px",
+                                      borderRadius: "8px",
+                                      border: "none",
+                                      backgroundColor: "transparent",
+                                      color: isSubmitting ? t2.textMuted : t2.text,
+                                      fontSize: "13px",
+                                      fontWeight: 500,
+                                      textDecoration: "underline",
+                                      textUnderlineOffset: "3px",
+                                      cursor: isSubmitting ? "not-allowed" : "pointer",
+                                      fontFamily: "inherit"
+                                    },
+                                    children: attachingTo === "new" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                      "Sending as new\u2026"
+                                    ] }) : "No, mine is different \u2014 send as new"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                           "button",
                           {
                             type: "button",
-                            onClick: handleSubmit,
+                            onClick: () => void handleSubmit(),
                             disabled: submitDisabled,
                             style: {
                               marginTop: "12px",
@@ -5866,7 +6461,10 @@ function ReportDialog({
                               fontFamily: "inherit",
                               transition: "background-color 0.15s ease"
                             },
-                            children: isSubmitting ? shotPending && !isRating ? "Attaching screenshot\u2026" : "Sending..." : isRating ? "Send Rating" : "Send Report"
+                            children: checkingSimilar ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                              "Checking for existing reports\u2026"
+                            ] }) : isSubmitting ? shotPending && !isRating ? "Attaching screenshot\u2026" : "Sending..." : isRating ? "Send Rating" : "Send Report"
                           }
                         )
                       ] })
@@ -6140,8 +6738,10 @@ function ReportDialog({
         theme: layerTheme,
         screenshots,
         pageShot,
-        onAddImages: addFiles,
+        onAddFiles: addFiles,
         onRemoveImage: (index) => setScreenshots((prev) => prev.filter((_, i) => i !== index)),
+        files: attachments,
+        onRemoveFile: (index) => setAttachments((prev) => prev.filter((_, i) => i !== index)),
         attachmentCount: screenshots.length + attachments.length,
         context: { ...assistContext != null ? assistContext : {}, reportType },
         reportTypeLabel: getTypeLabel(reportType),
@@ -6178,14 +6778,14 @@ function ReportDialog({
         severityRefused: needsSeverity,
         isSubmitting,
         submitted,
-        onSend: () => void handleSubmit(),
+        onSend: () => void handleSubmit({ skipSimilar: true }),
         onReportGlitchgrabProblem: reportGlitchgrabProblem ? (prefill) => {
           setSelfReportPrefill(prefill != null ? prefill : "");
           setSelfReportFrom("assist");
         } : void 0,
-        onDegrade: (message) => {
+        onDegrade: (message, retryable) => {
           setAssistOpen(false);
-          setAssistUsed(true);
+          if (!retryable) setAssistUsed(true);
           setAssistNotice(message);
         },
         onClose: () => {
@@ -7203,6 +7803,12 @@ function GlitchgrabProviderInner({
     },
     []
   );
+  const signedUserId = session == null ? void 0 : session.userId;
+  const signature = typeof (session == null ? void 0 : session.signature) === "string" ? session.signature : null;
+  const identity = (0, import_react6.useMemo)(
+    () => ({ userId: signedUserId != null ? signedUserId : null, signature }),
+    [signedUserId, signature]
+  );
   const enhance = (0, import_react6.useCallback)(
     async (text, screenshot) => {
       try {
@@ -7212,12 +7818,12 @@ function GlitchgrabProviderInner({
           visitedPages: ctx.visitedPages.slice(-5),
           breadcrumbs: ctx.breadcrumbs.slice(-10).map((b) => ({ type: b.type, message: b.message }))
         };
-        return await enhanceText(text, token, baseUrl, screenshot, context);
+        return await enhanceText(text, token, baseUrl, screenshot, context, identity);
       } catch (e) {
         return text;
       }
     },
-    [token, baseUrl]
+    [token, baseUrl, identity]
   );
   const assist = (0, import_react6.useCallback)(
     async (params) => {
@@ -7230,7 +7836,8 @@ function GlitchgrabProviderInner({
           reporter: session ? {
             key: session.userId,
             name: session.name ? String(session.name) : null,
-            email: session.email ? String(session.email) : null
+            email: session.email ? String(session.email) : null,
+            ...signature ? { signature } : {}
           } : void 0,
           context: {
             ...(_a = params.context) != null ? _a : {},
@@ -7245,15 +7852,19 @@ function GlitchgrabProviderInner({
     },
     [token, baseUrl, session]
   );
+  const findSimilar = (0, import_react6.useCallback)(
+    (description) => findSimilarIssues(description, token, baseUrl, identity),
+    [token, baseUrl, identity]
+  );
   const transcribe = (0, import_react6.useCallback)(
     async (blob) => {
       try {
-        return await transcribeAudio(blob, token, baseUrl);
+        return await transcribeAudio(blob, token, baseUrl, identity);
       } catch (e) {
         return "";
       }
     },
-    [token, baseUrl]
+    [token, baseUrl, identity]
   );
   const openReportDialog = (0, import_react6.useCallback)((options) => {
     if (typeof window !== "undefined") {
@@ -7271,6 +7882,8 @@ function GlitchgrabProviderInner({
   const [projectName, setProjectName] = (0, import_react6.useState)(null);
   const [aiAssist, setAiAssist] = (0, import_react6.useState)(false);
   const [glitchgrabReport, setGlitchgrabReport] = (0, import_react6.useState)(false);
+  const [signedUsers, setSignedUsers] = (0, import_react6.useState)("OFF");
+  const aiBlockedUnsigned = signedUsers === "ENFORCE" && !signature;
   const [bookingOpen, setBookingOpen] = (0, import_react6.useState)(false);
   const openBookingDialog = (0, import_react6.useCallback)(() => setBookingOpen(true), []);
   (0, import_react6.useEffect)(() => {
@@ -7283,12 +7896,25 @@ function GlitchgrabProviderInner({
       setProjectName(json.data.name);
       setAiAssist(json.data.aiAssist === true);
       setGlitchgrabReport(json.data.glitchgrabReport === true);
+      const mode = json.data.signedUsers;
+      setSignedUsers(mode === "WARN" || mode === "ENFORCE" ? mode : "OFF");
     }).catch(() => {
     });
     return () => {
       cancelled = true;
     };
   }, [baseUrl, token]);
+  (0, import_react6.useEffect)(() => {
+    var _a;
+    try {
+      if (signedUsers === "OFF" || signature || !session) return;
+      if (typeof process === "undefined" || ((_a = process.env) == null ? void 0 : _a.NODE_ENV) !== "development") return;
+      console.warn(
+        signedUsers === "ENFORCE" ? '[glitchgrab] This project enforces signed users and `session.signature` is missing \u2014 AI features are hidden. Sign it on your server with signSession() from "glitchgrab/server".' : '[glitchgrab] This project warns on unsigned users and `session.signature` is missing. Sign it on your server with signSession() from "glitchgrab/server" before the owner switches to Enforce.'
+      );
+    } catch (e) {
+    }
+  }, [signedUsers, signature, session]);
   (0, import_react6.useEffect)(() => {
     try {
       if (typeof window === "undefined") return;
@@ -7363,10 +7989,11 @@ function GlitchgrabProviderInner({
           {
             report,
             sendFeedback: feedback,
-            enhanceText: enhance,
-            assist: aiAssist ? assist : void 0,
+            enhanceText: aiAssist && !aiBlockedUnsigned ? enhance : void 0,
+            assist: aiAssist && !aiBlockedUnsigned ? assist : void 0,
+            findSimilarIssues: aiAssist && !aiBlockedUnsigned ? findSimilar : void 0,
             reportGlitchgrabProblem: glitchgrabReport ? reportGlitchgrabProblem : void 0,
-            transcribeAudio: transcribe,
+            transcribeAudio: aiBlockedUnsigned ? void 0 : transcribe,
             types,
             showSeverity,
             reporter,