@coreason-ai/sensory-core 1.0.3

package/dist/components/nodes/AgentNode.js

@@ -0,0 +1,51 @@
+// 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>
+import React from 'react';
+import { Handle, Position } from '@xyflow/react';
+export const AgentNode = React.memo(({ data }) => {
+    // Thermodynamic Bounds
+    const isVfeCritical = data.vfe !== undefined && data.vfe > 0.8;
+    const isMemoryCritical = data.memoryAllocatedMb !== undefined && data.memoryAllocatedMb > 9.0; // Max is 10MB
+    const isFuelCritical = data.cpuFuelRemaining !== undefined && data.cpuFuelRemaining < 1000;
+    const isCritical = isVfeCritical || isMemoryCritical || isFuelCritical;
+    // Use our glass-panel CSS classes dynamically
+    let containerClass = "glass-panel";
+    if (isCritical) {
+        containerClass += " pulse-danger border-danger";
+    }
+    return (React.createElement("div", { className: containerClass, style: { minWidth: '180px', textAlign: 'center', transition: 'all 0.3s ease' } },
+        React.createElement(Handle, { type: "target", position: Position.Top, className: "glass-handle" }),
+        React.createElement("div", { style: { fontSize: '13px', fontWeight: 'bold', marginBottom: '8px', color: isCritical ? '#ff4444' : '#d4d4d4' } },
+            data.persona === 'OBSERVER' ? '✅ ' : '',
+            data.label),
+        data.persona !== 'OBSERVER' && (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '4px', textAlign: 'left', fontSize: '10px' } },
+            data.vfe !== undefined && (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px' } },
+                React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between' } },
+                    React.createElement("span", { style: { color: '#888' } }, "VFE:"),
+                    React.createElement("span", { style: { color: isVfeCritical ? '#ff4444' : '#00ffaa' } }, data.vfe.toFixed(2))),
+                React.createElement("div", { style: { width: '100%', height: '3px', background: 'rgba(255,255,255,0.1)', borderRadius: '1.5px', overflow: 'hidden' } },
+                    React.createElement("div", { style: { height: '100%', width: `${Math.min(data.vfe * 100, 100)}%`, background: isVfeCritical ? '#ff4444' : '#00ffaa', transition: 'width 0.3s' } })))),
+            data.memoryAllocatedMb !== undefined && (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px', marginTop: '4px' } },
+                React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between' } },
+                    React.createElement("span", { style: { color: '#888' } }, "RAM:"),
+                    React.createElement("span", { style: { color: isMemoryCritical ? '#ff4444' : '#569cd6' } },
+                        data.memoryAllocatedMb.toFixed(1),
+                        "MB / 10MB")),
+                React.createElement("div", { style: { width: '100%', height: '3px', background: 'rgba(255,255,255,0.1)', borderRadius: '1.5px', overflow: 'hidden' } },
+                    React.createElement("div", { style: { height: '100%', width: `${Math.min((data.memoryAllocatedMb / 10) * 100, 100)}%`, background: isMemoryCritical ? '#ff4444' : '#569cd6', transition: 'width 0.3s' } })))),
+            data.cpuFuelRemaining !== undefined && (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '2px', marginTop: '4px' } },
+                React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between' } },
+                    React.createElement("span", { style: { color: '#888' } }, "FUEL:"),
+                    React.createElement("span", { style: { color: isFuelCritical ? '#ff4444' : '#c586c0' } }, data.cpuFuelRemaining)),
+                React.createElement("div", { style: { width: '100%', height: '3px', background: 'rgba(255,255,255,0.1)', borderRadius: '1.5px', overflow: 'hidden' } },
+                    React.createElement("div", { style: { height: '100%', width: `${Math.min((data.cpuFuelRemaining / 5000) * 100, 100)}%`, background: isFuelCritical ? '#ff4444' : '#c586c0', transition: 'width 0.3s' } })))))),
+        data.status === 'running' && data.tokens && (React.createElement("div", { style: { marginTop: '8px', fontSize: '10px', color: '#9cdcfe', fontStyle: 'italic' } }, data.tokens)),
+        React.createElement(Handle, { type: "source", position: Position.Bottom, className: "glass-handle" })));
+});

package/dist/components/nodes/SandboxNode.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface SandboxNodeData {
+    label: string;
+    worker_id?: string;
+    is_sandboxed?: boolean;
+    temporal_status?: 'idle' | 'running' | 'paused';
+    workflow_id?: string;
+}
+export declare const SandboxNode: React.FC<{
+    data: SandboxNodeData;
+}>;

