feat: improve ai-credits display (#38589)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

api/controllers/console/workspace/workspace.py

@@ -88,6 +88,7 @@ class TenantInfoResponse(ResponseModel):
     custom_config: WorkspaceCustomConfigResponse | None = None
     trial_credits: int | None = None
     trial_credits_used: int | None = None
+    trial_credits_exhausted_at: int | None = None
     next_credit_reset_date: int | None = None
 
     @field_validator("plan", "status", "trial_end_reason", mode="before")

api/openapi/markdown/console-openapi.md

@@ -22008,6 +22008,7 @@ Tag type
 | role | string |  | No |
 | status | string |  | No |
 | trial_credits | integer |  | No |
+| trial_credits_exhausted_at | integer |  | No |
 | trial_credits_used | integer |  | No |
 | trial_end_reason | string |  | No |
 

api/services/billing_service.py

@@ -55,6 +55,7 @@ class QuotaBalanceResult(TypedDict):
     reserved: int
     quota: int
     usage: int
+    exhausted_at: NotRequired[int]
 
 
 class QuotaConsumeCappedResult(TypedDict):

api/services/credit_pool_service.py

@@ -32,6 +32,7 @@ class CreditPoolBalance:
     pool_type: str
     quota_limit: int
     quota_used: int
+    exhausted_at: int | None = None
 
     @property
     def remaining_credits(self) -> int:
@@ -133,6 +134,7 @@ class CreditPoolService:
                 pool_type=normalized_pool_type,
                 quota_limit=balance["quota"],
                 quota_used=balance["usage"],
+                exhausted_at=balance.get("exhausted_at"),
             )
 
         session = cls._require_session(session)

api/services/workspace_service.py

@@ -9,6 +9,15 @@ from services.account_service import TenantService
 from services.feature_service import FeatureService
 
 
+def _set_credit_pool_info(
+    tenant_info: dict[str, object], *, quota_limit: int, quota_used: int, exhausted_at: int | None = None
+) -> None:
+    tenant_info["trial_credits"] = quota_limit
+    tenant_info["trial_credits_used"] = quota_used
+    if isinstance(exhausted_at, int) and exhausted_at > 0 and quota_limit > 0 and quota_used >= quota_limit:
+        tenant_info["trial_credits_exhausted_at"] = exhausted_at
+
+
 class WorkspaceService:
     @classmethod
     def get_tenant_info(cls, tenant: Tenant, session: Session):
@@ -54,7 +63,7 @@ class WorkspaceService:
         if dify_config.EDITION == "CLOUD":
             tenant_info["next_credit_reset_date"] = feature.next_credit_reset_date
 
-            from services.credit_pool_service import CreditPoolService
+            from services.credit_pool_service import CreditPoolBalance, CreditPoolService
 
             paid_pool = CreditPoolService.get_pool(tenant_id=tenant.id, pool_type="paid", session=session)
             # if the tenant is not on the sandbox plan and the paid pool is not full, use the paid pool
@@ -63,12 +72,22 @@ class WorkspaceService:
                 and paid_pool is not None
                 and (paid_pool.quota_limit == -1 or paid_pool.quota_limit > paid_pool.quota_used)
             ):
-                tenant_info["trial_credits"] = paid_pool.quota_limit
-                tenant_info["trial_credits_used"] = paid_pool.quota_used
+                exhausted_at = paid_pool.exhausted_at if isinstance(paid_pool, CreditPoolBalance) else None
+                _set_credit_pool_info(
+                    tenant_info,
+                    quota_limit=paid_pool.quota_limit,
+                    quota_used=paid_pool.quota_used,
+                    exhausted_at=exhausted_at,
+                )
             else:
                 trial_pool = CreditPoolService.get_pool(tenant_id=tenant.id, pool_type="trial", session=session)
                 if trial_pool:
-                    tenant_info["trial_credits"] = trial_pool.quota_limit
-                    tenant_info["trial_credits_used"] = trial_pool.quota_used
+                    exhausted_at = trial_pool.exhausted_at if isinstance(trial_pool, CreditPoolBalance) else None
+                    _set_credit_pool_info(
+                        tenant_info,
+                        quota_limit=trial_pool.quota_limit,
+                        quota_used=trial_pool.quota_used,
+                        exhausted_at=exhausted_at,
+                    )
 
         return tenant_info

api/tests/test_containers_integration_tests/services/test_workspace_service.py

@@ -7,6 +7,7 @@ from faker import Faker
 from sqlalchemy.orm import Session
 
 from models import Account, Tenant, TenantAccountJoin, TenantAccountRole
+from services.credit_pool_service import CreditPoolBalance
 from services.workspace_service import WorkspaceService
 
 
@@ -720,7 +721,13 @@ class TestWorkspaceService:
         mock_external_service_dependencies["tenant_service"].has_roles.return_value = False
 
         paid_pool = MagicMock(quota_limit=500, quota_used=500)
