@aiready/components 0.11.11 → 0.11.15

package/dist/index.js

@@ -3,7 +3,9 @@ import React2__default, { createContext, forwardRef, useRef, useState, useEffect
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AnimatePresence, motion } from 'framer-motion';
+import { X, MessageSquare, Loader2, Send } from 'lucide-react';
 import { getRating as getRating$1 } from '@aiready/core/client';
 import * as d33 from 'd3';
 
@@ -12,7 +14,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -21,13 +23,19 @@ var buttonVariants = cva(
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        // Platform specific high-polish variants
+        glow: "bg-gradient-to-r from-cyan-600 to-blue-600 text-white shadow-lg shadow-cyan-500/20 hover:shadow-cyan-500/40 hover:scale-[1.02] active:scale-[0.98]",
+        glass: "bg-slate-800/50 backdrop-blur-sm border border-slate-700 text-slate-200 hover:bg-slate-700/50 hover:text-white",
+        accent: "bg-cyan-500/10 text-cyan-400 border border-cyan-500/20 hover:bg-cyan-500/20"
       },
       size: {
         default: "h-10 px-4 py-2",
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+        icon: "h-10 w-10",
+        // Extra sizes for dashboard use
+        xs: "h-7 rounded-md px-2 text-[10px] font-bold uppercase tracking-wider"
       }
     },
     defaultVariants: {
@@ -102,6 +110,32 @@ var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
+var GlassCard = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-2xl border border-indigo-500/20 bg-slate-900/40 backdrop-blur-md shadow-xl transition-all hover:border-indigo-500/30",
+      className
+    ),
+    ...props
+  }
+));
+GlassCard.displayName = "GlassCard";
+var GlassCardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col space-y-1.5 p-6 border-b border-indigo-500/10",
+      className
+    ),
+    ...props
+  }
+));
+GlassCardHeader.displayName = "GlassCardHeader";
+var GlassCardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6", className), ...props }));
+GlassCardContent.displayName = "GlassCardContent";
 var Input = React2.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -145,6 +179,482 @@ var badgeVariants = cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
