feat(settings): mark integrations as experimental

packages/docs/content/docs/de/integrations.mdx

@@ -7,6 +7,8 @@ description: Nutze dein Claude-, Command-Code- oder Cursor-Abo als Provider.
 
 Eine Integration ist ein kleines Plugin, das OpenChamber einen Provider hinzufügt — auf Basis eines Abos, das du bereits hast. Verwalten kannst du sie unter **Settings → Integrations**.
 
+> **Experimentelle Funktion:** Integrationen können sich ändern oder nicht mehr funktionieren. Nutze sie nach eigenem Ermessen.
+
 Verfügbare Integrationen:
 
 - **Claude Code** — dein Claude Pro- oder Max-Plan, ohne API-Keys

packages/docs/content/docs/es/integrations.mdx

@@ -7,6 +7,8 @@ description: Usa tu suscripción de Claude, Command Code o Cursor como proveedor
 
 Una integración es un pequeño plugin que añade un proveedor a OpenChamber usando una suscripción que ya tienes. Las gestionas en **Settings → Integrations**.
 
+> **Función experimental:** las integraciones pueden cambiar o dejar de funcionar. Úsalas bajo tu propia responsabilidad.
+
 Integraciones disponibles:
 
 - **Claude Code** — tu plan Claude Pro o Max, sin claves de API

packages/docs/content/docs/fr/integrations.mdx

@@ -7,6 +7,8 @@ description: Utilise ton abonnement Claude, Command Code ou Cursor comme fournis
 
 Une intégration est un petit plugin qui ajoute un fournisseur à OpenChamber à partir d'un abonnement que tu possèdes déjà. Tu les gères dans **Settings → Integrations**.
 
+> **Fonctionnalité expérimentale :** les intégrations peuvent changer ou cesser de fonctionner. Utilise-les à ta discrétion.
+
 Intégrations disponibles :
 
 - **Claude Code** — ton plan Claude Pro ou Max, sans clés API

packages/docs/content/docs/integrations.mdx

@@ -7,6 +7,8 @@ description: Use your Claude, Command Code, or Cursor subscription as a provider
 
 An integration is a small plugin that adds a provider to OpenChamber using a subscription you already have. You manage them at **Settings → Integrations**.
 
+> **Experimental feature:** integrations may change or stop working. Use them at your own discretion.
+
 Available integrations:
 
 - **Claude Code** — your Claude Pro or Max plan, no API keys

packages/docs/content/docs/ja/integrations.mdx

@@ -7,6 +7,8 @@ description: Claude、Command Code、Cursor のサブスクリプションをプ
 
 統合機能（インテグレーション）は、すでに持っているサブスクリプションを使って OpenChamber にプロバイダーを追加する小さなプラグインです。**Settings → Integrations** で管理します。
 
+> **実験的な機能:** 連携は変更されたり、動作しなくなったりする可能性があります。自己責任で使用してください。
+
 利用できる統合機能：
 
 - **Claude Code** — Claude Pro または Max プラン、API キー不要

packages/docs/content/docs/ko/integrations.mdx

@@ -7,6 +7,8 @@ description: Claude, Command Code 또는 Cursor 구독을 공급자로 사용하
 
 통합 기능(인테그레이션)은 이미 가지고 있는 구독을 사용해 OpenChamber에 공급자를 추가하는 작은 플러그인입니다. **Settings → Integrations**에서 관리합니다.
 
+> **실험 단계 기능:** 통합 기능은 변경되거나 작동하지 않을 수 있습니다. 본인의 판단에 따라 사용하세요.
+
 사용 가능한 통합 기능:
 
 - **Claude Code** — Claude Pro 또는 Max 플랜, API 키 불필요

packages/docs/content/docs/pl/integrations.mdx

@@ -7,6 +7,8 @@ description: Używaj subskrypcji Claude, Command Code lub Cursor jako dostawcy.
 
 Integracja to mała wtyczka, która dodaje dostawcę do OpenChamber na podstawie subskrypcji, którą już masz. Zarządzasz nimi w **Settings → Integrations**.
 
