Add tag filtering checkpoint

static/js/components/LoraCard.js

@@ -18,6 +18,14 @@ export function createLoraCard(lora) {
     card.dataset.usage_tips = lora.usage_tips;
     card.dataset.notes = lora.notes;
     card.dataset.meta = JSON.stringify(lora.civitai || {});
+    
+    // Store tags and model description
+    if (lora.tags && Array.isArray(lora.tags)) {
+        card.dataset.tags = JSON.stringify(lora.tags);
+    }
+    if (lora.modelDescription) {
+        card.dataset.modelDescription = lora.modelDescription;
+    }
 
     // Apply selection state if in bulk mode and this card is in the selected set
     if (state.bulkMode && state.selectedLoras.has(lora.file_path)) {
@@ -86,7 +94,9 @@ export function createLoraCard(lora) {
                 base_model: card.dataset.base_model,
                 usage_tips: card.dataset.usage_tips,
                 notes: card.dataset.notes,
-                civitai: JSON.parse(card.dataset.meta || '{}')
+                civitai: JSON.parse(card.dataset.meta || '{}'),
+                tags: JSON.parse(card.dataset.tags || '[]'),
+                modelDescription: card.dataset.modelDescription || ''
             };
             showLoraModal(loraMeta);
         }

static/js/components/LoraModal.js

@@ -15,6 +15,7 @@ export function showLoraModal(lora) {
                         <i class="fas fa-save"></i>
                     </button>
                 </div>
+                ${renderTags(lora.tags || [])}
             </header>
 
             <div class="modal-body">
@@ -666,4 +667,31 @@ function formatFileSize(bytes) {
     }
     
     return `${size.toFixed(1)} ${units[unitIndex]}`;
-}
+}
+
+// Function to render model tags
+function renderTags(tags) {
+    if (!tags || tags.length === 0) return '';
+    
+    return `
+        <div class="model-tags">
+            ${tags.map(tag => `
+                <span class="model-tag" onclick="copyTag('${tag.replace(/'/g, "\\'")}')">
+                    ${tag}
+                    <i class="fas fa-copy"></i>
+                </span>
+            `).join('')}
+        </div>
+    `;
+}
+
+// Add tag copy functionality
+window.copyTag = async function(tag) {
+    try {
+        await navigator.clipboard.writeText(tag);
+        showToast('Tag copied to clipboard', 'success');
+    } catch (err) {
+        console.error('Copy failed:', err);
+        showToast('Copy failed', 'error');
+    }
+};