wooo/awoooi
1
1
Fork 0
Code Issues 2 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

feat(web): add IwoooS candidate outcome lanes

Browse Source
This commit is contained in:
Your Name
2026-05-20 11:52:12 +08:00
parent 3461d4eaff
commit 35c56cecab
11 changed files with 774 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
apps/web/src/app/[locale]/iwooos/page.tsx
View File

@@ -278,6 +278,13 @@ type HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateChecklistItem = {
tone: 'steady' | 'warn' | 'locked'
}
type HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeLane = {
key: string
lane: string
icon: typeof ShieldCheck
tone: 'steady' | 'warn' | 'locked'
}
const postureMetrics: PostureMetric[] = [
{ key: 'overall', value: '58%', tone: 'warn' },
{ key: 'framework', value: '80-85%', tone: 'steady' },
@@ -671,6 +678,18 @@ const hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateChecklistItems: Host
{ key: 'candidateNoExecutionAttestationPresent', check: 'FRC9', icon: ListChecks, tone: 'locked' },
]
const hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeLanes: HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeLane[] = [
{ key: 'readyForHumanRecordOwnerReviewPreparation', lane: 'FRV1', icon: CheckCircle2, tone: 'steady' },
{ key: 'identityTraceNeedsRefresh', lane: 'FRV2', icon: FileText, tone: 'warn' },
{ key: 'ownerBoundaryNeedsClarification', lane: 'FRV3', icon: Bell, tone: 'warn' },
{ key: 'decisionSummaryNeedsClarification', lane: 'FRV4', icon: ClipboardCheck, tone: 'warn' },
{ key: 'scopeExpiryNeedsRefresh', lane: 'FRV5', icon: Radar, tone: 'warn' },
{ key: 'scanLimitsRemainAmbiguous', lane: 'FRV6', icon: Activity, tone: 'locked' },
{ key: 'credentialBoundaryFailed', lane: 'FRV7', icon: Lock, tone: 'locked' },
{ key: 'maintenanceRollbackIncomplete', lane: 'FRV8', icon: Clock3, tone: 'warn' },
{ key: 'runtimeGateStillRequired', lane: 'FRV9', icon: ShieldCheck, tone: 'locked' },
]
const evidenceItems = [
'iwooos-posture-projection.snapshot.json',
'security-rollout-policy.snapshot.json',
@@ -1781,6 +1800,38 @@ function HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateChecklistCard({
)
}
function HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeCard({
item,
}: {
item: HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeLane
}) {
const t = useTranslations('iwooos.hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomes')
const Icon = item.icon
return (
<div style={{ ...band, minHeight: 190, padding: 16 }}>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>
<div style={{ display: 'flex', alignItems: 'center', gap: 9 }}>
<Icon size={18} color={toneColors[item.tone]} />
<span style={{ fontSize: 11, color: '#87867f' }}>{t('laneLabel')}</span>
</div>
<span style={{ fontSize: 11, color: '#9b978b' }}>{item.lane}</span>
</div>
<h2 style={{ fontSize: 14, margin: '12px 0 6px', color: '#141413' }}>
{t(`items.${item.key}.title` as never)}
</h2>
<p style={{ fontSize: 12, lineHeight: 1.55, color: '#6f6d66', margin: 0 }}>
{t(`items.${item.key}.body` as never)}
</p>
<div style={{ marginTop: 10, display: 'grid', gap: 5 }}>
<div style={{ fontSize: 11, color: '#87867f' }}>{t('nextLabel')}</div>
<div style={{ fontSize: 11, color: toneColors[item.tone], lineHeight: 1.45 }}>
{t(`items.${item.key}.next` as never)}
</div>
</div>
</div>
)
}
export default function IwoooSPage({ params }: { params: { locale: string } }) {
const t = useTranslations('iwooos')
@@ -2439,6 +2490,28 @@ export default function IwoooSPage({ params }: { params: { locale: string } }) {
</div>
</section>
<section style={{ marginBottom: 14 }}>
<div style={{ marginBottom: 14 }}>
<h2 style={{ fontSize: 16, margin: 0 }}>
{t('hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomes.title')}
</h2>
<p style={{ fontSize: 12, color: '#6f6d66', margin: '6px 0 0', lineHeight: 1.55 }}>
{t('hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomes.subtitle')}
</p>
</div>
<div
style={{
display: 'grid',
gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))',
gap: 12,
}}
>
{hostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeLanes.map(item => (
<HostOwnerDecisionRecordHumanRecordOwnerReviewCandidateOutcomeCard key={item.key} item={item} />
))}
</div>
</section>
<section
style={{
display: 'grid',