glitchgrab 1.47.0 → 1.48.0

package/dist/index.mjs

@@ -14,6 +14,37 @@ import {
 // src/error-boundary.tsx
 import * as React from "react";
 
+// ../report-ui/dist/assist-response.mjs
+var ASSIST_OFFLINE_MESSAGE = "The assistant is unavailable \u2014 write your report below and send it as normal.";
+function assistOffline() {
+  return { conversationId: null, question: null, report: null, degraded: ASSIST_OFFLINE_MESSAGE };
+}
+function toAssistTurnResult(ok, body) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const envelope = body != null ? body : null;
+  if (!ok || !(envelope == null ? void 0 : envelope.success)) {
+    return {
+      ...assistOffline(),
+      // The server words why (cap, rate limit, switched off). An hourly limit
+      // keeps the assistant button for this report.
+      degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : ASSIST_OFFLINE_MESSAGE,
+      retryable: (envelope == null ? void 0 : envelope.retryable) === true
+    };
+  }
+  const d = (_b = envelope.data) != null ? _b : {};
+  return {
+    conversationId: (_c = d.conversationId) != null ? _c : null,
+    question: (_d = d.question) != null ? _d : null,
+    options: Array.isArray(d.options) ? d.options.filter((o) => typeof o === "string") : [],
+    report: (_e = d.report) != null ? _e : null,
+    duplicate: (_f = d.duplicate) != null ? _f : null,
+    related: (_g = d.related) != null ? _g : null,
+    solved: (_h = d.solved) != null ? _h : null,
+    aboutGlitchgrab: d.aboutGlitchgrab === true,
+    degraded: null
+  };
+}
+
 // src/redact.ts
 var SENSITIVE_KEY_RE = /(pass|pwd|secret|token|auth|session|cookie|credential|apikey|api_key|access_key|private|signature|otp|pin|cvv|card|ssn|aadhaar|pan)/i;
 var EMAIL_RE = /[\w.+-]+@[\w-]+\.[\w.-]+/g;
@@ -688,13 +719,7 @@ async function findSimilarIssues(description, token, baseUrl, identity) {
   }
 }
 async function assistTurn(params, token, baseUrl) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-  const offline = {
-    conversationId: null,
-    question: null,
-    report: null,
-    degraded: "The assistant is unavailable \u2014 write your report below and send it as normal."
-  };
+  const offline = assistOffline();
   try {
     const url = `${baseUrl != null ? baseUrl : DEFAULT_BASE_URL}/api/v1/ai/report-chat`;
     const response = await fetch(url, {
@@ -705,28 +730,7 @@ async function assistTurn(params, token, baseUrl) {
       },
       body: JSON.stringify(params)
     });
-    const envelope = await response.json().catch(() => null);
-    if (!response.ok || !(envelope == null ? void 0 : envelope.success)) {
-      return {
-        conversationId: null,
-        question: null,
-        report: null,
-        degraded: (_a = envelope == null ? void 0 : envelope.error) != null ? _a : offline.degraded,
-        // An hourly limit, not a cap: the dialog keeps the assistant button.
-        retryable: (envelope == null ? void 0 : envelope.retryable) === true
-      };
-    }
-    return {
-      conversationId: (_c = (_b = envelope.data) == null ? void 0 : _b.conversationId) != null ? _c : null,
-      question: (_e = (_d = envelope.data) == null ? void 0 : _d.question) != null ? _e : null,
-      options: (_g = (_f = envelope.data) == null ? void 0 : _f.options) != null ? _g : [],
-      report: (_i = (_h = envelope.data) == null ? void 0 : _h.report) != null ? _i : null,
-      duplicate: (_k = (_j = envelope.data) == null ? void 0 : _j.duplicate) != null ? _k : null,
-      related: (_m = (_l = envelope.data) == null ? void 0 : _l.related) != null ? _m : null,
-      solved: (_o = (_n = envelope.data) == null ? void 0 : _n.solved) != null ? _o : null,
-      aboutGlitchgrab: ((_p = envelope.data) == null ? void 0 : _p.aboutGlitchgrab) === true,
-      degraded: null
-    };
+    return toAssistTurnResult(response.ok, await response.json().catch(() => null));
   } catch (e) {
     return offline;
   }
