参考Airtable提升设置面板体验与分组层级，实现渐进披露等UI优化

[hotlong]

背景

现有的设置右侧面板（config panel/设置面板）信息量过大，缺乏层级、分组、视觉呼吸空间和渐进披露，体验远逊于 Airtable 等产品。为优化用户体验、提升面板可维护性和美观度，需借鉴 Airtable 的最佳实践，对设置面板进行全面升级。

参考文档与图片：

• 
• 
• Airtable官方设计实践

---

需求目标

• 明显提升设置面板的分组与层级感，避免"控件堆砌"。
• 强化视��节奏与间距，减少信息密度。
• 部分高级/不常用选项默认为折叠/隐藏，用渐进披露替代全量展开。
• 支持Airtable式"概览+二级弹窗"操作体验，提升可维护性。

---

主要开发清单

1. Section视觉层级与间距调整
   • 增加section分隔线高度，section内控件上下间距从space-y-0.5提升至space-y-1或更大。
   • 参考Airtable面板，在ConfigPanelRenderer中每个Section顶部增加更多留白，section之间my-3。
2. 渐进披露（Progressive Disclosure）与默认折叠
   • 工具栏/外观/高级/分享等section默认collapsed，只展开主要（如"常规", "数据"）section。
   • 相关schema（如view-config-schema.tsx）增加defaultCollapsed: true配置。
3. 新增ControlType: 'summary'
   • 支持Airtable那种"summary row + gear button"风格（如"可视化类型：List, Gallery, Kanban…"），点开弹窗进行详细配置。
   • type: 'summary' 字段支持配置 summaryText 和 onSummaryClick 处理函数。
4. 优化ConfigRow布局
   • 对齐Airtable两列式（左label右控件），输入控件宽度统一，label单独maxWidth。
   • 如可能，增加内容自动省略号、溢出提示。
5. Section可选icon支持
   • Section支持带有Lucide Icon，帮助用户更快定位常用分组。
6. 支持Section分组/子分组
   • Schema层增加可嵌套subsections，便于更复杂的大结构时灵活分组。
7. "工具栏"等七连toggle控件合并为summary样式
   • 替换成"已启用×项"chip+齿轮，点击后弹出单独子编辑器。
   • 提升主面板简洁度，次选项后移。
8. 视图Schema与渲染层整体调整
   • 优先调整典型列表/表格/Grid视图设置schema作为模板。
   • 逐步推广至Dashboard、Report等其它可配置区域。

---

验收标准

• 任意信息量大的设置面板打开信息量不超过8项（可折叠等为主），整体比现状更"可呼吸"。
• 工具栏等共用控件被概览chip合并，展开子面板可正常编辑所有选项。
• Section分隔、折叠、icon、子分组、summary row等视觉元素均可用。
• 代码层schema实现可维护、具备良好扩展性/复用性。

---

备注

• 设计/动效细节可参考Airtable，优先实现主要结构和功能。
• 参见图片及原型进行操作流对齐。

---

以上优化能大幅提升复杂配置场景下的易用性与美观度。