prreviewbuddy 0.90.0 → 0.92.0

package/dist/server.js

@@ -1,4 +1,4 @@
-import { $a as versionFrom, $i as explanationOf, $n as authorPreview, $r as kissDecisionsOf, $t as recordRuntimeBestEffort, A as settleQueue, Aa as isCommitReview, Ai as createWithMembers, An as moveIds, Ar as attemptIdOf, At as UpdateAlreadyRunningError, B as humanizeModelId, Ba as clearAgentPreference, Bi as queueStamp, Bn as existingPaths, Br as phasesFor, C as parsePullRequestLink, Ca as describeAuthorship, Ci as lifecyclePillAction, Cn as createPrState, Cr as followedBranch, Ct as RefreshUnavailableError, D as activateQueued, Da as originRemote, Di as sectionOf, Dn as markAllRead, Dr as fillFileUrlTemplate, E as relativeTime$1, Ea as resolveTarget, Ei as parseLifecycle, En as listNotifications, Er as forgeResolver, Et as mergeUpdateInto, Fa as git, Fi as setMembership, Fn as retireNotification, Fr as pruneJobResidue, Ft as prepareReview, G as reviewTag, Ga as AGENT_IDS, Gi as issuesOutstanding, Gn as storedConversation, Gr as isClaimed, Gt as recordTelemetryUploadConsent, H as findingRef, Ha as writeAgentPreference, Hi as doneVerb, Hn as adoptLegacyBaseline, Hr as purposeOf, Ht as record, Ia as refExists, Ii as updateCollections, In as toneOf, Ir as saveJob, It as settleReview, Ja as agentIdentityOf, Ji as reviewerDispositions, Jn as isUnchanged, Jr as followedRefName, Jt as BUILD_VERSION, K as reviewTagsIn, Ka as agentById, Ki as questionsOutstanding, Kn as unforeseenFailure, Kt as telemetryUploadConsent, L as modelProvenanceOf, La as resolveAgent, Li as queueAdd, Ln as unreadAround, Lt as reanalyseReview, Ma as AmbiguousRefError, Mi as nameProblemText, Mn as readNotification, Mr as fail$1, Mt as runningJobs, N as cliEntry, Na as shortNameOf, Ni as readCollections, Nn as readStateOf, Nr as isTerminal, Nt as failureOf$1, O as compactQueue, Oa as DetachedHeadError, Oi as collectionsStamp, On as markRead, Or as RUN_RECORD_RETENTION_MS, Ot as updateReview, Pa as shorthandOf, Pi as renameCollection, Pn as removeNotification, Pr as loadJob, Pt as observeReview, Q as markAskRunning, Qa as runnableAgents, Qi as explanationActionOf, Qn as UNESTABLISHED_MOTIVATION, Qr as kissDecisionRefusal, Qt as mapRuntimes, R as provenanceDetailLines, Ra as resolveModel, Ri as queueAddMany, Rn as unreadCount$1, Rr as isLiveJob, Rt as runJob, S as extractPullRequestLinks, Sa as objectWithAnyOf, Si as lifecycleName$1, Sn as createArchitectureNotification, Sr as checkReview, St as FETCH_TIMEOUT_MS, T as runBatch, Ta as kissOutcome, Ti as offersLifecycle, Tn as eventName, Tr as fetchHead, Tt as cancellableHere, U as findingRefs, Ui as isIssueOutstanding, Un as prepareConversationWithin, V as findingAtRef, Va as readAgentPreference, Vi as readQueue, Vn as ASK_REREAD_CEILING_MS, Vr as progressSteps, Vt as readEvents, W as refOf, Wa as STORE_ROOT, Wi as isQuestionOutstanding, Wn as saveRefresh, X as isRequestId, Xa as isAgentId, Xi as processDiscussion, Xn as EXPLAIN_SIMPLY_PROMPT, Xr as indexKeptIds, Xt as feedbackUrl, Ya as detectAgents, Yi as verdictClosure, Yn as agentEnvOf, Yr as groupByLineage, Za as parkedReason, Zi as recommendationsOf, Zn as chatConversationSection, Zr as indexReviewGroups, Zt as waitingHistory, _ as endRun, _a as statusLookup, _i as activityAttributes, _n as writeJsonAtomically, _r as requestJobStop, _t as parseWorkspacePort, a as lineageIds, aa as assessmentLookup, ai as mutateWorkspace, an as loadArchitecture, ar as escapeHtml$1, b as stopRun, ba as asString, bi as lifecycleChip, bn as subjectOf, br as findExistingReview, bt as writePortPreference, c as discardJob, ca as findingAssessment, ci as previousKissResult, cn as repositoryKey, cr as ReviewBeingDeletedError, ct as serverEntryExists, d as startKissJob, da as gradeScale, dn as trackedFiles, dr as MANAGED_ROOT, ea as isExplanationAction, ei as latestKissRun, en as RUNTIME_WORDS, er as hasAuthorContent, f as isDriving, fa as isGradeFor, fi as summarise, fn as ownersOf, fr as createWorktree, g as completeRun, ga as sourcePhrase, gi as LIFECYCLES, gn as isArchitectureId, gr as removeWorktree, gt as MIN_WORKSPACE_PORT, h as beginRun, ha as reassessIn, hi as workspaceStamps, hn as ancestorsOf, hr as readMarker, ht as MAX_WORKSPACE_PORT, i as deleteReview, ia as analysisRefOf, in as checkArchitecture, ir as CODE_COPY_CLASS, ja as resolveBase, ji as deleteCollection, jn as pruneNotifications, jr as endedAt, jt as liveUpdateFor, ki as createCollection, kn as markReadForReview, kr as allJobs, kt as askCheckout, l as kissAgentId, la as findingIn, li as recentWorkspaces, ln as storeArchitecture, lr as isBusy, lt as spawnServer, m as RUN_KINDS, ma as promptGrade, mi as workspaceRevision, mn as REPOSITORY_SCOPE, mr as isWorktreeHeld, mt as DEFAULT_WORKSPACE_PORT, n as MCP_TOOL_NAMES, na as ANALYSIS_ONLY, ni as lineagePosition, nn as formatDuration, no as AgentUnavailableError, nr as renderMarkdown, o as liveJobsFor, oa as closesFinding, on as partFiles, or as renderInlineText, ot as readServerRecord, p as track, pa as isOffered, pi as touchWorkspace, pn as QUOTE_LIMITS, pr as holdWorktree, pt as writeServerRecord, q as endAskRequest, qa as agentFor$1, qi as resolvedByConversation, qn as refreshPrContext, qr as decideKissRecommendation, r as deleteLineage, ra as NO_STATUS, ri as loadWorkspace, rn as ARCHITECTURE_DIR, rr as CODE_BLOCK_CLASS, rt as clearServerRecordOwnedBy, s as wasBlocked, sa as currentGradeIn, si as presentedKissRunOf, sn as readArchitecture, ta as withExplanation, ti as lineageKey, tn as describeRuntimes, to as AgentCancelledError, tr as GITHUB_MARKDOWN, tt as readIndexToken, ua as findingStatus, ui as reviewedCommit, un as storedScopes, ur as withReviewLock, ut as stopChild, v as heldRuns, va as wasReassessed, vi as activityLabel, vn as announceJob, vt as resolveWorkspacePort, w as unsupportedReason, wa as WITHHELD_REASON, wi as lifecyclePillLabel, wn as createPrUpdate, wr as reviewedShaOf, wt as cancelUpdate, x as batchIdentity, xa as extractJsonText, xi as lifecycleItemLabel, xn as categoryOf, xr as checkCodeFreshness, y as reportRun, ya as followUpFindingId, yi as isLifecycle, yn as branchOf, yt as statedWorkspacePort, z as agentDisplayName, za as agentIdOf, zi as queueRemove, zn as withUsageRecorded, zr as isTerminalJobPhase } from "./mcp_tools-CSj5vcSE.js";
+import { $a as runnableAgents, $i as explanationOf, $n as authorPreview, $r as kissDecisionsOf, $t as recordRuntimeBestEffort, A as settleQueue, Ai as createWithMembers, An as moveIds, Ar as attemptIdOf, At as UpdateAlreadyRunningError, B as humanizeModelId, Ba as agentIdOf, Bi as queueStamp, Bn as existingPaths, Br as phasesFor, C as parsePullRequestLink, Ca as objectWithAnyOf, Ci as lifecyclePillAction, Cn as createPrState, Cr as followedBranch, Ct as RefreshUnavailableError, D as activateQueued, Da as resolveTarget, Di as sectionOf$1, Dn as markAllRead, Dr as fillFileUrlTemplate, E as relativeTime$1, Ea as kissOutcome, Ei as parseLifecycle, En as listNotifications, Er as forgeResolver, Et as mergeUpdateInto, Fa as shorthandOf, Fi as setMembership, Fn as retireNotification, Fr as pruneJobResidue, Ft as prepareReview, G as reviewTag, Ga as STORE_ROOT, Gi as issuesOutstanding, Gn as storedConversation, Gr as isClaimed, Gt as recordTelemetryUploadConsent, H as findingRef, Ha as readAgentPreference, Hi as doneVerb, Hn as adoptLegacyBaseline, Hr as purposeOf, Ht as record, Ia as git, Ii as updateCollections, In as toneOf, Ir as saveJob, It as settleReview, Ja as agentFor$1, Ji as reviewerDispositions, Jn as isUnchanged, Jr as followedRefName, Jt as BUILD_VERSION, K as reviewTagsIn, Ka as AGENT_IDS, Ki as questionsOutstanding, Kn as unforeseenFailure, Kt as telemetryUploadConsent, L as modelProvenanceOf, La as refExists, Li as queueAdd, Ln as unreadAround, Lt as reanalyseReview, Ma as resolveBase, Mi as nameProblemText, Mn as readNotification, Mr as fail$1, Mt as runningJobs, N as cliEntry, Na as AmbiguousRefError, Ni as readCollections, Nn as readStateOf, Nr as isTerminal, Nt as failureOf$1, O as compactQueue, Oa as originRemote, Oi as collectionsStamp, On as markRead, Or as RUN_RECORD_RETENTION_MS, Ot as updateReview, Pa as shortNameOf, Pi as renameCollection, Pn as removeNotification, Pr as loadJob, Pt as observeReview, Q as markAskRunning, Qa as parkedReason, Qi as explanationActionOf, Qn as UNESTABLISHED_MOTIVATION, Qr as kissDecisionRefusal, Qt as mapRuntimes, R as provenanceDetailLines, Ra as resolveAgent, Ri as queueAddMany, Rn as unreadCount$1, Rr as isLiveJob, Rt as runJob, S as extractPullRequestLinks, Sa as extractJsonText, Si as lifecycleName$1, Sn as createArchitectureNotification, Sr as checkReview, St as FETCH_TIMEOUT_MS, T as runBatch, Ta as WITHHELD_REASON, Ti as offersLifecycle, Tn as eventName, Tr as fetchHead, Tt as cancellableHere, U as findingRefs, Ua as writeAgentPreference, Ui as isIssueOutstanding, Un as prepareConversationWithin, V as findingAtRef, Va as clearAgentPreference, Vi as readQueue, Vn as ASK_REREAD_CEILING_MS, Vr as progressSteps, Vt as readEvents, W as refOf, Wi as isQuestionOutstanding, Wn as saveRefresh, X as isRequestId, Xa as detectAgents, Xi as processDiscussion, Xn as EXPLAIN_SIMPLY_PROMPT, Xr as indexKeptIds, Xt as feedbackUrl, Ya as agentIdentityOf, Yi as verdictClosure, Yn as agentEnvOf, Yr as groupByLineage, Za as isAgentId, Zi as recommendationsOf, Zn as chatConversationSection, Zr as indexReviewGroups, Zt as waitingHistory, _ as endRun, _a as statusLookup, _i as activityAttributes, _n as writeJsonAtomically, _r as requestJobStop, _t as parseWorkspacePort, a as lineageIds, aa as assessmentLookup, ai as mutateWorkspace, an as loadArchitecture, ar as escapeHtml$1, b as stopRun, ba as SEVERITIES, bi as lifecycleChip, bn as subjectOf, br as findExistingReview, bt as writePortPreference, c as discardJob, ca as findingAssessment, ci as previousKissResult, cn as repositoryKey, cr as ReviewBeingDeletedError, ct as serverEntryExists, d as startKissJob, da as gradeScale, dn as trackedFiles, dr as MANAGED_ROOT, ea as isExplanationAction, ei as latestKissRun, en as RUNTIME_WORDS, eo as versionFrom, er as hasAuthorContent, f as isDriving, fa as isGradeFor, fi as summarise, fn as ownersOf, fr as createWorktree, g as completeRun, ga as sourcePhrase, gi as LIFECYCLES, gn as isArchitectureId, gr as removeWorktree, gt as MIN_WORKSPACE_PORT, h as beginRun, ha as reassessIn, hi as workspaceStamps, hn as ancestorsOf, hr as readMarker, ht as MAX_WORKSPACE_PORT, i as deleteReview, ia as analysisRefOf, in as checkArchitecture, ir as CODE_COPY_CLASS, ja as isCommitReview, ji as deleteCollection, jn as pruneNotifications, jr as endedAt, jt as liveUpdateFor, ka as DetachedHeadError, ki as createCollection, kn as markReadForReview, kr as allJobs, kt as askCheckout, l as kissAgentId, la as findingIn, li as recentWorkspaces, ln as storeArchitecture, lr as isBusy, lt as spawnServer, m as RUN_KINDS, ma as promptGrade, mi as workspaceRevision, mn as REPOSITORY_SCOPE, mr as isWorktreeHeld, mt as DEFAULT_WORKSPACE_PORT, n as MCP_TOOL_NAMES, na as ANALYSIS_ONLY, ni as lineagePosition, nn as formatDuration, no as AgentCancelledError, nr as renderMarkdown, o as liveJobsFor, oa as closesFinding, on as partFiles, or as renderInlineText, ot as readServerRecord, p as track, pa as isOffered, pi as touchWorkspace, pn as QUOTE_LIMITS, pr as holdWorktree, pt as writeServerRecord, q as endAskRequest, qa as agentById, qi as resolvedByConversation, qn as refreshPrContext, qr as decideKissRecommendation, r as deleteLineage, ra as NO_STATUS, ri as loadWorkspace, rn as ARCHITECTURE_DIR, ro as AgentUnavailableError, rr as CODE_BLOCK_CLASS, rt as clearServerRecordOwnedBy, s as wasBlocked, sa as currentGradeIn, si as presentedKissRunOf, sn as readArchitecture, ta as withExplanation, ti as lineageKey, tn as describeRuntimes, tr as GITHUB_MARKDOWN, tt as readIndexToken, ua as findingStatus, ui as reviewedCommit, un as storedScopes, ur as withReviewLock, ut as stopChild, v as heldRuns, va as wasReassessed, vi as activityLabel, vn as announceJob, vt as resolveWorkspacePort, w as unsupportedReason, wa as describeAuthorship, wi as lifecyclePillLabel, wn as createPrUpdate, wr as reviewedShaOf, wt as cancelUpdate, x as batchIdentity, xa as asString, xi as lifecycleItemLabel, xn as categoryOf, xr as checkCodeFreshness, y as reportRun, ya as followUpFindingId, yi as isLifecycle, yn as branchOf, yt as statedWorkspacePort, z as agentDisplayName, za as resolveModel, zi as queueRemove, zn as withUsageRecorded, zr as isTerminalJobPhase } from "./mcp_tools-BKPpd9dN.js";
 import { basename, delimiter, isAbsolute, join, relative, resolve } from "node:path";
 import { execFile, spawn } from "node:child_process";
 import { accessSync, constants, existsSync, mkdirSync, readFileSync, readdirSync, realpathSync, rmSync, statSync, writeFileSync } from "node:fs";
