From ae36958ef4be02823fdb85c847c14eeb9addf355 Mon Sep 17 00:00:00 2001
From: lyzno1 <yuanyouhuilyz@gmail.com>
Date: Thu, 13 Nov 2025 16:37:28 +0800
Subject: [PATCH] refactor: pricing modal

---
 .../plans/cloud-plan-item/list/index.tsx      | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
index ba6fb02d04..76cb7813de 100644
--- a/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
+++ b/web/app/components/billing/pricing/plans/cloud-plan-item/list/index.tsx
@@ -46,17 +46,10 @@ const List = ({
         label={t('billing.plansCommon.documentsRequestQuota', { count: planInfo.documentsRequestQuota })}
         tooltip={t('billing.plansCommon.documentsRequestQuotaTooltip')}
       />
-      <Item
-        label={
-          planInfo.apiRateLimit === NUM_INFINITE
-            ? t('billing.plansCommon.unlimitedApiRate')
-            : `${t('billing.plansCommon.apiRateLimitUnit', { count: planInfo.apiRateLimit })} ${t('billing.plansCommon.apiRateLimit')} / ${t('billing.plansCommon.month')}`
-        }
-        tooltip={planInfo.apiRateLimit === NUM_INFINITE ? undefined : t('billing.plansCommon.apiRateLimitTooltip') as string}
-      />
       <Item
         label={[t(`billing.plansCommon.priority.${planInfo.documentProcessingPriority}`), t('billing.plansCommon.documentProcessingPriority')].join('')}
       />
+      <Divider bgStyle='gradient' />
       <Item
         label={
           planInfo.triggerEvents === NUM_INFINITE
@@ -67,6 +60,13 @@ const List = ({
         }
         tooltip={t('billing.plansCommon.triggerEvents.tooltip') as string}
       />
+      <Item
+        label={
+          plan === Plan.sandbox
+            ? t('billing.plansCommon.startNodes.limited', { count: 2 })
+            : t('billing.plansCommon.startNodes.unlimited')
+        }
+      />
       <Item
         label={
           plan === Plan.sandbox
@@ -77,13 +77,6 @@ const List = ({
         }
         tooltip={t('billing.plansCommon.workflowExecution.tooltip') as string}
       />
-      <Item
-        label={
-          plan === Plan.sandbox
-            ? t('billing.plansCommon.startNodes.limited', { count: 2 })
-            : t('billing.plansCommon.startNodes.unlimited')
-        }
-      />
       <Divider bgStyle='gradient' />
       <Item
         label={t('billing.plansCommon.annotatedResponse.title', { count: planInfo.annotatedResponse })}
@@ -92,6 +85,14 @@ const List = ({
       <Item
         label={t('billing.plansCommon.logsHistory', { days: planInfo.logHistory === NUM_INFINITE ? t('billing.plansCommon.unlimited') as string : `${planInfo.logHistory} ${t('billing.plansCommon.days')}` })}
       />
+      <Item
+        label={
+          planInfo.apiRateLimit === NUM_INFINITE
+            ? t('billing.plansCommon.unlimitedApiRate')
+            : `${t('billing.plansCommon.apiRateLimitUnit', { count: planInfo.apiRateLimit })} ${t('billing.plansCommon.apiRateLimit')} / ${t('billing.plansCommon.month')}`
+        }
+        tooltip={planInfo.apiRateLimit === NUM_INFINITE ? undefined : t('billing.plansCommon.apiRateLimitTooltip') as string}
+      />
       <Divider bgStyle='gradient' />
       <Item
         label={t('billing.plansCommon.modelProviders')}