Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Data Science Agent </title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| fontFamily: { | |
| sans: ['Plus Jakarta Sans', 'sans-serif'], | |
| heading: ['Plus Jakarta Sans', 'sans-serif'], | |
| mono: ['Plus Jakarta Sans', 'sans-serif'], | |
| }, | |
| }, | |
| }, | |
| } | |
| </script> | |
| <style> | |
| :root { | |
| --background: 0 0% 1%; | |
| --foreground: 0 0% 98%; | |
| --card: 0 0% 3%; | |
| --card-foreground: 0 0% 98%; | |
| --popover: 0 0% 6%; | |
| --popover-foreground: 0 0% 98%; | |
| --primary: 239 84% 67%; | |
| --primary-foreground: 0 0% 100%; | |
| --secondary: 0 0% 10%; | |
| --secondary-foreground: 0 0% 98%; | |
| --muted: 0 0% 15%; | |
| --muted-foreground: 0 0% 64%; | |
| --accent: 0 0% 15%; | |
| --accent-foreground: 0 0% 98%; | |
| --destructive: 0 62.8% 30.6%; | |
| --destructive-foreground: 0 0% 98%; | |
| --border: 0 0% 14.9%; | |
| --input: 0 0% 14.9%; | |
| --ring: 239 84% 67%; | |
| --radius: 0.75rem; | |
| } | |
| body { | |
| margin: 0; | |
| background-color: #030303; | |
| overflow-x: hidden; | |
| font-family: 'Plus Jakarta Sans', sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| ::selection { | |
| background-color: rgba(99, 102, 241, 0.3); | |
| color: white; | |
| } | |
| /* Shadcn color utilities */ | |
| .bg-background { background-color: hsl(var(--background)); } | |
| .bg-card { background-color: hsl(var(--card)); } | |
| .bg-popover { background-color: hsl(var(--popover)); } | |
| .bg-primary { background-color: hsl(var(--primary)); } | |
| .bg-secondary { background-color: hsl(var(--secondary)); } | |
| .bg-muted { background-color: hsl(var(--muted)); } | |
| .bg-accent { background-color: hsl(var(--accent)); } | |
| .bg-destructive { background-color: hsl(var(--destructive)); } | |
| .text-foreground { color: hsl(var(--foreground)); } | |
| .text-card-foreground { color: hsl(var(--card-foreground)); } | |
| .text-popover-foreground { color: hsl(var(--popover-foreground)); } | |
| .text-primary { color: hsl(var(--primary)); } | |
| .text-primary-foreground { color: hsl(var(--primary-foreground)); } | |
| .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } | |
| .text-muted-foreground { color: hsl(var(--muted-foreground)); } | |
| .text-accent-foreground { color: hsl(var(--accent-foreground)); } | |
| .text-destructive { color: hsl(var(--destructive)); } | |
| .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } | |
| .border-border { border-color: hsl(var(--border)); } | |
| .border-input { border-color: hsl(var(--input)); } | |
| .border-primary { border-color: hsl(var(--primary)); } | |
| .ring-ring { --tw-ring-color: hsl(var(--ring)); } | |
| .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } | |
| /* Focus ring styles */ | |
| .focus-visible\\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } | |
| .focus-visible\\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } | |
| </style> | |
| <script type="importmap"> | |
| { | |
| "imports": { | |
| "react": "https://esm.sh/react@^19.2.3", | |
| "react-dom/": "https://esm.sh/react-dom@^19.2.3/", | |
| "react/": "https://esm.sh/react@^19.2.3/", | |
| "clsx": "https://esm.sh/clsx@^2.1.1", | |
| "tailwind-merge": "https://esm.sh/tailwind-merge@^3.4.0", | |
| "framer-motion": "https://esm.sh/framer-motion@^12.23.26", | |
| "lucide-react": "https://esm.sh/lucide-react@^0.562.0", | |
| "@google/genai": "https://esm.sh/@google/genai@^1.34.0" | |
| } | |
| } | |
| </script> | |
| <link rel="stylesheet" href="/index.css"> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script type="module" src="/index.tsx"></script> | |
| </body> | |
| </html> | |