feat(ui): auto-detect HIGH/LOW badges and auto-tag filters (#918)

- Backend auto-tag extraction service: detect HIGH/LOW (Wan-only), I2V/T2V/TI2V,
  Lightning/Turbo from filename, base_model, and CivitAI version name
- HIGH/LOW badge in card footer (inline before version name), color-coded:
  blue for HIGH, teal for LOW; abbreviated to H/L in medium/compact density
- Auto-tag filter panel (I2V, T2V, TI2V, Lightning, Turbo) with tri-state
  include/exclude filtering
- Full filter pipeline: FilterCriteria → ModelFilterSet → baseModelApi params
- AUTO_TAG_GROUPS exported for frontend use
- 19 unit tests for auto-tag extraction edge cases

static/js/components/shared/ModelCard.js

@@ -644,8 +644,23 @@ export function createModelCard(model, modelType) {
             <div class="card-footer">
                 <div class="model-info">
                     <span class="model-name" title="${getDisplayName(model).replace(/"/g, '&quot;')}">${getDisplayName(model)}</span>
-                    <div>
-                        ${model.civitai?.name ? `<span class="version-name civitai-version">${model.civitai.name}</span>` : ''}
+                    <div class="version-row">
+                        ${(() => {
+                            const autoTags = model.auto_tags || [];
+                            const hlTags = autoTags.filter(t => t === 'HIGH' || t === 'LOW');
+                            const hasVersionName = model.civitai?.name;
+                            if (!hlTags.length && !hasVersionName) return '';
+                            const density = state.global.settings.display_density || 'default';
+                            const shortLabels = density === 'medium' || density === 'compact';
+                            const badges = hlTags.map(t => {
+                                const cls = t === 'HIGH' ? 'hl-badge hl-badge--high' : 'hl-badge hl-badge--low';
+                                const label = shortLabels ? (t === 'HIGH' ? 'H' : 'L') : t;
+                                const titleAttr = shortLabels ? ` title="${t}"` : '';
+                                return `<span class="${cls}"${titleAttr}>${label}</span>`;
+                            }).join('');
+                            const versionHtml = hasVersionName ? `<span class="version-name civitai-version">${model.civitai.name}</span>` : '';
+                            return `<span class="badge-version-unit">${badges}${versionHtml}</span>`;
+                        })()}
                         ${hasUsageCount ? `<span class="version-name" title="${translate('modelCard.usage.timesUsed', {}, 'Times used')}">${model.usage_count}×</span>` : ''}
                     </div>
                 </div>