@backbay/glia 0.2.0-alpha.1

package/dist/primitives/three/AuditTrail/types.d.ts

@@ -0,0 +1,113 @@
+/**
+ * AuditTrail Types
+ *
+ * Type definitions for the 3D audit trail timeline visualization component.
+ */
+/**
+ * Types of audit events that can be tracked
+ */
+export type AuditEventType = "login" | "logout" | "access" | "modify" | "delete" | "error" | "alert";
+/**
+ * Severity levels for audit events
+ */
+export type AuditSeverity = "info" | "warning" | "error" | "critical";
+/**
+ * Represents a single audit event in the timeline
+ */
+export interface AuditEvent {
+    /** Unique identifier for the event */
+    id: string;
+    /** When the event occurred */
+    timestamp: Date;
+    /** Type of event */
+    type: AuditEventType;
+    /** Severity level */
+    severity: AuditSeverity;
+    /** User or system that triggered the event */
+    actor: string;
+    /** Resource that was affected */
+    resource: string;
+    /** Description of the action taken */
+    action: string;
+    /** Whether the action was successful */
+    success: boolean;
+    /** Optional additional details */
+    details?: string;
+    /** Optional parent event ID for creating connections */
+    parentId?: string;
+}
+/**
+ * Props for the AuditTrail component
+ */
+export interface AuditTrailProps {
+    /** List of audit events to display */
+    events: AuditEvent[];
+    /** Maximum number of events to display (default: 20) */
+    maxEvents?: number;
+    /** Timeline length in 3D units (default: 10) */
+    length?: number;
+    /** Position of the component in 3D space */
+    position?: [number, number, number];
+    /** Layout orientation (default: 'horizontal') */
+    orientation?: "horizontal" | "vertical";
+    /** Show event details on hover (default: false) */
+    showDetails?: boolean;
+    /** Callback when an event is clicked */
+    onEventClick?: (event: AuditEvent) => void;
+    /** Callback when an event is hovered */
+    onEventHover?: (event: AuditEvent | null) => void;
+    /** Auto-scroll to show latest events (default: true) */
+    autoScroll?: boolean;
+    /** Color theme for the timeline */
+    theme?: "cyber" | "matrix" | "terminal" | "neon" | "blueprint";
+    /** Show timeline summary HUD (default: true) */
+    showSummary?: boolean;
+    /** Enable particle flow animation (default: true) */
+    enableParticles?: boolean;
+    /** Rotation of the entire component */
+    rotation?: [number, number, number];
+}
+/**
+ * Internal props for the EventNode sub-component
+ */
+export interface EventNodeProps {
+    event: AuditEvent;
+    position: [number, number, number];
+    onEventClick?: (event: AuditEvent) => void;
+    onEventHover?: (event: AuditEvent | null) => void;
+    showDetails: boolean;
+    theme: AuditTrailProps["theme"];
+}
+/**
+ * Internal props for the FlowParticles sub-component
+ */
+export interface FlowParticlesProps {
+    length: number;
+    orientation: "horizontal" | "vertical";
+    particleCount?: number;
+    speed?: number;
+    color?: string;
+}
+/**
+ * Color mapping for different severity levels
+ */
+export declare const SEVERITY_COLORS: Record<AuditSeverity, string>;
+/**
+ * Geometry type mapping for different event types
+ */
+export declare const EVENT_GEOMETRIES: Record<AuditEventType, "torus" | "sphere" | "box" | "octahedron" | "icosahedron" | "cone">;
+/**
+ * Labels for event types
+ */
+export declare const EVENT_TYPE_LABELS: Record<AuditEventType, string>;
+/**
+ * Theme color schemes
+ */
+export declare const THEME_COLORS: Record<NonNullable<AuditTrailProps["theme"]>, {
+    primary: string;
+    secondary: string;
+    spine: string;
+    particle: string;
+    glow: string;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/three/AuditTrail/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/AuditTrail/types.ts"],"names":[],"mappings":"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"}

package/dist/primitives/three/AuditTrail/types.js

@@ -0,0 +1,78 @@
+/**
+ * AuditTrail Types
+ *
+ * Type definitions for the 3D audit trail timeline visualization component.
+ */
+/**
+ * Color mapping for different severity levels
+ */
+export const SEVERITY_COLORS = {
+    info: "#00ff88",
+    warning: "#ffaa00",
+    error: "#ff4444",
+    critical: "#ff00ff",
+};
+/**
+ * Geometry type mapping for different event types
+ */
+export const EVENT_GEOMETRIES = {
+    login: "torus",
+    logout: "torus",
+    access: "sphere",
+    modify: "box",
+    delete: "octahedron",
+    error: "icosahedron",
+    alert: "cone",
+};
+/**
+ * Labels for event types
+ */
+export const EVENT_TYPE_LABELS = {
+    login: "LOGIN",
+    logout: "LOGOUT",
+    access: "ACCESS",
+    modify: "MODIFY",
+    delete: "DELETE",
+    error: "ERROR",
+    alert: "ALERT",
+};
+/**
+ * Theme color schemes
+ */
+export const THEME_COLORS = {
+    cyber: {
+        primary: "#00ffff",
+        secondary: "#0088ff",
+        spine: "#334455",
+        particle: "#00ccff",
+        glow: "#00ffff40",
+    },
+    matrix: {
+        primary: "#00ff66",
+        secondary: "#00cc44",
+        spine: "#1a3a1a",
+        particle: "#00ff44",
+        glow: "#00ff6640",
+    },
+    terminal: {
+        primary: "#ffaa00",
+        secondary: "#ff8800",
+        spine: "#3a3a1a",
+        particle: "#ffcc00",
+        glow: "#ffaa0040",
+    },
+    neon: {
+        primary: "#ff00ff",
+        secondary: "#ff0088",
+        spine: "#3a1a3a",
+        particle: "#ff44ff",
+        glow: "#ff00ff40",
+    },
+    blueprint: {
+        primary: "#4aa3ff",
+        secondary: "#60a5fa",
+        spine: "#1b2a44",
+        particle: "#93c5fd",
+        glow: "#4aa3ff40",
+    },
+};

package/dist/primitives/three/CrystallineOrganism/Breadcrumb.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Breadcrumb
+ *
+ * Navigation UI for sprawl stack.
+ */
+import type { BreadcrumbProps } from "./types";
+export declare function Breadcrumb({ stack, labels, onNavigate }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/primitives/three/CrystallineOrganism/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/CrystallineOrganism/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,eAAe,kDAiDxE"}

package/dist/primitives/three/CrystallineOrganism/Breadcrumb.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Breadcrumb
+ *
+ * Navigation UI for sprawl stack.
+ */
+import { Html } from "@react-three/drei";
+import { motion } from "framer-motion";
+export function Breadcrumb({ stack, labels, onNavigate }) {
+    if (stack.length === 0)
+        return null;
+    const items = ["NEXUS", ...stack.map((id) => labels[id] || id)];
+    return (_jsx(Html, { position: [-4, 3, 0], style: { pointerEvents: "auto" }, zIndexRange: [200, 0], children: _jsxs(motion.div, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, className: "flex items-center gap-1 bg-black/80 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10", children: [items.map((item, i) => (_jsxs("div", { className: "flex items-center", children: [i > 0 && (_jsx("span", { className: "text-white/30 mx-1 text-xs", children: ">" })), _jsx("button", { onClick: () => onNavigate(i - 1), className: `
+                text-xs font-mono uppercase tracking-wider
+                transition-colors duration-150
+                ${i === items.length - 1
+                                ? "text-cyan-400 cursor-default"
+                                : "text-white/60 hover:text-white cursor-pointer"}
+              `, disabled: i === items.length - 1, children: item })] }, i))), _jsx("button", { onClick: () => onNavigate(-1), className: "ml-2 text-white/40 hover:text-white text-xs", title: "Collapse all", children: "\u00D7" })] }) }));
+}

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

@@ -0,0 +1,12 @@
+/**
+ * CrystallineOrganism
+ *
+ * Emotion-driven crystalline primitive for visualizing units of work
+ * (kernel, workcell, agent, task) in the Backbay Nexus.
+ *
+ * Uses the same AVO emotion system as the Glyph, but renders as faceted
+ * platonic solids with glowing edges instead of a loaded GLB model.
+ */
+import type { CrystallineOrganismProps } from "./types";
+export declare function CrystallineOrganism({ id, type, label, state, dimensions, visualState: directVisualState, power, children, sprawled, selected, hovered, onSelect, onSprawl, onCollapse, onContextMenu, onHover, position, enableParticles, }: CrystallineOrganismProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrystallineOrganism.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrystallineOrganism.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/CrystallineOrganism/CrystallineOrganism.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAOxD,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAc,EACd,UAAU,EACV,WAAW,EAAE,iBAAiB,EAC9B,KAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,aAAa,EACb,OAAO,EACP,QAAoB,EACpB,eAAsB,GACvB,EAAE,wBAAwB,2CAuO1B"}

package/dist/primitives/three/CrystallineOrganism/CrystallineOrganism.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * CrystallineOrganism
+ *
+ * Emotion-driven crystalline primitive for visualizing units of work
+ * (kernel, workcell, agent, task) in the Backbay Nexus.
+ *
+ * Uses the same AVO emotion system as the Glyph, but renders as faceted
+ * platonic solids with glowing edges instead of a loaded GLB model.
+ */
+import { useRef, useCallback, useState, useMemo } from "react";
+import { Html } from "@react-three/drei";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+import { POWER_MULTIPLIERS } from "./types";
+import { ORGANISM_BASE_SIZE } from "./constants";
+import { OrganismShell } from "./OrganismShell";
+import { OrganismParticles } from "./OrganismParticles";
+import { useOrganismEmotion } from "./useOrganismEmotion";
+export function CrystallineOrganism({ id, type, label, state = "idle", dimensions, visualState: directVisualState, power = "standard", children, sprawled = false, selected = false, hovered = false, onSelect, onSprawl, onCollapse, onContextMenu, onHover, position = [0, 0, 0], enableParticles = true, }) {
+    const groupRef = useRef(null);
+    const [isLocalHovered, setIsLocalHovered] = useState(false);
+    // Get emotion-driven visual state
+    const { visualState } = useOrganismEmotion({
+        state,
+        dimensions,
+        visualState: directVisualState,
+    });
+    // Calculate size based on type and power level
+    const baseSize = ORGANISM_BASE_SIZE[type];
+    const powerMultiplier = POWER_MULTIPLIERS[power];
+    const size = baseSize * powerMultiplier.scale;
+    // Adjust particle count by power level
+    const adjustedVisualState = useMemo(() => ({
+        ...visualState,
+        particleCount: Math.floor(visualState.particleCount * powerMultiplier.particles),
+    }), [visualState, powerMultiplier.particles]);
+    const effectiveHovered = hovered || isLocalHovered;
+    // Derive colors from emotion state for labels
+    const { labelColor, typeColor } = useMemo(() => {
+        const hue = visualState.coreHue / 360;
+        const sat = visualState.coreSaturation;
+        return {
+            labelColor: new THREE.Color().setHSL(hue, sat * 0.8, 0.7).getStyle(),
+            typeColor: new THREE.Color().setHSL(hue, sat, 0.6).getStyle(),
+        };
+    }, [visualState.coreHue, visualState.coreSaturation]);
+    // Handle click - select or sprawl depending on whether it has children
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        if (children && children.length > 0 && !sprawled) {
+            onSprawl?.(id);
+        }
+        else {
+            onSelect?.(id);
+        }
+    }, [id, children, sprawled, onSprawl, onSelect]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        if (sprawled) {
+            onCollapse?.(id);
+        }
+        else if (children && children.length > 0) {
+            onSprawl?.(id);
+        }
+    }, [id, sprawled, children, onSprawl, onCollapse]);
+    const handleContextMenu = useCallback((e) => {
+        e.stopPropagation();
+        const pos = groupRef.current?.position ?? new THREE.Vector3();
+        onContextMenu?.(id, pos);
+    }, [id, onContextMenu]);
+    const handlePointerOver = useCallback((e) => {
+        e.stopPropagation();
+        setIsLocalHovered(true);
+        onHover?.(id);
+        document.body.style.cursor = "pointer";
+    }, [id, onHover]);
+    const handlePointerOut = useCallback(() => {
+        setIsLocalHovered(false);
+        onHover?.(null);
+        document.body.style.cursor = "auto";
+    }, [onHover]);
+    // Animate position
+    useFrame((_, delta) => {
+        const group = groupRef.current;
+        if (!group)
+            return;
+        const targetPos = new THREE.Vector3(...position);
+        group.position.lerp(targetPos, 1 - Math.exp(-delta * 8));
+    });
+    return (_jsxs("group", { ref: groupRef, position: position, children: [_jsxs("mesh", { onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, onPointerOver: handlePointerOver, onPointerOut: handlePointerOut, children: [_jsx("sphereGeometry", { args: [size * 1.5, 16, 16] }), _jsx("meshBasicMaterial", { visible: false })] }), _jsx(OrganismShell, { type: type, visualState: adjustedVisualState, size: size, selected: selected, hovered: effectiveHovered }), enableParticles && (_jsx(OrganismParticles, { visualState: adjustedVisualState, shellRadius: size })), label && (effectiveHovered || selected) && (_jsx(Html, { distanceFactor: 12, zIndexRange: [100, 0], style: { pointerEvents: "none" }, children: _jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        transform: `translateY(${-size * 40 - 12}px)`,
+                        animation: "fadeIn 0.15s ease-out",
+                    }, children: [_jsx("div", { style: {
+                                padding: "4px 8px",
+                                borderRadius: "9999px",
+                                border: "1px solid rgba(255,255,255,0.25)",
+                                backdropFilter: "blur(8px)",
+                                backgroundColor: "rgba(0,0,0,0.8)",
+                                boxShadow: "0 4px 12px rgba(0,0,0,0.5)",
+                            }, children: _jsx("div", { style: {
+                                    fontSize: "10px",
+                                    fontFamily: "monospace",
+                                    fontWeight: 600,
+                                    whiteSpace: "nowrap",
+                                    color: "white",
+                                }, children: label }) }), _jsx("div", { style: {
+                                fontSize: "7px",
+                                textTransform: "uppercase",
+                                letterSpacing: "0.18em",
+                                fontWeight: 700,
+                                marginTop: "4px",
+                                padding: "1px 6px",
+                                borderRadius: "4px",
+                                border: `1px solid ${typeColor}33`,
+                                backgroundColor: "rgba(0,0,0,0.4)",
+                                backdropFilter: "blur(4px)",
+                                color: typeColor,
+                                boxShadow: `0 0 6px ${typeColor}22`,
+                            }, children: type }), state !== "idle" && (_jsx("div", { style: {
+                                fontSize: "6px",
+                                textTransform: "uppercase",
+                                letterSpacing: "0.1em",
+                                marginTop: "2px",
+                                padding: "1px 4px",
+                                borderRadius: "2px",
+                                backgroundColor: "rgba(0,0,0,0.6)",
+                                color: state === "error" ? "#ff0055" :
+                                    state === "busy" ? "#ffaa00" :
+                                        state === "thinking" ? "#00f0ff" :
+                                            "rgba(255,255,255,0.6)",
+                            }, children: state }))] }) })), children && children.length > 0 && !sprawled && (_jsx(Html, { distanceFactor: 16, zIndexRange: [50, 0], style: { pointerEvents: "none" }, position: [0, -size * 1.2, 0], children: _jsxs("div", { style: {
+                        fontSize: "8px",
+                        fontFamily: "monospace",
+                        color: "rgba(255,255,255,0.5)",
+                        backgroundColor: "rgba(0,0,0,0.4)",
+                        padding: "0 4px",
+                        borderRadius: "4px",
+                    }, children: ["+", children.length] }) }))] }));
+}

