{/* The app's own descriptor, in full — never truncated, never a short label. */}
{m.note}
{onConsult && (
)}
);
})}
))}
{/* Absent at zero seated — the footer is the way out, and there is nothing to leave with yet. */}
{n > 0 && (
{n} of {max} seated
)}
);
}
// ── 1f — the name step. In the accepted flow members are already seated, so
// this step COMPLETES creation (the bundle's "Choose members" button belonged
// to the abandoned name-first order and would announce a step that never runs).
function NameStepScreen({ count, cap, busy, error, onBack, onSave }) {
const { Button, Input, Kicker } = DS;
const MAX = 48;
const [name, setName] = React.useState("");
const trimmed = name.trim();
const left = MAX - name.length;
return (
The name
{/* Position, not a promise: the name is the LAST step here. */}
2/2
What should this board be called?
setName(e.target.value.slice(0, MAX))} />
{/* The counter appears only in the last eight characters. */}
{name.length >= 40 && (
{left} left
)}
{error && (
{error}
)}
{count} of {cap || 8} seated
);
}
// ── 1e + 2d — the switcher. Lives in the dark bar; opens a menu panel, not a screen.
// Tapping a board ACTIVATES it; tapping the one already active opens its
// management screen. The spec asks for both from the same row ("reached from the
// board's own row in the switcher", and "tap a board → it becomes active"), and
// this is the reading that needs no second control on the row.
function BoardSwitcher({ boards, activeBoardId, rosterCount, onPick, onManage, onAllMembers, onNewBoard }) {
const [open, setOpen] = React.useState(false);
const active = boards.filter((b) => b.id === activeBoardId)[0] || null;
const close = () => setOpen(false);
const pick = (fn) => () => { setOpen(false); fn(); };
return (
{open && (
Your boards
{boards.length === 0 ? (
The full board
All {rosterCount} members answer
) : (
{boards.map((b) => (
))}
)}
{/* 2d — the roster is reached from here. */}
)}
);
}
// ── 5a–5d — Share as a LIST, one labelled link per person ──────────────────
// SUPERSEDES round 4's single card. The unit is a PERSON: a link carries their
// name and the board learns them under it across visits, so the block is a list.
// Round 4's standing line, URL dialog and revoke dialog carry forward verbatim.
//
// THE PRONOUN RULE (Mike): a label is a name typed by the owner and gender is not
// knowable from it, so every line and toast repeats the NAME. The spec's sample
// copy ("his old one… still knows him") would have guessed. All of that copy is
// built in logic.js so the no-pronoun guarantee is tested, not merely intended.
//
// `api` is the injected seam ({status, create, rotate, replace, forget, revoke}).
function ShareBlock({ boardName, origin, api, onToast, onBackground }) {
const { Button, Dialog, Kicker, IconButton, Input, Textarea } = DS;
const [state, setState] = React.useState("loading"); // loading|ready|error
const [links, setLinks] = React.useState([]);
const [error, setError] = React.useState("");
const [busy, setBusy] = React.useState(false);
// Full URLs are held ONLY for this screen's lifetime, keyed by link id, so Copy
// can write the whole thing after the one-time dialog is gone. Never persisted.
const urlsRef = React.useRef({});
const [freshIds, setFreshIds] = React.useState({}); // minted/rotated this session → "just now"
const [naming, setNaming] = React.useState(null); // {name, error} — beat 1
const [beat2, setBeat2] = React.useState(null); // {name, text} — the optional note
const [minted, setMinted] = React.useState(null); // {name, url} — beat 2
const [sheet, setSheet] = React.useState(null); // the row's action sheet
const [confirm, setConfirm] = React.useState(null); // {kind:"forget"|"revoke", link}
const load = () => api.status()
.then((s) => { setLinks((s && s.links) || []); setState("ready"); })
.catch((e) => { setError(String(e.message || e)); setState("error"); });
React.useEffect(() => { load(); }, []);
const copy = (text) => {
const w = (navigator.clipboard && navigator.clipboard.writeText)
? navigator.clipboard.writeText(text) : Promise.reject(new Error("no-clipboard"));
return Promise.resolve(w).then(() => onToast(window.BR.SHARE_TOASTS.copied()))
.catch(() => onToast("Couldn't copy the link — open it from the row and copy by hand."));
};
const remember = (linkId, token) => {
const url = window.BR.guestUrl(origin, token);
urlsRef.current[linkId] = url;
setFreshIds((f) => Object.assign({}, f, { [linkId]: true }));
return url;
};
// Beat 1 → beat 2. A duplicate label comes back 409 {kind:"label-in-use"}: that is
// shown INLINE and the dialog stays open, because the fix is to edit the name.
const createLink = (name, context) => {
name = String(name || "").trim();
if (!name || busy) return;
setBusy(true);
api.create(name, context || "")
.then((r) => {
const url = remember(r.link_id, r.token);
setBeat2(null); setNaming(null);
setMinted({ name: r.label || name, url: url });
return load();
})
.catch((e) => {
if (e && e.kind === "label-in-use") {
// Back to beat 1, where the name is editable — the fix is the name, and
// the note they just typed is carried so it is never lost to a retry.
setBeat2(null);
setNaming({ name: name, error: "A live link for " + name + " already exists", keepNote: context || "" });
} else { onToast(String(e.message || e)); }
})
.then(() => setBusy(false));
};
// Rotate and replace fire with NO confirmation: each states its consequence
// before the tap and confirms it after. Forget and revoke get dialogs.
const runOp = (op, link) => {
setSheet(null); setBusy(true);
const T = window.BR.SHARE_TOASTS;
const done = {
rotate: () => onToast(T.rotated(link.label)),
replace: () => onToast(T.replaced(link.label)),
forget: () => onToast(T.forgotten(link.label)),
revoke: () => {},
}[op];
api[op](link.link_id)
.then((r) => {
if (r && r.token) remember(r.link_id || link.link_id, r.token);
if (op === "replace") delete urlsRef.current[link.link_id];
done();
return load();
})
.catch((e) => onToast(String(e.message || e)))
.then(() => { setBusy(false); setConfirm(null); });
};
if (state === "loading") return null;
const L = sheet ? window.BR.shareRowLines(sheet.label) : null;
return (
Share
Anyone with the link can put questions to this board, without an account.
{state === "error" && (
{error}
)}
{links.map((lk) => (
{lk.label}
{/* Path only, fully masked — the row never re-exposes any of the token. */}
{/* 6a — the SECOND meta line, present only when a tier actually exists.
`has_document`/`document_words` come from the backend; when it does not
expose them yet they are undefined, and backgroundMeta treats unknown as
NOT CLAIMED rather than as zero. */}
{window.BR.backgroundMeta(!!(lk.context || "").trim(), lk.has_document, lk.document_words) && (
{/* Two visible actions only — everything that changes or ends a link is
behind the disclosure, so a row is never a button salad. */}
setSheet(lk)}>
))}
{links.length > 0 && (
Forty questions a day each, counted per day
)}
{/* 5b beat 1 — the name, because the link is a person before it is a URL. */}
{naming && (
)}
{/* 5b beat 2 — the background note. OPTIONAL, and the primary is identically
labelled whether the field is empty or not: that IS the skip affordance.
No skip link, no dismissal ceremony, no "you can add this later". */}
{beat2 && (