From 7505459ece62aeba0bb804affd67753303b12001 Mon Sep 17 00:00:00 2001
From: Zyy <zyycn@users.noreply.github.com>
Date: Tue, 6 Oct 2026 13:52:29 +0800
Subject: [PATCH] fix(accounts): constrain long plan badges to available width

Truncate overflowing plan names and show the full display name on hover while preserving the existing subscription column width.

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/components/account/AccountPlanBadge.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/account/AccountPlanBadge.vue b/frontend/src/components/account/AccountPlanBadge.vue
index 0f053d6f5..a49adf4bd 100644
--- a/frontend/src/components/account/AccountPlanBadge.vue
+++ b/frontend/src/components/account/AccountPlanBadge.vue
@@ -53,10 +53,10 @@ const paletteClass = computed(() => {
 
 <template>
   <span
-    class="inline-flex shrink-0 items-center justify-center whitespace-nowrap leading-none shadow-cp-tertiary"
+    class="inline-flex min-w-0 max-w-full items-center justify-center whitespace-nowrap leading-none shadow-cp-tertiary"
     :class="[sizeClass, paletteClass]"
-    :title="rawPlanType || undefined"
+    :title="displayText || undefined"
   >
-    <span>{{ displayText }}</span>
+    <span class="truncate">{{ displayText }}</span>
   </span>
 </template>