feat: implement embeddings functionality with context menus, controls, and page management

static/js/components/controls/EmbeddingsControls.js

@@ -0,0 +1,57 @@
+// EmbeddingsControls.js - Specific implementation for the Embeddings page
+import { PageControls } from './PageControls.js';
+import { getModelApiClient, resetAndReload } from '../../api/baseModelApi.js';
+import { showToast } from '../../utils/uiHelpers.js';
+import { downloadManager } from '../../managers/DownloadManager.js';
+
+/**
+ * EmbeddingsControls class - Extends PageControls for Embedding-specific functionality
+ */
+export class EmbeddingsControls extends PageControls {
+    constructor() {
+        // Initialize with 'embeddings' page type
+        super('embeddings');
+        
+        // Register API methods specific to the Embeddings page
+        this.registerEmbeddingsAPI();
+    }
+    
+    /**
+     * Register Embedding-specific API methods
+     */
+    registerEmbeddingsAPI() {
+        const embeddingsAPI = {
+            // Core API functions
+            loadMoreModels: async (resetPage = false, updateFolders = false) => {
+                return await getModelApiClient().loadMoreWithVirtualScroll(resetPage, updateFolders);
+            },
+            
+            resetAndReload: async (updateFolders = false) => {
+                return await resetAndReload(updateFolders);
+            },
+            
+            refreshModels: async (fullRebuild = false) => {
+                return await getModelApiClient().refreshModels(fullRebuild);
+            },
+            
+            // Add fetch from Civitai functionality for embeddings
+            fetchFromCivitai: async () => {
+                return await getModelApiClient().fetchCivitaiMetadata();
+            },
+            
+            // Add show download modal functionality
+            showDownloadModal: () => {
+                downloadManager.showDownloadModal();
+            },
+            
+            // No clearCustomFilter implementation is needed for embeddings
+            // as custom filters are currently only used for LoRAs
+            clearCustomFilter: async () => {
+                showToast('No custom filter to clear', 'info');
+            }
+        };
+        
+        // Register the API
+        this.registerAPI(embeddingsAPI);
+    }
+}

static/js/components/controls/index.js

@@ -2,13 +2,14 @@
 import { PageControls } from './PageControls.js';
 import { LorasControls } from './LorasControls.js';
 import { CheckpointsControls } from './CheckpointsControls.js';
+import { EmbeddingsControls } from './EmbeddingsControls.js';
 
 // Export the classes
-export { PageControls, LorasControls, CheckpointsControls };
+export { PageControls, LorasControls, CheckpointsControls, EmbeddingsControls };
 
 /**
  * Factory function to create the appropriate controls based on page type
- * @param {string} pageType - The type of page ('loras' or 'checkpoints')
+ * @param {string} pageType - The type of page ('loras', 'checkpoints', or 'embeddings')
  * @returns {PageControls} - The appropriate controls instance
  */
 export function createPageControls(pageType) {
@@ -16,6 +17,8 @@ export function createPageControls(pageType) {
         return new LorasControls();
     } else if (pageType === 'checkpoints') {
         return new CheckpointsControls();
+    } else if (pageType === 'embeddings') {
+        return new EmbeddingsControls();
     } else {
         console.error(`Unknown page type: ${pageType}`);
         return null;