From ececcb8749cef00f66f4a407fe53bbe16e9c88f4 Mon Sep 17 00:00:00 2001
From: RockChinQ <rockchinq@gmail.com>
Date: Fri, 16 Oct 2026 17:11:00 +0800
Subject: [PATCH] feat(cloud): display unavailable plans without checkout
 actions

---
 .../workspace-settings/CloudPlansDialog.tsx       | 15 ++++++++++++++-
 .../components/workspace-settings/cloud-plans.ts  |  1 +
 web/src/i18n/locales/en-US.ts                     |  3 +++
 web/src/i18n/locales/es-ES.ts                     |  3 +++
 web/src/i18n/locales/ja-JP.ts                     |  3 +++
 web/src/i18n/locales/ru-RU.ts                     |  3 +++
 web/src/i18n/locales/th-TH.ts                     |  3 +++
 web/src/i18n/locales/vi-VN.ts                     |  3 +++
 web/src/i18n/locales/zh-Hans.ts                   |  3 +++
 web/src/i18n/locales/zh-Hant.ts                   |  3 +++
 web/tests/unit/cloud-plans.test.mjs               |  1 +
 11 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/web/src/app/home/components/workspace-settings/CloudPlansDialog.tsx b/web/src/app/home/components/workspace-settings/CloudPlansDialog.tsx
