Mark llmprovider experimental (#16784)

* Support preference tags in settings view

* Mark LLM providers as experimental in settings UI

Author: JonasHelming

packages/ai-hugging-face/src/common/huggingface-preferences.ts

@@ -28,6 +28,7 @@ export const HuggingFacePreferencesSchema: PreferenceSchema = {
                 'Enter an API Key for your Hugging Face Account. **Please note:** By using this preference the Hugging Face API key will be stored in clear text\
             on the machine running Theia. Use the environment variable `HUGGINGFACE_API_KEY` to set the key securely.'),
             title: AI_CORE_PREFERENCES_TITLE,
+            tags: ['experimental']
         },
         [MODELS_PREF]: {
             type: 'array',
@@ -36,7 +37,8 @@ export const HuggingFacePreferencesSchema: PreferenceSchema = {
             default: ['bigcode/starcoder'],
             items: {
                 type: 'string'
-            }
+            },
+            tags: ['experimental']
         }
     }
 };

packages/ai-llamafile/src/common/llamafile-preferences.ts

@@ -51,7 +51,8 @@ export const aiLlamafilePreferencesSchema: PreferenceSchema = {
                         description: nls.localize('theia/ai/llamaFile/prefs/port/description', 'The port to use to start the server.')
                     }
                 }
-            }
+            },
+            tags: ['experimental']
         }
     }
 };

packages/ai-vercel-ai/src/common/vercel-ai-preferences.ts

@@ -31,16 +31,18 @@ export const VercelAiPreferencesSchema: PreferenceSchema = {
             markdownDescription: nls.localize('theia/ai/vercelai/openaiApiKey/mdDescription',
                 'Enter an API Key for OpenAI models used by the Vercel AI SDK. \
                 **Please note:** By using this preference the API key will be stored in clear text \
-on the machine running Theia. Use the environment variable `OPENAI_API_KEY` to set the key securely.'),
+        on the machine running Theia. Use the environment variable `OPENAI_API_KEY` to set the key securely.'),
             title: AI_CORE_PREFERENCES_TITLE,
+            tags: ['experimental']
         },
         [ANTHROPIC_API_KEY_PREF]: {
             type: 'string',
             markdownDescription: nls.localize('theia/ai/vercelai/anthropicApiKey/mdDescription',
                 'Enter an API Key for Anthropic models used by the Vercel AI SDK. \
                 **Please note:** By using this preference the API key will be stored in clear text \
-on the machine running Theia. Use the environment variable `ANTHROPIC_API_KEY` to set the key securely.'),
+        on the machine running Theia. Use the environment variable `ANTHROPIC_API_KEY` to set the key securely.'),
             title: AI_CORE_PREFERENCES_TITLE,
+            tags: ['experimental']
         },
         [MODELS_PREF]: {
             type: 'array',
@@ -75,7 +77,8 @@ on the machine running Theia. Use the environment variable `ANTHROPIC_API_KEY` t
                     }
                 },
                 required: ['id', 'model', 'provider']
-            }
+            },
+            tags: ['experimental']
         },
         [CUSTOM_ENDPOINTS_PREF]: {
             type: 'array',
@@ -131,7 +134,8 @@ on the machine running Theia. Use the environment variable `ANTHROPIC_API_KEY` t
                             'Indicates whether the streaming API shall be used. `true` by default.'),
                     }
                 }
-            }
+            },
+            tags: ['experimental']
         }
     }
 };

packages/preferences/src/browser/views/components/preference-node-renderer.ts

@@ -313,7 +313,7 @@ export abstract class PreferenceLeafNodeRenderer<ValueType extends JSONValue, In
             if (tags && tags.length > 0) {
                 const tagsWrapper = document.createElement('span');
                 tagsWrapper.classList.add('preference-leaf-headline-tags');
-               const PREVIEW_INDICATOR_DESCRIPTION = nls.localizeByDefault(
+                const PREVIEW_INDICATOR_DESCRIPTION = nls.localizeByDefault(
                     'Preview setting: this setting controls a new feature that is still under refinement yet ready to use. Feedback is welcome.');
                 const EXPERIMENTAL_INDICATOR_DESCRIPTION = nls.localizeByDefault(
                     'Experimental setting: this setting controls a new feature that is actively being developed and may be unstable. It is subject to change or removal.');