@@ -1421,6 +1425,17 @@ var STARTERS = [
   "It did the wrong thing",
   "I wish it could\u2026"
 ];
+var CONFIRM_OPTION = "Yes, that's it";
+function isCheckBackQuestion(text) {
+  const t2 = text.trim();
+  return /^so,? you['’]?re saying\b/i.test(t2) || /\b(is that right|is that correct|did i get (that|it) right|have i got (that|it) right)\s*\??\s*$/i.test(t2);
+}
+function isAffirmativeReply(text) {
+  return /^(y|ya|yah|yes|yess|yeah|yep|yup|ok|okay|sure|correct|right|exactly|confirm(ed)?|that['’]?s (it|right|correct)|yes,? that['’]?s (it|right)|haan|han|ha|ho|hmm yes|👍)[\s.!👍]*$/i.test(
+    text.trim()
+  );
+}
+var AUTO_FILE_SECONDS = 4;
 var NARROW_QUERY = "(max-width: 640px)";
 function useIsNarrow() {
   const [narrow, setNarrow] = useState2(false);
@@ -1535,12 +1550,15 @@ function AssistSheet({
   const [duplicate, setDuplicate] = useState2(null);
   const [glitchgrabOffer, setGlitchgrabOffer] = useState2(false);
   const [solved, setSolved] = useState2(null);
+  const needsSeverity = (tile) => showSeverity && tile === "BUG" && !severity;
   const [phase, setPhase] = useState2(
-    !typePicked ? "type" : currentTile === "RATING" ? "rating" : "chat"
+    () => !typePicked ? "type" : currentTile === "RATING" ? "rating" : needsSeverity(currentTile) ? "severity" : "chat"
   );
+  const [autoFileLeft, setAutoFileLeft] = useState2(null);
   const scrollRef = useRef2(null);
   const draftRef = useRef2(null);
   const seededRef = useRef2(false);
+  const seedPendingRef = useRef2(false);
   const eventsRef = useRef2([]);
   const aiDraftRef = useRef2(null);
   function logEvent(type, detail) {
@@ -1580,14 +1598,33 @@ function AssistSheet({
     var _a;
     if (phase === "draft") (_a = draftRef.current) == null ? void 0 : _a.focus();
   }, [phase]);
+  useEffect2(() => {
+    if (autoFileLeft === null) return;
+    if (isSubmitting || submitted || phase !== "draft") {
+      setAutoFileLeft(null);
+      return;
+    }
+    if (autoFileLeft <= 0) {
+      sendDraft(true);
+      return;
+    }
+    const id = setTimeout(() => setAutoFileLeft((n) => n === null ? null : n - 1), 1e3);
+    return () => clearTimeout(id);
+  }, [autoFileLeft, isSubmitting, submitted, phase]);
+  function stopAutoFile(reason) {
+    if (autoFileLeft === null) return;
+    setAutoFileLeft(null);
+    logEvent("auto_file_stopped", reason);
+  }
   function degradeKeepingEvents(events, message, retryable) {
     if (events) eventsRef.current = [...events, ...eventsRef.current];
     flushEvents();
     onDegrade(message, retryable);
   }
-  async function runTurn(history2) {
+  async function runTurn(history2, autoFile = false) {
     var _a, _b;
     setBusy(true);
+    setAutoFileLeft(null);
     let result;
     const events = takeEvents();
     try {
@@ -1647,6 +1684,9 @@ function AssistSheet({
       setMessages([...history2, { role: "assistant", content: result.report, kind: "report" }]);
       setOptions([]);
       setPhase("draft");
+      if (autoFile && !attach && !(severityAsked && !severity)) {
+        setAutoFileLeft(AUTO_FILE_SECONDS);
+      }
       return;
     }
     if (result.question) {
@@ -1660,13 +1700,34 @@ function AssistSheet({
     if (seededRef.current) return;
     seededRef.current = true;
     if (!typePicked || currentTile === "RATING") return;
+    if (phase === "severity") {
+      seedPendingRef.current = true;
+      return;
+    }
+    seedFromDescription();
+  }, []);
+  function seedFromDescription() {
     const seed = description.trim();
     if (!seed) return;
     const history2 = [{ role: "user", content: seed }];
     setMessages(history2);
     void runTurn(history2);
-  }, []);
-  function send(text) {
+  }
+  function answerSeverity(value) {
+    onSeverityChange(value);
+    setPhase("chat");
+    if (seedPendingRef.current) {
+      seedPendingRef.current = false;
+      seedFromDescription();
+    }
+  }
+  function sendTyped(text) {
+    var _a;
+    const lastAssistant = [...messages].reverse().find((m) => m.role === "assistant");
+    const checkingBack = options.includes(CONFIRM_OPTION) || (lastAssistant == null ? void 0 : lastAssistant.kind) !== "report" && isCheckBackQuestion((_a = lastAssistant == null ? void 0 : lastAssistant.content) != null ? _a : "");
+    send(text, checkingBack && isAffirmativeReply(text));
+  }
+  function send(text, autoFile = false) {
     const value = text.trim();
     if (!value || busy) return;
     setOptions([]);
@@ -1681,11 +1742,11 @@ function AssistSheet({
     const history2 = [...base, { role: "user", content: value }];
     setMessages(history2);
     setInput("");
-    void runTurn(history2);
+    void runTurn(history2, autoFile);
   }
   function pickType(tile) {
     onPickType(tile);
-    setPhase(tile === "RATING" ? "rating" : "chat");
+    setPhase(tile === "RATING" ? "rating" : needsSeverity(tile) ? "severity" : "chat");
   }
   function withCurrentDraft(history2) {
     const current = description.trim();
@@ -1698,9 +1759,10 @@ function AssistSheet({
     }
     return next;
   }
-  function sendDraft() {
+  function sendDraft(auto = false) {
+    setAutoFileLeft(null);
     const edited = aiDraftRef.current !== null && description.trim() !== aiDraftRef.current.trim();
-    logEvent("draft_sent", edited ? "edited" : "as drafted");
+    logEvent("draft_sent", auto ? "auto-filed" : edited ? "edited" : "as drafted");
     flushEvents();
     onSend();
   }
@@ -1760,6 +1822,7 @@ function AssistSheet({
         @keyframes gg-sheet-in{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
         @keyframes gg-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
         @keyframes gg-sheet-fade{from{opacity:0}to{opacity:1}}
+        @keyframes gg-autofile{from{transform:scaleX(0)}to{transform:scaleX(1)}}
         @keyframes gg-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}
         [data-gg-sheet-send]:focus-visible,[data-gg-chip]:focus-visible,[data-gg-assist-remove]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
       ` }),
@@ -1854,6 +1917,7 @@ function AssistSheet({
                         ),
                         /* @__PURE__ */ jsxs2("div", { style: { fontSize: "11.5px", color: t2.textMuted, marginTop: "3px" }, children: [
                           phase === "type" ? null : reportTypeLabel,
+                          phase !== "type" && severityAsked && severity ? ` \xB7 ${SEVERITY_LABELS[severity]}` : null,
                           projectSlot ? /* @__PURE__ */ jsx2("span", { style: { marginLeft: "6px" }, children: projectSlot }) : null
                         ] })
                       ] }),
@@ -1972,6 +2036,62 @@ function AssistSheet({
                               }
                             )
                           ] }),
+                          phase === "severity" && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
+                            /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
+                              /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
+                              /* @__PURE__ */ jsx2(
+                                "div",
+                                {
+                                  style: {
+                                    padding: "9px 12px",
+                                    borderRadius: "12px 12px 12px 4px",
+                                    backgroundColor: t2.bgSecondary,
+                                    fontSize: "13px",
+                                    lineHeight: 1.55,
+                                    maxWidth: "88%"
+                                  },
+                                  children: "How bad is it?"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsx2(
+                              "div",
+                              {
+                                role: "radiogroup",
+                                "aria-label": "Severity",
+                                style: {
+                                  display: "flex",
+                                  flexWrap: "wrap",
+                                  gap: "6px",
+                                  paddingLeft: "32px"
+                                },
+                                children: SEVERITY_LEVELS.map((s) => /* @__PURE__ */ jsx2(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    role: "radio",
+                                    "aria-checked": severity === s,
+                                    "data-gg-chip": "",
+                                    "data-gg-severity": s,
+                                    onClick: () => answerSeverity(s),
+                                    style: {
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.textMuted,
+                                      borderRadius: "999px",
+                                      // Same as the picker and option chips — one chip size.
+                                      padding: "8px 12px",
+                                      fontSize: "12px",
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: SEVERITY_LABELS[s]
+                                  },
+                                  s
+                                ))
+                              }
+                            )
+                          ] }),
                           phase === "rating" && !submitted && /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [
                             /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px" }, children: [
                               /* @__PURE__ */ jsx2(Avatar, { who: "assistant", theme: t2 }),
@@ -2160,7 +2280,11 @@ function AssistSheet({
                                       color: t2.text,
                                       border: live ? "none" : `1px solid ${t2.accent}66`
                                     },
-                                    children: live ? "Here's your report \u2014 have a read." : /* @__PURE__ */ jsxs2(Fragment, { children: [
+                                    children: live ? (
+                                      // #402: "have a read" beside a countdown reads as a
+                                      // contradiction. Say what is about to happen instead.
+                                      autoFileLeft !== null ? "Here's your report \u2014 I'll file it unless you want to change something." : "Here's your report \u2014 have a read."
+                                    ) : /* @__PURE__ */ jsxs2(Fragment, { children: [
                                       /* @__PURE__ */ jsx2(
                                         "span",
                                         {
@@ -2327,7 +2451,7 @@ function AssistSheet({
                                   "data-gg-option": "",
                                   onClick: () => {
                                     logEvent("option_tap", option);
-                                    send(option);
+                                    send(option, option === CONFIRM_OPTION);
                                   },
                                   style: {
                                     border: `1px solid ${t2.inputBorder}`,
@@ -2414,7 +2538,10 @@ function AssistSheet({
                                   {
                                     ref: draftRef,
                                     value: description,
-                                    onChange: (e) => onDescriptionChange(e.target.value),
+                                    onChange: (e) => {
+                                      stopAutoFile("edited the draft");
+                                      onDescriptionChange(e.target.value);
+                                    },
                                     rows: 6,
                                     style: {
                                       width: "100%",
@@ -2433,7 +2560,7 @@ function AssistSheet({
                                     }
                                   }
                                 ),
-                                severityAsked && /* @__PURE__ */ jsxs2("div", { children: [
+                                severityAsked && autoFileLeft === null && /* @__PURE__ */ jsxs2("div", { children: [
                                   /* @__PURE__ */ jsxs2(
                                     "span",
                                     {
@@ -2555,7 +2682,7 @@ function AssistSheet({
                     )
                   }
                 ),
-                !submitted && phase !== "type" && /* @__PURE__ */ jsxs2(
+                !submitted && phase !== "type" && phase !== "severity" && /* @__PURE__ */ jsxs2(
                   "div",
                   {
                     style: {
@@ -2662,6 +2789,7 @@ function AssistSheet({
                                             "aria-label": `Remove image ${i + 1}`,
                                             title: "Remove this image",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent(
                                                 "image_removed",
                                                 pageShot && shot === pageShot ? "page capture" : "attached"
@@ -2772,6 +2900,7 @@ function AssistSheet({
                                             "aria-label": `Remove file ${file.name}`,
                                             title: "Remove this file",
                                             onClick: () => {
+                                              stopAutoFile("changed attachments");
                                               logEvent("file_removed", read ? "read" : "not read");
                                               onRemoveFile(i);
                                             },
@@ -2854,6 +2983,7 @@ function AssistSheet({
                                             var _a;
                                             const picked = Array.from((_a = e.target.files) != null ? _a : []);
                                             if (picked.length) {
+                                              stopAutoFile("changed attachments");
                                               const images = picked.filter((f) => f.type.startsWith("image/")).length;
                                               if (images) logEvent("image_added", String(images));
                                               if (picked.length > images) {
@@ -2883,11 +3013,14 @@ function AssistSheet({
                               "textarea",
                               {
                                 value: input,
-                                onChange: (e) => setInput(e.target.value),
+                                onChange: (e) => {
+                                  stopAutoFile("typing a change");
+                                  setInput(e.target.value);
+                                },
                                 onKeyDown: (e) => {
                                   if (e.key === "Enter" && !e.shiftKey) {
                                     e.preventDefault();
-                                    send(input);
+                                    sendTyped(input);
                                   }
                                 },
                                 placeholder: phase === "draft" ? "Anything to change? Tell me here\u2026" : "Type your answer\u2026",
@@ -2917,7 +3050,7 @@ function AssistSheet({
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: () => send(input),
+                                onClick: () => sendTyped(input),
                                 disabled: busy || !input.trim(),
                                 "aria-label": "Send message",
                                 "data-gg-send-message": "",
@@ -2956,12 +3089,87 @@ function AssistSheet({
                                 children: validationError
                               }
                             ),
-                            /* @__PURE__ */ jsx2(
+                            autoFileLeft !== null ? (
+                              // #402: "Yes, that's it" was the confirmation. The draft
+                              // files itself unless they stop it — the bar shows how
+                              // long is left, the button sends now.
+                              /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+                                /* @__PURE__ */ jsxs2(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "data-gg-sheet-send": "",
+                                    "data-gg-auto-file": "",
+                                    onClick: () => sendDraft(),
+                                    style: {
+                                      flex: 1,
+                                      minWidth: 0,
+                                      position: "relative",
+                                      overflow: "hidden",
+                                      padding: "12px",
+                                      borderRadius: "10px",
+                                      border: "none",
+                                      backgroundColor: t2.accent,
+                                      color: t2.accentText,
+                                      fontSize: "14px",
+                                      fontWeight: 700,
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx2(
+                                        "span",
+                                        {
+                                          "aria-hidden": "true",
+                                          style: {
+                                            position: "absolute",
+                                            inset: 0,
+                                            backgroundColor: "rgba(255,255,255,0.22)",
+                                            transformOrigin: "left",
+                                            animation: `gg-autofile ${AUTO_FILE_SECONDS}s linear forwards`
+                                          }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ jsxs2("span", { style: { position: "relative" }, children: [
+                                        "Filing in ",
+                                        autoFileLeft,
+                                        "s\u2026"
+                                      ] })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx2(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    "data-gg-edit-first": "",
+                                    onClick: () => {
+                                      var _a;
+                                      stopAutoFile("edit first");
+                                      (_a = draftRef.current) == null ? void 0 : _a.focus();
+                                    },
+                                    style: {
+                                      flexShrink: 0,
+                                      padding: "12px 14px",
+                                      borderRadius: "10px",
+                                      border: `1px solid ${t2.inputBorder}`,
+                                      background: "transparent",
+                                      color: t2.text,
+                                      fontSize: "13px",
+                                      fontWeight: 600,
+                                      fontFamily: "inherit",
+                                      cursor: "pointer"
+                                    },
+                                    children: "Edit first"
+                                  }
+                                )
+                              ] })
+                            ) : /* @__PURE__ */ jsx2(
                               "button",
                               {
                                 type: "button",
                                 "data-gg-sheet-send": "",
-                                onClick: sendDraft,
+                                onClick: () => sendDraft(),
                                 disabled: isSubmitting || !description.trim(),
                                 style: {
                                   width: "100%",
@@ -3937,9 +4145,11 @@ function ReportDialog({
   reporter,
   onClose,
   headerSlot,
-  reportGlitchgrabProblem
+  reportGlitchgrabProblem,
+  layout = "modal"
 }) {
   var _a;
+  const sheet = layout === "sheet";
   const [isEnhancing, setIsEnhancing] = useState4(false);
   const [assistOpen, setAssistOpen] = useState4(false);
   const [assistNotice, setAssistNotice] = useState4(null);
@@ -4747,8 +4957,8 @@ function ReportDialog({
             // dialog's state IS the report, and unmounting would drop the
             // screenshots, attachments and step the reporter is on.
             display: sheetUp ? "none" : "flex",
-            alignItems: "center",
-            justifyContent: "center",
+            alignItems: sheet ? "stretch" : "center",
+            justifyContent: sheet ? "flex-end" : "center",
             backgroundColor: "rgba(0,0,0,0.5)",
             fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
           },
@@ -4768,14 +4978,15 @@ function ReportDialog({
               style: {
                 position: "relative",
                 zIndex: 2147483647,
-                width: "420px",
-                maxWidth: "calc(100% - 32px)",
-                maxHeight: "calc(100dvh - 32px)",
+                width: sheet ? "440px" : "420px",
+                maxWidth: sheet ? "100%" : "calc(100% - 32px)",
+                maxHeight: sheet ? "100dvh" : "calc(100dvh - 32px)",
+                ...sheet ? { height: "100dvh", borderLeft: `1px solid ${t2.inputBorder}` } : {},
                 display: "flex",
                 flexDirection: "column",
                 backgroundColor: t2.bg,
-                borderRadius: "12px",
-                boxShadow: "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
+                borderRadius: sheet ? 0 : "12px",
+                boxShadow: sheet ? "0 20px 60px rgba(0, 0, 0, 0.35)" : "0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",
                 fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
                 overflow: "hidden",
                 color: t2.text,
@@ -4809,7 +5020,7 @@ function ReportDialog({
                                   gap: "8px"
                                 },
                                 children: [
-                                  step > 1 && /* @__PURE__ */ jsx4(
+                                  step > 1 && availableTypes.length > 1 && /* @__PURE__ */ jsx4(
                                     "button",
                                     {
                                       type: "button",
@@ -4927,7 +5138,7 @@ function ReportDialog({
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx4(
+                      availableTypes.length > 1 && /* @__PURE__ */ jsx4(
                         "div",
                         {
                           style: {
@@ -5203,6 +5414,7 @@ function ReportDialog({
                           "button",
                           {
                             type: "button",
+                            disabled: availableTypes.length === 1,
                             onClick: () => setStep(1),
                             style: {
                               display: "inline-flex",
@@ -5217,12 +5429,12 @@ function ReportDialog({
                               fontSize: "11px",
                               fontWeight: 600,
                               fontFamily: "inherit",
-                              cursor: "pointer"
+                              cursor: availableTypes.length === 1 ? "default" : "pointer"
                             },
                             children: [
                               getTypeIcon(reportType, isRating ? "#f59e0b" : t2.accent, 13),
                               getTypeLabel(reportType),
-                              /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
+                              availableTypes.length > 1 && /* @__PURE__ */ jsx4("span", { style: { color: t2.textMuted, fontWeight: 400 }, children: "\xB7 change" })
                             ]
                           }
                         ),