+function Modal({
+  isOpen,
+  onClose,
+  children,
+  maxWidth = "max-w-4xl",
+  showClose = true,
+  variant = "glass"
+}) {
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "unset";
+    }
+    return () => {
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen]);
+  useEffect(() => {
+    const handleEsc = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", handleEsc);
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        onClick: onClose,
+        className: "absolute inset-0 bg-slate-950/60 backdrop-blur-md"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, scale: 0.95, y: 20 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.95, y: 20 },
+        className: cn(
+          "relative w-full max-h-[90vh] overflow-y-auto shadow-2xl transition-all",
+          maxWidth,
+          variant === "glass" ? "bg-slate-900/90 backdrop-blur-xl rounded-3xl border border-indigo-500/30" : "bg-white rounded-3xl",
+          "scrollbar-thin scrollbar-thumb-slate-700"
+        ),
+        children: [
+          showClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: cn(
+                "absolute top-6 right-6 p-2 rounded-full transition-colors z-50",
+                variant === "glass" ? "text-slate-400 hover:text-white hover:bg-slate-800" : "bg-white/80 backdrop-blur-sm text-slate-500 hover:bg-slate-100"
+              ),
+              "aria-label": "Close modal",
+              children: /* @__PURE__ */ jsx(X, { className: "w-6 h-6" })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "p-2 sm:p-4", children })
+        ]
+      }
+    )
+  ] }) });
+}
+function RocketIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2c1.5 0 3 1 3 1s1.2 1.8 1.2 4.2c0 2.4-1.2 5-3.6 7.4-2.4 2.4-5 3.6-7.4 3.6C3.8 18.2 2 17 2 17S3 15.5 3 14c0-2.1 1.5-3.6 1.5-3.6S7.5 9 9 9c2.4 0 3-7 3-7z",
+            strokeWidth: "0",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 10c.8.8 2 2 3 3",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function ChartIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", strokeWidth: "1.2" }),
+        /* @__PURE__ */ jsx("rect", { x: "7", y: "11", width: "2", height: "6", fill: "currentColor" }),
+        /* @__PURE__ */ jsx("rect", { x: "11", y: "8", width: "2", height: "9", fill: "currentColor" }),
+        /* @__PURE__ */ jsx("rect", { x: "15", y: "5", width: "2", height: "12", fill: "currentColor" })
+      ]
+    }
+  );
+}
+function TargetIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "1.2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: "currentColor" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22 12h-3M5 12H2M12 2v3M12 19v3",
+            strokeWidth: "1.2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function RobotIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "7", width: "18", height: "11", rx: "2", strokeWidth: "1.2" }),
+        /* @__PURE__ */ jsx("rect", { x: "7", y: "10", width: "2", height: "2", fill: "currentColor" }),
+        /* @__PURE__ */ jsx("rect", { x: "15", y: "10", width: "2", height: "2", fill: "currentColor" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 3v2M15 3v2", strokeWidth: "1.2", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function FileIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" })
+      ]
+    }
+  );
+}
+function ShieldIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
+    }
+  );
+}
+function TrendingUpIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+        /* @__PURE__ */ jsx("polyline", { points: "17 6 23 6 23 12" })
+      ]
+    }
+  );
+}
+function TrashIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      ]
+    }
+  );
+}
+function PlayIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx("polygon", { points: "5 3 19 12 5 21 5 3" })
+    }
+  );
+}
+function UploadIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v4" }),
+        /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
+}
+function AlertCircleIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ]
+    }
+  );
+}
+function InfoIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+      ]
+    }
+  );
+}
+function BrainIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.74-3.41A2.5 2.5 0 0 1 2 14c0-1.5 1-2 1-2s-1-.5-1-2a2.5 2.5 0 0 1 2.3-2.48A2.5 2.5 0 0 1 7 5.5a2.5 2.5 0 0 1 2.5-3.5z" }),
+        /* @__PURE__ */ jsx("path", { d: "M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.74-3.41A2.5 2.5 0 0 0 22 14c0-1.5-1-2-1-2s1-.5 1-2a2.5 2.5 0 0 0-2.3-2.48A2.5 2.5 0 0 0 17 5.5a2.5 2.5 0 0 0-2.5-3.5z" })
+      ]
+    }
+  );
+}
+function TerminalIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("polyline", { points: "4 17 10 11 4 5" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
+      ]
+    }
+  );
+}
+function CommandLineIcon(props) {
+  return /* @__PURE__ */ jsx(TerminalIcon, { ...props });
+}
+function SettingsIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+function SaveIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "17 21 17 13 7 13 7 21" }),
+        /* @__PURE__ */ jsx("polyline", { points: "7 3 7 8 15 8" })
+      ]
+    }
+  );
+}
+function RefreshCwIcon({
+  className = "w-6 h-6",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 21v-5h5" })
+      ]
+    }
+  );
+}
 var Container = React2.forwardRef(
   ({ className, size = "lg", ...props }, ref) => {
     return /* @__PURE__ */ jsx(
@@ -449,10 +959,9 @@ function dedentCode(code) {
     const m = line.match(/^\s*/)?.[0].length ?? 0;
     return Math.min(min, m);
   }, Infinity);
-  const dedented = minIndent === Infinity || minIndent === 0 ? relevantLines.join("\n") : relevantLines.map(
+  return minIndent === Infinity || minIndent === 0 ? relevantLines.join("\n") : relevantLines.map(
     (l) => l.startsWith(" ".repeat(minIndent)) ? l.slice(minIndent) : l
   ).join("\n");
-  return dedented;
 }
 function CopyButton({ code }) {
   const [copied, setCopied] = useState(false);
@@ -478,43 +987,27 @@ function CopyButton({ code }) {
     "button",
     {
       onClick: handleCopy,
-      className: "rounded-md p-1.5 text-slate-400 hover:text-slate-200 hover:bg-slate-700/50 transition-colors",
-      title: copied ? "Copied!" : "Copy code",
-      children: copied ? /* @__PURE__ */ jsx(
-        "svg",
+      className: "flex items-center gap-1.5 rounded-md px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400 hover:bg-slate-700/50 hover:text-cyan-400 transition-all",
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: copied ? /* @__PURE__ */ jsx(
+        motion.span,
         {
-          className: "h-4 w-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          strokeWidth: "1.5",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M4.5 12.75l6 6 9-13.5"
-            }
-          )
-        }
+          initial: { opacity: 0, y: 5 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -5 },
+          className: "text-cyan-400",
+          children: "Copied!"
+        },
+        "copied"
       ) : /* @__PURE__ */ jsx(
-        "svg",
+        motion.span,
         {
-          className: "h-4 w-4",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          strokeWidth: "1.5",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
-            }
-          )
-        }
-      )
+          initial: { opacity: 0, y: 5 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -5 },
+          children: "Copy"
+        },
+        "copy"
+      ) })
     }
   );
 }
