diff --git "a/settings.html" "b/settings.html"
new file mode 100644--- /dev/null
+++ "b/settings.html"
@@ -0,0 +1,73 @@
+<!DOCTYPE html><html class="__className_3a0388 __variable_3a0388 __variable_c1e5c9 __variable_9d7907" style="--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--font-serif:__fallback" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/bc46f140a94273bc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a5ba47e13fc8a03b.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/56e3b90c5978c1c5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4fd679be2c679586.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-08300a8075a03440.js"/><script src="/_next/static/chunks/f75ba51a-d21cbf293c166d9d.js" async=""></script><script src="/_next/static/chunks/1411-993471bbbb25fde6.js" async=""></script><script src="/_next/static/chunks/main-app-7e30898a8a8a8d99.js" async=""></script><script src="/assets/tailwind.js?v=6" async="" fetchPriority="high"></script><meta name="next-size-adjust" content=""/><title>v0</title><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><style type="text/tailwindcss">@layer base {
+  * {
+    @apply border-border;
+  }
+  html {
+    @apply scroll-smooth;
+  }
+  body {
+    font-synthesis-weight: none;
+    text-rendering: optimizeLegibility;
+  }
+}
+@layer utilities {
+  .step {
+    counter-increment: step;
+  }
+  .step:before {
+    @apply absolute w-9 h-9 bg-muted rounded-full font-mono font-medium text-center text-base inline-flex items-center justify-center -indent-px border-4 border-background;
+    @apply ml-[-50px] mt-[-4px];
+    content: counter(step);
+  }
+  .chunk-container {
+    @apply shadow-none;
+  }
+  .chunk-container::after {
+    content: '';
+    @apply absolute -inset-4 shadow-xl rounded-xl border;
+  }
+}
+@media (max-width: 640px) {
+  .container {
+    @apply px-4;
+  }
+}
+  
+.dark {
+  /* Dark mode shadcn colors */
+  --background: 240 10% 3.9%;
+  --foreground: 0 0% 98%;
+  --muted: 240 3.7% 15.9%;
+  --muted-foreground: 240 5% 64.9%;
+  --card: 240 10% 3.9%;
+  --card-foreground: 0 0% 98%;
+  --popover: 240 10% 3.9%;
+  --popover-foreground: 0 0% 98%;
+  --border: 240 3.7% 15.9%;
+  --input: 240 3.7% 15.9%;
+  --primary: 0 0% 98%;
+  --primary-foreground: 240 5.9% 10%;
+  --secondary: 240 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --accent: 240 3.7% 15.9%;
+  --accent-foreground: ;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 85.7% 97.3%;
+  --warning: 35, 100%, 52%;
+  --warning-foreground: 0 0% 9%;
+  --ring: 240 3.7% 15.9%;
+
+  --sidebar-background: 240 5.9% 10%;
+  --sidebar-foreground: 240 4.8% 95.9%;
+  --sidebar-primary: 224.3 76.3% 48%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 240 3.7% 15.9%;
+  --sidebar-accent-foreground: 240 4.8% 95.9%;
+  --sidebar-border: 240 3.7% 15.9%;
+  --sidebar-ring: 240 4.9% 83.9%;
+}
+</style><script src="/assets/lite-runtime.js?v=1"></script><!--$?--><template id="B:0"></template><!--/$--><script src="/_next/static/chunks/webpack-08300a8075a03440.js" async=""></script><div hidden id="S:0"><template id="P:1"></template></div><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[75819,[],\"\"]\n3:I[11607,[],\"\"]\n6:I[60176,[],\"OutletBoundary\"]\n9:I[60176,[],\"ViewportBoundary\"]\nb:I[60176,[],\"MetadataBoundary\"]\nd:I[65550,[],\"\"]\n:HL[\"/_next/static/media/66f30814ff6d7cdf.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/6d93bde91c0c2823-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e11418ac562b8ac1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/bc46f140a94273bc.css\",\"style\"]\n:HL[\"/_next/static/css/a5ba47e13fc8a03b.css\",\"style\"]\n:HL[\"/_next/static/css/56e3b90c5978c1c5.css\",\"style\"]\n:HL[\"/_next/static/css/4fd679be2c679586.css\",\"style\"]\n:HX[\"/assets/tailwind.js?v=6\",{\"fetchPriority\":\"high\"}]\n4:T6ad,@layer base {\n  * {\n    @apply border-border;\n  }\n  html {\n    @apply scroll-smooth;\n  }\n  body {\n    font-synthesis-weight: none;\n    text-rendering: optimizeLegibility;\n  }\n}\n@layer utilities {\n  .step {\n    counter-increment: step;\n  }\n  .step:before {\n    @apply absolute w-9 h-9 bg-muted rounded-full font-mono font-medium text-center text-base inline-flex items-center justify-center -indent-px border-4 border-background;\n    @apply ml-[-50px] mt-[-4px];\n    content: counter(step);\n  }\n  .chunk-container {\n    @apply shadow-none;\n  }\n  .chunk-container::after {\n    content: '';\n    @apply absolute -inset-4 shadow-xl rounded-xl border;\n  }\n}\n@media (max-width: 640px) {\n  .container {\n    @apply px-4;\n  }\n}\n  \n.dark {\n  /* Dark mode shadcn colors */\n  --background: 240 10% 3.9%;\n  --foreground: 0 0% 98%;\n  --muted: 240 3.7% 15.9%;\n  --muted-foreground: 240 5% 64.9%;\n  --card: 240 10% 3.9%;\n  --card-foreground: 0 0% 98%;\n  --popover: 240 10% 3.9%;\n  --popover-foreground: 0 0% 98%;\n  --border: 240 3.7% 15.9%;\n  --input: 240 3.7% 15.9%;\n  --primary: 0 0% 98%;\n  --primary-foreground: 240 5.9% 10%;\n  --secondary: 240 3.7% 15.9%;\n  --secondary-foreground: 0 0% 98%;\n  --accent: 240 3.7% 15.9%;\n  --accent-foreground: ;\n  --destructive: 0 62.8% 30.6%;\n  --destructive-foreground: 0 85.7% 97"])</script><script>self.__next_f.push([1,".3%;\n  --warning: 35, 100%, 52%;\n  --warning-foreground: 0 0% 9%;\n  --ring: 240 3.7% 15.9%;\n\n  --sidebar-background: 240 5.9% 10%;\n  --sidebar-foreground: 240 4.8% 95.9%;\n  --sidebar-primary: 224.3 76.3% 48%;\n  --sidebar-primary-foreground: 0 0% 100%;\n  --sidebar-accent: 240 3.7% 15.9%;\n  --sidebar-accent-foreground: 240 4.8% 95.9%;\n  --sidebar-border: 240 3.7% 15.9%;\n  --sidebar-ring: 240 4.9% 83.9%;\n}\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"NCs4drPej2DXhCLy0VNhc\",\"p\":\"\",\"c\":[\"\",\"settings?token=\u0026path=%2Fsettings\u0026originalHost=kzmjk2cxhzc79mgy4eob.lite.vusercontent.net\u0026bid=b_IPEwkxZB7eK\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(lite)\",{\"children\":[\"render\",{\"children\":[\"next\",{\"children\":[\"__PAGE__?{\\\"token\\\":\\\"\\\",\\\"path\\\":\\\"/settings\\\",\\\"originalHost\\\":\\\"kzmjk2cxhzc79mgy4eob.lite.vusercontent.net\\\",\\\"bid\\\":\\\"b_IPEwkxZB7eK\\\"}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(lite)\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bc46f140a94273bc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a5ba47e13fc8a03b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/56e3b90c5978c1c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4fd679be2c679586.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"className\":\"__className_3a0388 __variable_3a0388 __variable_c1e5c9 __variable_9d7907\",\"style\":{\"--font-sans\":\"var(--font-geist-sans)\",\"--font-mono\":\"var(--font-geist-mono)\",\"--font-serif\":\"__fallback\"},\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"style\",null,{\"type\":\"text/tailwindcss\",\"dangerouslySetInnerHTML\":{\"__html\":\"$4\"}}],[\"$\",\"script\",null,{\"src\":\"/assets/lite-runtime.js?v=1\"}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[\"render\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"next\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",\"$L8\"]}]]}],{},null,false]},[null,[],[]],false]},null,false]},null,false]},null,false],[[\"$\",\"$1\",\"v\",{\"children\":[null,[\"$\",\"$1\",\"82b7zFUN2WpIMrlyFcQ98\",{\"children\":[[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$Lb\",\"82b7zFUN2WpIMrlyFcQ98\",{\"children\":\"$Lc\"}]}]],false]],\"m\":\"$undefined\",\"G\":[\"$d\",\"$undefined\"],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"v0\"}]]\n7:null\n8:null\n"])</script><script>self.__next_f.push([1,"e:I[63060,[\"4996\",\"static/chunks/4996-80d654afda2b1e3b.js\",\"9209\",\"static/chunks/9209-84ba6c5decf96078.js\",\"8774\",\"static/chunks/8774-89c581d7b8b5d993.js\",\"7795\",\"static/chunks/7795-444f5e2ccba0a2f4.js\",\"7394\",\"static/chunks/7394-35f112173d7297ea.js\",\"1070\",\"static/chunks/1070-0487e6e62becdf57.js\",\"6447\",\"static/chunks/6447-f86fc81cdacd0153.js\",\"1037\",\"static/chunks/1037-7923c877fe1445a9.js\",\"2309\",\"static/chunks/2309-a92681a6e62e050e.js\",\"1559\",\"static/chunks/app/(lite)/render/next/page-532c0b8627619127.js\"],\"MissingEnvs\"]\nf:I[82309,[\"4996\",\"static/chunks/4996-80d654afda2b1e3b.js\",\"9209\",\"static/chunks/9209-84ba6c5decf96078.js\",\"8774\",\"static/chunks/8774-89c581d7b8b5d993.js\",\"7795\",\"static/chunks/7795-444f5e2ccba0a2f4.js\",\"7394\",\"static/chunks/7394-35f112173d7297ea.js\",\"1070\",\"static/chunks/1070-0487e6e62becdf57.js\",\"6447\",\"static/chunks/6447-f86fc81cdacd0153.js\",\"1037\",\"static/chunks/1037-7923c877fe1445a9.js\",\"2309\",\"static/chunks/2309-a92681a6e62e050e.js\",\"1559\",\"static/chunks/app/(lite)/render/next/page-532c0b8627619127.js\"],\"ClientEntry\"]\n10:T77c,'use client'\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from '@/components/ui/sidebar'\nimport { Brain, ChevronRight, Code2, Command, Cpu, FileJson, Network, Settings } from 'lucide-react'\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\n\nconst menuItems = [\n  {\n    title: 'Dashboard',\n    icon: Command,\n    href: '/dashboard',\n  },\n  {\n    title: 'AI Training',\n    icon: Brain,\n    href: '/training',\n  },\n  {\n    title: 'Quantum',\n    icon: Cpu,\n    href: '/quantum',\n  },\n  {\n    title: 'Neural Network',\n    icon: Network,\n    href: '/network',\n  },\n  {\n    title: 'API Reference',\n    icon: Code2,\n    href: '/api',\n  },\n  {\n    title: 'SDK',\n    icon: FileJson,\n    href: '/sdk',\n  },\n  {\n    title: 'Settings',\n    icon: Settings,\n    href: '/settings',\n  },\n]\n\nexport function SideNav() {\n  const pathname = usePathname()\n\n  return (\n    \u003cSidebar\u003e\n      \u003cSidebarHeader\u003e\n    "])</script><script>self.__next_f.push([1,"    \u003cdiv className=\"flex items-center gap-2\"\u003e\n          \u003cBrain className=\"h-6 w-6\" /\u003e\n          \u003cspan className=\"text-lg font-bold\"\u003eQuantum Realms\u003c/span\u003e\n        \u003c/div\u003e\n      \u003c/SidebarHeader\u003e\n      \u003cSidebarContent\u003e\n        \u003cSidebarMenu\u003e\n          {menuItems.map((item) =\u003e {\n            const Icon = item.icon\n            const isActive = pathname === item.href\n            \n            return (\n              \u003cSidebarMenuItem key={item.href}\u003e\n                \u003cSidebarMenuButton asChild active={isActive}\u003e\n                  \u003cLink href={item.href} className=\"flex items-center gap-2\"\u003e\n                    \u003cIcon className=\"h-4 w-4\" /\u003e\n                    \u003cspan\u003e{item.title}\u003c/span\u003e\n                    \u003cChevronRight className=\"ml-auto h-4 w-4\" /\u003e\n                  \u003c/Link\u003e\n                \u003c/SidebarMenuButton\u003e\n              \u003c/SidebarMenuItem\u003e\n            )\n          })}\n        \u003c/SidebarMenu\u003e\n      \u003c/SidebarContent\u003e\n    \u003c/Sidebar\u003e\n  )\n}\n\n11:T1128,"])</script><script>self.__next_f.push([1,"\"use client\"\n\nimport * as React from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { Check, ChevronDown } from 'lucide-react'\n\nimport { cn } from \"@/lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nconst SelectGroup = SelectPrimitive.Group\n\nconst SelectValue = SelectPrimitive.Value\n\nconst SelectTrigger = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SelectPrimitive.Trigger\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SelectPrimitive.Trigger\u003e\n\u003e(({ className, children, ...props }, ref) =\u003e (\n  \u003cSelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [\u0026\u003espan]:line-clamp-1\",\n      className\n    )}\n    {...props}\n  \u003e\n    {children}\n    \u003cSelectPrimitive.Icon asChild\u003e\n      \u003cChevronDown className=\"h-4 w-4 opacity-50\" /\u003e\n    \u003c/SelectPrimitive.Icon\u003e\n  \u003c/SelectPrimitive.Trigger\u003e\n))\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName\n\nconst SelectContent = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SelectPrimitive.Content\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SelectPrimitive.Content\u003e\n\u003e(({ className, children, position = \"popper\", ...props }, ref) =\u003e (\n  \u003cSelectPrimitive.Portal\u003e\n    \u003cSelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" \u0026\u0026\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n        className\n      )}\n      position={position}\n      {...props}\n    \u003e\n      \u003cSelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" \u0026\u0026\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"\n        )}\n      \u003e\n        {children}\n      \u003c/SelectPrimitive.Viewport\u003e\n    \u003c/SelectPrimitive.Content\u003e\n  \u003c/SelectPrimitive.Portal\u003e\n))\nSelectContent.displayName = SelectPrimitive.Content.displayName\n\nconst SelectLabel = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SelectPrimitive.Label\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SelectPrimitive.Label\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cSelectPrimitive.Label\n    ref={ref}\n    className={cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className)}\n    {...props}\n  /\u003e\n))\nSelectLabel.displayName = SelectPrimitive.Label.displayName\n\nconst SelectItem = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SelectPrimitive.Item\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SelectPrimitive.Item\u003e\n\u003e(({ className, children, ...props }, ref) =\u003e (\n  \u003cSelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  \u003e\n    \u003cspan className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\"\u003e\n      \u003cSelectPrimitive.ItemIndicator\u003e\n        \u003cCheck className=\"h-4 w-4\" /\u003e\n      \u003c/SelectPrimitive.ItemIndicator\u003e\n    \u003c/span\u003e\n\n    \u003cSelectPrimitive.ItemText\u003e{children}\u003c/SelectPrimitive.ItemText\u003e\n  \u003c/SelectPrimitive.Item\u003e\n))\nSelectItem.displayName = SelectPrimitive.Item.displayName\n\nconst SelectSeparator = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SelectPrimitive.Separator\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SelectPrimitive.Separator\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cSelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  /\u003e\n))\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n}\n\n"])</script><script>self.__next_f.push([1,"12:T1bec,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { useState } from 'react'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'\nimport { Badge } from '@/components/ui/badge'\nimport { Atom, Brain, Network } from 'lucide-react'\nimport { ForceGraph } from '../visualization/ForceGraph'\nimport { type Node, type Connection } from '@/lib/types'\n\nconst initialNodes: Node[] = [\n  {\n    id: 'root',\n    label: 'Quantum System',\n    type: 'root',\n    position: [0, 0, 0],\n    data: { isActive: true, energy: 100 }\n  },\n  {\n    id: 'quantum1',\n    label: 'Quantum Gate',\n    type: 'quantum',\n    position: [-2, 1, 0],\n    data: { isActive: false, energy: 0 }\n  },\n  {\n    id: 'neural1',\n    label: 'Neural Network',\n    type: 'neural',\n    position: [2, 1, 0],\n    data: { isActive: false, energy: 0 }\n  }\n]\n\nconst initialConnections: Connection[] = [\n  {\n    id: 'conn1',\n    source: 'root',\n    target: 'quantum1',\n    type: 'quantum',\n    strength: 1\n  },\n  {\n    id: 'conn2',\n    source: 'root',\n    target: 'neural1',\n    type: 'neural',\n    strength: 1\n  }\n]\n\nexport function MindmapBuilder() {\n  const [nodes, setNodes] = useState\u003cNode[]\u003e(initialNodes)\n  const [connections, setConnections] = useState\u003cConnection[]\u003e(initialConnections)\n  const [newNodeLabel, setNewNodeLabel] = useState('')\n  const [selectedType, setSelectedType] = useState\u003c'quantum' | 'neural'\u003e('quantum')\n\n  const handleNodeClick = (nodeId: string) =\u003e {\n    setNodes(nodes.map(node =\u003e \n      node.id === nodeId\n        ? { ...node, data: { ...node.data, isActive: true, energy: 100 } }\n        : node\n    ))\n  }\n\n  const addNode = () =\u003e {\n    if (!newNodeLabel) return\n\n    const newNode: Node = {\n      id: `${selectedType}${nodes.length + 1}`,\n      label: newNodeLabel,\n      type: selectedType,\n      position: [\n        Math.random() * 4 - 2,\n        Math.random() * 4 - 2,\n        0\n      ],\n      data: { isActive: false, energy: 0 }\n    }\n\n    const newConnection: Connection = {\n      id: `conn${connections.length + 1}`,\n      source: 'root',\n      target: newNode.id,\n      type: selectedType,\n      strength: 1\n    }\n\n    setNodes([...nodes, newNode])\n    setConnections([...connections, newConnection])\n    setNewNodeLabel('')\n  }\n\n  return (\n    \u003cCard\u003e\n      \u003cCardHeader\u003e\n        \u003cCardTitle className=\"flex items-center gap-2\"\u003e\n          \u003cBrain className=\"h-5 w-5\" /\u003e\n          Quantum Mindmap Builder\n        \u003c/CardTitle\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent\u003e\n        \u003cTabs defaultValue=\"visualize\" className=\"space-y-4\"\u003e\n          \u003cTabsList\u003e\n            \u003cTabsTrigger value=\"visualize\"\u003eVisualize\u003c/TabsTrigger\u003e\n            \u003cTabsTrigger value=\"edit\"\u003eEdit\u003c/TabsTrigger\u003e\n            \u003cTabsTrigger value=\"analyze\"\u003eAnalyze\u003c/TabsTrigger\u003e\n          \u003c/TabsList\u003e\n\n          \u003cTabsContent value=\"visualize\"\u003e\n            \u003cForceGraph\n              nodes={nodes}\n              connections={connections}\n              onNodeClick={handleNodeClick}\n              className=\"h-[500px]\"\n            /\u003e\n          \u003c/TabsContent\u003e\n\n          \u003cTabsContent value=\"edit\" className=\"space-y-4\"\u003e\n            \u003cdiv className=\"flex gap-4\"\u003e\n              \u003cdiv className=\"flex-1 space-y-2\"\u003e\n                \u003cLabel htmlFor=\"nodeLabel\"\u003eNode Label\u003c/Label\u003e\n                \u003cInput\n                  id=\"nodeLabel\"\n                  value={newNodeLabel}\n                  onChange={e =\u003e setNewNodeLabel(e.target.value)}\n                  placeholder=\"Enter node label\"\n                /\u003e\n              \u003c/div\u003e\n              \u003cdiv className=\"space-y-2\"\u003e\n                \u003cLabel\u003eType\u003c/Label\u003e\n                \u003cdiv className=\"flex gap-2\"\u003e\n                  \u003cButton\n                    variant={selectedType === 'quantum' ? 'default' : 'outline'}\n                    onClick={() =\u003e setSelectedType('quantum')}\n                    className=\"flex gap-2\"\n                  \u003e\n                    \u003cAtom className=\"h-4 w-4\" /\u003e\n                    Quantum\n                  \u003c/Button\u003e\n                  \u003cButton\n                    variant={selectedType === 'neural' ? 'default' : 'outline'}\n                    onClick={() =\u003e setSelectedType('neural')}\n                    className=\"flex gap-2\"\n                  \u003e\n                    \u003cNetwork className=\"h-4 w-4\" /\u003e\n                    Neural\n                  \u003c/Button\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n            \u003cButton onClick={addNode} className=\"w-full\"\u003eAdd Node\u003c/Button\u003e\n          \u003c/TabsContent\u003e\n\n          \u003cTabsContent value=\"analyze\" className=\"space-y-4\"\u003e\n            \u003cdiv className=\"rounded-lg border bg-muted/50 p-4\"\u003e\n              \u003cdiv className=\"space-y-4\"\u003e\n                \u003cdiv\u003e\n                  \u003ch3 className=\"font-medium mb-2\"\u003eNetwork Statistics\u003c/h3\u003e\n                  \u003cdiv className=\"grid grid-cols-2 gap-2\"\u003e\n                    \u003cdiv\u003e\n                      \u003cspan className=\"text-sm text-muted-foreground\"\u003eTotal Nodes:\u003c/span\u003e\n                      \u003cBadge variant=\"outline\" className=\"ml-2\"\u003e\n                        {nodes.length}\n                      \u003c/Badge\u003e\n                    \u003c/div\u003e\n                    \u003cdiv\u003e\n                      \u003cspan className=\"text-sm text-muted-foreground\"\u003eConnections:\u003c/span\u003e\n                      \u003cBadge variant=\"outline\" className=\"ml-2\"\u003e\n                        {connections.length}\n                      \u003c/Badge\u003e\n                    \u003c/div\u003e\n                    \u003cdiv\u003e\n                      \u003cspan className=\"text-sm text-muted-foreground\"\u003eQuantum Nodes:\u003c/span\u003e\n                      \u003cBadge variant=\"outline\" className=\"ml-2\"\u003e\n                        {nodes.filter(n =\u003e n.type === 'quantum').length}\n                      \u003c/Badge\u003e\n                    \u003c/div\u003e\n                    \u003cdiv\u003e\n                      \u003cspan className=\"text-sm text-muted-foreground\"\u003eNeural Nodes:\u003c/span\u003e\n                      \u003cBadge variant=\"outline\" className=\"ml-2\"\u003e\n                        {nodes.filter(n =\u003e n.type === 'neural').length}\n                      \u003c/Badge\u003e\n                    \u003c/div\u003e\n                  \u003c/div\u003e\n                \u003c/div\u003e\n\n                \u003cdiv\u003e\n                  \u003ch3 className=\"font-medium mb-2\"\u003eActive Nodes\u003c/h3\u003e\n                  \u003cdiv className=\"space-y-2\"\u003e\n                    {nodes.filter(n =\u003e n.data.isActive).map(node =\u003e (\n                      \u003cdiv key={node.id} className=\"flex items-center gap-2\"\u003e\n                        {node.type === 'quantum' ? (\n                          \u003cAtom className=\"h-4 w-4\" /\u003e\n                        ) : (\n                          \u003cNetwork className=\"h-4 w-4\" /\u003e\n                        )}\n                        \u003cspan className=\"text-sm\"\u003e{node.label}\u003c/span\u003e\n                        \u003cBadge variant=\"secondary\" className=\"ml-auto\"\u003e\n                          {node.data.energy}%\n                        \u003c/Badge\u003e\n                      \u003c/div\u003e\n                    ))}\n                  \u003c/div\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/TabsContent\u003e\n        \u003c/Tabs\u003e\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"13:T1a7e,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport { Slider } from \"@/components/ui/slider\"\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\"\nimport { useCallback, useState } from \"react\"\nimport { Atom, Binary, CircuitBoard, Cpu, Maximize2, Minimize2, Wand2 } from 'lucide-react'\n\ninterface QuantumState {\n  qubits: number\n  gates: string[]\n  fidelity: number\n  errorRate: number\n}\n\nexport function QuantumCircuit() {\n  const [state, setState] = useState\u003cQuantumState\u003e({\n    qubits: 3,\n    gates: ['H', 'CNOT', 'X'],\n    fidelity: 0.99,\n    errorRate: 0.01\n  })\n\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  const handleQubitChange = useCallback((value: number[]) =\u003e {\n    setState(prev =\u003e ({ ...prev, qubits: value[0] }))\n  }, [])\n\n  const addGate = useCallback((gate: string) =\u003e {\n    setState(prev =\u003e ({\n      ...prev,\n      gates: [...prev.gates, gate]\n    }))\n  }, [])\n\n  return (\n    \u003cCard className={cn(\n      \"transition-all duration-300\",\n      isExpanded ? \"fixed inset-4 z-50\" : \"w-full\"\n    )}\u003e\n      \u003cCardHeader className=\"flex flex-row items-center justify-between\"\u003e\n        \u003cCardTitle className=\"flex items-center gap-2\"\u003e\n          \u003cCircuitBoard className=\"h-5 w-5\" /\u003e\n          Quantum Circuit Designer\n        \u003c/CardTitle\u003e\n        \u003cButton\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={() =\u003e setIsExpanded(x =\u003e !x)}\n        \u003e\n          {isExpanded ? (\n            \u003cMinimize2 className=\"h-4 w-4\" /\u003e\n          ) : (\n            \u003cMaximize2 className=\"h-4 w-4\" /\u003e\n          )}\n        \u003c/Button\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent\u003e\n        \u003cTabs defaultValue=\"design\" className=\"space-y-4\"\u003e\n          \u003cTabsList\u003e\n            \u003cTabsTrigger value=\"design\"\u003eCircuit Design\u003c/TabsTrigger\u003e\n            \u003cTabsTrigger value=\"simulation\"\u003eSimulation\u003c/TabsTrigger\u003e\n            \u003cTabsTrigger value=\"analysis\"\u003eAnalysis\u003c/TabsTrigger\u003e\n          \u003c/TabsList\u003e\n\n          \u003cTabsContent value=\"design\" className=\"space-y-4\"\u003e\n            \u003cdiv className=\"grid gap-4\"\u003e\n              \u003cdiv className=\"space-y-2\"\u003e\n                \u003cLabel\u003eNumber of Qubits\u003c/Label\u003e\n                \u003cSlider\n                  value={[state.qubits]}\n                  min={1}\n                  max={5}\n                  step={1}\n                  onValueChange={handleQubitChange}\n                /\u003e\n                \u003cspan className=\"text-sm text-muted-foreground\"\u003e\n                  Current: {state.qubits} qubit{state.qubits \u003e 1 ? 's' : ''}\n                \u003c/span\u003e\n              \u003c/div\u003e\n\n              \u003cdiv className=\"space-y-2\"\u003e\n                \u003cLabel\u003eQuantum Gates\u003c/Label\u003e\n                \u003cdiv className=\"flex flex-wrap gap-2\"\u003e\n                  \u003cButton \n                    variant=\"outline\" \n                    size=\"sm\"\n                    onClick={() =\u003e addGate('H')}\n                  \u003e\n                    Add H Gate\n                  \u003c/Button\u003e\n                  \u003cButton \n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() =\u003e addGate('X')}\n                  \u003e\n                    Add X Gate\n                  \u003c/Button\u003e\n                  \u003cButton \n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() =\u003e addGate('CNOT')}\n                  \u003e\n                    Add CNOT\n                  \u003c/Button\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n\n              \u003cdiv className=\"rounded-lg border bg-muted/50 p-4\"\u003e\n                \u003cdiv className=\"space-y-2\"\u003e\n                  \u003cdiv className=\"flex items-center gap-2\"\u003e\n                    \u003cCpu className=\"h-4 w-4\" /\u003e\n                    \u003cspan className=\"text-sm font-medium\"\u003eCurrent Circuit:\u003c/span\u003e\n                  \u003c/div\u003e\n                  \u003cdiv className=\"flex flex-wrap gap-2\"\u003e\n                    {state.gates.map((gate, i) =\u003e (\n                      \u003cspan\n                        key={i}\n                        className=\"rounded bg-primary px-2 py-1 text-xs text-primary-foreground\"\n                      \u003e\n                        {gate}\n                      \u003c/span\u003e\n                    ))}\n                  \u003c/div\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/TabsContent\u003e\n\n          \u003cTabsContent value=\"simulation\"\u003e\n            \u003cdiv className=\"space-y-4\"\u003e\n              \u003cdiv className=\"space-y-2\"\u003e\n                \u003cLabel\u003eFidelity\u003c/Label\u003e\n                \u003cSlider\n                  value={[state.fidelity * 100]}\n                  min={0}\n                  max={100}\n                  step={1}\n                  onValueChange={(value) =\u003e setState(prev =\u003e ({ ...prev, fidelity: value[0] / 100 }))}\n                /\u003e\n                \u003cspan className=\"text-sm text-muted-foreground\"\u003e\n                  {(state.fidelity * 100).toFixed(1)}%\n                \u003c/span\u003e\n              \u003c/div\u003e\n\n              \u003cdiv className=\"space-y-2\"\u003e\n                \u003cLabel\u003eError Rate\u003c/Label\u003e\n                \u003cSlider\n                  value={[state.errorRate * 100]}\n                  min={0}\n                  max={10}\n                  step={0.1}\n                  onValueChange={(value) =\u003e setState(prev =\u003e ({ ...prev, errorRate: value[0] / 100 }))}\n                /\u003e\n                \u003cspan className=\"text-sm text-muted-foreground\"\u003e\n                  {(state.errorRate * 100).toFixed(1)}%\n                \u003c/span\u003e\n              \u003c/div\u003e\n\n              \u003cButton className=\"w-full\" onClick={() =\u003e console.log('Run simulation')}\u003e\n                \u003cBinary className=\"mr-2 h-4 w-4\" /\u003e\n                Run Simulation\n              \u003c/Button\u003e\n            \u003c/div\u003e\n          \u003c/TabsContent\u003e\n\n          \u003cTabsContent value=\"analysis\"\u003e\n            \u003cdiv className=\"space-y-4\"\u003e\n              \u003cdiv className=\"rounded-lg border bg-muted/50 p-4\"\u003e\n                \u003cdiv className=\"space-y-2\"\u003e\n                  \u003cdiv className=\"flex items-center gap-2\"\u003e\n                    \u003cAtom className=\"h-4 w-4\" /\u003e\n                    \u003cspan className=\"text-sm font-medium\"\u003eAnalysis Results:\u003c/span\u003e\n                  \u003c/div\u003e\n                  \u003cdiv className=\"space-y-2 text-sm\"\u003e\n                    \u003cp\u003eCircuit Depth: {state.gates.length}\u003c/p\u003e\n                    \u003cp\u003eTotal Qubits: {state.qubits}\u003c/p\u003e\n                    \u003cp\u003eExpected Fidelity: {(state.fidelity * 100).toFixed(1)}%\u003c/p\u003e\n                  \u003c/div\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n\n              \u003cButton className=\"w-full\" onClick={() =\u003e console.log('Optimize circuit')}\u003e\n                \u003cWand2 className=\"mr-2 h-4 w-4\" /\u003e\n                Optimize Circuit\n              \u003c/Button\u003e\n            \u003c/div\u003e\n          \u003c/TabsContent\u003e\n        \u003c/Tabs\u003e\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"14:Tb79,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Progress } from \"@/components/ui/progress\"\nimport { Button } from \"@/components/ui/button\"\nimport { useState } from \"react\"\nimport { Activity, Atom, Braces, Cpu } from 'lucide-react'\n\ninterface SimulationState {\n  isRunning: boolean\n  progress: number\n  results: number[]\n}\n\nexport function QuantumSimulator() {\n  const [state, setState] = useState\u003cSimulationState\u003e({\n    isRunning: false,\n    progress: 0,\n    results: []\n  })\n\n  const startSimulation = async () =\u003e {\n    setState(prev =\u003e ({ ...prev, isRunning: true, progress: 0 }))\n    \n    for (let i = 0; i \u003c= 100; i += 10) {\n      await new Promise(resolve =\u003e setTimeout(resolve, 500))\n      setState(prev =\u003e ({ \n        ...prev, \n        progress: i,\n        results: [...Array(8)].map(() =\u003e Math.random())\n      }))\n    }\n\n    setState(prev =\u003e ({ ...prev, isRunning: false }))\n  }\n\n  return (\n    \u003cCard className=\"w-full\"\u003e\n      \u003cCardHeader\u003e\n        \u003cCardTitle className=\"flex items-center gap-2\"\u003e\n          \u003cAtom className=\"h-5 w-5\" /\u003e\n          Quantum State Simulator\n        \u003c/CardTitle\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent className=\"space-y-6\"\u003e\n        \u003cdiv className=\"space-y-2\"\u003e\n          \u003cdiv className=\"flex items-center justify-between text-sm\"\u003e\n            \u003cspan\u003eSimulation Progress\u003c/span\u003e\n            \u003cspan\u003e{state.progress}%\u003c/span\u003e\n          \u003c/div\u003e\n          \u003cProgress value={state.progress} /\u003e\n        \u003c/div\u003e\n\n        \u003cButton\n          onClick={startSimulation}\n          disabled={state.isRunning}\n          className=\"w-full\"\n        \u003e\n          \u003cCpu className=\"mr-2 h-4 w-4\" /\u003e\n          {state.isRunning ? 'Simulating...' : 'Start Simulation'}\n        \u003c/Button\u003e\n\n        {state.results.length \u003e 0 \u0026\u0026 (\n          \u003cdiv className=\"rounded-lg border bg-muted p-4\"\u003e\n            \u003cdiv className=\"space-y-2\"\u003e\n              \u003cdiv className=\"flex items-center gap-2\"\u003e\n                \u003cBraces className=\"h-4 w-4\" /\u003e\n                \u003cspan className=\"text-sm font-medium\"\u003eQuantum State:\u003c/span\u003e\n              \u003c/div\u003e\n              \u003cdiv className=\"grid grid-cols-2 gap-2\"\u003e\n                {state.results.map((result, index) =\u003e (\n                  \u003cdiv\n                    key={index}\n                    className=\"flex items-center justify-between rounded bg-background p-2 text-xs\"\n                  \u003e\n                    \u003cspan\u003e|{index}⟩\u003c/span\u003e\n                    \u003cspan\u003e{result.toFixed(4)}\u003c/span\u003e\n                  \u003c/div\u003e\n                ))}\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        )}\n\n        \u003cdiv className=\"flex items-center gap-2 rounded-lg border bg-muted p-4\"\u003e\n          \u003cActivity className=\"h-4 w-4\" /\u003e\n          \u003cspan className=\"text-sm\"\u003e\n            {state.isRunning \n              ? 'Quantum simulation in progress...'\n              : 'Ready for simulation'}\n          \u003c/span\u003e\n        \u003c/div\u003e\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"15:T5dd,'use client'\n\nimport Link from 'next/link'\nimport { usePathname } from 'next/navigation'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport { Brain, Code2, Command, Cpu, FileJson, Network, Settings } from 'lucide-react'\n\nconst routes = [\n  {\n    title: 'Dashboard',\n    icon: Command,\n    href: '/dashboard',\n  },\n  {\n    title: 'AI Training',\n    icon: Brain,\n    href: '/training',\n  },\n  {\n    title: 'Quantum',\n    icon: Cpu,\n    href: '/quantum',\n  },\n  {\n    title: 'Neural Network',\n    icon: Network,\n    href: '/network',\n  },\n  {\n    title: 'API Reference',\n    icon: Code2,\n    href: '/api',\n  },\n  {\n    title: 'SDK',\n    icon: FileJson,\n    href: '/sdk',\n  },\n  {\n    title: 'Settings',\n    icon: Settings,\n    href: '/settings',\n  },\n]\n\nexport function MainNav() {\n  const pathname = usePathname()\n\n  return (\n    \u003cnav className=\"flex items-center space-x-4 lg:space-x-6\"\u003e\n      {routes.map((route) =\u003e {\n        const Icon = route.icon\n        return (\n          \u003cButton\n            key={route.href}\n            variant=\"ghost\"\n            className={cn(\n              'h-9 w-9 p-0 lg:h-10 lg:w-fit lg:px-4',\n              pathname === route.href \u0026\u0026 'bg-muted'\n            )}\n            asChild\n          \u003e\n            \u003cLink href={route.href}\u003e\n              \u003cIcon className=\"h-4 w-4 lg:mr-2\" /\u003e\n              \u003cspan className=\"hidden lg:inline-block\"\u003e{route.title}\u003c/span\u003e\n            \u003c/Link\u003e\n          \u003c/Button\u003e\n        )\n      })}\n    \u003c/nav\u003e\n  )\n}\n\n16:T4e7,\"use client\"\n\nimport * as React from \"react\"\nimport { Moon, Sun } from 'lucide-react'\nimport { useTheme } from \"next-themes\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\n\nexport function ModeToggle() {\n  const { setTheme } = useTheme()\n\n  return (\n    \u003cDropdownMenu\u003e\n      \u003cDropdownMenuTrigger asChild\u003e\n        \u003cButton variant=\"ghost\" size=\"icon\" className=\"h-9 w-9\"\u003e\n          \u003cSun className=\"h-["])</script><script>self.__next_f.push([1,"1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" /\u003e\n          \u003cMoon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" /\u003e\n          \u003cspan className=\"sr-only\"\u003eToggle theme\u003c/span\u003e\n        \u003c/Button\u003e\n      \u003c/DropdownMenuTrigger\u003e\n      \u003cDropdownMenuContent align=\"end\"\u003e\n        \u003cDropdownMenuItem onClick={() =\u003e setTheme(\"light\")}\u003e\n          Light\n        \u003c/DropdownMenuItem\u003e\n        \u003cDropdownMenuItem onClick={() =\u003e setTheme(\"dark\")}\u003e\n          Dark\n        \u003c/DropdownMenuItem\u003e\n        \u003cDropdownMenuItem onClick={() =\u003e setTheme(\"system\")}\u003e\n          System\n        \u003c/DropdownMenuItem\u003e\n      \u003c/DropdownMenuContent\u003e\n    \u003c/DropdownMenu\u003e\n  )\n}\n\n17:T1c8e,"])</script><script>self.__next_f.push([1,"\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from 'lucide-react'\n\nimport { cn } from \"@/lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.SubTrigger\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.SubTrigger\u003e \u0026 {\n    inset?: boolean\n  }\n\u003e(({ className, inset, children, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset \u0026\u0026 \"pl-8\",\n      className\n    )}\n    {...props}\n  \u003e\n    {children}\n    \u003cChevronRight className=\"ml-auto h-4 w-4\" /\u003e\n  \u003c/DropdownMenuPrimitive.SubTrigger\u003e\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.SubContent\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.SubContent\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  /\u003e\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.Content\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.Content\u003e\n\u003e(({ className, sideOffset = 4, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.Portal\u003e\n    \u003cDropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    /\u003e\n  \u003c/DropdownMenuPrimitive.Portal\u003e\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.Item\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.Item\u003e \u0026 {\n    inset?: boolean\n  }\n\u003e(({ className, inset, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset \u0026\u0026 \"pl-8\",\n      className\n    )}\n    {...props}\n  /\u003e\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.CheckboxItem\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.CheckboxItem\u003e\n\u003e(({ className, children, checked, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  \u003e\n    \u003cspan className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\"\u003e\n      \u003cDropdownMenuPrimitive.ItemIndicator\u003e\n        \u003cCheck className=\"h-4 w-4\" /\u003e\n      \u003c/DropdownMenuPrimitive.ItemIndicator\u003e\n    \u003c/span\u003e\n    {children}\n  \u003c/DropdownMenuPrimitive.CheckboxItem\u003e\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.RadioItem\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.RadioItem\u003e\n\u003e(({ className, children, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  \u003e\n    \u003cspan className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\"\u003e\n      \u003cDropdownMenuPrimitive.ItemIndicator\u003e\n        \u003cCircle className=\"h-2 w-2 fill-current\" /\u003e\n      \u003c/DropdownMenuPrimitive.ItemIndicator\u003e\n    \u003c/span\u003e\n    {children}\n  \u003c/DropdownMenuPrimitive.RadioItem\u003e\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.Label\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.Label\u003e \u0026 {\n    inset?: boolean\n  }\n\u003e(({ className, inset, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset \u0026\u0026 \"pl-8\",\n      className\n    )}\n    {...props}\n  /\u003e\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof DropdownMenuPrimitive.Separator\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof DropdownMenuPrimitive.Separator\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cDropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  /\u003e\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes\u003cHTMLSpanElement\u003e) =\u003e {\n  return (\n    \u003cspan\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    /\u003e\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n\n"])</script><script>self.__next_f.push([1,"18:T146a,"])</script><script>self.__next_f.push([1,"\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { PanelLeft } from 'lucide-react'\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport { Sheet, SheetContent } from \"@/components/ui/sheet\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\"\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\n\ntype SidebarContext = {\n  state: \"expanded\" | \"collapsed\"\n  open: boolean\n  setOpen: (open: boolean) =\u003e void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) =\u003e void\n  isMobile: boolean\n  toggleSidebar: () =\u003e void\n}\n\nconst SidebarContext = React.createContext\u003cSidebarContext | null\u003e(null)\n\nexport function useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider\")\n  }\n  return context\n}\n\nexport function SidebarProvider({\n  defaultOpen = true,\n  children,\n  ...props\n}: React.ComponentProps\u003c\"div\"\u003e \u0026 {\n  defaultOpen?: boolean\n}) {\n  const [open, setOpen] = React.useState(defaultOpen)\n  const [openMobile, setOpenMobile] = React.useState(false)\n  const [isMobile, setIsMobile] = React.useState(false)\n\n  React.useEffect(() =\u003e {\n    const checkMobile = () =\u003e setIsMobile(window.innerWidth \u003c 768)\n    checkMobile()\n    window.addEventListener('resize', checkMobile)\n    return () =\u003e window.removeEventListener('resize', checkMobile)\n  }, [])\n\n  const toggleSidebar = React.useCallback(() =\u003e {\n    return isMobile ? setOpenMobile(prev =\u003e !prev) : setOpen(prev =\u003e !prev)\n  }, [isMobile])\n\n  const contextValue = React.useMemo\u003cSidebarContext\u003e(\n    () =\u003e ({\n      state: open ? \"expanded\" : \"collapsed\",\n      open,\n      setOpen,\n      openMobile,\n      setOpenMobile,\n      isMobile,\n      toggleSidebar,\n    }),\n    [open, openMobile, isMobile, toggleSidebar]\n  )\n\n  return (\n    \u003cSidebarContext.Provider value={contextValue}\u003e\n      \u003cdiv\n        style={{\n          \"--sidebar-width\": SIDEBAR_WIDTH,\n          \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n          \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n        } as React.CSSProperties}\n        className=\"flex min-h-screen w-full\"\n        {...props}\n      \u003e\n        {children}\n      \u003c/div\u003e\n    \u003c/SidebarContext.Provider\u003e\n  )\n}\n\nexport const Sidebar = React.forwardRef\u003c\n  HTMLDivElement,\n  React.ComponentProps\u003c\"div\"\u003e\n\u003e(({ className, children, ...props }, ref) =\u003e {\n  const { isMobile, openMobile, setOpenMobile } = useSidebar()\n\n  if (isMobile) {\n    return (\n      \u003cSheet open={openMobile} onOpenChange={setOpenMobile}\u003e\n        \u003cSheetContent\n          side=\"left\"\n          className=\"w-[var(--sidebar-width-mobile)] p-0\"\n        \u003e\n          \u003cdiv className=\"flex h-full flex-col\"\u003e{children}\u003c/div\u003e\n        \u003c/SheetContent\u003e\n      \u003c/Sheet\u003e\n    )\n  }\n\n  return (\n    \u003cdiv\n      ref={ref}\n      className={cn(\"hidden border-r bg-background md:block\", className)}\n      style={{ width: 'var(--sidebar-width)' }}\n      {...props}\n    \u003e\n      {children}\n    \u003c/div\u003e\n  )\n})\nSidebar.displayName = \"Sidebar\"\n\nexport const SidebarHeader = React.forwardRef\u003c\n  HTMLDivElement,\n  React.ComponentProps\u003c\"div\"\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cdiv\n    ref={ref}\n    className={cn(\"flex h-14 items-center border-b px-4\", className)}\n    {...props}\n  /\u003e\n))\nSidebarHeader.displayName = \"SidebarHeader\"\n\nexport const SidebarContent = React.forwardRef\u003c\n  HTMLDivElement,\n  React.ComponentProps\u003c\"div\"\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cdiv\n    ref={ref}\n    className={cn(\"flex-1 overflow-auto\", className)}\n    {...props}\n  /\u003e\n))\nSidebarContent.displayName = \"SidebarContent\"\n\nexport const SidebarMenu = React.forwardRef\u003c\n  HTMLUListElement,\n  React.ComponentProps\u003c\"ul\"\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cul\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1\", className)}\n    {...props}\n  /\u003e\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nexport const SidebarMenuItem = React.forwardRef\u003c\n  HTMLLIElement,\n  React.ComponentProps\u003c\"li\"\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cli\n    ref={ref}\n    className={cn(\"px-2\", className)}\n    {...props}\n  /\u003e\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nexport const SidebarMenuButton = React.forwardRef\u003c\n  HTMLButtonElement,\n  React.ComponentProps\u003c\"button\"\u003e \u0026 {\n    active?: boolean\n  }\n\u003e(({ className, active, ...props }, ref) =\u003e (\n  \u003cbutton\n    ref={ref}\n    className={cn(\n      \"flex w-full items-center rounded-md px-2 py-1.5 text-sm font-medium hover:bg-accent hover:text-accent-foreground\",\n      active \u0026\u0026 \"bg-accent text-accent-foreground\",\n      className\n    )}\n    {...props}\n  /\u003e\n))\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nexport const SidebarTrigger = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof Button\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof Button\u003e\n\u003e(({ className, ...props }, ref) =\u003e {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    \u003cButton\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn(\"h-9 w-9\", className)}\n      onClick={toggleSidebar}\n      {...props}\n    \u003e\n      \u003cPanelLeft className=\"h-5 w-5\" /\u003e\n      \u003cspan className=\"sr-only\"\u003eToggle Sidebar\u003c/span\u003e\n    \u003c/Button\u003e\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\n"])</script><script>self.__next_f.push([1,"19:T10b8,"])</script><script>self.__next_f.push([1,"\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from 'lucide-react'\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SheetPrimitive.Overlay\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SheetPrimitive.Overlay\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cSheetPrimitive.Overlay\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className\n    )}\n    {...props}\n    ref={ref}\n  /\u003e\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: {\n      side: \"right\",\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef\u003ctypeof SheetPrimitive.Content\u003e,\n    VariantProps\u003ctypeof sheetVariants\u003e {}\n\nconst SheetContent = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SheetPrimitive.Content\u003e,\n  SheetContentProps\n\u003e(({ side = \"right\", className, children, ...props }, ref) =\u003e (\n  \u003cSheetPortal\u003e\n    \u003cSheetOverlay /\u003e\n    \u003cSheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    \u003e\n      {children}\n      \u003cSheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\"\u003e\n        \u003cX className=\"h-4 w-4\" /\u003e\n        \u003cspan className=\"sr-only\"\u003eClose\u003c/span\u003e\n      \u003c/SheetPrimitive.Close\u003e\n    \u003c/SheetPrimitive.Content\u003e\n  \u003c/SheetPortal\u003e\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes\u003cHTMLDivElement\u003e) =\u003e (\n  \u003cdiv\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  /\u003e\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes\u003cHTMLDivElement\u003e) =\u003e (\n  \u003cdiv\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  /\u003e\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SheetPrimitive.Title\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SheetPrimitive.Title\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cSheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  /\u003e\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef\u003c\n  React.ElementRef\u003ctypeof SheetPrimitive.Description\u003e,\n  React.ComponentPropsWithoutRef\u003ctypeof SheetPrimitive.Description\u003e\n\u003e(({ className, ...props }, ref) =\u003e (\n  \u003cSheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  /\u003e\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n\n"])</script><script>self.__next_f.push([1,"1a:T6e1,import { create } from 'zustand'\n\ninterface Node {\n  id: string\n  label: string\n  type: 'root' | 'neural' | 'quantum'\n  position: [number, number, number]\n  data: {\n    activation?: {\n      isActive: boolean\n      energy: number\n    }\n  }\n}\n\ninterface Connection {\n  id: string\n  source: string\n  target: string\n  type: 'neural' | 'quantum' | 'standard'\n  strength: number\n}\n\ninterface MindmapState {\n  nodes: Node[]\n  connections: Connection[]\n  activateNode: (id: string) =\u003e void\n}\n\nexport const useMindmapStore = create\u003cMindmapState\u003e((set) =\u003e ({\n  nodes: [\n    {\n      id: 'root',\n      label: 'AI System',\n      type: 'root',\n      position: [0, 0, 0],\n      data: {}\n    },\n    {\n      id: 'neural',\n      label: 'Neural Network',\n      type: 'neural',\n      position: [-2, 1, 0],\n      data: {\n        activation: {\n          isActive: false,\n          energy: 0\n        }\n      }\n    },\n    {\n      id: 'quantum',\n      label: 'Quantum Processor',\n      type: 'quantum',\n      position: [2, 1, 0],\n      data: {\n        activation: {\n          isActive: false,\n          energy: 0\n        }\n      }\n    }\n  ],\n  connections: [\n    {\n      id: 'conn1',\n      source: 'root',\n      target: 'neural',\n      type: 'neural',\n      strength: 1\n    },\n    {\n      id: 'conn2',\n      source: 'root',\n      target: 'quantum',\n      type: 'quantum',\n      strength: 1\n    }\n  ],\n  activateNode: (id: string) =\u003e\n    set((state) =\u003e ({\n      nodes: state.nodes.map((node) =\u003e\n        node.id === id\n          ? {\n              ...node,\n              data: {\n                ...node.data,\n                activation: {\n                  isActive: true,\n                  energy: 100\n                }\n              }\n            }\n          : node\n      )\n    }))\n}))\n\n1b:T9c2,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { Canvas } from '@react-three/fiber'\nimport { OrbitControls, Text, Line } from '@react-three/drei'\nimport { Vector3, Mesh } from 'three'\nimport { cn } from '@/lib/utils'\nimport { type Node, type Connection } from '@/lib/types'\n\ninterface ForceGraphProps {\n  nodes: Node[]\n  connections: Connection[]\n  onNodeClick?: (nodeId: string) =\u003e void\n  className?: string\n}\n\nfunction NodeMesh({ node, onClick }: { node: Node; onClick?: (id: string) =\u003e void }) {\n  const meshRef = useRef\u003cMesh\u003e(null)\n  const [hovered, setHovered] = useState(false)\n  const color = node.data.isActive ? '#22c55e' : node.type === 'quantum' ? '#06b6d4' : '#8b5cf6'\n\n  return (\n    \u003cgroup position={node.position}\u003e\n      \u003cmesh\n        ref={meshRef}\n        onPointerOver={() =\u003e setHovered(true)}\n        onPointerOut={() =\u003e setHovered(false)}\n        onClick={() =\u003e onClick?.(node.id)}\n      \u003e\n        \u003csphereGeometry args={[0.2, 32, 32]} /\u003e\n        \u003cmeshStandardMaterial \n          color={color}\n          emissive={color}\n          emissiveIntensity={hovered ? 0.5 : 0.2}\n        /\u003e\n      \u003c/mesh\u003e\n      \u003cText\n        position={[0, 0.3, 0]}\n        fontSize={0.15}\n        color=\"white\"\n        anchorX=\"center\"\n        anchorY=\"middle\"\n      \u003e\n        {node.label}\n      \u003c/Text\u003e\n    \u003c/group\u003e\n  )\n}\n\nexport function ForceGraph({ nodes, connections, onNodeClick, className }: ForceGraphProps) {\n  return (\n    \u003cdiv className={cn(\"w-full h-full min-h-[500px]\", className)}\u003e\n      \u003cCanvas camera={{ position: [0, 0, 10] }}\u003e\n        \u003cambientLight intensity={0.5} /\u003e\n        \u003cpointLight position={[10, 10, 10]} /\u003e\n        \u003cOrbitControls /\u003e\n        \n        {/* Render Connections */}\n        {connections.map((conn) =\u003e {\n          const source = nodes.find(n =\u003e n.id === conn.source)\n          const target = nodes.find(n =\u003e n.id === conn.target)\n          if (!source || !target) return null\n\n          return (\n            \u003cLine\n              key={conn.id}\n              points={[\n                new Vector3(...source.position),\n                new Vector3(...target.position)\n              ]}\n              color={conn.type === 'quantum' ? '#06b6d4' : '#8b5cf6'}\n              lineWidth={1}\n            /\u003e\n          )\n        })}\n\n        {/* Render Nodes */}\n        {nodes.map((node) =\u003e (\n          \u003cNodeMesh \n            key={node.id} \n            node={node} \n            onClick={onNodeClick}\n          /\u003e\n        ))}\n      \u003c/Canvas\u003e\n    \u003c/div\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"1c:T8d6,"])</script><script>self.__next_f.push([1,"import { Complex, QuantumGate, SimulationResult } from '../types/quantum'\n\nexport function calculateStatevector(gates: QuantumGate[], qubits: number): Complex[] {\n  // Initialize state vector to |0...0⟩\n  const dim = Math.pow(2, qubits)\n  const statevector: Complex[] = Array(dim).fill({ real: 0, imag: 0 })\n  statevector[0] = { real: 1, imag: 0 }\n\n  // Apply each gate\n  gates.forEach(gate =\u003e {\n    applyGate(statevector, gate, qubits)\n  })\n\n  return statevector\n}\n\nexport function applyGate(statevector: Complex[], gate: QuantumGate, qubits: number): void {\n  switch (gate.type) {\n    case 'H':\n      applyHadamard(statevector, gate.targets[0], qubits)\n      break\n    case 'X':\n      applyPauliX(statevector, gate.targets[0], qubits)\n      break\n    // Add other gates as needed\n  }\n}\n\nfunction applyHadamard(statevector: Complex[], target: number, qubits: number): void {\n  const factor = 1 / Math.sqrt(2)\n  const dim = Math.pow(2, qubits)\n  const newState = [...statevector]\n\n  for (let i = 0; i \u003c dim; i++) {\n    if ((i \u0026 (1 \u003c\u003c target)) === 0) {\n      const j = i | (1 \u003c\u003c target)\n      const temp = { ...statevector[i] }\n      newState[i] = {\n        real: factor * (statevector[i].real + statevector[j].real),\n        imag: factor * (statevector[i].imag + statevector[j].imag)\n      }\n      newState[j] = {\n        real: factor * (temp.real - statevector[j].real),\n        imag: factor * (temp.imag - statevector[j].imag)\n      }\n    }\n  }\n\n  Object.assign(statevector, newState)\n}\n\nfunction applyPauliX(statevector: Complex[], target: number, qubits: number): void {\n  const dim = Math.pow(2, qubits)\n  for (let i = 0; i \u003c dim; i++) {\n    if ((i \u0026 (1 \u003c\u003c target)) === 0) {\n      const j = i | (1 \u003c\u003c target)\n      const temp = statevector[i]\n      statevector[i] = statevector[j]\n      statevector[j] = temp\n    }\n  }\n}\n\nexport function calculateProbabilities(statevector: Complex[]): number[] {\n  return statevector.map(c =\u003e c.real * c.real + c.imag * c.imag)\n}\n\nexport function calculateFidelity(actual: Complex[], expected: Complex[]): number {\n  let fidelity = 0\n  for (let i = 0; i \u003c actual.length; i++) {\n    const a = actual[i]\n    const e = expected[i]\n    fidelity += (a.real * e.real + a.imag * e.imag) ** 2\n  }\n  return Math.sqrt(fidelity)\n}\n\n"])</script><script>self.__next_f.push([1,"1d:T991,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { Canvas, useFrame } from '@react-three/fiber'\nimport { OrbitControls, Text } from '@react-three/drei'\nimport { Complex } from '@/lib/types/quantum'\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card'\nimport { Atom } from 'lucide-react'\n\ninterface BlochSphereProps {\n  state: Complex\n  label?: string\n}\n\nfunction BlochSphere({ state, label }: BlochSphereProps) {\n  const meshRef = useRef\u003cTHREE.Mesh\u003e(null)\n  \n  useFrame(() =\u003e {\n    if (meshRef.current) {\n      meshRef.current.rotation.x += 0.01\n      meshRef.current.rotation.y += 0.01\n    }\n  })\n\n  const theta = Math.atan2(Math.sqrt(state.real * state.real + state.imag * state.imag), 0)\n  const phi = Math.atan2(state.imag, state.real)\n\n  return (\n    \u003cgroup\u003e\n      {/* Bloch Sphere */}\n      \u003cmesh ref={meshRef}\u003e\n        \u003csphereGeometry args={[1, 32, 32]} /\u003e\n        \u003cmeshPhongMaterial wireframe color=\"#4f46e5\" /\u003e\n      \u003c/mesh\u003e\n\n      {/* State Vector */}\n      \u003cmesh position={[\n        Math.sin(theta) * Math.cos(phi),\n        Math.sin(theta) * Math.sin(phi),\n        Math.cos(theta)\n      ]}\u003e\n        \u003csphereGeometry args={[0.1, 16, 16]} /\u003e\n        \u003cmeshStandardMaterial color=\"#22c55e\" /\u003e\n      \u003c/mesh\u003e\n\n      {label \u0026\u0026 (\n        \u003cText\n          position={[0, 1.5, 0]}\n          fontSize={0.2}\n          color=\"white\"\n          anchorX=\"center\"\n          anchorY=\"middle\"\n        \u003e\n          {label}\n        \u003c/Text\u003e\n      )}\n    \u003c/group\u003e\n  )\n}\n\ninterface QuantumStateVisualizerProps {\n  states: Complex[]\n  className?: string\n}\n\nexport function QuantumStateVisualizer({ states, className }: QuantumStateVisualizerProps) {\n  return (\n    \u003cCard className={className}\u003e\n      \u003cCardHeader\u003e\n        \u003cCardTitle className=\"flex items-center gap-2\"\u003e\n          \u003cAtom className=\"h-5 w-5\" /\u003e\n          Quantum State Visualization\n        \u003c/CardTitle\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent\u003e\n        \u003cdiv className=\"h-[400px]\"\u003e\n          \u003cCanvas camera={{ position: [0, 0, 5] }}\u003e\n            \u003cambientLight intensity={0.5} /\u003e\n            \u003cpointLight position={[10, 10, 10]} /\u003e\n            \u003cOrbitControls /\u003e\n            \n            {states.map((state, i) =\u003e (\n              \u003cgroup key={i} position={[2 * (i - (states.length - 1) / 2), 0, 0]}\u003e\n                \u003cBlochSphere state={state} label={`|${i}⟩`} /\u003e\n              \u003c/group\u003e\n            ))}\n          \u003c/Canvas\u003e\n        \u003c/div\u003e\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"1e:T15c5,"])</script><script>self.__next_f.push([1,"'use client'\n\nimport { useState } from 'react'\nimport { Card, CardContent, CardHeader, CardTitle } from '../ui/card'\nimport { Button } from '../ui/button'\nimport { Input } from '../ui/input'\nimport { Label } from '../ui/label'\nimport { Slider } from '../ui/slider'\nimport { CircuitBoard, Play, RotateCcw, Save } from 'lucide-react'\nimport { QuantumCircuit, QuantumGate } from '@/lib/types/quantum'\nimport { calculateStatevector, calculateProbabilities } from '@/lib/utils/quantum'\n\nconst INITIAL_CIRCUIT: QuantumCircuit = {\n  id: '1',\n  gates: [],\n  qubits: 2,\n  measurements: []\n}\n\ninterface GateButton {\n  type: QuantumGate['type']\n  label: string\n  description: string\n}\n\nconst AVAILABLE_GATES: GateButton[] = [\n  { type: 'H', label: 'H', description: 'Hadamard Gate' },\n  { type: 'X', label: 'X', description: 'Pauli-X Gate' },\n  { type: 'Y', label: 'Y', description: 'Pauli-Y Gate' },\n  { type: 'Z', label: 'Z', description: 'Pauli-Z Gate' },\n  { type: 'CNOT', label: 'CNOT', description: 'Controlled-NOT Gate' },\n  { type: 'SWAP', label: 'SWAP', description: 'SWAP Gate' },\n]\n\nexport function QuantumCircuitDesigner() {\n  const [circuit, setCircuit] = useState\u003cQuantumCircuit\u003e(INITIAL_CIRCUIT)\n  const [selectedGate, setSelectedGate] = useState\u003cQuantumGate['type']\u003e('H')\n  const [results, setResults] = useState\u003cnumber[]\u003e([])\n\n  const addGate = (type: QuantumGate['type'], target: number) =\u003e {\n    const newGate: QuantumGate = {\n      id: `${circuit.gates.length + 1}`,\n      type,\n      targets: [target]\n    }\n\n    if (type === 'CNOT') {\n      newGate.controls = [target \u003e 0 ? target - 1 : target + 1]\n    }\n\n    setCircuit(prev =\u003e ({\n      ...prev,\n      gates: [...prev.gates, newGate]\n    }))\n  }\n\n  const runCircuit = () =\u003e {\n    const statevector = calculateStatevector(circuit.gates, circuit.qubits)\n    const probabilities = calculateProbabilities(statevector)\n    setResults(probabilities)\n  }\n\n  const resetCircuit = () =\u003e {\n    setCircuit(INITIAL_CIRCUIT)\n    setResults([])\n  }\n\n  return (\n    \u003cCard\u003e\n      \u003cCardHeader\u003e\n        \u003cCardTitle className=\"flex items-center gap-2\"\u003e\n          \u003cCircuitBoard className=\"h-5 w-5\" /\u003e\n          Quantum Circuit Designer\n        \u003c/CardTitle\u003e\n      \u003c/CardHeader\u003e\n      \u003cCardContent className=\"space-y-4\"\u003e\n        \u003cdiv className=\"space-y-2\"\u003e\n          \u003cLabel\u003eNumber of Qubits\u003c/Label\u003e\n          \u003cSlider\n            value={[circuit.qubits]}\n            min={1}\n            max={5}\n            step={1}\n            onValueChange={([value]) =\u003e setCircuit(prev =\u003e ({ ...prev, qubits: value }))}\n          /\u003e\n          \u003cspan className=\"text-sm text-muted-foreground\"\u003e\n            {circuit.qubits} qubit{circuit.qubits \u003e 1 ? 's' : ''}\n          \u003c/span\u003e\n        \u003c/div\u003e\n\n        \u003cdiv className=\"space-y-2\"\u003e\n          \u003cLabel\u003eAvailable Gates\u003c/Label\u003e\n          \u003cdiv className=\"flex flex-wrap gap-2\"\u003e\n            {AVAILABLE_GATES.map(gate =\u003e (\n              \u003cButton\n                key={gate.type}\n                variant={selectedGate === gate.type ? 'default' : 'outline'}\n                onClick={() =\u003e setSelectedGate(gate.type)}\n                title={gate.description}\n              \u003e\n                {gate.label}\n              \u003c/Button\u003e\n            ))}\n          \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv className=\"space-y-2\"\u003e\n          \u003cLabel\u003eCircuit\u003c/Label\u003e\n          \u003cdiv className=\"rounded-lg border bg-muted p-4\"\u003e\n            {Array.from({ length: circuit.qubits }).map((_, i) =\u003e (\n              \u003cdiv key={i} className=\"flex items-center gap-2 py-2\"\u003e\n                \u003cspan className=\"w-8 text-sm\"\u003eq{i}\u003c/span\u003e\n                \u003cdiv className=\"flex-1 flex items-center gap-2\"\u003e\n                  {circuit.gates\n                    .filter(g =\u003e g.targets.includes(i) || g.controls?.includes(i))\n                    .map(gate =\u003e (\n                      \u003cButton\n                        key={gate.id}\n                        variant=\"secondary\"\n                        size=\"sm\"\n                        className=\"min-w-[40px]\"\n                      \u003e\n                        {gate.type}\n                      \u003c/Button\u003e\n                    ))}\n                  \u003cButton\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() =\u003e addGate(selectedGate, i)}\n                    className=\"border border-dashed border-muted-foreground/20\"\n                  \u003e\n                    +\n                  \u003c/Button\u003e\n                \u003c/div\u003e\n              \u003c/div\u003e\n            ))}\n          \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cdiv className=\"flex gap-2\"\u003e\n          \u003cButton onClick={runCircuit} className=\"flex-1\"\u003e\n            \u003cPlay className=\"mr-2 h-4 w-4\" /\u003e\n            Run Circuit\n          \u003c/Button\u003e\n          \u003cButton variant=\"outline\" onClick={resetCircuit}\u003e\n            \u003cRotateCcw className=\"h-4 w-4\" /\u003e\n          \u003c/Button\u003e\n          \u003cButton variant=\"outline\"\u003e\n            \u003cSave className=\"h-4 w-4\" /\u003e\n          \u003c/Button\u003e\n        \u003c/div\u003e\n\n        {results.length \u003e 0 \u0026\u0026 (\n          \u003cdiv className=\"space-y-2\"\u003e\n            \u003cLabel\u003eResults\u003c/Label\u003e\n            \u003cdiv className=\"rounded-lg border bg-muted p-4\"\u003e\n              \u003cdiv className=\"grid grid-cols-2 gap-2\"\u003e\n                {results.map((prob, i) =\u003e (\n                  \u003cdiv key={i} className=\"flex justify-between\"\u003e\n                    \u003cspan className=\"text-sm\"\u003e|{i.toString(2).padStart(circuit.qubits, '0')}⟩\u003c/span\u003e\n                    \u003cspan className=\"text-sm\"\u003e{(prob * 100).toFixed(1)}%\u003c/span\u003e\n                  \u003c/div\u003e\n                ))}\n              \u003c/div\u003e\n            \u003c/div\u003e\n          \u003c/div\u003e\n        )}\n      \u003c/CardContent\u003e\n    \u003c/Card\u003e\n  )\n}\n\n"])</script><script>self.__next_f.push([1,"1f:Tfae,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/layout/SideNav\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/layout/SideNav.tsx\";\nimport { Sidebar, SidebarContent, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from '@v0/components/ui/sidebar';\nimport { Brain, ChevronRight, Code2, Command, Cpu, FileJson, Network, Settings } from 'lucide-react';\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nconst menuItems = [\n    {\n        title: 'Dashboard',\n        icon: Command,\n        href: '/dashboard',\n    },\n    {\n        title: 'AI Training',\n        icon: Brain,\n        href: '/training',\n    },\n    {\n        title: 'Quantum',\n        icon: Cpu,\n        href: '/quantum',\n    },\n    {\n        title: 'Neural Network',\n        icon: Network,\n        href: '/network',\n    },\n    {\n        title: 'API Reference',\n        icon: Code2,\n        href: '/api',\n    },\n    {\n        title: 'SDK',\n        icon: FileJson,\n        href: '/sdk',\n    },\n    {\n        title: 'Settings',\n        icon: Settings,\n        href: '/settings',\n    },\n];\nexport function SideNav() {\n    _react_refresh_temp_2();\n    const pathname = usePathname();\n    return (_jsxDEV(Sidebar, { children: [_jsxDEV(SidebarHeader, { children: _jsxDEV(\"div\", { className: \"flex items-center gap-2\", __v0_c: \"59:24:flex items-center gap-2\", children: [_jsxDEV(Brain, { className: \"h-6 w-6\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 60, columnNumber: 11 }, this), _jsxDEV(\"span\", { className: \"text-lg font-bold\", __v0_c: \"61:27:text-lg font-bold\", __v0_i: \"61:47:Quantum Realms\", children: \"Quantum Realms\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 61, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 58, columnNumber: 7 }, this), _jsxDEV(SidebarContent, { children: _jsxDEV(SidebarMenu, { children: menuItems.map((item) =\u003e {\n                        const Icon = item.icon;\n                        const isActive = pathname === item.href;\n                        return (_jsxDEV(SidebarMenuItem, { children: _jsxDEV(SidebarMenuButton, { asChild: true, active: isActive, children: _jsxDEV(Link, { href: item.href, className: \"flex items-center gap-2\", __v0_c: \"73:52:flex items-center gap-2\", children: [_jsxDEV(Icon, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 74, columnNumber: 21 }, this), _jsxDEV(\"span\", { children: item.title }, void 0, false, { fileName: _jsxFileName, lineNumber: 75, columnNumber: 21 }, this), _jsxDEV(ChevronRight, { className: \"ml-auto h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 76, columnNumber: 21 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 73, columnNumber: 19 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 72, columnNumber: 17 }, this) }, item.href, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 21 }, this));\n                    }) }, void 0, false, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 56, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = SideNav;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"SideNav\");\n_react_refresh_temp_2(SideNav, \"xbyQPtUVMO7MNj7WjJlpdWqRcTo=\", false, () =\u003e [usePathname]);\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"20:T2266,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/ui/sidebar\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n\"use client\";\nvar _react_refresh_temp_1, _react_refresh_temp_2, _react_refresh_temp_3, _react_refresh_temp_4, _react_refresh_temp_5, _react_refresh_temp_6, _react_refresh_temp_7, _react_refresh_temp_8, _react_refresh_temp_9, _react_refresh_temp_10, _react_refresh_temp_11, _react_refresh_temp_12, _react_refresh_temp_13, _react_refresh_temp_14, _react_refresh_temp_15;\nvar _react_refresh_temp_16, _react_refresh_temp_17, _react_refresh_temp_18, _react_refresh_temp_19;\n_react_refresh_temp_16 = __v0_$RefreshSig$();\n_react_refresh_temp_17 = __v0_$RefreshSig$();\n_react_refresh_temp_18 = __v0_$RefreshSig$();\n_react_refresh_temp_19 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/ui/sidebar.tsx\";\nimport * as React from \"react\";\nimport { PanelLeft } from 'lucide-react';\nimport { cn } from \"@v0/lib/utils\";\nimport { Button } from \"@v0/components/ui/button\";\nimport { Sheet, SheetContent } from \"@v0/components/ui/sheet\";\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\";\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SidebarContext = React.createContext(null);\nexport function useSidebar() {\n    _react_refresh_temp_16();\n    const context = React.useContext(SidebarContext);\n    if (!context) {\n        throw new Error(\"useSidebar must be used within a SidebarProvider\");\n    }\n    return context;\n}\n_react_refresh_temp_16(useSidebar, \"b9L3QQ+jgeyIrH0NfHrJ8nn7VMU=\");\nexport function SidebarProvider({ defaultOpen = true, children, ...props }) {\n    _react_refresh_temp_17();\n    const [open, setOpen] = React.useState(defaultOpen);\n    const [openMobile, setOpenMobile] = React.useState(false);\n    const [isMobile, setIsMobile] = React.useState(false);\n    React.useEffect(() =\u003e {\n        const checkMobile = () =\u003e setIsMobile(window.innerWidth \u003c 768);\n        checkMobile();\n        window.addEventListener('resize', checkMobile);\n        return () =\u003e window.removeEventListener('resize', checkMobile);\n    }, []);\n    const toggleSidebar = React.useCallback(() =\u003e {\n        return isMobile ? setOpenMobile(prev =\u003e !prev) : setOpen(prev =\u003e !prev);\n    }, [isMobile]);\n    const contextValue = React.useMemo(() =\u003e ({\n        state: open ? \"expanded\" : \"collapsed\",\n        open,\n        setOpen,\n        openMobile,\n        setOpenMobile,\n        isMobile,\n        toggleSidebar,\n    }), [open, openMobile, isMobile, toggleSidebar]);\n    return (_jsxDEV(SidebarContext.Provider, { value: contextValue, children: _jsxDEV(\"div\", { style: {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-mobile\": SIDEBAR_WIDTH_MOBILE,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n            }, className: \"flex min-h-screen w-full\", __v0_c: \"78:19:flex min-h-screen w-full\", ...props, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 72, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = SidebarProvider;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"SidebarProvider\");\n_react_refresh_temp_17(SidebarProvider, \"oke5LEU/oaISnDiXOrN8ZsbKxzM=\");\nexport const Sidebar = React.forwardRef(_react_refresh_temp_2 = _react_refresh_temp_18(({ className, children, ...props }, ref) =\u003e {\n    _react_refresh_temp_18();\n    const { isMobile, openMobile, setOpenMobile } = useSidebar();\n    if (isMobile) {\n        return (_jsxDEV(Sheet, { open: openMobile, onOpenChange: setOpenMobile, children: _jsxDEV(SheetContent, { side: \"left\", className: \"w-[var(--sidebar-width-mobile)] p-0\", __v0_c: \"98:21:w-[var(--sidebar-width-mobile)] p-0\", children: _jsxDEV(\"div\", { className: \"flex h-full flex-col\", __v0_c: \"100:26:flex h-full flex-col\", children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 100, columnNumber: 11 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 96, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 94, columnNumber: 13 }, this));\n    }\n    return (_jsxDEV(\"div\", { ref: ref, className: cn(\"hidden border-r bg-background md:block\", className), style: { width: 'var(--sidebar-width)' }, ...props, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 106, columnNumber: 11 }, this));\n}, \"IEPRII0rLYZ8nJoybrBbL1FbGA8=\", false, () =\u003e [useSidebar]));\n__v0_$RefreshReg$(_react_refresh_temp_2, \"Sidebar$React.forwardRef\");\n_react_refresh_temp_3 = Sidebar;\n__v0_$RefreshReg$(_react_refresh_temp_3, \"Sidebar\");\nSidebar.displayName = \"Sidebar\";\nexport const SidebarHeader = React.forwardRef(_react_refresh_temp_4 = ({ className, ...props }, ref) =\u003e (_jsxDEV(\"div\", { ref: ref, className: cn(\"flex h-14 items-center border-b px-4\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 122, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_4, \"SidebarHeader$React.forwardRef\");\n_react_refresh_temp_5 = SidebarHeader;\n__v0_$RefreshReg$(_react_refresh_temp_5, \"SidebarHeader\");\nSidebarHeader.displayName = \"SidebarHeader\";\nexport const SidebarContent = React.forwardRef(_react_refresh_temp_6 = ({ className, ...props }, ref) =\u003e (_jsxDEV(\"div\", { ref: ref, className: cn(\"flex-1 overflow-auto\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 134, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_6, \"SidebarContent$React.forwardRef\");\n_react_refresh_temp_7 = SidebarContent;\n__v0_$RefreshReg$(_react_refresh_temp_7, \"SidebarContent\");\nSidebarContent.displayName = \"SidebarContent\";\nexport const SidebarMenu = React.forwardRef(_react_refresh_temp_8 = ({ className, ...props }, ref) =\u003e (_jsxDEV(\"ul\", { ref: ref, className: cn(\"flex flex-col space-y-1\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 146, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_8, \"SidebarMenu$React.forwardRef\");\n_react_refresh_temp_9 = SidebarMenu;\n__v0_$RefreshReg$(_react_refresh_temp_9, \"SidebarMenu\");\nSidebarMenu.displayName = \"SidebarMenu\";\nexport const SidebarMenuItem = React.forwardRef(_react_refresh_temp_10 = ({ className, ...props }, ref) =\u003e (_jsxDEV(\"li\", { ref: ref, className: cn(\"px-2\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 158, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_10, \"SidebarMenuItem$React.forwardRef\");\n_react_refresh_temp_11 = SidebarMenuItem;\n__v0_$RefreshReg$(_react_refresh_temp_11, \"SidebarMenuItem\");\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\nexport const SidebarMenuButton = React.forwardRef(_react_refresh_temp_12 = ({ className, active, ...props }, ref) =\u003e (_jsxDEV(\"button\", { ref: ref, className: cn(\"flex w-full items-center rounded-md px-2 py-1.5 text-sm font-medium hover:bg-accent hover:text-accent-foreground\", active \u0026\u0026 \"bg-accent text-accent-foreground\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 172, columnNumber: 46 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_12, \"SidebarMenuButton$React.forwardRef\");\n_react_refresh_temp_13 = SidebarMenuButton;\n__v0_$RefreshReg$(_react_refresh_temp_13, \"SidebarMenuButton\");\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\nexport const SidebarTrigger = React.forwardRef(_react_refresh_temp_14 = _react_refresh_temp_19(({ className, ...props }, ref) =\u003e {\n    _react_refresh_temp_19();\n    const { toggleSidebar } = useSidebar();\n    return (_jsxDEV(Button, { ref: ref, variant: \"ghost\", size: \"icon\", className: cn(\"h-9 w-9\", className), onClick: toggleSidebar, ...props, children: [_jsxDEV(PanelLeft, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 200, columnNumber: 7 }, this), _jsxDEV(\"span\", { className: \"sr-only\", __v0_c: \"201:23:sr-only\", __v0_i: \"201:33:Toggle Sidebar\", children: \"Toggle Sidebar\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 201, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 191, columnNumber: 11 }, this));\n}, \"dRnjPhQbCChcVGr4xvQkpNxnqyg=\", false, () =\u003e [useSidebar]));\n__v0_$RefreshReg$(_react_refresh_temp_14, \"SidebarTrigger$React.forwardRef\");\n_react_refresh_temp_15 = SidebarTrigger;\n__v0_$RefreshReg$(_react_refresh_temp_15, \"SidebarTrigger\");\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"21:T1918,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/ui/select\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n\"use client\";\nvar _react_refresh_temp_1, _react_refresh_temp_2, _react_refresh_temp_3, _react_refresh_temp_4, _react_refresh_temp_5, _react_refresh_temp_6, _react_refresh_temp_7, _react_refresh_temp_8, _react_refresh_temp_9, _react_refresh_temp_10;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/ui/select.tsx\";\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Check, ChevronDown } from 'lucide-react';\nimport { cn } from \"@v0/lib/utils\";\nconst Select = SelectPrimitive.Root;\nconst SelectGroup = SelectPrimitive.Group;\nconst SelectValue = SelectPrimitive.Value;\nconst SelectTrigger = React.forwardRef(_react_refresh_temp_1 = ({ className, children, ...props }, ref) =\u003e (_jsxDEV(SelectPrimitive.Trigger, { ref: ref, className: cn(\"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [\u0026\u003espan]:line-clamp-1\", className), ...props, children: [children, _jsxDEV(SelectPrimitive.Icon, { asChild: true, children: _jsxDEV(ChevronDown, { className: \"h-4 w-4 opacity-50\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 29, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 5 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 18, columnNumber: 48 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_1, \"SelectTrigger$React.forwardRef\");\n_react_refresh_temp_2 = SelectTrigger;\n__v0_$RefreshReg$(_react_refresh_temp_2, \"SelectTrigger\");\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\nconst SelectContent = React.forwardRef(_react_refresh_temp_3 = ({ className, children, position = \"popper\", ...props }, ref) =\u003e (_jsxDEV(SelectPrimitive.Portal, { children: _jsxDEV(SelectPrimitive.Content, { ref: ref, className: cn(\"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\", position === \"popper\" \u0026\u0026\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\", className), position: position, ...props, children: _jsxDEV(SelectPrimitive.Viewport, { className: cn(\"p-1\", position === \"popper\" \u0026\u0026\n                \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\"), children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 51, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 5 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 38, columnNumber: 69 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_3, \"SelectContent$React.forwardRef\");\n_react_refresh_temp_4 = SelectContent;\n__v0_$RefreshReg$(_react_refresh_temp_4, \"SelectContent\");\nSelectContent.displayName = SelectPrimitive.Content.displayName;\nconst SelectLabel = React.forwardRef(_react_refresh_temp_5 = ({ className, ...props }, ref) =\u003e (_jsxDEV(SelectPrimitive.Label, { ref: ref, className: cn(\"py-1.5 pl-8 pr-2 text-sm font-semibold\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_5, \"SelectLabel$React.forwardRef\");\n_react_refresh_temp_6 = SelectLabel;\n__v0_$RefreshReg$(_react_refresh_temp_6, \"SelectLabel\");\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\nconst SelectItem = React.forwardRef(_react_refresh_temp_7 = ({ className, children, ...props }, ref) =\u003e (_jsxDEV(SelectPrimitive.Item, { ref: ref, className: cn(\"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\", className), ...props, children: [_jsxDEV(\"span\", { className: \"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", __v0_c: \"89:21:absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", children: _jsxDEV(SelectPrimitive.ItemIndicator, { children: _jsxDEV(Check, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 91, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 90, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 89, columnNumber: 5 }, this), _jsxDEV(SelectPrimitive.ItemText, { children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 95, columnNumber: 5 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 80, columnNumber: 48 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_7, \"SelectItem$React.forwardRef\");\n_react_refresh_temp_8 = SelectItem;\n__v0_$RefreshReg$(_react_refresh_temp_8, \"SelectItem\");\nSelectItem.displayName = SelectPrimitive.Item.displayName;\nconst SelectSeparator = React.forwardRef(_react_refresh_temp_9 = ({ className, ...props }, ref) =\u003e (_jsxDEV(SelectPrimitive.Separator, { ref: ref, className: cn(\"-mx-1 my-1 h-px bg-muted\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 103, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_9, \"SelectSeparator$React.forwardRef\");\n_react_refresh_temp_10 = SelectSeparator;\n__v0_$RefreshReg$(_react_refresh_temp_10, \"SelectSeparator\");\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, };\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"22:T3234,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/mindmap/MindmapBuilder\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/mindmap/MindmapBuilder.tsx\";\nimport { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@v0/components/ui/card';\nimport { Button } from '@v0/components/ui/button';\nimport { Input } from '@v0/components/ui/input';\nimport { Label } from '@v0/components/ui/label';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@v0/components/ui/tabs';\nimport { Badge } from '@v0/components/ui/badge';\nimport { Atom, Brain, Network } from 'lucide-react';\nimport { ForceGraph } from '@v0/components/visualization/ForceGraph';\nconst initialNodes = [\n    {\n        id: 'root',\n        label: 'Quantum System',\n        type: 'root',\n        position: [0, 0, 0],\n        data: { isActive: true, energy: 100 }\n    },\n    {\n        id: 'quantum1',\n        label: 'Quantum Gate',\n        type: 'quantum',\n        position: [-2, 1, 0],\n        data: { isActive: false, energy: 0 }\n    },\n    {\n        id: 'neural1',\n        label: 'Neural Network',\n        type: 'neural',\n        position: [2, 1, 0],\n        data: { isActive: false, energy: 0 }\n    }\n];\nconst initialConnections = [\n    {\n        id: 'conn1',\n        source: 'root',\n        target: 'quantum1',\n        type: 'quantum',\n        strength: 1\n    },\n    {\n        id: 'conn2',\n        source: 'root',\n        target: 'neural1',\n        type: 'neural',\n        strength: 1\n    }\n];\nexport function MindmapBuilder() {\n    _react_refresh_temp_2();\n    const [nodes, setNodes] = useState(initialNodes);\n    const [connections, setConnections] = useState(initialConnections);\n    const [newNodeLabel, setNewNodeLabel] = useState('');\n    const [selectedType, setSelectedType] = useState('quantum');\n    const handleNodeClick = (nodeId) =\u003e {\n        setNodes(nodes.map(node =\u003e node.id === nodeId\n            ? { ...node, data: { ...node.data, isActive: true, energy: 100 } }\n            : node));\n    };\n    const addNode = () =\u003e {\n        if (!newNodeLabel)\n            return;\n        const newNode = {\n            id: `${selectedType}${nodes.length + 1}`,\n            label: newNodeLabel,\n            type: selectedType,\n            position: [\n                Math.random() * 4 - 2,\n                Math.random() * 4 - 2,\n                0\n            ],\n            data: { isActive: false, energy: 0 }\n        };\n        const newConnection = {\n            id: `conn${connections.length + 1}`,\n            source: 'root',\n            target: newNode.id,\n            type: selectedType,\n            strength: 1\n        };\n        setNodes([...nodes, newNode]);\n        setConnections([...connections, newConnection]);\n        setNewNodeLabel('');\n    };\n    return (_jsxDEV(Card, { children: [_jsxDEV(CardHeader, { children: _jsxDEV(CardTitle, { className: \"flex items-center gap-2\", __v0_c: \"100:30:flex items-center gap-2\", __v0_i: \"102:11:Quantum Mindmap Builder\\n        \", children: [_jsxDEV(Brain, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 101, columnNumber: 11 }, this), \"Quantum Mindmap Builder\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 100, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 99, columnNumber: 7 }, this), _jsxDEV(CardContent, { children: _jsxDEV(Tabs, { defaultValue: \"visualize\", className: \"space-y-4\", __v0_c: \"106:50:space-y-4\", children: [_jsxDEV(TabsList, { children: [_jsxDEV(TabsTrigger, { value: \"visualize\", __v0_i: \"108:44:Visualize\", children: \"Visualize\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 108, columnNumber: 13 }, this), _jsxDEV(TabsTrigger, { value: \"edit\", __v0_i: \"109:39:Edit\", children: \"Edit\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 109, columnNumber: 13 }, this), _jsxDEV(TabsTrigger, { value: \"analyze\", __v0_i: \"110:42:Analyze\", children: \"Analyze\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 110, columnNumber: 13 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 107, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"visualize\", children: _jsxDEV(ForceGraph, { nodes: nodes, connections: connections, onNodeClick: handleNodeClick, className: \"h-[500px]\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 114, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 113, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"edit\", className: \"space-y-4\", __v0_c: \"122:47:space-y-4\", children: [_jsxDEV(\"div\", { className: \"flex gap-4\", __v0_c: \"123:28:flex gap-4\", children: [_jsxDEV(\"div\", { className: \"flex-1 space-y-2\", __v0_c: \"124:30:flex-1 space-y-2\", children: [_jsxDEV(Label, { htmlFor: \"nodeLabel\", __v0_i: \"125:44:Node Label\", children: \"Node Label\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 125, columnNumber: 17 }, this), _jsxDEV(Input, { id: \"nodeLabel\", value: newNodeLabel, onChange: e =\u003e setNewNodeLabel(e.target.value), placeholder: \"Enter node label\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 126, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 124, columnNumber: 15 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"133:30:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"134:24:Type\", children: \"Type\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 134, columnNumber: 17 }, this), _jsxDEV(\"div\", { className: \"flex gap-2\", __v0_c: \"135:32:flex gap-2\", children: [_jsxDEV(Button, { variant: selectedType === 'quantum' ? 'default' : 'outline', onClick: () =\u003e setSelectedType('quantum'), className: \"flex gap-2\", __v0_c: \"139:31:flex gap-2\", __v0_i: \"142:21:Quantum\\n                  \", children: [_jsxDEV(Atom, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 141, columnNumber: 21 }, this), \"Quantum\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 136, columnNumber: 19 }, this), _jsxDEV(Button, { variant: selectedType === 'neural' ? 'default' : 'outline', onClick: () =\u003e setSelectedType('neural'), className: \"flex gap-2\", __v0_c: \"147:31:flex gap-2\", __v0_i: \"150:21:Neural\\n                  \", children: [_jsxDEV(Network, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 149, columnNumber: 21 }, this), \"Neural\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 144, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 135, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 133, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 123, columnNumber: 13 }, this), _jsxDEV(Button, { onClick: addNode, className: \"w-full\", __v0_c: \"155:49:w-full\", __v0_i: \"155:58:Add Node\", children: \"Add Node\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 155, columnNumber: 13 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 122, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"analyze\", className: \"space-y-4\", __v0_c: \"158:50:space-y-4\", children: _jsxDEV(\"div\", { className: \"rounded-lg border bg-muted/50 p-4\", __v0_c: \"159:28:rounded-lg border bg-muted/50 p-4\", children: _jsxDEV(\"div\", { className: \"space-y-4\", __v0_c: \"160:30:space-y-4\", children: [_jsxDEV(\"div\", { children: [_jsxDEV(\"h3\", { className: \"font-medium mb-2\", __v0_c: \"162:33:font-medium mb-2\", __v0_i: \"162:52:Network Statistics\", children: \"Network Statistics\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 162, columnNumber: 19 }, this), _jsxDEV(\"div\", { className: \"grid grid-cols-2 gap-2\", __v0_c: \"163:34:grid grid-cols-2 gap-2\", children: [_jsxDEV(\"div\", { children: [_jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"165:39:text-sm text-muted-foreground\", __v0_i: \"165:71:Total Nodes:\", children: \"Total Nodes:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 165, columnNumber: 23 }, this), _jsxDEV(Badge, { variant: \"outline\", className: \"ml-2\", __v0_c: \"166:58:ml-2\", children: nodes.length }, void 0, false, { fileName: _jsxFileName, lineNumber: 166, columnNumber: 23 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 164, columnNumber: 21 }, this), _jsxDEV(\"div\", { children: [_jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"171:39:text-sm text-muted-foreground\", __v0_i: \"171:71:Connections:\", children: \"Connections:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 171, columnNumber: 23 }, this), _jsxDEV(Badge, { variant: \"outline\", className: \"ml-2\", __v0_c: \"172:58:ml-2\", children: connections.length }, void 0, false, { fileName: _jsxFileName, lineNumber: 172, columnNumber: 23 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 170, columnNumber: 21 }, this), _jsxDEV(\"div\", { children: [_jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"177:39:text-sm text-muted-foreground\", __v0_i: \"177:71:Quantum Nodes:\", children: \"Quantum Nodes:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 177, columnNumber: 23 }, this), _jsxDEV(Badge, { variant: \"outline\", className: \"ml-2\", __v0_c: \"178:58:ml-2\", children: nodes.filter(n =\u003e n.type === 'quantum').length }, void 0, false, { fileName: _jsxFileName, lineNumber: 178, columnNumber: 23 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 176, columnNumber: 21 }, this), _jsxDEV(\"div\", { children: [_jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"183:39:text-sm text-muted-foreground\", __v0_i: \"183:71:Neural Nodes:\", children: \"Neural Nodes:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 183, columnNumber: 23 }, this), _jsxDEV(Badge, { variant: \"outline\", className: \"ml-2\", __v0_c: \"184:58:ml-2\", children: nodes.filter(n =\u003e n.type === 'neural').length }, void 0, false, { fileName: _jsxFileName, lineNumber: 184, columnNumber: 23 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 182, columnNumber: 21 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 163, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 161, columnNumber: 17 }, this), _jsxDEV(\"div\", { children: [_jsxDEV(\"h3\", { className: \"font-medium mb-2\", __v0_c: \"192:33:font-medium mb-2\", __v0_i: \"192:52:Active Nodes\", children: \"Active Nodes\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 192, columnNumber: 19 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"193:34:space-y-2\", children: nodes.filter(n =\u003e n.data.isActive).map(node =\u003e (_jsxDEV(\"div\", { className: \"flex items-center gap-2\", __v0_c: \"195:52:flex items-center gap-2\", children: [node.type === 'quantum' ? (_jsxDEV(Atom, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 196, columnNumber: 53 }, this)) : (_jsxDEV(Network, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 198, columnNumber: 30 }, this)), _jsxDEV(\"span\", { className: \"text-sm\", __v0_c: \"201:41:text-sm\", children: node.label }, void 0, false, { fileName: _jsxFileName, lineNumber: 201, columnNumber: 25 }, this), _jsxDEV(Badge, { variant: \"secondary\", className: \"ml-auto\", __v0_c: \"202:62:ml-auto\", __v0_i: \"203:45:%\\n                        \", children: [node.data.energy, \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 202, columnNumber: 25 }, this)] }, node.id, true, { fileName: _jsxFileName, lineNumber: 194, columnNumber: 70 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 193, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 191, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 160, columnNumber: 15 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 159, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 158, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 106, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 105, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 97, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = MindmapBuilder;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"MindmapBuilder\");\n_react_refresh_temp_2(MindmapBuilder, \"nH4ZVku2mwh2J9qHX1hz18i2BjU=\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"23:Tf6a,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/visualization/ForceGraph\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1, _react_refresh_temp_2;\nvar _react_refresh_temp_3;\n_react_refresh_temp_3 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/visualization/ForceGraph.tsx\";\nimport { useRef, useState } from 'react';\nimport { Canvas } from '@react-three/fiber';\nimport { OrbitControls, Text, Line } from '@react-three/drei';\nimport { Vector3 } from 'three';\nimport { cn } from '@v0/lib/utils';\nfunction NodeMesh({ node, onClick }) {\n    _react_refresh_temp_3();\n    const meshRef = useRef(null);\n    const [hovered, setHovered] = useState(false);\n    const color = node.data.isActive ? '#22c55e' : node.type === 'quantum' ? '#06b6d4' : '#8b5cf6';\n    return (_jsxDEV(\"group\", { position: node.position, children: [_jsxDEV(\"mesh\", { ref: meshRef, onPointerOver: () =\u003e setHovered(true), onPointerOut: () =\u003e setHovered(false), onClick: () =\u003e onClick?.(node.id), children: [_jsxDEV(\"sphereGeometry\", { args: [0.2, 32, 32] }, void 0, false, { fileName: _jsxFileName, lineNumber: 30, columnNumber: 9 }, this), _jsxDEV(\"meshStandardMaterial\", { color: color, emissive: color, emissiveIntensity: hovered ? 0.5 : 0.2 }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 7 }, this), _jsxDEV(Text, { position: [0, 0.3, 0], fontSize: 0.15, color: \"white\", anchorX: \"center\", anchorY: \"middle\", children: node.label }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = NodeMesh;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"NodeMesh\");\n_react_refresh_temp_3(NodeMesh, \"VkdtwDUSPU1NYsLgeyjn2UAO4ew=\");\nexport function ForceGraph({ nodes, connections, onNodeClick, className }) {\n    return (_jsxDEV(\"div\", { className: cn(\"w-full h-full min-h-[500px]\", className), children: _jsxDEV(Canvas, { camera: { position: [0, 0, 10] }, children: [_jsxDEV(\"ambientLight\", { intensity: 0.5 }, void 0, false, { fileName: _jsxFileName, lineNumber: 54, columnNumber: 9 }, this), _jsxDEV(\"pointLight\", { position: [10, 10, 10] }, void 0, false, { fileName: _jsxFileName, lineNumber: 55, columnNumber: 9 }, this), _jsxDEV(OrbitControls, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 56, columnNumber: 9 }, this), connections.map((conn) =\u003e {\n                    const source = nodes.find(n =\u003e n.id === conn.source);\n                    const target = nodes.find(n =\u003e n.id === conn.target);\n                    if (!source || !target)\n                        return null;\n                    return (_jsxDEV(Line, { points: [\n                            new Vector3(...source.position),\n                            new Vector3(...target.position)\n                        ], color: conn.type === 'quantum' ? '#06b6d4' : '#8b5cf6', lineWidth: 1 }, conn.id, false, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 19 }, this));\n                }), nodes.map((node) =\u003e (_jsxDEV(NodeMesh, { node: node, onClick: onNodeClick }, node.id, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 31 }, this)))] }, void 0, true, { fileName: _jsxFileName, lineNumber: 53, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 51, columnNumber: 11 }, this));\n}\n_react_refresh_temp_2 = ForceGraph;\n__v0_$RefreshReg$(_react_refresh_temp_2, \"ForceGraph\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"24:T31e9,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/quantum/QuantumCircuit\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/quantum/QuantumCircuit.tsx\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@v0/components/ui/card\";\nimport { Button } from \"@v0/components/ui/button\";\nimport { Label } from \"@v0/components/ui/label\";\nimport { Slider } from \"@v0/components/ui/slider\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@v0/components/ui/tabs\";\nimport { useCallback, useState } from \"react\";\nimport { Atom, Binary, CircuitBoard, Cpu, Maximize2, Minimize2, Wand2 } from 'lucide-react';\nexport function QuantumCircuit() {\n    _react_refresh_temp_2();\n    const [state, setState] = useState({\n        qubits: 3,\n        gates: ['H', 'CNOT', 'X'],\n        fidelity: 0.99,\n        errorRate: 0.01\n    });\n    const [isExpanded, setIsExpanded] = useState(false);\n    const handleQubitChange = useCallback((value) =\u003e {\n        setState(prev =\u003e ({ ...prev, qubits: value[0] }));\n    }, []);\n    const addGate = useCallback((gate) =\u003e {\n        setState(prev =\u003e ({\n            ...prev,\n            gates: [...prev.gates, gate]\n        }));\n    }, []);\n    return (_jsxDEV(Card, { className: cn(\"transition-all duration-300\", isExpanded ? \"fixed inset-4 z-50\" : \"w-full\"), children: [_jsxDEV(CardHeader, { className: \"flex flex-row items-center justify-between\", __v0_c: \"45:29:flex flex-row items-center justify-between\", children: [_jsxDEV(CardTitle, { className: \"flex items-center gap-2\", __v0_c: \"46:30:flex items-center gap-2\", __v0_i: \"48:11:Quantum Circuit Designer\\n        \", children: [_jsxDEV(CircuitBoard, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 11 }, this), \"Quantum Circuit Designer\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 9 }, this), _jsxDEV(Button, { variant: \"ghost\", size: \"icon\", onClick: () =\u003e setIsExpanded(x =\u003e !x), children: isExpanded ? (_jsxDEV(Minimize2, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 55, columnNumber: 26 }, this)) : (_jsxDEV(Maximize2, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 57, columnNumber: 16 }, this)) }, void 0, false, { fileName: _jsxFileName, lineNumber: 50, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 7 }, this), _jsxDEV(CardContent, { children: _jsxDEV(Tabs, { defaultValue: \"design\", className: \"space-y-4\", __v0_c: \"63:47:space-y-4\", children: [_jsxDEV(TabsList, { children: [_jsxDEV(TabsTrigger, { value: \"design\", __v0_i: \"65:41:Circuit Design\", children: \"Circuit Design\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 13 }, this), _jsxDEV(TabsTrigger, { value: \"simulation\", __v0_i: \"66:45:Simulation\", children: \"Simulation\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 66, columnNumber: 13 }, this), _jsxDEV(TabsTrigger, { value: \"analysis\", __v0_i: \"67:43:Analysis\", children: \"Analysis\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 13 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"design\", className: \"space-y-4\", __v0_c: \"70:49:space-y-4\", children: _jsxDEV(\"div\", { className: \"grid gap-4\", __v0_c: \"71:28:grid gap-4\", children: [_jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"72:30:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"73:24:Number of Qubits\", children: \"Number of Qubits\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 73, columnNumber: 17 }, this), _jsxDEV(Slider, { value: [state.qubits], min: 1, max: 5, step: 1, onValueChange: handleQubitChange }, void 0, false, { fileName: _jsxFileName, lineNumber: 74, columnNumber: 17 }, this), _jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"81:33:text-sm text-muted-foreground\", children: [\"Current: \", state.qubits, \" qubit\", state.qubits \u003e 1 ? 's' : ''] }, void 0, true, { fileName: _jsxFileName, lineNumber: 81, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 72, columnNumber: 15 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"86:30:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"87:24:Quantum Gates\", children: \"Quantum Gates\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 87, columnNumber: 17 }, this), _jsxDEV(\"div\", { className: \"flex flex-wrap gap-2\", __v0_c: \"88:32:flex flex-wrap gap-2\", children: [_jsxDEV(Button, { variant: \"outline\", size: \"sm\", onClick: () =\u003e addGate('H'), __v0_i: \"94:21:Add H Gate\\n                  \", children: \"Add H Gate\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 89, columnNumber: 19 }, this), _jsxDEV(Button, { variant: \"outline\", size: \"sm\", onClick: () =\u003e addGate('X'), __v0_i: \"101:21:Add X Gate\\n                  \", children: \"Add X Gate\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 96, columnNumber: 19 }, this), _jsxDEV(Button, { variant: \"outline\", size: \"sm\", onClick: () =\u003e addGate('CNOT'), __v0_i: \"108:21:Add CNOT\\n                  \", children: \"Add CNOT\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 103, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 88, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 86, columnNumber: 15 }, this), _jsxDEV(\"div\", { className: \"rounded-lg border bg-muted/50 p-4\", __v0_c: \"113:30:rounded-lg border bg-muted/50 p-4\", children: _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"114:32:space-y-2\", children: [_jsxDEV(\"div\", { className: \"flex items-center gap-2\", __v0_c: \"115:34:flex items-center gap-2\", children: [_jsxDEV(Cpu, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 116, columnNumber: 21 }, this), _jsxDEV(\"span\", { className: \"text-sm font-medium\", __v0_c: \"117:37:text-sm font-medium\", __v0_i: \"117:59:Current Circuit:\", children: \"Current Circuit:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 117, columnNumber: 21 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 115, columnNumber: 19 }, this), _jsxDEV(\"div\", { className: \"flex flex-wrap gap-2\", __v0_c: \"119:34:flex flex-wrap gap-2\", children: state.gates.map((gate, i) =\u003e (_jsxDEV(\"span\", { className: \"rounded bg-primary px-2 py-1 text-xs text-primary-foreground\", __v0_c: \"123:35:rounded bg-primary px-2 py-1 text-xs text-primary-foreground\", children: gate }, i, false, { fileName: _jsxFileName, lineNumber: 120, columnNumber: 52 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 119, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 114, columnNumber: 17 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 113, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 71, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"simulation\", children: _jsxDEV(\"div\", { className: \"space-y-4\", __v0_c: \"135:28:space-y-4\", children: [_jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"136:30:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"137:24:Fidelity\", children: \"Fidelity\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 137, columnNumber: 17 }, this), _jsxDEV(Slider, { value: [state.fidelity * 100], min: 0, max: 100, step: 1, onValueChange: (value) =\u003e setState(prev =\u003e ({ ...prev, fidelity: value[0] / 100 })) }, void 0, false, { fileName: _jsxFileName, lineNumber: 138, columnNumber: 17 }, this), _jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"145:33:text-sm text-muted-foreground\", __v0_i: \"146:54:%\\n                \", children: [(state.fidelity * 100).toFixed(1), \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 145, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 136, columnNumber: 15 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"150:30:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"151:24:Error Rate\", children: \"Error Rate\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 151, columnNumber: 17 }, this), _jsxDEV(Slider, { value: [state.errorRate * 100], min: 0, max: 10, step: 0.1, onValueChange: (value) =\u003e setState(prev =\u003e ({ ...prev, errorRate: value[0] / 100 })) }, void 0, false, { fileName: _jsxFileName, lineNumber: 152, columnNumber: 17 }, this), _jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"159:33:text-sm text-muted-foreground\", __v0_i: \"160:55:%\\n                \", children: [(state.errorRate * 100).toFixed(1), \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 159, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 150, columnNumber: 15 }, this), _jsxDEV(Button, { className: \"w-full\", __v0_c: \"164:33:w-full\", onClick: () =\u003e console.log('Run simulation'), __v0_i: \"166:17:Run Simulation\\n              \", children: [_jsxDEV(Binary, { className: \"mr-2 h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 165, columnNumber: 17 }, this), \"Run Simulation\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 164, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 135, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 134, columnNumber: 11 }, this), _jsxDEV(TabsContent, { value: \"analysis\", children: _jsxDEV(\"div\", { className: \"space-y-4\", __v0_c: \"172:28:space-y-4\", children: [_jsxDEV(\"div\", { className: \"rounded-lg border bg-muted/50 p-4\", __v0_c: \"173:30:rounded-lg border bg-muted/50 p-4\", children: _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"174:32:space-y-2\", children: [_jsxDEV(\"div\", { className: \"flex items-center gap-2\", __v0_c: \"175:34:flex items-center gap-2\", children: [_jsxDEV(Atom, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 176, columnNumber: 21 }, this), _jsxDEV(\"span\", { className: \"text-sm font-medium\", __v0_c: \"177:37:text-sm font-medium\", __v0_i: \"177:59:Analysis Results:\", children: \"Analysis Results:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 177, columnNumber: 21 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 175, columnNumber: 19 }, this), _jsxDEV(\"div\", { className: \"space-y-2 text-sm\", __v0_c: \"179:34:space-y-2 text-sm\", children: [_jsxDEV(\"p\", { __v0_i: \"180:24:Circuit Depth: \", children: [\"Circuit Depth: \", state.gates.length] }, void 0, true, { fileName: _jsxFileName, lineNumber: 180, columnNumber: 21 }, this), _jsxDEV(\"p\", { __v0_i: \"181:24:Total Qubits: \", children: [\"Total Qubits: \", state.qubits] }, void 0, true, { fileName: _jsxFileName, lineNumber: 181, columnNumber: 21 }, this), _jsxDEV(\"p\", { children: [\"Expected Fidelity: \", (state.fidelity * 100).toFixed(1), \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 182, columnNumber: 21 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 179, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 174, columnNumber: 17 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 173, columnNumber: 15 }, this), _jsxDEV(Button, { className: \"w-full\", __v0_c: \"187:33:w-full\", onClick: () =\u003e console.log('Optimize circuit'), __v0_i: \"189:17:Optimize Circuit\\n              \", children: [_jsxDEV(Wand2, { className: \"mr-2 h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 188, columnNumber: 17 }, this), \"Optimize Circuit\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 187, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 172, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 171, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 63, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 62, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = QuantumCircuit;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"QuantumCircuit\");\n_react_refresh_temp_2(QuantumCircuit, \"HQbshW7LWJW6hhQxY5nXnrHQHW4=\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"25:T18be,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/quantum/QuantumSimulator\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/quantum/QuantumSimulator.tsx\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@v0/components/ui/card\";\nimport { Progress } from \"@v0/components/ui/progress\";\nimport { Button } from \"@v0/components/ui/button\";\nimport { useState } from \"react\";\nimport { Activity, Atom, Braces, Cpu } from 'lucide-react';\nexport function QuantumSimulator() {\n    _react_refresh_temp_2();\n    const [state, setState] = useState({\n        isRunning: false,\n        progress: 0,\n        results: []\n    });\n    const startSimulation = async () =\u003e {\n        setState(prev =\u003e ({ ...prev, isRunning: true, progress: 0 }));\n        for (let i = 0; i \u003c= 100; i += 10) {\n            await new Promise(resolve =\u003e setTimeout(resolve, 500));\n            setState(prev =\u003e ({\n                ...prev,\n                progress: i,\n                results: [...Array(8)].map(() =\u003e Math.random())\n            }));\n        }\n        setState(prev =\u003e ({ ...prev, isRunning: false }));\n    };\n    return (_jsxDEV(Card, { className: \"w-full\", __v0_c: \"38:21:w-full\", children: [_jsxDEV(CardHeader, { children: _jsxDEV(CardTitle, { className: \"flex items-center gap-2\", __v0_c: \"40:30:flex items-center gap-2\", __v0_i: \"42:11:Quantum State Simulator\\n        \", children: [_jsxDEV(Atom, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 41, columnNumber: 11 }, this), \"Quantum State Simulator\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 40, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 39, columnNumber: 7 }, this), _jsxDEV(CardContent, { className: \"space-y-6\", __v0_c: \"45:30:space-y-6\", children: [_jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"46:24:space-y-2\", children: [_jsxDEV(\"div\", { className: \"flex items-center justify-between text-sm\", __v0_c: \"47:26:flex items-center justify-between text-sm\", children: [_jsxDEV(\"span\", { __v0_i: \"48:19:Simulation Progress\", children: \"Simulation Progress\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 48, columnNumber: 13 }, this), _jsxDEV(\"span\", { __v0_i: \"49:35:%\", children: [state.progress, \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 49, columnNumber: 13 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 47, columnNumber: 11 }, this), _jsxDEV(Progress, { value: state.progress }, void 0, false, { fileName: _jsxFileName, lineNumber: 51, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 9 }, this), _jsxDEV(Button, { onClick: startSimulation, disabled: state.isRunning, className: \"w-full\", __v0_c: \"57:21:w-full\", children: [_jsxDEV(Cpu, { className: \"mr-2 h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 11 }, this), state.isRunning ? 'Simulating...' : 'Start Simulation'] }, void 0, true, { fileName: _jsxFileName, lineNumber: 54, columnNumber: 9 }, this), state.results.length \u003e 0 \u0026\u0026 (_jsxDEV(\"div\", { className: \"rounded-lg border bg-muted p-4\", __v0_c: \"64:26:rounded-lg border bg-muted p-4\", children: _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"65:28:space-y-2\", children: [_jsxDEV(\"div\", { className: \"flex items-center gap-2\", __v0_c: \"66:30:flex items-center gap-2\", children: [_jsxDEV(Braces, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 17 }, this), _jsxDEV(\"span\", { className: \"text-sm font-medium\", __v0_c: \"68:33:text-sm font-medium\", __v0_i: \"68:55:Quantum State:\", children: \"Quantum State:\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 17 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 66, columnNumber: 15 }, this), _jsxDEV(\"div\", { className: \"grid grid-cols-2 gap-2\", __v0_c: \"70:30:grid grid-cols-2 gap-2\", children: state.results.map((result, index) =\u003e (_jsxDEV(\"div\", { className: \"flex items-center justify-between rounded bg-background p-2 text-xs\", __v0_c: \"74:31:flex items-center justify-between rounded bg-background p-2 text-xs\", children: [_jsxDEV(\"span\", { children: [\"|\", index, \"\\u27E9\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 76, columnNumber: 21 }, this), _jsxDEV(\"span\", { children: result.toFixed(4) }, void 0, false, { fileName: _jsxFileName, lineNumber: 77, columnNumber: 21 }, this)] }, index, true, { fileName: _jsxFileName, lineNumber: 71, columnNumber: 56 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 63, columnNumber: 39 }, this)), _jsxDEV(\"div\", { className: \"flex items-center gap-2 rounded-lg border bg-muted p-4\", __v0_c: \"85:24:flex items-center gap-2 rounded-lg border bg-muted p-4\", children: [_jsxDEV(Activity, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 86, columnNumber: 11 }, this), _jsxDEV(\"span\", { className: \"text-sm\", __v0_c: \"87:27:text-sm\", children: state.isRunning\n                                    ? 'Quantum simulation in progress...'\n                                    : 'Ready for simulation' }, void 0, false, { fileName: _jsxFileName, lineNumber: 87, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 85, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 45, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = QuantumSimulator;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"QuantumSimulator\");\n_react_refresh_temp_2(QuantumSimulator, \"ZaWRRCvmHmKrUfv3Xszp6fCLpv4=\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"26:T6bc,var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/app/quantum/page\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/app/quantum/page.tsx\";\nimport { QuantumCircuit } from \"@v0/components/quantum/QuantumCircuit\";\nimport { QuantumSimulator } from \"@v0/components/quantum/QuantumSimulator\";\nexport default function QuantumPage() {\n    return (_jsxDEV(\"div\", { className: \"container mx-auto p-6\", __v0_c: \"6:20:container mx-auto p-6\", children: [_jsxDEV(\"h1\", { className: \"mb-8 text-3xl font-bold\", __v0_c: \"7:21:mb-8 text-3xl font-bold\", __v0_i: \"7:47:Quantum Processing System\", children: \"Quantum Processing System\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 7, columnNumber: 7 }, this), _jsxDEV(\"div\", { className: \"grid gap-6 md:grid-cols-2\", __v0_c: \"8:22:grid gap-6 md:grid-cols-2\", children: [_jsxDEV(QuantumCircuit, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 9 }, this), _jsxDEV(QuantumSimulator, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 10, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = QuantumPage;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"QuantumPage\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig27:Ta6c,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/layout/Header\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/layout/Header.tsx\";\nimport { MainNav } from '@v0/components/layout/MainNav';\nimport { ModeToggle } from '@v0/components/layout/ModeToggle';\nimport { Input } from '@v0/components/ui/input';\nimport { Search } from 'lucide-react';\nexport function Header() {\n    return (_jsxDEV(\"header\", { className: \"sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60\", __v0_c: \"9:23:sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60\", children: _jsxDEV(\"div\", { className: \"container flex h-14 items-center\", __v0_c: \"10:22:container flex h-14 items-center\", children: [_jsxDEV(MainNav, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 11, columnNumber: 9 }, this), _jsxDEV(\"div\", { className: \"flex flex-1 items-center justify-end space-x-4\", __v0_c: \"12:24:flex flex-1 items-center justify-end space-x-4\", children: [_jsxDEV(\"div\", { className: \"w-full flex-1 md:w-auto md:flex-none\", __v0_c: \"13:26:w-full flex-1 md:w-auto md:flex-none\", children: _jsxDEV(\"div\", { className: \"relative\", __v0_c: \"14:28:relative\", children: [_jsxDEV(Search, { className: \"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 15 }, this), _jsxDEV(Input, { type: \"search\", placeholder: \"Search documentation...\", className: \"pl-8\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 16, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 14, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 13, columnNumber: 11 }, this), _jsxDEV(ModeToggle, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 12, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 10, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = Header;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"Header\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"28:Tb40,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/layout/MainNav\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/layout/MainNav.tsx\";\nimport Link from 'next/link';\nimport { usePathname } from 'next/navigation';\nimport { cn } from '@v0/lib/utils';\nimport { Button } from '@v0/components/ui/button';\nimport { Brain, Code2, Command, Cpu, FileJson, Network, Settings } from 'lucide-react';\nconst routes = [\n    {\n        title: 'Dashboard',\n        icon: Command,\n        href: '/dashboard',\n    },\n    {\n        title: 'AI Training',\n        icon: Brain,\n        href: '/training',\n    },\n    {\n        title: 'Quantum',\n        icon: Cpu,\n        href: '/quantum',\n    },\n    {\n        title: 'Neural Network',\n        icon: Network,\n        href: '/network',\n    },\n    {\n        title: 'API Reference',\n        icon: Code2,\n        href: '/api',\n    },\n    {\n        title: 'SDK',\n        icon: FileJson,\n        href: '/sdk',\n    },\n    {\n        title: 'Settings',\n        icon: Settings,\n        href: '/settings',\n    },\n];\nexport function MainNav() {\n    _react_refresh_temp_2();\n    const pathname = usePathname();\n    return (_jsxDEV(\"nav\", { className: \"flex items-center space-x-4 lg:space-x-6\", __v0_c: \"51:20:flex items-center space-x-4 lg:space-x-6\", children: routes.map((route) =\u003e {\n            const Icon = route.icon;\n            return (_jsxDEV(Button, { variant: \"ghost\", className: cn('h-9 w-9 p-0 lg:h-10 lg:w-fit lg:px-4', pathname === route.href \u0026\u0026 'bg-muted'), asChild: true, children: _jsxDEV(Link, { href: route.href, children: [_jsxDEV(Icon, { className: \"h-4 w-4 lg:mr-2\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 65, columnNumber: 15 }, this), _jsxDEV(\"span\", { className: \"hidden lg:inline-block\", __v0_c: \"66:31:hidden lg:inline-block\", children: route.title }, void 0, false, { fileName: _jsxFileName, lineNumber: 66, columnNumber: 15 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 13 }, this) }, route.href, false, { fileName: _jsxFileName, lineNumber: 54, columnNumber: 17 }, this));\n        }) }, void 0, false, { fileName: _jsxFileName, lineNumber: 50, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = MainNav;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"MainNav\");\n_react_refresh_temp_2(MainNav, \"xbyQPtUVMO7MNj7WjJlpdWqRcTo=\", false, () =\u003e [usePathname]);\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"29:Tbfd,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/layout/ModeToggle\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n\"use client\";\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/layout/ModeToggle.tsx\";\nimport * as React from \"react\";\nimport { Moon, Sun } from 'lucide-react';\nimport { useTheme } from \"next-themes\";\nimport { Button } from \"@v0/components/ui/button\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from \"@v0/components/ui/dropdown-menu\";\nexport function ModeToggle() {\n    _react_refresh_temp_2();\n    const { setTheme } = useTheme();\n    return (_jsxDEV(DropdownMenu, { children: [_jsxDEV(DropdownMenuTrigger, { asChild: true, children: _jsxDEV(Button, { variant: \"ghost\", size: \"icon\", className: \"h-9 w-9\", __v0_c: \"21:55:h-9 w-9\", children: [_jsxDEV(Sun, { className: \"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 22, columnNumber: 11 }, this), _jsxDEV(Moon, { className: \"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 23, columnNumber: 11 }, this), _jsxDEV(\"span\", { className: \"sr-only\", __v0_c: \"24:27:sr-only\", __v0_i: \"24:37:Toggle theme\", children: \"Toggle theme\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 24, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 21, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 20, columnNumber: 7 }, this), _jsxDEV(DropdownMenuContent, { align: \"end\", children: [_jsxDEV(DropdownMenuItem, { onClick: () =\u003e setTheme(\"light\"), __v0_i: \"29:11:Light\\n        \", children: \"Light\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 9 }, this), _jsxDEV(DropdownMenuItem, { onClick: () =\u003e setTheme(\"dark\"), __v0_i: \"32:11:Dark\\n        \", children: \"Dark\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 9 }, this), _jsxDEV(DropdownMenuItem, { onClick: () =\u003e setTheme(\"system\"), __v0_i: \"35:11:System\\n        \", children: \"System\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 34, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 27, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 18, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = ModeToggle;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"ModeToggle\");\n_react_refresh_temp_2(ModeToggle, \"a3u8LKbpX4CXbd+e8SJ1SuQ9KPw=\", false, () =\u003e [useTheme]);\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"2a:T278c,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/ui/dropdown-menu\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n\"use client\";\nvar _react_refresh_temp_1, _react_refresh_temp_2, _react_refresh_temp_3, _react_refresh_temp_4, _react_refresh_temp_5, _react_refresh_temp_6, _react_refresh_temp_7, _react_refresh_temp_8, _react_refresh_temp_9, _react_refresh_temp_10, _react_refresh_temp_11, _react_refresh_temp_12, _react_refresh_temp_13, _react_refresh_temp_14, _react_refresh_temp_15, _react_refresh_temp_16, _react_refresh_temp_17;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/ui/dropdown-menu.tsx\";\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronRight, Circle } from 'lucide-react';\nimport { cn } from \"@v0/lib/utils\";\nconst DropdownMenu = DropdownMenuPrimitive.Root;\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\nconst DropdownMenuSubTrigger = React.forwardRef(_react_refresh_temp_1 = ({ className, inset, children, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn(\"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\", inset \u0026\u0026 \"pl-8\", className), ...props, children: [children, _jsxDEV(ChevronRight, { className: \"ml-auto h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 5 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 26, columnNumber: 55 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_1, \"DropdownMenuSubTrigger$React.forwardRef\");\n_react_refresh_temp_2 = DropdownMenuSubTrigger;\n__v0_$RefreshReg$(_react_refresh_temp_2, \"DropdownMenuSubTrigger\");\nDropdownMenuSubTrigger.displayName =\n    DropdownMenuPrimitive.SubTrigger.displayName;\nconst DropdownMenuSubContent = React.forwardRef(_react_refresh_temp_3 = ({ className, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn(\"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_3, \"DropdownMenuSubContent$React.forwardRef\");\n_react_refresh_temp_4 = DropdownMenuSubContent;\n__v0_$RefreshReg$(_react_refresh_temp_4, \"DropdownMenuSubContent\");\nDropdownMenuSubContent.displayName =\n    DropdownMenuPrimitive.SubContent.displayName;\nconst DropdownMenuContent = React.forwardRef(_react_refresh_temp_5 = ({ className, sideOffset = 4, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.Portal, { children: _jsxDEV(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn(\"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 64, columnNumber: 5 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 62, columnNumber: 54 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_5, \"DropdownMenuContent$React.forwardRef\");\n_react_refresh_temp_6 = DropdownMenuContent;\n__v0_$RefreshReg$(_react_refresh_temp_6, \"DropdownMenuContent\");\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\nconst DropdownMenuItem = React.forwardRef(_react_refresh_temp_7 = ({ className, inset, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.Item, { ref: ref, className: cn(\"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\", inset \u0026\u0026 \"pl-8\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 82, columnNumber: 45 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_7, \"DropdownMenuItem$React.forwardRef\");\n_react_refresh_temp_8 = DropdownMenuItem;\n__v0_$RefreshReg$(_react_refresh_temp_8, \"DropdownMenuItem\");\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\nconst DropdownMenuCheckboxItem = React.forwardRef(_react_refresh_temp_9 = ({ className, children, checked, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn(\"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\", className), checked: checked, ...props, children: [_jsxDEV(\"span\", { className: \"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", __v0_c: \"108:21:absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", children: _jsxDEV(DropdownMenuPrimitive.ItemIndicator, { children: _jsxDEV(Check, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 110, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 109, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 108, columnNumber: 5 }, this), children] }, void 0, true, { fileName: _jsxFileName, lineNumber: 98, columnNumber: 57 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_9, \"DropdownMenuCheckboxItem$React.forwardRef\");\n_react_refresh_temp_10 = DropdownMenuCheckboxItem;\n__v0_$RefreshReg$(_react_refresh_temp_10, \"DropdownMenuCheckboxItem\");\nDropdownMenuCheckboxItem.displayName =\n    DropdownMenuPrimitive.CheckboxItem.displayName;\nconst DropdownMenuRadioItem = React.forwardRef(_react_refresh_temp_11 = ({ className, children, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn(\"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\", className), ...props, children: [_jsxDEV(\"span\", { className: \"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", __v0_c: \"131:21:absolute left-2 flex h-3.5 w-3.5 items-center justify-center\", children: _jsxDEV(DropdownMenuPrimitive.ItemIndicator, { children: _jsxDEV(Circle, { className: \"h-2 w-2 fill-current\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 133, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 132, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 131, columnNumber: 5 }, this), children] }, void 0, true, { fileName: _jsxFileName, lineNumber: 122, columnNumber: 48 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_11, \"DropdownMenuRadioItem$React.forwardRef\");\n_react_refresh_temp_12 = DropdownMenuRadioItem;\n__v0_$RefreshReg$(_react_refresh_temp_12, \"DropdownMenuRadioItem\");\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\nconst DropdownMenuLabel = React.forwardRef(_react_refresh_temp_13 = ({ className, inset, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.Label, { ref: ref, className: cn(\"px-2 py-1.5 text-sm font-semibold\", inset \u0026\u0026 \"pl-8\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 146, columnNumber: 45 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_13, \"DropdownMenuLabel$React.forwardRef\");\n_react_refresh_temp_14 = DropdownMenuLabel;\n__v0_$RefreshReg$(_react_refresh_temp_14, \"DropdownMenuLabel\");\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\nconst DropdownMenuSeparator = React.forwardRef(_react_refresh_temp_15 = ({ className, ...props }, ref) =\u003e (_jsxDEV(DropdownMenuPrimitive.Separator, { ref: ref, className: cn(\"-mx-1 my-1 h-px bg-muted\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 162, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_15, \"DropdownMenuSeparator$React.forwardRef\");\n_react_refresh_temp_16 = DropdownMenuSeparator;\n__v0_$RefreshReg$(_react_refresh_temp_16, \"DropdownMenuSeparator\");\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\nconst DropdownMenuShortcut = ({ className, ...props }) =\u003e {\n    return (_jsxDEV(\"span\", { className: cn(\"ml-auto text-xs tracking-widest opacity-60\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 175, columnNumber: 11 }, this));\n};\n_react_refresh_temp_17 = DropdownMenuShortcut;\n__v0_$RefreshReg$(_react_refresh_temp_17, \"DropdownMenuShortcut\");\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\nexport { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"2b:T604,var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/app/layout\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/app/layout.tsx\";\nimport { ThemeProvider } from \"@v0/components/theme-provider\";\nimport { RootLayout } from \"@v0/components/layout/RootLayout\";\nexport default function Layout({ children }) {\n    return (_jsxDEV(\"html\", { lang: \"en\", suppressHydrationWarning: true, children: [_jsxDEV(\"head\", {}, void 0, false, { fileName: _jsxFileName, lineNumber: 7, columnNumber: 7 }, this), _jsxDEV(\"body\", { children: _jsxDEV(ThemeProvider, { attribute: \"class\", defaultTheme: \"system\", enableSystem: true, disableTransitionOnChange: true, children: _jsxDEV(RootLayout, { children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 11 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = Layout;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"Layout\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig2c:T732,var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/layout/RootLayout\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/compon"])</script><script>self.__next_f.push([1,"ents/layout/RootLayout.tsx\";\nimport { ThemeProvider } from 'next-themes';\nimport { Header } from '@v0/components/layout/Header';\nimport { SideNav } from '@v0/components/layout/SideNav';\nimport { SidebarProvider } from '@v0/components/ui/sidebar';\nexport function RootLayout({ children }) {\n    return (_jsxDEV(ThemeProvider, { attribute: \"class\", defaultTheme: \"system\", enableSystem: true, children: _jsxDEV(SidebarProvider, { children: [_jsxDEV(SideNav, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 12, columnNumber: 9 }, this), _jsxDEV(\"div\", { className: \"flex-1\", __v0_c: \"13:24:flex-1\", children: [_jsxDEV(Header, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 14, columnNumber: 11 }, this), _jsxDEV(\"main\", { className: \"container mx-auto p-6\", __v0_c: \"15:27:container mx-auto p-6\", children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 15, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 13, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 11, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = RootLayout;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"RootLayout\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig2d:T18a0,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/ui/sheet\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n\"use client\";\nvar _react_refresh_temp_1, _react_refresh_temp_2, _react_refresh_temp_3, _react_refresh_temp_4, _react_refresh_temp_5, _react_refresh_temp_6, _react_refresh_temp_7, _react_refresh_temp_8, _react_refresh_temp_9;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/ui/sheet.tsx\";\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from 'lucide-react';\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"@v0/lib/utils\";\nconst Sheet = SheetPrimitive.Root;\nconst SheetTrigger = SheetPrimitive.Trigger;\nconst SheetClose = SheetPrimitive.Close;\nconst SheetPortal = SheetPrimitive.Portal;\nconst SheetOverlay = React.forwardRef(({ className, ...props }, ref) =\u003e (_jsxDEV(SheetPrimitive.Overlay, { className: cn(\"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\", className), ...props, ref: ref }, void 0, false, { fileName: _jsxFileName, lineNumber: 21, columnNumber: 38 }, this)));\n_react_refresh_temp_1 = SheetOverlay;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"SheetOverlay\");\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\nconst sheetVariants = cva(\"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\", {\n    variants: {\n        side: {\n            top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n            bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n            left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n            right: \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n        },\n    },\n    defaultVariants: {\n        side: \"right\",\n    },\n});\nconst SheetContent = React.forwardRef(_react_refresh_temp_2 = ({ side = \"right\", className, children, ...props }, ref) =\u003e (_jsxDEV(SheetPortal, { children: [_jsxDEV(SheetOverlay, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 61, columnNumber: 5 }, this), _jsxDEV(SheetPrimitive.Content, { ref: ref, className: cn(sheetVariants({ side }), className), ...props, children: [children, _jsxDEV(SheetPrimitive.Close, { className: \"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\", __v0_c: \"68:39:absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\", children: [_jsxDEV(X, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 9 }, this), _jsxDEV(\"span\", { className: \"sr-only\", __v0_c: \"70:25:sr-only\", __v0_i: \"70:35:Close\", children: \"Close\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 62, columnNumber: 5 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 59, columnNumber: 64 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_2, \"SheetContent$React.forwardRef\");\n_react_refresh_temp_3 = SheetContent;\n__v0_$RefreshReg$(_react_refresh_temp_3, \"SheetContent\");\nSheetContent.displayName = SheetPrimitive.Content.displayName;\nconst SheetHeader = ({ className, ...props }) =\u003e (_jsxDEV(\"div\", { className: cn(\"flex flex-col space-y-2 text-center sm:text-left\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 80, columnNumber: 46 }, this));\n_react_refresh_temp_4 = SheetHeader;\n__v0_$RefreshReg$(_react_refresh_temp_4, \"SheetHeader\");\nSheetHeader.displayName = \"SheetHeader\";\nconst SheetFooter = ({ className, ...props }) =\u003e (_jsxDEV(\"div\", { className: cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 94, columnNumber: 46 }, this));\n_react_refresh_temp_5 = SheetFooter;\n__v0_$RefreshReg$(_react_refresh_temp_5, \"SheetFooter\");\nSheetFooter.displayName = \"SheetFooter\";\nconst SheetTitle = React.forwardRef(_react_refresh_temp_6 = ({ className, ...props }, ref) =\u003e (_jsxDEV(SheetPrimitive.Title, { ref: ref, className: cn(\"text-lg font-semibold text-foreground\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 108, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_6, \"SheetTitle$React.forwardRef\");\n_react_refresh_temp_7 = SheetTitle;\n__v0_$RefreshReg$(_react_refresh_temp_7, \"SheetTitle\");\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\nconst SheetDescription = React.forwardRef(_react_refresh_temp_8 = ({ className, ...props }, ref) =\u003e (_jsxDEV(SheetPrimitive.Description, { ref: ref, className: cn(\"text-sm text-muted-foreground\", className), ...props }, void 0, false, { fileName: _jsxFileName, lineNumber: 120, columnNumber: 38 }, this)));\n__v0_$RefreshReg$(_react_refresh_temp_8, \"SheetDescription$React.forwardRef\");\n_react_refresh_temp_9 = SheetDescription;\n__v0_$RefreshReg$(_react_refresh_temp_9, \"SheetDescription\");\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\nexport { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"2e:T85f,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/lib/stores/mindmap-store\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\nimport { create } from 'zustand';\nexport const useMindmapStore = create(_react_refresh_temp_1 = (set) =\u003e ({\n    nodes: [\n        {\n            id: 'root',\n            label: 'AI System',\n            type: 'root',\n            position: [0, 0, 0],\n            data: {}\n        },\n        {\n            id: 'neural',\n            label: 'Neural Network',\n            type: 'neural',\n            position: [-2, 1, 0],\n            data: {\n                activation: {\n                    isActive: false,\n                    energy: 0\n                }\n            }\n        },\n        {\n            id: 'quantum',\n            label: 'Quantum Processor',\n            type: 'quantum',\n            position: [2, 1, 0],\n            data: {\n                activation: {\n                    isActive: false,\n                    energy: 0\n                }\n            }\n        }\n    ],\n    connections: [\n        {\n            id: 'conn1',\n            source: 'root',\n            target: 'neural',\n            type: 'neural',\n            strength: 1\n        },\n        {\n            id: 'conn2',\n            source: 'root',\n            target: 'quantum',\n            type: 'quantum',\n            strength: 1\n        }\n    ],\n    activateNode: (id) =\u003e set((state) =\u003e ({\n        nodes: state.nodes.map((node) =\u003e node.id === id\n            ? {\n                ...node,\n                data: {\n                    ...node.data,\n                    activation: {\n                        isActive: true,\n                        energy: 100\n                    }\n                }\n            }\n            : node)\n    }))\n}));\n__v0_$RefreshReg$(_react_refresh_temp_1, \"useMindmapStore$create\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"2f:T5d1,var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/hooks/use-services\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\n_react_refresh_temp_1 = __v0_$RefreshSig$();\nimport { useState, useEffect } from 'react';\nclass SyncService {\n    initialized = false;\n    async init() {\n        // Simulate initialization\n        await new Promise(resolve =\u003e setTimeout(resolve, 1000));\n        this.initialized = true;\n    }\n    isInitialized() {\n        return this.initialized;\n    }\n}\nexport function useServices() {\n    _react_refresh_temp_1();\n    const [isInitialized, setIsInitialized] = useState(false);\n    const [error, setError] = useState(null);\n    useEffect(() =\u003e {\n        const service = new SyncService();\n        const initialize = async () =\u003e {\n            try {\n                await service.init();\n                setIsInitialized(true);\n            }\n            catch (err) {\n                setError(err instanceof Error ? err : new Error('Failed to initialize services'));\n            }\n        };\n        initialize();\n    }, []);\n    return { isInitialized, error };\n}\n_react_refresh_temp_1(useServices, \"IQyRC1Ko0mQIfjL9MuBiqM+M+IQ=\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig30:Ta52,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/lib/utils/quantum\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nexport function calculateStatevector(gates, qubits) {\n    // Initialize state vector to |0...0⟩\n    const dim = Math.pow(2, qubits);\n    const statevector = Array(dim).fill({ real: 0, imag: 0 });\n    statevector[0] = { real: 1, imag: 0 };\n    // Apply each gate\n    gates.forEach(gate =\u003e {\n        applyGate(statevector, gate, qubits);\n    });\n    return statevector;\n}\nexport function applyGate(statevector, gate, qubits) {\n    switch (gate.type) {\n        case 'H':\n            applyHadamard(statevector, gate.targets[0], qubits);\n            break;\n        case 'X':\n            applyPauliX(statevector, gate.targets[0], qubits);\n            break;\n        // Add other gates as needed\n    }\n}\nfunction applyHadamard(statevector, target, qubits) {\n    const factor = 1 / Math.sqrt(2);\n    const dim = Math.pow(2, qubits);\n    const newState = [...statevector];\n    for (let i = 0; i \u003c dim; i++) {\n        if ((i \u0026 (1 \u003c\u003c target)) === 0) {\n            const j = i | (1 \u003c\u003c target);\n            const temp = { ...statevector[i] };\n            newState[i] = {\n                real: factor * (statevector[i].real + statevector[j].real),\n                imag: factor * (statevector[i].imag + statevector[j].imag)\n            };\n            newState[j] = {\n                real: factor * (temp.real - statevector[j].real),\n                imag: factor * (temp.imag - statevector[j].imag)\n            };\n        }\n    }\n    Object.assign(statevector, newState);\n}\nfunction applyPauliX(statevector, target, qubits) {\n    const dim = Math.pow(2, qubits);\n    for (let i = 0; i \u003c dim; i++) {\n        if ((i \u0026 (1 \u003c\u003c target)) === 0) {\n            const j = i | (1 \u003c\u003c target);\n            const temp = statevector[i];\n            statevector[i] = statevector[j];\n            statevector[j] = temp;\n        }\n    }\n}\nexport function calculateProbabilities(statevector) {\n    return statevector.map(c =\u003e c.real * c.real + c.imag * c.imag);\n}\nexport function calculateFidelity(actual, expected) {\n    let fidelity = 0;\n    for (let i = 0; i \u003c actual.length; i++) {\n        const a = actual[i];\n        const e = expected[i];\n        fidelity += (a.real * e.real + a.imag * e.imag) ** 2;\n    }\n    return Math.sqrt(fidelity);\n}\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"31:T1325,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/quantum/QuantumStateVisualizer\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1, _react_refresh_temp_2;\nvar _react_refresh_temp_3;\n_react_refresh_temp_3 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/quantum/QuantumStateVisualizer.tsx\";\nimport { useRef } from 'react';\nimport { Canvas, useFrame } from '@react-three/fiber';\nimport { OrbitControls, Text } from '@react-three/drei';\nimport { Card, CardContent, CardHeader, CardTitle } from '@v0/components/ui/card';\nimport { Atom } from 'lucide-react';\nfunction BlochSphere({ state, label }) {\n    _react_refresh_temp_3();\n    const meshRef = useRef(null);\n    useFrame(() =\u003e {\n        if (meshRef.current) {\n            meshRef.current.rotation.x += 0.01;\n            meshRef.current.rotation.y += 0.01;\n        }\n    });\n    const theta = Math.atan2(Math.sqrt(state.real * state.real + state.imag * state.imag), 0);\n    const phi = Math.atan2(state.imag, state.real);\n    return (_jsxDEV(\"group\", { children: [_jsxDEV(\"mesh\", { ref: meshRef, children: [_jsxDEV(\"sphereGeometry\", { args: [1, 32, 32] }, void 0, false, { fileName: _jsxFileName, lineNumber: 32, columnNumber: 9 }, this), _jsxDEV(\"meshPhongMaterial\", { wireframe: true, color: \"#4f46e5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 33, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 31, columnNumber: 7 }, this), _jsxDEV(\"mesh\", { position: [\n                    Math.sin(theta) * Math.cos(phi),\n                    Math.sin(theta) * Math.sin(phi),\n                    Math.cos(theta)\n                ], children: [_jsxDEV(\"sphereGeometry\", { args: [0.1, 16, 16] }, void 0, false, { fileName: _jsxFileName, lineNumber: 42, columnNumber: 9 }, this), _jsxDEV(\"meshStandardMaterial\", { color: \"#22c55e\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 43, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 37, columnNumber: 7 }, this), label \u0026\u0026 (_jsxDEV(Text, { position: [0, 1.5, 0], fontSize: 0.2, color: \"white\", anchorX: \"center\", anchorY: \"middle\", children: label }, void 0, false, { fileName: _jsxFileName, lineNumber: 46, columnNumber: 18 }, this))] }, void 0, true, { fileName: _jsxFileName, lineNumber: 28, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = BlochSphere;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"BlochSphere\");\n_react_refresh_temp_3(BlochSphere, \"/vg1AmA8+P3+Fj0/y210JTVKtL0=\", false, () =\u003e [useFrame]);\nexport function QuantumStateVisualizer({ states, className }) {\n    return (_jsxDEV(Card, { className: className, children: [_jsxDEV(CardHeader, { children: _jsxDEV(CardTitle, { className: \"flex items-center gap-2\", __v0_c: \"70:30:flex items-center gap-2\", __v0_i: \"72:11:Quantum State Visualization\\n        \", children: [_jsxDEV(Atom, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 71, columnNumber: 11 }, this), \"Quantum State Visualization\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 69, columnNumber: 7 }, this), _jsxDEV(CardContent, { children: _jsxDEV(\"div\", { className: \"h-[400px]\", __v0_c: \"76:24:h-[400px]\", children: _jsxDEV(Canvas, { camera: { position: [0, 0, 5] }, children: [_jsxDEV(\"ambientLight\", { intensity: 0.5 }, void 0, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 13 }, this), _jsxDEV(\"pointLight\", { position: [10, 10, 10] }, void 0, false, { fileName: _jsxFileName, lineNumber: 79, columnNumber: 13 }, this), _jsxDEV(OrbitControls, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 80, columnNumber: 13 }, this), states.map((state, i) =\u003e (_jsxDEV(\"group\", { position: [2 * (i - (states.length - 1) / 2), 0, 0], children: _jsxDEV(BlochSphere, { state: state, label: `|${i}⟩` }, void 0, false, { fileName: _jsxFileName, lineNumber: 84, columnNumber: 17 }, this) }, i, false, { fileName: _jsxFileName, lineNumber: 82, columnNumber: 40 }, this)))] }, void 0, true, { fileName: _jsxFileName, lineNumber: 77, columnNumber: 11 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 76, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 75, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 67, columnNumber: 11 }, this));\n}\n_react_refresh_temp_2 = QuantumStateVisualizer;\n__v0_$RefreshReg$(_react_refresh_temp_2, \"QuantumStateVisualizer\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"32:T25e0,"])</script><script>self.__next_f.push([1,"var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/components/quantum/QuantumCircuitDesigner\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\n'use client';\nvar _react_refresh_temp_1;\nvar _react_refresh_temp_2;\n_react_refresh_temp_2 = __v0_$RefreshSig$();\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/components/quantum/QuantumCircuitDesigner.tsx\";\nimport { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@v0/components/ui/card';\nimport { Button } from '@v0/components/ui/button';\nimport { Label } from '@v0/components/ui/label';\nimport { Slider } from '@v0/components/ui/slider';\nimport { CircuitBoard, Play, RotateCcw, Save } from 'lucide-react';\nimport { calculateStatevector, calculateProbabilities } from '@v0/lib/utils/quantum';\nconst INITIAL_CIRCUIT = {\n    id: '1',\n    gates: [],\n    qubits: 2,\n    measurements: []\n};\nconst AVAILABLE_GATES = [\n    { type: 'H', label: 'H', description: 'Hadamard Gate' },\n    { type: 'X', label: 'X', description: 'Pauli-X Gate' },\n    { type: 'Y', label: 'Y', description: 'Pauli-Y Gate' },\n    { type: 'Z', label: 'Z', description: 'Pauli-Z Gate' },\n    { type: 'CNOT', label: 'CNOT', description: 'Controlled-NOT Gate' },\n    { type: 'SWAP', label: 'SWAP', description: 'SWAP Gate' },\n];\nexport function QuantumCircuitDesigner() {\n    _react_refresh_temp_2();\n    const [circuit, setCircuit] = useState(INITIAL_CIRCUIT);\n    const [selectedGate, setSelectedGate] = useState('H');\n    const [results, setResults] = useState([]);\n    const addGate = (type, target) =\u003e {\n        const newGate = {\n            id: `${circuit.gates.length + 1}`,\n            type,\n            targets: [target]\n        };\n        if (type === 'CNOT') {\n            newGate.controls = [target \u003e 0 ? target - 1 : target + 1];\n        }\n        setCircuit(prev =\u003e ({\n            ...prev,\n            gates: [...prev.gates, newGate]\n        }));\n    };\n    const runCircuit = () =\u003e {\n        const statevector = calculateStatevector(circuit.gates, circuit.qubits);\n        const probabilities = calculateProbabilities(statevector);\n        setResults(probabilities);\n    };\n    const resetCircuit = () =\u003e {\n        setCircuit(INITIAL_CIRCUIT);\n        setResults([]);\n    };\n    return (_jsxDEV(Card, { children: [_jsxDEV(CardHeader, { children: _jsxDEV(CardTitle, { className: \"flex items-center gap-2\", __v0_c: \"71:30:flex items-center gap-2\", __v0_i: \"73:11:Quantum Circuit Designer\\n        \", children: [_jsxDEV(CircuitBoard, { className: \"h-5 w-5\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 72, columnNumber: 11 }, this), \"Quantum Circuit Designer\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 71, columnNumber: 9 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 70, columnNumber: 7 }, this), _jsxDEV(CardContent, { className: \"space-y-4\", __v0_c: \"76:30:space-y-4\", children: [_jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"77:24:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"78:18:Number of Qubits\", children: \"Number of Qubits\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 78, columnNumber: 11 }, this), _jsxDEV(Slider, { value: [circuit.qubits], min: 1, max: 5, step: 1, onValueChange: ([value]) =\u003e setCircuit(prev =\u003e ({ ...prev, qubits: value })) }, void 0, false, { fileName: _jsxFileName, lineNumber: 79, columnNumber: 11 }, this), _jsxDEV(\"span\", { className: \"text-sm text-muted-foreground\", __v0_c: \"86:27:text-sm text-muted-foreground\", __v0_i: \"87:30:qubit\", children: [circuit.qubits, \" qubit\", circuit.qubits \u003e 1 ? 's' : ''] }, void 0, true, { fileName: _jsxFileName, lineNumber: 86, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 77, columnNumber: 9 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"91:24:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"92:18:Available Gates\", children: \"Available Gates\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 92, columnNumber: 11 }, this), _jsxDEV(\"div\", { className: \"flex flex-wrap gap-2\", __v0_c: \"93:26:flex flex-wrap gap-2\", children: AVAILABLE_GATES.map(gate =\u003e (_jsxDEV(Button, { variant: selectedGate === gate.type ? 'default' : 'outline', onClick: () =\u003e setSelectedGate(gate.type), title: gate.description, children: gate.label }, gate.type, false, { fileName: _jsxFileName, lineNumber: 94, columnNumber: 43 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 93, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 91, columnNumber: 9 }, this), _jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"107:24:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"108:18:Circuit\", children: \"Circuit\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 108, columnNumber: 11 }, this), _jsxDEV(\"div\", { className: \"rounded-lg border bg-muted p-4\", __v0_c: \"109:26:rounded-lg border bg-muted p-4\", children: Array.from({ length: circuit.qubits }).map((_, i) =\u003e (_jsxDEV(\"div\", { className: \"flex items-center gap-2 py-2\", __v0_c: \"111:38:flex items-center gap-2 py-2\", children: [_jsxDEV(\"span\", { className: \"w-8 text-sm\", __v0_c: \"112:33:w-8 text-sm\", __v0_i: \"112:47:q\", children: [\"q\", i] }, void 0, true, { fileName: _jsxFileName, lineNumber: 112, columnNumber: 17 }, this), _jsxDEV(\"div\", { className: \"flex-1 flex items-center gap-2\", __v0_c: \"113:32:flex-1 flex items-center gap-2\", children: [circuit.gates\n                                                    .filter(g =\u003e g.targets.includes(i) || g.controls?.includes(i))\n                                                    .map(gate =\u003e (_jsxDEV(Button, { variant: \"secondary\", size: \"sm\", className: \"min-w-[40px]\", __v0_c: \"121:35:min-w-[40px]\", children: gate.type }, gate.id, false, { fileName: _jsxFileName, lineNumber: 116, columnNumber: 35 }, this))), _jsxDEV(Button, { variant: \"ghost\", size: \"sm\", onClick: () =\u003e addGate(selectedGate, i), className: \"border border-dashed border-muted-foreground/20\", __v0_c: \"130:31:border border-dashed border-muted-foreground/20\", __v0_i: \"132:21:+\\n                  \", children: \"+\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 126, columnNumber: 19 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 113, columnNumber: 17 }, this)] }, i, true, { fileName: _jsxFileName, lineNumber: 110, columnNumber: 68 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 109, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 107, columnNumber: 9 }, this), _jsxDEV(\"div\", { className: \"flex gap-2\", __v0_c: \"140:24:flex gap-2\", children: [_jsxDEV(Button, { onClick: runCircuit, className: \"flex-1\", __v0_c: \"141:50:flex-1\", __v0_i: \"143:13:Run Circuit\\n          \", children: [_jsxDEV(Play, { className: \"mr-2 h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 142, columnNumber: 13 }, this), \"Run Circuit\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 141, columnNumber: 11 }, this), _jsxDEV(Button, { variant: \"outline\", onClick: resetCircuit, children: _jsxDEV(RotateCcw, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 146, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 145, columnNumber: 11 }, this), _jsxDEV(Button, { variant: \"outline\", children: _jsxDEV(Save, { className: \"h-4 w-4\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 149, columnNumber: 13 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 148, columnNumber: 11 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 140, columnNumber: 9 }, this), results.length \u003e 0 \u0026\u0026 (_jsxDEV(\"div\", { className: \"space-y-2\", __v0_c: \"154:26:space-y-2\", children: [_jsxDEV(Label, { __v0_i: \"155:20:Results\", children: \"Results\" }, void 0, false, { fileName: _jsxFileName, lineNumber: 155, columnNumber: 13 }, this), _jsxDEV(\"div\", { className: \"rounded-lg border bg-muted p-4\", __v0_c: \"156:28:rounded-lg border bg-muted p-4\", children: _jsxDEV(\"div\", { className: \"grid grid-cols-2 gap-2\", __v0_c: \"157:30:grid grid-cols-2 gap-2\", children: results.map((prob, i) =\u003e (_jsxDEV(\"div\", { className: \"flex justify-between\", __v0_c: \"159:42:flex justify-between\", children: [_jsxDEV(\"span\", { className: \"text-sm\", __v0_c: \"160:37:text-sm\", children: [\"|\", i.toString(2).padStart(circuit.qubits, '0'), \"\\u27E9\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 160, columnNumber: 21 }, this), _jsxDEV(\"span\", { className: \"text-sm\", __v0_c: \"161:37:text-sm\", __v0_i: \"161:72:%\", children: [(prob * 100).toFixed(1), \"%\"] }, void 0, true, { fileName: _jsxFileName, lineNumber: 161, columnNumber: 21 }, this)] }, i, true, { fileName: _jsxFileName, lineNumber: 158, columnNumber: 44 }, this))) }, void 0, false, { fileName: _jsxFileName, lineNumber: 157, columnNumber: 15 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 156, columnNumber: 13 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 153, columnNumber: 33 }, this))] }, void 0, true, { fileName: _jsxFileName, lineNumber: 76, columnNumber: 7 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 68, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = QuantumCircuitDesigner;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"QuantumCircuitDesigner\");\n_react_refresh_temp_2(QuantumCircuitDesigner, \"rsJWoQrPBKQvMU8MkkpBf1K/v0M=\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"33:T676,var prevRefreshReg = self.__v0_$RefreshReg$\nvar prevRefreshSig = self.__v0_$RefreshSig$\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\n  self.__v0_refreshRuntime.register(type, \"@v0/app/page\" + ' ' + id)\n}\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\n\nvar _react_refresh_temp_1;\nimport { jsxDEV as _jsxDEV } from \"__v0__/jsx-dev-runtime\";\nconst _jsxFileName = \"/@v0/app/page.tsx\";\nimport { QuantumCircuitDesigner } from '@v0/components/quantum/QuantumCircuitDesigner';\nimport { QuantumStateVisualizer } from '@v0/components/quantum/QuantumStateVisualizer';\nexport default function QuantumMindmapPage() {\n    return (_jsxDEV(\"div\", { className: \"container mx-auto p-6 space-y-6\", __v0_c: \"6:20:container mx-auto p-6 space-y-6\", children: _jsxDEV(\"div\", { className: \"grid gap-6 lg:grid-cols-2\", __v0_c: \"7:22:grid gap-6 lg:grid-cols-2\", children: [_jsxDEV(QuantumCircuitDesigner, {}, void 0, false, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 9 }, this), _jsxDEV(QuantumStateVisualizer, { states: [\n                        { real: 1, imag: 0 },\n                        { real: 0, imag: 0 }\n                    ] }, void 0, false, { fileName: _jsxFileName, lineNumber: 9, columnNumber: 9 }, this)] }, void 0, true, { fileName: _jsxFileName, lineNumber: 7, columnNumber: 7 }, this) }, void 0, false, { fileName: _jsxFileName, lineNumber: 5, columnNumber: 11 }, this));\n}\n_react_refresh_temp_1 = QuantumMindmapPage;\n__v0_$RefreshReg$(_react_refresh_temp_1, \"QuantumMindmapPage\");\n\n\nself.__v0_$RefreshReg$ = prevRefreshReg\nself.__v0_$RefreshSig$ = prevRefreshSig"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"style\",null,{\"children\":\"  :root {\\n    --font-sans: __variable_3a0388;\\n    --font-mono: __variable_c1e5c9;\\n  }\\n  \"}],[\"$\",\"$Le\",null,{\"names\":[\"NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT\",\"PINECONE_HOSTNAME\",\"TIDB_HOST\",\"TIDB_PORT\",\"TIDB_USER\",\"TIDB_PASSWORD\",\"BLOB_READ_WRITE_TOKEN\",\"PINECONE_API_KEY\",\"LMNT_API_KEY\",\"OPENAI_BASE_URL\",\"OPENAI_API_KEY\",\"TOGETHER_API_KEY\"],\"projectId\":\"$undefined\"}],[\"$\",\"$Lf\",null,{\"files\":[[\"components/layout/SideNav.tsx\",\"$10\"],[\"components/ui/select.tsx\",\"$11\"],[\"components/mindmap/MindmapBuilder.tsx\",\"$12\"],[\"components/quantum/QuantumCircuit.tsx\",\"$13\"],[\"components/quantum/QuantumSimulator.tsx\",\"$14\"],[\"app/quantum/page.tsx\",\"import { QuantumCircuit } from \\\"@/components/quantum/QuantumCircuit\\\"\\nimport { QuantumSimulator } from \\\"@/components/quantum/QuantumSimulator\\\"\\n\\nexport default function QuantumPage() {\\n  return (\\n    \u003cdiv className=\\\"container mx-auto p-6\\\"\u003e\\n      \u003ch1 className=\\\"mb-8 text-3xl font-bold\\\"\u003eQuantum Processing System\u003c/h1\u003e\\n      \u003cdiv className=\\\"grid gap-6 md:grid-cols-2\\\"\u003e\\n        \u003cQuantumCircuit /\u003e\\n        \u003cQuantumSimulator /\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n  )\\n}\\n\\n\"],[\"components/layout/Header.tsx\",\"import { MainNav } from './MainNav'\\nimport { ModeToggle } from './ModeToggle'\\nimport { Button } from '@/components/ui/button'\\nimport { Input } from '@/components/ui/input'\\nimport { Search } from 'lucide-react'\\n\\nexport function Header() {\\n  return (\\n    \u003cheader className=\\\"sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60\\\"\u003e\\n      \u003cdiv className=\\\"container flex h-14 items-center\\\"\u003e\\n        \u003cMainNav /\u003e\\n        \u003cdiv className=\\\"flex flex-1 items-center justify-end space-x-4\\\"\u003e\\n          \u003cdiv className=\\\"w-full flex-1 md:w-auto md:flex-none\\\"\u003e\\n            \u003cdiv className=\\\"relative\\\"\u003e\\n              \u003cSearch className=\\\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\\\" /\u003e\\n              \u003cInput\\n                type=\\\"search\\\"\\n                placeholder=\\\"Search documentation...\\\"\\n                className=\\\"pl-8\\\"\\n              /\u003e\\n            \u003c/div\u003e\\n          \u003c/div\u003e\\n          \u003cModeToggle /\u003e\\n        \u003c/div\u003e\\n      \u003c/div\u003e\\n    \u003c/header\u003e\\n  )\\n}\\n\\n\"],[\"components/layout/MainNav.tsx\",\"$15\"],[\"lib/utils.ts\",\"import { type ClassValue, clsx } from \\\"clsx\\\"\\nimport { twMerge } from \\\"tailwind-merge\\\"\\n\\nexport function cn(...inputs: ClassValue[]) {\\n  return twMerge(clsx(inputs))\\n}\\n\\nexport function validateArrayLength(value: number): number {\\n  // Ensure the value is within reasonable bounds for 3D coordinates\\n  const MAX_VALUE = 100\\n  return Math.max(Math.min(value, MAX_VALUE), -MAX_VALUE)\\n}\\n\\n\"],[\"components/layout/ModeToggle.tsx\",\"$16\"],[\"components/ui/dropdown-menu.tsx\",\"$17\"],[\"app/layout.tsx\",\"import { ThemeProvider } from \\\"@/components/theme-provider\\\"\\nimport { RootLayout } from \\\"@/components/layout/RootLayout\\\"\\n\\nexport default function Layout({ children }: { children: React.ReactNode }) {\\n  return (\\n    \u003chtml lang=\\\"en\\\" suppressHydrationWarning\u003e\\n      \u003chead /\u003e\\n      \u003cbody\u003e\\n        \u003cThemeProvider\\n          attribute=\\\"class\\\"\\n          defaultTheme=\\\"system\\\"\\n          enableSystem\\n          disableTransitionOnChange\\n        \u003e\\n          \u003cRootLayout\u003e{children}\u003c/RootLayout\u003e\\n        \u003c/ThemeProvider\u003e\\n      \u003c/body\u003e\\n    \u003c/html\u003e\\n  )\\n}\\n\\n\"],[\"components/theme-provider.tsx\",\"\\\"use client\\\"\\n\\nimport * as React from \\\"react\\\"\\nimport { ThemeProvider as NextThemesProvider } from \\\"next-themes\\\"\\nimport { type ThemeProviderProps } from \\\"next-themes\\\"\\n\\nexport function ThemeProvider({ children, ...props }: ThemeProviderProps) {\\n  return \u003cNextThemesProvider {...props}\u003e{children}\u003c/NextThemesProvider\u003e\\n}\\n\\n\"],[\"components/ui/sidebar.tsx\",\"$18\"],[\"components/ui/sheet.tsx\",\"$19\"],[\"components/layout/RootLayout.tsx\",\"'use client'\\n\\nimport { ThemeProvider } from 'next-themes'\\nimport { Header } from './Header'\\nimport { SideNav } from './SideNav'\\nimport { SidebarProvider } from '../ui/sidebar'\\n\\nexport function RootLayout({ children }: { children: React.ReactNode }) {\\n  return (\\n    \u003cThemeProvider attribute=\\\"class\\\" defaultTheme=\\\"system\\\" enableSystem\u003e\\n      \u003cSidebarProvider\u003e\\n        \u003cSideNav /\u003e\\n        \u003cdiv className=\\\"flex-1\\\"\u003e\\n          \u003cHeader /\u003e\\n          \u003cmain className=\\\"container mx-auto p-6\\\"\u003e\\n            {children}\\n          \u003c/main\u003e\\n        \u003c/div\u003e\\n      \u003c/SidebarProvider\u003e\\n    \u003c/ThemeProvider\u003e\\n  )\\n}\\n\\n\"],[\"lib/stores/mindmap-store.ts\",\"$1a\"],[\"hooks/use-services.ts\",\"import { useState, useEffect } from 'react'\\n\\nclass SyncService {\\n  private initialized = false\\n\\n  async init() {\\n    // Simulate initialization\\n    await new Promise(resolve =\u003e setTimeout(resolve, 1000))\\n    this.initialized = true\\n  }\\n\\n  isInitialized() {\\n    return this.initialized\\n  }\\n}\\n\\nexport function useServices() {\\n  const [isInitialized, setIsInitialized] = useState(false)\\n  const [error, setError] = useState\u003cError | null\u003e(null)\\n\\n  useEffect(() =\u003e {\\n    const service = new SyncService()\\n    \\n    const initialize = async () =\u003e {\\n      try {\\n        await service.init()\\n        setIsInitialized(true)\\n      } catch (err) {\\n        setError(err instanceof Error ? err : new Error('Failed to initialize services'))\\n      }\\n    }\\n\\n    initialize()\\n  }, [])\\n\\n  return { isInitialized, error }\\n}\\n\\n\"],[\"components/MindmapVisualization.tsx\",\"'use client'\\n\\nimport { useEffect, useRef, useState } from \\\"react\\\"\\nimport { Canvas } from \\\"@react-three/fiber\\\"\\nimport { OrbitControls, Text, Line } from \\\"@react-three/drei\\\"\\nimport { Vector3, Mesh } from \\\"three\\\"\\nimport { Button } from \\\"@/components/ui/button\\\"\\nimport { Card } from \\\"@/components/ui/card\\\"\\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \\\"@/components/ui/tabs\\\"\\nimport { Badge } from \\\"@/components/ui/badge\\\"\\nimport { useMindmapStore } from \\\"@/lib/stores/mindmap-store\\\"\\nimport { useServices } from \\\"@/hooks/use-services\\\"\\nimport { validateArrayLength } from \\\"@/lib/utils\\\"\\n\\n// Rest of the component remains the same, but now with proper types and imports\\n\\n\"],[\"components/visualization/ForceGraph.tsx\",\"$1b\"],[\"lib/types.ts\",\"export interface Node {\\n  id: string\\n  label: string\\n  type: 'quantum' | 'neural' | 'root'\\n  position: [number, number, number]\\n  data: {\\n    isActive?: boolean\\n    energy?: number\\n  }\\n}\\n\\nexport interface Connection {\\n  id: string\\n  source: string\\n  target: string\\n  type: 'quantum' | 'neural' | 'standard'\\n  strength: number\\n}\\n\\n\"],[\"lib/types/quantum.ts\",\"export interface QuantumNode {\\n  id: string\\n  type: 'quantum' | 'classical' | 'hybrid'\\n  label: string\\n  state: {\\n    superposition: number\\n    entanglement: number[]\\n    coherence: number\\n  }\\n  position: {\\n    x: number\\n    y: number\\n    z: number\\n  }\\n  connections: string[]\\n}\\n\\nexport interface QuantumCircuit {\\n  id: string\\n  gates: QuantumGate[]\\n  qubits: number\\n  measurements: Measurement[]\\n}\\n\\nexport interface QuantumGate {\\n  id: string\\n  type: 'H' | 'X' | 'Y' | 'Z' | 'CNOT' | 'SWAP'\\n  targets: number[]\\n  controls?: number[]\\n  parameters?: {\\n    theta?: number\\n    phi?: number\\n    lambda?: number\\n  }\\n}\\n\\nexport interface Measurement {\\n  qubit: number\\n  basis: 'Z' | 'X' | 'Y'\\n  result?: number\\n}\\n\\nexport interface SimulationResult {\\n  statevector: Complex[]\\n  probability: number[]\\n  fidelity: number\\n}\\n\\nexport interface Complex {\\n  real: number\\n  imag: number\\n}\\n\\n\"],[\"lib/utils/quantum.ts\",\"$1c\"],[\"components/quantum/QuantumStateVisualizer.tsx\",\"$1d\"],[\"components/quantum/QuantumCircuitDesigner.tsx\",\"$1e\"],[\"app/page.tsx\",\"import { QuantumCircuitDesigner } from '@/components/quantum/QuantumCircuitDesigner'\\nimport { QuantumStateVisualizer } from '@/components/quantum/QuantumStateVisualizer'\\n\\nexport default function QuantumMindmapPage() {\\n  return (\\n    \u003cdiv className=\\\"container mx-auto p-6 space-y-6\\\"\u003e\\n      \u003cdiv className=\\\"grid gap-6 lg:grid-cols-2\\\"\u003e\\n        \u003cQuantumCircuitDesigner /\u003e\\n        \u003cQuantumStateVisualizer\\n          states={[\\n            { real: 1, imag: 0 },\\n            { real: 0, imag: 0 }\\n          ]}\\n        /\u003e\\n      \u003c/div\u003e\\n    \u003c/div\u003e\\n  )\\n}\\n\\n\"]],\"compiled\":{\"entryModules\":[\"@v0/components/ui/select\",\"@v0/components/mindmap/MindmapBuilder\",\"@v0/app/quantum/page\",\"@v0/app/layout\",\"@v0/components/MindmapVisualization\",\"@v0/app/page\"],\"modules\":{\"@v0/components/layout/SideNav\":{\"dependencies\":{\"@v0/components/ui/sidebar\":[\"Sidebar\",\"SidebarContent\",\"SidebarHeader\",\"SidebarMenu\",\"SidebarMenuButton\",\"SidebarMenuItem\"],\"lucide-react\":[\"Brain\",\"ChevronRight\",\"Code2\",\"Command\",\"Cpu\",\"FileJson\",\"Network\",\"Settings\"],\"next/link\":[\"default\"],\"next/navigation\":[\"usePathname\"]},\"type\":\"script\",\"exported\":[\"SideNav\"],\"used\":[\"SideNav\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/layout/SideNav.tsx\",\"originalPath\":\"components/layout/SideNav.tsx\",\"runtime\":\"$1f\"},\"@v0/components/ui/sidebar\":{\"dependencies\":{\"react\":[\"*\"],\"@radix-ui/react-slot\":[\"Slot\"],\"lucide-react\":[\"PanelLeft\"],\"@v0/lib/utils\":[\"cn\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/sheet\":[\"Sheet\",\"SheetContent\"]},\"type\":\"script\",\"exported\":[\"useSidebar\",\"SidebarProvider\",\"Sidebar\",\"SidebarHeader\",\"SidebarContent\",\"SidebarMenu\",\"SidebarMenuItem\",\"SidebarMenuButton\",\"SidebarTrigger\"],\"used\":[\"Sidebar\",\"SidebarContent\",\"SidebarHeader\",\"SidebarMenu\",\"SidebarMenuButton\",\"SidebarMenuItem\",\"SidebarProvider\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/ui/sidebar.tsx\",\"originalPath\":\"components/ui/sidebar.tsx\",\"runtime\":\"$20\"},\"lucide-react\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Brain\",\"ChevronRight\",\"Code2\",\"Command\",\"Cpu\",\"FileJson\",\"Network\",\"Settings\",\"Check\",\"ChevronDown\",\"Atom\",\"Binary\",\"CircuitBoard\",\"Maximize2\",\"Minimize2\",\"Wand2\",\"Activity\",\"Braces\",\"Search\",\"Moon\",\"Sun\",\"Circle\",\"PanelLeft\",\"X\",\"Play\",\"RotateCcw\",\"Save\"],\"meta\":{},\"path\":\"\"},\"next/link\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"default\"],\"meta\":{},\"path\":\"\"},\"next/navigation\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"usePathname\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/select\":{\"dependencies\":{\"react\":[\"*\"],\"@radix-ui/react-select\":[\"*\"],\"lucide-react\":[\"Check\",\"ChevronDown\"],\"@v0/lib/utils\":[\"cn\"]},\"type\":\"script\",\"exported\":[\"Select\",\"SelectGroup\",\"SelectValue\",\"SelectTrigger\",\"SelectContent\",\"SelectLabel\",\"SelectItem\",\"SelectSeparator\"],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/ui/select.tsx\",\"originalPath\":\"components/ui/select.tsx\",\"runtime\":\"$21\"},\"react\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"*\",\"useState\",\"useCallback\",\"useEffect\",\"useRef\"],\"meta\":{},\"path\":\"\"},\"@radix-ui/react-select\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"*\"],\"meta\":{},\"path\":\"\"},\"@v0/lib/utils\":{\"dependencies\":{\"clsx\":[\"ClassValue\",\"clsx\"],\"tailwind-merge\":[\"twMerge\"]},\"type\":\"script\",\"exported\":[\"cn\",\"validateArrayLength\"],\"used\":[\"cn\",\"validateArrayLength\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/lib/utils.ts\",\"originalPath\":\"lib/utils.ts\",\"runtime\":\"var prevRefreshReg = self.__v0_$RefreshReg$\\nvar prevRefreshSig = self.__v0_$RefreshSig$\\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\\n  self.__v0_refreshRuntime.register(type, \\\"@v0/lib/utils\\\" + ' ' + id)\\n}\\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\\n\\nimport { clsx } from \\\"clsx\\\";\\nimport { twMerge } from \\\"tailwind-merge\\\";\\nexport function cn(...inputs) {\\n    return twMerge(clsx(inputs));\\n}\\nexport function validateArrayLength(value) {\\n    // Ensure the value is within reasonable bounds for 3D coordinates\\n    const MAX_VALUE = 100;\\n    return Math.max(Math.min(value, MAX_VALUE), -MAX_VALUE);\\n}\\n\\n\\nself.__v0_$RefreshReg$ = prevRefreshReg\\nself.__v0_$RefreshSig$ = prevRefreshSig\"},\"@v0/components/mindmap/MindmapBuilder\":{\"dependencies\":{\"react\":[\"useState\"],\"@v0/components/ui/card\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/input\":[\"Input\"],\"@v0/components/ui/label\":[\"Label\"],\"@v0/components/ui/tabs\":[\"Tabs\",\"TabsContent\",\"TabsList\",\"TabsTrigger\"],\"@v0/components/ui/badge\":[\"Badge\"],\"lucide-react\":[\"Atom\",\"Brain\",\"Network\"],\"@v0/components/visualization/ForceGraph\":[\"ForceGraph\"],\"@v0/lib/types\":[\"Node\",\"Connection\"]},\"type\":\"script\",\"exported\":[\"MindmapBuilder\"],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/mindmap/MindmapBuilder.tsx\",\"originalPath\":\"components/mindmap/MindmapBuilder.tsx\",\"runtime\":\"$22\"},\"@v0/components/ui/card\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/button\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Button\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/input\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Input\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/label\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Label\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/tabs\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Tabs\",\"TabsContent\",\"TabsList\",\"TabsTrigger\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/badge\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Badge\"],\"meta\":{},\"path\":\"\"},\"@v0/components/visualization/ForceGraph\":{\"dependencies\":{\"react\":[\"useEffect\",\"useRef\",\"useState\"],\"@react-three/fiber\":[\"Canvas\"],\"@react-three/drei\":[\"OrbitControls\",\"Text\",\"Line\"],\"three\":[\"Vector3\",\"Mesh\"],\"@v0/lib/utils\":[\"cn\"],\"@v0/lib/types\":[\"Node\",\"Connection\"]},\"type\":\"script\",\"exported\":[\"ForceGraph\"],\"used\":[\"ForceGraph\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/visualization/ForceGraph.tsx\",\"originalPath\":\"components/visualization/ForceGraph.tsx\",\"runtime\":\"$23\"},\"@v0/lib/types\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[\"Node\",\"Connection\"],\"used\":[\"Node\",\"Connection\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/lib/types.ts\",\"originalPath\":\"lib/types.ts\",\"runtime\":\"var prevRefreshReg = self.__v0_$RefreshReg$\\nvar prevRefreshSig = self.__v0_$RefreshSig$\\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\\n  self.__v0_refreshRuntime.register(type, \\\"@v0/lib/types\\\" + ' ' + id)\\n}\\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\\n\\nexport {};\\n\\n\\nself.__v0_$RefreshReg$ = prevRefreshReg\\nself.__v0_$RefreshSig$ = prevRefreshSig\"},\"@v0/components/quantum/QuantumCircuit\":{\"dependencies\":{\"@v0/components/ui/card\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/input\":[\"Input\"],\"@v0/components/ui/label\":[\"Label\"],\"@v0/components/ui/slider\":[\"Slider\"],\"@v0/components/ui/tabs\":[\"Tabs\",\"TabsContent\",\"TabsList\",\"TabsTrigger\"],\"react\":[\"useCallback\",\"useState\"],\"lucide-react\":[\"Atom\",\"Binary\",\"CircuitBoard\",\"Cpu\",\"Maximize2\",\"Minimize2\",\"Wand2\"]},\"type\":\"script\",\"exported\":[\"QuantumCircuit\"],\"used\":[\"QuantumCircuit\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/quantum/QuantumCircuit.tsx\",\"originalPath\":\"components/quantum/QuantumCircuit.tsx\",\"runtime\":\"$24\"},\"@v0/components/ui/slider\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Slider\"],\"meta\":{},\"path\":\"\"},\"@v0/components/quantum/QuantumSimulator\":{\"dependencies\":{\"@v0/components/ui/card\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"@v0/components/ui/progress\":[\"Progress\"],\"@v0/components/ui/button\":[\"Button\"],\"react\":[\"useState\"],\"lucide-react\":[\"Activity\",\"Atom\",\"Braces\",\"Cpu\"]},\"type\":\"script\",\"exported\":[\"QuantumSimulator\"],\"used\":[\"QuantumSimulator\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/quantum/QuantumSimulator.tsx\",\"originalPath\":\"components/quantum/QuantumSimulator.tsx\",\"runtime\":\"$25\"},\"@v0/components/ui/progress\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Progress\"],\"meta\":{},\"path\":\"\"},\"@v0/app/quantum/page\":{\"dependencies\":{\"@v0/components/quantum/QuantumCircuit\":[\"QuantumCircuit\"],\"@v0/components/quantum/QuantumSimulator\":[\"QuantumSimulator\"]},\"type\":\"script\",\"exported\":[\"default\"],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/app/quantum/page.tsx\",\"originalPath\":\"app/quantum/page.tsx\",\"runtime\":\"$26\"},\"@v0/components/layout/Header\":{\"dependencies\":{\"@v0/components/layout/MainNav\":[\"MainNav\"],\"@v0/components/layout/ModeToggle\":[\"ModeToggle\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/input\":[\"Input\"],\"lucide-react\":[\"Search\"]},\"type\":\"script\",\"exported\":[\"Header\"],\"used\":[\"Header\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/components/layout/Header.tsx\",\"originalPath\":\"components/layout/Header.tsx\",\"runtime\":\"$27\"},\"@v0/components/layout/MainNav\":{\"dependencies\":{\"next/link\":[\"default\"],\"next/navigation\":[\"usePathname\"],\"@v0/lib/utils\":[\"cn\"],\"@v0/components/ui/button\":[\"Button\"],\"lucide-react\":[\"Brain\",\"Code2\",\"Command\",\"Cpu\",\"FileJson\",\"Network\",\"Settings\"]},\"type\":\"script\",\"exported\":[\"MainNav\"],\"used\":[\"MainNav\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/layout/MainNav.tsx\",\"originalPath\":\"components/layout/MainNav.tsx\",\"runtime\":\"$28\"},\"@v0/components/layout/ModeToggle\":{\"dependencies\":{\"react\":[\"*\"],\"lucide-react\":[\"Moon\",\"Sun\"],\"next-themes\":[\"useTheme\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/dropdown-menu\":[\"DropdownMenu\",\"DropdownMenuContent\",\"DropdownMenuItem\",\"DropdownMenuTrigger\"]},\"type\":\"script\",\"exported\":[\"ModeToggle\"],\"used\":[\"ModeToggle\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/layout/ModeToggle.tsx\",\"originalPath\":\"components/layout/ModeToggle.tsx\",\"runtime\":\"$29\"},\"clsx\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"ClassValue\",\"clsx\"],\"meta\":{},\"path\":\"\"},\"tailwind-merge\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"twMerge\"],\"meta\":{},\"path\":\"\"},\"next-themes\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"useTheme\",\"ThemeProvider\",\"ThemeProviderProps\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/dropdown-menu\":{\"dependencies\":{\"react\":[\"*\"],\"@radix-ui/react-dropdown-menu\":[\"*\"],\"lucide-react\":[\"Check\",\"ChevronRight\",\"Circle\"],\"@v0/lib/utils\":[\"cn\"]},\"type\":\"script\",\"exported\":[\"DropdownMenu\",\"DropdownMenuTrigger\",\"DropdownMenuContent\",\"DropdownMenuItem\",\"DropdownMenuCheckboxItem\",\"DropdownMenuRadioItem\",\"DropdownMenuLabel\",\"DropdownMenuSeparator\",\"DropdownMenuShortcut\",\"DropdownMenuGroup\",\"DropdownMenuPortal\",\"DropdownMenuSub\",\"DropdownMenuSubContent\",\"DropdownMenuSubTrigger\",\"DropdownMenuRadioGroup\"],\"used\":[\"DropdownMenu\",\"DropdownMenuContent\",\"DropdownMenuItem\",\"DropdownMenuTrigger\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/ui/dropdown-menu.tsx\",\"originalPath\":\"components/ui/dropdown-menu.tsx\",\"runtime\":\"$2a\"},\"@radix-ui/react-dropdown-menu\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"*\"],\"meta\":{},\"path\":\"\"},\"@v0/app/layout\":{\"dependencies\":{\"@v0/components/theme-provider\":[\"ThemeProvider\"],\"@v0/components/layout/RootLayout\":[\"RootLayout\"]},\"type\":\"script\",\"exported\":[\"default\"],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/app/layout.tsx\",\"originalPath\":\"app/layout.tsx\",\"runtime\":\"$2b\"},\"@v0/components/theme-provider\":{\"dependencies\":{\"react\":[\"*\"],\"next-themes\":[\"ThemeProvider\",\"ThemeProviderProps\"]},\"type\":\"script\",\"exported\":[\"ThemeProvider\"],\"used\":[\"ThemeProvider\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/theme-provider.tsx\",\"originalPath\":\"components/theme-provider.tsx\",\"runtime\":\"var prevRefreshReg = self.__v0_$RefreshReg$\\nvar prevRefreshSig = self.__v0_$RefreshSig$\\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\\n  self.__v0_refreshRuntime.register(type, \\\"@v0/components/theme-provider\\\" + ' ' + id)\\n}\\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\\n\\n\\\"use client\\\";\\nvar _react_refresh_temp_1;\\nimport { jsxDEV as _jsxDEV } from \\\"__v0__/jsx-dev-runtime\\\";\\nconst _jsxFileName = \\\"/@v0/components/theme-provider.tsx\\\";\\nimport * as React from \\\"react\\\";\\nimport { ThemeProvider as NextThemesProvider } from \\\"next-themes\\\";\\nexport function ThemeProvider({ children, ...props }) {\\n    return _jsxDEV(NextThemesProvider, { ...props, children: children }, void 0, false, { fileName: _jsxFileName, lineNumber: 8, columnNumber: 9 }, this);\\n}\\n_react_refresh_temp_1 = ThemeProvider;\\n__v0_$RefreshReg$(_react_refresh_temp_1, \\\"ThemeProvider\\\");\\n\\n\\nself.__v0_$RefreshReg$ = prevRefreshReg\\nself.__v0_$RefreshSig$ = prevRefreshSig\"},\"@v0/components/layout/RootLayout\":{\"dependencies\":{\"next-themes\":[\"ThemeProvider\"],\"@v0/components/layout/Header\":[\"Header\"],\"@v0/components/layout/SideNav\":[\"SideNav\"],\"@v0/components/ui/sidebar\":[\"SidebarProvider\"]},\"type\":\"script\",\"exported\":[\"RootLayout\"],\"used\":[\"RootLayout\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/layout/RootLayout.tsx\",\"originalPath\":\"components/layout/RootLayout.tsx\",\"runtime\":\"$2c\"},\"@radix-ui/react-slot\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Slot\"],\"meta\":{},\"path\":\"\"},\"@v0/components/ui/sheet\":{\"dependencies\":{\"react\":[\"*\"],\"@radix-ui/react-dialog\":[\"*\"],\"lucide-react\":[\"X\"],\"class-variance-authority\":[\"cva\",\"VariantProps\"],\"@v0/lib/utils\":[\"cn\"]},\"type\":\"script\",\"exported\":[\"Sheet\",\"SheetPortal\",\"SheetOverlay\",\"SheetTrigger\",\"SheetClose\",\"SheetContent\",\"SheetHeader\",\"SheetFooter\",\"SheetTitle\",\"SheetDescription\"],\"used\":[\"Sheet\",\"SheetContent\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/ui/sheet.tsx\",\"originalPath\":\"components/ui/sheet.tsx\",\"runtime\":\"$2d\"},\"@radix-ui/react-dialog\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"*\"],\"meta\":{},\"path\":\"\"},\"class-variance-authority\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"cva\",\"VariantProps\"],\"meta\":{},\"path\":\"\"},\"@v0/lib/stores/mindmap-store\":{\"dependencies\":{\"zustand\":[\"create\"]},\"type\":\"script\",\"exported\":[\"useMindmapStore\"],\"used\":[\"useMindmapStore\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/lib/stores/mindmap-store.ts\",\"originalPath\":\"lib/stores/mindmap-store.ts\",\"runtime\":\"$2e\"},\"zustand\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"create\"],\"meta\":{},\"path\":\"\"},\"@v0/hooks/use-services\":{\"dependencies\":{\"react\":[\"useState\",\"useEffect\"]},\"type\":\"script\",\"exported\":[\"useServices\"],\"used\":[\"useServices\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/hooks/use-services.ts\",\"originalPath\":\"hooks/use-services.ts\",\"runtime\":\"$2f\"},\"@v0/components/MindmapVisualization\":{\"dependencies\":{\"react\":[\"useEffect\",\"useRef\",\"useState\"],\"@react-three/fiber\":[\"Canvas\"],\"@react-three/drei\":[\"OrbitControls\",\"Text\",\"Line\"],\"three\":[\"Vector3\",\"Mesh\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/card\":[\"Card\"],\"@v0/components/ui/tabs\":[\"Tabs\",\"TabsContent\",\"TabsList\",\"TabsTrigger\"],\"@v0/components/ui/badge\":[\"Badge\"],\"@v0/lib/stores/mindmap-store\":[\"useMindmapStore\"],\"@v0/hooks/use-services\":[\"useServices\"],\"@v0/lib/utils\":[\"validateArrayLength\"]},\"type\":\"script\",\"exported\":[],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/MindmapVisualization.tsx\",\"originalPath\":\"components/MindmapVisualization.tsx\",\"runtime\":\"var prevRefreshReg = self.__v0_$RefreshReg$\\nvar prevRefreshSig = self.__v0_$RefreshSig$\\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\\n  self.__v0_refreshRuntime.register(type, \\\"@v0/components/MindmapVisualization\\\" + ' ' + id)\\n}\\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\\n\\n'use client';\\nexport {};\\n\\n\\nself.__v0_$RefreshReg$ = prevRefreshReg\\nself.__v0_$RefreshSig$ = prevRefreshSig\"},\"@react-three/fiber\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Canvas\",\"useFrame\"],\"meta\":{},\"path\":\"\"},\"@react-three/drei\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"OrbitControls\",\"Text\",\"Line\"],\"meta\":{},\"path\":\"\"},\"three\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[],\"used\":[\"Vector3\",\"Mesh\"],\"meta\":{},\"path\":\"\"},\"@v0/lib/types/quantum\":{\"dependencies\":{},\"type\":\"script\",\"exported\":[\"QuantumNode\",\"QuantumCircuit\",\"QuantumGate\",\"Measurement\",\"SimulationResult\",\"Complex\"],\"used\":[\"Complex\",\"QuantumGate\",\"SimulationResult\",\"QuantumCircuit\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/lib/types/quantum.ts\",\"originalPath\":\"lib/types/quantum.ts\",\"runtime\":\"var prevRefreshReg = self.__v0_$RefreshReg$\\nvar prevRefreshSig = self.__v0_$RefreshSig$\\nself.__v0_$RefreshReg$ = (type, id) =\u003e {\\n  self.__v0_refreshRuntime.register(type, \\\"@v0/lib/types/quantum\\\" + ' ' + id)\\n}\\nself.__v0_$RefreshSig$ = typeof __v0_refreshRuntime !== 'undefined' ? __v0_refreshRuntime.createSignatureFunctionForTransform : () =\u003e {}\\n\\nexport {};\\n\\n\\nself.__v0_$RefreshReg$ = prevRefreshReg\\nself.__v0_$RefreshSig$ = prevRefreshSig\"},\"@v0/lib/utils/quantum\":{\"dependencies\":{\"@v0/lib/types/quantum\":[\"Complex\",\"QuantumGate\",\"SimulationResult\"]},\"type\":\"script\",\"exported\":[\"calculateStatevector\",\"applyGate\",\"calculateProbabilities\",\"calculateFidelity\"],\"used\":[\"calculateStatevector\",\"calculateProbabilities\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/lib/utils/quantum.ts\",\"originalPath\":\"lib/utils/quantum.ts\",\"runtime\":\"$30\"},\"@v0/components/quantum/QuantumStateVisualizer\":{\"dependencies\":{\"react\":[\"useEffect\",\"useRef\"],\"@react-three/fiber\":[\"Canvas\",\"useFrame\"],\"@react-three/drei\":[\"OrbitControls\",\"Text\"],\"@v0/lib/types/quantum\":[\"Complex\"],\"@v0/components/ui/card\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"lucide-react\":[\"Atom\"]},\"type\":\"script\",\"exported\":[\"QuantumStateVisualizer\"],\"used\":[\"QuantumStateVisualizer\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/quantum/QuantumStateVisualizer.tsx\",\"originalPath\":\"components/quantum/QuantumStateVisualizer.tsx\",\"runtime\":\"$31\"},\"@v0/components/quantum/QuantumCircuitDesigner\":{\"dependencies\":{\"react\":[\"useState\"],\"@v0/components/ui/card\":[\"Card\",\"CardContent\",\"CardHeader\",\"CardTitle\"],\"@v0/components/ui/button\":[\"Button\"],\"@v0/components/ui/input\":[\"Input\"],\"@v0/components/ui/label\":[\"Label\"],\"@v0/components/ui/slider\":[\"Slider\"],\"lucide-react\":[\"CircuitBoard\",\"Play\",\"RotateCcw\",\"Save\"],\"@v0/lib/types/quantum\":[\"QuantumCircuit\",\"QuantumGate\"],\"@v0/lib/utils/quantum\":[\"calculateStatevector\",\"calculateProbabilities\"]},\"type\":\"script\",\"exported\":[\"QuantumCircuitDesigner\"],\"used\":[\"QuantumCircuitDesigner\"],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":true},\"path\":\"/@v0/components/quantum/QuantumCircuitDesigner.tsx\",\"originalPath\":\"components/quantum/QuantumCircuitDesigner.tsx\",\"runtime\":\"$32\"},\"@v0/app/page\":{\"dependencies\":{\"@v0/components/quantum/QuantumCircuitDesigner\":[\"QuantumCircuitDesigner\"],\"@v0/components/quantum/QuantumStateVisualizer\":[\"QuantumStateVisualizer\"]},\"type\":\"script\",\"exported\":[\"default\"],\"used\":[],\"meta\":{\"topLevelUseServer\":false,\"topLevelUseClient\":false},\"path\":\"/@v0/app/page.tsx\",\"originalPath\":\"app/page.tsx\",\"runtime\":\"$33\"}},\"staticFiles\":{},\"envs\":{}},\"defaultPath\":\"/settings\",\"env\":[]}]]\n"])</script><script src="/_next/static/chunks/4996-80d654afda2b1e3b.js" async=""></script><script src="/_next/static/chunks/9209-84ba6c5decf96078.js" async=""></script><script src="/_next/static/chunks/8774-89c581d7b8b5d993.js" async=""></script><script src="/_next/static/chunks/7795-444f5e2ccba0a2f4.js" async=""></script><script src="/_next/static/chunks/7394-35f112173d7297ea.js" async=""></script><script src="/_next/static/chunks/1070-0487e6e62becdf57.js" async=""></script><script src="/_next/static/chunks/6447-f86fc81cdacd0153.js" async=""></script><script src="/_next/static/chunks/1037-7923c877fe1445a9.js" async=""></script><script src="/_next/static/chunks/2309-a92681a6e62e050e.js" async=""></script><script src="/_next/static/chunks/app/(lite)/render/next/page-532c0b8627619127.js" async=""></script><div hidden id="S:1"><style>  :root {
+    --font-sans: __variable_3a0388;
+    --font-mono: __variable_c1e5c9;
+  }
+  </style><details class="absolute inset-x-0 top-0 z-[999] cursor-pointer border-b border-yellow-100 bg-yellow-200 px-4 py-2 text-sm leading-7 text-gray-800"><summary class="relative select-none font-medium text-black"><span>Missing Environment Variables</span><span class="absolute right-0 font-normal hover:underline">Close</span></summary><p>This project expects the following environment variables to be set. It may work without them, but some features may not work as expected. </p><ul class="font-mono"><li><strong>NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT</strong></li><li><strong>PINECONE_HOSTNAME</strong></li><li><strong>TIDB_HOST</strong></li><li><strong>TIDB_PORT</strong></li><li><strong>TIDB_USER</strong></li><li><strong>TIDB_PASSWORD</strong></li><li><strong>BLOB_READ_WRITE_TOKEN</strong></li><li><strong>PINECONE_API_KEY</strong></li><li><strong>LMNT_API_KEY</strong></li><li><strong>OPENAI_BASE_URL</strong></li><li><strong>OPENAI_API_KEY</strong></li><li><strong>TOGETHER_API_KEY</strong></li></ul></details></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:1","P:1")</script><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>
\ No newline at end of file
