hello

app/templates/partials/header.html

@@ -0,0 +1,37 @@
+<header class="bg-base-100 border-b border-base-300 p-4 flex justify-between  shadow-sm fixed top-0 left-0 right-0 z-20">
+    <div>
+        <h1 class="text-2xl font-bold text-primary flex items-center">
+            <i class="fas fa-envelope mr-2"></i>
+            Email Organizer
+        </h1>
+        <p class="text-sm mt-1 text-base-content/70">AI-powered email organization</p>
+    </div>
+
+    <div class="flex items-center space-x-4">
+        <button class="relative p-2 rounded-full hover:bg-base-300 btn-circle">
+            <i class="fas fa-bell"></i>
+            <span class="badge badge-sm badge-secondary absolute -top-1 -right-1">3</span>
+        </button>
+
+        <div class="relative" x-data="{ open: false }" @click.outside="open = false">
+            <button id="user-menu-button" class="flex items-center space-x-2 p-2 rounded-lg hover:bg-base-300"
+                @click="open = !open">
+                <div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center">
+                    <span class="font-semibold text-primary-content">{{ current_user.first_name[0] }}{{
+                        current_user.last_name[0] }}</span>
+                </div>
+                <span class="hidden md:inline">{{ current_user.first_name }} {{ current_user.last_name }}</span>
+                <i class="fas fa-chevron-down"></i>
+            </button>
+
+            <!-- User Dropdown -->
+            <div id="user-dropdown"
+                class="user-dropdown absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-base-100 z-10"
+                x-show="open">
+                <a href="#" class="block px-4 py-2 text-sm hover:bg-base-300">Profile</a>
+                <a href="#" class="block px-4 py-2 text-sm hover:bg-base-300">Settings</a>
+                <a href="{{ url_for('auth.logout') }}" class="block px-4 py-2 text-sm hover:bg-base-300">Logout</a>
+            </div>
+        </div>
+    </div>
+</header>

app/templates/partials/modal_holder.html

@@ -0,0 +1,4 @@
+<!-- Modal Holder -->
+<dialog id="modal-holder" x-ref="modal" class="modal">
+    <!-- Modals will be loaded here via HTMX -->
+</dialog>

app/templates/partials/sidebar.html

@@ -0,0 +1,44 @@
+<div class="sidebar w-64 p-4 flex flex-col bg-base-200 shadow-lg fixed top-16 left-0 bottom-0 z-10">
+
+    <nav class="flex-grow menu bg-transparent rounded-lg">
+        <div class="active">
+            <a class="btn btn-ghost justify-start">
+                <i class="fas fa-folder mr-3 text-primary"></i>
+                Folders
+            </a>
+        </div>
+        <div>
+            <a class="btn btn-ghost justify-start">
+                <i class="fas fa-inbox mr-3 text-secondary"></i>
+                Inbox
+            </a>
+        </div>
+        <div>
+            <a class="btn btn-ghost justify-start">
+                <i class="fas fa-cog mr-3 text-accent"></i>
+                Settings
+            </a>
+        </div>
+        <div>
+            <a class="btn btn-ghost justify-start">
+                <i class="fas fa-chart-bar mr-3 text-info"></i>
+                Analytics
+            </a>
+        </div>
+        <div>
+            <a class="btn btn-ghost justify-start">
+                <i class="fas fa-question-circle mr-3 text-warning"></i>
+                Help
+            </a>
+        </div>
+    </nav>
+
+    <div class="mt-auto pt-4 border-t border-base-300">
+        <div>
+            <a href="{{ url_for('auth.logout') }}" class="btn btn-ghost justify-start">
+                <i class="fas fa-sign-out-alt mr-3 text-error"></i>
+                Logout
+            </a>
+        </div>
+    </div>
+</div>