glitchgrab 1.46.0 → 1.48.0

package/dist/index.mjs

@@ -14,6 +14,37 @@ import {
 // src/error-boundary.tsx
 import * as React from "react";
 
+// ../report-ui/dist/assist-response.mjs
+var ASSIST_OFFLINE_MESSAGE = "The assistant is unavailable \u2014 write your report below and send it as normal.";
+function assistOffline() {
+  return { conversationId: null, question: null, report: null, degraded: ASSIST_OFFLINE_MESSAGE };
+}
+function toAssistTurnResult(ok, body) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const envelope = body != null ? body : null;
+  if (!ok || !(envelope == null ? void 0 : envelope.success)) {
+    return {
+      ...assistOffline(),
+      // The server words why (cap, rate limit, switched off). An hourly limit
+      // keeps the assistant button for this report.
+      degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : ASSIST_OFFLINE_MESSAGE,
+      retryable: (envelope == null ? void 0 : envelope.retryable) === true
+    };
+  }
+  const d = (_b = envelope.data) != null ? _b : {};
+  return {
+    conversationId: (_c = d.conversationId) != null ? _c : null,
+    question: (_d = d.question) != null ? _d : null,
+    options: Array.isArray(d.options) ? d.options.filter((o) => typeof o === "string") : [],
+    report: (_e = d.report) != null ? _e : null,
+    duplicate: (_f = d.duplicate) != null ? _f : null,
+    related: (_g = d.related) != null ? _g : null,
+    solved: (_h = d.solved) != null ? _h : null,
+    aboutGlitchgrab: d.aboutGlitchgrab === true,
+    degraded: null
+  };
+}
+
 // src/redact.ts
 var SENSITIVE_KEY_RE = /(pass|pwd|secret|token|auth|session|cookie|credential|apikey|api_key|access_key|private|signature|otp|pin|cvv|card|ssn|aadhaar|pan)/i;
 var EMAIL_RE = /[\w.+-]+@[\w-]+\.[\w.-]+/g;
@@ -688,13 +719,7 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
   }
 }
 async function assistTurn(params, token, baseUrl) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const offline = {
-    conversationId: null,
-    question: null,
-    report: null,
-    degraded: "The assistant is unavailable \u2014 write your report below and send it as normal."
-  };
+  const offline = assistOffline();
   try {
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/report-chat`;
     const response = await fetch(url, {
@@ -705,27 +730,7 @@ async function assistTurn(params, token, baseUrl) {
       },
       body: JSON.stringify(params)
     });
-    const envelope = await response.json().catch(() => null);
-    if (!response.ok || !(envelope == null ? void 0 : envelope.success)) {
-      return {
-        conversationId: null,
-        question: null,
-        report: null,
-        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded,
-        // An hourly limit, not a cap: the dialog keeps the assistant button.
-        retryable: (envelope == null ? void 0 : envelope.retryable) === true
-      };
-    }
-    return {
-      conversationId: (_c = (_b = envelope.data) == null ? void 0 : _b.conversationId) != null ? _c : null,
-      question: (_e = (_d = envelope.data) == null ? void 0 : _d.question) != null ? _e : null,
-      options: (_g = (_f = envelope.data) == null ? void 0 : _f.options) != null ? _g : [],
-      report: (_i = (_h = envelope.data) == null ? void 0 : _h.report) != null ? _i : null,
-      duplicate: (_k = (_j = envelope.data) == null ? void 0 : _j.duplicate) != null ? _k : null,
-      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;
   }
@@ -1420,6 +1425,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] = useState2(false);
@@ -1534,12 +1550,15 @@ function AssistSheet({
   const [duplicate, setDuplicate] = useState2(null);
   const [glitchgrabOffer, setGlitchgrabOffer] = useState2(false);
   const [solved, setSolved] = useState2(null);
+  const needsSeverity = (tile) => showSeverity && tile === "BUG" && !severity;
   const [phase, setPhase] = useState2(
-    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+    () => !typePicked ? "type" : currentTile === "RATING" ? "rating" : needsSeverity(currentTile) ? "severity" : "chat"
   );
+  const [autoFileLeft, setAutoFileLeft] = useState2(null);
   const scrollRef = useRef2(null);
   const draftRef = useRef2(null);
   const seededRef = useRef2(false);
+  const seedPendingRef = useRef2(false);
   const eventsRef = useRef2([]);
   const aiDraftRef = useRef2(null);
   function logEvent(type, detail) {
@@ -1579,14 +1598,33 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  useEffect2(() => {
+    if (autoFileLeft === null) return;
+    if (isSubmitting || submitted || phase !== "draft") {
+      setAutoFileLeft(null);
+      return;
+    }
+    if (autoFileLeft <= 0) {
+      sendDraft(true);
+      return;
+    }
+    const id = setTimeout(() => setAutoFileLeft((n) => n === null ? null : n - 1), 1e3);
+    return () => clearTimeout(id);
+  }, [autoFileLeft, isSubmitting, submitted, phase]);
+  function stopAutoFile(reason) {
+    if (autoFileLeft === null) return;
+    setAutoFileLeft(null);
+    logEvent("auto_file_stopped", reason);
+  }
   function degradeKeepingEvents(events, message, retryable) {
     if (events) eventsRef.current = [...events, ...eventsRef.current];
     flushEvents();
     onDegrade(message, retryable);
   }
-  async function runTurn(history2) {
-    var _a, _b, _c, _d;
+  async function runTurn(history2, autoFile = false) {
+    var _a, _b;
     setBusy(true);
+    setAutoFileLeft(null);
     let result;
     const events = takeEvents();
     try {
@@ -1629,8 +1667,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);
@@ -1645,11 +1684,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.");
@@ -1658,13 +1700,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([]);
@@ -1679,11 +1742,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();
@@ -1696,9 +1759,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();
   }
@@ -1722,15 +1786,15 @@ function AssistSheet({
           minWidth: 0
         },
         children: [
-          /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
+          /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.kind === "related" ? title ? "Your request goes onto this issue" : `Connected to #${duplicate.number}` : title ? "Our team is already on this" : `Our team is already on #${duplicate.number}` }),
           title && /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
             "#",
             duplicate.number,
             " ",
             duplicate.title
           ] }),
