checkpoint

templates/components/corner_controls.html

@@ -0,0 +1,22 @@
+<div class="corner-controls">
+    <div class="corner-controls-toggle">
+        <i class="fas fa-ellipsis-v"></i>
+        <span class="update-badge corner-badge hidden"></span>
+    </div>
+    <div class="corner-controls-items">
+        <div class="theme-toggle" onclick="toggleTheme()" title="Toggle theme">
+            <img src="/loras_static/images/theme-toggle-light.svg" alt="Theme" class="theme-icon light-icon">
+            <img src="/loras_static/images/theme-toggle-dark.svg" alt="Theme" class="theme-icon dark-icon">
+        </div>
+        <div class="update-toggle" id="updateToggleBtn" title="Check Updates">
+            <i class="fas fa-bell"></i>
+            <span class="update-badge hidden"></span>
+        </div>
+        <div class="support-toggle" id="supportToggleBtn" title="Support">
+            <i class="fas fa-heart"></i>
+        </div>
+        <div class="settings-toggle" onclick="settingsManager.toggleSettings()" title="Settings">
+            <i class="fas fa-cog"></i>
+        </div>
+    </div>
+</div>

templates/components/header.html

@@ -0,0 +1,21 @@
+<header class="app-header">
+  <div class="header-container">
+    <div class="header-branding">
+      <h1 class="app-title">ComfyUI Manager</h1>
+    </div>
+    <nav class="main-nav">
+      <a href="/loras" class="nav-item {% if current_page == 'loras' %}active{% endif %}">
+        <i class="fas fa-layer-group"></i> LoRAs
+      </a>
+      <a href="/loras/recipes" class="nav-item {% if current_page == 'recipes' %}active{% endif %}">
+        <i class="fas fa-book-open"></i> Recipes
+      </a>
+      <a href="/checkpoints" class="nav-item {% if current_page == 'checkpoints' %}active{% endif %}">
+        <i class="fas fa-check-circle"></i> Checkpoints
+      </a>
+    </nav>
+    <div class="header-actions">
+      <!-- Page-specific action buttons can go here -->
+    </div>
+  </div>
+</header>

templates/components/search_controls.html

@@ -0,0 +1,4 @@
+<div class="search-container">
+    <input type="text" id="searchInput" placeholder="Search...">
+    <button id="searchButton"><i class="fas fa-search"></i></button>
+</div>