参照 fl-clash：一张卡三行——名字、协议（策略组显示「类型(当前选中)」）、最近一次延迟。 延迟按 200/500 毫秒分三档着色，没测过就留空而不是显示 0。 这些数据配置文件里都没有，全部来自内核的 /proxies。 另外主区最大宽度从 960 提到 1600，去掉选中行的左侧高亮条。
设计基调定为：层次靠底色和一像素描边而不是投影，一屏最多两层容器，间距给足。 tokens.css 顶部写了这三条规则，后面的组件都是它们的推论。 入站列表把两套写法合并成一张表：老式顶层端口字段（mixed-port 这些）和 listeners 数组。 只画 listeners 的话，一台只用 mixed-port 的机器打开会是空板，而那个端口正在跑—— 这等于对用户撒谎。合并逻辑在 shared/inbounds.ts，带 10 个测试。 后端顺带能提供打包后的静态文件了，一个进程就能跑起来。
im0o
im0o
im0o
im0o