@backbay/glia 0.2.0-alpha.1

package/dist/workspace/componentBindings.js

@@ -0,0 +1,260 @@
+/**
+ * Component Bindings
+ *
+ * Wires up real React components to the WorkspaceRenderer.
+ * This is the bridge between component IDs in WorkspaceSpecs
+ * and actual React components.
+ */
+import { registerComponent } from "./WorkspaceRenderer";
+/**
+ * Register all components with the WorkspaceRenderer.
+ * Call this once at app initialization.
+ */
+export function initializeComponentBindings() {
+    // We use dynamic imports to avoid circular dependencies and allow
+    // tree-shaking when components aren't used
+    // =========================================================================
+    // Atoms - Import and register
+    // =========================================================================
+    Promise.all([
+        import("../primitives/atoms/GlowButton").then(({ GlowButton }) => {
+            registerComponent("glow-button", GlowButton);
+        }),
+        import("../primitives/atoms/HUDProgressRing").then(({ HUDProgressRing }) => {
+            registerComponent("hud-progress-ring", HUDProgressRing);
+        }),
+        import("../primitives/atoms/TypingAnimation").then(({ TypingAnimation }) => {
+            registerComponent("typing-animation", TypingAnimation);
+        }),
+        import("../primitives/atoms/TextGenerateEffect").then(({ TextGenerateEffect }) => {
+            registerComponent("text-generate-effect", TextGenerateEffect);
+        }),
+        import("../primitives/atoms/GlitchText").then(({ GlitchText }) => {
+            registerComponent("glitch-text", GlitchText);
+        }),
+        import("../primitives/atoms/AuroraBackground").then(({ AuroraBackground }) => {
+            registerComponent("aurora-background", AuroraBackground);
+        }),
+        // =========================================================================
+        // Molecules
+        // =========================================================================
+        import("../primitives/molecules/KPIStat").then(({ KPIStat }) => {
+            registerComponent("kpi-stat", KPIStat);
+        }),
+        import("../primitives/molecules/NeonToast").then(({ NeonToast }) => {
+            registerComponent("neon-toast", NeonToast);
+        }),
+        import("../primitives/molecules/ThreeDCard").then(({ CardContainer, CardBody, CardItem }) => {
+            registerComponent("card-container", CardContainer);
+            registerComponent("card-body", CardBody);
+            registerComponent("card-item", CardItem);
+        }),
+        // =========================================================================
+        // Organisms
+        // =========================================================================
+        import("../primitives/organisms/CommandPalette").then(({ CommandPalette }) => {
+            registerComponent("command-palette", CommandPalette);
+        }),
+        import("../primitives/organisms/Glass").then(({ GlassPanel }) => {
+            registerComponent("glass-panel", GlassPanel);
+        }),
+        import("../primitives/organisms/BentoGrid").then(({ BentoGrid, BentoGridItem }) => {
+            registerComponent("bento-grid", BentoGrid);
+            registerComponent("bento-grid-item", BentoGridItem);
+        }),
+        // =========================================================================
+        // UI Primitives
+        // =========================================================================
+        import("../primitives/ui/button").then(({ Button }) => {
+            registerComponent("button", Button);
+        }),
+        import("../primitives/ui/badge").then(({ Badge }) => {
+            registerComponent("badge", Badge);
+        }),
+        import("../primitives/ui/input").then(({ Input }) => {
+            registerComponent("input", Input);
+        }),
+        import("../primitives/ui/textarea").then(({ Textarea }) => {
+            registerComponent("textarea", Textarea);
+        }),
+        import("../primitives/ui/label").then(({ Label }) => {
+            registerComponent("label", Label);
+        }),
+        import("../primitives/ui/separator").then(({ Separator }) => {
+            registerComponent("separator", Separator);
+        }),
+        import("../primitives/ui/skeleton").then(({ Skeleton }) => {
+            registerComponent("skeleton", Skeleton);
+        }),
+        import("../primitives/ui/switch").then(({ Switch }) => {
+            registerComponent("switch", Switch);
+        }),
+        import("../primitives/ui/scroll-area").then(({ ScrollArea }) => {
+            registerComponent("scroll-area", ScrollArea);
+        }),
+        import("../primitives/ui/toggle").then(({ Toggle }) => {
+            registerComponent("toggle", Toggle);
+        }),
+        // Tabs
+        import("../primitives/ui/tabs").then(({ Tabs, TabsList, TabsTrigger, TabsContent }) => {
+            registerComponent("tabs", Tabs);
+            registerComponent("tabs-list", TabsList);
+            registerComponent("tabs-trigger", TabsTrigger);
+            registerComponent("tabs-content", TabsContent);
+        }),
+        // Dialog
+        import("../primitives/ui/dialog").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("../primitives/ui/tooltip").then(({ Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, }) => {
+            registerComponent("tooltip-provider", TooltipProvider);
+            registerComponent("tooltip", Tooltip);
+            registerComponent("tooltip-trigger", TooltipTrigger);
+            registerComponent("tooltip-content", TooltipContent);
+        }),
+        // Select
+        import("../primitives/ui/select").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("../primitives/ui/dropdown-menu").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("../primitives/ui/avatar").then(({ Avatar, AvatarImage, AvatarFallback }) => {
+            registerComponent("avatar", Avatar);
+            registerComponent("avatar-image", AvatarImage);
+            registerComponent("avatar-fallback", AvatarFallback);
+        }),
+        // Alert Dialog
+        import("../primitives/ui/alert-dialog").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("../primitives/ui/popover").then(({ Popover, PopoverTrigger, PopoverContent, }) => {
+            registerComponent("popover", Popover);
+            registerComponent("popover-trigger", PopoverTrigger);
+            registerComponent("popover-content", PopoverContent);
+        }),
+    ]).then(() => {
+        console.log("[AG-UI] Component bindings initialized");
+    });
+}
+/**
+ * Synchronously initialize core components for SSR/testing.
+ * This is a fallback that imports a minimal set synchronously.
+ */
+export function initializeComponentBindingsSync() {
+    // This would require static imports - use only if async init isn't possible
+    console.log("[AG-UI] Sync component bindings not yet implemented");
+}
+/**
+ * Lazy-load Three.js components (heavy dependencies)
+ */
+export async function loadThreeComponents() {
+    const [{ Graph3D }, { ParticleField }] = await Promise.all([
+        import("../primitives/three/Graph3D/Graph3D"),
+        import("../primitives/three/ParticleField/ParticleField"),
+    ]);
+    registerComponent("graph-3d", Graph3D);
+    registerComponent("particle-field", ParticleField);
+    console.log("[AG-UI] Three.js components loaded");
+}
+/**
+ * Get list of all registered component IDs
+ */
+export 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",
+    ];
+}

