@backbay/glia 0.2.0-alpha.1

package/dist/components/ClusterHero/StructuralElements.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { cn } from "../../lib/utils";
+/**
+ * Atmospheric structural elements for ClusterHero.
+ * Renders corner brackets, radial vignette, and subtle dot grid overlay.
+ */
+export function StructuralElements({ accentColor, className, }) {
+    return (_jsxs("div", { className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), "aria-hidden": "true", children: [_jsx(CornerBrackets, { accentColor: accentColor }), _jsx("div", { className: "absolute inset-0", style: {
+                    background: `radial-gradient(ellipse 60% 80% at 85% 50%, ${accentColor}1A 0%, transparent 70%)`,
+                } }), _jsx(DotGrid, {})] }));
+}
+/**
+ * Corner bracket decorations at top-left and bottom-right.
+ */
+function CornerBrackets({ accentColor }) {
+    const bracketLength = 40;
+    const thickness = 2;
+    return (_jsxs(_Fragment, { children: [_jsxs(motion.div, { className: "absolute top-6 left-6", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.8, delay: 0.2 }, children: [_jsx("div", { className: "absolute top-0 left-0", style: {
+                            width: bracketLength,
+                            height: thickness,
+                            backgroundColor: accentColor,
+                        } }), _jsx("div", { className: "absolute top-0 left-0", style: {
+                            width: thickness,
+                            height: bracketLength,
+                            backgroundColor: accentColor,
+                        } })] }), _jsxs(motion.div, { className: "absolute bottom-6 right-6", initial: { opacity: 0 }, animate: { opacity: 1 }, transition: { duration: 0.8, delay: 0.3 }, children: [_jsx("div", { className: "absolute bottom-0 right-0", style: {
+                            width: bracketLength,
+                            height: thickness,
+                            backgroundColor: accentColor,
+                        } }), _jsx("div", { className: "absolute bottom-0 right-0", style: {
+                            width: thickness,
+                            height: bracketLength,
+                            backgroundColor: accentColor,
+                        } })] })] }));
+}
+/**
+ * Subtle dot grid pattern overlay.
+ */
+function DotGrid() {
+    return (_jsx("div", { className: "absolute inset-0", style: {
+            opacity: 0.04,
+            backgroundImage: `radial-gradient(circle at center, currentColor 1px, transparent 1px)`,
+            backgroundSize: "24px 24px",
+        } }));
+}

package/dist/components/ClusterHero/VideoBackground.d.ts

