@coreason-ai/sensory-core 1.0.3 → 1.1.0

package/dist/components/ConformanceGuillotine.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ConformanceGuillotineProps {
+    nodeId: string;
+    errorName?: string;
+    panicMessage: string;
+    backtrace: string;
+    onClose?: () => void;
+    onRecover?: () => void;
+    className?: string;
+}
+export declare const ConformanceGuillotine: React.FC<ConformanceGuillotineProps>;

package/dist/components/ConformanceGuillotine.js

@@ -0,0 +1,69 @@
+// Copyright (c) 2026 CoReason, Inc
+//
+// This software is proprietary and dual-licensed
+// Licensed under the Prosperity Public License 3.0 (the "License")
+// A copy of the license is available at <https://prosperitylicense.com/versions/3.0.0>
+// For details, see the LICENSE file
+// Commercial use beyond a 30-day trial requires a separate license
+//
+// Source Code: <https://github.com/CoReason-AI/coreason-sensory-core>
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useState } from 'react';
+import { GlassBox } from './GlassBox';
+import { AlertOctagon, Terminal, Copy, Check, RefreshCw, X } from 'lucide-react';
+export const ConformanceGuillotine = ({ nodeId, errorName = 'ManifestConformanceError', panicMessage, backtrace, onClose, onRecover, className }) => {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield navigator.clipboard.writeText(`${errorName} in node [${nodeId}]:\n${panicMessage}\n\nStack Trace:\n${backtrace}`);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy panic diagnostic details', err);
+        }
+    });
+    return (React.createElement(GlassBox, { density: "dense", className: `border border-red-900/60 shadow-[0_12px_48px_rgba(255,0,0,0.15)] bg-[rgba(15,5,5,0.9)] max-w-2xl w-full ${className || ''}` },
+        React.createElement("div", { className: "flex flex-col space-y-4 font-mono text-sm" },
+            React.createElement("div", { className: "flex justify-between items-center border-b border-red-900/40 pb-2" },
+                React.createElement("div", { className: "flex items-center space-x-2 text-red-500" },
+                    React.createElement(AlertOctagon, { className: "w-5 h-5 animate-pulse" }),
+                    React.createElement("span", { className: "font-bold uppercase tracking-wider text-xs" }, "Guest Conformance Quarantine")),
+                React.createElement("div", { className: "flex items-center space-x-2" },
+                    React.createElement("span", { className: "text-[10px] text-gray-500" },
+                        "Node: ",
+                        nodeId),
+                    onClose && (React.createElement("button", { onClick: onClose, className: "text-gray-500 hover:text-white p-1 rounded hover:bg-white/5 transition-colors", title: "Close Diagnostics" },
+                        React.createElement(X, { className: "w-4 h-4" }))))),
+            React.createElement("div", { className: "bg-red-950/20 border border-red-900/30 rounded p-3 text-red-400" },
+                React.createElement("div", { className: "text-xs font-bold text-red-500 uppercase tracking-widest mb-1" }, errorName),
+                React.createElement("div", { className: "text-[12px] whitespace-pre-wrap leading-relaxed" }, panicMessage)),
+            React.createElement("div", { className: "flex flex-col space-y-1" },
+                React.createElement("div", { className: "flex justify-between items-center text-xs text-gray-500 px-1" },
+                    React.createElement("span", { className: "flex items-center gap-1.5" },
+                        React.createElement(Terminal, { className: "w-3.5 h-3.5" }),
+                        " Enclave Backtrace"),
+                    React.createElement("button", { onClick: handleCopy, className: "flex items-center gap-1 text-[10px] hover:text-white transition-colors" }, copied ? (React.createElement(React.Fragment, null,
+                        React.createElement(Check, { className: "w-3 h-3 text-green-400" }),
+                        " Copied")) : (React.createElement(React.Fragment, null,
+                        React.createElement(Copy, { className: "w-3 h-3" }),
+                        " Copy Log")))),
+                React.createElement("div", { className: "bg-black/80 border border-gray-900 rounded p-3 h-48 overflow-y-auto custom-scrollbar font-mono text-[11px] leading-relaxed text-gray-400 select-text" }, backtrace.split('\n').map((line, index) => {
+                    // Highlight source code files or frame numbers
+                    const isFrameLine = line.trim().startsWith('at ') || line.includes('::') || /^\s*\d+:/.test(line);
+                    return (React.createElement("div", { key: index, className: `whitespace-pre-wrap ${isFrameLine ? 'text-gray-300' : 'text-gray-600'}` }, line));
+                }))),
+            React.createElement("div", { className: "flex justify-between items-center border-t border-red-900/20 pt-3" },
+                React.createElement("span", { className: "text-[10px] text-gray-600" }, "ENCLAVE HOST STATUS: CONFINED"),
+                React.createElement("div", { className: "flex gap-2" }, onRecover && (React.createElement("button", { onClick: onRecover, className: "flex items-center gap-1.5 bg-red-900/30 border border-red-500/50 hover:bg-red-900/50 text-red-200 text-xs uppercase tracking-wider px-3.5 py-1.5 rounded transition-all font-bold" },
+                    React.createElement(RefreshCw, { className: "w-3.5 h-3.5" }),
+                    " Hot Reload Guest Enclave")))))));
+};

package/dist/components/SVIDBadge.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SVIDBadgeProps {
+    spiffeId: string;
+    tenantId: string;
+    validUntil: number;
+    trustDomain: string;
+    fingerprint: string;
+    signatureAlgorithm?: string;
+    status: 'VERIFIED' | 'REVOKED' | 'EXPIRED' | 'PENDING';
+    className?: string;
+}
+export declare const SVIDBadge: React.FC<SVIDBadgeProps>;