index 2841f9b42..87a0ffe24 100644
--- a/web/src/app/home/components/workspace-settings/CloudPlansDialog.tsx
+++ b/web/src/app/home/components/workspace-settings/CloudPlansDialog.tsx
@@ -430,7 +430,20 @@ export default function CloudPlansDialog({
                       <div className="flex-1">
                         <Benefits plan={plan} spaceURL={spaceURL} />
                       </div>
-                      {downgradeBlocked ? null : !canManage ? (
+                      {plan.subscription_disabled && (
+                        <p className="mt-4 text-xs text-muted-foreground">
+                          {t('cloudPlans.subscriptionUnavailableHint')}
+                        </p>
+                      )}
+                      {plan.subscription_disabled && !current ? (
+                        <Button
+                          className="mt-6 w-full"
+                          variant="outline"
+                          disabled
+                        >
+                          {t('cloudPlans.subscriptionUnavailable')}
+                        </Button>
+                      ) : downgradeBlocked ? null : !canManage ? (
                         <Button
                           className="mt-6 w-full"
                           variant="outline"
diff --git a/web/src/app/home/components/workspace-settings/cloud-plans.ts b/web/src/app/home/components/workspace-settings/cloud-plans.ts
index 7f5cc2cf6..f70d5dd2b 100644
--- a/web/src/app/home/components/workspace-settings/cloud-plans.ts
+++ b/web/src/app/home/components/workspace-settings/cloud-plans.ts
@@ -13,6 +13,7 @@ export interface PublicCloudPlan {
   limits: Record<string, number>;
   features: string[];
   is_active: boolean;
+  subscription_disabled?: boolean;
   sort_order: number;
   highlight: boolean;
   chat_history_retention_days: number;
diff --git a/web/src/i18n/locales/en-US.ts b/web/src/i18n/locales/en-US.ts
index 31117d2f0..b5d6733d5 100644
--- a/web/src/i18n/locales/en-US.ts
+++ b/web/src/i18n/locales/en-US.ts
@@ -2,6 +2,9 @@ import slackSetup from './slack-setup/en-US';
 import pipelineMigration from './pipeline-migration/en-US';
 const enUS = {
   cloudPlans: {
+    subscriptionUnavailable: 'Not available to subscribe',
+    subscriptionUnavailableHint:
+      'This plan is not accepting new subscriptions. Please choose another plan. Existing subscriptions and scheduled automatic renewals are unaffected.',
     platformNames: {
       qqofficial: 'QQ Official API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/es-ES.ts b/web/src/i18n/locales/es-ES.ts
index 55fa91b53..c7475dada 100644
--- a/web/src/i18n/locales/es-ES.ts
+++ b/web/src/i18n/locales/es-ES.ts
@@ -1,6 +1,9 @@
 import pipelineMigration from './pipeline-migration/es-ES';
 const esES = {
   cloudPlans: {
+    subscriptionUnavailable: 'Suscripción no disponible',
+    subscriptionUnavailableHint:
+      'Este plan no acepta nuevas suscripciones. Elige otro plan. Las suscripciones existentes y sus renovaciones automáticas no se ven afectadas.',
     platformNames: {
       qqofficial: 'QQ Official API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/ja-JP.ts b/web/src/i18n/locales/ja-JP.ts
index 83db37dac..0099d4c80 100644
--- a/web/src/i18n/locales/ja-JP.ts
+++ b/web/src/i18n/locales/ja-JP.ts
@@ -2,6 +2,9 @@ import slackSetup from './slack-setup/ja-JP';
 import pipelineMigration from './pipeline-migration/ja-JP';
 const jaJP = {
   cloudPlans: {
+    subscriptionUnavailable: '現在お申し込みできません',
+    subscriptionUnavailableHint:
+      'このプランは新規申込を停止しています。他のプランをお選びください。既存の契約と自動更新には影響しません。',
     platformNames: {
       qqofficial: 'QQ公式API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/ru-RU.ts b/web/src/i18n/locales/ru-RU.ts
index 441d8b096..9c26c0f4f 100644
--- a/web/src/i18n/locales/ru-RU.ts
+++ b/web/src/i18n/locales/ru-RU.ts
@@ -1,6 +1,9 @@
 import pipelineMigration from './pipeline-migration/ru-RU';
 const ruRU = {
   cloudPlans: {
+    subscriptionUnavailable: 'Подписка недоступна',
+    subscriptionUnavailableHint:
+      'Этот план не принимает новые подписки. Выберите другой план. Текущие подписки и автоматические продления не затронуты.',
     platformNames: {
       qqofficial: 'QQ Official API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/th-TH.ts b/web/src/i18n/locales/th-TH.ts
index edf6ec1e8..1658976a3 100644
--- a/web/src/i18n/locales/th-TH.ts
+++ b/web/src/i18n/locales/th-TH.ts
@@ -1,6 +1,9 @@
 import pipelineMigration from './pipeline-migration/th-TH';
 const thTH = {
   cloudPlans: {
+    subscriptionUnavailable: 'ยังไม่เปิดรับการสมัคร',
+    subscriptionUnavailableHint:
+      'แผนนี้ยังไม่รับการสมัครใหม่ โปรดเลือกแผนอื่น การสมัครเดิมและการต่ออายุอัตโนมัติจะไม่ได้รับผลกระทบ',
     platformNames: {
       qqofficial: 'QQ Official API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/vi-VN.ts b/web/src/i18n/locales/vi-VN.ts
index 63248f719..5db80b39e 100644
--- a/web/src/i18n/locales/vi-VN.ts
+++ b/web/src/i18n/locales/vi-VN.ts
@@ -1,6 +1,9 @@
 import pipelineMigration from './pipeline-migration/vi-VN';
 const viVN = {
   cloudPlans: {
+    subscriptionUnavailable: 'Chưa thể đăng ký',
+    subscriptionUnavailableHint:
+      'Gói này hiện không nhận đăng ký mới. Vui lòng chọn gói khác. Đăng ký hiện có và gia hạn tự động không bị ảnh hưởng.',
     platformNames: {
       qqofficial: 'QQ Official API',
       dingtalk: 'DingTalk',
diff --git a/web/src/i18n/locales/zh-Hans.ts b/web/src/i18n/locales/zh-Hans.ts
index e71ba1558..fed8f4b7f 100644
--- a/web/src/i18n/locales/zh-Hans.ts
+++ b/web/src/i18n/locales/zh-Hans.ts
@@ -2,6 +2,9 @@ import slackSetup from './slack-setup/zh-Hans';
 import pipelineMigration from './pipeline-migration/zh-Hans';
 const zhHans = {
   cloudPlans: {
+    subscriptionUnavailable: '暂不可订阅',
+    subscriptionUnavailableHint:
+      '此计划暂不接受新的订阅，请选择其他计划。已有订阅和已签约的自动续费不受影响。',
     platformNames: {
       qqofficial: 'QQ 官方 API',
       dingtalk: '钉钉',
diff --git a/web/src/i18n/locales/zh-Hant.ts b/web/src/i18n/locales/zh-Hant.ts
index c0e685c90..da7b8f831 100644
--- a/web/src/i18n/locales/zh-Hant.ts
+++ b/web/src/i18n/locales/zh-Hant.ts
@@ -2,6 +2,9 @@ import slackSetup from './slack-setup/zh-Hant';
 import pipelineMigration from './pipeline-migration/zh-Hant';
 const zhHant = {
   cloudPlans: {
+    subscriptionUnavailable: '暫不可訂閱',
+    subscriptionUnavailableHint:
+      '此方案暫不接受新訂閱，請選擇其他方案。既有訂閱和已簽約的自動續費不受影響。',
     platformNames: {
       qqofficial: 'QQ 官方 API',
       dingtalk: '釘釘',
diff --git a/web/tests/unit/cloud-plans.test.mjs b/web/tests/unit/cloud-plans.test.mjs
index c15f32636..d8208ac43 100644
--- a/web/tests/unit/cloud-plans.test.mjs
+++ b/web/tests/unit/cloud-plans.test.mjs
@@ -85,6 +85,7 @@ test('public catalog fetch omits cookies and authorization, hides inactive plans
     price_usd: '5',
     price_jpy: '800',
     is_active: true,
+    subscription_disabled: true,
   };
   t.mock.method(globalThis, 'fetch', async (u, o) => {
     url = u;