feat: 增强面板管理交互、连接探测与打开反馈

[794308525]

更新概述

本次更新面向多面板管理场景，完善卡片排序、顶部工具栏和分组统计，并补充协议自动探测、设备可达性判断及面板窗口加载握手，降低面板地址协议变化、连接失败和并发打开窗口时的误判。

功能更新

面板排序与拖拽体验

• 顶部新增「默认排序 / 最新添加 / 最早添加」三种排序方式。
• 默认排序支持通过卡片名前的拖柄调整顺序，并持久化保存自定义顺序。
• 拖动卡片时其他卡片平滑让位，优化重复换位判断，减少挤位闪动。
• 搜索或使用时间排序时自动禁用拖拽，并展示对应操作提示。
• 面板数量较多时降低非必要位移动画开销，实时状态更新改用索引查找，减少频繁遍历。

顶部工具栏与分组统计

• 重新划分品牌、主要操作和辅助操作的视觉层级，突出「添加面板」。
• 增加堡塔多机管理品牌标识和官方网站入口。
• 分组与排序统一为胶囊式分段控件，选中背景块可平滑移动。
• 控件颜色、文字和边框使用主题变量，兼容深色模式。
• 在分组名称后展示面板数量，「全部」显示总数，其余分组显示所属数量。
• 分组管理新增「显示分组数量」开关，默认开启并持久化保存。

面板连接与设备状态

• 面板因连接、TLS 或协议不匹配失败时，自动尝试 HTTP/HTTPS 备用协议。
• 备用协议只有在负载接口返回有效结构后才会写入数据库，鉴权或白名单错误不会误触发协议切换。
• 增加低频设备可达性探测，支持直连、SOCKS5 和 HTTP/HTTPS 代理。
• 探测结果带缓存、退避和并发上限，API 正常时不会额外发起 TCP 探测。
• 区分「设备在线但面板异常」「设备不可达」「连接异常」和「检测中」，并在卡片中使用对应状态样式。
• 增加协议自动切换提示、IP 一键复制和更清晰的状态配色。

面板打开与窗口反馈

• 打开面板时等待页面真实加载成功后再返回成功，失败或超时会给出明确提示。
• 修复已有多个窗口时把最后一个窗口误认为新窗口的问题。
• 为异步 IPC 请求使用唯一回复通道，同时仍通过真实业务路由发送请求，避免并发请求串线或列表不加载。
• 正确处理 Electron 导航过程中的 ERR_ABORTED 中间状态。
• 为共享加载视图增加窗口归属判断，旧窗口完成、隐藏或销毁时不会误关新窗口的加载层。

其他体验优化

• 调整终端左右竖向导航的宽度、直排文字和选中样式。
• 补充开发环境演示面板数据适配。
• 增加本地开发和打包产物忽略规则。

数据兼容

• 旧数据库启动时自动补齐面板排序字段，已有面板、终端和凭据不需要重新导入。
• 协议探测只更新确认可用的面板 URL，其余原有数据保持不变。

验证

• 前端生产构建通过。
• Vue SFC 与 SCSS 编译检查通过。
• Electron 控制器和设备探测模块通过 Node.js 语法检查。
• TCP 在线/离线、DNS 分类、设备与面板分层状态测试通过。
• 窗口创建握手、ERR_ABORTED 和并发加载层归属测试通过。
• IPC 请求路由及安装包内代码检查通过。
• Git whitespace 检查与 macOS ARM64 DMG 完整性校验通过。
• 项目现有 Sass 弃用和包体积提示仍存在，本次未引入新的构建错误。

[794308525]