);
};
// Breadcrumb labels that map to a real, navigable screen. Section-header crumbs
// ("Frameworks", "Organizational Profile") are categories, not pages, so they
// stay as plain labels. "Home" is the Triage front door (same place the sidebar
// "Revisit welcome" button goes); "Governance Studio" is the Studio landing.
const CRUMB_ROUTES = { 'Home': 'triage', 'Governance Studio': 'studio' };
const PolicyBreadcrumb = ({ items, onCrumb }) => (
{items.map((it, i) => {
const isLast = i === items.length - 1;
// A crumb is a live link only when it maps to a route, a handler exists,
// and it isn't the current (last) page.
const route = (!isLast && onCrumb) ? CRUMB_ROUTES[it] : null;
return (
{i > 0 && }
{route ? (
) : (
{it}
)}
);
})}
);
// Capability area definitions used in many frames
const CAPABILITY_AREAS = [
{ id: 'strategy', label: 'Strategy & Leadership', short: 'Strategy', swatch: 'cap-strategy', color: '#f4d35e', focus: 'Vision · governance posture · risk appetite' },
{ id: 'risk', label: 'Risk, Ethics & Compliance', short: 'Risk & Ethics', swatch: 'cap-risk', color: '#f4a4a4', focus: 'Risk classification · ethics review · regulatory mapping' },
{ id: 'data', label: 'Data, Model & System Lifecycle', short: 'Data & Model', swatch: 'cap-data', color: '#a4d4d4', focus: 'Data governance · model dev · system deployment' },
{ id: 'ops', label: 'Operations & Workflow', short: 'Operations', swatch: 'cap-ops', color: '#d4d4a4', focus: 'Monitoring · incident response · clinical workflow integration' },
{ id: 'vendor', label: 'Vendor & Ecosystem', short: 'Vendor', swatch: 'cap-vendor', color: '#d4b4f4', focus: 'Procurement · third-party AI · ecosystem partnerships' },
];
// ── The AIMS object model (shared by the Studio landing + Configuration Hub) ──
// An AI Management System (AIMS / GovernanceProgram) is the owning object: it IS the
// aggregation of its Workplans. One Workplan per Capability Area (the 5-area spine
// above). A versioned Blueprint maps 1:1 to an AIMS version and 1:many to its
// Workplans. A customer can hold MORE THAN ONE AIMS/Blueprint, per license + org
// scope — so this is a list. Demo seeds one (PTMC Radiology).
//
// Shape ported from coreapp (ImplementationWorkplan / GovernanceProgram). A workplan
// carries: `phase` (now/next/later — assigned from the Blueprint's phase_assignments,
// which are computed from the Stage A answers), `rank` (1-based for the NOW-band
// "next 3 actions", null otherwise), `mix` (the artifact-type focus from wizard.ts —
// NOT the capability-area focus), `status`, `setupDone`/`setupTotal` (the 5 wizard
// steps), and `docs`/`flows` counts. This models the freshly-hydrated state the
// product B1 shows: everything `planned`, 0/5, AI recommendations pending.
// docs = doc_plan_count (pre-populated from the blueprint). flows = workflow_count
// (built during configuration, so 0 at the freshly-hydrated state → render "—").
// `free: true` marks the workplan ENTITLED on the free tier — Strategy & Leadership,
// the foundational area that carries the Scope Applicability and AI Governance
// policies everything else builds on. The Config Hub reads this flag to decide which
// single workplan is configurable; the rest are locked-but-visible.
const WORKPLAN_MODEL = {
strategy: { mix: 'People + Policy', phase: 'now', rank: null, docs: 2, flows: 0, free: true },
risk: { mix: 'Policy/Process + Operations', phase: 'now', rank: 3, docs: 3, flows: 0 },
data: { mix: 'Technology + Process', phase: 'next', rank: null, docs: 3, flows: 0 },
ops: { mix: 'Technology + Operations', phase: 'now', rank: 2, docs: 3, flows: 0 },
vendor: { mix: 'Policy + Process (crosscutting)', phase: 'now', rank: 1, docs: 2, flows: 0 },
};
const makeWorkplans = () => CAPABILITY_AREAS.map((a) => ({
id: a.id, name: a.label, short: a.short, color: a.color,
status: 'planned', setupDone: 0, setupTotal: 5,
...(WORKPLAN_MODEL[a.id] || { mix: '', phase: 'later', rank: null, docs: 0, flows: 0 }),
}));
// The customer's AIMS programs. One entry for the demo; the shape supports N.
const AIMS_PROGRAMS = [
{
id: 'ptmc-rad',
name: 'PTMC Radiology, ARCH-AI',
blueprintName: 'PTMC Radiology — ARCH-AI',
version: 1,
prm: 'PRM v0.9.0',
blueprintState: 'approved',
recommendations: 'pending', // 'pending' | 'applied'
capabilityAreas: 5,
lastUpdated: 'Apr 29, 2026',
priorityFocus: ['ACR ARCH-AI', 'HIPAA'], // from Stage A governance context
compliance: [{ framework: 'ACR ARCH-AI', pct: 0 }], // 0% until the workplan processes are configured
workplans: makeWorkplans(),
},
];
window.AIMS_PROGRAMS = AIMS_PROGRAMS;
// ── ExternalAppFrame: embed a live Discover app inside the wireframes ────────
// A house-styled wrapper around an
Forge