Spaces:
Running
Running
Upload folder using huggingface_hub
Browse files- static/dashboard.html +14 -7
static/dashboard.html
CHANGED
|
@@ -383,18 +383,27 @@
|
|
| 383 |
<body class="h-screen flex flex-col overflow-hidden">
|
| 384 |
<!-- Navbar -->
|
| 385 |
<nav class="bg-gray-800 border-b border-gray-700 shrink-0">
|
| 386 |
-
<div class="px-4 py-3 flex
|
| 387 |
-
<
|
|
|
|
| 388 |
<span class="md:hidden cursor-pointer text-gray-400"
|
| 389 |
onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">☰</span>
|
| 390 |
Sandbox
|
| 391 |
</div>
|
| 392 |
-
<div class="hidden md:flex space-x-1">
|
| 393 |
<button onclick="switchMode('dashboard')"
|
| 394 |
class="px-3 py-1 rounded hover:bg-gray-700 text-gray-300 transition"
|
| 395 |
id="nav-dashboard">Dashboard</button>
|
| 396 |
<button onclick="switchMode('chat')"
|
| 397 |
class="px-3 py-1 rounded hover:bg-gray-700 text-gray-300 transition" id="nav-chat">Chat</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 398 |
<button onclick="switchMode('terminal')"
|
| 399 |
class="p-2 rounded hover:bg-gray-700 text-gray-300 transition inline-flex items-center justify-center"
|
| 400 |
id="nav-terminal" title="Terminal" aria-label="Terminal">
|
|
@@ -417,8 +426,6 @@
|
|
| 417 |
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
|
| 418 |
</svg>
|
| 419 |
</button>
|
| 420 |
-
</div>
|
| 421 |
-
<div class="flex items-center gap-3 min-w-0">
|
| 422 |
<div id="user-badge" class="hidden md:flex flex-col items-end leading-tight min-w-0">
|
| 423 |
<div id="user-name" class="text-sm text-gray-200 font-medium truncate max-w-[20rem]"></div>
|
| 424 |
<div id="user-email" class="text-xs text-gray-400 truncate max-w-[20rem]"></div>
|
|
@@ -642,8 +649,8 @@
|
|
| 642 |
|
| 643 |
<!-- Input -->
|
| 644 |
<div class="p-3 bg-gray-800 border-t border-gray-700 shrink-0">
|
| 645 |
-
<div id="chat-attachments" class="max-w-
|
| 646 |
-
<div class="flex space-x-2 max-w-
|
| 647 |
<textarea id="chat-input" rows="1"
|
| 648 |
class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-32"
|
| 649 |
placeholder="Message..."
|
|
|
|
| 383 |
<body class="h-screen flex flex-col overflow-hidden">
|
| 384 |
<!-- Navbar -->
|
| 385 |
<nav class="bg-gray-800 border-b border-gray-700 shrink-0">
|
| 386 |
+
<div class="px-4 py-3 flex items-center gap-3">
|
| 387 |
+
<!-- Left: brand + text nav -->
|
| 388 |
+
<div class="text-xl font-bold text-blue-500 flex items-center gap-2 shrink-0">
|
| 389 |
<span class="md:hidden cursor-pointer text-gray-400"
|
| 390 |
onclick="document.getElementById('mobile-menu').classList.toggle('hidden')">☰</span>
|
| 391 |
Sandbox
|
| 392 |
</div>
|
| 393 |
+
<div class="hidden md:flex space-x-1 shrink-0">
|
| 394 |
<button onclick="switchMode('dashboard')"
|
| 395 |
class="px-3 py-1 rounded hover:bg-gray-700 text-gray-300 transition"
|
| 396 |
id="nav-dashboard">Dashboard</button>
|
| 397 |
<button onclick="switchMode('chat')"
|
| 398 |
class="px-3 py-1 rounded hover:bg-gray-700 text-gray-300 transition" id="nav-chat">Chat</button>
|
| 399 |
+
</div>
|
| 400 |
+
<!-- Center: welcome -->
|
| 401 |
+
<div class="hidden md:flex flex-1 justify-center min-w-0">
|
| 402 |
+
<div class="text-sm text-gray-400 truncate">Welcome to Sandbox</div>
|
| 403 |
+
</div>
|
| 404 |
+
|
| 405 |
+
<!-- Right: icons + user -->
|
| 406 |
+
<div class="flex items-center gap-2 min-w-0 ml-auto">
|
| 407 |
<button onclick="switchMode('terminal')"
|
| 408 |
class="p-2 rounded hover:bg-gray-700 text-gray-300 transition inline-flex items-center justify-center"
|
| 409 |
id="nav-terminal" title="Terminal" aria-label="Terminal">
|
|
|
|
| 426 |
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
|
| 427 |
</svg>
|
| 428 |
</button>
|
|
|
|
|
|
|
| 429 |
<div id="user-badge" class="hidden md:flex flex-col items-end leading-tight min-w-0">
|
| 430 |
<div id="user-name" class="text-sm text-gray-200 font-medium truncate max-w-[20rem]"></div>
|
| 431 |
<div id="user-email" class="text-xs text-gray-400 truncate max-w-[20rem]"></div>
|
|
|
|
| 649 |
|
| 650 |
<!-- Input -->
|
| 651 |
<div class="p-3 bg-gray-800 border-t border-gray-700 shrink-0">
|
| 652 |
+
<div id="chat-attachments" class="max-w-5xl mx-auto mb-2 hidden"></div>
|
| 653 |
+
<div class="flex space-x-2 max-w-5xl mx-auto items-center">
|
| 654 |
<textarea id="chat-input" rows="1"
|
| 655 |
class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-32"
|
| 656 |
placeholder="Message..."
|