diff --git a/docs/TEST_INTEGRITY.md b/docs/TEST_INTEGRITY.md index a2aef47..a35e033 100644 --- a/docs/TEST_INTEGRITY.md +++ b/docs/TEST_INTEGRITY.md @@ -2764,3 +2764,50 @@ test_integrity_note: did_relax_any_assertion: false if_true_explain_spec_basis: "" ``` + +# Compact Console Overview density (2026-10-01) + +```yaml +test_integrity_note: + change_type: new_tests + scenarios: + - id: SCN-console-overview-owner-decisions-and-urgent-hazards-lead-with-distinct-counts + given: "An owner-addressed pending decision, unsafe Fleet findings, a manager-wake reservation, and advisory evidence" + when: "The Console renders its Overview attention summary" + then: "Owner decisions and urgent hazards lead, exact owner/action/advisory counts stay distinct, and only the guarded owner decision shortcuts appear" + - id: SCN-console-overview-clean-unique-commits-stay-informational-and-unsafe-workstays-reviewable + given: "One clean branch-ahead worktree and a separate dirty worktree" + when: "The Overview projects worktree evidence" + then: "Unique commits remain informational and inspectable while dirty work remains a named review finding" + - id: SCN-console-overview-crowded-preview-preserves-every-fleet-and-advisory-record-at-desktop-and-mobile + given: "A fixed 49-reference advisory cohort with one conflicting observation and 17 Fleet findings including unknown ownership and long evidence" + when: "The Overview is measured at 1440x1000 and 390x844 and View all Fleet opens the full queue" + then: "Shown/total/remaining counts are exact, urgent findings stay visible, every Fleet record and all advisory provenance/conflicts/unknowns remain reachable, and no horizontal overflow or clipped record occurs" + - id: SCN-console-overview-refresh-and-navigation-preserve-owner-drafts-without-adding-unsafe-actions + given: "An unsent task draft and a pending owner decision in the isolated demo" + when: "The owner navigates away and refreshes the Console" + then: "The draft remains intact, the owner shortcut boundary remains explicit, and no acknowledgement, close, recovery, or non-owner decision action is introduced" + - id: SCN-console-overview-retains-ten-destinations-keyboard-routing-and-manager-wake-deep-links + given: "The ten existing Console view destinations and an urgent manager-wake finding on a mobile viewport" + when: "The owner uses keyboard navigation and opens the manager-wakes route directly and through browser history" + then: "Each route selects its owning view, nested targets receive focus, Back/Forward remain coherent, and the urgent manager-wakes target is reachable" + observable_outcomes: + - "Owner and urgent counts are separate from advisory counts and clean unique commits do not inflate hazards" + - "A bounded Fleet preview states exact shown, total, and remaining values and links to every original Fleet record" + - "The full queue retains long evidence, conflicting advisory observations, exact task references, source provenance, and unknown ownership" + - "The ten existing destinations, guarded owner action, drafts, mobile keyboard focus, and manager-wakes deep link remain observable" + - "Fixed crowded data has no horizontal overflow or clipped urgent/evidence content at 1440x1000 and 390x844" + determinism_controls: + - "Hermetic loopback Console server with the isolated in-memory demo snapshot replaced by fixed task, owner, finding, evidence, and commit values" + - "Fixed Playwright viewport dimensions and deterministic route/history actions; no live project mutation, external service, retry, or sleep" + anti_cheat_rationale: + prevents: + - "Hard-coded preview/count labels that omit original findings" + - "Hiding urgent or unknown-owner evidence behind advisory totals" + - "Classifying clean unique commits as unsafe work" + - "Losing conflicting source observations or inventing provenance" + - "Adding owner actions that bypass the existing decision preview boundary" + relaxation: + did_relax_any_assertion: false + if_true_explain_spec_basis: "" +``` diff --git a/site/attention-projection.js b/site/attention-projection.js index ddf4d3e..1808af1 100644 --- a/site/attention-projection.js +++ b/site/attention-projection.js @@ -192,5 +192,39 @@ function attentionGroups(snapshot) { return groups; } - global.TorchAttentionProjection = Object.freeze({ groups: attentionGroups }); +function attentionSummary(groups) { + const fleet = groups.fleet ?? []; + const owner = groups.owner ?? []; + const arbiter = groups.arbiter ?? []; + const advisory = groups.advisory ?? []; + const actionableFleet = fleet.filter((item) => item.tone !== 'info'); + const advisoryReferences = advisory.reduce((count, item) => count + + (Array.isArray(item.taskReferences) ? item.taskReferences.length : item.observations?.length ?? 0), 0); + return { + ownerDecisions: owner.length, + urgentHazards: fleet.filter((item) => item.tone === 'urgent').length, + actionable: owner.length + actionableFleet.length + arbiter.filter((item) => item.tone !== 'info').length, + fleetTotal: fleet.length, + fleetInformational: fleet.length - actionableFleet.length, + advisoryCohorts: advisory.length, + advisoryReferences, + }; +} + +function fleetPreview(groups, additionalLimit = 3) { + const fleet = groups.fleet ?? []; + const urgent = fleet.filter((item) => item.tone === 'urgent'); + const remaining = fleet.filter((item) => item.tone !== 'urgent') + .sort((left, right) => { + const rank = { decision: 0, review: 1, info: 2 }; + return (rank[left.tone] ?? 3) - (rank[right.tone] ?? 3); + }); + return [...urgent, ...remaining.slice(0, Math.max(0, additionalLimit))]; +} + + global.TorchAttentionProjection = Object.freeze({ + groups: attentionGroups, + summary: attentionSummary, + fleetPreview, + }); })(globalThis); diff --git a/site/console.html b/site/console.html index 3ecc697..4af0f6e 100644 --- a/site/console.html +++ b/site/console.html @@ -67,8 +67,17 @@ @@ -199,6 +208,14 @@

Ownership

Implementation stays with specialists
+
+

Every finding remains inspectable

Fleet review queue

Full evidence and provenance
+ +

Loading findings…

+
+
diff --git a/site/console.js b/site/console.js index ecc0d88..2cd75cb 100644 --- a/site/console.js +++ b/site/console.js @@ -954,9 +954,59 @@ function renderFlowWatch(snapshot) { function attentionGroups(snapshot) { return globalThis.TorchAttentionProjection.groups(snapshot); } -function attentionItemCount(groups) { - return ['owner', 'fleet', 'advisory', 'arbiter'] - .reduce((count, key) => count + (groups[key]?.length ?? 0), 0); +function attentionSummary(groups) { + return globalThis.TorchAttentionProjection.summary(groups); +} +function renderAttentionItem(item) { + const severity = ({ urgent: 'Urgent', review: 'Review', decision: 'Decision required', info: 'Progress' })[item.tone] ?? 'Unknown'; + return `
+
+ ${escapeHtml(item.title)}