package/dist/components/SVIDBadge.js

@@ -0,0 +1,133 @@
+// Copyright (c) 2026 CoReason, Inc
+//
+// This software is proprietary and dual-licensed
+// Licensed under the Prosperity Public License 3.0 (the "License")
+// A copy of the license is available at <https://prosperitylicense.com/versions/3.0.0>
+// For details, see the LICENSE file
+// Commercial use beyond a 30-day trial requires a separate license
+//
+// Source Code: <https://github.com/CoReason-AI/coreason-sensory-core>
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useState, useEffect } from 'react';
+import { GlassBox } from './GlassBox';
+import { Shield, ShieldAlert, ShieldCheck, Copy, Check, Clock, Key } from 'lucide-react';
+export const SVIDBadge = ({ spiffeId, tenantId, validUntil, trustDomain, fingerprint, signatureAlgorithm = 'ECDSA-SHA256', status, className }) => {
+    const [copied, setCopied] = useState(false);
+    const [timeRemaining, setTimeRemaining] = useState('');
+    const [lifePercent, setLifePercent] = useState(100);
+    useEffect(() => {
+        const updateTime = () => {
+            const now = Date.now();
+            const diff = validUntil - now;
+            if (diff <= 0) {
+                setTimeRemaining('Expired');
+                setLifePercent(0);
+                return;
+            }
+            const hours = Math.floor(diff / 3600000);
+            const minutes = Math.floor((diff % 3600000) / 60000);
+            const seconds = Math.floor((diff % 60000) / 1000);
+            if (hours > 0) {
+                setTimeRemaining(`${hours}h ${minutes}m`);
+            }
+            else if (minutes > 0) {
+                setTimeRemaining(`${minutes}m ${seconds}s`);
+            }
+            else {
+                setTimeRemaining(`${seconds}s`);
+            }
+            // Assume a standard 24h total duration for SVID to calculate life ratio
+            const totalLifetime = 24 * 60 * 60 * 1000;
+            const created = validUntil - totalLifetime;
+            const elapsed = now - created;
+            const percent = Math.max(0, Math.min(100, 100 - (elapsed / totalLifetime) * 100));
+            setLifePercent(percent);
+        };
+        updateTime();
+        const interval = setInterval(updateTime, 1000);
+        return () => clearInterval(interval);
+    }, [validUntil]);
+    const copyToClipboard = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield navigator.clipboard.writeText(spiffeId);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy SPIFFE ID', err);
+        }
+    });
+    const getStatusColor = () => {
+        switch (status) {
+            case 'VERIFIED':
+                return 'border-[var(--cr-accent-cyan)] shadow-[0_0_10px_rgba(0,255,204,0.15)] text-[var(--cr-accent-cyan)]';
+            case 'REVOKED':
+                return 'border-red-500 shadow-[0_0_10px_rgba(239,68,68,0.2)] text-red-500 animate-pulse';
+            case 'EXPIRED':
+                return 'border-gray-600 text-gray-500';
+            case 'PENDING':
+                return 'border-[var(--cr-accent-orange)] text-[var(--cr-accent-orange)]';
+            default:
+                return 'border-gray-800 text-white';
+        }
+    };
+    const getStatusIcon = () => {
+        switch (status) {
+            case 'VERIFIED':
+                return React.createElement(ShieldCheck, { className: "w-4 h-4 text-[var(--cr-accent-cyan)]" });
+            case 'REVOKED':
+                return React.createElement(ShieldAlert, { className: "w-4 h-4 text-red-500" });
+            case 'PENDING':
+                return React.createElement(Shield, { className: "w-4 h-4 text-[var(--cr-accent-orange)]" });
+            default:
+                return React.createElement(Shield, { className: "w-4 h-4 text-gray-500" });
+        }
+    };
+    const truncatedFingerprint = fingerprint.length > 20
+        ? `${fingerprint.substring(0, 10)}...${fingerprint.substring(fingerprint.length - 10)}`
+        : fingerprint;
+    return (React.createElement(GlassBox, { density: "dense", className: `border ${getStatusColor()} ${className || ''}` },
+        React.createElement("div", { className: "flex flex-col space-y-3 font-mono" },
+            React.createElement("div", { className: "flex justify-between items-center border-b border-white/10 pb-2" },
+                React.createElement("div", { className: "flex items-center space-x-2" },
+                    getStatusIcon(),
+                    React.createElement("span", { className: "text-[10px] font-bold tracking-widest uppercase text-white" }, "SVID Attestation")),
+                React.createElement("span", { className: "text-[9px] uppercase tracking-wider px-2 py-0.5 rounded bg-black/40 border border-white/5" }, status)),
+            React.createElement("div", { className: "flex items-center justify-between bg-black/30 p-2 rounded border border-white/5 group" },
+                React.createElement("div", { className: "flex flex-col min-w-0 pr-2" },
+                    React.createElement("span", { className: "text-[9px] text-gray-500 uppercase tracking-widest" }, "SPIFFE ID"),
+                    React.createElement("span", { className: "text-xs text-white truncate max-w-[200px]", title: spiffeId }, spiffeId)),
+                React.createElement("button", { onClick: copyToClipboard, className: "p-1 rounded text-gray-500 hover:text-white hover:bg-white/10 transition-colors", title: "Copy SPIFFE ID" }, copied ? React.createElement(Check, { className: "w-3.5 h-3.5 text-green-400" }) : React.createElement(Copy, { className: "w-3.5 h-3.5" }))),
+            React.createElement("div", { className: "flex flex-col space-y-1" },
+                React.createElement("div", { className: "flex justify-between text-[9px] text-gray-400" },
+                    React.createElement("span", { className: "flex items-center gap-1" },
+                        React.createElement(Clock, { className: "w-3 h-3" }),
+                        " Expiration Countdown"),
+                    React.createElement("span", null, timeRemaining)),
+                React.createElement("div", { className: "h-1 bg-gray-900 rounded-full overflow-hidden border border-white/5" },
+                    React.createElement("div", { className: `h-full transition-all duration-1000 ${status === 'VERIFIED' ? 'bg-[var(--cr-accent-cyan)]' : 'bg-red-500'}`, style: { width: `${lifePercent}%` } }))),
+            React.createElement("div", { className: "grid grid-cols-2 gap-3 text-[10px] border-t border-white/5 pt-2" },
+                React.createElement("div", { className: "flex flex-col" },
+                    React.createElement("span", { className: "text-gray-500 uppercase tracking-widest" }, "Tenant ID"),
+                    React.createElement("span", { className: "text-white truncate font-bold" }, tenantId)),
+                React.createElement("div", { className: "flex flex-col" },
+                    React.createElement("span", { className: "text-gray-500 uppercase tracking-widest" }, "Trust Domain"),
+                    React.createElement("span", { className: "text-white truncate" }, trustDomain)),
+                React.createElement("div", { className: "flex flex-col" },
+                    React.createElement("span", { className: "text-gray-500 uppercase tracking-widest" }, "Signature"),
+                    React.createElement("span", { className: "text-white flex items-center gap-1" },
+                        React.createElement(Key, { className: "w-3 h-3 text-gray-400" }),
+                        " ",
+                        signatureAlgorithm)),
+                React.createElement("div", { className: "flex flex-col" },
+                    React.createElement("span", { className: "text-gray-500 uppercase tracking-widest" }, "Fingerprint"),
+                    React.createElement("span", { className: "text-gray-400 truncate cursor-pointer hover:text-white", title: fingerprint }, truncatedFingerprint))))));
+};