@@ -182,6 +182,7 @@ function composeReview(session) {
 		schemaVersion: 1,
 		summary: primary.summary,
 		...primary.motivation ? { motivation: primary.motivation } : {},
+		...primary.orientation ? { orientation: primary.orientation } : {},
 		recommendation: primary.recommendation,
 		nextSteps: primary.nextSteps,
 		overallRisk,
@@ -569,7 +570,7 @@ function isCollectionId(value) {
 * filter gives, and only its star says it is pinned.
 */
 function indexSectionOf(pinned, lifecycle, activity, filter) {
-	return pinned && !ordersExplicitly(filter) ? "pinned" : sectionOf(lifecycle, activity);
+	return pinned && !ordersExplicitly(filter) ? "pinned" : sectionOf$1(lifecycle, activity);
 }
 /**
 * Where a review's own card is drawn, or absent when it is drawn only inside its collections.
@@ -595,7 +596,7 @@ function homeSection(pinned, lifecycle, activity, collected, filter) {
 */
 function collectionPlacement(pinned, lifecycle, activity, filter) {
 	if (pinned || ordersExplicitly(filter)) return void 0;
-	return sectionOf(lifecycle, activity) === "done" ? "completed" : "active";
+	return sectionOf$1(lifecycle, activity) === "done" ? "completed" : "active";
 }
 /** A collection heading's count: what still needs attention, and the members drawn in Pinned. */
 function collectionCountLabel(active, pinned) {
@@ -902,7 +903,7 @@ function svg(paths) {
 * Buddy is asked about can never disagree. That is also why no severity, theme or status appears:
 * those sort the findings for the reviewer and are not part of what the author is told.
 */
-function count(n, noun) {
+function count$1(n, noun) {
 	return `${n} ${noun}${n === 1 ? "" : "s"}`;
 }
 /**
@@ -919,8 +920,8 @@ function feedbackSelectionParts(issues, questions) {
 	const total = issues + questions;
 	return {
 		total: total === 0 ? "Nothing chosen" : `${total} chosen`,
-		issues: issues ? count(issues, "issue") : "",
-		questions: questions ? count(questions, "question") : ""
+		issues: issues ? count$1(issues, "issue") : "",
+		questions: questions ? count$1(questions, "question") : ""
 	};
 }
 /** "5 chosen · 2 issues · 3 questions", "1 chosen · 1 question", "Nothing chosen". */
@@ -1522,6 +1523,101 @@ function splitFilePath(path) {
 	};
 }
 //#endregion
+//#region ../../packages/review-harness/src/domain/ui/components/impact_groups.ts
+/** The pane's folds: each section, and the closed drawer under them. */
+var ISSUE_FOLDS = [
+	"failure",
+	"risk",
+	"intent",
+	"maintenance",
+	"other",
+	"closed"
+];
+/** Display order: what is wrong, what may be, what only the reviewer can judge, what costs later. */
+var ISSUE_SECTIONS = [
+	"failure",
+	"risk",
+	"intent",
+	"maintenance",
+	"other"
+];
+var ISSUE_SECTION_TITLES = {
+	failure: "Failures",
+	risk: "Possible risks",
+	intent: "Intent to confirm",
+	maintenance: "Maintenance",
+	other: "Other issues"
+};
+function sectionOf(issue) {
+	return issue.consequence?.group ?? "other";
+}
+/**
+* Issues by section, each section by severity as the reviewer now holds it, ties in the order the
+* analysis gave them. Severity orders within a section and never moves an issue between sections.
+*/
+function groupIssues(issues, gradeOf) {
+	const rank = (issue) => {
+		const index = SEVERITIES.indexOf(gradeOf(issue) ?? "");
+		return index < 0 ? SEVERITIES.length : index;
+	};
+	return ISSUE_SECTIONS.map((section) => ({
+		section,
+		issues: issues.map((issue, index) => ({
+			issue,
+			index
+		})).filter(({ issue }) => sectionOf(issue) === section).sort((a, b) => rank(a.issue) - rank(b.issue) || a.index - b.index).map(({ issue }) => issue)
+	})).filter((group) => group.issues.length > 0);
+}
+function tallyEntries(entries) {
+	const tally = {
+		bySection: {},
+		verify: 0,
+		decide: 0,
+		fix: 0,
+		step: 0
+	};
+	for (const entry of entries) {
+		tally.bySection[entry.section] = (tally.bySection[entry.section] ?? 0) + 1;
+		if (entry.next) tally[entry.next] += 1;
+	}
+	return tally;
+}
+function tallyIssues(issues) {
+	return tallyEntries(issues.map((issue) => {
+		const step = issue.consequence?.next;
+		return {
+			section: sectionOf(issue),
+			...step ? { next: step.kind ?? "step" } : {}
+		};
+	}));
+}
+var count = (n, one, many) => `${n} ${n === 1 ? one : many}`;
+/**
+* One factual line over the sections: how many issues are outstanding, and how many of them name
+* a step, by the kind the analysis gave it. The per-section counts are the nav's, so they are not
+* repeated here. Always "issues": Questions keep their own tab and their own count.
+*/
+function issuesAttentionLine(tally) {
+	const total = Object.values(tally.bySection).reduce((sum, n) => sum + (n ?? 0), 0);
+	if (total === 0) return "No issues are outstanding from this analysis.";
+	const steps = [
+		tally.verify ? count(tally.verify, "verification step", "verification steps") : "",
+		tally.decide ? count(tally.decide, "decision", "decisions") : "",
+		tally.fix ? count(tally.fix, "fix", "fixes") : "",
+		tally.step ? count(tally.step, "next step", "next steps") : ""
+	].filter(Boolean);
+	return [count(total, "outstanding issue", "outstanding issues"), ...steps].join(" · ");
+}
+/**
+* Buttons to each section with its count. Buttons, not `#` links: the hash routes the review page.
+* Drawn only when there are two sections to choose between; a single one is already in view.
+*/
+function renderImpactNavItems(tally) {
+	const present = ISSUE_SECTIONS.filter((section) => (tally.bySection[section] ?? 0) > 0);
+	if (present.length < 2) return "";
+	return present.map((section) => `<button type="button" class="pr-helper-issue-nav-item" data-issue-nav="${section}">${escapeHtml$1(ISSUE_SECTION_TITLES[section])}<span class="pr-helper-issue-nav-count">${tally.bySection[section]}</span></button>`).join("");
+}
+//#endregion
 //#region ../../packages/review-harness/src/domain/ai_review/review_outcome.ts
 /**
 * The one reading of a session, for every surface.
@@ -3292,16 +3388,6 @@ function renderInvestigationNote(note) {
 	return `<p class="pr-helper-investigation-note">${renderInlineText(note)}</p>`;
 }
 /**
-* The bar above the two groups, worded the way the Questions tab words its own.
-*
-* Only drawn once a reconciliation has closed something. On a first analysis every finding is
-* open, "15 of 15 still open" is a sentence with no information in it, and a review that has
-* never been updated should not grow a progress bar to tell the reviewer they have made none.
-*/
-function findingsProgressBody(total, open, verb = "resolved") {
-	return open === 0 ? `<span class="pr-helper-questions-progress-check" aria-hidden="true">\u2713</span><span class="pr-helper-questions-progress-count">All ${total} issues ${verb}</span>` : `<span class="pr-helper-questions-progress-count">${open} of ${total} still open</span>`;
-}
-/**
 * Work that is done, kept and closed.
 *
 * Collapsed rather than dropped: the reviewer asked whether these were fixed, and "they are gone
@@ -3309,8 +3395,8 @@ function findingsProgressBody(total, open, verb = "resolved") {
 * ten resolved findings above five open ones is the layout that made the count feel wrong in the
 * first place.
 */
-function renderClosedFindings(summary, cards, kind, nothingOpen, waiting) {
-	return `<details class="pr-helper-closed-findings" data-closed-findings="${kind}"${nothingOpen ? " data-nothing-open" : ""}>
+function renderClosedFindings(summary, cards, kind, nothingOpen, waiting, open = false) {
+	return `<details class="pr-helper-closed-findings" data-closed-findings="${kind}"${nothingOpen ? " data-nothing-open" : ""}${open ? " open" : ""}>
       <summary class="pr-helper-closed-findings-summary" data-closed-findings-summary>${escapeHtml$1(summary)}${renderWaitingSuggestions(waiting)}</summary>
       <div class="pr-helper-closed-findings-list">${cards}</div>
     </details>`;
@@ -3346,13 +3432,45 @@ function renderIssuesTab(session, investigatingId, options) {
 		const isDismissed = dispositions.isDismissed(issue);
 		const stale = dispositions.isStale(issue);
 		const assessment = assess("issue", issue);
+		const impact = issue.consequence;
+		const fixed = issue.reconciliationStatus === "resolved" ? issue.resolvedBehaviour?.trim() : void 0;
+		const framed = Boolean(impact || fixed);
+		const headline = fixed ?? impact?.title ?? issue.title;
+		const explanation = renderCardExplanation(explanationOf(session, "issue", issue.id), options);
+		const technical = `<p class="pr-helper-issue-desc">${renderInlineText(issue.description)}</p>${framed ? "" : explanation}
+      ${framed ? "" : renderReconciliationNote(issue.reconciliationNote)}
+      ${renderStatusHistory(issue.statusHistory, now)}
+      ${renderInvestigationNote(issue.investigationNote)}
+      ${renderExistingDiscussion(issue.existingDiscussion)}
+      ${renderFileLocation(issue.file, "pr-helper-issue-loc", issue.line)}
+      ${renderRelatedFiles(issue.relatedFiles)}
+      ${renderInvestigationProvenance("issue", issue.id, records, now)}`;
+		const actions = `<div class="pr-helper-issue-actions">
+        ${renderInvestigationActions("issue", issue.id, records, investigatingId)}
+        ${renderDismissToggle(issue, isDismissed, stale, dismissals.get(issue.id), dispositions.isClosedByVerdict(issue))}
+      </div>`;
+		const body = framed ? `${fixed ? "" : renderConsequence(impact)}${explanation}
+      ${renderReconciliationNote(issue.reconciliationNote)}
+      <div class="pr-helper-card-footer">
+      <details class="pr-helper-issue-technical">
+        <summary class="pr-helper-issue-technical-summary">Technical details</summary>
+        <div class="pr-helper-issue-technical-body">
+          ${fixed && impact ? renderOriginalConsequence(impact) : ""}
+          <p class="pr-helper-issue-technical-title">${renderInlineText(issue.title)}</p>
+          ${technical}
+        </div>
+      </details>
+      ${actions}
+      </div>` : `${technical}
+      ${actions}`;
+		const next = impact?.next ? ` data-issue-next="${impact.next.kind ?? "step"}"` : "";
 		return `
-    <div class="pr-helper-issue-card ${cardGradeClass("issue", assessment.current)}${issue.reconciliationStatus ? ` pr-helper-issue-${issue.reconciliationStatus}` : ""}${issue.investigationImpact ? ` pr-helper-issue-investigation-${issue.investigationImpact}` : ""}${isDismissed && !stale ? " pr-helper-issue-card-dismissed" : ""}" data-finding-card="${escapeHtml$1(issue.id)}">
+    <div class="pr-helper-issue-card ${cardGradeClass("issue", assessment.current)}${issue.reconciliationStatus ? ` pr-helper-issue-${issue.reconciliationStatus}` : ""}${issue.investigationImpact ? ` pr-helper-issue-investigation-${issue.investigationImpact}` : ""}${isDismissed && !stale ? " pr-helper-issue-card-dismissed" : ""}" data-finding-card="${escapeHtml$1(issue.id)}" data-issue-section="${sectionOf(issue)}"${next}>
       <div class="pr-helper-issue-header">
         <div class="pr-helper-issue-title-row">
           ${options?.feedbackSelect ? renderFeedbackPick("issue", issue.title, issueFeedbackMarkdown(issue), ref) : ""}
           ${renderFindingRef(ref)}
-          <p class="pr-helper-issue-title">${renderInlineText(issue.title)}</p>
+          <p class="pr-helper-issue-title">${renderInlineText(headline)}</p>
           ${renderFindingCopySource(issueMarkdown(issue, assessment), "issue")}
           ${options?.askBuddy ? renderAskBuddyMenu("issue") : ""}
         </div>
@@ -3367,27 +3485,62 @@ function renderIssuesTab(session, investigatingId, options) {
       </div>
       ${renderStaleDismissal(stale)}
       ${renderAssessmentRegion("issue", assessment, grading, statusOf("issue", issue.id))}
-      <p class="pr-helper-issue-desc">${renderInlineText(issue.description)}</p>${renderCardExplanation(explanationOf(session, "issue", issue.id), options)}
-      ${renderReconciliationNote(issue.reconciliationNote)}
-      ${renderStatusHistory(issue.statusHistory, now)}
-      ${renderInvestigationNote(issue.investigationNote)}
-      ${renderExistingDiscussion(issue.existingDiscussion)}
-      ${renderFileLocation(issue.file, "pr-helper-issue-loc", issue.line)}
-      ${renderRelatedFiles(issue.relatedFiles)}
-      ${renderInvestigationProvenance("issue", issue.id, records, now)}
-      <div class="pr-helper-issue-actions">
-        ${renderInvestigationActions("issue", issue.id, records, investigatingId)}
-        ${renderDismissToggle(issue, isDismissed, stale, dismissals.get(issue.id), dispositions.isClosedByVerdict(issue))}
-      </div>
+      ${body}
     </div>
   `;
 	};
 	const counts = issuesOutstanding(result.issues, dispositions);
-	if (counts.done === 0) return result.issues.map(card).join("");
-	const open = result.issues.filter((issue) => isIssueOutstanding(issue, dispositions)).map(card).join("");
+	const outstanding = result.issues.filter((issue) => isIssueOutstanding(issue, dispositions));
 	const closedIssues = result.issues.filter((issue) => !isIssueOutstanding(issue, dispositions));
-	const closed = closedIssues.map(card).join("");
-	return `<div class="pr-helper-findings-progress" role="status">${findingsProgressBody(counts.total, counts.open, doneVerb(counts))}</div>${open}${renderClosedFindings(closedFindingsSummary(counts), closed, "issues", counts.open === 0, closedIssues.filter((issue) => assess("issue", issue).pending || statusOf("issue", issue.id).pending).length)}`;
+	const folds = options?.issueFolds ?? {};
+	const tally = tallyIssues(outstanding);
+	const grouped = new Map(groupIssues(outstanding, (issue) => assess("issue", issue).current).map((group) => [group.section, group.issues]));
+	const present = new Set(result.issues.map(sectionOf));
+	const headless = present.size === 1 && present.has("other");
+	const groups = ISSUE_SECTIONS.filter((section) => present.has(section)).map((section) => {
+		const issues = grouped.get(section) ?? [];
+		if (headless) return `<div class="pr-helper-issue-group" data-impact-group="${section}"${issues.length ? "" : " hidden"}>
+      <div class="pr-helper-issue-group-list">${issues.map(card).join("")}</div>
+    </div>`;
+		return `<details class="pr-helper-issue-group" data-impact-group="${section}"${folds[section] === false ? "" : " open"}${issues.length ? "" : " hidden"}>
+      <summary class="pr-helper-issue-group-summary"><h4 class="pr-helper-issue-group-title">${escapeHtml$1(ISSUE_SECTION_TITLES[section])}</h4><span class="pr-helper-issue-group-count" data-issue-group-count>${issues.length}</span></summary>
+      <div class="pr-helper-issue-group-list">${issues.map(card).join("")}</div>
+    </details>`;
+	}).join("");
+	const nav = renderImpactNavItems(tally);
+	const orientation = result.orientation?.trim();
+	const head = `<div class="pr-helper-issues-orientation">
+      ${orientation ? `<p class="pr-helper-issues-orientation-text">${renderInlineText(orientation)}</p>` : ""}
+      <p class="pr-helper-issues-attention" role="status" data-issues-attention>${escapeHtml$1(issuesAttentionLine(tally))}</p>
+      <nav class="pr-helper-issue-nav" aria-label="Issues by kind" data-issue-nav-list${nav ? "" : " hidden"}>${nav}</nav>
+    </div>`;
+	if (closedIssues.length === 0) return `${head}${groups}`;
+	return `${head}${groups}${renderClosedFindings(closedFindingsSummary(counts), closedIssues.map(card).join(""), "issues", counts.open === 0, closedIssues.filter((issue) => assess("issue", issue).pending || statusOf("issue", issue.id).pending).length, folds.closed === true)}`;
+}
+/** What the issue means, read first: the scenario and the step that would settle it. */
+function renderConsequence(impact) {
+	if (!impact) return "";
+	return `<div class="pr-helper-issue-impact">
+        <p class="pr-helper-issue-scenario">${renderInlineText(impact.scenario)}</p>
+        ${renderConsequenceStep(impact.next)}
+      </div>`;
+}
+var STEP_LABELS = {
+	verify: "To verify:",
+	decide: "To decide:",
+	fix: "To fix:"
+};
+function renderConsequenceStep(step) {
+	if (!step) return "";
+	return `<p class="pr-helper-issue-next"><span class="pr-helper-issue-next-label">${step.kind ? STEP_LABELS[step.kind] : "Next step:"}</span> ${renderInlineText(step.text)}</p>`;
+}
+/** A fixed issue's original consequence, kept with the technical account once the fix heads the card. */
+function renderOriginalConsequence(impact) {
+	return `<div class="pr-helper-issue-original">
+            <h5>Before the fix</h5>
+            <p class="pr-helper-issue-original-title">${renderInlineText(impact.title)}</p>
+            <p class="pr-helper-issue-scenario">${renderInlineText(impact.scenario)}</p>
+          </div>`;
 }
 /**
 * What to call the closed pile, by what is actually in it.
@@ -3470,13 +3623,47 @@ function renderQuestionCard(q, sections, answered, records, now = Date.now(), in
 	const answerToggle = `<button type="button" class="pr-helper-question-answer-toggle" data-question-answered="${escapeHtml$1(q.id)}" data-answered="${answered}"${settled ? " data-settled=\"true\"" : ""}${verdictClosed ? " data-verdict-closed=\"true\"" : ""}>${answered ? "Mark as unanswered" : "Mark answered"}</button>`;
 	const investigationAnswer = q.investigationAnswer?.trim() ? `<h5>Answer from investigation</h5><p class="pr-helper-issue-desc pr-helper-investigation-answer">${renderInlineText(q.investigationAnswer)}</p>` : "";
 	const reconciliationAnswer = q.reconciliationAnswer?.trim() ? `<h5>${escapeHtml$1(reconciledAnswerHeading(q.reconciledAgainst))}</h5><p class="pr-helper-issue-desc pr-helper-investigation-answer">${renderInlineText(q.reconciliationAnswer)}</p>` : "";
+	const why = q.whyThisMatters ? `<h5>Why this matters</h5><p class="pr-helper-issue-desc">${renderInlineText(q.whyThisMatters)}</p>` : "";
+	const files = q.file || q.relatedFiles?.length ? `<h5>Files</h5>${renderFileLocation(q.file, "pr-helper-issue-loc", void 0)}${renderRelatedFiles(q.relatedFiles)}` : "";
+	const provenance = renderInvestigationProvenance("question", q.id, records, now);
+	const framing = q.framing;
+	const actions = `<div class="pr-helper-question-actions">
+        ${jumpLink}
+        <div class="pr-helper-question-actions-group">
+          ${renderInvestigationActions("question", q.id, records, investigatingId)}
+          ${answerToggle}
+        </div>
+      </div>`;
+	const answers = `${reconciliationAnswer}
+      ${renderReconciliationNote(q.reconciliationNote)}
+      ${investigationAnswer}`;
+	const body = framing ? `${renderQuestionFraming(framing)}${renderCardExplanation(explanation, options)}
+      ${answers}
+      <div class="pr-helper-card-footer">
+      <details class="pr-helper-issue-technical">
+        <summary class="pr-helper-issue-technical-summary">Technical context</summary>
+        <div class="pr-helper-issue-technical-body">
+          <p class="pr-helper-issue-technical-title">${renderInlineText(q.question)}</p>
+          ${why}
+          ${renderInvestigationNote(q.investigationNote)}
+          ${files}
+          ${provenance}
+        </div>
+      </details>
+      ${actions}
+      </div>` : `${why}${renderCardExplanation(explanation, options)}
+      ${answers}
+      ${renderInvestigationNote(q.investigationNote)}
+      ${files}
+      ${provenance}
+      ${actions}`;
 	return `
     <div class="pr-helper-question-card${answered ? " pr-helper-question-card-answered" : ""}${q.investigationImpact ? ` pr-helper-issue-investigation-${q.investigationImpact}` : ""}" data-finding-card="${escapeHtml$1(q.id)}"${questionHome(q) ? ` data-section-id="${escapeHtml$1(questionHome(q))}"` : ""}>
       <div class="pr-helper-issue-header">
         <div class="pr-helper-issue-title-row">
           ${options?.feedbackSelect ? renderFeedbackPick("question", q.question, questionFeedbackMarkdown(q), ref) : ""}
           ${renderFindingRef(ref)}
-          <p class="pr-helper-issue-title">${renderInlineText(q.question)}</p>
+          <p class="pr-helper-issue-title">${renderInlineText(framing?.question ?? q.question)}</p>
           ${renderFindingCopySource(questionMarkdown(q, assessment), "question")}
           ${options?.askBuddy ? renderAskBuddyMenu("question") : ""}
         </div>
@@ -3493,23 +3680,17 @@ function renderQuestionCard(q, sections, answered, records, now = Date.now(), in
         </div>
       </div>
       ${renderAssessmentRegion("question", assessment, grading, status)}
-      ${q.whyThisMatters ? `<h5>Why this matters</h5><p class="pr-helper-issue-desc">${renderInlineText(q.whyThisMatters)}</p>` : ""}${renderCardExplanation(explanation, options)}
-      ${reconciliationAnswer}
-      ${renderReconciliationNote(q.reconciliationNote)}
-      ${investigationAnswer}
-      ${renderInvestigationNote(q.investigationNote)}
-      ${q.file || q.relatedFiles?.length ? `<h5>Files</h5>${renderFileLocation(q.file, "pr-helper-issue-loc", void 0)}${renderRelatedFiles(q.relatedFiles)}` : ""}
-      ${renderInvestigationProvenance("question", q.id, records, now)}
-      <div class="pr-helper-question-actions">
-        ${jumpLink}
-        <div class="pr-helper-question-actions-group">
-          ${renderInvestigationActions("question", q.id, records, investigatingId)}
-          ${answerToggle}
-        </div>
-      </div>
+      ${body}
     </div>
   `;
 }
+/** What the question means, read first: why the answer matters and what is needed. */
+function renderQuestionFraming(framing) {
+	return `<div class="pr-helper-issue-impact">
+        <p class="pr-helper-issue-scenario">${renderInlineText(framing.why)}</p>
+        ${framing.needed ? `<p class="pr-helper-issue-next pr-helper-question-needed"><span class="pr-helper-issue-next-label">Needed:</span> ${renderInlineText(framing.needed)}</p>` : ""}
+      </div>`;
+}
 /**
 * The counter's contents, split out so a caller that toggles one question can refresh it without
 * re-rendering the tab.
@@ -6783,7 +6964,8 @@ function renderStandardViews(view, sections) {
 		askBuddy: true,
 		feedbackSelect: true,
 		reassess: true,
-		findingRefs: true
+		findingRefs: true,
+		...view.reviewLayout?.issueGroups ? { issueFolds: view.reviewLayout.issueGroups } : {}
 	})}
       </section>
       <section class="prb-view" data-view="questions" hidden>
@@ -6810,20 +6992,28 @@ function renderStandardViews(view, sections) {
 * When the "already raised" claims below were last true.
 *
 * Every attribution on this view carries a thread's state — "still unresolved", "since marked
-* resolved" — and that state was frozen the moment the conversation was imported. Nothing
-* re-checks it, and nothing here can: the daemon reaches no forge. So a card can go on telling
-* the reviewer that Sergei's thread is open an hour after Sergei closed it.
+* resolved" — and that state was frozen the moment the conversation was imported. Nothing on this
+* view re-checks it; the PR context view does, on request. Until then a card can go on telling the
+* reviewer that Sergei's thread is open an hour after Sergei closed it.
 *
 * Every other kind of staleness in this product degrades into vagueness. This one degrades into a
 * confident, specific, wrong claim about what a named colleague currently thinks, which is worth
-* one line above the list rather than an explanation the reviewer has to go and find.
+* one line above the list: its age always in view, the explanation one disclosure away, and the way
+* to the re-check beside it.
 *
 * Only where a conversation was attached: there are no such claims to qualify otherwise.
 */
 function renderAttributionAge(view) {
 	if (!view.prContext) return "";
 	const imported = relativeTime$1(view.prContext.prContext.discussion.fetchedAt);
-	return `<p class="prb-doc-note">Any &ldquo;already raised&rdquo; note below describes the pull request as it stood ${escapeHtml$1(imported)}, when its discussion was fetched. That includes whether each thread was still open. If someone has replied or resolved a thread since then, this page has no way of knowing. Use <button type="button" class="prb-doc-note-link" data-view-nav="prcontext">Re-check the conversation</button> on the PR context view to bring it up to date.</p>`;
+	return `<div class="prb-discussion-age">
+          <details class="prb-discussion-age-detail">
+            <summary class="prb-discussion-age-summary">PR discussion checked ${escapeHtml$1(imported)}</summary>
+            <p class="prb-discussion-age-body">Any &ldquo;already raised&rdquo; note below, and whether each thread was still open, describes the pull request as it stood when its discussion was fetched. A reply or a resolved thread since then is not reflected here until the conversation is re-checked.</p>
+          </details>
+          <span class="prb-discussion-age-sep" aria-hidden="true">&middot;</span>
+          <button type="button" class="prb-doc-note-link" data-view-nav="prcontext">Re-check in PR context</button>
+        </div>`;
 }
 /**
 * The link out to this file on the pull request.
@@ -10136,7 +10326,7 @@ function renderReviewsPage(view) {
 		const collected = (memberOf.get(group.key) ?? []).length > 0;
 		const home = homeSection(group.latest.pinned === true, group.latest.lifecycle, activityOf(group), collected, "all");
 		if (home === void 0) collectedHome.add(group);
-		sections[home ?? sectionOf(group.latest.lifecycle, activityOf(group))].push(group);
+		sections[home ?? sectionOf$1(group.latest.lifecycle, activityOf(group))].push(group);
 	}
 	const storedReviews = view.groups.reduce((total, group) => total + group.history.length, 0);
 	const renderSectionAt = (section) => renderSection(section, sections[section], (groups) => renderCards(groups, "home", (group) => collectedHome.has(group)), sectionOpen(section, view.sectionsCollapsed), sections[section].filter((group) => !inProgressOnly.has(group.latest.id) && !collectedHome.has(group)).length);
@@ -11000,10 +11190,11 @@ function isRunsSection(value) {
 /**
 * How the reviewer last laid out a review page, kept so the next review opens the same way.
 *
-* Three things, each the layout as it last stood rather than a log of what was pressed: whether
+* Four things, each the layout as it last stood rather than a log of what was pressed: whether
 * Buddy AI was open or closed, whether a surface was expanded (Buddy AI itself, or the document,
-* whichever pane that is on the next review), and which parts of the rail were folded. A field
-* nobody has changed has no key, so the page's own defaults still decide for a new reviewer.
+* whichever pane that is on the next review), which parts of the rail were folded, and which
+* sections of the Issues pane were. A field nobody has changed has no key, so the page's own
+* defaults still decide for a new reviewer.
 *
 * Pure, so the page and the server read it with the same rules. Stored in `ui.json`; see
 * `preferences.ts`.
@@ -11014,35 +11205,41 @@ var RAIL_FOLDS = [
 	"prb-rail-path",
 	"prb-rail-kiss"
 ];
-function readRail(value) {
+function readFolds(value, known) {
 	if (!value || typeof value !== "object") return void 0;
-	const rail = {};
-	for (const fold of RAIL_FOLDS) {
+	const folds = {};
+	for (const fold of known) {
 		const open = value[fold];
-		if (typeof open === "boolean") rail[fold] = open;
+		if (typeof open === "boolean") folds[fold] = open;
 	}
-	return Object.keys(rail).length > 0 ? rail : void 0;
+	return Object.keys(folds).length > 0 ? folds : void 0;
 }
+var readRail = (value) => readFolds(value, RAIL_FOLDS);
+var readIssueGroups = (value) => readFolds(value, ISSUE_FOLDS);
 /** A stored layout, keeping only what this page knows how to draw. Anything else reads as unset. */
 function readReviewLayout(value) {
 	if (!value || typeof value !== "object") return {};
-	const { ask, expanded, rail } = value;
+	const { ask, expanded, rail, issueGroups } = value;
 	const folds = readRail(rail);
+	const groups = readIssueGroups(issueGroups);
 	return {
 		...ask === "open" || ask === "closed" ? { ask } : {},
 		...expanded === "buddy" || expanded === "document" ? { expanded } : {},
-		...folds ? { rail: folds } : {}
+		...folds ? { rail: folds } : {},
+		...groups ? { issueGroups: groups } : {}
 	};
 }
 /** A patch from the page, or null when it holds nothing this page could have sent. */
 function readReviewLayoutPatch(value) {
 	if (!value || typeof value !== "object") return null;
-	const { ask, expanded, rail } = value;
+	const { ask, expanded, rail, issueGroups } = value;
 	const folds = readRail(rail);
+	const groups = readIssueGroups(issueGroups);
 	const patch = {
 		...ask === "open" || ask === "closed" ? { ask } : {},
 		...expanded === "buddy" || expanded === "document" || expanded === null ? { expanded } : {},
-		...folds ? { rail: folds } : {}
+		...folds ? { rail: folds } : {},
+		...groups ? { issueGroups: groups } : {}
 	};
 	return Object.keys(patch).length > 0 ? patch : null;
 }
@@ -11056,6 +11253,10 @@ function applyReviewLayoutPatch(layout, patch) {
 		...patch.rail ? { rail: {
 			...layout.rail,
 			...patch.rail
+		} } : {},
+		...patch.issueGroups ? { issueGroups: {
+			...layout.issueGroups,
+			...patch.issueGroups
 		} } : {}
 	};
 }
@@ -12522,6 +12723,33 @@ feature:                   E</pre>
     reads to answer your questions about the change, and what Update review starts from. After
     that it is removed. The review itself stays, and a later question makes a new checkout for
     itself.</p>`
+	},
+	{
+		id: "reading-issues",
+		title: "Reading issues",
+		body: `<p>Issues opens with a sentence on what the change touches and how many issues are
+    outstanding. Each issue is grouped by the decision it asks of you: <b>Failures</b> the code shows
+    going wrong under a stated condition, <b>Possible risks</b> still to be verified, <b>Intent to
+    confirm</b> where the behaviour is right only if it was meant, and <b>Maintenance</b> for what it
+    costs later. Within each group the most severe come first. Severity and confidence are shown on
+    each card, separately from its group.</p>
+    <p>A card leads with what the issue means and when it happens, then the step it calls for, when
+    there is one: <b>To verify</b> settles whether it happens, <b>To decide</b> asks whether it was
+    meant, and <b>To fix</b> names the change that would correct it. The technical account, where it
+    is in the code and its history are under <b>Technical details</b> on the card. Folding a group is
+    remembered for the next review.</p>
+    <p>Issues from older reviews have no summary yet and are under <b>Other issues</b>. The next
+    Update that finds new commits or new discussion writes one for each issue still outstanding,
+    from the same evidence; it does not re-check the issue. An Update that finds nothing new changes
+    nothing.</p>
+    <p>Questions read the same way: each leads with the question in plain terms, why the answer
+    matters and what is needed, with the original question and its files under <b>Technical
+    context</b>. Any answer so far stays on the card.</p>
+    <p>When the review came with a pull request discussion, the line above the issues says when it
+    was last checked. Its “already raised” notes describe the discussion as it was then; <b>Re-check
+    in PR context</b> takes you to bring it up to date.</p>
+    <p>Resolved and dismissed issues are in the closed list at the bottom. One the new commits fixed
+    leads with what the code now does, when the update could see it.</p>`
 	},
 	{
 		id: "updating-and-reanalysing",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prreviewbuddy",
-  "version": "0.90.0",
+  "version": "0.92.0",
   "description": "Understand code changes before you approve them. Local branch and pull request reviews with Claude Code or Codex.",
   "license": "UNLICENSED",
   "homepage": "https://prreviewbuddy.com",

package/static/shell.css

@@ -2386,10 +2386,6 @@ a.prb-rail-item { text-decoration: none; }
   line-height: var(--lh-body);
 }
 
-/* A caveat above a list, in the light pane. Pane literals, not shell tokens — see
-   pane_palette.test.ts for why this is a rule and not a preference. */
-/* Full width, because it introduces the cards below it and a narrower block reads as a floating
-   aside rather than as the heading note it is. */
 /* The control named in the note, as the control rather than as bold text. It goes to the view that
    holds it, because a sentence that tells the reviewer where something is and cannot take them
    there is asking them to do the navigating twice. */
@@ -2405,16 +2401,41 @@ a.prb-rail-item { text-decoration: none; }
 }
 .prb-doc-note-link:hover { color: var(--pane-ink); }
 
-.prb-doc-note {
-  margin: 0 0 14px;
-  padding: 8px 11px;
-  border-left: 3px solid var(--pane-line);
-  border-radius: 0 6px 6px 0;
-  background: rgba(15, 23, 42, 0.035);
+/* The age of the "already raised" claims, as one quiet line above the Issues orientation. */
+.prb-discussion-age {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  column-gap: 6px;
+  margin: 0 0 12px;
   color: var(--pane-ink-muted);
   font-size: var(--t-meta);
   line-height: var(--lh-body);
 }
+.prb-discussion-age-summary {
+  cursor: pointer;
+  list-style: none;
+}
+.prb-discussion-age-summary::-webkit-details-marker { display: none; }
+.prb-discussion-age-summary::before {
+  content: '';
+  display: inline-block;
+  margin-right: 6px;
+  vertical-align: 1px;
+  border-left: 5px solid currentColor;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+}
+.prb-discussion-age-detail[open] > .prb-discussion-age-summary::before { transform: rotate(90deg); }
+.prb-discussion-age-summary:hover { color: var(--pane-ink); }
+/* Open, the explanation takes the row, and the re-check follows it on its own line. */
+.prb-discussion-age-detail[open] { flex-basis: 100%; }
+.prb-discussion-age-detail[open] ~ .prb-discussion-age-sep { display: none; }
+.prb-discussion-age-body {
+  margin: 6px 0 4px;
+  padding-left: 11px;
+  border-left: 2px solid var(--pane-line);
+}
 
 .prb-pr-asof {
   flex-basis: 100%;