@@ -523,12 +1016,11 @@ function CodeBlock({
   language = "typescript",
   showCopy = true,
   showHeader = true,
-  className = ""
+  className = "",
+  variant = "glass"
 }) {
   const codeString = useMemo(() => {
-    if (typeof children === "string") {
-      return dedentCode(children);
-    }
+    if (typeof children === "string") return dedentCode(children);
     try {
       const raw = React2__default.Children.toArray(children).map(
         (c) => typeof c === "string" ? c : typeof c === "number" ? String(c) : ""
@@ -541,20 +1033,33 @@ function CodeBlock({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `group relative my-4 overflow-hidden rounded-xl border border-slate-700 bg-slate-900 shadow-lg ${className}`,
+      className: cn(
+        "group relative my-6 overflow-hidden rounded-2xl border transition-all",
+        variant === "glass" ? "border-indigo-500/20 bg-slate-950/40 backdrop-blur-md shadow-2xl" : "border-slate-700 bg-slate-900 shadow-lg",
+        className
+      ),
       children: [
-        showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-slate-700 bg-slate-800/50 px-4 py-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-red-500/50" }),
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-amber-500/50" }),
-              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-emerald-500/50" })
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-semibold uppercase tracking-wider text-slate-500 font-mono", children: language })
-          ] }),
-          showCopy && /* @__PURE__ */ jsx(CopyButton, { code: codeString })
-        ] }),
-        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: "font-mono block whitespace-pre text-slate-300", children: codeString }) })
+        showHeader && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between px-4 py-2 border-b",
+              variant === "glass" ? "border-indigo-500/10 bg-slate-900/20" : "border-slate-800 bg-slate-800/50"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+                  /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-red-500/20 border border-red-500/40" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-amber-500/20 border border-amber-500/40" }),
+                  /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-emerald-500/20 border border-emerald-500/40" })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] font-bold uppercase tracking-widest text-slate-500 font-mono", children: language })
+              ] }),
+              showCopy && /* @__PURE__ */ jsx(CopyButton, { code: codeString })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed scrollbar-thin scrollbar-thumb-slate-700", children: /* @__PURE__ */ jsx("code", { className: "font-mono block whitespace-pre text-slate-300", children: codeString }) })
       ]
     }
   );