package/dist/components/nodes/SandboxNode.js

@@ -0,0 +1,66 @@
+// 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>
+import React from 'react';
+export const SandboxNode = React.memo(({ data }) => {
+    return (React.createElement("div", { style: {
+            width: '100%',
+            height: '100%',
+            background: 'rgba(240, 198, 116, 0.05)',
+            border: '2px dashed #f0c674',
+            borderRadius: '8px',
+            position: 'relative',
+            pointerEvents: 'none'
+        } },
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: '-10px',
+                left: '10px',
+                background: '#f0c674',
+                color: '#1e1e1e',
+                fontSize: '10px',
+                padding: '2px 8px',
+                borderRadius: '4px',
+                fontWeight: 'bold',
+                pointerEvents: 'auto'
+            } },
+            "\uD83D\uDCE6 OpenShell: ",
+            data.label),
+        data.worker_id && (React.createElement("div", { style: {
+                position: 'absolute',
+                bottom: '5px',
+                right: '10px',
+                fontSize: '9px',
+                color: '#f0c674',
+                background: 'rgba(0,0,0,0.5)',
+                padding: '1px 6px',
+                borderRadius: '2px'
+            } },
+            "Worker: ",
+            data.worker_id)),
+        data.temporal_status && (React.createElement("div", { style: {
+                position: 'absolute',
+                top: '5px',
+                right: '10px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '4px',
+                fontSize: '9px',
+                color: data.temporal_status === 'running' ? '#4ec9b0' : '#888'
+            } },
+            React.createElement("span", { style: {
+                    width: '6px',
+                    height: '6px',
+                    background: data.temporal_status === 'running' ? '#4ec9b0' : '#888',
+                    borderRadius: '50%',
+                    animation: data.temporal_status === 'running' ? 'pulse 1.5s infinite' : 'none'
+                } }),
+            "Temporal: ",
+            data.temporal_status.toUpperCase()))));
+});

package/dist/components/nodes/SubstrateNode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SubstrateNode: React.MemoExoticComponent<({ data }: {
+    data: any;
+}) => React.JSX.Element>;

package/dist/components/nodes/SubstrateNode.js

@@ -0,0 +1,57 @@
+// 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>
+import React from 'react';
+import { Handle, Position } from '@xyflow/react';
+export const SubstrateNode = React.memo(({ data }) => {
+    return (React.createElement("div", { style: {
+            padding: '20px',
+            border: '2px dashed var(--vscode-focusBorder)',
+            borderRadius: '8px',
+            backgroundColor: 'rgba(20, 20, 20, 0.4)', // transparent background
+            minWidth: '300px',
+            minHeight: '200px',
+            color: 'var(--vscode-editor-foreground)',
+            fontFamily: 'var(--vscode-font-family)',
+            position: 'relative',
+            boxShadow: '0 0 15px rgba(0, 122, 204, 0.2)'
+        } },
+        React.createElement(Handle, { type: "target", position: Position.Top, style: { visibility: 'hidden' } }),
+        React.createElement("div", { style: { fontWeight: 'bold', fontSize: '1.2em', marginBottom: '10px', color: 'var(--vscode-textLink-foreground)' } },
+            "\uD83D\uDDA5\uFE0F ",
+            data.label || 'Substrate Enclave'),
+        React.createElement("div", { style: { fontSize: '0.8em', color: 'var(--vscode-descriptionForeground)' } },
+            React.createElement("div", null,
+                React.createElement("strong", null, "Substrate ID:"),
+                " ",
+                data.substrate_id || 'aws_ec2_h100_01'),
+            React.createElement("div", null,
+                React.createElement("strong", null, "VRAM:"),
+                " ",
+                data.vram_gb || 80,
+                " GB"),
+            React.createElement("div", null,
+                React.createElement("strong", null, "Isolation:"),
+                " ",
+                data.isolation || 'CONFIDENTIAL'),
+            React.createElement("div", null,
+                React.createElement("strong", null, "Status:"),
+                " ",
+                React.createElement("span", { style: { color: '#2ea043' } }, "Online (Idle)"))),
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: 0, left: 0, right: 0, bottom: 0,
+                backgroundImage: 'radial-gradient(var(--vscode-editorLineNumber-foreground) 1px, transparent 1px)',
+                backgroundSize: '20px 20px',
+                opacity: 0.1,
+                pointerEvents: 'none',
+                zIndex: -1
+            } }),
+        React.createElement(Handle, { type: "source", position: Position.Bottom, style: { visibility: 'hidden' } })));
+});

