@coreason-ai/sensory-core 1.3.0 → 1.5.0

package/dist/components/WasmSandboxCagingHud.js

@@ -0,0 +1,167 @@
+// 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-runtime>
+import React from 'react';
+import { GlassBox } from './GlassBox';
+import { Shield, Zap, AlertTriangle, Activity } from 'lucide-react';
+export const WasmSandboxCagingHud = ({ telemetry, attestation = {
+    transactionId: 'tx_pending',
+    proofStatus: 'UNCHECKED',
+    originatingAgentUrn: 'urn:coreason:agent:unknown',
+    verificationTimestamp: new Date().toISOString(),
+    zkProofHash: '0x0000000000000000000000000000000000000000000000000000000000000000',
+    sdJwtCompliance: false
+}, className = '' }) => {
+    const ceilingRam = 10485760; // 10MB in bytes
+    const ramPercent = Math.min((telemetry.ramBytesAllocated / ceilingRam) * 100, 100);
+    const ramMb = telemetry.ramBytesAllocated / 1048576;
+    const criticalThreshold = 8388608; // 8MB in bytes
+    const isCriticalRam = telemetry.ramBytesAllocated >= criticalThreshold;
+    // Determine bubble count and rise animation duration based on CPU burn rate
+    const bubbleCount = 8;
+    const bubbleSpeedSeconds = Math.max(0.4, 6 - Math.min(5.5, telemetry.cpuFuelBurnRate / 8000));
+    const isProofValidated = attestation.proofStatus === 'VALIDATED';
+    const isProofForged = attestation.proofStatus === 'FORGED' || attestation.proofStatus === 'INVALID';
+    return (React.createElement("div", { className: `flex flex-col lg:flex-row gap-6 w-full h-full select-none text-white ${className}` },
+        React.createElement(GlassBox, { density: "dense", className: "flex-1 border border-white/10 bg-black/55 backdrop-blur-md p-6 flex flex-col gap-6 rounded-xl" },
+            React.createElement("div", { className: "flex items-center justify-between border-b border-white/10 pb-3" },
+                React.createElement("div", { className: "flex items-center gap-2" },
+                    React.createElement(Zap, { className: "w-4 h-4 text-cyan-400" }),
+                    React.createElement("span", { className: "text-[11px] font-bold text-gray-400 uppercase tracking-widest" }, "WASM Thermodynamic Supervisor")),
+                React.createElement("span", { className: "text-[9px] font-mono text-gray-500 truncate max-w-[200px]", title: telemetry.sandboxUrn }, telemetry.sandboxUrn.split(':').slice(-2).join(':') || telemetry.sandboxUrn)),
+            React.createElement("div", { className: "flex flex-col md:flex-row gap-8 items-center justify-center py-4" },
+                React.createElement("div", { className: "flex flex-col items-center gap-3" },
+                    React.createElement("div", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-wider" }, "Volumetric RAM Ceiling (10MB)"),
+                    React.createElement("div", { className: "relative w-28 h-64 bg-black/40 border border-white/10 rounded-t-full rounded-b-full shadow-inner overflow-hidden flex flex-col justify-end" },
+                        React.createElement("div", { className: "absolute top-0 left-0 right-0 h-6 bg-white/5 border-b border-white/15 rounded-full z-20" }),
+                        React.createElement("div", { className: "absolute inset-0 z-10 pointer-events-none overflow-hidden" }, Array.from({ length: bubbleCount }).map((_, index) => {
+                            const leftOffset = 15 + index * 10;
+                            const delay = index * 0.35;
+                            const scale = 0.5 + (index % 3) * 0.25;
+                            return (React.createElement("div", { key: index, className: "absolute bottom-2 w-2 h-2 bg-cyan-400/40 rounded-full", style: {
+                                    left: `${leftOffset}%`,
+                                    animationName: 'rise',
+                                    animationDuration: `${bubbleSpeedSeconds}s`,
+                                    animationTimingFunction: 'linear',
+                                    animationIterationCount: 'infinite',
+                                    animationDelay: `${delay}s`,
+                                    transform: `scale(${scale})`
+                                } }));
+                        })),
+                        React.createElement("div", { className: `relative w-full transition-all duration-700 ease-out z-0 flex flex-col justify-start`, style: {
+                                height: `${ramPercent}%`,
+                                background: isCriticalRam
+                                    ? 'linear-gradient(to top, rgba(239, 68, 68, 0.4), rgba(220, 38, 38, 0.7))'
+                                    : 'linear-gradient(to top, rgba(6, 182, 212, 0.3), rgba(14, 165, 233, 0.55))'
+                            } },
+                            React.createElement("div", { className: `absolute -top-3 left-0 right-0 h-6 rounded-full border-t border-white/20 transition-all duration-700`, style: {
+                                    backgroundColor: isCriticalRam ? 'rgba(220, 38, 38, 0.85)' : 'rgba(14, 165, 233, 0.75)',
+                                    boxShadow: isCriticalRam ? '0 0 12px rgba(220, 38, 38, 0.8)' : '0 0 12px rgba(14, 165, 233, 0.6)'
+                                } })),
+                        React.createElement("div", { className: "absolute bottom-[80%] left-0 right-0 border-t border-red-500/30 border-dashed z-20 flex justify-end pr-2 pointer-events-none" },
+                            React.createElement("span", { className: "text-[8px] text-red-400/70 font-mono bg-black/40 px-1 rounded -translate-y-1.5" }, "80% (8MB)"))),
+                    React.createElement("div", { className: "text-center font-mono mt-1" },
+                        React.createElement("span", { className: `text-base font-bold ${isCriticalRam ? 'text-red-400 animate-pulse' : 'text-cyan-400'}` },
+                            ramMb.toFixed(2),
+                            " MB"),
+                        React.createElement("span", { className: "text-[9px] text-gray-500 block" },
+                            "Utilization: ",
+                            ramPercent.toFixed(1),
+                            "%"))),
+                React.createElement("div", { className: "flex-1 w-full flex flex-col gap-4 font-mono" },
+                    React.createElement("div", { className: "p-3 bg-black/35 rounded-lg border border-white/5" },
+                        React.createElement("div", { className: "text-[9px] text-gray-500 uppercase tracking-wider" }, "Remaining Instruction Fuel"),
+                        React.createElement("div", { className: "text-lg font-bold text-white mt-1" },
+                            telemetry.cpuFuelRemaining.toLocaleString(),
+                            " units"),
+                        React.createElement("div", { className: "w-full bg-gray-900 rounded-full h-1.5 overflow-hidden border border-white/5 mt-2" },
+                            React.createElement("div", { className: "h-full bg-cyan-400 rounded-full transition-all duration-300", style: { width: `${Math.min(100, (telemetry.cpuFuelRemaining / 1000000) * 100)}%` } }))),
+                    React.createElement("div", { className: "p-3 bg-black/35 rounded-lg border border-white/5" },
+                        React.createElement("div", { className: "text-[9px] text-gray-500 uppercase tracking-wider" }, "CPU Instruction Velocity"),
+                        React.createElement("div", { className: "text-lg font-bold text-[var(--cr-accent-orange)] mt-1 flex items-baseline gap-1" },
+                            telemetry.cpuFuelBurnRate.toLocaleString(),
+                            React.createElement("span", { className: "text-[9px] text-gray-400 font-normal" }, "fuel/sec")),
+                        React.createElement("div", { className: "flex items-center gap-1.5 mt-2 text-[9px] text-gray-400" },
+                            React.createElement(Activity, { className: "w-3 h-3 text-orange-400 animate-pulse" }),
+                            React.createElement("span", null, "Bubble speed scaled dynamically."))),
+                    isCriticalRam && (React.createElement("div", { className: "p-3 bg-red-950/45 border border-red-500/40 rounded-lg flex items-start gap-2 animate-pulse" },
+                        React.createElement(AlertTriangle, { className: "w-4 h-4 text-red-400 shrink-0 mt-0.5" }),
+                        React.createElement("div", null,
+                            React.createElement("div", { className: "text-[9px] font-bold text-red-300 uppercase tracking-wider" }, "RESOURCE PANIC STATUS"),
+                            React.createElement("p", { className: "text-[9px] text-red-200 mt-0.5 leading-relaxed" }, "WASM guest node allocation has breached the 8MB thermodynamic warning limit. Isolation supervisor enforces hard halt at 10MB."))))))),
+        React.createElement(GlassBox, { density: "dense", className: "w-full lg:w-[360px] border border-white/10 bg-black/55 backdrop-blur-md p-6 flex flex-col gap-6 rounded-xl shrink-0" },
+            React.createElement("div", { className: "flex items-center gap-2 border-b border-white/10 pb-3" },
+                React.createElement(Shield, { className: "w-4 h-4 text-green-400" }),
+                React.createElement("span", { className: "text-[11px] font-bold text-gray-400 uppercase tracking-widest" }, "Attestation & Proof Shield")),
+            React.createElement("div", { className: "flex flex-col items-center justify-center py-6 gap-6" },
+                React.createElement("div", { className: "relative w-40 h-40 flex items-center justify-center perspective-[800px]" },
+                    React.createElement("div", { className: "relative w-32 h-32 transform-style-3d transition-transform duration-1000 ease-in-out", style: {
+                            transform: `rotateX(15deg) ${isProofForged ? 'rotateY(180deg)' : 'rotateY(0deg)'}`
+                        } },
+                        React.createElement("div", { className: "absolute inset-0 transform-style-3d transition-all duration-700 backface-hidden flex items-center justify-center", style: {
+                                transform: isProofValidated ? 'rotateY(0deg)' : 'rotateY(110deg)'
+                            } },
+                            React.createElement("svg", { viewBox: "0 0 100 100", className: "w-full h-full drop-shadow-[0_0_15px_rgba(34,197,94,0.4)]" },
+                                React.createElement("polygon", { points: "50,10 85,25 85,60 50,90 15,60 15,25", fill: "#14532d", fillOpacity: "0.8", stroke: "#22c55e", strokeWidth: "2" }),
+                                React.createElement("polygon", { points: "50,10 50,90 15,60", fill: "#15803d", fillOpacity: "0.4", stroke: "#22c55e", strokeWidth: "1" }),
+                                React.createElement("polygon", { points: "50,10 85,25 50,90", fill: "#166534", fillOpacity: "0.4", stroke: "#22c55e", strokeWidth: "1" }),
+                                React.createElement("path", { d: "M40,40 V30 A10,10 0 0,1 60,30 V40 M32,40 H68 V68 H32 Z", fill: "none", stroke: "#22c55e", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+                                React.createElement("circle", { cx: "50", cy: "52", r: "3", fill: "#22c55e" }))),
+                        React.createElement("div", { className: "absolute inset-0 transform-style-3d transition-all duration-700 backface-hidden flex items-center justify-center", style: {
+                                transform: isProofForged ? 'rotateY(0deg)' : 'rotateY(-110deg)'
+                            } },
+                            React.createElement("svg", { viewBox: "0 0 100 100", className: "w-full h-full drop-shadow-[0_0_15px_rgba(249,115,22,0.45)]" },
+                                React.createElement("polygon", { points: "50,25 65,45 35,45", fill: "#7c2d12", stroke: "#f97316", strokeWidth: "1.5" }),
+                                React.createElement("polygon", { points: "35,45 20,65 50,65", fill: "#9a3412", stroke: "#f97316", strokeWidth: "1.5" }),
+                                React.createElement("polygon", { points: "65,45 50,65 80,65", fill: "#7c2d12", stroke: "#f97316", strokeWidth: "1.5" }),
+                                React.createElement("line", { x1: "30", y1: "35", x2: "70", y2: "75", stroke: "#ea580c", strokeWidth: "3", strokeDasharray: "4,4" }),
+                                React.createElement("line", { x1: "40", y1: "25", x2: "80", y2: "65", stroke: "#ea580c", strokeWidth: "3", strokeDasharray: "4,4" }),
+                                React.createElement("path", { d: "M45,45 L55,55 M55,45 L45,55", fill: "none", stroke: "#ef4444", strokeWidth: "3", strokeLinecap: "round" }))),
+                        !isProofValidated && !isProofForged && (React.createElement("div", { className: "absolute inset-0 flex items-center justify-center" },
+                            React.createElement("svg", { viewBox: "0 0 100 100", className: "w-full h-full opacity-60" },
+                                React.createElement("polygon", { points: "50,15 80,30 80,65 50,85 20,65 20,30", fill: "#1e293b", fillOpacity: "0.7", stroke: "#64748b", strokeWidth: "2", strokeDasharray: "3,3" }),
+                                React.createElement("path", { d: "M42,40 V32 A8,8 0 0,1 58,32 V40 M35,40 H65 V65 H35 Z", fill: "none", stroke: "#64748b", strokeWidth: "2" }))))),
+                    React.createElement("div", { className: "absolute bottom-2 flex flex-col items-center" },
+                        React.createElement("span", { className: `text-[10px] font-bold px-2 py-0.5 rounded tracking-widest font-mono border ${isProofValidated
+                                ? 'bg-green-900/60 text-green-300 border-green-500/30'
+                                : isProofForged
+                                    ? 'bg-orange-950/60 text-orange-400 border-orange-500/30 animate-pulse'
+                                    : 'bg-slate-900/60 text-slate-400 border-slate-700/30'}` }, attestation.proofStatus))),
+                React.createElement("div", { className: "w-full font-mono text-[9px] bg-black/35 rounded-lg border border-white/5 p-3 flex flex-col gap-2" },
+                    React.createElement("div", { className: "flex justify-between border-b border-white/5 pb-1" },
+                        React.createElement("span", { className: "text-gray-500" }, "Transaction ID"),
+                        React.createElement("span", { className: "text-white font-bold" }, attestation.transactionId)),
+                    React.createElement("div", { className: "flex justify-between border-b border-white/5 pb-1" },
+                        React.createElement("span", { className: "text-gray-500" }, "Proof Hash"),
+                        React.createElement("span", { className: "text-gray-300 truncate w-[160px] text-right", title: attestation.zkProofHash }, attestation.zkProofHash)),
+                    React.createElement("div", { className: "flex justify-between border-b border-white/5 pb-1" },
+                        React.createElement("span", { className: "text-gray-500" }, "SD-JWT Compliance"),
+                        React.createElement("span", { className: attestation.sdJwtCompliance ? 'text-green-400 font-bold' : 'text-orange-400 font-bold' }, attestation.sdJwtCompliance ? 'COMPLIANT' : 'DEFICIT')),
+                    React.createElement("div", { className: "flex justify-between" },
+                        React.createElement("span", { className: "text-gray-500" }, "Attestation Timestamp"),
+                        React.createElement("span", { className: "text-gray-400" }, new Date(attestation.verificationTimestamp).toLocaleTimeString()))))),
+        React.createElement("style", null, `
+        @keyframes rise {
+          0% {
+            transform: translateY(100%) scale(0.6);
+            opacity: 0;
+          }
+          10% {
+            opacity: 0.6;
+          }
+          90% {
+            opacity: 0.6;
+          }
+          100% {
+            transform: translateY(-240px) scale(1.1);
+            opacity: 0;
+          }
+        }
+      `)));
+};

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { ThermodynamicGovernor } from './components/ThermodynamicGovernor';
 export { QuorumAdjudicator } from './components/QuorumAdjudicator';
 export { HolographicAuditTrail } from './components/HolographicAuditTrail';
 export { MarkovBlanketLens } from './components/MarkovBlanketLens';
-export { TopologicalCanvas } from './components/TopologicalCanvas';
+export { TopologicalCanvas, computeBlastRadius } from './components/TopologicalCanvas';
 export { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
 export { SVIDBadge } from './components/SVIDBadge';
 export { ConformanceGuillotine } from './components/ConformanceGuillotine';
@@ -17,3 +17,15 @@ export { SensoryUnfolder } from './components/SensoryUnfolder';
 export { MultimodalProjection } from './components/MultimodalProjection';
 export { MultimodalCapture } from './components/MultimodalCapture';
 export { DynamicToposRenderer } from './components/DynamicToposRenderer';
+export { SpeculativeTreeRenderer } from './components/SpeculativeTreeRenderer';
+export type { SpeculativeTokenNode, SpeculativeTreeRendererProps, SpeculativeValidationStatus } from './components/SpeculativeTreeRenderer';
+export { EpistemicDeficitRadar } from './components/EpistemicDeficitRadar';
+export type { EpistemicDeficitRadarProps } from './components/EpistemicDeficitRadar';
+export { WasmSandboxCagingHud } from './components/WasmSandboxCagingHud';
+export type { WasmSandboxCagingHudProps, SandboxHardwareTelemetry, AttestationReceipt } from './components/WasmSandboxCagingHud';
+export { KeysigningCeremonyModal } from './components/KeysigningCeremonyModal';
+export type { KeysigningCeremonyModalProps, SignerProfile, DelegatedAttestationReceipt } from './components/KeysigningCeremonyModal';
+export { DlpParticleShield } from './components/DlpParticleShield';
+export type { DlpParticleShieldProps } from './components/DlpParticleShield';
+export { SemanticConstellationMap } from './components/SemanticConstellationMap';
+export type { SemanticConstellationMapProps, SemanticConceptNode, SemanticConceptEdge } from './components/SemanticConstellationMap';

package/dist/index.js

@@ -15,7 +15,7 @@ export { ThermodynamicGovernor } from './components/ThermodynamicGovernor';
 export { QuorumAdjudicator } from './components/QuorumAdjudicator';
 export { HolographicAuditTrail } from './components/HolographicAuditTrail';
 export { MarkovBlanketLens } from './components/MarkovBlanketLens';
-export { TopologicalCanvas } from './components/TopologicalCanvas';
+export { TopologicalCanvas, computeBlastRadius } from './components/TopologicalCanvas';
 export { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
 export { SVIDBadge } from './components/SVIDBadge';
 export { ConformanceGuillotine } from './components/ConformanceGuillotine';
@@ -26,3 +26,9 @@ export { SensoryUnfolder } from './components/SensoryUnfolder';
 export { MultimodalProjection } from './components/MultimodalProjection';
 export { MultimodalCapture } from './components/MultimodalCapture';
 export { DynamicToposRenderer } from './components/DynamicToposRenderer';
+export { SpeculativeTreeRenderer } from './components/SpeculativeTreeRenderer';
+export { EpistemicDeficitRadar } from './components/EpistemicDeficitRadar';
+export { WasmSandboxCagingHud } from './components/WasmSandboxCagingHud';
+export { KeysigningCeremonyModal } from './components/KeysigningCeremonyModal';
+export { DlpParticleShield } from './components/DlpParticleShield';
+export { SemanticConstellationMap } from './components/SemanticConstellationMap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreason-ai/sensory-core",
-  "version": "1.3.0",
+  "version": "1.5.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>",