+> **Funkcja eksperymentalna:** integracje mogą się zmienić lub przestać działać. Korzystasz z nich na własną odpowiedzialność.
+
 Dostępne integracje:
 
 - **Claude Code** — Twój plan Claude Pro lub Max, bez kluczy API

packages/docs/content/docs/pt-br/integrations.mdx

@@ -7,6 +7,8 @@ description: Use sua assinatura Claude, Command Code ou Cursor como provedor.
 
 Uma integração é um pequeno plugin que adiciona um provedor ao OpenChamber usando uma assinatura que você já tem. Você as gerencia em **Settings → Integrations**.
 
+> **Recurso experimental:** as integrações podem mudar ou deixar de funcionar. Use-as por sua conta e risco.
+
 Integrações disponíveis:
 
 - **Claude Code** — seu plano Claude Pro ou Max, sem chaves de API

packages/docs/content/docs/uk/integrations.mdx

@@ -7,6 +7,8 @@ description: Використовуйте підписки Claude, Command Code
 
 Інтеграція — це невеликий плагін, що додає провайдера до OpenChamber на основі підписки, яка в вас уже є. Керувати ними можна в **Settings → Integrations**.
 
+> **Експериментальна функція:** інтеграції можуть змінюватися або перестати працювати. Використовуйте їх на власний розсуд.
+
 Доступні інтеграції:
 
 - **Claude Code** — ваша підписка Claude Pro або Max, без API-ключів

packages/docs/content/docs/zh-cn/integrations.mdx

@@ -7,6 +7,8 @@ description: 将你的 Claude、Command Code 或 Cursor 订阅用作提供商。
 
 集成是一个小型插件，它使用你已有的订阅为 OpenChamber 添加一个提供商。你可以在 **Settings → Integrations** 中管理它们。
 
+> **实验性功能：**集成可能会变更或停止工作。请自行酌情使用。
+
 可用的集成：
 
 - **Claude Code** — 你的 Claude Pro 或 Max 套餐，无需 API 密钥

packages/ui/src/components/sections/integrations/IntegrationsPage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Icon } from '@/components/icon/Icon';
 import { SettingsPageLayout } from '@/components/sections/shared/SettingsPageLayout';
 import { useI18n } from '@/lib/i18n';
 import { ThirdPartyIntegrationsSection } from './ThirdPartyIntegrationsSection';
