aea985d7 · permissionBRICK/SillyTavern

package.json+1 -0 Viewed

         "rate-limiter-flexible": "^5.0.0",
         "response-time": "^2.3.2",
         "sanitize-filename": "^1.6.3",
 +        "sillytavern": "file:",
         "sillytavern-transformers": "2.14.6",
         "simple-git": "^3.19.1",
         "tiktoken": "^1.0.16",

public/scripts/textgen-models.js+19 -4 Viewed

         const selectedSortOrder = sortOrderSelect.value;
         const selectedClass = classSelect.value;
         const selectedCategory = categoriesSelect.value;
++
         const featherlessTop = await fetchFeatherlessStats();
         const featherlessIds = featherlessTop.map(stat => stat.id);
 -        // Filter the models based on the search query and selected class
++
 +        const featherlessNew = await fetchFeatherlessNew();
 +        const featherlessNewIds = featherlessNew.map(stat => stat.id);
++
         let filteredModels = originalModels.filter(model => {
             const matchesSearch = model.id.toLowerCase().includes(searchQuery);
             const matchesClass = selectedClass ? model.model_class === selectedClass : true;
             const matchesTop = featherlessIds.includes(model.id);
 +            const matchesNew = featherlessNewIds.includes(model.id);
             if (selectedCategory === 'All') {
                 return matchesSearch && matchesClass;

             else if (selectedCategory === 'Top') {
                 return matchesSearch && matchesClass && matchesTop;
+            }
+-
 +            else if (selectedCategory === 'New') {
                             return matchesSearch && matchesClass && matchesNew;
 +            }
 +            else {
 +                return null;
 +            }
         });
         // Sort the filtered models based on selected sort order (A-Z or Z-A)

     return data.popular;
+}
 +async function fetchFeatherlessNew() {
 +    const response = await fetch('https://api.featherless.ai/feather/models?sort=-created_at&perPage=10');
 +    const data = await response.json();
 +    return data.items;
 +}
++
 function onFeatherlessModelSelect(modelId) {
 -    // Find the selected model and set the settings
++
     const model = featherlessModels.find(x => x.id === modelId);
     selectedModelId = modelId;
     textgen_settings.featherless_model = modelId;

public/style.css+27 -8 Viewed

 #model_search_bar {
     flex-grow: 1;
     min-width: 10ch;
 +    align-self: center;
+}
 /* Sort dropdown should be auto-sized based on its content */
 #model_sort_order {
 -    width: auto;  /* Set the width of the dropdown to its content size */
 +    width: auto;
     flex-shrink: 0;  /* Prevent it from shrinking */
 +    align-self: center;
+}
 /* Grid toggle button */

     cursor: pointer;
+}
 #category_selection,
 -{
 +#class_selection {
     display: flex;
     width: auto;
 +    align-self: center;
 +}
++
 +/* Media query for mobile devices */
 +@media (max-width: 768px) {
 +    .model-card {
 +        flex-direction: column;  /* Stack content vertically on small screens */
 +        align-items: stretch;  /* Stretch items to take full width */
 +    }
++
 +    .model-info, .model-details {
 +        width: 100%;  /* Take full width */
 +        text-align: left;  /* Left-align text */
 +    }
++
 +    #model_search_bar {
 +        width: 100%;  /* Take full width on small screens */
 +    }
++
 +    #model_sort_order, #model_grid_toggle {
 +        margin-top: 10px;  /* Add some space above these elements */
+    }
 -#class_selection
 -{
 -    display: flex;
 -    width: auto;
+}

added new filter and css fix