@@ -0,0 +1,37 @@
+export interface VideoBackgroundProps {
+    /** Source URL for the video (MP4 preferred) */
+    videoSrc: string;
+    /** WebM fallback source URL (optional, for better browser support) */
+    webmSrc?: string;
+    /** Poster image shown during loading and as fallback */
+    posterSrc: string;
+    /** Fallback CSS background (used behind poster/video, and if assets 404) */
+    fallbackBackground?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Duration of the crossfade animation in seconds (default: 0.8) */
+    crossfadeDuration?: number;
+    /** Whether to add preload hints for video and poster (default: true) */
+    preload?: boolean;
+    /** Video playback rate (default: 1.0, use 0.5 for half speed) */
+    playbackRate?: number;
+    /** Callback fired when video successfully loads */
+    onLoad?: () => void;
+    /** Callback fired when video fails to load */
+    onError?: (error: Event) => void;
+}
+/**
+ * A fullscreen video background with crossfade loading animation.
+ * Falls back to poster image if video fails to load.
+ *
+ * Features:
+ * - Crossfade from poster to video when canplaythrough fires
+ * - Graceful fallback to poster on video error
+ * - Reduces motion for accessibility when user prefers reduced motion
+ * - Optimized with playsInline, muted, autoPlay, loop attributes
+ * - Optional preload hints for faster loading
+ * - WebM format support for better compression
+ */
+export declare function VideoBackground({ videoSrc, webmSrc, posterSrc, fallbackBackground, className, crossfadeDuration, preload, playbackRate, onLoad, onError, }: VideoBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export default VideoBackground;
+//# sourceMappingURL=VideoBackground.d.ts.map

package/dist/components/ClusterHero/VideoBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBackground.d.ts","sourceRoot":"","sources":["../../../src/components/ClusterHero/VideoBackground.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wDAAwD;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,SAAS,EACT,iBAAuB,EACvB,OAAc,EACd,YAAmB,EACnB,MAAM,EACN,OAAO,GACR,EAAE,oBAAoB,2CA2LtB;AAED,eAAe,eAAe,CAAC"}

package/dist/components/ClusterHero/VideoBackground.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { cn } from "../../lib/utils";
+/**
+ * A fullscreen video background with crossfade loading animation.
+ * Falls back to poster image if video fails to load.
+ *
+ * Features:
+ * - Crossfade from poster to video when canplaythrough fires
+ * - Graceful fallback to poster on video error
+ * - Reduces motion for accessibility when user prefers reduced motion
+ * - Optimized with playsInline, muted, autoPlay, loop attributes
+ * - Optional preload hints for faster loading
+ * - WebM format support for better compression
+ */
+export function VideoBackground({ videoSrc, webmSrc, posterSrc, fallbackBackground, className, crossfadeDuration = 0.8, preload = true, playbackRate = 0.75, onLoad, onError, }) {
+    const [isVideoReady, setIsVideoReady] = useState(false);
+    const [hasError, setHasError] = useState(false);
+    const videoRef = useRef(null);
+    // Check for reduced motion preference
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+        setPrefersReducedMotion(mediaQuery.matches);
+        const handleChange = (e) => {
+            setPrefersReducedMotion(e.matches);
+        };
+        mediaQuery.addEventListener("change", handleChange);
+        return () => mediaQuery.removeEventListener("change", handleChange);
+    }, []);
+    const handleCanPlayThrough = useCallback(() => {
+        setIsVideoReady(true);
+        onLoad?.();
+    }, [onLoad]);
+    const handleError = useCallback((e) => {
+        setHasError(true);
+        setIsVideoReady(false);
+        onError?.(e.nativeEvent);
+    }, [onError]);
+    // Attempt to play video when it becomes visible and set playback rate
+    useEffect(() => {
+        const video = videoRef.current;
+        if (!video || hasError || prefersReducedMotion)
+            return;
+        // Set playback rate
+        video.playbackRate = playbackRate;
+        // Some browsers require user interaction before autoplay works
+        // This attempts to play and silently handles any autoplay restrictions
+        const playPromise = video.play();
+        if (playPromise !== undefined) {
+            playPromise.catch(() => {
+                // Autoplay was prevented, video will show poster instead
+                // This is expected behavior on some mobile browsers
+            });
+        }
+    }, [hasError, prefersReducedMotion, playbackRate]);
+    // Add preload hints to document head for faster loading
+    useEffect(() => {
+        if (!preload || typeof document === "undefined")
+            return;
+        const links = [];
+        // Preload poster image
+        if (posterSrc) {
+            const posterLink = document.createElement("link");
+            posterLink.rel = "preload";
+            posterLink.as = "image";
+            posterLink.href = posterSrc;
+            document.head.appendChild(posterLink);
+            links.push(posterLink);
+        }
+        // Preload primary video
+        if (videoSrc) {
+            const videoLink = document.createElement("link");
+            videoLink.rel = "preload";
+            videoLink.as = "video";
+            videoLink.href = videoSrc;
+            if (videoSrc.endsWith(".mp4")) {
+                videoLink.type = "video/mp4";
+            }
+            else if (videoSrc.endsWith(".webm")) {
+                videoLink.type = "video/webm";
+            }
+            document.head.appendChild(videoLink);
+            links.push(videoLink);
+        }
+        // Preload WebM fallback if provided
+        if (webmSrc) {
+            const webmLink = document.createElement("link");
+            webmLink.rel = "preload";
+            webmLink.as = "video";
+            webmLink.href = webmSrc;
+            webmLink.type = "video/webm";
+            document.head.appendChild(webmLink);
+            links.push(webmLink);
+        }
+        return () => {
+            links.forEach((link) => {
+                if (link.parentNode === document.head) {
+                    document.head.removeChild(link);
+                }
+            });
+        };
+    }, [preload, videoSrc, webmSrc, posterSrc]);
+    // Shared styles for both video and fallback
+    const mediaStyles = cn("absolute inset-0 w-full h-full object-cover", className);
+    const fallbackBg = fallbackBackground ??
+        "radial-gradient(1200px 700px at 50% 30%, rgba(255,255,255,0.10), rgba(0,0,0,0) 60%), linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0) 40%), #000";
+    // Use multiple backgrounds so if the poster 404s, the fallback still paints.
+    const posterBackgroundImage = posterSrc ? `url(${posterSrc}), ${fallbackBg}` : fallbackBg;
+    const posterBackgroundSize = posterSrc ? "cover, cover" : "cover";
+    const posterBackgroundPosition = posterSrc ? "center, center" : "center";
+    // If user prefers reduced motion, just show the poster
+    if (prefersReducedMotion) {
+        return (_jsx("div", { className: mediaStyles, style: {
+                backgroundImage: posterBackgroundImage,
+                backgroundSize: posterBackgroundSize,
+                backgroundPosition: posterBackgroundPosition,
+            }, role: "img", "aria-label": "Background image" }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(mediaStyles, "z-0"), style: {
+                    backgroundImage: posterBackgroundImage,
+                    backgroundSize: posterBackgroundSize,
+                    backgroundPosition: posterBackgroundPosition,
+                }, role: "img", "aria-hidden": isVideoReady && !hasError }), _jsx(AnimatePresence, { children: !hasError && (_jsxs(motion.video, { ref: videoRef, className: cn(mediaStyles, "z-10"), poster: posterSrc, autoPlay: true, muted: true, loop: true, playsInline: true, disablePictureInPicture: true, disableRemotePlayback: true, onCanPlayThrough: handleCanPlayThrough, onError: handleError, initial: { opacity: 0 }, animate: { opacity: isVideoReady ? 1 : 0 }, exit: { opacity: 0 }, transition: {
+                        opacity: {
+                            duration: crossfadeDuration,
+                            ease: [0.4, 0, 0.2, 1], // ease-out cubic
+                        },
+                    }, "aria-hidden": "true", children: [webmSrc && _jsx("source", { src: webmSrc, type: "video/webm" }), _jsx("source", { src: videoSrc, type: "video/mp4" })] }, videoSrc)) })] }));
+}
+export default VideoBackground;

