fix(vscode): localize BYOK gateway footer link

.changeset/gateway-byok-footer-link.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": minor
+---
+
+Link to Kilo Gateway BYOK usage information from provider API key connection dialogs.

packages/kilo-docs/source-links.md

@@ -35,6 +35,8 @@
   <!-- packages/opencode/src/plugin/xai.ts -->
 - <https://auth.x.ai/oauth2/token>
   <!-- packages/opencode/src/plugin/xai.ts -->
+- <https://blog.kilo.ai/p/kilo-gateway-now-supports-byok-20-providers>
+  <!-- packages/kilo-vscode/webview-ui/src/components/settings/ProviderConnectDialog.tsx -->
 - <https://blog.kilo.ai/p/new-kilo-for-vs-code-is-live>
   <!-- packages/kilo-vscode/webview-ui/src/components/migration/MigrationWizard.tsx -->
 - <https://chatgpt.com/explore/plus>

packages/kilo-i18n/src/ar.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "قم بزيارة ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " للحصول على مفتاح API الخاص بك.",
+  "provider.connect.kiloGateway.byok.prefix": "للحصول على المزيد من إحصائيات الاستخدام، استخدم ",
+  "provider.connect.kiloGateway.byok.link": "BYOK عبر Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "موصى به",

packages/kilo-i18n/src/br.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Visite ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " para obter sua chave de API.",
+  "provider.connect.kiloGateway.byok.prefix": "Para mais estatísticas de uso, utilize ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Recomendados",

packages/kilo-i18n/src/bs.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Posjetite ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " da preuzmete svoj API ključ.",
+  "provider.connect.kiloGateway.byok.prefix": "Za više statistika korištenja, koristite ",
+  "provider.connect.kiloGateway.byok.link": "BYOK putem Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Preporučeno",

packages/kilo-i18n/src/da.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Besøg ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " for at hente din API-nøgle.",
+  "provider.connect.kiloGateway.byok.prefix": "For flere brugsstatistikker, brug ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Anbefalede",

packages/kilo-i18n/src/de.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Besuchen Sie ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": ", um Ihren API-Schlüssel zu erhalten.",
+  "provider.connect.kiloGateway.byok.prefix": "Für weitere Nutzungsstatistiken ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": " nutzen.",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Empfohlen",

packages/kilo-i18n/src/en.ts

@@ -9,6 +9,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Visit ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " to collect your API key.",
+  "provider.connect.kiloGateway.byok.prefix": "For more usage stats, ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Recommended",

packages/kilo-i18n/src/es.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Visita ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " para obtener tu clave API.",
+  "provider.connect.kiloGateway.byok.prefix": "Para más estadísticas de uso, utiliza ",
+  "provider.connect.kiloGateway.byok.link": "BYOK a través de Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Recomendados",

packages/kilo-i18n/src/fr.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Visitez ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " pour obtenir votre clé API.",
+  "provider.connect.kiloGateway.byok.prefix": "Pour plus de statistiques d'utilisation, utilisez ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Recommandés",

packages/kilo-i18n/src/ja.ts

@@ -6,6 +6,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " にアクセスしてAPIキーを取得してください。",
+  "provider.connect.kiloGateway.byok.prefix": "詳細な使用統計については、",
+  "provider.connect.kiloGateway.byok.link": "Kilo's Gateway経由でBYOK",
+  "provider.connect.kiloGateway.byok.suffix": "をご利用ください。",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "おすすめ",

packages/kilo-i18n/src/ko.ts

@@ -6,6 +6,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": "를 방문하여 API 키를 받으세요.",
+  "provider.connect.kiloGateway.byok.prefix": "더 많은 사용 통계를 보려면 ",
+  "provider.connect.kiloGateway.byok.link": "Kilo's Gateway를 통해 BYOK",
+  "provider.connect.kiloGateway.byok.suffix": "를 사용하세요.",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "추천",

packages/kilo-i18n/src/nl.ts

@@ -9,6 +9,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Bezoek ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " om je API key op te halen.",
+  "provider.connect.kiloGateway.byok.prefix": "Voor meer gebruiksstatistieken, gebruik ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Aanbevolen",

packages/kilo-i18n/src/no.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Besøk ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " for å hente API-nøkkelen din.",
+  "provider.connect.kiloGateway.byok.prefix": "For mer bruksstatistikk, bruk ",
+  "provider.connect.kiloGateway.byok.link": "BYOK via Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Anbefalt",

packages/kilo-i18n/src/pl.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Odwiedź ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": ", aby otrzymać swój klucz API.",
+  "provider.connect.kiloGateway.byok.prefix": "Aby uzyskać więcej statystyk użycia, użyj ",
+  "provider.connect.kiloGateway.byok.link": "BYOK przez Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Polecane",

