@chatwarden/player-react 0.1.2 → 0.1.3

package/src/styles.css

@@ -393,60 +393,19 @@
 }
 
 /* ---- The report form --------------------------------------------------------------------------------------------- */
-.cw-player .cw-fieldset {
+.cw-player .cw-field {
   min-width: 0;
-  margin: 0 0 var(--cw-space-3, var(--cwd-space-3));
-  border: 0;
-}
-.cw-player .cw-fieldset[aria-invalid='true'] {
-  border-left: 3px solid var(--cw-red, var(--cwd-red));
-  padding-left: var(--cw-space-3, var(--cwd-space-3));
-}
-.cw-player .cw-legend {
-  margin-bottom: var(--cw-space-2, var(--cwd-space-2));
-  padding: 0;
-  font-weight: 600;
-}
-.cw-player .cw-choice {
-  display: flex;
-  align-items: center;
-  gap: var(--cw-space-3, var(--cwd-space-3));
-  min-height: var(--cw-control-height, var(--cwd-control-height));
-  padding: 0 var(--cw-space-3, var(--cwd-space-3));
-  border: var(--cw-border-width, var(--cwd-border-width)) solid var(--cw-border, var(--cwd-border));
-  border-radius: var(--cw-radius-s, var(--cwd-radius-s));
-  cursor: pointer;
-}
-.cw-player .cw-choice + .cw-choice {
-  margin-top: var(--cw-space-1, var(--cwd-space-1));
+  margin-bottom: var(--cw-space-3, var(--cwd-space-3));
 }
-.cw-player .cw-choice:has(input:checked) {
-  border-color: var(--cw-accent, var(--cwd-accent));
-  background: var(--cw-accent-soft, var(--cwd-accent-soft));
+.cw-player .cw-field > .cw-hint {
+  margin: var(--cw-space-1, var(--cwd-space-1)) 0 0;
 }
-.cw-player .cw-choice-text {
-  display: flex;
-  flex-direction: column;
+.cw-player .cw-extra {
   min-width: 0;
-  padding: var(--cw-space-2, var(--cwd-space-2)) 0;
-  overflow-wrap: anywhere;
-}
-.cw-player .cw-choice-hint {
-  color: var(--cw-ink-muted, var(--cwd-ink-muted));
-  font-size: var(--cw-text-s, var(--cwd-text-s));
+  margin-bottom: var(--cw-space-3, var(--cwd-space-3));
 }
-.cw-player .cw-group {
-  min-width: 0;
-  margin: 0 0 var(--cw-space-3, var(--cwd-space-3));
-  padding: 0;
-  border: 0;
-}
-.cw-player .cw-group-legend {
-  margin-bottom: var(--cw-space-1, var(--cwd-space-1));
-  padding: 0;
-  color: var(--cw-ink-muted, var(--cwd-ink-muted));
-  font-size: var(--cw-text-s, var(--cwd-text-s));
-  font-weight: 600;
+.cw-player .cw-field > .cw-field-error {
+  margin: var(--cw-space-2, var(--cwd-space-2)) 0 0;
 }
 .cw-player .cw-quote {
   margin: 0 0 var(--cw-space-3, var(--cwd-space-3));
@@ -460,34 +419,59 @@
   gap: var(--cw-space-2, var(--cwd-space-2));
   margin-bottom: var(--cw-space-3, var(--cwd-space-3));
 }
-.cw-player .cw-disclosure {
-  margin-bottom: var(--cw-space-3, var(--cwd-space-3));
-}
-.cw-player .cw-panel {
-  min-width: 0;
-  margin-bottom: var(--cw-space-3, var(--cwd-space-3));
-}
-.cw-player input[type='radio'] {
-  flex: none;
-  accent-color: var(--cw-accent, var(--cwd-accent));
-}
 .cw-player .cw-label {
   display: block;
   margin-bottom: var(--cw-space-1, var(--cwd-space-1));
   font-weight: 600;
 }
-.cw-player textarea {
+.cw-player textarea,
+.cw-player select {
   display: block;
   width: 100%;
   max-width: 100%;
+  min-width: 0;
   padding: var(--cw-space-2, var(--cwd-space-2)) var(--cw-space-3, var(--cwd-space-3));
   border: var(--cw-border-width, var(--cwd-border-width)) solid var(--cw-border-strong, var(--cwd-border-strong));
   border-radius: var(--cw-radius-s, var(--cwd-radius-s));
   background: var(--cw-surface, var(--cwd-surface));
   color: var(--cw-ink, var(--cwd-ink));
   font: inherit;
+}
+.cw-player textarea {
   resize: vertical;
 }
+.cw-player select {
+  min-height: var(--cw-control-height, var(--cwd-control-height));
+  text-overflow: ellipsis;
+}
+/* A reason chosen is a choice you made: the accent, as the old radio was. */
+.cw-player select:has(option:checked:not([value=''])) {
+  border-color: var(--cw-accent, var(--cwd-accent));
+  background: var(--cw-accent-soft, var(--cwd-accent-soft));
+}
+.cw-player select[aria-invalid='true'] {
+  border-color: var(--cw-red, var(--cwd-red));
+}
+/* The one door to the advanced part: a text button, small, in the accent (it is the next action). */
+.cw-player .cw-linkbtn {
+  min-height: 2rem;
+  margin: 0 0 var(--cw-space-3, var(--cwd-space-3));
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--cw-accent, var(--cwd-accent));
+  font: inherit;
+  font-size: var(--cw-text-s, var(--cwd-text-s));
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  cursor: pointer;
+}
+/* A thumb needs the same target as the other buttons. */
+@media (pointer: coarse) {
+  .cw-player .cw-linkbtn {
+    min-height: var(--cw-control-height, var(--cwd-control-height));
+  }
+}
 .cw-player textarea + .cw-hint {
   margin-top: var(--cw-space-1, var(--cwd-space-1));
 }

package/dist/src/FollowUp.d.ts

@@ -1,35 +0,0 @@
-import type { MutableRefObject } from 'react';
-import type { ReportDetailResult } from '@chatwarden/core';
-import type { PlayerText } from './i18n.js';
-import type { ReasonGroup } from './reporting.js';
-import type { PlayerT } from './i18n.js';
-/** What the player adds after a one-tap report. Your server calls `cw.reports.addDetail(reportId, reporterSeat, detail)`. */
-export interface ReportFollowUp {
-    reason?: string;
-    note?: string;
-}
-/** How the follow-up ended, for the dialog to say: added, or the refusal word (an unknown one reads as a failure). */
-export type FollowUpOutcome = {
-    ok: true;
-} | {
-    ok: false;
-    refused: string;
-};
-/**
- * The optional step after a one-tap report: an "Add a reason" button that opens the reasons (in groups) and a note, and sends them to
- * `onAddDetail` for the report just filed. Nothing is sent when nothing is chosen. One thing on its way at a time, shared with the
- * dialog through `sending` (so Escape and Close wait for it); `onBusy` tells the dialog to dim its Close button.
- */
-export declare function FollowUp(props: {
-    t: PlayerT;
-    groups: readonly ReasonGroup[];
-    reportId: string;
-    onAddDetail: (reportId: string, detail: ReportFollowUp) => Promise<ReportDetailResult>;
-    sending: MutableRefObject<boolean>;
-    busy: boolean;
-    onBusy: (busy: boolean) => void;
-    onDone: (outcome: FollowUpOutcome) => void;
-}): import("react").JSX.Element;
-/** The plain message for a follow-up refusal; one a newer kit adds gets the general one. */
-export declare const DETAIL_REFUSED_TEXT: Readonly<Record<string, PlayerText>>;
-//# sourceMappingURL=FollowUp.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FollowUp.d.ts","sourceRoot":"","sources":["../../src/FollowUp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,gBAAgB,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,6HAA6H;AAC7H,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,sHAAsH;AACtH,MAAM,MAAM,eAAe,GAAG;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAM5E;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,CAAC,EAAE,OAAO,CAAC;IACX,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvF,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C,+BA0FA;AAED,4FAA4F;AAC5F,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAOpE,CAAC"}

package/dist/src/FollowUp.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useState } from 'react';
-import { NOTE_MAX } from './constants.js';
-import { PlayerError } from './client.js';
-import { Picker } from './Picker.js';
-import { errorText } from './ui.js';
-/** A failure to send as an error the components can word: anything that is not already a PlayerError is a dropped connection. */
-const failureOf = (e) => e instanceof PlayerError ? e : new PlayerError({ status: 0, code: 'network', message: 'Could not reach the server.' });
-/**
- * The optional step after a one-tap report: an "Add a reason" button that opens the reasons (in groups) and a note, and sends them to
- * `onAddDetail` for the report just filed. Nothing is sent when nothing is chosen. One thing on its way at a time, shared with the
- * dialog through `sending` (so Escape and Close wait for it); `onBusy` tells the dialog to dim its Close button.
- */
-export function FollowUp(props) {
-    const { t, groups, reportId, onAddDetail, sending, busy, onBusy, onDone } = props;
-    const name = useId();
-    const noteId = useId();
-    const missingId = useId();
-    const panelId = useId();
-    const [open, setOpen] = useState(false);
-    const [reason, setReason] = useState(null);
-    const [note, setNote] = useState('');
-    const [missing, setMissing] = useState(false);
-    const [failure, setFailure] = useState(null);
-    const trimmed = note.trim();
-    const submit = async (e) => {
-        e.preventDefault();
-        if (sending.current)
-            return;
-        if (reason === null && trimmed === '') {
-            setMissing(true);
-            return;
-        }
-        sending.current = true;
-        onBusy(true);
-        setFailure(null);
-        try {
-            const detail = { ...(reason === null ? {} : { reason }), ...(trimmed === '' ? {} : { note: trimmed }) };
-            const raw = await onAddDetail(reportId, detail);
-            // Anything that is not a result object (undefined, null, a string) is not a success and not a crash: it reads as an unknown refusal.
-            const answer = typeof raw === 'object' && raw !== null && !Array.isArray(raw) ? raw : { ok: false, refused: 'unknown' };
-            onDone(answer.ok === true ? { ok: true } : { ok: false, refused: String(answer.refused) });
-        }
-        catch (error) {
-            setFailure(failureOf(error));
-        }
-        finally {
-            sending.current = false;
-            onBusy(false);
-        }
-    };
-    return (_jsxs("form", { onSubmit: (e) => void submit(e), noValidate: true, children: [_jsx("button", { type: "button", className: "cw-btn cw-disclosure", "aria-expanded": open, "aria-controls": open ? panelId : undefined, onClick: () => setOpen(!open), children: t('player.report.addReason') }), open && (_jsxs("div", { id: panelId, className: "cw-panel", children: [_jsx("p", { className: "cw-hint", children: t('player.report.addReasonHint') }), _jsx(Picker, { groups: groups, name: name, value: reason, legend: t('player.report.detail.legend'), invalid: missing, describedBy: missingId, onChange: (id) => {
-                            setReason(id);
-                            setMissing(false);
-                        } }), missing && (_jsx("p", { id: missingId, className: "cw-field-error", role: "alert", children: t('player.report.detail.need') })), _jsx("label", { className: "cw-label", htmlFor: noteId, children: t('player.report.note') }), _jsx("textarea", { id: noteId, className: "cw-textarea", rows: 3, maxLength: NOTE_MAX, value: note, onChange: (e) => {
-                            setNote(e.target.value);
-                            setMissing(false);
-                        } }), failure !== null && (_jsxs("p", { className: "cw-error", role: "alert", children: [t('player.report.detail.failed'), " ", errorText(t, failure)] })), _jsx("div", { className: "cw-actions", children: _jsx("button", { type: "submit", className: "cw-btn cw-btn--primary", "aria-disabled": busy || undefined, "aria-busy": busy || undefined, children: t('player.report.detail.send') }) })] }))] }));
-}
-/** The plain message for a follow-up refusal; one a newer kit adds gets the general one. */
-export const DETAIL_REFUSED_TEXT = {
-    off: 'player.report.detail.refused.off',
-    not_found: 'player.report.detail.refused.not_found',
-    not_reporter: 'player.report.detail.refused.not_reporter',
-    too_late: 'player.report.detail.refused.too_late',
-    already_added: 'player.report.detail.refused.already_added',
-    reason_unknown: 'player.report.detail.refused.reason_unknown',
-};
-//# sourceMappingURL=FollowUp.js.map

package/dist/src/FollowUp.js.map

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

package/dist/src/Picker.d.ts

@@ -1,14 +0,0 @@
-import type { RefObject } from 'react';
-import type { ReasonGroup } from './reporting.js';
-/** The radios, by group. One radio group (one name) across the groups, so the arrow keys walk all of them and Tab stops once. */
-export declare function Picker(props: {
-    groups: readonly ReasonGroup[];
-    name: string;
-    value: string | null;
-    onChange: (id: string) => void;
-    legend: string;
-    invalid?: boolean;
-    describedBy?: string | undefined;
-    fieldset?: RefObject<HTMLFieldSetElement | null>;
-}): import("react").JSX.Element;
-//# sourceMappingURL=Picker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../src/Picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAE9D,iIAAiI;AACjI,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CAClD,+BA6CA"}

package/dist/src/Picker.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from 'react';
-/** The radios, by group. One radio group (one name) across the groups, so the arrow keys walk all of them and Tab stops once. */
-export function Picker(props) {
-    const { groups, name, value, onChange, legend, invalid, describedBy, fieldset } = props;
-    const base = useId();
-    const choice = (r) => {
-        const label = `${base}-${r.id}-l`;
-        const hint = `${base}-${r.id}-h`;
-        return (_jsxs("label", { className: "cw-choice", children: [_jsx("input", { type: "radio", name: name, value: r.id, checked: value === r.id, "aria-labelledby": label, "aria-describedby": r.hint === '' ? undefined : hint, onChange: () => onChange(r.id) }), _jsxs("span", { className: "cw-choice-text", children: [_jsx("span", { id: label, children: r.label }), r.hint !== '' && (_jsx("span", { id: hint, className: "cw-choice-hint", children: r.hint }))] })] }, r.id));
-    };
-    return (_jsxs("fieldset", { ref: fieldset, className: "cw-fieldset", role: "radiogroup", "aria-invalid": invalid || undefined, "aria-describedby": invalid ? describedBy : undefined, children: [_jsx("legend", { className: "cw-legend", children: legend }), groups.map((g, i) => g.name === '' ? (_jsx("div", { className: "cw-group", children: g.items.map(choice) }, `g${i}`)) : (_jsxs("fieldset", { className: "cw-fieldset cw-group", children: [_jsx("legend", { className: "cw-group-legend", children: g.name }), g.items.map(choice)] }, `g${i}`)))] }));
-}
-//# sourceMappingURL=Picker.js.map

package/dist/src/Picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../src/Picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAI9B,iIAAiI;AACjI,MAAM,UAAU,MAAM,CAAC,KAStB;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxF,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC;IACrB,MAAM,MAAM,GAAG,CAAC,CAAa,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;QAClC,MAAM,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;QACjC,OAAO,CACL,iBAAkB,SAAS,EAAC,WAAW,aACrC,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,OAAO,EAAE,KAAK,KAAK,CAAC,CAAC,EAAE,qBACN,KAAK,sBACJ,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAClD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAC9B,EACF,gBAAM,SAAS,EAAC,gBAAgB,aAC9B,eAAM,EAAE,EAAE,KAAK,YAAG,CAAC,CAAC,KAAK,GAAQ,EAChC,CAAC,CAAC,IAAI,KAAK,EAAE,IAAI,CAChB,eAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAC,gBAAgB,YACvC,CAAC,CAAC,IAAI,GACF,CACR,IACI,KAjBG,CAAC,CAAC,EAAE,CAkBR,CACT,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,oBAAU,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,YAAY,kBAAe,OAAO,IAAI,SAAS,sBAAoB,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,aACxJ,iBAAQ,SAAS,EAAC,WAAW,YAAE,MAAM,GAAU,EAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnB,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,CACd,cAAmB,SAAS,EAAC,UAAU,YACpC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IADZ,IAAI,CAAC,EAAE,CAEX,CACP,CAAC,CAAC,CAAC,CACF,oBAAwB,SAAS,EAAC,sBAAsB,aACtD,iBAAQ,SAAS,EAAC,iBAAiB,YAAE,CAAC,CAAC,IAAI,GAAU,EACpD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAFP,IAAI,CAAC,EAAE,CAGX,CACZ,CACF,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/src/FollowUp.tsx

@@ -1,139 +0,0 @@
-import { useId, useState } from 'react';
-import type { FormEvent, MutableRefObject } from 'react';
-import type { ReportDetailResult } from '@chatwarden/core';
-import { NOTE_MAX } from './constants.js';
-import { PlayerError } from './client.js';
-import type { PlayerText } from './i18n.js';
-import { Picker } from './Picker.js';
-import type { ReasonGroup } from './reporting.js';
-import { errorText } from './ui.js';
-import type { PlayerT } from './i18n.js';
-
-/** What the player adds after a one-tap report. Your server calls `cw.reports.addDetail(reportId, reporterSeat, detail)`. */
-export interface ReportFollowUp {
-  reason?: string;
-  note?: string;
-}
-
-/** How the follow-up ended, for the dialog to say: added, or the refusal word (an unknown one reads as a failure). */
-export type FollowUpOutcome = { ok: true } | { ok: false; refused: string };
-
-/** A failure to send as an error the components can word: anything that is not already a PlayerError is a dropped connection. */
-const failureOf = (e: unknown): PlayerError =>
-  e instanceof PlayerError ? e : new PlayerError({ status: 0, code: 'network', message: 'Could not reach the server.' });
-
-/**
- * The optional step after a one-tap report: an "Add a reason" button that opens the reasons (in groups) and a note, and sends them to
- * `onAddDetail` for the report just filed. Nothing is sent when nothing is chosen. One thing on its way at a time, shared with the
- * dialog through `sending` (so Escape and Close wait for it); `onBusy` tells the dialog to dim its Close button.
- */
-export function FollowUp(props: {
-  t: PlayerT;
-  groups: readonly ReasonGroup[];
-  reportId: string;
-  onAddDetail: (reportId: string, detail: ReportFollowUp) => Promise<ReportDetailResult>;
-  sending: MutableRefObject<boolean>;
-  busy: boolean;
-  onBusy: (busy: boolean) => void;
-  onDone: (outcome: FollowUpOutcome) => void;
-}) {
-  const { t, groups, reportId, onAddDetail, sending, busy, onBusy, onDone } = props;
-  const name = useId();
-  const noteId = useId();
-  const missingId = useId();
-  const panelId = useId();
-  const [open, setOpen] = useState(false);
-  const [reason, setReason] = useState<string | null>(null);
-  const [note, setNote] = useState('');
-  const [missing, setMissing] = useState(false);
-  const [failure, setFailure] = useState<PlayerError | null>(null);
-
-  const trimmed = note.trim();
-  const submit = async (e: FormEvent): Promise<void> => {
-    e.preventDefault();
-    if (sending.current) return;
-    if (reason === null && trimmed === '') {
-      setMissing(true);
-      return;
-    }
-    sending.current = true;
-    onBusy(true);
-    setFailure(null);
-    try {
-      const detail: ReportFollowUp = { ...(reason === null ? {} : { reason }), ...(trimmed === '' ? {} : { note: trimmed }) };
-      const raw: unknown = await onAddDetail(reportId, detail);
-      // Anything that is not a result object (undefined, null, a string) is not a success and not a crash: it reads as an unknown refusal.
-      const answer = typeof raw === 'object' && raw !== null && !Array.isArray(raw) ? (raw as ReportDetailResult) : ({ ok: false, refused: 'unknown' } as unknown as ReportDetailResult);
-      onDone(answer.ok === true ? { ok: true } : { ok: false, refused: String((answer as { refused?: unknown }).refused) });
-    } catch (error) {
-      setFailure(failureOf(error));
-    } finally {
-      sending.current = false;
-      onBusy(false);
-    }
-  };
-
-  return (
-    <form onSubmit={(e) => void submit(e)} noValidate>
-      <button type="button" className="cw-btn cw-disclosure" aria-expanded={open} aria-controls={open ? panelId : undefined} onClick={() => setOpen(!open)}>
-        {t('player.report.addReason')}
-      </button>
-      {open && (
-        <div id={panelId} className="cw-panel">
-          <p className="cw-hint">{t('player.report.addReasonHint')}</p>
-          <Picker
-            groups={groups}
-            name={name}
-            value={reason}
-            legend={t('player.report.detail.legend')}
-            invalid={missing}
-            describedBy={missingId}
-            onChange={(id) => {
-              setReason(id);
-              setMissing(false);
-            }}
-          />
-          {missing && (
-            <p id={missingId} className="cw-field-error" role="alert">
-              {t('player.report.detail.need')}
-            </p>
-          )}
-          <label className="cw-label" htmlFor={noteId}>
-            {t('player.report.note')}
-          </label>
-          <textarea
-            id={noteId}
-            className="cw-textarea"
-            rows={3}
-            maxLength={NOTE_MAX}
-            value={note}
-            onChange={(e) => {
-              setNote(e.target.value);
-              setMissing(false);
-            }}
-          />
-          {failure !== null && (
-            <p className="cw-error" role="alert">
-              {t('player.report.detail.failed')} {errorText(t, failure)}
-            </p>
-          )}
-          <div className="cw-actions">
-            <button type="submit" className="cw-btn cw-btn--primary" aria-disabled={busy || undefined} aria-busy={busy || undefined}>
-              {t('player.report.detail.send')}
-            </button>
-          </div>
-        </div>
-      )}
-    </form>
-  );
-}
-
-/** The plain message for a follow-up refusal; one a newer kit adds gets the general one. */
-export const DETAIL_REFUSED_TEXT: Readonly<Record<string, PlayerText>> = {
-  off: 'player.report.detail.refused.off',
-  not_found: 'player.report.detail.refused.not_found',
-  not_reporter: 'player.report.detail.refused.not_reporter',
-  too_late: 'player.report.detail.refused.too_late',
-  already_added: 'player.report.detail.refused.already_added',
-  reason_unknown: 'player.report.detail.refused.reason_unknown',
-};

package/src/Picker.tsx

@@ -1,60 +0,0 @@
-import { useId } from 'react';
-import type { RefObject } from 'react';
-import type { ReasonGroup, ReasonItem } from './reporting.js';
-
-/** The radios, by group. One radio group (one name) across the groups, so the arrow keys walk all of them and Tab stops once. */
-export function Picker(props: {
-  groups: readonly ReasonGroup[];
-  name: string;
-  value: string | null;
-  onChange: (id: string) => void;
-  legend: string;
-  invalid?: boolean;
-  describedBy?: string | undefined;
-  fieldset?: RefObject<HTMLFieldSetElement | null>;
-}) {
-  const { groups, name, value, onChange, legend, invalid, describedBy, fieldset } = props;
-  const base = useId();
-  const choice = (r: ReasonItem) => {
-    const label = `${base}-${r.id}-l`;
-    const hint = `${base}-${r.id}-h`;
-    return (
-      <label key={r.id} className="cw-choice">
-        <input
-          type="radio"
-          name={name}
-          value={r.id}
-          checked={value === r.id}
-          aria-labelledby={label}
-          aria-describedby={r.hint === '' ? undefined : hint}
-          onChange={() => onChange(r.id)}
-        />
-        <span className="cw-choice-text">
-          <span id={label}>{r.label}</span>
-          {r.hint !== '' && (
-            <span id={hint} className="cw-choice-hint">
-              {r.hint}
-            </span>
-          )}
-        </span>
-      </label>
-    );
-  };
-  return (
-    <fieldset ref={fieldset} className="cw-fieldset" role="radiogroup" aria-invalid={invalid || undefined} aria-describedby={invalid ? describedBy : undefined}>
-      <legend className="cw-legend">{legend}</legend>
-      {groups.map((g, i) =>
-        g.name === '' ? (
-          <div key={`g${i}`} className="cw-group">
-            {g.items.map(choice)}
-          </div>
-        ) : (
-          <fieldset key={`g${i}`} className="cw-fieldset cw-group">
-            <legend className="cw-group-legend">{g.name}</legend>
-            {g.items.map(choice)}
-          </fieldset>
-        ),
-      )}
-    </fieldset>
-  );
-}