-          duplicate.status && /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
-          footer && /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: footer })
+          duplicate.status && duplicate.kind !== "related" && /* @__PURE__ */ jsx2("span", { style: { color: t2.text, fontWeight: 600 }, children: duplicate.status }),
+          footer && /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: duplicate.kind === "related" ? "Added as a separate request on it, not a repeat \u2014 the team sees both." : footer })
         ]
       }
     );
@@ -1758,6 +1822,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}
       ` }),
@@ -1852,6 +1917,7 @@ function AssistSheet({
                         ),
                         /* @__PURE__ */ jsxs2("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__ */ jsx2("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
@@ -1970,6 +2036,62 @@ function AssistSheet({
                               }
                             )
                           ] }),
+                          phase === "severity" && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx2(
+                                "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__ */ jsx2(
+                              "div",
+                              {
+                                role: "radiogroup",
+                                "aria-label": "Severity",
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ jsx2(
+                                  "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__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
                             /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
                               /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
@@ -2158,7 +2280,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__ */ jsxs2(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__ */ jsxs2(Fragment, { children: [
                                       /* @__PURE__ */ jsx2(
                                         "span",
                                         {
@@ -2325,7 +2451,7 @@ function AssistSheet({
                                   "data-gg-option": "",
                                   onClick: () => {
                                     logEvent("option_tap", option);
-                                    send(option);
+                                    send(option, option === CONFIRM_OPTION);
                                   },
                                   style: {
                                     border: `1px solid ${t2.inputBorder}`,
@@ -2400,7 +2526,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({
@@ -2412,7 +2538,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%",
@@ -2431,7 +2560,7 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && /* @__PURE__ */ jsxs2("div", { children: [
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ jsxs2("div", { children: [
                                   /* @__PURE__ */ jsxs2(
                                     "span",
                                     {
@@ -2553,7 +2682,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && /* @__PURE__ */ jsxs2(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ jsxs2(
                   "div",
                   {
                     style: {
@@ -2660,6 +2789,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"
@@ -2770,6 +2900,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);
                                             },
@@ -2852,6 +2983,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) {
@@ -2881,11 +3013,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",
@@ -2915,7 +3050,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": "",
@@ -2954,12 +3089,87 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
+                            autoFileLeft !== null ? (
+                              // #402: "Yes, that's it" was the confirmation. The draft
+                              // files itself unless they stop it — the bar shows how
+                              // long is left, the button sends now.
+                              /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ jsxs2(
+                                  "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__ */ jsx2(
+                                        "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__ */ jsxs2("span", { style: { position: "relative" }, children: [
+                                        "Filing in ",
+                                        autoFileLeft,
+                                        "s\u2026"
+                                      ] })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx2(
+                                  "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__ */ jsx2(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: sendDraft,
+                                onClick: () => sendDraft(),
                                 disabled: isSubmitting || !description.trim(),
                                 style: {
                                   width: "100%",
@@ -3935,9 +4145,11 @@ function ReportDialog({
   reporter,
   onClose,
   headerSlot,
-  reportGlitchgrabProblem
+  reportGlitchgrabProblem,
+  layout = "modal"
 }) {
   var _a;
+  const sheet = layout === "sheet";
   const [isEnhancing, setIsEnhancing] = useState4(false);
   const [assistOpen, setAssistOpen] = useState4(false);
   const [assistNotice, setAssistNotice] = useState4(null);
@@ -3946,6 +4158,8 @@ function ReportDialog({
   const [selfReportPrefill, setSelfReportPrefill] = useState4("");
   const [typeChosen, setTypeChosen] = useState4(false);
   const [duplicateIssueNumber, setDuplicateIssueNumber] = useState4(null);
+  const [duplicateKind, setDuplicateKind] = useState4("duplicate");
+  const [addedAsRelated, setAddedAsRelated] = useState4(false);
   const [similarIssues, setSimilarIssues] = useState4(null);
   const [checkingSimilar, setCheckingSimilar] = useState4(false);
   const [attachingTo, setAttachingTo] = useState4(null);
@@ -4382,6 +4596,7 @@ function ReportDialog({
     setReportType("BUG");
     setTypeChosen(false);
     setDuplicateIssueNumber(null);
+    setDuplicateKind("duplicate");
     setSimilarIssues(null);
     setPickedSimilar(null);
     setCheckingSimilar(false);
@@ -4574,7 +4789,7 @@ function ReportDialog({
     }
   };
   const handleSubmit = async (opts) => {
-    var _a2, _b;
+    var _a2, _b, _c;
     try {
       if (isSubmitting) return;
       if (isRating) {
@@ -4612,6 +4827,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);
@@ -4647,6 +4863,7 @@ function ReportDialog({
       }
       if (duplicateOf) {
         metadata.duplicateIssueNumber = String(duplicateOf);
+        if (attachKind === "related") metadata.duplicateKind = "related";
       }
       if (aiConversationId) {
         metadata.aiConversationId = aiConversationId;
@@ -4660,14 +4877,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(() => {
@@ -4738,8 +4957,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'
           },
@@ -4759,14 +4978,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,
@@ -4800,7 +5020,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ jsx4(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ jsx4(
                                     "button",
                                     {
                                       type: "button",
@@ -4918,7 +5138,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx4(
+                      availableTypes.length > 1 && /* @__PURE__ */ jsx4(
                         "div",
                         {
                           style: {
@@ -4995,7 +5215,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__ */ jsxs4(Fragment3, { children: [
                       step === 1 && headerSlot ? /* @__PURE__ */ jsx4("div", { style: { marginBottom: "14px" }, children: headerSlot }) : null,
@@ -5194,6 +5414,7 @@ function ReportDialog({
                           "button",
                           {
                             type: "button",
+                            disabled: availableTypes.length === 1,
                             onClick: () => setStep(1),
                             style: {
                               display: "inline-flex",
@@ -5208,12 +5429,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__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),
@@ -6240,8 +6461,8 @@ function ReportDialog({
                               },
                               children: [
                                 /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
-                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this" }),
-                                  /* @__PURE__ */ jsx4("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__ */ jsx4("span", { style: { color: t2.text, fontWeight: 600, fontSize: "13px" }, children: "Our team may already have this, or something close" }),
+                                  /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontSize: "12px", lineHeight: 1.5 }, children: similarIssues.length > 1 ? "Pick the one that matches. Same problem, or a different request for the same feature \u2014 it's added to that issue, so the team has it in one place." : "Same problem, or a different request for the same feature? Pick it \u2014 it's added to that issue, so the team has it in one place." })
                                 ] }),
                                 /* @__PURE__ */ jsx4(
                                   "div",
@@ -6346,7 +6567,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%",
@@ -6361,7 +6583,7 @@ function ReportDialog({
                                       cursor: isSubmitting || !pickedSimilar ? "not-allowed" : "pointer",
                                       fontFamily: "inherit"
                                     },
-                                    children: typeof attachingTo === "number" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+                                    children: typeof attachingTo === "number" && duplicateKind !== "related" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
                                       /* @__PURE__ */ jsx4(ButtonSpinner, {}),
                                       "Adding to #",
                                       attachingTo,
@@ -6369,6 +6591,39 @@ function ReportDialog({
                                     ] }) : pickedSimilar ? `Add to #${pickedSimilar}` : "Pick the matching issue"
                                   }
                                 ),
+                                pickedSimilar && /* @__PURE__ */ jsx4(
+                                  "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__ */ jsxs4(Fragment3, { children: [
+                                      /* @__PURE__ */ jsx4(ButtonSpinner, {}),
+                                      "Adding to #",
+                                      attachingTo,
+                                      "\u2026"
+                                    ] }) : `Related request \u2014 add to #${pickedSimilar}`
+                                  }
+                                ),
                                 /* @__PURE__ */ jsx4(
                                   "button",
                                   {
@@ -6715,7 +6970,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,