${escapeHtml(item.detail)}

+ Severity: ${escapeHtml(severity)} · Owner: ${escapeHtml(item.owner)}${item.waitSince ? ` · Waiting ${escapeHtml(ageLabel(item.waitSince))}` : ''} + ${item.evidence.length > 120 + ? `
Evidence and references

${escapeHtml(item.evidence)}

` + : `Evidence: ${escapeHtml(item.evidence)}`} + ${item.observations ? `
Recheck observations (${item.observations.length})
    ${item.observations.map((observation) => `
  • + ${escapeHtml(observation.taskId ?? 'Task reference not recorded')} · ${escapeHtml(observation.code)} + · Owner: ${escapeHtml(observation.owner ?? 'Owner not recorded')} + · Observed source/revision: ${escapeHtml(observation.observedAt ?? 'Not recorded')} + · Current observed commit: ${escapeHtml(observation.currentObservedCommit ?? 'Not recorded')} + · Reproduction: ${escapeHtml(observation.reproductionStatus ?? 'UNKNOWN')} + · Sources: ${escapeHtml(observation.sources.join(', ') || 'Not recorded')} +
    • `).join('')}
` : ''} + ${escapeHtml(item.action)} + ${item.decisionApprovalId ? `
+ + + +
` : ''} + ${item.requestOwner ? `Request review from ${escapeHtml(item.owner)}` : ''} +
`; +} +function renderAttentionGroup(key, title, description, items, idPrefix) { + const headingId = `${idPrefix}-${key}-title`; + return `
+

${title}

${items.length}
+ ${items.length ? items.map(renderAttentionItem).join('') : `

${escapeHtml(description)}

`} +
`; +} +function applyFleetAttentionFilter(query = '') { + const list = $('#fleet-attention-list'); + if (!list) return; + const normalized = query.trim().toLocaleLowerCase(); + const records = [...list.querySelectorAll('[data-attention-record]')]; + let visible = 0; + for (const record of records) { + const matches = !normalized || record.textContent.toLocaleLowerCase().includes(normalized); + record.hidden = !matches; + if (matches) visible += 1; + } + for (const group of list.querySelectorAll('.attention-group')) { + group.hidden = ![...group.querySelectorAll('[data-attention-record]')].some((record) => !record.hidden); + } + setText('#fleet-attention-result-count', normalized + ? `${visible} of ${records.length} findings match.` + : `${records.length} Fleet and advisory findings available.`); } function renderAttention(groups) { const definitions = [ @@ -965,37 +1015,27 @@ function renderAttention(groups) { ['advisory', 'Advisory / recheck cohorts', 'Observed evidence grouped for rechecking; these findings do not assign an owner action.'], ['arbiter', 'Arbiter handling', 'No observed item has structured evidence assigning its next step exclusively to an arbiter.'], ]; - const total = attentionItemCount(groups); - setText('#attention-count', `${total} ${total === 1 ? 'item' : 'items'}`); - setHtml('#attention-list', definitions.map(([key, title, description]) => { - const items = groups[key] ?? []; - return `
-

${title}