-        trial_pool = MagicMock(quota_limit=100, quota_used=10)
+        trial_pool = CreditPoolBalance(
+            tenant_id=tenant.id,
+            pool_type="trial",
+            quota_limit=100,
+            quota_used=100,
+            exhausted_at=1748908800,
+        )
 
         with (
             patch("services.workspace_service.current_user", account),
@@ -730,7 +737,8 @@ class TestWorkspaceService:
 
         assert result is not None
         assert result["trial_credits"] == 100
-        assert result["trial_credits_used"] == 10
+        assert result["trial_credits_used"] == 100
+        assert result["trial_credits_exhausted_at"] == 1748908800
 
     def test_get_tenant_info_cloud_fall_back_to_trial_when_paid_none(
         self, db_session_with_containers: Session, mock_external_service_dependencies

api/tests/unit_tests/services/test_billing_service.py

@@ -465,11 +465,17 @@ class TestBillingServiceSubscriptionInfo:
     def test_quota_get_balance_uses_quota_request(self):
         tenant_id = "tenant-123"
         with patch.object(BillingService, "_send_quota_request") as mock_send_quota_request:
-            mock_send_quota_request.return_value = {"quota": "200", "usage": "6", "available": "194", "reserved": "0"}
+            mock_send_quota_request.return_value = {
+                "quota": "200",
+                "usage": "6",
+                "available": "194",
+                "reserved": "0",
+                "exhausted_at": "1748908800",
+            }
 
             result = BillingService.quota_get_balance(tenant_id, "credit_pool", bucket="trial")
 
-        assert result == {"quota": 200, "usage": 6, "available": 194, "reserved": 0}
+        assert result == {"quota": 200, "usage": 6, "available": 194, "reserved": 0, "exhausted_at": 1748908800}
         mock_send_quota_request.assert_called_once_with(
             "GET",
             "/quota/balance",

api/tests/unit_tests/services/test_credit_pool_service.py

@@ -265,13 +265,20 @@ def test_get_pool_uses_billing_quota_balance_when_enabled() -> None:
         patch("services.credit_pool_service.dify_config.BILLING_ENABLED", True),
         patch("services.billing_service.BillingService.quota_get_balance") as quota_get_balance,
     ):
-        quota_get_balance.return_value = {"quota": 1000, "usage": 250, "available": 750, "reserved": 0}
+        quota_get_balance.return_value = {
+            "quota": 1000,
+            "usage": 250,
+            "available": 750,
+            "reserved": 0,
+            "exhausted_at": 1748908800,
+        }
 
         pool = CreditPoolService.get_pool(tenant_id=tenant_id, pool_type=ProviderQuotaType.PAID)
 
     assert isinstance(pool, CreditPoolBalance)
     assert pool.quota_limit == 1000
     assert pool.quota_used == 250
+    assert pool.exhausted_at == 1748908800
     assert pool.remaining_credits == 750
     quota_get_balance.assert_called_once_with(
         tenant_id=tenant_id,

oxlint-suppressions.json

@@ -3388,14 +3388,6 @@
       "count": 3
     }
   },
-  "web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx": {
-    "jsx_a11y/click-events-have-key-events": {
-      "count": 1
-    },
-    "jsx_a11y/no-static-element-interactions": {
-      "count": 1
-    }
-  },
   "web/app/components/header/account-setting/model-provider-page/utils.ts": {
     "no-barrel-files/no-barrel-files": {
       "count": 2

packages/contracts/generated/api/console/info/types.gen.ts

@@ -15,6 +15,7 @@ export type TenantInfoResponse = {
   role?: string | null
   status?: string | null
   trial_credits?: number | null
+  trial_credits_exhausted_at?: number | null
   trial_credits_used?: number | null
   trial_end_reason?: string | null
 }

packages/contracts/generated/api/console/info/zod.gen.ts

@@ -24,6 +24,7 @@ export const zTenantInfoResponse = z.object({
   role: z.string().nullish(),
   status: z.string().nullish(),
   trial_credits: z.int().nullish(),
+  trial_credits_exhausted_at: z.int().nullish(),
   trial_credits_used: z.int().nullish(),
   trial_end_reason: z.string().nullish(),
 })

packages/contracts/generated/api/console/workspaces/types.gen.ts

@@ -19,6 +19,7 @@ export type TenantInfoResponse = {
   role?: string | null
   status?: string | null
   trial_credits?: number | null
+  trial_credits_exhausted_at?: number | null
   trial_credits_used?: number | null
   trial_end_reason?: string | null
 }

packages/contracts/generated/api/console/workspaces/zod.gen.ts

@@ -633,6 +633,7 @@ export const zTenantInfoResponse = z.object({
   role: z.string().nullish(),
   status: z.string().nullish(),
   trial_credits: z.int().nullish(),
+  trial_credits_exhausted_at: z.int().nullish(),
   trial_credits_used: z.int().nullish(),
   trial_end_reason: z.string().nullish(),
 })

web/__tests__/utils/mock-app-context-state.ts

@@ -79,6 +79,7 @@ const defaultCurrentWorkspace = {
   providers: [],
   trial_credits: 0,
   trial_credits_used: 0,
+  trial_credits_exhausted_at: 0,
   next_credit_reset_date: 0,
 } satisfies ICurrentWorkspace
 

web/app/components/billing/apps-full-in-dialog/__tests__/index.spec.tsx

@@ -116,6 +116,7 @@ const buildAppContext = (
     providers: [],
     trial_credits: 200,
     trial_credits_used: 0,
+    trial_credits_exhausted_at: 0,
     next_credit_reset_date: 0,
   }
   const langGeniusVersionInfo: LangGeniusVersionInfo = {

web/app/components/header/account-setting/model-provider-page/provider-added-card/__tests__/quota-panel.spec.tsx

@@ -8,6 +8,7 @@ let mockWorkspaceData:
   | {
       trial_credits: number
       trial_credits_used: number
+      trial_credits_exhausted_at?: number
       next_credit_reset_date: number
     }
   | undefined = {
@@ -38,13 +39,18 @@ vi.mock('@/app/components/base/icons/src/public/llm', () => {
 
 vi.mock('../use-trial-credits', () => ({
   useTrialCredits: () => {
-    const totalCredits = mockWorkspaceData?.trial_credits ?? 0
-    const credits = Math.max(totalCredits - (mockWorkspaceData?.trial_credits_used ?? 0), 0)
+    const totalCredits = Math.max(mockWorkspaceData?.trial_credits ?? 0, 0)
+    const rawUsedCredits = mockWorkspaceData?.trial_credits_used ?? 0
+    const normalizedUsedCredits = Math.max(rawUsedCredits, 0)
+    const usedCredits = Math.min(normalizedUsedCredits, totalCredits)
+    const credits = Math.max(totalCredits - usedCredits, 0)
     return {
       credits,
+      usedCredits,
       totalCredits,
       isExhausted: credits <= 0,
       isLoading: mockWorkspaceIsPending && !mockWorkspaceData,
+      exhaustedAt: mockWorkspaceData?.trial_credits_exhausted_at,
       nextCreditResetDate: mockWorkspaceData?.next_credit_reset_date,
     }
   },
@@ -74,7 +80,8 @@ vi.mock(
 
 vi.mock('@/hooks/use-timestamp', () => ({
   default: () => ({
-    formatTime: () => '2024-12-31',
+    formatTime: () => 'Dec 31',
+    formatMonthDay: () => 'Dec 31',
   }),
 }))
 
@@ -118,11 +125,16 @@ describe('QuotaPanel', () => {
     expect(screen.getByRole('status')).toBeInTheDocument()
   })
 
-  it('should show remaining credits and reset date', () => {
+  it('should show used credits, total credits, and reset date', () => {
     renderQuotaPanel(<QuotaPanel providers={mockProviders} />)
 
     expect(screen.getByText(/modelProvider\.quota/)).toBeInTheDocument()
-    expect(screen.getByText('70')).toBeInTheDocument()
+    expect(screen.getByText('30')).toBeInTheDocument()
+    expect(screen.getByText('/')).toHaveClass('font-normal', 'text-text-tertiary')
+    expect(screen.getByText('/')).not.toHaveClass('system-xl-semibold')
+    expect(screen.getByText('100')).toBeInTheDocument()
+    expect(screen.getByText(/modelProvider\.used/)).toBeInTheDocument()
+    expect(screen.queryByText(/modelProvider\.ranOutDate/)).not.toBeInTheDocument()
     expect(screen.getByText(/modelProvider\.resetDate/)).toBeInTheDocument()
   })
 
@@ -132,19 +144,26 @@ describe('QuotaPanel', () => {
     renderQuotaPanel(<QuotaPanel providers={mockProviders} />)
 
     expect(screen.queryByRole('status')).not.toBeInTheDocument()
-    expect(screen.getByText('70')).toBeInTheDocument()
+    expect(screen.getByText('30')).toBeInTheDocument()
   })
 
-  it('should floor credits at zero when usage is higher than quota', () => {
+  it('should keep usage display within quota when usage is higher than quota', () => {
     mockWorkspaceData = {
       trial_credits: 10,
       trial_credits_used: 999,
+      trial_credits_exhausted_at: 1733011200,
       next_credit_reset_date: 0,
     }
 
     renderQuotaPanel(<QuotaPanel providers={mockProviders} />)
 
-    expect(screen.getByText(/modelProvider\.card\.quotaExhausted/)).toBeInTheDocument()
+    const usageNumbers = screen.getAllByText('10')
+    expect(usageNumbers).toHaveLength(2)
+    usageNumbers.forEach((number) => expect(number).toHaveClass('text-text-destructive'))
+    expect(screen.getByText(/modelProvider\.used/)).toHaveClass('text-text-destructive')
+    expect(screen.getByText(/modelProvider\.ranOutDate/)).toBeInTheDocument()
+    expect(screen.getByText('/')).toHaveClass('font-normal', 'text-text-tertiary')
+    expect(screen.getByText('/')).not.toHaveClass('system-xl-semibold', 'text-text-destructive')
     expect(screen.queryByText(/modelProvider\.resetDate/)).not.toBeInTheDocument()
   })
 

web/app/components/header/account-setting/model-provider-page/provider-added-card/__tests__/use-trial-credits.spec.ts

@@ -30,6 +30,7 @@ describe('useTrialCredits', () => {
       | {
           trial_credits?: number
           trial_credits_used?: number
+          trial_credits_exhausted_at?: number
           next_credit_reset_date?: number
         }
       | undefined,
@@ -46,6 +47,7 @@ describe('useTrialCredits', () => {
     mockTrialCreditsQuery({
       trial_credits: 100,
       trial_credits_used: 40,
+      trial_credits_exhausted_at: undefined,
       next_credit_reset_date: 1775001600,
     })
   })
@@ -56,9 +58,11 @@ describe('useTrialCredits', () => {
 
       expect(result.current).toEqual({
         credits: 60,
+        usedCredits: 40,
         totalCredits: 100,
         isExhausted: false,
         isLoading: false,
+        exhaustedAt: undefined,
         nextCreditResetDate: 1775001600,
       })
     })
@@ -77,6 +81,7 @@ describe('useTrialCredits', () => {
 
       expect(result.current.isLoading).toBe(false)
       expect(result.current.credits).toBe(60)
+      expect(result.current.usedCredits).toBe(20)
       expect(result.current.isExhausted).toBe(false)
     })
   })
@@ -89,9 +94,11 @@ describe('useTrialCredits', () => {
 
       expect(result.current).toEqual({
         credits: 0,
+        usedCredits: 0,
         totalCredits: 0,
         isExhausted: true,
         isLoading: true,
+        exhaustedAt: undefined,
         nextCreditResetDate: undefined,
       })
     })
@@ -100,13 +107,16 @@ describe('useTrialCredits', () => {
       mockTrialCreditsQuery({
         trial_credits: 10,
         trial_credits_used: 99,
+        trial_credits_exhausted_at: 1772323200,
         next_credit_reset_date: undefined,
       })
 
       const { result } = renderHook(() => useTrialCredits())
 
       expect(result.current.credits).toBe(0)
+      expect(result.current.usedCredits).toBe(10)
       expect(result.current.isExhausted).toBe(true)
+      expect(result.current.exhaustedAt).toBe(1772323200)
     })
   })
 })

web/app/components/header/account-setting/model-provider-page/provider-added-card/model-auth-dropdown/credits-exhausted-alert.stories.tsx

@@ -14,6 +14,7 @@ const baseWorkspace: ICurrentWorkspace = {
   providers: [],
   trial_credits: 200,
   trial_credits_used: 200,
+  trial_credits_exhausted_at: 0,
   next_credit_reset_date: Date.now() + 86400000,
 }
 

web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.tsx

@@ -73,7 +73,8 @@ type QuotaPanelProps = {
 }
 const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
   const { t } = useTranslation()
-  const { credits, isExhausted, isLoading, nextCreditResetDate } = useTrialCredits()
+  const { usedCredits, totalCredits, isExhausted, isLoading, exhaustedAt, nextCreditResetDate } =
+    useTrialCredits()
   const { data: trialModels = [] } = useQuery(
     consoleQuery.trialModels.get.queryOptions({
       enabled: IS_CLOUD_EDITION,
@@ -88,7 +89,7 @@ const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
     () => new Map(providers.map((p) => [p.provider, p.custom_configuration.available_credentials])),
     [providers],
   )
-  const { formatTime } = useTimestamp()
+  const { formatMonthDay } = useTimestamp()
   const { plugins: allPlugins } = useMarketplaceAllPlugins(providers, '')
   const [selectedPlugin, setSelectedPlugin] = useState<Plugin | null>(null)
   const [
@@ -141,6 +142,8 @@ const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
     )
   }
 
+  const creditUsageTextClassName = isExhausted ? 'text-text-destructive' : 'text-text-secondary'
+
   return (
     <div
       className={cn(
@@ -156,32 +159,48 @@ const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
           {t(($) => $['modelProvider.quotaLabel'], { ns: 'common' })}
           <QuotaInfotip tipText={tipText} />
         </div>
-        <div className="flex h-6 items-center justify-between">
-          <div className="flex items-center gap-1">
-            {credits > 0 ? (
-              <span className="mr-0.5 system-xl-semibold text-text-secondary">
-                {formatNumber(credits)}
+        <div className="flex h-6 items-center justify-between gap-3">
+          <div className="flex min-w-0 items-center gap-1.5">
+            <div className="flex shrink-0 items-baseline gap-1">
+              <span className={cn('system-xl-semibold', creditUsageTextClassName)}>
+                {formatNumber(usedCredits)}
               </span>
-            ) : (
-              <span className="mr-0.5 system-xl-semibold text-text-destructive">
-                {t(($) => $['modelProvider.card.quotaExhausted'], { ns: 'common' })}
+              <span className="text-base leading-6 font-normal text-text-tertiary">/</span>
+              <span className={cn('system-xl-semibold', creditUsageTextClassName)}>
+                {formatNumber(totalCredits)}
+              </span>
+              <span className={cn('system-md-medium', creditUsageTextClassName)}>
+                {t(($) => $['modelProvider.used'], { ns: 'common' })}
               </span>
-            )}
-            <div className="flex h-[18px] items-start gap-1 pt-0.5 system-xs-regular text-text-tertiary">
-              <span>{t(($) => $['modelProvider.credits'], { ns: 'common' })}</span>
-              {nextCreditResetDate ? (
-                <>
-                  <span className="text-text-quaternary">·</span>
-                  <span>
-                    {t(($) => $['modelProvider.resetDate'], {
-                      ns: 'common',
-                      date: formatTime(nextCreditResetDate, 'YYYY-MM-DD'),
-                      interpolation: { escapeValue: false },
-                    })}
-                  </span>
-                </>
-              ) : null}
             </div>
+            {isExhausted && exhaustedAt ? (
+              <>
+                <span aria-hidden className="shrink-0 system-sm-regular text-text-tertiary">
+                  ·
+                </span>
+                <span className="min-w-0 truncate system-sm-regular text-text-tertiary">
+                  {t(($) => $['modelProvider.ranOutDate'], {
+                    ns: 'common',
+                    date: formatMonthDay(exhaustedAt),
+                    interpolation: { escapeValue: false },
+                  })}
+                </span>
+              </>
+            ) : null}
+            {nextCreditResetDate ? (
+              <>
+                <span aria-hidden className="shrink-0 system-sm-regular text-text-tertiary">
+                  ·
+                </span>
+                <span className="min-w-0 truncate system-sm-regular text-text-tertiary">
+                  {t(($) => $['modelProvider.resetDate'], {
+                    ns: 'common',
+                    date: formatMonthDay(nextCreditResetDate),
+                    interpolation: { escapeValue: false },
+                  })}
+                </span>
+              </>
+            ) : null}
           </div>
           <div className="flex shrink-0 items-center gap-1">
             {allProviders
@@ -204,9 +223,10 @@ const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
                     <TooltipTrigger
                       aria-label={tooltipText}
                       render={
-                        <div
+                        <button
+                          type="button"
                           className={cn(
-                            'relative size-6',
+                            'relative size-6 border-0 bg-transparent p-0',
                             !providerType && canInstallPlugin && 'cursor-pointer hover:opacity-80',
                           )}
                           onClick={() => handleIconClick(key)}
@@ -215,7 +235,7 @@ const QuotaPanel: FC<QuotaPanelProps> = ({ providers }) => {
                           {!providerType && (
                             <div className="absolute inset-0 rounded-lg border-[0.5px] border-components-panel-border-subtle bg-background-default-dodge opacity-30" />
                           )}
-                        </div>
+                        </button>
                       }
                     />
                     <TooltipContent>{tooltipText}</TooltipContent>

web/app/components/header/account-setting/model-provider-page/provider-added-card/use-trial-credits.ts

@@ -4,15 +4,21 @@ import { consoleQuery } from '@/service/client'
 const selectTrialCredits = (workspace: {
   trial_credits?: number | null
   trial_credits_used?: number | null
+  trial_credits_exhausted_at?: number | null
   next_credit_reset_date?: number | null
 }) => {
-  const totalCredits = workspace.trial_credits ?? 0
-  const credits = Math.max(totalCredits - (workspace.trial_credits_used ?? 0), 0)
+  const totalCredits = Math.max(workspace.trial_credits ?? 0, 0)
+  const rawUsedCredits = workspace.trial_credits_used ?? 0
+  const normalizedUsedCredits = Math.max(rawUsedCredits, 0)
+  const usedCredits = Math.min(normalizedUsedCredits, totalCredits)
+  const credits = Math.max(totalCredits - usedCredits, 0)
 
   return {
     credits,
+    usedCredits,
     totalCredits,
     isExhausted: credits <= 0,
+    exhaustedAt: workspace.trial_credits_exhausted_at ?? undefined,
     nextCreditResetDate: workspace.next_credit_reset_date ?? undefined,
   }
 }
@@ -27,9 +33,11 @@ export const useTrialCredits = () => {
 
   return {
     credits: trialCredits?.credits ?? 0,
+    usedCredits: trialCredits?.usedCredits ?? 0,
     totalCredits: trialCredits?.totalCredits ?? 0,
     isExhausted: trialCredits?.isExhausted ?? true,
     isLoading: trialCreditsQuery.isPending && !trialCredits,
+    exhaustedAt: trialCredits?.exhaustedAt,
     nextCreditResetDate: trialCredits?.nextCreditResetDate,
   }
 }

web/app/components/main-nav/components/__tests__/workspace-card.spec.tsx

@@ -130,6 +130,7 @@ const currentWorkspaceValue: ICurrentWorkspace = {
   providers: [],
   trial_credits: 10000,
   trial_credits_used: 2500,
+  trial_credits_exhausted_at: 0,
   next_credit_reset_date: 0,
 }
 

web/context/app-context-defaults.ts

@@ -25,5 +25,6 @@ export const initialWorkspaceInfo: ICurrentWorkspace = {
   providers: [],
   trial_credits: 200,
   trial_credits_used: 0,
+  trial_credits_exhausted_at: 0,
   next_credit_reset_date: 0,
 }

web/context/app-context-normalizers.ts

@@ -50,6 +50,8 @@ export function normalizeCurrentWorkspace(
     providers: initialWorkspaceInfo.providers,
     trial_credits: workspace.trial_credits ?? initialWorkspaceInfo.trial_credits,
     trial_credits_used: workspace.trial_credits_used ?? initialWorkspaceInfo.trial_credits_used,
+    trial_credits_exhausted_at:
+      workspace.trial_credits_exhausted_at ?? initialWorkspaceInfo.trial_credits_exhausted_at,
     next_credit_reset_date:
       workspace.next_credit_reset_date ?? initialWorkspaceInfo.next_credit_reset_date,
     trial_end_reason: workspace.trial_end_reason ?? undefined,

web/hooks/use-timestamp.spec.ts

@@ -6,6 +6,12 @@ import { userProfileQueryOptions } from '@/features/account-profile/client'
 import { createAccountProfileQueryWrapper } from '@/test/account-profile-query'
 import useTimestamp from './use-timestamp'
 
+const mockUseLocale = vi.hoisted(() => vi.fn(() => 'en-US'))
+
+vi.mock('@/context/i18n', () => ({
+  useLocale: mockUseLocale,
+}))
+
 const createEmptyQueryWrapper = () => {
   const queryClient = new QueryClient({
     defaultOptions: {
@@ -23,6 +29,10 @@ const createEmptyQueryWrapper = () => {
 }
 
 describe('useTimestamp', () => {
+  beforeEach(() => {
+    mockUseLocale.mockReturnValue('en-US')
+  })
+
   describe('formatTime', () => {
     it('should format unix timestamp correctly', () => {
       const { result } = renderHook(() => useTimestamp(), {
@@ -45,6 +55,16 @@ describe('useTimestamp', () => {
 
       expect(result.current.formatTime(timestamp, 'HH:mm')).toBe('02:00')
     })
+
+    it('should format month names with the current interface locale', () => {
+      mockUseLocale.mockReturnValue('zh-Hans')
+      const { result } = renderHook(() => useTimestamp(), {
+        wrapper: createAccountProfileQueryWrapper(),
+      })
+      const timestamp = 1704132000
+
+      expect(result.current.formatTime(timestamp, 'MMM D')).toBe('1月 2')
+    })
   })
 
   describe('formatDate', () => {
@@ -69,6 +89,37 @@ describe('useTimestamp', () => {
 
       expect(result.current.formatDate(dateString, 'HH:mm')).toBe('20:00')
     })
+
+    it('should format date string month names with the current interface locale', () => {
+      mockUseLocale.mockReturnValue('zh-Hans')
+      const { result } = renderHook(() => useTimestamp(), {
+        wrapper: createAccountProfileQueryWrapper(),
+      })
+      const dateString = '2024-01-01T12:00:00Z'
+
+      expect(result.current.formatDate(dateString, 'MMM D')).toBe('1月 1')
+    })
+  })
+
+  describe('formatMonthDay', () => {
+    it('should format month and day naturally for English', () => {
+      const { result } = renderHook(() => useTimestamp(), {
+        wrapper: createAccountProfileQueryWrapper(),
+      })
+      const timestamp = 1704132000
+
+      expect(result.current.formatMonthDay(timestamp)).toBe('Jan 2')
+    })
+
+    it('should format month and day naturally for Chinese', () => {
+      mockUseLocale.mockReturnValue('zh-Hans')
+      const { result } = renderHook(() => useTimestamp(), {
+        wrapper: createAccountProfileQueryWrapper(),
+      })
+      const timestamp = 1704132000
+
+      expect(result.current.formatMonthDay(timestamp)).toBe('1月2日')
+    })
   })
 
   it('should not request account profile when timezone is provided', () => {

web/hooks/use-timestamp.ts

@@ -4,7 +4,9 @@ import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
 import utc from 'dayjs/plugin/utc'
 import { useCallback } from 'react'
+import { useLocale } from '@/context/i18n'
 import { userProfileQueryOptions } from '@/features/account-profile/client'
+import { formatToLocalTime } from '@/utils/format'
 
 dayjs.extend(utc)
 dayjs.extend(timezone)
@@ -17,7 +19,10 @@ const getBrowserTimezone = () => {
   return new Intl.DateTimeFormat().resolvedOptions().timeZone
 }
 
+const getIntlLocale = (locale: string) => locale.replace('_', '-')
+
 const useTimestamp = ({ timezone: timezoneOverride }: UseTimestampOptions = {}) => {
+  const locale = useLocale()
   const { data: accountTimezone } = useQuery({
     ...userProfileQueryOptions(),
     select: (data) => data.profile.timezone ?? undefined,
@@ -27,19 +32,30 @@ const useTimestamp = ({ timezone: timezoneOverride }: UseTimestampOptions = {})
 
   const formatTime = useCallback(
     (value: number, format: string) => {
-      return dayjs.unix(value).tz(resolvedTimezone).format(format)
+      return formatToLocalTime(dayjs.unix(value).tz(resolvedTimezone), locale, format)
     },
-    [resolvedTimezone],
+    [locale, resolvedTimezone],
   )
 
   const formatDate = useCallback(
     (value: string, format: string) => {
-      return dayjs(value).tz(resolvedTimezone).format(format)
+      return formatToLocalTime(dayjs(value).tz(resolvedTimezone), locale, format)
     },
-    [resolvedTimezone],
+    [locale, resolvedTimezone],
   )
 
-  return { formatTime, formatDate }
+  const formatMonthDay = useCallback(
+    (value: number) => {
+      return new Intl.DateTimeFormat(getIntlLocale(locale), {
+        month: 'short',
+        day: 'numeric',
+        timeZone: resolvedTimezone,
+      }).format(value * 1000)
+    },
+    [locale, resolvedTimezone],
+  )
+
+  return { formatTime, formatDate, formatMonthDay }
 }
 
 export default useTimestamp

web/i18n/ar-TN/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "بعض المعلمات غير صالحة وتمت إزالتها",
   "modelProvider.providerManaged": "مدار من قبل المزود",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "نفد في {{date}}",
   "modelProvider.rerankModel.key": "نموذج إعادة الترتيب",
   "modelProvider.rerankModel.tip": "سيعيد نموذج إعادة الترتيب ترتيب قائمة المستندات المرشحة بناءً على المطابقة الدلالية مع استعلام المستخدم، مما يحسن نتائج الترتيب الدلالي",
   "modelProvider.resetDate": "إعادة التعيين في {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "نموذج تحويل النص إلى كلام",
   "modelProvider.ttsModel.tip": "تعيين النموذج الافتراضي لإدخال تحويل النص إلى كلام في المحادثة.",
   "modelProvider.upgradeForLoadBalancing": "قم بترقية خطتك لتمكين موازنة التحميل.",
+  "modelProvider.used": "مستخدم",
   "navigation.skipToMain": "الانتقال إلى المحتوى الرئيسي",
   "noData": "لا توجد بيانات",
   "operation.add": "إضافة",

web/i18n/de-DE/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Einige Parameter sind ungültig und wurden entfernt.",
   "modelProvider.providerManaged": "Vom Anbieter verwaltet",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Aufgebraucht am {{date}}",
   "modelProvider.rerankModel.key": "Rerank-Modell",
   "modelProvider.rerankModel.tip": "Rerank-Modell wird die Kandidatendokumentenliste basierend auf der semantischen Übereinstimmung mit der Benutzeranfrage neu ordnen und die Ergebnisse der semantischen Rangordnung verbessern",
   "modelProvider.resetDate": "Zurücksetzen am {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Text-zu-Sprache-Modell",
   "modelProvider.ttsModel.tip": "Legen Sie das Standardmodell für die Text-zu-Sprache-Eingabe in Konversationen fest.",
   "modelProvider.upgradeForLoadBalancing": "Aktualisieren Sie Ihren Plan, um den Lastenausgleich zu aktivieren.",
+  "modelProvider.used": "verwendet",
   "navigation.skipToMain": "Zum Hauptinhalt springen",
   "noData": "Keine Daten",
   "operation.add": "Hinzufügen",

web/i18n/en-US/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Some parameters are invalid and have been removed",
   "modelProvider.providerManaged": "Provider managed",
   "modelProvider.quotaLabel": "AI CREDITS",
+  "modelProvider.ranOutDate": "Ran out on {{date}}",
   "modelProvider.rerankModel.key": "Rerank Model",
   "modelProvider.rerankModel.tip": "Rerank model will reorder the candidate document list based on the semantic match with  user query, improving the results of semantic ranking",
   "modelProvider.resetDate": "Reset on {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Text-to-Speech Model",
   "modelProvider.ttsModel.tip": "Set the default model for text-to-speech input in conversation.",
   "modelProvider.upgradeForLoadBalancing": "Upgrade your plan to enable Load Balancing.",
+  "modelProvider.used": "used",
   "navigation.skipToMain": "Skip to main content",
   "noData": "No data",
   "operation.add": "Add",

web/i18n/es-ES/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Algunos parámetros son inválidos y han sido eliminados",
   "modelProvider.providerManaged": "Gestionado por el proveedor",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Agotado el {{date}}",
   "modelProvider.rerankModel.key": "Modelo de Reordenar",
   "modelProvider.rerankModel.tip": "El modelo de reordenar reordenará la lista de documentos candidatos basada en la coincidencia semántica con la consulta del usuario, mejorando los resultados de clasificación semántica",
   "modelProvider.resetDate": "Restablecer el {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Modelo de Texto a Voz",
   "modelProvider.ttsModel.tip": "Establece el modelo predeterminado para la entrada de texto a voz en la conversación.",
   "modelProvider.upgradeForLoadBalancing": "Actualiza tu plan para habilitar el Balanceo de Carga.",
+  "modelProvider.used": "usados",
   "navigation.skipToMain": "Saltar al contenido principal",
   "noData": "Sin datos",
   "operation.add": "Agregar",

web/i18n/fa-IR/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "برخی پارامترها نامعتبر هستند و حذف شده‌اند",
   "modelProvider.providerManaged": "مدیریت شده توسط ارائه‌دهنده",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "در {{date}} تمام شد",
   "modelProvider.rerankModel.key": "مدل رتبه‌بندی مجدد",
   "modelProvider.rerankModel.tip": "مدل رتبه‌بندی مجدد، لیست اسناد کاندید را بر اساس تطابق معنایی با پرسش کاربر مرتب می‌کند و نتایج رتبه‌بندی معنایی را بهبود می‌بخشد",
   "modelProvider.resetDate": "بازنشانی در {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "مدل تبدیل متن به گفتار",
   "modelProvider.ttsModel.tip": "مدل پیش‌فرض را برای ورودی متن به گفتار در مکالمه تنظیم کنید.",
   "modelProvider.upgradeForLoadBalancing": "برای فعال کردن تعادل بار، طرح خود را ارتقا دهید.",
+  "modelProvider.used": "استفاده‌شده",
   "navigation.skipToMain": "پرش به محتوای اصلی",
   "noData": "بدون داده",
   "operation.add": "افزودن",

web/i18n/fr-FR/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Certains paramètres sont invalides et ont été supprimés.",
   "modelProvider.providerManaged": "Géré par le fournisseur",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Épuisé le {{date}}",
   "modelProvider.rerankModel.key": "Modèle de Réorganisation",
   "modelProvider.rerankModel.tip": "Le modèle de réorganisation réorganisera la liste des documents candidats en fonction de la correspondance sémantique avec la requête de l'utilisateur, améliorant ainsi les résultats du classement sémantique.",
   "modelProvider.resetDate": "Réinitialiser le {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Modèle de Texte-à-Parole",
   "modelProvider.ttsModel.tip": "Définissez le modèle par défaut pour l'entrée de texte à la parole dans une conversation.",
   "modelProvider.upgradeForLoadBalancing": "Mettez à niveau votre plan pour activer l’équilibrage de charge.",
+  "modelProvider.used": "utilisés",
   "navigation.skipToMain": "Aller au contenu principal",
   "noData": "Aucune donnée",
   "operation.add": "Ajouter",

web/i18n/hi-IN/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "कुछ पैरामीटर अमान्य हैं और हटा दिए गए हैं",
   "modelProvider.providerManaged": "प्रदाता प्रबंधित",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "{{date}} को समाप्त",
   "modelProvider.rerankModel.key": "रीरैंक मॉडल",
   "modelProvider.rerankModel.tip": "रीरैंक मॉडल उपयोगकर्ता प्रश्न के साथ सांविधिक मेल के आधार पर उम्मीदवार दस्तावेज़ सूची को पुनः क्रमित करेगा, सांविधिक रैंकिंग के परिणामों में सुधार करेगा।",
   "modelProvider.resetDate": "{{date}} को रीसेट करें",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "पाठ-से-भाषण मॉडल",
   "modelProvider.ttsModel.tip": "संवाद में पाठ-से-भाषण इनपुट के लिए डिफ़ॉल्ट मॉडल सेट करें।",
   "modelProvider.upgradeForLoadBalancing": "लोड बैलेंसिंग सक्षम करने के लिए अपनी योजना अपग्रेड करें।",
+  "modelProvider.used": "उपयोग किया गया",
   "navigation.skipToMain": "मुख्य सामग्री पर जाएं",
   "noData": "कोई डेटा नहीं",
   "operation.add": "जोड़ें",

web/i18n/id-ID/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Beberapa parameter tidak valid dan telah dihapus",
   "modelProvider.providerManaged": "Penyedia dikelola",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Habis pada {{date}}",
   "modelProvider.rerankModel.key": "Peringkat ulang Model",
   "modelProvider.rerankModel.tip": "Model rerank akan menyusun ulang daftar dokumen kandidat berdasarkan kecocokan semantik dengan kueri pengguna, meningkatkan hasil peringkat semantik",
   "modelProvider.resetDate": "Setel ulang pada {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Model Teks-ke-Ucapan",
   "modelProvider.ttsModel.tip": "Atur model default untuk input teks-ke-ucapan dalam percakapan.",
   "modelProvider.upgradeForLoadBalancing": "Tingkatkan paket Anda untuk mengaktifkan Penyeimbangan Beban.",
+  "modelProvider.used": "digunakan",
   "navigation.skipToMain": "Lewati ke konten utama",
   "noData": "Tidak ada data",
   "operation.add": "Tambah",

web/i18n/it-IT/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Alcuni parametri non sono validi e sono stati rimossi.",
   "modelProvider.providerManaged": "Gestito dal fornitore",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Esauriti il {{date}}",
   "modelProvider.rerankModel.key": "Modello di Rerank",
   "modelProvider.rerankModel.tip": "Il modello di rerank riordinerà la lista dei documenti candidati basandosi sulla corrispondenza semantica con la query dell'utente, migliorando i risultati del ranking semantico",
   "modelProvider.resetDate": "Ripristina il {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Modello da Testo a Voce",
   "modelProvider.ttsModel.tip": "Imposta il modello predefinito per l'input da testo a voce nella conversazione.",
   "modelProvider.upgradeForLoadBalancing": "Aggiorna il tuo piano per abilitare il Bilanciamento del Carico.",
+  "modelProvider.used": "utilizzati",
   "navigation.skipToMain": "Vai al contenuto principale",
   "noData": "Nessun dato",
   "operation.add": "Aggiungi",

web/i18n/ja-JP/common.json

@@ -394,9 +394,10 @@
   "modelProvider.parametersInvalidRemoved": "いくつかのパラメータが無効であり、削除されました。",
   "modelProvider.providerManaged": "プロバイダ管理",
   "modelProvider.quotaLabel": "AI クレジット",
+  "modelProvider.ranOutDate": "{{date}}に使い切りました",
   "modelProvider.rerankModel.key": "Rerank モデル",
   "modelProvider.rerankModel.tip": "Rerank モデルは、ユーザークエリとの意味的一致に基づいて候補文書リストを再配置し、意味的ランキングの結果を向上させます。",
-  "modelProvider.resetDate": "{{date}} にリセット",
+  "modelProvider.resetDate": "{{date}}にリセット",
   "modelProvider.searchModels": "モデルを検索...",
   "modelProvider.selectModel": "モデルを選択",
   "modelProvider.selector.aiCredits": "AI クレジット",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "テキスト-to-音声モデル",
   "modelProvider.ttsModel.tip": "会話でのテキスト-to-音声入力に使用するデフォルトモデルを設定します。",
   "modelProvider.upgradeForLoadBalancing": "負荷分散を利用するには、プランのアップグレードが必要です。",
+  "modelProvider.used": "使用済み",
   "navigation.skipToMain": "メインコンテンツへスキップ",
   "noData": "データなし",
   "operation.add": "追加",

web/i18n/ko-KR/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "일부 매개변수가 유효하지 않아 제거되었습니다.",
   "modelProvider.providerManaged": "제공자 관리",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "{{date}}에 소진됨",
   "modelProvider.rerankModel.key": "재랭크 모델",
   "modelProvider.rerankModel.tip": "재랭크 모델은 사용자 쿼리와의 의미적 일치를 기반으로 후보 문서 목록을 재배열하여 의미적 순위를 향상시킵니다.",
   "modelProvider.resetDate": "{{date}}에 재설정",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "텍스트-to-음성 모델",
   "modelProvider.ttsModel.tip": "대화에서의 텍스트-to-음성 입력에 사용되는 기본 모델을 설정합니다.",
   "modelProvider.upgradeForLoadBalancing": "로드 밸런싱을 사용하도록 계획을 업그레이드합니다.",
+  "modelProvider.used": "사용됨",
   "navigation.skipToMain": "본문으로 건너뛰기",
   "noData": "데이터 없음",
   "operation.add": "추가",

web/i18n/nl-NL/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Some parameters are invalid and have been removed",
   "modelProvider.providerManaged": "Provider managed",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Opgebruikt op {{date}}",
   "modelProvider.rerankModel.key": "Rerank Model",
   "modelProvider.rerankModel.tip": "Rerank model will reorder the candidate document list based on the semantic match with  user query, improving the results of semantic ranking",
   "modelProvider.resetDate": "Reset on {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Text-to-Speech Model",
   "modelProvider.ttsModel.tip": "Set the default model for text-to-speech input in conversation.",
   "modelProvider.upgradeForLoadBalancing": "Upgrade your plan to enable Load Balancing.",
+  "modelProvider.used": "gebruikt",
   "navigation.skipToMain": "Naar hoofdinhoud springen",
   "noData": "No data",
   "operation.add": "Add",

web/i18n/pl-PL/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Niektóre parametry są nieprawidłowe i zostały usunięte.",
   "modelProvider.providerManaged": "Zarządzany przez dostawcę",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Wyczerpano {{date}}",
   "modelProvider.rerankModel.key": "Model ponownego rankingu",
   "modelProvider.rerankModel.tip": "Model ponownego rankingu zmieni kolejność listy dokumentów kandydatów na podstawie semantycznego dopasowania z zapytaniem użytkownika, poprawiając wyniki rankingu semantycznego",
   "modelProvider.resetDate": "Reset {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Model tekstu na mowę",
   "modelProvider.ttsModel.tip": "Ustaw domyślny model dla konwersji tekstu na mowę w rozmowach.",
   "modelProvider.upgradeForLoadBalancing": "Uaktualnij swój plan, aby włączyć równoważenie obciążenia.",
+  "modelProvider.used": "wykorzystano",
   "navigation.skipToMain": "Przejdź do głównej treści",
   "noData": "Brak danych",
   "operation.add": "Dodaj",

web/i18n/pt-BR/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Alguns parâmetros são inválidos e foram removidos",
   "modelProvider.providerManaged": "Gerenciado pelo provedor",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Esgotado em {{date}}",
   "modelProvider.rerankModel.key": "Modelo de Reordenação",
   "modelProvider.rerankModel.tip": "O modelo de reordenaenação reorganizará a lista de documentos candidatos com base na correspondência semântica com a consulta do usuário, melhorando os resultados da classificação semântica",
   "modelProvider.resetDate": "Redefinir em {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Modelo de Texto para Fala",
   "modelProvider.ttsModel.tip": "Defina o modelo padrão para entrada de texto para fala na conversa.",
   "modelProvider.upgradeForLoadBalancing": "Atualize seu plano para habilitar o balanceamento de carga.",
+  "modelProvider.used": "usados",
   "navigation.skipToMain": "Pular para o conteúdo principal",
   "noData": "Sem dados",
   "operation.add": "Adicionar",

web/i18n/ro-RO/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Unele parametrii sunt invalizi și au fost eliminați.",
   "modelProvider.providerManaged": "Gestionat de furnizor",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Epuizat la {{date}}",
   "modelProvider.rerankModel.key": "Model de reordonare",
   "modelProvider.rerankModel.tip": "Modelul de reordonare va reordona lista de documente candidate pe baza potrivirii semantice cu interogarea utilizatorului, îmbunătățind rezultatele clasificării semantice",
   "modelProvider.resetDate": "Resetare la {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Model de conversie vorbire-la-text",
   "modelProvider.ttsModel.tip": "Setați modelul implicit pentru intrarea de conversie vorbire-la-text în conversație.",
   "modelProvider.upgradeForLoadBalancing": "Actualizați-vă planul pentru a activa Load Balancing.",
+  "modelProvider.used": "utilizate",
   "navigation.skipToMain": "Sări la conținutul principal",
   "noData": "Fără date",
   "operation.add": "Adaugă",

web/i18n/ru-RU/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Некоторые параметры недействительны и были удалены",
   "modelProvider.providerManaged": "Управляется поставщиком",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Исчерпано {{date}}",
   "modelProvider.rerankModel.key": "Модель повторного ранжирования",
   "modelProvider.rerankModel.tip": "Модель повторного ранжирования изменит порядок списка документов-кандидатов на основе семантического соответствия запросу пользователя, улучшая результаты семантического ранжирования",
   "modelProvider.resetDate": "Сброс {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Модель преобразования текста в речь",
   "modelProvider.ttsModel.tip": "Установите модель по умолчанию для ввода текста в речь в разговоре.",
   "modelProvider.upgradeForLoadBalancing": "Обновите свой тарифный план, чтобы включить балансировку нагрузки.",
+  "modelProvider.used": "использовано",
   "navigation.skipToMain": "Перейти к основному содержанию",
   "noData": "Нет данных",
   "operation.add": "Добавить",

web/i18n/sl-SI/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Nekateri parametri so neveljavni in so bili odstranjeni.",
   "modelProvider.providerManaged": "Upravljano s strani ponudnika",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Porabljeno {{date}}",
   "modelProvider.rerankModel.key": "Model za prerazvrstitev",
   "modelProvider.rerankModel.tip": "Model za prerazvrstitev bo prerazporedil seznam kandidatskih dokumentov na podlagi semantične ujemanja z uporabniško poizvedbo, s čimer se izboljšajo rezultati semantičnega razvrščanja.",
   "modelProvider.resetDate": "Ponastavi {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Model za pretvorbo besedila v govor",
   "modelProvider.ttsModel.tip": "Nastavite privzeti model za pretvorbo besedila v govor v pogovoru.",
   "modelProvider.upgradeForLoadBalancing": "Nadgradite svoj načrt, da omogočite uravnoteženje obremenitev.",
+  "modelProvider.used": "porabljeno",
   "navigation.skipToMain": "Preskoči na glavno vsebino",
   "noData": "Ni podatkov",
   "operation.add": "Dodaj",

web/i18n/th-TH/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "บางพารามิเตอร์ไม่ถูกต้องและถูกนำออก",
   "modelProvider.providerManaged": "จัดการผู้ให้บริการ",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "หมดเมื่อ {{date}}",
   "modelProvider.rerankModel.key": "จัดอันดับโมเดลใหม่",
   "modelProvider.rerankModel.tip": "โมเดล Rerank จะจัดลําดับรายการเอกสารผู้สมัครใหม่ตามการจับคู่ความหมายกับการสืบค้นของผู้ใช้ ซึ่งช่วยปรับปรุงผลลัพธ์ของการจัดอันดับความหมาย",
   "modelProvider.resetDate": "รีเซ็ตเมื่อ {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "โมเดลการแปลงข้อความเป็นคําพูด",
   "modelProvider.ttsModel.tip": "ตั้งค่าโมเดลเริ่มต้นสําหรับการป้อนข้อมูลเป็นข้อความเป็นคําพูดในการสนทนา",
   "modelProvider.upgradeForLoadBalancing": "อัปเกรดแผนของคุณเพื่อเปิดใช้งานการปรับสมดุลโหลด",
+  "modelProvider.used": "ใช้แล้ว",
   "navigation.skipToMain": "ข้ามไปยังเนื้อหาหลัก",
   "noData": "ไม่มีข้อมูล",
   "operation.add": "เพิ่ม",

web/i18n/tr-TR/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Bazı parametreler geçersizdir ve kaldırılmıştır.",
   "modelProvider.providerManaged": "Sağlayıcı tarafından yönetilen",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "{{date}} tarihinde tükendi",
   "modelProvider.rerankModel.key": "Yeniden Sıralama Modeli",
   "modelProvider.rerankModel.tip": "Yeniden sıralama modeli, kullanıcı sorgusuyla anlam eşleştirmesine dayalı olarak aday belge listesini yeniden sıralayacak ve anlam sıralama sonuçlarını iyileştirecektir.",
   "modelProvider.resetDate": "{{date}} tarihinde sıfırla",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Metinden Konuşmaya Modeli",
   "modelProvider.ttsModel.tip": "Konuşmada metinden konuşmaya giriş için varsayılan modeli ayarlayın.",
   "modelProvider.upgradeForLoadBalancing": "Yük Dengelemeyi etkinleştirmek için planınızı yükseltin.",
+  "modelProvider.used": "kullanıldı",
   "navigation.skipToMain": "Ana içeriğe geç",
   "noData": "Veri yok",
   "operation.add": "Ekle",

web/i18n/uk-UA/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Деякі параметри є недійсними і були видалені",
   "modelProvider.providerManaged": "Під управлінням провайдера",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Вичерпано {{date}}",
   "modelProvider.rerankModel.key": "Модель повторного ранжування",
   "modelProvider.rerankModel.tip": "Модель повторного ранжування змінить порядок списку документів-кандидатів на основі семантичної відповідності запиту користувача, покращуючи результати семантичного ранжування.",
   "modelProvider.resetDate": "Скидання {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Модель перетворення тексту в мовлення",
   "modelProvider.ttsModel.tip": "Встановіть модель за замовчуванням для введення тексту в мовлення в розмові.",
   "modelProvider.upgradeForLoadBalancing": "Оновіть свій план, щоб увімкнути балансування навантаження.",
+  "modelProvider.used": "використано",
   "navigation.skipToMain": "Перейти до основного вмісту",
   "noData": "Немає даних",
   "operation.add": "Додати",

web/i18n/vi-VN/common.json

@@ -394,6 +394,7 @@
   "modelProvider.parametersInvalidRemoved": "Một số tham số không hợp lệ và đã được loại bỏ",
   "modelProvider.providerManaged": "Nhà cung cấp được quản lý",
   "modelProvider.quotaLabel": "QUOTA",
+  "modelProvider.ranOutDate": "Hết vào {{date}}",
   "modelProvider.rerankModel.key": "Mô hình Sắp xếp lại",
   "modelProvider.rerankModel.tip": "Mô hình sắp xếp lại sẽ sắp xếp lại danh sách tài liệu ứng cử viên dựa trên sự phù hợp ngữ nghĩa với truy vấn của người dùng, cải thiện kết quả của việc xếp hạng ngữ nghĩa",
   "modelProvider.resetDate": "Đặt lại vào {{date}}",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "Mô hình Văn bản thành Tiếng nói",
   "modelProvider.ttsModel.tip": "Thiết lập mô hình mặc định cho đầu vào văn bản thành tiếng nói trong cuộc trò chuyện.",
   "modelProvider.upgradeForLoadBalancing": "Nâng cấp gói của bạn để bật Cân bằng tải.",
+  "modelProvider.used": "đã dùng",
   "navigation.skipToMain": "Chuyển đến nội dung chính",
   "noData": "Không có dữ liệu",
   "operation.add": "Thêm",

web/i18n/zh-Hans/common.json

@@ -394,9 +394,10 @@
   "modelProvider.parametersInvalidRemoved": "部分参数无效，已移除",
   "modelProvider.providerManaged": "由模型供应商管理",
   "modelProvider.quotaLabel": "AI 消息额度",
+  "modelProvider.ranOutDate": "{{date}}用尽",
   "modelProvider.rerankModel.key": "Rerank 模型",
   "modelProvider.rerankModel.tip": "重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序，从而改进语义排序的结果",
-  "modelProvider.resetDate": "于 {{date}} 重置",
+  "modelProvider.resetDate": "{{date}}重置",
   "modelProvider.searchModels": "搜索模型...",
   "modelProvider.selectModel": "选择您的模型",
   "modelProvider.selector.aiCredits": "AI 消息额度",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "文本转语音模型",
   "modelProvider.ttsModel.tip": "设置对话中文字转语音输出的默认使用模型。",
   "modelProvider.upgradeForLoadBalancing": "升级以解锁负载均衡功能",
+  "modelProvider.used": "已用",
   "navigation.skipToMain": "跳转到主要内容",
   "noData": "暂无数据",
   "operation.add": "添加",

web/i18n/zh-Hant/common.json

@@ -394,9 +394,10 @@
   "modelProvider.parametersInvalidRemoved": "一些參數無效，已被移除",
   "modelProvider.providerManaged": "提供者管理",
   "modelProvider.quotaLabel": "AI CREDITS",
+  "modelProvider.ranOutDate": "{{date}}用盡",
   "modelProvider.rerankModel.key": "Rerank 模型",
   "modelProvider.rerankModel.tip": "重排序模型將根據候選文件列表與使用者問題語義匹配度進行重新排序，從而改進語義排序的結果",
-  "modelProvider.resetDate": "於 {{date}} 重置",
+  "modelProvider.resetDate": "{{date}}重置",
   "modelProvider.searchModels": "搜尋模型...",
   "modelProvider.selectModel": "選擇您的模型",
   "modelProvider.selector.aiCredits": "AI 額度",
@@ -433,6 +434,7 @@
   "modelProvider.ttsModel.key": "文字轉語音模型",
   "modelProvider.ttsModel.tip": "設定對話中文字轉語音輸出的預設使用模型。",
   "modelProvider.upgradeForLoadBalancing": "升級您的計劃以啟用 Load Balancing。",
+  "modelProvider.used": "已用",
   "navigation.skipToMain": "跳至主要內容",
   "noData": "無資料",
   "operation.add": "新增",

web/models/common.ts

@@ -72,6 +72,7 @@ export type ICurrentWorkspace = Omit<IWorkspace, 'current'> & {
   providers: Provider[]
   trial_credits: number
   trial_credits_used: number
+  trial_credits_exhausted_at: number
   next_credit_reset_date: number
   trial_end_reason?: string
   custom_config?: {