glitchgrab 1.58.0 → 1.58.2

package/dist/index.js

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   BookDemoButton: () => BookDemoButton,
+  BookingDialog: () => BookingDialog,
   FeedbackButton: () => FeedbackButton,
   GLITCHGRAB_SHORTCUT: () => GLITCHGRAB_SHORTCUT2,
   GLITCHGRAB_SHORTCUT_MAC: () => GLITCHGRAB_SHORTCUT_MAC2,
@@ -647,6 +648,9 @@ function contextMetadata(context) {
 var DEFAULT_BASE_URL = "https://glitchgrab.dev";
 var MAX_RETRIES = 3;
 var RETRY_BASE_MS = 500;
+function reportAttemptTimeoutMs(bodyLength) {
+  return 1e4 + Math.ceil(bodyLength / 1e5) * 1e3;
+}
 async function sendReport(payload, baseUrl) {
   var _a;
   try {
@@ -657,13 +661,18 @@ async function sendReport(payload, baseUrl) {
       Authorization: `Bearer ${payload.token}`
     };
     const useKeepalive = body.length < 6e4;
+    const timeoutMs = reportAttemptTimeoutMs(body.length);
     for (let attempt = 0; attempt < MAX_RETRIES; attempt++) {
+      const isLast = attempt === MAX_RETRIES - 1;
+      const controller = !isLast && typeof AbortController === "function" ? new AbortController() : null;
+      const timer = controller ? setTimeout(() => controller.abort(), timeoutMs) : null;
       try {
         const response = await fetch(url, {
           method: "POST",
           headers,
           body,
-          ...useKeepalive ? { keepalive: true } : {}
+          ...useKeepalive ? { keepalive: true } : {},
+          ...controller ? { signal: controller.signal } : {}
         });
         if (response.ok) {
           const envelope = await response.json();
@@ -673,6 +682,8 @@ async function sendReport(payload, baseUrl) {
           return null;
         }
       } catch (e) {
+      } finally {
+        if (timer) clearTimeout(timer);
       }
       if (attempt < MAX_RETRIES - 1) {
         await new Promise(
@@ -789,7 +800,7 @@ async function enhanceText(text, token, baseUrl, screenshot, context, identity)
     return text;
   }
 }
-async function findSimilarIssues(description, token, baseUrl, identity) {
+async function findSimilarIssues(description, token, baseUrl, identity, files) {
   var _a;
   try {
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/reports/similar`;
@@ -799,7 +810,11 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
         "Content-Type": "application/json",
         Authorization: `Bearer ${token}`
       },
-      body: JSON.stringify({ text: description, ...signedFields(identity) })
+      body: JSON.stringify({
+        text: description,
+        ...(files == null ? void 0 : files.length) ? { files } : {},
+        ...signedFields(identity)
+      })
     });
     const envelope = await response.json().catch(() => null);
     if (!response.ok || !(envelope == null ? void 0 : envelope.success)) return null;
@@ -809,6 +824,25 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
     return null;
   }
 }
+async function readAttachment(file, token, baseUrl, identity) {
+  var _a;
+  try {
+    const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/read-file`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`
+      },
+      body: JSON.stringify({ name: file.name, data: file.dataUrl, ...signedFields(identity) })
+    });
+    const envelope = await response.json().catch(() => null);
+    if (!response.ok || !(envelope == null ? void 0 : envelope.success) || !((_a = envelope.data) == null ? void 0 : _a.enabled)) return null;
+    return typeof envelope.data.text === "string" ? envelope.data.text : null;
+  } catch (e) {
+    return null;
+  }
+}
 async function assistTurn(params, token, baseUrl) {
   const offline = assistOffline();
   try {
@@ -1410,6 +1444,9 @@ 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 MAX_SIMILAR_FILE_CHARS = 2e4;
+var MAX_SIMILAR_FILES_TOTAL_CHARS = 4e4;
+var MAX_READABLE_PDF_BYTES = 3 * 1024 * 1024;
 var TEXT_ATTACHMENT_EXTENSIONS = [
   ".html",
   ".htm",
@@ -1440,6 +1477,10 @@ var ATTACHMENT_ACCEPT = [
   ...BINARY_ATTACHMENT_EXTENSIONS
 ].join(",");
 var ASSIST_ATTACHMENT_ACCEPT = ["image/*", ...TEXT_ATTACHMENT_EXTENSIONS].join(",");
+var ASSIST_ATTACHMENT_ACCEPT_WITH_PDF = [ASSIST_ATTACHMENT_ACCEPT, ".pdf"].join(",");
+function isPdfFile(name) {
+  return name.toLowerCase().endsWith(".pdf");
+}
 function isAssistReadableFile(name) {
   const lower = name.toLowerCase();
   return TEXT_ATTACHMENT_EXTENSIONS.some((ext) => lower.endsWith(ext));
@@ -1460,6 +1501,27 @@ function decodeTextDataUrl(dataUrl) {
     return null;
   }
 }
+function heldFileKey(file) {
+  return `${file.name}:${file.size}`;
+}
+function heldFileText(file) {
+  if (isPdfFile(file.name)) return typeof file.text === "string" && file.text.trim() ? file.text : null;
+  if (!isAssistReadableFile(file.name)) return null;
+  const text = decodeTextDataUrl(file.dataUrl);
+  return text && text.trim() ? text : null;
+}
+function filesForSimilar(files, each, total) {
+  const picked = [];
+  let used = 0;
+  for (let i = files.length - 1; i >= 0 && used < total; i--) {
+    const text = heldFileText(files[i]);
+    if (!text) continue;
+    const content = text.slice(0, Math.min(each, total - used));
+    picked.unshift({ name: files[i].name, content });
+    used += content.length;
+  }
+  return picked;
+}
 function getTypeLabel(type) {
   switch (type) {
     case "RATING":
@@ -1903,9 +1965,8 @@ function pickAssistFiles(files) {
   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 text = heldFileText(attached);
+    if (!text) 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 } });
@@ -2002,6 +2063,7 @@ function AssistSheet({
   pageShot = null,
   onAddFiles,
   files = NO_FILES,
+  canReadPdf = false,
   onRemoveFile,
   onRemoveImage,
   attachmentCount,
@@ -2029,6 +2091,8 @@ function AssistSheet({
   isSubmitting,
   submitted,
   onSend,
+  similarSlot,
+  submittedText,
   onDegrade,
   onClose,
   onFinish,
@@ -2052,6 +2116,7 @@ function AssistSheet({
   const [autoFileLeft, setAutoFileLeft] = (0, import_react3.useState)(null);
   const scrollRef = (0, import_react3.useRef)(null);
   const draftRef = (0, import_react3.useRef)(null);
+  const composerRef = (0, import_react3.useRef)(null);
   const seededRef = (0, import_react3.useRef)(false);
   const seedPendingRef = (0, import_react3.useRef)(false);
   const eventsRef = (0, import_react3.useRef)([]);
@@ -2093,6 +2158,12 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  (0, import_react3.useEffect)(() => {
+    const el = composerRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight + 2}px`;
+  }, [input]);
   (0, import_react3.useEffect)(() => {
     if (autoFileLeft === null) return;
     if (isSubmitting || submitted || phase !== "draft") {
@@ -2319,6 +2390,7 @@ function AssistSheet({
         @keyframes gg-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
         @keyframes gg-sheet-fade{from{opacity:0}to{opacity:1}}
         @keyframes gg-autofile{from{transform:scaleX(0)}to{transform:scaleX(1)}}
+        @keyframes gg-spin{to{transform:rotate(360deg)}}
         @keyframes gg-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}
         [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible,[data-gg-stop-auto-file]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
       ` }),
@@ -3193,7 +3265,7 @@ function AssistSheet({
                               }
                             )
                           ] }),
-                          submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                          submitted && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                             "div",
                             {
                               style: {
@@ -3203,10 +3275,7 @@ function AssistSheet({
                                 fontSize: "14px",
                                 fontWeight: 600
                               },
-                              children: [
-                                reportTypeLabel,
-                                " sent. Thank you!"
-                              ]
+                              children: submittedText != null ? submittedText : `${reportTypeLabel} sent. Thank you!`
                             }
                           )
                         ]
@@ -3272,342 +3341,363 @@ 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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                          (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                            "div",
-                            {
-                              style: {
-                                display: "flex",
-                                gap: "8px",
-                                alignItems: "center",
-                                flexWrap: "wrap",
-                                marginBottom: "8px"
-                              },
-                              children: [
-                                screenshots.map((shot, i) => {
-                                  const read = readShots.has(shot);
-                                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                                    "div",
-                                    {
-                                      style: {
-                                        position: "relative",
-                                        width: "40px",
-                                        height: "40px",
-                                        flexShrink: 0
-                                      },
-                                      children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                          "img",
-                                          {
-                                            src: shot,
-                                            alt: read ? "Attached image the assistant reads" : "Attached image",
-                                            "data-gg-assist-thumb": "",
-                                            style: {
-                                              display: "block",
-                                              width: "100%",
-                                              height: "100%",
-                                              objectFit: "cover",
-                                              borderRadius: "8px",
-                                              border: `1px solid ${read ? t.accent : t.inputBorder}`,
-                                              opacity: read ? 1 : 0.45,
-                                              boxSizing: "border-box"
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: similarSlot ? "none" : "contents" }, children: [
+                            (screenshots.length > 0 || files.length > 0 || onAddFiles) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  gap: "8px",
+                                  alignItems: "center",
+                                  flexWrap: "wrap",
+                                  marginBottom: "8px"
+                                },
+                                children: [
+                                  screenshots.map((shot, i) => {
+                                    const read = readShots.has(shot);
+                                    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                                      "div",
+                                      {
+                                        style: {
+                                          position: "relative",
+                                          width: "40px",
+                                          height: "40px",
+                                          flexShrink: 0
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "img",
+                                            {
+                                              src: shot,
+                                              alt: read ? "Attached image the assistant reads" : "Attached image",
+                                              "data-gg-assist-thumb": "",
+                                              style: {
+                                                display: "block",
+                                                width: "100%",
+                                                height: "100%",
+                                                objectFit: "cover",
+                                                borderRadius: "8px",
+                                                border: `1px solid ${read ? t.accent : t.inputBorder}`,
+                                                opacity: read ? 1 : 0.45,
+                                                boxSizing: "border-box"
+                                              }
                                             }
-                                          }
-                                        ),
-                                        onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                          "button",
-                                          {
-                                            type: "button",
-                                            "data-gg-assist-remove": "",
-                                            "aria-label": `Remove image ${i + 1}`,
-                                            title: "Remove this image",
-                                            onClick: () => {
-                                              stopAutoFile("changed attachments");
-                                              logEvent(
-                                                "image_removed",
-                                                pageShot && shot === pageShot ? "page capture" : "attached"
-                                              );
-                                              onRemoveImage(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 ${t.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"
-                                                  }
-                                                ) })
+                                          ),
+                                          onRemoveImage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "button",
+                                            {
+                                              type: "button",
+                                              "data-gg-assist-remove": "",
+                                              "aria-label": `Remove image ${i + 1}`,
+                                              title: "Remove this image",
+                                              onClick: () => {
+                                                stopAutoFile("changed attachments");
+                                                logEvent(
+                                                  "image_removed",
+                                                  pageShot && shot === pageShot ? "page capture" : "attached"
+                                                );
+                                                onRemoveImage(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 ${t.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}-${shot.slice(-16)}`
+                                    );
+                                  }),
+                                  files.map((file, i) => {
+                                    const read = readFiles.has(i);
+                                    const pdf = isPdfFile(file.name);
+                                    const why = read ? "the assistant reads this file" : pdf && file.reading ? "reading the text in this PDF\u2026" : pdf && file.text !== void 0 ? file.text === null ? file.tooLarge ? "attached to the report \u2014 too large for the assistant to read (over 3 MB)" : "attached to the report \u2014 couldn't read this PDF" : file.text.trim() ? "attached, but more than one message can carry, so the assistant is not reading it" : "attached to the report \u2014 this PDF has no text to read (a scan?)" : 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_runtime3.jsxs)(
+                                      "div",
+                                      {
+                                        "data-gg-assist-file": "",
+                                        "data-gg-assist-file-read": read ? "" : void 0,
+                                        "data-gg-assist-file-reading": pdf && file.reading ? "" : 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 ? t.accent : t.inputBorder}`,
+                                          opacity: read || pdf && file.reading ? 1 : 0.55,
+                                          boxSizing: "border-box",
+                                          flexShrink: 0
+                                        },
+                                        children: [
+                                          pdf && file.reading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "span",
+                                            {
+                                              role: "status",
+                                              "aria-label": "Reading this PDF",
+                                              style: {
+                                                width: "12px",
+                                                height: "12px",
+                                                flexShrink: 0,
+                                                borderRadius: "50%",
+                                                border: `1.5px solid ${t.inputBorder}`,
+                                                borderTopColor: t.accent,
+                                                boxSizing: "border-box",
+                                                animation: "gg-spin .8s linear infinite"
                                               }
-                                            )
-                                          }
-                                        )
-                                      ]
-                                    },
-                                    `${i}-${shot.slice(-16)}`
-                                  );
-                                }),
-                                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_runtime3.jsxs)(
-                                    "div",
+                                            }
+                                          ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "path",
+                                            {
+                                              d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
+                                              stroke: t.textMuted,
+                                              strokeWidth: "1.5",
+                                              strokeLinecap: "round",
+                                              strokeLinejoin: "round"
+                                            }
+                                          ) }),
+                                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "span",
+                                            {
+                                              style: {
+                                                fontSize: "11.5px",
+                                                color: t.text,
+                                                overflow: "hidden",
+                                                textOverflow: "ellipsis",
+                                                whiteSpace: "nowrap"
+                                              },
+                                              children: file.name
+                                            }
+                                          ),
+                                          onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                            "button",
+                                            {
+                                              type: "button",
+                                              "data-gg-assist-remove-file": "",
+                                              "aria-label": `Remove file ${file.name}`,
+                                              title: "Remove this file",
+                                              onClick: () => {
+                                                stopAutoFile("changed attachments");
+                                                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_runtime3.jsx)(
+                                                "span",
+                                                {
+                                                  "aria-hidden": "true",
+                                                  style: {
+                                                    width: "20px",
+                                                    height: "20px",
+                                                    boxSizing: "border-box",
+                                                    borderRadius: "50%",
+                                                    border: `2px solid ${t.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"
+                                                    }
+                                                  ) })
+                                                }
+                                              )
+                                            }
+                                          )
+                                        ]
+                                      },
+                                      `file-${i}-${file.name}`
+                                    );
+                                  }),
+                                  onAddFiles && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                                    "label",
                                     {
-                                      "data-gg-assist-file": "",
-                                      "data-gg-assist-file-read": read ? "" : void 0,
-                                      title: `${file.name} \u2014 ${why}`,
+                                      "data-gg-assist-attach": "",
+                                      title: "Attach an image or a file (html, json, log\u2026) \u2014 or paste one",
                                       style: {
-                                        position: "relative",
+                                        width: "40px",
                                         height: "40px",
-                                        maxWidth: "170px",
-                                        display: "flex",
-                                        alignItems: "center",
-                                        gap: "6px",
-                                        padding: "0 10px",
                                         borderRadius: "8px",
-                                        border: `1px solid ${read ? t.accent : t.inputBorder}`,
-                                        opacity: read ? 1 : 0.55,
-                                        boxSizing: "border-box",
+                                        border: `1px dashed ${t.inputBorder}`,
+                                        display: "inline-flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        color: t.textMuted,
+                                        fontSize: "18px",
+                                        cursor: "pointer",
                                         flexShrink: 0
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                          "path",
-                                          {
-                                            d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6",
-                                            stroke: t.textMuted,
-                                            strokeWidth: "1.5",
-                                            strokeLinecap: "round",
-                                            strokeLinejoin: "round"
-                                          }
-                                        ) }),
+                                        "+",
                                         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                          "span",
