name	design-instructions
description	PromptFlow UI 设计规范。修改 UI 代码时，请先阅读对应页面的设计文件，遵守对应页面的设计规则。

PromptFlow 设计规范

根据你要修改的页面，选择对应的设计文件：

Shadow DOM 隔离 — 所有浮动 UI 使用 attachShadow({ mode: 'open' }) 实现样式隔离
事件冒泡 — 使用 capture 阶段监听器在 content.ts 中拦截 Shadow DOM 事件
键盘事件 — Escape 由 content.ts 全局处理；方向键和 Enter 由 React 组件内部处理
点击外部关闭 — 面板通过 content.ts 点击监听关闭；弹窗通过点击遮罩层关闭
原生 Setter — 设置 input/textarea 值时使用 Object.getOwnPropertyDescriptor(HTML*Element.prototype, 'value')!.set! 绕过框架拦截

name	design-instructions
description	PromptFlow UI 设计规范。修改 UI 代码时，请先阅读对应页面的设计文件，遵守对应页面的设计规则。

根据你要修改的页面，选择对应的设计文件：

Shadow DOM 隔离 — 所有浮动 UI 使用 attachShadow({ mode: 'open' }) 实现样式隔离
事件冒泡 — 使用 capture 阶段监听器在 content.ts 中拦截 Shadow DOM 事件
键盘事件 — Escape 由 content.ts 全局处理；方向键和 Enter 由 React 组件内部处理
点击外部关闭 — 面板通过 content.ts 点击监听关闭；弹窗通过点击遮罩层关闭
原生 Setter — 设置 input/textarea 值时使用 Object.getOwnPropertyDescriptor(HTML*Element.prototype, 'value')!.set! 绕过框架拦截

design-instructions