package/dist/components/nodes/ThermodynamicNode.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ThermodynamicNodeData {
+    label: string;
+    status: string;
+    memoryBytes: number;
+    fuelCurrent: number;
+    fuelMax: number;
+}
+export interface ThermodynamicNodeProps {
+    data: ThermodynamicNodeData;
+}
+export declare const ThermodynamicNode: React.FC<ThermodynamicNodeProps>;

package/dist/components/nodes/ThermodynamicNode.js

@@ -0,0 +1,52 @@
+// 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>
+import React from 'react';
+import { Handle, Position } from '@xyflow/react';
+const MAX_MEMORY_BYTES = 10485760; // 10MB Volumetric Trap
+export const ThermodynamicNode = React.memo(({ data }) => {
+    // We use a ref for high-velocity animations if we hook into requestAnimationFrame,
+    // but for now we'll use React's render cycle since it's driven by SSE updates in TDACanvas.
+    const memoryPercentage = Math.min((data.memoryBytes / MAX_MEMORY_BYTES) * 100, 100);
+    const memoryColor = memoryPercentage > 85 ? '#d16969' : '#4d9375'; // Red if near trap, Green otherwise
+    const fuelPercentage = data.fuelMax > 0 ? Math.min((data.fuelCurrent / data.fuelMax) * 100, 100) : 100;
+    const dashArray = 251.2; // 2 * pi * r (r=40)
+    const dashOffset = dashArray - (dashArray * fuelPercentage) / 100;
+    return (React.createElement("div", { style: {
+            background: 'var(--vscode-editor-background)',
+            border: `1px solid ${memoryPercentage >= 100 ? '#f14c4c' : 'var(--vscode-widget-border)'}`,
+            borderRadius: '6px',
+            padding: '10px',
+            color: 'var(--vscode-editor-foreground)',
+            minWidth: '180px',
+            boxShadow: memoryPercentage >= 100 ? '0 0 10px #f14c4c' : '0 4px 6px rgba(0,0,0,0.3)',
+            position: 'relative'
+        } },
+        React.createElement(Handle, { type: "target", position: Position.Top, style: { background: 'var(--vscode-focusBorder)' } }),
+        React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' } },
+            React.createElement("div", { style: { fontSize: '13px', fontWeight: 'bold' } }, data.label),
+            React.createElement("div", { style: { width: '24px', height: '24px', position: 'relative' } },
+                React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 100 100", style: { transform: 'rotate(-90deg)' } },
+                    React.createElement("circle", { cx: "50", cy: "50", r: "40", stroke: "var(--vscode-editor-inactiveSelectionBackground)", strokeWidth: "10", fill: "none" }),
+                    React.createElement("circle", { cx: "50", cy: "50", r: "40", stroke: "#569cd6" // Blue
+                        , strokeWidth: "10", fill: "none", strokeDasharray: dashArray, strokeDashoffset: dashOffset, style: { transition: 'stroke-dashoffset 0.1s linear' } })))),
+        React.createElement("div", { style: { width: '100%', height: '8px', background: 'var(--vscode-editor-inactiveSelectionBackground)', borderRadius: '4px', overflow: 'hidden' } },
+            React.createElement("div", { style: {
+                    height: '100%',
+                    width: `${memoryPercentage}%`,
+                    background: memoryColor,
+                    transition: 'width 0.1s linear, background-color 0.2s ease'
+                } })),
+        React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', marginTop: '4px', fontSize: '10px', color: 'var(--vscode-descriptionForeground)' } },
+            React.createElement("span", null,
+                (data.memoryBytes / 1024 / 1024).toFixed(2),
+                " MB"),
+            React.createElement("span", { style: { color: data.fuelCurrent === 0 ? '#f14c4c' : 'inherit' } }, data.fuelCurrent === 0 ? 'TRAPPED' : `${Math.floor(fuelPercentage)}% FUEL`)),
+        React.createElement(Handle, { type: "source", position: Position.Bottom, style: { background: 'var(--vscode-focusBorder)' } })));
+});

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export * from './components/GlassBox';
+export * from './components/StatusPulse';
+export { TemporalScrubber } from './components/TemporalScrubber';
+export { KnowledgeTree } from './components/KnowledgeTree';
+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 { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
+export { VFEIndicator } from './components/VFEIndicator';
+export { VerifiedCapabilityReceipt } from './components/VerifiedCapabilityReceipt';
+export { HardwareProfileProvider, useHardwareProfile } from './components/HardwareProfiler';
+export { SensoryUnfolder } from './components/SensoryUnfolder';
+export { MultimodalProjection } from './components/MultimodalProjection';
+export { MultimodalCapture } from './components/MultimodalCapture';
+export { DynamicToposRenderer } from './components/DynamicToposRenderer';

package/dist/index.js

@@ -0,0 +1,26 @@
+// 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>
+export * from './components/GlassBox';
+export * from './components/StatusPulse';
+export { TemporalScrubber } from './components/TemporalScrubber';
+export { KnowledgeTree } from './components/KnowledgeTree';
+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 { CognitiveIntrospectionPanel } from './components/CognitiveIntrospectionPanel';
+export { VFEIndicator } from './components/VFEIndicator';
+export { VerifiedCapabilityReceipt } from './components/VerifiedCapabilityReceipt';
+export { HardwareProfileProvider, useHardwareProfile } from './components/HardwareProfiler';
+export { SensoryUnfolder } from './components/SensoryUnfolder';
+export { MultimodalProjection } from './components/MultimodalProjection';
+export { MultimodalCapture } from './components/MultimodalCapture';
+export { DynamicToposRenderer } from './components/DynamicToposRenderer';

package/dist/test/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/test/setup.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/workers/elkWorker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/workers/elkWorker.js

@@ -0,0 +1,45 @@
+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 ELK from 'elkjs/lib/elk.bundled.js';
+const elk = new ELK();
+self.addEventListener('message', (event) => __awaiter(void 0, void 0, void 0, function* () {
+    const { nodes, edges } = event.data;
+    const graph = {
+        id: 'root',
+        layoutOptions: {
+            'elk.algorithm': 'layered',
+            'elk.direction': 'RIGHT',
+            'elk.spacing.nodeNode': '75',
+            'elk.layered.spacing.nodeNodeBetweenLayers': '100',
+        },
+        children: nodes.map((node) => (Object.assign({ id: node.id, width: node.width || 250, height: node.height || 100 }, node))),
+        edges: edges.map((edge) => (Object.assign({ id: edge.id, sources: [edge.source], targets: [edge.target] }, edge))),
+    };
+    try {
+        const layoutedGraph = yield elk.layout(graph);
+        // Map the ELK output back to React Flow format
+        const layoutedNodes = nodes.map((node) => {
+            var _a;
+            const elkNode = (_a = layoutedGraph.children) === null || _a === void 0 ? void 0 : _a.find((n) => n.id === node.id);
+            if (elkNode) {
+                return Object.assign(Object.assign({}, node), { position: {
+                        x: elkNode.x,
+                        y: elkNode.y,
+                    } });
+            }
+            return node;
+        });
+        self.postMessage({ nodes: layoutedNodes, edges });
+    }
+    catch (error) {
+        console.error('ELK Layout error:', error);
+        self.postMessage({ error: 'Layout failed' });
+    }
+}));

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@coreason-ai/sensory-core",
+  "version": "1.0.3",
+  "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>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CoReason-AI/coreason-sensory-core.git"
+  },
+  "homepage": "https://github.com/CoReason-AI/coreason-sensory-core#readme",
+  "bugs": {
+    "url": "https://github.com/CoReason-AI/coreason-sensory-core/issues"
+  },
+  "keywords": [
+    "coreason",
+    "glassmorphism",
+    "react",
+    "reactflow",
+    "sensory",
+    "storybook",
+    "topos-theoretic",
+    "ui-primitives"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "NOTICE",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "@rjsf/core": "^6.5.3",
+    "@rjsf/utils": "^6.5.3",
+    "@rjsf/validator-ajv8": "^6.5.3",
+    "@xyflow/react": "^12.10.2",
+    "clsx": "^2.1.1",
+    "elkjs": "^0.11.1",
+    "framer-motion": "^12.38.0",
+    "lucide-react": "^0.378.0",
+    "tailwind-merge": "^2.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.2.1",
+    "@storybook/addon-a11y": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-mcp": "^0.6.0",
+    "@storybook/addon-vitest": "^10.4.0",
+    "@storybook/react-vite": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/browser-playwright": "^4.1.6",
+    "@vitest/coverage-v8": "^4.1.6",
+    "autoprefixer": "^10.4.19",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.60.0",
+    "postcss": "^8.4.38",
+    "storybook": "^10.4.0",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.1.3",
+    "vite": "^8.0.13",
+    "vitest": "^4.1.6"
+  }
+}