diff --git a/docs/develop-guides/changelog.md b/docs/develop-guides/changelog.md
index 2a17d0ce..def1aeac 100644
--- a/docs/develop-guides/changelog.md
+++ b/docs/develop-guides/changelog.md
@@ -42,6 +42,7 @@
 - 扩展 Agent Panel 状态工作台删除能力：继续复用 `DELETE /api/viewer/filesystem/file`，在保持接口不变的前提下支持删除文件夹；空目录与非空目录现在都会递归删除，`workspace` 下目录也可直接清理，前端目录节点同步新增删除入口与对应确认文案
 - 调整前端工作台文件预览交互：恢复默认侧边/弹窗预览，并新增显式“全屏预览”入口；全屏模式下由预览内容直接覆盖整页，仅保留右上角悬浮关闭按钮；同时修复 HTML 文件首次在弹窗中预览偶现白屏的问题，改为在内容更新后强制重建 `iframe`
 - 统一 Agent Panel 文件预览与消息区交付物预览组件：两处改为复用同一套 `AgentFilePreview` 预览实现，并为交付物预览补齐与工作台一致的“全屏预览”入口
+- 修复交付物卡片展开后的长列表展示：当单轮交付物文件超过面板可见高度时，卡片内容区改为显示纵向滚动条，避免超过约 10 项后底部文件与操作按钮被裁切
 - 兼容旧版已安装的内置 `reporter` 技能记录：`update_builtin_skill` 现在会识别由 `system` 或 `builtin-system` 管理的历史记录，避免更新时误报“技能 `reporter` 不是内置 skill”
 - 调整沙盒 user-data 目录隔离策略：`workspace` 改为共享目录 `saves/threads/shared/workspace`，`uploads/outputs` 继续保持 thread 级隔离；同时更新 thread artifact 权限校验、viewer 文件系统列举逻辑，以及对应的 router/E2E 测试
 - 重构聊天接口请求模型：流式与非流式聊天统一使用 `query + agent_config_id` 请求体，并移除路径中的 `agent_id`；同时修复非流式接口实际误走流式执行链路的问题，改为调用 `invoke_messages` 一次性执行，并补充对应测试
diff --git a/web/src/components/AgentArtifactsCard.vue b/web/src/components/AgentArtifactsCard.vue
index d8ded1cf..ab16cf46 100644
--- a/web/src/components/AgentArtifactsCard.vue
+++ b/web/src/components/AgentArtifactsCard.vue
@@ -27,14 +27,14 @@
               </div>
             </div>
             <div class="item-actions">
-              <button
+              <!-- <button
                 v-if="file.canPreview"
                 class="item-action-btn"
                 title="预览"
                 @click.stop="openPreview(file)"
               >
                 <Eye :size="15" />
-              </button>
+              </button> -->
               <button class="item-action-btn" title="下载" @click.stop="downloadFile(file)">
                 <Download :size="15" />
               </button>
@@ -373,6 +373,8 @@ watch(
 
 .artifacts-panel-inner {
   padding: 4px 6px 6px;
+  max-height: 232px;
+  overflow-y: auto;
   background: var(--gray-0);
 }
 
@@ -412,6 +414,7 @@ watch(
 
   .artifacts-panel-inner {
     padding: 8px;
+    max-height: 224px;
   }
 
   .artifacts-title {
diff --git a/web/src/components/ViewSwitchHeader.vue b/web/src/components/ViewSwitchHeader.vue
index 1ec5fd2e..e50c02ae 100644
--- a/web/src/components/ViewSwitchHeader.vue
+++ b/web/src/components/ViewSwitchHeader.vue
@@ -109,11 +109,10 @@ const selectItem = (item) => {
   }
 
   &.active {
-    color: var(--main-700);
-    font-weight: 600;
-    background-color: var(--main-50);
-    border-color: var(--main-200);
-    box-shadow: 0 1px 2px rgba(1, 21, 31, 0.06);
+    color: var(--main-color);
+    background-color: color-mix(in srgb, var(--main-color) 6%, var(--gray-0));
+    border-color: transparent;
+    position: relative;
   }
 }
 </style>