| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>ClaudeVerse AI Chat Interface</title> |
| | <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| | <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 src="https://js.puter.com/v2/"></script> |
| | </head> |
| | <body class="bg-gradient-to-br from-slate-50 to-blue-50 min-h-screen"> |
| | <claude-header></claude-header> |
| | <claude-examples></claude-examples> |
| | <claude-chat-container></claude-chat-container> |
| | <claude-input-area></claude-input-area> |
| | <claude-status-indicator></claude-status-indicator> |
| |
|
| | <script src="components/header.js"></script> |
| | <script src="components/examples.js"></script> |
| | <script src="components/chat-container.js"></script> |
| | <script src="components/input-area.js"></script> |
| | <script src="components/status-indicator.js"></script> |
| | <script src="script.js"></script> |
| | <script> |
| | feather.replace(); |
| | |
| | window.claudeApp = { |
| | conversationHistory: [], |
| | selectedModel: 'claude-sonnet-4-5', |
| | isProcessing: false, |
| | isStreaming: false, |
| | currentStreamMessage: null |
| | }; |
| | </script> |
| | <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| | </body> |
| | </html> |