#1059 Mancer model selector

public/scripts/mancer-settings.js

@@ -0,0 +1,73 @@
+import { api_server_textgenerationwebui, getRequestHeaders, setGenerationParamsFromPreset } from "../script.js";
+
+let models = [];
+
+/**
+ * @param {string} modelId
+ */
+export function getMancerModelURL(modelId) {
+    return `https://neuro.mancer.tech/webui/${modelId}/api`;
+}
+
+export async function loadMancerModels() {
+    try {
+        const response = await fetch('/api/mancer/models', {
+            method: 'POST',
+            headers: getRequestHeaders(),
+        });
+
+        if (!response.ok) {
+            return;
+        }
+
+        const data = await response.json();
+        models = data;
+
+        $('#mancer_model').empty();
+        for (const model of data) {
+            const option = document.createElement('option');
+            option.value = model.id;
+            option.text = model.name;
+            option.selected = api_server_textgenerationwebui === getMancerModelURL(model.id);
+            $('#mancer_model').append(option);
+        }
+
+    } catch {
+        console.warn('Failed to load Mancer models');
+    }
+}
+
+function onMancerModelSelect() {
+    const modelId = String($('#mancer_model').val());
+    const url = getMancerModelURL(modelId);
+    $('#mancer_api_url_text').val(url);
+    $('#api_button_textgenerationwebui').trigger('click');
+
+    const context = models.find(x => x.id === modelId)?.context;
+    setGenerationParamsFromPreset({ max_length: context });
+}
+
+function getMancerModelTemplate(option) {
+    const model = models.find(x => x.id === option?.element?.value);
+
+    if (!option.id || !model) {
+        return option.text;
+    }
+
+    return $((`
+        <div class="flex-container flexFlowColumn">
+            <div><strong>${DOMPurify.sanitize(model.name)}</strong> | <span>${model.context} ctx</span></div>
+            <small>${DOMPurify.sanitize(model.description)}</small>
+        </div>
+    `));
+}
+
+jQuery(function () {
+    $('#mancer_model').on('change', onMancerModelSelect).select2({
+        placeholder: 'Select a model',
+        searchInputPlaceholder: 'Search models...',
+        searchInputCssClass: 'text_pole',
+        width: '100%',
+        templateResult: getMancerModelTemplate,
+    });
+});