glitchgrab 1.38.0 → 1.40.0

package/dist/index.js

@@ -1206,6 +1206,19 @@ function AnnotationCanvas({ imageSrc, onSave, onCancel }) {
     }
   );
 }
+var SEVERITY_LEVELS = [
+  "low",
+  "medium",
+  "high",
+  "critical"
+];
+var SEVERITY_LABELS = {
+  low: "Low",
+  medium: "Medium",
+  high: "High",
+  critical: "Critical"
+};
+var MAX_ASSIST_IMAGES = 3;
 function getTypeLabel(type) {
   switch (type) {
     case "RATING":
@@ -1300,7 +1313,8 @@ function Avatar({
 function AssistSheet({
   assist,
   theme: t2,
-  screenshot,
+  screenshots,
+  onAddImages,
   attachmentCount,
   context,
   reportTypeLabel,
@@ -1317,6 +1331,8 @@ function AssistSheet({
   severity,
   onSeverityChange,
   showSeverity,
+  validationError,
+  severityRefused = false,
   onDuplicateChange,
   onConversationChange,
   isSubmitting,
@@ -1327,6 +1343,7 @@ function AssistSheet({
   onFinish
 }) {
   const narrow = useIsNarrow();
+  const severityAsked = showSeverity && currentTile === "BUG";
   const [messages, setMessages] = (0, import_react3.useState)([]);
   const [input, setInput] = (0, import_react3.useState)("");
   const [busy, setBusy] = (0, import_react3.useState)(false);
@@ -1351,11 +1368,18 @@ function AssistSheet({
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
   async function runTurn(history2) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     setBusy(true);
     let result;
     try {
-      result = await assist({ messages: history2, conversationId, screenshot, context });
+      const sent = screenshots.slice(-MAX_ASSIST_IMAGES);
+      result = await assist({
+        messages: history2,
+        conversationId,
+        screenshots: sent,
+        screenshot: (_a = sent[sent.length - 1]) != null ? _a : null,
+        context
+      });
     } catch (e) {
       onDegrade("The assistant is unavailable \u2014 write your report below and send it as normal.");
       return;
@@ -1370,8 +1394,8 @@ 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);
+    setDuplicate((_b = result.duplicate) != null ? _b : null);
+    onDuplicateChange == null ? void 0 : onDuplicateChange((_d = (_c = result.duplicate) == null ? void 0 : _c.number) != null ? _d : null);
     if (result.solved) {
       setSolved(result.solved);
       setOptions([]);
@@ -1387,7 +1411,7 @@ function AssistSheet({
     }
     if (result.question) {
       setMessages([...history2, { role: "assistant", content: result.question }]);
-      setOptions((_d = result.options) != null ? _d : []);
+      setOptions((_e = result.options) != null ? _e : []);
       return;
     }
     onDegrade("The assistant had nothing to add \u2014 write your report below and send it as normal.");
@@ -1997,8 +2021,8 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                showSeverity && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                severityAsked && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                                     "span",
                                     {
                                       style: {
@@ -2007,36 +2031,60 @@ function AssistSheet({
                                         display: "block",
                                         marginBottom: "6px"
                                       },
-                                      children: "How bad is it?"
+                                      children: [
+                                        "How bad is it?",
+                                        !severity && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "span",
+                                          {
+                                            style: {
+                                              marginLeft: "6px",
+                                              fontSize: "11px",
+                                              color: severityRefused ? "#ef4444" : t2.textMuted
+                                            },
+                                            children: "\xB7 required"
+                                          }
+                                        )
+                                      ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => {
-                                    const on = severity === s;
-                                    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                                      "button",
-                                      {
-                                        type: "button",
-                                        onClick: () => onSeverityChange(s),
-                                        "aria-pressed": on,
-                                        style: {
-                                          flex: 1,
-                                          minWidth: 0,
-                                          padding: "8px 0",
-                                          borderRadius: "8px",
-                                          border: `1px solid ${on ? t2.accent : t2.inputBorder}`,
-                                          backgroundColor: on ? t2.accent : "transparent",
-                                          color: on ? t2.accentText : t2.textMuted,
-                                          fontSize: "12px",
-                                          fontWeight: 600,
-                                          fontFamily: "inherit",
-                                          textTransform: "capitalize",
-                                          cursor: "pointer"
-                                        },
-                                        children: s
-                                      },
-                                      s
-                                    );
-                                  }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                    "div",
+                                    {
+                                      role: "radiogroup",
+                                      "aria-label": "Severity",
+                                      style: { display: "flex", gap: "6px" },
+                                      children: SEVERITY_LEVELS.map((s) => {
+                                        const on = severity === s;
+                                        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                          "button",
+                                          {
+                                            type: "button",
+                                            onClick: () => onSeverityChange(s),
+                                            role: "radio",
+                                            "aria-checked": on,
+                                            style: {
+                                              flex: 1,
+                                              minWidth: 0,
+                                              padding: "8px 2px",
+                                              borderRadius: "8px",
+                                              border: `1px solid ${on ? t2.accent : severityRefused ? "#ef4444" : t2.inputBorder}`,
+                                              backgroundColor: on ? t2.accent : "transparent",
+                                              color: on ? t2.accentText : t2.textMuted,
+                                              fontSize: "12px",
+                                              fontWeight: 600,
+                                              fontFamily: "inherit",
+                                              whiteSpace: "nowrap",
+                                              overflow: "hidden",
+                                              textOverflow: "ellipsis",
+                                              cursor: "pointer"
+                                            },
+                                            children: SEVERITY_LABELS[s]
+                                          },
+                                          s
+                                        );
+                                      })
+                                    }
+                                  )
                                 ] }),
                                 attachmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { fontSize: "11.5px", color: t2.textMuted }, children: [
                                   attachmentCount,
@@ -2166,60 +2214,16 @@ function AssistSheet({
                           },
                           children: isSubmitting ? "Sending\u2026" : rating < 1 ? "Pick a star first" : "Send Rating"
                         }
-                      ) : 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" : 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",
+                      ) : phase === "draft" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                        validationError && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          "p",
                           {
-                            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"
-                            }
+                              margin: "0 0 8px",
+                              color: "#ef4444",
+                              fontSize: "12px"
+                            },
+                            children: validationError
                           }
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -2227,32 +2231,168 @@ function AssistSheet({
                           {
                             type: "button",
                             "data-gg-sheet-send": "",
-                            onClick: () => send(input),
-                            disabled: busy || !input.trim(),
-                            "aria-label": "Send message",
-                            "data-gg-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)(import_jsx_runtime2.Fragment, { children: [
+                        (screenshots.length > 0 || onAddImages) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                          "div",
+                          {
+                            style: {
+                              display: "flex",
+                              gap: "8px",
+                              alignItems: "center",
+                              flexWrap: "wrap",
+                              marginBottom: "8px"
+                            },
+                            children: [
+                              screenshots.map((shot, i) => {
+                                const read = i >= screenshots.length - MAX_ASSIST_IMAGES;
+                                return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                  "img",
+                                  {
+                                    src: shot,
+                                    alt: read ? "Attached image the assistant reads" : "Attached image",
+                                    "data-gg-assist-thumb": "",
+                                    style: {
+                                      width: "40px",
+                                      height: "40px",
+                                      objectFit: "cover",
+                                      borderRadius: "8px",
+                                      border: `1px solid ${read ? t2.accent : t2.inputBorder}`,
+                                      opacity: read ? 1 : 0.45
+                                    }
+                                  },
+                                  `${i}-${shot.slice(-16)}`
+                                );
+                              }),
+                              onAddImages && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                                "label",
+                                {
+                                  "data-gg-assist-attach": "",
+                                  title: "Attach an image \u2014 or just paste one",
+                                  style: {
+                                    width: "40px",
+                                    height: "40px",
+                                    borderRadius: "8px",
+                                    border: `1px dashed ${t2.inputBorder}`,
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    color: t2.textMuted,
+                                    fontSize: "18px",
+                                    cursor: "pointer",
+                                    flexShrink: 0
+                                  },
+                                  children: [
+                                    "+",
+                                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                                      "input",
+                                      {
+                                        type: "file",
+                                        accept: "image/*",
+                                        multiple: true,
+                                        onChange: (e) => {
+                                          var _a;
+                                          const files = Array.from((_a = e.target.files) != null ? _a : []);
+                                          if (files.length) onAddImages(files);
+                                          e.target.value = "";
+                                        },
+                                        style: { display: "none" }
+                                      }
+                                    )
+                                  ]
+                                }
+                              ),
+                              screenshots.length > MAX_ASSIST_IMAGES && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: { color: t2.textMuted, fontSize: "11px" }, children: [
+                                "newest ",
+                                MAX_ASSIST_IMAGES,
+                                " read"
+                              ] })
+                            ]
+                          }
+                        ),
+                        /* @__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",
@@ -2331,6 +2471,7 @@ var ATTACHMENT_ACCEPT = [
   ".xlsx",
   ".zip"
 ].join(",");
+var SEVERITY_REQUIRED = "Pick how bad it is before sending.";
 function useIsDark() {
   if (typeof window === "undefined") return true;
   try {
@@ -2625,6 +2766,34 @@ async function captureViaHtml2Canvas() {
     return null;
   }
 }
+var MIC_MESSAGES = {
+  blocked: "Microphone is blocked for this site. Allow it in your browser's site settings, then reload this page. You can type your report instead.",
+  notFound: "No microphone found. Connect one and try again, or type your report instead.",
+  inUse: "Microphone is in use by another app. Close it and try again, or type your report instead.",
+  unusable: "This microphone can't be used for recording. Pick another one in your system sound settings.",
+  insecure: "Voice needs a secure (https) connection. Type your report instead.",
+  generic: "Couldn't start the microphone. Try again, or type your report instead."
+};
+var micErrorMessage = (err) => {
+  const name = typeof err === "object" && err !== null && "name" in err ? String(err.name) : "";
+  switch (name) {
+    case "NotAllowedError":
+    case "PermissionDeniedError":
+    case "SecurityError":
+      return MIC_MESSAGES.blocked;
+    case "NotFoundError":
+    case "DevicesNotFoundError":
+      return MIC_MESSAGES.notFound;
+    case "NotReadableError":
+    case "TrackStartError":
+      return MIC_MESSAGES.inUse;
+    case "OverconstrainedError":
+    case "ConstraintNotSatisfiedError":
+      return MIC_MESSAGES.unusable;
+    default:
+      return null;
+  }
+};
 function ReportDialog({
   report,
   sendFeedback: sendFeedback2,
@@ -2639,7 +2808,7 @@ function ReportDialog({
   onClose,
   headerSlot
 }) {
-  var _a, _b;
+  var _a;
   const [isEnhancing, setIsEnhancing] = (0, import_react.useState)(false);
   const [assistOpen, setAssistOpen] = (0, import_react.useState)(false);
   const [assistNotice, setAssistNotice] = (0, import_react.useState)(null);
@@ -2731,13 +2900,14 @@ function ReportDialog({
   }, [isOpen]);
   const [step, setStep] = (0, import_react.useState)(1);
   const [reportType, setReportType] = (0, import_react.useState)("BUG");
-  const [severity, setSeverity] = (0, import_react.useState)("medium");
+  const [severity, setSeverity] = (0, import_react.useState)(null);
   const [validationError, setValidationError] = (0, import_react.useState)(null);
   const [placeholderIdx, setPlaceholderIdx] = (0, import_react.useState)(0);
   const [rating, setRating] = (0, import_react.useState)(0);
   const [hoveredStar, setHoveredStar] = (0, import_react.useState)(0);
   const isRating = reportType === "RATING";
   const submitDisabled = isSubmitting || (isRating ? rating < 1 : !description.trim());
+  const needsSeverity = validationError === SEVERITY_REQUIRED && showSeverity && reportType === "BUG" && !severity;
   const availableTypes = types != null ? types : [
     "BUG",
     "FEATURE_REQUEST",
@@ -2778,11 +2948,11 @@ function ReportDialog({
     return () => window.removeEventListener("keydown", onKey);
   }, [isOpen, step, sendFeedback2, availableTypes.join(",")]);
   const handleTileGridKeyDown = (e) => {
-    var _a2, _b2, _c;
+    var _a2, _b, _c;
     const keys = ["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp"];
     if (!keys.includes(e.key)) return;
     const tiles = Array.from(
-      (_b2 = (_a2 = tileGridRef.current) == null ? void 0 : _a2.querySelectorAll("button[data-gg-type]")) != null ? _b2 : []
+      (_b = (_a2 = tileGridRef.current) == null ? void 0 : _a2.querySelectorAll("button[data-gg-type]")) != null ? _b : []
     );
     if (tiles.length === 0) return;
     e.preventDefault();
@@ -2917,9 +3087,9 @@ function ReportDialog({
     el.scrollTop = start.top - dy;
   };
   const handlePanEnd = (e) => {
-    var _a2, _b2;
+    var _a2, _b;
     const el = previewScrollRef.current;
-    const moved = (_b2 = (_a2 = panRef.current) == null ? void 0 : _a2.moved) != null ? _b2 : false;
+    const moved = (_b = (_a2 = panRef.current) == null ? void 0 : _a2.moved) != null ? _b : false;
     try {
       el == null ? void 0 : el.releasePointerCapture(e.pointerId);
     } catch (e2) {
@@ -2980,7 +3150,7 @@ function ReportDialog({
     setDescription(text);
   };
   const stopVoice = () => {
-    var _a2, _b2;
+    var _a2, _b;
     usingWebSpeechRef.current = false;
     (_a2 = recognitionRef.current) == null ? void 0 : _a2.stop();
     recognitionRef.current = null;
@@ -2989,7 +3159,7 @@ function ReportDialog({
     streamRef.current = null;
     stream == null ? void 0 : stream.getTracks().forEach((t22) => t22.stop());
     try {
-      (_b2 = mediaRecorderRef.current) == null ? void 0 : _b2.stop();
+      (_b = mediaRecorderRef.current) == null ? void 0 : _b.stop();
     } catch (e) {
     }
     mediaRecorderRef.current = null;
@@ -2997,13 +3167,13 @@ function ReportDialog({
     setIsTranscribing(false);
   };
   const stopListeningAndTranscribe = () => {
-    var _a2, _b2;
+    var _a2, _b;
     usingWebSpeechRef.current = false;
     (_a2 = recognitionRef.current) == null ? void 0 : _a2.stop();
     recognitionRef.current = null;
     setIsListening(false);
     try {
-      (_b2 = mediaRecorderRef.current) == null ? void 0 : _b2.stop();
+      (_b = mediaRecorderRef.current) == null ? void 0 : _b.stop();
     } catch (e) {
     }
   };
@@ -3031,7 +3201,7 @@ function ReportDialog({
     setReportType("BUG");
     setTypeChosen(false);
     setDuplicateIssueNumber(null);
-    setSeverity("medium");
+    setSeverity(null);
     setValidationError(null);
     setVoiceError(null);
     setIsEnhanced(false);
@@ -3041,6 +3211,7 @@ function ReportDialog({
     setAssistNotice(null);
   };
   const toggleVoice = async () => {
+    var _a2;
     if (isListening) {
       stopListeningAndTranscribe();
       return;
@@ -3049,12 +3220,22 @@ function ReportDialog({
     hadWebSpeechRef.current = false;
     const SpeechRec = typeof window !== "undefined" ? window.SpeechRecognition || window.webkitSpeechRecognition : void 0;
     let stream = null;
+    const canRecord = typeof navigator !== "undefined" && !!((_a2 = navigator.mediaDevices) == null ? void 0 : _a2.getUserMedia);
+    if (!canRecord && !SpeechRec) {
+      setVoiceError(MIC_MESSAGES.insecure);
+      return;
+    }
     try {
-      stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      if (canRecord)
+        stream = await navigator.mediaDevices.getUserMedia({ audio: true });
     } catch (err) {
-      const isDenied = err instanceof DOMException && (err.name === "NotAllowedError" || err.name === "PermissionDeniedError");
-      if (!SpeechRec || isDenied) {
-        setVoiceError("Microphone access denied");
+      const message = micErrorMessage(err);
+      if (message) {
+        setVoiceError(message);
+        return;
+      }
+      if (!SpeechRec) {
+        setVoiceError(MIC_MESSAGES.generic);
         return;
       }
     }
@@ -3068,7 +3249,7 @@ function ReportDialog({
         if (e.data.size > 0) sarvamChunksRef.current.push(e.data);
       };
       rec.onstop = async () => {
-        var _a2;
+        var _a3;
         stream.getTracks().forEach((t22) => t22.stop());
         if (streamRef.current === stream) streamRef.current = null;
         mediaRecorderRef.current = null;
@@ -3081,7 +3262,7 @@ function ReportDialog({
           const text = await transcribeAudio2(blob);
           if (text.trim()) {
             const live = descriptionRef.current;
-            const baseline = (_a2 = lastVoiceTextRef.current) != null ? _a2 : textBeforeVoiceRef.current;
+            const baseline = (_a3 = lastVoiceTextRef.current) != null ? _a3 : textBeforeVoiceRef.current;
             const userEdited = live !== baseline;
             if (userEdited && hadWebSpeechRef.current) {
             } else {
@@ -3140,8 +3321,9 @@ function ReportDialog({
       };
       recognition.onerror = (event) => {
         if (event.error === "aborted" || event.error === "no-speech") return;
-        const isDenied = event.error === "not-allowed" || event.error === "audio-capture";
-        setVoiceError(isDenied ? "Microphone access denied" : "Speech recognition not available \u2014 try Chrome");
+        setVoiceError(
+          event.error === "not-allowed" ? MIC_MESSAGES.blocked : event.error === "audio-capture" ? MIC_MESSAGES.notFound : "Speech recognition not available \u2014 try Chrome"
+        );
         usingWebSpeechRef.current = false;
         recognitionRef.current = null;
         setIsListening(false);
@@ -3237,11 +3419,16 @@ function ReportDialog({
         setStep(2);
         return;
       }
+      if (showSeverity && reportType === "BUG" && !severity) {
+        setValidationError(SEVERITY_REQUIRED);
+        setStep(2);
+        return;
+      }
       setIsSubmitting(true);
       const metadata = {};
       if (screenshots.length > 0) metadata.screenshots = JSON.stringify(screenshots);
       if (attachments.length > 0) metadata.attachments = JSON.stringify(attachments);
-      if (showSeverity && reportType === "BUG") {
+      if (showSeverity && reportType === "BUG" && severity) {
         metadata.severity = severity;
       }
       if (duplicateIssueNumber) {
@@ -3894,7 +4081,7 @@ function ReportDialog({
                                   setOriginalDescription(null);
                                 }
                               },
-                              placeholder: isTranscribing ? "Transcribing your speech\u2026" : isListening ? "Listening\u2026 speak now" : getPlaceholder(reportType, placeholderIdx, !!transcribeAudio2),
+                              placeholder: isTranscribing ? "Transcribing your speech\u2026" : isListening ? "Listening\u2026 speak now" : getPlaceholder(reportType, placeholderIdx, !!transcribeAudio2 && !voiceError),
                               style: {
                                 width: "100%",
                                 minHeight: "100px",
@@ -4151,7 +4338,7 @@ function ReportDialog({
                             }
                           )
                         ] }),
-                        transcribeAudio2 && !isListening && !isTranscribing && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                        transcribeAudio2 && !isListening && !isTranscribing && !voiceError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "div",
                           {
                             style: {
@@ -4269,9 +4456,11 @@ function ReportDialog({
                         voiceError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "p",
                           {
+                            role: "alert",
                             style: {
                               color: "#ef4444",
                               fontSize: "11px",
+                              lineHeight: 1.5,
                               marginTop: "4px",
                               marginBottom: 0
                             },
@@ -4683,41 +4872,80 @@ function ReportDialog({
                           )
                         ] }),
                         showSeverity && reportType === "BUG" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { marginTop: "10px" }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                             "span",
                             {
                               style: {
                                 fontSize: "12px",
                                 color: t2.textMuted,
                                 marginBottom: "6px",
-                                display: "block"
+                                display: "flex",
+                                alignItems: "center",
+                                gap: "6px"
                               },
-                              children: "Severity"
+                              children: [
+                                "How bad is it?",
+                                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                  "span",
+                                  {
+                                    style: {
+                                      color: severity ? t2.textMuted : needsSeverity ? "#ef4444" : t2.textMuted,
+                                      fontSize: "11px"
+                                    },
+                                    children: severity ? "" : "\xB7 required"
+                                  }
+                                )
+                              ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", gap: "6px" }, children: ["low", "medium", "high"].map((s) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                            "button",
+                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                            "div",
                             {
-                              type: "button",
-                              onClick: () => setSeverity(s),
-                              style: {
-                                flex: 1,
-                                padding: "6px 0",
-                                borderRadius: "6px",
-                                border: `1px solid ${severity === s ? t2.accent : t2.inputBorder}`,
-                                background: severity === s ? t2.accent : "transparent",
-                                color: severity === s ? t2.accentText : t2.text,
-                                fontSize: "12px",
-                                fontWeight: 600,
-                                cursor: "pointer",
-                                fontFamily: "inherit",
-                                textTransform: "capitalize",
-                                transition: "all 0.15s ease"
-                              },
-                              children: s
-                            },
-                            s
-                          )) })
+                              role: "radiogroup",
+                              "aria-label": "Severity",
+                              style: { display: "flex", gap: "6px" },
+                              children: SEVERITY_LEVELS.map((s) => {
+                                const on = severity === s;
+                                return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    role: "radio",
+                                    "aria-checked": on,
+                                    onClick: () => {
+                                      setSeverity(s);
+                                      if (validationError)
+                                        setValidationError(null);
+                                    },
+                                    style: {
+                                      flex: 1,
+                                      minWidth: 0,
+                                      // 9px + 12px line + borders clears a 36px
+                                      // tap target; 6px left it at ~29px.
+                                      padding: "9px 2px",
+                                      borderRadius: "6px",
+                                      border: `1px solid ${on ? t2.accent : needsSeverity ? "#ef4444" : t2.inputBorder}`,
+                                      background: on ? t2.accent : "transparent",
+                                      color: on ? t2.accentText : t2.text,
+                                      fontSize: "12px",
+                                      fontWeight: 600,
+                                      cursor: "pointer",
+                                      fontFamily: "inherit",
+                                      whiteSpace: "nowrap",
+                                      // Four labels where there were three: clip
+                                      // rather than spill if a host squeezes the
+                                      // dialog below ~260px.
+                                      overflow: "hidden",
+                                      textOverflow: "ellipsis",
+                                      transition: "all 0.15s ease"
+                                    },
+                                    children: SEVERITY_LABELS[s]
+                                  },
+                                  s
+                                );
+                              })
+                            }
+                          )
                         ] }),
                         validationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "p",
@@ -4991,7 +5219,8 @@ function ReportDialog({
           accent: t2.accent,
           accentText: t2.accentText
         },
-        screenshot: (_a = screenshots[0]) != null ? _a : null,
+        screenshots,
+        onAddImages: addFiles,
         attachmentCount: screenshots.length + attachments.length,
         context: { ...assistContext != null ? assistContext : {}, reportType },
         reportTypeLabel: getTypeLabel(reportType),
@@ -5012,15 +5241,20 @@ function ReportDialog({
           if (validationError) setValidationError(null);
         },
         projectSlot: headerSlot,
-        reporterName: (_b = reporter == null ? void 0 : reporter.name) != null ? _b : null,
+        reporterName: (_a = reporter == null ? void 0 : reporter.name) != null ? _a : null,
         description,
         onDescriptionChange: (value) => {
           setDescription(value);
           if (validationError) setValidationError(null);
         },
         severity,
-        onSeverityChange: setSeverity,
+        onSeverityChange: (value) => {
+          setSeverity(value);
+          if (validationError) setValidationError(null);
+        },
         showSeverity,
+        validationError,
+        severityRefused: needsSeverity,
         isSubmitting,
         submitted,
         onSend: () => void handleSubmit(),