@@ -20,6 +21,12 @@ export const IntegrationsPage: React.FC<IntegrationsPageProps> = ({
       description={t('settings.page.integrations.description')}
       showSaveStatus={false}
     >
+      <div className="flex items-start gap-2 rounded-lg border border-[var(--status-warning-border)] bg-[var(--status-warning-background)] p-3">
+        <Icon name="error-warning" className="mt-0.5 size-4 shrink-0 text-[var(--status-warning)]" />
+        <p className="typography-meta text-[var(--status-warning)]">
+          {t('settings.integrations.experimentalWarning')}
+        </p>
+      </div>
       <ThirdPartyIntegrationsSection
         divider={false}
         onOpenProviderSetup={onOpenProviderSetup}

packages/ui/src/components/views/SettingsView.tsx

@@ -928,7 +928,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
                               : <Icon name={iconName!} className="h-[18px] w-[18px] shrink-0 sm:h-4 sm:w-4" />}
                             <span className="flex items-center gap-1.5 whitespace-nowrap overflow-hidden transition-opacity duration-150 opacity-100">
                               <span className="typography-ui-label font-normal truncate">{getPageTitle(page.slug)}</span>
-                              {page.slug === 'tunnel' && (
+                              {(page.slug === 'tunnel' || page.slug === 'integrations') && (
                                 <span className="shrink-0 typography-micro px-1 rounded leading-none pb-px text-[var(--status-warning)] bg-[var(--status-warning)]/10">
                                   {t('settings.view.badge.beta')}
                                 </span>

packages/ui/src/lib/i18n/messages/third-party-integrations.i18n.test.ts

@@ -6,6 +6,7 @@ const locales = ['en', 'de', 'fr', 'es', 'ja', 'pt-BR', 'uk', 'ko', 'pl', 'zh-CN
 const requiredKeys = [
   'settings.page.integrations.title',
   'settings.page.integrations.description',
+  'settings.integrations.experimentalWarning',
   'settings.integrations.messengers.title',
   'settings.integrations.messengers.discord.name',
   'settings.integrations.messengers.telegram.name',

packages/ui/src/lib/i18n/messages/third-party-integrations.i18n.ts

@@ -3,6 +3,7 @@ export const thirdPartyIntegrationI18n = {
   en: {
     'settings.page.integrations.title': 'Integrations',
     'settings.page.integrations.description': 'Add third-party subscriptions to use as OpenChamber providers.',
+    'settings.integrations.experimentalWarning': 'This is an experimental feature. Integrations may change or stop working. Use them at your own discretion.',
     'settings.integrations.messengers.title': 'Messengers',
     'settings.integrations.messengers.info': 'Chat with OpenChamber from Discord or Telegram. These bridges are not available yet.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -45,6 +46,7 @@ export const thirdPartyIntegrationI18n = {
   de: {
     'settings.page.integrations.title': 'Integrationen',
     'settings.page.integrations.description': 'Füge Drittanbieter-Abonnements hinzu, um sie als OpenChamber-Provider zu nutzen.',
+    'settings.integrations.experimentalWarning': 'Dies ist eine experimentelle Funktion. Integrationen können sich ändern oder nicht mehr funktionieren. Nutze sie nach eigenem Ermessen.',
     'settings.integrations.messengers.title': 'Messenger',
     'settings.integrations.messengers.info': 'Chatte mit OpenChamber über Discord oder Telegram. Diese Bridges sind noch nicht verfügbar.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -87,6 +89,7 @@ export const thirdPartyIntegrationI18n = {
   fr: {
     'settings.page.integrations.title': 'Intégrations',
     'settings.page.integrations.description': 'Ajoutez des abonnements tiers à utiliser comme fournisseurs OpenChamber.',
+    'settings.integrations.experimentalWarning': 'Cette fonctionnalité est expérimentale. Les intégrations peuvent changer ou cesser de fonctionner. Utilisez-les à votre discrétion.',
     'settings.integrations.messengers.title': 'Messagers',
     'settings.integrations.messengers.info': 'Discutez avec OpenChamber depuis Discord ou Telegram. Ces ponts ne sont pas encore disponibles.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -129,6 +132,7 @@ export const thirdPartyIntegrationI18n = {
   es: {
     'settings.page.integrations.title': 'Integraciones',
     'settings.page.integrations.description': 'Añade suscripciones de terceros para usarlas como proveedores de OpenChamber.',
+    'settings.integrations.experimentalWarning': 'Esta función es experimental. Las integraciones pueden cambiar o dejar de funcionar. Úsalas bajo tu propia responsabilidad.',
     'settings.integrations.messengers.title': 'Mensajeros',
     'settings.integrations.messengers.info': 'Chatea con OpenChamber desde Discord o Telegram. Estos puentes aún no están disponibles.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -171,6 +175,7 @@ export const thirdPartyIntegrationI18n = {
   ja: {
     'settings.page.integrations.title': '連携',
     'settings.page.integrations.description': 'サードパーティのサブスクリプションを追加して、OpenChamber のプロバイダーとして使います。',
+    'settings.integrations.experimentalWarning': 'これは実験的な機能です。連携は変更されたり、動作しなくなったりする可能性があります。自己責任で使用してください。',
     'settings.integrations.messengers.title': 'メッセンジャー',
     'settings.integrations.messengers.info': 'Discord または Telegram から OpenChamber とチャットできます。これらの連携はまだ利用できません。',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -213,6 +218,7 @@ export const thirdPartyIntegrationI18n = {
   ko: {
     'settings.page.integrations.title': '통합',
     'settings.page.integrations.description': '타사 구독을 추가해 OpenChamber 프로바이더로 사용하세요.',
+    'settings.integrations.experimentalWarning': '이 기능은 실험 단계입니다. 통합 기능은 변경되거나 작동하지 않을 수 있습니다. 본인의 판단에 따라 사용하세요.',
     'settings.integrations.messengers.title': '메신저',
     'settings.integrations.messengers.info': 'Discord 또는 Telegram에서 OpenChamber와 채팅하세요. 이 브리지는 아직 사용할 수 없습니다.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -255,6 +261,7 @@ export const thirdPartyIntegrationI18n = {
   pl: {
     'settings.page.integrations.title': 'Integracje',
     'settings.page.integrations.description': 'Dodaj subskrypcje zewnętrzne, aby używać ich jako dostawców OpenChamber.',
+    'settings.integrations.experimentalWarning': 'To funkcja eksperymentalna. Integracje mogą się zmienić lub przestać działać. Korzystasz z nich na własną odpowiedzialność.',
     'settings.integrations.messengers.title': 'Komunikatory',
     'settings.integrations.messengers.info': 'Czatuj z OpenChamber przez Discord lub Telegram. Te mosty nie są jeszcze dostępne.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -297,6 +304,7 @@ export const thirdPartyIntegrationI18n = {
   'pt-BR': {
     'settings.page.integrations.title': 'Integrações',
     'settings.page.integrations.description': 'Adicione assinaturas de terceiros para usar como provedores do OpenChamber.',
+    'settings.integrations.experimentalWarning': 'Este recurso é experimental. As integrações podem mudar ou deixar de funcionar. Use-as por sua conta e risco.',
     'settings.integrations.messengers.title': 'Mensageiros',
     'settings.integrations.messengers.info': 'Converse com o OpenChamber pelo Discord ou Telegram. Essas pontes ainda não estão disponíveis.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -339,6 +347,7 @@ export const thirdPartyIntegrationI18n = {
   uk: {
     'settings.page.integrations.title': 'Інтеграції',
     'settings.page.integrations.description': 'Додайте сторонні підписки, щоб використовувати їх як провайдери OpenChamber.',
+    'settings.integrations.experimentalWarning': 'Це експериментальна функція. Інтеграції можуть змінюватися або перестати працювати. Використовуйте їх на власний розсуд.',
     'settings.integrations.messengers.title': 'Месенджери',
     'settings.integrations.messengers.info': 'Спілкуйтеся з OpenChamber у Discord або Telegram. Ці мости ще недоступні.',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -381,6 +390,7 @@ export const thirdPartyIntegrationI18n = {
   'zh-CN': {
     'settings.page.integrations.title': '集成',
     'settings.page.integrations.description': '添加第三方订阅，将其用作 OpenChamber 提供商。',
+    'settings.integrations.experimentalWarning': '这是实验性功能。集成可能会变更或停止工作。请自行酌情使用。',
     'settings.integrations.messengers.title': '即时通讯',
     'settings.integrations.messengers.info': '通过 Discord 或 Telegram 与 OpenChamber 聊天。这些桥接尚不可用。',
     'settings.integrations.messengers.discord.name': 'Discord',
@@ -423,6 +433,7 @@ export const thirdPartyIntegrationI18n = {
   'zh-TW': {
     'settings.page.integrations.title': '整合',
     'settings.page.integrations.description': '新增第三方訂閱，將其用作 OpenChamber 供應商。',
+    'settings.integrations.experimentalWarning': '這是實驗性功能。整合可能會變更或停止運作。請自行斟酌使用。',
     'settings.integrations.messengers.title': '即時通訊',
     'settings.integrations.messengers.info': '透過 Discord 或 Telegram 與 OpenChamber 聊天。這些橋接尚不可用。',
     'settings.integrations.messengers.discord.name': 'Discord',