packages/kilo-i18n/src/ru.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Посетите ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": ", чтобы получить ваш API-ключ.",
+  "provider.connect.kiloGateway.byok.prefix": "Для получения дополнительной статистики использования используйте ",
+  "provider.connect.kiloGateway.byok.link": "BYOK через Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Рекомендуемые",

packages/kilo-i18n/src/th.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "เยี่ยมชม ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " เพื่อรับ API key ของคุณ",
+  "provider.connect.kiloGateway.byok.prefix": "สำหรับสถิติการใช้งานเพิ่มเติม โปรดใช้ ",
+  "provider.connect.kiloGateway.byok.link": "BYOK ผ่าน Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": "",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "แนะนำ",

packages/kilo-i18n/src/tr.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "API anahtarınızı almak için ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " adresini ziyaret edin.",
+  "provider.connect.kiloGateway.byok.prefix": "Daha fazla kullanım istatistiği için ",
+  "provider.connect.kiloGateway.byok.link": "Kilo's Gateway üzerinden BYOK",
+  "provider.connect.kiloGateway.byok.suffix": " kullanın.",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Önerilen",

packages/kilo-i18n/src/uk.ts

@@ -7,6 +7,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "Відвідайте ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " щоб отримати свій API-ключ.",
+  "provider.connect.kiloGateway.byok.prefix": "Для отримання додаткової статистики використання використовуйте ",
+  "provider.connect.kiloGateway.byok.link": "BYOK через Kilo's Gateway",
+  "provider.connect.kiloGateway.byok.suffix": ".",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "Рекомендовані",

packages/kilo-i18n/src/zh.ts

@@ -5,6 +5,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "访问 ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " 获取您的 API 密钥。",
+  "provider.connect.kiloGateway.byok.prefix": "如需更多使用统计信息，请",
+  "provider.connect.kiloGateway.byok.link": "通过 Kilo's Gateway 进行 BYOK",
+  "provider.connect.kiloGateway.byok.suffix": "。",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "推荐",

packages/kilo-i18n/src/zht.ts

@@ -5,6 +5,9 @@ export const dict = {
   "provider.connect.kiloGateway.visit.prefix": "訪問 ",
   "provider.connect.kiloGateway.visit.link": "kilo.ai",
   "provider.connect.kiloGateway.visit.suffix": " 獲取您的 API 金鑰。",
+  "provider.connect.kiloGateway.byok.prefix": "如需更多使用統計資訊，請",
+  "provider.connect.kiloGateway.byok.link": "透過 Kilo's Gateway 進行 BYOK",
+  "provider.connect.kiloGateway.byok.suffix": "。",
 
   // Provider dialog translations
   "dialog.provider.group.recommended": "推薦",

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

@@ -380,15 +380,21 @@ const ProviderConnectDialog: Component<ProviderConnectDialogProps> = (props) =>
             {state.error}
           </div>
         </Show>
-        <div class="dialog-confirm-actions">
-          <a
-            href="https://blog.kilo.ai/p/kilo-gateway-now-supports-byok-20-providers"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="provider-connect-byok-link"
-          >
-            For more usage stats, <span>BYOK via Kilo's Gateway</span>.
-          </a>
+        <div class="dialog-confirm-actions provider-connect-actions">
+          <div class="provider-connect-byok">
+            {language.t("provider.connect.kiloGateway.byok.prefix")}
+            <a
+              href="https://blog.kilo.ai/p/kilo-gateway-now-supports-byok-20-providers"
+              onClick={(e) => {
+                e.preventDefault()
+                openExternal("https://blog.kilo.ai/p/kilo-gateway-now-supports-byok-20-providers")
+              }}
+              class="provider-connect-byok-link"
+            >
+              {language.t("provider.connect.kiloGateway.byok.link")}
+            </a>
+            {language.t("provider.connect.kiloGateway.byok.suffix")}
+          </div>
           <Button variant="ghost" size="large" type="button" onClick={back}>
             {language.t("common.goBack")}
           </Button>

packages/kilo-vscode/webview-ui/src/styles/dialogs.css

@@ -9,23 +9,23 @@
 .dialog-confirm-actions {
   display: flex;
   justify-content: flex-end;
-  align-items: center;
   gap: 8px;
 }
 
-.provider-connect-byok-link {
-  margin-right: auto;
+.provider-connect-actions {
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.provider-connect-byok {
+  flex: 1 1 200px;
   font-size: var(--kilo-font-size-12);
   color: var(--text-weak-base);
-  text-decoration: none;
 }
 
-.provider-connect-byok-link:hover {
-  color: var(--text-base);
-}
-
-.provider-connect-byok-link span {
+.provider-connect-byok-link {
   color: var(--vscode-textLink-foreground);
+  cursor: pointer;
   text-decoration: underline;
 }