@chatwarden/player-react 0.1.2 → 0.1.3

package/dist/src/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHL,CAAC;AAEX,sFAAsF;AACtF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE7D,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,KAAK,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9E,sGAAsG;AACtG,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAErE,oFAAoF;AACpF,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;AAIzE;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAO,GAAG,OAAO,CAiCtE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoEb,+DAA+D;;IAE/D,+DAA+D;;;IAG/D,+DAA+D;;;;;;;;;;IAU/D,+DAA+D;;;IAG/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;IAE/D,+DAA+D;;;;;;;;;IAS/D,+DAA+D;;;;;;;;;;;;;;;;;;CAkBvD,CAAC;AAEX,sFAAsF;AACtF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAE7D,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AACpE,KAAK,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9E,sGAAsG;AACtG,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAErE,oFAAoF;AACpF,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,MAAM,CAAC;AAIzE;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAO,GAAG,OAAO,CAiCtE"}

package/dist/src/i18n.js

@@ -70,9 +70,12 @@ export const en = {
     'player.restricted.filter.noEnd': 'Your chat is off. It does not end on its own. The automatic filter caught a message.',
     'player.restricted.ended': 'Your chat is back on. The restriction ended {when}.',
     'player.restricted.ref': 'Reference {code}',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.title': 'Report a player',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.titleNamed': 'Report {name}',
-    'player.report.intro': 'Tell us what happened and a moderator will look at it.',
+    'player.report.intro': 'Tell us why and a moderator will look at it.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.legend': 'What happened?',
     'player.report.titleOneTap': 'Report this message?',
     'player.report.titleOneTapNamed': 'Report {name}?',
@@ -82,24 +85,45 @@ export const en = {
     'player.report.oneTap.intro': 'We will pass it to the moderators. You do not need to say why.',
     'player.report.oneTap.send': 'Report',
     'player.report.quote': '“{line}”',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.skip': 'Skip and report',
     'player.report.needReason': 'Choose a reason.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.needReasonOrSkip': 'Choose what happened, or skip.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.addReason': 'Add a reason',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.addReasonHint': 'This helps, but the moderators decide what it really is. You can add this for a few minutes after you report.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.legend': 'What was it about?',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.send': 'Add to my report',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.need': 'Choose a reason or write a note.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.added': 'Added. Thanks.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.failed': 'We could not add that.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.off': 'Adding to a report is not available right now.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.not_found': 'We cannot find that report any more.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.not_reporter': 'Only the player who sent a report can add to it.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.too_late': 'It is too late to add to this report. We still have the report.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.already_added': 'You already added to this report.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.detail.refused.reason_unknown': 'That reason is not available any more. Your report is still with us.',
-    'player.report.note': 'Add a note (optional)',
+    'player.report.note': 'Note (optional)',
+    'player.report.addNote': 'Add a note',
+    'player.report.why': 'Why? (optional)',
+    'player.report.whyRequired': 'Why?',
+    'player.report.choose': 'Choose a reason (optional)',
+    'player.report.chooseRequired': 'Choose a reason',
     'player.report.noteHint': 'A moderator will read this. Up to {max} characters. Do not include passwords or personal details.',
+    /** @deprecated unused since 0.1.3; removed in a later minor */
     'player.report.send': 'Send report',
     'player.report.cancel': 'Cancel',
     'player.report.close': 'Close',

package/dist/src/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"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"}

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VERSION = "0.1.2";
+export declare const VERSION = "0.1.3";
 export { NoticeQueue } from './NoticeQueue.js';
 export type { NoticeQueueProps } from './NoticeQueue.js';
 export { MyRecord } from './MyRecord.js';

package/dist/src/index.js

@@ -1,4 +1,4 @@
-export const VERSION = '0.1.2';
+export const VERSION = '0.1.3';
 export { NoticeQueue } from './NoticeQueue.js';
 export { MyRecord } from './MyRecord.js';
 export { RulesPage } from './RulesPage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chatwarden/player-react",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": false,
   "description": "Player-facing React components for Chatwarden: the notice dialog, My record, the rules page, a report dialog and a restricted-chat line, over the player HTTP routes.",
   "license": "Apache-2.0",
@@ -52,10 +52,10 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@chatwarden/core": "0.1.2",
-    "@chatwarden/http": "0.1.2",
-    "@chatwarden/hub-react": "0.1.2",
-    "@chatwarden/store-memory": "0.1.2",
+    "@chatwarden/core": "0.1.3",
+    "@chatwarden/http": "0.1.3",
+    "@chatwarden/hub-react": "0.1.3",
+    "@chatwarden/store-memory": "0.1.3",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",

package/src/Dialog.tsx

@@ -11,18 +11,8 @@ import type { KeyboardEvent, ReactNode, RefObject } from 'react';
 
 const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 
-/**
- * The controls Tab visits, in order. A radio group is one stop (the checked radio, or the first when none is checked), because the
- * browser moves between its radios with the arrow keys: counting every radio would make "the first control" the wrong one to wrap at.
- */
-function tabStops(box: HTMLElement): HTMLElement[] {
-  const all = [...box.querySelectorAll<HTMLElement>(FOCUSABLE)];
-  return all.filter((el) => {
-    if (!(el instanceof HTMLInputElement) || el.type !== 'radio' || el.name === '') return true;
-    const group = all.filter((o): o is HTMLInputElement => o instanceof HTMLInputElement && o.type === 'radio' && o.name === el.name);
-    return el === (group.find((r) => r.checked) ?? group[0]);
-  });
-}
+/** The controls Tab visits, in order. */
+const tabStops = (box: HTMLElement): HTMLElement[] => [...box.querySelectorAll<HTMLElement>(FOCUSABLE)];
 
 export function Dialog({
   labelledBy,

package/src/ReportDialog.tsx

@@ -1,22 +1,18 @@
 import { useEffect, useId, useRef, useState } from 'react';
-import type { FormEvent } from 'react';
-import type { PlayerReporting, ReportDetailResult, ReportFlow, ReportRefusal, ReportResult } from '@chatwarden/core';
+import type { FormEvent, ReactNode } from 'react';
+import type { PlayerReporting, ReportDetailResult, ReportRefusal, ReportResult } from '@chatwarden/core';
 import { NOTE_MAX } from './constants.js';
 import { PlayerError } from './client.js';
 import { Dialog } from './Dialog.js';
-import { DETAIL_REFUSED_TEXT, FollowUp } from './FollowUp.js';
-import type { FollowUpOutcome, ReportFollowUp } from './FollowUp.js';
-import { Picker } from './Picker.js';
 import type { PlayerText } from './i18n.js';
 import { groupReasons, readReporting } from './reporting.js';
-import type { ReasonItem } from './reporting.js';
 import { errorText, Portal, Root, useUi } from './ui.js';
 import type { DialogHostProps, PlayerUiProps } from './ui.js';
 
 /**
  * What the player filled in. Your server adds the room and the seats and calls `cw.reports.submit({ ...draft, roomId, reporterSeat,
- * targetSeat })`. The dialog sends `reason` (an id from the studio's `reporting` list, or nothing, as in one tap). A reason is only a
- * hint: the moderators decide what a report really is.
+ * targetSeat })`. The dialog sends `reason` (an id from the studio's `reporting` list, or nothing) and `note` in the one report. A
+ * reason is only a hint: the moderators decide what a report really is.
  */
 export interface ReportDraft {
   /** The reason the player chose: an id from `reporting.reasons`. Left out when none was chosen. */
@@ -25,7 +21,14 @@ export interface ReportDraft {
   note?: string;
 }
 
-export type { ReportFollowUp } from './FollowUp.js';
+/**
+ * A reason and a note added to a report after it was filed (`cw.reports.addDetail`). The dialog no longer has a follow-up step (the
+ * reason and the note go in the one report), so this is only the shape a follow-up of your own may take.
+ */
+export interface ReportFollowUp {
+  reason?: string;
+  note?: string;
+}
 
 export interface ReportDialogProps extends PlayerUiProps, DialogHostProps {
   /**
@@ -34,22 +37,30 @@ export interface ReportDialogProps extends PlayerUiProps, DialogHostProps {
    */
   onSubmit: (draft: ReportDraft) => Promise<ReportResult>;
   /**
-   * The optional follow-up after a one-tap report: your server calls `cw.reports.addDetail(reportId, reporterSeat, detail)` (the seat
-   * from its own session, never from the page) and returns its `ReportDetailResult`. Without it the "Add a reason" step is not shown.
+   * @deprecated The dialog is one step now: the reason and the note go in the single `onSubmit`, so this is accepted but never
+   * called. Remove it. (`cw.reports.addDetail` is still there for a follow-up of your own.)
    */
   onAddDetail?: (reportId: string, detail: ReportFollowUp) => Promise<ReportDetailResult>;
   /** Called on Escape, Cancel and Close. Unmount the dialog in answer. */
   onClose: () => void;
   /**
-   * How reporting works here: `(await createPlayerClient.rules()).reporting`, the `reporting` part of `GET /rules`. It sets the flow
-   * (one tap, pick a reason first, reason required), the reasons (grouped, with hints) and the thank-you. Without it the dialog is
-   * one tap with the dialog's own words, the same as when `GET /rules` cannot be loaded.
+   * How reporting works here: `(await createPlayerClient.rules()).reporting`, the `reporting` part of `GET /rules`. It gives the
+   * reasons (grouped, with hints), whether a reason is required, and the thank-you. Without it the dialog has no reasons to offer:
+   * one press files the report, with the dialog's own words, the same as when `GET /rules` cannot be loaded.
    */
   reporting?: PlayerReporting;
   /** Who is being reported, as the player knows them (a handle). Shown as text in the heading. */
   targetName?: string;
   /** The message being reported. Shown as quoted text (cut if very long) so the player sees what they are reporting. */
   line?: string;
+  /**
+   * @experimental Your own controls, placed inside the form under the reason and the note and above Report and Cancel (for example
+   * an "Also mute this player" checkbox and a line about false reports). You own their state; the dialog only places them, adds no
+   * styling beyond the spacing, and keeps their focusable controls in its Tab order (reason, note, yours, Report, Cancel) and its
+   * focus trap. They are not shown once the report is sent. They sit inside the dialog's form, so give your buttons `type="button"`:
+   * a plain button, or Enter in a text field of yours, sends the report.
+   */
+  extra?: ReactNode;
 }
 
 // One plain message for each refusal the kit has. Anything else (a refusal a newer kit adds) gets the last one.
@@ -79,78 +90,66 @@ const quoted = (line: string | undefined): string => {
   return plain.length > LINE_MAX ? `${plain.slice(0, LINE_MAX).trimEnd()}…` : plain;
 };
 
-/** The screen to draw: the flow, the reasons as the dialog will list them, and the thank-you. */
-interface Screen {
-  flow: ReportFlow;
-  reasons: ReasonItem[];
-  thanks: string;
-}
-
 /**
- * A dialog for reporting a message or a player. How it works is the studio's setting (`reporting`, from `GET /rules`):
- * - `one_tap` (the default): one step, "Report this message?" and a Report button. The report is filed at once and the thank-you
- *   shown; an optional "Add a reason" step then attaches a reason and a note to the same report (`onAddDetail`).
- * - `reason_first`: the reasons in groups, then an optional note; a reason can be skipped.
- * - `reason_required`: the same without the skip.
- * The reason is only a hint for the moderators. Every refusal the kit can give has its own plain message. Render it when the player
- * chooses to report, and unmount it in `onClose`.
+ * A dialog for reporting a message or a player, in one step: "Report this message?", the quoted line, an optional "Why?" (one
+ * select, the reasons in groups) and a Report button. A note is behind "Add a note", or shown when the chosen reason asks for one.
+ * Report sends the reason and the note together (`onSubmit`); the dialog then says "Report sent" and the thank-you. The studio's
+ * `reporting` setting decides whether the reason is required (`reason_required`: the select is required, and Report without a
+ * reason asks for one and sends nothing), what the reasons are, and the thank-you. The reason is only a hint for the moderators.
+ * Every refusal the kit can give has its own plain message. Render it when the player chooses to report, and unmount it in `onClose`.
  */
 export function ReportDialog(props: ReportDialogProps) {
-  const { onSubmit, onAddDetail, onClose, targetName, line, theme, className, container, returnFocusTo } = props;
+  const { onSubmit, onClose, targetName, line, theme, className, container, returnFocusTo, extra } = props;
   const ui = useUi(props);
   const { t } = ui;
   const heading = useRef<HTMLHeadingElement>(null);
-  const picker = useRef<HTMLFieldSetElement>(null);
-  // One thing on its way at a time, report or follow-up: a second click, or a second Enter, does nothing.
+  const select = useRef<HTMLSelectElement>(null);
+  const noteField = useRef<HTMLTextAreaElement>(null);
+  // One report on its way at a time: a second click, or a second Enter, does nothing.
   const sending = useRef(false);
   const titleId = useId();
-  const groupName = useId();
+  const reasonId = useId();
   const noteId = useId();
-  const hintId = useId();
+  const noteHintId = useId();
+  const reasonHintId = useId();
   const missingId = useId();
-  const [reason, setReason] = useState<string | null>(null);
+  const [reason, setReason] = useState('');
   const [note, setNote] = useState('');
+  // The note is shown once it was asked for (the "Add a note" button, or a reason that asks for one) and then stays.
+  const [noteOpen, setNoteOpen] = useState(false);
+  const [focusNote, setFocusNote] = useState(false);
   const [missing, setMissing] = useState(false);
   const [busy, setBusy] = useState(false);
   const [failure, setFailure] = useState<PlayerError | null>(null);
   const [result, setResult] = useState<ReportResult | null>(null);
-  // How the follow-up after a one-tap report ended, and whether its time is up (the kit takes one until `detailUntil`).
-  const [dDone, setDDone] = useState<FollowUpOutcome | null>(null);
-  const [expired, setExpired] = useState(false);
 
-  const screen: Screen = (() => {
-    // No `reporting` (or something that is not the payload): one tap with the dialog's own words, as when `GET /rules` cannot be loaded.
-    const read = readReporting(props.reporting) ?? { flow: 'one_tap' as const, reasons: [], thanks: '' };
-    // A flow that asks for a reason has nothing to ask with when the list is empty: it is one tap.
-    return { flow: read.reasons.length === 0 ? 'one_tap' : read.flow, reasons: read.reasons, thanks: read.thanks.trim() };
-  })();
-  const { flow } = screen;
-  const groups = groupReasons(screen.reasons);
-  const chosen = screen.reasons.find((r) => r.id === reason);
-  // The note: when the chosen reason asks for it.
-  const showNote = chosen?.asksNote === true;
+  // No `reporting` (or something that is not the payload): no reasons to offer, as when `GET /rules` cannot be loaded.
+  const read = readReporting(props.reporting) ?? { flow: 'one_tap' as const, reasons: [], thanks: '' };
+  const thanks = read.thanks.trim();
+  const hasReasons = read.reasons.length > 0;
+  // A flow that asks for a reason has nothing to ask with when the list is empty.
+  const required = hasReasons && read.flow === 'reason_required';
+  const groups = groupReasons(read.reasons);
+  const named = groups.filter((g) => g.name !== '');
+  const bare = groups.filter((g) => g.name === '').flatMap((g) => g.items);
+  // The reason is read from the CURRENT list: if `reporting` changes while the dialog is open and the id the player chose is gone, the
+  // select shows the placeholder, and this is undefined, so nothing stale is sent (and a required reason is asked for again).
+  const chosen = read.reasons.find((r) => r.id === reason);
+  const reasonValue = chosen === undefined ? '' : chosen.id;
+  const hint = chosen !== undefined && chosen.hint !== '' ? chosen.hint : null;
+  const noteShown = hasReasons && noteOpen;
 
   // The form is gone once there is an answer: focus goes back to the heading, so the answer is read and focus is not lost.
   useEffect(() => {
     if (result !== null) heading.current?.focus();
   }, [result]);
+  // "Add a note" is replaced by the field: focus follows it.
   useEffect(() => {
-    if (dDone !== null) heading.current?.focus();
-  }, [dDone]);
-  // The follow-up stops being offered when the kit would no longer take it.
-  const until = result?.ok === true && typeof result.detailUntil === 'number' && Number.isFinite(result.detailUntil) ? result.detailUntil : null;
-  useEffect(() => {
-    if (until === null) return undefined;
-    let timer: ReturnType<typeof setTimeout> | undefined;
-    // Looks at the clock again when the time comes, so a clock that has not moved does not end the offer early.
-    const check = (): void => {
-      const left = until - ui.now();
-      if (left < 0) setExpired(true);
-      else timer = setTimeout(check, Math.min(Math.max(left + 1, 50), 2_000_000_000));
-    };
-    check();
-    return () => clearTimeout(timer);
-  }, [until]);
+    if (focusNote) {
+      noteField.current?.focus();
+      setFocusNote(false);
+    }
+  }, [focusNote]);
 
   const send = async (draft: ReportDraft): Promise<void> => {
     sending.current = true;
@@ -170,24 +169,19 @@ export function ReportDialog(props: ReportDialogProps) {
   const submit = (e: FormEvent): void => {
     e.preventDefault();
     if (sending.current) return;
-    if (flow !== 'one_tap' && reason === null) {
+    if (required && reasonValue === '') {
       setMissing(true);
-      picker.current?.querySelector<HTMLElement>('input')?.focus();
+      select.current?.focus();
       return;
     }
-    const draft: ReportDraft = flow === 'one_tap' ? {} : { reason: reason as string };
-    if (showNote && trimmed !== '') draft.note = trimmed;
+    const draft: ReportDraft = {};
+    if (reasonValue !== '') draft.reason = reasonValue;
+    if (noteShown && trimmed !== '') draft.note = trimmed;
     void send(draft);
   };
-  const skip = (): void => {
-    if (sending.current) return;
-    void send(showNote && trimmed !== '' ? { note: trimmed } : {});
-  };
 
-  const reportId = result?.ok === true && typeof result.reportId === 'string' && result.reportId !== '' ? result.reportId : null;
   const quote = quoted(line);
-  const oneTapTitle = quote !== '' ? t('player.report.titleOneTap') : targetName === undefined ? t('player.report.titleOneTapPlayer') : t('player.report.titleOneTapNamed', { name: targetName });
-  const title = flow === 'one_tap' ? oneTapTitle : targetName === undefined ? t('player.report.title') : t('player.report.titleNamed', { name: targetName });
+  const title = quote !== '' ? t('player.report.titleOneTap') : targetName === undefined ? t('player.report.titleOneTapPlayer') : t('player.report.titleOneTapNamed', { name: targetName });
   const taken = result?.ok === true;
   const refusal = result !== null && !taken ? result : null;
   // After an answer the heading says what happened (a question would be stale), and focus is on it.
@@ -197,11 +191,12 @@ export function ReportDialog(props: ReportDialogProps) {
     const refused = (r as { refused?: unknown }).refused;
     return typeof refused === 'string' && Object.hasOwn(REFUSED_TEXT, refused) ? REFUSED_TEXT[refused as ReportRefusal] : 'player.report.refused.unknown';
   };
-  const detailRefusedKey = (refused: string): PlayerText => (Object.hasOwn(DETAIL_REFUSED_TEXT, refused) ? (DETAIL_REFUSED_TEXT[refused] as PlayerText) : 'player.report.detail.failed');
-  const detailUntil = taken && typeof result.detailUntil === 'number' && Number.isFinite(result.detailUntil) ? result.detailUntil : null;
-  const timeUp = expired || (detailUntil !== null && ui.now() > detailUntil);
-  const canFollow = taken && flow === 'one_tap' && reportId !== null && onAddDetail !== undefined && screen.reasons.length > 0 && !timeUp;
-  const needText: PlayerText = flow === 'reason_first' ? 'player.report.needReasonOrSkip' : 'player.report.needReason';
+  const option = (r: { id: string; label: string }) => (
+    <option key={r.id} value={r.id}>
+      {r.label}
+    </option>
+  );
+  const describedBy = [hint === null ? '' : reasonHintId, missing ? missingId : ''].filter((id) => id !== '').join(' ');
 
   return (
     <Portal container={container}>
@@ -210,51 +205,84 @@ export function ReportDialog(props: ReportDialogProps) {
         <h2 id={titleId} ref={heading} className="cw-title" tabIndex={-1}>
           {shownTitle}
         </h2>
-        {/* Always there, so what is written into it is announced: the thank-you, and "Added. Thanks.". */}
+        {/* Always there, so what is written into it is announced: the thank-you. */}
         <div role="status" className="cw-live">
           {taken && (
             <p className="cw-result">
-              {screen.thanks === '' ? t('player.report.thanks') : screen.thanks}
+              {thanks === '' ? t('player.report.thanks') : thanks}
               {remaining !== null && ` ${t('player.report.remaining', { count: remaining })}`}
             </p>
           )}
-          {dDone?.ok === true && <p className="cw-result">{t('player.report.detail.added')}</p>}
         </div>
         {result === null ? (
           <form onSubmit={submit} noValidate>
-            <p className="cw-body">{flow === 'one_tap' ? t('player.report.oneTap.intro') : t('player.report.intro')}</p>
+            <p className="cw-body">{required ? t('player.report.intro') : t('player.report.oneTap.intro')}</p>
             {quote !== '' && <blockquote className="cw-quote">{t('player.report.quote', { line: quote })}</blockquote>}
-            {flow !== 'one_tap' && (
-              <Picker
-                groups={groups}
-                name={groupName}
-                value={reason}
-                legend={t('player.report.legend')}
-                invalid={missing}
-                describedBy={missingId}
-                fieldset={picker}
-                onChange={(id) => {
-                  setReason(id);
-                  setMissing(false);
-                }}
-              />
-            )}
-            {missing && (
-              <p id={missingId} className="cw-field-error" role="alert">
-                {t(needText)}
-              </p>
+            {hasReasons && (
+              <div className="cw-field">
+                <label className="cw-label" htmlFor={reasonId}>
+                  {required ? t('player.report.whyRequired') : t('player.report.why')}
+                </label>
+                <select
+                  id={reasonId}
+                  ref={select}
+                  className="cw-select"
+                  value={reasonValue}
+                  required={required}
+                  aria-invalid={missing || undefined}
+                  aria-describedby={describedBy === '' ? undefined : describedBy}
+                  onChange={(e) => {
+                    const id = e.target.value;
+                    setReason(id);
+                    setMissing(false);
+                    if (read.reasons.find((r) => r.id === id)?.asksNote === true) setNoteOpen(true);
+                  }}
+                >
+                  <option value="">{required ? t('player.report.chooseRequired') : t('player.report.choose')}</option>
+                  {named.map((g) => (
+                    <optgroup key={g.name} label={g.name}>
+                      {g.items.map(option)}
+                    </optgroup>
+                  ))}
+                  {bare.map(option)}
+                </select>
+                {hint !== null && (
+                  <p id={reasonHintId} className="cw-hint">
+                    {hint}
+                  </p>
+                )}
+                {missing && (
+                  <p id={missingId} className="cw-field-error" role="alert">
+                    {t('player.report.needReason')}
+                  </p>
+                )}
+              </div>
             )}
-            {showNote && (
-              <>
+            {noteShown && (
+              <div className="cw-field">
                 <label className="cw-label" htmlFor={noteId}>
                   {t('player.report.note')}
                 </label>
-                <textarea id={noteId} className="cw-textarea" rows={4} maxLength={NOTE_MAX} value={note} aria-describedby={hintId} onChange={(e) => setNote(e.target.value)} />
-                <p id={hintId} className="cw-hint">
+                <textarea id={noteId} ref={noteField} className="cw-textarea" rows={3} maxLength={NOTE_MAX} value={note} aria-describedby={noteHintId} onChange={(e) => setNote(e.target.value)} />
+                <p id={noteHintId} className="cw-hint">
                   {t('player.report.noteHint', { max: NOTE_MAX })}
                 </p>
-              </>
+              </div>
+            )}
+            {hasReasons && !noteShown && (
+              // No aria-expanded: this is a one-way door. It is removed when pressed (the note takes its place) and focus moves to the note.
+              <button
+                type="button"
+                className="cw-linkbtn"
+                onClick={() => {
+                  setNoteOpen(true);
+                  setFocusNote(true);
+                }}
+              >
+                {t('player.report.addNote')}
+              </button>
             )}
+            {extra !== undefined && extra !== null && extra !== false && <div className="cw-extra">{extra}</div>}
             {failure !== null && (
               <p className="cw-error" role="alert">
                 {t('player.report.failed')} {errorText(t, failure)}
@@ -262,13 +290,8 @@ export function ReportDialog(props: ReportDialogProps) {
             )}
             <div className="cw-actions">
               <button type="submit" className="cw-btn cw-btn--primary" aria-disabled={busy || undefined} aria-busy={busy || undefined}>
-                {flow === 'one_tap' ? t('player.report.oneTap.send') : t('player.report.send')}
+                {t('player.report.oneTap.send')}
               </button>
-              {flow === 'reason_first' && (
-                <button type="button" className="cw-btn" aria-disabled={busy || undefined} aria-busy={busy || undefined} onClick={skip}>
-                  {t('player.report.skip')}
-                </button>
-              )}
               {/* Closing while a report is on its way would lose the answer: busy, like Escape. */}
               <button type="button" className="cw-btn" aria-disabled={busy || undefined} onClick={() => !sending.current && onClose()}>
                 {t('player.report.cancel')}
@@ -282,14 +305,6 @@ export function ReportDialog(props: ReportDialogProps) {
                 {t(refusedKey(refusal))}
               </p>
             )}
-            {canFollow && dDone === null && (
-              <FollowUp t={t} groups={groups} reportId={reportId} onAddDetail={onAddDetail} sending={sending} busy={busy} onBusy={setBusy} onDone={setDDone} />
-            )}
-            {dDone !== null && !dDone.ok && (
-              <p className="cw-error" role="alert">
-                {t(detailRefusedKey(dDone.refused))}
-              </p>
-            )}
             <div className="cw-actions">
               <button type="button" className="cw-btn cw-btn--primary" aria-disabled={busy || undefined} onClick={() => !sending.current && onClose()}>
                 {t('player.report.close')}

package/src/i18n.ts

@@ -78,9 +78,12 @@ export const en = {
   'player.restricted.ended': 'Your chat is back on. The restriction ended {when}.',
   'player.restricted.ref': 'Reference {code}',
 
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.title': 'Report a player',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.titleNamed': 'Report {name}',
-  'player.report.intro': 'Tell us what happened and a moderator will look at it.',
+  'player.report.intro': 'Tell us why and a moderator will look at it.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.legend': 'What happened?',
   'player.report.titleOneTap': 'Report this message?',
   'player.report.titleOneTapNamed': 'Report {name}?',
@@ -90,24 +93,45 @@ export const en = {
   'player.report.oneTap.intro': 'We will pass it to the moderators. You do not need to say why.',
   'player.report.oneTap.send': 'Report',
   'player.report.quote': '“{line}”',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.skip': 'Skip and report',
   'player.report.needReason': 'Choose a reason.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.needReasonOrSkip': 'Choose what happened, or skip.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.addReason': 'Add a reason',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.addReasonHint': 'This helps, but the moderators decide what it really is. You can add this for a few minutes after you report.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.legend': 'What was it about?',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.send': 'Add to my report',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.need': 'Choose a reason or write a note.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.added': 'Added. Thanks.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.failed': 'We could not add that.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.off': 'Adding to a report is not available right now.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.not_found': 'We cannot find that report any more.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.not_reporter': 'Only the player who sent a report can add to it.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.too_late': 'It is too late to add to this report. We still have the report.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.already_added': 'You already added to this report.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.detail.refused.reason_unknown': 'That reason is not available any more. Your report is still with us.',
-  'player.report.note': 'Add a note (optional)',
+  'player.report.note': 'Note (optional)',
+  'player.report.addNote': 'Add a note',
+  'player.report.why': 'Why? (optional)',
+  'player.report.whyRequired': 'Why?',
+  'player.report.choose': 'Choose a reason (optional)',
+  'player.report.chooseRequired': 'Choose a reason',
   'player.report.noteHint': 'A moderator will read this. Up to {max} characters. Do not include passwords or personal details.',
+  /** @deprecated unused since 0.1.3; removed in a later minor */
   'player.report.send': 'Send report',
   'player.report.cancel': 'Cancel',
   'player.report.close': 'Close',

package/src/index.ts

@@ -1,4 +1,4 @@
-export const VERSION = '0.1.2';
+export const VERSION = '0.1.3';
 
 export { NoticeQueue } from './NoticeQueue.js';
 export type { NoticeQueueProps } from './NoticeQueue.js';