glitchgrab 1.35.0 → 1.36.0

package/dist/index.mjs

@@ -588,7 +588,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,
@@ -617,7 +617,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) {
@@ -1148,6 +1151,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",
@@ -1226,6 +1249,12 @@ function AssistSheet({
   attachmentCount,
   context,
   reportTypeLabel,
+  typePicked,
+  currentTile,
+  tiles,
+  onPickType,
+  rating,
+  onRatingChange,
   projectSlot,
   reporterName,
   description,
@@ -1233,18 +1262,26 @@ function AssistSheet({
   severity,
   onSeverityChange,
   showSeverity,
+  onDuplicateChange,
   isSubmitting,
   submitted,
   onSend,
   onDegrade,
-  onClose
+  onClose,
+  onFinish
 }) {
   const narrow = useIsNarrow();
   const [messages, setMessages] = useState2([]);
   const [input, setInput] = useState2("");
   const [busy, setBusy] = useState2(false);
   const [conversationId, setConversationId] = useState2(null);
-  const [phase, setPhase] = useState2("chat");
+  const [hoveredStar, setHoveredStar] = useState2(0);
+  const [options, setOptions] = useState2([]);
+  const [duplicate, setDuplicate] = useState2(null);
+  const [solved, setSolved] = useState2(null);
+  const [phase, setPhase] = useState2(
+    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+  );
   const scrollRef = useRef2(null);
   const inputRef = useRef2(null);
   const draftRef = useRef2(null);
@@ -1258,6 +1295,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 {
@@ -1273,14 +1311,24 @@ function AssistSheet({
       return;
     }
     if (result.conversationId) setConversationId(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.");
@@ -1288,6 +1336,7 @@ function AssistSheet({
   useEffect2(() => {
     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 }];
@@ -1297,12 +1346,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 : "";
@@ -1418,7 +1472,7 @@ function AssistSheet({
                           }
                         ),
                         /* @__PURE__ */ jsxs2("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
-                          reportTypeLabel,
+                          phase === "type" ? null : reportTypeLabel,
                           projectSlot ? /* @__PURE__ */ jsx2("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
@@ -1468,6 +1522,182 @@ function AssistSheet({
                           minWidth: 0
                         },
                         children: [
+                          phase === "type" && /* @__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__ */ jsxs2(
+                                "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__ */ jsx2(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: tiles.map((tile) => {
+                                  const rate = tile === "RATING";
+                                  return /* @__PURE__ */ jsx2(
+                                    "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__ */ 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 are we doing? Tap a star \u2014 the words are optional."
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsxs2(
+                              "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__ */ jsx2("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__ */ jsx2(
+                                      "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__ */ jsx2("svg", { width: "30", height: "30", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+                                          "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__ */ jsx2(
+                                    "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__ */ jsx2(
+                                    "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__ */ 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 }),
@@ -1556,6 +1786,47 @@ function AssistSheet({
                               i
                             );
                           }),
+                          options.length > 0 && !busy && phase === "chat" && /* @__PURE__ */ jsx2(
+                            "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__ */ jsx2(
+                                "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__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, role: "status", "aria-label": "Thinking", children: [
                             /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
                             /* @__PURE__ */ jsx2(
@@ -1613,6 +1884,32 @@ function AssistSheet({
                                     children: "Your report \xB7 edit anything"
                                   }
                                 ),
+                                duplicate && /* @__PURE__ */ jsxs2(
+                                  "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__ */ jsx2("span", { style: { color: "#f59e0b", fontWeight: 600 }, children: "Our team is already on this" }),
+                                      /* @__PURE__ */ jsxs2("span", { style: { color: t2.textMuted, wordBreak: "break-word" }, children: [
+                                        "#",
+                                        duplicate.number,
+                                        " ",
+                                        duplicate.title
+                                      ] }),
+                                      /* @__PURE__ */ jsx2("span", { style: { color: t2.textMuted }, children: "Your details will be added to it instead of opening a new issue." })
+                                    ]
+                                  }
+                                ),
                                 /* @__PURE__ */ jsx2(
                                   "textarea",
                                   {
@@ -1696,7 +1993,7 @@ function AssistSheet({
                                       color: t2.textMuted,
                                       fontSize: "12px",
                                       fontFamily: "inherit",
-                                      padding: 0,
+                                      padding: "9px 0",
                                       cursor: "pointer",
                                       textDecoration: "underline"
                                     },
@@ -1706,6 +2003,33 @@ function AssistSheet({
                               ]
                             }
                           ),
+                          phase === "solved" && solved && /* @__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%",
+                                    whiteSpace: "pre-wrap"
+                                  },
+                                  children: solved
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx2(
+                              "span",
+                              {
+                                style: { fontSize: "11.5px", color: t2.textMuted, paddingLeft: "32px" },
+                                children: "Nothing was filed \u2014 you are all set."
+                              }
+                            )
+                          ] }),
                           submitted && /* @__PURE__ */ jsxs2(
                             "div",
                             {
@@ -1727,7 +2051,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && /* @__PURE__ */ jsx2(
+                !submitted && phase !== "type" && /* @__PURE__ */ jsx2(
                   "div",
                   {
                     style: {
@@ -1737,7 +2061,48 @@ function AssistSheet({
                       paddingBottom: narrow ? "max(12px, env(safe-area-inset-bottom))" : "12px",
                       backgroundColor: t2.bg
                     },
-                    children: phase === "draft" ? /* @__PURE__ */ jsx2(
+                    children: phase === "solved" ? /* @__PURE__ */ jsx2(
+                      "button",
+                      {
+                        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"
+                        },
+                        children: "Done"
+                      }
+                    ) : phase === "rating" ? /* @__PURE__ */ jsx2(
+                      "button",
+                      {
+                        type: "button",
+                        "data-gg-sheet-send": "",
+                        onClick: onSend,
+                        disabled: isSubmitting || rating < 1,
+                        style: {
+                          width: "100%",
+                          padding: "12px",
+                          borderRadius: "10px",
+                          border: "none",
+                          backgroundColor: isSubmitting || rating < 1 ? t2.bgSecondary : "#f59e0b",
+                          color: isSubmitting || rating < 1 ? t2.textMuted : "#1a1a1a",
+                          fontSize: "14px",
+                          fontWeight: 700,
+                          fontFamily: "inherit",
+                          cursor: isSubmitting || rating < 1 ? "default" : "pointer"
+                        },
+                        children: isSubmitting ? "Sending\u2026" : rating < 1 ? "Pick a star first" : "Send Rating"
+                      }
+                    ) : phase === "draft" ? /* @__PURE__ */ jsx2(
                       "button",
                       {
                         type: "button",
@@ -1756,7 +2121,7 @@ function AssistSheet({
                           fontFamily: "inherit",
                           cursor: isSubmitting || !description.trim() ? "default" : "pointer"
                         },
-                        children: isSubmitting ? "Sending\u2026" : "Send Report"
+                        children: isSubmitting ? "Sending\u2026" : duplicate ? `Add to #${duplicate.number}` : "Send Report"
                       }
                     ) : /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", alignItems: "flex-end" }, children: [
                       /* @__PURE__ */ jsx2(
@@ -2193,6 +2558,8 @@ function ReportDialog({
   const [assistOpen, setAssistOpen] = useState3(false);
   const [assistNotice, setAssistNotice] = useState3(null);
   const [assistUsed, setAssistUsed] = useState3(false);
+  const [typeChosen, setTypeChosen] = useState3(false);
+  const [duplicateIssueNumber, setDuplicateIssueNumber] = useState3(null);
   const [isEnhanced, setIsEnhanced] = useState3(false);
   const [originalDescription, setOriginalDescription] = useState3(
     null
@@ -2300,6 +2667,7 @@ function ReportDialog({
         e.preventDefault();
         setRating(Number(e.key));
         setReportType("RATING");
+        setTypeChosen(true);
         setStep(2);
         return;
       }
@@ -2311,6 +2679,7 @@ function ReportDialog({
       if (match) {
         e.preventDefault();
         setReportType(match);
+        setTypeChosen(true);
         setStep(2);
       }
     };
@@ -2364,10 +2733,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);
   };
   useEffect3(() => {
@@ -2377,6 +2748,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();
@@ -2528,7 +2900,7 @@ function ReportDialog({
     } catch (e) {
     }
   };
-  const sheetUp = !!assist && assistOpen && !isRating;
+  const sheetUp = !!assist && assistOpen;
   useEffect3(() => {
     const el = modalRef.current;
     if (!el) return;
@@ -2550,6 +2922,8 @@ function ReportDialog({
     setRating(0);
     setHoveredStar(0);
     setReportType("BUG");
+    setTypeChosen(false);
+    setDuplicateIssueNumber(null);
     setSeverity("medium");
     setValidationError(null);
     setVoiceError(null);
@@ -2734,6 +3108,9 @@ function ReportDialog({
       if (showSeverity && reportType === "BUG") {
         metadata.severity = severity;
       }
+      if (duplicateIssueNumber) {
+        metadata.duplicateIssueNumber = String(duplicateIssueNumber);
+      }
       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.
@@ -3096,6 +3473,7 @@ function ReportDialog({
                                   onClick: () => {
                                     setRating(star);
                                     setReportType("RATING");
+                                    setTypeChosen(true);
                                     setStep(2);
                                   },
                                   style: {
@@ -3206,6 +3584,7 @@ function ReportDialog({
                               "data-gg-type": type,
                               onClick: () => {
                                 setReportType(type);
+                                setTypeChosen(true);
                                 setStep(2);
                               },
                               style: {
@@ -3325,6 +3704,7 @@ function ReportDialog({
                             type: "button",
                             onClick: () => {
                               setAssistNotice(null);
+                              setTypeChosen(true);
                               setAssistOpen(true);
                             },
                             style: {
@@ -4473,6 +4853,21 @@ 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,
+        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,
@@ -4502,26 +4897,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";