@backbay/glia 0.2.0-alpha.1

package/dist/primitives/organisms/CommandPalette/CommandPalette.js

@@ -0,0 +1,185 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn, prefersReducedMotion } from "../../../lib/utils";
+import { cva } from "class-variance-authority";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "cmdk";
+import { AnimatePresence, motion } from "framer-motion";
+import { BarChart3, BookOpen, Calendar, Home, MessageSquare, Pause, Play, Search, Settings, SkipForward, Target, Trophy, Zap, } from "lucide-react";
+import * as React from "react";
+const commandPaletteVariants = cva("fixed inset-0 z-50 flex items-start justify-center p-4", {
+    variants: {
+        variant: {
+            default: "bg-black/50 backdrop-blur-sm",
+            dark: "bg-black/80 backdrop-blur-md",
+            light: "bg-white/80 backdrop-blur-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+export function CommandPalette({ className, variant, open, onOpenChange, items, placeholder = "Search commands...", emptyText = "No results found.", loading = false, disableAnimations = false, footer, recentCommands = [], ...props }) {
+    const [value, setValue] = React.useState("");
+    const reducedMotion = prefersReducedMotion();
+    const shouldAnimate = !disableAnimations && !reducedMotion;
+    // Group items by category
+    const groupedItems = React.useMemo(() => {
+        const groups = {};
+        items.forEach((item) => {
+            const group = item.group || "Commands";
+            if (!groups[group]) {
+                groups[group] = [];
+            }
+            groups[group].push(item);
+        });
+        return groups;
+    }, [items]);
+    // Handle keyboard shortcuts
+    React.useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+                e.preventDefault();
+                onOpenChange(true);
+            }
+            if (e.key === "Escape" && open) {
+                onOpenChange(false);
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [open, onOpenChange]);
+    const handleSelect = (item) => {
+        item.action();
+        onOpenChange(false);
+        setValue("");
+    };
+    return (_jsx(AnimatePresence, { children: open && (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: cn(commandPaletteVariants({ variant })), initial: shouldAnimate ? { opacity: 0 } : {}, animate: { opacity: 1 }, exit: shouldAnimate ? { opacity: 0 } : {}, transition: { duration: shouldAnimate ? 0.2 : 0 }, onClick: () => onOpenChange(false) }), _jsx(motion.div, { className: cn("relative w-full max-w-2xl mx-4 bg-card border border-border rounded-lg shadow-2xl overflow-hidden", className), initial: shouldAnimate ? { opacity: 0, scale: 0.95, y: -20 } : {}, animate: { opacity: 1, scale: 1, y: 0 }, exit: shouldAnimate ? { opacity: 0, scale: 0.95, y: -20 } : {}, transition: {
+                        duration: shouldAnimate ? 0.2 : 0,
+                        type: "spring",
+                        bounce: 0.2,
+                    }, onClick: (e) => e.stopPropagation(), ...props, children: _jsxs(Command, { value: value, onValueChange: setValue, className: "w-full", children: [_jsxs("div", { className: "flex items-center border-b border-border px-4 py-3", children: [_jsx(Search, { className: "h-4 w-4 text-muted-foreground mr-3" }), _jsx(CommandInput, { placeholder: placeholder, className: "flex-1 bg-transparent border-0 outline-none text-foreground placeholder:text-muted-foreground", autoFocus: true }), _jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground ml-3", children: [_jsx("kbd", { className: "px-1.5 py-0.5 bg-muted rounded text-xs", children: "\u2318" }), _jsx("kbd", { className: "px-1.5 py-0.5 bg-muted rounded text-xs", children: "K" })] })] }), _jsx(CommandList, { className: "max-h-96 overflow-y-auto", children: loading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsxs("div", { className: "flex items-center gap-3 text-muted-foreground", children: [_jsx("div", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }), _jsx("span", { className: "text-sm", children: "Loading..." })] }) })) : (_jsxs(_Fragment, { children: [_jsx(CommandEmpty, { className: "py-12 text-center text-sm text-muted-foreground", children: emptyText }), recentCommands.length > 0 && (_jsxs(_Fragment, { children: [_jsx(CommandGroup, { heading: "Recent", children: recentCommands.slice(0, 3).map((commandId) => {
+                                                        const item = items.find((i) => i.id === commandId);
+                                                        if (!item)
+                                                            return null;
+                                                        return (_jsxs(CommandItem, { value: item.title, onSelect: () => handleSelect(item), className: "flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-accent", children: [item.icon || _jsx("div", { className: "w-4 h-4" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: item.title }), item.description && (_jsx("div", { className: "text-sm text-muted-foreground", children: item.description }))] }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Recent" })] }, item.id));
+                                                    }) }), _jsx(CommandSeparator, {})] })), Object.entries(groupedItems).map(([groupName, groupItems]) => (_jsx(CommandGroup, { heading: groupName, children: groupItems.map((item) => (_jsxs(CommandItem, { value: item.title, keywords: item.keywords, onSelect: () => handleSelect(item), className: "flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-accent", children: [item.icon || _jsx("div", { className: "w-4 h-4" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: item.title }), item.description && (_jsx("div", { className: "text-sm text-muted-foreground", children: item.description }))] }), item.shortcut && (_jsx("div", { className: "flex items-center gap-0.5", children: item.shortcut.map((key, index) => (_jsxs(React.Fragment, { children: [_jsx("kbd", { className: "px-1.5 py-0.5 bg-muted rounded text-xs", children: key }), index < item.shortcut.length - 1 && (_jsx("span", { className: "text-muted-foreground", children: "+" }))] }, index))) }))] }, item.id))) }, groupName)))] })) }), footer && _jsx("div", { className: "border-t border-border px-4 py-3", children: footer })] }) })] })) }));
+}
+// Pre-configured command items for common use cases
+export const defaultCommands = [
+    {
+        id: "dashboard",
+        title: "Go to Dashboard",
+        description: "View your study overview and progress",
+        icon: _jsx(Home, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "D"],
+        group: "Navigation",
+        keywords: ["home", "overview", "progress"],
+        action: () => console.log("Navigate to dashboard"),
+    },
+    {
+        id: "practice",
+        title: "Start Practice",
+        description: "Begin a new practice session",
+        icon: _jsx(Target, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "P"],
+        group: "Actions",
+        keywords: ["practice", "questions", "study"],
+        action: () => console.log("Start practice session"),
+    },
+    {
+        id: "tutor",
+        title: "Open AI Tutor",
+        description: "Get help from the AI study assistant",
+        icon: _jsx(MessageSquare, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "T"],
+        group: "Actions",
+        keywords: ["tutor", "ai", "help", "assistant"],
+        action: () => console.log("Open AI tutor"),
+    },
+    {
+        id: "analytics",
+        title: "View Analytics",
+        description: "Check your performance and statistics",
+        icon: _jsx(BarChart3, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "A"],
+        group: "Navigation",
+        keywords: ["analytics", "stats", "performance"],
+        action: () => console.log("Navigate to analytics"),
+    },
+    {
+        id: "calendar",
+        title: "Study Calendar",
+        description: "View and manage your study schedule",
+        icon: _jsx(Calendar, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "C"],
+        group: "Navigation",
+        keywords: ["calendar", "schedule", "planning"],
+        action: () => console.log("Navigate to calendar"),
+    },
+    {
+        id: "achievements",
+        title: "Achievements",
+        description: "View your badges and accomplishments",
+        icon: _jsx(Trophy, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "B"],
+        group: "Navigation",
+        keywords: ["achievements", "badges", "awards"],
+        action: () => console.log("Navigate to achievements"),
+    },
+    {
+        id: "settings",
+        title: "Settings",
+        description: "Configure your study preferences",
+        icon: _jsx(Settings, { className: "h-4 w-4" }),
+        shortcut: ["⌘", ",", "comma"],
+        group: "Navigation",
+        keywords: ["settings", "preferences", "config"],
+        action: () => console.log("Navigate to settings"),
+    },
+    {
+        id: "play",
+        title: "Play Audio",
+        description: "Start playing audio content",
+        icon: _jsx(Play, { className: "h-4 w-4" }),
+        group: "Media",
+        keywords: ["play", "audio", "start"],
+        action: () => console.log("Play audio"),
+    },
+    {
+        id: "pause",
+        title: "Pause Audio",
+        description: "Pause current audio playback",
+        icon: _jsx(Pause, { className: "h-4 w-4" }),
+        group: "Media",
+        keywords: ["pause", "audio", "stop"],
+        action: () => console.log("Pause audio"),
+    },
+    {
+        id: "next",
+        title: "Next Item",
+        description: "Skip to the next item",
+        icon: _jsx(SkipForward, { className: "h-4 w-4" }),
+        group: "Navigation",
+        keywords: ["next", "skip", "forward"],
+        action: () => console.log("Next item"),
+    },
+    {
+        id: "quick-study",
+        title: "Quick Study Session",
+        description: "Start a 15-minute focused study session",
+        icon: _jsx(Zap, { className: "h-4 w-4" }),
+        group: "Actions",
+        keywords: ["quick", "study", "session", "focus"],
+        action: () => console.log("Start quick study session"),
+    },
+    {
+        id: "meditative-mode",
+        title: "Meditative Mode",
+        description: "Switch to calming study environment",
+        icon: _jsx(BookOpen, { className: "h-4 w-4" }),
+        shortcut: ["⌘", "M"],
+        group: "Actions",
+        keywords: ["meditative", "calm", "focus", "zen"],
+        action: () => console.log("Enable meditative mode"),
+    },
+];

