f436000a · permissionBRICK/SillyTavern

@@ -266,8 +266,7 @@ export async function loadAphroditeModels(data) {
266	}	266	}
267	}	267	}
268		268
269	// Page -1 will be initialized from a selected model.	269	let featherlessCurrentPage = 1;
270	let currentPage = -1;
271	export async function loadFeatherlessModels(data) {	270	export async function loadFeatherlessModels(data) {
272	const searchBar = document.getElementById('model_search_bar');	271	const searchBar = document.getElementById('model_search_bar');
273	const modelCardBlock = document.getElementById('model_card_block');	272	const modelCardBlock = document.getElementById('model_card_block');

     // Initialize pagination with the full set of models
     const selectedModelPage = (data.findIndex(x => x.id === textgen_settings.featherless_model) / perPage) + 1;
-    currentPage = currentPage === -1 && selectedModelPage > 0 ? selectedModelPage : 1;
+    featherlessCurrentPage = selectedModelPage > 0 ? selectedModelPage : 1;
     setupPagination(originalModels, perPage);
     // Function to set up pagination (also used for filtered results)
-    function setupPagination(models, perPage, pageNumber = currentPage) {
+    function setupPagination(models, perPage, pageNumber = featherlessCurrentPage) {
         paginationContainer.pagination({
             dataSource: models,
             pageSize: perPage,

                 });
                 // Update the current page value whenever the page changes
-                currentPage = pagination.pageNumber;
+                featherlessCurrentPage = pagination.pageNumber;
             },
             afterSizeSelectorChange: function (e) {
                 const newPerPage = e.target.value;
                 localStorage.setItem('Models_PerPage', newPerPage);
-                setupPagination(models, Number(newPerPage), currentPage); // Use the stored current page number
+                setupPagination(models, Number(newPerPage), featherlessCurrentPage); // Use the stored current page number
             },
         });
+    }
+    // Unset previously added listeners
+    $(searchBar).off('input');
+    $(sortOrderSelect).off('change');
+    $(classSelect).off('change');
+    $(categoriesSelect).off('change');
     // Add event listener for input on the search bar
     searchBar.addEventListener('input', function () {
         applyFiltersAndSort();

@@ -463,7 +468,7 @@ export async function loadFeatherlessModels(data) {
463	filteredModels.sort((a, b) => b.updated_at.localeCompare(a.updated_at));	468	filteredModels.sort((a, b) => b.updated_at.localeCompare(a.updated_at));
464	}	469	}
465		470
466	setupPagination(filteredModels, Number(localStorage.getItem(storageKey)) \|\| perPage, currentPage);	471	setupPagination(filteredModels, Number(localStorage.getItem(storageKey)) \|\| perPage, featherlessCurrentPage);
467	}	472	}
468		473
469	// Required to keep the /model command function	474	// Required to keep the /model command function

     setGenerationParamsFromPreset({ max_length: model.context_length });
+}
-let isGridView = false;  // Default state set to grid view
+let featherlessIsGridView = false;  // Default state set to grid view
 // Ensure the correct initial view is applied when the page loads
 document.addEventListener('DOMContentLoaded', function () {

     const toggleButton = document.getElementById('model_grid_toggle');
     toggleButton.addEventListener('click', function () {
         // Toggle between grid and list view
-        if (isGridView) {
+        if (featherlessIsGridView) {
             modelCardBlock.classList.remove('grid-view');
             modelCardBlock.classList.add('list-view');
             this.title = 'Toggle to grid view';

             this.title = 'Toggle to list view';
+        }
-        isGridView = !isGridView;
+        featherlessIsGridView = !featherlessIsGridView;
     });
 });
 function onMancerModelSelect() {

     $('#aphrodite_model').on('change', onAphroditeModelSelect);
     $('#tabby_download_model').on('click', downloadTabbyModel);
     $('#tabby_model').on('change', onTabbyModelSelect);
+    $('#featherless_model').on('change', () => onFeatherlessModelSelect(String($('#featherless_model').val())));
     const providersSelect = $('.openrouter_providers');
     for (const provider of OPENROUTER_PROVIDERS) {

Featherless: Fix /model command