# 链路详情面板布局约束

日期：2026-08-14

# 目标

修复旧版浮动链路详情面板在显示器切换、浏览器缩放或保存过大拖拽尺寸后覆盖主对话区，以及模型入参展开时出现大块空白的问题。

# 变更

• 初始方案曾在浮动面板上钳制 localStorage 中的尺寸与位置。
• 随后的三栏工作台迭代已经以固定停靠的详情栏取代浮动面板和尺寸持久化，详见 2026-08-14-harness-inspired-three-column-console.md；本记录保留 JSON 内容布局的修复理由。
• 模型入参/出参、工具入参/出参的 Grid 改用 minmax(0, 1fr) 和 align-items: start，收起项不再被展开项强制拉高。
• 将摘要栏的省略样式限定到摘要标题，JSON 内容恢复正常换行，超长内容由自身滚动容器承载。

# 验证

• 执行 npm run build，确认 TypeScript 与 Vite 构建通过。
• 执行 git diff --check，确认样式与文档没有空白错误。

# 边界

• 不再保留面板拖拽与尺寸持久化；详情内容始终在专属列中滚动，窄屏才以覆盖式详情抽屉展示。
• 详情仍可显示完整 JSON，但单个 JSON 滚动区最多占 300px 或视口高度的 36%。