feat(P8): IHF Phase 8 complete — Federated Hub Maturity

Implements the final phase of the IHF v0.1 specification:

- WidgetOwnership: delegated ownership registry (local/delegated/global),
  append-only audit artefacts, ownership badge on widget show page
- HubRoutingRule + RoutingEngine: priority-ordered inter-hub routing engine;
  null-inclusive category/widget-type matching; RouteNowAction for manual
  re-evaluation; RoutedCandidates view per hub
- FederatedPolicyOverlay: draft → active → retired lifecycle; activated
  overlays are immutable (same pattern as Phase 6 contracts); policy
  compliance dashboard with decision coverage metrics
- StewardshipRole: named governance roles per hub; point-in-time revocation
  pattern; hub and ops-board integration
- ArchiveRecord + is_archived: soft-delete on widgets; lineage inspector
  traces full traceability chain (Widget → Events → Annotations → Candidates
  → Requirements → Decisions → Deployments → Signals + ArchiveRecord)
- FederatedGovernanceDashboard: 5-panel autoRefresh org-wide governance view
  (ownership coverage, routing activity, policy compliance, stewardship
  coverage, archive activity)

Schema: widget_ownerships, hub_routing_rules, federated_policy_overlays,
stewardship_roles, archive_records; ALTER widgets ADD is_archived;
ALTER requirement_candidates ADD routed_to_hub_id

Migration: 1743638400-ihf-phase8-federated-hub-maturity.sql
Tests: Phase 8 integration tests appended to Test/Integration.hs
Docs: docs/phase8-summary.md; SCOPE.md updated to Phase 8 complete

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Web/View/ArchiveRecords/Index.hs

