@backbay/glia 0.2.0-alpha.1

package/dist/primitives/three/SpatialWorkspace/ReceiptOrbit.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ReceiptOrbit - Status ring visualization for receipts
+ *
+ * Displays receipt status as colored arc segments in a ring around
+ * the parent entity. Each segment's arc length is proportional to
+ * the count of receipts in that status.
+ *
+ * Colors: passed=#00ff88, failed=#ff0055, pending=#00f0ff
+ */
+import * as React from "react";
+import { useFrame } from "@react-three/fiber";
+import { Html } from "@react-three/drei";
+import * as THREE from "three";
+import { RECEIPT_VISUALS } from "./types";
+function ArcSegment({ innerRadius, outerRadius, thetaStart, thetaLength, color, opacity, emissiveIntensity, pulse = false, }) {
+    const meshRef = React.useRef(null);
+    const baseIntensity = emissiveIntensity;
+    useFrame((state) => {
+        if (!meshRef.current || !pulse)
+            return;
+        // Pulse the emissive intensity for failed segments
+        const material = meshRef.current.material;
+        const pulseValue = Math.sin(state.clock.elapsedTime * 3) * 0.3 + 0.7;
+        material.emissiveIntensity = baseIntensity * pulseValue;
+    });
+    const colorObj = new THREE.Color(color);
+    // Don't render if arc length is effectively zero
+    if (thetaLength < 0.01)
+        return null;
+    return (_jsxs("mesh", { ref: meshRef, rotation: [-Math.PI / 2, 0, 0], children: [_jsx("ringGeometry", { args: [innerRadius, outerRadius, 32, 1, thetaStart, thetaLength] }), _jsx("meshStandardMaterial", { color: colorObj, transparent: true, opacity: opacity, emissive: colorObj, emissiveIntensity: emissiveIntensity, side: THREE.DoubleSide, metalness: 0.3, roughness: 0.5 })] }));
+}
+function StatusRing({ counts, total, radius, thickness = 0.05, }) {
+    const innerRadius = radius - thickness;
+    const outerRadius = radius + thickness;
+    // Calculate arc angles for each status
+    // Order: passed first (starts at 0), then pending, then failed
+    const passedLength = total > 0 ? (counts.passed / total) * Math.PI * 2 : 0;
+    const pendingLength = total > 0 ? (counts.pending / total) * Math.PI * 2 : 0;
+    const failedLength = total > 0 ? (counts.failed / total) * Math.PI * 2 : 0;
+    const passedStart = 0;
+    const pendingStart = passedLength;
+    const failedStart = passedLength + pendingLength;
+    return (_jsxs("group", { children: [counts.passed > 0 && (_jsx(ArcSegment, { innerRadius: innerRadius, outerRadius: outerRadius, thetaStart: passedStart, thetaLength: passedLength, color: RECEIPT_VISUALS.passed.color, opacity: 0.7, emissiveIntensity: 0.3 })), counts.pending > 0 && (_jsx(ArcSegment, { innerRadius: innerRadius, outerRadius: outerRadius, thetaStart: pendingStart, thetaLength: pendingLength, color: RECEIPT_VISUALS.pending.color, opacity: 0.5, emissiveIntensity: 0.2 })), counts.failed > 0 && (_jsx(ArcSegment, { innerRadius: innerRadius, outerRadius: outerRadius, thetaStart: failedStart, thetaLength: failedLength, color: RECEIPT_VISUALS.failed.color, opacity: 0.8, emissiveIntensity: 0.5, pulse: true })), _jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], children: [_jsx("ringGeometry", { args: [innerRadius - 0.02, outerRadius + 0.02, 64] }), _jsx("meshBasicMaterial", { color: "#ffffff", transparent: true, opacity: 0.05, side: THREE.DoubleSide })] })] }));
+}
+function StatusTooltip({ counts, total }) {
+    return (_jsx(Html, { center: true, style: { pointerEvents: "none" }, children: _jsxs("div", { className: "bg-black/90 text-white text-xs px-3 py-2 rounded font-mono whitespace-nowrap border border-white/10", children: [_jsxs("div", { className: "text-white/60 mb-1 text-center", children: [total, " receipt", total !== 1 ? "s" : ""] }), _jsxs("div", { className: "flex gap-3", children: [counts.passed > 0 && (_jsxs("span", { style: { color: RECEIPT_VISUALS.passed.color }, children: [counts.passed, " passed"] })), counts.failed > 0 && (_jsxs("span", { style: { color: RECEIPT_VISUALS.failed.color }, children: [counts.failed, " failed"] })), counts.pending > 0 && (_jsxs("span", { style: { color: RECEIPT_VISUALS.pending.color }, children: [counts.pending, " pending"] }))] })] }) }));
+}
+// -----------------------------------------------------------------------------
+// Receipt Orbit Container
+// -----------------------------------------------------------------------------
+export function ReceiptOrbit({ receipts, parentPosition, orbitRadius = 0.6, selectedIds = [], hoveredId = null, onReceiptClick, onReceiptHover, onTopologyChange, origin = [0, 0, 0], }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    // Calculate status counts
+    const statusCounts = React.useMemo(() => ({
+        passed: receipts.filter((r) => r.status === "passed").length,
+        failed: receipts.filter((r) => r.status === "failed").length,
+        pending: receipts.filter((r) => r.status === "pending").length,
+    }), [receipts]);
+    // Report topology - simplified to single receipt-ring node
+    const topologySlice = React.useMemo(() => {
+        if (receipts.length === 0) {
+            return { nodes: [], edges: [] };
+        }
+        // Determine dominant status for ring color
+        const dominantStatus = statusCounts.failed > 0
+            ? "failed"
+            : statusCounts.passed === receipts.length
+                ? "passed"
+                : "pending";
+        const ringPosition = [
+            parentPosition[0] + origin[0],
+            parentPosition[1] + origin[1],
+            parentPosition[2] + origin[2],
+        ];
+        const nodes = [
+            {
+                id: `receipt-ring-${receipts[0]?.job_id ?? "unknown"}`,
+                type: "receipt-ring",
+                label: `${receipts.length} receipts`,
+                position: ringPosition,
+                radius: orbitRadius,
+                color: RECEIPT_VISUALS[dominantStatus].color,
+                meta: {
+                    counts: statusCounts,
+                    receiptIds: receipts.map((r) => r.id),
+                },
+            },
+        ];
+        // Edge from job to the receipt ring
+        const edges = receipts[0]?.job_id
+            ? [
+                {
+                    id: `receipt-ring-${receipts[0].job_id}-edge`,
+                    from: receipts[0].job_id,
+                    to: `receipt-ring-${receipts[0].job_id}`,
+                    type: "receipt-ring-for-job",
+                    color: RECEIPT_VISUALS[dominantStatus].color,
+                },
+            ]
+            : [];
+        return { nodes, edges };
+    }, [receipts, statusCounts, orbitRadius, parentPosition, origin]);
+    React.useEffect(() => {
+        if (!onTopologyChange)
+            return;
+        onTopologyChange(topologySlice);
+    }, [onTopologyChange, topologySlice]);
+    // Handle pointer out
+    const handlePointerOut = React.useCallback(() => {
+        setIsHovered(false);
+        document.body.style.cursor = "auto";
+        if (onReceiptHover) {
+            onReceiptHover(null);
+        }
+    }, [onReceiptHover]);
+    if (receipts.length === 0)
+        return null;
+    // Check if any receipt is selected
+    const hasSelection = selectedIds.some((id) => receipts.some((r) => r.id === id));
+    return (_jsxs("group", { position: parentPosition, children: [_jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], onClick: (e) => {
+                    e.stopPropagation();
+                    if (onReceiptClick && receipts.length > 0) {
+                        onReceiptClick(receipts[0]);
+                    }
+                }, onPointerOver: (e) => {
+                    e.stopPropagation();
+                    setIsHovered(true);
+                    document.body.style.cursor = "pointer";
+                    if (onReceiptHover && receipts.length > 0) {
+                        onReceiptHover(receipts[0]);
+                    }
+                }, onPointerOut: handlePointerOut, children: [_jsx("ringGeometry", { args: [orbitRadius - 0.1, orbitRadius + 0.1, 64] }), _jsx("meshBasicMaterial", { transparent: true, opacity: 0, side: THREE.DoubleSide })] }), _jsx(StatusRing, { counts: statusCounts, total: receipts.length, radius: orbitRadius }), hasSelection && (_jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], children: [_jsx("ringGeometry", { args: [orbitRadius - 0.12, orbitRadius + 0.12, 64] }), _jsx("meshBasicMaterial", { color: "#ffffff", transparent: true, opacity: 0.3, side: THREE.DoubleSide })] })), isHovered && (_jsx("group", { position: [0, 0.3, 0], children: _jsx(StatusTooltip, { counts: statusCounts, total: receipts.length }) }))] }));
+}