-                                          {
-                                            style: {
-                                              fontSize: "11.5px",
-                                              color: t.text,
-                                              overflow: "hidden",
-                                              textOverflow: "ellipsis",
-                                              whiteSpace: "nowrap"
-                                            },
-                                            children: file.name
-                                          }
-                                        ),
-                                        onRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                          "button",
+                                          "input",
                                           {
-                                            type: "button",
-                                            "data-gg-assist-remove-file": "",
-                                            "aria-label": `Remove file ${file.name}`,
-                                            title: "Remove this file",
-                                            onClick: () => {
-                                              stopAutoFile("changed attachments");
-                                              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_runtime3.jsx)(
-                                              "span",
-                                              {
-                                                "aria-hidden": "true",
-                                                style: {
-                                                  width: "20px",
-                                                  height: "20px",
-                                                  boxSizing: "border-box",
-                                                  borderRadius: "50%",
-                                                  border: `2px solid ${t.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"
-                                                  }
-                                                ) })
+                                            type: "file",
+                                            accept: canReadPdf ? ASSIST_ATTACHMENT_ACCEPT_WITH_PDF : ASSIST_ATTACHMENT_ACCEPT,
+                                            multiple: true,
+                                            onChange: (e) => {
+                                              var _a;
+                                              const picked = Array.from((_a = e.target.files) != null ? _a : []);
+                                              if (picked.length) {
+                                                stopAutoFile("changed attachments");
+                                                const images = picked.filter((f) => f.type.startsWith("image/")).length;
+                                                if (images) logEvent("image_added", String(images));
+                                                if (picked.length > images) {
+                                                  logEvent("file_added", String(picked.length - images));
+                                                }
+                                                onAddFiles(picked);
                                               }
-                                            )
+                                              e.target.value = "";
+                                            },
+                                            style: { display: "none" }
                                           }
                                         )
                                       ]
-                                    },
-                                    `file-${i}-${file.name}`
-                                  );
-                                }),
-                                onAddFiles && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                                  "label",
-                                  {
-                                    "data-gg-assist-attach": "",
-                                    title: "Attach an image or a file (html, json, log\u2026) \u2014 or paste one",
-                                    style: {
-                                      width: "40px",
-                                      height: "40px",
-                                      borderRadius: "8px",
-                                      border: `1px dashed ${t.inputBorder}`,
-                                      display: "inline-flex",
-                                      alignItems: "center",
-                                      justifyContent: "center",
-                                      color: t.textMuted,
-                                      fontSize: "18px",
-                                      cursor: "pointer",
-                                      flexShrink: 0
-                                    },
-                                    children: [
-                                      "+",
-                                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                        "input",
-                                        {
-                                          type: "file",
-                                          accept: ASSIST_ATTACHMENT_ACCEPT,
-                                          multiple: true,
-                                          onChange: (e) => {
-                                            var _a;
-                                            const picked = Array.from((_a = e.target.files) != null ? _a : []);
-                                            if (picked.length) {
-                                              stopAutoFile("changed attachments");
-                                              const images = picked.filter((f) => f.type.startsWith("image/")).length;
-                                              if (images) logEvent("image_added", String(images));
-                                              if (picked.length > images) {
-                                                logEvent("file_added", String(picked.length - images));
-                                              }
-                                              onAddFiles(picked);
-                                            }
-                                            e.target.value = "";
-                                          },
-                                          style: { display: "none" }
-                                        }
-                                      )
-                                    ]
-                                  }
-                                ),
-                                readShots.size < screenshots.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { color: t.textMuted, fontSize: "11px" }, children: [
-                                  readShots.size,
-                                  " of ",
-                                  screenshots.length,
-                                  " read"
-                                ] })
-                              ]
-                            }
-                          ),
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                              "textarea",
-                              {
-                                value: input,
-                                onChange: (e) => {
-                                  stopAutoFile("typing a change");
-                                  setInput(e.target.value);
-                                },
-                                onKeyDown: (e) => {
-                                  if (e.key === "Enter" && !e.shiftKey) {
-                                    e.preventDefault();
-                                    sendTyped(input);
-                                  }
-                                },
-                                placeholder: phase === "draft" ? "Anything to change? Tell me here\u2026" : "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 ${t.inputBorder}`,
-                                  backgroundColor: t.inputBg,
-                                  color: t.text,
-                                  fontSize: "13px",
-                                  lineHeight: 1.4,
-                                  fontFamily: "inherit",
-                                  resize: "none",
-                                  outline: "none",
-                                  boxSizing: "border-box"
-                                }
+                                    }
+                                  ),
+                                  readShots.size < screenshots.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { color: t.textMuted, fontSize: "11px" }, children: [
+                                    readShots.size,
+                                    " of ",
+                                    screenshots.length,
+                                    " read"
+                                  ] })
+                                ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                              "button",
-                              {
-                                type: "button",
-                                "data-gg-sheet-send": "",
-                                onClick: () => sendTyped(input),
-                                disabled: busy || !input.trim(),
-                                "aria-label": "Send message",
-                                "data-gg-send-message": "",
-                                style: {
-                                  flexShrink: 0,
-                                  width: "42px",
-                                  height: "42px",
-                                  borderRadius: "10px",
-                                  border: "none",
-                                  display: "inline-flex",
-                                  alignItems: "center",
-                                  justifyContent: "center",
-                                  backgroundColor: busy || !input.trim() ? t.bgSecondary : t.accent,
-                                  color: busy || !input.trim() ? t.textMuted : t.accentText,
-                                  cursor: busy || !input.trim() ? "default" : "pointer"
-                                },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                  "path",
-                                  {
-                                    d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
-                                    fill: "currentColor"
+                            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                "textarea",
+                                {
+                                  ref: composerRef,
+                                  value: input,
+                                  onChange: (e) => {
+                                    stopAutoFile("typing a change");
+                                    setInput(e.target.value);
+                                  },
+                                  onKeyDown: (e) => {
+                                    if (e.key === "Enter" && !e.shiftKey) {
+                                      e.preventDefault();
+                                      sendTyped(input);
+                                    }
+                                  },
+                                  placeholder: phase === "draft" ? "Anything to change? Tell me here\u2026" : "Type your answer\u2026",
+                                  rows: 3,
+                                  disabled: busy,
+                                  autoFocus: true,
+                                  style: {
+                                    flex: 1,
+                                    minHeight: "72px",
+                                    maxHeight: "220px",
+                                    padding: "11px 12px",
+                                    borderRadius: "10px",
+                                    border: `1px solid ${t.inputBorder}`,
+                                    backgroundColor: t.inputBg,
+                                    color: t.text,
+                                    fontSize: "13px",
+                                    lineHeight: 1.4,
+                                    fontFamily: "inherit",
+                                    resize: "none",
+                                    outline: "none",
+                                    boxSizing: "border-box"
                                   }
-                                ) })
-                              }
-                            )
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                "button",
+                                {
+                                  type: "button",
+                                  "data-gg-sheet-send": "",
+                                  onClick: () => sendTyped(input),
+                                  disabled: busy || !input.trim(),
+                                  "aria-label": "Send message",
+                                  "data-gg-send-message": "",
+                                  style: {
+                                    flexShrink: 0,
+                                    width: "42px",
+                                    height: "42px",
+                                    borderRadius: "10px",
+                                    border: "none",
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    backgroundColor: busy || !input.trim() ? t.bgSecondary : t.accent,
+                                    color: busy || !input.trim() ? t.textMuted : t.accentText,
+                                    cursor: busy || !input.trim() ? "default" : "pointer"
+                                  },
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                    "path",
+                                    {
+                                      d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
+                                      fill: "currentColor"
+                                    }
+                                  ) })
+                                }
+                              )
+                            ] })
                           ] }),
                           phase === "draft" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
                             validationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -3621,7 +3711,7 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            autoFileLeft !== null ? (
+                            similarSlot ? similarSlot : autoFileLeft !== null ? (
                               // #402: "Yes, that's it" was the confirmation. The draft
                               // files itself unless they stop it — the bar shows how
                               // long is left, the button sends now, the × on its right
@@ -4677,6 +4767,7 @@ function ReportDialog({
   enhanceText: enhanceText2,
   assist,
   findSimilarIssues: findSimilarIssues2,
+  readFile,
   assistContext = null,
   transcribeAudio: transcribeAudio2,
   types,
@@ -4730,6 +4821,15 @@ function ReportDialog({
   const pendingShotRef = (0, import_react.useRef)(null);
   const openGenRef = (0, import_react.useRef)(0);
   const [attachments, setAttachments] = (0, import_react.useState)([]);
+  const [pdfTexts, setPdfTexts] = (0, import_react.useState)({});
+  const heldFiles = (0, import_react.useMemo)(
+    () => attachments.map((a) => {
+      const read = pdfTexts[heldFileKey(a)];
+      if (!read) return a;
+      return "reading" in read ? { ...a, reading: true } : { ...a, text: read.text, ...read.tooLarge ? { tooLarge: true } : {} };
+    }),
+    [attachments, pdfTexts]
+  );
   const [previewIndex, setPreviewIndex] = (0, import_react.useState)(null);
   const [annotatingIndex, setAnnotatingIndex] = (0, import_react.useState)(null);
   const [previewZoomed, setPreviewZoomed] = (0, import_react.useState)(false);
@@ -4890,10 +4990,16 @@ function ReportDialog({
     files.filter((file) => !file.type.startsWith("image/")).forEach((file) => {
       const reader = new FileReader();
       reader.onload = () => {
-        setAttachments((prev) => [
-          ...prev,
-          { name: file.name, size: file.size, dataUrl: reader.result }
-        ]);
+        const dataUrl = reader.result;
+        setAttachments((prev) => [...prev, { name: file.name, size: file.size, dataUrl }]);
+        const key = heldFileKey(file);
+        if (!readFile || !isPdfFile(file.name) || pdfTexts[key]) return;
+        if (file.size > MAX_READABLE_PDF_BYTES) {
+          setPdfTexts((prev) => ({ ...prev, [key]: { text: null, tooLarge: true } }));
+          return;
+        }
+        setPdfTexts((prev) => ({ ...prev, [key]: { reading: true } }));
+        void Promise.resolve().then(() => readFile({ name: file.name, dataUrl })).catch(() => null).then((text) => setPdfTexts((prev) => ({ ...prev, [key]: { text } })));
       };
       reader.readAsDataURL(file);
     });
@@ -5329,6 +5435,10 @@ function ReportDialog({
       stopListeningAndTranscribe();
     }
   };
+  (0, import_react.useEffect)(() => {
+    setSimilarIssues(null);
+    setPickedSimilar(null);
+  }, [description]);
   const handleSubmit = async (opts) => {
     var _a2, _b, _c;
     try {
@@ -5369,11 +5479,17 @@ function ReportDialog({
       }
       const duplicateOf = (_a2 = opts == null ? void 0 : opts.duplicateOf) != null ? _a2 : duplicateIssueNumber;
       const attachKind = (opts == null ? void 0 : opts.duplicateOf) ? (_b = opts.kind) != null ? _b : "duplicate" : duplicateKind;
-      if (findSimilarIssues2 && !(opts == null ? void 0 : opts.skipSimilar) && !duplicateOf && !aiConversationId) {
+      if (findSimilarIssues2 && !(opts == null ? void 0 : opts.skipSimilar) && !duplicateOf) {
+        const similarFiles = filesForSimilar(
+          heldFiles,
+          MAX_SIMILAR_FILE_CHARS,
+          MAX_SIMILAR_FILES_TOTAL_CHARS
+        );
         setIsSubmitting(true);
         setCheckingSimilar(true);
         const matches = await Promise.race([
-          findSimilarIssues2(description.trim()).catch(() => null),
+          // A PDF still being read is left out rather than waited for.
+          (similarFiles.length ? findSimilarIssues2(description.trim(), similarFiles) : findSimilarIssues2(description.trim())).catch(() => null),
           new Promise((resolve) => setTimeout(() => resolve(null), SIMILAR_WAIT_MS))
         ]);
         setCheckingSimilar(false);
@@ -5405,6 +5521,8 @@ function ReportDialog({
       if (duplicateOf) {
         metadata.duplicateIssueNumber = String(duplicateOf);
         if (attachKind === "related") metadata.duplicateKind = "related";
+      } else if (opts == null ? void 0 : opts.possiblyRelated) {
+        metadata.possiblyRelatedIssue = String(opts.possiblyRelated);
       }
       if (aiConversationId) {
         metadata.aiConversationId = aiConversationId;
@@ -5418,7 +5536,9 @@ function ReportDialog({
         Object.keys(metadata).length > 0 ? metadata : void 0
       );
       if (result) {
-        setAddedToIssue(duplicateOf && result.issueNumber === duplicateOf ? duplicateOf : null);
+        setAddedToIssue(
+          duplicateOf && result.issueNumber === duplicateOf ? duplicateOf : result.status === "DUPLICATE" && result.issueNumber ? result.issueNumber : null
+        );
         setAddedAsRelated(!!duplicateOf && result.issueNumber === duplicateOf && attachKind === "related");
         const queued = result.status === "QUEUED" && !!result.message;
         setQueuedMessage(queued ? (_c = result.message) != null ? _c : null : null);
@@ -5426,6 +5546,7 @@ function ReportDialog({
         setDescription("");
         setScreenshots([]);
         setAttachments([]);
+        setPdfTexts({});
         setAiConversationId(null);
         setIssueTitle("");
         setDuplicateIssueNumber(null);
@@ -5446,6 +5567,220 @@ function ReportDialog({
       setAttachingTo(null);
     }
   };
+  const similarCard = similarIssues ? /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.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 ? t.accent : t.border}`,
+                    boxShadow: picked ? `0 0 0 1px ${t.accent}` : "none",
+                    backgroundColor: t.bg,
+                    color: t.text,
+                    textAlign: "left",
+                    cursor: isSubmitting ? "not-allowed" : "pointer",
+                    fontFamily: "inherit"
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        style: {
+                          flexShrink: 0,
+                          marginTop: "2px",
+                          width: "14px",
+                          height: "14px",
+                          boxSizing: "border-box",
+                          borderRadius: "50%",
+                          border: `2px solid ${picked ? t.accent : t.textMuted}`,
+                          backgroundColor: picked ? t.accent : "transparent",
+                          boxShadow: picked ? `inset 0 0 0 2px ${t.bg}` : "none"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                      "span",
+                      {
+                        style: {
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: "3px",
+                          minWidth: 0
+                        },
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("span", { style: { color: t.textMuted, fontWeight: 600 }, children: [
+                                  "#",
+                                  issue.number
+                                ] }),
+                                " ",
+                                issue.title
+                              ]
+                            }
+                          ),
+                          issue.status && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11.5px", color: t.textMuted }, children: issue.status })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                issue.number
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            disabled: isSubmitting || !pickedSimilar,
+            onClick: () => {
+              if (!pickedSimilar) return;
+              setAttachingTo(pickedSimilar);
+              setDuplicateIssueNumber(pickedSimilar);
+              setDuplicateKind("duplicate");
+              void handleSubmit({ duplicateOf: pickedSimilar, kind: "duplicate" });
+            },
+            style: {
+              width: "100%",
+              minHeight: "40px",
+              padding: "10px",
+              borderRadius: "8px",
+              border: "none",
+              backgroundColor: isSubmitting || !pickedSimilar ? t.bgSecondary : t.accent,
+              color: isSubmitting || !pickedSimilar ? t.textMuted : t.accentText,
+              fontSize: "14px",
+              fontWeight: 600,
+              cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
+              fontFamily: "inherit"
+            },
+            children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
+              "Adding to #",
+              attachingTo,
+              "\u2026"
+            ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
+          }
+        ),
+        pickedSimilar && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            disabled: isSubmitting,
+            onClick: () => {
+              setAttachingTo(pickedSimilar);
+              setDuplicateIssueNumber(pickedSimilar);
+              setDuplicateKind("related");
+              void handleSubmit({ duplicateOf: pickedSimilar, kind: "related" });
+            },
+            style: {
+              width: "100%",
+              minHeight: "40px",
+              marginTop: "-4px",
+              padding: "9px 10px",
+              borderRadius: "8px",
+              border: "1px solid rgba(245,158,11,0.4)",
+              backgroundColor: "transparent",
+              color: isSubmitting ? t.textMuted : t.text,
+              fontSize: "13px",
+              fontWeight: 600,
+              cursor: isSubmitting ? "not-allowed" : "pointer",
+              fontFamily: "inherit"
+            },
+            children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
+              "Adding to #",
+              attachingTo,
+              "\u2026"
+            ] }) : `Related request \u2014 add to #${pickedSimilar}`
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            disabled: isSubmitting,
+            onClick: () => {
+              var _a2;
+              setAttachingTo("new");
+              void handleSubmit({ skipSimilar: true, possiblyRelated: (_a2 = similarIssues[0]) == null ? void 0 : _a2.number });
+            },
+            style: {
+              width: "100%",
+              minHeight: "40px",
+              marginTop: "-4px",
+              padding: "8px",
+              borderRadius: "8px",
+              border: "none",
+              backgroundColor: "transparent",
+              color: isSubmitting ? t.textMuted : t.text,
+              fontSize: "13px",
+              fontWeight: 500,
+              textDecoration: "underline",
+              textUnderlineOffset: "3px",
+              cursor: isSubmitting ? "not-allowed" : "pointer",
+              fontFamily: "inherit"
+            },
+            children: attachingTo === "new" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
+              "Sending as new\u2026"
+            ] }) : "No, mine is different \u2014 send as new"
+          }
+        )
+      ]
+    }
+  ) : null;
   if (!mounted) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     isOpen && (0, import_react_dom.createPortal)(
@@ -6984,224 +7319,7 @@ function ReportDialog({
                             children: validationError
                           }
                         ),
-                        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_runtime5.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_runtime5.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: t.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
-                                ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.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 ? t.accent : t.border}`,
-                                            boxShadow: picked ? `0 0 0 1px ${t.accent}` : "none",
-                                            backgroundColor: t.bg,
-                                            color: t.text,
-                                            textAlign: "left",
-                                            cursor: isSubmitting ? "not-allowed" : "pointer",
-                                            fontFamily: "inherit"
-                                          },
-                                          children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                                              "span",
-                                              {
-                                                "aria-hidden": "true",
-                                                style: {
-                                                  flexShrink: 0,
-                                                  marginTop: "2px",
-                                                  width: "14px",
-                                                  height: "14px",
-                                                  boxSizing: "border-box",
-                                                  borderRadius: "50%",
-                                                  border: `2px solid ${picked ? t.accent : t.textMuted}`,
-                                                  backgroundColor: picked ? t.accent : "transparent",
-                                                  boxShadow: picked ? `inset 0 0 0 2px ${t.bg}` : "none"
-                                                }
-                                              }
-                                            ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-                                              "span",
-                                              {
-                                                style: {
-                                                  display: "flex",
-                                                  flexDirection: "column",
-                                                  gap: "3px",
-                                                  minWidth: 0
-                                                },
-                                                children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("span", { style: { color: t.textMuted, fontWeight: 600 }, children: [
-                                                          "#",
-                                                          issue.number
-                                                        ] }),
-                                                        " ",
-                                                        issue.title
-                                                      ]
-                                                    }
-                                                  ),
-                                                  issue.status && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11.5px", color: t.textMuted }, children: issue.status })
-                                                ]
-                                              }
-                                            )
-                                          ]
-                                        },
-                                        issue.number
-                                      );
-                                    })
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    disabled: isSubmitting || !pickedSimilar,
-                                    onClick: () => {
-                                      if (!pickedSimilar) return;
-                                      setAttachingTo(pickedSimilar);
-                                      setDuplicateIssueNumber(pickedSimilar);
-                                      setDuplicateKind("duplicate");
-                                      void handleSubmit({ duplicateOf: pickedSimilar, kind: "duplicate" });
-                                    },
-                                    style: {
-                                      width: "100%",
-                                      minHeight: "40px",
-                                      padding: "10px",
-                                      borderRadius: "8px",
-                                      border: "none",
-                                      backgroundColor: isSubmitting || !pickedSimilar ? t.bgSecondary : t.accent,
-                                      color: isSubmitting || !pickedSimilar ? t.textMuted : t.accentText,
-                                      fontSize: "14px",
-                                      fontWeight: 600,
-                                      cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
-                                      fontFamily: "inherit"
-                                    },
-                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
-                                      "Adding to #",
-                                      attachingTo,
-                                      "\u2026"
-                                    ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
-                                  }
-                                ),
-                                pickedSimilar && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    disabled: isSubmitting,
-                                    onClick: () => {
-                                      setAttachingTo(pickedSimilar);
-                                      setDuplicateIssueNumber(pickedSimilar);
-                                      setDuplicateKind("related");
-                                      void handleSubmit({ duplicateOf: pickedSimilar, kind: "related" });
-                                    },
-                                    style: {
-                                      width: "100%",
-                                      minHeight: "40px",
-                                      marginTop: "-4px",
-                                      padding: "9px 10px",
-                                      borderRadius: "8px",
-                                      border: "1px solid rgba(245,158,11,0.4)",
-                                      backgroundColor: "transparent",
-                                      color: isSubmitting ? t.textMuted : t.text,
-                                      fontSize: "13px",
-                                      fontWeight: 600,
-                                      cursor: isSubmitting ? "not-allowed" : "pointer",
-                                      fontFamily: "inherit"
-                                    },
-                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
-                                      "Adding to #",
-                                      attachingTo,
-                                      "\u2026"
-                                    ] }) : `Related request \u2014 add to #${pickedSimilar}`
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime5.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 ? t.textMuted : t.text,
-                                      fontSize: "13px",
-                                      fontWeight: 500,
-                                      textDecoration: "underline",
-                                      textUnderlineOffset: "3px",
-                                      cursor: isSubmitting ? "not-allowed" : "pointer",
-                                      fontFamily: "inherit"
-                                    },
-                                    children: attachingTo === "new" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ButtonSpinner, {}),
-                                      "Sending as new\u2026"
-                                    ] }) : "No, mine is different \u2014 send as new"
-                                  }
-                                )
-                              ]
-                            }
-                          )
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                        similarCard != null ? similarCard : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "button",
                           {
                             type: "button",
@@ -7500,7 +7618,8 @@ function ReportDialog({
         pageShot,
         onAddFiles: addFiles,
         onRemoveImage: (index) => setScreenshots((prev) => prev.filter((_, i) => i !== index)),
-        files: attachments,
+        files: heldFiles,
+        canReadPdf: !!readFile,
         onRemoveFile: (index) => setAttachments((prev) => prev.filter((_, i) => i !== index)),
         attachmentCount: screenshots.length + attachments.length,
         context: { ...assistContext != null ? assistContext : {}, reportType },
@@ -7514,6 +7633,10 @@ function ReportDialog({
           setStep(2);
         },
         onDuplicateChange: (issueNumber, kind) => {
+          if (issueNumber) {
+            setSimilarIssues(null);
+            setPickedSimilar(null);
+          }
           setDuplicateIssueNumber(issueNumber);
           setDuplicateKind(issueNumber && kind === "related" ? "related" : "duplicate");
         },
@@ -7543,7 +7666,9 @@ function ReportDialog({
         severityRefused: needsSeverity,
         isSubmitting,
         submitted,
-        onSend: () => void handleSubmit({ skipSimilar: true }),
+        onSend: () => void handleSubmit(),
+        similarSlot: similarCard,
+        submittedText: addedToIssue ? `Added to #${addedToIssue}${addedAsRelated ? " as a related request" : ""}. Thank you!` : null,
         onReportGlitchgrabProblem: reportGlitchgrabProblem ? (prefill) => {
           setSelfReportPrefill(prefill != null ? prefill : "");
           setSelfReportFrom("assist");
@@ -7837,7 +7962,9 @@ function BookingDialog({
   token,
   baseUrl,
   open,
-  onClose
+  onClose,
+  preview = false,
+  availabilityUrl
 }) {
   var _a, _b, _c, _d, _e;
   const wide = useMediaQuery(WIDE_QUERY, true);
@@ -7865,15 +7992,18 @@ function BookingDialog({
   const [answers, setAnswers] = (0, import_react5.useState)({});
   const [pageLoaded, setPageLoaded] = (0, import_react5.useState)(false);
   const [asked, setAsked] = (0, import_react5.useState)(false);
+  const [requireOtp, setRequireOtp] = (0, import_react5.useState)(true);
   const [code, setCode] = (0, import_react5.useState)("");
   const [bookingId, setBookingId] = (0, import_react5.useState)(null);
   const [meetUrl, setMeetUrl] = (0, import_react5.useState)(null);
   const [busy, setBusy] = (0, import_react5.useState)(false);
   const [error, setError] = (0, import_react5.useState)(null);
-  const headers = (0, import_react5.useMemo)(
-    () => ({ Authorization: `Bearer ${token}`, "Content-Type": "application/json" }),
-    [token]
-  );
+  const [previewEnded, setPreviewEnded] = (0, import_react5.useState)(false);
+  const headers = (0, import_react5.useMemo)(() => {
+    const out = { "Content-Type": "application/json" };
+    if (token) out.Authorization = `Bearer ${token}`;
+    return out;
+  }, [token]);
   const loadMonth = (0, import_react5.useCallback)(
     async (target) => {
       var _a2, _b2, _c2;
@@ -7885,8 +8015,9 @@ function BookingDialog({
         return;
       }
       try {
+        const source = availabilityUrl != null ? availabilityUrl : `${baseUrl}/api/v1/sdk/booking/availability`;
         const res = await fetch(
-          `${baseUrl}/api/v1/sdk/booking/availability?from=${encodeURIComponent(new Date(from).toISOString())}&to=${encodeURIComponent(new Date(to).toISOString())}`,
+          `${source}${source.includes("?") ? "&" : "?"}from=${encodeURIComponent(new Date(from).toISOString())}&to=${encodeURIComponent(new Date(to).toISOString())}${preview ? "&preview=1" : ""}`,
           { headers }
         );
         const json = await res.json();
@@ -7907,6 +8038,7 @@ function BookingDialog({
         });
         setWhatsappUrl((_c2 = data.whatsappUrl) != null ? _c2 : null);
         setQuestions(readQuestions(data.questions));
+        setRequireOtp(data.requireOtp !== false);
         setPageLoaded(true);
       } catch (e) {
         setError("Couldn't reach the booking service");
@@ -7914,7 +8046,7 @@ function BookingDialog({
         setPageLoaded(true);
       }
     },
-    [baseUrl, headers]
+    [baseUrl, headers, availabilityUrl, preview]
   );
   (0, import_react5.useEffect)(() => {
     if (!open) return;
@@ -7928,6 +8060,7 @@ function BookingDialog({
     setCode("");
     setBookingId(null);
     setError(null);
+    setPreviewEnded(false);
     setAvatarFailed(false);
     setPageLoaded(false);
     setAsked(false);
@@ -7964,8 +8097,12 @@ function BookingDialog({
   const view = step !== "slots" ? step : !pageLoaded ? "loading" : questions.length > 0 && !asked ? "questions" : "slots";
   const roomy = step === "slots";
   async function startBooking() {
-    var _a2;
+    var _a2, _b2;
     if (!selected) return;
+    if (preview) {
+      setPreviewEnded(true);
+      return;
+    }
     setBusy(true);
     setError(null);
     try {
@@ -7980,7 +8117,10 @@ function BookingDialog({
           answers: Object.fromEntries(given.map((q) => [q.id, q.answer])),
           startsAt: selected.startsAt,
           // The zone the times were shown in, which is the one the visitor chose.
-          timezone: zone
+          timezone: zone,
+          // This dialog can show a booking confirmed in one step; the server
+          // only skips the code for a dialog that says so.
+          instant: true
         })
       });
       const json = await res.json();
@@ -7988,6 +8128,11 @@ function BookingDialog({
         setError((_a2 = json.error) != null ? _a2 : "Couldn't hold that slot");
         return;
       }
+      if (json.data.confirmed) {
+        setMeetUrl((_b2 = json.data.meetUrl) != null ? _b2 : null);
+        setStep("done");
+        return;
+      }
       setBookingId(json.data.bookingId);
       setStep("code");
     } catch (e) {
@@ -8151,6 +8296,22 @@ function BookingDialog({
           ) : null,
           page.hostName && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 14, fontWeight: 500, ...muted }, children: page.hostName })
         ] }),
+        preview && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            style: {
+              alignSelf: "flex-start",
+              padding: "3px 9px",
+              borderRadius: 999,
+              border: `1px dashed ${t.border}`,
+              fontSize: 11.5,
+              fontWeight: 600,
+              letterSpacing: "0.02em",
+              color: t.muted
+            },
+            children: "Preview \u2014 nothing is booked"
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 20, fontWeight: 600, lineHeight: 1.25, paddingRight: 32, overflowWrap: "anywhere" }, children: page.title }),
         page.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 13, lineHeight: 1.5, overflowWrap: "anywhere", ...muted }, children: page.description }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 10, marginTop: 4, fontSize: 14 }, children: [
@@ -8588,6 +8749,7 @@ function BookingDialog({
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { maxWidth: 440, display: "flex", flexDirection: "column", gap: 14 }, children: [
         error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: t.danger, fontSize: 13, lineHeight: 1.5 }, children: error }),
+        previewEnded && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: 13, lineHeight: 1.5, ...muted }, children: "End of the preview \u2014 a prospect would be booked here. Nothing was booked and no code was sent." }),
         step === "details" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { t, label: "Your name", value: name, onChange: setName, autoComplete: "name" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { t, label: "Email", value: email, onChange: setEmail, type: "email", autoComplete: "email" }),
@@ -8600,7 +8762,7 @@ function BookingDialog({
               onChange: setPhone,
               type: "tel",
               autoComplete: "tel",
-              hint: "We send a code here to confirm, then a reminder before the call."
+              hint: requireOtp ? "We send a code here to confirm, then a reminder before the call." : "We send a reminder here before the call."
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Field, { t, label: "Anything we should know? (optional)", value: note, onChange: setNote, multiline: true }),
@@ -8625,7 +8787,7 @@ function BookingDialog({
                 onClick: startBooking,
                 disabled: !canSubmitDetails || busy,
                 style: primaryStyle(t, !canSubmitDetails || busy),
-                children: busy ? "Sending code\u2026" : "Send verification code"
+                children: requireOtp ? busy ? "Sending code\u2026" : "Send verification code" : busy ? "Booking\u2026" : "Book demo"
               }
             )
           ] })
@@ -9428,7 +9590,11 @@ function GlitchgrabProviderInner({
     [token, baseUrl, session]
   );
   const findSimilar = (0, import_react6.useCallback)(
-    (description) => findSimilarIssues(description, token, baseUrl, identity),
+    (description, files) => findSimilarIssues(description, token, baseUrl, identity, files),
+    [token, baseUrl, identity]
+  );
+  const readFile = (0, import_react6.useCallback)(
+    (file) => readAttachment(file, token, baseUrl, identity),
     [token, baseUrl, identity]
   );
   const transcribe = (0, import_react6.useCallback)(
@@ -9459,8 +9625,9 @@ function GlitchgrabProviderInner({
   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), []);
+  const [booking, setBooking] = (0, import_react6.useState)("closed");
+  const openBookingDialog = (0, import_react6.useCallback)(() => setBooking("live"), []);
+  const openBookingPreview = (0, import_react6.useCallback)(() => setBooking("preview"), []);
   (0, import_react6.useEffect)(() => {
     let cancelled = false;
     fetch(`${baseUrl}/api/v1/sdk/project`, {
@@ -9535,6 +9702,7 @@ function GlitchgrabProviderInner({
         addBreadcrumb: addBreadcrumb2,
         openReportDialog,
         openBookingDialog,
+        openBookingPreview,
         enhanceText: enhance,
         shortcutLabel
       },
@@ -9556,8 +9724,9 @@ function GlitchgrabProviderInner({
           {
             token,
             baseUrl: baseUrl != null ? baseUrl : DEFAULT_BASE_URL2,
-            open: bookingOpen,
-            onClose: () => setBookingOpen(false)
+            open: booking !== "closed",
+            preview: booking === "preview",
+            onClose: () => setBooking("closed")
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -9568,6 +9737,7 @@ function GlitchgrabProviderInner({
             enhanceText: aiAssist && !aiBlockedUnsigned ? enhance : void 0,
             assist: aiAssist && !aiBlockedUnsigned ? assist : void 0,
             findSimilarIssues: aiAssist && !aiBlockedUnsigned ? findSimilar : void 0,
+            readFile: aiAssist && !aiBlockedUnsigned ? readFile : void 0,
             reportGlitchgrabProblem: glitchgrabReport ? reportGlitchgrabProblem : void 0,
             transcribeAudio: aiBlockedUnsigned ? void 0 : transcribe,
             types,
@@ -9972,6 +10142,7 @@ function useGlitchgrabFeedback(query) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BookDemoButton,
+  BookingDialog,
   FeedbackButton,
   GLITCHGRAB_SHORTCUT,
   GLITCHGRAB_SHORTCUT_MAC,