feat(P7): IHF Phase 7 complete — advanced observability and operational integration

T01 schema: friction_scores, bottleneck_records, hub_health_snapshots,
cross_hub_propagations + migration 1743552000.

T02 Widget Pain Heatmap: computeFrictionScore (formula documented), RecomputeFriction
action, colour-coded grid view (green/yellow/amber/red).

T03 Workflow Bottleneck Analysis: detectBottlenecks across 4 pipeline stages
(candidate 30d, requirement 60d, decision 30d, observation 14d), idempotent,
severity from age ratio, resolve action.

T04 Hub Health Correlation: computeHubHealth (deduction table documented),
append-only HubHealthSnapshot, health history view, badge on hub Show page.

T05 Cross-Hub Propagation: annotation_cluster + widget_type_friction heuristics,
idempotent detection, acknowledge/resolve lifecycle.

T06 Operational Review Board: 4-panel AutoRefresh global dashboard — health matrix,
top-10 friction, bottleneck stage counts, open propagations.

T07 gate: 5 describe blocks in Test/Integration.hs; SCOPE.md updated Phase 7
complete; docs/phase7-summary.md written.

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

Web/FrontController.hs

@@ -23,6 +23,7 @@ import Web.Controller.ApiInteractionEvents ()
 import Web.Controller.EnvelopeEmissionContracts ()
 import Web.Controller.InteractionReportingContracts ()
 import Web.Controller.WidgetAdapterSpecs ()
+import Web.Controller.CrossHubPropagations ()
 import Web.Controller.Sessions ()
 
 instance FrontController WebApplication where
@@ -42,6 +43,7 @@ instance FrontController WebApplication where
         , parseRoute @EnvelopeEmissionContractsController
         , parseRoute @InteractionReportingContractsController
         , parseRoute @WidgetAdapterSpecsController
+        , parseRoute @CrossHubPropagationsController
         ]
 
 instance InitControllerContext WebApplication where
@@ -81,6 +83,8 @@ defaultLayout inner = [hsx|
                 <a href={DeploymentRecordsAction} class="text-sm text-gray-600 hover:text-gray-900">Deployments</a>
                 <a href={AgentProposalsAction} class="text-sm text-gray-600 hover:text-gray-900">Agent</a>
                 <a href={WidgetAdapterSpecsAction} class="text-sm text-gray-600 hover:text-gray-900">Adapters</a>
+                <a href={CrossHubPropagationsAction} class="text-sm text-gray-600 hover:text-gray-900">Propagations</a>
+                <a href={OperationalReviewBoardAction} class="text-sm text-gray-600 hover:text-gray-900">Ops Review</a>
                 <div class="ml-auto">
                     <a href={DeleteSessionAction} class="text-sm text-gray-500 hover:text-gray-700">Sign out</a>
                 </div>