package/dist/primitives/three/SpatialWorkspace/SpatialWorkspace.d.ts

@@ -0,0 +1,3 @@
+import type { SpatialWorkspaceProps } from "./types";
+export declare function SpatialWorkspace({ jobs, nodes, receipts, disputes, currentTrustTier, selection, onSelectionChange, hovered, onHoverChange, topologyId, topologyUpdateMs, onTopologyChange, onCanvasReady, filters, autoRotate, enableZoom, enablePan, className, style, }: SpatialWorkspaceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpatialWorkspace.d.ts.map

package/dist/primitives/three/SpatialWorkspace/SpatialWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpatialWorkspace.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/SpatialWorkspace/SpatialWorkspace.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAkTjB,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,KAAU,EACV,QAAa,EACb,QAAa,EACb,gBAA2B,EAC3B,SAAc,EACd,iBAAiB,EACjB,OAAc,EACd,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,OAMC,EACD,UAAiB,EACjB,UAAiB,EACjB,SAAgB,EAChB,SAAS,EACT,KAAK,GACN,EAAE,qBAAqB,2CA0EvB"}

package/dist/primitives/three/SpatialWorkspace/SpatialWorkspace.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SpatialWorkspace - 3D container for Backbay entity visualization
+ *
+ * Integrates JobCluster, NodeGraph, ReceiptOrbit, TrustRings, and
+ * camera controls into a unified spatial workspace experience.
+ */
+import * as React from "react";
+import { Canvas, useThree } from "@react-three/fiber";
+import { OrbitControls } from "@react-three/drei";
+import { JobCluster } from "./JobCluster";
+import { NodeGraph } from "./NodeGraph";
+import { ReceiptOrbit } from "./ReceiptOrbit";
+import { TrustRings } from "./TrustRings";
+function WorkspaceScene({ jobs, nodes, receipts, disputes: _disputes, // Reserved for DisputeBeacon component (Phase 4 extension)
+currentTrustTier, selection, hovered, onSelectionChange, onHoverChange, filters, autoRotate, enableZoom, enablePan, topologyId, topologyUpdateMs, onTopologyChange, onCanvasReady, }) {
+    const { gl } = useThree();
+    React.useEffect(() => {
+        if (!onCanvasReady)
+            return;
+        onCanvasReady(gl.domElement);
+    }, [gl, onCanvasReady]);
+    const controlsRef = React.useRef(null);
+    // Extract selected IDs by type
+    const selectedJobIds = selection.filter((s) => s.type === "job").map((s) => s.id);
+    const selectedNodeIds = selection.filter((s) => s.type === "node").map((s) => s.id);
+    const selectedReceiptIds = selection.filter((s) => s.type === "receipt").map((s) => s.id);
+    // Hovered IDs
+    const hoveredJobId = hovered?.type === "job" ? hovered.id : null;
+    const hoveredNodeId = hovered?.type === "node" ? hovered.id : null;
+    const hoveredReceiptId = hovered?.type === "receipt" ? hovered.id : null;
+    // Filter jobs and nodes based on filters
+    const filteredJobs = React.useMemo(() => {
+        if (!filters?.showJobs)
+            return [];
+        let filtered = jobs;
+        if (filters?.jobStatuses?.length) {
+            filtered = filtered.filter((j) => filters.jobStatuses.includes(j.status));
+        }
+        return filtered;
+    }, [jobs, filters]);
+    const filteredNodes = React.useMemo(() => {
+        if (!filters?.showNodes)
+            return [];
+        let filtered = nodes;
+        if (filters?.nodeTypes?.length) {
+            filtered = filtered.filter((n) => filters.nodeTypes.includes(n.type));
+        }
+        if (filters?.nodeStatuses?.length) {
+            filtered = filtered.filter((n) => filters.nodeStatuses.includes(n.status));
+        }
+        if (filters?.trustTiers?.length) {
+            filtered = filtered.filter((n) => filters.trustTiers.includes(n.trust_tier));
+        }
+        return filtered;
+    }, [nodes, filters]);
+    const filteredReceipts = React.useMemo(() => {
+        if (!filters?.showReceipts)
+            return [];
+        let filtered = receipts;
+        if (filters?.receiptStatuses?.length) {
+            filtered = filtered.filter((r) => filters.receiptStatuses.includes(r.status));
+        }
+        return filtered;
+    }, [receipts, filters]);
+    const topologySlicesRef = React.useRef({});
+    const lastTopologyEmitRef = React.useRef(0);
+    const emitTopology = React.useCallback(() => {
+        if (!onTopologyChange)
+            return;
+        const now = Date.now();
+        if (topologyUpdateMs && now - lastTopologyEmitRef.current < topologyUpdateMs) {
+            return;
+        }
+        lastTopologyEmitRef.current = now;
+        const slices = Object.values(topologySlicesRef.current).filter(Boolean);
+        const nodesMap = new Map();
+        const edges = [];
+        slices.forEach((slice) => {
+            slice.nodes.forEach((node) => nodesMap.set(node.id, node));
+            slice.edges?.forEach((edge) => edges.push(edge));
+        });
+        const topology = {
+            id: topologyId,
+            source: "SpatialWorkspace",
+            updatedAt: now,
+            nodes: Array.from(nodesMap.values()),
+            edges,
+            meta: {
+                currentTrustTier,
+                filters,
+            },
+        };
+        onTopologyChange(topology);
+    }, [onTopologyChange, topologyId, topologyUpdateMs, currentTrustTier, filters]);
+    const handleTopologyChange = React.useCallback((key, slice) => {
+        topologySlicesRef.current[key] = slice;
+        emitTopology();
+    }, [emitTopology]);
+    // Selection handlers
+    const handleJobClick = (job) => {
+        const existing = selection.find((s) => s.type === "job" && s.id === job.id);
+        if (existing) {
+            onSelectionChange(selection.filter((s) => s !== existing));
+        }
+        else {
+            onSelectionChange([...selection, { type: "job", id: job.id }]);
+        }
+    };
+    const handleNodeClick = (node) => {
+        const existing = selection.find((s) => s.type === "node" && s.id === node.id);
+        if (existing) {
+            onSelectionChange(selection.filter((s) => s !== existing));
+        }
+        else {
+            onSelectionChange([...selection, { type: "node", id: node.id }]);
+        }
+    };
+    const handleReceiptClick = (receipt) => {
+        const existing = selection.find((s) => s.type === "receipt" && s.id === receipt.id);
+        if (existing) {
+            onSelectionChange(selection.filter((s) => s !== existing));
+        }
+        else {
+            onSelectionChange([...selection, { type: "receipt", id: receipt.id }]);
+        }
+    };
+    // Hover handlers
+    const handleJobHover = (job) => {
+        onHoverChange(job ? { type: "job", id: job.id } : null);
+    };
+    const handleNodeHover = (node) => {
+        onHoverChange(node ? { type: "node", id: node.id } : null);
+    };
+    const handleReceiptHover = (receipt) => {
+        onHoverChange(receipt ? { type: "receipt", id: receipt.id } : null);
+    };
+    // Click on background to clear selection
+    const handleBackgroundClick = () => {
+        onSelectionChange([]);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(OrbitControls, { ref: controlsRef, autoRotate: autoRotate, autoRotateSpeed: 0.5, enableDamping: true, dampingFactor: 0.05, minDistance: 5, maxDistance: 30, maxPolarAngle: Math.PI / 2 + 0.3, enableZoom: enableZoom, enablePan: enablePan }), _jsx("ambientLight", { intensity: 0.4 }), _jsx("directionalLight", { position: [10, 10, 5], intensity: 0.8 }), _jsx("directionalLight", { position: [-10, -10, -5], intensity: 0.3 }), _jsxs("mesh", { position: [0, -5, 0], rotation: [-Math.PI / 2, 0, 0], onClick: handleBackgroundClick, children: [_jsx("planeGeometry", { args: [100, 100] }), _jsx("meshBasicMaterial", { visible: false })] }), filters?.showTrustRings && (_jsx(TrustRings, { currentTier: currentTrustTier, position: [0, -2, 0], showLabels: true, interactive: false })), filteredJobs.length > 0 && (_jsx(JobCluster, { jobs: filteredJobs, selectedIds: selectedJobIds, hoveredId: hoveredJobId, onJobClick: handleJobClick, onJobHover: handleJobHover, position: [-4, 0, 0], onTopologyChange: (slice) => handleTopologyChange("jobs", slice) })), filteredNodes.length > 0 && (_jsx(NodeGraph, { nodes: filteredNodes, selectedIds: selectedNodeIds, hoveredId: hoveredNodeId, onNodeClick: handleNodeClick, onNodeHover: handleNodeHover, showConnections: true, position: [4, 0, 0], onTopologyChange: (slice) => handleTopologyChange("nodes", slice) })), filteredReceipts.length > 0 && filteredJobs.length > 0 && (_jsx("group", { position: [-4, 0, 0], children: filteredJobs
+                    .filter((job) => job.status === "running" || job.status === "completed")
+                    .slice(0, 3) // Limit for performance
+                    .map((job, index) => {
+                    const jobReceipts = filteredReceipts.filter((r) => r.job_id === job.id);
+                    if (jobReceipts.length === 0)
+                        return null;
+                    // Position receipts near the center (running jobs area)
+                    const angle = (index / 3) * Math.PI * 2 - Math.PI / 2;
+                    const distance = 0.8;
+                    return (_jsx(ReceiptOrbit, { receipts: jobReceipts, parentPosition: [
+                            Math.cos(angle) * distance,
+                            0,
+                            Math.sin(angle) * distance,
+                        ], orbitRadius: 0.5, selectedIds: selectedReceiptIds, hoveredId: hoveredReceiptId, onReceiptClick: handleReceiptClick, onReceiptHover: handleReceiptHover, origin: [-4, 0, 0], onTopologyChange: (slice) => handleTopologyChange("receipts", slice) }, job.id));
+                }) })), _jsx("gridHelper", { args: [20, 20, "#1a1a2e", "#1a1a2e"], position: [0, -3, 0] })] }));
+}
+// -----------------------------------------------------------------------------
+// Main SpatialWorkspace Component
+// -----------------------------------------------------------------------------
+export function SpatialWorkspace({ jobs = [], nodes = [], receipts = [], disputes = [], currentTrustTier = "bronze", selection = [], onSelectionChange, hovered = null, onHoverChange, topologyId, topologyUpdateMs, onTopologyChange, onCanvasReady, filters = {
+    showJobs: true,
+    showNodes: true,
+    showReceipts: true,
+    showDisputes: true,
+    showTrustRings: true,
+}, autoRotate = true, enableZoom = true, enablePan = true, className, style, }) {
+    // Internal state if no external handlers
+    const [internalSelection, setInternalSelection] = React.useState([]);
+    const [internalHovered, setInternalHovered] = React.useState(null);
+    const effectiveSelection = onSelectionChange ? selection : internalSelection;
+    const effectiveHovered = onHoverChange ? hovered : internalHovered;
+    const handleSelectionChange = onSelectionChange || setInternalSelection;
+    const handleHoverChange = onHoverChange || setInternalHovered;
+    return (_jsxs("div", { className: className, style: {
+            position: "relative",
+            width: "100%",
+            height: "100%",
+            background: "linear-gradient(to bottom, #050812, #0a0f1a)",
+            ...style,
+        }, children: [_jsx(Canvas, { camera: {
+                    position: [0, 8, 12],
+                    fov: 50,
+                    near: 0.1,
+                    far: 100,
+                }, dpr: [1, 2], children: _jsx(WorkspaceScene, { jobs: jobs, nodes: nodes, receipts: receipts, disputes: disputes, currentTrustTier: currentTrustTier, selection: effectiveSelection, hovered: effectiveHovered, onSelectionChange: handleSelectionChange, onHoverChange: handleHoverChange, filters: filters, autoRotate: autoRotate, enableZoom: enableZoom, enablePan: enablePan, topologyId: topologyId, topologyUpdateMs: topologyUpdateMs, onTopologyChange: onTopologyChange, onCanvasReady: onCanvasReady }) }), effectiveSelection.length > 0 && (_jsxs("div", { className: "absolute bottom-4 left-4 bg-black/80 text-white text-xs font-mono p-3 rounded", children: [_jsxs("div", { className: "text-white/60 mb-1", children: ["SELECTED (", effectiveSelection.length, ")"] }), effectiveSelection.slice(0, 5).map((s) => (_jsxs("div", { className: "text-cyan-400", children: [s.type.toUpperCase(), ": ", s.id.slice(0, 8)] }, `${s.type}-${s.id}`))), effectiveSelection.length > 5 && (_jsxs("div", { className: "text-white/40", children: ["+", effectiveSelection.length - 5, " more"] }))] })), _jsxs("div", { className: "absolute top-4 right-4 bg-black/60 text-white/60 text-xs font-mono p-2 rounded", children: [_jsxs("div", { children: ["Jobs: ", jobs.length] }), _jsxs("div", { children: ["Nodes: ", nodes.length] }), _jsxs("div", { children: ["Receipts: ", receipts.length] })] })] }));
+}

