837 add perplexity to ai endpoint examples (#838)

* streamline use of button loading state instead of ProgressSpinner

* added more examples for AI endpoints and models

* apply formatting changes

---------

Co-authored-by: Logende <[email protected]>

Author: Logende

meta_configurator/src/components/toolbar/dialogs/data-export/DataExportDialog.vue

@@ -5,7 +5,6 @@ import Dialog from 'primevue/dialog';
 import Textarea from 'primevue/textarea';
 import Button from 'primevue/button';
 import Panel from 'primevue/panel';
-import ProgressSpinner from 'primevue/progressspinner';
 import {SessionMode} from '@/store/sessionMode';
 import {getDataForMode, getSchemaForMode} from '@/data/useDataLink';
 import {DataExportServiceHandlebars} from '@/utility/data-export/dataExportServiceHandlebars';

meta_configurator/src/components/toolbar/dialogs/data-mapping/DataMappingDialog.vue

@@ -17,7 +17,6 @@ import * as ace from 'brace';
 import {setupAceProperties} from '@/components/panels/shared-components/aceUtils';
 import {useSettings} from '@/settings/useSettings';
 import {useDebounceFn} from '@vueuse/core';
-import ProgressSpinner from 'primevue/progressspinner';
 import ApiKeyWarning from '@/components/panels/ai-prompts/ApiKeyWarning.vue';
 import PanelSettings from '@/components/panels/shared-components/PanelSettings.vue';
 
@@ -240,8 +239,8 @@ defineExpose({show: openDialog, close: hideDialog});
         label="Generate Suggestion"
         icon="pi pi-wand"
         @click="generateMappingSuggestion"
-        class="w-full" />
-      <ProgressSpinner v-if="isLoadingMapping" />
+        class="w-full"
+        :loading="isLoadingMapping" />
 
       <div class="mt-6">
         <Divider />

meta_configurator/src/settings/defaultSettingsData.ts

@@ -115,6 +115,6 @@ export const SETTINGS_DATA_DEFAULT = {
     model: 'gpt-4o-mini',
     maxTokens: 5000,
     temperature: 0.0,
-    endpoint: 'https://api.openai.com/v1/chat/completions',
+    endpoint: 'https://api.openai.com/v1/',
   },
 };

meta_configurator/src/settings/settingsSchema.ts

@@ -444,7 +444,26 @@ export const SETTINGS_SCHEMA: TopLevelSchema = {
           type: 'string',
           description: 'The model to use for the AI API.',
           default: 'gpt-4o-mini',
-          examples: ['gpt-4o-mini', 'gpt-4o'],
+          examples: [
+            // OpenAI
+            'gpt-4o-mini',
+            'gpt-4o',
+            'gpt-4o-pro',
+            'gpt-4.1',
+            'gpt-3.5-turbo',
+            // Perplexity (Sonar)
+            'sonar',
+            'sonar-pro',
+            // OpenRouter (provider/model format)
+            'openai/gpt-3.5-turbo',
+            'openai/gpt-4o-mini',
+            'anthropic/claude-3.5-sonnet',
+            'anthropic/claude-sonnet-4.5',
+            'mistral/mistral-7b-instruct',
+            'deepseek/deepseek-v3.2-exp',
+            'x-ai/grok-4-fast',
+            'x-ai/grok-4-fast:free',
+          ],
         },
         maxTokens: {
           type: 'integer',
@@ -465,9 +484,17 @@ export const SETTINGS_SCHEMA: TopLevelSchema = {
             'The endpoint to use for the AI API. Must follow the OpenAI API specification.',
           default: 'https://api.openai.com/v1/',
           examples: [
+            // OpenAI official
             'https://api.openai.com/v1/',
-            'https://api.helmholtz-blablador.fz-juelich.de/v1/',
+            // Perplexity (OpenAI-compatible)
+            'https://api.perplexity.ai/',
+            // OpenRouter (aggregator, OpenAI-compatible)
+            'https://api.openrouter.ai/v1/',
+            // Academic / institutional deployments (OpenAI-compatible)
             'https://chat-ai.academiccloud.de/v1/',
+            'https://api.helmholtz-blablador.fz-juelich.de/v1/',
+            // Custom/self-hosted proxy
+            'https://my-llm-proxy.example.com/v1/',
           ],
         },
       },