package/dist/workspace/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * bb-ui Workspace System
+ *
+ * Provides the protocol and runtime for agent-composed UI.
+ *
+ * @example
+ * ```tsx
+ * import { WorkspaceRenderer, validateWorkspace } from "@backbay/glia/workspace";
+ *
+ * // Validate a spec from an agent
+ * const result = validateWorkspace(agentSpec);
+ * if (!result.valid) {
+ *   console.error(result.errors);
+ * }
+ *
+ * // Render the workspace
+ * <WorkspaceRenderer
+ *   spec={agentSpec}
+ *   onEvent={(event, payload) => sendToAgent(event, payload)}
+ * />
+ * ```
+ */
+export * from "./types.js";
+export * from "./WorkspaceRenderer.js";
+export * from "./validation.js";
+export * from "./componentBindings.js";
+export * from "./registry/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/workspace/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workspace/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC"}

package/dist/workspace/index.js

@@ -0,0 +1,27 @@
+/**
+ * bb-ui Workspace System
+ *
+ * Provides the protocol and runtime for agent-composed UI.
+ *
+ * @example
+ * ```tsx
+ * import { WorkspaceRenderer, validateWorkspace } from "@backbay/glia/workspace";
+ *
+ * // Validate a spec from an agent
+ * const result = validateWorkspace(agentSpec);
+ * if (!result.valid) {
+ *   console.error(result.errors);
+ * }
+ *
+ * // Render the workspace
+ * <WorkspaceRenderer
+ *   spec={agentSpec}
+ *   onEvent={(event, payload) => sendToAgent(event, payload)}
+ * />
+ * ```
+ */
+export * from "./types.js";
+export * from "./WorkspaceRenderer.js";
+export * from "./validation.js";
+export * from "./componentBindings.js";
+export * from "./registry/index.js";

package/dist/workspace/registry/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * bb-ui Component Registry
+ *
+ * Provides discovery, query, and composition APIs for agents
+ * to work with UI components.
+ *
+ * @example
+ * ```ts
+ * import { registry } from "@backbay/glia/workspace";
+ *
+ * // Search for components
+ * const results = registry.search("button with glow");
+ *
+ * // List by category
+ * const atoms = registry.list({ category: "atoms" });
+ *
+ * // Check composition validity
+ * const canNest = registry.canCompose("glass-panel", "glow-button");
+ * ```
+ */
+export * from "./types.js";
+export * from "./registry.js";
+export * from "./manifests/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/workspace/registry/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/workspace/registry/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}

package/dist/workspace/registry/index.js

@@ -0,0 +1,23 @@
+/**
+ * bb-ui Component Registry
+ *
+ * Provides discovery, query, and composition APIs for agents
+ * to work with UI components.
+ *
+ * @example
+ * ```ts
+ * import { registry } from "@backbay/glia/workspace";
+ *
+ * // Search for components
+ * const results = registry.search("button with glow");
+ *
+ * // List by category
+ * const atoms = registry.list({ category: "atoms" });
+ *
+ * // Check composition validity
+ * const canNest = registry.canCompose("glass-panel", "glow-button");
+ * ```
+ */
+export * from "./types.js";
+export * from "./registry.js";
+export * from "./manifests/index.js";

package/dist/workspace/registry/manifests/atoms.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Atom Component Manifests
+ * Basic building blocks of the UI system
+ */
+import type { ComponentManifest } from "../types";
+export declare const glowButtonManifest: ComponentManifest;
+export declare const hudProgressRingManifest: ComponentManifest;
+export declare const typingAnimationManifest: ComponentManifest;
+export declare const textGenerateEffectManifest: ComponentManifest;
+export declare const glitchTextManifest: ComponentManifest;
+export declare const auroraBackgroundManifest: ComponentManifest;
+export declare const atomManifests: ComponentManifest[];
+//# sourceMappingURL=atoms.d.ts.map

package/dist/workspace/registry/manifests/atoms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../../../../src/workspace/registry/manifests/atoms.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,kBAAkB,EAAE,iBA6FhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAoGrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAuFrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,iBAoExC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,iBA8EhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,iBAkEtC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,EAO5C,CAAC"}