@boostyourleads/antigravity-sdk 1.0.0 → 1.0.2

package/dist/cli.js

@@ -69,8 +69,18 @@ const handleLogin = async () => {
                     <div style="font-family: Outfit, sans-serif; background-color: #09090b; color: white; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;">
                         <h2 style="color: #10b981; margin-bottom: 8px;">Authentication Successful!</h2>
                         <p style="color: #a1a1aa; font-size: 14px; margin-bottom: 24px;">The Antigravity SDK has been configured on your local machine.</p>
-                        <p style="color: #71717a; font-size: 11px;">You can now close this tab and return to your terminal.</p>
+                        <p style="color: #71717a; font-size: 11px;">Redirecting back to BoostYourLeads...</p>
                     </div>
+                    <script>
+                        setTimeout(() => {
+                            // Try closing the tab/window
+                            window.close();
+                            // Fallback to portal redirection if close is blocked by the browser
+                            setTimeout(() => {
+                                window.location.href = "${PORTAL_URL}";
+                            }, 500);
+                        }, 1500);
+                    </script>
                 `);
                 console.log("✅ Successfully authenticated! Config saved to ~/.boostyourleads/config.json");
                 // Graceful shut down

package/dist/index.d.ts

@@ -20,3 +20,6 @@ export declare class AntigravityAgent {
      */
     checkRevenueIntegrity(startDate?: string, endDate?: string): Promise<any>;
 }
+export * from './ui/GlassmorphicCard';
+export * from './ui/PremiumMetricCard';
+export * from './ui/PremiumChart';

package/dist/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -92,3 +106,7 @@ class AntigravityAgent {
     }
 }
 exports.AntigravityAgent = AntigravityAgent;
+// UI Components Export
+__exportStar(require("./ui/GlassmorphicCard"), exports);
+__exportStar(require("./ui/PremiumMetricCard"), exports);
+__exportStar(require("./ui/PremiumChart"), exports);

package/dist/ui/GlassmorphicCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface GlassmorphicCardProps {
+    children: React.ReactNode;
+    className?: string;
+    glowColor?: "indigo" | "purple" | "emerald" | "rose" | "amber" | "blue" | "neutral";
+    hoverEffect?: boolean;
+    hoverVariant?: "3d" | "flat";
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    contentClassName?: string;
+    style?: React.CSSProperties;
+    overflow?: "hidden" | "visible" | "auto";
+}
+export declare const GlassmorphicCard: ({ children, className, glowColor, hoverEffect, hoverVariant, onClick, contentClassName, style, overflow }: GlassmorphicCardProps) => React.JSX.Element;
+export {};

package/dist/ui/GlassmorphicCard.js

@@ -0,0 +1,76 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlassmorphicCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("./cn");
+const framer_motion_1 = require("framer-motion");
+const GlassmorphicCard = ({ children, className, glowColor, hoverEffect = true, hoverVariant = "3d", onClick, contentClassName, style, overflow = "hidden" }) => {
+    const cardRef = (0, react_1.useRef)(null);
+    const [rotateX, setRotateX] = (0, react_1.useState)(0);
+    const [rotateY, setRotateY] = (0, react_1.useState)(0);
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const handleMouseMove = (e) => {
+        if (!hoverEffect || hoverVariant === "flat" || !cardRef.current)
+            return;
+        const rect = cardRef.current.getBoundingClientRect();
+        const width = rect.width;
+        const height = rect.height;
+        const mouseX = e.clientX - rect.left - width / 2;
+        const mouseY = e.clientY - rect.top - height / 2;
+        const rX = -(mouseY / (height / 2)) * 6;
+        const rY = (mouseX / (width / 2)) * 6;
+        setRotateX(rX);
+        setRotateY(rY);
+    };
+    const handleMouseEnter = () => {
+        if (!hoverEffect)
+            return;
+        setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+        if (!hoverEffect)
+            return;
+        setIsHovered(false);
+        setRotateX(0);
+        setRotateY(0);
+    };
+    const getGlowStyles = () => {
+        switch (glowColor) {
+            case "indigo":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(99,102,241,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(99,102,241,0.25)] border-indigo-500/20 hover:border-indigo-500/30";
+            case "purple":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(168,85,247,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(168,85,247,0.25)] border-purple-500/20 hover:border-purple-500/30";
+            case "emerald":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(16,185,129,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(16,185,129,0.25)] border-emerald-500/20 hover:border-emerald-500/30";
+            case "rose":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(244,63,94,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(244,63,94,0.25)] border-rose-500/20 hover:border-rose-500/30";
+            case "amber":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(245,158,11,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(245,158,11,0.25)] border-amber-500/20 hover:border-amber-500/30";
+            case "blue":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(59,130,246,0.12)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(59,130,246,0.25)] border-blue-500/20 hover:border-blue-500/30";
+            case "neutral":
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8),0_0_40px_-15px_rgba(255,255,255,0.06)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9),0_0_50px_-10px_rgba(255,255,255,0.15)] border-white/15 hover:border-white/25";
+            default:
+                return "shadow-[0_20px_50px_rgba(0,0,0,0.8)] hover:shadow-[0_30px_60px_rgba(0,0,0,0.9)] border-white/10 hover:border-white/20";
+        }
+    };
+    const getTransform = () => {
+        if (!hoverEffect || !isHovered)
+            return "translateY(0px) scale(1)";
+        if (hoverVariant === "flat") {
+            return "translateY(-4px) scale(1.01)";
+        }
+        return `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-3px) scale(1)`;
+    };
+    return ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { ref: cardRef, initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, onClick: onClick, onMouseMove: handleMouseMove, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: (0, cn_1.cn)("rounded-[2rem] bg-[#0c0c0e]/85 backdrop-blur-2xl border transition-all duration-300 ease-out", getGlowStyles(), overflow === "hidden" ? "overflow-hidden" : "overflow-visible", className), style: {
+            ...style,
+            transformStyle: hoverVariant === "3d" ? "preserve-3d" : undefined,
+            transform: getTransform()
+        }, children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-gradient-to-br from-white/5 via-transparent to-transparent opacity-0 hover:opacity-100 transition-opacity duration-700 pointer-events-none" }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("relative z-10 transition-transform duration-300 ease-out", contentClassName), style: {
+                    transform: isHovered && hoverVariant === "3d" ? "translateZ(20px)" : undefined,
+                    transformStyle: hoverVariant === "3d" ? "preserve-3d" : undefined
+                }, children: children })] }));
+};
+exports.GlassmorphicCard = GlassmorphicCard;

package/dist/ui/PremiumChart.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface PremiumChartProps {
+    data: any[];
+    children: React.ReactNode;
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    glowColor?: "indigo" | "purple" | "emerald";
+}
+export declare const PremiumChart: ({ data, children, className, title, subtitle, glowColor }: PremiumChartProps) => React.JSX.Element;
+export {};

package/dist/ui/PremiumChart.js

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PremiumChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const recharts_1 = require("recharts");
+const cn_1 = require("./cn");
+const framer_motion_1 = require("framer-motion");
+const PremiumChart = ({ data, children, className, title, subtitle, glowColor = "indigo" }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    const [dimensions, setDimensions] = (0, react_1.useState)({ width: 0, height: 0 });
+    const [isMeasured, setIsMeasured] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (!containerRef.current)
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            if (!entries || entries.length === 0)
+                return;
+            const entry = entries[0];
+            const { width, height } = entry.contentRect;
+            setDimensions({ width, height: height || 300 });
+            setIsMeasured(true);
+        });
+        resizeObserver.observe(containerRef.current);
+        return () => resizeObserver.disconnect();
+    }, []);
+    const aspect = dimensions.width > 0 ? dimensions.width / (dimensions.height || 300) : undefined;
+    return ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 15 }, animate: { opacity: 1, y: 0 }, className: (0, cn_1.cn)("relative bg-[#0c0c0e]/85 backdrop-blur-2xl border border-white/5 rounded-[2.5rem] p-6 lg:p-8", "hover:border-white/10 transition-all duration-500", className), children: [(title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-6", children: [title && ((0, jsx_runtime_1.jsx)("h3", { className: "text-lg font-black text-white uppercase tracking-tight", children: title })), subtitle && ((0, jsx_runtime_1.jsx)("p", { className: "text-[10px] font-bold text-zinc-500 uppercase tracking-widest mt-1", children: subtitle }))] })), (0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: "w-full relative min-h-[250px] flex flex-col", style: { height: "300px" }, children: isMeasured && dimensions.width > 0 && dimensions.height > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex-1 w-full h-full", children: (0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { width: "100%", height: "100%", minWidth: 10, minHeight: 250, aspect: aspect, children: react_1.default.cloneElement(children, { data }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-full h-full flex items-center justify-center bg-zinc-900/5 rounded-2xl border border-dashed border-zinc-800/30", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-5 h-5 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[9px] font-black uppercase tracking-widest text-zinc-500", children: "Initializing Chart..." })] }) })) }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("absolute top-0 right-0 w-32 h-32 blur-3xl rounded-full pointer-events-none opacity-20", glowColor === "indigo" && "bg-indigo-500", glowColor === "purple" && "bg-purple-500", glowColor === "emerald" && "bg-emerald-500") })] }));
+};
+exports.PremiumChart = PremiumChart;

package/dist/ui/PremiumMetricCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { LucideIcon } from "lucide-react";
+interface PremiumMetricCardProps {
+    title: string;
+    value: string | number;
+    change?: number;
+    icon?: LucideIcon;
+    trend?: "up" | "down" | "neutral";
+    positiveIsGood?: boolean;
+    glowColor?: "indigo" | "purple" | "emerald" | "rose" | "amber" | "blue";
+    delay?: number;
+    subtitle?: string;
+}
+export declare const PremiumMetricCard: React.FC<PremiumMetricCardProps>;
+export {};

package/dist/ui/PremiumMetricCard.js

@@ -0,0 +1,39 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PremiumMetricCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const cn_1 = require("./cn");
+const trendColors = {
+    up: "text-emerald-400 border-emerald-500/20 bg-emerald-500/5",
+    down: "text-rose-400 border-rose-500/20 bg-rose-500/5",
+    neutral: "text-zinc-500 border-white/5 bg-white/5"
+};
+const glowGradients = {
+    indigo: "from-indigo-500/10 to-purple-500/10",
+    purple: "from-purple-500/10 to-pink-500/10",
+    emerald: "from-emerald-500/10 to-green-500/10",
+    rose: "from-rose-500/10 to-pink-500/10",
+    amber: "from-amber-500/10 to-orange-500/10",
+    blue: "from-blue-500/10 to-indigo-500/10"
+};
+const PremiumMetricCard = ({ title, value, change, icon: Icon, trend = "neutral", positiveIsGood = true, glowColor = "indigo", delay = 0, subtitle }) => {
+    const lowerTitle = title.toLowerCase();
+    const isInverted = lowerTitle.includes("cpl") ||
+        lowerTitle.includes("cpc") ||
+        lowerTitle.includes("cps") ||
+        lowerTitle.includes("cost per") ||
+        lowerTitle.includes("age");
+    const effectivePositiveIsGood = positiveIsGood === false ? false : !isInverted;
+    const isGood = trend === "neutral" ? null : effectivePositiveIsGood ? trend === "up" : trend === "down";
+    return ((0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 15 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.4, delay }, className: "group relative bg-[#0c0c0e]/85 backdrop-blur-2xl border border-white/5 rounded-[2rem] p-6 hover:border-white/10 transition-all duration-500 overflow-hidden", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)("absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500", "bg-gradient-to-br blur-3xl", glowGradients[glowColor]) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col h-full min-h-[140px]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-auto", children: [Icon && ((0, jsx_runtime_1.jsx)("div", { className: "w-9 h-9 rounded-xl flex items-center justify-center bg-zinc-900 border border-white/5 shadow-2xl", children: (0, jsx_runtime_1.jsx)(Icon, { className: "w-4.5 h-4.5 text-white/50" }) })), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-0.5", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-[9px] font-black uppercase tracking-[0.25em] text-zinc-500 truncate", children: title }), subtitle && ((0, jsx_runtime_1.jsx)("p", { className: "text-[8px] font-black uppercase tracking-widest text-emerald-500/80 truncate", children: subtitle }))] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col items-start justify-end mt-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-black tracking-tighter text-white leading-none transition-all", style: {
+                                    fontSize: `clamp(1.5rem, ${String(value).length > 8 ? "3vw" : "4.5vw"}, 2.25rem)`
+                                }, children: value }), change !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)("flex items-center gap-1 text-[10px] font-bold tracking-tight mt-3 px-2.5 py-0.5 rounded-full border", isGood === true
+                                    ? trendColors.up
+                                    : isGood === false
+                                        ? trendColors.down
+                                        : trendColors.neutral), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.TrendingUp, { className: (0, cn_1.cn)("w-3 h-3", trend === "down" && "rotate-180") }), change > 0 ? "+" : "", Math.round(change), "%"] }))] })] })] }));
+};
+exports.PremiumMetricCard = PremiumMetricCard;

package/dist/ui/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/ui/cn.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+const clsx_1 = require("clsx");
+const tailwind_merge_1 = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boostyourleads/antigravity-sdk",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "BoostYourLeads SDK integration for custom AI agents and Antigravity.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,10 +15,19 @@
     "build": "tsc"
   },
   "dependencies": {
-    "axios": "^1.6.0"
+    "axios": "^1.6.0",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.42.0",
+    "lucide-react": "^1.21.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "recharts": "^3.9.0",
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "typescript": "^5.0.0"
   }
 }