@@ -566,56 +1071,339 @@ function InlineCode({
   return /* @__PURE__ */ jsx(
     "code",
     {
-      className: `rounded-md bg-slate-100 px-1.5 py-0.5 text-sm font-mono text-slate-800 ${className}`,
+      className: cn(
+        "rounded-md bg-slate-800/50 border border-slate-700/50 px-1.5 py-0.5 text-xs font-mono text-cyan-400",
+        className
+      ),
       children
     }
   );
 }
-var DefaultSeparator = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: "h-4 w-4 text-slate-400",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsx(
-      "path",
+function Breadcrumb({ items, className }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: cn("mb-8", className), children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-2 text-sm", children: items.map((item, index) => /* @__PURE__ */ jsxs(
+    motion.li,
+    {
+      initial: { opacity: 0, x: -10 },
+      animate: { opacity: 1, x: 0 },
+      transition: { delay: index * 0.1 },
+      className: "flex items-center gap-2",
+      children: [
+        index > 0 && /* @__PURE__ */ jsx("span", { className: "text-slate-600", children: "/" }),
+        index === items.length - 1 ? /* @__PURE__ */ jsx("span", { className: "text-cyan-400 font-medium", children: item.label }) : /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: item.href,
+            className: "text-slate-400 hover:text-white transition-colors",
+            children: item.label
+          }
+        )
+      ]
+    },
+    item.href
+  )) }) });
+}
+function NavItemComponent({
+  href,
+  label,
+  icon: Icon,
+  isActive,
+  onClick,
+  LinkComponent = "a"
+}) {
+  const Component = LinkComponent;
+  return /* @__PURE__ */ jsx(Component, { href, onClick, className: "block group", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-3 px-4 py-3 rounded-xl transition-all",
+        isActive ? "bg-cyan-500/10 text-cyan-400 border border-cyan-500/20" : "text-slate-400 hover:text-white hover:bg-slate-800/50 border border-transparent"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: cn(
+              "w-5 h-5",
+              isActive ? "text-cyan-400" : "text-slate-500 group-hover:text-slate-300"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tracking-tight", children: label }),
+        isActive && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            layoutId: "sidebar-active",
+            className: "ml-auto w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_8px_rgba(34,211,238,0.8)]"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function UserMenu({
+  user,
+  teams = [],
+  currentTeamId,
+  onSwitchTeam,
+  onSignOut
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const currentWorkspaceName = currentTeamId === "personal" ? "Personal Workspace" : teams.find((t) => t.teamId === currentTeamId)?.team.name || "Team Workspace";
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
       {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex items-center gap-2 p-1.5 rounded-xl hover:bg-slate-800/50 transition-all border border-transparent hover:border-slate-700/50",
+        children: [
+          user.image ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: user.image,
+              alt: user.name || "User",
+              className: "w-8 h-8 rounded-lg border border-cyan-500/30"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-indigo-600 flex items-center justify-center text-xs font-bold text-white", children: user.name?.[0] || user.email?.[0] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-left hidden sm:block", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-white leading-none mb-0.5", children: user.name || user.email?.split("@")[0] }),
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] text-slate-400 leading-none truncate max-w-[100px]", children: currentWorkspaceName })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: cn(
+                "w-4 h-4 text-slate-500 transition-transform",
+                isOpen && "rotate-180"
+              ),
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
+            }
+          )
+        ]
       }
-    )
-  }
-);
-function Breadcrumb({ items, separator, className }) {
-  const Separator2 = separator || /* @__PURE__ */ jsx(DefaultSeparator, {});
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      className: cn("flex items-center gap-1 text-sm", className),
-      "aria-label": "Breadcrumb",
-      children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1", children: items.map((item, index) => {
-        const isLast = index === items.length - 1;
-        return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
-          index > 0 && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: Separator2 }),
-          item.href && !isLast ? /* @__PURE__ */ jsx(
-            "a",
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 10, scale: 0.95 },
+        animate: { opacity: 1, y: 0, scale: 1 },
+        exit: { opacity: 0, y: 10, scale: 0.95 },
+        className: "absolute right-0 mt-2 w-64 bg-slate-900 border border-slate-700 rounded-2xl shadow-2xl z-50 overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-slate-800", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-white", children: user.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400 truncate", children: user.email })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-2 border-b border-slate-800", children: [
+            /* @__PURE__ */ jsx("p", { className: "px-3 py-1 text-[10px] font-black text-slate-500 uppercase tracking-widest mb-1", children: "Workspaces" }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  onSwitchTeam?.("personal");
+                  setIsOpen(false);
+                },
+                className: cn(
+                  "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm transition-colors",
+                  currentTeamId === "personal" ? "bg-cyan-500/10 text-cyan-400" : "text-slate-400 hover:bg-slate-800 hover:text-white"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded bg-slate-700 flex items-center justify-center text-[10px] font-bold", children: "P" }),
+                  "Personal"
+                ]
+              }
+            ),
+            teams.map((t) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => {
+                  onSwitchTeam?.(t.teamId);
+                  setIsOpen(false);
+                },
+                className: cn(
+                  "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm transition-colors",
+                  currentTeamId === t.teamId ? "bg-purple-500/10 text-purple-400" : "text-slate-400 hover:bg-slate-800 hover:text-white"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded bg-purple-600 flex items-center justify-center text-[10px] font-bold", children: t.team.name[0] }),
+                  t.team.name
+                ]
+              },
+              t.teamId
+            ))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxs(
+            "button",
             {
-              href: item.href,
-              className: "text-slate-600 hover:text-slate-900 transition-colors",
-              children: item.label
+              onClick: onSignOut,
+              className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-red-400 hover:bg-red-500/10 transition-colors",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "w-4 h-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+                      }
+                    )
+                  }
+                ),
+                "Sign out"
+              ]
             }