package/dist/components/ClusterHero/config.d.ts

@@ -0,0 +1,20 @@
+import type { ClusterConfig, ClusterId } from './types.js';
+/**
+ * Local development ports for each cluster app.
+ * Used when NODE_ENV=development to route to localhost instead of subdomains.
+ */
+export declare const CLUSTER_DEV_PORTS: Record<ClusterId, number>;
+/**
+ * Returns the docs URL for a cluster, respecting development vs production.
+ * In development: http://localhost:{port}
+ * In production: https://{cluster}.backbay.io
+ */
+export declare function getClusterDocsUrl(clusterId: ClusterId): string;
+export declare const CLUSTER_CONFIGS: Record<ClusterId, ClusterConfig>;
+export declare function getClusterConfig(clusterId: ClusterId): ClusterConfig;
+/**
+ * Returns cluster config with docs URLs resolved for the current environment.
+ * Call this on the client side to get URLs that work in development.
+ */
+export declare function getClusterConfigWithResolvedUrls(clusterId: ClusterId): ClusterConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/components/ClusterHero/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/components/ClusterHero/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAQvD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAK9D;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,aAAa,CA6P5D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,aAAa,CAEpE;AAED;;;GAGG;AACH,wBAAgB,gCAAgC,CAAC,SAAS,EAAE,SAAS,GAAG,aAAa,CAYpF"}