package/dist/primitives/three/CrystallineOrganism/LatticeEdge.d.ts

@@ -0,0 +1,8 @@
+/**
+ * LatticeEdge
+ *
+ * Connection edge between organisms with type-based styling.
+ */
+import type { LatticeEdgeProps } from "./types";
+export declare function LatticeEdge({ edge, sourcePosition, targetPosition, }: LatticeEdgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LatticeEdge.d.ts.map

package/dist/primitives/three/CrystallineOrganism/LatticeEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LatticeEdge.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/CrystallineOrganism/LatticeEdge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,cAAc,EACd,cAAc,GACf,EAAE,gBAAgB,2CA0ClB"}

package/dist/primitives/three/CrystallineOrganism/LatticeEdge.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * LatticeEdge
+ *
+ * Connection edge between organisms with type-based styling.
+ */
+import { useRef, useMemo } from "react";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+import { EDGE_STYLES } from "./constants";
+// Edge colors for different connection types
+const EDGE_COLORS = {
+    hierarchy: "#00f0ff", // Cyan - structural
+    "data-flow": "#d4a84b", // Gold - data flow
+    dependency: "#ffaa00", // Amber - dependency
+    communication: "#00ff88", // Green - communication
+    speculative: "#c4a0ff", // Purple - speculative
+};
+export function LatticeEdge({ edge, sourcePosition, targetPosition, }) {
+    const lineRef = useRef(null);
+    const style = EDGE_STYLES[edge.type];
+    const points = useMemo(() => {
+        return [
+            new THREE.Vector3(...sourcePosition),
+            new THREE.Vector3(...targetPosition),
+        ];
+    }, [sourcePosition, targetPosition]);
+    const geometry = useMemo(() => {
+        return new THREE.BufferGeometry().setFromPoints(points);
+    }, [points]);
+    // Get color based on edge type
+    const color = useMemo(() => {
+        return EDGE_COLORS[edge.type] ?? "#666666";
+    }, [edge.type]);
+    // Animate pulse for communication edges
+    useFrame(({ clock }) => {
+        if (!lineRef.current)
+            return;
+        if (style.pulseGlow) {
+            const t = clock.elapsedTime;
+            const opacity = 0.3 + 0.2 * Math.sin(t * 3);
+            lineRef.current.material.opacity = opacity;
+        }
+    });
+    return (_jsx("primitive", { object: new THREE.Line(), ref: lineRef, geometry: geometry, children: _jsx("lineBasicMaterial", { color: color, transparent: true, opacity: 0.4 * edge.strength, linewidth: style.lineWidth, blending: THREE.AdditiveBlending }) }));
+}

package/dist/primitives/three/CrystallineOrganism/OrganismLattice.d.ts

@@ -0,0 +1,8 @@
+/**
+ * OrganismLattice
+ *
+ * Container that manages layout, sprawl, and connections between organisms.
+ */
+import type { OrganismLatticeProps } from "./types";
+export declare function OrganismLattice({ organisms, edges, layout, sprawlStack, onSprawlChange, onSelectionChange, }: OrganismLatticeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrganismLattice.d.ts.map

package/dist/primitives/three/CrystallineOrganism/OrganismLattice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganismLattice.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/CrystallineOrganism/OrganismLattice.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,oBAAoB,EAA4B,MAAM,SAAS,CAAC;AAK9E,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,MAAmB,EACnB,WAAgB,EAChB,cAAc,EACd,iBAAiB,GAClB,EAAE,oBAAoB,2CA0ItB"}

package/dist/primitives/three/CrystallineOrganism/OrganismLattice.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * OrganismLattice
+ *
+ * Container that manages layout, sprawl, and connections between organisms.
+ */
+import { useState, useCallback, useMemo } from "react";
+import { CrystallineOrganism } from "./CrystallineOrganism";
+import { LatticeEdge } from "./LatticeEdge";
+import { hexGridLayout } from "./layouts/hexGrid";
+export function OrganismLattice({ organisms, edges, layout = "hex-grid", sprawlStack = [], onSprawlChange, onSelectionChange, }) {
+    const [selectedIds, setSelectedIds] = useState([]);
+    const [hoveredId, setHoveredId] = useState(null);
+    // Get currently visible organisms based on sprawl stack
+    const visibleOrganisms = useMemo(() => {
+        if (sprawlStack.length === 0) {
+            // Show top-level organisms (those not in any parent's children)
+            const childIds = new Set();
+            organisms.forEach((org) => {
+                org.children?.forEach((child) => childIds.add(child.id));
+            });
+            return organisms.filter((org) => !childIds.has(org.id));
+        }
+        // Find the sprawled organism and return its children
+        const sprawledId = sprawlStack[sprawlStack.length - 1];
+        // Helper to find organism by ID in nested structure
+        const findOrganism = (orgs, id) => {
+            for (const org of orgs) {
+                if (org.id === id)
+                    return org;
+                if (org.children) {
+                    const found = findOrganism(org.children, id);
+                    if (found)
+                        return found;
+                }
+            }
+            return undefined;
+        };
+        const sprawled = findOrganism(organisms, sprawledId);
+        return sprawled?.children ?? [];
+    }, [organisms, sprawlStack]);
+    // Calculate positions based on layout
+    const positions = useMemo(() => {
+        const ids = visibleOrganisms.map((o) => o.id);
+        switch (layout) {
+            case "hex-grid":
+                return hexGridLayout(ids);
+            case "manual": {
+                // Use positions from props
+                const manual = new Map();
+                visibleOrganisms.forEach((o) => {
+                    if (o.position)
+                        manual.set(o.id, o.position);
+                });
+                return { positions: manual };
+            }
+            case "force-directed":
+            case "radial":
+                // Fallback to hex-grid for unimplemented layouts
+                return hexGridLayout(ids);
+            default:
+                return hexGridLayout(ids);
+        }
+    }, [visibleOrganisms, layout]);
+    // Filter edges to only show connections between visible organisms
+    const visibleEdges = useMemo(() => {
+        const visibleIds = new Set(visibleOrganisms.map((o) => o.id));
+        return edges.filter((e) => visibleIds.has(e.source) && visibleIds.has(e.target));
+    }, [edges, visibleOrganisms]);
+    const handleSelect = useCallback((id) => {
+        setSelectedIds((prev) => {
+            const next = prev.includes(id)
+                ? prev.filter((i) => i !== id)
+                : [...prev, id];
+            onSelectionChange?.(next);
+            return next;
+        });
+    }, [onSelectionChange]);
+    const handleSprawl = useCallback((id) => {
+        const next = [...sprawlStack, id];
+        onSprawlChange?.(next);
+    }, [sprawlStack, onSprawlChange]);
+    const handleCollapse = useCallback((id) => {
+        const index = sprawlStack.indexOf(id);
+        if (index >= 0) {
+            const next = sprawlStack.slice(0, index);
+            onSprawlChange?.(next);
+        }
+    }, [sprawlStack, onSprawlChange]);
+    return (_jsxs("group", { children: [visibleOrganisms.map((org) => {
+                const pos = positions.positions.get(org.id) ?? org.position ?? [0, 0, 0];
+                return (_jsx(CrystallineOrganism, { ...org, position: pos, selected: selectedIds.includes(org.id), hovered: hoveredId === org.id, onSelect: handleSelect, onSprawl: handleSprawl, onCollapse: handleCollapse, onHover: setHoveredId }, org.id));
+            }), visibleEdges.map((edge) => {
+                const sourcePos = positions.positions.get(edge.source);
+                const targetPos = positions.positions.get(edge.target);
+                if (!sourcePos || !targetPos)
+                    return null;
+                return (_jsx(LatticeEdge, { edge: edge, sourcePosition: sourcePos, targetPosition: targetPos }, edge.id));
+            })] }));
+}

package/dist/primitives/three/CrystallineOrganism/OrganismParticles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * OrganismParticles - Emotion-Driven Particle System
+ *
+ * Particle aura around the organism, driven by VisualState from the AVO emotion system.
+ * Similar to GlyphObject's particle system but for crystalline organisms.
+ */
+import type { OrganismParticlesProps } from "./types";
+export declare function OrganismParticles({ visualState, shellRadius }: OrganismParticlesProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=OrganismParticles.d.ts.map

package/dist/primitives/three/CrystallineOrganism/OrganismParticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganismParticles.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/CrystallineOrganism/OrganismParticles.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AActD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,sBAAsB,kDA0HrF"}