@@ -0,0 +1,58 @@
+module Web.View.ArchiveRecords.Index where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data IndexView = IndexView
+    { records :: ![ArchiveRecord]
+    }
+
+instance View IndexView where
+    html IndexView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Archive Records</h1>
+        </div>
+
+        {if null records
+            then [hsx|<p class="text-sm text-gray-400">No archived artifacts yet.</p>|]
+            else [hsx|
+                <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                    <table class="w-full text-sm">
+                        <thead class="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Subject Type</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Subject ID</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Reason</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Archived By</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Archived At</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100">
+                            {forEach records renderRow}
+                        </tbody>
+                    </table>
+                </div>
+            |]}
+    |]
+      where
+        renderRow :: ArchiveRecord -> Html
+        renderRow r = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3">
+                    <span class="text-xs bg-amber-100 text-amber-700 px-2 py-0.5 rounded font-medium">
+                        {r.subjectType}
+                    </span>
+                </td>
+                <td class="px-4 py-3 font-mono text-xs text-gray-500">{show r.subjectId}</td>
+                <td class="px-4 py-3 text-gray-700">{r.reason}</td>
+                <td class="px-4 py-3 text-gray-500">{r.archivedBy}</td>
+                <td class="px-4 py-3 text-xs text-gray-400">{show r.archivedAt}</td>
+                <td class="px-4 py-3 text-right">
+                    <a href={ShowArchiveRecordAction { archiveRecordId = r.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                </td>
+            </tr>
+            |]

Web/View/ArchiveRecords/LineageInspector.hs

@@ -0,0 +1,98 @@
+module Web.View.ArchiveRecords.LineageInspector where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data LineageInspectorView = LineageInspectorView
+    { widget      :: !Widget
+    , events      :: ![InteractionEvent]
+    , annotations :: ![Annotation]
+    , candidates  :: ![RequirementCandidate]
+    , requirements :: ![Requirement]
+    , decisions   :: ![DecisionRecord]
+    , deployments :: ![DeploymentRecord]
+    , signals     :: ![OutcomeSignal]
+    , mArchive    :: !(Maybe ArchiveRecord)
+    }
+
+instance View LineageInspectorView where
+    html LineageInspectorView { .. } = [hsx|
+        <div class="max-w-4xl">
+            <div class="flex items-center gap-3 mb-2">
+                <a href={ShowWidgetAction { widgetId = widget.id }}
+                   class="text-sm text-gray-500 hover:underline">{widget.name}</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">Lineage Inspector</h1>
+                {if widget.isArchived
+                    then [hsx|<span class="text-sm bg-amber-100 text-amber-700 px-2 py-0.5 rounded font-medium">Archived</span>|]
+                    else mempty}
+            </div>
+            <p class="text-sm text-gray-500 mb-6">Full traceability chain for this widget.</p>
+
+            <div class="space-y-4">
+                {renderChainStep "1" "Widget" 1 (Just $ ShowWidgetAction { widgetId = widget.id })}
+                {renderChainStep "2" "Interaction Events" (length events) Nothing}
+                {renderChainStep "3" "Annotations" (length annotations) Nothing}
+                {renderChainStep "4" "Requirement Candidates" (length candidates) Nothing}
+                {renderChainStep "5" "Requirements" (length requirements) Nothing}
+                {renderChainStep "6" "Decision Records" (length decisions) Nothing}
+                {renderChainStep "7" "Deployments" (length deployments) Nothing}
+                {renderChainStep "8" "Outcome Signals" (length signals) Nothing}
+            </div>
+
+            {whenJust mArchive \archive -> [hsx|
+                <div class="mt-6 bg-amber-50 border border-amber-200 rounded-lg p-4">
+                    <h3 class="text-sm font-medium text-amber-800 mb-2">Archive Record</h3>
+                    <dl class="grid grid-cols-2 gap-2 text-xs text-amber-700">
+                        <div><dt class="font-medium">Archived At</dt><dd>{show archive.archivedAt}</dd></div>
+                        <div><dt class="font-medium">Archived By</dt><dd>{archive.archivedBy}</dd></div>
+                        <div class="col-span-2"><dt class="font-medium">Reason</dt><dd>{archive.reason}</dd></div>
+                    </dl>
+                </div>
+            |]}
+
+            <div class="mt-8">
+                <h2 class="text-lg font-medium text-gray-800 mb-3">Recent Interaction Events</h2>
+                {if null events
+                    then [hsx|<p class="text-sm text-gray-400">No events recorded.</p>|]
+                    else [hsx|
+                        <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                            <table class="w-full text-sm">
+                                <thead class="bg-gray-50 border-b border-gray-200">
+                                    <tr>
+                                        <th class="text-left px-4 py-2 font-medium text-gray-600">Event Type</th>
+                                        <th class="text-left px-4 py-2 font-medium text-gray-600">Occurred At</th>
+                                    </tr>
+                                </thead>
+                                <tbody class="divide-y divide-gray-100">
+                                    {forEach events renderEventRow}
+                                </tbody>
+                            </table>
+                        </div>
+                    |]}
+            </div>
+        </div>
+    |]
+      where
+        renderChainStep :: Text -> Text -> Int -> Maybe a -> Html
+        renderChainStep stepNum label count mLink = [hsx|
+            <div class="flex items-center gap-4">
+                <div class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-700 flex items-center justify-center text-sm font-medium flex-shrink-0">
+                    {stepNum}
+                </div>
+                <div class="flex-1 bg-white rounded-lg border border-gray-200 px-4 py-3 flex items-center justify-between">
+                    <span class="text-sm font-medium text-gray-700">{label}</span>
+                    <span class="text-sm font-bold text-gray-900">{show count}</span>
+                </div>
+            </div>
+            |]
+
+        renderEventRow :: InteractionEvent -> Html
+        renderEventRow e = [hsx|
+            <tr>
+                <td class="px-4 py-2 text-gray-700">{e.eventType}</td>
+                <td class="px-4 py-2 text-xs text-gray-400">{show e.occurredAt}</td>
+            </tr>
+            |]

Web/View/ArchiveRecords/Show.hs

@@ -0,0 +1,61 @@
+module Web.View.ArchiveRecords.Show where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data ShowView = ShowView
+    { record :: !ArchiveRecord
+    }
+
+instance View ShowView where
+    html ShowView { .. } = [hsx|
+        <div class="max-w-xl">
+            <div class="flex items-center gap-3 mb-6">
+                <a href={ArchiveRecordsAction} class="text-sm text-gray-500 hover:underline">Archive</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">Archive Record</h1>
+            </div>
+
+            <div class="bg-white rounded-lg border border-gray-200 p-6">
+                <dl class="grid grid-cols-2 gap-4 text-sm">
+                    <div>
+                        <dt class="text-gray-500">Subject Type</dt>
+                        <dd class="font-medium">{record.subjectType}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Subject ID</dt>
+                        <dd class="font-mono text-xs">{show record.subjectId}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Archived At</dt>
+                        <dd>{show record.archivedAt}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Archived By</dt>
+                        <dd>{record.archivedBy}</dd>
+                    </div>
+                    <div class="col-span-2">
+                        <dt class="text-gray-500">Reason</dt>
+                        <dd class="text-gray-700">{record.reason}</dd>
+                    </div>
+                    {whenJust record.lineageRef \ref -> [hsx|
+                        <div class="col-span-2">
+                            <dt class="text-gray-500">Lineage Reference</dt>
+                            <dd class="font-mono text-xs text-gray-700">{ref}</dd>
+                        </div>
+                    |]}
+                </dl>
+            </div>
+
+            {if record.subjectType == "Widget"
+                then [hsx|
+                    <div class="mt-4">
+                        <a href={LineageInspectorAction { widgetId = coerce record.subjectId }}
+                           class="text-sm text-indigo-600 hover:underline">View Lineage →</a>
+                    </div>
+                |]
+                else mempty}
+        </div>
+    |]

Web/View/FederatedGovernance/Dashboard.hs

@@ -0,0 +1,229 @@
+module Web.View.FederatedGovernance.Dashboard where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+import qualified Data.List as List
+
+data FederatedGovernanceDashboardView = FederatedGovernanceDashboardView
+    { hubs            :: ![Hub]
+    , widgets         :: ![Widget]
+    , ownerships      :: ![WidgetOwnership]
+    , rules           :: ![HubRoutingRule]
+    , routedCandidates :: ![RequirementCandidate]
+    , overlays        :: ![FederatedPolicyOverlay]
+    , allDecisions    :: ![DecisionRecord]
+    , allPolicies     :: ![PolicyReference]
+    , stewards        :: ![StewardshipRole]
+    , recentArchives  :: ![ArchiveRecord]
+    }
+
+instance View FederatedGovernanceDashboardView where
+    html FederatedGovernanceDashboardView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Federated Governance</h1>
+            <a href={PolicyComplianceDashboardAction}
+               class="text-sm text-indigo-600 hover:underline">Policy Compliance →</a>
+        </div>
+
+        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
+            {panel1Ownership}
+            {panel2Routing}
+            {panel3PolicyCompliance}
+            {panel4Stewardship}
+            {panel5Archive}
+        </div>
+    |]
+      where
+        -- ── Panel 1: Ownership coverage ──────────────────────────────────
+        totalWidgets     = length widgets
+        ownedWidgetIds   = List.nub (map (.widgetId) ownerships)
+        ownedCount       = length ownedWidgetIds
+        localCount       = length (filter (\o -> o.ownershipType == "local")     ownerships)
+        delegatedCount   = length (filter (\o -> o.ownershipType == "delegated") ownerships)
+        globalCount      = length (filter (\o -> o.ownershipType == "global")    ownerships)
+        ownershipPct :: Int
+        ownershipPct     = if totalWidgets == 0 then 0 else (ownedCount * 100) `div` totalWidgets
+
+        panel1Ownership = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5">
+                <div class="flex items-center justify-between mb-4">
+                    <h2 class="font-medium text-gray-800">Ownership Coverage</h2>
+                    <a href={WidgetOwnershipsAction}
+                       class="text-xs text-blue-600 hover:underline">View all →</a>
+                </div>
+                <div class="flex gap-6 mb-4">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-gray-900">{show ownedCount}</div>
+                        <div class="text-xs text-gray-500">of {show totalWidgets} widgets owned</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-indigo-600">{show ownershipPct}%</div>
+                        <div class="text-xs text-gray-500">coverage</div>
+                    </div>
+                </div>
+                <div class="flex gap-3 text-xs">
+                    <span class="bg-gray-100 text-gray-700 px-2 py-1 rounded">
+                        local: {show localCount}
+                    </span>
+                    <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded">
+                        delegated: {show delegatedCount}
+                    </span>
+                    <span class="bg-purple-100 text-purple-700 px-2 py-1 rounded">
+                        global: {show globalCount}
+                    </span>
+                </div>
+            </div>
+            |]
+
+        -- ── Panel 2: Routing activity ─────────────────────────────────────
+        activeRulesCount  = length rules
+        routedCount       = length routedCandidates
+        hubName hid       = maybe (show hid) (.name) (find (\h -> h.id == hid) hubs)
+
+        panel2Routing = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5">
+                <div class="flex items-center justify-between mb-4">
+                    <h2 class="font-medium text-gray-800">Routing Activity</h2>
+                    <a href={HubRoutingRulesAction}
+                       class="text-xs text-blue-600 hover:underline">Rules →</a>
+                </div>
+                <div class="flex gap-6 mb-4">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-gray-900">{show activeRulesCount}</div>
+                        <div class="text-xs text-gray-500">active rules</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-green-600">{show routedCount}</div>
+                        <div class="text-xs text-gray-500">routed (30 days)</div>
+                    </div>
+                </div>
+                {if null rules
+                    then [hsx|<p class="text-xs text-gray-400">No active routing rules.</p>|]
+                    else [hsx|
+                        <div class="space-y-1">
+                            {forEach (take 5 rules) renderRuleRow}
+                        </div>
+                    |]}
+            </div>
+            |]
+
+        renderRuleRow :: HubRoutingRule -> Html
+        renderRuleRow r = [hsx|
+            <div class="flex items-center gap-2 text-xs text-gray-600">
+                <span class="font-medium">{hubName r.sourceHubId}</span>
+                <span class="text-gray-400">→</span>
+                <span class="font-medium">{hubName r.targetHubId}</span>
+                {maybe mempty (\c -> [hsx|<span class="text-gray-400">({c})</span>|]) r.matchCategory}
+            </div>
+            |]
+
+        -- ── Panel 3: Policy compliance ────────────────────────────────────
+        activeOverlaysCount  = length overlays
+        decisionIdsWithPolicy = List.nub $ map (.requirementId) allPolicies
+        coveredDecisions     = length $ filter (\d -> Just d.id `elem` decisionIdsWithPolicy) allDecisions
+        totalDecisions       = length allDecisions
+        policyPct :: Int
+        policyPct            = if totalDecisions == 0 then 0
+                               else (coveredDecisions * 100) `div` totalDecisions
+
+        panel3PolicyCompliance = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5">
+                <div class="flex items-center justify-between mb-4">
+                    <h2 class="font-medium text-gray-800">Policy Compliance</h2>
+                    <a href={PolicyComplianceDashboardAction}
+                       class="text-xs text-blue-600 hover:underline">Dashboard →</a>
+                </div>
+                <div class="flex gap-6 mb-4">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-gray-900">{show activeOverlaysCount}</div>
+                        <div class="text-xs text-gray-500">active overlays</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-indigo-600">{show policyPct}%</div>
+                        <div class="text-xs text-gray-500">decision coverage</div>
+                    </div>
+                </div>
+                {if null overlays
+                    then [hsx|<p class="text-xs text-gray-400">No active policy overlays.</p>|]
+                    else [hsx|
+                        <div class="space-y-1">
+                            {forEach overlays \o -> [hsx|
+                                <div class="text-xs text-gray-600 truncate">{o.title}</div>
+                            |]}
+                        </div>
+                    |]}
+            </div>
+            |]
+
+        -- ── Panel 4: Stewardship coverage ─────────────────────────────────
+        hubsWithStewards  = List.nub (map (.hubId) stewards)
+        stewardedCount    = length hubsWithStewards
+        totalHubs         = length hubs
+        hubsWithNoSteward = filter (\h -> h.id `notElem` hubsWithStewards) hubs
+
+        panel4Stewardship = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5">
+                <div class="flex items-center justify-between mb-4">
+                    <h2 class="font-medium text-gray-800">Stewardship Coverage</h2>
+                    <a href={StewardshipRolesAction}
+                       class="text-xs text-blue-600 hover:underline">Roles →</a>
+                </div>
+                <div class="flex gap-6 mb-4">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-gray-900">{show stewardedCount}</div>
+                        <div class="text-xs text-gray-500">of {show totalHubs} hubs stewarded</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold text-amber-600">{show (length hubsWithNoSteward)}</div>
+                        <div class="text-xs text-gray-500">hubs unassigned</div>
+                    </div>
+                </div>
+                {if null hubsWithNoSteward
+                    then [hsx|<p class="text-xs text-green-600">All hubs have active stewards.</p>|]
+                    else [hsx|
+                        <div>
+                            <p class="text-xs text-gray-500 mb-1">Hubs without stewards:</p>
+                            <div class="flex flex-wrap gap-1">
+                                {forEach hubsWithNoSteward \h -> [hsx|
+                                    <span class="text-xs bg-amber-100 text-amber-700 px-2 py-0.5 rounded">
+                                        {h.name}
+                                    </span>
+                                |]}
+                            </div>
+                        </div>
+                    |]}
+            </div>
+            |]
+
+        -- ── Panel 5: Archive activity ─────────────────────────────────────
+        archiveByType = List.sortBy (\a b -> compare (fst a) (fst b))
+                      $ map (\grp -> (fst (head grp), length grp))
+                      $ List.groupBy (\a b -> a.subjectType == b.subjectType)
+                      $ List.sortBy (\a b -> compare a.subjectType b.subjectType) recentArchives
+
+        panel5Archive = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5 lg:col-span-2">
+                <div class="flex items-center justify-between mb-4">
+                    <h2 class="font-medium text-gray-800">Archive Activity (90 days)</h2>
+                    <a href={ArchiveRecordsAction}
+                       class="text-xs text-blue-600 hover:underline">All records →</a>
+                </div>
+                {if null recentArchives
+                    then [hsx|<p class="text-sm text-gray-400">No artifacts archived in the last 90 days.</p>|]
+                    else [hsx|
+                        <div class="flex items-center gap-3 mb-2">
+                            <div class="text-3xl font-bold text-gray-900">{show (length recentArchives)}</div>
+                            <div class="text-xs text-gray-500">total archived artifacts</div>
+                        </div>
+                        <div class="flex flex-wrap gap-2">
+                            {forEach archiveByType \(typ, cnt) -> [hsx|
+                                <span class="text-sm bg-amber-50 border border-amber-200 text-amber-800 px-3 py-1 rounded">
+                                    {typ}: {show cnt}
+                                </span>
+                            |]}
+                        </div>
+                    |]}
+            </div>
+            |]