package/dist/primitives/organisms/CommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { CommandPalette, type CommandPaletteItem, type CommandPaletteProps, } from "./CommandPalette";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/organisms/CommandPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,kBAAkB,CAAC"}

package/dist/primitives/organisms/CommandPalette/index.js

@@ -0,0 +1 @@
+export { CommandPalette, } from "./CommandPalette";

package/dist/primitives/organisms/Glass/GlassPanel.d.ts

@@ -0,0 +1,46 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLMotionProps } from "framer-motion";
+import * as React from "react";
+declare const glassPanelVariants: (props?: ({
+    variant?: "default" | "card" | "prominent" | "flush" | null | undefined;
+    elevation?: "none" | "modal" | "hud" | "soft" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GlassPanelProps extends Omit<HTMLMotionProps<"div">, "children">, VariantProps<typeof glassPanelVariants> {
+    children: React.ReactNode;
+    /** Show hover glow effect */
+    showHoverGlow?: boolean;
+    /** Show active state styling */
+    isActive?: boolean;
+    /** Disable animations */
+    disableAnimations?: boolean;
+    /** Custom background override */
+    background?: string;
+    /** Custom border override */
+    border?: string;
+    /** As container element */
+    as?: "div" | "section" | "article" | "aside" | "nav";
+}
+export declare const GlassPanel: React.ForwardRefExoticComponent<Omit<GlassPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface GlassHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare function GlassHeader({ children, className, style, ...props }: GlassHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface GlassCardProps extends Omit<HTMLMotionProps<"div">, "children"> {
+    children: React.ReactNode;
+    /** Show hover effects */
+    interactive?: boolean;
+    /** Currently active/selected */
+    isActive?: boolean;
+}
+export declare const GlassCard: React.ForwardRefExoticComponent<Omit<GlassCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface GlassSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Section title */
+    title?: string;
+    /** Compact padding */
+    compact?: boolean;
+}
+export declare function GlassSection({ children, title, compact, className, ...props }: GlassSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GlassPanel.d.ts.map

package/dist/primitives/organisms/Glass/GlassPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassPanel.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/Glass/GlassPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,kBAAkB;;;;8EAgCtB,CAAC;AAMH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;CACtD;AAuCD,eAAO,MAAM,UAAU,qGA4ErB,CAAC;AAMH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAgBrF;AAMD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,oGAsCpB,CAAC;AAMH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAWnB"}

package/dist/primitives/organisms/Glass/GlassPanel.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { cva } from "class-variance-authority";
+import { motion } from "framer-motion";
+import * as React from "react";
+import { useElevationTokens, useGlassTokens, useMotionTokens } from "../../../theme";
+// ============================================================================
+// GLASS PANEL VARIANTS
+// ============================================================================
+const glassPanelVariants = cva("relative overflow-hidden backdrop-blur-[var(--glass-blur,24px)]", {
+    variants: {
+        variant: {
+            /** Standard panel surface */
+            default: "rounded-xl",
+            /** Larger, more prominent panel */
+            prominent: "rounded-2xl",
+            /** Subtle card within a panel */
+            card: "rounded-lg",
+            /** Full-bleed panel (no rounding) */
+            flush: "rounded-none",
+        },
+        elevation: {
+            /** Flat, no shadow */
+            none: "",
+            /** Subtle drop shadow */
+            soft: "",
+            /** HUD panel shadow */
+            hud: "",
+            /** Modal/overlay shadow */
+            modal: "",
+        },
+        interactive: {
+            true: "cursor-pointer",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        elevation: "soft",
+        interactive: false,
+    },
+});
+function HoverGlow({ isHovered, intensity = "subtle", color }) {
+    const motionTokens = useMotionTokens();
+    const glassTokens = useGlassTokens();
+    const opacityMax = intensity === "subtle" ? 0.35 : 0.5;
+    return (_jsx(motion.div, { initial: false, animate: {
+            opacity: isHovered ? opacityMax : 0,
+            scale: isHovered ? 1.05 : 0.95,
+        }, transition: motionTokens.normal, className: "pointer-events-none absolute inset-0 -z-10 blur-3xl", style: {
+            background: `radial-gradient(ellipse at center, ${color ?? glassTokens.hoverBg}, transparent 70%)`,
+        } }));
+}
+// ============================================================================
+// GLASS PANEL
+// ============================================================================
+export const GlassPanel = React.forwardRef(function GlassPanel({ children, className, variant, elevation, interactive, showHoverGlow = false, isActive = false, disableAnimations = false, background, border, style, as: Component = "div", onMouseEnter, onMouseLeave, ...props }, ref) {
+    const glassTokens = useGlassTokens();
+    const elevationTokens = useElevationTokens();
+    const motionTokens = useMotionTokens();
+    const [isHovered, setIsHovered] = React.useState(false);
+    // Map elevation to shadow
+    const shadowMap = {
+        none: "none",
+        soft: elevationTokens.softDrop,
+        hud: elevationTokens.hudPanel,
+        modal: elevationTokens.modal,
+    };
+    const handleMouseEnter = (e) => {
+        setIsHovered(true);
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        setIsHovered(false);
+        onMouseLeave?.(e);
+    };
+    const MotionComponent = motion[Component];
+    return (_jsxs(MotionComponent, { ref: ref, className: cn(glassPanelVariants({ variant, elevation, interactive }), className), style: {
+            "--glass-blur": glassTokens.panelBlur,
+            background: background ?? glassTokens.panelBg,
+            borderWidth: 1,
+            borderStyle: "solid",
+            borderColor: isActive ? glassTokens.activeBorder : (border ?? glassTokens.panelBorder),
+            boxShadow: isActive ? glassTokens.activeShadow : shadowMap[elevation ?? "soft"],
+            ...style,
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, whileHover: interactive && !disableAnimations
+            ? {
+                borderColor: glassTokens.activeBorder,
+                transition: motionTokens.fast,
+            }
+            : undefined, ...props, children: [showHoverGlow && _jsx(HoverGlow, { isHovered: isHovered }), children] }));
+});
+export function GlassHeader({ children, className, style, ...props }) {
+    const glassTokens = useGlassTokens();
+    return (_jsx("div", { className: cn("relative flex items-center justify-between px-4 py-3", "border-b", className), style: {
+            background: glassTokens.headerGradient,
+            borderColor: glassTokens.cardBorder,
+            ...style,
+        }, ...props, children: children }));
+}
+export const GlassCard = React.forwardRef(function GlassCard({ children, className, interactive = false, isActive = false, style, ...props }, ref) {
+    const glassTokens = useGlassTokens();
+    const elevationTokens = useElevationTokens();
+    const motionTokens = useMotionTokens();
+    const [isHovered, setIsHovered] = React.useState(false);
+    return (_jsxs(motion.div, { ref: ref, className: cn("relative rounded-xl p-3", interactive && "cursor-pointer", className), style: {
+            background: glassTokens.cardBg,
+            borderWidth: 1,
+            borderStyle: "solid",
+            borderColor: isActive ? glassTokens.activeBorder : glassTokens.cardBorder,
+            boxShadow: isActive ? glassTokens.activeShadow : elevationTokens.softDrop,
+            ...style,
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), whileHover: interactive
+            ? {
+                borderColor: glassTokens.activeBorder,
+                boxShadow: `0 4px 20px ${glassTokens.hoverBg}`,
+                transition: motionTokens.fast,
+            }
+            : undefined, ...props, children: [interactive && _jsx(HoverGlow, { isHovered: isHovered, intensity: "subtle" }), children] }));
+});
+export function GlassSection({ children, title, compact = false, className, ...props }) {
+    return (_jsxs("div", { className: cn(compact ? "p-2" : "p-4", "space-y-2", className), ...props, children: [title && (_jsx("h4", { className: "text-[10px] font-mono uppercase tracking-[0.12em] text-[var(--theme-text-soft,#64748B)] px-1", children: title })), children] }));
+}

package/dist/primitives/organisms/Glass/index.d.ts

@@ -0,0 +1,3 @@
+export { GlassCard, GlassHeader, GlassPanel, GlassSection } from "./GlassPanel";
+export type { GlassCardProps, GlassHeaderProps, GlassPanelProps, GlassSectionProps, } from "./GlassPanel";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/organisms/Glass/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/organisms/Glass/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAChF,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC"}

package/dist/primitives/organisms/Glass/index.js

@@ -0,0 +1 @@
+export { GlassCard, GlassHeader, GlassPanel, GlassSection } from "./GlassPanel";

package/dist/primitives/organisms/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./CommandPalette";
+export * from "./Glass";
+export * from "./BentoGrid";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/organisms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/organisms/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dist/primitives/organisms/index.js

@@ -0,0 +1,4 @@
+// Organisms - Complex component compositions
+export * from "./CommandPalette";
+export * from "./Glass";
+export * from "./BentoGrid";

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

@@ -0,0 +1,3 @@
+import type { AgentConsoleProps } from "./types";
+export declare function AgentConsole({ agentState, agentMode, trustTier, isTyping, messages, focusNodes, quickActions, focusedNodeId, onPromptSubmit, onFocusNodeClick, onQuickAction, onEntityClick, onAvatarClick, className, style, }: AgentConsoleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentConsole.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentConsole.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/AgentConsole/AgentConsole.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAC;AAyGlF,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,SAA4B,EAC5B,SAAoB,EACpB,QAAgB,EAChB,QAAa,EACb,UAAe,EACf,YAAiB,EACjB,aAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,aAAa,EACb,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,2CA0DnB"}

package/dist/primitives/three/AgentConsole/AgentConsole.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AgentConsole - Main conversational agent interface
+ *
+ * Integrates GlyphAvatar, ConsoleChat, QuickActions, and FocusConstellation
+ * into a unified agent interface experience.
+ */
+import { Canvas } from "@react-three/fiber";
+import { OrbitControls } from "@react-three/drei";
+import { GlyphAvatar } from "./GlyphAvatar";
+import { ConsoleChat } from "./ConsoleChat";
+import { QuickActions } from "./QuickActions";
+import { FocusConstellation } from "./FocusConstellation";
+function ConsoleScene({ agentState, agentMode, trustTier, isTyping, messages, focusNodes, quickActions, focusedNodeId, onPromptSubmit, onFocusNodeClick, onQuickAction, onEntityClick, onAvatarClick, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(OrbitControls, { enablePan: false, enableZoom: true, minDistance: 2, maxDistance: 8, maxPolarAngle: Math.PI / 2 + 0.3, autoRotate: false }), _jsx("ambientLight", { intensity: 0.4 }), _jsx("directionalLight", { position: [5, 5, 5], intensity: 0.6 }), _jsx("directionalLight", { position: [-5, -5, -5], intensity: 0.2 }), _jsx(GlyphAvatar, { state: agentState, mode: agentMode, trustTier: trustTier, position: [0, 0, 0], scale: 1, onClick: onAvatarClick }), focusNodes.length > 0 && (_jsx(FocusConstellation, { nodes: focusNodes, focusedId: focusedNodeId, onNodeClick: onFocusNodeClick, radius: 1.5, position: [0, 0, 0] })), quickActions.length > 0 && onQuickAction && (_jsx(QuickActions, { actions: quickActions, onAction: onQuickAction, direction: "horizontal", position: [0, 1.2, 0] })), _jsx(ConsoleChat, { messages: messages, isTyping: isTyping, onSubmit: onPromptSubmit, onEntityClick: onEntityClick, position: [0, -1.5, 0], maxVisibleMessages: 8 }), _jsx("gridHelper", { args: [10, 20, "#1a1a2e", "#1a1a2e"], position: [0, -2, 0] })] }));
+}
+// -----------------------------------------------------------------------------
+// Agent Console Container
+// -----------------------------------------------------------------------------
+export function AgentConsole({ agentState, agentMode = "conversational", trustTier = "bronze", isTyping = false, messages = [], focusNodes = [], quickActions = [], focusedNodeId = null, onPromptSubmit, onFocusNodeClick, onQuickAction, onEntityClick, onAvatarClick, className, style, }) {
+    return (_jsxs("div", { className: className, style: {
+            position: "relative",
+            width: "100%",
+            height: "100%",
+            background: "linear-gradient(to bottom, #0a0a15, #050510)",
+            ...style,
+        }, children: [_jsx(Canvas, { camera: {
+                    position: [0, 1, 4],
+                    fov: 50,
+                    near: 0.1,
+                    far: 100,
+                }, dpr: [1, 2], children: _jsx(ConsoleScene, { agentState: agentState, agentMode: agentMode, trustTier: trustTier, isTyping: isTyping, messages: messages, focusNodes: focusNodes, quickActions: quickActions, focusedNodeId: focusedNodeId, onPromptSubmit: onPromptSubmit, onFocusNodeClick: onFocusNodeClick, onQuickAction: onQuickAction, onEntityClick: onEntityClick, onAvatarClick: onAvatarClick }) }), _jsxs("div", { className: "absolute top-4 right-4 bg-black/60 text-white/60 text-xs font-mono p-2 rounded", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-2 h-2 rounded-full", style: {
+                                    backgroundColor: agentState === "idle" ? "#6366f1" :
+                                        agentState === "listening" ? "#22c55e" :
+                                            agentState === "thinking" ? "#eab308" :
+                                                agentState === "responding" ? "#3b82f6" :
+                                                    "#ef4444",
+                                } }), _jsx("span", { children: agentState.toUpperCase() })] }), _jsx("div", { className: "text-white/40 mt-1", children: agentMode })] })] }));
+}

