fix: 修复供应商管理弹窗交互问题

- 导入 TDesign react-19-adapter 修复 MessagePlugin 在 React 19 下的渲染错误
- Dialog 禁用蒙版点击和 ESC 键关闭，防止误操作丢失表单数据
- 重构弹窗关闭逻辑，使用 mutateAsync 替代 useEffect 监听 isSuccess
- 成功后自动关闭弹窗，失败后保持弹窗打开并显示错误提示

openspec/specs/frontend/spec.md

@@ -37,18 +37,23 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **WHEN** 用户点击"添加供应商"按钮
 - **THEN** 前端 SHALL 使用 TDesign Dialog + Form 显示输入表单
 - **THEN** 表单 SHALL 包含 id、name、api_key、base_url 字段，带校验规则
+- **THEN** Dialog SHALL 禁用蒙版点击关闭（closeOnOverlayClick={false}）
+- **THEN** Dialog SHALL 禁用 ESC 键关闭（closeOnEscKeydown={false}）
 - **WHEN** 用户提交包含有效数据的表单
-- **THEN** 前端 SHALL 通过 useMutation 调用创建 API
+- **THEN** 前端 SHALL 通过 mutateAsync 调用创建 API
 - **THEN** 成功后 SHALL 关闭 Dialog 并刷新供应商列表
-- **THEN** 失败 SHALL 显示错误提示
+- **THEN** 失败 SHALL 保持 Dialog 打开并显示错误提示（MessagePlugin.error）
 
 #### Scenario: 编辑现有供应商
 
 - **WHEN** 用户点击供应商的"编辑"按钮
 - **THEN** 前端 SHALL 使用 TDesign Dialog + Form 显示预填充数据的表单
+- **THEN** Dialog SHALL 禁用蒙版点击关闭（closeOnOverlayClick={false}）
+- **THEN** Dialog SHALL 禁用 ESC 键关闭（closeOnEscKeydown={false}）
 - **WHEN** 用户提交包含更新数据的表单
-- **THEN** 前端 SHALL 通过 useMutation 调用更新 API
+- **THEN** 前端 SHALL 通过 mutateAsync 调用更新 API
 - **THEN** 成功后 SHALL 关闭 Dialog 并刷新供应商列表
+- **THEN** 失败 SHALL 保持 Dialog 打开并显示错误提示（MessagePlugin.error）
 
 #### Scenario: 删除供应商
 
@@ -81,9 +86,12 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** provider_id SHALL 自动关联当前供应商
 - **THEN** 供应商选择 SHALL 使用 `options` 属性
 - **THEN** 创建表单 SHALL NOT 包含 ID 输入框（后端自动生成 UUID）
+- **THEN** Dialog SHALL 禁用蒙版点击关闭（closeOnOverlayClick={false}）
+- **THEN** Dialog SHALL 禁用 ESC 键关闭（closeOnEscKeydown={false}）
 - **WHEN** 用户提交表单
-- **THEN** 前端 SHALL 通过 useMutation 调用创建 API
-- **THEN** 成功后 SHALL 刷新模型列表
+- **THEN** 前端 SHALL 通过 mutateAsync 调用创建 API
+- **THEN** 成功后 SHALL 关闭 Dialog 并刷新模型列表
+- **THEN** 失败 SHALL 保持 Dialog 打开并显示错误提示（MessagePlugin.error）
 
 #### Scenario: 编辑模型
 
@@ -91,9 +99,12 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** 前端 SHALL 显示编辑表单
 - **THEN** 编辑表单 SHALL 显示统一模型 ID（只读）
 - **THEN** ID 字段 SHALL 为禁用状态
+- **THEN** Dialog SHALL 禁用蒙版点击关闭（closeOnOverlayClick={false}）
+- **THEN** Dialog SHALL 禁用 ESC 键关闭（closeOnEscKeydown={false}）
 - **WHEN** 用户提交表单
-- **THEN** 前端 SHALL 通过 useMutation 调用更新 API
-- **THEN** 成功后 SHALL 刷新模型列表
+- **THEN** 前端 SHALL 通过 mutateAsync 调用更新 API
+- **THEN** 成功后 SHALL 关闭 Dialog 并刷新模型列表
+- **THEN** 失败 SHALL 保持 Dialog 打开并显示错误提示（MessagePlugin.error）
 
 #### Scenario: 删除模型
 
@@ -333,6 +344,23 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **WHEN** 用户使用浏览器后退按钮
 - **THEN** 前端 SHALL 正确导航到上一个页面
 
+### Requirement: React 19 适配器
+
+前端 SHALL 导入 TDesign react-19-adapter 以支持 React 19。
+
+#### Scenario: 导入适配器
+
+- **WHEN** 应用启动
+- **THEN** main.tsx SHALL 导入 'tdesign-react/es/_util/react-19-adapter'
+- **THEN** MessagePlugin、DialogPlugin 等插件式调用 SHALL 正常工作
+
+#### Scenario: 错误提示显示
+
+- **WHEN** API 请求失败
+- **THEN** MessagePlugin.error SHALL 正确渲染错误提示
+- **THEN** 错误提示 SHALL 显示在页面顶部（placement: top）
+- **THEN** 错误提示 SHALL 在 3 秒后自动消失
+
 ### Requirement: 使用 React 和 TypeScript
 
 前端 SHALL 使用 React 和 TypeScript 实现，遵循 strict 模式。