feat(vscode): restyle beta notice as yellow warning banner with improved copy

Move the beta notice from the top of the providers tab to above the
Disabled Providers section. Use Card variant='warning' with a warning
icon for better visual prominence. Update copy across all 16 locales
to reassure users that full provider support is coming and there's no
lock-in.

packages/kilo-vscode/webview-ui/src/components/settings/ProvidersTab.tsx

@@ -3,6 +3,7 @@ import { Select } from "@kilocode/kilo-ui/select"
 import { Card } from "@kilocode/kilo-ui/card"
 import { Button } from "@kilocode/kilo-ui/button"
 import { IconButton } from "@kilocode/kilo-ui/icon-button"
+import { Icon } from "@kilocode/kilo-ui/icon"
 import { useConfig } from "../../context/config"
 import { useProvider } from "../../context/provider"
 import { useLanguage } from "../../context/language"
@@ -82,19 +83,6 @@ const ProvidersTab: Component = () => {
 
   return (
     <div>
-      <Card>
-        <p
-          style={{
-            "font-size": "12px",
-            color: "var(--text-weak-base, var(--vscode-descriptionForeground))",
-            margin: 0,
-            "line-height": "1.5",
-          }}
-        >
-          {language.t("settings.providers.betaNotice")}
-        </p>
-      </Card>
-
       {/* Model selection */}
       <Card>
         <SettingsRow
@@ -145,6 +133,21 @@ const ProvidersTab: Component = () => {
         </For>
       </Card>
 
+      {/* Beta notice */}
+      <Card
+        variant="warning"
+        style={{
+          "margin-top": "16px",
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "flex-start",
+          gap: "8px",
+        }}
+      >
+        <Icon name="warning" style={{ "flex-shrink": "0", "margin-top": "2px" }} />
+        <p style={{ margin: 0, "line-height": "1.5" }}>{language.t("settings.providers.betaNotice")}</p>
+      </Card>
+
       {/* Disabled providers */}
       <h4 style={{ "margin-top": "16px", "margin-bottom": "8px" }}>{language.t("settings.providers.disabled")}</h4>
       <Card>

packages/kilo-vscode/webview-ui/src/i18n/ar.ts

@@ -665,7 +665,7 @@ export const dict = {
   "settings.providers.title": "الموفرون",
   "settings.providers.description": "ستكون إعدادات الموفر قابلة للتكوين هنا.",
   "settings.providers.betaNotice":
-    "في الإصدار التجريبي، لا يمكن بعد تكوين مزودين آخرين في واجهة المستخدم. سيتم إضافة هذا قبل الإصدار.",
+    "خلال المرحلة التجريبية، يمكن فقط تكوين Kilo Gateway في الإضافة. الدعم الكامل لجميع المزودين — بما في ذلك المتوفرين في الإصدار السابق — قادم قريباً. نحن ملتزمون بإبقاء Kilo مفتوحاً، دون تقييد.",
   "settings.providers.section.connected": "الموفرون المتصلون",
   "settings.providers.connected.empty": "لا يوجد موفرون متصلون",
   "settings.providers.section.popular": "الموفرون الشائعون",

packages/kilo-vscode/webview-ui/src/i18n/br.ts

@@ -672,7 +672,7 @@ export const dict = {
   "settings.providers.title": "Provedores",
   "settings.providers.description": "Configurações de provedores estarão disponíveis aqui.",
   "settings.providers.betaNotice":
-    "Na versão beta, ainda não é possível configurar outros provedores na interface. Isso será adicionado antes do lançamento.",
+    "Durante o beta, apenas o Kilo Gateway pode ser configurado na extensão. O suporte completo para todos os provedores — incluindo os da versão anterior — chegará em breve. Estamos comprometidos em manter o Kilo aberto, sem lock-in.",
   "settings.providers.section.connected": "Provedores conectados",
   "settings.providers.connected.empty": "Nenhum provedor conectado",
   "settings.providers.section.popular": "Provedores populares",

packages/kilo-vscode/webview-ui/src/i18n/bs.ts

@@ -676,7 +676,7 @@ export const dict = {
   "settings.providers.title": "Provajderi",
   "settings.providers.description": "Postavke provajdera će se ovdje moći podešavati.",
   "settings.providers.betaNotice":
-    "U beta verziji još nije moguće konfigurisati druge provajdere u korisničkom interfejsu. Ovo će biti dodano prije izdanja.",
+    "Tokom beta faze, samo se Kilo Gateway može konfigurisati u ekstenziji. Potpuna podrška za sve provajdere — uključujući i one iz prethodne verzije — stiže uskoro. Posvećeni smo tome da Kilo ostane otvoren, bez vezivanja.",
   "settings.providers.section.connected": "Povezani provajderi",
   "settings.providers.connected.empty": "Nema povezanih provajdera",
   "settings.providers.section.popular": "Popularni provajderi",

packages/kilo-vscode/webview-ui/src/i18n/da.ts

@@ -671,7 +671,7 @@ export const dict = {
   "settings.providers.title": "Udbydere",
   "settings.providers.description": "Udbyderindstillinger vil kunne konfigureres her.",
   "settings.providers.betaNotice":
-    "I betaversionen er det endnu ikke muligt at konfigurere andre udbydere i brugerfladen. Dette vil blive tilføjet inden udgivelsen.",
+    "Under betaen kan kun Kilo Gateway konfigureres i udvidelsen. Fuld understøttelse af alle udbydere — herunder dem fra den tidligere version — kommer snart. Vi er forpligtede til at holde Kilo åbent, ingen lock-in.",
   "settings.providers.section.connected": "Forbundne udbydere",
   "settings.providers.connected.empty": "Ingen forbundne udbydere",
   "settings.providers.section.popular": "Populære udbydere",

packages/kilo-vscode/webview-ui/src/i18n/de.ts

@@ -681,7 +681,7 @@ export const dict = {
   "settings.providers.title": "Anbieter",
   "settings.providers.description": "Anbietereinstellungen können hier konfiguriert werden.",
   "settings.providers.betaNotice":
-    "In der Betaversion ist es noch nicht möglich, andere Anbieter in der Benutzeroberfläche zu konfigurieren. Dies wird vor der Veröffentlichung hinzugefügt.",
+    "Während der Beta kann nur Kilo Gateway in der Erweiterung konfiguriert werden. Vollständige Unterstützung für alle Anbieter — einschließlich derer aus der vorherigen Version — folgt in Kürze. Wir setzen uns dafür ein, Kilo offen zu halten, kein Lock-in.",
   "settings.providers.section.connected": "Verbundene Anbieter",
   "settings.providers.connected.empty": "Keine verbundenen Anbieter",
   "settings.providers.section.popular": "Beliebte Anbieter",

packages/kilo-vscode/webview-ui/src/i18n/en.ts

@@ -677,7 +677,7 @@ export const dict = {
   "settings.providers.title": "Providers",
   "settings.providers.description": "Provider settings will be configurable here.",
   "settings.providers.betaNotice":
-    "In the beta version, it is not yet possible to configure other providers in the UI. This will be added before release.",
+    "During the beta, only Kilo Gateway can be configured in the extension. Full support for all providers — including those from the previous version — is coming soon. We're committed to keeping Kilo open, no lock-in.",
   "settings.providers.section.connected": "Connected providers",
   "settings.providers.connected.empty": "No connected providers",
   "settings.providers.section.popular": "Popular providers",

packages/kilo-vscode/webview-ui/src/i18n/es.ts

@@ -677,7 +677,7 @@ export const dict = {
   "settings.providers.title": "Proveedores",
   "settings.providers.description": "La configuración de proveedores estará disponible aquí.",
   "settings.providers.betaNotice":
-    "En la versión beta, aún no es posible configurar otros proveedores en la interfaz. Esto se añadirá antes del lanzamiento.",
+    "Durante la beta, solo se puede configurar Kilo Gateway en la extensión. El soporte completo para todos los proveedores —incluidos los de la versión anterior— llegará pronto. Estamos comprometidos a mantener Kilo abierto, sin ataduras.",
   "settings.providers.section.connected": "Proveedores conectados",
   "settings.providers.connected.empty": "No hay proveedores conectados",
   "settings.providers.section.popular": "Proveedores populares",

packages/kilo-vscode/webview-ui/src/i18n/fr.ts

@@ -681,7 +681,7 @@ export const dict = {
   "settings.providers.title": "Fournisseurs",
   "settings.providers.description": "Les paramètres des fournisseurs seront configurables ici.",
   "settings.providers.betaNotice":
-    "Dans la version bêta, il n'est pas encore possible de configurer d'autres fournisseurs dans l'interface. Cela sera ajouté avant la sortie.",
+    "Pendant la bêta, seul Kilo Gateway peut être configuré dans l'extension. La prise en charge complète de tous les fournisseurs — y compris ceux de la version précédente — sera bientôt disponible. Nous nous engageons à garder Kilo ouvert, sans verrouillage propriétaire.",
   "settings.providers.section.connected": "Fournisseurs connectés",
   "settings.providers.connected.empty": "Aucun fournisseur connecté",
   "settings.providers.section.popular": "Fournisseurs populaires",

packages/kilo-vscode/webview-ui/src/i18n/ja.ts

@@ -670,7 +670,7 @@ export const dict = {
   "settings.providers.title": "プロバイダー",
   "settings.providers.description": "プロバイダー設定はここで構成できます。",
   "settings.providers.betaNotice":
-    "ベータ版では、UIで他のプロバイダーを設定することはまだできません。リリース前に追加される予定です。",
+    "ベータ版の期間中は、拡張機能で設定できるのはKilo Gatewayのみです。以前のバージョンのプロバイダーを含むすべてのプロバイダーへの完全なサポートは、近日中に提供予定です。私たちはKiloをオープンに保ち、ロックインを行わないことをお約束します。",
   "settings.providers.section.connected": "接続済みプロバイダー",
   "settings.providers.connected.empty": "接続済みプロバイダーはありません",
   "settings.providers.section.popular": "人気のプロバイダー",

packages/kilo-vscode/webview-ui/src/i18n/ko.ts

@@ -671,7 +671,7 @@ export const dict = {
   "settings.providers.title": "공급자",
   "settings.providers.description": "공급자 설정은 여기서 구성할 수 있습니다.",
   "settings.providers.betaNotice":
-    "베타 버전에서는 아직 UI에서 다른 공급자를 구성할 수 없습니다. 정식 출시 전에 추가될 예정입니다.",
+    "베타 기간 동안에는 확장 프로그램에서 Kilo Gateway만 설정할 수 있습니다. 이전 버전을 포함한 모든 프로바이더에 대한 완전한 지원이 곧 제공될 예정입니다. 저희는 락인(lock-in) 없이 Kilo를 개방적으로 유지하기 위해 최선을 다하고 있습니다.",
   "settings.providers.section.connected": "연결된 공급자",
   "settings.providers.connected.empty": "연결된 공급자 없음",
   "settings.providers.section.popular": "인기 공급자",

packages/kilo-vscode/webview-ui/src/i18n/no.ts

@@ -674,7 +674,7 @@ export const dict = {
   "settings.providers.title": "Leverandører",
   "settings.providers.description": "Leverandørinnstillinger vil kunne konfigureres her.",
   "settings.providers.betaNotice":
-    "I betaversjonen er det foreløpig ikke mulig å konfigurere andre leverandører i brukergrensesnittet. Dette vil bli lagt til før lansering.",
+    "Under betaen kan kun Kilo Gateway konfigureres i utvidelsen. Full støtte for alle leverandører — inkludert de fra forrige versjon — kommer snart. Vi er opptatt av å holde Kilo åpent, uten innelåsing.",
   "settings.providers.section.connected": "Tilkoblede leverandører",
   "settings.providers.connected.empty": "Ingen tilkoblede leverandører",
   "settings.providers.section.popular": "Populære leverandører",

packages/kilo-vscode/webview-ui/src/i18n/pl.ts

@@ -674,7 +674,7 @@ export const dict = {
   "settings.providers.title": "Dostawcy",
   "settings.providers.description": "Ustawienia dostawców będą tutaj konfigurowalne.",
   "settings.providers.betaNotice":
-    "W wersji beta nie jest jeszcze możliwe skonfigurowanie innych dostawców w interfejsie. Zostanie to dodane przed wydaniem.",
+    "W fazie beta w rozszerzeniu można skonfigurować tylko Kilo Gateway. Pełne wsparcie dla wszystkich dostawców — w tym tych z poprzedniej wersji — pojawi się wkrótce. Zależy nam na tym, aby Kilo pozostało otwarte, bez lock-inu.",
   "settings.providers.section.connected": "Połączeni dostawcy",
   "settings.providers.connected.empty": "Brak połączonych dostawców",
   "settings.providers.section.popular": "Popularni dostawcy",

packages/kilo-vscode/webview-ui/src/i18n/ru.ts

@@ -677,7 +677,7 @@ export const dict = {
   "settings.providers.title": "Провайдеры",
   "settings.providers.description": "Настройки провайдеров будут доступны здесь.",
   "settings.providers.betaNotice":
-    "В бета-версии пока нет возможности настраивать других провайдеров в интерфейсе. Это будет добавлено до релиза.",
+    "Во время бета-тестирования в расширении можно настроить только Kilo Gateway. Полная поддержка всех провайдеров — включая тех, что были в предыдущей версии, — скоро появится. Мы стремимся сохранить Kilo открытым, без привязки к вендору.",
   "settings.providers.section.connected": "Подключённые провайдеры",
   "settings.providers.connected.empty": "Нет подключённых провайдеров",
   "settings.providers.section.popular": "Популярные провайдеры",

packages/kilo-vscode/webview-ui/src/i18n/th.ts

@@ -668,7 +668,7 @@ export const dict = {
   "settings.providers.title": "ผู้ให้บริการ",
   "settings.providers.description": "การตั้งค่าผู้ให้บริการจะสามารถกำหนดค่าได้ที่นี่",
   "settings.providers.betaNotice":
-    "ในเวอร์ชันเบต้า ยังไม่สามารถกำหนดค่าผู้ให้บริการอื่นในส่วนติดต่อผู้ใช้ได้ จะเพิ่มฟีเจอร์นี้ก่อนเปิดตัว",
+    "ในช่วงเบต้า จะสามารถตั้งค่าได้เฉพาะ Kilo Gateway ในส่วนขยายเท่านั้น การรองรับผู้ให้บริการทั้งหมดอย่างเต็มรูปแบบ — รวมถึงจากเวอร์ชันก่อนหน้า — กำลังจะมาในเร็วๆ นี้ เรามุ่งมั่นที่จะรักษาให้ Kilo เปิดกว้าง โดยไม่มีการผูกมัด",
   "settings.providers.section.connected": "ผู้ให้บริการที่เชื่อมต่อ",
   "settings.providers.connected.empty": "ไม่มีผู้ให้บริการที่เชื่อมต่อ",
   "settings.providers.section.popular": "ผู้ให้บริการยอดนิยม",

packages/kilo-vscode/webview-ui/src/i18n/zh.ts

@@ -660,7 +660,8 @@ export const dict = {
 
   "settings.providers.title": "提供商",
   "settings.providers.description": "提供商设置将在此处可配置。",
-  "settings.providers.betaNotice": "在测试版中，暂时无法在界面中配置其他提供商。此功能将在正式发布前添加。",
+  "settings.providers.betaNotice":
+    "在 Beta 测试期间，只能在扩展中配置 Kilo Gateway。即将全面支持所有提供商——包括之前版本中的提供商。我们致力于保持 Kilo 开放，无锁定。",
   "settings.providers.section.connected": "已连接的提供商",
   "settings.providers.connected.empty": "没有已连接的提供商",
   "settings.providers.section.popular": "热门提供商",

packages/kilo-vscode/webview-ui/src/i18n/zht.ts

@@ -662,7 +662,8 @@ export const dict = {
 
   "settings.providers.title": "供應商",
   "settings.providers.description": "可在此調整供應商設定。",
-  "settings.providers.betaNotice": "在測試版中，目前尚無法在介面中設定其他供應商。此功能將在正式發布前加入。",
+  "settings.providers.betaNotice":
+    "在 Beta 測試期間，擴充套件中只能設定 Kilo Gateway。對所有供應商的完整支援——包含來自上一版本的供應商——即將推出。我們致力於保持 Kilo 的開放，絕不綁定。",
   "settings.providers.section.connected": "已連線的供應商",
   "settings.providers.connected.empty": "沒有已連線的供應商",
   "settings.providers.section.popular": "熱門供應商",

packages/ui/src/components/card.css

@@ -26,4 +26,17 @@
       color: var(--icon-critical-active);
     }
   }
+
+  &[data-variant="warning"] {
+    background-color: var(--surface-warning-weak);
+    border: 1px solid var(--border-warning-base);
+
+    /* text-12-regular */
+    font-family: var(--font-family-sans);
+    font-size: var(--font-size-small);
+    font-style: normal;
+    font-weight: var(--font-weight-regular);
+    line-height: var(--line-height-large); /* 166.667% */
+    letter-spacing: var(--letter-spacing-normal);
+  }
 }