${items.length}
- ${items.length ? items.map((item) => `
-
- ${escapeHtml(item.title)}

${escapeHtml(item.detail)}

- Severity: ${escapeHtml(({ urgent: 'Urgent', review: 'Review', decision: 'Decision required', info: 'Progress' })[item.tone] ?? 'Unknown')} · Owner: ${escapeHtml(item.owner)}${item.waitSince ? ` · Waiting ${escapeHtml(ageLabel(item.waitSince))}` : ''} - ${item.evidence.length > 120 - ? `
Evidence and references

${escapeHtml(item.evidence)}

` - : `Evidence: ${escapeHtml(item.evidence)}`} - ${item.observations ? `
Recheck observations (${item.observations.length})
    ${item.observations.map((observation) => `
  • - ${escapeHtml(observation.taskId ?? 'Task reference not recorded')} · ${escapeHtml(observation.code)} - · Owner: ${escapeHtml(observation.owner ?? 'Owner not recorded')} - · Observed source/revision: ${escapeHtml(observation.observedAt ?? 'Not recorded')} - · Current observed commit: ${escapeHtml(observation.currentObservedCommit ?? 'Not recorded')} - · Reproduction: ${escapeHtml(observation.reproductionStatus ?? 'UNKNOWN')} - · Sources: ${escapeHtml(observation.sources.join(', ') || 'Not recorded')} -
    • `).join('')}
` : ''} - ${escapeHtml(item.action)} - ${item.decisionApprovalId ? `
- - - -
` : ''} - ${item.requestOwner ? `Request review from ${escapeHtml(item.owner)}` : ''} -
`).join('') : `

${escapeHtml(description)}

`} -
`; - }).join('')); + const summary = attentionSummary(groups); + const fleetPreview = globalThis.TorchAttentionProjection.fleetPreview(groups); + const remaining = Math.max(0, summary.fleetTotal - fleetPreview.length); + const priorQuery = $('#fleet-attention-filter')?.value ?? ''; + setText('#attention-count', `${summary.actionable} actionable`); + setText('#owner-decision-count', `${summary.ownerDecisions} owner decision${summary.ownerDecisions === 1 ? '' : 's'}`); + setText('#urgent-hazard-count', `${summary.urgentHazards} urgent hazard${summary.urgentHazards === 1 ? '' : 's'}`); + setText('#advisory-count', summary.advisoryReferences + ? `${summary.advisoryCohorts} cohort${summary.advisoryCohorts === 1 ? '' : 's'} · ${summary.advisoryReferences} task references` + : `${summary.advisoryCohorts} advisory cohort${summary.advisoryCohorts === 1 ? '' : 's'}`); + setText('#fleet-preview-count', `Showing ${fleetPreview.length} of ${summary.fleetTotal} Fleet findings; ${remaining} remaining`); + setHtml('#attention-list', definitions.map(([key, title, description]) => renderAttentionGroup( + key, title, description, key === 'fleet' ? fleetPreview : groups[key] ?? [], 'overview-attention', + )).join('')); + setHtml('#fleet-attention-list', [ + renderAttentionGroup('fleet', 'Fleet handling', 'No Fleet-owned findings are recorded.', groups.fleet ?? [], 'fleet-queue'), + renderAttentionGroup('advisory', 'Advisory / recheck cohorts', 'No advisory cohorts are recorded.', groups.advisory ?? [], 'fleet-queue'), + ].join('')); + const filter = $('#fleet-attention-filter'); + if (filter) filter.value = priorQuery; + applyFleetAttentionFilter(priorQuery); } function render(snapshot) { @@ -1025,9 +1065,9 @@ function render(snapshot) { const parts = [`${agents.length} persistent ${agents.length === 1 ? 'identity' : 'identities'}`, `${working} ${working === 1 ? 'task' : 'tasks'} in progress`]; if (blocked) parts.push(`${blocked} blocked`); - const attentionCount = attentionItemCount(attention); + const attentionCounts = attentionSummary(attention); setText('#project-summary', snapshot.mode === 'installed' - ? `${parts.join(' · ')}. ${attentionCount ? `${attentionCount} item${attentionCount === 1 ? '' : 's'} need a named next step.` : 'No owner decision is currently waiting in the observed queues.'}` + ? `${parts.join(' · ')}. ${attentionCounts.ownerDecisions} owner decision${attentionCounts.ownerDecisions === 1 ? '' : 's'} · ${attentionCounts.urgentHazards} urgent hazard${attentionCounts.urgentHazards === 1 ? '' : 's'} · ${attentionCounts.actionable} actionable across the observed queues.` : 'This repository has not been installed as a TORCH Fleet. The view is showing repository intake only.'); renderTaskCreateOptions(agents, tasks, snapshot.mode === 'installed'); renderOwnerRequestOptions(agents, tasks, snapshot.mode === 'installed'); @@ -2136,6 +2176,7 @@ $('#attention-list')?.addEventListener('click', (event) => { }); $('#refresh-console')?.addEventListener('click', () => refresh()); +$('#fleet-attention-filter')?.addEventListener('input', (event) => applyFleetAttentionFilter(event.currentTarget.value)); $('#toggle-live-refresh')?.addEventListener('click', () => { liveUpdatesPaused = !liveUpdatesPaused; $('#toggle-live-refresh').textContent = liveUpdatesPaused ? 'Resume updates' : 'Pause updates'; diff --git a/site/styles.css b/site/styles.css index b6799b4..144369a 100644 --- a/site/styles.css +++ b/site/styles.css @@ -166,30 +166,30 @@ footer div { display: flex; gap: 1.5rem; } .task-reference { margin-top: .55rem; color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; } .task-reference code { display: inline-block; margin-top: .3rem; color: var(--ink); } .console-error { margin: 1.2rem 0 0; background: var(--warning-surface); color: var(--warning-ink); border-left: 4px solid var(--signal); padding: 1rem; } -.pulse-zone { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(270px, .8fr); border-bottom: 1px solid var(--ink); } -.pulse-main { min-width: 0; padding: 2rem 2rem 1.6rem 0; } +.pulse-zone { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(1.25rem, 2.8vw, 2.6rem); border-bottom: 1px solid var(--ink); } +.pulse-main { min-width: 0; align-self: start; padding: 1.55rem 0 1.25rem; } .pulse-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; } .section-kicker { margin: 0 0 .35rem; color: var(--muted); font-size: .78rem; font-weight: 700; } .pulse-heading h1, .section-heading h2 { max-width: none; font-size: clamp(1.75rem, 2.8vw, 2.5rem); line-height: 1.05; letter-spacing: -.035em; } .health-flag { display: inline-flex; align-items: center; border: 1px solid var(--field); color: var(--field); padding: .25rem .55rem; font-size: .78rem; font-weight: 700; } -.pulse-summary { max-width: 60ch; margin: 1rem 0 1.65rem; color: var(--muted); font-size: 1.05rem; } +.pulse-summary { max-width: 50ch; margin: .75rem 0 1.15rem; color: var(--muted); font-size: .9rem; line-height: 1.5; } .pulse-readouts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); } .pulse-readouts div { min-width: 0; display: grid; align-content: start; gap: .3rem; padding: .8rem .8rem .2rem 0; } .pulse-readouts div + div { padding-left: .8rem; border-left: 1px solid var(--line); } .pulse-readouts span { color: var(--muted); font-size: .74rem; } .pulse-readouts strong { overflow-wrap: anywhere; font-family: var(--display); font-size: .95rem; } -.attention-panel { padding: 1.45rem 0 1rem 1.35rem; border-left: 1px solid var(--line); } +.attention-panel { min-width: 0; align-self: start; padding: 1.15rem 0 1rem 1.2rem; border-left: 1px solid var(--line); } .panel-heading, .section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; } .panel-heading { padding-bottom: .65rem; border-bottom: 1px solid var(--line); } .panel-heading h2, .panel-heading h3 { margin: 0; font: 650 1rem/1.2 var(--display); } .panel-heading span, .section-heading > span { color: var(--muted); font-size: .76rem; text-align: right; } -.attention-list { display: grid; gap: 1rem; } -.attention-group { min-width: 0; padding-top: .6rem; border-top: 1px solid var(--line); } +.attention-list { display: grid; gap: .6rem; } +.attention-group { min-width: 0; padding-top: .4rem; border-top: 1px solid var(--line); } .attention-group-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; } .attention-group-heading h3 { margin: 0; font: 650 .9rem/1.25 var(--display); } .attention-group-heading span, .attention-empty { color: var(--muted); font-size: .72rem; } .attention-empty { margin: .35rem 0 0; line-height: 1.4; } -.attention-item { display: grid; grid-template-columns: 9px minmax(0, 1fr); gap: .7rem; padding: .75rem 0; border-bottom: 1px solid var(--line); } +.attention-item { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: .55rem; padding: .5rem 0; border-bottom: 1px solid var(--line); } .attention-mark { width: 7px; height: 7px; margin-top: .45rem; background: var(--field); } .tone-urgent .attention-mark { background: var(--signal); } .tone-review .attention-mark { background: var(--route); } @@ -197,7 +197,7 @@ footer div { display: flex; gap: 1.5rem; } .tone-info .attention-mark { background: var(--field); } .attention-copy { min-width: 0; } .attention-item strong { display: block; font-size: .86rem; overflow-wrap: anywhere; } -.attention-item p { margin: .18rem 0 .35rem; color: var(--muted); font-size: .78rem; line-height: 1.4; } +.attention-item p { margin: .18rem 0 .35rem; color: var(--muted); font-size: .78rem; line-height: 1.4; overflow-wrap: anywhere; } .attention-item small { display: block; color: var(--muted); font-size: .69rem; line-height: 1.35; overflow-wrap: anywhere; } .attention-item a { display: inline-block; margin: .35rem .8rem 0 0; color: var(--route); font-size: .76rem; font-weight: 650; } .attention-evidence { margin-top: .28rem; color: var(--muted); font-size: .69rem; } @@ -207,6 +207,25 @@ footer div { display: flex; gap: 1.5rem; } .attention-quick-actions button { min-height: 2rem; padding: .3rem .55rem; } .attention-action-status { flex-basis: 100%; margin: .1rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.4; } .attention-action-status[hidden] { display: none; } +.attention-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; padding: .6rem 0 .25rem; } +.attention-counts p { min-width: 0; margin: 0; padding-left: .55rem; border-left: 2px solid var(--line); } +.attention-counts p:first-child { border-left-color: #f3bd55; } +.attention-counts p:nth-child(2) { border-left-color: var(--signal); } +.attention-counts p:last-child { border-left-color: var(--field); } +.attention-counts strong, .attention-counts span { display: block; overflow-wrap: anywhere; } +.attention-counts strong { font-size: .74rem; line-height: 1.25; } +.attention-counts span { margin-top: .12rem; color: var(--muted); font-size: .65rem; line-height: 1.3; } +.attention-footer { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; padding-top: .6rem; color: var(--muted); font-size: .7rem; } +.attention-footer a { color: var(--route); font-weight: 700; white-space: nowrap; } +.fleet-attention-queue { min-width: 0; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--ink); scroll-margin-top: 1rem; } +.fleet-attention-filter { display: grid; gap: .3rem; max-width: 34rem; color: var(--muted); font-size: .75rem; font-weight: 650; } +.fleet-attention-filter input { width: 100%; min-width: 0; min-height: 2.5rem; padding: .45rem .6rem; border: 1px solid var(--line); border-radius: 0; background: var(--deep); color: var(--ink); font: 500 .82rem/1.3 var(--body); } +.fleet-attention-result-count { color: var(--muted); font-size: .75rem; } +.fleet-attention-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; } +.fleet-attention-list > .attention-group { padding: .7rem; border: 1px solid var(--line); background: var(--paper); } +.fleet-attention-list .attention-evidence[open] p { max-width: 80ch; } +.attention-cohort-details li, .attention-cohort-details code { overflow-wrap: anywhere; } +.fleet-attention-queue [hidden] { display: none !important; } .board-section, .console-section { padding-block: 1.65rem; border-bottom: 1px solid var(--line); scroll-margin-top: 1rem; } .section-heading { margin-bottom: 1rem; } .section-heading h2 { margin: 0; } @@ -629,6 +648,7 @@ footer div { display: flex; gap: 1.5rem; } .console-workspace { padding-inline: .8rem; } .console-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pulse-zone, .fleet-columns, .evidence-columns, .delivery-columns, .flow-watch-grid { grid-template-columns: 1fr; } + .fleet-attention-list { grid-template-columns: 1fr; } .owner-request-fields, .runtime-profile-fields { grid-template-columns: 1fr; } .schedule-launcher-actions { align-items: stretch; flex-direction: column; } .lifecycle-heading { flex-direction: column; gap: .25rem; } diff --git a/test/fleet/console-overview-density.test.mjs b/test/fleet/console-overview-density.test.mjs new file mode 100644 index 0000000..614e612 --- /dev/null +++ b/test/fleet/console-overview-density.test.mjs @@ -0,0 +1,261 @@ +import assert from 'node:assert/strict'; +import { once } from 'node:events'; +import test, { after, before } from 'node:test'; +import { chromium } from '@playwright/test'; +import { createConsoleServer } from '../../src/console/server.mjs'; +import '../../site/attention-projection.js'; + +let server; +let browser; +let origin; + +before(async () => { + server = createConsoleServer(); + server.listen(0, '127.0.0.1'); + await once(server, 'listening'); + origin = `http://127.0.0.1:${server.address().port}`; + browser = await chromium.launch({ headless: true }); +}); + +after(async () => { + await browser?.close(); + if (server?.listening) await new Promise((resolve) => server.close(resolve)); +}); + +async function openOverview(viewport = { width: 1440, height: 1000 }) { + const page = await browser.newPage({ viewport }); + await page.goto(`${origin}/console?demo=1#overview`); + await page.locator('#live-refresh-status[data-generation="1"]').waitFor(); + const snapshot = await page.evaluate(() => structuredClone(globalThis.TorchConsoleDemo.snapshot())); + return { page, snapshot }; +} + +async function renderSnapshot(page, snapshot) { + await page.evaluate((fixed) => { globalThis.TorchConsoleDemo.snapshot = () => structuredClone(fixed); }, snapshot); + await page.locator('#refresh-console').click(); + await page.locator('#live-refresh-status[data-generation="2"]').waitFor(); +} + +function unsafeSnapshot(snapshot) { + snapshot.mode = 'installed'; + snapshot.approvalRequests = { available: true, pendingCount: 1, items: [{ + id: 'owner-review-1', revision: 4, status: 'pending', approver: 'owner', requester: 'qa', + title: 'Review the exact owner decision', task: 'TASK-CONSOLE-OVERVIEW', evidence: 'same-origin preview and current revision', + }] }; + snapshot.fleetChanges = []; + snapshot.hierarchyProposals = []; + snapshot.doctor = { ...(snapshot.doctor ?? {}), findings: [ + { severity: 'error', code: 'BACKLOG_HEALTH_INVALID', message: 'Current schema validation failed; inspect the evidence before action.' }, + { severity: 'error', code: 'WORKTREE_PROBLEM', area: 'qa', problem: 'git-operation:merge', path: '/work/qa' }, + { severity: 'warning', code: 'BACKLOG_OBSERVED_COMMIT_STALE', taskId: 'TASK-ADVISORY-1', owner: 'provider-runtime', observedAt: 'a'.repeat(40) }, + ] }; + snapshot.backlogHealth = { findings: [] }; + snapshot.worktrees = [{ area: 'qa', branch: 'qa/review', path: '/work/qa', ahead: 2, behind: 0 }]; + snapshot.agents = [...(snapshot.agents ?? []), { areaId: 'qa', title: 'QA' }]; + snapshot.managerWakes = { blockingCount: 1, reservations: [{ managerId: 'qa', scheduleId: 'wake-1', reservedAt: '2026-10-01T00:00:00Z', outcome: 'unknown', blocksManagerWake: true }] }; + snapshot.deliveryOperations = [{ operation: 'apply', state: 'unknown', actor: 'qa', commit: 'c'.repeat(40) }]; + snapshot.backlog = [...(snapshot.backlog ?? []), { id: 'TASK-ADVISORY-1', owner: 'provider-runtime', observedAt: 'a'.repeat(40), state: 'in_progress' }]; + return snapshot; +} + +test('SCN-console-overview-owner-decisions-and-urgent-hazards-lead-with-distinct-counts', async (t) => { + const { page, snapshot } = await openOverview(); + t.after(() => page.close()); + await renderSnapshot(page, unsafeSnapshot(snapshot)); + const projected = globalThis.TorchAttentionProjection.summary(globalThis.TorchAttentionProjection.groups(unsafeSnapshot(snapshot))); + + const groups = page.locator('#attention-list > .attention-group'); + assert.match(await groups.nth(0).locator('h3').innerText(), /Waiting on you/); + assert.match(await groups.nth(1).locator('h3').innerText(), /Fleet handling/); + assert.equal(await page.locator('#owner-decision-count').innerText(), `${projected.ownerDecisions} owner decision${projected.ownerDecisions === 1 ? '' : 's'}`); + assert.equal(await page.locator('#urgent-hazard-count').innerText(), `${projected.urgentHazards} urgent hazard${projected.urgentHazards === 1 ? '' : 's'}`); + assert.equal(await page.locator('#attention-count').innerText(), `${projected.actionable} actionable`); + assert.match(await page.locator('#advisory-count').innerText(), /1 cohort/); + assert.equal(await page.locator('#attention-list [data-attention-decision]').count(), 2); + assert.equal(await page.locator('#attention-list button').filter({ hasText: /Acknowledge|Close|Recover/ }).count(), 0); + assert.ok(await page.locator('#attention-list .tone-urgent').count() >= 3); + assert.equal(await page.locator('#attention-list a[href="#manager-wakes"]').count(), 1); +}); + +test('SCN-console-overview-clean-unique-commits-stay-informational-and-unsafe-workstays-reviewable', async (t) => { + const { page, snapshot } = await openOverview(); + t.after(() => page.close()); + snapshot.doctor = { ...(snapshot.doctor ?? {}), findings: [ + { severity: 'warning', code: 'WORKTREE_PROBLEM', area: 'project-kernel', problem: 'unique-commits:3', path: '/work/kernel' }, + { severity: 'warning', code: 'WORKTREE_PROBLEM', area: 'provider-runtime', problem: 'worktree-dirty', path: '/work/provider' }, + ] }; + snapshot.worktrees = [ + { area: 'project-kernel', branch: 'kernel/progress', path: '/work/kernel', ahead: 3, behind: 0 }, + { area: 'provider-runtime', branch: 'provider/changes', path: '/work/provider', ahead: 0, behind: 0 }, + ]; + snapshot.agents = [...(snapshot.agents ?? []), { areaId: 'project-kernel', title: 'Project Kernel' }, { areaId: 'provider-runtime', title: 'Provider Runtime' }]; + await renderSnapshot(page, snapshot); + + const records = page.locator('#fleet-attention-list [data-attention-record]'); + const clean = records.filter({ hasText: 'has work ahead of main' }); + const dirty = records.filter({ hasText: 'worktree needs review' }); + assert.equal(await clean.count(), 1); + assert.ok(await clean.evaluate((item) => item.classList.contains('tone-info'))); + assert.match(await clean.innerText(), /3 unique commit\(s\) are ahead/); + assert.equal(await dirty.count(), 1); + assert.ok(await dirty.evaluate((item) => item.classList.contains('tone-review'))); + assert.match(await dirty.innerText(), /Uncommitted changes are present/); +}); + +function crowdedSnapshot(snapshot) { + const references = Array.from({ length: 49 }, (_, index) => `TASK-DENSITY-${String(index + 1).padStart(2, '0')}`); + const tasks = references.map((id, index) => ({ + id, owner: index === 47 ? null : `domain-${String(index + 1).padStart(2, '0')}`, + observedAt: index === 47 ? null : String(index + 1).padStart(40, '0'), state: 'in_progress', + })); + const doctor = tasks.map((task, index) => ({ severity: 'warning', code: 'BACKLOG_OBSERVED_COMMIT_STALE', + taskId: task.id, owner: task.owner, observedAt: task.observedAt, + ...(index === 47 ? { currentObservedCommit: null } : {}), + })); + const backlogHealth = structuredClone(doctor); + backlogHealth[48].owner = 'conflicting-owner'; + snapshot.backlog = tasks; + snapshot.fleetChanges = []; + snapshot.hierarchyProposals = []; + snapshot.approvalRequests = { available: true, pendingCount: 0, items: [] }; + snapshot.messages = { ...(snapshot.messages ?? {}), unacknowledged: 0, recent: [] }; + snapshot.integration = []; + snapshot.worktrees = []; + snapshot.backlogActivity = { tasks: [] }; + snapshot.managerWakes = { blockingCount: 0, reservations: [] }; + snapshot.deliveryOperations = []; + snapshot.repository = { ...(snapshot.repository ?? {}), head: 'd'.repeat(40) }; + snapshot.doctor = { ...(snapshot.doctor ?? {}), findings: [ + ...doctor, + ...Array.from({ length: 3 }, (_, index) => ({ severity: 'error', code: `FIXED_UNSAFE_${index + 1}`, + area: index === 0 ? null : `domain-${index + 1}`, message: `Urgent evidence ${index + 1}: ${'e'.repeat(180)}` })), + ...Array.from({ length: 14 }, (_, index) => ({ severity: 'warning', code: `FIXED_REVIEW_${index + 1}`, + area: index === 0 ? null : `domain-${index + 1}`, message: `Review evidence ${index + 1}: ${'f'.repeat(140)}` })), + ] }; + snapshot.backlogHealth = { findings: backlogHealth }; + return { snapshot, references }; +} + +test('SCN-console-overview-crowded-preview-preserves-every-fleet-and-advisory-record-at-desktop-and-mobile', async (t) => { + const desktop = await openOverview(); + t.after(() => desktop.page.close()); + const { snapshot, references } = crowdedSnapshot(desktop.snapshot); + await renderSnapshot(desktop.page, snapshot); + const projected = globalThis.TorchAttentionProjection.summary(globalThis.TorchAttentionProjection.groups(snapshot)); + assert.equal(await desktop.page.locator('#advisory-count').innerText(), '1 cohort · 49 task references'); + const previewCount = globalThis.TorchAttentionProjection.fleetPreview(globalThis.TorchAttentionProjection.groups(snapshot)).length; + assert.equal(await desktop.page.locator('#fleet-preview-count').innerText(), `Showing ${previewCount} of ${projected.fleetTotal} Fleet findings; ${projected.fleetTotal - previewCount} remaining`); + assert.equal(projected.fleetTotal, 17, 'the crowded data has exactly 17 original Fleet findings'); + assert.equal(await desktop.page.locator('#attention-list .tone-urgent').count(), 3); + const desktopWidth = await desktop.page.evaluate(() => ({ viewport: document.documentElement.clientWidth, + document: document.documentElement.scrollWidth, + layout: ['body', '.console-layout', '.console-workspace', '#overview', '.attention-panel', '#attention-list'].map((selector) => { + const item = document.querySelector(selector); const rect = item.getBoundingClientRect(); + return `${selector}: ${Math.round(rect.left)}..${Math.round(rect.right)} scroll=${item.scrollWidth}/${item.clientWidth}`; + }), + offenders: [...document.querySelectorAll('body *')].map((item) => ({ item, rect: item.getBoundingClientRect() })) + .filter(({ item, rect }) => !item.closest('[hidden]') && rect.width > 0 && (rect.right > document.documentElement.clientWidth + 1 || rect.left < -1 || item.scrollWidth > item.clientWidth + 2)) + .slice(0, 12).map(({ item, rect }) => `${item.tagName.toLowerCase()}${item.id ? `#${item.id}` : ''}.${String(item.className?.baseVal ?? item.className ?? '').split(' ').filter(Boolean).join('.')} ${Math.round(rect.left)}..${Math.round(rect.right)} scroll=${item.scrollWidth}/${item.clientWidth}`) })); + assert.ok(desktopWidth.document <= desktopWidth.viewport, JSON.stringify(desktopWidth)); + const overviewUrgentBounds = await desktop.page.locator('#attention-list .tone-urgent').evaluateAll((items) => items.map((item) => { + const rect = item.getBoundingClientRect(); return [rect.left, rect.right]; + })); + assert.ok(overviewUrgentBounds.every(([left, right]) => left >= 0 && right <= 1440)); + + await desktop.page.locator('.attention-footer a[href="#fleet-attention-queue"]').click(); + await desktop.page.waitForFunction(() => location.hash === '#fleet-attention-queue' && document.querySelector('.console-workspace').dataset.currentView === 'fleet'); + assert.equal(await desktop.page.locator('#fleet-attention-list .attention-group-fleet [data-attention-record]').count(), 17); + assert.equal(await desktop.page.locator('#fleet-attention-list .attention-group-advisory .attention-cohort-details li').count(), 50, + 'the conflicting owner remains a separate observation instead of overwriting provenance'); + assert.deepEqual(await desktop.page.locator('#fleet-attention-list .attention-group-advisory .attention-cohort-details li code').allTextContents(), + [...references, references[48]]); + assert.equal(await desktop.page.evaluate(() => document.activeElement.id), 'fleet-attention-queue'); + assert.match(await desktop.page.locator('#fleet-attention-list').innerText(), /Owner: Responsible domain not recorded/); + await desktop.page.locator('#fleet-attention-list .attention-group-advisory .attention-cohort-details summary').click(); + assert.match(await desktop.page.locator('#fleet-attention-list').innerText(), /Owner: Owner not recorded/); + assert.match(await desktop.page.locator('#fleet-attention-list').innerText(), /Sources: doctor, backlogHealth/); + assert.match(await desktop.page.locator('#fleet-attention-list').innerText(), /Urgent evidence 1/); + const queueFilter = desktop.page.locator('#fleet-attention-filter'); + await queueFilter.fill(references[0]); + assert.equal(await desktop.page.locator('#fleet-attention-result-count').innerText(), '1 of 18 findings match.'); + await queueFilter.fill(''); + assert.equal(await desktop.page.locator('#fleet-attention-list [data-attention-record]:visible').count(), 18); + await desktop.page.locator('#fleet-attention-list details').evaluateAll((details) => details.forEach((detail) => { detail.open = true; })); + assert.ok(await desktop.page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth), + 'expanded full evidence and cohort references remain horizontally contained'); + const queueBounds = await desktop.page.locator('#fleet-attention-list [data-attention-record]').evaluateAll((items) => items.map((item) => { + const rect = item.getBoundingClientRect(); return [rect.left, rect.right]; + })); + assert.ok(queueBounds.every(([left, right]) => left >= 0 && right <= 1440)); + + const mobile = await openOverview({ width: 390, height: 844 }); + t.after(() => mobile.page.close()); + const mobileFixture = crowdedSnapshot(mobile.snapshot); + await renderSnapshot(mobile.page, mobileFixture.snapshot); + const mobileWidth = await mobile.page.evaluate(() => ({ viewport: document.documentElement.clientWidth, + document: document.documentElement.scrollWidth, + offenders: [...document.querySelectorAll('body *')].map((item) => ({ item, rect: item.getBoundingClientRect() })) + .filter(({ item, rect }) => !item.closest('[hidden]') && rect.width > 0 && rect.right > document.documentElement.clientWidth + 1) + .slice(0, 8).map(({ item, rect }) => `${item.tagName.toLowerCase()}${item.id ? `#${item.id}` : ''}.${String(item.className?.baseVal ?? item.className ?? '').split(' ').filter(Boolean).join('.')} right=${Math.round(rect.right)}`) })); + assert.ok(mobileWidth.document <= mobileWidth.viewport, JSON.stringify(mobileWidth)); + await mobile.page.locator('#attention-list .attention-group-advisory summary').click(); + const lastReference = mobile.page.locator('#attention-list .attention-group-advisory .attention-cohort-details li').last(); + const mobileBounds = await lastReference.boundingBox(); + assert.ok(mobileBounds && mobileBounds.x >= 0 && mobileBounds.x + mobileBounds.width <= 390, + 'expanded exact references remain within the mobile viewport'); + assert.ok(await mobile.page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth), + 'expanded advisory provenance does not overflow the mobile viewport'); + assert.equal(await mobile.page.locator('#fleet-preview-count').innerText(), `Showing ${previewCount} of ${projected.fleetTotal} Fleet findings; ${projected.fleetTotal - previewCount} remaining`); +}); + +test('SCN-console-overview-refresh-and-navigation-preserve-owner-drafts-without-adding-unsafe-actions', async (t) => { + const { page, snapshot } = await openOverview(); + t.after(() => page.close()); + const unreadBefore = snapshot.messages?.unacknowledged ?? 0; + await renderSnapshot(page, unsafeSnapshot(snapshot)); + await page.locator('.console-rail a[href="#work"]').click(); + await page.locator('.task-create-panel > summary').click(); + const title = page.locator('#task-create-form [name="title"]'); + await title.fill('Unsent route-change draft for the current revision.'); + await page.locator('.console-rail a[href="#overview"]').click(); + await page.locator('#refresh-console').click(); + await page.locator('#live-refresh-status[data-generation="3"]').waitFor(); + await page.locator('.console-rail a[href="#work"]').click(); + assert.equal(await title.inputValue(), 'Unsent route-change draft for the current revision.'); + assert.equal(await page.locator('#attention-list [data-attention-decision]').count(), 2); + assert.equal(await page.locator('#attention-list button').filter({ hasText: /Acknowledge|Close|Recover/ }).count(), 0); + assert.equal(await page.evaluate(() => globalThis.TorchConsoleDemo.snapshot().messages?.unacknowledged ?? 0), unreadBefore, + 'rendering and refresh do not acknowledge durable messages'); +}); + +test('SCN-console-overview-retains-ten-destinations-keyboard-routing-and-manager-wake-deep-links', async (t) => { + const { page, snapshot } = await openOverview({ width: 390, height: 844 }); + t.after(() => page.close()); + await renderSnapshot(page, unsafeSnapshot(snapshot)); + const links = page.locator('.console-rail a[href^="#"]'); + assert.equal(await links.count(), 10); + const destinations = ['overview', 'owner-briefing', 'flow-watch', 'work', 'initiative-progress', 'fleet', + 'communications', 'organization', 'evidence', 'delivery']; + for (const destination of destinations) { + const link = page.locator(`.console-rail a[href="#${destination}"]`); + if (destination === 'fleet') { + await link.focus(); + await page.keyboard.press('Enter'); + } else await link.click(); + await page.waitForFunction((view) => location.hash === `#${view}` + && document.querySelector('.console-workspace').dataset.currentView === view, destination); + } + await page.locator('.console-rail a[href="#fleet"]').click(); + await page.waitForFunction(() => location.hash === '#fleet' + && document.querySelector('.console-workspace').dataset.currentView === 'fleet'); + await page.goto(`${origin}/console?demo=1#manager-wakes`); + await page.waitForFunction(() => document.querySelector('.console-workspace').dataset.currentView === 'fleet'); + await page.waitForFunction(() => document.activeElement.id === 'manager-wakes'); + assert.equal(await page.locator('#manager-wakes').isVisible(), true); + await page.goBack(); + await page.waitForFunction(() => document.querySelector('.console-workspace').dataset.currentView === 'fleet'); + await page.goForward(); + await page.waitForFunction(() => document.querySelector('.console-workspace').dataset.currentView === 'fleet'); + await page.waitForFunction(() => document.activeElement.id === 'manager-wakes'); + assert.ok(await page.evaluate(() => document.documentElement.scrollWidth <= document.documentElement.clientWidth)); +});