Spaces:
Running
Running
| <html lang="en" class="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Synapse Coder Studio</title> | |
| <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🤖</text></svg>"> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#6366f1', // Indigo 500 | |
| secondary: '#1e293b', // Slate 800 | |
| darkbg: '#0f172a', // Slate 900 | |
| surface: '#1e293b', // Slate 800 | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-darkbg text-slate-200 font-sans h-screen flex flex-col overflow-hidden"> | |
| <!-- Navbar --> | |
| <custom-navbar class="h-16 flex-shrink-0 border-b border-slate-700 bg-slate-900/80 backdrop-blur-md z-20"></custom-navbar> | |
| <!-- Main Layout --> | |
| <div class="flex flex-1 overflow-hidden"> | |
| <!-- Sidebar (Settings & Session) --> | |
| <custom-sidebar class="w-80 hidden md:flex flex-col border-r border-slate-700 bg-slate-800/50 backdrop-blur-sm z-10 transition-all duration-300 transform -translate-x-full md:translate-x-0 absolute md:relative h-full" id="sidebar"> | |
| </custom-sidebar> | |
| <!-- Mobile Toggle for Sidebar --> | |
| <button id="sidebar-toggle" class="md:hidden fixed bottom-4 left-4 z-50 bg-primary p-3 rounded-full shadow-lg text-white"> | |
| <i data-feather="settings"></i> | |
| </button> | |
| <!-- Chat Area --> | |
| <main class="flex-1 flex flex-col relative min-w-0 bg-darkbg"> | |
| <custom-chat-interface class="flex flex-col h-full w-full"></custom-chat-interface> | |
| </main> | |
| <!-- Tools Panel (Docs & Editor) --> | |
| <custom-tools-panel class="w-96 hidden lg:flex flex-col border-l border-slate-700 bg-slate-800/30 backdrop-blur-sm relative transition-all duration-300" id="tools-panel"> | |
| </custom-tools-panel> | |
| </div> | |
| <!-- Component Scripts --> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/sidebar.js"></script> | |
| <script src="components/chat-interface.js"></script> | |
| <script src="components/tools-panel.js"></script> | |
| <!-- Main Logic --> | |
| <script src="script.js"></script> | |
| <script>feather.replace();</script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |