|
</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 { |
