|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>ChatVerse - AI Communication Hub</title> |
|
|
<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://unpkg.com/@supabase/supabase-js@2"></script> |
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/sidebar.js"></script> |
|
|
<script src="components/chat-input.js"></script> |
|
|
<script src="components/llm-settings.js"></script> |
|
|
</head> |
|
|
<body class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100"> |
|
|
<custom-navbar></custom-navbar> |
|
|
<div class="flex h-screen pt-16"> |
|
|
<custom-sidebar></custom-sidebar> |
|
|
|
|
|
<main class="flex-1 flex flex-col"> |
|
|
<div class="flex-1 overflow-y-auto p-4" id="chat-container"> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-200 dark:border-gray-700 p-4"> |
|
|
<custom-chat-input></custom-chat-input> |
|
|
</div> |
|
|
</main> |
|
|
|
|
|
<div class="w-80 border-l border-gray-200 dark:border-gray-700 p-4 hidden lg:block"> |
|
|
<custom-llm-settings></custom-llm-settings> |
|
|
</div> |
|
|
</div> |
|
|
<script src="script.js"></script> |
|
|
<script> |
|
|
feather.replace(); |
|
|
|
|
|
window.supabase = { |
|
|
from: () => ({ |
|
|
select: () => Promise.resolve({ data: [], error: null }), |
|
|
insert: () => Promise.resolve({ error: null }), |
|
|
on: () => ({ subscribe: () => {} }) |
|
|
}), |
|
|
channel: () => ({ |
|
|
on: () => ({ subscribe: () => {} }) |
|
|
}) |
|
|
}; |
|
|
</script> |
|
|
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
