glitchgrab 1.46.0 → 1.48.0

package/dist/index.js

@@ -73,6 +73,37 @@ var import_react6 = require("react");
 // src/error-boundary.tsx
 var React = __toESM(require("react"));
 
+// ../report-ui/dist/assist-response.mjs
+var ASSIST_OFFLINE_MESSAGE = "The assistant is unavailable \u2014 write your report below and send it as normal.";
+function assistOffline() {
+  return { conversationId: null, question: null, report: null, degraded: ASSIST_OFFLINE_MESSAGE };
+}
+function toAssistTurnResult(ok, body) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const envelope = body != null ? body : null;
+  if (!ok || !(envelope == null ? void 0 : envelope.success)) {
+    return {
+      ...assistOffline(),
+      // The server words why (cap, rate limit, switched off). An hourly limit
+      // keeps the assistant button for this report.
+      degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : ASSIST_OFFLINE_MESSAGE,
+      retryable: (envelope == null ? void 0 : envelope.retryable) === true
+    };
+  }
+  const d = (_b = envelope.data) != null ? _b : {};
+  return {
+    conversationId: (_c = d.conversationId) != null ? _c : null,
+    question: (_d = d.question) != null ? _d : null,
+    options: Array.isArray(d.options) ? d.options.filter((o) => typeof o === "string") : [],
+    report: (_e = d.report) != null ? _e : null,
+    duplicate: (_f = d.duplicate) != null ? _f : null,
+    related: (_g = d.related) != null ? _g : null,
+    solved: (_h = d.solved) != null ? _h : null,
+    aboutGlitchgrab: d.aboutGlitchgrab === true,
+    degraded: null
+  };
+}
+
 // src/redact.ts
 var SENSITIVE_KEY_RE = /(pass|pwd|secret|token|auth|session|cookie|credential|apikey|api_key|access_key|private|signature|otp|pin|cvv|card|ssn|aadhaar|pan)/i;
 var EMAIL_RE = /[\w.+-]+@[\w-]+\.[\w.-]+/g;
