From 55bd334a00754035d36b95ad7cae8d767dc324ee Mon Sep 17 00:00:00 2001
From: wanting12345 <2571039622@qq.com>
Date: Fri, 30 Oct 2026 14:07:00 +0800
Subject: [PATCH] fix(web): truncate pinned version column in suite detail
 tables

The pinned version cells in the suite member table and the version
ledger member list rendered raw member version strings (60+ character
immutable snapshot versions) inside fixed-width grid columns without
any overflow handling, so the text bled into adjacent columns.

Clip them with the same truncate + title pattern already used for the
member coordinate in the same tables; the full version stays available
via hover.

Signed-off-by: wanting12345 <2571039622@qq.com>

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 web/src/features/suite/suite-member-table.tsx   | 2 +-
 web/src/features/suite/suite-version-ledger.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/features/suite/suite-member-table.tsx b/web/src/features/suite/suite-member-table.tsx
index 72db6e0fd..aa6d75e06 100644
--- a/web/src/features/suite/suite-member-table.tsx
+++ b/web/src/features/suite/suite-member-table.tsx
@@ -77,7 +77,7 @@ export function SuiteMemberTable({ suite, returnTo, management = false, onEdit }
                   {identity}
                 </Link>
               ) : identity}
-              <span className="font-mono text-xs">v{member.version}</span>
+              <span className="block min-w-0 truncate font-mono text-xs" title={`v${member.version}`}>{`v${member.version}`}</span>
               <p className="line-clamp-2 text-xs leading-5 text-muted-foreground">
                 {member.summary || t(member.entry ? 'suite.entryMemberPurpose' : 'suite.memberPurposeFallback')}
               </p>
diff --git a/web/src/features/suite/suite-version-ledger.tsx b/web/src/features/suite/suite-version-ledger.tsx
index 09f191f60..c2dd2b2af 100644
--- a/web/src/features/suite/suite-version-ledger.tsx
+++ b/web/src/features/suite/suite-version-ledger.tsx
@@ -227,7 +227,7 @@ function ExpandedVersion({
                           @{member.namespace}/{member.slug}
                         </Link>
                       ) : <span className="truncate font-mono">@{member.namespace}/{member.slug}</span>}
-                      <span className="font-mono">v{member.version}</span>
+                      <span className="block min-w-0 truncate font-mono" title={`v${member.version}`}>{`v${member.version}`}</span>
                       <span>{member.entry ? t('suite.entrySkill') : t('suite.management.memberRole')}</span>
                       <span className={cn(
                         kind === 'ADDED' && 'text-emerald-700 dark:text-emerald-300',