feat(frontend): add Other Models page with subtype filter and badges

templates/components/controls.html

@@ -36,7 +36,7 @@
                         <option value="size:asc">{{ t('loras.controls.sort.sizeAsc') }}</option>
                     </optgroup>
                     {% endif %}
-                    {% if page_id != 'embeddings' and page_id != 'recipes' %}
+                    {% if page_id != 'embeddings' and page_id != 'recipes' and page_id != 'other' %}
                         <optgroup label="{{ t('loras.controls.sort.usage', default='Usage') }}">
                             <option value="usage:desc">{{ t('loras.controls.sort.usageDesc', default='Times used (high to low)') }}</option>
                             <option value="usage:asc">{{ t('loras.controls.sort.usageAsc', default='Times used (low to high)') }}</option>
@@ -80,12 +80,14 @@
             <div class="control-group">
                 <button data-action="fetch" title="{{ t('loras.controls.fetch.title') }}"><i class="fas fa-download"></i> <span><span>{{ t('loras.controls.fetch.action') }}</span> <kbd class="shortcut-key">F</kbd></span></button>
             </div>
+            {% if page_id != 'other' %}
             <div class="control-group">
                 <button data-action="download" title="{{ t('loras.controls.download.title') }}">
                     <i class="fas fa-cloud-download-alt"></i> <span><span>{{ t('loras.controls.download.action') }}</span> <kbd class="shortcut-key">D</kbd></span>
                 </button>
             </div>
             {% endif %}
+            {% endif %}
             {% if page_id == 'recipes' %}
             <div title="{{ t('recipes.controls.import.title') }}" class="control-group">
                 <button onclick="importManager.showImportModal()"><i class="fas fa-file-import"></i> {{ t('recipes.controls.import.action') }}</button>

templates/components/header.html

@@ -15,6 +15,8 @@
       {% set current_page = 'checkpoints' %}
       {% elif current_path.startswith('/embeddings') %}
       {% set current_page = 'embeddings' %}
+      {% elif current_path.startswith('/other') %}
+      {% set current_page = 'other' %}
       {% elif current_path.startswith('/statistics') %}
       {% set current_page = 'statistics' %}
       {% else %}
@@ -36,6 +38,10 @@
           id="embeddingsNavItem">
           <i class="fas fa-code"></i> <span>{{ t('header.navigation.embeddings') }}</span>
         </a>
+        <a href="/other" class="nav-item{% if current_path.startswith('/other') %} active{% endif %}"
+          id="otherNavItem">
+          <i class="fas fa-cubes"></i> <span>{{ t('header.navigation.other') }}</span>
+        </a>
         <a href="/statistics" class="nav-item{% if current_path.startswith('/statistics') %} active{% endif %}"
           id="statisticsNavItem">
           <i class="fas fa-chart-bar"></i> <span>{{ t('header.navigation.statistics') }}</span>
@@ -208,7 +214,7 @@
       <div class="search-option-tag active" data-option="tags">{{ t('header.search.filters.tags') }}</div>
       <div class="search-option-tag" data-option="creator">{{ t('header.search.filters.creator') }}</div>
       <div class="search-option-tag" data-option="hash">{{ t('header.search.filters.hash') }}</div>
-      {% elif request.path == '/embeddings' %}
+      {% elif request.path == '/embeddings' or request.path == '/other' %}
       <div class="search-option-tag active" data-option="filename">{{ t('header.search.filters.filename') }}</div>
       <div class="search-option-tag active" data-option="modelname">{{ t('header.search.filters.modelname') }}</div>
       <div class="search-option-tag active" data-option="tags">{{ t('header.search.filters.tags') }}</div>
@@ -295,7 +301,7 @@
     </div>
   </div>
   {% endif %}
-  {% if current_page == 'loras' or current_page == 'checkpoints' %}
+  {% if current_page == 'loras' or current_page == 'checkpoints' or current_page == 'other' %}
   <div class="filter-section">
     <h4>{{ t('header.filter.modelTypes') }}</h4>
     <div class="filter-tags" id="modelTypeTags">

templates/other.html

