Release Healer Man 0.1.43

src/ui/DungeonIssueReportPanel.tsx

@@ -8,6 +8,7 @@ import { ControllerButton } from "./ControllerButton";
 
 export function DungeonIssueReportPanel() {
   const dungeonId = useGameStore((state) => state.activeDungeonId);
+  const bossTest = useGameStore((state) => state.bossTest);
   const openOverlay = useGameStore((state) => state.openOverlay);
   const session = useShellStore((state) => state.session);
   const [comment, setComment] = useState("");
@@ -16,12 +17,12 @@ export function DungeonIssueReportPanel() {
   const [error, setError] = useState("");
   const busy = useRef(false);
   const form = useRef<HTMLFormElement>(null);
-  const back = () => { if (!busy.current) openOverlay("pause"); };
+  const back = () => { if (!busy.current) openOverlay(bossTest ? "boss-test-review" : "pause"); };
   const canSubmit = Boolean(comment.trim()) && comment.length <= DUNGEON_REPORT_COMMENT_MAX_LENGTH && !submitting;
   const actions = useMemo<MenuAction[]>(() => [
     { id: "report-back", run: back, enabled: !submitting },
     { id: "report-submit", run: () => form.current?.requestSubmit(), enabled: canSubmit && !submitted },
-  ], [canSubmit, openOverlay, submitted, submitting]);
+  ], [bossTest, canSubmit, openOverlay, submitted, submitting]);
   const controller = useMenuController(actions, { initialId: "report-back", onBack: back });
 
   const submit = async (event: FormEvent) => {
@@ -31,7 +32,8 @@ export function DungeonIssueReportPanel() {
     setSubmitting(true);
     setError("");
     try {
-      await submitDungeonReport(session, dungeonId, comment);
+      await submitDungeonReport(session, bossTest?.sourceDungeonId ?? dungeonId, comment,
+        bossTest ? { bossKey: bossTest.key, bossName: bossTest.name } : undefined);
       setSubmitted(true);
     } catch (failure) {
       setError(failure instanceof Error ? failure.message : "Your report could not be submitted. Please try again.");
@@ -44,9 +46,9 @@ export function DungeonIssueReportPanel() {
   return (
     <div className="modal-backdrop" role="presentation">
       <section className="pause-menu dungeon-issue-report" role="dialog" aria-modal="true" aria-labelledby="issue-report-title">
-        <p className="eyebrow">Dungeon feedback</p>
-        <h2 id="issue-report-title">Report an issue</h2>
-        <p>{dungeonById(dungeonId)?.title ?? dungeonId}</p>
+        <p className="eyebrow">{bossTest ? "Boss feedback" : "Dungeon feedback"}</p>
+        <h2 id="issue-report-title">{bossTest ? "Submit a boss report" : "Report an issue"}</h2>
+        <p>{bossTest ? `${bossTest.name} · ${dungeonById(bossTest.sourceDungeonId)?.title ?? bossTest.sourceDungeonId}` : dungeonById(dungeonId)?.title ?? dungeonId}</p>
         {submitted ? <p role="status">Report submitted. You can follow its status in View Reports on the main menu.</p> : (
           <form ref={form} onSubmit={(event) => void submit(event)}>
             <label htmlFor="dungeon-issue-comment">Describe the issue</label>
@@ -62,7 +64,7 @@ export function DungeonIssueReportPanel() {
           </form>
         )}
         <ControllerButton controlId="report-back" selectedId={controller.selectedId} select={controller.select}
-          className="button" type="button" onClick={back} disabled={submitting}>Back to pause menu</ControllerButton>
+          className="button" type="button" onClick={back} disabled={submitting}>{bossTest ? "Back to boss review" : "Back to pause menu"}</ControllerButton>
       </section>
     </div>
   );