Companion项目中的预设标签页模块显示优化

在Companion项目的用户界面设计中，预设(Presets)标签页的模块显示方式最近得到了重要改进。这个改进主要解决了在多模块环境下用户界面可读性和易用性的问题。

问题背景

在之前的版本中，预设标签页会按照以下格式显示连接模块：

模块类型(模块标签)

这种显示方式存在两个主要问题：

1. 当系统中存在大量同类型模块时，模块类型信息占据了过多显示空间，而真正用于区分不同实例的模块标签却显示得不够突出
2. 模块列表的排序方式基于模块初始化顺序，缺乏逻辑性，给用户查找特定模块带来不便

改进方案

开发团队对显示方式进行了以下优化：

1. 视觉层次重构：调整了模块标签和模块类型的显示比例，使模块标签更加突出
2. 信息精简：简化了模块类型的显示，使用短名称替代完整的制造商和产品信息
3. 排序优化：将模块列表改为按字母顺序排列，与连接(Connections)标签页保持一致

技术实现

这项改进涉及用户界面组件的重构，主要包括：

• 调整了预设列表项的渲染逻辑
• 修改了模块信息的提取和格式化方式
• 实现了新的排序算法

用户体验提升

改进后的界面具有以下优势：

• 快速识别：用户能更快速地找到特定模块
• 视觉清晰：减少了视觉噪音，重点信息更加突出
• 一致性：与其他标签页保持相同的排序逻辑，降低学习成本

这项改进特别有利于大型配置环境下的工作效率，解决了多模块管理时的导航难题。