@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('other.title') }}{% endblock %}
+{% block page_id %}other{% endblock %}
+
+{% block init_title %}{{ t('initialization.other.title') }}{% endblock %}
+{% block init_message %}{{ t('initialization.other.message') }}{% endblock %}
+{% block init_check_url %}/api/other/list?page=1&page_size=1{% endblock %}
+
+{% block additional_components %}
+
+<div id="otherContextMenu" class="context-menu" style="display: none;">
+    <!-- Metadata -->
+    <div class="context-menu-item" data-action="refresh-metadata"><i class="fas fa-sync"></i> {{ t('loras.contextMenu.refreshMetadata') }}</div>
+    <div class="context-menu-item has-submenu" data-has-submenu="link-model">
+        <i class="fas fa-link"></i>
+        <span>{{ t('loras.contextMenu.linkModel') }}</span>
+        <i class="fas fa-chevron-right submenu-arrow"></i>
+        <div class="context-submenu">
+            <div class="context-menu-item" data-action="relink-civitai">
+                <i class="fas fa-external-link-alt"></i> <span>{{ t('loras.contextMenu.linkCivitai') }}</span>
+            </div>
+            <div class="context-menu-item" data-action="link-hf">
+                <i class="fas fa-robot"></i> <span>{{ t('loras.contextMenu.linkHuggingFace') }}</span>
+            </div>
+        </div>
+    </div>
+    <div class="context-menu-separator menu-section-break"></div>
+    <!-- Workflow -->
+    <div class="context-menu-item" data-action="copyname"><i class="fas fa-copy"></i> {{ t('loras.contextMenu.copyFilename') }}</div>
+    <div class="context-menu-separator menu-section-break"></div>
+    <!-- Media / Preview -->
+    <div class="context-menu-item" data-action="preview"><i class="fas fa-folder-open"></i> {{ t('loras.contextMenu.openExamples') }}</div>
+    <div class="context-menu-item has-submenu" data-has-submenu="download-examples"><i class="fas fa-download"></i> {{ t('loras.contextMenu.downloadExamples') }} <i class="fas fa-chevron-right submenu-arrow"></i>
+        <div class="context-submenu">
+            <div class="context-menu-item" data-action="download-examples"><i class="fas fa-download"></i> {{ t('loras.contextMenu.downloadMissingExamples') }}</div>
+            <div class="context-menu-item" data-action="download-examples-force"><i class="fas fa-redo-alt"></i> {{ t('loras.contextMenu.reprocessExamples') }}</div>
+        </div>
+    </div>
+    <div class="context-menu-item" data-action="replace-preview"><i class="fas fa-image"></i> {{ t('loras.contextMenu.replacePreview') }}</div>
+    <div class="context-menu-separator menu-section-break"></div>
+    <!-- Attributes -->
+    <div class="context-menu-item" data-action="set-nsfw"><i class="fas fa-exclamation-triangle"></i> {{ t('loras.contextMenu.setContentRating') }}</div>
+    <div class="context-menu-separator menu-section-break"></div>
+    <!-- Organization -->
+    <div class="context-menu-item" data-action="move"><i class="fas fa-folder-open"></i> {{ t('loras.contextMenu.moveToFolder') }}</div>
+    <div class="context-menu-separator"></div>
+    <!-- Destructive -->
+    <div class="context-menu-item" data-action="exclude"><i class="fas fa-eye-slash"></i> {{ t('loras.contextMenu.excludeModel') }}</div>
+    <div class="context-menu-item delete-item" data-action="delete"><i class="fas fa-trash"></i> {{ t('loras.contextMenu.deleteModel') }}</div>
+</div>
+{% endblock %}
+
+{% block content %}
+    <div class="sticky-topbar">
+    {% include 'components/controls.html' %}
+    {% include 'components/breadcrumb.html' %}
+    </div>
+    {% include 'components/duplicates_banner.html' %}
+    {% include 'components/folder_sidebar.html' %}
+    
+    <!-- Other model cards container -->
+    <div class="card-grid" id="modelGrid">
+        <!-- Cards will be dynamically inserted here -->
+    </div>
+{% endblock %}
+
+{% block overlay %}
+<div class="bulk-mode-overlay"></div>
+{% endblock %}
+
+{% block main_script %}
+<script type="module" src="/loras_static/js/other.js?v={{ version }}"></script>
+{% endblock %}