pi-mega-compact 0.20.24 → 0.20.26

package/extensions/dashboard-client/src/tabs/VectorCortexEconomicsCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexEconomicsView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexEconomicsCard({ view }: { view: VectorCortexEconomicsView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexEconomicsCard({ view }: { view: VectorCortexEconomic
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Cache Economics (VC7B)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -33,6 +29,16 @@ export function VectorCortexEconomicsCard({ view }: { view: VectorCortexEconomic
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only cache-economics diagnostics — counts and ECON_* codes only. Cache economics price a frozen rendered prompt's reuse, so provider prices, covered ranges, span/covered digests, request digests, and session ids are never exposed (SECURITY_PRIVACY). An unproven exclusion (declared without a proving fixture id) is rejected by the exclusion-proof rule and is reported here only as a count.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexLedgerCard.tsx

@@ -7,8 +7,8 @@
 
 import type { VectorCortexLedgerView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexLedgerCard({
   ledger,
@@ -20,11 +20,7 @@ export function VectorCortexLedgerCard({
       <CardHeader>
         <div className="flex items-center justify-between">
           <CardTitle>Occurrence Ledger (VC1B)</CardTitle>
-          {ledger?.enabled ? (
-            <Badge variant="success">ACTIVE</Badge>
-          ) : (
-            <Badge variant="danger">OFF</Badge>
-          )}
+          <VcStatusBadge status={ledger?.status} />
         </div>
       </CardHeader>
       <CardContent>
@@ -72,6 +68,16 @@ export function VectorCortexLedgerCard({
                 </table>
               </div>
             )}
+            {ledger?.status === "awaiting_data" && (
+              <div className="mt-2 text-xs text-muted-foreground">
+                Awaiting first event. Data will appear after the next pipeline run.
+              </div>
+            )}
+            {ledger?.status === "deferred" && ledger?.deferredReason && (
+              <div className="mt-2 text-xs text-muted-foreground">
+                Deferred: {ledger.deferredReason.replace(/_/g, " ")}
+              </div>
+            )}
           </>
         )}
       </CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexOutcomesCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexOutcomesView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexOutcomesCard({ view }: { view: VectorCortexOutcomesView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexOutcomesCard({ view }: { view: VectorCortexOutcomesV
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Consent-Bound Outcomes (VC8A)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -35,6 +31,16 @@ export function VectorCortexOutcomesCard({ view }: { view: VectorCortexOutcomesV
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only consent-bound outcome ledger — aggregate counts and OUT_ codes only. The outcome ledger carries metrics without payload, so no prompt bytes, response text, free-text, or session content ever reaches the client. Dataset inclusion requires active explicit consent at export time; revocations disappear from future manifests.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexPlansCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexPlansView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexPlansCard({ view }: { view: VectorCortexPlansView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexPlansCard({ view }: { view: VectorCortexPlansView |
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Plan Manifests (VC5A)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -31,6 +27,16 @@ export function VectorCortexPlansCard({ view }: { view: VectorCortexPlansView |
 						Reader-only plan manifests only — no session payloads or prompt text.
 						Per-run plan outputs are staged in-memory this sprint.
 					</div>
+					{view?.status === "awaiting_data" && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Awaiting first event. Data will appear after the next pipeline run.
+						</div>
+					)}
+					{view?.status === "deferred" && view?.deferredReason && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Deferred: {view.deferredReason.replace(/_/g, " ")}
+						</div>
+					)}
 				</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexPlatformCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexPlatformView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexPlatformCard({ view }: { view: VectorCortexPlatformView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexPlatformCard({ view }: { view: VectorCortexPlatformV
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Canary Platform + Rust Parity (VC8C)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -34,6 +30,16 @@ export function VectorCortexPlatformCard({ view }: { view: VectorCortexPlatformV
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only canary selection and external Rust parity — aggregate counts and RUST_ codes only. The selector admits a qualified external Rust artifact only when ABI version, URL metadata, commit, Cargo.lock digest, and platform all match evidence; otherwise it demotes to TS reference (mode B) or legacy (mode C). The cross-conformance runner exchanges length-framed neutral records over a local stdin/stdout channel (no network). No artifact bytes, output bytes, or free-text ever reaches the client.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexPolicyCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexPolicyView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexPolicyCard({ view }: { view: VectorCortexPolicyView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexPolicyCard({ view }: { view: VectorCortexPolicyView
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Shadow Adaptive Policy (VC8B)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -35,6 +31,16 @@ export function VectorCortexPolicyCard({ view }: { view: VectorCortexPolicyView
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only shadow adaptive policy — aggregate counts and POL_/M7_ codes only. Policy actions are from a finite set chosen deterministically by the canonical pressure level; budgets are clamped into a configured window after the pressure factor. Unknown pressure labels are rejected as POL_PRESSURE_UNKNOWN, never coerced. The shadow engine is structurally incapable of affecting the live path — inputs are deep-copied and the prompt digest is pinned before and after — so liveMutations is always zero. M7 migrates legacy pressure labels to the v2 canonical five by copy/validate/switch; an unknown label blocks the switch (M7_PRESSURE_UNKNOWN). No prompt bytes, session content, or free-text ever reaches the client.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexRenderCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexRenderView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexRenderCard({ view }: { view: VectorCortexRenderView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexRenderCard({ view }: { view: VectorCortexRenderView
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Validated Prompt Renderer (VC5B)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -30,6 +26,16 @@ export function VectorCortexRenderCard({ view }: { view: VectorCortexRenderView
 					<div className="mt-3 text-xs text-muted-foreground">
 						Reader-only render conformance route — no prompt text or session payloads exposed.
 					</div>
+					{view?.status === "awaiting_data" && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Awaiting first event. Data will appear after the next pipeline run.
+						</div>
+					)}
+					{view?.status === "deferred" && view?.deferredReason && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Deferred: {view.deferredReason.replace(/_/g, " ")}
+						</div>
+					)}
 				</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexRepairCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexRepairView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexRepairCard({ view }: { view: VectorCortexRepairView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexRepairCard({ view }: { view: VectorCortexRepairView
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Self-Healing Derived State (VC6C)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -35,6 +31,16 @@ export function VectorCortexRepairCard({ view }: { view: VectorCortexRepairView
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only repair diagnostics — counts and HEAL_REPAIR_* codes only. There is no payload endpoint: subsystem source bytes, gap ranges, high-water marks, root digests, and ledger text are never exposed (SECURITY_PRIVACY).
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexRestoreCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexRestoreView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexRestoreCard({ view }: { view: VectorCortexRestoreView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexRestoreCard({ view }: { view: VectorCortexRestoreVie
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Exact Source Restoration (VC6B)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -34,6 +30,16 @@ export function VectorCortexRestoreCard({ view }: { view: VectorCortexRestoreVie
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only restore diagnostics — counts and HEAL_RESTORE_* codes only. There is no payload endpoint: restored bytes, span ids, node ids, and ledger text are never exposed (SECURITY_PRIVACY).
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexRolloutCard.tsx

@@ -1,8 +1,8 @@
 import type React from "react";
 import type { VectorCortexRolloutView } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexRolloutCard({ view }: { view: VectorCortexRolloutView | null }): React.ReactElement {
 	return (
@@ -10,11 +10,7 @@ export function VectorCortexRolloutCard({ view }: { view: VectorCortexRolloutVie
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Live Graduated Rollout (VC5C)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -36,6 +32,16 @@ export function VectorCortexRolloutCard({ view }: { view: VectorCortexRolloutVie
 					<div className="mt-3 text-xs text-muted-foreground">
 						Reader-only rollout route — no session payloads or bucket→session mappings exposed.
 					</div>
+					{view?.status === "awaiting_data" && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Awaiting first event. Data will appear after the next pipeline run.
+						</div>
+					)}
+					{view?.status === "deferred" && view?.deferredReason && (
+						<div className="mt-2 text-xs text-muted-foreground">
+							Deferred: {view.deferredReason.replace(/_/g, " ")}
+						</div>
+					)}
 				</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexShardsCard.tsx

@@ -13,8 +13,8 @@ import type {
 	VectorCortexShardsView,
 } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 /** Reader-only dual-tier shard aggregate (VC4A). */
 export function VectorCortexShardsCard({ view }: { view: VectorCortexShardsView | null }): React.ReactElement {
@@ -23,11 +23,7 @@ export function VectorCortexShardsCard({ view }: { view: VectorCortexShardsView
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Dual-Tier Shards (VC4A)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -44,6 +40,16 @@ export function VectorCortexShardsCard({ view }: { view: VectorCortexShardsView
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only count/byte aggregate; staged in-memory this sprint.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>
@@ -58,11 +64,7 @@ export function VectorCortexReconstructCard({ view }: { view: VectorCortexRecons
 			<CardHeader>
 				<div className="flex items-center justify-between">
 					<CardTitle>Reconstruction Fidelity (VC4C)</CardTitle>
-					{view?.enabled ? (
-						<Badge variant="success">ACTIVE</Badge>
-					) : (
-						<Badge variant="danger">OFF</Badge>
-					)}
+					<VcStatusBadge status={view?.status} />
 				</div>
 			</CardHeader>
 			<CardContent>
@@ -81,6 +83,16 @@ export function VectorCortexReconstructCard({ view }: { view: VectorCortexRecons
 						<div className="mt-3 text-xs text-muted-foreground">
 							Reader-only closure/validation aggregate; staged in-memory this sprint.
 						</div>
+						{view?.status === "awaiting_data" && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Awaiting first event. Data will appear after the next pipeline run.
+							</div>
+						)}
+						{view?.status === "deferred" && view?.deferredReason && (
+							<div className="mt-2 text-xs text-muted-foreground">
+								Deferred: {view.deferredReason.replace(/_/g, " ")}
+							</div>
+						)}
 					</>
 				)}
 			</CardContent>

package/extensions/dashboard-client/src/tabs/VectorCortexTab.tsx

@@ -35,6 +35,7 @@ import {
 import { VectorCortexPlansCard } from "./VectorCortexPlansCard";
 import { VectorCortexTopologyCard } from "./VectorCortexTopologyCard";
 import { VectorCortexLedgerCard } from "./VectorCortexLedgerCard";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 function ModeChip({ mode, count }: { mode: string; count: number }): React.ReactElement {
 	return (
@@ -77,13 +78,10 @@ export default function VectorCortexTab(): React.ReactElement {
 		<div className="flex flex-col gap-4">
 			<div className="flex items-center gap-2">
 				<h2 className="text-lg font-semibold">Vector Cortex Evaluation</h2>
-				{!data.enabled ? (
-					<Badge variant="danger">MODE C (OFF)</Badge>
-				) : data.samples === 0 ? (
-					<Badge variant="warning">OBSERVER (A) — NO SAMPLES YET</Badge>
-				) : (
-					<Badge variant="success">OBSERVER (A) — {data.samples} SAMPLES</Badge>
-				)}
+				<VcStatusBadge status={data.status} />
+				<span className="text-xs text-muted-foreground">
+					{data.samples} samples · mode {data.mode}
+				</span>
 			</div>
 
 			<div className="grid grid-cols-1 gap-4 md:grid-cols-3">

package/extensions/dashboard-client/src/tabs/VectorCortexTopologyCard.tsx

@@ -10,8 +10,8 @@ import type {
   VectorCortexQueryView,
 } from "../api/vector-cortex";
 import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card";
-import { Badge } from "../components/ui/badge";
 import { Metric } from "./VectorCortexMetric";
+import { VcStatusBadge } from "./VcStatusBadge";
 
 export function VectorCortexTopologyCard({
   topology,
@@ -26,11 +26,7 @@ export function VectorCortexTopologyCard({
         <CardHeader>
           <div className="flex items-center justify-between">
             <CardTitle>Derived Cortex Store (VC3A)</CardTitle>
-            {topology?.enabled ? (
-              <Badge variant="success">ACTIVE</Badge>
-            ) : (
-              <Badge variant="danger">OFF</Badge>
-            )}
+            <VcStatusBadge status={topology?.status} />
           </div>
         </CardHeader>
         <CardContent>
@@ -68,6 +64,16 @@ export function VectorCortexTopologyCard({
                   </>
                 )}
               </div>
+              {topology?.status === "awaiting_data" && (
+                <div className="mt-2 text-xs text-muted-foreground">
+                  Awaiting first event. Data will appear after the next pipeline run.
+                </div>
+              )}
+              {topology?.status === "deferred" && topology?.deferredReason && (
+                <div className="mt-2 text-xs text-muted-foreground">
+                  Deferred: {topology.deferredReason.replace(/_/g, " ")}
+                </div>
+              )}
               {topology.nodes !== undefined &&
                 (topology.edges?.length ?? 0) > 0 && (
                   <div className="mt-4 max-h-56 overflow-y-auto">
@@ -109,20 +115,28 @@ export function VectorCortexTopologyCard({
         <CardHeader>
           <div className="flex items-center justify-between">
             <CardTitle>Topology Query Diagnostics (VC3C)</CardTitle>
-            {query?.enabled ? (
-              <Badge variant="success">ACTIVE</Badge>
-            ) : (
-              <Badge variant="danger">OFF</Badge>
-            )}
+            <VcStatusBadge status={query?.status} />
           </div>
         </CardHeader>
         <CardContent>
           {!query?.enabled ? (
             <div className="vc-empty">Query diagnostics unavailable (VC3C off).</div>
           ) : (
-            <div className="grid grid-cols-2 gap-4 md:grid-cols-3">
-              <Metric label="Router version" value={String(query.routerVersion)} />
-            </div>
+            <>
+              <div className="grid grid-cols-2 gap-4 md:grid-cols-3">
+                <Metric label="Router version" value={String(query.routerVersion)} />
+              </div>
+              {query?.status === "awaiting_data" && (
+                <div className="mt-2 text-xs text-muted-foreground">
+                  Awaiting first event. Data will appear after the next pipeline run.
+                </div>
+              )}
+              {query?.status === "deferred" && query?.deferredReason && (
+                <div className="mt-2 text-xs text-muted-foreground">
+                  Deferred: {query.deferredReason.replace(/_/g, " ")}
+                </div>
+              )}
+            </>
           )}
         </CardContent>
       </Card>

package/extensions/dashboard-client/src/types/vector-cortex-vc7.ts

@@ -14,6 +14,8 @@
  */
 export interface VectorCortexCrystalsView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   crystalCount: number;
   totalBytes: number;
@@ -33,6 +35,8 @@ export interface VectorCortexCrystalsView {
  */
 export interface VectorCortexEconomicsView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   profileCount: number;
   provenExclusions: number;
@@ -49,6 +53,8 @@ export interface VectorCortexEconomicsView {
  */
 export interface VectorCortexDiagnosticsView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   profileMisses: number;
   rangeMisses: number;

package/extensions/dashboard-client/src/types/vector-cortex-vc8.ts

@@ -14,6 +14,8 @@
  */
 export interface VectorCortexOutcomesView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   outcomeCount: number;
   consentedSessions: number;
@@ -31,6 +33,8 @@ export interface VectorCortexOutcomesView {
  */
 export interface VectorCortexPolicyView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   shadowDecisions: number;
   clampedDecisions: number;
@@ -48,6 +52,8 @@ export interface VectorCortexPolicyView {
  */
 export interface VectorCortexPlatformView {
   enabled: boolean;
+  readonly status?: "live" | "awaiting_data" | "deferred" | "structural" | "off";
+  readonly deferredReason?: string;
   mode: "A" | "B" | "C";
   fixtureCount: number;
   passed: number;