glitchgrab 1.35.0 → 1.37.0

package/dist/index.js

@@ -647,7 +647,7 @@ async function enhanceText(text, token, baseUrl, screenshot, context) {
   }
 }
 async function assistTurn(params, token, baseUrl) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const offline = {
     conversationId: null,
     question: null,
@@ -676,7 +676,10 @@ async function assistTurn(params, token, baseUrl) {
     return {
       conversationId: (_c = (_b = envelope.data) == null ? void 0 : _b.conversationId) != null ? _c : null,
       question: (_e = (_d = envelope.data) == null ? void 0 : _d.question) != null ? _e : null,
-      report: (_g = (_f = envelope.data) == null ? void 0 : _f.report) != null ? _g : null,
+      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,
       degraded: null
     };
   } catch (e) {
@@ -1203,6 +1206,26 @@ function AnnotationCanvas({ imageSrc, onSave, onCancel }) {
     }
   );
 }
+function getTypeLabel(type) {
+  switch (type) {
+    case "RATING":
+      return "Rating";
+    case "BUG":
+      return "Bug Report";
+    case "FEATURE_REQUEST":
+      return "Feature Request";
+    case "UI_IMPROVEMENT":
+      return "UI Improvement";
+    case "PERFORMANCE":
+      return "Performance";
+    case "SECURITY":
+      return "Security";
+    case "QUESTION":
+      return "Question";
+    case "OTHER":
+      return "Other";
+  }
+}
 var STARTERS = [
   "Something on this page is broken",
   "It did the wrong thing",
@@ -1281,6 +1304,12 @@ function AssistSheet({
   attachmentCount,
   context,
   reportTypeLabel,
+  typePicked,
+  currentTile,
+  tiles,
+  onPickType,
+  rating,
+  onRatingChange,
   projectSlot,
   reporterName,
   description,
@@ -1288,18 +1317,27 @@ function AssistSheet({
   severity,
   onSeverityChange,
   showSeverity,
+  onDuplicateChange,
+  onConversationChange,
   isSubmitting,
   submitted,
   onSend,
   onDegrade,
-  onClose
+  onClose,
+  onFinish
 }) {
   const narrow = useIsNarrow();
   const [messages, setMessages] = (0, import_react3.useState)([]);
   const [input, setInput] = (0, import_react3.useState)("");
   const [busy, setBusy] = (0, import_react3.useState)(false);
   const [conversationId, setConversationId] = (0, import_react3.useState)(null);
-  const [phase, setPhase] = (0, import_react3.useState)("chat");
+  const [hoveredStar, setHoveredStar] = (0, import_react3.useState)(0);
+  const [options, setOptions] = (0, import_react3.useState)([]);
+  const [duplicate, setDuplicate] = (0, import_react3.useState)(null);
+  const [solved, setSolved] = (0, import_react3.useState)(null);
+  const [phase, setPhase] = (0, import_react3.useState)(
+    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+  );
   const scrollRef = (0, import_react3.useRef)(null);
   const inputRef = (0, import_react3.useRef)(null);
   const draftRef = (0, import_react3.useRef)(null);
@@ -1313,6 +1351,7 @@ function AssistSheet({
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
   async function runTurn(history2) {
+    var _a, _b, _c, _d;
     setBusy(true);
     let result;
     try {
@@ -1327,15 +1366,28 @@ function AssistSheet({
       onDegrade(result.degraded);
       return;
     }
-    if (result.conversationId) setConversationId(result.conversationId);
+    if (result.conversationId) {
+      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);
+    if (result.solved) {
+      setSolved(result.solved);
+      setOptions([]);
+      setPhase("solved");
+      return;
+    }
     if (result.report) {
       onDescriptionChange(result.report);
       setMessages([...history2, { role: "assistant", content: "Here's your report \u2014 have a read." }]);
+      setOptions([]);
       setPhase("draft");
       return;
     }
     if (result.question) {
       setMessages([...history2, { role: "assistant", content: result.question }]);
+      setOptions((_d = result.options) != null ? _d : []);
       return;
     }
     onDegrade("The assistant had nothing to add \u2014 write your report below and send it as normal.");
@@ -1343,6 +1395,7 @@ function AssistSheet({
   (0, import_react3.useEffect)(() => {
     if (seededRef.current) return;
     seededRef.current = true;
+    if (!typePicked || currentTile === "RATING") return;
     const seed = description.trim();
     if (!seed) return;
     const history2 = [{ role: "user", content: seed }];
@@ -1352,12 +1405,17 @@ function AssistSheet({
   function send(text) {
     const value = text.trim();
     if (!value || busy) return;
+    setOptions([]);
     const history2 = [...messages, { role: "user", content: value }];
     setMessages(history2);
     setInput("");
     void runTurn(history2);
   }
-  const empty = messages.length === 0 && !busy;
+  function pickType(tile) {
+    onPickType(tile);
+    setPhase(tile === "RATING" ? "rating" : "chat");
+  }
+  const empty = phase === "chat" && messages.length === 0 && !busy;
   const initials = (reporterName != null ? reporterName : "").split(/\s+/).filter(Boolean).slice(0, 2).map((w) => {
     var _a, _b;
     return (_b = (_a = w[0]) == null ? void 0 : _a.toUpperCase()) != null ? _b : "";
@@ -1473,7 +1531,7 @@ function AssistSheet({
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
-                          reportTypeLabel,
+                          phase === "type" ? null : reportTypeLabel,
                           projectSlot ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
@@ -1481,20 +1539,24 @@ function AssistSheet({
                         "button",
                         {
                           type: "button",
+                          "data-gg-write-myself": "",
                           onClick: onClose,
-                          "aria-label": "Close and write it myself",
+                          "aria-label": "Write it myself instead",
                           style: {
                             flexShrink: 0,
-                            border: "none",
+                            border: `1px solid ${t2.inputBorder}`,
+                            borderRadius: "999px",
                             background: "transparent",
                             color: t2.textMuted,
                             cursor: "pointer",
-                            fontSize: narrow ? "18px" : "12px",
+                            fontSize: "11.5px",
                             lineHeight: 1,
                             fontFamily: "inherit",
-                            padding: narrow ? "4px 6px" : "6px 4px"
+                            whiteSpace: "nowrap",
+                            // ~32px tall either way — this is the escape hatch, not a hint.
+                            padding: "9px 11px"
                           },
-                          children: narrow ? "\xD7" : "Write it myself"
+                          children: "Write it myself"
                         }
                       )
                     ]
@@ -1523,6 +1585,182 @@ function AssistSheet({
                           minWidth: 0
                         },
                         children: [
+                          phase === "type" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: [
+                                    reporterName ? `Hi ${reporterName.split(" ")[0]} \u2014 w` : "W",
+                                    "hat do you want to do? Pick one and I'll take it from there."
+                                  ]
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: tiles.map((tile) => {
+                                  const rate = tile === "RATING";
+                                  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      "data-gg-chip": "",
+                                      "data-gg-tile": tile,
+                                      onClick: () => pickType(tile),
+                                      style: {
+                                        display: "inline-flex",
+                                        alignItems: "center",
+                                        gap: "5px",
+                                        // The rating is the only tile that isn't a report, so
+                                        // it wears the star colour the dialog's hero row uses
+                                        // rather than hiding among the report types.
+                                        border: `1px solid ${rate ? "rgba(245,158,11,0.5)" : t2.inputBorder}`,
+                                        background: rate ? "rgba(245,158,11,0.08)" : "transparent",
+                                        color: rate ? "#f59e0b" : t2.textMuted,
+                                        borderRadius: "999px",
+                                        // 8px vertical keeps the tap target at ~32px.
+                                        padding: "8px 12px",
+                                        fontSize: "12px",
+                                        fontWeight: rate ? 600 : 400,
+                                        fontFamily: "inherit",
+                                        cursor: "pointer"
+                                      },
+                                      children: rate ? "\u2605 Rate us" : getTypeLabel(tile)
+                                    },
+                                    tile
+                                  );
+                                })
+                              }
+                            )
+                          ] }),
+                          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 }),
+                              /* @__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 are we doing? Tap a star \u2014 the words are optional."
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexDirection: "column",
+                                  gap: "10px",
+                                  marginLeft: "32px",
+                                  padding: "12px",
+                                  borderRadius: "12px",
+                                  border: "1px solid rgba(245,158,11,0.4)",
+                                  backgroundColor: "rgba(245,158,11,0.06)"
+                                },
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", gap: "4px" }, role: "group", "aria-label": "Rating", children: [1, 2, 3, 4, 5].map((star) => {
+                                    const filled = star <= (hoveredStar || rating);
+                                    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      "button",
+                                      {
+                                        type: "button",
+                                        "aria-label": `${star} star${star > 1 ? "s" : ""}`,
+                                        "aria-pressed": star <= rating,
+                                        onClick: () => onRatingChange(star),
+                                        onMouseEnter: () => setHoveredStar(star),
+                                        onMouseLeave: () => setHoveredStar(0),
+                                        style: {
+                                          border: "none",
+                                          background: "transparent",
+                                          padding: 0,
+                                          cursor: "pointer",
+                                          lineHeight: 0
+                                        },
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "path",
+                                          {
+                                            d: "M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9L12 3z",
+                                            fill: filled ? "#f59e0b" : "transparent",
+                                            stroke: filled ? "#f59e0b" : t2.inputBorder,
+                                            strokeWidth: "1.5",
+                                            strokeLinejoin: "round"
+                                          }
+                                        ) })
+                                      },
+                                      star
+                                    );
+                                  }) }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "textarea",
+                                    {
+                                      value: description,
+                                      onChange: (e) => onDescriptionChange(e.target.value),
+                                      rows: 3,
+                                      placeholder: "What made it good \u2014 or what let you down? (optional)",
+                                      style: {
+                                        width: "100%",
+                                        padding: "10px",
+                                        borderRadius: "8px",
+                                        border: `1px solid ${t2.inputBorder}`,
+                                        backgroundColor: t2.inputBg,
+                                        color: t2.text,
+                                        fontSize: "13px",
+                                        lineHeight: 1.5,
+                                        fontFamily: "inherit",
+                                        resize: "vertical",
+                                        outline: "none",
+                                        boxSizing: "border-box"
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      onClick: () => setPhase("type"),
+                                      style: {
+                                        alignSelf: "flex-start",
+                                        border: "none",
+                                        background: "transparent",
+                                        color: t2.textMuted,
+                                        fontSize: "12px",
+                                        fontFamily: "inherit",
+                                        // A bare text link is ~14px tall — half a thumb.
+                                        padding: "9px 0",
+                                        cursor: "pointer",
+                                        textDecoration: "underline"
+                                      },
+                                      children: "Report something instead"
+                                    }
+                                  )
+                                ]
+                              }
+                            )
+                          ] }),
                           empty && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
                               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
@@ -1611,6 +1849,47 @@ function AssistSheet({
                               i
                             );
                           }),
+                          options.length > 0 && !busy && phase === "chat" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            "div",
+                            {
+                              style: {
+                                display: "flex",
+                                // Long labels wrapped into a ragged row that always stranded
+                                // the last chip on a line of its own. Past ~24 characters
+                                // these stop being chips and become a choice list, so they
+                                // stack full width and read like one.
+                                flexDirection: options.some((o) => o.length > 24) ? "column" : "row",
+                                alignItems: options.some((o) => o.length > 24) ? "stretch" : "flex-start",
+                                flexWrap: "wrap",
+                                gap: "6px",
+                                paddingLeft: "32px"
+                              },
+                              children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                "button",
+                                {
+                                  type: "button",
+                                  "data-gg-chip": "",
+                                  "data-gg-option": "",
+                                  onClick: () => send(option),
+                                  style: {
+                                    border: `1px solid ${t2.inputBorder}`,
+                                    background: "transparent",
+                                    color: t2.textMuted,
+                                    borderRadius: "999px",
+                                    // Same 8px as the picker chips — one tap target size in
+                                    // this sheet, not two.
+                                    padding: "8px 12px",
+                                    fontSize: "12px",
+                                    fontFamily: "inherit",
+                                    cursor: "pointer",
+                                    textAlign: "left"
+                                  },
+                                  children: option
+                                },
+                                option
+                              ))
+                            }
+                          ),
                           busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { who: "assistant", theme: t2 }),
                             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1668,6 +1947,32 @@ function AssistSheet({
                                     children: "Your report \xB7 edit anything"
                                   }
                                 ),
+                                duplicate && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                  "div",
+                                  {
+                                    style: {
+                                      display: "flex",
+                                      flexDirection: "column",
+                                      gap: "3px",
+                                      padding: "9px 10px",
+                                      borderRadius: "8px",
+                                      border: "1px solid rgba(245,158,11,0.4)",
+                                      backgroundColor: "rgba(245,158,11,0.08)",
+                                      fontSize: "12px",
+                                      lineHeight: 1.5
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: "#f59e0b", fontWeight: 600 }, children: "Our team is already on this" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
+                                        "#",
+                                        duplicate.number,
+                                        " ",
+                                        duplicate.title
+                                      ] }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: t2.textMuted }, children: "Your details will be added to it instead of opening a new issue." })
+                                    ]
+                                  }
+                                ),
                                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                                   "textarea",
                                   {
@@ -1751,7 +2056,7 @@ function AssistSheet({
                                       color: t2.textMuted,
                                       fontSize: "12px",
                                       fontFamily: "inherit",
-                                      padding: 0,
+                                      padding: "9px 0",
                                       cursor: "pointer",
                                       textDecoration: "underline"
                                     },
@@ -1761,6 +2066,33 @@ function AssistSheet({
                               ]
                             }
                           ),
+                          phase === "solved" && solved && /* @__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%",
+                                    whiteSpace: "pre-wrap"
+                                  },
+                                  children: solved
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "span",
+                              {
+                                style: { fontSize: "11.5px", color: t2.textMuted, paddingLeft: "32px" },
+                                children: "Nothing was filed \u2014 you are all set."
+                              }
+                            )
+                          ] }),
                           submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                             "div",
                             {
@@ -1782,7 +2114,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                !submitted && phase !== "type" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                   "div",
                   {
                     style: {
@@ -1792,93 +2124,157 @@ function AssistSheet({
                       paddingBottom: narrow ? "max(12px, env(safe-area-inset-bottom))" : "12px",
                       backgroundColor: t2.bg
                     },
-                    children: phase === "draft" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "button",
-                      {
-                        type: "button",
-                        "data-gg-sheet-send": "",
-                        onClick: onSend,
-                        disabled: isSubmitting || !description.trim(),
-                        style: {
-                          width: "100%",
-                          padding: "12px",
-                          borderRadius: "10px",
-                          border: "none",
-                          backgroundColor: isSubmitting || !description.trim() ? t2.bgSecondary : t2.accent,
-                          color: isSubmitting || !description.trim() ? t2.textMuted : t2.accentText,
-                          fontSize: "14px",
-                          fontWeight: 700,
-                          fontFamily: "inherit",
-                          cursor: isSubmitting || !description.trim() ? "default" : "pointer"
-                        },
-                        children: isSubmitting ? "Sending\u2026" : "Send Report"
-                      }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                        "textarea",
+                    children: [
+                      phase === "solved" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "button",
                         {
-                          ref: inputRef,
-                          value: input,
-                          onChange: (e) => setInput(e.target.value),
-                          onKeyDown: (e) => {
-                            if (e.key === "Enter" && !e.shiftKey) {
-                              e.preventDefault();
-                              send(input);
-                            }
+                          type: "button",
+                          "data-gg-sheet-send": "",
+                          onClick: () => (onFinish != null ? onFinish : onClose)(),
+                          style: {
+                            width: "100%",
+                            padding: "12px",
+                            borderRadius: "10px",
+                            border: "none",
+                            backgroundColor: t2.accent,
+                            color: t2.accentText,
+                            fontSize: "14px",
+                            fontWeight: 700,
+                            fontFamily: "inherit",
+                            cursor: "pointer"
                           },
-                          placeholder: "Type your answer\u2026",
-                          rows: 1,
-                          disabled: busy,
-                          autoFocus: true,
+                          children: "Done"
+                        }
+                      ) : phase === "rating" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "data-gg-sheet-send": "",
+                          onClick: onSend,
+                          disabled: isSubmitting || rating < 1,
                           style: {
-                            flex: 1,
-                            minHeight: "42px",
-                            maxHeight: "120px",
-                            padding: "11px 12px",
+                            width: "100%",
+                            padding: "12px",
                             borderRadius: "10px",
-                            border: `1px solid ${t2.inputBorder}`,
-                            backgroundColor: t2.inputBg,
-                            color: t2.text,
-                            fontSize: "13px",
-                            lineHeight: 1.4,
+                            border: "none",
+                            backgroundColor: isSubmitting || rating < 1 ? t2.bgSecondary : "#f59e0b",
+                            color: isSubmitting || rating < 1 ? t2.textMuted : "#1a1a1a",
+                            fontSize: "14px",
+                            fontWeight: 700,
                             fontFamily: "inherit",
-                            resize: "none",
-                            outline: "none",
-                            boxSizing: "border-box"
-                          }
+                            cursor: isSubmitting || rating < 1 ? "default" : "pointer"
+                          },
+                          children: isSubmitting ? "Sending\u2026" : rating < 1 ? "Pick a star first" : "Send Rating"
                         }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      ) : phase === "draft" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         "button",
                         {
                           type: "button",
                           "data-gg-sheet-send": "",
-                          onClick: () => send(input),
-                          disabled: busy || !input.trim(),
-                          "aria-label": "Send message",
+                          onClick: onSend,
+                          disabled: isSubmitting || !description.trim(),
                           style: {
-                            flexShrink: 0,
-                            width: "42px",
-                            height: "42px",
+                            width: "100%",
+                            padding: "12px",
                             borderRadius: "10px",
                             border: "none",
-                            display: "inline-flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            backgroundColor: busy || !input.trim() ? t2.bgSecondary : t2.accent,
-                            color: busy || !input.trim() ? t2.textMuted : t2.accentText,
-                            cursor: busy || !input.trim() ? "default" : "pointer"
+                            backgroundColor: isSubmitting || !description.trim() ? t2.bgSecondary : t2.accent,
+                            color: isSubmitting || !description.trim() ? t2.textMuted : t2.accentText,
+                            fontSize: "14px",
+                            fontWeight: 700,
+                            fontFamily: "inherit",
+                            cursor: isSubmitting || !description.trim() ? "default" : "pointer"
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                            "path",
-                            {
-                              d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
-                              fill: "currentColor"
+                          children: isSubmitting ? "Sending\u2026" : duplicate ? `Add to #${duplicate.number}` : "Send Report"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "textarea",
+                          {
+                            ref: inputRef,
+                            value: input,
+                            onChange: (e) => setInput(e.target.value),
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter" && !e.shiftKey) {
+                                e.preventDefault();
+                                send(input);
+                              }
+                            },
+                            placeholder: "Type your answer\u2026",
+                            rows: 1,
+                            disabled: busy,
+                            autoFocus: true,
+                            style: {
+                              flex: 1,
+                              minHeight: "42px",
+                              maxHeight: "120px",
+                              padding: "11px 12px",
+                              borderRadius: "10px",
+                              border: `1px solid ${t2.inputBorder}`,
+                              backgroundColor: t2.inputBg,
+                              color: t2.text,
+                              fontSize: "13px",
+                              lineHeight: 1.4,
+                              fontFamily: "inherit",
+                              resize: "none",
+                              outline: "none",
+                              boxSizing: "border-box"
                             }
-                          ) })
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            "data-gg-sheet-send": "",
+                            onClick: () => send(input),
+                            disabled: busy || !input.trim(),
+                            "aria-label": "Send message",
+                            "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() ? t2.bgSecondary : t2.accent,
+                              color: busy || !input.trim() ? t2.textMuted : t2.accentText,
+                              cursor: busy || !input.trim() ? "default" : "pointer"
+                            },
+                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                              "path",
+                              {
+                                d: "M3 20.5L21.5 12 3 3.5V10l12 2-12 2v6.5z",
+                                fill: "currentColor"
+                              }
+                            ) })
+                          }
+                        )
+                      ] }),
+                      phase === "chat" && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "data-gg-write-myself": "",
+                          onClick: onClose,
+                          style: {
+                            display: "block",
+                            margin: "8px auto 0",
+                            border: "none",
+                            background: "transparent",
+                            color: t2.textMuted,
+                            fontSize: "11.5px",
+                            fontFamily: "inherit",
+                            padding: "6px 8px",
+                            cursor: "pointer"
+                          },
+                          children: "Not getting it? Fill the form yourself \u2192"
                         }
                       )
-                    ] })
+                    ]
                   }
                 )
               ]
@@ -2248,6 +2644,9 @@ function ReportDialog({
   const [assistOpen, setAssistOpen] = (0, import_react.useState)(false);
   const [assistNotice, setAssistNotice] = (0, import_react.useState)(null);
   const [assistUsed, setAssistUsed] = (0, import_react.useState)(false);
+  const [typeChosen, setTypeChosen] = (0, import_react.useState)(false);
+  const [duplicateIssueNumber, setDuplicateIssueNumber] = (0, import_react.useState)(null);
+  const [aiConversationId, setAiConversationId] = (0, import_react.useState)(null);
   const [isEnhanced, setIsEnhanced] = (0, import_react.useState)(false);
   const [originalDescription, setOriginalDescription] = (0, import_react.useState)(
     null
@@ -2300,6 +2699,10 @@ function ReportDialog({
   const sarvamChunksRef = (0, import_react.useRef)([]);
   const spaceTimerRef = (0, import_react.useRef)(null);
   const isPushToTalkRef = (0, import_react.useRef)(false);
+  const spaceEditsRef = (0, import_react.useRef)(0);
+  const descriptionRef = (0, import_react.useRef)("");
+  const lastVoiceTextRef = (0, import_react.useRef)(null);
+  const hadWebSpeechRef = (0, import_react.useRef)(false);
   (0, import_react.useEffect)(() => {
     if (!isOpen) return;
     const HOST_LAYERS = '[role="dialog"],[role="alertdialog"],[role="menu"],[role="listbox"]';
@@ -2355,6 +2758,7 @@ function ReportDialog({
         e.preventDefault();
         setRating(Number(e.key));
         setReportType("RATING");
+        setTypeChosen(true);
         setStep(2);
         return;
       }
@@ -2366,6 +2770,7 @@ function ReportDialog({
       if (match) {
         e.preventDefault();
         setReportType(match);
+        setTypeChosen(true);
         setStep(2);
       }
     };
@@ -2419,10 +2824,12 @@ function ReportDialog({
     setAnnotatingIndex(null);
     if (availableTypes.length === 1) {
       setReportType(availableTypes[0]);
+      setTypeChosen(true);
       setStep(2);
     }
     const shot = await captureScreenshot();
     if (shot) setScreenshots([shot]);
+    if (assist && !assistUsed) setAssistOpen(true);
     setIsOpen(true);
   };
   (0, import_react.useEffect)(() => {
@@ -2432,6 +2839,7 @@ function ReportDialog({
       if (detail == null ? void 0 : detail.description) setDescription(detail.description);
       if (detail == null ? void 0 : detail.type) {
         setReportType(detail.type);
+        setTypeChosen(true);
         setStep(2);
       }
       handleOpen();
@@ -2555,6 +2963,22 @@ function ReportDialog({
     }, 3e3);
     return () => clearInterval(id);
   }, [isOpen, transcribeAudio2]);
+  (0, import_react.useEffect)(() => {
+    descriptionRef.current = description;
+  }, [description]);
+  const rebaseVoiceOnUserEdits = () => {
+    var _a2;
+    const live = descriptionRef.current;
+    const baseline = (_a2 = lastVoiceTextRef.current) != null ? _a2 : textBeforeVoiceRef.current;
+    if (live === baseline) return;
+    voiceBaseRef.current = live;
+    textBeforeVoiceRef.current = live;
+  };
+  const setDescriptionFromVoice = (text) => {
+    lastVoiceTextRef.current = text;
+    descriptionRef.current = text;
+    setDescription(text);
+  };
   const stopVoice = () => {
     var _a2, _b2;
     usingWebSpeechRef.current = false;
@@ -2583,7 +3007,7 @@ function ReportDialog({
     } catch (e) {
     }
   };
-  const sheetUp = !!assist && assistOpen && !isRating;
+  const sheetUp = !!assist && assistOpen;
   (0, import_react.useEffect)(() => {
     const el = modalRef.current;
     if (!el) return;
@@ -2605,6 +3029,8 @@ function ReportDialog({
     setRating(0);
     setHoveredStar(0);
     setReportType("BUG");
+    setTypeChosen(false);
+    setDuplicateIssueNumber(null);
     setSeverity("medium");
     setValidationError(null);
     setVoiceError(null);
@@ -2619,6 +3045,8 @@ function ReportDialog({
       stopListeningAndTranscribe();
       return;
     }
+    lastVoiceTextRef.current = null;
+    hadWebSpeechRef.current = false;
     const SpeechRec = typeof window !== "undefined" ? window.SpeechRecognition || window.webkitSpeechRecognition : void 0;
     let stream = null;
     try {
@@ -2633,13 +3061,14 @@ function ReportDialog({
     if (stream && transcribeAudio2) {
       streamRef.current = stream;
       sarvamChunksRef.current = [];
-      textBeforeVoiceRef.current = description;
+      textBeforeVoiceRef.current = descriptionRef.current;
       const rec = new MediaRecorder(stream);
       mediaRecorderRef.current = rec;
       rec.ondataavailable = (e) => {
         if (e.data.size > 0) sarvamChunksRef.current.push(e.data);
       };
       rec.onstop = async () => {
+        var _a2;
         stream.getTracks().forEach((t22) => t22.stop());
         if (streamRef.current === stream) streamRef.current = null;
         mediaRecorderRef.current = null;
@@ -2651,11 +3080,18 @@ function ReportDialog({
           const blob = new Blob(chunks, { type: rec.mimeType || "audio/webm" });
           const text = await transcribeAudio2(blob);
           if (text.trim()) {
-            const sep = textBeforeVoiceRef.current.trim() ? " " : "";
-            setDescription(textBeforeVoiceRef.current + sep + text.trim());
-            setValidationError(null);
-            setIsEnhanced(false);
-            setOriginalDescription(null);
+            const live = descriptionRef.current;
+            const baseline = (_a2 = lastVoiceTextRef.current) != null ? _a2 : textBeforeVoiceRef.current;
+            const userEdited = live !== baseline;
+            if (userEdited && hadWebSpeechRef.current) {
+            } else {
+              const base = userEdited ? live : textBeforeVoiceRef.current;
+              const sep = base.trim() ? " " : "";
+              setDescriptionFromVoice(base + sep + text.trim());
+              setValidationError(null);
+              setIsEnhanced(false);
+              setOriginalDescription(null);
+            }
           }
         } catch (e) {
         }
@@ -2666,8 +3102,9 @@ function ReportDialog({
     if (SpeechRec) {
       setVoiceError(null);
       usingWebSpeechRef.current = true;
-      voiceBaseRef.current = description;
-      textBeforeVoiceRef.current = description;
+      hadWebSpeechRef.current = true;
+      voiceBaseRef.current = descriptionRef.current;
+      textBeforeVoiceRef.current = descriptionRef.current;
       const recognition = new SpeechRec();
       recognition.lang = "en-IN";
       recognition.interimResults = true;
@@ -2682,12 +3119,13 @@ function ReportDialog({
           if (event.results[i].isFinal) finalText += text;
           else interimText += text;
         }
+        rebaseVoiceOnUserEdits();
         if (finalText) {
           const sep = voiceBaseRef.current.trim() ? " " : "";
           voiceBaseRef.current += sep + finalText.trim();
         }
         const liveText = interimText ? voiceBaseRef.current + (voiceBaseRef.current.trim() ? " " : "") + interimText : voiceBaseRef.current;
-        setDescription(liveText);
+        setDescriptionFromVoice(liveText);
         setValidationError(null);
       };
       recognition.onend = () => {
@@ -2714,37 +3152,54 @@ function ReportDialog({
       setIsListening(true);
     }
   };
+  const cancelPushToTalkArm = () => {
+    if (!spaceTimerRef.current) return;
+    clearTimeout(spaceTimerRef.current);
+    spaceTimerRef.current = null;
+  };
+  const notePushToTalkEdit = () => {
+    if (!spaceTimerRef.current) return;
+    spaceEditsRef.current += 1;
+    if (spaceEditsRef.current > 1) cancelPushToTalkArm();
+  };
   const handleSpaceDown = (e) => {
-    var _a2;
-    if (e.code !== "Space") return;
+    if (e.code !== "Space") {
+      if (!e.metaKey && !e.ctrlKey && !e.altKey) cancelPushToTalkArm();
+      return;
+    }
     if (isListening || isPushToTalkRef.current) {
       e.preventDefault();
       return;
     }
     if (e.repeat || !transcribeAudio2 || isTranscribing || spaceTimerRef.current)
       return;
-    const pos = (_a2 = e.currentTarget.selectionStart) != null ? _a2 : description.length;
+    if (e.currentTarget.value !== "") return;
+    spaceEditsRef.current = 0;
     spaceTimerRef.current = setTimeout(() => {
+      var _a2;
       spaceTimerRef.current = null;
       isPushToTalkRef.current = true;
-      setDescription(
-        (prev) => prev[pos] === " " ? prev.slice(0, pos) + prev.slice(pos + 1) : prev
-      );
-      requestAnimationFrame(() => {
-        if (textareaRef.current) {
-          textareaRef.current.selectionStart = pos;
-          textareaRef.current.selectionEnd = pos;
-        }
-      });
+      const el = textareaRef.current;
+      const caret = (_a2 = el == null ? void 0 : el.selectionStart) != null ? _a2 : null;
+      if (el && caret !== null && caret === el.selectionEnd && el.value[caret - 1] === " ") {
+        const cut = caret - 1;
+        setDescription(
+          (prev) => prev[cut] === " " ? prev.slice(0, cut) + prev.slice(cut + 1) : prev
+        );
+        descriptionRef.current = descriptionRef.current.slice(0, cut) + descriptionRef.current.slice(cut + 1);
+        requestAnimationFrame(() => {
+          if (textareaRef.current) {
+            textareaRef.current.selectionStart = cut;
+            textareaRef.current.selectionEnd = cut;
+          }
+        });
+      }
       void toggleVoice();
     }, 400);
   };
   const handleSpaceUp = (e) => {
     if (e.code !== "Space") return;
-    if (spaceTimerRef.current) {
-      clearTimeout(spaceTimerRef.current);
-      spaceTimerRef.current = null;
-    }
+    cancelPushToTalkArm();
     if (isPushToTalkRef.current) {
       isPushToTalkRef.current = false;
       stopListeningAndTranscribe();
@@ -2789,6 +3244,12 @@ function ReportDialog({
       if (showSeverity && reportType === "BUG") {
         metadata.severity = severity;
       }
+      if (duplicateIssueNumber) {
+        metadata.duplicateIssueNumber = String(duplicateIssueNumber);
+      }
+      if (aiConversationId) {
+        metadata.aiConversationId = aiConversationId;
+      }
       const result = await report(
         // The RATING branch returned above, so anything reaching here is a real
         // ReportType — the widened tile union can't leak into the report API.
@@ -2801,6 +3262,8 @@ function ReportDialog({
         setDescription("");
         setScreenshots([]);
         setAttachments([]);
+        setAiConversationId(null);
+        setDuplicateIssueNumber(null);
         setTimeout(() => {
           setSubmitted(false);
           handleClose();
@@ -3151,6 +3614,7 @@ function ReportDialog({
                                   onClick: () => {
                                     setRating(star);
                                     setReportType("RATING");
+                                    setTypeChosen(true);
                                     setStep(2);
                                   },
                                   style: {
@@ -3261,6 +3725,7 @@ function ReportDialog({
                               "data-gg-type": type,
                               onClick: () => {
                                 setReportType(type);
+                                setTypeChosen(true);
                                 setStep(2);
                               },
                               style: {
@@ -3380,6 +3845,7 @@ function ReportDialog({
                             type: "button",
                             onClick: () => {
                               setAssistNotice(null);
+                              setTypeChosen(true);
                               setAssistOpen(true);
                             },
                             style: {
@@ -3420,6 +3886,7 @@ function ReportDialog({
                               ref: textareaRef,
                               value: description,
                               onChange: (e) => {
+                                notePushToTalkEdit();
                                 setDescription(e.target.value);
                                 if (validationError) setValidationError(null);
                                 if (isEnhanced) {
@@ -4528,6 +4995,22 @@ function ReportDialog({
         attachmentCount: screenshots.length + attachments.length,
         context: { ...assistContext != null ? assistContext : {}, reportType },
         reportTypeLabel: getTypeLabel(reportType),
+        typePicked: typeChosen,
+        currentTile: reportType,
+        tiles: sendFeedback2 ? [...availableTypes, "RATING"] : availableTypes,
+        onPickType: (tile) => {
+          setReportType(tile);
+          setTypeChosen(true);
+          setStep(2);
+        },
+        onDuplicateChange: setDuplicateIssueNumber,
+        onConversationChange: setAiConversationId,
+        onFinish: handleClose,
+        rating,
+        onRatingChange: (value) => {
+          setRating(value);
+          if (validationError) setValidationError(null);
+        },
         projectSlot: headerSlot,
         reporterName: (_b = reporter == null ? void 0 : reporter.name) != null ? _b : null,
         description,
@@ -4557,26 +5040,6 @@ function ReportDialog({
     )
   ] });
 }
-function getTypeLabel(type) {
-  switch (type) {
-    case "RATING":
-      return "Rating";
-    case "BUG":
-      return "Bug Report";
-    case "FEATURE_REQUEST":
-      return "Feature Request";
-    case "UI_IMPROVEMENT":
-      return "UI Improvement";
-    case "PERFORMANCE":
-      return "Performance";
-    case "SECURITY":
-      return "Security";
-    case "QUESTION":
-      return "Question";
-    case "OTHER":
-      return "Other";
-  }
-}
 function getPlaceholder(type, idx = 0, hasVoice = false) {
   if (type === "RATING") return "What made it good \u2014 or what let you down? (optional)";
   if (hasVoice && idx === 1) return "Hold Space to speak \u2014 we'll transcribe it";
@@ -5561,6 +6024,12 @@ function GlitchgrabProviderInner({
       return assistTurn(
         {
           ...params,
+          // Same identity the report itself carries, from the same prop.
+          reporter: session ? {
+            key: session.userId,
+            name: session.name ? String(session.name) : null,
+            email: session.email ? String(session.email) : null
+          } : void 0,
           context: {
             ...(_a = params.context) != null ? _a : {},
             url: ctx.url,
@@ -5572,7 +6041,7 @@ function GlitchgrabProviderInner({
         baseUrl
       );
     },
-    [token, baseUrl]
+    [token, baseUrl, session]
   );
   const transcribe = (0, import_react5.useCallback)(
     async (blob) => {