mirror of
https://gitcode.com/JianFeeeee/HomeAgent.git
synced 2026-09-23 02:18:06 +00:00
f89e57a732
问题：阶段管道是「小圆点 + 一条连接线 + 9px 小字」，中断队列是五行 「名字 | 进度条 | 元数据」的扁条 —— 两块都远小于旁边的 KPI 框，中断队列四级 全为 0 时四行几乎全是空白，既占高度又难看。 改法：两块统一成同一套视觉语言 —— **等大表框**（与 KPI 同一种骨架）。 阶段管道（.rt-pipe-row / .rt-pipe-cell） - 5 个等大框，框内 = 图标 + 阶段名 + 本阶段本轮发生的事件 chip。 - 阶段名 9px/500 → 13.5px/700；图标 12px → 15px。 - 当前阶段整框点亮（accent 描边 + 淡底 + 内阴影），不再靠一个小圆点表意。 - 删掉圆点、连接线、滑块把手那套已死的 CSS（.rt-pipe-track/.rt-pipe-knob 等）。 中断队列（.rt-queues / .rt-qcell） - 五行扁条 → 5 个等大框（L4/L3/L2/L1 + 排队），一行排开。 - 框头级别名 16px/800、深度数字 26px/800（原来深度只是行末一个小数字）。 - 级别色同时用在框头、点亮格槽、有积压时的整框描边 —— 一处配色贯穿。 - 排队队列无级别，用虚线框与四级中断区分（另一**类别**，不是另一优先级）。 - 保留可见格槽：0 时也有形状，不会变回一片空白。 列宽自适应：两块共用 repeat(auto-fit, minmax(118px, 1fr))， 118px 而不是 150px 是为了让 640–740px 容器（窄屏侧栏收起后的宽度）也能 5 个框排一行，不出现「4 个 + 1 个」的孤行。chip 补 min-width:0 以免撑破窄框。 顺带清掉一条无用的旧 .rt-chip 规则（与新规则重名且只被阶段事件用到）。 实测（现网 CDP，1400/1100/900/700/480 五档）： - 1400/1100/700px：5 框一行（200px / 140px / 120px）；900/480px：换行且框仍等大 - 五档均无横向溢出 - 字号：阶段名 13.5px/700，级别 16px/800，深度 26px/800 - 注入一轮轨迹：输入=输入|行动=思考|工具=qq_get_message x3 qq*|输出=生成|结束=完成 - 注入 L3=3/排队=2：L3 描边 rgba(255,166,87,.55)、框头与点亮槽同为琥珀色； 排队绿框；空的 L4 保持默认描边（首次读到的默认色是 0.25s 过渡中途，非 bug） - chip 未溢出所在框；总览/侧栏/顶栏渲染文本无 emoji