package/dist/primitives/three/SpatialWorkspace/TrustRings.d.ts

@@ -0,0 +1,3 @@
+import type { TrustRingsProps } from "./types";
+export declare function TrustRings({ currentTier, position, showLabels, interactive, onTierClick, }: TrustRingsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TrustRings.d.ts.map

package/dist/primitives/three/SpatialWorkspace/TrustRings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustRings.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/SpatialWorkspace/TrustRings.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6I/C,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,QAAoB,EACpB,UAAiB,EACjB,WAAkB,EAClB,WAAW,GACZ,EAAE,eAAe,2CAiEjB"}

package/dist/primitives/three/SpatialWorkspace/TrustRings.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TrustRings - Concentric rings representing trust tiers
+ *
+ * Three tiers (bronze, silver, gold) displayed as metallic rings
+ * with the user's current tier highlighted.
+ */
+import * as React from "react";
+import { useFrame } from "@react-three/fiber";
+import { Html } from "@react-three/drei";
+import * as THREE from "three";
+import { TRUST_RING_CONFIG } from "./types";
+function TrustRing({ tier, isCurrent, isHovered, interactive, showLabel, onClick, onHover, }) {
+    const meshRef = React.useRef(null);
+    const glowRef = React.useRef(null);
+    const config = TRUST_RING_CONFIG[tier];
+    const tubeRadius = 0.05;
+    // Slow rotation and current tier effects
+    useFrame((state) => {
+        if (!meshRef.current)
+            return;
+        // Slow rotation
+        meshRef.current.rotation.z = state.clock.elapsedTime * 0.05;
+        // Pulse for current tier
+        if (isCurrent && glowRef.current) {
+            const pulse = Math.sin(state.clock.elapsedTime * 2) * 0.2 + 0.8;
+            glowRef.current.scale.setScalar(pulse);
+        }
+    });
+    const color = new THREE.Color(config.color);
+    return (_jsxs("group", { children: [_jsxs("mesh", { ref: meshRef, rotation: [Math.PI / 2, 0, 0], onClick: interactive ? (e) => {
+                    e.stopPropagation();
+                    onClick();
+                } : undefined, onPointerOver: interactive ? (e) => {
+                    e.stopPropagation();
+                    onHover(true);
+                    document.body.style.cursor = "pointer";
+                } : undefined, onPointerOut: interactive ? () => {
+                    onHover(false);
+                    document.body.style.cursor = "auto";
+                } : undefined, children: [_jsx("torusGeometry", { args: [config.radius, tubeRadius, 16, 64] }), _jsx("meshStandardMaterial", { color: color, metalness: config.metalness, roughness: config.roughness, transparent: true, opacity: isCurrent ? 1.0 : isHovered ? 0.8 : 0.4, emissive: color, emissiveIntensity: isCurrent ? 0.3 : isHovered ? 0.2 : 0.05 })] }), isCurrent && (_jsxs("mesh", { ref: glowRef, rotation: [Math.PI / 2, 0, 0], children: [_jsx("torusGeometry", { args: [config.radius, tubeRadius * 2, 16, 64] }), _jsx("meshBasicMaterial", { color: color, transparent: true, opacity: 0.15 })] })), (showLabel || isHovered) && (_jsx(Html, { position: [config.radius + 0.3, 0, 0], center: true, style: { pointerEvents: "none" }, children: _jsxs("div", { className: `text-xs font-mono px-2 py-1 rounded ${isCurrent ? "bg-black/80" : "bg-black/60"}`, children: [_jsx("span", { style: { color: config.color }, className: "font-bold", children: tier.toUpperCase() }), isCurrent && (_jsx("span", { className: "text-white/60 ml-2", children: "\u2190 YOU" }))] }) })), isCurrent && (_jsx("group", { rotation: [Math.PI / 2, 0, 0], children: [0, 1, 2, 3].map((i) => {
+                    const angle = (i / 4) * Math.PI * 2;
+                    const x = Math.cos(angle) * config.radius;
+                    const y = Math.sin(angle) * config.radius;
+                    return (_jsxs("mesh", { position: [x, y, 0], children: [_jsx("sphereGeometry", { args: [0.06, 16, 16] }), _jsx("meshStandardMaterial", { color: color, metalness: config.metalness, roughness: config.roughness, emissive: color, emissiveIntensity: 0.5 })] }, i));
+                }) }))] }));
+}
+// -----------------------------------------------------------------------------
+// Trust Rings Container
+// -----------------------------------------------------------------------------
+export function TrustRings({ currentTier, position = [0, 0, 0], showLabels = true, interactive = true, onTierClick, }) {
+    const [hoveredTier, setHoveredTier] = React.useState(null);
+    const tiers = ["bronze", "silver", "gold"];
+    return (_jsxs("group", { position: position, children: [_jsxs("mesh", { rotation: [Math.PI / 2, 0, 0], position: [0, -0.1, 0], children: [_jsx("ringGeometry", { args: [0.5, TRUST_RING_CONFIG.gold.radius + 0.5, 64] }), _jsx("meshBasicMaterial", { color: "#000000", transparent: true, opacity: 0.3, side: THREE.DoubleSide })] }), tiers.map((tier) => (_jsx(TrustRing, { tier: tier, isCurrent: tier === currentTier, isHovered: hoveredTier === tier, interactive: interactive, showLabel: showLabels, onClick: () => onTierClick?.(tier), onHover: (hovered) => setHoveredTier(hovered ? tier : null) }, tier))), _jsxs("mesh", { children: [_jsx("sphereGeometry", { args: [0.15, 32, 32] }), _jsx("meshStandardMaterial", { color: TRUST_RING_CONFIG[currentTier].color, metalness: 0.8, roughness: 0.2, emissive: new THREE.Color(TRUST_RING_CONFIG[currentTier].color), emissiveIntensity: 0.3 })] }), [0, Math.PI / 2, Math.PI, -Math.PI / 2].map((angle, i) => {
+                const endRadius = TRUST_RING_CONFIG[currentTier].radius;
+                const endX = Math.cos(angle) * endRadius;
+                const endZ = Math.sin(angle) * endRadius;
+                const points = [new THREE.Vector3(0, 0, 0), new THREE.Vector3(endX, 0, endZ)];
+                const lineGeometry = new THREE.BufferGeometry().setFromPoints(points);
+                return (_jsxs("line", { children: [_jsx("primitive", { object: lineGeometry, attach: "geometry" }), _jsx("lineBasicMaterial", { color: TRUST_RING_CONFIG[currentTier].color, transparent: true, opacity: 0.2 })] }, `line-${i}`));
+            })] }));
+}

package/dist/primitives/three/SpatialWorkspace/adapters.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Entity Adapters
+ *
+ * Maps Backbay contract entities (Job, Node, Receipt, Dispute) to CrystallineOrganism props.
+ * This adapter layer enables the SpatialWorkspace to use the unified emotion-driven
+ * visualization system from CrystallineOrganism.
+ */
+import type { Job, Node, Receipt, Dispute } from "@backbay/contract";
+import type { CrystallineOrganismProps, OrganismType, OrganismState, OrganismPower } from "../CrystallineOrganism";
+export interface EntityAdapter<T> {
+    toOrganism(entity: T): CrystallineOrganismProps;
+    getState(entity: T): OrganismState;
+    getType(entity: T): OrganismType;
+    getPower(entity: T): OrganismPower;
+}
+export declare const jobAdapter: EntityAdapter<Job>;
+export declare const nodeAdapter: EntityAdapter<Node>;
+export declare const receiptAdapter: EntityAdapter<Receipt>;
+export declare const disputeAdapter: EntityAdapter<Dispute>;
+export declare function jobsToOrganisms(jobs: Job[]): CrystallineOrganismProps[];
+export declare function nodesToOrganisms(nodes: Node[]): CrystallineOrganismProps[];
+export declare function receiptsToOrganisms(receipts: Receipt[]): CrystallineOrganismProps[];
+export declare function disputesToOrganisms(disputes: Dispute[]): CrystallineOrganismProps[];
+export interface CyntraKernelStatus {
+    workcells: CyntraWorkcellStatus[];
+    pending_issues: number;
+    active_runs: number;
+}
+export interface CyntraWorkcellStatus {
+    id: string;
+    branch: string;
+    toolchain: string;
+    state: "idle" | "running" | "blocked";
+    current_run?: string;
+}
+export interface CyntraRunStatus {
+    id: string;
+    issue_id: string;
+    state: "queued" | "running" | "verifying" | "completed" | "failed";
+    toolchain: string;
+    started_at?: string;
+    completed_at?: string;
+}
+export interface CyntraIssueStatus {
+    id: string;
+    title: string;
+    state: "open" | "in_progress" | "resolved" | "wontfix";
+    labels: string[];
+}
+export declare const cyntraWorkcellAdapter: EntityAdapter<CyntraWorkcellStatus>;
+export declare const cyntraRunAdapter: EntityAdapter<CyntraRunStatus>;
+export declare const cyntraIssueAdapter: EntityAdapter<CyntraIssueStatus>;
+export declare function workcellsToOrganisms(workcells: CyntraWorkcellStatus[]): CrystallineOrganismProps[];
+export declare function runsToOrganisms(runs: CyntraRunStatus[]): CrystallineOrganismProps[];
+export declare function issuesToOrganisms(issues: CyntraIssueStatus[]): CrystallineOrganismProps[];
+//# sourceMappingURL=adapters.d.ts.map

package/dist/primitives/three/SpatialWorkspace/adapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/SpatialWorkspace/adapters.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,GAAG,EAEH,IAAI,EAGJ,OAAO,EAEP,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACV,wBAAwB,EACxB,YAAY,EACZ,aAAa,EACb,aAAa,EACd,MAAM,wBAAwB,CAAC;AAMhC,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,wBAAwB,CAAC;IAChD,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,aAAa,CAAC;IACnC,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,YAAY,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,aAAa,CAAC;CACpC;AAcD,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,GAAG,CAwBzC,CAAC;AAyBF,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,IAAI,CAsB3C,CAAC;AAYF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,OAAO,CAwBjD,CAAC;AAMF,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,OAAO,CAkCjD,CAAC;AAMF,wBAAgB,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,wBAAwB,EAAE,CAEvE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,wBAAwB,EAAE,CAE1E;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,wBAAwB,EAAE,CAEnF;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,wBAAwB,EAAE,CAEnF;AAMD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,CAAC;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,oBAAoB,CAmBrE,CAAC;AAUF,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,eAAe,CAmB3D,CAAC;AASF,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAAC,iBAAiB,CAmB/D,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,oBAAoB,EAAE,GAAG,wBAAwB,EAAE,CAElG;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,eAAe,EAAE,GAAG,wBAAwB,EAAE,CAEnF;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAEzF"}