V13-FE-005: consolidate approved UI governance and contract hardening

Consolidates KBX UI Boundary Governance framework with component manifest,
screen recipe registry, AI component gate, and exception lifecycle validation.

Evidence (evidence/V13-FE-005/*.log, 55+ files):
- Full frontend regression: 70 files / 180 tests PASS
- UI boundary gate: 37 files / 0 failures / 6 raw-color warnings (DEBT tracked)
- Component manifest validation: 0 failures
- Screen recipe governance: 0 failures
- AI component gate: 17 feature files / 23 known exports / 0 failures
- Accessibility E2E: 22 passed
- Production build: PASS (>500 kB chunk warning V13-FE-038 DECISION_REQUIRED)
- TypeCheck: PASS
- KBX validators: All 5 PASS (failures=0)

Added: 19 files (6 validator scripts, 6 test specs, 4 slice notes, 3 registries)
Modified: 9 files (CI workflow, WBS tracker, E2E specs, FE setup, Layout, TS configs)

Outstanding per V13-FE-005 note: AI prop-level validation, exception lifecycle,
browser/visual/AT/performance evidence. No completion overclaim.

AGENTS.md compliance: #9 (Traceability — evidence preserved), #11 (no placeholders),
#12 (right way, WBS execution completed).

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-08-14 10:35:15 +09:00
parent 3f293d8aa8
commit 31b36ba226
29 changed files with 669 additions and 59 deletions
+10 -12
View File
@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
test.describe('Shadow Runs (KBX Foundation)', () => {
test.beforeEach(async ({ page }) => {
// Set up auth headers for development mode
await page.goto('http://localhost:5173/model-ops/shadow-runs', {
await page.goto('/model-ops/shadow-runs', {
waitUntil: 'networkidle',
})
@@ -17,11 +17,11 @@ test.describe('Shadow Runs (KBX Foundation)', () => {
await expect(title).toContainText('Shadow Run Validation')
// Check if grid is present
const grid = page.locator('.kbx-data-grid')
const grid = page.locator('.ks-grid')
await expect(grid).toBeVisible()
// Check if summary items exist
const summaryItems = page.locator('[class*="summary"]')
const summaryItems = page.locator('.ks-list-page__footer > span')
await expect(summaryItems).toHaveCount(3)
})
@@ -37,7 +37,7 @@ test.describe('Shadow Runs (KBX Foundation)', () => {
await page.waitForTimeout(500)
// Check if grid is still visible
const grid = page.locator('.kbx-data-grid')
const grid = page.locator('.ks-grid')
await expect(grid).toBeVisible()
})
@@ -46,7 +46,7 @@ test.describe('Shadow Runs (KBX Foundation)', () => {
await page.waitForTimeout(500)
// Find first row in grid
const firstRow = page.locator('tbody tr').first()
const firstRow = page.locator('.ag-row').first()
await expect(firstRow).toBeVisible()
// Click row
@@ -63,12 +63,10 @@ test.describe('Shadow Runs (KBX Foundation)', () => {
test('should display validation summary', async ({ page }) => {
// Navigate to detail
await page.waitForTimeout(500)
const firstRow = page.locator('tbody tr').first()
if (await firstRow.isVisible()) {
await firstRow.click()
await page.waitForURL('**/shadow-runs/*')
}
const firstRow = page.locator('.ag-row').first()
await expect(firstRow).toBeVisible()
await firstRow.click()
await page.waitForURL('**/shadow-runs/*')
// Check validation section
const validationSection = page.locator('.validation-summary')
@@ -90,7 +88,7 @@ test.describe('Shadow Runs (KBX Foundation)', () => {
await page.waitForTimeout(300)
// Verify search was triggered (mock API will respond)
const grid = page.locator('.kbx-data-grid')
const grid = page.locator('.ks-grid')
await expect(grid).toBeVisible()
})