feat(demo): plain-language integration status, richer audit, reset integrity

Integration status badges across Dashboard/Automation now show honest
plain-language labels instead of raw backend state strings (and fix a
few states that had no matching CSS colour class at all). Audit trail
gets a "view related events" action reusing the existing correlation_id
filter. About page gains scope/architecture/security/testing sections
and a guided-demo entry point. POST /api/v1/demo/reset now runs and
records a server-side scenario-integrity check. Also fixes a second real
race condition (caught by the return-review e2e test): the odometer
scenario pre-fill now resolves before ReturnForm mounts instead of
patching its value in after the fact.

frontend/src/pages/Dashboard.tsx

@@ -8,6 +8,7 @@ import { useDemoManifest } from "../context/DemoManifestContext";
 import { SeverityBadge, StatusBadge } from "../components/Badge";
 import { Icon } from "../components/Icons";
 import { ErrorState, IntegrationMark, LoadingState, PageHeader, SectionHeading } from "../components/PageChrome";
+import { N8N_STATE_META, MCP_STATE_META } from "../data/integrationLabels";
 
 const FLEET_METRICS: Array<{ key: keyof DashboardData["metrics"]; label: string; tone: string }> = [
   { key: "available", label: "Available", tone: "ready" },
@@ -178,24 +179,37 @@ export function Dashboard() {
                       : "No workflow evidence recorded"}
                 </span>
               </div>
+              {(() => {
+                const meta = integrationStatus ? N8N_STATE_META[integrationStatus.n8n.state] : null;
+                return (
+                  <StatusBadge
+                    status={meta?.statusClass ?? n8nState.toLowerCase().replace(/ /g, "_")}
+                    label={meta?.label}
+                  />
+                );
+              })()}
+            </li>
+            <li>
+              <IntegrationMark kind="rag" />
+              <div>
+                <strong>Knowledge assistant</strong>
+                <span>{knowledge ? `${knowledge.provider === "ragcore" ? "RAGcore" : "Demo knowledge base"} · ${knowledge.document_count} procedures indexed` : "Health check unavailable"}</span>
+              </div>
               <StatusBadge
-                status={
-                  integrationStatus
-                    ? integrationStatus.n8n.state === "operational"
-                      ? "available"
-                      : integrationStatus.n8n.state
-                    : n8nState.toLowerCase().replace(/ /g, "_")
-                }
+                status={knowledge?.available ? "available" : "unavailable"}
+                label={knowledge?.available ? (knowledge.provider === "ragcore" ? "Operational" : "Demo mode") : "Unavailable"}
               />
             </li>
-            <li><IntegrationMark kind="rag" /><div><strong>RAGcore knowledge</strong><span>{knowledge ? `${knowledge.document_count} procedures indexed` : "Health check unavailable"}</span></div><StatusBadge status={knowledge?.available ? "available" : "unavailable"} /></li>
             <li>
               <IntegrationMark kind="mcp" />
               <div>
                 <strong>MCP Hub</strong>
-                <span>{integrationStatus?.mcp_hub.registration_enabled ? "Registration enabled" : "No active adapter in this PoC"}</span>
+                <span>{integrationStatus?.mcp_hub.registration_enabled ? "Registration enabled" : "Not yet connected"}</span>
               </div>
-              <StatusBadge status={integrationStatus?.mcp_hub.state ?? "not_configured"} />
+              {(() => {
+                const meta = integrationStatus ? MCP_STATE_META[integrationStatus.mcp_hub.state] : null;
+                return <StatusBadge status={meta?.statusClass ?? "not_configured"} label={meta?.label} />;
+              })()}
             </li>
           </ul>
         </section>