package/dist/primitives/three/AgentConsole/ConsoleChat.d.ts

@@ -0,0 +1,3 @@
+import type { ConsoleChatProps } from "./types";
+export declare function ConsoleChat({ messages, isTyping, placeholder, onSubmit, onEntityClick, maxVisibleMessages, position, }: ConsoleChatProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConsoleChat.d.ts.map

package/dist/primitives/three/AgentConsole/ConsoleChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleChat.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/AgentConsole/ConsoleChat.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,SAAS,CAAC;AAoKpE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAgB,EAChB,WAAiC,EACjC,QAAQ,EACR,aAAa,EACb,kBAAuB,EACvB,QAAuB,GACxB,EAAE,gBAAgB,2CAqDlB"}

package/dist/primitives/three/AgentConsole/ConsoleChat.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ConsoleChat - 3D-positioned chat interface
+ *
+ * HTML overlay for message display and input, positioned in 3D space
+ * using @react-three/drei's Html component.
+ */
+import * as React from "react";
+import { Html } from "@react-three/drei";
+function MessageBubble({ message, onEntityClick }) {
+    const isAgent = message.role === "agent";
+    const isSystem = message.role === "system";
+    return (_jsxs("div", { className: `
+        max-w-[85%] px-3 py-2 rounded-lg text-sm font-mono
+        ${isAgent
+            ? "bg-indigo-500/20 text-indigo-100 self-start border border-indigo-500/30"
+            : isSystem
+                ? "bg-amber-500/20 text-amber-100 self-center border border-amber-500/30 text-xs"
+                : "bg-white/10 text-white/90 self-end border border-white/20"}
+      `, children: [_jsx("div", { className: `text-xs mb-1 ${isAgent ? "text-indigo-400" : isSystem ? "text-amber-400" : "text-white/50"}`, children: message.role.toUpperCase() }), _jsx("div", { className: "whitespace-pre-wrap break-words", children: message.content }), message.entityRefs && message.entityRefs.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 mt-2", children: message.entityRefs.map((ref) => (_jsxs("button", { onClick: () => onEntityClick?.(ref), className: `
+                px-2 py-0.5 rounded text-xs font-mono transition-colors
+                ${ref.type === "job"
+                        ? "bg-cyan-500/20 text-cyan-300 hover:bg-cyan-500/30"
+                        : ref.type === "node"
+                            ? "bg-purple-500/20 text-purple-300 hover:bg-purple-500/30"
+                            : "bg-emerald-500/20 text-emerald-300 hover:bg-emerald-500/30"}
+              `, children: [ref.type, ":", ref.id.slice(0, 6)] }, `${ref.type}-${ref.id}`))) })), message.toolCalls && message.toolCalls.length > 0 && (_jsx("div", { className: "mt-2 space-y-1", children: message.toolCalls.map((tool) => (_jsxs("div", { className: `
+                px-2 py-1 rounded text-xs font-mono
+                ${tool.status === "completed"
+                        ? "bg-emerald-500/20 text-emerald-300"
+                        : tool.status === "failed"
+                            ? "bg-red-500/20 text-red-300"
+                            : tool.status === "running"
+                                ? "bg-amber-500/20 text-amber-300"
+                                : "bg-white/10 text-white/50"}
+              `, children: [_jsx("span", { className: "opacity-60", children: "\u2192" }), " ", tool.name, _jsxs("span", { className: "ml-2 opacity-60", children: ["[", tool.status, "]"] })] }, tool.id))) }))] }));
+}
+// -----------------------------------------------------------------------------
+// Typing Indicator
+// -----------------------------------------------------------------------------
+function TypingIndicator() {
+    return (_jsxs("div", { className: "flex items-center gap-1 px-3 py-2 bg-indigo-500/20 rounded-lg self-start border border-indigo-500/30", children: [_jsx("div", { className: "text-xs text-indigo-400 mr-2", children: "AGENT" }), _jsxs("div", { className: "flex gap-1", children: [_jsx("span", { className: "w-2 h-2 bg-indigo-400 rounded-full animate-bounce", style: { animationDelay: "0ms" } }), _jsx("span", { className: "w-2 h-2 bg-indigo-400 rounded-full animate-bounce", style: { animationDelay: "150ms" } }), _jsx("span", { className: "w-2 h-2 bg-indigo-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })] })] }));
+}
+function ChatInput({ placeholder, onSubmit }) {
+    const [value, setValue] = React.useState("");
+    const inputRef = React.useRef(null);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        const trimmed = value.trim();
+        if (trimmed) {
+            onSubmit(trimmed);
+            setValue("");
+        }
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [_jsx("input", { ref: inputRef, type: "text", value: value, onChange: (e) => setValue(e.target.value), placeholder: placeholder, className: "\n          flex-1 px-3 py-2 bg-white/5 border border-white/20 rounded-lg\n          text-white text-sm font-mono placeholder:text-white/30\n          focus:outline-none focus:border-indigo-500/50 focus:bg-white/10\n          transition-colors\n        " }), _jsx("button", { type: "submit", disabled: !value.trim(), className: "\n          px-4 py-2 bg-indigo-500/30 border border-indigo-500/50 rounded-lg\n          text-indigo-200 text-sm font-mono\n          hover:bg-indigo-500/40 disabled:opacity-30 disabled:cursor-not-allowed\n          transition-colors\n        ", children: "Send" })] }));
+}
+// -----------------------------------------------------------------------------
+// Console Chat Container
+// -----------------------------------------------------------------------------
+export function ConsoleChat({ messages, isTyping = false, placeholder = "Type a message...", onSubmit, onEntityClick, maxVisibleMessages = 10, position = [0, -1.5, 0], }) {
+    const scrollRef = React.useRef(null);
+    // Auto-scroll to bottom on new messages
+    React.useEffect(() => {
+        if (scrollRef.current) {
+            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+        }
+    }, [messages, isTyping]);
+    const visibleMessages = messages.slice(-maxVisibleMessages);
+    return (_jsx(Html, { position: position, center: true, transform: true, occlude: false, style: {
+            pointerEvents: "auto",
+            width: "320px",
+        }, children: _jsxs("div", { className: "bg-black/80 backdrop-blur-sm rounded-lg border border-white/10 overflow-hidden", children: [_jsxs("div", { ref: scrollRef, className: "flex flex-col gap-2 p-3 max-h-[200px] overflow-y-auto scrollbar-thin scrollbar-thumb-white/20", children: [visibleMessages.length === 0 && (_jsx("div", { className: "text-white/30 text-xs font-mono text-center py-4", children: "No messages yet" })), visibleMessages.map((msg) => (_jsx(MessageBubble, { message: msg, onEntityClick: onEntityClick }, msg.id))), isTyping && _jsx(TypingIndicator, {})] }), _jsx("div", { className: "border-t border-white/10 p-3", children: _jsx(ChatInput, { placeholder: placeholder, onSubmit: onSubmit }) })] }) }));
+}

package/dist/primitives/three/AgentConsole/FocusConstellation.d.ts

@@ -0,0 +1,3 @@
+import type { FocusConstellationProps } from "./types";
+export declare function FocusConstellation({ nodes, focusedId, onNodeClick, onNodeHover, radius, position, }: FocusConstellationProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FocusConstellation.d.ts.map

package/dist/primitives/three/AgentConsole/FocusConstellation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusConstellation.d.ts","sourceRoot":"","sources":["../../../../src/primitives/three/AgentConsole/FocusConstellation.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAA4B,MAAM,SAAS,CAAC;AAuMjF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAgB,EAChB,WAAW,EACX,WAAW,EACX,MAAY,EACZ,QAAoB,GACrB,EAAE,uBAAuB,kDA6EzB"}