package/dist/components/ClusterHero/config.js

@@ -0,0 +1,289 @@
+/**
+ * Local development ports for each cluster app.
+ * Used when NODE_ENV=development to route to localhost instead of subdomains.
+ */
+export const CLUSTER_DEV_PORTS = {
+    alexandria: 3001,
+    alpha: 3002,
+    opus: 3003,
+    baia: 3004,
+    kdot: 3005,
+    aegis: 3006,
+    providence: 3007,
+};
+/**
+ * Returns the docs URL for a cluster, respecting development vs production.
+ * In development: http://localhost:{port}
+ * In production: https://{cluster}.backbay.io
+ */
+export function getClusterDocsUrl(clusterId) {
+    if (typeof window !== 'undefined' && window.location.hostname === 'localhost') {
+        return `http://localhost:${CLUSTER_DEV_PORTS[clusterId]}`;
+    }
+    return `https://${clusterId}.backbay.io`;
+}
+export const CLUSTER_CONFIGS = {
+    alexandria: {
+        id: 'alexandria',
+        name: 'Alexandria',
+        tagline: 'Where knowledge compounds',
+        latinMotto: 'SEQUERE FILUM',
+        sigilSrc: '/sigils/alexandria.svg',
+        videoSrc: '/videos/clusters/alexandria.mp4',
+        videoPoster: '/videos/clusters/alexandria-poster.jpg',
+        accentColor: '#C9A227',
+        accentColorRGB: '201, 162, 39',
+        atmosphere: {
+            dustMotes: {
+                colors: ['#C9A227', '#E8D5A3', '#8B7355'],
+                density: 0.6,
+                speed: 0.3,
+            },
+            light: {
+                type: 'godrays',
+                color: '#C9A227',
+                intensity: 0.7,
+                source: { x: 0.8, y: 0.1 },
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/alexandria', variant: 'primary' },
+            { label: 'Docs', href: 'https://alexandria.backbay.io', variant: 'secondary', external: true },
+            { label: 'Governance', href: '/governance/alexandria', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'The decentralized knowledge marketplace. Publish, lease, and compound intelligence artifacts.',
+        capabilities: ['PUBLISH', 'LEASE', 'COMPOUND'],
+        fastPath: { label: 'Start a Knowledge Compound', href: '/clusters/alexandria/compound/new' },
+        status: { network: 'STABLE', verification: 'ON', fees: '2%' },
+        // Live
+        liveModule: 'market',
+        liveContent: '3 new blueprints published today',
+        // Metrics
+        metrics: { realms: 847, output24h: '2.4M', rank: 12 },
+    },
+    alpha: {
+        id: 'alpha',
+        name: 'Alpha',
+        tagline: 'Where signals become strategy',
+        latinMotto: 'ALPHA IN MOTU',
+        sigilSrc: '/sigils/alpha.svg',
+        videoSrc: '/videos/clusters/alpha.mp4',
+        videoPoster: '/videos/clusters/alpha-poster.jpg',
+        accentColor: '#E8E8E8',
+        accentColorRGB: '232, 232, 232',
+        atmosphere: {
+            fog: {
+                type: 'volumetric',
+                color: '#E8E8E8',
+                intensity: 0.5,
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/alpha', variant: 'primary' },
+            { label: 'Docs', href: 'https://alpha.backbay.io', variant: 'secondary', external: true },
+            { label: 'Governance', href: '/governance/alpha', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'A social exchange for research-grade finance. Models, signals, and playbooks—shared, challenged, and refined in public.',
+        capabilities: ['BACKTEST', 'PRICE', 'EXECUTE'],
+        fastPath: { label: 'Explore strategy marketplace', href: '/clusters/alpha/market' },
+        status: { network: 'STABLE', verification: 'ON', fees: '1.5%' },
+        // Live
+        liveModule: 'live',
+        liveContent: 'Live: 218 strategies • 24h volume $3.1B',
+        // Metrics
+        metrics: { realms: 234, output24h: '4.8M', rank: 3 },
+    },
+    opus: {
+        id: 'opus',
+        name: 'Opus',
+        tagline: 'Where care meets code',
+        latinMotto: 'SALUS PER MACHINAM',
+        sigilSrc: '/sigils/opus.svg',
+        videoSrc: '/videos/clusters/opus.mp4',
+        videoPoster: '/videos/clusters/opus-poster.jpg',
+        accentColor: '#B87333',
+        accentColorRGB: '184, 115, 51',
+        atmosphere: {
+            dustMotes: {
+                colors: ['#B87333', '#D4956A', '#8B5A2B'],
+                density: 0.8,
+                speed: 0.2,
+            },
+            light: {
+                type: 'bloom',
+                color: '#B87333',
+                intensity: 0.6,
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/opus', variant: 'primary' },
+            { label: 'Docs', href: 'https://opus.backbay.io', variant: 'secondary', external: true },
+            { label: 'Governance', href: '/governance/opus', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'The clinic-to-code commons. Practical health systems, shared and iterated together.',
+        capabilities: ['DIAGNOSE', 'COORDINATE', 'PRODUCE'],
+        fastPath: { label: 'Explore the Exchange', href: '/clusters/opus/exchange' },
+        status: { network: 'STABLE', verification: 'HIPAA', fees: '2%' },
+        // Live
+        liveModule: 'live',
+        liveContent: 'New: Autonomous diagnostic pipeline • 12 protocols deployed',
+        // Metrics
+        metrics: { realms: 156, output24h: '892K' },
+    },
+    baia: {
+        id: 'baia',
+        name: 'Baia',
+        tagline: 'Where imagination renders',
+        latinMotto: 'ARS EX MACHINA',
+        sigilSrc: '/sigils/baia.svg',
+        videoSrc: '/videos/clusters/baia.mp4',
+        videoPoster: '/videos/clusters/baia-poster.jpg',
+        accentColor: '#D4AF37',
+        accentColorRGB: '212, 175, 55',
+        atmosphere: {
+            light: {
+                type: 'godrays',
+                color: '#D4AF37',
+                intensity: 0.8,
+                source: { x: 0.5, y: 0 },
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/baia', variant: 'primary' },
+            { label: 'Docs', href: 'https://baia.backbay.io', variant: 'secondary', external: true },
+            { label: 'Governance', href: '/governance/baia', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'A social market for generative culture. Artists and builders publish, collaborate, and curate evolving collections.',
+        capabilities: ['GENERATE', 'COMPOSE', 'RENDER'],
+        fastPath: { label: 'Open the Studio', href: '/clusters/baia/studio' },
+        status: { network: 'STABLE', verification: 'ON', fees: '2.5%' },
+        // Live
+        liveModule: 'market',
+        liveContent: 'Trending: Neural symphony generator • 847 works minted today',
+        // Metrics
+        metrics: { realms: 89, output24h: '124K', rank: 47 },
+    },
+    kdot: {
+        id: 'kdot',
+        name: 'KDoT',
+        tagline: 'Kernel design of thought',
+        latinMotto: 'MENS • MACHINA • DEUS',
+        sigilSrc: '/sigils/kdot.svg',
+        videoSrc: '/videos/clusters/kdot.mp4',
+        videoPoster: '/videos/clusters/kdot-poster.jpg',
+        accentColor: '#00D4AA',
+        accentColorRGB: '0, 212, 170',
+        atmosphere: {
+            fog: {
+                type: 'mist',
+                color: '#00D4AA',
+                intensity: 0.4,
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/kdot', variant: 'primary' },
+            { label: 'Docs', href: 'https://kdot.backbay.io', variant: 'secondary', external: true },
+            { label: 'Status', href: '/status/kdot', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'Compile thought into territory. Ship verifiable services. Forge living culture. Spin up economies.\nKernel Design of Thought: where creativity becomes industry.',
+        capabilities: ['DESIGN', 'SYNTHESIZE', 'ALIGN'],
+        fastPath: { label: 'Open the Kernel', href: '/clusters/kdot/topology' },
+        status: { network: 'OPTIMAL', verification: 'ON', fees: '0.1%' },
+        // Live
+        liveModule: 'live',
+        liveContent: 'The Cathedral awakens • 12 kernels compiled today',
+        // Metrics
+        metrics: { realms: 1247, output24h: '8.4PB', rank: 1 },
+    },
+    aegis: {
+        id: 'aegis',
+        name: 'Aegis',
+        tagline: 'Shield of the realm',
+        latinMotto: 'TUTELA PERPETUA',
+        sigilSrc: '/sigils/aegis.svg',
+        videoSrc: '/videos/clusters/aegis.mp4',
+        videoPoster: '/videos/clusters/aegis-poster.jpg',
+        accentColor: '#4A7BF7',
+        accentColorRGB: '74, 123, 247',
+        atmosphere: {
+            light: {
+                type: 'bloom',
+                color: '#4A7BF7',
+                intensity: 0.5,
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/aegis', variant: 'primary' },
+            { label: 'Docs', href: 'https://aegis.backbay.io', variant: 'secondary', external: true },
+            { label: 'Audit', href: '/audit/aegis', variant: 'ghost' },
+        ],
+        // Briefing
+        description: 'The EDR layer for agent economies. Aegis is a trust-minimized distributed security mesh to enable autonomous production at scale.',
+        capabilities: ['PROTECT', 'DETECT', 'RESPOND'],
+        fastPath: { label: 'View threat dashboard', href: '/clusters/aegis/threats' },
+        status: { network: 'SECURE', verification: 'ENFORCED', fees: '1%' },
+        // Live
+        liveModule: 'governance',
+        liveContent: 'Security Proposal #7 — Policy update pending review',
+        // Metrics
+        metrics: { realms: 312, output24h: '2.1B threats blocked', rank: 2 },
+    },
+    providence: {
+        id: 'providence',
+        name: 'Providence',
+        tagline: 'Foresight is defense',
+        latinMotto: 'PRAEVIDEO ERGO PROTEGO',
+        sigilSrc: '/sigils/providence.svg',
+        videoSrc: '/videos/clusters/providence.mp4',
+        videoPoster: '/videos/clusters/providence-poster.jpg',
+        accentColor: '#00D4AA',
+        accentColorRGB: '0, 212, 170',
+        atmosphere: {
+            light: {
+                type: 'godrays',
+                color: '#00D4AA',
+                intensity: 0.5,
+                source: { x: 0.55, y: 0.05 },
+            },
+            fog: {
+                type: 'mist',
+                color: '#00D4AA',
+                intensity: 0.25,
+            },
+        },
+        buttons: [
+            { label: 'Launch', href: '/clusters/providence', variant: 'primary' },
+            { label: 'Docs', href: 'https://providence.backbay.io', variant: 'secondary', external: true },
+            { label: 'Threat Intel', href: '/providence/threats', variant: 'ghost' },
+        ],
+        description: 'The EDR layer for agent economies. Aegis is a trust-minimized security distributed security for autonomous production.',
+        capabilities: ['PREDICT', 'RESPOND', 'DEFEND'],
+        fastPath: { label: 'View threat dashboard', href: '/clusters/providence/threats' },
+        status: { network: 'SECURE', verification: 'ENFORCED', fees: '1%' },
+        liveModule: 'live',
+        liveContent: '24/7 monitoring active • 847K threats analyzed today',
+        metrics: { realms: 96, output24h: '38K', rank: 19 },
+    },
+};
+export function getClusterConfig(clusterId) {
+    return CLUSTER_CONFIGS[clusterId];
+}
+/**
+ * Returns cluster config with docs URLs resolved for the current environment.
+ * Call this on the client side to get URLs that work in development.
+ */
+export function getClusterConfigWithResolvedUrls(clusterId) {
+    const config = CLUSTER_CONFIGS[clusterId];
+    const docsUrl = getClusterDocsUrl(clusterId);
+    return {
+        ...config,
+        buttons: config.buttons.map(button => button.label === 'Docs'
+            ? { ...button, href: docsUrl }
+            : button),
+    };
+}

package/dist/components/ClusterHero/index.d.ts

@@ -0,0 +1,17 @@
+export type { ClusterId, ClusterConfig, AtmosphereConfig, ButtonConfig, ClusterHeroProps, ClusterRailProps, BriefingPanelProps, SigilMonumentProps, LiveStripProps, LiveModuleType, } from './types.js';
+export { CLUSTER_CONFIGS, CLUSTER_DEV_PORTS, getClusterConfig, getClusterDocsUrl, getClusterConfigWithResolvedUrls, } from './config.js';
+export { ClusterAtmosphere, type ClusterAtmosphereProps } from './ClusterAtmosphere.js';
+export { GradientVeil, type GradientVeilProps } from './GradientVeil.js';
+export { HeroContent, type HeroContentProps } from './HeroContent.js';
+export { ScrollIndicator, type ScrollIndicatorProps } from './ScrollIndicator.js';
+export { StructuralElements, type StructuralElementsProps } from './StructuralElements.js';
+export { VideoBackground, type VideoBackgroundProps } from './VideoBackground.js';
+export { ClusterRail } from './ClusterRail.js';
+export { BriefingPanel } from './BriefingPanel.js';
+export { SigilMonument } from './SigilMonument.js';
+export { LiveStrip } from './LiveStrip.js';
+export { useVideoPreload, type UseVideoPreloadOptions, type UseVideoPreloadResult, } from './useVideoPreload.js';
+export { FeatureCardsSection, ClusterStatsSection, CTASection, ClusterHeroPage, type ClusterHeroPageProps, } from './ClusterHeroPage.js';
+export { ClusterHero } from './ClusterHero.js';
+export { default } from './ClusterHero.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ClusterHero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClusterHero/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,gCAAgC,GACjC,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EACL,eAAe,EACf,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/ClusterHero/index.js

@@ -0,0 +1,20 @@
+// Config
+export { CLUSTER_CONFIGS, CLUSTER_DEV_PORTS, getClusterConfig, getClusterDocsUrl, getClusterConfigWithResolvedUrls, } from './config.js';
+// Sub-components
+export { ClusterAtmosphere } from './ClusterAtmosphere.js';
+export { GradientVeil } from './GradientVeil.js';
+export { HeroContent } from './HeroContent.js';
+export { ScrollIndicator } from './ScrollIndicator.js';
+export { StructuralElements } from './StructuralElements.js';
+export { VideoBackground } from './VideoBackground.js';
+export { ClusterRail } from './ClusterRail.js';
+export { BriefingPanel } from './BriefingPanel.js';
+export { SigilMonument } from './SigilMonument.js';
+export { LiveStrip } from './LiveStrip.js';
+// Hooks
+export { useVideoPreload, } from './useVideoPreload.js';
+// Section components
+export { FeatureCardsSection, ClusterStatsSection, CTASection, ClusterHeroPage, } from './ClusterHeroPage.js';
+// Main component
+export { ClusterHero } from './ClusterHero.js';
+export { default } from './ClusterHero.js';

package/dist/components/ClusterHero/sections/CTASection.d.ts

@@ -0,0 +1,14 @@
+import type { ClusterId } from "../types";
+export interface CTASectionProps {
+    /** Which cluster this CTA belongs to */
+    clusterId: ClusterId;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * CTASection - Final call-to-action section for ClusterHero pages.
+ * Features cluster-specific messaging, animated entrance on scroll,
+ * and a subtle gradient background matching the cluster theme.
+ */
+export declare function CTASection({ clusterId, className }: CTASectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CTASection.d.ts.map

package/dist/components/ClusterHero/sections/CTASection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTASection.d.ts","sourceRoot":"","sources":["../../../../src/components/ClusterHero/sections/CTASection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqFD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,eAAe,2CAgKnE"}