Web/View/FederatedPolicyOverlays/Edit.hs

@@ -0,0 +1,30 @@
+module Web.View.FederatedPolicyOverlays.Edit where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data EditView = EditView
+    { overlay :: !FederatedPolicyOverlay
+    , hubs    :: ![Hub]
+    }
+
+instance View EditView where
+    html EditView { .. } = [hsx|
+        <div class="max-w-2xl">
+            <h1 class="text-2xl font-semibold mb-6">Edit Policy Overlay</h1>
+            <p class="text-sm text-amber-700 bg-amber-50 border border-amber-200 rounded p-3 mb-4">
+                Only draft overlays can be edited. Once activated, this policy becomes immutable.
+            </p>
+            {renderForm overlay}
+        </div>
+    |]
+
+renderForm :: FederatedPolicyOverlay -> Html
+renderForm overlay = formFor overlay [hsx|
+    {textField #title}
+    {textareaField #policyText}
+    {(textareaField #notes){ label = "Notes (optional)" }}
+    {submitButton}
+|]

Web/View/FederatedPolicyOverlays/Index.hs

@@ -0,0 +1,74 @@
+module Web.View.FederatedPolicyOverlays.Index where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data IndexView = IndexView
+    { overlays :: ![FederatedPolicyOverlay]
+    , hubs     :: ![Hub]
+    }
+
+instance View IndexView where
+    html IndexView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Federated Policy Overlays</h1>
+            <div class="flex gap-2">
+                <a href={PolicyComplianceDashboardAction}
+                   class="text-sm bg-gray-100 text-gray-700 px-3 py-1.5 rounded hover:bg-gray-200">
+                    Compliance Dashboard
+                </a>
+                <a href={NewFederatedPolicyOverlayAction}
+                   class="text-sm bg-blue-600 text-white px-3 py-1.5 rounded hover:bg-blue-700">
+                    New Overlay
+                </a>
+            </div>
+        </div>
+
+        {if null overlays
+            then [hsx|<p class="text-sm text-gray-400">No policy overlays yet.</p>|]
+            else [hsx|
+                <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                    <table class="w-full text-sm">
+                        <thead class="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Title</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Status</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Enforced From</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Created</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100">
+                            {forEach overlays renderRow}
+                        </tbody>
+                    </table>
+                </div>
+            |]}
+    |]
+      where
+        renderRow :: FederatedPolicyOverlay -> Html
+        renderRow o = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 font-medium text-gray-800">{o.title}</td>
+                <td class="px-4 py-3">
+                    <span class={statusBadge o.status <> " text-xs px-2 py-0.5 rounded font-medium"}>
+                        {o.status}
+                    </span>
+                </td>
+                <td class="px-4 py-3 text-xs text-gray-500">{maybe "–" show o.enforcedFrom}</td>
+                <td class="px-4 py-3 text-xs text-gray-400">{show o.createdAt}</td>
+                <td class="px-4 py-3 text-right">
+                    <a href={ShowFederatedPolicyOverlayAction { federatedPolicyOverlayId = o.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                </td>
+            </tr>
+            |]
+
+statusBadge :: Text -> Text
+statusBadge s = case s of
+    "draft"   -> "bg-gray-100 text-gray-600"
+    "active"  -> "bg-green-100 text-green-700"
+    "retired" -> "bg-red-100 text-red-600"
+    _         -> "bg-gray-100 text-gray-600"

Web/View/FederatedPolicyOverlays/New.hs

@@ -0,0 +1,27 @@
+module Web.View.FederatedPolicyOverlays.New where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data NewView = NewView
+    { overlay :: !FederatedPolicyOverlay
+    , hubs    :: ![Hub]
+    }
+
+instance View NewView where
+    html NewView { .. } = [hsx|
+        <div class="max-w-2xl">
+            <h1 class="text-2xl font-semibold mb-6">New Policy Overlay</h1>
+            {renderForm overlay}
+        </div>
+    |]
+
+renderForm :: FederatedPolicyOverlay -> Html
+renderForm overlay = formFor overlay [hsx|
+    {textField #title}
+    {(textareaField #policyText){ helpText = "Full policy text; once activated this cannot be changed" }}
+    {(textareaField #notes){ label = "Notes (optional)" }}
+    {submitButton}
+|]

Web/View/FederatedPolicyOverlays/PolicyComplianceDashboard.hs

@@ -0,0 +1,76 @@
+module Web.View.FederatedPolicyOverlays.PolicyComplianceDashboard where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data PolicyComplianceDashboardView = PolicyComplianceDashboardView
+    { overlays  :: ![FederatedPolicyOverlay]
+    , hubs      :: ![Hub]
+    , decisions :: ![DecisionRecord]
+    , policies  :: ![PolicyReference]
+    }
+
+instance View PolicyComplianceDashboardView where
+    html PolicyComplianceDashboardView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Policy Compliance Dashboard</h1>
+            <a href={FederatedPolicyOverlaysAction}
+               class="text-sm text-gray-500 hover:underline">← All Policies</a>
+        </div>
+
+        {if null overlays
+            then [hsx|
+                <div class="bg-gray-50 rounded-lg border border-gray-200 p-8 text-center">
+                    <p class="text-gray-400 text-sm">No active policy overlays.</p>
+                </div>
+            |]
+            else [hsx|
+                <div class="space-y-4">
+                    {forEach overlays renderOverlayRow}
+                </div>
+            |]}
+
+        <div class="mt-8 bg-white rounded-lg border border-gray-200 p-6">
+            <h2 class="text-lg font-medium text-gray-800 mb-4">Overall Coverage</h2>
+            <div class="flex items-center gap-6">
+                <div class="text-center">
+                    <div class="text-3xl font-bold text-gray-900">{show totalDecisions}</div>
+                    <div class="text-xs text-gray-500 mt-1">Total Decisions</div>
+                </div>
+                <div class="text-center">
+                    <div class="text-3xl font-bold text-green-600">{show coveredDecisions}</div>
+                    <div class="text-xs text-gray-500 mt-1">With Policy Ref</div>
+                </div>
+                <div class="text-center">
+                    <div class="text-3xl font-bold text-indigo-600">{coveragePct}%</div>
+                    <div class="text-xs text-gray-500 mt-1">Coverage</div>
+                </div>
+            </div>
+        </div>
+    |]
+      where
+        decisionIdsWithPolicy = map (.requirementId) policies |> catMaybes |> map show
+        coveredDecisions = length $ filter (\d -> show d.id `elem` decisionIdsWithPolicy) decisions
+        totalDecisions   = length decisions
+        coveragePct :: Int
+        coveragePct = if totalDecisions == 0 then 0
+                      else (coveredDecisions * 100) `div` totalDecisions
+
+        renderOverlayRow :: FederatedPolicyOverlay -> Html
+        renderOverlayRow o = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 p-5">
+                <div class="flex items-start justify-between">
+                    <div>
+                        <h3 class="font-medium text-gray-800">{o.title}</h3>
+                        <p class="text-xs text-gray-500 mt-1">
+                            Enforced from: {maybe "–" show o.enforcedFrom}
+                        </p>
+                    </div>
+                    <span class="text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded font-medium">
+                        active
+                    </span>
+                </div>
+            </div>
+            |]

Web/View/FederatedPolicyOverlays/Show.hs

@@ -0,0 +1,70 @@
+module Web.View.FederatedPolicyOverlays.Show where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+import Web.View.FederatedPolicyOverlays.Index (statusBadge)
+
+data ShowView = ShowView
+    { overlay :: !FederatedPolicyOverlay
+    , hubs    :: ![Hub]
+    }
+
+instance View ShowView where
+    html ShowView { .. } = [hsx|
+        <div class="max-w-3xl">
+            <div class="flex items-center gap-3 mb-6">
+                <a href={FederatedPolicyOverlaysAction} class="text-sm text-gray-500 hover:underline">Policies</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">{overlay.title}</h1>
+                <span class={statusBadge overlay.status <> " text-sm px-2 py-0.5 rounded font-medium"}>
+                    {overlay.status}
+                </span>
+            </div>
+
+            <div class="bg-white rounded-lg border border-gray-200 p-6 space-y-6">
+                <div>
+                    <h2 class="text-sm font-medium text-gray-500 mb-2">Policy Text</h2>
+                    <div class="bg-gray-50 rounded p-4 text-sm text-gray-800 whitespace-pre-wrap">
+                        {overlay.policyText}
+                    </div>
+                </div>
+
+                <dl class="grid grid-cols-2 gap-4 text-sm">
+                    <div>
+                        <dt class="text-gray-500">Enforced From</dt>
+                        <dd>{maybe "–" show overlay.enforcedFrom}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Created</dt>
+                        <dd>{show overlay.createdAt}</dd>
+                    </div>
+                    {whenJust overlay.notes \n -> [hsx|
+                        <div class="col-span-2">
+                            <dt class="text-gray-500">Notes</dt>
+                            <dd class="text-gray-700">{n}</dd>
+                        </div>
+                    |]}
+                </dl>
+            </div>
+
+            <div class="mt-4 flex gap-4">
+                {if overlay.status == "draft"
+                    then [hsx|
+                        <a href={EditFederatedPolicyOverlayAction { federatedPolicyOverlayId = overlay.id }}
+                           class="text-sm text-blue-600 hover:underline">Edit</a>
+                        <a href={ActivateFederatedPolicyAction { federatedPolicyOverlayId = overlay.id }}
+                           class="text-sm text-green-600 hover:underline">Activate</a>
+                    |]
+                    else mempty}
+                {if overlay.status == "active"
+                    then [hsx|
+                        <a href={RetireFederatedPolicyAction { federatedPolicyOverlayId = overlay.id }}
+                           class="text-sm text-red-600 hover:underline"
+                           onclick="return confirm('Retire this policy overlay?')">Retire</a>
+                    |]
+                    else mempty}
+            </div>
+        </div>
+    |]

Web/View/HubRoutingRules/Edit.hs

@@ -0,0 +1,28 @@
+module Web.View.HubRoutingRules.Edit where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data EditView = EditView
+    { rule :: !HubRoutingRule
+    , hubs :: ![Hub]
+    }
+
+instance View EditView where
+    html EditView { .. } = [hsx|
+        <div class="max-w-lg">
+            <h1 class="text-2xl font-semibold mb-6">Edit Routing Rule</h1>
+            {renderForm rule}
+        </div>
+    |]
+
+renderForm :: HubRoutingRule -> Html
+renderForm rule = formFor rule [hsx|
+    {(textField #matchCategory){ helpText = "Leave blank to match any category" }}
+    {(textField #matchWidgetType){ helpText = "Leave blank to match any widget type" }}
+    {numberField #priority}
+    {textareaField #notes}
+    {submitButton}
+|]

Web/View/HubRoutingRules/Index.hs

@@ -0,0 +1,78 @@
+module Web.View.HubRoutingRules.Index where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data IndexView = IndexView
+    { rules :: ![HubRoutingRule]
+    , hubs  :: ![Hub]
+    }
+
+instance View IndexView where
+    html IndexView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Hub Routing Rules</h1>
+            <a href={NewHubRoutingRuleAction}
+               class="text-sm bg-blue-600 text-white px-3 py-1.5 rounded hover:bg-blue-700">
+                New Rule
+            </a>
+        </div>
+
+        {if null rules
+            then [hsx|<p class="text-sm text-gray-400">No routing rules configured yet.</p>|]
+            else [hsx|
+                <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                    <table class="w-full text-sm">
+                        <thead class="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Source → Target</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Match Category</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Match Widget Type</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Priority</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Status</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100">
+                            {forEach rules renderRow}
+                        </tbody>
+                    </table>
+                </div>
+            |]}
+    |]
+      where
+        hubName hid = maybe (show hid) (.name) (find (\h -> h.id == hid) hubs)
+
+        renderRow :: HubRoutingRule -> Html
+        renderRow r = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 font-medium text-gray-800">
+                    {hubName r.sourceHubId} → {hubName r.targetHubId}
+                </td>
+                <td class="px-4 py-3 text-gray-500">{maybe "any" id r.matchCategory}</td>
+                <td class="px-4 py-3 text-gray-500">{maybe "any" id r.matchWidgetType}</td>
+                <td class="px-4 py-3 text-gray-600">{show r.priority}</td>
+                <td class="px-4 py-3">
+                    <span class={statusBadge r.status <> " text-xs px-2 py-0.5 rounded font-medium"}>
+                        {r.status}
+                    </span>
+                </td>
+                <td class="px-4 py-3 text-right space-x-3">
+                    <a href={ShowHubRoutingRuleAction { hubRoutingRuleId = r.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                    {if r.status == "inactive"
+                        then [hsx|<a href={ActivateRoutingRuleAction { hubRoutingRuleId = r.id }}
+                                     class="text-xs text-green-600 hover:underline">Activate</a>|]
+                        else [hsx|<a href={DeactivateRoutingRuleAction { hubRoutingRuleId = r.id }}
+                                     class="text-xs text-gray-500 hover:underline">Deactivate</a>|]}
+                </td>
+            </tr>
+            |]
+
+statusBadge :: Text -> Text
+statusBadge s = case s of
+    "active"   -> "bg-green-100 text-green-700"
+    "inactive" -> "bg-gray-100 text-gray-500"
+    _          -> "bg-gray-100 text-gray-600"

Web/View/HubRoutingRules/New.hs

@@ -0,0 +1,30 @@
+module Web.View.HubRoutingRules.New where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data NewView = NewView
+    { rule :: !HubRoutingRule
+    , hubs :: ![Hub]
+    }
+
+instance View NewView where
+    html NewView { .. } = [hsx|
+        <div class="max-w-lg">
+            <h1 class="text-2xl font-semibold mb-6">New Routing Rule</h1>
+            {renderForm rule hubs}
+        </div>
+    |]
+
+renderForm :: HubRoutingRule -> [Hub] -> Html
+renderForm rule hubs = formFor rule [hsx|
+    {(selectField #sourceHubId hubs){ label = "Source Hub" }}
+    {(selectField #targetHubId hubs){ label = "Target Hub" }}
+    {(textField #matchCategory){ helpText = "Leave blank to match any category" }}
+    {(textField #matchWidgetType){ helpText = "Leave blank to match any widget type" }}
+    {(numberField #priority){ helpText = "Higher priority rules are evaluated first" }}
+    {textareaField #notes}
+    {submitButton}
+|]

Web/View/HubRoutingRules/RoutedCandidates.hs

@@ -0,0 +1,63 @@
+module Web.View.HubRoutingRules.RoutedCandidates where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data RoutedCandidatesView = RoutedCandidatesView
+    { hub        :: !Hub
+    , candidates :: ![RequirementCandidate]
+    }
+
+instance View RoutedCandidatesView where
+    html RoutedCandidatesView { .. } = [hsx|
+        <div class="flex items-center gap-3 mb-6">
+            <a href={HubRoutingRulesAction} class="text-sm text-gray-500 hover:underline">Routing Rules</a>
+            <span class="text-gray-300">/</span>
+            <h1 class="text-2xl font-semibold">Routed In: {hub.name}</h1>
+        </div>
+
+        <p class="text-sm text-gray-500 mb-4">
+            Requirement candidates routed to this hub from other hubs.
+        </p>
+
+        {if null candidates
+            then [hsx|<p class="text-sm text-gray-400">No candidates routed to this hub yet.</p>|]
+            else [hsx|
+                <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                    <table class="w-full text-sm">
+                        <thead class="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Summary</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Category</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Status</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Created</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100">
+                            {forEach candidates renderRow}
+                        </tbody>
+                    </table>
+                </div>
+            |]}
+    |]
+      where
+        renderRow :: RequirementCandidate -> Html
+        renderRow c = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 text-gray-800">{c.summary}</td>
+                <td class="px-4 py-3 text-gray-500">{c.category}</td>
+                <td class="px-4 py-3">
+                    <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded font-medium">
+                        {c.status}
+                    </span>
+                </td>
+                <td class="px-4 py-3 text-xs text-gray-400">{show c.createdAt}</td>
+                <td class="px-4 py-3 text-right">
+                    <a href={ShowRequirementCandidateAction { requirementCandidateId = c.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                </td>
+            </tr>
+            |]

Web/View/HubRoutingRules/Show.hs

@@ -0,0 +1,72 @@
+module Web.View.HubRoutingRules.Show where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+import Web.View.HubRoutingRules.Index (statusBadge)
+
+data ShowView = ShowView
+    { rule      :: !HubRoutingRule
+    , sourceHub :: !Hub
+    , targetHub :: !Hub
+    }
+
+instance View ShowView where
+    html ShowView { .. } = [hsx|
+        <div class="max-w-2xl">
+            <div class="flex items-center gap-3 mb-6">
+                <a href={HubRoutingRulesAction} class="text-sm text-gray-500 hover:underline">Routing Rules</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">Routing Rule</h1>
+            </div>
+
+            <div class="bg-white rounded-lg border border-gray-200 p-6 space-y-4">
+                <div class="flex items-center gap-3">
+                    <span class="text-lg font-medium text-gray-800">
+                        {sourceHub.name} → {targetHub.name}
+                    </span>
+                    <span class={statusBadge rule.status <> " text-xs px-2 py-0.5 rounded font-medium"}>
+                        {rule.status}
+                    </span>
+                </div>
+
+                <dl class="grid grid-cols-2 gap-4 text-sm">
+                    <div>
+                        <dt class="text-gray-500">Match Category</dt>
+                        <dd class="font-medium">{maybe "any" id rule.matchCategory}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Match Widget Type</dt>
+                        <dd class="font-medium">{maybe "any" id rule.matchWidgetType}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Priority</dt>
+                        <dd>{show rule.priority}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Created</dt>
+                        <dd>{show rule.createdAt}</dd>
+                    </div>
+                    {whenJust rule.notes \n -> [hsx|
+                        <div class="col-span-2">
+                            <dt class="text-gray-500">Notes</dt>
+                            <dd class="text-gray-700">{n}</dd>
+                        </div>
+                    |]}
+                </dl>
+            </div>
+
+            <div class="mt-4 flex gap-4">
+                <a href={EditHubRoutingRuleAction { hubRoutingRuleId = rule.id }}
+                   class="text-sm text-blue-600 hover:underline">Edit</a>
+                {if rule.status == "inactive"
+                    then [hsx|<a href={ActivateRoutingRuleAction { hubRoutingRuleId = rule.id }}
+                                 class="text-sm text-green-600 hover:underline">Activate</a>|]
+                    else [hsx|<a href={DeactivateRoutingRuleAction { hubRoutingRuleId = rule.id }}
+                                 class="text-sm text-gray-500 hover:underline">Deactivate</a>|]}
+                <a href={RoutedCandidatesAction { hubId = targetHub.id }}
+                   class="text-sm text-indigo-600 hover:underline">Routed Candidates →</a>
+            </div>
+        </div>
+    |]

Web/View/StewardshipRoles/Index.hs

@@ -0,0 +1,81 @@
+module Web.View.StewardshipRoles.Index where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data IndexView = IndexView
+    { roles :: ![StewardshipRole]
+    , hubs  :: ![Hub]
+    }
+
+instance View IndexView where
+    html IndexView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Stewardship Roles</h1>
+            <a href={NewStewardshipRoleAction}
+               class="text-sm bg-blue-600 text-white px-3 py-1.5 rounded hover:bg-blue-700">
+                Grant Role
+            </a>
+        </div>
+
+        {if null roles
+            then [hsx|<p class="text-sm text-gray-400">No stewardship roles assigned yet.</p>|]
+            else [hsx|
+                <div class="space-y-6">
+                    {forEach hubGroups renderHubGroup}
+                </div>
+            |]}
+    |]
+      where
+        hubName hid = maybe (show hid) (.name) (find (\h -> h.id == hid) hubs)
+        hubGroups   = groupByHub hubs roles
+
+        groupByHub :: [Hub] -> [StewardshipRole] -> [(Hub, [StewardshipRole])]
+        groupByHub hs rs =
+            [ (h, filter (\r -> r.hubId == h.id) rs)
+            | h <- hs
+            , any (\r -> r.hubId == h.id) rs
+            ]
+
+        renderHubGroup :: (Hub, [StewardshipRole]) -> Html
+        renderHubGroup (hub, hubRoles) = [hsx|
+            <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                <div class="bg-gray-50 border-b border-gray-200 px-4 py-3">
+                    <h2 class="font-medium text-gray-700">{hub.name}</h2>
+                </div>
+                <table class="w-full text-sm">
+                    <thead>
+                        <tr>
+                            <th class="text-left px-4 py-2 font-medium text-gray-600">Role</th>
+                            <th class="text-left px-4 py-2 font-medium text-gray-600">Assigned To</th>
+                            <th class="text-left px-4 py-2 font-medium text-gray-600">Granted</th>
+                            <th class="text-left px-4 py-2 font-medium text-gray-600">Status</th>
+                            <th class="px-4 py-2"></th>
+                        </tr>
+                    </thead>
+                    <tbody class="divide-y divide-gray-100">
+                        {forEach hubRoles renderRoleRow}
+                    </tbody>
+                </table>
+            </div>
+            |]
+
+        renderRoleRow :: StewardshipRole -> Html
+        renderRoleRow r = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 font-medium text-gray-800">{r.roleName}</td>
+                <td class="px-4 py-3 text-gray-600">{r.assignedTo}</td>
+                <td class="px-4 py-3 text-xs text-gray-400">{show r.grantedAt}</td>
+                <td class="px-4 py-3">
+                    {if isNothing r.revokedAt
+                        then [hsx|<span class="text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded font-medium">active</span>|]
+                        else [hsx|<span class="text-xs bg-gray-100 text-gray-500 px-2 py-0.5 rounded font-medium">revoked</span>|]}
+                </td>
+                <td class="px-4 py-3 text-right">
+                    <a href={ShowStewardshipRoleAction { stewardshipRoleId = r.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                </td>
+            </tr>
+            |]

Web/View/StewardshipRoles/New.hs

@@ -0,0 +1,28 @@
+module Web.View.StewardshipRoles.New where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data NewView = NewView
+    { role :: !StewardshipRole
+    , hubs :: ![Hub]
+    }
+
+instance View NewView where
+    html NewView { .. } = [hsx|
+        <div class="max-w-lg">
+            <h1 class="text-2xl font-semibold mb-6">Grant Stewardship Role</h1>
+            {renderForm role hubs}
+        </div>
+    |]
+
+renderForm :: StewardshipRole -> [Hub] -> Html
+renderForm role hubs = formFor role [hsx|
+    {(selectField #hubId hubs){ label = "Hub" }}
+    {(textField #roleName){ helpText = "e.g. Hub Lead, Policy Steward, Triage Owner" }}
+    {(textField #assignedTo){ helpText = "Person name or identifier" }}
+    {(textareaField #notes){ label = "Notes (optional)" }}
+    {submitButton}
+|]

Web/View/StewardshipRoles/Show.hs

@@ -0,0 +1,64 @@
+module Web.View.StewardshipRoles.Show where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data ShowView = ShowView
+    { role :: !StewardshipRole
+    , hub  :: !Hub
+    }
+
+instance View ShowView where
+    html ShowView { .. } = [hsx|
+        <div class="max-w-xl">
+            <div class="flex items-center gap-3 mb-6">
+                <a href={StewardshipRolesAction} class="text-sm text-gray-500 hover:underline">Stewards</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">{role.roleName}</h1>
+                {if isNothing role.revokedAt
+                    then [hsx|<span class="text-sm bg-green-100 text-green-700 px-2 py-0.5 rounded font-medium">active</span>|]
+                    else [hsx|<span class="text-sm bg-gray-100 text-gray-500 px-2 py-0.5 rounded font-medium">revoked</span>|]}
+            </div>
+
+            <div class="bg-white rounded-lg border border-gray-200 p-6">
+                <dl class="grid grid-cols-2 gap-4 text-sm">
+                    <div>
+                        <dt class="text-gray-500">Hub</dt>
+                        <dd class="font-medium">{hub.name}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Assigned To</dt>
+                        <dd class="font-medium">{role.assignedTo}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Granted At</dt>
+                        <dd>{show role.grantedAt}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Revoked At</dt>
+                        <dd>{maybe "–" show role.revokedAt}</dd>
+                    </div>
+                    {whenJust role.notes \n -> [hsx|
+                        <div class="col-span-2">
+                            <dt class="text-gray-500">Notes</dt>
+                            <dd class="text-gray-700">{n}</dd>
+                        </div>
+                    |]}
+                </dl>
+            </div>
+
+            {if isNothing role.revokedAt
+                then [hsx|
+                    <div class="mt-4">
+                        <a href={RevokeRoleAction { stewardshipRoleId = role.id }}
+                           class="text-sm text-red-600 hover:underline"
+                           onclick="return confirm('Revoke this stewardship role?')">
+                            Revoke Role
+                        </a>
+                    </div>
+                |]
+                else mempty}
+        </div>
+    |]

Web/View/WidgetOwnerships/Edit.hs

@@ -0,0 +1,32 @@
+module Web.View.WidgetOwnerships.Edit where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data EditView = EditView
+    { ownership :: !WidgetOwnership
+    , widgets   :: ![Widget]
+    , hubs      :: ![Hub]
+    }
+
+instance View EditView where
+    html EditView { .. } = [hsx|
+        <div class="max-w-lg">
+            <h1 class="text-2xl font-semibold mb-6">Edit Ownership</h1>
+            {renderForm ownership hubs}
+        </div>
+    |]
+
+renderForm :: WidgetOwnership -> [Hub] -> Html
+renderForm ownership hubs = formFor ownership [hsx|
+    {(selectField #stewardHubId hubs){ label = "Steward Hub (optional)" }}
+    {(selectField #ownershipType ownershipTypes){ label = "Ownership Type" }}
+    {dateTimeField #effectiveUntil}
+    {textareaField #notes}
+    {submitButton}
+|]
+  where
+    ownershipTypes :: [(Text, Text)]
+    ownershipTypes = [("local","local"), ("delegated","delegated"), ("global","global")]

Web/View/WidgetOwnerships/Index.hs

@@ -0,0 +1,76 @@
+module Web.View.WidgetOwnerships.Index where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data IndexView = IndexView
+    { ownerships :: ![WidgetOwnership]
+    , widgets    :: ![Widget]
+    , hubs       :: ![Hub]
+    }
+
+instance View IndexView where
+    html IndexView { .. } = [hsx|
+        <div class="flex items-center justify-between mb-6">
+            <h1 class="text-2xl font-semibold">Widget Ownerships</h1>
+            <a href={NewWidgetOwnershipAction}
+               class="text-sm bg-blue-600 text-white px-3 py-1.5 rounded hover:bg-blue-700">
+                Assign Ownership
+            </a>
+        </div>
+
+        {if null ownerships
+            then [hsx|<p class="text-sm text-gray-400">No ownership records yet.</p>|]
+            else [hsx|
+                <div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
+                    <table class="w-full text-sm">
+                        <thead class="bg-gray-50 border-b border-gray-200">
+                            <tr>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Widget</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Owner Hub</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Steward Hub</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Type</th>
+                                <th class="text-left px-4 py-3 font-medium text-gray-700">Effective From</th>
+                                <th class="px-4 py-3"></th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-100">
+                            {forEach ownerships renderRow}
+                        </tbody>
+                    </table>
+                </div>
+            |]}
+    |]
+      where
+        widgetName wid = maybe (show wid) (.name) (find (\w -> w.id == wid) widgets)
+        hubName hid    = maybe "–" (.name) (find (\h -> h.id == hid) hubs)
+
+        renderRow :: WidgetOwnership -> Html
+        renderRow o = [hsx|
+            <tr class="hover:bg-gray-50">
+                <td class="px-4 py-3 font-medium text-gray-800">{widgetName o.widgetId}</td>
+                <td class="px-4 py-3 text-gray-600">{hubName o.ownerHubId}</td>
+                <td class="px-4 py-3 text-gray-500 text-xs">
+                    {maybe "–" hubName o.stewardHubId}
+                </td>
+                <td class="px-4 py-3">
+                    <span class={typeBadge o.ownershipType <> " text-xs px-2 py-0.5 rounded font-medium"}>
+                        {o.ownershipType}
+                    </span>
+                </td>
+                <td class="px-4 py-3 text-xs text-gray-400">{show o.effectiveFrom}</td>
+                <td class="px-4 py-3 text-right">
+                    <a href={ShowWidgetOwnershipAction { widgetOwnershipId = o.id }}
+                       class="text-xs text-blue-600 hover:underline">View</a>
+                </td>
+            </tr>
+            |]
+
+typeBadge :: Text -> Text
+typeBadge t = case t of
+    "local"     -> "bg-gray-100 text-gray-700"
+    "delegated" -> "bg-blue-100 text-blue-700"
+    "global"    -> "bg-purple-100 text-purple-700"
+    _           -> "bg-gray-100 text-gray-600"

Web/View/WidgetOwnerships/New.hs

@@ -0,0 +1,35 @@
+module Web.View.WidgetOwnerships.New where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+
+data NewView = NewView
+    { ownership :: !WidgetOwnership
+    , widgets   :: ![Widget]
+    , hubs      :: ![Hub]
+    }
+
+instance View NewView where
+    html NewView { .. } = [hsx|
+        <div class="max-w-lg">
+            <h1 class="text-2xl font-semibold mb-6">Assign Ownership</h1>
+            {renderForm ownership widgets hubs}
+        </div>
+    |]
+
+renderForm :: WidgetOwnership -> [Widget] -> [Hub] -> Html
+renderForm ownership widgets hubs = formFor ownership [hsx|
+    {(selectField #widgetId widgets) { label = "Widget" }}
+    {(selectField #ownerHubId hubs)  { label = "Owner Hub" }}
+    {(selectField #stewardHubId hubs){ label = "Steward Hub (optional)" }}
+    {(selectField #ownershipType ownershipTypes){ label = "Ownership Type" }}
+    {dateTimeField #effectiveFrom}
+    {dateTimeField #effectiveUntil}
+    {textareaField #notes}
+    {submitButton}
+|]
+  where
+    ownershipTypes :: [(Text, Text)]
+    ownershipTypes = [("local","local"), ("delegated","delegated"), ("global","global")]

Web/View/WidgetOwnerships/Show.hs

@@ -0,0 +1,74 @@
+module Web.View.WidgetOwnerships.Show where
+
+import Web.Types
+import Generated.Types
+import IHP.Prelude
+import IHP.ViewPrelude
+import Web.View.WidgetOwnerships.Index (typeBadge)
+
+data ShowView = ShowView
+    { ownership  :: !WidgetOwnership
+    , widget     :: !Widget
+    , ownerHub   :: !Hub
+    , mStewardHub :: !(Maybe Hub)
+    }
+
+instance View ShowView where
+    html ShowView { .. } = [hsx|
+        <div class="max-w-2xl">
+            <div class="flex items-center gap-3 mb-6">
+                <a href={WidgetOwnershipsAction} class="text-sm text-gray-500 hover:underline">Ownerships</a>
+                <span class="text-gray-300">/</span>
+                <h1 class="text-2xl font-semibold">Ownership Record</h1>
+            </div>
+
+            <div class="bg-white rounded-lg border border-gray-200 p-6 space-y-4">
+                <div class="flex items-center gap-3">
+                    <span class={typeBadge ownership.ownershipType <> " text-sm px-3 py-1 rounded-full font-medium"}>
+                        {ownership.ownershipType}
+                    </span>
+                </div>
+
+                <dl class="grid grid-cols-2 gap-4 text-sm">
+                    <div>
+                        <dt class="text-gray-500">Widget</dt>
+                        <dd class="font-medium">
+                            <a href={ShowWidgetAction { widgetId = widget.id }}
+                               class="text-blue-600 hover:underline">{widget.name}</a>
+                        </dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Owner Hub</dt>
+                        <dd class="font-medium">{ownerHub.name}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Steward Hub</dt>
+                        <dd class="font-medium">{maybe "Same as owner" (.name) mStewardHub}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Effective From</dt>
+                        <dd>{show ownership.effectiveFrom}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Effective Until</dt>
+                        <dd>{maybe "–" show ownership.effectiveUntil}</dd>
+                    </div>
+                    <div>
+                        <dt class="text-gray-500">Created</dt>
+                        <dd>{show ownership.createdAt}</dd>
+                    </div>
+                    {whenJust ownership.notes \n -> [hsx|
+                        <div class="col-span-2">
+                            <dt class="text-gray-500">Notes</dt>
+                            <dd class="text-gray-700">{n}</dd>
+                        </div>
+                    |]}
+                </dl>
+            </div>
+
+            <div class="mt-4">
+                <a href={EditWidgetOwnershipAction { widgetOwnershipId = ownership.id }}
+                   class="text-sm text-blue-600 hover:underline">Edit</a>
+            </div>
+        </div>
+    |]