Press ${parts.join(", ")}.
`; } /** The shortcut sheet's rows: the same table the handler dispatches through. */ function reviewKeys(role: ReviewRole, canApprove: boolean): KeyHint[] { const surface: KeySurface = { role, canApprove, hasCommentWalk: true, hasViewCycle: true }; return keyRows(surface).map((row) => ({ keys: [...row.keys], label: row.label(surface) })); } /** * The approval confirmation. Approving leaves plan mode and runs the plan, which * cannot be undone from the page, so it is one deliberate dialog rather than the * header button's single click. The shared `bf-dialog` styles and the shared * dialog runtime supply the backdrop, the Tab trap, and `Esc`. */ function approveDialog(): string { return `Pi leaves plan mode and starts the work. The comments you added are saved with the plan.
Choose Approve & run to go ahead, or Cancel to keep reviewing.
Your comments are signed with this name, and this link keeps it after your first post.
Post comments signs them with your name and returns them to the plan.
`; if (canApprove) return `Approve & run runs the plan and returns these comments; Save feedback keeps planning.
`; return `Save feedback returns these comments to the plan and keeps planning.
`; } /** * Render the review page for `data`. The markup is a fixed shell; the client * fills every dynamic field, so this function is the only place that needs the * JSON-island escaping. */ export function renderReviewPage(data: ReviewPageData): string { const island = JSON.stringify(data).replace(/ 0; const bodyClass = hasOutline ? "bf-app__body" : "bf-app__body bf-app__body--single"; // The panel is the reader's own. A reviewer is named there, sees what their comments are // signed with, and the comment count; the plan's step progress is the owner's, because it // is the list approval seeds. The switch and the outline are the plan's, so both roles get // them. A reviewer's name is a fact about them, not one of the page's actions, so it lives // here rather than in the control bar. const identity = data.role === "reviewer" ? ` ` : ""; const outlinePanel = hasOutline ? ` ` : ""; // Approve is the decisive action, so it takes the primary button and the // owner's Save is demoted; a comment-only review has no approve button and // keeps Save primary. A reviewer's one write action is Post, and nothing on // their page closes the review or mints another link. const isOwner = data.role === "owner"; const approveButton = data.canApprove ? ` ` : ""; const saveControl = isOwner ? `` : ``; const closeControl = isOwner ? `` : ""; // Sharing belongs to the owner; a reviewer's identity is a row in the panel. const shareControl = isOwner ? `` : ""; return ` ${docHead({ title: tabTitle("plan review", data.title), css: REVIEW_CSS, base: data.base })} Skip to the plan