feat: add governed cross-module reporting

webui/src/styles/reporting.css

@@ -74,6 +74,16 @@
   background: var(--surface-raised);
 }
 
+.reporting-list-heading {
+  padding: 7px 10px;
+  border-bottom: 1px solid var(--border);
+  background: var(--surface-subtle, var(--surface));
+  color: var(--text-soft);
+  font-size: 0.7rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
 .reporting-report-row,
 .reporting-inspector-content section > button {
   display: grid;
@@ -162,6 +172,16 @@
   white-space: nowrap;
 }
 
+.reporting-title p {
+  max-width: 70ch;
+  margin: 3px 0 0;
+  overflow: hidden;
+  color: var(--text-soft);
+  font-size: 0.76rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .reporting-run-actions {
   display: flex;
   align-items: center;
@@ -223,6 +243,14 @@
   gap: 4px;
 }
 
+.reporting-provider-controls {
+  align-items: end;
+}
+
+.reporting-provider-purpose {
+  min-width: min(320px, 35vw);
+}
+
 .reporting-output-toolbar {
   min-height: 48px;
   padding: 6px 12px;
@@ -241,6 +269,21 @@
   padding: 10px;
 }
 
+.reporting-provider-output {
+  display: flex;
+  min-height: 0;
+  flex: 1;
+  flex-direction: column;
+  gap: 10px;
+  overflow: auto;
+  padding: 10px;
+}
+
+.reporting-provider-metrics {
+  margin: 0;
+  padding: 0;
+}
+
 .reporting-output .data-grid-shell {
   min-width: 100%;
 }