Hugging Face's logo

Spaces:
00Boobs00
/
synapse-coder-studio
Running

App Files Community
synapse-coder-studio
File size: 2,884 Bytes 
afe04f9
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<!DOCTYPE html>
<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>