@@ -747,13 +778,7 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
   }
 }
 async function assistTurn(params, token, baseUrl) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const offline = {
-    conversationId: null,
-    question: null,
-    report: null,
-    degraded: "The assistant is unavailable \u2014 write your report below and send it as normal."
-  };
+  const offline = assistOffline();
   try {
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/report-chat`;
     const response = await fetch(url, {
@@ -764,27 +789,7 @@ async function assistTurn(params, token, baseUrl) {
       },
       body: JSON.stringify(params)
     });
-    const envelope = await response.json().catch(() => null);
-    if (!response.ok || !(envelope == null ? void 0 : envelope.success)) {
-      return {
-        conversationId: null,
-        question: null,
-        report: null,
-        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded,
-        // An hourly limit, not a cap: the dialog keeps the assistant button.
-        retryable: (envelope == null ? void 0 : envelope.retryable) === true
-      };
-    }
-    return {
-      conversationId: (_c = (_b = envelope.data) == null ? void 0 : _b.conversationId) != null ? _c : null,
-      question: (_e = (_d = envelope.data) == null ? void 0 : _d.question) != null ? _e : null,
-      options: (_g = (_f = envelope.data) == null ? void 0 : _f.options) != null ? _g : [],
-      report: (_i = (_h = envelope.data) == null ? void 0 : _h.report) != null ? _i : null,
-      duplicate: (_k = (_j = envelope.data) == null ? void 0 : _j.duplicate) != null ? _k : null,
-      solved: (_m = (_l = envelope.data) == null ? void 0 : _l.solved) != null ? _m : null,
-      aboutGlitchgrab: ((_n = envelope.data) == null ? void 0 : _n.aboutGlitchgrab) === true,
-      degraded: null
-    };
+    return toAssistTurnResult(response.ok, await response.json().catch(() => null));
   } catch (e) {
     return offline;
   }
@@ -1474,6 +1479,17 @@ var STARTERS = [
   "It did the wrong thing",
   "I wish it could\u2026"
 ];
+var CONFIRM_OPTION = "Yes, that's it";
+function isCheckBackQuestion(text) {
+  const t2 = text.trim();
+  return /^so,? you['’]?re saying\b/i.test(t2) || /\b(is that right|is that correct|did i get (that|it) right|have i got (that|it) right)\s*\??\s*$/i.test(t2);
+}
+function isAffirmativeReply(text) {
+  return /^(y|ya|yah|yes|yess|yeah|yep|yup|ok|okay|sure|correct|right|exactly|confirm(ed)?|that['’]?s (it|right|correct)|yes,? that['’]?s (it|right)|haan|han|ha|ho|hmm yes|👍)[\s.!👍]*$/i.test(
+    text.trim()
+  );
+}
+var AUTO_FILE_SECONDS = 4;
 var NARROW_QUERY = "(max-width: 640px)";
 function useIsNarrow() {
   const [narrow, setNarrow] = (0, import_react3.useState)(false);
@@ -1588,12 +1604,15 @@ function AssistSheet({
   const [duplicate, setDuplicate] = (0, import_react3.useState)(null);
   const [glitchgrabOffer, setGlitchgrabOffer] = (0, import_react3.useState)(false);
   const [solved, setSolved] = (0, import_react3.useState)(null);
+  const needsSeverity = (tile) => showSeverity && tile === "BUG" && !severity;
   const [phase, setPhase] = (0, import_react3.useState)(
-    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+    () => !typePicked ? "type" : currentTile === "RATING" ? "rating" : needsSeverity(currentTile) ? "severity" : "chat"
   );
+  const [autoFileLeft, setAutoFileLeft] = (0, import_react3.useState)(null);
   const scrollRef = (0, import_react3.useRef)(null);
   const draftRef = (0, import_react3.useRef)(null);
   const seededRef = (0, import_react3.useRef)(false);
+  const seedPendingRef = (0, import_react3.useRef)(false);
   const eventsRef = (0, import_react3.useRef)([]);
   const aiDraftRef = (0, import_react3.useRef)(null);
   function logEvent(type, detail) {
@@ -1633,14 +1652,33 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  (0, import_react3.useEffect)(() => {
+    if (autoFileLeft === null) return;
+    if (isSubmitting || submitted || phase !== "draft") {
+      setAutoFileLeft(null);
+      return;
+    }
+    if (autoFileLeft <= 0) {
+      sendDraft(true);
+      return;
+    }
+    const id = setTimeout(() => setAutoFileLeft((n) => n === null ? null : n - 1), 1e3);
+    return () => clearTimeout(id);
+  }, [autoFileLeft, isSubmitting, submitted, phase]);
+  function stopAutoFile(reason) {
+    if (autoFileLeft === null) return;
+    setAutoFileLeft(null);
+    logEvent("auto_file_stopped", reason);
+  }
   function degradeKeepingEvents(events, message, retryable) {
     if (events) eventsRef.current = [...events, ...eventsRef.current];
     flushEvents();
     onDegrade(message, retryable);
   }
-  async function runTurn(history2) {
-    var _a, _b, _c, _d;
+  async function runTurn(history2, autoFile = false) {
+    var _a, _b;
     setBusy(true);
+    setAutoFileLeft(null);
     let result;
     const events = takeEvents();
     try {
@@ -1683,8 +1721,9 @@ function AssistSheet({
       setConversationId(result.conversationId);
       onConversationChange == null ? void 0 : onConversationChange(result.conversationId);
     }
-    setDuplicate((_a = result.duplicate) != null ? _a : null);
-    onDuplicateChange == null ? void 0 : onDuplicateChange((_c = (_b = result.duplicate) == null ? void 0 : _b.number) != null ? _c : null);
+    const attach = result.duplicate ? { ...result.duplicate, kind: "duplicate" } : result.related ? { ...result.related, kind: "related" } : null;
+    setDuplicate(attach);
+    onDuplicateChange == null ? void 0 : onDuplicateChange((_a = attach == null ? void 0 : attach.number) != null ? _a : null, attach == null ? void 0 : attach.kind);
     setGlitchgrabOffer(!!result.aboutGlitchgrab && !!onReportGlitchgrabProblem && !!result.question);
     if (result.solved) {
       setSolved(result.solved);
@@ -1699,11 +1738,14 @@ function AssistSheet({
       setMessages([...history2, { role: "assistant", content: result.report, kind: "report" }]);
       setOptions([]);
       setPhase("draft");
+      if (autoFile && !attach && !(severityAsked && !severity)) {
+        setAutoFileLeft(AUTO_FILE_SECONDS);
+      }
       return;
     }
     if (result.question) {
       setMessages([...history2, { role: "assistant", content: result.question }]);
-      setOptions((_d = result.options) != null ? _d : []);
+      setOptions((_b = result.options) != null ? _b : []);
       return;
     }
     onDegrade("The assistant had nothing to add \u2014 write your report below and send it as normal.");
@@ -1712,13 +1754,34 @@ function AssistSheet({
     if (seededRef.current) return;
     seededRef.current = true;
     if (!typePicked || currentTile === "RATING") return;
+    if (phase === "severity") {
+      seedPendingRef.current = true;
+      return;
+    }
+    seedFromDescription();
+  }, []);
+  function seedFromDescription() {
     const seed = description.trim();
     if (!seed) return;
     const history2 = [{ role: "user", content: seed }];
     setMessages(history2);
     void runTurn(history2);
-  }, []);
-  function send(text) {
+  }
+  function answerSeverity(value) {
+    onSeverityChange(value);
+    setPhase("chat");
+    if (seedPendingRef.current) {
+      seedPendingRef.current = false;
+      seedFromDescription();
+    }
+  }
+  function sendTyped(text) {
+    var _a;
+    const lastAssistant = [...messages].reverse().find((m) => m.role === "assistant");
+    const checkingBack = options.includes(CONFIRM_OPTION) || (lastAssistant == null ? void 0 : lastAssistant.kind) !== "report" && isCheckBackQuestion((_a = lastAssistant == null ? void 0 : lastAssistant.content) != null ? _a : "");
+    send(text, checkingBack && isAffirmativeReply(text));
+  }
+  function send(text, autoFile = false) {
     const value = text.trim();
     if (!value || busy) return;
     setOptions([]);
@@ -1733,11 +1796,11 @@ function AssistSheet({
     const history2 = [...base, { role: "user", content: value }];
     setMessages(history2);
     setInput("");
-    void runTurn(history2);
+    void runTurn(history2, autoFile);
   }
   function pickType(tile) {
     onPickType(tile);
-    setPhase(tile === "RATING" ? "rating" : "chat");
+    setPhase(tile === "RATING" ? "rating" : needsSeverity(tile) ? "severity" : "chat");
   }
   function withCurrentDraft(history2) {
     const current = description.trim();
@@ -1750,9 +1813,10 @@ function AssistSheet({
     }
     return next;
   }
-  function sendDraft() {
+  function sendDraft(auto = false) {
+    setAutoFileLeft(null);
     const edited = aiDraftRef.current !== null && description.trim() !== aiDraftRef.current.trim();
-    logEvent("draft_sent", edited ? "edited" : "as drafted");
+    logEvent("draft_sent", auto ? "auto-filed" : edited ? "edited" : "as drafted");
     flushEvents();
     onSend();
   }
@@ -1776,15 +1840,15 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
           title && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
             " ",
             duplicate.title
           ] }),
-          duplicate.status && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.textMuted }, children: footer })
+          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
         ]
       }
     );
@@ -1812,6 +1876,7 @@ function AssistSheet({
         @keyframes gg-sheet-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
         @keyframes gg-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
         @keyframes gg-sheet-fade{from{opacity:0}to{opacity:1}}
+        @keyframes gg-autofile{from{transform:scaleX(0)}to{transform:scaleX(1)}}
         @keyframes gg-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}
         [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
       ` }),
@@ -1906,6 +1971,7 @@ function AssistSheet({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
                           phase === "type" ? null : reportTypeLabel,
+                          phase !== "type" && severityAsked && severity ? ` \xB7 ${SEVERITY_LABELS[severity]}` : null,
                           projectSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
@@ -2024,6 +2090,62 @@ function AssistSheet({
                               }
                             )
                           ] }),
+                          phase === "severity" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: "How bad is it?"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "div",
+                              {
+                                role: "radiogroup",
+                                "aria-label": "Severity",
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    role: "radio",
+                                    "aria-checked": severity === s,
+                                    "data-gg-chip": "",
+                                    "data-gg-severity": s,
+                                    onClick: () => answerSeverity(s),
+                                    style: {
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.textMuted,
+                                      borderRadius: "999px",
+                                      // Same as the picker and option chips — one chip size.
+                                      padding: "8px 12px",
+                                      fontSize: "12px",
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: SEVERITY_LABELS[s]
+                                  },
+                                  s
+                                ))
+                              }
+                            )
+                          ] }),
                           phase === "rating" && !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
                               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
@@ -2212,7 +2334,11 @@ function AssistSheet({
                                       color: t2.text,
                                       border: live ? "none" : `1px solid ${t2.accent}66`
                                     },
-                                    children: live ? "Here's your report \u2014 have a read." : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                                    children: live ? (
+                                      // #402: "have a read" beside a countdown reads as a
+                                      // contradiction. Say what is about to happen instead.
+                                      autoFileLeft !== null ? "Here's your report \u2014 I'll file it unless you want to change something." : "Here's your report \u2014 have a read."
+                                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
                                       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                                         "span",
                                         {
@@ -2379,7 +2505,7 @@ function AssistSheet({
                                   "data-gg-option": "",
                                   onClick: () => {
                                     logEvent("option_tap", option);
-                                    send(option);
+                                    send(option, option === CONFIRM_OPTION);
                                   },
                                   style: {
                                     border: `1px solid ${t2.inputBorder}`,
@@ -2454,7 +2580,7 @@ function AssistSheet({
                                       textTransform: "uppercase",
                                       color: t2.accent
                                     },
-                                    children: duplicate ? `What we'll add to #${duplicate.number} \xB7 edit anything` : "Your report \xB7 edit anything"
+                                    children: duplicate ? `What we'll add to #${duplicate.number}${duplicate.kind === "related" ? " as a related request" : ""} \xB7 edit anything` : "Your report \xB7 edit anything"
                                   }
                                 ),
                                 renderKnownIssue({
@@ -2466,7 +2592,10 @@ function AssistSheet({
                                   {
                                     ref: draftRef,
                                     value: description,
-                                    onChange: (e) => onDescriptionChange(e.target.value),
+                                    onChange: (e) => {
+                                      stopAutoFile("edited the draft");
+                                      onDescriptionChange(e.target.value);
+                                    },
                                     rows: 6,
                                     style: {
                                       width: "100%",
@@ -2485,7 +2614,7 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                                     "span",
                                     {
@@ -2607,7 +2736,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                   "div",
                   {
                     style: {
@@ -2714,6 +2843,7 @@ function AssistSheet({
                                             "aria-label": `Remove image ${i + 1}`,
                                             title: "Remove this image",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent(
                                                 "image_removed",
                                                 pageShot && shot === pageShot ? "page capture" : "attached"
@@ -2824,6 +2954,7 @@ function AssistSheet({
                                             "aria-label": `Remove file ${file.name}`,
                                             title: "Remove this file",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent("file_removed", read ? "read" : "not read");
                                               onRemoveFile(i);
                                             },
@@ -2906,6 +3037,7 @@ function AssistSheet({
                                             var _a;
                                             const picked = Array.from((_a = e.target.files) != null ? _a : []);
                                             if (picked.length) {
+                                              stopAutoFile("changed attachments");
                                               const images = picked.filter((f) => f.type.startsWith("image/")).length;
                                               if (images) logEvent("image_added", String(images));
                                               if (picked.length > images) {
@@ -2935,11 +3067,14 @@ function AssistSheet({
                               "textarea",
                               {
                                 value: input,
-                                onChange: (e) => setInput(e.target.value),
+                                onChange: (e) => {
+                                  stopAutoFile("typing a change");
+                                  setInput(e.target.value);
+                                },
                                 onKeyDown: (e) => {
                                   if (e.key === "Enter" && !e.shiftKey) {
                                     e.preventDefault();
-                                    send(input);
+                                    sendTyped(input);
                                   }
                                 },
                                 placeholder: phase === "draft" ? "Anything to change? Tell me here\u2026" : "Type your answer\u2026",
@@ -2969,7 +3104,7 @@ function AssistSheet({
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: () => send(input),
+                                onClick: () => sendTyped(input),
                                 disabled: busy || !input.trim(),
                                 "aria-label": "Send message",
                                 "data-gg-send-message": "",
@@ -3008,12 +3143,87 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            autoFileLeft !== null ? (
+                              // #402: "Yes, that's it" was the confirmation. The draft
+                              // files itself unless they stop it — the bar shows how
+                              // long is left, the button sends now.
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "data-gg-sheet-send": "",
+                                    "data-gg-auto-file": "",
+                                    onClick: () => sendDraft(),
+                                    style: {
+                                      flex: 1,
+                                      minWidth: 0,
+                                      position: "relative",
+                                      overflow: "hidden",
+                                      padding: "12px",
+                                      borderRadius: "10px",
+                                      border: "none",
+                                      backgroundColor: t2.accent,
+                                      color: t2.accentText,
+                                      fontSize: "14px",
+                                      fontWeight: 700,
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                        "span",
+                                        {
+                                          "aria-hidden": "true",
+                                          style: {
+                                            position: "absolute",
+                                            inset: 0,
+                                            backgroundColor: "rgba(255,255,255,0.22)",
+                                            transformOrigin: "left",
+                                            animation: `gg-autofile ${AUTO_FILE_SECONDS}s linear forwards`
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { position: "relative" }, children: [
+                                        "Filing in ",
+                                        autoFileLeft,
+                                        "s\u2026"
+                                      ] })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "data-gg-edit-first": "",
+                                    onClick: () => {
+                                      var _a;
+                                      stopAutoFile("edit first");
+                                      (_a = draftRef.current) == null ? void 0 : _a.focus();
+                                    },
+                                    style: {
+                                      flexShrink: 0,
+                                      padding: "12px 14px",
+                                      borderRadius: "10px",
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.text,
+                                      fontSize: "13px",
+                                      fontWeight: 600,
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: "Edit first"
+                                  }
+                                )
+                              ] })
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: sendDraft,
+                                onClick: () => sendDraft(),
                                 disabled: isSubmitting || !description.trim(),
                                 style: {
                                   width: "100%",
@@ -3989,9 +4199,11 @@ function ReportDialog({
   reporter,
   onClose,
   headerSlot,
-  reportGlitchgrabProblem
+  reportGlitchgrabProblem,
+  layout = "modal"
 }) {
   var _a;
+  const sheet = layout === "sheet";
   const [isEnhancing, setIsEnhancing] = (0, import_react.useState)(false);
   const [assistOpen, setAssistOpen] = (0, import_react.useState)(false);
   const [assistNotice, setAssistNotice] = (0, import_react.useState)(null);
@@ -4000,6 +4212,8 @@ function ReportDialog({
   const [selfReportPrefill, setSelfReportPrefill] = (0, import_react.useState)("");
   const [typeChosen, setTypeChosen] = (0, import_react.useState)(false);
   const [duplicateIssueNumber, setDuplicateIssueNumber] = (0, import_react.useState)(null);
+  const [duplicateKind, setDuplicateKind] = (0, import_react.useState)("duplicate");
+  const [addedAsRelated, setAddedAsRelated] = (0, import_react.useState)(false);
   const [similarIssues, setSimilarIssues] = (0, import_react.useState)(null);
   const [checkingSimilar, setCheckingSimilar] = (0, import_react.useState)(false);
   const [attachingTo, setAttachingTo] = (0, import_react.useState)(null);
@@ -4436,6 +4650,7 @@ function ReportDialog({
     setReportType("BUG");
     setTypeChosen(false);
     setDuplicateIssueNumber(null);
+    setDuplicateKind("duplicate");
     setSimilarIssues(null);
     setPickedSimilar(null);
     setCheckingSimilar(false);
@@ -4628,7 +4843,7 @@ function ReportDialog({
     }
   };
   const handleSubmit = async (opts) => {
-    var _a2, _b;
+    var _a2, _b, _c;
     try {
       if (isSubmitting) return;
       if (isRating) {
@@ -4666,6 +4881,7 @@ function ReportDialog({
         return;
       }
       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) {
         setIsSubmitting(true);
         setCheckingSimilar(true);
@@ -4701,6 +4917,7 @@ function ReportDialog({
       }
       if (duplicateOf) {
         metadata.duplicateIssueNumber = String(duplicateOf);
+        if (attachKind === "related") metadata.duplicateKind = "related";
       }
       if (aiConversationId) {
         metadata.aiConversationId = aiConversationId;
@@ -4714,14 +4931,16 @@ function ReportDialog({
       );
       if (result) {
         setAddedToIssue(duplicateOf && result.issueNumber === duplicateOf ? duplicateOf : null);
+        setAddedAsRelated(!!duplicateOf && result.issueNumber === duplicateOf && attachKind === "related");
         const queued = result.status === "QUEUED" && !!result.message;
-        setQueuedMessage(queued ? (_b = result.message) != null ? _b : null : null);
+        setQueuedMessage(queued ? (_c = result.message) != null ? _c : null : null);
         setSubmitted(true);
         setDescription("");
         setScreenshots([]);
         setAttachments([]);
         setAiConversationId(null);
         setDuplicateIssueNumber(null);
+        setDuplicateKind("duplicate");
         setSimilarIssues(null);
         setPickedSimilar(null);
         setTimeout(() => {
@@ -4792,8 +5011,8 @@ function ReportDialog({
             // dialog's state IS the report, and unmounting would drop the
             // screenshots, attachments and step the reporter is on.
             display: sheetUp ? "none" : "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            alignItems: sheet ? "stretch" : "center",
+            justifyContent: sheet ? "flex-end" : "center",
             backgroundColor: "rgba(0,0,0,0.5)",
             fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
           },
@@ -4813,14 +5032,15 @@ function ReportDialog({
               style: {
                 position: "relative",
                 zIndex: 2147483647,
-                width: "420px",
-                maxWidth: "calc(100% - 32px)",
-                maxHeight: "calc(100dvh - 32px)",
+                width: sheet ? "440px" : "420px",
+                maxWidth: sheet ? "100%" : "calc(100% - 32px)",
+                maxHeight: sheet ? "100dvh" : "calc(100dvh - 32px)",
+                ...sheet ? { height: "100dvh", borderLeft: `1px solid ${t2.inputBorder}` } : {},
                 display: "flex",
                 flexDirection: "column",
                 backgroundColor: t2.bg,
-                borderRadius: "12px",
-                boxShadow: "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
+                borderRadius: sheet ? 0 : "12px",
+                boxShadow: sheet ? "0 20px 60px rgba(0, 0, 0, 0.35)" : "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
                 fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
                 overflow: "hidden",
                 color: t2.text,
@@ -4854,7 +5074,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -4972,7 +5192,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         "div",
                         {
                           style: {
@@ -5049,7 +5269,7 @@ function ReportDialog({
                             },
                             children: queuedMessage
                           }
-                        ) : addedToIssue ? `Added to #${addedToIssue}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
+                        ) : addedToIssue ? `Added to #${addedToIssue}${addedAsRelated ? " as a related request" : ""}. Thank you!` : `${getTypeLabel(reportType)} sent. Thank you!`
                       }
                     ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                       step === 1 && headerSlot ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
@@ -5248,6 +5468,7 @@ function ReportDialog({
                           "button",
                           {
                             type: "button",
+                            disabled: availableTypes.length === 1,
                             onClick: () => setStep(1),
                             style: {
                               display: "inline-flex",
@@ -5262,12 +5483,12 @@ function ReportDialog({
                               fontSize: "11px",
                               fontWeight: 600,
                               fontFamily: "inherit",
-                              cursor: "pointer"
+                              cursor: availableTypes.length === 1 ? "default" : "pointer"
                             },
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
@@ -6294,8 +6515,8 @@ function ReportDialog({
                               },
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches \u2014 your report is added to it, so the team sees everyone hitting it in one place." : "If it's the same problem, pick it \u2014 your report is added to it, so the team sees everyone hitting it in one place." })
+                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
                                 ] }),
                                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                                   "div",
@@ -6400,7 +6621,8 @@ function ReportDialog({
                                       if (!pickedSimilar) return;
                                       setAttachingTo(pickedSimilar);
                                       setDuplicateIssueNumber(pickedSimilar);
-                                      void handleSubmit({ duplicateOf: pickedSimilar });
+                                      setDuplicateKind("duplicate");
+                                      void handleSubmit({ duplicateOf: pickedSimilar, kind: "duplicate" });
                                     },
                                     style: {
                                       width: "100%",
@@ -6415,7 +6637,7 @@ function ReportDialog({
                                       cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                                       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
@@ -6423,6 +6645,39 @@ function ReportDialog({
                                     ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
                                   }
                                 ),
+                                pickedSimilar && /* @__PURE__ */ (0, import_jsx_runtime4.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 ? t2.textMuted : t2.text,
+                                      fontSize: "13px",
+                                      fontWeight: 600,
+                                      cursor: isSubmitting ? "not-allowed" : "pointer",
+                                      fontFamily: "inherit"
+                                    },
+                                    children: typeof attachingTo === "number" && duplicateKind === "related" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ButtonSpinner, {}),
+                                      "Adding to #",
+                                      attachingTo,
+                                      "\u2026"
+                                    ] }) : `Related request \u2014 add to #${pickedSimilar}`
+                                  }
+                                ),
                                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                                   "button",
                                   {
@@ -6769,7 +7024,10 @@ function ReportDialog({
           setTypeChosen(true);
           setStep(2);
         },
-        onDuplicateChange: setDuplicateIssueNumber,
+        onDuplicateChange: (issueNumber, kind) => {
+          setDuplicateIssueNumber(issueNumber);
+          setDuplicateKind(issueNumber && kind === "related" ? "related" : "duplicate");
+        },
         onConversationChange: setAiConversationId,
         onFinish: handleClose,
         rating,