-          ) : /* @__PURE__ */ jsx(
-            "span",
+          ) })
+        ]
+      }
+    ) })
+  ] });
+}
+function PlatformShell({
+  children,
+  user,
+  teams = [],
+  overallScore,
+  activePage,
+  pathname = "",
+  onNavigate,
+  onSignOut,
+  onSwitchTeam,
+  logoUrl = "/logo-text-transparent-dark-theme.png",
+  navItems = [
+    { href: "/dashboard", label: "Dashboard", icon: RocketIcon },
+    { href: "/strategy", label: "Scan Strategy", icon: SettingsIcon },
+    { href: "/trends", label: "Trends Explorer", icon: TrendingUpIcon },
+    { href: "/map", label: "Codebase Map", icon: RobotIcon },
+    { href: "/metrics", label: "Methodology", icon: ChartIcon }
+  ],
+  LinkComponent = "a"
+}) {
+  const [currentTeamId, setCurrentTeamId] = useState(
+    "personal"
+  );
+  const handleSwitchTeam = (teamId) => {
+    setCurrentTeamId(teamId);
+    onSwitchTeam?.(teamId);
+  };
+  const Sidebar = () => /* @__PURE__ */ jsx("aside", { className: "hidden lg:flex flex-col w-64 bg-slate-950/50 border-r border-slate-800 h-screen sticky top-0 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "p-6 flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-10", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "AIReady", className: "h-9 w-auto" }) }),
+    /* @__PURE__ */ jsxs("nav", { className: "space-y-1.5 flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "px-4 py-2 text-[10px] font-black text-slate-500 uppercase tracking-widest mb-2", children: "Workspace" }),
+      navItems.map((item) => /* @__PURE__ */ jsx(
+        NavItemComponent,
+        {
+          ...item,
+          LinkComponent,
+          isActive: pathname === item.href || item.href !== "/dashboard" && pathname.startsWith(item.href),
+          onClick: (e) => {
+            if (onNavigate) {
+              e.preventDefault();
+              onNavigate(item.href);
+            }
+          }
+        },
+        item.href
+      ))
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-auto pt-6 space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-2xl bg-gradient-to-br from-indigo-500/10 to-purple-500/10 border border-indigo-500/20", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-white mb-1", children: "AI Insights" }),
+      /* @__PURE__ */ jsx("p", { className: "text-[10px] text-slate-400 leading-relaxed", children: overallScore != null ? `Your codebase is ${overallScore}% ready for AI agents.` : "Run a scan to see your AI-readiness score." })
+    ] }) })
+  ] }) });
+  const Navbar = () => /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-20 h-16 border-b border-indigo-500/10 backdrop-blur-md bg-slate-950/20 px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-slate-500 uppercase tracking-widest hidden sm:block", children: activePage || "Dashboard" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: user && /* @__PURE__ */ jsx(
+      UserMenu,
+      {
+        user,
+        teams,
+        currentTeamId,
+        onSwitchTeam: handleSwitchTeam,
+        onSignOut
+      }
+    ) })
+  ] }) });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "min-h-screen bg-[#0a0a0f]",
+        user && "flex overflow-hidden"
+      ),
+      children: [
+        user && /* @__PURE__ */ jsx(Sidebar, {}),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex-1 flex flex-col min-w-0", user && "h-screen"), children: [
+          user && /* @__PURE__ */ jsx(Navbar, {}),
+          /* @__PURE__ */ jsxs(
+            "main",
             {
-              className: isLast ? "font-medium text-slate-900" : "text-slate-600",
-              children: item.label
+              className: cn("relative flex-1", user && "overflow-y-auto", "z-10"),
+              children: [
+                user && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 pointer-events-none -z-10 overflow-hidden", children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "absolute rounded-full blur-[60px] opacity-20 bg-radial-gradient from-blue-600/60 to-transparent w-96 h-96 -top-48 -right-48",
+                        style: {
+                          background: "radial-gradient(circle, rgba(59, 130, 246, 0.6), transparent)"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "absolute rounded-full blur-[60px] opacity-20 bg-radial-gradient from-purple-600/60 to-transparent w-80 h-80 bottom-0 -left-40",
+                        style: {
+                          background: "radial-gradient(circle, rgba(139, 92, 246, 0.6), transparent)"
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "absolute inset-0 opacity-10 -z-10",
+                      style: {
+                        backgroundImage: "linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px)",
+                        backgroundSize: "50px 50px"
+                      }
+                    }
+                  )
+                ] }),
+                children
+              ]
             }
           )