package/dist/components/StatusPulse.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface StatusPulseProps {
-    status: 'executing' | 'suspended_vfe_breach' | 'completed' | 'idle';
+    status: 'executing' | 'suspended_vfe_breach' | 'completed' | 'idle' | 'suspended_security_violation';
     vfeValue?: number;
     label?: string;
     className?: string;

package/dist/components/StatusPulse.js

@@ -11,16 +11,18 @@ import React from 'react';
 import { motion } from 'framer-motion';
 import { cn } from './GlassBox';
 export const StatusPulse = ({ status, vfeValue, label, className }) => {
-    const isError = status === 'suspended_vfe_breach';
+    const isError = status === 'suspended_vfe_breach' || status === 'suspended_security_violation';
     const isExecuting = status === 'executing';
     const isCompleted = status === 'completed';
-    const baseColor = isError
-        ? 'var(--cr-accent-orange)'
-        : isExecuting
-            ? 'var(--cr-accent-cyan)'
-            : isCompleted
-                ? '#00cc44'
-                : '#666';
+    const baseColor = status === 'suspended_security_violation'
+        ? '#ff9900'
+        : isError
+            ? 'var(--cr-accent-orange)'
+            : isExecuting
+                ? 'var(--cr-accent-cyan)'
+                : isCompleted
+                    ? '#00cc44'
+                    : '#666';
     // Compute dynamic pulse duration based on VFE stress
     const pulseDuration = vfeValue !== undefined && vfeValue > 0
         ? Math.max(0.3, 1.5 - (vfeValue * 0.8)) // breathing rate speeds up as VFE increases

package/dist/components/ThermodynamicGovernor.d.ts

@@ -4,7 +4,8 @@ export interface ThermodynamicGovernorProps {
     tokenBurnRateSec: number;
     maxBudgetTokens: number;
     consumedTokens: number;
-    spiffeStatus: 'VERIFIED' | 'REVOKED' | 'PENDING';
+    spiffeStatus: 'VERIFIED' | 'REVOKED' | 'PENDING' | 'EXPIRED';
+    wasmAllocationMb?: number;
 }
 /**
  * ThermodynamicGovernor

package/dist/components/ThermodynamicGovernor.js

@@ -17,34 +17,54 @@ import { GlassBox } from './GlassBox';
  * Translates abstract AI usage into physical thermodynamic costs (VRAM, Token Burn)
  * and cryptographic identity (SPIFFE/SPIRE).
  */
-export const ThermodynamicGovernor = ({ vramAllocationMb, tokenBurnRateSec, maxBudgetTokens, consumedTokens, spiffeStatus }) => {
+export const ThermodynamicGovernor = ({ vramAllocationMb, tokenBurnRateSec, maxBudgetTokens, consumedTokens, spiffeStatus, wasmAllocationMb = 6.8 }) => {
     const budgetPercent = Math.min((consumedTokens / maxBudgetTokens) * 100, 100);
     const isCritical = budgetPercent > 90;
+    const MAX_WASM_ALLOCATION = 10.0; // 10MB hard volumetric ceiling
+    const wasmPercent = Math.min((wasmAllocationMb / MAX_WASM_ALLOCATION) * 100, 100);
+    const isWasmWarning = wasmAllocationMb >= 8.0;
+    const isWasmDanger = wasmAllocationMb >= 9.5;
     return (React.createElement(GlassBox, { density: "dense" },
-        React.createElement("div", { className: "flex flex-col space-y-3" },
+        React.createElement("div", { className: "flex flex-col space-y-3 font-mono" },
             React.createElement("div", { className: "flex justify-between items-center border-b border-gray-700 pb-2" },
-                React.createElement("h3", { className: "text-sm font-semibold text-white tracking-widest uppercase" }, "Thermodynamic Governor"),
-                React.createElement("span", { className: `text-xs px-2 py-1 rounded-full ${spiffeStatus === 'VERIFIED' ? 'bg-green-900 text-green-300' : 'bg-red-900 text-red-300'}` },
+                React.createElement("h3", { className: "text-xs font-semibold text-white tracking-widest uppercase" }, "Thermodynamic Governor"),
+                React.createElement("span", { className: `text-[10px] uppercase font-bold tracking-wider px-2 py-0.5 rounded ${spiffeStatus === 'VERIFIED' ? 'bg-green-900/60 text-green-300 border border-green-500/30' : 'bg-red-900/60 text-red-300 border border-red-500/30'}` },
                     "SPIFFE: ",
                     spiffeStatus)),
             React.createElement("div", { className: "grid grid-cols-2 gap-4" },
                 React.createElement("div", { className: "flex flex-col" },
-                    React.createElement("span", { className: "text-xs text-gray-400" }, "VRAM Allocation"),
-                    React.createElement("span", { className: "text-lg font-mono text-white" },
+                    React.createElement("span", { className: "text-[10px] text-gray-500 uppercase tracking-wider" }, "VRAM Allocation"),
+                    React.createElement("span", { className: "text-base font-bold text-white" },
                         vramAllocationMb.toLocaleString(),
                         " MB")),
                 React.createElement("div", { className: "flex flex-col" },
-                    React.createElement("span", { className: "text-xs text-gray-400" }, "Token Velocity"),
-                    React.createElement("span", { className: "text-lg font-mono text-[var(--cr-accent-orange)]" },
+                    React.createElement("span", { className: "text-[10px] text-gray-500 uppercase tracking-wider" }, "Token Velocity"),
+                    React.createElement("span", { className: "text-base font-bold text-[var(--cr-accent-orange)]" },
                         tokenBurnRateSec,
                         " T/s"))),
-            React.createElement("div", { className: "flex flex-col space-y-1 pt-2" },
-                React.createElement("div", { className: "flex justify-between text-xs" },
+            React.createElement("div", { className: "flex flex-col space-y-1 pt-1" },
+                React.createElement("div", { className: "flex justify-between text-[10px]" },
+                    React.createElement("span", { className: "text-gray-400" }, "Guest WASM Allocation"),
+                    React.createElement("span", { className: isWasmDanger ? 'text-red-400 font-bold animate-pulse' : isWasmWarning ? 'text-yellow-400' : 'text-gray-400' },
+                        wasmAllocationMb.toFixed(2),
+                        " / ",
+                        MAX_WASM_ALLOCATION.toFixed(1),
+                        " MB")),
+                React.createElement("div", { className: "w-full bg-gray-900 rounded-full h-2 overflow-hidden border border-white/5 relative" },
+                    React.createElement("div", { className: `h-full rounded-full transition-all duration-500 ${isWasmDanger
+                            ? 'bg-red-500 shadow-[0_0_10px_rgba(239,68,68,0.5)]'
+                            : isWasmWarning
+                                ? 'bg-yellow-500'
+                                : 'bg-blue-500'}`, style: { width: `${wasmPercent}%` } }),
+                    React.createElement("div", { className: "absolute right-[5%] top-0 bottom-0 w-0.5 bg-red-600/60", title: "9.5MB Danger Zone" })),
+                isWasmDanger && (React.createElement("div", { className: "text-[9px] text-red-500 uppercase font-bold tracking-widest mt-0.5 animate-pulse" }, "\u25B2 CRITICAL: APPROACHING 10MB VOLUMETRIC LIMIT"))),
+            React.createElement("div", { className: "flex flex-col space-y-1 pt-1" },
+                React.createElement("div", { className: "flex justify-between text-[10px]" },
                     React.createElement("span", { className: "text-gray-400" }, "Compute Budget"),
                     React.createElement("span", { className: isCritical ? 'text-red-400' : 'text-gray-400' },
                         consumedTokens.toLocaleString(),
                         " / ",
                         maxBudgetTokens.toLocaleString())),
-                React.createElement("div", { className: "w-full bg-gray-800 rounded-full h-1.5 overflow-hidden" },
-                    React.createElement("div", { className: `h-1.5 rounded-full ${isCritical ? 'bg-red-500' : 'bg-[var(--cr-accent-orange)]'}`, style: { width: `${budgetPercent}%`, transition: 'width 0.5s ease-out' } }))))));
+                React.createElement("div", { className: "w-full bg-gray-900 rounded-full h-1.5 overflow-hidden border border-white/5" },
+                    React.createElement("div", { className: `h-full rounded-full ${isCritical ? 'bg-red-500' : 'bg-[var(--cr-accent-orange)]'}`, style: { width: `${budgetPercent}%`, transition: 'width 0.5s ease-out' } }))))));
 };

package/dist/components/TopologicalCanvas.d.ts

@@ -22,6 +22,6 @@ export interface TopologicalCanvasProps {
  * TopologicalCanvas
  *
  * Concept: Visualizes the Macro-Swarm Architecture
- * Uses ReactFlow to map mathematical DAGs to the UI.
+ * Uses ReactFlow to map mathematical DAGs to the UI
  */
 export declare const TopologicalCanvas: React.FC<TopologicalCanvasProps>;

package/dist/components/TopologicalCanvas.js

@@ -21,22 +21,46 @@ import { ReactFlow, Background, Controls, getBezierPath, EdgeLabelRenderer, Pane
 import '@xyflow/react/dist/style.css';
 import { GlassBox } from './GlassBox';
 import { StatusPulse } from './StatusPulse';
+import { Lock, Unlock, ShieldAlert, ShieldX } from 'lucide-react';
+import { ConformanceGuillotine } from './ConformanceGuillotine';
 // Custom Node: SwarmNode
 const SwarmNode = ({ data }) => {
     var _a;
-    return (React.createElement(GlassBox, { density: "dense", className: `border ${data.isAnomalous ? 'border-[var(--cr-accent-orange)]' : 'border-gray-800'} min-w-[150px]` },
+    const isBreached = data.status === 'suspended_security_violation' || data.isSecurityViolation;
+    return (React.createElement(GlassBox, { density: "dense", className: `border relative overflow-hidden ${data.isPanicked
+            ? 'border-red-600/80 shadow-[0_0_15px_rgba(220,38,38,0.3)]'
+            : isBreached
+                ? 'border-orange-500/80 shadow-[0_0_15px_rgba(249,115,22,0.3)]'
+                : data.isAnomalous
+                    ? 'border-[var(--cr-accent-orange)]'
+                    : 'border-gray-800'} min-w-[150px]` },
         React.createElement("div", { className: "flex flex-col" },
             React.createElement("div", { className: "flex justify-between items-center mb-2" },
                 React.createElement("span", { className: "text-[10px] uppercase tracking-widest text-gray-500" }, data.typeLabel || 'AGENT'),
                 React.createElement(StatusPulse, { status: data.status || 'idle' })),
-            React.createElement("span", { className: "text-sm font-mono text-white truncate max-w-[120px]", title: data.urn }, ((_a = data.urn) === null || _a === void 0 ? void 0 : _a.split(':').slice(-2).join(':')) || 'urn:unknown'))));
+            React.createElement("span", { className: "text-sm font-mono text-white truncate max-w-[120px]", title: data.urn }, ((_a = data.urn) === null || _a === void 0 ? void 0 : _a.split(':').slice(-2).join(':')) || 'urn:unknown')),
+        data.isPanicked && (React.createElement("div", { className: "absolute inset-0 pointer-events-none overflow-hidden rounded-xl border border-red-500/50 bg-red-950/20" },
+            React.createElement("svg", { className: "absolute inset-0 w-full h-full opacity-60 stroke-red-500", strokeWidth: "1", strokeLinecap: "round" },
+                React.createElement("line", { x1: "0", y1: "0", x2: "60", y2: "40" }),
+                React.createElement("line", { x1: "60", y1: "40", x2: "30", y2: "80" }),
+                React.createElement("line", { x1: "60", y1: "40", x2: "110", y2: "30" }),
+                React.createElement("line", { x1: "110", y1: "30", x2: "150", y2: "70" }),
+                React.createElement("line", { x1: "110", y1: "30", x2: "140", y2: "10" }),
+                React.createElement("line", { x1: "30", y1: "80", x2: "0", y2: "100" }),
+                React.createElement("line", { x1: "30", y1: "80", x2: "80", y2: "95" })),
+            React.createElement("div", { className: "absolute bottom-1 right-2 text-[8px] font-mono text-red-500 font-bold uppercase tracking-widest animate-pulse" }, "\u2623 CONFORMANCE PANIC"))),
+        isBreached && (React.createElement("div", { className: "absolute inset-0 pointer-events-none rounded-xl border border-orange-500 bg-orange-950/35 flex flex-col justify-center items-center" },
+            React.createElement(ShieldX, { className: "w-8 h-8 text-orange-500 animate-bounce" }),
+            React.createElement("span", { className: "text-[7px] text-orange-400 font-bold uppercase tracking-widest mt-1" }, "BREACH BLOCK")))));
 };
 // Custom Node: SandboxNode (For Fractal Infrastructure)
 const SandboxNode = ({ id, data }) => {
     const fuelPercentage = data.cpuFuel && data.maxFuel ? (data.cpuFuel / data.maxFuel) * 100 : 100;
     const memoryPercentage = data.memoryUsage && data.maxMemory ? (data.memoryUsage / data.maxMemory) * 100 : 0;
-    return (React.createElement("div", { className: "bg-[rgba(20,20,20,0.8)] border border-[var(--cr-accent-orange)] rounded-lg p-4 min-w-[300px] min-h-[200px] relative shadow-[0_0_15px_rgba(255,100,0,0.2)]" },
-        React.createElement("div", { className: "absolute top-0 left-0 right-0 bg-[var(--cr-accent-orange)] text-black text-[10px] font-bold uppercase tracking-wider px-2 py-1 rounded-t-sm flex justify-between items-center" },
+    return (React.createElement("div", { className: `bg-[rgba(20,20,20,0.8)] border relative rounded-lg p-4 min-w-[300px] min-h-[200px] shadow-[0_0_15px_rgba(255,100,0,0.2)] ${data.isPanicked
+            ? 'border-red-600/80 shadow-[0_0_20px_rgba(220,38,38,0.4)]'
+            : 'border-[var(--cr-accent-orange)]'}` },
+        React.createElement("div", { className: `absolute top-0 left-0 right-0 text-[10px] font-bold uppercase tracking-wider px-2 py-1 rounded-t-sm flex justify-between items-center ${data.isPanicked ? 'bg-red-600 text-white' : 'bg-[var(--cr-accent-orange)] text-black'}` },
             React.createElement("span", null,
                 "\u26CA ",
                 data.sandboxType || 'WASM ENCLAVE',
@@ -59,7 +83,17 @@ const SandboxNode = ({ id, data }) => {
                     data.maxMemory || 10,
                     "MB")),
             React.createElement("div", { className: "h-1 bg-gray-800 rounded-full overflow-hidden" },
-                React.createElement("div", { className: "h-full bg-blue-400 transition-all", style: { width: `${memoryPercentage}%` } })))));
+                React.createElement("div", { className: "h-full bg-blue-400 transition-all", style: { width: `${memoryPercentage}%` } }))),
+        data.isPanicked && (React.createElement("div", { className: "absolute inset-0 pointer-events-none overflow-hidden rounded-lg border border-red-500/50 bg-red-950/20" },
+            React.createElement("svg", { className: "absolute inset-0 w-full h-full opacity-60 stroke-red-500", strokeWidth: "1", strokeLinecap: "round" },
+                React.createElement("line", { x1: "0", y1: "0", x2: "100", y2: "80" }),
+                React.createElement("line", { x1: "100", y1: "80", x2: "80", y2: "160" }),
+                React.createElement("line", { x1: "100", y1: "80", x2: "220", y2: "60" }),
+                React.createElement("line", { x1: "220", y1: "60", x2: "290", y2: "140" }),
+                React.createElement("line", { x1: "220", y1: "60", x2: "280", y2: "20" }),
+                React.createElement("line", { x1: "80", y1: "160", x2: "0", y2: "200" }),
+                React.createElement("line", { x1: "80", y1: "160", x2: "180", y2: "190" })),
+            React.createElement("div", { className: "absolute bottom-1 right-2 text-[8px] font-mono text-red-500 font-bold uppercase tracking-widest animate-pulse" }, "\u2623 CONFORMANCE PANIC")))));
 };
 // Custom Edge: TelemetryEdge
 const TelemetryEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style = {}, markerEnd, data }) => {
@@ -71,9 +105,83 @@ const TelemetryEdge = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition,
         targetY,
         targetPosition,
     });
+    const [showDetails, setShowDetails] = React.useState(false);
+    const getEdgeColor = () => {
+        if (data === null || data === void 0 ? void 0 : data.isSecurityViolation)
+            return '#f97316'; // Flashing firewall orange
+        if (data === null || data === void 0 ? void 0 : data.isSecureMtls)
+            return '#00ffcc'; // Glowing mTLS cyan
+        if (data === null || data === void 0 ? void 0 : data.isUnsecureEgress)
+            return '#cca700'; // Warning cleartext amber
+        return (data === null || data === void 0 ? void 0 : data.isStreaming) ? 'var(--cr-accent-orange)' : '#4B5563';
+    };
+    const getStrokeDashArray = () => {
+        if ((data === null || data === void 0 ? void 0 : data.isSecureMtls) || (data === null || data === void 0 ? void 0 : data.isStreaming) || (data === null || data === void 0 ? void 0 : data.isSecurityViolation))
+            return '5,5';
+        return 'none';
+    };
+    const getAnimation = () => {
+        if (data === null || data === void 0 ? void 0 : data.isSecurityViolation)
+            return 'dashdraw 0.5s linear infinite';
+        if ((data === null || data === void 0 ? void 0 : data.isStreaming) || (data === null || data === void 0 ? void 0 : data.isSecureMtls))
+            return 'dashdraw 1s linear infinite';
+        return 'none';
+    };
     return (React.createElement("g", null,
-        React.createElement("path", { id: id, style: Object.assign(Object.assign({}, style), { strokeWidth: 2, stroke: (data === null || data === void 0 ? void 0 : data.isStreaming) ? 'var(--cr-accent-orange)' : '#4B5563', strokeDasharray: (data === null || data === void 0 ? void 0 : data.isStreaming) ? '5,5' : 'none', animation: (data === null || data === void 0 ? void 0 : data.isStreaming) ? 'dashdraw 1s linear infinite' : 'none' }), className: "react-flow__edge-path", d: edgePath, markerEnd: markerEnd }),
-        (data === null || data === void 0 ? void 0 : data.label) && (React.createElement(EdgeLabelRenderer, null,
+        React.createElement("path", { id: id, style: Object.assign(Object.assign({}, style), { strokeWidth: (data === null || data === void 0 ? void 0 : data.isSecureMtls) || (data === null || data === void 0 ? void 0 : data.isSecurityViolation) ? 3 : 2, stroke: getEdgeColor(), strokeDasharray: getStrokeDashArray(), animation: getAnimation() }), className: "react-flow__edge-path", d: edgePath, markerEnd: markerEnd }),
+        (data === null || data === void 0 ? void 0 : data.isSecureMtls) && (React.createElement(EdgeLabelRenderer, null,
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                    pointerEvents: 'all',
+                }, className: "flex flex-col items-center z-50" },
+                React.createElement("button", { onClick: (e) => {
+                        e.stopPropagation();
+                        setShowDetails(!showDetails);
+                    }, className: "bg-black/90 border border-[var(--cr-accent-cyan)] hover:bg-[rgba(0,255,204,0.1)] text-[var(--cr-accent-cyan)] p-1 rounded-full shadow-[0_0_10px_rgba(0,255,204,0.3)] transition-all cursor-pointer", title: "Inspect mTLS Tunnel" },
+                    React.createElement(Lock, { className: "w-3 h-3" })),
+                showDetails && (React.createElement("div", { className: "absolute top-6 bg-black/95 border border-[var(--cr-accent-cyan)] p-2 rounded text-[9px] font-mono text-gray-300 w-44 shadow-2xl flex flex-col gap-1 z-[9999] pointer-events-auto" },
+                    React.createElement("div", { className: "text-[var(--cr-accent-cyan)] font-bold border-b border-white/10 pb-0.5 mb-1 uppercase tracking-wider" }, "Envoy mTLS Active"),
+                    React.createElement("div", null,
+                        "Cipher: ",
+                        React.createElement("span", { className: "text-white" }, data.cipherSuite || 'TLS_AES_256_GCM_SHA384')),
+                    React.createElement("div", null,
+                        "Domain: ",
+                        React.createElement("span", { className: "text-white truncate block" }, data.spiffeId || 'spiffe://coreason.internal')),
+                    React.createElement("button", { onClick: () => setShowDetails(false), className: "mt-1 text-[8px] bg-white/10 hover:bg-white/20 text-white rounded py-0.5 w-full border border-white/5 uppercase" }, "Close")))))),
+        (data === null || data === void 0 ? void 0 : data.isSecurityViolation) && (React.createElement(EdgeLabelRenderer, null,
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                    pointerEvents: 'all',
+                }, className: "flex flex-col items-center z-50" },
+                React.createElement("button", { onClick: (e) => {
+                        e.stopPropagation();
+                        setShowDetails(!showDetails);
+                    }, className: "bg-black/90 border border-orange-500 hover:bg-orange-950/20 text-orange-500 p-1 rounded-full shadow-[0_0_10px_rgba(249,115,22,0.3)] transition-all cursor-pointer animate-pulse", title: "Security Violation Detected" },
+                    React.createElement(ShieldAlert, { className: "w-3 h-3" })),
+                showDetails && (React.createElement("div", { className: "absolute top-6 bg-black/95 border border-orange-500 p-2.5 rounded text-[9px] font-mono text-gray-300 w-52 shadow-2xl flex flex-col gap-1 z-[9999] pointer-events-auto" },
+                    React.createElement("div", { className: "text-orange-500 font-bold border-b border-orange-900/30 pb-0.5 mb-1 uppercase tracking-wider" }, "Firewall Block"),
+                    React.createElement("div", { className: "text-red-400 font-bold" }, "Bell-LaPadula Rule Breach"),
+                    React.createElement("div", { className: "text-[8px] text-gray-400 mt-1 leading-normal" }, data.securityViolationDetails || 'Write-down from SECRET thread to UNCLASSIFIED sink blocked by Envoy proxy.'),
+                    React.createElement("button", { onClick: () => setShowDetails(false), className: "mt-1 text-[8px] bg-white/10 hover:bg-white/20 text-white rounded py-0.5 w-full border border-white/5 uppercase" }, "Close")))))),
+        (data === null || data === void 0 ? void 0 : data.isUnsecureEgress) && (React.createElement(EdgeLabelRenderer, null,
+            React.createElement("div", { style: {
+                    position: 'absolute',
+                    transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
+                    pointerEvents: 'all',
+                }, className: "flex flex-col items-center z-50" },
+                React.createElement("button", { onClick: (e) => {
+                        e.stopPropagation();
+                        setShowDetails(!showDetails);
+                    }, className: "bg-black/90 border border-yellow-500 hover:bg-yellow-950/20 text-yellow-500 p-1 rounded-full shadow-[0_0_10px_rgba(234,179,8,0.3)] transition-all cursor-pointer", title: "Unsecure Egress Channel" },
+                    React.createElement(Unlock, { className: "w-3 h-3" })),
+                showDetails && (React.createElement("div", { className: "absolute top-6 bg-black/95 border border-yellow-500 p-2.5 rounded text-[9px] font-mono text-gray-300 w-52 shadow-2xl flex flex-col gap-1 z-[9999] pointer-events-auto" },
+                    React.createElement("div", { className: "text-yellow-500 font-bold border-b border-yellow-900/30 pb-0.5 mb-1 uppercase tracking-wider" }, "Cleartext Egress"),
+                    React.createElement("div", { className: "text-yellow-400" }, "Envoy mTLS Inactive"),
+                    React.createElement("div", { className: "text-[8px] text-gray-400 mt-1 leading-normal font-sans" }, "Egress path carries no identity claims. Clearance: PUBLIC"),
+                    React.createElement("button", { onClick: () => setShowDetails(false), className: "mt-1 text-[8px] bg-white/10 hover:bg-white/20 text-white rounded py-0.5 w-full border border-white/5 uppercase" }, "Close")))))),
+        !(data === null || data === void 0 ? void 0 : data.isSecureMtls) && !(data === null || data === void 0 ? void 0 : data.isSecurityViolation) && !(data === null || data === void 0 ? void 0 : data.isUnsecureEgress) && (data === null || data === void 0 ? void 0 : data.label) && (React.createElement(EdgeLabelRenderer, null,
             React.createElement("div", { style: {
                     position: 'absolute',
                     transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
@@ -91,10 +199,11 @@ const edgeTypes = {
  * TopologicalCanvas
  *
  * Concept: Visualizes the Macro-Swarm Architecture
- * Uses ReactFlow to map mathematical DAGs to the UI.
+ * Uses ReactFlow to map mathematical DAGs to the UI
  */
 export const TopologicalCanvas = ({ nodes, edges, availableCapabilities = [], onNodeClick, onNodesChange, onEdgesChange, onConnect, onDropCapability }) => {
     const [isLayouting, setIsLayouting] = React.useState(false);
+    const [activePanicNode, setActivePanicNode] = React.useState(null);
     const onDragStart = (event, capability) => {
         event.dataTransfer.setData('application/reactflow', JSON.stringify(capability));
         event.dataTransfer.effectAllowed = 'move';
@@ -116,6 +225,19 @@ export const TopologicalCanvas = ({ nodes, edges, availableCapabilities = [], on
             onDropCapability(capability, position);
         }
     };
+    const handleInternalNodeClick = (event, node) => {
+        var _a;
+        if ((_a = node.data) === null || _a === void 0 ? void 0 : _a.isPanicked) {
+            setActivePanicNode({
+                nodeId: node.id,
+                panicMessage: node.data.panicMessage || 'WASM plugin panicked internally.',
+                backtrace: node.data.backtrace || 'No stack trace captured.'
+            });
+        }
+        if (onNodeClick) {
+            onNodeClick(event, node);
+        }
+    };
     const handleAutoLayout = () => __awaiter(void 0, void 0, void 0, function* () {
         if (nodes.length === 0)
             return;
@@ -159,7 +281,7 @@ export const TopologicalCanvas = ({ nodes, edges, availableCapabilities = [], on
             setIsLayouting(false);
         }
     });
-    return (React.createElement("div", { className: "flex h-full w-full rounded-xl overflow-hidden border border-gray-800 bg-black" },
+    return (React.createElement("div", { className: "flex h-full w-full rounded-xl overflow-hidden border border-gray-800 bg-black relative" },
         availableCapabilities.length > 0 && (React.createElement("div", { className: "w-64 border-r border-gray-800 bg-[var(--cr-glass-box-black)] p-4 overflow-y-auto" },
             React.createElement("div", { className: "text-white uppercase tracking-widest text-xs font-bold mb-4 border-b border-gray-800 pb-2" }, "URN Registry"),
             React.createElement("div", { className: "flex flex-col gap-3" }, availableCapabilities.map((cap) => (React.createElement("div", { key: cap.urn, className: "bg-[rgba(20,20,20,0.8)] border border-gray-700 p-2 rounded cursor-grab hover:border-[var(--cr-accent-cyan)] transition-colors", onDragStart: (event) => onDragStart(event, cap), draggable: true },
@@ -175,9 +297,15 @@ export const TopologicalCanvas = ({ nodes, edges, availableCapabilities = [], on
               background-color: #000;
             }
           `),
-            React.createElement(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onNodeClick: onNodeClick, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, fitView: true, proOptions: { hideAttribution: true } },
+            React.createElement(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onNodeClick: handleInternalNodeClick, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, fitView: true, proOptions: { hideAttribution: true } },
                 React.createElement(Background, { color: "#1f2937", gap: 20 }),
                 React.createElement(Controls, { className: "bg-[var(--cr-glass-box-black)] border border-gray-800 fill-white" }),
                 React.createElement(Panel, { position: "top-right", className: "m-4" },
-                    React.createElement("button", { onClick: handleAutoLayout, disabled: isLayouting, className: `bg-[var(--cr-accent-orange)] text-black font-bold uppercase tracking-wider text-[10px] px-4 py-2 rounded shadow-lg transition-opacity ${isLayouting ? 'opacity-50 cursor-not-allowed' : 'hover:opacity-90'}` }, isLayouting ? 'Computing Topology...' : 'Orthogonal Layout'))))));
+                    React.createElement("button", { onClick: handleAutoLayout, disabled: isLayouting, className: `bg-[var(--cr-accent-orange)] text-black font-bold uppercase tracking-wider text-[10px] px-4 py-2 rounded shadow-lg transition-opacity ${isLayouting ? 'opacity-50 cursor-not-allowed' : 'hover:opacity-90'}` }, isLayouting ? 'Computing Topology...' : 'Orthogonal Layout')))),
+        activePanicNode && (React.createElement("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-sm z-[9999] flex justify-center items-center p-6" },
+            React.createElement(ConformanceGuillotine, { nodeId: activePanicNode.nodeId, panicMessage: activePanicNode.panicMessage, backtrace: activePanicNode.backtrace, onClose: () => setActivePanicNode(null), onRecover: () => {
+                    console.log(`Triggering hot enclave recovery for ${activePanicNode.nodeId}`);
+                    // In production this emits a hot-attestation reload request to the Temporal ledger
+                    setActivePanicNode(null);
+                } })))));
 };

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { HolographicAuditTrail } from './components/HolographicAuditTrail';
 export { MarkovBlanketLens } from './components/MarkovBlanketLens';
 export { TopologicalCanvas } from './components/TopologicalCanvas';
 export { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
+export { SVIDBadge } from './components/SVIDBadge';
+export { ConformanceGuillotine } from './components/ConformanceGuillotine';
 export { VFEIndicator } from './components/VFEIndicator';
 export { VerifiedCapabilityReceipt } from './components/VerifiedCapabilityReceipt';
 export { HardwareProfileProvider, useHardwareProfile } from './components/HardwareProfiler';

package/dist/index.js

@@ -17,6 +17,8 @@ export { HolographicAuditTrail } from './components/HolographicAuditTrail';
 export { MarkovBlanketLens } from './components/MarkovBlanketLens';
 export { TopologicalCanvas } from './components/TopologicalCanvas';
 export { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
+export { SVIDBadge } from './components/SVIDBadge';
+export { ConformanceGuillotine } from './components/ConformanceGuillotine';
 export { VFEIndicator } from './components/VFEIndicator';
 export { VerifiedCapabilityReceipt } from './components/VerifiedCapabilityReceipt';
 export { HardwareProfileProvider, useHardwareProfile } from './components/HardwareProfiler';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreason-ai/sensory-core",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Topos-Theoretic UI primitive library for the CoReason Cybernetic Manifold. Stateless, hollow React components that project coreason-manifest Pydantic ASTs into the DOM.",
   "license": "Prosperity-3.0",
   "author": "CoReason, Inc. <info@coreason.ai>",