From fc908eaf3b4ddab01dcc3235ba64ba6f6bbd8f8a Mon Sep 17 00:00:00 2001
From: ymy <yang.maoyuan@foxmail.com>
Date: Mon, 27 Jul 2026 16:47:05 +0800
Subject: [PATCH] =?UTF-8?q?chore(filelib-web):=20=E6=8B=89=E5=AE=BD?=
 =?UTF-8?q?=E6=8E=88=E6=9D=83=E8=A1=A8=E6=A0=BC:=E5=AE=B9=E5=99=A8=20880?=
 =?UTF-8?q?=E2=86=921120px,=E5=8D=95=E5=85=83=E6=A0=BC=E7=95=99=E7=99=BD/?=
 =?UTF-8?q?=E7=A6=81=E6=8D=A2=E8=A1=8C,=E9=95=BF=20id=20=E6=88=AA=E6=96=AD?=
 =?UTF-8?q?+=E6=82=AC=E5=81=9C=E5=85=A8=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hub/filelib-web/src/lib/GrantsPanel.svelte    | 28 +++++++++++++------
 .../src/lib/NodeDetailPanel.svelte            |  2 +-
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/hub/filelib-web/src/lib/GrantsPanel.svelte b/hub/filelib-web/src/lib/GrantsPanel.svelte
index 80c7c7b..94fe25c 100644
--- a/hub/filelib-web/src/lib/GrantsPanel.svelte
+++ b/hub/filelib-web/src/lib/GrantsPanel.svelte
@@ -242,7 +242,15 @@
   {:else}
     <table class="list">
       <thead>
-        <tr><th>成员</th><th>userId</th><th>飞书 ID</th><th>类型</th><th>权限</th><th>加入时间</th><th></th></tr>
+        <tr>
+          <th class="whitespace-nowrap pr-4">成员</th>
+          <th class="whitespace-nowrap pr-4">userId</th>
+          <th class="whitespace-nowrap pr-4">飞书 ID</th>
+          <th class="whitespace-nowrap pr-4">类型</th>
+          <th class="whitespace-nowrap pr-4">权限</th>
+          <th class="whitespace-nowrap pr-4">加入时间</th>
+          <th></th>
+        </tr>
       </thead>
       <tbody>
         {#if shown.length === 0}
@@ -254,7 +262,7 @@
         {:else}
           {#each shown as g (g.id)}
             <tr>
-              <td>
+              <td class="whitespace-nowrap pr-4">
                 <a class="inline-flex items-center gap-2 text-ink hover:text-accent" href={principalHref(g)}>
                   <Avatar displayName={g.principalName} userId={g.principalId} size={26} />
                   <span class="flex items-center gap-1.5 text-[13px]">
@@ -263,10 +271,14 @@
                   </span>
                 </a>
               </td>
-              <td class="file-meta font-mono">{g.principalType === "USER" ? g.principalId : "—"}</td>
-              <td class="file-meta font-mono">{g.principalOpenId ?? "—"}</td>
-              <td><span class="tag">{g.principalType === "USER" ? "个人" : "Group"}</span></td>
-              <td>
+              <td class="file-meta max-w-[230px] truncate pr-4 font-mono" title={g.principalType === "USER" ? g.principalId : ""}>
+                {g.principalType === "USER" ? g.principalId : "—"}
+              </td>
+              <td class="file-meta max-w-[230px] truncate pr-4 font-mono" title={g.principalOpenId ?? ""}>
+                {g.principalOpenId ?? "—"}
+              </td>
+              <td class="whitespace-nowrap pr-4"><span class="tag">{g.principalType === "USER" ? "个人" : "Group"}</span></td>
+              <td class="whitespace-nowrap pr-4">
                 <!-- 创建者授权不可动(契约 8.1);非 MANAGE 持有者只读。 -->
                 {#if !g.isCreatorGrant && canManage}
                   <select
@@ -282,8 +294,8 @@
                   <span class="file-meta">{ROLE_LABEL[g.role]}</span>
                 {/if}
               </td>
-              <td class="file-meta">{fmtDate(g.createdAt)}</td>
-              <td class="text-right">
+              <td class="file-meta whitespace-nowrap pr-4">{fmtDate(g.createdAt)}</td>
+              <td class="whitespace-nowrap text-right">
                 {#if !g.isCreatorGrant && canManage}
                   <button class="link-danger inline-flex items-center gap-1" onclick={() => void revoke(g)}>
                     <Icon name="trash" size={12} /> 删除
diff --git a/hub/filelib-web/src/lib/NodeDetailPanel.svelte b/hub/filelib-web/src/lib/NodeDetailPanel.svelte
index 3570db7..9a4f9f2 100644
--- a/hub/filelib-web/src/lib/NodeDetailPanel.svelte
+++ b/hub/filelib-web/src/lib/NodeDetailPanel.svelte
@@ -88,7 +88,7 @@
 {#if node === null}
   <div class="flex h-full items-center justify-center text-[13px] text-ink-3">从左侧选择一个文件夹或项目</div>
 {:else}
-  <div class="mx-auto max-w-[880px] px-9 py-9">
+  <div class="mx-auto max-w-[1120px] px-9 py-9">
     <div class="mb-2 text-[12.5px] text-ink-3">
       {#each crumbs as c, i (i)}
         {#if i > 0}<span class="mx-1 text-line">/</span>{/if}