-        ] }, index);
-      }) })
+        ] })
+      ]
     }
   );
 }
@@ -741,6 +1529,127 @@ function ScoreCard({
     }
   );
 }
+function ScoreCircle({
+  score,
+  progress: customProgress,
+  isInView = true,
+  size = "md",
+  showLabel = true,
+  className
+}) {
+  const progress = customProgress ?? score;
+  const getScoreColor = () => {
+    if (score >= 80)
+      return { stroke: "#10b981", glow: "rgba(16, 185, 129, 0.3)" };
+    if (score >= 60)
+      return { stroke: "#eab308", glow: "rgba(234, 179, 8, 0.3)" };
+    return { stroke: "#ef4444", glow: "rgba(239, 68, 68, 0.3)" };
+  };
+  const scoreColor2 = getScoreColor();
+  const sizeMap = {
+    sm: "w-32 h-32",
+    md: "w-48 h-48",
+    lg: "w-64 h-64",
+    xl: "w-80 h-80"
+  };
+  const textMap = {
+    sm: { score: "text-3xl", label: "text-[8px]", title: "text-sm" },
+    md: { score: "text-5xl", label: "text-[10px]", title: "text-lg" },
+    lg: { score: "text-6xl", label: "text-xs", title: "text-xl" },
+    xl: { score: "text-7xl", label: "text-sm", title: "text-2xl" }
+  };
+  const currentSize = sizeMap[size];
+  const currentText = textMap[size];
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", currentSize, className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0 rounded-full blur-2xl opacity-50 transition-all duration-500",
+        style: { backgroundColor: scoreColor2.glow }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "w-full h-full transform -rotate-90 relative z-10",
+        viewBox: "0 0 100 100",
+        children: Array.from({ length: 20 }).map((_, i) => {
+          const angle = i * 360 / 20;
+          const startAngle = angle - 85;
+          const radius = 42;
+          const strokeWidth = 6;
+          const gapAngle = 4;
+          const startX = 50 + radius * Math.cos(startAngle * Math.PI / 180);
+          const startY = 50 + radius * Math.sin(startAngle * Math.PI / 180);
+          const endX = 50 + radius * Math.cos((startAngle + 360 / 20 - gapAngle) * Math.PI / 180);
+          const endY = 50 + radius * Math.sin((startAngle + 360 / 20 - gapAngle) * Math.PI / 180);
+          const isActive = i / 20 * 100 <= progress;
+          return /* @__PURE__ */ jsx(
+            motion.line,
+            {
+              x1: `${startX}`,
+              y1: `${startY}`,
+              x2: `${endX}`,
+              y2: `${endY}`,
+              stroke: isActive ? scoreColor2.stroke : "#334155",
+              strokeWidth,
+              strokeLinecap: "round",
+              initial: { opacity: 0.3 },
+              animate: {
+                opacity: isActive ? 1 : 0.3,
+                filter: isActive ? `drop-shadow(0 0 2px ${scoreColor2.stroke})` : "none"
+              },
+              transition: { duration: 0.3 }
+            },
+            i
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center z-20", children: /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { scale: 0 },
+        animate: isInView ? { scale: 1 } : { scale: 0 },
+        transition: { duration: 0.5, delay: 0.3 },
+        className: "text-center",
+        children: [
+          /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: cn("font-black mb-1", currentText.score),
+              style: { color: scoreColor2.stroke },
+              animate: {
+                textShadow: `0 0 20px ${scoreColor2.glow}, 0 0 40px ${scoreColor2.glow}`
+              },
+              children: score
+            }
+          ),
+          showLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "font-bold uppercase tracking-wider text-slate-400 mb-0.5",
+                  currentText.label
+                ),
+                children: "AI Readiness"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("font-black tracking-tight", currentText.title),
+                style: { color: scoreColor2.stroke },
+                children: "SCORE"
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
 var sizeClasses = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
@@ -846,6 +1755,104 @@ function EmptyState({
     )
   ] });
 }
