# 选择面板重设计 · 样张（v1）

把底栏参数/模型的原生 <select> 下拉换成与设计语言一致的紧凑下拉。pill 本身不动，只改「点 ▾ 弹出的那个框」。光模式 · token-only · 密度优先。

短列表（比例）— 贴合内容、不留冗余

下拉宽度 = 最长选项宽度（width:max-content），行高 30px、选中打勾。没有原生下拉那种大块留白。

长列表（模型）— 徽标内嵌、超高滚动、仍紧凑

模型名左、模板/通用徽标右对齐；列表超 ~8 项才滚动（max-height 240）。与右键「添加节点」菜单同一套视觉。

### 对照：现状（原生 <select>）的问题

- 点开是 OS 原生下拉，字体/圆角/阴影/选中态全不受控，跟设计语言割裂。
- 原生选项行有系统留白，长列表/大屏上「框很大、冗余空间多」。
- 无法内嵌「模板/通用」徽标、价格、分组，能力受限。

实现备注（待确认后做）：复用设计系统已有的 popover 原语 / 仿右键 `NodeAddMenu` 视觉，做一个轻量受控下拉替换底栏所有原生 `<select>`（模型 + 各参数）。加新同 commit 删原生 select（P1）。键盘可达 + 贴边自动翻向（.up）。