@backbay/glia 0.2.0-alpha.6 → 0.2.0-alpha.8

package/dist/chunk-VYEWU5LO.js

@@ -1,2631 +0,0 @@
-import { createContext, useContext, useMemo, useState, useCallback } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/workspace/WorkspaceRenderer.tsx
-
-// src/workspace/registry/manifests/atoms.ts
-var glowButtonManifest = {
-  id: "glow-button",
-  name: "GlowButton",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["call-to-action", "confirmation"],
-  description: "Animated button with glowing border effect. Creates visual emphasis for primary actions.",
-  bestFor: [
-    "Primary form submissions",
-    "Key call-to-action buttons",
-    "Hero section CTAs",
-    "Confirmation dialogs"
-  ],
-  avoid: [
-    "Secondary or tertiary actions",
-    "Destructive actions (use red variant)",
-    "Dense button groups (too much visual noise)",
-    "Navigation links"
-  ],
-  props: {
-    children: {
-      type: "ReactNode",
-      description: "Button content (text, icons, or both)",
-      required: true
-    },
-    variant: {
-      type: "enum",
-      description: "Visual style variant",
-      enum: ["primary", "secondary", "ghost", "destructive"],
-      default: "primary"
-    },
-    size: {
-      type: "enum",
-      description: "Button size",
-      enum: ["sm", "md", "lg"],
-      default: "md"
-    },
-    disabled: {
-      type: "boolean",
-      description: "Disable interactions",
-      default: false
-    },
-    glowColor: {
-      type: "string",
-      description: "Custom glow color (CSS color value)"
-    },
-    glowIntensity: {
-      type: "number",
-      description: "Glow intensity multiplier (0-2)",
-      default: 1
-    },
-    onClick: {
-      type: "function",
-      description: "Click handler"
-    }
-  },
-  slots: [],
-  validParents: ["glass-panel", "bento-grid", "command-palette"],
-  validChildren: [],
-  styles: ["neon", "animated", "gradient"],
-  supportsTheme: true,
-  cssVariables: ["--glow-color", "--glow-intensity"],
-  interactions: ["click", "hover", "focus", "keyboard"],
-  a11y: ["aria-labels", "keyboard-nav", "focus-visible"],
-  examples: [
-    {
-      name: "Primary CTA",
-      description: "Standard primary action button",
-      props: { variant: "primary", children: "Get Started" },
-      context: "Hero sections, form submissions"
-    },
-    {
-      name: "Custom Glow",
-      description: "Button with custom glow color",
-      props: {
-        variant: "secondary",
-        glowColor: "#00ff88",
-        children: "Connect"
-      },
-      context: "Themed interfaces, brand-specific CTAs"
-    }
-  ],
-  source: "components/atoms/GlowButton/GlowButton.tsx",
-  storybook: "atoms-glowbutton",
-  tags: ["button", "cta", "glow", "animated", "interactive"]
-};
-var hudProgressRingManifest = {
-  id: "hud-progress-ring",
-  name: "HUDProgressRing",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["progress-feedback", "status-indicator", "data-display"],
-  description: "Circular progress indicator with HUD-style aesthetics. SVG-based with smooth animations.",
-  bestFor: [
-    "Task completion percentage",
-    "Loading states with known progress",
-    "Skill/stat displays",
-    "Timer countdowns",
-    "Dashboard KPIs"
-  ],
-  avoid: [
-    "Indeterminate loading (use spinner instead)",
-    "Very small sizes (illegible)",
-    "Dense data tables (too much visual weight)"
-  ],
-  props: {
-    value: {
-      type: "number",
-      description: "Progress value (0-100)",
-      required: true
-    },
-    size: {
-      type: "number",
-      description: "Ring diameter in pixels",
-      default: 120
-    },
-    strokeWidth: {
-      type: "number",
-      description: "Ring stroke width",
-      default: 8
-    },
-    color: {
-      type: "string",
-      description: "Progress color",
-      default: "#00ff88"
-    },
-    trackColor: {
-      type: "string",
-      description: "Background track color",
-      default: "rgba(255,255,255,0.1)"
-    },
-    showValue: {
-      type: "boolean",
-      description: "Display percentage in center",
-      default: true
-    },
-    label: {
-      type: "string",
-      description: "Label text below value"
-    },
-    animated: {
-      type: "boolean",
-      description: "Animate progress changes",
-      default: true
-    }
-  },
-  slots: [
-    {
-      name: "center",
-      description: "Custom content for ring center",
-      accepts: ["*"],
-      required: false
-    }
-  ],
-  validParents: ["glass-panel", "bento-grid", "kpi-stat"],
-  validChildren: [],
-  styles: ["cyberpunk", "animated", "minimal"],
-  supportsTheme: true,
-  cssVariables: ["--ring-color", "--ring-track-color"],
-  interactions: ["hover"],
-  a11y: ["aria-labels", "screen-reader"],
-  examples: [
-    {
-      name: "Task Progress",
-      description: "Show task completion",
-      props: { value: 75, label: "Complete", color: "#00ff88" },
-      context: "Dashboard widgets, task trackers"
-    },
-    {
-      name: "Skill Level",
-      description: "Display skill or stat level",
-      props: { value: 42, label: "TypeScript", size: 80 },
-      context: "Profile pages, skill trees"
-    }
-  ],
-  source: "components/atoms/HUDProgressRing/HUDProgressRing.tsx",
-  storybook: "atoms-hudprogressring",
-  tags: ["progress", "ring", "circular", "hud", "stats", "animated"]
-};
-var typingAnimationManifest = {
-  id: "typing-animation",
-  name: "TypingAnimation",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["animation", "data-display"],
-  description: "Typewriter effect that reveals text character by character. Creates dynamic, engaging text displays.",
-  bestFor: [
-    "Hero headlines",
-    "AI/bot responses",
-    "Onboarding sequences",
-    "Loading messages",
-    "Code demonstrations"
-  ],
-  avoid: [
-    "Long paragraphs (use TextGenerateEffect instead)",
-    "Critical information users need immediately",
-    "Accessibility-focused contexts (can be disorienting)"
-  ],
-  props: {
-    text: {
-      type: "string",
-      description: "Text to type out",
-      required: true
-    },
-    speed: {
-      type: "number",
-      description: "Milliseconds per character",
-      default: 50
-    },
-    delay: {
-      type: "number",
-      description: "Initial delay before typing starts",
-      default: 0
-    },
-    cursor: {
-      type: "boolean",
-      description: "Show blinking cursor",
-      default: true
-    },
-    cursorChar: {
-      type: "string",
-      description: "Cursor character",
-      default: "|"
-    },
-    onComplete: {
-      type: "function",
-      description: "Callback when typing completes"
-    },
-    loop: {
-      type: "boolean",
-      description: "Loop the animation",
-      default: false
-    }
-  },
-  slots: [],
-  validParents: ["glass-panel", "bento-grid"],
-  validChildren: [],
-  styles: ["animated", "retro"],
-  supportsTheme: true,
-  interactions: [],
-  a11y: ["screen-reader", "reduced-motion"],
-  examples: [
-    {
-      name: "Hero Title",
-      description: "Animated hero headline",
-      props: { text: "Welcome to the future", speed: 80, cursor: true },
-      context: "Landing pages, hero sections"
-    },
-    {
-      name: "AI Response",
-      description: "Simulated AI typing",
-      props: { text: "Processing your request...", speed: 30 },
-      context: "Chatbots, AI interfaces"
-    }
-  ],
-  source: "components/atoms/TypingAnimation/TypingAnimation.tsx",
-  storybook: "atoms-typinganimation",
-  tags: ["text", "typewriter", "animation", "typing", "reveal"]
-};
-var textGenerateEffectManifest = {
-  id: "text-generate-effect",
-  name: "TextGenerateEffect",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["animation", "data-display"],
-  description: "Word-by-word text reveal animation. More suitable for longer text than character-by-character typing.",
-  bestFor: [
-    "AI-generated content reveal",
-    "Quote displays",
-    "Paragraph introductions",
-    "Story/narrative text"
-  ],
-  avoid: [
-    "Short single words (use TypingAnimation)",
-    "Time-critical information",
-    "Forms and inputs"
-  ],
-  props: {
-    words: {
-      type: "string",
-      description: "Text to animate (split by spaces)",
-      required: true
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes"
-    },
-    filter: {
-      type: "boolean",
-      description: "Apply blur filter during reveal",
-      default: true
-    },
-    duration: {
-      type: "number",
-      description: "Animation duration per word (seconds)",
-      default: 0.5
-    }
-  },
-  slots: [],
-  validParents: ["glass-panel", "bento-grid"],
-  validChildren: [],
-  styles: ["animated", "gradient"],
-  supportsTheme: true,
-  interactions: [],
-  a11y: ["screen-reader", "reduced-motion"],
-  examples: [
-    {
-      name: "AI Response",
-      description: "Reveal AI-generated text",
-      props: {
-        words: "The quick brown fox jumps over the lazy dog",
-        filter: true
-      },
-      context: "AI chat interfaces, content generation"
-    }
-  ],
-  source: "components/atoms/TextGenerateEffect/TextGenerateEffect.tsx",
-  storybook: "atoms-textgenerateeffect",
-  tags: ["text", "animation", "reveal", "words", "ai"]
-};
-var glitchTextManifest = {
-  id: "glitch-text",
-  name: "GlitchText",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["decoration", "animation"],
-  description: "Cyberpunk-style glitch effect on text. Creates visual distortion and RGB splitting.",
-  bestFor: [
-    "Error states with style",
-    "Cyberpunk/tech aesthetics",
-    "Game UI elements",
-    "Attention-grabbing headlines"
-  ],
-  avoid: [
-    "Readable body text",
-    "Accessibility-critical content",
-    "Professional/corporate contexts",
-    "Frequent use (loses impact)"
-  ],
-  props: {
-    text: {
-      type: "string",
-      description: "Text to display with glitch effect",
-      required: true
-    },
-    intensity: {
-      type: "enum",
-      description: "Glitch intensity level",
-      enum: ["low", "medium", "high"],
-      default: "medium"
-    },
-    color: {
-      type: "string",
-      description: "Base text color"
-    },
-    speed: {
-      type: "number",
-      description: "Animation speed multiplier",
-      default: 1
-    },
-    continuous: {
-      type: "boolean",
-      description: "Continuously animate vs on-hover only",
-      default: false
-    }
-  },
-  slots: [],
-  validParents: ["glass-panel", "bento-grid"],
-  validChildren: [],
-  styles: ["cyberpunk", "animated", "neon"],
-  supportsTheme: false,
-  interactions: ["hover"],
-  a11y: ["reduced-motion"],
-  examples: [
-    {
-      name: "Error Display",
-      description: "Stylized error message",
-      props: { text: "SYSTEM ERROR", intensity: "high", continuous: true },
-      context: "Error states, warnings"
-    },
-    {
-      name: "Hover Effect",
-      description: "Glitch on hover only",
-      props: { text: "ENTER", intensity: "low", continuous: false },
-      context: "Interactive elements, buttons"
-    }
-  ],
-  source: "components/atoms/GlitchText/GlitchText.tsx",
-  storybook: "atoms-glitchtext",
-  tags: ["text", "glitch", "cyberpunk", "animation", "effect"]
-};
-var auroraBackgroundManifest = {
-  id: "aurora-background",
-  name: "AuroraBackground",
-  version: "1.0.0",
-  category: "atoms",
-  purpose: ["background", "decoration"],
-  description: "Animated aurora borealis gradient background. Creates atmospheric, dynamic backgrounds.",
-  bestFor: [
-    "Hero sections",
-    "Landing pages",
-    "Modal backgrounds",
-    "Full-page backgrounds"
-  ],
-  avoid: [
-    "Content-heavy areas (distracting)",
-    "Small containers",
-    "Performance-critical contexts"
-  ],
-  props: {
-    children: {
-      type: "ReactNode",
-      description: "Content to display over the aurora"
-    },
-    showRadialGradient: {
-      type: "boolean",
-      description: "Add radial gradient overlay",
-      default: true
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes"
-    }
-  },
-  slots: [
-    {
-      name: "default",
-      description: "Content overlaid on aurora",
-      accepts: ["*"],
-      multiple: true
-    }
-  ],
-  validParents: [],
-  validChildren: ["*"],
-  styles: ["gradient", "animated"],
-  supportsTheme: true,
-  interactions: [],
-  a11y: ["reduced-motion"],
-  examples: [
-    {
-      name: "Hero Background",
-      description: "Full-page hero with aurora",
-      props: { showRadialGradient: true },
-      context: "Landing pages, hero sections"
-    }
-  ],
-  source: "components/atoms/AuroraBackground/AuroraBackground.tsx",
-  storybook: "atoms-aurorabackground",
-  tags: ["background", "aurora", "gradient", "animated", "atmospheric"]
-};
-var atomManifests = [
-  glowButtonManifest,
-  hudProgressRingManifest,
-  typingAnimationManifest,
-  textGenerateEffectManifest,
-  glitchTextManifest,
-  auroraBackgroundManifest
-];
-
-// src/workspace/registry/manifests/molecules.ts
-var kpiStatManifest = {
-  id: "kpi-stat",
-  name: "KPIStat",
-  version: "1.0.0",
-  category: "molecules",
-  purpose: ["data-display", "status-indicator"],
-  description: "Key Performance Indicator display with label, value, trend indicator, and optional sparkline.",
-  bestFor: [
-    "Dashboard metrics",
-    "Analytics displays",
-    "Summary statistics",
-    "Real-time counters"
-  ],
-  avoid: [
-    "Long text content",
-    "Non-numeric data",
-    "Dense data tables (too large)"
-  ],
-  props: {
-    label: {
-      type: "string",
-      description: "Metric label",
-      required: true
-    },
-    value: {
-      type: "string",
-      description: "Display value (formatted)",
-      required: true
-    },
-    trend: {
-      type: "enum",
-      description: "Trend direction",
-      enum: ["up", "down", "neutral"]
-    },
-    trendValue: {
-      type: "string",
-      description: "Trend percentage or delta"
-    },
-    icon: {
-      type: "ReactNode",
-      description: "Optional icon"
-    },
-    sparkline: {
-      type: "array",
-      description: "Data points for mini sparkline chart",
-      items: { type: "number", description: "Data point" }
-    },
-    variant: {
-      type: "enum",
-      description: "Visual variant",
-      enum: ["default", "compact", "large"],
-      default: "default"
-    }
-  },
-  slots: [
-    {
-      name: "icon",
-      description: "Icon slot",
-      accepts: ["*"],
-      required: false
-    }
-  ],
-  validParents: ["bento-grid", "glass-panel"],
-  validChildren: [],
-  styles: ["minimal", "glassmorphism"],
-  supportsTheme: true,
-  cssVariables: ["--kpi-trend-up-color", "--kpi-trend-down-color"],
-  interactions: ["hover"],
-  a11y: ["aria-labels", "screen-reader"],
-  examples: [
-    {
-      name: "Revenue Metric",
-      description: "Revenue with positive trend",
-      props: {
-        label: "Revenue",
-        value: "$42,500",
-        trend: "up",
-        trendValue: "+12.5%"
-      },
-      context: "Financial dashboards"
-    },
-    {
-      name: "User Count",
-      description: "Active users with sparkline",
-      props: {
-        label: "Active Users",
-        value: "1,234",
-        sparkline: [10, 25, 18, 30, 45, 38, 52]
-      },
-      context: "Analytics dashboards"
-    }
-  ],
-  source: "components/molecules/KPIStat/KPIStat.tsx",
-  storybook: "molecules-kpistat",
-  tags: ["kpi", "stat", "metric", "dashboard", "analytics", "trend"]
-};
-var neonToastManifest = {
-  id: "neon-toast",
-  name: "NeonToast",
-  version: "1.0.0",
-  category: "molecules",
-  purpose: ["notification", "status-indicator"],
-  description: "Notification toast with neon glow effect. Supports multiple severity levels.",
-  bestFor: [
-    "Success notifications",
-    "Error messages",
-    "Warnings",
-    "Info alerts"
-  ],
-  avoid: [
-    "Critical errors requiring user action (use modal)",
-    "Long-form content",
-    "Permanent displays"
-  ],
-  props: {
-    title: {
-      type: "string",
-      description: "Toast title",
-      required: true
-    },
-    description: {
-      type: "string",
-      description: "Toast description/message"
-    },
-    variant: {
-      type: "enum",
-      description: "Severity/type variant",
-      enum: ["success", "error", "warning", "info"],
-      default: "info"
-    },
-    duration: {
-      type: "number",
-      description: "Auto-dismiss duration in ms (0 = persistent)",
-      default: 5e3
-    },
-    action: {
-      type: "object",
-      description: "Optional action button config",
-      properties: {
-        label: { type: "string", description: "Button label", required: true },
-        onClick: { type: "function", description: "Click handler" }
-      }
-    },
-    onDismiss: {
-      type: "function",
-      description: "Callback when toast is dismissed"
-    }
-  },
-  slots: [],
-  validParents: [],
-  validChildren: [],
-  styles: ["neon", "glassmorphism", "animated"],
-  supportsTheme: true,
-  cssVariables: [
-    "--toast-success-color",
-    "--toast-error-color",
-    "--toast-warning-color",
-    "--toast-info-color"
-  ],
-  interactions: ["click", "hover"],
-  a11y: ["aria-labels", "screen-reader", "focus-visible"],
-  examples: [
-    {
-      name: "Success",
-      description: "Operation completed successfully",
-      props: {
-        title: "Saved",
-        description: "Your changes have been saved",
-        variant: "success"
-      },
-      context: "Form submissions, save operations"
-    },
-    {
-      name: "Error with Action",
-      description: "Error with retry action",
-      props: {
-        title: "Upload Failed",
-        description: "Network error occurred",
-        variant: "error",
-        action: { label: "Retry" }
-      },
-      context: "Network errors, failed operations"
-    }
-  ],
-  source: "components/molecules/NeonToast/NeonToast.tsx",
-  storybook: "molecules-neontoast",
-  tags: ["toast", "notification", "alert", "neon", "message"]
-};
-var threeDCardManifest = {
-  id: "three-d-card",
-  name: "ThreeDCard",
-  version: "1.0.0",
-  category: "molecules",
-  purpose: ["container", "data-display"],
-  description: "Card with 3D perspective effect on hover. Creates depth and interactivity.",
-  bestFor: [
-    "Feature showcases",
-    "Product cards",
-    "Team member cards",
-    "Portfolio items"
-  ],
-  avoid: [
-    "Dense grids (too much motion)",
-    "Mobile-first designs (requires hover)",
-    "Accessibility-critical contexts"
-  ],
-  props: {
-    children: {
-      type: "ReactNode",
-      description: "Card content",
-      required: true
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes"
-    },
-    containerClassName: {
-      type: "string",
-      description: "Container wrapper classes"
-    },
-    rotationIntensity: {
-      type: "number",
-      description: "Max rotation degrees",
-      default: 10
-    },
-    glareEnabled: {
-      type: "boolean",
-      description: "Enable glare effect on hover",
-      default: true
-    },
-    glareMaxOpacity: {
-      type: "number",
-      description: "Max glare opacity (0-1)",
-      default: 0.2
-    }
-  },
-  slots: [
-    {
-      name: "default",
-      description: "Card content",
-      accepts: ["*"],
-      required: true,
-      multiple: true
-    }
-  ],
-  validParents: ["bento-grid"],
-  validChildren: ["*"],
-  styles: ["3d", "animated", "glassmorphism"],
-  supportsTheme: true,
-  interactions: ["hover"],
-  a11y: ["reduced-motion"],
-  examples: [
-    {
-      name: "Feature Card",
-      description: "Feature showcase card",
-      props: { rotationIntensity: 15, glareEnabled: true },
-      context: "Feature sections, product showcases",
-      code: `<ThreeDCard>
-  <h3>Feature Title</h3>
-  <p>Feature description here</p>
-</ThreeDCard>`
-    }
-  ],
-  source: "components/molecules/ThreeDCard/ThreeDCard.tsx",
-  storybook: "molecules-threedcard",
-  tags: ["card", "3d", "perspective", "hover", "interactive"]
-};
-var moleculeManifests = [
-  kpiStatManifest,
-  neonToastManifest,
-  threeDCardManifest
-];
-
-// src/workspace/registry/manifests/organisms.ts
-var commandPaletteManifest = {
-  id: "command-palette",
-  name: "CommandPalette",
-  version: "1.0.0",
-  category: "organisms",
-  purpose: ["navigation", "selection"],
-  description: "Keyboard-driven command palette (cmd+k style) for quick actions and navigation. Built on cmdk.",
-  bestFor: [
-    "Application command menus",
-    "Quick navigation",
-    "Action shortcuts",
-    "Search interfaces"
-  ],
-  avoid: [
-    "Mobile-only interfaces (keyboard required)",
-    "Simple dropdowns (overkill)",
-    "Contexts without keyboard users"
-  ],
-  props: {
-    open: {
-      type: "boolean",
-      description: "Controlled open state",
-      required: true
-    },
-    onOpenChange: {
-      type: "function",
-      description: "Open state change handler",
-      required: true
-    },
-    commands: {
-      type: "array",
-      description: "List of available commands",
-      required: true,
-      items: {
-        type: "object",
-        description: "Command definition",
-        properties: {
-          id: { type: "string", description: "Unique command ID", required: true },
-          label: { type: "string", description: "Display label", required: true },
-          icon: { type: "ReactNode", description: "Command icon" },
-          shortcut: { type: "string", description: "Keyboard shortcut hint" },
-          group: { type: "string", description: "Command group name" },
-          onSelect: { type: "function", description: "Selection handler" }
-        }
-      }
-    },
-    placeholder: {
-      type: "string",
-      description: "Search input placeholder",
-      default: "Type a command or search..."
-    },
-    emptyMessage: {
-      type: "string",
-      description: "Message when no results",
-      default: "No results found."
-    }
-  },
-  slots: [],
-  validParents: [],
-  validChildren: [],
-  styles: ["glassmorphism", "minimal"],
-  supportsTheme: true,
-  cssVariables: ["--command-bg", "--command-border"],
-  interactions: ["keyboard", "click", "focus"],
-  a11y: ["keyboard-nav", "aria-labels", "focus-visible", "screen-reader"],
-  examples: [
-    {
-      name: "App Commands",
-      description: "Application command palette",
-      props: {
-        placeholder: "Search commands...",
-        commands: [
-          { id: "new", label: "New File", shortcut: "Cmd+N", group: "File" },
-          { id: "save", label: "Save", shortcut: "Cmd+S", group: "File" },
-          { id: "settings", label: "Settings", shortcut: "Cmd+,", group: "App" }
-        ]
-      },
-      context: "Desktop applications, power-user interfaces"
-    }
-  ],
-  source: "components/organisms/CommandPalette/CommandPalette.tsx",
-  storybook: "organisms-commandpalette",
-  tags: ["command", "palette", "search", "keyboard", "navigation", "cmdk"]
-};
-var glassPanelManifest = {
-  id: "glass-panel",
-  name: "GlassPanel",
-  version: "1.0.0",
-  category: "organisms",
-  purpose: ["container", "overlay"],
-  description: "Glassmorphism container with backdrop blur, borders, and optional glow effects.",
-  bestFor: [
-    "Card containers",
-    "Modal overlays",
-    "Sidebar panels",
-    "Floating UI elements"
-  ],
-  avoid: [
-    "Dense content areas (blur is heavy)",
-    "Low-end device targets",
-    "Text-heavy content (readability)"
-  ],
-  props: {
-    children: {
-      type: "ReactNode",
-      description: "Panel content",
-      required: true
-    },
-    variant: {
-      type: "enum",
-      description: "Glass intensity",
-      enum: ["light", "medium", "heavy"],
-      default: "medium"
-    },
-    blur: {
-      type: "number",
-      description: "Backdrop blur amount (px)",
-      default: 12
-    },
-    border: {
-      type: "boolean",
-      description: "Show border",
-      default: true
-    },
-    glow: {
-      type: "boolean",
-      description: "Enable glow effect",
-      default: false
-    },
-    glowColor: {
-      type: "string",
-      description: "Glow color"
-    },
-    padding: {
-      type: "enum",
-      description: "Internal padding",
-      enum: ["none", "sm", "md", "lg"],
-      default: "md"
-    },
-    rounded: {
-      type: "enum",
-      description: "Border radius",
-      enum: ["none", "sm", "md", "lg", "full"],
-      default: "md"
-    }
-  },
-  slots: [
-    {
-      name: "default",
-      description: "Panel content",
-      accepts: ["*"],
-      required: true,
-      multiple: true
-    }
-  ],
-  validParents: ["bento-grid"],
-  validChildren: ["*"],
-  styles: ["glassmorphism", "minimal"],
-  supportsTheme: true,
-  cssVariables: ["--glass-bg", "--glass-border", "--glass-blur"],
-  interactions: [],
-  a11y: ["high-contrast"],
-  examples: [
-    {
-      name: "Card Container",
-      description: "Standard glass card",
-      props: { variant: "medium", padding: "lg", rounded: "lg" },
-      context: "Card layouts, content containers"
-    },
-    {
-      name: "Glowing Panel",
-      description: "Panel with glow effect",
-      props: { glow: true, glowColor: "#00ff88", border: true },
-      context: "Feature highlights, CTAs"
-    }
-  ],
-  source: "components/organisms/Glass/GlassPanel.tsx",
-  storybook: "organisms-glasspanel",
-  tags: ["glass", "panel", "container", "blur", "glassmorphism"]
-};
-var bentoGridManifest = {
-  id: "bento-grid",
-  name: "BentoGrid",
-  version: "1.0.0",
-  category: "organisms",
-  purpose: ["grid-layout", "container"],
-  description: "Responsive bento-style grid layout. Auto-places children in an asymmetric, visually interesting grid.",
-  bestFor: [
-    "Feature grids",
-    "Dashboard layouts",
-    "Portfolio displays",
-    "Landing page sections"
-  ],
-  avoid: [
-    "Simple linear content",
-    "Dense data tables",
-    "Uniform content sizes"
-  ],
-  props: {
-    children: {
-      type: "ReactNode",
-      description: "Grid items",
-      required: true
-    },
-    columns: {
-      type: "number",
-      description: "Number of columns",
-      default: 4
-    },
-    gap: {
-      type: "number",
-      description: "Gap between items (px)",
-      default: 16
-    },
-    className: {
-      type: "string",
-      description: "Additional CSS classes"
-    }
-  },
-  slots: [
-    {
-      name: "default",
-      description: "Grid items",
-      accepts: ["glass-panel", "three-d-card", "kpi-stat"],
-      required: true,
-      multiple: true
-    }
-  ],
-  validParents: [],
-  validChildren: ["glass-panel", "three-d-card", "kpi-stat"],
-  styles: ["minimal"],
-  supportsTheme: true,
-  cssVariables: ["--bento-gap"],
-  interactions: ["resize"],
-  a11y: [],
-  examples: [
-    {
-      name: "Feature Grid",
-      description: "4-column feature showcase",
-      props: { columns: 4, gap: 24 },
-      context: "Landing pages, feature sections",
-      code: `<BentoGrid columns={4}>
-  <GlassPanel>Feature 1</GlassPanel>
-  <GlassPanel>Feature 2</GlassPanel>
-  <GlassPanel>Feature 3</GlassPanel>
-</BentoGrid>`
-    },
-    {
-      name: "Dashboard Grid",
-      description: "Dashboard widget layout",
-      props: { columns: 3, gap: 16 },
-      context: "Dashboards, admin panels"
-    }
-  ],
-  source: "components/organisms/BentoGrid/BentoGrid.tsx",
-  storybook: "organisms-bentogrid",
-  tags: ["grid", "bento", "layout", "responsive", "dashboard"]
-};
-var organismManifests = [
-  commandPaletteManifest,
-  glassPanelManifest,
-  bentoGridManifest
-];
-
-// src/workspace/registry/manifests/three.ts
-var graph3DManifest = {
-  id: "graph-3d",
-  name: "Graph3D",
-  version: "1.0.0",
-  category: "three",
-  purpose: ["visualization", "data-display"],
-  description: "3D node-link graph visualization using Three.js. Force-directed layout with interactive navigation.",
-  bestFor: [
-    "Knowledge graphs",
-    "Network visualizations",
-    "Relationship mapping",
-    "Concept maps"
-  ],
-  avoid: [
-    "Simple hierarchies (use tree instead)",
-    "Mobile devices (performance)",
-    "Very large graphs (>1000 nodes)"
-  ],
-  props: {
-    nodes: {
-      type: "array",
-      description: "Graph nodes",
-      required: true,
-      items: {
-        type: "object",
-        description: "Node definition",
-        properties: {
-          id: { type: "string", description: "Unique node ID", required: true },
-          label: { type: "string", description: "Display label" },
-          color: { type: "string", description: "Node color" },
-          size: { type: "number", description: "Node size" },
-          group: { type: "string", description: "Grouping category" }
-        }
-      }
-    },
-    edges: {
-      type: "array",
-      description: "Graph edges",
-      required: true,
-      items: {
-        type: "object",
-        description: "Edge definition",
-        properties: {
-          source: { type: "string", description: "Source node ID", required: true },
-          target: { type: "string", description: "Target node ID", required: true },
-          label: { type: "string", description: "Edge label" },
-          weight: { type: "number", description: "Edge weight" }
-        }
-      }
-    },
-    width: {
-      type: "number",
-      description: "Container width"
-    },
-    height: {
-      type: "number",
-      description: "Container height"
-    },
-    onNodeClick: {
-      type: "function",
-      description: "Node click handler"
-    },
-    onNodeHover: {
-      type: "function",
-      description: "Node hover handler"
-    },
-    cameraPosition: {
-      type: "object",
-      description: "Initial camera position",
-      properties: {
-        x: { type: "number", description: "X position" },
-        y: { type: "number", description: "Y position" },
-        z: { type: "number", description: "Z position" }
-      }
-    },
-    enableZoom: {
-      type: "boolean",
-      description: "Enable zoom controls",
-      default: true
-    },
-    enableRotate: {
-      type: "boolean",
-      description: "Enable rotation controls",
-      default: true
-    }
-  },
-  slots: [],
-  validParents: ["glass-panel"],
-  validChildren: [],
-  styles: ["3d", "animated"],
-  supportsTheme: true,
-  cssVariables: ["--graph-node-color", "--graph-edge-color"],
-  interactions: ["click", "hover", "drag", "scroll"],
-  a11y: ["keyboard-nav"],
-  examples: [
-    {
-      name: "Knowledge Graph",
-      description: "Concept relationship graph",
-      props: {
-        nodes: [
-          { id: "1", label: "React", group: "frontend" },
-          { id: "2", label: "TypeScript", group: "language" },
-          { id: "3", label: "Node.js", group: "backend" }
-        ],
-        edges: [
-          { source: "1", target: "2" },
-          { source: "2", target: "3" }
-        ]
-      },
-      context: "Knowledge bases, learning paths"
-    }
-  ],
-  source: "components/three/Graph3D/Graph3D.tsx",
-  storybook: "three-graph3d",
-  tags: ["graph", "3d", "network", "visualization", "nodes", "edges"]
-};
-var particleFieldManifest = {
-  id: "particle-field",
-  name: "ParticleField",
-  version: "1.0.0",
-  category: "three",
-  purpose: ["background", "decoration", "visualization"],
-  description: "Animated particle system background. Creates atmospheric, dynamic visual effects.",
-  bestFor: [
-    "Hero backgrounds",
-    "Loading screens",
-    "Ambient effects",
-    "Interactive visualizations"
-  ],
-  avoid: [
-    "Content-heavy areas (distracting)",
-    "Low-end devices (performance)",
-    "Print/static contexts"
-  ],
-  props: {
-    count: {
-      type: "number",
-      description: "Number of particles",
-      default: 1e3
-    },
-    size: {
-      type: "number",
-      description: "Particle size",
-      default: 0.02
-    },
-    color: {
-      type: "string",
-      description: "Particle color",
-      default: "#ffffff"
-    },
-    speed: {
-      type: "number",
-      description: "Animation speed",
-      default: 1
-    },
-    spread: {
-      type: "number",
-      description: "Particle spread radius",
-      default: 10
-    },
-    interactive: {
-      type: "boolean",
-      description: "React to mouse movement",
-      default: false
-    },
-    opacity: {
-      type: "number",
-      description: "Particle opacity (0-1)",
-      default: 0.8
-    },
-    depth: {
-      type: "boolean",
-      description: "Enable depth variation",
-      default: true
-    }
-  },
-  slots: [],
-  validParents: [],
-  validChildren: [],
-  styles: ["3d", "animated"],
-  supportsTheme: true,
-  cssVariables: ["--particle-color"],
-  interactions: ["hover"],
-  a11y: ["reduced-motion"],
-  examples: [
-    {
-      name: "Starfield",
-      description: "Star-like particle background",
-      props: { count: 2e3, size: 0.01, color: "#ffffff", spread: 20 },
-      context: "Space themes, hero backgrounds"
-    },
-    {
-      name: "Interactive Dust",
-      description: "Mouse-reactive particles",
-      props: { count: 500, interactive: true, color: "#00ff88" },
-      context: "Landing pages, interactive experiences"
-    }
-  ],
-  source: "components/three/ParticleField/ParticleField.tsx",
-  storybook: "three-particlefield",
-  tags: ["particles", "3d", "background", "animation", "webgl"]
-};
-var threeManifests = [
-  graph3DManifest,
-  particleFieldManifest
-];
-
-// src/workspace/registry/manifests/layouts.ts
-var splitPanelManifest = {
-  id: "split-panel",
-  name: "SplitPanel",
-  version: "1.0.0",
-  category: "layouts",
-  purpose: ["container", "grid-layout"],
-  description: "Resizable split panel layout. Divides space into two resizable sections.",
-  bestFor: [
-    "IDE-style layouts",
-    "Editor + preview layouts",
-    "Sidebar + content layouts",
-    "Comparison views"
-  ],
-  avoid: [
-    "Mobile layouts (not resizable)",
-    "Simple content (overkill)",
-    "More than 2 sections (nest instead)"
-  ],
-  props: {
-    direction: {
-      type: "enum",
-      description: "Split direction",
-      enum: ["horizontal", "vertical"],
-      default: "horizontal"
-    },
-    defaultSize: {
-      type: "number",
-      description: "Default first panel size (percentage)",
-      default: 50
-    },
-    minSize: {
-      type: "number",
-      description: "Minimum panel size (percentage)",
-      default: 10
-    },
-    maxSize: {
-      type: "number",
-      description: "Maximum panel size (percentage)",
-      default: 90
-    },
-    onResize: {
-      type: "function",
-      description: "Resize callback with new size"
-    },
-    children: {
-      type: "array",
-      description: "Exactly 2 children for each panel",
-      required: true
-    }
-  },
-  slots: [
-    {
-      name: "first",
-      description: "First panel content",
-      accepts: ["*"],
-      required: true
-    },
-    {
-      name: "second",
-      description: "Second panel content",
-      accepts: ["*"],
-      required: true
-    }
-  ],
-  validParents: ["workspace-root", "split-panel"],
-  validChildren: ["*"],
-  styles: ["minimal"],
-  supportsTheme: true,
-  cssVariables: ["--split-handle-color", "--split-handle-width"],
-  interactions: ["drag", "resize"],
-  a11y: ["keyboard-nav"],
-  examples: [
-    {
-      name: "Sidebar Layout",
-      description: "Sidebar + main content",
-      props: { direction: "horizontal", defaultSize: 25 },
-      context: "Dashboard layouts, file explorers"
-    },
-    {
-      name: "Editor Preview",
-      description: "Code editor + live preview",
-      props: { direction: "horizontal", defaultSize: 50 },
-      context: "Code playgrounds, markdown editors"
-    }
-  ],
-  source: "components/layouts/SplitPanel.tsx",
-  storybook: "layouts-splitpanel",
-  tags: ["layout", "split", "resize", "panel", "container"]
-};
-var tabsPanelManifest = {
-  id: "tabs-panel",
-  name: "TabsPanel",
-  version: "1.0.0",
-  category: "layouts",
-  purpose: ["navigation", "container"],
-  description: "Tabbed content panel. Switches between multiple content areas with tab navigation.",
-  bestFor: [
-    "Settings pages",
-    "Multi-section content",
-    "Code/preview toggles",
-    "Category navigation"
-  ],
-  avoid: [
-    "Many tabs (>6 becomes unwieldy)",
-    "Deep navigation (use routing)",
-    "Frequent switching content"
-  ],
-  props: {
-    tabs: {
-      type: "array",
-      description: "Tab definitions",
-      required: true,
-      items: {
-        type: "object",
-        description: "Tab definition",
-        properties: {
-          id: { type: "string", description: "Tab ID", required: true },
-          label: { type: "string", description: "Tab label", required: true },
-          icon: { type: "ReactNode", description: "Tab icon" },
-          disabled: { type: "boolean", description: "Disable tab" }
-        }
-      }
-    },
-    activeTab: {
-      type: "string",
-      description: "Controlled active tab ID"
-    },
-    defaultTab: {
-      type: "string",
-      description: "Default active tab ID"
-    },
-    onTabChange: {
-      type: "function",
-      description: "Tab change handler"
-    },
-    children: {
-      type: "ReactNode",
-      description: "Tab content (keyed by tab ID)",
-      required: true
-    },
-    orientation: {
-      type: "enum",
-      description: "Tab orientation",
-      enum: ["horizontal", "vertical"],
-      default: "horizontal"
-    }
-  },
-  slots: [],
-  validParents: ["split-panel", "workspace-root"],
-  validChildren: ["*"],
-  styles: ["minimal", "glassmorphism"],
-  supportsTheme: true,
-  cssVariables: ["--tab-active-color", "--tab-hover-color"],
-  interactions: ["click", "keyboard"],
-  a11y: ["keyboard-nav", "aria-labels", "focus-visible"],
-  examples: [
-    {
-      name: "Settings Tabs",
-      description: "Settings page with tabs",
-      props: {
-        tabs: [
-          { id: "general", label: "General" },
-          { id: "account", label: "Account" },
-          { id: "appearance", label: "Appearance" }
-        ],
-        defaultTab: "general"
-      },
-      context: "Settings pages, preferences"
-    }
-  ],
-  source: "components/layouts/TabsPanel.tsx",
-  storybook: "layouts-tabspanel",
-  tags: ["tabs", "navigation", "panel", "container", "switch"]
-};
-var stackLayoutManifest = {
-  id: "stack-layout",
-  name: "StackLayout",
-  version: "1.0.0",
-  category: "layouts",
-  purpose: ["container", "grid-layout"],
-  description: "Flexible stack layout (horizontal or vertical). CSS flexbox abstraction.",
-  bestFor: [
-    "Button groups",
-    "Form layouts",
-    "Card lists",
-    "Toolbar layouts"
-  ],
-  avoid: [
-    "Complex grid layouts (use BentoGrid)",
-    "Overlapping content"
-  ],
-  props: {
-    direction: {
-      type: "enum",
-      description: "Stack direction",
-      enum: ["row", "column"],
-      default: "column"
-    },
-    gap: {
-      type: "number",
-      description: "Gap between items (px)",
-      default: 8
-    },
-    align: {
-      type: "enum",
-      description: "Cross-axis alignment",
-      enum: ["start", "center", "end", "stretch"],
-      default: "stretch"
-    },
-    justify: {
-      type: "enum",
-      description: "Main-axis alignment",
-      enum: ["start", "center", "end", "between", "around"],
-      default: "start"
-    },
-    wrap: {
-      type: "boolean",
-      description: "Allow wrapping",
-      default: false
-    },
-    children: {
-      type: "ReactNode",
-      description: "Stack items",
-      required: true
-    }
-  },
-  slots: [
-    {
-      name: "default",
-      description: "Stack items",
-      accepts: ["*"],
-      required: true,
-      multiple: true
-    }
-  ],
-  validParents: ["*"],
-  validChildren: ["*"],
-  styles: ["minimal"],
-  supportsTheme: true,
-  interactions: [],
-  a11y: [],
-  examples: [
-    {
-      name: "Button Group",
-      description: "Horizontal button group",
-      props: { direction: "row", gap: 8, align: "center" },
-      context: "Action bars, toolbars"
-    },
-    {
-      name: "Form Layout",
-      description: "Vertical form fields",
-      props: { direction: "column", gap: 16 },
-      context: "Form layouts, settings"
-    }
-  ],
-  source: "components/layouts/StackLayout.tsx",
-  storybook: "layouts-stacklayout",
-  tags: ["layout", "stack", "flex", "row", "column"]
-};
-var layoutManifests = [
-  splitPanelManifest,
-  tabsPanelManifest,
-  stackLayoutManifest
-];
-
-// src/workspace/registry/manifests/index.ts
-var allManifests = [
-  ...atomManifests,
-  ...moleculeManifests,
-  ...organismManifests,
-  ...threeManifests,
-  ...layoutManifests
-];
-var manifestById = new Map(
-  allManifests.map((m) => [m.id, m])
-);
-var manifestsByCategory = {
-  atoms: atomManifests,
-  molecules: moleculeManifests,
-  organisms: organismManifests,
-  three: threeManifests,
-  layouts: layoutManifests
-};
-
-// src/workspace/registry/registry.ts
-var DefaultRegistry = class {
-  manifests;
-  byId;
-  byCategory;
-  constructor(manifests = allManifests) {
-    this.manifests = manifests;
-    this.byId = new Map(manifests.map((m) => [m.id, m]));
-    this.byCategory = manifests.reduce(
-      (acc, m) => {
-        if (!acc[m.category]) acc[m.category] = [];
-        acc[m.category].push(m);
-        return acc;
-      },
-      {}
-    );
-  }
-  /**
-   * Get a component by ID
-   */
-  get(id) {
-    return this.byId.get(id);
-  }
-  /**
-   * List components with optional filtering
-   */
-  list(query) {
-    if (!query) return this.manifests;
-    let results = [...this.manifests];
-    if (query.category) {
-      results = results.filter((m) => m.category === query.category);
-    }
-    if (query.purpose) {
-      const purposes = Array.isArray(query.purpose) ? query.purpose : [query.purpose];
-      results = results.filter(
-        (m) => purposes.some((p) => m.purpose.includes(p))
-      );
-    }
-    if (query.style) {
-      const styles = Array.isArray(query.style) ? query.style : [query.style];
-      results = results.filter(
-        (m) => styles.some((s) => m.styles.includes(s))
-      );
-    }
-    if (query.tags && query.tags.length > 0) {
-      results = results.filter(
-        (m) => query.tags.some((t) => m.tags.includes(t))
-      );
-    }
-    if (query.hasSlots !== void 0) {
-      results = results.filter(
-        (m) => (m.slots && m.slots.length > 0) === query.hasSlots
-      );
-    }
-    if (query.supportsChildren !== void 0) {
-      results = results.filter(
-        (m) => (m.validChildren && m.validChildren.length > 0) === query.supportsChildren
-      );
-    }
-    if (query.search) {
-      const searchLower = query.search.toLowerCase();
-      results = results.filter(
-        (m) => m.name.toLowerCase().includes(searchLower) || m.description.toLowerCase().includes(searchLower) || m.tags.some((t) => t.includes(searchLower)) || m.bestFor.some((b) => b.toLowerCase().includes(searchLower))
-      );
-    }
-    if (query.limit && query.limit > 0) {
-      results = results.slice(0, query.limit);
-    }
-    return results;
-  }
-  /**
-   * Search with relevance scoring
-   */
-  search(query) {
-    const queryLower = query.toLowerCase();
-    const queryTokens = queryLower.split(/\s+/).filter((t) => t.length > 2);
-    const results = this.manifests.map((component) => {
-      let score = 0;
-      const matchedOn = [];
-      if (component.name.toLowerCase().includes(queryLower)) {
-        score += 0.4;
-        matchedOn.push("name");
-      }
-      if (component.id.toLowerCase().includes(queryLower)) {
-        score += 0.2;
-        matchedOn.push("id");
-      }
-      const descLower = component.description.toLowerCase();
-      if (descLower.includes(queryLower)) {
-        score += 0.15;
-        matchedOn.push("description");
-      }
-      const matchedTags = component.tags.filter(
-        (t) => queryTokens.some((qt) => t.includes(qt))
-      );
-      if (matchedTags.length > 0) {
-        score += 0.1 * Math.min(matchedTags.length, 3);
-        matchedOn.push(`tags:${matchedTags.join(",")}`);
-      }
-      const matchedBestFor = component.bestFor.filter(
-        (b) => queryTokens.some((qt) => b.toLowerCase().includes(qt))
-      );
-      if (matchedBestFor.length > 0) {
-        score += 0.1 * Math.min(matchedBestFor.length, 2);
-        matchedOn.push("bestFor");
-      }
-      const matchedPurposes = component.purpose.filter(
-        (p) => queryTokens.some((qt) => p.includes(qt))
-      );
-      if (matchedPurposes.length > 0) {
-        score += 0.05 * matchedPurposes.length;
-        matchedOn.push(`purpose:${matchedPurposes.join(",")}`);
-      }
-      return { component, score, matchedOn };
-    });
-    return results.filter((r) => r.score > 0).sort((a, b) => b.score - a.score);
-  }
-  /**
-   * Check if a component can be placed inside another
-   */
-  canCompose(parentId, childId) {
-    const parent = this.get(parentId);
-    const child = this.get(childId);
-    if (!parent || !child) return false;
-    if (parent.validChildren) {
-      if (parent.validChildren.includes("*") || parent.validChildren.includes(childId)) {
-        return true;
-      }
-    }
-    if (child.validParents) {
-      if (child.validParents.includes("*") || child.validParents.includes(parentId)) {
-        return true;
-      }
-    }
-    if (parent.incompatibleWith?.includes(childId)) return false;
-    if (child.incompatibleWith?.includes(parentId)) return false;
-    return parent.slots !== void 0 && parent.slots.length > 0;
-  }
-  /**
-   * Get components that can be children of the given parent
-   */
-  getValidChildren(parentId) {
-    const parent = this.get(parentId);
-    if (!parent) return [];
-    return this.manifests.filter((child) => this.canCompose(parentId, child.id));
-  }
-  /**
-   * Get components that can be parents of the given child
-   */
-  getValidParents(childId) {
-    const child = this.get(childId);
-    if (!child) return [];
-    return this.manifests.filter((parent) => this.canCompose(parent.id, childId));
-  }
-  /**
-   * Get all categories
-   */
-  categories() {
-    return Object.keys(this.byCategory);
-  }
-  /**
-   * Get all purposes used across components
-   */
-  purposes() {
-    const purposes = /* @__PURE__ */ new Set();
-    this.manifests.forEach((m) => m.purpose.forEach((p) => purposes.add(p)));
-    return Array.from(purposes);
-  }
-  /**
-   * Get all tags used across components
-   */
-  tags() {
-    const tags = /* @__PURE__ */ new Set();
-    this.manifests.forEach((m) => m.tags.forEach((t) => tags.add(t)));
-    return Array.from(tags).sort();
-  }
-  /**
-   * Get total component count
-   */
-  count() {
-    return this.manifests.length;
-  }
-};
-var registryInstance = null;
-function getRegistry() {
-  if (!registryInstance) {
-    registryInstance = new DefaultRegistry();
-  }
-  return registryInstance;
-}
-function createRegistry(manifests) {
-  return new DefaultRegistry(manifests);
-}
-var registry = getRegistry();
-var WorkspaceContext = createContext(null);
-function useWorkspace() {
-  const ctx = useContext(WorkspaceContext);
-  if (!ctx) {
-    throw new Error("useWorkspace must be used within WorkspaceRenderer");
-  }
-  return ctx;
-}
-var componentMap = {};
-function registerComponent(id, component) {
-  componentMap[id] = component;
-}
-function getComponent(id) {
-  return componentMap[id] || null;
-}
-function SplitLayoutRenderer({ node }) {
-  const { direction, sizes, children } = node;
-  const isHorizontal = direction === "horizontal";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "workspace-split",
-      style: {
-        display: "flex",
-        flexDirection: isHorizontal ? "row" : "column",
-        width: "100%",
-        height: "100%"
-      },
-      children: children.map((child, i) => {
-        const size = sizes?.[i];
-        const style = {
-          flex: size === "fill" ? 1 : void 0,
-          width: isHorizontal && typeof size === "number" ? size : void 0,
-          height: !isHorizontal && typeof size === "number" ? size : void 0
-        };
-        return /* @__PURE__ */ jsx("div", { className: "workspace-split-panel", style, children: /* @__PURE__ */ jsx(LayoutRenderer, { node: child }) }, i);
-      })
-    }
-  );
-}
-function StackLayoutRenderer({ node }) {
-  const { direction, gap = 8, align = "stretch", justify = "start", wrap, children } = node;
-  const alignMap = {
-    start: "flex-start",
-    center: "center",
-    end: "flex-end",
-    stretch: "stretch"
-  };
-  const justifyMap = {
-    start: "flex-start",
-    center: "center",
-    end: "flex-end",
-    between: "space-between",
-    around: "space-around"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "workspace-stack",
-      style: {
-        display: "flex",
-        flexDirection: direction === "horizontal" ? "row" : "column",
-        gap,
-        alignItems: alignMap[align],
-        justifyContent: justifyMap[justify],
-        flexWrap: wrap ? "wrap" : "nowrap",
-        width: "100%",
-        height: "100%"
-      },
-      children: children.map((child, i) => /* @__PURE__ */ jsx("div", { className: "workspace-stack-item", children: /* @__PURE__ */ jsx(LayoutRenderer, { node: child }) }, i))
-    }
-  );
-}
-function TabsLayoutRenderer({ node }) {
-  const { orientation = "horizontal", defaultTab, children } = node;
-  const [activeTab, setActiveTab] = useState(defaultTab || children[0]?.id);
-  const activeContent = children.find((t) => t.id === activeTab)?.content;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "workspace-tabs",
-      style: {
-        display: "flex",
-        flexDirection: orientation === "horizontal" ? "column" : "row",
-        width: "100%",
-        height: "100%"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "workspace-tabs-list",
-            role: "tablist",
-            style: {
-              display: "flex",
-              flexDirection: orientation === "horizontal" ? "row" : "column",
-              gap: 4,
-              padding: 4,
-              borderBottom: orientation === "horizontal" ? "1px solid var(--border, #333)" : void 0,
-              borderRight: orientation === "vertical" ? "1px solid var(--border, #333)" : void 0
-            },
-            children: children.map((tab) => /* @__PURE__ */ jsx(
-              "button",
-              {
-                role: "tab",
-                "aria-selected": activeTab === tab.id,
-                disabled: tab.disabled,
-                onClick: () => setActiveTab(tab.id),
-                style: {
-                  padding: "8px 16px",
-                  background: activeTab === tab.id ? "var(--accent, #333)" : "transparent",
-                  border: "none",
-                  borderRadius: 4,
-                  color: "inherit",
-                  cursor: tab.disabled ? "not-allowed" : "pointer",
-                  opacity: tab.disabled ? 0.5 : 1
-                },
-                children: tab.label
-              },
-              tab.id
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "workspace-tabs-content",
-            role: "tabpanel",
-            style: { flex: 1, overflow: "auto" },
-            children: activeContent && /* @__PURE__ */ jsx(LayoutRenderer, { node: activeContent })
-          }
-        )
-      ]
-    }
-  );
-}
-function GridLayoutRenderer({ node }) {
-  const { columns = 1, rows, gap = 16, children } = node;
-  const gridTemplateColumns = typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns;
-  const gridTemplateRows = typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows;
-  const gridGap = Array.isArray(gap) ? `${gap[0]}px ${gap[1]}px` : gap;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "workspace-grid",
-      style: {
-        display: "grid",
-        gridTemplateColumns,
-        gridTemplateRows: gridTemplateRows || void 0,
-        gap: gridGap,
-        width: "100%",
-        height: "100%"
-      },
-      children: children.map((item, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "workspace-grid-item",
-          style: {
-            gridColumn: item.colSpan ? `span ${item.colSpan}` : item.column,
-            gridRow: item.rowSpan ? `span ${item.rowSpan}` : item.row
-          },
-          children: /* @__PURE__ */ jsx(LayoutRenderer, { node: item.content })
-        },
-        item.id || i
-      ))
-    }
-  );
-}
-function PanelRenderer({ node }) {
-  const { component, props = {}, children } = node;
-  const ctx = useWorkspace();
-  const Component = getComponent(component);
-  if (!Component) {
-    const manifest = ctx.registry ? ctx.registry.get(component) : null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "workspace-panel workspace-panel-placeholder",
-        style: {
-          padding: 16,
-          background: "var(--muted, #1a1a1a)",
-          borderRadius: 8,
-          border: "1px dashed var(--border, #333)"
-        },
-        children: [
-          /* @__PURE__ */ jsxs("div", { style: { opacity: 0.7, fontSize: 12 }, children: [
-            "Component: ",
-            /* @__PURE__ */ jsx("strong", { children: component })
-          ] }),
-          manifest && /* @__PURE__ */ jsx("div", { style: { opacity: 0.5, fontSize: 11, marginTop: 4 }, children: manifest.description }),
-          Object.keys(props).length > 0 && /* @__PURE__ */ jsx(
-            "pre",
-            {
-              style: {
-                marginTop: 8,
-                fontSize: 10,
-                opacity: 0.6,
-                overflow: "auto"
-              },
-              children: JSON.stringify(props, null, 2)
-            }
-          )
-        ]
-      }
-    );
-  }
-  const childNodes = children?.map((child, i) => /* @__PURE__ */ jsx(PanelRenderer, { node: child }, i));
-  return /* @__PURE__ */ jsx("div", { className: "workspace-panel", children: /* @__PURE__ */ jsx(Component, { ...props, children: childNodes }) });
-}
-function SlotRenderer({ node }) {
-  const { slots } = useWorkspace();
-  const content = slots?.[node.name];
-  if (content) {
-    return /* @__PURE__ */ jsx(Fragment, { children: content });
-  }
-  if (node.fallback) {
-    return /* @__PURE__ */ jsx(LayoutRenderer, { node: node.fallback });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "workspace-slot workspace-slot-empty",
-      style: {
-        padding: 16,
-        background: "var(--muted, #1a1a1a)",
-        borderRadius: 8,
-        border: "2px dashed var(--border, #333)",
-        textAlign: "center",
-        opacity: 0.5
-      },
-      children: [
-        "Slot: ",
-        node.name
-      ]
-    }
-  );
-}
-function LayoutRenderer({ node }) {
-  switch (node.type) {
-    case "split":
-      return /* @__PURE__ */ jsx(SplitLayoutRenderer, { node });
-    case "stack":
-      return /* @__PURE__ */ jsx(StackLayoutRenderer, { node });
-    case "tabs":
-      return /* @__PURE__ */ jsx(TabsLayoutRenderer, { node });
-    case "grid":
-      return /* @__PURE__ */ jsx(GridLayoutRenderer, { node });
-    case "panel":
-      return /* @__PURE__ */ jsx(PanelRenderer, { node });
-    case "slot":
-      return /* @__PURE__ */ jsx(SlotRenderer, { node });
-    default:
-      return /* @__PURE__ */ jsxs("div", { className: "workspace-unknown", children: [
-        "Unknown layout type: ",
-        node.type
-      ] });
-  }
-}
-function WorkspaceRenderer({
-  spec,
-  slots,
-  onEvent,
-  theme: themeOverrides,
-  surface = "desktop",
-  className,
-  style
-}) {
-  const theme = useMemo(
-    () => ({ ...spec.theme, ...themeOverrides }),
-    [spec.theme, themeOverrides]
-  );
-  const [state, setStateObj] = useState(
-    spec.state?.initial || {}
-  );
-  const setState = useCallback((path, value) => {
-    setStateObj((prev) => {
-      const keys = path.split(".");
-      const newState = { ...prev };
-      let current = newState;
-      for (let i = 0; i < keys.length - 1; i++) {
-        const key = keys[i];
-        current[key] = { ...current[key] };
-        current = current[key];
-      }
-      current[keys[keys.length - 1]] = value;
-      return newState;
-    });
-  }, []);
-  const emit = useCallback(
-    (event, payload) => {
-      onEvent?.(event, payload);
-    },
-    [onEvent]
-  );
-  const context = useMemo(
-    () => ({
-      registry: getRegistry(),
-      theme,
-      state,
-      setState,
-      emit,
-      slots,
-      surface
-    }),
-    [theme, state, setState, emit, slots, surface]
-  );
-  const cssVariables = useMemo(() => {
-    const vars = {};
-    if (theme.background) vars["--workspace-bg"] = theme.background;
-    if (theme.foreground) vars["--workspace-fg"] = theme.foreground;
-    if (theme.accent) vars["--workspace-accent"] = theme.accent;
-    if (theme.muted) vars["--workspace-muted"] = theme.muted;
-    if (theme.borderColor) vars["--workspace-border"] = theme.borderColor;
-    if (theme.glowColor) vars["--workspace-glow"] = theme.glowColor;
-    if (theme.spacing) vars["--workspace-spacing"] = `${theme.spacing}px`;
-    if (theme.borderRadius)
-      vars["--workspace-radius"] = `${theme.borderRadius}px`;
-    if (theme.fontFamily) vars["--workspace-font"] = theme.fontFamily;
-    if (theme.fontSize) vars["--workspace-font-size"] = `${theme.fontSize}px`;
-    if (theme.variables) {
-      Object.entries(theme.variables).forEach(([key, value]) => {
-        vars[key.startsWith("--") ? key : `--${key}`] = value;
-      });
-    }
-    return vars;
-  }, [theme]);
-  return /* @__PURE__ */ jsx(WorkspaceContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `workspace-root ${className || ""}`,
-      "data-workspace-id": spec.id,
-      "data-workspace-surface": surface,
-      style: {
-        width: "100%",
-        height: "100%",
-        overflow: "hidden",
-        background: "var(--workspace-bg, transparent)",
-        color: "var(--workspace-fg, inherit)",
-        fontFamily: "var(--workspace-font, inherit)",
-        fontSize: "var(--workspace-font-size, inherit)",
-        ...cssVariables,
-        ...style
-      },
-      children: /* @__PURE__ */ jsx(LayoutRenderer, { node: spec.layout })
-    }
-  ) });
-}
-
-// src/workspace/validation.ts
-function validateWorkspace(spec) {
-  const errors = [];
-  const warnings = [];
-  const registry2 = getRegistry();
-  if (!spec.id) {
-    errors.push({
-      path: "id",
-      message: "Workspace ID is required",
-      code: "MISSING_ID"
-    });
-  }
-  if (!spec.name) {
-    errors.push({
-      path: "name",
-      message: "Workspace name is required",
-      code: "MISSING_NAME"
-    });
-  }
-  if (!spec.layout) {
-    errors.push({
-      path: "layout",
-      message: "Workspace layout is required",
-      code: "MISSING_LAYOUT"
-    });
-  } else {
-    validateLayoutNode(spec.layout, "layout", errors, warnings, registry2);
-  }
-  if (spec.bindings) {
-    spec.bindings.forEach((binding, i) => {
-      if (!binding.source) {
-        errors.push({
-          path: `bindings[${i}].source`,
-          message: "Binding source is required",
-          code: "MISSING_BINDING_SOURCE"
-        });
-      }
-      if (!binding.event) {
-        errors.push({
-          path: `bindings[${i}].event`,
-          message: "Binding event is required",
-          code: "MISSING_BINDING_EVENT"
-        });
-      }
-      if (!binding.action) {
-        errors.push({
-          path: `bindings[${i}].action`,
-          message: "Binding action is required",
-          code: "MISSING_BINDING_ACTION"
-        });
-      }
-    });
-  }
-  if (spec.state?.persist && !spec.state.persist.key) {
-    errors.push({
-      path: "state.persist.key",
-      message: "Persistence key is required when persist is enabled",
-      code: "MISSING_PERSIST_KEY"
-    });
-  }
-  return {
-    valid: errors.length === 0,
-    errors,
-    warnings
-  };
-}
-function validateLayoutNode(node, path, errors, warnings, registry2) {
-  if (!node.type) {
-    errors.push({
-      path,
-      message: "Layout node type is required",
-      code: "MISSING_NODE_TYPE"
-    });
-    return;
-  }
-  switch (node.type) {
-    case "split":
-      if (!node.children || node.children.length < 2) {
-        errors.push({
-          path: `${path}.children`,
-          message: "Split layout requires at least 2 children",
-          code: "SPLIT_MIN_CHILDREN"
-        });
-      } else {
-        node.children.forEach((child, i) => {
-          validateLayoutNode(
-            child,
-            `${path}.children[${i}]`,
-            errors,
-            warnings,
-            registry2
-          );
-        });
-      }
-      break;
-    case "stack":
-      if (!node.children || node.children.length === 0) {
-        warnings.push({
-          path: `${path}.children`,
-          message: "Stack layout has no children",
-          suggestion: "Add child nodes or use a placeholder"
-        });
-      } else {
-        node.children.forEach((child, i) => {
-          validateLayoutNode(
-            child,
-            `${path}.children[${i}]`,
-            errors,
-            warnings,
-            registry2
-          );
-        });
-      }
-      break;
-    case "tabs":
-      if (!node.children || node.children.length === 0) {
-        errors.push({
-          path: `${path}.children`,
-          message: "Tabs layout requires at least one tab",
-          code: "TABS_MIN_CHILDREN"
-        });
-      } else {
-        const tabIds = /* @__PURE__ */ new Set();
-        node.children.forEach((tab, i) => {
-          if (!tab.id) {
-            errors.push({
-              path: `${path}.children[${i}].id`,
-              message: "Tab ID is required",
-              code: "MISSING_TAB_ID"
-            });
-          } else if (tabIds.has(tab.id)) {
-            errors.push({
-              path: `${path}.children[${i}].id`,
-              message: `Duplicate tab ID: ${tab.id}`,
-              code: "DUPLICATE_TAB_ID"
-            });
-          } else {
-            tabIds.add(tab.id);
-          }
-          if (!tab.label) {
-            warnings.push({
-              path: `${path}.children[${i}].label`,
-              message: "Tab label is missing",
-              suggestion: "Add a label for accessibility"
-            });
-          }
-          if (tab.content) {
-            validateLayoutNode(
-              tab.content,
-              `${path}.children[${i}].content`,
-              errors,
-              warnings,
-              registry2
-            );
-          } else {
-            errors.push({
-              path: `${path}.children[${i}].content`,
-              message: "Tab content is required",
-              code: "MISSING_TAB_CONTENT"
-            });
-          }
-        });
-        if (node.defaultTab && !tabIds.has(node.defaultTab)) {
-          errors.push({
-            path: `${path}.defaultTab`,
-            message: `Default tab "${node.defaultTab}" not found`,
-            code: "INVALID_DEFAULT_TAB"
-          });
-        }
-      }
-      break;
-    case "grid":
-      if (!node.children || node.children.length === 0) {
-        warnings.push({
-          path: `${path}.children`,
-          message: "Grid layout has no items",
-          suggestion: "Add grid items"
-        });
-      } else {
-        node.children.forEach((item, i) => {
-          if (item.content) {
-            validateLayoutNode(
-              item.content,
-              `${path}.children[${i}].content`,
-              errors,
-              warnings,
-              registry2
-            );
-          } else {
-            errors.push({
-              path: `${path}.children[${i}].content`,
-              message: "Grid item content is required",
-              code: "MISSING_GRID_CONTENT"
-            });
-          }
-        });
-      }
-      break;
-    case "panel":
-      validatePanelNode(node, path, errors, warnings, registry2);
-      break;
-    case "slot":
-      if (!node.name) {
-        errors.push({
-          path: `${path}.name`,
-          message: "Slot name is required",
-          code: "MISSING_SLOT_NAME"
-        });
-      }
-      if (node.fallback) {
-        validateLayoutNode(
-          node.fallback,
-          `${path}.fallback`,
-          errors,
-          warnings,
-          registry2
-        );
-      }
-      break;
-    default:
-      errors.push({
-        path: `${path}.type`,
-        message: `Unknown layout type: ${node.type}`,
-        code: "UNKNOWN_NODE_TYPE"
-      });
-  }
-}
-function validatePanelNode(node, path, errors, warnings, registry2) {
-  if (!node.component) {
-    errors.push({
-      path: `${path}.component`,
-      message: "Panel component ID is required",
-      code: "MISSING_COMPONENT"
-    });
-    return;
-  }
-  const manifest = registry2.get(node.component);
-  if (!manifest) {
-    warnings.push({
-      path: `${path}.component`,
-      message: `Component "${node.component}" not found in registry`,
-      suggestion: "Check component ID or register the component"
-    });
-    return;
-  }
-  if (manifest.props) {
-    Object.entries(manifest.props).forEach(([propName, propSchema]) => {
-      if (propSchema.required && !(node.props && propName in node.props)) {
-        errors.push({
-          path: `${path}.props.${propName}`,
-          message: `Required prop "${propName}" is missing for ${node.component}`,
-          code: "MISSING_REQUIRED_PROP"
-        });
-      }
-    });
-  }
-  if (node.props && manifest.props) {
-    Object.entries(node.props).forEach(([propName, propValue]) => {
-      const propSchema = manifest.props[propName];
-      if (!propSchema) {
-        warnings.push({
-          path: `${path}.props.${propName}`,
-          message: `Unknown prop "${propName}" for ${node.component}`,
-          suggestion: "Check prop name or remove it"
-        });
-      } else if (propSchema.enum && !propSchema.enum.includes(String(propValue))) {
-        errors.push({
-          path: `${path}.props.${propName}`,
-          message: `Invalid value "${propValue}" for ${propName}. Expected one of: ${propSchema.enum.join(", ")}`,
-          code: "INVALID_ENUM_VALUE"
-        });
-      }
-    });
-  }
-  if (node.children && node.children.length > 0) {
-    if (!manifest.slots || manifest.slots.length === 0) {
-      warnings.push({
-        path: `${path}.children`,
-        message: `Component "${node.component}" does not define slots but has children`,
-        suggestion: "Check if this component supports children"
-      });
-    }
-    node.children.forEach((child, i) => {
-      validatePanelNode(child, `${path}.children[${i}]`, errors, warnings, registry2);
-      const childManifest = registry2.get(child.component);
-      if (childManifest && !registry2.canCompose(node.component, child.component)) {
-        warnings.push({
-          path: `${path}.children[${i}]`,
-          message: `"${child.component}" may not be valid inside "${node.component}"`,
-          suggestion: "Check component composition rules"
-        });
-      }
-    });
-  }
-}
-function isValidWorkspace(spec) {
-  return validateWorkspace(spec).valid;
-}
-function extractComponentIds(spec) {
-  const ids = /* @__PURE__ */ new Set();
-  function extractFromNode(node) {
-    if (node.type === "panel") {
-      ids.add(node.component);
-      node.children?.forEach(extractFromNode);
-    } else if (node.type === "split" || node.type === "stack") {
-      node.children.forEach(extractFromNode);
-    } else if (node.type === "tabs") {
-      node.children.forEach((tab) => extractFromNode(tab.content));
-    } else if (node.type === "grid") {
-      node.children.forEach((item) => extractFromNode(item.content));
-    } else if (node.type === "slot" && node.fallback) {
-      extractFromNode(node.fallback);
-    }
-  }
-  extractFromNode(spec.layout);
-  return Array.from(ids);
-}
-
-// src/workspace/componentBindings.ts
-function initializeComponentBindings() {
-  Promise.all([
-    import('./GlowButton-VGBPMZO7.js').then(({ GlowButton }) => {
-      registerComponent("glow-button", GlowButton);
-    }),
-    import('./HUDProgressRing-N6C5NAEV.js').then(({ HUDProgressRing }) => {
-      registerComponent("hud-progress-ring", HUDProgressRing);
-    }),
-    import('./TypingAnimation-GIWOHPIX.js').then(({ TypingAnimation }) => {
-      registerComponent("typing-animation", TypingAnimation);
-    }),
-    import('./TextGenerateEffect-EUCEIIUJ.js').then(({ TextGenerateEffect }) => {
-      registerComponent("text-generate-effect", TextGenerateEffect);
-    }),
-    import('./GlitchText-KLQ57PPY.js').then(({ GlitchText }) => {
-      registerComponent("glitch-text", GlitchText);
-    }),
-    import('./AuroraBackground-AP6ZHVFA.js').then(({ AuroraBackground }) => {
-      registerComponent("aurora-background", AuroraBackground);
-    }),
-    // =========================================================================
-    // Molecules
-    // =========================================================================
-    import('./KPIStat-PBQK27ZB.js').then(({ KPIStat }) => {
-      registerComponent("kpi-stat", KPIStat);
-    }),
-    import('./NeonToast-W5F7MU3U.js').then(({ NeonToast }) => {
-      registerComponent("neon-toast", NeonToast);
-    }),
-    import('./ThreeDCard-VH5I3SSY.js').then(({ CardContainer, CardBody, CardItem }) => {
-      registerComponent("card-container", CardContainer);
-      registerComponent("card-body", CardBody);
-      registerComponent("card-item", CardItem);
-    }),
-    // =========================================================================
-    // Organisms
-    // =========================================================================
-    import('./CommandPalette-JCWJKRBY.js').then(({ CommandPalette }) => {
-      registerComponent("command-palette", CommandPalette);
-    }),
-    import('./Glass-H4X4ZI4P.js').then(({ GlassPanel }) => {
-      registerComponent("glass-panel", GlassPanel);
-    }),
-    import('./BentoGrid-CDARICNM.js').then(({ BentoGrid, BentoGridItem }) => {
-      registerComponent("bento-grid", BentoGrid);
-      registerComponent("bento-grid-item", BentoGridItem);
-    }),
-    // =========================================================================
-    // UI Primitives
-    // =========================================================================
-    import('./button-D7IMSV2D.js').then(({ Button }) => {
-      registerComponent("button", Button);
-    }),
-    import('./badge-GTVIIGPY.js').then(({ Badge }) => {
-      registerComponent("badge", Badge);
-    }),
-    import('./input-BH4P4S26.js').then(({ Input }) => {
-      registerComponent("input", Input);
-    }),
-    import('./textarea-IB5WAFDO.js').then(({ Textarea }) => {
-      registerComponent("textarea", Textarea);
-    }),
-    import('./label-5Z4Q6VER.js').then(({ Label }) => {
-      registerComponent("label", Label);
-    }),
-    import('./separator-BTMLN4NB.js').then(({ Separator }) => {
-      registerComponent("separator", Separator);
-    }),
-    import('./skeleton-DXIWBH4W.js').then(({ Skeleton }) => {
-      registerComponent("skeleton", Skeleton);
-    }),
-    import('./switch-4MCXIZBY.js').then(({ Switch }) => {
-      registerComponent("switch", Switch);
-    }),
-    import('./scroll-area-DJXNW6QX.js').then(({ ScrollArea }) => {
-      registerComponent("scroll-area", ScrollArea);
-    }),
-    import('./toggle-XVPPG6P4.js').then(({ Toggle }) => {
-      registerComponent("toggle", Toggle);
-    }),
-    // Tabs
-    import('./tabs-O7AW3APK.js').then(({ Tabs, TabsList, TabsTrigger, TabsContent }) => {
-      registerComponent("tabs", Tabs);
-      registerComponent("tabs-list", TabsList);
-      registerComponent("tabs-trigger", TabsTrigger);
-      registerComponent("tabs-content", TabsContent);
-    }),
-    // Dialog
-    import('./dialog-SPM3DTTI.js').then(({
-      Dialog,
-      DialogContent,
-      DialogHeader,
-      DialogTitle,
-      DialogDescription,
-      DialogFooter
-    }) => {
-      registerComponent("dialog", Dialog);
-      registerComponent("dialog-content", DialogContent);
-      registerComponent("dialog-header", DialogHeader);
-      registerComponent("dialog-title", DialogTitle);
-      registerComponent("dialog-description", DialogDescription);
-      registerComponent("dialog-footer", DialogFooter);
-    }),
-    // Tooltip
-    import('./tooltip-JICZTD4F.js').then(({
-      Tooltip,
-      TooltipTrigger,
-      TooltipContent,
-      TooltipProvider
-    }) => {
-      registerComponent("tooltip-provider", TooltipProvider);
-      registerComponent("tooltip", Tooltip);
-      registerComponent("tooltip-trigger", TooltipTrigger);
-      registerComponent("tooltip-content", TooltipContent);
-    }),
-    // Select
-    import('./select-FZ277C3G.js').then(({
-      Select,
-      SelectTrigger,
-      SelectValue,
-      SelectContent,
-      SelectItem
-    }) => {
-      registerComponent("select", Select);
-      registerComponent("select-trigger", SelectTrigger);
-      registerComponent("select-value", SelectValue);
-      registerComponent("select-content", SelectContent);
-      registerComponent("select-item", SelectItem);
-    }),
-    // Dropdown Menu
-    import('./dropdown-menu-HMTWKWGK.js').then(({
-      DropdownMenu,
-      DropdownMenuTrigger,
-      DropdownMenuContent,
-      DropdownMenuItem
-    }) => {
-      registerComponent("dropdown-menu", DropdownMenu);
-      registerComponent("dropdown-menu-trigger", DropdownMenuTrigger);
-      registerComponent("dropdown-menu-content", DropdownMenuContent);
-      registerComponent("dropdown-menu-item", DropdownMenuItem);
-    }),
-    // Avatar
-    import('./avatar-N5R37PCU.js').then(({ Avatar, AvatarImage, AvatarFallback }) => {
-      registerComponent("avatar", Avatar);
-      registerComponent("avatar-image", AvatarImage);
-      registerComponent("avatar-fallback", AvatarFallback);
-    }),
-    // Alert Dialog
-    import('./alert-dialog-QOSYBIIE.js').then(({
-      AlertDialog,
-      AlertDialogAction,
-      AlertDialogCancel,
-      AlertDialogContent,
-      AlertDialogDescription,
-      AlertDialogFooter,
-      AlertDialogHeader,
-      AlertDialogTitle,
-      AlertDialogTrigger
-    }) => {
-      registerComponent("alert-dialog", AlertDialog);
-      registerComponent("alert-dialog-trigger", AlertDialogTrigger);
-      registerComponent("alert-dialog-content", AlertDialogContent);
-      registerComponent("alert-dialog-header", AlertDialogHeader);
-      registerComponent("alert-dialog-title", AlertDialogTitle);
-      registerComponent("alert-dialog-description", AlertDialogDescription);
-      registerComponent("alert-dialog-footer", AlertDialogFooter);
-      registerComponent("alert-dialog-action", AlertDialogAction);
-      registerComponent("alert-dialog-cancel", AlertDialogCancel);
-    }),
-    // Popover
-    import('./popover-IFOUXYLI.js').then(({
-      Popover,
-      PopoverTrigger,
-      PopoverContent
-    }) => {
-      registerComponent("popover", Popover);
-      registerComponent("popover-trigger", PopoverTrigger);
-      registerComponent("popover-content", PopoverContent);
-    })
-  ]).then(() => {
-    console.log("[AG-UI] Component bindings initialized");
-  });
-}
-function initializeComponentBindingsSync() {
-  console.log("[AG-UI] Sync component bindings not yet implemented");
-}
-async function loadThreeComponents() {
-  const [{ Graph3D }, { ParticleField }] = await Promise.all([
-    import('./Graph3D-GO7N2EZQ.js'),
-    import('./ParticleField-WK6CNHWU.js')
-  ]);
-  registerComponent("graph-3d", Graph3D);
-  registerComponent("particle-field", ParticleField);
-  console.log("[AG-UI] Three.js components loaded");
-}
-function getRegisteredComponents() {
-  return [
-    // Atoms
-    "glow-button",
-    "hud-progress-ring",
-    "typing-animation",
-    "text-generate-effect",
-    "glitch-text",
-    "aurora-background",
-    // Molecules
-    "kpi-stat",
-    "neon-toast",
-    "card-container",
-    "card-body",
-    "card-item",
-    // Organisms
-    "command-palette",
-    "glass-panel",
-    "bento-grid",
-    "bento-grid-item",
-    // UI Primitives
-    "button",
-    "badge",
-    "input",
-    "textarea",
-    "label",
-    "separator",
-    "skeleton",
-    "switch",
-    "scroll-area",
-    "toggle",
-    "tabs",
-    "tabs-list",
-    "tabs-trigger",
-    "tabs-content",
-    "dialog",
-    "dialog-content",
-    "dialog-header",
-    "dialog-title",
-    "dialog-description",
-    "dialog-footer",
-    "tooltip-provider",
-    "tooltip",
-    "tooltip-trigger",
-    "tooltip-content",
-    "select",
-    "select-trigger",
-    "select-value",
-    "select-content",
-    "select-item",
-    "dropdown-menu",
-    "dropdown-menu-trigger",
-    "dropdown-menu-content",
-    "dropdown-menu-item",
-    "avatar",
-    "avatar-image",
-    "avatar-fallback",
-    "alert-dialog",
-    "alert-dialog-trigger",
-    "alert-dialog-content",
-    "alert-dialog-header",
-    "alert-dialog-title",
-    "alert-dialog-description",
-    "alert-dialog-footer",
-    "alert-dialog-action",
-    "alert-dialog-cancel",
-    "popover",
-    "popover-trigger",
-    "popover-content",
-    // Three.js (lazy loaded)
-    "graph-3d",
-    "particle-field"
-  ];
-}
-
-export { WorkspaceRenderer, allManifests, atomManifests, auroraBackgroundManifest, bentoGridManifest, commandPaletteManifest, createRegistry, extractComponentIds, getRegisteredComponents, getRegistry, glassPanelManifest, glitchTextManifest, glowButtonManifest, graph3DManifest, hudProgressRingManifest, initializeComponentBindings, initializeComponentBindingsSync, isValidWorkspace, kpiStatManifest, layoutManifests, loadThreeComponents, manifestById, manifestsByCategory, moleculeManifests, neonToastManifest, organismManifests, particleFieldManifest, registerComponent, registry, splitPanelManifest, stackLayoutManifest, tabsPanelManifest, textGenerateEffectManifest, threeDCardManifest, threeManifests, typingAnimationManifest, useWorkspace, validateWorkspace };
-//# sourceMappingURL=chunk-VYEWU5LO.js.map
-//# sourceMappingURL=chunk-VYEWU5LO.js.map