+function FeedbackWidget({
+  apiEndpoint = "/api/feedback",
+  onSuccess,
+  onError,
+  title = "Share Feedback",
+  description = "What features would you like to see? Found a bug? Let us know!",
+  className
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [message, setMessage] = useState("");
+  const [status, setStatus] = useState("idle");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!message.trim()) return;
+    setStatus("loading");
+    try {
+      const res = await fetch(apiEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ message })
+      });
+      if (!res.ok) throw new Error("Failed to send feedback");
+      onSuccess?.(message);
+      setMessage("");
+      setIsOpen(false);
+    } catch (err) {
+      onError?.(err);
+    } finally {
+      setStatus("idle");
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("fixed bottom-6 right-6 z-50", className), children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        initial: { opacity: 0, scale: 0.9, y: 20 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.9, y: 20 },
+        className: "absolute bottom-16 right-0 w-80 rounded-2xl p-4 bg-slate-900 border border-cyan-500/30 shadow-2xl backdrop-blur-xl",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ jsxs("h4", { className: "font-bold text-white flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4 text-cyan-400" }),
+              title
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setIsOpen(false),
+                className: "text-slate-500 hover:text-white",
+                children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-400 mb-4", children: description }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-3", children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                autoFocus: true,
+                value: message,
+                onChange: (e) => setMessage(e.target.value),
+                placeholder: "Type your feedback here...",
+                required: true,
+                className: "w-full bg-slate-800/50 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white h-24 resize-none focus:outline-none focus:ring-1 focus:ring-cyan-500 transition-all"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: status === "loading" || !message.trim(),
+                className: "w-full py-2 bg-cyan-600 hover:bg-cyan-500 disabled:opacity-50 text-white font-bold rounded-lg text-sm transition-all flex items-center justify-center gap-2",
+                children: status === "loading" ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Send, { className: "w-3 h-3" }),
+                  "Send Feedback"
+                ] })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      motion.button,
+      {
+        whileHover: { scale: 1.05 },
+        whileTap: { scale: 0.95 },
+        onClick: () => setIsOpen(!isOpen),
+        className: "w-12 h-12 bg-gradient-to-br from-cyan-600 to-blue-600 text-white rounded-full flex items-center justify-center shadow-lg shadow-cyan-500/20 group overflow-hidden relative",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white/20 opacity-0 group-hover:opacity-100 transition-opacity" }),
+          isOpen ? /* @__PURE__ */ jsx(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx(MessageSquare, { className: "w-6 h-6" })
+        ]
+      }
+    )
+  ] });
+}
 var ThemeContext = createContext(void 0);
 var STORAGE_KEY = "aiready-theme";
 function getSystemTheme() {
@@ -1789,10 +2796,7 @@ var ForceDirectedGraph = forwardRef(
           if (gRef.current && svgRef.current) {
             const svg = d33.select(svgRef.current);
             const newTransform = d33.zoomIdentity.translate(x, y).scale(scale);
-            svg.transition().duration(300).call(
-              d33.zoom().transform,
-              newTransform
-            );
+            svg.transition().duration(300).call(d33.zoom().transform, newTransform);
             setTransform(newTransform);
           }
         },
@@ -2224,6 +3228,6 @@ var GraphControls = ({
 };
 GraphControls.displayName = "GraphControls";
 
-export { Badge, Breadcrumb, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Container, EmptyState, ErrorDisplay, ForceDirectedGraph, GraphControls, Grid, InlineCode, Input, Label, LoadingOverlay, LoadingSpinner, RadioGroup, ScoreBar, ScoreCard, Select, Separator, Stack, Switch, Textarea, ThemeProvider, badgeVariants, buttonVariants, chartColors, cn, domainColors, formatCompactNumber, formatDate, formatDateTime, formatDecimal, formatDuration, formatFileSize, formatMetric, formatNumber, formatPercentage, formatRange, formatRelativeTime, getDomainColor, getScoreRating, getSeverityColor, hexToRgba, scoreBg, scoreColor, scoreGlow, scoreLabel, severityColors, useD3, useD3WithResize, useDebounce, useDrag, useForceSimulation, useTheme };
+export { AlertCircleIcon, Badge, BrainIcon, Breadcrumb, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartIcon, Checkbox, CodeBlock, CommandLineIcon, Container, EmptyState, ErrorDisplay, FeedbackWidget, FileIcon, ForceDirectedGraph, GlassCard, GlassCardContent, GlassCardHeader, GraphControls, Grid, InfoIcon, InlineCode, Input, Label, LoadingOverlay, LoadingSpinner, Modal, PlatformShell, PlayIcon, RadioGroup, RefreshCwIcon, RobotIcon, RocketIcon, SaveIcon, ScoreBar, ScoreCard, ScoreCircle, Select, Separator, SettingsIcon, ShieldIcon, Stack, Switch, TargetIcon, TerminalIcon, Textarea, ThemeProvider, TrashIcon, TrendingUpIcon, UploadIcon, badgeVariants, buttonVariants, chartColors, cn, domainColors, formatCompactNumber, formatDate, formatDateTime, formatDecimal, formatDuration, formatFileSize, formatMetric, formatNumber, formatPercentage, formatRange, formatRelativeTime, getDomainColor, getScoreRating, getSeverityColor, hexToRgba, scoreBg, scoreColor, scoreGlow, scoreLabel, severityColors, useD3, useD3WithResize, useDebounce, useDrag, useForceSimulation, useTheme };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map