1 miesiąc temu · 855ffda0d2
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,66 @@
 
															+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
														
 
															+
														
 
															+# dependencies
														
 
															+/node_modules
														
 
															+/.pnp
														
 
															+.pnp.js
														
 
															+
														
 
															+# testing
														
 
															+/coverage
														
 
															+
														
 
															+# next.js
														
 
															+/.next/
														
 
															+/out/
														
 
															+
														
 
															+# production
														
 
															+/build
														
 
															+
														
 
															+/.history
														
 
															+
														
 
															+# misc
														
 
															+.DS_Store
														
 
															+*.pem
														
 
															+
														
 
															+# debug
														
 
															+npm-debug.log*
														
 
															+yarn-debug.log*
														
 
															+yarn-error.log*
														
 
															+.pnpm-debug.log*
														
 
															+
														
 
															+# local env files
														
 
															+.env*.local
														
 
															+
														
 
															+# vercel
														
 
															+.vercel
														
 
															+
														
 
															+# typescript
														
 
															+*.tsbuildinfo
														
 
															+next-env.d.ts
														
 
															+
														
 
															+# npm
														
 
															+package-lock.json
														
 
															+
														
 
															+# yarn
														
 
															+.pnp.cjs
														
 
															+.pnp.loader.mjs
														
 
															+.yarn/
														
 
															+
														
 
															+.favorites.json
														
 
															+
														
 
															+# storybook
														
 
															+/storybook-static
														
 
															+*storybook.log
														
 
															+
														
 
															+# mise
														
 
															+mise.toml
														
 
															+
														
 
															+
														
 
															+# PWA generated files
														
 
															+public/sw.js
														
 
															+public/sw.js.map
														
 
															+public/workbox-*.js
														
 
															+public/workbox-*.js.map
														
 
															+public/fallback-*.js
														
 
															+
														
 
															+.vscode/settings.json
														
 
															+.vscode/mcp.json
														
--- a/chrome_test.png
+++ b/chrome_test.png
--- a/dist/assets/index--h7aYXM5.js
+++ b/dist/assets/index--h7aYXM5.js
--- a/dist/assets/index-1KOQHalf.js
+++ b/dist/assets/index-1KOQHalf.js
--- a/dist/assets/index-3zRr7rNx.css
+++ b/dist/assets/index-3zRr7rNx.css
--- a/dist/assets/index-5cH65p7j.css
+++ b/dist/assets/index-5cH65p7j.css
--- a/dist/assets/index-8Di7Vd4e.css
+++ b/dist/assets/index-8Di7Vd4e.css
--- a/dist/assets/index-B2AT6MuX.css
+++ b/dist/assets/index-B2AT6MuX.css
--- a/dist/assets/index-BBKpgKqS.css
+++ b/dist/assets/index-BBKpgKqS.css
--- a/dist/assets/index-BGJzR7bO.css
+++ b/dist/assets/index-BGJzR7bO.css
--- a/dist/assets/index-BRHPI7p1.js
+++ b/dist/assets/index-BRHPI7p1.js
--- a/dist/assets/index-BRbaVW_b.js
+++ b/dist/assets/index-BRbaVW_b.js
--- a/dist/assets/index-BVhdHt2u.css
+++ b/dist/assets/index-BVhdHt2u.css
--- a/dist/assets/index-BdwN_Cbc.js
+++ b/dist/assets/index-BdwN_Cbc.js
--- a/dist/assets/index-Bi1Dpv1n.css
+++ b/dist/assets/index-Bi1Dpv1n.css
--- a/dist/assets/index-Bx-HZr9X.css
+++ b/dist/assets/index-Bx-HZr9X.css
--- a/dist/assets/index-C0jXhULb.js
+++ b/dist/assets/index-C0jXhULb.js
--- a/dist/assets/index-C3grXTKS.js
+++ b/dist/assets/index-C3grXTKS.js
--- a/dist/assets/index-C7BLZE9n.js
+++ b/dist/assets/index-C7BLZE9n.js
--- a/dist/assets/index-CCN1RHtp.js
+++ b/dist/assets/index-CCN1RHtp.js
--- a/dist/assets/index-CCUDalut.css
+++ b/dist/assets/index-CCUDalut.css
--- a/dist/assets/index-CCk14gi3.css
+++ b/dist/assets/index-CCk14gi3.css
--- a/dist/assets/index-CE4Hxv09.js
+++ b/dist/assets/index-CE4Hxv09.js
--- a/dist/assets/index-CJNDpFq6.css
+++ b/dist/assets/index-CJNDpFq6.css
--- a/dist/assets/index-CRZ6KAUU.js
+++ b/dist/assets/index-CRZ6KAUU.js
--- a/dist/assets/index-CZPKjmNq.js
+++ b/dist/assets/index-CZPKjmNq.js
--- a/dist/assets/index-C_tRo6pe.js
+++ b/dist/assets/index-C_tRo6pe.js
--- a/dist/assets/index-Cb8WaEKa.css
+++ b/dist/assets/index-Cb8WaEKa.css
--- a/dist/assets/index-Cg6emnox.js
+++ b/dist/assets/index-Cg6emnox.js
--- a/dist/assets/index-CgifawpR.js
+++ b/dist/assets/index-CgifawpR.js
--- a/dist/assets/index-Ckk64mV8.js
+++ b/dist/assets/index-Ckk64mV8.js
--- a/dist/assets/index-DCmS4cHY.js
+++ b/dist/assets/index-DCmS4cHY.js
--- a/dist/assets/index-DJ6irjXJ.js
+++ b/dist/assets/index-DJ6irjXJ.js
--- a/dist/assets/index-DLlXY2H8.js
+++ b/dist/assets/index-DLlXY2H8.js
--- a/dist/assets/index-DVBZLYJi.js
+++ b/dist/assets/index-DVBZLYJi.js
--- a/dist/assets/index-DYgxE38B.js
+++ b/dist/assets/index-DYgxE38B.js
--- a/dist/assets/index-DfNTy5j_.css
+++ b/dist/assets/index-DfNTy5j_.css
--- a/dist/assets/index-Dk-3_q1f.css
+++ b/dist/assets/index-Dk-3_q1f.css
--- a/dist/assets/index-PqjZUx8o.css
+++ b/dist/assets/index-PqjZUx8o.css
--- a/dist/assets/index-V83SpqLc.js
+++ b/dist/assets/index-V83SpqLc.js
--- a/dist/assets/index-WI8pZzOl.css
+++ b/dist/assets/index-WI8pZzOl.css
--- a/dist/assets/index-YXzlYvWE.js
+++ b/dist/assets/index-YXzlYvWE.js
--- a/dist/assets/index-iqYcRzNm.css
+++ b/dist/assets/index-iqYcRzNm.css
--- a/dist/assets/index-mmoUBvDp.css
+++ b/dist/assets/index-mmoUBvDp.css
--- a/dist/assets/index-wLd-DUm_.css
+++ b/dist/assets/index-wLd-DUm_.css
--- a/dist/assets/pdf-CGMCCvRt.svg
+++ b/dist/assets/pdf-CGMCCvRt.svg
--- a/dist/assets/word-C1pNX1hL.svg
+++ b/dist/assets/word-C1pNX1hL.svg
--- a/dist/index.html
+++ b/dist/index.html
@@ -0,0 +1,14 @@
 
															+<!doctype html>
														
 
															+<html lang="zh-CN">
														
 
															+  <head>
														
 
															+    <meta charset="UTF-8" />
														
 
															+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
														
 
															+    <title>智能体使用平台</title>
														
 
															+    <script type="module" crossorigin src="/assets/index-BRbaVW_b.js"></script>
														
 
															+    <link rel="stylesheet" crossorigin href="/assets/index-CCUDalut.css">
														
 
															+  </head>
														
 
															+  <body>
														
 
															+    <div id="root"></div>
														
 
															+  </body>
														
 
															+</html>
														
--- a/dist/logo.png
+++ b/dist/logo.png
--- a/docs/chat-messages.txt
+++ b/docs/chat-messages.txt
--- a/docs/token运营平台技术文档.md
+++ b/docs/token运营平台技术文档.md
@@ -0,0 +1,193 @@
 
															+
														
 
															+---
														
 
															+
														
 
															+# Token运营平台技术方案（基于New API改造）
														
 
															+
														
 
															+## 1. 方案定位与设计原则
														
 
															+
														
 
															+本次建设基于开源New API项目进行深度改造，目标是在最短周期内构建一个具备生产级能力的Token运营平台。整体设计遵循以下原则：
														
 
															+
														
 
															+- **复用优先，适度改造**：充分利用New API已有的通道管理、API Key生成、调用路由等核心能力，避免重复造轮子，仅对不足部分进行增强替换。
														
 
															+- **多租户隔离内置**：从设计之初将企业租户、部门、角色的多级隔离体系融入权限与数据链路，而非后期外挂。
														
 
															+- **运营与数据并重**：平台不仅满足调用、管控、计费等运营闭环，同时将数据埋点、合规标识、回流接口作为一等公民设计，为后续数据集治理奠定基础。
														
 
															+- **可观测与可审计**：全链路调用日志、操作审计日志、费用明细三者联动，确保每一笔Token消耗和每一次配置变更均可追溯。
														
 
															+- **平滑演进**：预留私有化模型接入、数据集系统对接、更多计费策略等扩展点，支撑后续从V1.0到V2.0的迭代。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 2. 整体技术架构
														
 
															+
														
 
															+### 2.1 架构分层
														
 
															+
														
 
															+平台采用分层架构，各层职责清晰、依赖单向，便于独立迭代与横向扩展：
														
 
															+
														
 
															+| 层级 | 说明 |
														
 
															+|---|---|
														
 
															+| **接入层** | 对外提供统一HTTP API（兼容OpenAI格式），对内负责鉴权、限流、路由转发至对应模型通道 |
														
 
															+| **业务服务层** | 承载核心业务逻辑，包括模型管理、定价计算、配额校验、费用核算、日志记录、埋点采集等 |
														
 
															+| **权限控制层** | 基于RBAC+租户隔离的权限模型，贯穿所有业务操作，控制数据可见性与操作边界 |
														
 
															+| **数据访问层** | 对数据库、缓存、消息队列的统一抽象，提供分库分表、读写分离的能力基础 |
														
 
															+| **基础设施层** | 底层存储（关系型数据库、时序数据库、对象存储）、缓存（Redis）、消息中间件、容器运行环境 |
														
 
															+
														
 
															+### 2.2 逻辑架构视图
														
 
															+
														
 
															+- **管理端**：面向平台超级管理员、运营管理员，提供渠道、模型、租户、全局看板等管理功能。
														
 
															+- **企业端/用户端**：面向企业租户管理员及普通员工，提供本企业/个人维度的用户管理、API Key管理、用量查看、看板等功能。
														
 
															+- **核心调度引擎**：基于New API改造的模型路由与负载均衡模块，负责多通道Key轮询、优先级调度、故障自动剔除与恢复。
														
 
															+- **数据埋点与回流模块**：与主业务流程解耦，采用异步方式记录全场景字段，并通过预留接口供数据集系统拉取。
														
 
															+
														
 
															+### 2.3 部署架构
														
 
															+
														
 
															+- 采用容器化部署（Kubernetes），支持水平弹性扩缩容。
														
 
															+- 微服务拆分：将权限、计费、日志等相对独立的能力沉淀为独立服务，便于复用。
														
 
															+- 多环境隔离：开发、测试、预发布、生产环境独立部署，配置分离。
														
 
															+- 数据存储：业务库使用MySQL（分库分表），日志与调用明细使用ClickHouse或ElasticSearch以支撑高效检索与聚合。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 3. 核心模块划分与职责
														
 
															+
														
 
															+| 模块 | 职责 | 与New API的关系 |
														
 
															+|---|---|---|
														
 
															+| **渠道接入与调度模块** | 管理模型厂商通道配置、API Key池、轮询策略、优先级、熔断降级；兼容DeepSeek、通义、智谱、文心等主流厂商，预留私有化接入点 | **重度改造**：New API已有基础，但需增加健康检查、自动禁用恢复、权重调度等能力 |
														
 
															+| **模型定价与计费模块** | 维护模型元数据（版本、上下文窗口）、全局基准单价；根据实际调用Token量实时计算费用，支持多维度费用汇总 | **新增**：New API无此能力 |
														
 
															+| **多租户与权限管控模块** | 实现平台级、企业级、个人级三层权限隔离；控制菜单可见性、数据行级过滤、操作能力边界 | **新增**：需从零构建完整的RBAC+租户体系 |
														
 
															+| **企业管理模块** | 管理企业资质、部门结构、员工账号；支持批量导入、状态冻结/启用、密码重置等操作 | **新增** |
														
 
															+| **API Key全生命周期管理** | 支持用户创建、配额限制、模型白名单、过期时间、密钥脱敏展示、禁用/启用等管理能力 | **增强**：New API支持基础Key生成，需新增配额、模型限制、脱敏等能力 |
														
 
															+| **调用日志与审计模块** | 记录每次调用的完整上下文（时间、用户、模型、Token、费用、状态、响应时长等），同时记录后台所有配置变更操作日志 | **新增**：New API仅有简单日志 |
														
 
															+| **统计分析看板** | 提供全局、企业、个人多层级看板，聚合展示调用量、Token消耗、费用趋势、热门模型、异常分布等关键指标 | **新增** |
														
 
															+| **数据集埋点与回流接口模块** | 在调用链路中采集完整上下文信息（业务来源、知识引用、文件、问数、用户反馈等），落库并预留数据集拉取接口 | **新增** |
														
 
															+| **数据合规标记模块** | 对每条调用记录标注敏感级别、是否脱敏、是否可入库、是否可训练、是否可导出等合规标签 | **新增** |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 4. 权限体系设计
														
 
															+
														
 
															+权限体系采用 **“平台 — 企业 — 个人”** 三层模型，结合角色赋予操作权限，通过数据行级权限控制实现严格的租户隔离。
														
 
															+
														
 
															+### 4.1 角色定义
														
 
															+
														
 
															+| 角色 | 权限范围 | 数据范围 |
														
 
															+|---|---|---|
														
 
															+| 平台超级管理员 | 全功能操作（渠道、模型、租户、用户、全部看板、全部日志） | 全平台数据 |
														
 
															+| 平台运营管理员 | 仅全局查看（看板、日志、数据集回流配置），无增删改操作 | 全平台数据（只读） |
														
 
															+| 企业租户管理员 | 本企业内用户管理、API Key管理、本企业用量查看、企业内部日志 | 仅限所属企业数据 |
														
 
															+| 普通员工 | 个人API Key管理、个人用量查看、个人调用日志 | 仅限本人数据 |
														
 
															+
														
 
															+### 4.2 权限控制方式
														
 
															+
														
 
															+- **功能权限**：基于角色+菜单/按钮资源配置，前端控制展示，后端强制校验。
														
 
															+- **数据权限**：所有查询接口自动追加租户过滤条件（企业ID/部门ID/用户ID），确保跨租户数据不可见。
														
 
															+- **接口鉴权**：后台管理接口采用JWT+RBAC，API调用采用API Key+配额/模型策略校验。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 5. 数据模型与数据链路设计
														
 
															+
														
 
															+### 5.1 核心实体关系
														
 
															+
														
 
															+- **租户维度**：企业（租户） → 部门 → 员工（用户）
														
 
															+- **权限维度**：用户 → 角色 → 权限（功能+数据范围）
														
 
															+- **调用维度**：API Key → 调用记录 → Token消耗明细 → 费用明细
														
 
															+- **模型维度**：渠道 → 模型 → 定价策略
														
 
															+- **埋点维度**：调用记录（1） → 扩展埋点信息（业务场景、知识引用、文件、问数、用户反馈等）
														
 
															+
														
 
															+### 5.2 数据流转链路
														
 
															+
														
 
															+```mermaid
														
 
															+flowchart LR
														
 
															+    A[用户发起调用] --> B[API Key鉴权&配额校验]
														
 
															+    B --> C[模型路由与负载均衡]
														
 
															+    C --> D[调用上游模型通道]
														
 
															+    D --> E[返回结果&Token计费]
														
 
															+    E --> F[同步写入调用日志]
														
 
															+    F --> G[异步写入埋点明细]
														
 
															+    G --> H[实时统计聚合]
														
 
															+    F --> I[审计日志记录]
														
 
															+    H --> J[看板展示]
														
 
															+    G --> K[预留数据集回流接口]
														
 
															+    K --> L[数据集系统采集]
														
 
															+```
														
 
															+
														
 
															+### 5.3 数据分层存储策略
														
 
															+
														
 
															+| 数据类型 | 存储方案 | 说明 |
														
 
															+|---|---|---|
														
 
															+| 核心业务数据（企业、用户、模型、定价、API Key） | MySQL（分库分表） | 强一致性要求，事务性操作 |
														
 
															+| 调用日志与埋点明细 | ClickHouse / ElasticSearch | 海量写入，高效时序查询与全文检索 |
														
 
															+| 运营看板聚合数据 | Redis缓存 + 定时物化视图 | 提升大屏展示与高频查询性能 |
														
 
															+| 操作审计日志 | MySQL + 归档 | 合规保留，支持长期审计 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 6. 关键流程设计
														
 
															+
														
 
															+### 6.1 模型调用流程（含埋点）
														
 
															+
														
 
															+1. 用户通过API Key发起请求，网关层拦截并解析请求。
														
 
															+2. 校验API Key有效性、配额剩余、模型白名单、过期时间。
														
 
															+3. 根据请求模型匹配对应渠道，按照轮询/优先级策略选取可用通道Key。
														
 
															+4. 转发请求至上游模型厂商，记录开始时间。
														
 
															+5. 接收响应后计算输入/输出Token数量，依据定价策略核算费用。
														
 
															+6. 同步记录调用日志（基础字段），异步写入埋点明细（业务上下文、引用、文件、反馈等）。
														
 
															+7. 更新用户配额与费用汇总数据。
														
 
															+8. 若调用失败，触发重试或故障剔除策略，并记录错误码。
														
 
															+
														
 
															+### 6.2 配额与费用核算流程
														
 
															+
														
 
															+- **实时扣减**：每次调用成功后实时扣减用户配额（按企业/个人配置），并记录流水。
														
 
															+- **定时汇总**：每日定时任务按企业、部门、用户、模型维度汇总Token消耗与费用，生成对账报表。
														
 
															+- **预警机制**：当配额剩余低于阈值时，支持配置告警通知。
														
 
															+
														
 
															+### 6.3 数据集埋点采集流程
														
 
															+
														
 
															+- **异步解耦**：调用结束后，将埋点数据发送至消息队列（Kafka/RocketMQ），由独立消费者处理写入，不阻塞主调用链路。
														
 
															+- **合规标记**：在写入埋点数据时，根据配置规则自动添加合规标识（敏感级别、是否可入库、是否可用于训练等）。
														
 
															+- **接口预留**：提供标准HTTP接口供数据集系统按时间范围拉取增量埋点数据，支持分页与断点续传。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 7. 技术选型建议
														
 
															+
														
 
															+| 组件 | 选型建议 | 理由 |
														
 
															+|---|---|---|
														
 
															+| 后端框架 | Go（推荐）或Java Spring Boot | New API原为Go实现，若团队对Go熟练可保持技术栈一致；若Java生态更成熟可迁移至Spring Boot |
														
 
															+| 数据库 | MySQL（业务主库）+ TiDB（可选） | 支持分库分表，满足租户数据隔离与扩展 |
														
 
															+| 日志/时序存储 | ClickHouse / ElasticSearch | 支持海量日志写入与快速聚合查询 |
														
 
															+| 缓存 | Redis | 缓存定价配置、配额、渠道Key池，提升调用性能 |
														
 
															+| 消息队列 | Kafka / RocketMQ | 解耦埋点写入，保证削峰填谷 |
														
 
															+| 部署编排 | Kubernetes + Istio（可选） | 支持弹性伸缩、灰度发布与服务治理 |
														
 
															+| 监控告警 | Prometheus + Grafana | 监控平台运行状态与调用SLA |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 8. 扩展性设计
														
 
															+
														
 
															+- **模型接入扩展**：渠道管理采用可插拔适配器模式，新增厂商仅需实现标准接口，无需改动核心调度逻辑。
														
 
															+- **计费策略扩展**：预留多套定价模型接口（如按模型、按时段、按企业协议价），支持后续灵活切换。
														
 
															+- **数据集回流扩展**：接口设计遵循分页+增量时间戳模式，支持后续切换为消息推送或Binlog同步方式。
														
 
															+- **国际化扩展**：预留多语言资源配置，支持后续国际化部署。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 9. 非功能性设计考量
														
 
															+
														
 
															+| 维度 | 设计措施 |
														
 
															+|---|---|
														
 
															+| **性能** | 调用链路关键环节使用缓存；日志/埋点异步写入；数据库读写分离；支持水平扩容 |
														
 
															+| **可用性** | 核心服务多实例部署；下游模型通道故障自动剔除与恢复；关键数据定期备份 |
														
 
															+| **安全性** | API Key脱敏展示；传输层TLS加密；敏感日志脱敏存储；操作审计全记录 |
														
 
															+| **可维护性** | 统一日志规范；全链路Trace ID贯穿；模块化设计便于独立升级 |
														
 
															+| **数据合规** | 内置合规标识体系；支持数据导出审批流程；满足数据分级分类管理要求 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 10. 分阶段演进策略
														
 
															+
														
 
															+| 阶段 | 重点目标 |
														
 
															+|---|---|
														
 
															+| V1.0（当前） | 基于New API改造完成平台核心运营能力、权限体系、埋点规范与回流接口预留，满足内部试用与对外演示 |
														
 
															+| V1.1（后续） | 增强数据集采集能力，对接数据集系统的清洗、脱敏、标注、入库流水线，实现自动化数据沉淀 |
														
 
															+| V2.0（远期） | 引入更多模型计费策略、智能路由（基于成本/延迟/质量）、企业级SLA保障、开放API网关能力 |
														
 
															+
														
 
															+---
														
--- a/docs/xx.md
+++ b/docs/xx.md
@@ -0,0 +1,333 @@
 
															+# 企业内部统一Token运营分发平台技术选型方案
														
 
															+
														
 
															+## 一、选型背景与目标
														
 
															+
														
 
															+### 1.1 业务痛点
														
 
															+
														
 
															+集团各事业部独立持有文心、通义、OpenAI、Claude等多厂商大模型API密钥，存在以下治理问题：
														
 
															+
														
 
															+| 序号 | 痛点 | 影响程度 |
														
 
															+|------|------|----------|
														
 
															+| 1 | 密钥分散存储，无统一托管与回收机制 | 严重 |
														
 
															+| 2 | 无标准化内部子Token分发，权限/额度无法按部门隔离 | 严重 |
														
 
															+| 3 | 单机工具无法承载万级QPS并发 | 高危 |
														
 
															+| 4 | 无调用日志、用量统计、审计溯源 | 高危 |
														
 
															+| 5 | 开源工具存在停更、适配滞后风险 | 中等 |
														
 
															+
														
 
															+### 1.2 硬性约束条件
														
 
															+
														
 
															+| 编号 | 约束项 | 说明 |
														
 
															+|------|--------|------|
														
 
															+| H1 | 源码完全开放 | 支持企业私有化深度二次开发 |
														
 
															+| H2 | 核心定位 | Token集中管理、内部子Token分发运营 |
														
 
															+| H3 | 分布式集群扩展 | 具备支撑集团大规模业务的扩展潜力 |
														
 
															+| H4 | 社区可持续维护 | 规避长期无人迭代风险 |
														
 
															+
														
 
															+### 1.3 建设目标
														
 
															+
														
 
															+1. **统一密钥托管**：全厂商API Key集中收纳、加密存储、分级权限管控
														
 
															+2. **标准化Token分发**：子Token支持配额、时效、IP、模型权限精细化管控
														
 
															+3. **分布式高可用底座**：多实例水平扩容，支撑集团全业务并发调用
														
 
															+4. **全链路流量治理**：负载均衡、故障切换、限流熔断、重试降级
														
 
															+5. **合规可观测体系**：调用日志、操作审计、用量报表、异常告警
														
 
															+6. **可定制扩展**：对接LDAP/SSO、成本核算、审批流等
														
 
															+7. **长期可持续迭代**：依托活跃开源社区，减少重复造轮子
														
 
															+
														
 
															+## 二、候选方案横向对比总览
														
 
															+
														
 
															+### 2.1 五方案综合能力评分矩阵
														
 
															+
														
 
															+| 评估维度（权重） | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|------------------|--------|---------|---------|----------------|------|
														
 
															+| **技术架构合理性(15%)** | ★★★ | ★★★★★ | ★★ | ★★★★ | ★★★★★ |
														
 
															+| **源码与二次开发(15%)** | ★★★★ | ★★★★★ | ★★★ | ★★★ | ★★★★★ |
														
 
															+| **Token运营能力(15%)** | ★★★★★ | ★★★ | ★★★★ | ★★★★ | ★★★★★ |
														
 
															+| **分布式集群能力(15%)** | ★★ | ★★★★★ | ★ | ★★★ | ★★★★★ |
														
 
															+| **社区活跃度(10%)** | ★★★★★ | ★★★★★ | ★★ | ★★ | — |
														
 
															+| **大模型适配(10%)** | ★★★★★ | ★★★★ | ★★★ | ★★★ | ★★★★★ |
														
 
															+| **流量治理(10%)** | ★★★ | ★★★★★ | ★★ | ★★★ | ★★★★★ |
														
 
															+| **可观测与审计(10%)** | ★★★ | ★★★★★ | ★★ | ★★★ | ★★★★★ |
														
 
															+| **综合得分** | **3.8** | **4.7** | **2.4** | **3.1** | **4.9** |
														
 
															+
														
 
															+> ⭐ 评分说明：1=严重缺陷，2=不足，3=达标，4=良好，5=优秀
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 三、分维度逐项对比详情
														
 
															+
														
 
															+### 3.1 技术架构
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **架构模式** | 单体一体化 | 分层解耦云原生 | 单体一体化 | 分层分离架构 | 完全自定义 |
														
 
															+| **网关与后台耦合度** | 高耦合 | 完全解耦 | 高耦合 | 完全解耦 | 按需设计 |
														
 
															+| **状态设计** | 有状态（需改造） | 完全无状态 | 有状态 | 网关无状态 | 按需设计 |
														
 
															+| **配置同步机制** | 依赖Redis改造 | Redis原生支持 | 无 | Redis基础支持 | 按需设计 |
														
 
															+| **K8s原生适配** | 需改造 | 天然适配 | 不支持 | 缺少官方模板 | 按需设计 |
														
 
															+| **架构评分** | ★★★ | ★★★★★ | ★★ | ★★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **LiteLLM**采用云原生分层解耦架构，网关完全无状态，配置/配额统一托管Redis，天然适配K8s弹性伸缩，架构最成熟。
														
 
															+- **NewAPI**为单体一体化架构，虽可改造为集群部署，但网关与后台共用资源，高并发下管理操作挤占转发资源。
														
 
															+- **LLMProxy-Admin**架构设计合理（网关与后台分离），但工程实现缺少成熟集群方案。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.2 开发语言与技术栈
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **后端语言** | Go | Python（异步IO） | Go | Go | Go/Java自由选 |
														
 
															+| **前端框架** | Vue | 无（API Only） | Vue | Vue | Vue/React自由选 |
														
 
															+| **部署方式** | 单文件二进制 | 容器化优先 | 单文件二进制 | 单文件二进制 | 按需选型 |
														
 
															+| **性能特点** | 内存占用低 | 异步高性能 | 内存占用低 | 轻量高效 | 按需设计 |
														
 
															+| **技术评分** | ★★★★ | ★★★ | ★★★★ | ★★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- NewAPI/Sub2API/LLMProxy-Admin均采用Go+Vue组合，编译型语言性能稳定，部署简单。
														
 
															+- LiteLLM采用Python异步IO架构，生态丰富、插件化扩展能力强，但运行环境依赖容器化。
														
 
															+- 自研方案技术栈自由，但需企业自行承担技术选型与基建成本。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.3 源码开放性与二次开发
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **开源协议** | MIT | MIT | MIT | MIT | 100%自有 |
														
 
															+| **源码完整度** | 完整开放 | 完整开放 | 完整开放 | 完整开放 | — |
														
 
															+| **代码分层设计** | 中等（耦合较重） | 优秀（插件化） | 较差（高耦合） | 中等（文档少） | 完全可控 |
														
 
															+| **扩展改造成本** | 中等 | 低（插件机制） | 高 | 较高 | 自主可控 |
														
 
															+| **企业定制扩展点** | 渠道/配额/前端 | 全插件接口 | 计费/账单模块 | 需深度读源码 | 无限 |
														
 
															+| **二次开发评分** | ★★★★ | ★★★★★ | ★★★ | ★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **LiteLLM**插件化架构为最大优势，鉴权、路由、计量、缓存全部标准化接口，自定义逻辑不修改底层核心，上游版本升级冲突风险最低。
														
 
															+- **NewAPI**代码结构清晰、国内开发者熟悉度高，但单体耦合严重，拆分网关需大规模重构。
														
 
															+- **Sub2API**大量代码围绕付费计费逻辑，内部免费场景下冗余模块删减困难。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.4 核心Token运营能力（硬性约束H2）
														
 
															+
														
 
															+| 功能项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **原始密钥批量导入/托管** | ✅ 完善 | ✅ API方式 | ✅ 基础 | ✅ 基础 | ✅ 自定义 |
														
 
															+| **子Token创建与配额管理** | ✅ 日/月额度 | ✅ 多维度限制 | ✅ 基础 | ✅ 基础 | ✅ 自定义 |
														
 
															+| **模型黑白名单控制** | ✅ | ✅ | 部分 | 部分 | ✅ |
														
 
															+| **IP白名单/时效管控** | ✅ | ✅ | ✅ | ✅ | ✅ |
														
 
															+| **可视化运营后台** | ✅ 开箱即用 | ❌ 无（需自建） | ✅ 内置 | ✅ 内置 | ✅ 自定义 |
														
 
															+| **租户/部门资源隔离** | ✅ 分组管理 | ✅ 租户隔离 | 粒度粗 | 功能缺失 | ✅ 自定义 |
														
 
															+| **国产多模型分组管理** | ✅ 最完善 | 部分滞后 | 弱 | 基础 | ✅ 自定义 |
														
 
															+| **内置成本分摊/账单** | 基础用量 | ❌ | ✅ 完善 | ❌ | ✅ 自定义 |
														
 
															+| **运营能力评分** | ★★★★★ | ★★★ | ★★★★ | ★★★★ | ★★★★★ |
														
 
															+
														
 
															+**关键差异**：
														
 
															+- **NewAPI**开箱即用完整运营后台，是唯一无需前端开发即可完成日常密钥运维的方案。
														
 
															+- **LiteLLM**底层能力完备，但所有操作需通过API调用，可视化运营需全栈二次开发，人力投入最大。
														
 
															+- **Sub2API**内置账单模块适合付费场景，但对内部免费分发场景冗余功能过多。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.5 分布式集群扩展能力（硬性约束H3）
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **原生分布式支持** | ❌ 需改造 | ✅ 原生设计 | ❌ 无 | 架构支持但工程弱 | ✅ 自主设计 |
														
 
															+| **多实例数据一致性** | 需Redis改造 | Redis统一托管 | 无机制 | Redis基础实现 | 自主实现 |
														
 
															+| **网关独立弹性伸缩** | 不支持 | ✅ 无状态独立扩缩 | 不支持 | 理论可行 | ✅ |
														
 
															+| **K8s HPA自动扩缩** | 需改造 | ✅ 原生支持 | 不支持 | 无官方模板 | 自主实现 |
														
 
															+| **跨机房多集群部署** | 困难 | ✅ 原生支持 | 不支持 | 未验证 | 自主实现 |
														
 
															+| **日均调用支撑上限** | 数万级 | 百万级以上 | 单机万级 | 数万级 | 不限 |
														
 
															+| **分布式评分** | ★★ | ★★★★★ | ★ | ★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **LiteLLM**分布式能力最优，转发服务无状态、Redis全局统一配额，支持K8s HPA自动弹性，百万级日调用无瓶颈。
														
 
															+- **NewAPI**单体架构先天限制，多实例需依赖Redis改造共享配置，且网关与后台耦合，无法独立弹性伸缩。
														
 
															+- **Sub2API**完全不适合分布式集群场景，多节点并发会出现额度重复扣减、路由不一致。
														
 
															+- **LLMProxy-Admin**架构合理但实现不成熟，高并发下存在同步延迟问题，生产级大规模案例极少。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.6 社区活跃度与可持续维护（硬性约束H4）
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| **项目维护模式** | 数十位贡献者 | 商业公司+全球社区 | 单人维护 | 单人独立维护 | 内部团队 |
														
 
															+| **代码提交频率** | 每周稳定提交 | 每日提交 | 间歇性 | 数月无更新 | 自主掌控 |
														
 
															+| **版本发布节奏** | 月度固定Release | 规划清晰Roadmap | 无固定节奏 | 无固定节奏 | 自主规划 |
														
 
															+| **Issue响应速度** | 快 | 极快 | 长期积压 | 慢 | 自主处理 |
														
 
															+| **国产模型适配速度** | 国内最快 | 海外优先，国内滞后 | 缓慢 | 缓慢 | 自主可控 |
														
 
															+| **企业落地案例** | 大量国内企业 | 全球大厂 | 少量创业团队 | 极少 | — |
														
 
															+| **社区评分** | ★★★★★ | ★★★★★ | ★★ | ★★ | — |
														
 
															+
														
 
															+**风险结论**：
														
 
															+- **NewAPI**与**LiteLLM**均为高活跃项目，不存在单人维护风险，长期可持续迭代有保障。
														
 
															+- **Sub2API**与**LLMProxy-Admin**为单人维护，Issue长期积压，Bug修复周期长，集团级生产环境落地风险极高。
														
 
															+- **自研**无外部依赖，但迭代节奏完全依赖内部研发资源投入。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.7 大模型厂商适配
														
 
															+
														
 
															+| 厂商/模型 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|-----------|--------|---------|---------|----------------|------|
														
 
															+| OpenAI | ✅ 完整 | ✅ 最完善 | ✅ 优先适配 | ✅ 基础 | ✅ |
														
 
															+| Claude/Anthropic | ✅ | ✅ 最完善 | 部分 | 部分 | ✅ |
														
 
															+| Gemini/Google | ✅ | ✅ 完整 | 部分 | 部分 | ✅ |
														
 
															+| Azure OpenAI | ✅ | ✅ 完整 | 部分 | 部分 | ✅ |
														
 
															+| 文心一言 | ✅ 第一梯队 | 适配滞后 | 覆盖不全 | 基础 | ✅ |
														
 
															+| 通义千问 | ✅ 第一梯队 | 适配滞后 | 覆盖不全 | 基础 | ✅ |
														
 
															+| 讯飞星火 | ✅ 第一梯队 | 适配滞后 | 覆盖不全 | 基础 | ✅ |
														
 
															+| 智谱/ChatGLM | ✅ 第一梯队 | 适配滞后 | 覆盖不全 | 基础 | ✅ |
														
 
															+| DeepSeek | ✅ | 适配滞后 | — | — | ✅ |
														
 
															+| MiniMax | ✅ | 适配滞后 | — | — | ✅ |
														
 
															+| 本地私有化模型 | 需二开 | 需插件开发 | 不支持 | 不支持 | ✅ |
														
 
															+| **适配评分** | ★★★★★ | ★★★★ | ★★★ | ★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **NewAPI**国产模型适配能力最强，国内厂商新接口第一时间跟进，社区插件丰富。
														
 
															+- **LiteLLM**海外模型生态最完善，但国内小众模型适配滞后，中文本地化能力弱，需自行编写适配插件。
														
 
															+- **自研**可快速对接企业私有化本地大模型集群，响应速度完全可控。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.8 流量治理能力
														
 
															+
														
 
															+| 治理能力 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|----------|--------|---------|---------|----------------|------|
														
 
															+| 多密钥轮询/权重负载 | ✅ | ✅ | ✅ | ✅ | ✅ |
														
 
															+| 渠道故障自动剔除 | ✅ | ✅ | 基础 | 基础 | ✅ |
														
 
															+| 单次失败重试 | ✅ | ✅ | ✅ | ✅ | ✅ |
														
 
															+| **分布式全局限流** | ❌ | ✅ 原生支持 | ❌ | 基础实现 | ✅ |
														
 
															+| **多级熔断降级** | ❌ | ✅ 完善 | ❌ | ❌ | ✅ |
														
 
															+| **灰度路由/流量染色** | ❌ | ✅ | ❌ | ❌ | ✅ |
														
 
															+| **KV缓存加速** | ❌ | ✅ | ❌ | ❌ | ✅ |
														
 
															+| **超时自适应降级** | ❌ | ✅ | ❌ | ❌ | ✅ |
														
 
															+| **治理评分** | ★★★ | ★★★★★ | ★★ | ★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **LiteLLM**提供企业级完整流量治理体系，分布式限流基于Redis计数器，多节点额度不超额，灰度路由、流量染色等能力完备。
														
 
															+- **NewAPI**仅内置单机级基础治理能力，无分布式全局限流、多级熔断等高阶能力。
														
 
															+- 自研方案全部能力需自主开发，但可按需叠加任意治理策略。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 3.9 可观测与审计合规
														
 
															+
														
 
															+| 对比项 | NewAPI | LiteLLM | Sub2API | LLMProxy-Admin | 自研 |
														
 
															+|--------|--------|---------|---------|----------------|------|
														
 
															+| 调用日志 | 基础日志 | 全链路结构化 | 简陋 | 简单日志 | 自定义 |
														
 
															+| 用量统计 | 基础统计 | 多维度计量 | 账单为主 | 基础报表 | 自定义 |
														
 
															+| **OTel链路追踪** | ❌ | ✅ 原生支持 | ❌ | ❌ | ✅ 可集成 |
														
 
															+| **Prometheus监控** | ❌ 需二开 | ✅ 原生暴露 | ❌ | ❌ | ✅ 可集成 |
														
 
															+| **操作审计留痕** | 简单记录 | 完整审计字段 | 缺失 | 不足 | 自定义 |
														
 
															+| **ELK对接能力** | 需二开 | ✅ 结构化输出 | 困难 | 困难 | 自定义 |
														
 
															+| **告警推送** | 无原生 | ✅ 自定义钩子 | 无 | 无 | 自定义 |
														
 
															+| **等保合规** | 需补充开发 | 少量补充 | 不满足 | 不满足 | 完全贴合 |
														
 
															+| **观测评分** | ★★★ | ★★★★★ | ★★ | ★★★ | ★★★★★ |
														
 
															+
														
 
															+**分析**：
														
 
															+- **LiteLLM**原生支持OTel、Prometheus标准接口，全链路日志结构化输出，可直接对接ELK，审计字段完整。
														
 
															+- **NewAPI**基础功能具备，但需二次开发对接企业监控体系，无标准化指标暴露接口。
														
 
															+- Sub2API/LLMProxy-Admin合规能力严重不足，无法满足集团等保审计要求。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 四、各方案业务场景适配结论
														
 
															+
														
 
															+| 方案 | 最佳适配场景 | 企业规模 | 推荐度 |
														
 
															+|------|-------------|----------|--------|
														
 
															+| **NewAPI** | 国内中小企业、内网小规模调用、快速上线可视化运营 | 中小规模（日调用数万级） | ⭐⭐⭐⭐ |
														
 
															+| **LiteLLM** | 云原生K8s架构、超大并发、海外模型为主、有前端自研能力 | 中大型集团（百万级日调用） | ⭐⭐⭐⭐ |
														
 
															+| **Sub2API** | 小型创业团队、对外付费AI服务运营 | 极小型（单机） | ⭐ |
														
 
															+| **LLMProxy-Admin** | 小业务线临时中转、测试环境 | 测试/临时场景 | ⭐⭐ |
														
 
															+| **自研** | 涉密内网、特殊合规、充足研发人力 | 超大型集团 | ⭐⭐⭐⭐ |
														
 
															+| **LiteLLM+NewAPI组合** | 国内大型集团、兼顾国产适配+超大并发+开箱即用 | 集团级（全规模） | ⭐⭐⭐⭐⭐ |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 五、最终推荐方案
														
 
															+
														
 
															+### 方案A：最优组合（推荐集团正式落地）⭐
														
 
															+
														
 
															+**LiteLLM分布式转发网关集群 + NewAPI Token可视化运营后台**
														
 
															+
														
 
															+| 硬性约束 | 满足情况 |
														
 
															+|----------|----------|
														
 
															+| H1 源码开放可二开 | ✅ 两套均为MIT协议，完整Fork至企业私有仓库 |
														
 
															+| H2 Token运营分发 | ✅ NewAPI完整运营后台 + LiteLLM底层完备能力 |
														
 
															+| H3 分布式集群扩展 | ✅ LiteLLM原生无状态，K8s HPA弹性伸缩，百万级QPS |
														
 
															+| H4 社区可持续维护 | ✅ 两套均为高活跃主流项目，单一停更可单独替换 |
														
 
															+
														
 
															+**组合优势**：
														
 
															+- 架构互补：LiteLLM解决集群扩容+流量治理，NewAPI补齐可视化运营+国产模型适配
														
 
															+- 风险对冲：分层解耦，任一项目迭代放缓可单独替换对应层级
														
 
															+- 落地路径清晰：短期NewAPI快速上线，长期LiteLLM支撑业务爆发式扩容
														
 
															+
														
 
															+### 方案B：仅国内中小规模业务
														
 
															+
														
 
															+单独选用**NewAPI**，部署简单、运维成本低、国产模型适配友好；业务增长至瓶颈后接入LiteLLM做转发层拆分改造。
														
 
															+
														
 
															+### 方案C：涉密/强合规/充足人力
														
 
															+
														
 
															+选用**自研方案**，彻底消除外部开源依赖，架构、安全、流程完全贴合内部管控标准。
														
 
															+
														
 
															+### 方案D：直接淘汰
														
 
															+
														
 
															+**Sub2API**、**LLMProxy-Admin**：社区活跃度低、长期维护风险不可控，分布式能力先天缺陷，不适合集团级平台。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 六、组合方案落地架构概览
														
 
															+
														
 
															+```
														
 
															+┌─────────────────────────────────────────────────────────────────┐
														
 
															+│                      接入负载均衡层                              │
														
 
															+│               K8s Ingress / Nginx（HTTPS + IP白名单）           │
														
 
															+└───────────────────────────┬─────────────────────────────────────┘
														
 
															+                            │
														
 
															+┌───────────────────────────▼─────────────────────────────────────┐
														
 
															+│                分布式转发集群层（LiteLLM Proxy）                  │
														
 
															+│  ┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐       │
														
 
															+│  │ Pod 1    │  │ Pod 2    │  │ Pod 3    │  │ Pod N    │       │
														
 
															+│  │无状态网关 │  │无状态网关 │  │无状态网关 │  │无状态网关 │       │
														
 
															+│  └──────────┘  └──────────┘  └──────────┘  └──────────┘       │
														
 
															+│  子Token鉴权 | 模型路由 | 分布式限流熔断 | 负载均衡 | 计量      │
														
 
															+└───────────────────────────┬─────────────────────────────────────┘
														
 
															+                            │ Redis Pub/Sub 配置实时同步
														
 
															+┌───────────────────────────▼─────────────────────────────────────┐
														
 
															+│                 Token运营后台层（NewAPI）                        │
														
 
															+│  ┌──────────┐  ┌──────────┐                                    │
														
 
															+│  │ Admin 1  │  │ Admin 2  │（多副本，不承载转发流量）           │
														
 
															+│  └──────────┘  └──────────┘                                    │
														
 
															+│  密钥加密入库 | 子Token创建 | 配额配置 | 用量报表 | 操作审计     │
														
 
															+└───────────────────────────┬─────────────────────────────────────┘
														
 
															+                            │
														
 
															+┌───────────────────────────▼─────────────────────────────────────┐
														
 
															+│           分布式缓存层（Redis哨兵集群）                           │
														
 
															+│   实时额度计数器 | 路由配置缓存 | 分布式限流规则 | 会话数据       │
														
 
															+└───────────────────────────┬─────────────────────────────────────┘
														
 
															+                            │
														
 
															+┌───────────────────────────▼─────────────────────────────────────┐
														
 
															+│           持久化与可观测存储层                                   │
														
 
															+│  ┌──────────┐  ┌──────────┐  ┌───────────────┐                │
														
 
															+│  │ MySQL    │  │  ELK     │  │ Prometheus+    │                │
														
 
															+│  │ 主从集群  │  │ 日志集群  │  │ Grafana监控   │                │
														
 
															+│  └──────────┘  └──────────┘  └───────────────┘                │
														
 
															+└─────────────────────────────────────────────────────────────────┘
														
 
															+```
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 七、选型结论
														
 
															+
														
 
															+| 维度 | 结论 |
														
 
															+|------|------|
														
 
															+| **最优方案** | LiteLLM + NewAPI 组合架构 |
														
 
															+| **核心优势** | 同时满足源码开放、Token运营、分布式扩容、社区可持续四项硬性约束 |
														
 
															+| **风险可控性** | 双开源分层解耦，单一项目停更可单独替换，风险对冲 |
														
 
															+| **落地性价比** | 短期依托NewAPI快速上线，长期依托LiteLLM支撑扩容，兼顾速度与架构 |
														
 
															+| **对比淘汰项** | Sub2API/LLMProxy-Admin社区与架构缺陷明显，不满足集团级要求；自研成本过高 |
														
 
															+
														
 
															+**建议立即启动阶段一试点验证，3天内完成单机POC，为集团全面推广奠定基础。**
														
--- a/docs/上传文件.md
+++ b/docs/上传文件.md
@@ -0,0 +1,215 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 上传文件
														
 
															+
														
 
															+> 上传文件用于发送消息时使用，支持图片、文档、音频和视频的多模态理解。上传的文件仅供当前终端用户使用。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_completion.json post /files/upload
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 文本生成型应用 API
														
 
															+  description: 文本生成型应用提供无会话支持，适用于翻译、文章撰写、摘要总结 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 文本生成型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 文本生成
														
 
															+    description: 文本生成相关操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件管理相关操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音相关操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+paths:
														
 
															+  /files/upload:
														
 
															+    post:
														
 
															+      tags:
														
 
															+        - 文件操作
														
 
															+      summary: 上传文件
														
 
															+      description: 上传文件用于发送消息时使用，支持图片、文档、音频和视频的多模态理解。上传的文件仅供当前终端用户使用。
														
 
															+      operationId: uploadFile
														
 
															+      requestBody:
														
 
															+        description: 文件上传请求。需要 multipart/form-data 格式。
														
 
															+        required: true
														
 
															+        content:
														
 
															+          multipart/form-data:
														
 
															+            schema:
														
 
															+              type: object
														
 
															+              required:
														
 
															+                - file
														
 
															+                - user
														
 
															+              properties:
														
 
															+                file:
														
 
															+                  type: string
														
 
															+                  format: binary
														
 
															+                  description: 要上传的文件。支持的类型包括图片、文档、音频和视频。
														
 
															+                user:
														
 
															+                  type: string
														
 
															+                  description: >-
														
 
															+                    用户标识符，由开发者定义的规则生成，必须在应用内唯一。Service API 与 WebApp 的用户 ID
														
 
															+                    相互独立，即使取值相同也不指向同一用户。
														
 
															+      responses:
														
 
															+        '201':
														
 
															+          description: 文件上传成功。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/FileUploadResponse'
														
 
															+              examples:
														
 
															+                uploadSuccess:
														
 
															+                  summary: 响应示例
														
 
															+                  value:
														
 
															+                    id: a1b2c3d4-5678-90ab-cdef-1234567890ab
														
 
															+                    name: product-photo.png
														
 
															+                    size: 204800
														
 
															+                    extension: png
														
 
															+                    mime_type: image/png
														
 
															+                    created_by: f1e2d3c4-b5a6-7890-abcd-ef1234567890
														
 
															+                    created_at: 1705407629
														
 
															+                    preview_url: null
														
 
															+                    source_url: null
														
 
															+                    original_url: null
														
 
															+                    user_id: f1e2d3c4-b5a6-7890-abcd-ef1234567890
														
 
															+                    tenant_id: 11223344-5566-7788-99aa-bbccddeeff00
														
 
															+                    conversation_id: null
														
 
															+                    file_key: uploads/product-photo.png
														
 
															+        '400':
														
 
															+          description: |-
														
 
															+            - `no_file_uploaded` : 请求中未提供文件。
														
 
															+            - `too_many_files` : 每次请求仅允许上传一个文件。
														
 
															+            - `filename_not_exists_error` : 上传的文件没有文件名。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                no_file_uploaded:
														
 
															+                  summary: no_file_uploaded
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: no_file_uploaded
														
 
															+                    message: Please upload your file.
														
 
															+                too_many_files:
														
 
															+                  summary: too_many_files
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: too_many_files
														
 
															+                    message: Only one file is allowed.
														
 
															+                filename_not_exists_error:
														
 
															+                  summary: filename_not_exists_error
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: filename_not_exists_error
														
 
															+                    message: The specified filename does not exist.
														
 
															+        '413':
														
 
															+          description: '`file_too_large` : 文件大小超出限制。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                file_too_large:
														
 
															+                  summary: file_too_large
														
 
															+                  value:
														
 
															+                    status: 413
														
 
															+                    code: file_too_large
														
 
															+                    message: File size exceeded.
														
 
															+        '415':
														
 
															+          description: '`unsupported_file_type` : 不允许的文件类型。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                unsupported_file_type:
														
 
															+                  summary: unsupported_file_type
														
 
															+                  value:
														
 
															+                    status: 415
														
 
															+                    code: unsupported_file_type
														
 
															+                    message: File type not allowed.
														
 
															+components:
														
 
															+  schemas:
														
 
															+    FileUploadResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 唯一文件 ID。
														
 
															+        name:
														
 
															+          type: string
														
 
															+          description: 文件名。
														
 
															+        size:
														
 
															+          type: integer
														
 
															+          description: 文件大小（字节）。
														
 
															+        extension:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件扩展名。
														
 
															+        mime_type:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件的 MIME 类型。
														
 
															+        created_by:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          nullable: true
														
 
															+          description: 上传文件的用户 ID。
														
 
															+        created_at:
														
 
															+          type: integer
														
 
															+          format: int64
														
 
															+          description: 上传时间戳（Unix 纪元秒）。
														
 
															+        preview_url:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件的预览 URL。
														
 
															+        source_url:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件的源 URL。
														
 
															+        original_url:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件的原始 URL。
														
 
															+        user_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          nullable: true
														
 
															+          description: 关联的用户 ID。
														
 
															+        tenant_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          nullable: true
														
 
															+          description: 关联的租户 ID。
														
 
															+        conversation_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          nullable: true
														
 
															+          description: 关联的会话 ID。
														
 
															+        file_key:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 文件的存储键。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/产品发展.md
+++ b/docs/产品发展.md
@@ -0,0 +1,1074 @@
 
															+我看了你这个用户侧雏形 `E:\project_file\ai-agentic-pt`，它现在已经不是“展示页”，而是一个很明确的 **用户智能体门户**：
														
 
															+
														
 
															+- 有登录与受保护路由。
														
 
															+- 有广场 `Plaza`。
														
 
															+- 有智能体推荐、热门、最新、系统智能体。
														
 
															+- 有权限申请 `AgentApply`。
														
 
															+- 有执行页 `AgentExecute`，已经接 Dify `/v1/info`、`/v1/parameters`、`/v1/workflows/run`、`/v1/chat-messages`。
														
 
															+- 有“我的推荐/标记”能力。
														
 
															+- 有历史页、可用智能体页，但这两块目前还是静态雏形。
														
 
															+
														
 
															+所以我会把你的整体产品定义成两端：
														
 
															+
														
 
															+```text
														
 
															+管理平台：给管理员、运营、架构师、智能体开发者用
														
 
															+用户平台：给普通业务用户、员工、客户、合作方使用智能体
														
 
															+```
														
 
															+
														
 
															+更准确一点：
														
 
															+
														
 
															+```text
														
 
															+管理平台 = 智能体控制台 / Agent Control Plane
														
 
															+用户平台 = 智能体工作台 / Agent Workspace
														
 
															+```
														
 
															+
														
 
															+这两个平台不要混在一起。你现在这个方向是对的。
														
 
															+
														
 
															+**总体定位**
														
 
															+
														
 
															+我建议你把 Dify 改造后的管理平台定位为：
														
 
															+
														
 
															+```text
														
 
															+智能体的创建、发布、治理、调度、监控平台
														
 
															+```
														
 
															+
														
 
															+把 `ai-agentic-pt` 定位为：
														
 
															+
														
 
															+```text
														
 
															+用户发现、申请、使用、订阅、协作智能体的平台
														
 
															+```
														
 
															+
														
 
															+二者关系应该像这样：
														
 
															+
														
 
															+```text
														
 
															+管理平台负责生产和治理智能体
														
 
															+用户平台负责消费和使用智能体
														
 
															+```
														
 
															+
														
 
															+也就是：
														
 
															+
														
 
															+```text
														
 
															+管理平台：
														
 
															+谁能创建智能体？
														
 
															+智能体如何配置？
														
 
															+有哪些工具和知识？
														
 
															+是否上架？
														
 
															+谁能用？
														
 
															+怎么审批？
														
 
															+怎么监控？
														
 
															+怎么计费？
														
 
															+怎么审计？
														
 
															+
														
 
															+用户平台：
														
 
															+我能用哪些智能体？
														
 
															+哪些智能体适合我？
														
 
															+怎么申请权限？
														
 
															+怎么发起任务？
														
 
															+怎么查看结果？
														
 
															+怎么收藏常用智能体？
														
 
															+怎么继续历史会话？
														
 
															+怎么让智能体定期帮我做事？
														
 
															+```
														
 
															+
														
 
															+这个边界非常重要。边界清楚，后面架构就不会打架。
														
 
															+
														
 
															+**一、用户平台应该怎么做**
														
 
															+
														
 
															+我建议用户平台不要做成“Dify 应用列表壳子”，而要做成 **企业级 AI 工作入口**。
														
 
															+
														
 
															+用户打开平台时，不应该只看到一堆智能体卡片，而应该感受到：
														
 
															+
														
 
															+```text
														
 
															+这里是我使用所有 AI 能力的统一入口。
														
 
															+```
														
 
															+
														
 
															+核心一级菜单建议是：
														
 
															+
														
 
															+```text
														
 
															+首页
														
 
															+广场
														
 
															+我的智能体
														
 
															+任务
														
 
															+历史
														
 
															+知识/文件
														
 
															+审批
														
 
															+个人设置
														
 
															+```
														
 
															+
														
 
															+如果你的用户是企业内部员工，推荐结构：
														
 
															+
														
 
															+```text
														
 
															+首页
														
 
															+- 推荐给我的智能体
														
 
															+- 最近使用
														
 
															+- 待处理任务
														
 
															+- 我的申请进度
														
 
															+- 常用入口
														
 
															+
														
 
															+广场
														
 
															+- 推荐
														
 
															+- 热门
														
 
															+- 最新
														
 
															+- 按部门
														
 
															+- 按场景
														
 
															+- 按行业
														
 
															+- 系统智能体
														
 
															+- 外部智能体
														
 
															+
														
 
															+我的智能体
														
 
															+- 已授权
														
 
															+- 我收藏的
														
 
															+- 最近使用
														
 
															+- 即将过期
														
 
															+- 申请中
														
 
															+- 被拒绝
														
 
															+
														
 
															+任务
														
 
															+- 我发起的任务
														
 
															+- 定时任务
														
 
															+- 待确认任务
														
 
															+- 执行中
														
 
															+- 失败任务
														
 
															+- 任务结果
														
 
															+
														
 
															+历史
														
 
															+- 对话历史
														
 
															+- 工作流执行历史
														
 
															+- 文件生成记录
														
 
															+- 下载记录
														
 
															+- 可复用结果
														
 
															+
														
 
															+审批
														
 
															+- 我的申请
														
 
															+- 待我审批，若用户也是主管
														
 
															+- 审批记录
														
 
															+
														
 
															+个人设置
														
 
															+- 个人资料
														
 
															+- API Key
														
 
															+- 通知偏好
														
 
															+- 数据授权
														
 
															+```
														
 
															+
														
 
															+你现在已经有：
														
 
															+
														
 
															+```text
														
 
															+广场
														
 
															+智能体
														
 
															+可用智能体
														
 
															+历史
														
 
															+申请
														
 
															+执行
														
 
															+```
														
 
															+
														
 
															+我建议下一步把它整理成：
														
 
															+
														
 
															+```text
														
 
															+首页 / Dashboard
														
 
															+广场 / Plaza
														
 
															+我的 / My Agents
														
 
															+任务 / Tasks
														
 
															+历史 / History
														
 
															+```
														
 
															+
														
 
															+其中“智能体”侧边栏的二级推荐可以保留，但不要让它承担全部导航职责。
														
 
															+
														
 
															+**二、用户平台和管理平台怎么打通**
														
 
															+
														
 
															+最关键的是建立一套明确的发布和消费链路。
														
 
															+
														
 
															+我建议定义一条完整生命周期：
														
 
															+
														
 
															+```text
														
 
															+管理员创建智能体
														
 
															+-> 配置工具、知识、模型、权限
														
 
															+-> 测试
														
 
															+-> 设置上架信息
														
 
															+-> 设置访问策略
														
 
															+-> 发布到用户平台广场
														
 
															+-> 用户发现
														
 
															+-> 用户申请或直接使用
														
 
															+-> 执行对话/工作流/任务
														
 
															+-> 生成历史与结果
														
 
															+-> 管理端查看运行、质量、成本、反馈
														
 
															+-> 迭代新版本
														
 
															+```
														
 
															+
														
 
															+这条链路里面，两个平台分别负责：
														
 
															+
														
 
															+```text
														
 
															+管理平台：
														
 
															+创建、配置、发布、权限、审批、监控、版本、审计
														
 
															+
														
 
															+用户平台：
														
 
															+发现、申请、使用、收藏、任务、历史、反馈
														
 
															+```
														
 
															+
														
 
															+中间需要一个业务层，不建议让用户平台直接强依赖 Dify 原始 Console API。
														
 
															+
														
 
															+你现在 `ai-agentic-pt` 已经有 `/business/*` 接口，这是正确方向。未来建议所有用户平台接口都走业务层：
														
 
															+
														
 
															+```text
														
 
															+/business/apps/recommended
														
 
															+/business/apps/hottest
														
 
															+/business/apps/latest
														
 
															+/business/apps/list
														
 
															+/business/apps/:id/basic-info
														
 
															+/business/apps/:id/access-status
														
 
															+/business/apps/:id/access-requests
														
 
															+/business/apps/:id/api-key
														
 
															+/business/agent-marks
														
 
															+/business/agent-pros
														
 
															+```
														
 
															+
														
 
															+继续扩展时也保持这个风格：
														
 
															+
														
 
															+```text
														
 
															+/business/me/agents
														
 
															+/business/me/tasks
														
 
															+/business/me/history
														
 
															+/business/me/approvals
														
 
															+/business/me/notifications
														
 
															+/business/apps/:id/reviews
														
 
															+/business/apps/:id/feedback
														
 
															+/business/apps/:id/usage
														
 
															+```
														
 
															+
														
 
															+不要让用户侧关心 Dify 里的 `app`、`workflow`、`advanced-chat`、`agent-chat` 这些内部实现太多。用户侧应该看到的是：
														
 
															+
														
 
															+```text
														
 
															+智能体
														
 
															+任务
														
 
															+结果
														
 
															+权限
														
 
															+```
														
 
															+
														
 
															+而不是：
														
 
															+
														
 
															+```text
														
 
															+Dify App
														
 
															+Dify Workflow
														
 
															+Dify API Key
														
 
															+Dify Service API
														
 
															+```
														
 
															+
														
 
															+这些可以在技术层存在，但产品层要隐藏。
														
 
															+
														
 
															+**三、用户平台最应该补齐的产品闭环**
														
 
															+
														
 
															+你现在已经有雏形，但还缺几个闭环。
														
 
															+
														
 
															+**1. 发现闭环**
														
 
															+
														
 
															+现在广场已经有推荐、热门、最新、系统智能体。下一步应该补：
														
 
															+
														
 
															+```text
														
 
															+分类
														
 
															+搜索
														
 
															+标签
														
 
															+适用部门
														
 
															+适用场景
														
 
															+权限状态
														
 
															+是否已收藏
														
 
															+是否可直接使用
														
 
															+是否需要申请
														
 
															+```
														
 
															+
														
 
															+智能体卡片上不要只展示名称和描述，建议展示：
														
 
															+
														
 
															+```text
														
 
															+智能体名称
														
 
															+一句话价值
														
 
															+适用场景
														
 
															+权限状态
														
 
															+使用次数/热度
														
 
															+评分或满意度
														
 
															+最近更新
														
 
															+创建方
														
 
															+是否官方
														
 
															+```
														
 
															+
														
 
															+卡片按钮根据状态变化：
														
 
															+
														
 
															+```text
														
 
															+公开智能体：立即使用
														
 
															+需申请：申请使用
														
 
															+申请中：查看进度
														
 
															+已授权：打开
														
 
															+已拒绝：重新申请
														
 
															+外部智能体：打开外部服务 / 申请集成权限
														
 
															+```
														
 
															+
														
 
															+你现在已经在做 `getAppApiKey` 判断，这很好。但产品层最好不要每次点击才判断，可以列表接口直接返回：
														
 
															+
														
 
															+```json
														
 
															+{
														
 
															+  "access_status": "available | need_apply | pending | rejected | private",
														
 
															+  "is_marked": true,
														
 
															+  "can_execute": true
														
 
															+}
														
 
															+```
														
 
															+
														
 
															+这样用户不会点击后才突然跳申请页，体验更稳。
														
 
															+
														
 
															+**2. 权限申请闭环**
														
 
															+
														
 
															+`AgentApply` 已经做得有雏形了，有状态、有轮询、有重新申请。下一步建议补：
														
 
															+
														
 
															+```text
														
 
															+申请理由模板
														
 
															+申请用途
														
 
															+使用频率
														
 
															+所属项目
														
 
															+数据范围
														
 
															+期望有效期
														
 
															+审批人
														
 
															+审批 SLA
														
 
															+审批记录
														
 
															+被拒原因
														
 
															+重新申请
														
 
															+```
														
 
															+
														
 
															+申请不是单纯“我要用”，而是企业权限治理的一部分。
														
 
															+
														
 
															+权限模型建议至少有：
														
 
															+
														
 
															+```text
														
 
															+public：公开，登录用户可用
														
 
															+protected：需要申请
														
 
															+department：部门内可用
														
 
															+role_based：指定角色可用
														
 
															+private：不可申请，仅管理员分配
														
 
															+external：外部系统授权
														
 
															+```
														
 
															+
														
 
															+当前你代码里有 `public / partial / private`，可以先用，但未来建议扩成上面的业务语义。
														
 
															+
														
 
															+**3. 使用闭环**
														
 
															+
														
 
															+`AgentExecute` 现在已经能执行 workflow 和 chat，这是非常关键的主功能。下一步要让它从“技术执行页”变成“用户工作台”。
														
 
															+
														
 
															+用户进入一个智能体后，应该看到：
														
 
															+
														
 
															+```text
														
 
															+智能体介绍
														
 
															+适合做什么
														
 
															+输入区
														
 
															+参数表单
														
 
															+对话/执行区域
														
 
															+历史结果
														
 
															+常用模板
														
 
															+收藏
														
 
															+反馈
														
 
															+重新运行
														
 
															+导出结果
														
 
															+分享结果
														
 
															+创建定时任务
														
 
															+```
														
 
															+
														
 
															+特别建议在执行页加两个能力：
														
 
															+
														
 
															+```text
														
 
															+保存为任务
														
 
															+设为定时任务
														
 
															+```
														
 
															+
														
 
															+比如用户跑了一次“生成周报”，填好了参数。系统应该让用户：
														
 
															+
														
 
															+```text
														
 
															+以后每周五 17:00 自动运行这个智能体，并把结果发给我。
														
 
															+```
														
 
															+
														
 
															+这会直接把用户平台和你前面想做的“定时任务模块”连接起来。
														
 
															+
														
 
															+**4. 历史闭环**
														
 
															+
														
 
															+你现在 `History.jsx` 还是静态数据。这个页面很重要，不应该只是“历史记录列表”，而应该成为用户的 AI 工作成果库。
														
 
															+
														
 
															+建议历史分成：
														
 
															+
														
 
															+```text
														
 
															+对话历史
														
 
															+工作流执行历史
														
 
															+任务结果
														
 
															+生成文件
														
 
															+失败记录
														
 
															+收藏结果
														
 
															+```
														
 
															+
														
 
															+每条历史至少有：
														
 
															+
														
 
															+```text
														
 
															+智能体
														
 
															+标题
														
 
															+输入摘要
														
 
															+输出摘要
														
 
															+执行状态
														
 
															+开始时间
														
 
															+耗时
														
 
															+消耗 token / 成本
														
 
															+可查看详情
														
 
															+可继续对话
														
 
															+可重新运行
														
 
															+可导出
														
 
															+可反馈
														
 
															+```
														
 
															+
														
 
															+后台对应需要记录：
														
 
															+
														
 
															+```text
														
 
															+conversation_id
														
 
															+workflow_run_id
														
 
															+app_id
														
 
															+user_id
														
 
															+inputs
														
 
															+outputs
														
 
															+status
														
 
															+error
														
 
															+started_at
														
 
															+ended_at
														
 
															+elapsed
														
 
															+metadata
														
 
															+```
														
 
															+
														
 
															+不要只依赖 Dify 原始日志。你需要用户平台自己的业务历史表，用来做用户视角的聚合。
														
 
															+
														
 
															+**5. 任务闭环**
														
 
															+
														
 
															+这是我认为你下一步最有战略价值的一块。
														
 
															+
														
 
															+用户平台里的“任务”不是管理平台里的“调度配置”。用户视角应该是：
														
 
															+
														
 
															+```text
														
 
															+我让哪个智能体帮我做了什么事？
														
 
															+现在做到哪一步？
														
 
															+结果在哪里？
														
 
															+失败了怎么办？
														
 
															+下次什么时候执行？
														
 
															+```
														
 
															+
														
 
															+建议任务模块设计为：
														
 
															+
														
 
															+```text
														
 
															+任务列表
														
 
															+- 一次性任务
														
 
															+- 定时任务
														
 
															+- 事件触发任务
														
 
															+- 等待我确认
														
 
															+- 已完成
														
 
															+- 失败
														
 
															+
														
 
															+任务详情
														
 
															+- 任务目标
														
 
															+- 绑定智能体
														
 
															+- 输入参数
														
 
															+- 执行计划
														
 
															+- 当前状态
														
 
															+- 执行日志
														
 
															+- 输出结果
														
 
															+- 失败原因
														
 
															+- 重试
														
 
															+- 暂停/恢复
														
 
															+```
														
 
															+
														
 
															+这和管理平台的关系是：
														
 
															+
														
 
															+```text
														
 
															+用户平台：用户创建和查看自己的任务
														
 
															+管理平台：管理员治理全局任务、队列、失败、权限、审计
														
 
															+```
														
 
															+
														
 
															+同一个任务系统，不同视角。
														
 
															+
														
 
															+**四、管理平台应该怎么支撑用户平台**
														
 
															+
														
 
															+为了让用户平台好用，管理平台不能只做“Dify 原始配置”。它要多出一层“上架运营能力”。
														
 
															+
														
 
															+建议在管理端给每个智能体增加这些字段：
														
 
															+
														
 
															+```text
														
 
															+上架状态
														
 
															+- 未上架
														
 
															+- 内测
														
 
															+- 已上架
														
 
															+- 下架
														
 
															+
														
 
															+展示信息
														
 
															+- 用户侧名称
														
 
															+- 一句话介绍
														
 
															+- 详细介绍
														
 
															+- 图标
														
 
															+- 分类
														
 
															+- 标签
														
 
															+- 适用人群
														
 
															+- 示例问题
														
 
															+- 输入示例
														
 
															+- 输出示例
														
 
															+- 使用说明
														
 
															+
														
 
															+权限策略
														
 
															+- 公开
														
 
															+- 申请制
														
 
															+- 部门可见
														
 
															+- 角色可见
														
 
															+- 指定用户
														
 
															+- 私有
														
 
															+- 外部授权
														
 
															+
														
 
															+申请策略
														
 
															+- 是否允许申请
														
 
															+- 默认审批人
														
 
															+- 是否自动审批
														
 
															+- 有效期
														
 
															+- 最大调用次数
														
 
															+- 成本额度
														
 
															+
														
 
															+运营策略
														
 
															+- 推荐分
														
 
															+- 是否热门
														
 
															+- 是否官方
														
 
															+- 排序权重
														
 
															+- 上架时间
														
 
															+- 最新版本说明
														
 
															+
														
 
															+运行策略
														
 
															+- 并发限制
														
 
															+- 调用频率限制
														
 
															+- 超时
														
 
															+- 重试
														
 
															+- 敏感操作确认
														
 
															+
														
 
															+质量策略
														
 
															+- 评分
														
 
															+- 反馈
														
 
															+- 成功率
														
 
															+- 平均响应时间
														
 
															+- 最近失败率
														
 
															+```
														
 
															+
														
 
															+这些字段不一定属于 Dify 原始 `apps` 表。更建议你单独建业务表，比如：
														
 
															+
														
 
															+```text
														
 
															+business_agent_listing
														
 
															+business_agent_access_policy
														
 
															+business_agent_access_request
														
 
															+business_agent_mark
														
 
															+business_agent_usage_history
														
 
															+business_agent_task
														
 
															+business_agent_feedback
														
 
															+business_agent_category
														
 
															+```
														
 
															+
														
 
															+不要把用户平台运营字段硬塞进 Dify 核心表。那样未来升级 Dify 会很痛。
														
 
															+
														
 
															+**五、推荐的整体架构**
														
 
															+
														
 
															+我建议最终架构是：
														
 
															+
														
 
															+```text
														
 
															+用户平台 ai-agentic-pt
														
 
															+        |
														
 
															+        | /business/*
														
 
															+        v
														
 
															+业务 API 层 / Portal API
														
 
															+        |
														
 
															+        | 读写业务表
														
 
															+        v
														
 
															+业务数据库
														
 
															+        |
														
 
															+        | 调用 / 代理
														
 
															+        v
														
 
															+Dify Console / Service API
														
 
															+        |
														
 
															+        v
														
 
															+Dify Runtime / Workflow / Chat
														
 
															+```
														
 
															+
														
 
															+更完整一点：
														
 
															+
														
 
															+```text
														
 
															+[用户平台]
														
 
															+- 广场
														
 
															+- 我的智能体
														
 
															+- 执行页
														
 
															+- 申请
														
 
															+- 任务
														
 
															+- 历史
														
 
															+- 反馈
														
 
															+
														
 
															+[业务 API 层]
														
 
															+- 认证适配
														
 
															+- 智能体上架
														
 
															+- 权限申请
														
 
															+- API Key 代理
														
 
															+- 任务调度
														
 
															+- 历史聚合
														
 
															+- 用户推荐
														
 
															+- 审批流
														
 
															+- 通知
														
 
															+
														
 
															+[Dify 管理平台]
														
 
															+- 创建应用/智能体
														
 
															+- 配置模型
														
 
															+- 配置工具
														
 
															+- 配置知识库
														
 
															+- 配置工作流
														
 
															+- 监控日志
														
 
															+
														
 
															+[调度与执行]
														
 
															+- Celery / Scheduler
														
 
															+- Redis Queue
														
 
															+- Dify Service API
														
 
															+- Webhook / 外部系统
														
 
															+
														
 
															+[治理]
														
 
															+- RBAC
														
 
															+- 审计
														
 
															+- 成本
														
 
															+- 限流
														
 
															+- 版本
														
 
															+- 评测
														
 
															+```
														
 
															+
														
 
															+重点是：**用户平台不要直接变成 Dify 的另一个皮肤，而要有自己的业务 API 和业务数据模型。**
														
 
															+
														
 
															+**六、你现在这个用户平台的具体建议**
														
 
															+
														
 
															+基于我看到的文件和功能，我建议这样推进。
														
 
															+
														
 
															+**第一步：先把信息架构收敛**
														
 
															+
														
 
															+现在路由是：
														
 
															+
														
 
															+```text
														
 
															+/plaza
														
 
															+/agents
														
 
															+/history
														
 
															+/available
														
 
															+/agents/execute/:appId
														
 
															+/agents/apply/:appId
														
 
															+/agents/external/:agentProId
														
 
															+```
														
 
															+
														
 
															+建议调整产品概念为：
														
 
															+
														
 
															+```text
														
 
															+/plaza                  广场
														
 
															+/my/agents              我的智能体
														
 
															+/my/tasks               我的任务
														
 
															+/my/history             历史记录
														
 
															+/agents/:id             智能体详情
														
 
															+/agents/:id/apply       申请使用
														
 
															+/agents/:id/run         使用智能体
														
 
															+/agents/external/:id    外部智能体
														
 
															+```
														
 
															+
														
 
															+即使代码暂时不改，也建议产品文档和后端接口按这个心智设计。
														
 
															+
														
 
															+**第二步：把 `AvailableAgents` 从静态改成真实“我的智能体”**
														
 
															+
														
 
															+这个页面应该调用：
														
 
															+
														
 
															+```text
														
 
															+GET /business/me/agents
														
 
															+```
														
 
															+
														
 
															+返回：
														
 
															+
														
 
															+```json
														
 
															+{
														
 
															+  "id": "...",
														
 
															+  "name": "...",
														
 
															+  "description": "...",
														
 
															+  "icon": "...",
														
 
															+  "access_status": "available",
														
 
															+  "expires_at": "...",
														
 
															+  "last_used_at": "...",
														
 
															+  "is_marked": true,
														
 
															+  "usage_count": 12
														
 
															+}
														
 
															+```
														
 
															+
														
 
															+它应该合并：
														
 
															+
														
 
															+```text
														
 
															+已授权智能体
														
 
															+收藏智能体
														
 
															+最近使用智能体
														
 
															+申请中智能体
														
 
															+```
														
 
															+
														
 
															+可以用 tabs：
														
 
															+
														
 
															+```text
														
 
															+全部
														
 
															+已授权
														
 
															+收藏
														
 
															+申请中
														
 
															+即将过期
														
 
															+```
														
 
															+
														
 
															+**第三步：补智能体详情页**
														
 
															+
														
 
															+现在广场点击后直接去执行或申请。这个路径很高效，但缺少“了解这个智能体”的中间页。
														
 
															+
														
 
															+建议新增：
														
 
															+
														
 
															+```text
														
 
															+/agents/:id
														
 
															+```
														
 
															+
														
 
															+详情页负责展示：
														
 
															+
														
 
															+```text
														
 
															+介绍
														
 
															+示例
														
 
															+权限状态
														
 
															+版本
														
 
															+创建方
														
 
															+使用说明
														
 
															+评价
														
 
															+最近更新
														
 
															+使用按钮/申请按钮
														
 
															+```
														
 
															+
														
 
															+用户从广场点卡片先到详情页。卡片上的主按钮可以直接“使用/申请”，但详情页必须有。
														
 
															+
														
 
															+这是平台感的关键，不然广场像一堆快捷方式。
														
 
															+
														
 
															+**第四步：把执行历史做成真实业务历史**
														
 
															+
														
 
															+目前 `AgentExecute` 里执行 Dify SSE，但用户历史页没有接真实数据。建议执行开始和结束时，业务层记录：
														
 
															+
														
 
															+```text
														
 
															+POST /business/runs
														
 
															+PATCH /business/runs/:id
														
 
															+GET /business/me/runs
														
 
															+GET /business/runs/:id
														
 
															+```
														
 
															+
														
 
															+如果暂时不好全量代理 Dify SSE，至少在前端执行开始前创建一条业务 run，结束后把摘要、状态、耗时写回业务 API。
														
 
															+
														
 
															+长期更建议由后端代理 Dify 执行，这样历史、权限、审计、限流都能集中控制。
														
 
															+
														
 
															+**第五步：加入任务中心**
														
 
															+
														
 
															+这是你要做“面向用户智能体应用平台”的杀手锏。
														
 
															+
														
 
															+用户不是每次都主动打开平台聊天，很多场景是：
														
 
															+
														
 
															+```text
														
 
															+每天给我生成日报
														
 
															+每周总结销售线索
														
 
															+当有新工单时自动分类
														
 
															+当客户发邮件时自动生成回复草稿
														
 
															+每小时巡检系统日志
														
 
															+每月生成经营分析
														
 
															+```
														
 
															+
														
 
															+用户平台应有：
														
 
															+
														
 
															+```text
														
 
															+创建任务
														
 
															+选择智能体
														
 
															+填写输入
														
 
															+选择触发方式
														
 
															+选择输出方式
														
 
															+确认权限
														
 
															+查看执行结果
														
 
															+```
														
 
															+
														
 
															+管理平台则有：
														
 
															+
														
 
															+```text
														
 
															+任务模板
														
 
															+调度策略
														
 
															+队列监控
														
 
															+失败重试
														
 
															+全局审计
														
 
															+```
														
 
															+
														
 
															+这两个是同一个任务系统的两张脸。
														
 
															+
														
 
															+**第六步：自然语言入口**
														
 
															+
														
 
															+用户平台也应该有自然语言入口，但和管理平台不同。
														
 
															+
														
 
															+管理平台自然语言入口是：
														
 
															+
														
 
															+```text
														
 
															+帮我创建一个智能体
														
 
															+帮我配置权限
														
 
															+帮我发布到销售部门
														
 
															+帮我加一个定时任务模板
														
 
															+```
														
 
															+
														
 
															+用户平台自然语言入口是：
														
 
															+
														
 
															+```text
														
 
															+我想做一个销售周报
														
 
															+帮我找能处理合同审核的智能体
														
 
															+以后每天 9 点提醒我看线索
														
 
															+帮我把这份文件交给合适的智能体处理
														
 
															+```
														
 
															+
														
 
															+用户平台的自然语言入口应该像一个 **智能体路由器 / AI 助理前台**：
														
 
															+
														
 
															+```text
														
 
															+用户说需求
														
 
															+-> 系统识别意图
														
 
															+-> 推荐智能体
														
 
															+-> 自动填充参数
														
 
															+-> 发起执行/申请/任务
														
 
															+```
														
 
															+
														
 
															+举例：
														
 
															+
														
 
															+> 我想分析一下这个月销售数据。
														
 
															+
														
 
															+系统应该回复：
														
 
															+
														
 
															+```text
														
 
															+推荐使用：销售数据分析智能体
														
 
															+需要上传：销售数据表
														
 
															+可选输出：图表报告 / 管理摘要 / Excel 明细
														
 
															+是否现在开始？
														
 
															+```
														
 
															+
														
 
															+而不是让用户自己逛广场找卡片。
														
 
															+
														
 
															+**七、两个平台之间的对象模型建议**
														
 
															+
														
 
															+我建议你把“智能体”抽象成业务层统一对象，不要让用户平台直接区分太多 Dify 内部类型。
														
 
															+
														
 
															+```text
														
 
															+Agent
														
 
															+- id
														
 
															+- source_type: dify_app | agent_pro | external | composite
														
 
															+- source_id
														
 
															+- name
														
 
															+- description
														
 
															+- icon
														
 
															+- category
														
 
															+- tags
														
 
															+- owner
														
 
															+- status
														
 
															+- visibility
														
 
															+- access_policy
														
 
															+- listing_info
														
 
															+- runtime_config
														
 
															+```
														
 
															+
														
 
															+用户侧看到的是 `Agent`。
														
 
															+
														
 
															+管理侧可以看到更细：
														
 
															+
														
 
															+```text
														
 
															+Dify App
														
 
															+Workflow
														
 
															+Chat App
														
 
															+External Agent
														
 
															+Agent Pro
														
 
															+Composite Agent
														
 
															+```
														
 
															+
														
 
															+权限对象：
														
 
															+
														
 
															+```text
														
 
															+AgentAccess
														
 
															+- user_id
														
 
															+- agent_id
														
 
															+- status
														
 
															+- granted_by
														
 
															+- granted_at
														
 
															+- expires_at
														
 
															+- quota
														
 
															+- scope
														
 
															+```
														
 
															+
														
 
															+申请对象：
														
 
															+
														
 
															+```text
														
 
															+AgentAccessRequest
														
 
															+- user_id
														
 
															+- agent_id
														
 
															+- reason
														
 
															+- status
														
 
															+- approver_id
														
 
															+- rejected_reason
														
 
															+- created_at
														
 
															+- updated_at
														
 
															+```
														
 
															+
														
 
															+运行对象：
														
 
															+
														
 
															+```text
														
 
															+AgentRun
														
 
															+- id
														
 
															+- user_id
														
 
															+- agent_id
														
 
															+- task_id
														
 
															+- mode
														
 
															+- inputs
														
 
															+- outputs
														
 
															+- status
														
 
															+- error
														
 
															+- started_at
														
 
															+- ended_at
														
 
															+- cost
														
 
															+- trace_id
														
 
															+```
														
 
															+
														
 
															+任务对象：
														
 
															+
														
 
															+```text
														
 
															+AgentTask
														
 
															+- id
														
 
															+- user_id
														
 
															+- agent_id
														
 
															+- title
														
 
															+- trigger_type
														
 
															+- schedule
														
 
															+- inputs
														
 
															+- output_target
														
 
															+- status
														
 
															+- next_run_at
														
 
															+- last_run_at
														
 
															+```
														
 
															+
														
 
															+反馈对象：
														
 
															+
														
 
															+```text
														
 
															+AgentFeedback
														
 
															+- run_id
														
 
															+- user_id
														
 
															+- agent_id
														
 
															+- rating
														
 
															+- comment
														
 
															+- issue_type
														
 
															+```
														
 
															+
														
 
															+这些对象是用户平台和管理平台共同的“语言”。
														
 
															+
														
 
															+**八、产品策略建议**
														
 
															+
														
 
															+我建议你不要一上来做“万能超级智能体平台”。先做一个很清楚的闭环：
														
 
															+
														
 
															+```text
														
 
															+管理员发布智能体
														
 
															+用户发现智能体
														
 
															+用户申请权限
														
 
															+用户使用智能体
														
 
															+用户查看历史
														
 
															+用户收藏智能体
														
 
															+用户创建定时任务
														
 
															+管理员看使用数据和反馈
														
 
															+管理员迭代智能体
														
 
															+```
														
 
															+
														
 
															+这条闭环跑通以后，再做自然语言创建和多智能体协作。
														
 
															+
														
 
															+推荐 MVP 优先级：
														
 
															+
														
 
															+```text
														
 
															+P0
														
 
															+- 广场真实列表
														
 
															+- 智能体详情
														
 
															+- 权限申请
														
 
															+- 执行页稳定
														
 
															+- 我的智能体
														
 
															+- 真实历史记录
														
 
															+
														
 
															+P1
														
 
															+- 收藏/推荐
														
 
															+- 分类/搜索/标签
														
 
															+- 使用反馈
														
 
															+- 管理端上架配置
														
 
															+- 管理端审批
														
 
															+- 用户侧任务中心
														
 
															+
														
 
															+P2
														
 
															+- 定时任务
														
 
															+- 通知
														
 
															+- 审批流
														
 
															+- 成本/额度
														
 
															+- 自然语言找智能体
														
 
															+- 自然语言创建任务
														
 
															+
														
 
															+P3
														
 
															+- 自然语言创建智能体
														
 
															+- 多智能体团队
														
 
															+- 任务模板市场
														
 
															+- 行业方案
														
 
															+- 自动评测和优化建议
														
 
															+```
														
 
															+
														
 
															+**九、我最建议你现在做的架构决策**
														
 
															+
														
 
															+第一，保留两个平台，不要合并。  
														
 
															+管理平台复杂、面向专业角色；用户平台轻、面向业务用户。合并会让普通用户看到太多配置，也会让管理端被用户体验约束。
														
 
															+
														
 
															+第二，抽出业务 API 层。  
														
 
															+用户平台所有东西走 `/business/*`，不要直接调用 Dify Console API。Dify Service API 的执行可以短期前端直连，但长期最好后端代理。
														
 
															+
														
 
															+第三，智能体上架信息独立建模。  
														
 
															+不要把广场、推荐、权限、申请、热度、评分这些都塞进 Dify 原生 app。你要做的是“Dify 之上的智能体运营层”。
														
 
															+
														
 
															+第四，任务中心从一开始按平台级能力设计。  
														
 
															+不要只做“cron 页面”。用户侧叫“任务”，管理侧叫“调度/任务治理”，底层同一套任务模型。
														
 
															+
														
 
															+第五，自然语言入口分两类。  
														
 
															+管理平台的自然语言是“创建和管理智能体”；用户平台的自然语言是“找到、使用、委托智能体”。
														
 
															+
														
 
															+第六，历史和审计要自己掌握。  
														
 
															+这是平台价值沉淀的地方。只靠 Dify 内部日志，用户侧体验和管理侧治理都会受限。
														
 
															+
														
 
															+**十、推荐你形成的最终产品形态**
														
 
															+
														
 
															+我会把最终形态想成这样：
														
 
															+
														
 
															+```text
														
 
															+用户打开 AI agentic 平台
														
 
															+-> 首页看到推荐智能体、最近任务、待处理事项
														
 
															+-> 可以在广场找智能体
														
 
															+-> 可以用自然语言描述需求，让平台推荐智能体
														
 
															+-> 可以申请权限
														
 
															+-> 可以直接使用智能体
														
 
															+-> 可以把一次执行保存为定时任务
														
 
															+-> 可以在历史里查看所有 AI 工作成果
														
 
															+-> 可以给结果反馈
														
 
															+```
														
 
															+
														
 
															+管理员打开管理平台：
														
 
															+
														
 
															+```text
														
 
															+创建智能体
														
 
															+-> 绑定知识、工具、模型
														
 
															+-> 设置用户侧展示信息
														
 
															+-> 设置权限和审批
														
 
															+-> 发布到广场
														
 
															+-> 查看申请和使用数据
														
 
															+-> 查看失败、成本、质量
														
 
															+-> 调整版本
														
 
															+-> 下架或灰度发布
														
 
															+```
														
 
															+
														
 
															+这就是一个完整的“双平台智能体系统”：
														
 
															+
														
 
															+```text
														
 
															+管理平台负责供给
														
 
															+用户平台负责消费
														
 
															+业务 API 负责连接
														
 
															+任务系统负责持续执行
														
 
															+治理系统负责安全可控
														
 
															+```
														
 
															+
														
 
															+我的结论很明确：你现在的 `ai-agentic-pt` 应该继续做，而且应该把它从“智能体广场雏形”升级成“用户 AI 工作台”。管理平台不要承担用户使用体验，管理平台只负责创建、发布、治理和监控。两端通过统一的业务智能体模型、权限模型、任务模型、历史模型打通。
														
 
															+
														
 
															+如果下一步只选一个最重要的方向，我建议先做：
														
 
															+
														
 
															+```text
														
 
															+智能体详情 + 我的智能体 + 真实历史 + 任务中心雏形
														
 
															+```
														
 
															+
														
 
															+这四个补齐之后，用户平台就从“能点开智能体”变成“真的能日常工作”。
														
--- a/docs/发送对话消息.md
+++ b/docs/发送对话消息.md
@@ -0,0 +1,712 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 发送对话消息
														
 
															+
														
 
															+> 向对话型应用发送请求。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_chatflow.json post /chat-messages
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 工作流编排对话型应用 API (对话流 API)
														
 
															+  description: >-
														
 
															+    对话流应用支持会话持久化，允许将之前的聊天记录作为响应的上下文。对话流应用使用 `advanced-chat`
														
 
															+    模式，提供工作流级别的流式事件，用于详细的执行追踪，包括节点开始、完成、迭代和工作流生命周期。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 工作流编排对话型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 对话流
														
 
															+    description: 对话流应用的操作，包括对话消息、工作流执行详情和事件流。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件上传和预览操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈操作。
														
 
															+  - name: 会话管理
														
 
															+    description: 与管理会话相关的操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 文字转语音和语音转文字操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+  - name: 标注管理
														
 
															+    description: 与管理标注直接回复相关的操作。
														
 
															+  - name: 人工介入
														
 
															+    description: 暂停等待人工输入的工作流恢复操作。
														
 
															+paths:
														
 
															+  /chat-messages:
														
 
															+    post:
														
 
															+      tags:
														
 
															+        - 对话流
														
 
															+      summary: 发送对话消息
														
 
															+      description: 向对话型应用发送请求。
														
 
															+      operationId: sendChatMessageCn
														
 
															+      requestBody:
														
 
															+        description: 发送对话消息的请求体。
														
 
															+        required: true
														
 
															+        content:
														
 
															+          application/json:
														
 
															+            schema:
														
 
															+              $ref: '#/components/schemas/ChatRequest'
														
 
															+            examples:
														
 
															+              streaming_example:
														
 
															+                summary: 请求示例 - 流式模式
														
 
															+                value:
														
 
															+                  inputs:
														
 
															+                    city: San Francisco
														
 
															+                  query: What are the specs of the iPhone 13 Pro Max?
														
 
															+                  response_mode: streaming
														
 
															+                  conversation_id: ''
														
 
															+                  user: abc-123
														
 
															+                  files:
														
 
															+                    - type: image
														
 
															+                      transfer_method: remote_url
														
 
															+                      url: https://cloud.dify.ai/logo/logo-site.png
														
 
															+              blocking_example:
														
 
															+                summary: 请求示例 - 阻塞模式
														
 
															+                value:
														
 
															+                  inputs: {}
														
 
															+                  query: What are the specs of the iPhone 13 Pro Max?
														
 
															+                  response_mode: blocking
														
 
															+                  conversation_id: 45701982-8118-4bc5-8e9b-64562b4555f2
														
 
															+                  user: abc-123
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: >-
														
 
															+            请求成功。内容类型和结构取决于请求中的 `response_mode` 参数。
														
 
															+
														
 
															+
														
 
															+            - 如果 `response_mode` 为 `blocking`，返回 `application/json` 和
														
 
															+            `ChatCompletionResponse` 对象。
														
 
															+
														
 
															+            - 如果 `response_mode` 为 `streaming`，返回 `text/event-stream` 和服务器发送事件流。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/ChatCompletionResponse'
														
 
															+              examples:
														
 
															+                blockingResponse:
														
 
															+                  summary: 响应示例 - 阻塞模式
														
 
															+                  value:
														
 
															+                    event: message
														
 
															+                    task_id: c3800678-a077-43df-a102-53f23ed20b88
														
 
															+                    id: b01a39de-3480-4f3e-9f1e-4841a80f8e5e
														
 
															+                    message_id: 9da23599-e713-473b-982c-4328d4f5c78a
														
 
															+                    conversation_id: 45701982-8118-4bc5-8e9b-64562b4555f2
														
 
															+                    mode: advanced-chat
														
 
															+                    answer: iPhone 13 Pro Max specs are listed here:...
														
 
															+                    metadata:
														
 
															+                      usage:
														
 
															+                        prompt_tokens: 1033
														
 
															+                        prompt_unit_price: '0.001'
														
 
															+                        prompt_price_unit: '0.001'
														
 
															+                        prompt_price: '0.0010330'
														
 
															+                        completion_tokens: 128
														
 
															+                        completion_unit_price: '0.002'
														
 
															+                        completion_price_unit: '0.001'
														
 
															+                        completion_price: '0.0002560'
														
 
															+                        total_tokens: 1161
														
 
															+                        total_price: '0.0012890'
														
 
															+                        currency: USD
														
 
															+                        latency: 0.7682376249867957
														
 
															+                      retriever_resources:
														
 
															+                        - position: 1
														
 
															+                          dataset_id: 101b4c97-fc2e-463c-90b1-5261a4cdcafb
														
 
															+                          dataset_name: iPhone
														
 
															+                          document_id: 8dd1ad74-0b5f-4175-b735-7d98bbbb4e00
														
 
															+                          document_name: iPhone List
														
 
															+                          segment_id: ed599c7f-2766-4294-9d1d-e5235a61270a
														
 
															+                          score: 0.98457545
														
 
															+                          content: >-
														
 
															+                            "Model","Release Date","Display
														
 
															+                            Size","Resolution","Processor","RAM","Storage","Camera","Battery","Operating
														
 
															+                            System" "iPhone 13 Pro Max","September 24,
														
 
															+                            2021","6.7 inch","1284 x 2778","Hexa-core (2x3.23
														
 
															+                            GHz Avalanche + 4x1.82 GHz Blizzard)","6 GB","128,
														
 
															+                            256, 512 GB, 1TB","12 MP","4352 mAh","iOS 15"
														
 
															+                    created_at: 1705407629
														
 
															+            text/event-stream:
														
 
															+              schema:
														
 
															+                type: string
														
 
															+                description: >-
														
 
															+                  服务器发送事件 (SSE) 流。
														
 
															+
														
 
															+
														
 
															+                  **解析**：每个事件是一行以 `data: ` 为前缀的 JSON 对象，以 `\n\n` 终止。解析 JSON 前先去除
														
 
															+                  `data: ` 前缀，再读取 `event` 字段确定事件类型。忽略 `ping` 事件，它以 `event: ping`
														
 
															+                  行的形式（无 `data:` 载荷）每 10 秒发送一次以保持连接活跃。
														
 
															+
														
 
															+
														
 
															+                  **流生命周期**：工作流进度以 `workflow_started`、节点事件（`node_started` 和
														
 
															+                  `node_finished`，以及迭代和循环的相应变体）流式返回，回复则以 `message`
														
 
															+                  事件返回。结束序列取决于运行结果：
														
 
															+
														
 
															+                  - **成功**：`message_end`，随后 `workflow_finished`
														
 
															+
														
 
															+                  - **失败**：`workflow_finished`（状态为 `failed`），随后 `error`；不发送
														
 
															+                  `message_end`
														
 
															+
														
 
															+                  - **暂停**：`human_input_required`，随后
														
 
															+                  `workflow_paused`（流到此结束，运行将另行恢复）
														
 
															+
														
 
															+
														
 
															+                  开启文本转语音（TTS）自动播放时，`tts_message_end` 跟随在结束事件之后。
														
 
															+
														
 
															+
														
 
															+                  **事件**：除 `ping` 外，每个事件都包含 `conversation_id`、`message_id` 和
														
 
															+                  `created_at`（Unix 纪元秒）；除 `error` 外，其余事件还包含
														
 
															+                  `task_id`。工作流、节点和人工介入事件还将载荷嵌套在 `data` 中，且除 `agent_log` 外都带有顶层
														
 
															+                  `workflow_run_id`。
														
 
															+
														
 
															+
														
 
															+                  **回复事件**
														
 
															+
														
 
															+
														
 
															+                  | 事件 | 触发时机 | 关键字段 |
														
 
															+
														
 
															+                  |:---|:---|:---|
														
 
															+
														
 
															+                  | `message` | 每个回答片段（按顺序拼接） | `answer` |
														
 
															+
														
 
															+                  | `message_replace` | 内容审核替换已生成的回答 | `answer`、`reason` |
														
 
															+
														
 
															+                  | `message_end` | 回答完成 |
														
 
															+                  `metadata`（`usage`、`retriever_resources`） |
														
 
															+
														
 
															+                  | `tts_message`、`tts_message_end` | 音频片段/结束，开启 TTS 自动播放时 |
														
 
															+                  `audio` |
														
 
															+
														
 
															+
														
 
															+                  **工作流与节点事件**
														
 
															+
														
 
															+
														
 
															+                  每个事件都将载荷嵌套在 `data` 对象中。
														
 
															+
														
 
															+
														
 
															+                  | 事件 | 触发时机 | 关键 `data` 字段 |
														
 
															+
														
 
															+                  |:---|:---|:---|
														
 
															+
														
 
															+                  | `workflow_started` | 运行开始 | `inputs` |
														
 
															+
														
 
															+                  | `node_started` | 节点开始 | `node_id`、`node_type`、`title` |
														
 
															+
														
 
															+                  | `node_finished` | 节点结束 |
														
 
															+                  `status`、`outputs`、`execution_metadata` |
														
 
															+
														
 
															+                  | `node_retry` | 节点失败后重试 | `retry_index` |
														
 
															+
														
 
															+                  | `iteration_started`、`iteration_next`、`iteration_completed` |
														
 
															+                  迭代节点进度（信息性，可不处理） | `data` |
														
 
															+
														
 
															+                  | `loop_started`、`loop_next`、`loop_completed` |
														
 
															+                  循环节点进度（信息性，可不处理） | `data` |
														
 
															+
														
 
															+                  | `agent_log` | Agent 节点步骤日志（信息性，可不处理；无 `workflow_run_id`） |
														
 
															+                  `data` |
														
 
															+
														
 
															+                  | `workflow_finished` | 运行结束 |
														
 
															+                  `status`（`succeeded`、`failed`、`partial-succeeded`、`stopped`）、`outputs`、`total_tokens`
														
 
															+                  |
														
 
															+
														
 
															+                  | `workflow_paused` | 运行暂停 | `paused_nodes`、`reasons` |
														
 
															+
														
 
															+                  | `human_input_required` | 运行到达人工介入节点 |
														
 
															+                  `form_token`、`form_content`、`expiration_time` |
														
 
															+
														
 
															+
														
 
															+                  暂停后，本流在 `workflow_paused` 处结束。通过
														
 
															+                  [提交人工介入表单](/api-reference/人工介入/提交人工介入表单)
														
 
															+                  提交表单，或等待其超时；恢复后的运行（包括从
														
 
															+                  `human_input_form_filled`/`human_input_form_timeout` 到
														
 
															+                  `workflow_finished` 的事件）由
														
 
															+                  [流式获取工作流事件](/api-reference/对话流/流式获取工作流事件) 流式返回。
														
 
															+
														
 
															+
														
 
															+                  **传输事件**
														
 
															+
														
 
															+
														
 
															+                  | 事件 | 触发时机 | 关键字段 |
														
 
															+
														
 
															+                  |:---|:---|:---|
														
 
															+
														
 
															+                  | `error` | 失败导致流结束；HTTP 仍为 `200` | `status`（如 `400`）、`code`（如
														
 
															+                  `invalid_param`）、`message` |
														
 
															+
														
 
															+                  | `ping` | 每 10 秒保持连接 | 无 |
														
 
															+              examples:
														
 
															+                streamingResponseBasic:
														
 
															+                  summary: Response Example - Streaming (Basic)
														
 
															+                  value: >-
														
 
															+                    data: {"event": "message", "task_id":"mock_task_id",
														
 
															+                    "message_id": "5ad4cb98-f0c7-4085-b384-88c403be6290",
														
 
															+                    "conversation_id": "45701982-8118-4bc5-8e9b-64562b4555f2",
														
 
															+                    "answer": " I", "created_at": 1679586595} data: {"event":
														
 
															+                    "message_end", "task_id":"mock_task_id", "message_id":
														
 
															+                    "5ad4cb98-f0c7-4085-b384-88c403be6290", "conversation_id":
														
 
															+                    "45701982-8118-4bc5-8e9b-64562b4555f2", "metadata":
														
 
															+                    {"usage": {"total_tokens": 10, "latency": 1.0}}}
														
 
															+                streamingResponseWorkflow:
														
 
															+                  summary: Response Example - Streaming (工作流)
														
 
															+                  value: >-
														
 
															+                    data: {"event": "workflow_started", "task_id": "task123",
														
 
															+                    "workflow_run_id": "wfr_abc123", "message_id": "msg123",
														
 
															+                    "conversation_id": "conv123", "data": {"id": "wfr_abc123",
														
 
															+                    "workflow_id": "wf_def456", "inputs": {"city": "San
														
 
															+                    Francisco"}, "created_at": 1705395332}} data: {"event":
														
 
															+                    "node_started", "task_id": "task123", "workflow_run_id":
														
 
															+                    "wfr_abc123", "message_id": "msg123", "conversation_id":
														
 
															+                    "conv123", "data": {"id": "ne_001", "node_id": "node_llm_1",
														
 
															+                    "node_type": "llm", "title": "LLM", "index": 1,
														
 
															+                    "created_at": 1705395332}} data: {"event": "message",
														
 
															+                    "task_id": "task123", "message_id": "msg123",
														
 
															+                    "conversation_id": "conv123", "answer": " I", "created_at":
														
 
															+                    1705395333} data: {"event": "node_finished", "task_id":
														
 
															+                    "task123", "workflow_run_id": "wfr_abc123", "message_id":
														
 
															+                    "msg123", "conversation_id": "conv123", "data": {"id":
														
 
															+                    "ne_001", "node_id": "node_llm_1", "node_type": "llm",
														
 
															+                    "title": "LLM", "index": 1, "status": "succeeded",
														
 
															+                    "elapsed_time": 1.5, "created_at": 1705395332,
														
 
															+                    "finished_at": 1705395334}} data: {"event": "message_end",
														
 
															+                    "task_id": "task123", "message_id": "msg123",
														
 
															+                    "conversation_id": "conv123", "metadata": {"usage":
														
 
															+                    {"total_tokens": 50, "latency": 2.5}}} data: {"event":
														
 
															+                    "workflow_finished", "task_id": "task123",
														
 
															+                    "workflow_run_id": "wfr_abc123", "message_id": "msg123",
														
 
															+                    "conversation_id": "conv123", "data": {"id": "wfr_abc123",
														
 
															+                    "workflow_id": "wf_def456", "status": "succeeded",
														
 
															+                    "elapsed_time": 2.5, "total_tokens": 50, "total_steps": 2,
														
 
															+                    "created_at": 1705395332, "finished_at": 1705395335}}
														
 
															+                humanInputPause:
														
 
															+                  summary: 响应示例 - 人工介入暂停
														
 
															+                  value: >-
														
 
															+                    data: {"event": "workflow_started", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "message_id":
														
 
															+                    "2e4f6a8b-1c3d-5e7f-9a0b-2c4d6e8f0a1b", "conversation_id":
														
 
															+                    "9d3a2f1b-6c7d-4e8f-a0b1-c2d3e4f5a6b7", "created_at":
														
 
															+                    1705407629, "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "workflow_id":
														
 
															+                    "7c3e33d4-2a8b-4e5f-9b1a-d3c6e8f12345", "inputs": {"draft":
														
 
															+                    "Hello"}, "created_at": 1705407629, "reason": "initial"}}
														
 
															+                    data: {"event": "human_input_required", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "message_id":
														
 
															+                    "2e4f6a8b-1c3d-5e7f-9a0b-2c4d6e8f0a1b", "conversation_id":
														
 
															+                    "9d3a2f1b-6c7d-4e8f-a0b1-c2d3e4f5a6b7", "created_at":
														
 
															+                    1705407629, "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"form_id":
														
 
															+                    "a1b2c3d4-e5f6-7890-abcd-ef1234567890", "form_token":
														
 
															+                    "tok_abc123", "node_id": "approval_node", "node_title":
														
 
															+                    "Approval", "form_content": "Please review the draft.",
														
 
															+                    "inputs": [{"type": "text_input", "output_variable_name":
														
 
															+                    "comment", "default": null}], "actions": [{"id": "approve",
														
 
															+                    "title": "Approve", "button_style": "primary"}],
														
 
															+                    "display_in_ui": false, "resolved_default_values":
														
 
															+                    {"comment": ""}, "expiration_time": 1705494029}} data:
														
 
															+                    {"event": "workflow_paused", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "message_id":
														
 
															+                    "2e4f6a8b-1c3d-5e7f-9a0b-2c4d6e8f0a1b", "conversation_id":
														
 
															+                    "9d3a2f1b-6c7d-4e8f-a0b1-c2d3e4f5a6b7", "created_at":
														
 
															+                    1705407629, "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data":
														
 
															+                    {"workflow_run_id": "fb47b2e6-5e43-4f90-be01-d5c5a088d156",
														
 
															+                    "paused_nodes": ["approval_node"], "outputs": {}, "reasons":
														
 
															+                    [{"TYPE": "human_input_required", "form_id":
														
 
															+                    "a1b2c3d4-e5f6-7890-abcd-ef1234567890", "form_content":
														
 
															+                    "Please review the draft.", "inputs": [{"type":
														
 
															+                    "text_input", "output_variable_name": "comment", "default":
														
 
															+                    null}], "actions": [{"id": "approve", "title": "Approve",
														
 
															+                    "button_style": "primary"}], "node_id": "approval_node",
														
 
															+                    "node_title": "Approval", "resolved_default_values":
														
 
															+                    {"comment": ""}, "form_token": "tok_abc123",
														
 
															+                    "expiration_time": 1705494029}], "status": "paused",
														
 
															+                    "created_at": 1705407629, "elapsed_time": 0.5,
														
 
															+                    "total_tokens": 0, "total_steps": 1}}
														
 
															+        '400':
														
 
															+          description: |-
														
 
															+            - `app_unavailable` : 应用不可用或配置错误。
														
 
															+            - `not_chat_app` : App mode does not match the API route.
														
 
															+            - `conversation_completed` : The conversation has ended.
														
 
															+            - `provider_not_initialize` : 未找到有效的模型提供商凭据。
														
 
															+            - `provider_quota_exceeded` : 模型提供商配额已用尽。
														
 
															+            - `model_currently_not_support` : 当前模型不可用。
														
 
															+            - `completion_request_error` : 文本生成失败。
														
 
															+            - `bad_request` : Cannot use draft 工作流 version.
														
 
															+            - `bad_request` : Invalid `workflow_id` format.
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                app_unavailable:
														
 
															+                  summary: app_unavailable
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: app_unavailable
														
 
															+                    message: App unavailable, please check your app configurations.
														
 
															+                not_chat_app:
														
 
															+                  summary: not_chat_app
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: not_chat_app
														
 
															+                    message: Please check if your app mode matches the right API route.
														
 
															+                conversation_completed:
														
 
															+                  summary: conversation_completed
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: conversation_completed
														
 
															+                    message: >-
														
 
															+                      The conversation has ended. Please start a new
														
 
															+                      conversation.
														
 
															+                provider_not_initialize:
														
 
															+                  summary: provider_not_initialize
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: provider_not_initialize
														
 
															+                    message: >-
														
 
															+                      No valid model provider credentials found. Please go to
														
 
															+                      Settings -> Model Provider to complete your provider
														
 
															+                      credentials.
														
 
															+                provider_quota_exceeded:
														
 
															+                  summary: provider_quota_exceeded
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: provider_quota_exceeded
														
 
															+                    message: >-
														
 
															+                      Your quota for Dify Hosted OpenAI has been exhausted.
														
 
															+                      Please go to Settings -> Model Provider to complete your
														
 
															+                      own provider credentials.
														
 
															+                model_currently_not_support:
														
 
															+                  summary: model_currently_not_support
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: model_currently_not_support
														
 
															+                    message: >-
														
 
															+                      Dify Hosted OpenAI trial currently not support the GPT-4
														
 
															+                      model.
														
 
															+                completion_request_error:
														
 
															+                  summary: completion_request_error
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: completion_request_error
														
 
															+                    message: Completion request failed.
														
 
															+                is_draft_workflow:
														
 
															+                  summary: bad_request
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: bad_request
														
 
															+                    message: >-
														
 
															+                      Cannot use draft workflow version. Workflow ID:
														
 
															+                      a1b2c3d4-5678-90ab-cdef-1234567890ab. 
														
 
															+                workflow_id_format_error:
														
 
															+                  summary: bad_request
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: bad_request
														
 
															+                    message: 'Invalid workflow_id format: ''not-a-valid-id''. '
														
 
															+        '404':
														
 
															+          description: |-
														
 
															+            - `not_found` : Conversation does not exist.
														
 
															+            - `not_found` : 工作流 not found with the specified `workflow_id`.
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                conversation_not_exists:
														
 
															+                  summary: not_found
														
 
															+                  value:
														
 
															+                    status: 404
														
 
															+                    code: not_found
														
 
															+                    message: Conversation Not Exists.
														
 
															+                workflow_not_found:
														
 
															+                  summary: not_found
														
 
															+                  value:
														
 
															+                    status: 404
														
 
															+                    code: not_found
														
 
															+                    message: >-
														
 
															+                      Workflow not found with id:
														
 
															+                      a1b2c3d4-5678-90ab-cdef-1234567890ab
														
 
															+        '429':
														
 
															+          description: |-
														
 
															+            - `too_many_requests` : 该应用的并发请求过多。
														
 
															+            - `rate_limit_error` : 上游模型提供商的速率限制已超出。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                too_many_requests:
														
 
															+                  summary: too_many_requests
														
 
															+                  value:
														
 
															+                    status: 429
														
 
															+                    code: too_many_requests
														
 
															+                    message: Too many requests. Please try again later.
														
 
															+                rate_limit_error:
														
 
															+                  summary: rate_limit_error
														
 
															+                  value:
														
 
															+                    status: 429
														
 
															+                    code: rate_limit_error
														
 
															+                    message: Rate Limit Error
														
 
															+        '500':
														
 
															+          description: '`internal_server_error` : 内部服务器错误。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                internal_server_error:
														
 
															+                  summary: internal_server_error
														
 
															+                  value:
														
 
															+                    status: 500
														
 
															+                    code: internal_server_error
														
 
															+                    message: Internal server error.
														
 
															+components:
														
 
															+  schemas:
														
 
															+    ChatRequest:
														
 
															+      type: object
														
 
															+      required:
														
 
															+        - inputs
														
 
															+        - query
														
 
															+        - user
														
 
															+      properties:
														
 
															+        query:
														
 
															+          type: string
														
 
															+          description: 用户输入/问题内容。
														
 
															+        inputs:
														
 
															+          type: object
														
 
															+          description: >-
														
 
															+            允许输入应用定义的各种变量值。包含键值对。请参阅 [获取应用参数](/api-reference/应用配置/获取应用参数) 响应中的
														
 
															+            `user_input_form` 字段，以了解应用所需的变量名称和类型。
														
 
															+          additionalProperties: true
														
 
															+        response_mode:
														
 
															+          type: string
														
 
															+          enum:
														
 
															+            - streaming
														
 
															+            - blocking
														
 
															+          description: >-
														
 
															+            响应返回模式。`streaming`（推荐）使用 SSE。`blocking`
														
 
															+            等待完成后返回（长时间处理可能会被中断）。Cloudflare 超时为 `100 s`。省略时默认为阻塞模式。
														
 
															+        user:
														
 
															+          type: string
														
 
															+          description: 用户标识符，在应用内唯一。此标识符用于限定数据访问范围——会话、消息和文件仅在使用相同的 `user` 值查询时可见。
														
 
															+        conversation_id:
														
 
															+          type: string
														
 
															+          description: >-
														
 
															+            用于继续会话的会话 ID。传入上一条消息的 `conversation_id`。要开始新会话，请省略此字段或传入空字符串。响应会返回一个
														
 
															+            `conversation_id`——在后续消息中传入该值即可继续该会话。
														
 
															+        files:
														
 
															+          type: array
														
 
															+          description: >-
														
 
															+            用于多模态理解的文件列表，包括图片、文档、音频和视频。要附加本地文件，请先通过
														
 
															+            [上传文件](/api-reference/文件操作/上传文件) 上传，然后将返回的 `id` 作为
														
 
															+            `upload_file_id`，并设置 `transfer_method: local_file`。
														
 
															+          items:
														
 
															+            type: object
														
 
															+            required:
														
 
															+              - type
														
 
															+              - transfer_method
														
 
															+            properties:
														
 
															+              type:
														
 
															+                type: string
														
 
															+                enum:
														
 
															+                  - image
														
 
															+                  - document
														
 
															+                  - audio
														
 
															+                  - video
														
 
															+                  - custom
														
 
															+                description: 文件类型。
														
 
															+              transfer_method:
														
 
															+                type: string
														
 
															+                enum:
														
 
															+                  - remote_url
														
 
															+                  - local_file
														
 
															+                description: 传输方式：文件 URL 使用 `remote_url`，上传文件使用 `local_file`。
														
 
															+              url:
														
 
															+                type: string
														
 
															+                format: url
														
 
															+                description: 文件 URL（当 `transfer_method` 为 `remote_url` 时必填）。
														
 
															+              upload_file_id:
														
 
															+                type: string
														
 
															+                description: >-
														
 
															+                  通过 [上传文件](/api-reference/文件操作/上传文件) API 获取的已上传文件 ID（当
														
 
															+                  `transfer_method` 为 `local_file` 时必填）。
														
 
															+        auto_generate_name:
														
 
															+          type: boolean
														
 
															+          description: >-
														
 
															+            自动生成会话标题。如果为 `false`，请使用 [重命名会话](/api-reference/会话管理/重命名会话) API 并设置
														
 
															+            `auto_generate: true` 来异步生成标题。
														
 
															+          default: true
														
 
															+        workflow_id:
														
 
															+          type: string
														
 
															+          description: 指定要执行的已发布工作流版本 ID。如果未提供，将使用最新发布的版本。
														
 
															+    ChatCompletionResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        event:
														
 
															+          type: string
														
 
															+          description: 事件类型，固定为 `message`。
														
 
															+        task_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 用于请求追踪和停止响应 API 的任务 ID。
														
 
															+        id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 该响应事件的唯一 ID。
														
 
															+        message_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 唯一的消息 ID。调用反馈或推荐问题接口时，将此值作为 `message_id` 参数使用。
														
 
															+        conversation_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 会话 ID。
														
 
															+        mode:
														
 
															+          type: string
														
 
															+          description: 应用模式，固定为 `advanced-chat`。
														
 
															+        answer:
														
 
															+          type: string
														
 
															+          description: 完整的响应内容。
														
 
															+        metadata:
														
 
															+          type: object
														
 
															+          description: 包含用量和检索资源的元数据。
														
 
															+          properties:
														
 
															+            usage:
														
 
															+              $ref: '#/components/schemas/Usage'
														
 
															+            retriever_resources:
														
 
															+              type: array
														
 
															+              description: 使用的检索资源列表。
														
 
															+              items:
														
 
															+                $ref: '#/components/schemas/RetrieverResource'
														
 
															+        created_at:
														
 
															+          type: integer
														
 
															+          format: int64
														
 
															+          description: 消息创建时间戳（Unix 纪元秒）。
														
 
															+    Usage:
														
 
															+      type: object
														
 
															+      description: 模型使用信息。
														
 
															+      properties:
														
 
															+        prompt_tokens:
														
 
															+          type: integer
														
 
															+          description: 提示词中的令牌数。
														
 
															+        prompt_unit_price:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 每个提示词令牌的单价。
														
 
															+        prompt_price_unit:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 提示词令牌的价格单位。
														
 
															+        prompt_price:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 提示词令牌的总价。
														
 
															+        completion_tokens:
														
 
															+          type: integer
														
 
															+          description: 补全内容中的令牌数。
														
 
															+        completion_unit_price:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 每个补全令牌的单价。
														
 
															+        completion_price_unit:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 补全令牌的价格单位。
														
 
															+        completion_price:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 补全令牌的总价。
														
 
															+        total_tokens:
														
 
															+          type: integer
														
 
															+          description: 使用的令牌总数。
														
 
															+        total_price:
														
 
															+          type: string
														
 
															+          format: decimal
														
 
															+          description: 所有令牌的总价。
														
 
															+        currency:
														
 
															+          type: string
														
 
															+          description: 计价货币。
														
 
															+        latency:
														
 
															+          type: number
														
 
															+          format: double
														
 
															+          description: 延迟时间（秒）。
														
 
															+    RetrieverResource:
														
 
															+      type: object
														
 
															+      description: 检索资源的引用和归属信息。
														
 
															+      properties:
														
 
															+        id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 检索资源的唯一 ID。
														
 
															+        message_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 该资源所属消息的 ID。
														
 
															+        position:
														
 
															+          type: integer
														
 
															+          description: 资源在列表中的位置。
														
 
															+        dataset_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 知识库 ID。
														
 
															+        dataset_name:
														
 
															+          type: string
														
 
															+          description: 知识库名称。
														
 
															+        document_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 文档 ID。
														
 
															+        document_name:
														
 
															+          type: string
														
 
															+          description: 文档名称。
														
 
															+        data_source_type:
														
 
															+          type: string
														
 
															+          description: 数据源类型。
														
 
															+        segment_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 文档中特定块的 ID。
														
 
															+        score:
														
 
															+          type: number
														
 
															+          format: float
														
 
															+          description: 资源的相关性评分。
														
 
															+        hit_count:
														
 
															+          type: integer
														
 
															+          description: 该块被命中的次数。
														
 
															+        word_count:
														
 
															+          type: integer
														
 
															+          description: 块的字数。
														
 
															+        segment_position:
														
 
															+          type: integer
														
 
															+          description: 块在文档中的位置。
														
 
															+        index_node_hash:
														
 
															+          type: string
														
 
															+          description: 索引节点的哈希值。
														
 
															+        content:
														
 
															+          type: string
														
 
															+          description: 资源的内容片段。
														
 
															+        summary:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 块内容的摘要。
														
 
															+        created_at:
														
 
															+          type: integer
														
 
															+          format: int64
														
 
															+          description: 创建时间戳（Unix 纪元秒）。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/应用配置获取应用参数.md
+++ b/docs/应用配置获取应用参数.md
@@ -0,0 +1,319 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 获取应用参数
														
 
															+
														
 
															+> 获取应用的输入表单配置，包括功能开关、输入参数名称、类型和默认值。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_completion.json get /parameters
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 文本生成型应用 API
														
 
															+  description: 文本生成型应用提供无会话支持，适用于翻译、文章撰写、摘要总结 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 文本生成型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 文本生成
														
 
															+    description: 文本生成相关操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件管理相关操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音相关操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+paths:
														
 
															+  /parameters:
														
 
															+    get:
														
 
															+      tags:
														
 
															+        - 应用配置
														
 
															+      summary: 获取应用参数
														
 
															+      description: 获取应用的输入表单配置，包括功能开关、输入参数名称、类型和默认值。
														
 
															+      operationId: getAppParameters
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: 应用参数信息。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/CompletionAppParametersResponse'
														
 
															+              examples:
														
 
															+                appParameters:
														
 
															+                  summary: 响应示例
														
 
															+                  value:
														
 
															+                    opening_statement: Hello! How can I help you today?
														
 
															+                    suggested_questions:
														
 
															+                      - What can you do?
														
 
															+                      - Tell me about your features.
														
 
															+                    suggested_questions_after_answer:
														
 
															+                      enabled: true
														
 
															+                    speech_to_text:
														
 
															+                      enabled: false
														
 
															+                    text_to_speech:
														
 
															+                      enabled: false
														
 
															+                      voice: alloy
														
 
															+                      language: en-US
														
 
															+                      autoPlay: disabled
														
 
															+                    retriever_resource:
														
 
															+                      enabled: true
														
 
															+                    annotation_reply:
														
 
															+                      enabled: false
														
 
															+                    more_like_this:
														
 
															+                      enabled: false
														
 
															+                    sensitive_word_avoidance:
														
 
															+                      enabled: false
														
 
															+                    user_input_form:
														
 
															+                      - text-input:
														
 
															+                          label: City
														
 
															+                          variable: city
														
 
															+                          required: true
														
 
															+                          default: ''
														
 
															+                    file_upload:
														
 
															+                      image:
														
 
															+                        enabled: true
														
 
															+                        number_limits: 3
														
 
															+                        detail: high
														
 
															+                        transfer_methods:
														
 
															+                          - remote_url
														
 
															+                          - local_file
														
 
															+                    system_parameters:
														
 
															+                      file_size_limit: 15
														
 
															+                      image_file_size_limit: 10
														
 
															+                      audio_file_size_limit: 50
														
 
															+                      video_file_size_limit: 100
														
 
															+                      workflow_file_upload_limit: 10
														
 
															+        '400':
														
 
															+          description: '`app_unavailable` : 应用不可用或配置错误。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                app_unavailable:
														
 
															+                  summary: app_unavailable
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: app_unavailable
														
 
															+                    message: App unavailable, please check your app configurations.
														
 
															+components:
														
 
															+  schemas:
														
 
															+    CompletionAppParametersResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        opening_statement:
														
 
															+          type: string
														
 
															+          description: 开始时显示的开场白。
														
 
															+        suggested_questions:
														
 
															+          type: array
														
 
															+          items:
														
 
															+            type: string
														
 
															+          description: 建议的初始问题列表。
														
 
															+        suggested_questions_after_answer:
														
 
															+          type: object
														
 
															+          description: 回答后建议问题的配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        speech_to_text:
														
 
															+          type: object
														
 
															+          description: 语音转文字配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        text_to_speech:
														
 
															+          type: object
														
 
															+          description: 文字转语音配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+            voice:
														
 
															+              type: string
														
 
															+              description: TTS 的声音标识符。
														
 
															+            language:
														
 
															+              type: string
														
 
															+              description: TTS 的语言。
														
 
															+            autoPlay:
														
 
															+              type: string
														
 
															+              enum:
														
 
															+                - enabled
														
 
															+                - disabled
														
 
															+              description: 自动播放设置。
														
 
															+        retriever_resource:
														
 
															+          type: object
														
 
															+          description: 检索资源配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        annotation_reply:
														
 
															+          type: object
														
 
															+          description: 标注回复配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        more_like_this:
														
 
															+          type: object
														
 
															+          description: 更多类似内容配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        sensitive_word_avoidance:
														
 
															+          type: object
														
 
															+          description: 敏感词过滤配置。
														
 
															+          properties:
														
 
															+            enabled:
														
 
															+              type: boolean
														
 
															+              description: 是否启用此功能。
														
 
															+        user_input_form:
														
 
															+          type: array
														
 
															+          description: 用户输入表单元素列表。
														
 
															+          items:
														
 
															+            $ref: '#/components/schemas/UserInputFormItem'
														
 
															+        file_upload:
														
 
															+          type: object
														
 
															+          description: 文件上传配置。
														
 
															+          properties:
														
 
															+            image:
														
 
															+              type: object
														
 
															+              description: 图片上传设置。
														
 
															+              properties:
														
 
															+                enabled:
														
 
															+                  type: boolean
														
 
															+                  description: 是否启用图片上传。
														
 
															+                number_limits:
														
 
															+                  type: integer
														
 
															+                  description: 最大图片数量。
														
 
															+                detail:
														
 
															+                  type: string
														
 
															+                  description: 图片精细程度。
														
 
															+                transfer_methods:
														
 
															+                  type: array
														
 
															+                  items:
														
 
															+                    type: string
														
 
															+                    enum:
														
 
															+                      - remote_url
														
 
															+                      - local_file
														
 
															+                  description: 允许的传输方式。
														
 
															+        system_parameters:
														
 
															+          type: object
														
 
															+          description: 系统级参数和限制。
														
 
															+          properties:
														
 
															+            file_size_limit:
														
 
															+              type: integer
														
 
															+              description: 最大文件大小（MB）。
														
 
															+            image_file_size_limit:
														
 
															+              type: integer
														
 
															+              description: 最大图片文件大小（MB）。
														
 
															+            audio_file_size_limit:
														
 
															+              type: integer
														
 
															+              description: 最大音频文件大小（MB）。
														
 
															+            video_file_size_limit:
														
 
															+              type: integer
														
 
															+              description: 最大视频文件大小（MB）。
														
 
															+            workflow_file_upload_limit:
														
 
															+              type: integer
														
 
															+              description: 工作流文件上传的最大文件数。
														
 
															+    UserInputFormItem:
														
 
															+      type: object
														
 
															+      oneOf:
														
 
															+        - $ref: '#/components/schemas/TextInputControlWrapper'
														
 
															+        - $ref: '#/components/schemas/ParagraphControlWrapper'
														
 
															+        - $ref: '#/components/schemas/SelectControlWrapper'
														
 
															+    TextInputControlWrapper:
														
 
															+      title: Text Input
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        text-input:
														
 
															+          $ref: '#/components/schemas/TextInputControl'
														
 
															+    ParagraphControlWrapper:
														
 
															+      title: Paragraph
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        paragraph:
														
 
															+          $ref: '#/components/schemas/ParagraphControl'
														
 
															+    SelectControlWrapper:
														
 
															+      title: Select
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        select:
														
 
															+          $ref: '#/components/schemas/SelectControl'
														
 
															+    TextInputControl:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        label:
														
 
															+          type: string
														
 
															+          description: 表单字段的显示标签。
														
 
															+        variable:
														
 
															+          type: string
														
 
															+          description: 用作 `inputs` 对象中键的变量名。
														
 
															+        required:
														
 
															+          type: boolean
														
 
															+          description: 提交前是否必须填写此字段。
														
 
															+        default:
														
 
															+          type: string
														
 
															+          description: 表单字段中预填的默认值。
														
 
															+    ParagraphControl:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        label:
														
 
															+          type: string
														
 
															+          description: 表单字段的显示标签。
														
 
															+        variable:
														
 
															+          type: string
														
 
															+          description: 用作 `inputs` 对象中键的变量名。
														
 
															+        required:
														
 
															+          type: boolean
														
 
															+          description: 提交前是否必须填写此字段。
														
 
															+        default:
														
 
															+          type: string
														
 
															+          description: 表单字段中预填的默认值。
														
 
															+    SelectControl:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        label:
														
 
															+          type: string
														
 
															+          description: 表单字段的显示标签。
														
 
															+        variable:
														
 
															+          type: string
														
 
															+          description: 用作 `inputs` 对象中键的变量名。
														
 
															+        required:
														
 
															+          type: boolean
														
 
															+          description: 提交前是否必须做出选择。
														
 
															+        default:
														
 
															+          type: string
														
 
															+          description: 默认选中的值。
														
 
															+        options:
														
 
															+          type: array
														
 
															+          items:
														
 
															+            type: string
														
 
															+          description: 此表单控件的可选值列表。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/执行工作流.md
+++ b/docs/执行工作流.md
@@ -0,0 +1,443 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 执行工作流
														
 
															+
														
 
															+> 执行工作流。没有已发布的工作流时无法执行。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_workflow.json post /workflows/run
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 工作流应用 API
														
 
															+  description: 工作流应用提供无会话支持，适用于翻译、文章写作、摘要 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 工作流应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 工作流
														
 
															+    description: 用于执行和管理工作流的操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件上传和下载操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音转换。
														
 
															+  - name: 应用配置
														
 
															+    description: 应用设置、参数和元数据。
														
 
															+  - name: 人工介入
														
 
															+    description: 暂停等待人工输入的工作流恢复操作。
														
 
															+paths:
														
 
															+  /workflows/run:
														
 
															+    post:
														
 
															+      tags:
														
 
															+        - 工作流
														
 
															+      summary: 执行工作流
														
 
															+      description: 执行工作流。没有已发布的工作流时无法执行。
														
 
															+      operationId: executeWorkflowCn
														
 
															+      requestBody:
														
 
															+        required: true
														
 
															+        content:
														
 
															+          application/json:
														
 
															+            schema:
														
 
															+              $ref: '#/components/schemas/WorkflowExecutionRequest'
														
 
															+            examples:
														
 
															+              streaming_example:
														
 
															+                summary: 请求示例 - 流式模式
														
 
															+                value:
														
 
															+                  inputs:
														
 
															+                    query: >-
														
 
															+                      Summarize this text: The quick brown fox jumps over the
														
 
															+                      lazy dog.
														
 
															+                  response_mode: streaming
														
 
															+                  user: user_workflow_123
														
 
															+              blocking_example:
														
 
															+                summary: 请求示例 - 阻塞模式
														
 
															+                value:
														
 
															+                  inputs:
														
 
															+                    query: 'Translate this to French: Hello world'
														
 
															+                  response_mode: blocking
														
 
															+                  user: user_workflow_456
														
 
															+              with_file_array_variable:
														
 
															+                summary: Request Example - File array input
														
 
															+                value:
														
 
															+                  inputs:
														
 
															+                    my_documents:
														
 
															+                      - type: document
														
 
															+                        transfer_method: local_file
														
 
															+                        upload_file_id: a1b2c3d4-5678-90ab-cdef-1234567890ab
														
 
															+                      - type: image
														
 
															+                        transfer_method: remote_url
														
 
															+                        url: https://example.com/image.jpg
														
 
															+                  response_mode: blocking
														
 
															+                  user: user_workflow_789
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: >-
														
 
															+            请求成功。内容类型和结构取决于请求中的 `response_mode` 参数。
														
 
															+
														
 
															+
														
 
															+            - 如果 `response_mode` 为 `blocking`，返回 `application/json` 和
														
 
															+            `WorkflowBlockingResponse` 对象。
														
 
															+
														
 
															+            - 如果 `response_mode` 为 `streaming`，返回 `text/event-stream` 和
														
 
															+            `ChunkWorkflowEvent` 对象流。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/WorkflowBlockingResponse'
														
 
															+              examples:
														
 
															+                blockingResponse:
														
 
															+                  summary: 响应示例 - 阻塞模式
														
 
															+                  value:
														
 
															+                    task_id: c3800678-a077-43df-a102-53f23ed20b88
														
 
															+                    workflow_run_id: fb47b2e6-5e43-4f90-be01-d5c5a088d156
														
 
															+                    data:
														
 
															+                      id: fb47b2e6-5e43-4f90-be01-d5c5a088d156
														
 
															+                      workflow_id: 7c3e33d4-2a8b-4e5f-9b1a-d3c6e8f12345
														
 
															+                      status: succeeded
														
 
															+                      outputs:
														
 
															+                        result: Bonjour le monde
														
 
															+                      error: null
														
 
															+                      elapsed_time: 1.23
														
 
															+                      total_tokens: 150
														
 
															+                      total_steps: 3
														
 
															+                      created_at: 1705407629
														
 
															+                      finished_at: 1705407630
														
 
															+            text/event-stream:
														
 
															+              schema:
														
 
															+                type: string
														
 
															+                description: >-
														
 
															+                  服务器发送事件 (SSE) 流。
														
 
															+
														
 
															+
														
 
															+                  **解析**：每行以 `data: ` 开头，后接一个 JSON 对象，以 `\n\n` 终止。解析 JSON 前先去除
														
 
															+                  `data: ` 前缀，再读取 `event` 字段确定事件类型。忽略 `ping` 事件，该事件每 10
														
 
															+                  秒发送一次以保持连接活跃。
														
 
															+
														
 
															+
														
 
															+                  **流生命周期**：收到 `workflow_finished`、`workflow_paused` 或 `error`
														
 
															+                  事件时流关闭。错误以流内 `error` 事件的形式返回，HTTP 状态码始终为
														
 
															+                  `200`；请检查事件载荷获取详情，不要依赖状态码判断。
														
 
															+
														
 
															+
														
 
															+                  **人工介入事件**：
														
 
															+
														
 
															+                  - `human_input_required`：工作流到达人工介入节点时与 `workflow_paused`
														
 
															+                  一同触发。使用载荷中的 `form_token` 通过 [人工介入
														
 
															+                  API](/api-reference/人工介入/获取人工介入表单) 处理表单。
														
 
															+
														
 
															+                  - `human_input_form_filled`：接收者提交了表单，工作流恢复执行。
														
 
															+
														
 
															+                  - `human_input_form_timeout`：表单超时未响应。如定义了超时回退分支，工作流将沿该分支执行。
														
 
															+              examples:
														
 
															+                streamingResponse:
														
 
															+                  summary: 响应示例 - 流式模式
														
 
															+                  value: >-
														
 
															+                    data: {"event": "workflow_started", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "workflow_id":
														
 
															+                    "7c3e33d4-2a8b-4e5f-9b1a-d3c6e8f12345", "inputs": {"query":
														
 
															+                    "Translate this"}, "created_at": 1705407629, "reason":
														
 
															+                    "initial"}} data: {"event": "node_started", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"id":
														
 
															+                    "node_exec_1", "node_id": "node_1", "node_type": "llm",
														
 
															+                    "title": "LLM Node", "index": 1, "created_at": 1705407629}}
														
 
															+                    data: {"event": "text_chunk", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"text":
														
 
															+                    "Bonjour", "from_variable_selector": ["node_1", "text"]}}
														
 
															+                    data: {"event": "workflow_finished", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "workflow_id":
														
 
															+                    "7c3e33d4-2a8b-4e5f-9b1a-d3c6e8f12345", "status":
														
 
															+                    "succeeded", "outputs": {"result": "Bonjour le monde"},
														
 
															+                    "elapsed_time": 1.23, "total_tokens": 150, "total_steps": 3,
														
 
															+                    "created_at": 1705407629, "finished_at": 1705407630}}
														
 
															+                humanInputPause:
														
 
															+                  summary: 响应示例 - 人工介入暂停
														
 
															+                  value: >-
														
 
															+                    data: {"event": "workflow_started", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "workflow_id":
														
 
															+                    "7c3e33d4-2a8b-4e5f-9b1a-d3c6e8f12345", "inputs": {"draft":
														
 
															+                    "Hello"}, "created_at": 1705407629, "reason": "initial"}}
														
 
															+                    data: {"event": "human_input_required", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data": {"form_id":
														
 
															+                    "a1b2c3d4-e5f6-7890-abcd-ef1234567890", "form_token":
														
 
															+                    "tok_abc123", "node_id": "approval_node", "node_title":
														
 
															+                    "Approval", "form_content": "Please review the draft.",
														
 
															+                    "inputs": [{"type": "text_input", "output_variable_name":
														
 
															+                    "comment", "default": null}], "actions": [{"id": "approve",
														
 
															+                    "title": "Approve", "button_style": "primary"}],
														
 
															+                    "display_in_ui": false, "resolved_default_values":
														
 
															+                    {"comment": ""}, "expiration_time": 1705494029}} data:
														
 
															+                    {"event": "workflow_paused", "task_id":
														
 
															+                    "c3800678-a077-43df-a102-53f23ed20b88", "workflow_run_id":
														
 
															+                    "fb47b2e6-5e43-4f90-be01-d5c5a088d156", "data":
														
 
															+                    {"workflow_run_id": "fb47b2e6-5e43-4f90-be01-d5c5a088d156",
														
 
															+                    "status": "paused", "created_at": 1705407629,
														
 
															+                    "elapsed_time": 0.5}}
														
 
															+        '400':
														
 
															+          description: |-
														
 
															+            - `not_workflow_app` : App mode does not match the API route.
														
 
															+            - `provider_not_initialize` : 未找到有效的模型提供商凭据。
														
 
															+            - `provider_quota_exceeded` : 模型提供商配额已用尽。
														
 
															+            - `model_currently_not_support` : 当前模型不可用。
														
 
															+            - `completion_request_error` : 工作流 execution request failed.
														
 
															+            - `invalid_param` : Invalid parameter value.
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                not_workflow_app:
														
 
															+                  summary: not_workflow_app
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: not_workflow_app
														
 
															+                    message: Please check if your app mode matches the right API route.
														
 
															+                provider_not_initialize:
														
 
															+                  summary: provider_not_initialize
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: provider_not_initialize
														
 
															+                    message: >-
														
 
															+                      No valid model provider credentials found. Please go to
														
 
															+                      Settings -> Model Provider to complete your provider
														
 
															+                      credentials.
														
 
															+                provider_quota_exceeded:
														
 
															+                  summary: provider_quota_exceeded
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: provider_quota_exceeded
														
 
															+                    message: >-
														
 
															+                      Your quota for Dify Hosted OpenAI has been exhausted.
														
 
															+                      Please go to Settings -> Model Provider to complete your
														
 
															+                      own provider credentials.
														
 
															+                model_currently_not_support:
														
 
															+                  summary: model_currently_not_support
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: model_currently_not_support
														
 
															+                    message: >-
														
 
															+                      Dify Hosted OpenAI trial currently not support the GPT-4
														
 
															+                      model.
														
 
															+                completion_request_error:
														
 
															+                  summary: completion_request_error
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: completion_request_error
														
 
															+                    message: Completion request failed.
														
 
															+                invalid_param:
														
 
															+                  summary: invalid_param
														
 
															+                  value:
														
 
															+                    status: 400
														
 
															+                    code: invalid_param
														
 
															+                    message: Arg user must be provided.
														
 
															+        '429':
														
 
															+          description: |-
														
 
															+            - `too_many_requests` : 该应用的并发请求过多。
														
 
															+            - `rate_limit_error` : 上游模型提供商的速率限制已超出。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                too_many_requests:
														
 
															+                  summary: too_many_requests
														
 
															+                  value:
														
 
															+                    status: 429
														
 
															+                    code: too_many_requests
														
 
															+                    message: Too many requests. Please try again later.
														
 
															+                rate_limit_error:
														
 
															+                  summary: rate_limit_error
														
 
															+                  value:
														
 
															+                    status: 429
														
 
															+                    code: rate_limit_error
														
 
															+                    message: Rate Limit Error
														
 
															+        '500':
														
 
															+          description: '`internal_server_error` : 内部服务器错误。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                internal_server_error:
														
 
															+                  summary: internal_server_error
														
 
															+                  value:
														
 
															+                    status: 500
														
 
															+                    code: internal_server_error
														
 
															+                    message: Internal Server Error.
														
 
															+components:
														
 
															+  schemas:
														
 
															+    WorkflowExecutionRequest:
														
 
															+      type: object
														
 
															+      required:
														
 
															+        - inputs
														
 
															+        - user
														
 
															+      properties:
														
 
															+        inputs:
														
 
															+          type: object
														
 
															+          description: >-
														
 
															+            工作流输入变量的键值对。文件类型变量的值应为文件对象数组，包含 `type`、`transfer_method` 以及 `url` 或
														
 
															+            `upload_file_id`。请参阅 [获取应用参数](/api-reference/应用配置/获取应用参数) 响应中的
														
 
															+            `user_input_form` 字段，以了解应用所需的变量名称和类型。
														
 
															+          additionalProperties:
														
 
															+            oneOf:
														
 
															+              - type: string
														
 
															+              - type: number
														
 
															+              - type: boolean
														
 
															+              - type: object
														
 
															+              - type: array
														
 
															+                items:
														
 
															+                  $ref: '#/components/schemas/InputFileObject'
														
 
															+        response_mode:
														
 
															+          type: string
														
 
															+          enum:
														
 
															+            - streaming
														
 
															+            - blocking
														
 
															+          description: >-
														
 
															+            响应模式。使用 `blocking` 获取同步响应（Cloudflare 超时时间为 `100 s`），使用 `streaming`
														
 
															+            获取服务器发送事件。未指定时默认为阻塞模式。
														
 
															+        user:
														
 
															+          type: string
														
 
															+          description: >-
														
 
															+            用户标识符，由开发者自定义规则，在应用内必须唯一。此标识符用于限定数据访问范围——工作流运行和文件仅在使用相同的 `user`
														
 
															+            值查询时可见。
														
 
															+        files:
														
 
															+          type: array
														
 
															+          items:
														
 
															+            $ref: '#/components/schemas/InputFileObject'
														
 
															+          nullable: true
														
 
															+          description: >-
														
 
															+            文件列表。适用于需要将文件与文本组合输入的场景，仅在模型支持 Vision 能力时可用。要附加本地文件，请先通过
														
 
															+            [上传文件](/api-reference/文件操作/上传文件) 上传，然后将返回的 `id` 作为
														
 
															+            `upload_file_id`，并设置 `transfer_method: local_file`。
														
 
															+    WorkflowBlockingResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        task_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: >-
														
 
															+            进行中的执行任务 ID。配合 [停止工作流任务](/api-reference/工作流/停止-工作流-任务)
														
 
															+            使用以取消运行中的工作流。仅在执行期间有效。
														
 
															+        workflow_run_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: >-
														
 
															+            此工作流运行记录的持久化标识符。配合 [获取工作流运行详情](/api-reference/工作流/获取-工作流-执行情况)
														
 
															+            使用以在执行后获取结果。
														
 
															+        data:
														
 
															+          $ref: '#/components/schemas/WorkflowFinishedData'
														
 
															+    InputFileObject:
														
 
															+      type: object
														
 
															+      required:
														
 
															+        - type
														
 
															+        - transfer_method
														
 
															+      properties:
														
 
															+        type:
														
 
															+          type: string
														
 
															+          enum:
														
 
															+            - document
														
 
															+            - image
														
 
															+            - audio
														
 
															+            - video
														
 
															+            - custom
														
 
															+          description: 文件类型。
														
 
															+        transfer_method:
														
 
															+          type: string
														
 
															+          enum:
														
 
															+            - remote_url
														
 
															+            - local_file
														
 
															+          description: 传输方式：文件 URL 使用 `remote_url`，上传文件使用 `local_file`。
														
 
															+        url:
														
 
															+          type: string
														
 
															+          format: url
														
 
															+          description: 文件 URL（当 `transfer_method` 为 `remote_url` 时）。
														
 
															+        upload_file_id:
														
 
															+          type: string
														
 
															+          description: >-
														
 
															+            通过 [上传文件](/api-reference/文件操作/上传文件) API 获取的已上传文件 ID（当
														
 
															+            `transfer_method` 为 `local_file` 时使用）。
														
 
															+    WorkflowFinishedData:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 工作流运行 ID。
														
 
															+        workflow_id:
														
 
															+          type: string
														
 
															+          format: uuid
														
 
															+          description: 工作流 ID.
														
 
															+        status:
														
 
															+          type: string
														
 
															+          description: >-
														
 
															+            工作流执行状态。`running` 表示执行中，`succeeded` 表示成功完成，`failed` 表示执行出错，`stopped`
														
 
															+            表示手动停止，`partial-succeeded` 表示部分节点成功但其他失败，`paused` 表示等待人工介入。
														
 
															+        outputs:
														
 
															+          type: object
														
 
															+          additionalProperties: true
														
 
															+          nullable: true
														
 
															+          description: 工作流的输出数据。
														
 
															+        error:
														
 
															+          type: string
														
 
															+          nullable: true
														
 
															+          description: 工作流失败时的错误消息。
														
 
															+        elapsed_time:
														
 
															+          type: number
														
 
															+          format: float
														
 
															+          description: 总耗时（秒）。
														
 
															+        total_tokens:
														
 
															+          type: integer
														
 
															+          description: 所有节点消耗的总令牌数。
														
 
															+        total_steps:
														
 
															+          type: integer
														
 
															+          description: 已执行的工作流总步数。
														
 
															+        created_at:
														
 
															+          type: integer
														
 
															+          format: int64
														
 
															+          description: 工作流运行创建时的 Unix 时间戳。
														
 
															+        finished_at:
														
 
															+          type: integer
														
 
															+          format: int64
														
 
															+          nullable: true
														
 
															+          description: 工作流运行结束时的 Unix 时间戳。
														
 
															+        created_by:
														
 
															+          type: object
														
 
															+          additionalProperties: true
														
 
															+          description: 创建者信息。仅存在于流式 `workflow_finished` 事件中。
														
 
															+        exceptions_count:
														
 
															+          type: integer
														
 
															+          nullable: true
														
 
															+          description: 执行过程中遇到的异常数量。仅在流式 `workflow_finished` 事件中出现。
														
 
															+        files:
														
 
															+          type: array
														
 
															+          items:
														
 
															+            type: object
														
 
															+            additionalProperties: true
														
 
															+          nullable: true
														
 
															+          description: 工作流执行期间生成的文件。仅存在于流式 `workflow_finished` 事件中。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/数据集平台.md
+++ b/docs/数据集平台.md
@@ -0,0 +1,210 @@
 
															+基于您的要求，我为您补充**详细技术栈清单**、**系统架构图（文字版）**，并明确以 **Python** 和 **Go** 为主要开发语言的技术选型与分工。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 一、技术栈详细清单（Python + Go 双语言架构）
														
 
															+
														
 
															+### 1.1 总体技术选型原则
														
 
															+| 维度 | 选型策略 |
														
 
															+|------|----------|
														
 
															+| **Go** | 负责高并发、高性能、I/O密集型的**数据采集、传输、API网关、调度引擎** |
														
 
															+| **Python** | 负责**数据处理、AI标注、质量评估、数据分析、算法模型**等计算密集型/灵活迭代模块 |
														
 
															+| **共同** | 元数据管理、日志、监控、权限等基础组件共用 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+### 1.2 详细技术栈清单
														
 
															+
														
 
															+| 层级 | 模块 | 技术选型 | 语言 |
														
 
															+|------|------|----------|------|
														
 
															+| **数据源层** | Token运营平台 / AI工作台 | 对接方式：Kafka / REST API / gRPC / SDK | - |
														
 
															+| **采集接入层** | 统一采集网关 | **Go** + Gin/Fiber 框架，支持流式消费和批量拉取 | Go |
														
 
															+| | 消息队列 | Apache Kafka（或 RocketMQ） | - |
														
 
															+| | 数据同步工具 | **Go** 实现的 DataX 增强版 / 自研同步组件 | Go |
														
 
															+| | 调度器 | **Go** + Cron / XXL-JOB（轻量级任务调度） | Go |
														
 
															+| **数据处理层** | 流式处理引擎 | Apache Flink（支持 Python API）或 **Python** + Faust（流式处理库） | Python |
														
 
															+| | 批量处理 | **Python** + Pandas / Dask（大数据量并行计算） | Python |
														
 
															+| | 数据清洗 | **Python** + Pydantic（数据校验） + regex / 自研规则引擎 | Python |
														
 
															+| | 数据脱敏 | **Python** + Cryptography（AES/SM4） + 动态脱敏策略中心 | Python |
														
 
															+| | 数据分类 | **Python** + Scikit-learn / 规则分类器 | Python |
														
 
															+| | 数据标注 | **Python** + Flask/FastAPI（标注后台API） + 前端标注台（Vue） | Python |
														
 
															+| | 质量评估 | **Python** + 自研评分引擎（规则+统计模型） | Python |
														
 
															+| **审核管理层** | 工作流引擎 | **Go** + Temporal（分布式工作流） 或 **Python** + SpiffWorkflow | Go（推荐） |
														
 
															+| | 审核台后台 | **Go** + Gin + JWT 权限控制 | Go |
														
 
															+| **数据集管理层** | 数据集管理服务 | **Go** + GORM + MySQL（元数据存储） | Go |
														
 
															+| | 数据文件存储 | MinIO / 阿里云OSS / HDFS | - |
														
 
															+| | 版本管理 | **Go** + 自研Delta版本差异算法（存储快照+增量） | Go |
														
 
															+| **数据服务层** | 数据集看板（后端API） | **Go** + Gin + WebSocket（实时推送） | Go |
														
 
															+| | 看板前端 | Vue 3 + TypeScript + ECharts / AntV | - |
														
 
															+| | 对外API接口 | **Go** + gRPC / RESTful（预留扩展） | Go |
														
 
															+| **治理与审计层** | 元数据管理 | Apache Atlas（集成） 或 自研元数据中心（**Go** + Elasticsearch） | Go |
														
 
															+| | 审计日志 | **Go** 采集 + ELK（Elasticsearch + Logstash + Kibana） | Go |
														
 
															+| | 权限控制 | **Go** + Casbin（RBAC + ABAC模型） | Go |
														
 
															+| | 全链路追踪 | Jaeger + OpenTelemetry（Go SDK） | Go |
														
 
															+| **基础设施** | 容器编排 | Kubernetes + Docker | - |
														
 
															+| | 服务注册/配置 | Consul / Nacos（**Go** 客户端） | Go |
														
 
															+| | 监控告警 | Prometheus + Grafana（**Go** 采集指标暴露） | Go |
														
 
															+| | CI/CD | GitLab CI / Jenkins + ArgoCD | - |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 二、系统架构图（文字版架构描述）
														
 
															+
														
 
															+> 由于无法直接绘制图片，以下为**分层架构图**的详细文字描述，可直接用于绘图工具（如 Draw.io / Visio）生成架构图。
														
 
															+
														
 
															+```
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                           数据源层（Data Source Layer）                     │
														
 
															+│  ┌────────────────────┐          ┌──────────────────────────────────┐      │
														
 
															+│  │  Token 运营平台     │          │  AI 工作台                      │      │
														
 
															+│  │  - 调用日志         │          │  - 问答记录                     │      │
														
 
															+│  │  - 业务指标         │          │  - 文件解析结果                 │      │
														
 
															+│  └─────────┬──────────┘          │  - 知识引用记录                 │      │
														
 
															+│            │                     │  - 智能问数/材料生成            │      │
														
 
															+│            └─────────────────────┴────────────────┬─────────────────┘      │
														
 
															+└─────────────────────────────────────────────────┬───────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                    采集接入层（Ingestion Layer）[Go]                       │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  统一采集网关（Go + Gin）                                       │      │
														
 
															+│  │  - 实时消费 Kafka 流                                            │      │
														
 
															+│  │  - 定时拉取 API 批量数据                                        │      │
														
 
															+│  │  - 数据路由与初步校验                                           │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  消息队列（Kafka）—— 缓冲削峰                                 │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  数据同步调度器（Go + Cron） - 增量/全量同步管理               │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                   数据处理层（Processing Layer）[Python]                   │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  清洗引擎（Python + Pandas/Dask）                              │      │
														
 
															+│  │  - 去重、格式化、空值处理、字段映射                            │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  脱敏引擎（Python + Cryptography）                              │      │
														
 
															+│  │  - 敏感字段识别与脱敏（掩码/加密/替换）                        │      │
														
 
															+│  │  - 动态脱敏策略中心                                             │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  分类引擎（Python + Scikit-learn / 规则分类器）                │      │
														
 
															+│  │  - 按行业/场景/来源/类型自动打标                               │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  标注引擎（Python + FastAPI + 预训练模型）                     │      │
														
 
															+│  │  - 规则标注 / 半自动标注（NLP模型辅助） / 人工标注台           │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  质量评估引擎（Python + 规则评分模型）                         │      │
														
 
															+│  │  - 完整性/准确性/可用性/合规性打分                             │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                   审核管理层（Review Layer）[Go]                           │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  工作流引擎（Go + Temporal）                                   │      │
														
 
															+│  │  - 多级审批流程（提交→初审→复审→归档）                       │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  审核管理后台（Go + Gin）                                      │      │
														
 
															+│  │  - 授权状态 / 敏感级别 / 审核状态管理                          │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                数据集管理层（Dataset Management Layer）[Go]               │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  数据集管理服务（Go + GORM + MySQL）                           │      │
														
 
															+│  │  - 数据集创建/版本管理/状态管理/台账                          │      │
														
 
															+│  │  - 元数据存储（MySQL） + 文件存储（MinIO/OSS）                │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  版本控制模块（Go + Delta算法）                                │      │
														
 
															+│  │  - 快照+增量差异存储，支持回滚与追溯                          │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                   数据服务层（Service Layer）[Go + Vue]                    │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  数据集看板后端（Go + Gin + WebSocket）                       │      │
														
 
															+│  └──────────────────────────────┬───────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  看板前端（Vue3 + TypeScript + ECharts）                       │      │
														
 
															+│  │  - 数据量/质量/行业分布/审核状态/入库趋势                      │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+│                                 │                                          │
														
 
															+│  ┌──────────────────────────────▼───────────────────────────────────┐      │
														
 
															+│  │  第三方接口预留（Go + gRPC / REST）                            │      │
														
 
															+│  │  - 标准化数据输出接口，支持后续扩展                            │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│              治理与审计层（Governance & Audit Layer）[Go]                  │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  元数据中心（Go + Elasticsearch） + 审计日志（ELK）           │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  权限控制（Go + Casbin - RBAC/ABAC）                          │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+│  ┌──────────────────────────────────────────────────────────────────┐      │
														
 
															+│  │  全链路追踪（Jaeger + OpenTelemetry Go SDK）                  │      │
														
 
															+│  └──────────────────────────────────────────────────────────────────┘      │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                                  │
														
 
															+                                                  ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                    基础设施层（Infrastructure）                              │
														
 
															+│  Kubernetes + Docker + Prometheus + Grafana + Nacos/Consul                │
														
 
															+└─────────────────────────────────────────────────────────────────────────────┘
														
 
															+```
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 三、开发语言分工总结
														
 
															+
														
 
															+| 模块类型 | 使用语言 | 原因 |
														
 
															+|----------|----------|------|
														
 
															+| 数据采集网关、调度器、消息消费 | **Go** | 高并发、低延迟、I/O密集，适合处理大量数据流 |
														
 
															+| 数据清洗、脱敏、分类、标注、质量评估 | **Python** | 丰富的AI/数据分析生态（Pandas/Scikit-learn），灵活迭代算法 |
														
 
															+| 工作流引擎、审核后台、数据集管理、API服务 | **Go** | 高稳定性和性能，适合业务逻辑密集型服务 |
														
 
															+| 看板后端、权限控制、审计日志、链路追踪 | **Go** | 统一服务治理，降低运维复杂度 |
														
 
															+| 看板前端 | **TypeScript + Vue** | 主流前端框架，生态成熟 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 四、关键组件交互流程（数据流转）
														
 
															+
														
 
															+```
														
 
															+1. 数据产生 → Token/AI工作台写入Kafka
														
 
															+2. Go采集网关消费Kafka → 初步校验 → 写入数据缓冲区
														
 
															+3. Python处理引擎定期/实时拉取 → 清洗 → 脱敏 → 分类 → 标注 → 质量评分
														
 
															+4. 处理后数据 → 触发Go工作流引擎 → 进入合规审核流程
														
 
															+5. 审核通过 → Go数据集管理服务 → 创建数据集版本 → 存储元数据+文件
														
 
															+6. 看板API（Go）聚合展示 → 前端渲染
														
 
															+7. 所有环节 → 审计日志写入ELK → 全链路追踪
														
 
															+```
														
 
															+
														
 
															+---
														
--- a/docs/数据集平台最终.md
+++ b/docs/数据集平台最终.md
@@ -0,0 +1,599 @@
 
															+# 数据集平台系统架构设计文档
														
 
															+
														
 
															+## 文档说明
														
 
															+
														
 
															+- **文档版本**：v2.0
														
 
															+- **编制日期**：2026年7月
														
 
															+- **文档类型**：系统架构设计说明书（Architecture Design Document）
														
 
															+- **阅读对象**：技术决策者、架构师、技术负责人、核心开发人员
														
 
															+- **文档目的**：阐述系统的架构设计理念、技术选型依据、模块划分、数据流转及非功能性保障策略
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 一、项目背景与目标
														
 
															+
														
 
															+### 1.1 业务背景
														
 
															+
														
 
															+随着AI能力在Token运营平台和AI工作台中的深度应用，各业务系统产生了海量的调用日志、问答记录、文件解析结果和知识引用数据。这些数据天然具有以下特征：
														
 
															+
														
 
															+- **来源分散**：横跨多个业务系统，数据格式各异
														
 
															+- **价值密度不均**：部分数据可直接用于模型训练，部分需加工治理
														
 
															+- **合规要求高**：涉及用户隐私和业务敏感信息，需严格脱敏和审计
														
 
															+- **需要版本化管理**：数据集需可追溯、可回滚、可对比
														
 
															+
														
 
															+因此，需要一个**企业级数据集治理平台**，将分散的原始数据转化为高质量、合规、可追溯的标准化数据集，服务于AI模型训练、业务分析等下游场景。
														
 
															+
														
 
															+### 1.2 核心建设目标
														
 
															+
														
 
															+| 目标维度 | 具体描述 |
														
 
															+|----------|----------|
														
 
															+| **统一采集** | 支持多数据源（Token平台、AI工作台）的统一接入，标准化数据格式 |
														
 
															+| **智能加工** | 自动化完成清洗、脱敏、分类、标注、质量评估，减少人工干预 |
														
 
															+| **合规可控** | 全过程脱敏、多级审批、完整审计，满足企业数据治理要求 |
														
 
															+| **版本管理** | 支持数据集的版本化存储、差异对比和任意版本回滚 |
														
 
															+| **高效服务** | 提供实时看板、标准化API，支撑数据消费和运营决策 |
														
 
															+| **可扩展** | 支持水平扩展，可平滑接入新数据源和新的处理环节 |
														
 
															+
														
 
															+### 1.3 关键非功能性指标
														
 
															+
														
 
															+| 指标 | 目标值 |
														
 
															+|------|--------|
														
 
															+| 采集吞吐量 | ≥ 50,000 条/秒 |
														
 
															+| 端到端处理延迟 | P95 < 5秒（从产生到入库） |
														
 
															+| 系统可用性 | 99.95%（年停机时间 < 4.5小时） |
														
 
															+| 数据准确性 | ≥ 99.99%（端到端校验） |
														
 
															+| 单日处理能力 | ≥ 1亿条记录 |
														
 
															+| 数据集查询响应 | 百万级数据 < 500ms |
														
 
															+| 合规审计覆盖率 | 100%（所有操作可追溯） |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 二、系统架构设计
														
 
															+
														
 
															+### 2.1 架构设计原则
														
 
															+
														
 
															+| 原则 | 说明 | 体现 |
														
 
															+|------|------|------|
														
 
															+| **职责单一** | 每个模块只做一件事，边界清晰 | 采集只负责接入，清洗只负责清洗，互不耦合 |
														
 
															+| **异步解耦** | 模块间通过消息队列通信，降低依赖 | 全链路基于Kafka流转数据 |
														
 
															+| **语言择优** | 不同场景用最合适的语言 | Go负责高并发I/O，Python负责数据处理和AI |
														
 
															+| **可观测性优先** | 所有操作可追踪、可度量 | 日志+指标+链路追踪三位一体 |
														
 
															+| **安全内置** | 安全不是附加层，而是贯穿全流程 | 脱敏、权限、审计从设计阶段即纳入 |
														
 
															+| **弹性扩展** | 瓶颈模块可独立扩容 | Kubernetes HPA + Kafka消费者组 |
														
 
															+
														
 
															+### 2.2 系统分层架构
														
 
															+
														
 
															+系统采用**七层架构**，从下至上分别为基础设施层、治理审计层、数据服务层、数据集管理层、审核管理层、数据处理层、采集接入层、数据源层。
														
 
															+
														
 
															+```
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                              数据源层（外部系统）                              │
														
 
															+│                    Token运营平台    │    AI工作台    │    其他数据源            │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                     采集接入层（Go）—— 数据入口                               │
														
 
															+│    统一采集网关     │     消息队列（Kafka）     │     同步调度器              │
														
 
															+│  实时消费/批量拉取   │     缓冲削峰/解耦       │   定时/增量同步管理          │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                   数据处理层（Python）—— 数据加工                             │
														
 
															+│  清洗引擎 → 脱敏引擎 → 分类引擎 → 标注引擎 → 质量评估引擎                    │
														
 
															+│  去重/格式化   加密/掩码   自动打标   半自动标注   五维评分                    │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                  审核管理层（Go）—— 合规管控                                  │
														
 
															+│           工作流引擎（Temporal）    │    审核管理后台                         │
														
 
															+│         多级审批/状态机管理          │   授权/敏感级别/审核状态管理            │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│               数据集管理层（Go）—— 核心资产                                   │
														
 
															+│       数据集管理服务      │      版本控制模块      │      存储管理             │
														
 
															+│   创建/状态/台账管理       │   Delta差异/快照/回滚  │  元数据+文件存储          │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                 数据服务层（Go + Vue）—— 能力输出                             │
														
 
															+│   看板后端（WebSocket）   │   看板前端（ECharts）  │   第三方API（gRPC/REST）   │
														
 
															+│   实时聚合推送            │   可视化运营           │   标准化数据输出           │
														
 
															+└────────────────────────────────────────┬────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│             治理与审计层（Go）—— 贯穿全局                                     │
														
 
															+│  元数据中心  │  审计日志（ELK）  │  权限控制（Casbin）  │  链路追踪（Jaeger）    │
														
 
															+└─────────────────────────────────────────────────────────────────────────────────┘
														
 
															+                                         │
														
 
															+                                         ▼
														
 
															+┌─────────────────────────────────────────────────────────────────────────────────┐
														
 
															+│                    基础设施层（全栈支撑）                                       │
														
 
															+│      Kubernetes  │  Docker  │  Prometheus/Grafana  │  Nacos/Consul            │
														
 
															+│      容器编排     │  容器化   │   监控告警           │   服务发现/配置           │
														
 
															+└─────────────────────────────────────────────────────────────────────────────────┘
														
 
															+```
														
 
															+
														
 
															+### 2.3 部署架构与高可用设计
														
 
															+
														
 
															+系统采用**多可用区部署**方案，确保高可用性：
														
 
															+
														
 
															+| 组件 | 部署策略 | 容灾机制 |
														
 
															+|------|----------|----------|
														
 
															+| 采集网关 | 多副本部署（≥3），Kubernetes管理 | 滚动更新，自动恢复 |
														
 
															+| 数据处理引擎 | 多Worker部署，任务队列分发 | 失败自动重试，死信队列 |
														
 
															+| 数据集服务 | 多副本部署（≥3），无状态设计 | 自动扩缩容，故障漂移 |
														
 
															+| MySQL | 主从架构 + 定期全量备份 | 主备切换，数据备份恢复 |
														
 
															+| Kafka | 多Broker集群（≥3） | 分区副本，ISR机制 |
														
 
															+| MinIO | 分布式部署（≥4节点） | 纠删码，多节点容错 |
														
 
															+| Elasticsearch | 多节点集群（≥3） | 主分片+副本分片 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 三、技术选型与决策依据
														
 
															+
														
 
															+### 3.1 双语言架构设计
														
 
															+
														
 
															+系统采用**Go + Python**双语言架构，核心设计思想是"用对的语言做对的事"。
														
 
															+
														
 
															+| 语言 | 负责领域 | 选型理由 | 典型模块 |
														
 
															+|------|----------|----------|----------|
														
 
															+| **Go** | 接入、传输、管理、服务 | 高并发性能优异，内存占用低，部署简单，适合构建长期运行的基础设施服务 | 采集网关、数据集管理、审核后台、看板API、权限控制 |
														
 
															+| **Python** | 处理、分析、AI | 数据科学生态最成熟（Pandas/Scikit-learn），算法迭代灵活，AI模型集成方便 | 清洗、脱敏、分类、标注、质量评估 |
														
 
															+
														
 
															+**模块间通信机制**：
														
 
															+- 异步数据流：通过Kafka主题连接
														
 
															+- 同步管理调用：通过gRPC/RESTful接口
														
 
															+- 配置共享：通过Nacos统一配置中心
														
 
															+
														
 
															+### 3.2 关键技术组件选型
														
 
															+
														
 
															+| 技术领域 | 选型方案 | 备选方案 | 选型理由 |
														
 
															+|----------|----------|----------|----------|
														
 
															+| **消息队列** | Apache Kafka | RocketMQ/Pulsar | 高吞吐、持久化、消费者组机制成熟，与大数据生态集成好 |
														
 
															+| **数据存储（文件）** | MinIO + 云OSS | HDFS/Ceph | S3兼容，与公有云无缝对接，部署简单，支持生命周期管理 |
														
 
															+| **元数据存储** | MySQL | PostgreSQL | 团队熟悉度高，运维生态成熟，事务支持完善 |
														
 
															+| **日志存储** | Elasticsearch | ClickHouse | 全文检索能力强，ELK生态成熟，支持复杂聚合分析 |
														
 
															+| **工作流引擎** | Temporal | Activiti/Flowable | 支持Go原生，状态持久化，宕机恢复能力强 |
														
 
															+| **权限管理** | Casbin | Spring Security | 轻量级，支持RBAC+ABAC混合模型，多语言支持 |
														
 
															+| **链路追踪** | Jaeger + OpenTelemetry | Zipkin | 开源生态活跃，Go SDK支持完善，与Kubernetes集成好 |
														
 
															+| **容器编排** | Kubernetes | Docker Swarm | 事实标准，生态最丰富，支持自动扩缩容 |
														
 
															+| **配置管理** | Nacos | Consul/Etcd | 支持配置热更新，服务发现，与Go/Python集成方便 |
														
 
															+| **监控告警** | Prometheus + Grafana | Zabbix | 云原生标准，与Kubernetes深度集成 |
														
 
															+
														
 
															+### 3.3 技术风险与应对
														
 
															+
														
 
															+| 风险点 | 影响 | 应对措施 |
														
 
															+|--------|------|----------|
														
 
															+| Go与Python跨语言调试困难 | 问题定位耗时 | 引入OpenTelemetry全链路追踪，统一日志格式 |
														
 
															+| Kafka消费积压 | 端到端延迟增大 | 配置消费者组自动扩容，设置积压告警阈值 |
														
 
															+| Python处理性能瓶颈 | 处理速度不足 | 多Worker并行，Dask处理大数据集，优化算法 |
														
 
															+| 存储成本快速增长 | 成本失控 | 建立数据生命周期策略，冷热分层存储 |
														
 
															+| 版本Delta链过长 | 版本恢复变慢 | 每N个版本自动合并为快照，定期清理过期Delta |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 四、模块功能定义与交互关系
														
 
															+
														
 
															+### 4.1 各层模块职责详解
														
 
															+
														
 
															+#### （1）采集接入层（Go）
														
 
															+
														
 
															+| 模块 | 核心职责 | 输入 | 输出 |
														
 
															+|------|----------|------|------|
														
 
															+| 统一采集网关 | 消费Kafka数据流，初步校验，路由分发 | Kafka消息/REST请求 | 清洗后写入Kafka或死信队列 |
														
 
															+| 消息队列（Kafka） | 数据总线，削峰填谷，模块解耦 | 各上游Producer写入 | 各下游Consumer读取 |
														
 
															+| 同步调度器 | 管理定时/增量同步任务，控制同步节奏 | Cron触发/API触发 | 调度任务执行状态 |
														
 
															+
														
 
															+**关键能力**：
														
 
															+- 支持批量拉取和流式消费双模式
														
 
															+- 数据校验失败时自动写入死信队列，不阻塞主流程
														
 
															+- 消费位移管理，支持数据重放
														
 
															+
														
 
															+#### （2）数据处理层（Python）
														
 
															+
														
 
															+| 模块 | 核心职责 | 依赖 | 输出标准 |
														
 
															+|------|----------|------|----------|
														
 
															+| 清洗引擎 | 去重、格式标准化、空值处理、字段映射 | 规则库（可配置） | 数据完整性≥99% |
														
 
															+| 脱敏引擎 | 敏感字段识别、动态脱敏（掩码/加密/替换） | 策略中心 | 合规性100%（无明文敏感数据） |
														
 
															+| 分类引擎 | 规则匹配+机器学习自动打标 | 分类模型、规则库 | 分类准确率≥90% |
														
 
															+| 标注引擎 | 预标注（NLP模型）+ 人工标注台辅助 | 标注模型、前端标注平台 | 标注准确率≥95% |
														
 
															+| 质量评估引擎 | 五维评分（完整性/准确性/一致性/时效性/合规性） | 评分模型 | 输出0-1量化评分 |
														
 
															+
														
 
															+**模块协作模式**：
														
 
															+- 各引擎通过Kafka主题串联，形成处理流水线
														
 
															+- 每个引擎可独立扩容，互不影响
														
 
															+- 质量评估低于阈值的数据被回退，形成反馈闭环
														
 
															+
														
 
															+#### （3）审核管理层（Go）
														
 
															+
														
 
															+| 模块 | 核心职责 | 关键机制 |
														
 
															+|------|----------|----------|
														
 
															+| 工作流引擎 | 管理多级审批流程，状态机驱动 | 提交→初审→复审→归档，超时自动提醒 |
														
 
															+| 审核管理后台 | 审核台操作界面后端 | 权限控制，审核任务分配，审核记录留痕 |
														
 
															+
														
 
															+**审核流程设计**：
														
 
															+- 支持三级审批（初审、复审、终审），可根据数据敏感级别动态调整
														
 
															+- 审核超时自动升级，确保流程不被阻塞
														
 
															+- 驳回数据需附带驳回原因，数据退回处理层重新加工
														
 
															+
														
 
															+#### （4）数据集管理层（Go）
														
 
															+
														
 
															+| 模块 | 核心职责 | 关键设计 |
														
 
															+|------|----------|----------|
														
 
															+| 数据集管理服务 | 数据集CRUD、状态管理、台账维护 | 元数据存MySQL，文件存MinIO |
														
 
															+| 版本控制模块 | 版本创建、差异存储、回滚、追溯 | Delta算法+定期快照 |
														
 
															+| 存储管理 | 文件读写、生命周期管理、压缩优化 | Parquet格式+Snappy压缩 |
														
 
															+
														
 
															+**版本管理策略**：
														
 
															+- 增量存储：每次变更仅保存Delta差异，节省70%存储空间
														
 
															+- 快照策略：每10个版本自动创建全量快照
														
 
															+- 回滚能力：从任意历史版本快速重建
														
 
															+
														
 
															+#### （5）数据服务层（Go + Vue）
														
 
															+
														
 
															+| 模块 | 核心职责 | 技术实现 |
														
 
															+|------|----------|----------|
														
 
															+| 看板后端 | 聚合多源数据，实时推送统计信息 | WebSocket长连接 + 定期拉取 |
														
 
															+| 看板前端 | 可视化展示数据集运营状态 | Vue3 + TypeScript + ECharts |
														
 
															+| 第三方API | 标准化数据输出，支持下游消费 | gRPC（高性能）+ RESTful（兼容性） |
														
 
															+
														
 
															+**看板数据聚合来源**：
														
 
															+- MySQL：数据集元数据统计
														
 
															+- ES：审计日志聚合分析
														
 
															+- Prometheus：系统运行指标
														
 
															+- Redis：实时计数器
														
 
															+
														
 
															+#### （6）治理与审计层（Go）
														
 
															+
														
 
															+| 模块 | 核心职责 | 关键设计 |
														
 
															+|------|----------|----------|
														
 
															+| 元数据中心 | 统一管理数据字典、血缘关系 | 基于ES实现快速检索 |
														
 
															+| 审计日志 | 全操作记录，合规追溯 | 异步写入ES，按天滚动索引 |
														
 
															+| 权限控制 | 细粒度访问控制 | Casbin实现RBAC+ABAC混合模型 |
														
 
															+| 全链路追踪 | 分布式调用链分析 | OpenTelemetry标准 + Jaeger可视化 |
														
 
															+
														
 
															+**审计日志覆盖范围**：
														
 
															+- 所有API调用（谁、何时、做了什么操作、结果如何）
														
 
															+- 数据处理行为（每条数据经过哪些环节、结果状态）
														
 
															+- 审核行为（谁审核的、审核结果、审核意见）
														
 
															+- 数据消费行为（谁导出了什么数据、导出量级）
														
 
															+
														
 
															+### 4.2 模块间关键交互流程
														
 
															+
														
 
															+#### 流程一：数据采集与预处理
														
 
															+
														
 
															+```
														
 
															+数据源产生数据 → 采集网关消费Kafka → 网关校验（通过/失败）→ 
														
 
															+通过数据写入"待处理"主题 → 失败数据写入死信队列 → 告警通知
														
 
															+```
														
 
															+
														
 
															+#### 流程二：数据处理流水线
														
 
															+
														
 
															+```
														
 
															+待处理数据 → 清洗引擎（去重/格式化）→ 脱敏引擎（加密/掩码）→ 
														
 
															+分类引擎（自动打标）→ 标注引擎（半自动标注）→ 质量评估引擎（五维打分）→ 
														
 
															+高质量数据→触发审核流程 / 低质量数据→退回清洗引擎重新加工
														
 
															+```
														
 
															+
														
 
															+#### 流程三：审核与入库
														
 
															+
														
 
															+```
														
 
															+质量达标数据 → 工作流引擎发起审核 → 初审 → 复审 → 审核通过 → 
														
 
															+回调数据集管理服务 → 创建数据集版本 → 存储快照+Delta → 更新元数据
														
 
															+```
														
 
															+
														
 
															+#### 流程四：数据消费与输出
														
 
															+
														
 
															+```
														
 
															+外部请求 → 权限校验（Casbin）→ 查询数据集元数据 → 
														
 
															+从MinIO读取数据文件 → 按权限级别脱敏输出 → 记录消费审计日志
														
 
															+```
														
 
															+
														
 
															+### 4.3 关键交互时序（逻辑描述）
														
 
															+
														
 
															+**场景：一条新数据从产生到看板可见的完整旅程**
														
 
															+
														
 
															+1. 用户在Token平台执行一次API调用，系统自动生成调用日志
														
 
															+2. 日志通过Kafka Producer实时写入`raw-data`主题
														
 
															+3. 采集网关作为Consumer拉取数据，完成字段完整性校验
														
 
															+4. 校验通过后写入`to-clean`主题，失败则写入`dlq`死信队列
														
 
															+5. 清洗引擎消费`to-clean`，执行去重和格式标准化，输出到`to-desensitize`
														
 
															+6. 脱敏引擎消费并执行动态脱敏，输出到`to-classify`
														
 
															+7. 分类引擎打标后输出到`to-annotate`
														
 
															+8. 标注引擎预标注，低置信度样本送人工标注台，完成后输出到`to-evaluate`
														
 
															+9. 质量评估引擎打分，≥0.75分的数据进入`to-audit`，<0.75分退回`to-clean`
														
 
															+10. 工作流引擎检测到`to-audit`有新数据，启动审核流程
														
 
															+11. 审核人员在审核台操作，通过后回调数据集服务
														
 
															+12. 数据集服务创建版本，存储数据到MinIO，记录元数据到MySQL
														
 
															+13. 看板服务通过WebSocket推送最新统计数据
														
 
															+14. 整个过程的每一步都记录审计日志到ES
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 五、数据架构与存储设计
														
 
															+
														
 
															+### 5.1 数据分类与存储映射
														
 
															+
														
 
															+系统根据数据性质选择不同的存储方案，形成**混合存储架构**。
														
 
															+
														
 
															+| 数据类型 | 存储位置 | 数据格式 | 保留周期 | 访问频率 |
														
 
															+|----------|----------|----------|----------|----------|
														
 
															+| **元数据**（数据集信息、版本信息、配置） | MySQL | 结构化关系表 | 永久（仅归档） | 高频读写 |
														
 
															+| **数据文件**（快照、Delta、原始归档） | MinIO/OSS | Parquet/JSON | 3年（原始归档）+永久（数据集） | 中频读写 |
														
 
															+| **审计日志**（操作记录、行为轨迹） | Elasticsearch | JSON文档 | 90天（热）+归档 | 高频查询 |
														
 
															+| **链路追踪**（调用链、耗时分析） | Elasticsearch | JSON文档 | 30天 | 中频查询 |
														
 
															+| **流转数据**（处理中的数据） | Kafka | 二进制/JSON | 7天 | 极高频读写 |
														
 
															+| **缓存数据**（热点统计、实时计数器） | Redis | 键值对 | TTL自动过期 | 极高频读写 |
														
 
															+| **系统指标**（CPU、内存、QPS） | Prometheus | 时序数据 | 15天 | 高频查询 |
														
 
															+
														
 
															+### 5.2 核心数据模型
														
 
															+
														
 
															+#### 数据集元数据模型（MySQL）
														
 
															+
														
 
															+数据集的元数据是系统的核心资产索引，包含以下核心实体：
														
 
															+
														
 
															+**数据集主表**记录数据集的全局信息，包括唯一标识、名称描述、行业分类、来源类型、当前版本指针、综合质量评分、记录总数、存储大小、生命周期状态以及创建和更新信息。
														
 
															+
														
 
															+**版本表**记录数据集的每一次版本变更，包括版本标识、所属数据集、版本标签、父版本（形成版本链）、该版本的记录数和存储大小、快照文件地址、Delta操作日志、质量评分、审核状态和审核意见。
														
 
															+
														
 
															+**数据源配置表**管理接入的数据源信息，包括数据源类型、连接配置（加密存储）、同步调度表达式、最后同步时间和同步状态。
														
 
															+
														
 
															+**工作流实例表**追踪审核流程状态，包括工作流实例标识、关联的数据集和版本、工作流类型、当前步骤、状态、当前处理人和上下文变量。
														
 
															+
														
 
															+#### 审计日志模型（Elasticsearch）
														
 
															+
														
 
															+审计日志文档包含操作时间戳、操作用户标识和用户名、操作类型（增删改查）、资源类型和标识、操作路径、请求参数、响应码、客户端IP和User-Agent、操作耗时以及关联的数据集和版本标识。所有字段均支持全文检索和聚合分析。
														
 
															+
														
 
															+### 5.3 存储容量规划与增长模型
														
 
															+
														
 
															+基于业务量预估，对未来3年的存储需求进行规划。
														
 
															+
														
 
															+#### MySQL容量预估
														
 
															+
														
 
															+| 数据表 | 日增量 | 年增量 | 3年总量 | 备注 |
														
 
															+|--------|--------|--------|---------|------|
														
 
															+| datasets（数据集主表） | 50条 | 18,250条 | 约5.5万条 | 每条2KB，总量极小 |
														
 
															+| dataset_versions（版本表） | 5,000条 | 182万条 | 约550万条 | 每条5KB，总量约27GB |
														
 
															+| workflow_instances（工作流表） | 5,000条 | 182万条 | 约550万条 | 每条3KB，总量约16GB |
														
 
															+| process_logs（处理日志） | 10万条 | 3650万条 | 约1.1亿条 | 按天分区，只保留3个月 |
														
 
															+| 其他配置表 | 少量 | 少量 | <1GB | - |
														
 
															+
														
 
															+**结论**：MySQL总数据量控制在100GB以内，单机可支撑，无需分库。
														
 
															+
														
 
															+#### MinIO容量预估
														
 
															+
														
 
															+| 数据类型 | 日增量 | 年增量 | 3年总量 | 压缩比 |
														
 
															+|----------|--------|--------|---------|--------|
														
 
															+| 数据集快照（Parquet） | 50GB | 18TB | 54TB | 3:1（相比JSON） |
														
 
															+| Delta增量文件 | 5GB | 1.8TB | 5.4TB | - |
														
 
															+| 原始归档 | 20GB | 7.3TB | 21.9TB | 压缩存储 |
														
 
															+| 临时处理文件 | 50GB | 18TB | - | 24小时自动删除 |
														
 
															+
														
 
															+**结论**：3年总存储需求约80TB，采用冷热分层可有效控制成本。
														
 
															+
														
 
															+#### Elasticsearch容量预估
														
 
															+
														
 
															+| 索引类型 | 日增量 | 年增量 | 3年总量 | 保留策略 |
														
 
															+|----------|--------|--------|---------|----------|
														
 
															+| 审计日志 | 100GB | 36TB | 108TB | 保留90天，实际热数据约9TB |
														
 
															+| 链路追踪 | 50GB | 18TB | 54TB | 保留30天，实际热数据约4.5TB |
														
 
															+| 应用日志 | 30GB | 11TB | 33TB | 保留30天，实际约3TB |
														
 
															+
														
 
															+**结论**：ES实际热数据总量约17TB，7节点集群可支撑。
														
 
															+
														
 
															+### 5.4 数据生命周期管理策略
														
 
															+
														
 
															+系统为不同类型的数据建立完整的生命周期管理机制：
														
 
															+
														
 
															+**数据集快照**的生命周期：从创建开始，前30天存储在MinIO SSD高速存储区，31-180天自动迁移至HDD标准存储区，180天以上转为云OSS归档存储，永久保留直至手动删除。
														
 
															+
														
 
															+**Delta增量文件**的生命周期：创建后保留30天用于版本回滚，31-90天保留但标记为可清理，在触发快照合并后自动删除，释放存储空间。
														
 
															+
														
 
															+**原始归档数据**的生命周期：前180天存储在MinIO，181-1095天迁移到OSS冷存储，1095天（3年）后根据合规要求判断是否允许删除。
														
 
															+
														
 
															+**审计日志**的生命周期：近7天存储在ES热节点（SSD），响应快速；8-30天自动迁移至ES温节点（HDD），查询速度略降；31-90天进入ES冷节点（冻结索引），查询需解冻；超过90天从ES删除，但先创建快照到OSS进行合规存档。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 六、关键架构决策与权衡
														
 
															+
														
 
															+### 6.1 为什么选择双语言而非单一语言
														
 
															+
														
 
															+| 对比维度 | 全Go方案 | 全Python方案 | 双语言方案（选定） |
														
 
															+|----------|----------|--------------|-------------------|
														
 
															+| 采集吞吐量 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
														
 
															+| AI/数据处理生态 | ⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
														
 
															+| 开发效率（业务逻辑） | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
														
 
															+| 部署运维复杂度 | ⭐⭐⭐⭐⭐（简单） | ⭐⭐⭐⭐ | ⭐⭐⭐（略有增加） |
														
 
															+| 人才招聘难度 | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
														
 
															+
														
 
															+**决策结论**：虽然双语言增加了跨语言通信的复杂度，但在性能和数据智能处理两个维度上都获得了最优解，收益远大于成本。
														
 
															+
														
 
															+### 6.2 为什么选择Kafka作为数据总线
														
 
															+
														
 
															+| 评估维度 | Kafka | RabbitMQ | Pulsar |
														
 
															+|----------|-------|----------|--------|
														
 
															+| 吞吐量 | 极高（百万级/秒） | 中（万级/秒） | 高（十万级/秒） |
														
 
															+| 消息持久化 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐ |
														
 
															+| 消费重放能力 | ⭐⭐⭐⭐⭐（支持） | ⭐⭐（有限） | ⭐⭐⭐⭐ |
														
 
															+| 生态成熟度 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
														
 
															+| 运维复杂度 | 中 | 低 | 中高 |
														
 
															+
														
 
															+**决策结论**：Kafka的持久化和消费重放能力对数据平台至关重要（支持数据回溯重新处理），高吞吐特性满足日亿级数据量需求。
														
 
															+
														
 
															+### 6.3 为什么选择Delta增量存储而非全量快照
														
 
															+
														
 
															+| 对比维度 | 全量快照 | Delta增量（选定） |
														
 
															+|----------|----------|-------------------|
														
 
															+| 存储效率 | 低（每次变更存全量） | 高（只存变化部分） |
														
 
															+| 版本恢复速度 | 快（直接读取） | 中（需合并Delta） |
														
 
															+| 版本对比能力 | 弱（需全量对比） | 强（天然支持差异） |
														
 
															+| 存储节省 | - | 约70% |
														
 
															+| 实现复杂度 | 低 | 中 |
														
 
															+
														
 
															+**决策结论**：数据集平台核心价值之一是版本管理，Delta存储天然支持差异对比和增量追溯，配合定期快照机制解决了恢复速度问题，综合优势明显。
														
 
															+
														
 
															+### 6.4 为什么用Temporal而非传统工作流引擎
														
 
															+
														
 
															+| 评估维度 | Temporal | Activiti/Flowable |
														
 
															+|----------|----------|-------------------|
														
 
															+| 语言亲和性 | Go原生 | Java原生（需额外集成） |
														
 
															+| 状态持久化 | ✅ 内置，自动恢复 | 需手动持久化 |
														
 
															+| 超时控制 | ✅ 原生支持 | 需额外实现 |
														
 
															+| 可观测性 | ✅ 内置Web UI | 部分支持 |
														
 
															+| 轻量级 | 是 | 否（较重量） |
														
 
															+
														
 
															+**决策结论**：Temporal与Go生态无缝集成，状态机自动持久化可大幅降低审核流程的开发复杂度，且保证了宕机后的流程恢复能力。
														
 
															+
														
 
															+### 6.5 技术债务与演进规划
														
 
															+
														
 
															+| 当前决策 | 潜在问题 | 未来演进方向 |
														
 
															+|----------|----------|--------------|
														
 
															+| MySQL存储元数据 | 版本表快速增长 | 1年后迁移历史版本到TiDB或ClickHouse |
														
 
															+| Python单机处理 | 超大数据量时性能不足 | 引入Dask分布式计算或迁移到Flink |
														
 
															+| Kafka单集群 | 单点风险 | 未来部署双集群跨机房容灾 |
														
 
															+| MinIO自建 | 运维成本 | 逐步迁移到公有云OSS服务 |
														
 
															+| 人工标注依赖 | 标注效率瓶颈 | 持续优化NLP预标注模型，降低人工比例 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 七、非功能性保障方案
														
 
															+
														
 
															+### 7.1 高可用架构
														
 
															+
														
 
															+| 组件 | 可用性保障 | RTO | RPO |
														
 
															+|------|------------|-----|-----|
														
 
															+| 采集网关 | 多副本+Kubernetes自动恢复 | < 1分钟 | 0（无状态） |
														
 
															+| 数据处理引擎 | 多Worker+任务队列 | < 1分钟 | 0（幂等设计） |
														
 
															+| 数据集服务 | 多副本+Kubernetes | < 1分钟 | 0（无状态） |
														
 
															+| MySQL | 主从+自动切换 | < 5分钟 | < 1分钟（异步复制） |
														
 
															+| Kafka | 多Broker+ISR | < 2分钟 | 0（持久化） |
														
 
															+| MinIO | 分布式纠删码 | < 5分钟 | 0（多副本） |
														
 
															+| Elasticsearch | 多节点+副本分片 | < 5分钟 | 0（副本） |
														
 
															+
														
 
															+**整体可用性目标**：99.95%（年停机时间 < 4.5小时）
														
 
															+
														
 
															+### 7.2 性能保障策略
														
 
															+
														
 
															+| 策略 | 具体措施 | 适用范围 |
														
 
															+|------|----------|----------|
														
 
															+| **水平扩展** | Kubernetes HPA自动扩容，Kafka消费者组动态增减 | 采集、处理、API服务 |
														
 
															+| **缓存加速** | Redis缓存热点统计和常用数据集元数据 | 看板、数据集查询 |
														
 
															+| **异步处理** | 耗时操作（脱敏、标注）通过Kafka异步化 | 数据处理全链路 |
														
 
															+| **批量操作** | 采集批次1000条，处理批次5000条 | 采集、清洗、存储 |
														
 
															+| **读写分离** | MySQL主写从读，ES冷热分离 | 数据库、ES |
														
 
															+| **限流熔断** | 网关层限流，下游熔断保护 | 采集网关、API服务 |
														
 
															+| **预聚合** | 每日定时聚合统计数据，减少实时计算 | 看板、报表 |
														
 
															+
														
 
															+### 7.3 安全防护体系
														
 
															+
														
 
															+系统采用**纵深防御**的安全策略：
														
 
															+
														
 
															+**网络安全层**：
														
 
															+- 服务间通信强制mTLS双向认证
														
 
															+- 对外接口仅开放HTTPS（TLS 1.3）
														
 
															+- 部署WAF防护常见攻击
														
 
															+- 内部网络隔离，数据库不暴露公网
														
 
															+
														
 
															+**数据安全层**：
														
 
															+- 传输加密：全链路TLS加密
														
 
															+- 存储加密：MinIO服务端加密（SSE-S3），MySQL透明数据加密（TDE）
														
 
															+- 敏感字段：AES-256-GCM/SM4加密存储，动态脱敏查询
														
 
															+- 密钥管理：Hashicorp Vault统一管理，定期轮换
														
 
															+
														
 
															+**身份与权限层**：
														
 
															+- 身份认证：JWT Token + 刷新Token机制
														
 
															+- 权限控制：Casbin实现RBAC+ABAC混合模型
														
 
															+- 细粒度控制：支持数据级权限（用户只能访问有权限的数据集）
														
 
															+
														
 
															+**审计追溯层**：
														
 
															+- 100%操作审计覆盖，不可篡改
														
 
															+- 审计日志存储到ES，保留90天
														
 
															+- 敏感操作（删除、导出、权限变更）实时告警
														
 
															+
														
 
															+### 7.4 可观测性体系
														
 
															+
														
 
															+系统建立**Logging + Metrics + Tracing**三位一体的可观测体系：
														
 
															+
														
 
															+**Logging（日志）**：
														
 
															+- 结构化日志（JSON格式），包含TraceID关联
														
 
															+- 日志分级（DEBUG/INFO/WARN/ERROR）
														
 
															+- 集中存储到ELK，支持全文检索和告警
														
 
															+
														
 
															+**Metrics（指标）**：
														
 
															+- 业务指标：日处理量、质量评分分布、审核通过率
														
 
															+- 系统指标：QPS、延迟、错误率、资源利用率
														
 
															+- 采集方式：Prometheus Pull模型，Grafana可视化
														
 
															+
														
 
															+**Tracing（追踪）**：
														
 
															+- 基于OpenTelemetry标准
														
 
															+- 全链路追踪覆盖所有服务
														
 
															+- Jaeger提供可视化调用链分析
														
 
															+- 关键操作（数据处理、审核流程）自动埋点
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 八、部署与运维架构
														
 
															+
														
 
															+### 8.1 容器化部署方案
														
 
															+
														
 
															+所有服务采用容器化部署，基于Kubernetes进行编排管理。
														
 
															+
														
 
															+| 服务类型 | 副本数 | CPU请求/限制 | 内存请求/限制 | 特殊配置 |
														
 
															+|----------|--------|--------------|---------------|----------|
														
 
															+| 采集网关（Go） | 3-10（HPA） | 500m / 2核 | 512Mi / 2Gi | 与Kafka消费Lag联动HPA |
														
 
															+| 数据集服务（Go） | 3-5 | 500m / 2核 | 512Mi / 2Gi | 无状态，水平扩展 |
														
 
															+| 审核后台（Go） | 2-3 | 500m / 1核 | 512Mi / 1Gi | 无状态 |
														
 
															+| 看板API（Go） | 2-3 | 500m / 1核 | 512Mi / 1Gi | WebSocket连接管理 |
														
 
															+| Python处理引擎 | 4-10（HPA） | 2核 / 4核 | 4Gi / 8Gi | Celery Worker，任务队列感知 |
														
 
															+| 看板前端（Vue） | 2 | 200m / 500m | 256Mi / 512Mi | Nginx静态服务 |
														
 
															+
														
 
															+### 8.2 持续集成与交付
														
 
															+
														
 
															+采用**GitOps**实践，实现自动化CI/CD流水线：
														
 
															+
														
 
															+1. **代码提交**：开发人员提交代码到Git仓库
														
 
															+2. **CI阶段**：触发单元测试、代码扫描、镜像构建、镜像推送
														
 
															+3. **CD阶段**：ArgoCD监控Git仓库中的部署配置，自动同步到Kubernetes集群
														
 
															+4. **灰度发布**：金丝雀部署策略，新版本先替换10%流量，观察后再全量
														
 
															+5. **回滚能力**：一键回滚到任意历史版本
														
 
															+
														
 
															+### 8.3 监控告警配置
														
 
															+
														
 
															+建立多级告警机制，确保问题及时发现和响应：
														
 
															+
														
 
															+| 告警级别 | 触发条件 | 响应方式 | 响应时效 |
														
 
															+|----------|----------|----------|----------|
														
 
															+| **P0（紧急）** | 服务不可用、数据丢失 | 电话+短信+钉钉 | 立即响应，15分钟内恢复 |
														
 
															+| **P1（严重）** | 处理延迟>10秒、错误率>5% | 钉钉+短信 | 30分钟内响应 |
														
 
															+| **P2（警告）** | 存储使用率>80%、Kafka积压>100万 | 钉钉通知 | 2小时内处理 |
														
 
															+| **P3（提示）** | 处理速度下降、质量评分波动 | 邮件通知 | 工作时间处理 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 九、开发路线图与里程碑
														
 
															+
														
 
															+### 9.1 分阶段实施计划
														
 
															+
														
 
															+| 阶段 | 周期 | 核心交付 | 里程碑 | 风险点 |
														
 
															+|------|------|----------|--------|--------|
														
 
															+| **Phase 1：基础接入** | 4周 | Go采集网关、Kafka对接、基础数据模型 | 完成数据从源端到Kafka的采集 | Kafka消费组管理、分区再平衡 |
														
 
															+| **Phase 2：核心处理** | 5周 | Python清洗+脱敏引擎、质量评估基础版、MySQL元数据 | 完成清洗→脱敏→评估的完整流水线 | 大文件内存溢出（Dask分批处理） |
														
 
															+| **Phase 3：版本管理** | 3周 | Go数据集管理服务、Delta版本控制、MinIO存储 | 完成数据集创建、版本存储和查询 | Delta算法性能需Benchmark优化 |
														
 
															+| **Phase 4：审核流程** | 3周 | Temporal工作流引擎、审核后台、审核台前端 | 完成从数据到审核通过入库的完整闭环 | 工作流状态机复杂度管理 |
														
 
															+| **Phase 5：服务输出** | 3周 | 看板API+WebSocket、前端看板、开放API | 完成数据服务化输出能力 | WebSocket连接数管理 |
														
 
															+| **Phase 6：治理安全** | 3周 | Casbin权限、ELK审计日志、Jaeger追踪 | 完成合规安全体系全覆盖 | 策略动态加载性能 |
														
 
															+| **Phase 7：上线运营** | 3周 | K8s部署、监控告警、压测调优、文档完善 | 系统正式上线，SLA达标 | 资源配额与自动扩缩容策略调优 |
														
 
															+
														
 
															+### 9.2 关键里程碑验收标准
														
 
															+
														
 
															+| 里程碑 | 验收标准 |
														
 
															+|--------|----------|
														
 
															+| M1：采集上线 | 采集网关
														
--- a/docs/数据集采集详情.md
+++ b/docs/数据集采集详情.md
@@ -0,0 +1,300 @@
 
															+# 数据集平台系统架构与数据流全景说明
														
 
															+
														
 
															+## 一、系统整体定位
														
 
															+
														
 
															+这是一个**企业级AI数据集治理平台**，核心使命是将分散在各业务系统（Token运营平台、AI工作台）中的原始数据，经过**采集→清洗→脱敏→分类→标注→质量评估→审核→版本管理**的全链条处理，最终形成高质量、合规、可追溯的标准化数据集，供下游AI模型训练、数据分析等场景使用。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 二、系统分层架构总览
														
 
															+
														
 
															+系统采用**七层架构**设计，自上而下分别为：
														
 
															+
														
 
															+| 层级 | 职责 | 核心组件 |
														
 
															+|------|------|----------|
														
 
															+| **数据源层** | 产生原始数据的外部系统 | Token运营平台、AI工作台 |
														
 
															+| **采集接入层** | 将数据从源端接入平台 | 采集网关、消息队列、调度器 |
														
 
															+| **数据处理层** | 对原始数据进行加工治理 | 清洗、脱敏、分类、标注、质量评估引擎 |
														
 
															+| **审核管理层** | 对处理后的数据进行合规审批 | 工作流引擎、审核后台 |
														
 
															+| **数据集管理层** | 对通过审核的数据进行版本化管理 | 数据集服务、版本控制、存储管理 |
														
 
															+| **数据服务层** | 对外提供数据展示和输出能力 | 看板后端、WebSocket推送、开放API |
														
 
															+| **治理与审计层** | 保障系统安全合规可追溯 | 元数据中心、权限控制、审计日志、链路追踪 |
														
 
															+
														
 
															+各层之间通过**Kafka消息队列**和**RESTful/gRPC接口**进行异步解耦和同步调用，基础设施层（Kubernetes + Prometheus + Grafana）为全系统提供容器编排、监控告警和弹性伸缩能力。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 三、端到端数据流转全流程
														
 
															+
														
 
															+### 3.1 完整数据链路（10个关键步骤）
														
 
															+
														
 
															+```
														
 
															+步骤1：数据产生
														
 
															+  └─ Token运营平台记录用户调用日志（每次API调用的输入输出）
														
 
															+  └─ AI工作台记录问答对话、文件解析结果、知识引用记录
														
 
															+  └─ 这些数据通过Kafka Producer实时写入消息队列
														
 
															+
														
 
															+步骤2：数据采集
														
 
															+  └─ Go采集网关作为Kafka Consumer，持续消费数据流
														
 
															+  └─ 网关进行初步校验（字段完整性、格式合法性）
														
 
															+  └─ 校验通过的数据写入Kafka的"待处理"分区，失败的进入死信队列
														
 
															+
														
 
															+步骤3：数据清洗
														
 
															+  └─ Python清洗引擎拉取"待处理"数据
														
 
															+  └─ 执行去重（基于TraceID）、空值填充、格式标准化、字段映射
														
 
															+  └─ 清洗后的数据回写Kafka的"已清洗"主题
														
 
															+
														
 
															+步骤4：数据脱敏
														
 
															+  └─ Python脱敏引擎消费"已清洗"数据
														
 
															+  └─ 自动识别敏感字段（手机号、身份证、邮箱等）
														
 
															+  └─ 根据策略中心配置执行掩码/AES加密/SM4加密
														
 
															+  └─ 脱敏后数据进入"已脱敏"主题
														
 
															+
														
 
															+步骤5：智能分类
														
 
															+  └─ Python分类引擎读取"已脱敏"数据
														
 
															+  └─ 结合规则匹配和机器学习模型自动打标
														
 
															+  └─ 按行业（金融/医疗/政务）、场景（对话/问答/材料生成）、来源自动归类
														
 
															+  └─ 分类结果写入"已分类"主题
														
 
															+
														
 
															+步骤6：数据标注
														
 
															+  └─ Python标注引擎处理"已分类"数据
														
 
															+  └─ 先通过预训练NLP模型进行半自动预标注
														
 
															+  └─ 低置信度样本推送至人工标注台（Vue前端）
														
 
															+  └─ 标注完成后数据进入"已标注"主题
														
 
															+
														
 
															+步骤7：质量评估
														
 
															+  └─ Python质量评估引擎对每条/每批数据打分
														
 
															+  └─ 从完整性、准确性、一致性、时效性、合规性五个维度综合评分
														
 
															+  └─ 低于阈值（如0.75分）的数据打回重新处理或标记为低质量
														
 
															+  └─ 评分结果作为元数据附加到数据集上
														
 
															+
														
 
															+步骤8：合规审核
														
 
															+  └─ 质量达标的数据触发Go工作流引擎（Temporal）
														
 
															+  └─ 启动多级审批流程：提交→初审→复审→归档
														
 
															+  └─ 审核人员通过审核台（Go + Gin后台）查看数据详情和敏感级别
														
 
															+  └─ 审核通过的数据进入"待入库"状态
														
 
															+
														
 
															+步骤9：数据集版本化管理
														
 
															+  └─ Go数据集管理服务接收审核通过的数据
														
 
															+  └─ 创建新数据集或已有数据集的新版本
														
 
															+  └─ 采用Delta差异算法存储（每10个版本做一次全量快照）
														
 
															+  └─ 元数据存入MySQL，实际数据文件存入MinIO/OSS对象存储
														
 
															+
														
 
															+步骤10：数据服务与消费
														
 
															+  └─ 看板API（Go）聚合各类统计信息，通过WebSocket实时推送给前端
														
 
															+  └─ 看板前端（Vue3 + ECharts）展示数据量、质量趋势、行业分布、审核状态
														
 
															+  └─ 第三方系统通过标准化gRPC/REST接口订阅或拉取数据集
														
 
															+  └─ 全链路审计日志写入ELK，权限控制贯穿所有操作
														
 
															+```
														
 
															+
														
 
															+### 3.2 数据流转过程中的关键决策点
														
 
															+
														
 
															+| 决策点 | 触发条件 | 处理逻辑 | 去向 |
														
 
															+|--------|----------|----------|------|
														
 
															+| **采集校验失败** | 字段缺失/格式错误 | 记录失败原因，写入死信队列 | 人工排查或重试 |
														
 
															+| **质量评分过低** | 综合评分 < 0.75 | 标记为"待优化"，触发人工复核 | 退回处理层重新加工 |
														
 
															+| **敏感级别过高** | 合规性评分 < 0.6 | 拒绝入库，强制人工审核 | 进入特殊审批流程 |
														
 
															+| **版本回滚需求** | 用户发起回滚操作 | 从Delta日志重建指定版本 | 生成新版本号并标记为回滚版 |
														
 
															+| **存储策略切换** | 数据集达到阈值（如100万条） | 增量存储切换为快照模式 | 创建全量快照释放Delta累积 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 四、各模块功能配合关系
														
 
															+
														
 
															+### 4.1 采集网关与数据处理引擎的配合
														
 
															+
														
 
															+采集网关（Go）和数据处理引擎（Python）通过**Kafka主题分区**实现解耦：
														
 
															+
														
 
															+- 采集网关负责"生产速度"，确保高吞吐数据不丢失
														
 
															+- 数据处理引擎负责"消费能力"，按自身处理速度拉取数据
														
 
															+- 当处理引擎消费能力不足时，Kafka自动积压起到**削峰填谷**作用
														
 
															+- 两者通过**消费者组**机制实现水平扩展，互不阻塞
														
 
															+
														
 
															+### 4.2 数据处理引擎内部各子模块配合
														
 
															+
														
 
															+六个子模块形成**流水线（Pipeline）**架构：
														
 
															+
														
 
															+```
														
 
															+原始数据 → [清洗] → [脱敏] → [分类] → [标注] → [质量评估] → 待审核
														
 
															+   ↑         ↑         ↑         ↑         ↑          ↑
														
 
															+   |    规则库    策略中心   模型库   标注平台   评分模型
														
 
															+   └─────── 各模块通过Kafka主题串联，异步并行 ───────┘
														
 
															+```
														
 
															+
														
 
															+每个模块独立部署，**通过Kafka主题传递数据**，实现了：
														
 
															+- **弹性伸缩**：瓶颈模块可单独扩容
														
 
															+- **故障隔离**：单个模块宕机不影响上下游
														
 
															+- **灰度发布**：可单独升级某个处理环节
														
 
															+
														
 
															+### 4.3 工作流引擎与数据集管理的联动
														
 
															+
														
 
															+审核通过后，工作流引擎（Temporal）通过**异步回调**通知数据集管理服务：
														
 
															+
														
 
															+```
														
 
															+Temporal工作流状态机：
														
 
															+  [提交] → (初审中) → [初审通过/驳回] 
														
 
															+         → (复审中) → [复审通过/驳回] 
														
 
															+         → (归档中) → [归档完成] → 回调通知数据集服务
														
 
															+```
														
 
															+
														
 
															+数据集管理服务收到回调后，执行**原子化操作**：
														
 
															+1. 开启数据库事务
														
 
															+2. 创建数据集版本记录（含元数据）
														
 
															+3. 将数据文件写入对象存储
														
 
															+4. 更新数据集当前版本指针
														
 
															+5. 提交事务
														
 
															+6. 触发后续事件（如通知看板刷新、发送消息通知）
														
 
															+
														
 
															+### 4.4 看板服务与全链路信息的聚合
														
 
															+
														
 
															+看板服务（Go）作为**信息聚合层**，从多个数据源实时拉取信息：
														
 
															+
														
 
															+| 数据来源 | 获取方式 | 看板展示内容 |
														
 
															+|----------|----------|--------------|
														
 
															+| MySQL（数据集表） | 定时查询 | 数据集总数、版本数、各状态数量 |
														
 
															+| Elasticsearch（审计日志） | 聚合查询 | 操作行为统计、用户活跃度 |
														
 
															+| Prometheus（监控指标） | 实时查询 | 系统吞吐量、处理延迟、错误率 |
														
 
															+| Kafka（实时流） | WebSocket推送 | 今日入库量、实时质量评分趋势 |
														
 
															+| 处理引擎（Python） | Redis缓存 | 各处理环节的积压情况、处理速度 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 五、关键技术选型与设计考量
														
 
															+
														
 
															+### 5.1 为什么Go和Python分工协作？
														
 
															+
														
 
															+| 语言 | 负责模块 | 核心优势 | 典型场景 |
														
 
															+|------|----------|----------|----------|
														
 
															+| **Go** | 采集网关、调度器、数据集管理、审核后台、看板API、权限控制 | 高并发、低内存占用、快速启动、自带并发原语 | 处理大量连接、高频API调用、I/O密集型任务 |
														
 
															+| **Python** | 清洗、脱敏、分类、标注、质量评估 | 丰富的科学计算库、AI生态完善、算法迭代灵活 | 数据处理、模型推理、复杂业务规则实现 |
														
 
															+
														
 
															+**边界清晰**：Go负责"搬运"和"管理"，Python负责"加工"和"判断"，两者通过Kafka和API接口通信，互不侵入对方代码。
														
 
															+
														
 
															+### 5.2 消息队列的核心作用
														
 
															+
														
 
															+Kafka在整个系统中承担**数据总线**的角色：
														
 
															+- **削峰填谷**：采集高峰时数据先在Kafka积压，处理层按能力消费
														
 
															+- **解耦模块**：各处理环节通过Kafka主题连接，可独立部署和升级
														
 
															+- **重放能力**：处理失败时可重置消费偏移量，重新处理历史数据
														
 
															+- **多路分发**：同一份数据可被多个消费者组同时消费（如数据分析和审计）
														
 
															+
														
 
															+### 5.3 存储架构的分层设计
														
 
															+
														
 
															+```
														
 
															+热数据（近期高频访问）→  MySQL（元数据） + MinIO（文件）
														
 
															+温数据（定期访问）    →  HDFS冷存储 + 元数据保留在MySQL
														
 
															+冷数据（归档备份）    →  云存储归档层（OSS IA/Glacier）
														
 
															+审计日志              →  Elasticsearch（近实时检索）
														
 
															+处理中间态            →  Kafka（最多保留7天）
														
 
															+```
														
 
															+
														
 
															+### 5.4 为什么选择Temporal作为工作流引擎？
														
 
															+
														
 
															+相比传统的工作流引擎（如Activiti、Flowable），Temporal提供：
														
 
															+- **强一致性**：工作流状态持久化，宕机后可从中断点恢复
														
 
															+- **超时控制**：每个步骤可设置超时，超时后自动触发补偿
														
 
															+- **可观测性**：内置Web UI查看所有工作流执行状态
														
 
															+- **Go原生**：与平台主语言一致，代码嵌入性强
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 六、系统关键能力
														
 
															+
														
 
															+### 6.1 数据质量保障机制
														
 
															+
														
 
															+贯穿全链路的**四重质量保障**：
														
 
															+
														
 
															+1. **采集校验**：字段完整性、数据格式检查
														
 
															+2. **处理质量**：清洗引擎剔除脏数据、脱敏引擎确保合规
														
 
															+3. **主动评估**：质量评分引擎量化数据可用性
														
 
															+4. **人工审核**：关键数据经过多级审批
														
 
															+
														
 
															+### 6.2 数据版本管理能力
														
 
															+
														
 
															+- **增量存储**：每次变更只存储差异（Delta），节省存储空间约70%
														
 
															+- **快照机制**：每10个版本自动创建全量快照，保证重建效率
														
 
															+- **一键回滚**：可从任意历史版本快速重建数据集
														
 
															+- **差异对比**：可视化展示两个版本之间的字段变化和记录差异
														
 
															+
														
 
															+### 6.3 全链路可观测性
														
 
															+
														
 
															+- **分布式追踪**：Jaeger追踪单个数据从采集到入库的全链路耗时
														
 
															+- **指标监控**：Prometheus采集每个服务的QPS、延迟、错误率
														
 
															+- **结构化日志**：ELK集中存储，支持复杂查询和告警
														
 
															+- **业务看板**：实时展示数据处理进度、积压量、质量趋势
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 七、系统核心流程时序图
														
 
															+
														
 
															+以下用文字描述关键流程的时序配合：
														
 
															+
														
 
															+### 流程一：一条数据从产生到入库的完整旅程
														
 
															+
														
 
															+```
														
 
															+用户操作 → Token平台产生日志 → Kafka → 采集网关拉取 
														
 
															+→ 网关校验后写入"待处理"主题 → 清洗引擎消费并清洗 → 写入"已清洗"主题
														
 
															+→ 脱敏引擎消费并脱敏 → 写入"已脱敏"主题 → 分类引擎打标 → 写入"已分类"主题
														
 
															+→ 标注引擎预标注 → 低置信度送人工标注台 → 写入"已标注"主题
														
 
															+→ 质量评估引擎打分 → 低质量打回重处理 → 高质量触发工作流
														
 
															+→ 工作流发起审核 → 审核员审批通过 → 回调数据集服务
														
 
															+→ 数据集服务创建版本 → 存储元数据+文件 → 看板实时更新
														
 
															+→ 审计日志记录全过程
														
 
															+```
														
 
															+
														
 
															+### 流程二：数据异常时的处理路径
														
 
															+
														
 
															+```
														
 
															+情况A：采集校验失败
														
 
															+  采集网关拒绝接收 → 写入死信队列 → 告警通知运维 → 人工排查后重推
														
 
															+
														
 
															+情况B：质量评分过低
														
 
															+  质量引擎标记低质量 → 不进入审核流程 → 退回数据处理层 → 人工介入优化规则
														
 
															+
														
 
															+情况C：审核驳回
														
 
															+  工作流状态变更为"已驳回" → 不创建数据集版本 → 记录驳回原因 → 数据进入待优化池
														
 
															+```
														
 
															+
														
 
															+### 流程三：数据消费与输出流程
														
 
															+
														
 
															+```
														
 
															+外部系统申请数据集 → 权限校验(Casbin) → 校验通过
														
 
															+→ 查询数据集管理服务 → 获取最新版本元数据
														
 
															+→ 从MinIO读取实际文件 → 按权限级别脱敏输出
														
 
															+→ 记录消费审计日志 → 通过gRPC/REST返回数据
														
 
															+```
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 八、系统扩展性设计
														
 
															+
														
 
															+### 8.1 水平扩展能力
														
 
															+
														
 
															+- **采集网关**：通过Kafka消费者组实现，增加节点自动分担分区
														
 
															+- **处理引擎**：Celery Worker可动态增减，任务队列自动负载均衡
														
 
															+- **数据集服务**：无状态设计，Kubernetes HPA根据CPU/内存自动扩缩容
														
 
															+
														
 
															+### 8.2 新数据源接入
														
 
															+
														
 
															+- 新增数据源只需实现Kafka Producer接口，将数据写入标准Topic
														
 
															+- 采集网关支持多源配置，无需修改代码
														
 
															+- 数据分类引擎通过新增规则/模型即可支持新类型数据
														
 
															+
														
 
															+### 8.3 新处理环节添加
														
 
															+
														
 
															+- 在数据处理流水线中新增模块，只需订阅上游Topic，写入下游Topic
														
 
															+- 不影响现有模块运行，实现"热插拔"
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 九、总结
														
 
															+
														
 
															+整个系统的核心设计理念是**"职责分离、异步解耦、分层治理"**：
														
 
															+
														
 
															+1. **职责分离**：Go负责高性能I/O和业务逻辑，Python负责数据智能处理，各取所长
														
 
															+2. **异步解耦**：Kafka作为数据总线连接所有模块，实现松耦合、高可用
														
 
															+3. **分层治理**：从采集到服务的七层架构，每层有明确的输入输出和质量标准
														
 
															+4. **可观测性**：日志、指标、追踪三位一体，确保系统运行状态透明可见
														
 
															+5. **合规安全**：脱敏、权限、审计贯穿全流程，满足企业级数据治理要求
														
 
															+
														
 
															+这套架构已在类似的大规模数据平台中得到验证，能够支撑**日均亿级数据量**的处理，并具有良好的扩展性和维护性。
														
--- a/docs/知识库建设.md
+++ b/docs/知识库建设.md
@@ -0,0 +1,203 @@
 
															+
														
 
															+# 企业级知识库系统建设方案（架构师决策版）
														
 
															+
														
 
															+> 版本：V2.0 | 编制日期：2026年7月 | 密级：内部公开
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 一、战略定位与建设愿景
														
 
															+
														
 
															+### 1.1 战略定位
														
 
															+本系统不是简单的文档管理系统（DMS），而是**企业知识资产化的核心基础设施**。其战略价值体现在三个层面：
														
 
															+
														
 
															+- **资产沉淀层**：将散落在文件服务器、个人电脑、邮件附件中的非结构化文档，转化为可检索、可关联、可复用的结构化知识单元。
														
 
															+- **智能服务层**：以RAG（检索增强生成）能力赋能上层AI应用，为内部员工、外部客户、生态伙伴提供精准知识服务。
														
 
															+- **安全合规层**：在私有化环境中实现组织级数据强隔离、全链路溯源审计，满足等保、GDPR及行业监管要求。
														
 
															+
														
 
															+### 1.2 建设目标（SMART原则）
														
 
															+| 维度 | 量化目标 |
														
 
															+|------|----------|
														
 
															+| 覆盖范围 | 支撑≥10个一级组织，≥100个知识库，≥500万份文档入库 |
														
 
															+| 解析精度 | 原生PDF结构化字段准确率≥95%，扫描件OCR文字识别率≥90%（中英文） |
														
 
															+| 检索性能 | 语义检索P99≤800ms，全文检索P99≤300ms |
														
 
															+| 系统可用性 | 年度可用性≥99.9%，RPO≤15分钟，RTO≤30分钟 |
														
 
															+| API吞吐 | 单组织QPS≥200，支持突发流量10倍弹性扩展 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 二、架构深化与关键决策
														
 
															+
														
 
															+### 2.1 总体架构视图（四横三纵）
														
 
															+
														
 
															+```
														
 
															+┌─────────────────────────────────────────────────────────────────┐
														
 
															+│                      接入层（统一网关）                          │
														
 
															+│   管理端（Web/运营后台）  │  客户端（Web/App）  │  OpenAPI      │
														
 
															+└─────────────────────────────────────────────────────────────────┘
														
 
															+                                    │
														
 
															+┌─────────────────────────────────────────────────────────────────┐
														
 
															+│                   业务服务层                                     │
														
 
															+│  组织权限  │  文档资源  │  知识目录  │  溯源审计  │  RAG问答   │
														
 
															+└─────────────────────────────────────────────────────────────────┘
														
 
															+                                    │
														
 
															+┌─────────────────────────────────────────────────────────────────┐
														
 
															+│                智能解析与索引层（核心能力池）                    │
														
 
															+│  解析调度引擎 → 专项Worker集群 → 结构化输出 → 向量化/索引构建  │
														
 
															+└─────────────────────────────────────────────────────────────────┘
														
 
															+                                    │
														
 
															+┌─────────────────────────────────────────────────────────────────┐
														
 
															+│                    混合存储层（多模数据）                       │
														
 
															+│  MySQL  │  Elasticsearch  │  Milvus  │  MinIO  │  Redis      │
														
 
															+└─────────────────────────────────────────────────────────────────┘
														
 
															+                                    │
														
 
															+┌─────────────┐  ┌─────────────┐  ┌─────────────┐
														
 
															+│  运维体系   │  │  安全体系   │  │  监控体系   │
														
 
															+│  日志·链路·│  │  加密·鉴权·│  │  指标·告警·│
														
 
															+│  备份·恢复 │  │  审计·脱敏 │  │  链路追踪   │
														
 
															+└─────────────┘  └─────────────┘  └─────────────┘
														
 
															+```
														
 
															+
														
 
															+### 2.2 核心技术架构决策（含备选与权衡）
														
 
															+
														
 
															+| 决策点 | 选定方案 | 备选方案 | 决策依据与权衡 |
														
 
															+|--------|----------|----------|----------------|
														
 
															+| **PDF/扫描解析** | MinerU（主）+ PyMuPDF（降级） | 自研OCR+版面分析 | MinerU开源且Apache2.0，精度业内领先，但GPU消耗较大，需独立算力池 |
														
 
															+| **向量数据库** | Milvus（分布式） | Qdrant / pgvector | Milvus支持多组织物理分区、百万级向量检索性能稳定，社区活跃 |
														
 
															+| **检索引擎** | Elasticsearch + 向量混合检索 | OpenSearch | ES生态完善，支持全文+向量混合查询，且团队熟悉度高 |
														
 
															+| **消息队列** | RabbitMQ（持久化+死信） | RocketMQ / Pulsar | RabbitMQ轻量稳定，死信机制成熟，满足异步重试和降级需求 |
														
 
															+| **对象存储** | MinIO（集群模式） | Ceph / 华为OBS | MinIO兼容S3，部署简单，支持多租户桶隔离，适合私有化场景 |
														
 
															+| **网关** |  Kong / APISIX /nginx| 集成JWT+API Key双鉴权 |
														
 
															+
														
 
															+### 2.3 数据模型与隔离设计（核心安全架构）
														
 
															+
														
 
															+- **强制组织隔离策略**：所有数据模型（MySQL表、ES索引、Milvus分区、MinIO桶路径）均以`org_id`作为**一级分区键**，全局拦截器在DAO层自动注入过滤条件，上层业务代码完全无感。
														
 
															+- **三权分立**：系统管理员（平台运维）、安全审计员（日志审计）、业务管理员（组织知识管理）权限分离，满足内控要求。
														
 
															+- **细粒度权限矩阵**：支持“目录级-文档级-字段级”三层权限控制，API访问权限独立于用户权限体系，采用独立API Key+Scope机制。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 三、核心能力深化设计
														
 
															+
														
 
															+### 3.1 解析引擎架构（性能与精度双优）
														
 
															+
														
 
															+```
														
 
															+                   ┌───────────┐
														
 
															+                   │ 文件上传  │
														
 
															+                   └─────┬─────┘
														
 
															+                         ▼
														
 
															+                   ┌───────────┐
														
 
															+                   │ 类型识别  │
														
 
															+                   └─────┬─────┘
														
 
															+                         │
														
 
															+         ┌───────────────┼───────────────┐
														
 
															+         ▼               ▼               ▼
														
 
															+   ┌───────────┐  ┌───────────┐  ┌───────────┐
														
 
															+   │PDF队列    │  │Office队列 │  │图片队列   │
														
 
															+   └─────┬─────┘  └─────┬─────┘  └─────┬─────┘
														
 
															+         ▼               ▼               ▼
														
 
															+   ┌───────────┐  ┌───────────┐  ┌───────────┐
														
 
															+   │MinerU集群 │  │Tika+POI   │  │PaddleOCR  │
														
 
															+   │(GPU×4)   │  │集群(CPU)  │  │集群(CPU)  │
														
 
															+   └─────┬─────┘  └─────┬─────┘  └─────┬─────┘
														
 
															+         └───────────────┼───────────────┘
														
 
															+                         ▼
														
 
															+              ┌─────────────────────┐
														
 
															+              │ 统一结构化输出格式   │
														
 
															+              │  (JSON + Markdown)  │
														
 
															+              │  + 溯源元数据固化   │
														
 
															+              └─────────────────────┘
														
 
															+```
														
 
															+
														
 
															+**关键设计细节**：
														
 
															+- **热数据优先解析**：上传即解析，解析结果缓存到Redis（有效期7天），重复检索无需二次解析。
														
 
															+- **冷数据批量回填**：存量文档通过定时任务按优先级（最近访问→最近修改→最早入库）分批解析入库，避免瞬时资源抢占。
														
 
															+- **降级链**：MinerU失败 → PyMuPDF提取纯文本 → 兜底返回“暂不支持解析”+人工标记。
														
 
															+
														
 
															+### 3.2 混合检索与RAG能力
														
 
															+
														
 
															+- **双路召回架构**：
														
 
															+  - 关键词路：ES BM25 + 自定义同义词词典（行业术语库）
														
 
															+  - 语义路：Milvus ANN检索（Embedding模型采用BGE-M3，支持多语言）
														
 
															+- **融合排序**：采用RRF（倒数排名融合）算法，结合业务权重（文档新鲜度、访问热度）二次调权。
														
 
															+- **溯源增强**：检索结果携带完整的`(file_id, page_num, bbox, snapshot_url)`，前端直接高亮定位。
														
 
															+
														
 
															+### 3.3 开放API安全设计
														
 
															+
														
 
															+- **API分级**：
														
 
															+  - L1（公开）：知识库目录查询、文档元数据查询（需API Key）
														
 
															+  - L2（受限）：全文/语义检索、智能问答（需API Key+IP白名单）
														
 
															+  - L3（内部）：文档上传、更新、删除（需API Key+用户Token双认证）
														
 
															+- **数据脱敏规则**：对外API默认不返回全文内容，仅返回片段+溯源链接（需单独鉴权下载），防止批量知识外泄。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 四、落地实施路线图（分四期）
														
 
															+
														
 
															+| 阶段 | 周期 | 核心交付 | 验收标准 |
														
 
															+|------|------|----------|----------|
														
 
															+| **一期：基础底座+核心解析** | 基础设施部署、MinerU集群搭建、PDF/Office解析上线、组织权限模型 | 支持10份混合PDF解析，结构化输出准确率≥85% |
														
 
															+| **二期：检索+溯源+API** | 混合检索引擎、全链路溯源、OpenAPI网关、管理后台 | 检索响应<1s，溯源信息完整率100%，API通过安全扫描 |
														
 
															+| **三期：AI增强+高可用** | RAG问答服务、向量库集群、主从切换、监控告警体系 | QPS≥100，可用性≥99.9%，故障自动恢复<5min |
														
 
															+| **四期：规模化+优化** | 存量文档批量导入、性能压测调优、运维SOP文档、培训推广 | 支撑百万级文档，P99达标，通过等保二级测评 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 五、资源评估与成本控制
														
 
															+
														
 
															+### 5.1 硬件资源估算（以10万份文档/年增量、日活500用户为基准）
														
 
															+
														
 
															+| 组件 | 配置建议 | 数量 | 年估算成本（万元） |
														
 
															+|------|----------|------|-------------------|
														
 
															+| MinerUp解析节点 | GPU：A10/RTX4090，CPU：8C，内存：32G | 2~4（弹性扩缩） | 8~15 |
														
 
															+| CPU解析节点（Office/OCR） | CPU：16C，内存：64G | 3~5 | 4~6 |
														
 
															+| 业务微服务节点 | CPU：8C，内存：16G | 6（3主3备） | 3~5 |
														
 
															+| MySQL/RDS | 16C64G SSD，主从+只读 | 2主4从 | 4~6 |
														
 
															+| Elasticsearch集群 | 16C64G SSD，3热2温节点 | 5 | 5~8 |
														
 
															+| Milvus向量库 | 16C64G SSD，3分片2副本 | 6 | 6~10 |
														
 
															+| MinIO集群 | 8C32G，4T HDD×3节点 | 3 | 2~3 |
														
 
															+| Redis缓存 | 16G内存，主从+哨兵 | 2 | 1~2 |
														
 
															+| **合计（首年）** | | | **33~55万** |
														
 
															+
														
 
															+> 注：可根据实际文档量按需缩减，初期可合并节点，后续线性扩展。
														
 
															+
														
 
															+### 5.2 成本优化策略
														
 
															+- 使用Spot实例/抢占式实例用于非关键解析任务（离线批量回填）。
														
 
															+- 向量检索分层存储：热数据（近3个月）用Milvus内存索引，温数据用磁盘索引，冷数据归档到对象存储+外部索引文件。
														
 
															+- 采用Kubernetes HPA（水平Pod自动伸缩）按工作日/夜间负载自动调整节点数。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 六、风险治理与应急预案
														
 
															+
														
 
															+| 风险类别 | 具体描述 | 缓解措施 | 应急预案 |
														
 
															+|----------|----------|----------|----------|
														
 
															+| **解析性能瓶颈** | 高峰期大量PDF上传导致MinerU队列积压 | 独立GPU队列+最大并发控制（每节点2任务）+超时熔断 | 自动降级为PyMuPDF快速提取，延迟入库，事后补解析 |
														
 
															+| **数据越权泄露** | 跨组织检索或API返回其他组织数据 | 三层过滤（SQL注入org_id、ES索引分区、MinIO桶隔离）+ 定期渗透测试 | 实时告警+自动冻结涉嫌API Key，人工审计 |
														
 
															+| **向量/索引不一致** | 文档更新后旧向量未清理 | 采用“软删除+异步清理”机制，事务性更新MySQL状态后，MQ触发清理任务 | 每日凌晨全量对账，发现差异自动修复 |
														
 
															+| **服务雪崩** | 依赖组件（ES/Milvus）故障导致整体不可用 | 缓存热点数据+熔断降级（检索失败返回缓存结果） | 自动摘除故障节点，切换至备用集群（冷备） |
														
 
															+| **AI生成幻觉** | RAG问答生成不实内容 | 强制检索结果作为上下文，生成内容附引用源，置信度阈值过滤 | 人工抽检+反馈闭环，模型定期微调 |
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 七、架构演进方向
														
 
															+
														
 
															+- **多模态扩展**：支持视频帧提取+语音转写，构建富媒体知识库。
														
 
															+- **知识图谱构建**：从文档中自动抽取实体关系，实现“检索”到“推理”的升级。
														
 
															+- **联邦学习**：在多组织场景下，在不共享原始文档的前提下，训练全局Embedding模型，提升冷门知识检索效果。
														
 
															+- **Serverless化**：解析任务按需启动函数计算，进一步降低空闲资源成本。
														
 
															+
														
 
															+---
														
 
															+
														
 
															+## 八、总结与决策建议
														
 
															+
														
 
															+本方案在企业级知识库领域具备**三个核心差异化优势**：
														
 
															+
														
 
															+1. **解析精度行业领先**：MinerU为核心的开源解析栈，成本可控且效果超越闭源商业产品。
														
 
															+2. **安全合规内建**：从存储到业务到网关的三层隔离机制，满足金融、政务等严苛行业要求。
														
 
															+3. **开放与可演进**：API标准化程度高，RAG能力为未来AI应用爆发预留接口。
														
 
															+
														
 
															+**建议决策路径**：
														
 
															+- 若企业**文档规模<1万份、以Office为主**，可考虑降本方案（Tika+ES全文检索为主，暂不引入MinerU）。
														
 
															+- 若**PDF/扫描件占比较高、且需对外提供智能服务**，推荐按本方案一期+二期优先落地，抢占知识管理先机。
														
 
															+
														
 
															+---
														
--- a/docs/获取应用-webapp-设置.md
+++ b/docs/获取应用-webapp-设置.md
@@ -0,0 +1,144 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 获取应用 WebApp 设置
														
 
															+
														
 
															+> 获取应用的 WebApp 设置，包括站点配置、主题和自定义选项。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_completion.json get /site
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 文本生成型应用 API
														
 
															+  description: 文本生成型应用提供无会话支持，适用于翻译、文章撰写、摘要总结 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 文本生成型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 文本生成
														
 
															+    description: 文本生成相关操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件管理相关操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音相关操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+paths:
														
 
															+  /site:
														
 
															+    get:
														
 
															+      tags:
														
 
															+        - 应用配置
														
 
															+      summary: 获取应用 WebApp 设置
														
 
															+      description: 获取应用的 WebApp 设置，包括站点配置、主题和自定义选项。
														
 
															+      operationId: getWebAppSettings
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: 应用的 WebApp 设置。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/WebAppSettingsResponse'
														
 
															+              examples:
														
 
															+                webAppSettings:
														
 
															+                  summary: 响应示例
														
 
															+                  value:
														
 
															+                    title: My Chat App
														
 
															+                    chat_color_theme: '#4A90D9'
														
 
															+                    chat_color_theme_inverted: false
														
 
															+                    icon_type: emoji
														
 
															+                    icon: 🤖
														
 
															+                    icon_background: '#FFFFFF'
														
 
															+                    icon_url: null
														
 
															+                    description: 一个有用的客服聊天机器人。
														
 
															+                    copyright: 2025 Dify
														
 
															+                    privacy_policy: https://example.com/privacy
														
 
															+                    custom_disclaimer: ''
														
 
															+                    default_language: en-US
														
 
															+                    show_workflow_steps: false
														
 
															+                    use_icon_as_answer_icon: true
														
 
															+        '403':
														
 
															+          description: '`forbidden` : 未找到此应用的站点或工作空间已归档。'
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              examples:
														
 
															+                forbidden:
														
 
															+                  summary: forbidden
														
 
															+                  value:
														
 
															+                    status: 403
														
 
															+                    code: forbidden
														
 
															+                    message: Forbidden.
														
 
															+components:
														
 
															+  schemas:
														
 
															+    WebAppSettingsResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        title:
														
 
															+          type: string
														
 
															+          description: WebApp 标题。
														
 
															+        chat_color_theme:
														
 
															+          type: string
														
 
															+          description: 聊天主题颜色。
														
 
															+        chat_color_theme_inverted:
														
 
															+          type: boolean
														
 
															+          description: 聊天主题颜色是否反转。
														
 
															+        icon_type:
														
 
															+          type: string
														
 
															+          description: 使用的图标类型。`emoji` 为表情图标，`image` 为上传的图片图标。
														
 
															+        icon:
														
 
															+          type: string
														
 
															+          description: 图标内容（表情或图片 ID）。
														
 
															+        icon_background:
														
 
															+          type: string
														
 
															+          description: 图标背景颜色。
														
 
															+        icon_url:
														
 
															+          type: string
														
 
															+          format: url
														
 
															+          nullable: true
														
 
															+          description: 图标图片的 URL。
														
 
															+        description:
														
 
															+          type: string
														
 
															+          description: WebApp 描述。
														
 
															+        copyright:
														
 
															+          type: string
														
 
															+          description: 版权文本。
														
 
															+        privacy_policy:
														
 
															+          type: string
														
 
															+          description: 隐私政策 URL。
														
 
															+        custom_disclaimer:
														
 
															+          type: string
														
 
															+          description: 自定义免责声明文本。
														
 
															+        default_language:
														
 
															+          type: string
														
 
															+          description: 默认语言代码。
														
 
															+        show_workflow_steps:
														
 
															+          type: boolean
														
 
															+          description: 是否显示工作流步骤。
														
 
															+        use_icon_as_answer_icon:
														
 
															+          type: boolean
														
 
															+          description: 是否使用应用图标作为回答图标。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/获取应用元数据.md
+++ b/docs/获取应用元数据.md
@@ -0,0 +1,101 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 获取应用元数据
														
 
															+
														
 
															+> 获取应用的元数据，包括工具图标和其他配置详情。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_completion.json get /meta
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 文本生成型应用 API
														
 
															+  description: 文本生成型应用提供无会话支持，适用于翻译、文章撰写、摘要总结 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 文本生成型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 文本生成
														
 
															+    description: 文本生成相关操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件管理相关操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音相关操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+paths:
														
 
															+  /meta:
														
 
															+    get:
														
 
															+      tags:
														
 
															+        - 应用配置
														
 
															+      summary: 获取应用元数据
														
 
															+      description: 获取应用的元数据，包括工具图标和其他配置详情。
														
 
															+      operationId: getCompletionAppMetaZh
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: 成功获取应用元数据。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/AppMetaResponse'
														
 
															+              examples:
														
 
															+                appMeta:
														
 
															+                  summary: 响应示例
														
 
															+                  value:
														
 
															+                    tool_icons:
														
 
															+                      dalle3: https://example.com/icons/dalle3.png
														
 
															+                      calculator:
														
 
															+                        background: '#4A90D9'
														
 
															+                        content: 🧮
														
 
															+components:
														
 
															+  schemas:
														
 
															+    AppMetaResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        tool_icons:
														
 
															+          type: object
														
 
															+          additionalProperties:
														
 
															+            oneOf:
														
 
															+              - title: Icon URL
														
 
															+                type: string
														
 
															+                format: url
														
 
															+                description: 图标的 URL。
														
 
															+              - $ref: '#/components/schemas/ToolIconDetail'
														
 
															+          description: 工具图标。键为工具名称。
														
 
															+    ToolIconDetail:
														
 
															+      title: Emoji Icon
														
 
															+      type: object
														
 
															+      description: 使用 emoji 的工具图标详情。
														
 
															+      properties:
														
 
															+        background:
														
 
															+          type: string
														
 
															+          description: 十六进制格式的背景颜色。
														
 
															+        content:
														
 
															+          type: string
														
 
															+          description: Emoji 内容。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/docs/获取应用基本信息.md
+++ b/docs/获取应用基本信息.md
@@ -0,0 +1,101 @@
 
															+> ## Documentation Index
														
 
															+> Fetch the complete documentation index at: https://docs.dify.ai/llms.txt
														
 
															+> Use this file to discover all available pages before exploring further.
														
 
															+
														
 
															+# 获取应用基本信息
														
 
															+
														
 
															+> 获取应用的基本信息，包括名称、描述、标签和模式。
														
 
															+
														
 
															+
														
 
															+
														
 
															+## OpenAPI
														
 
															+
														
 
															+````yaml /zh/api-reference/openapi_completion.json get /info
														
 
															+openapi: 3.0.1
														
 
															+info:
														
 
															+  title: 文本生成型应用 API
														
 
															+  description: 文本生成型应用提供无会话支持，适用于翻译、文章撰写、摘要总结 AI 等场景。
														
 
															+  version: 1.0.0
														
 
															+servers:
														
 
															+  - url: https://{api_base_url}
														
 
															+    description: 文本生成型应用 API 的基础 URL。自托管部署时，替换为你的 API 基础 URL。
														
 
															+    variables:
														
 
															+      api_base_url:
														
 
															+        default: api.dify.ai/v1
														
 
															+        description: API 基础 URL 的主机与路径，不含 `https://` 前缀。
														
 
															+security:
														
 
															+  - ApiKeyAuth: []
														
 
															+tags:
														
 
															+  - name: 文本生成
														
 
															+    description: 文本生成相关操作。
														
 
															+  - name: 文件操作
														
 
															+    description: 文件管理相关操作。
														
 
															+  - name: 终端用户
														
 
															+    description: 终端用户信息相关操作。
														
 
															+  - name: 消息反馈
														
 
															+    description: 用户反馈相关操作。
														
 
															+  - name: 语音与文字转换
														
 
															+    description: 语音转文字和文字转语音相关操作。
														
 
															+  - name: 应用配置
														
 
															+    description: 获取应用设置和信息的操作。
														
 
															+paths:
														
 
															+  /info:
														
 
															+    get:
														
 
															+      tags:
														
 
															+        - 应用配置
														
 
															+      summary: 获取应用基本信息
														
 
															+      description: 获取应用的基本信息，包括名称、描述、标签和模式。
														
 
															+      operationId: getAppInfo
														
 
															+      responses:
														
 
															+        '200':
														
 
															+          description: 应用的基本信息。
														
 
															+          content:
														
 
															+            application/json:
														
 
															+              schema:
														
 
															+                $ref: '#/components/schemas/AppInfoResponse'
														
 
															+              examples:
														
 
															+                appInfo:
														
 
															+                  summary: 响应示例
														
 
															+                  value:
														
 
															+                    name: My Completion App
														
 
															+                    description: 一个有用的客服聊天机器人。
														
 
															+                    tags:
														
 
															+                      - customer-service
														
 
															+                      - chatbot
														
 
															+                    mode: completion
														
 
															+                    author_name: Dify Team
														
 
															+components:
														
 
															+  schemas:
														
 
															+    AppInfoResponse:
														
 
															+      type: object
														
 
															+      properties:
														
 
															+        name:
														
 
															+          type: string
														
 
															+          description: 应用名称。
														
 
															+        description:
														
 
															+          type: string
														
 
															+          description: 应用描述。
														
 
															+        tags:
														
 
															+          type: array
														
 
															+          items:
														
 
															+            type: string
														
 
															+          description: 应用标签。
														
 
															+        mode:
														
 
															+          type: string
														
 
															+          description: >-
														
 
															+            应用模式。`completion` 为文本生成应用，`chat` 为基础对话应用，`agent-chat` 为 Agent
														
 
															+            应用，`advanced-chat` 为对话流应用，`workflow` 为工作流应用。
														
 
															+        author_name:
														
 
															+          type: string
														
 
															+          description: 应用作者名称。
														
 
															+  securitySchemes:
														
 
															+    ApiKeyAuth:
														
 
															+      type: http
														
 
															+      scheme: bearer
														
 
															+      bearerFormat: API_KEY
														
 
															+      description: >-
														
 
															+        API Key 认证。对于所有 API 请求，请在 `Authorization` HTTP 头中包含您的 API Key，并加上
														
 
															+        `Bearer ` 前缀。示例：`Authorization: Bearer {API_KEY}`。**强烈建议将 API Key
														
 
															+        存储在服务端，不要在客户端共享或存储，以避免 API Key 泄漏导致严重后果。**
														
 
															+
														
 
															+````
														
--- a/index.html
+++ b/index.html
@@ -0,0 +1,13 @@
 
															+<!doctype html>
														
 
															+<html lang="zh-CN">
														
 
															+  <head>
														
 
															+    <meta charset="UTF-8" />
														
 
															+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
														
 
															+    <title>智能体使用平台</title>
														
 
															+  </head>
														
 
															+  <body>
														
 
															+    <div id="root"></div>
														
 
															+    <script type="module" src="/src/main.jsx"></script>
														
 
															+  </body>
														
 
															+</html>
														
--- a/package.json
+++ b/package.json
@@ -0,0 +1,29 @@
 
															+{
														
 
															+  "name": "ai-agentic-pt",
														
 
															+  "private": true,
														
 
															+  "version": "0.0.0",
														
 
															+  "type": "module",
														
 
															+  "scripts": {
														
 
															+    "dev": "vite",
														
 
															+    "build": "vite build",
														
 
															+    "lint": "eslint .",
														
 
															+    "preview": "vite preview"
														
 
															+  },
														
 
															+  "dependencies": {
														
 
															+    "@arco-design/web-react": "^2.66.16",
														
 
															+    "@emoji-mart/data": "^1.2.1",
														
 
															+    "marked": "^18.0.6",
														
 
															+    "react": "^18.3.1",
														
 
															+    "react-dom": "^18.3.1",
														
 
															+    "react-router-dom": "^6.23.1"
														
 
															+  },
														
 
															+  "devDependencies": {
														
 
															+    "@babel/core": "^7.29.7",
														
 
															+    "@babel/plugin-transform-react-jsx": "^7.29.7",
														
 
															+    "@babel/traverse": "^7.29.7",
														
 
															+    "@types/react": "^18.3.3",
														
 
															+    "@types/react-dom": "^18.3.0",
														
 
															+    "@vitejs/plugin-react": "^4.3.1",
														
 
															+    "vite": "^5.3.1"
														
 
															+  }
														
 
															+}
														
--- a/public/logo.png
+++ b/public/logo.png
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,5701 @@
 
															+.app {
														
 
															+  display: flex;
														
 
															+  min-height: 100vh;
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+}
														
 
															+
														
 
															+/* Arco shell layout used by src/components/Layout.jsx */
														
 
															+.arco-shell {
														
 
															+  min-height: 100vh;
														
 
															+  background: #f5f7fb;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-sider {
														
 
															+  position: fixed !important;
														
 
															+  left: 0;
														
 
															+  top: 0;
														
 
															+  bottom: 0;
														
 
															+  z-index: 30;
														
 
															+  height: 100vh;
														
 
															+  background: #ffffff !important;
														
 
															+  border-right: 1px solid #e5e8ef;
														
 
															+  box-shadow: 8px 0 24px rgba(15, 23, 42, 0.05);
														
 
															+}
														
 
															+
														
 
															+.arco-shell-sider .arco-layout-sider-children {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  height: 100%;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-brand {
														
 
															+  height: 72px;
														
 
															+  padding: 14px 16px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  cursor: pointer;
														
 
															+  border-bottom: 1px solid #f0f2f5;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-logo {
														
 
															+  width: 38px;
														
 
															+  height: 38px;
														
 
															+  object-fit: contain;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-brand-text {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-brand-name {
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 700;
														
 
															+  line-height: 20px;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-brand-subtitle {
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  line-height: 18px;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-menu {
														
 
															+  flex: 1;
														
 
															+  min-height: 0;
														
 
															+  overflow-y: auto;
														
 
															+  padding: 8px;
														
 
															+  border-right: 0 !important;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-menu .arco-menu-item,
														
 
															+.arco-shell-menu .arco-menu-inline-header {
														
 
															+  border-radius: 8px;
														
 
															+  margin: 2px 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-menu .arco-menu-item-inner,
														
 
															+.arco-shell-menu .arco-menu-inline-header-title {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-menu .arco-icon {
														
 
															+  width: 16px;
														
 
															+  height: 16px;
														
 
															+  flex: 0 0 16px;
														
 
															+  margin-right: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-menu .arco-menu-item-inner > span:not(.layout-agent-icon),
														
 
															+.arco-shell-menu .arco-menu-inline-header-title > span:not(.layout-agent-icon) {
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.layout-agent-icon {
														
 
															+  width: 22px;
														
 
															+  height: 22px;
														
 
															+  border-radius: 5px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  overflow: hidden;
														
 
															+  background: #f2f3f5;
														
 
															+  flex-shrink: 0;
														
 
															+  margin-right: 10px;
														
 
															+  vertical-align: middle;
														
 
															+}
														
 
															+
														
 
															+.layout-agent-icon img {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+  object-fit: cover;
														
 
															+}
														
 
															+
														
 
															+.layout-agent-emoji {
														
 
															+  font-size: 14px;
														
 
															+}
														
 
															+
														
 
															+.layout-agent-name {
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-sider-footer {
														
 
															+  padding: 10px 8px;
														
 
															+  border-top: 1px solid #f0f2f5;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-collapse {
														
 
															+  width: 100%;
														
 
															+  justify-content: center;
														
 
															+  color: #4e5969;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-body {
														
 
															+  height: 100vh;
														
 
															+  margin-left: 248px;
														
 
															+  transition: margin-left 0.2s ease;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.arco-layout-has-sider:has(.arco-layout-sider-collapsed) .arco-shell-body {
														
 
															+  margin-left: 64px;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-header {
														
 
															+  flex-shrink: 0;
														
 
															+  z-index: 15;
														
 
															+  height: 64px;
														
 
															+  padding: 0 28px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  background: rgba(255, 255, 255, 0.92);
														
 
															+  border-bottom: 1px solid #e5e8ef;
														
 
															+  backdrop-filter: blur(8px);
														
 
															+}
														
 
															+
														
 
															+.arco-shell-header-title {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 2px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-kicker {
														
 
															+  color: #1d2129;
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  line-height: 24px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-title.arco-typography {
														
 
															+  margin: 0;
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 400;
														
 
															+  line-height: 16px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-user {
														
 
															+  height: 40px;
														
 
															+  padding: 4px 8px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  color: #4e5969;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-avatar {
														
 
															+  background: #165dff;
														
 
															+}
														
 
															+
														
 
															+.arco-shell-user-name {
														
 
															+  font-size: 14px;
														
 
															+  max-width: 160px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.arco-shell .main-content.arco-shell-content {
														
 
															+  margin-left: 0;
														
 
															+  height: calc(100vh - 64px);
														
 
															+  background: #f5f7fb;
														
 
															+  overflow: auto;
														
 
															+}
														
 
															+
														
 
															+.arco-shell .main-page-content.arco-shell-page {
														
 
															+  padding: 24px 28px 36px;
														
 
															+  width: 100%;
														
 
															+  max-width: 1440px;
														
 
															+  margin: 0 auto;
														
 
															+}
														
 
															+
														
 
															+.layout-user-menu {
														
 
															+  min-width: 176px;
														
 
															+}
														
 
															+
														
 
															+.layout-user-menu-danger {
														
 
															+  color: #f53f3f;
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 900px) {
														
 
															+  .arco-shell-body {
														
 
															+    margin-left: 64px;
														
 
															+  }
														
 
															+
														
 
															+  .arco-shell-header {
														
 
															+    padding: 0 16px;
														
 
															+  }
														
 
															+
														
 
															+  .arco-shell-user-name,
														
 
															+  .arco-shell-kicker {
														
 
															+    display: none;
														
 
															+  }
														
 
															+
														
 
															+  .arco-shell .main-page-content.arco-shell-page {
														
 
															+    padding: 18px 16px 28px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.sidebar {
														
 
															+  width: 280px;
														
 
															+  background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border-right: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  box-shadow: 4px 0 20px rgba(102, 126, 234, 0.1);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  position: fixed;
														
 
															+  height: 100vh;
														
 
															+  left: 0;
														
 
															+  top: 0;
														
 
															+  z-index: 100;
														
 
															+  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+}
														
 
															+
														
 
															+/* 收起状态 */
														
 
															+.app-collapsed .sidebar {
														
 
															+  width: 72px;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .main-content {
														
 
															+  margin-left: 72px;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .logo-text,
														
 
															+.app-collapsed .menu-item-label,
														
 
															+.app-collapsed .arrow,
														
 
															+.app-collapsed .submenu-inline {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu {
														
 
															+  padding: 20px 0;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-item {
														
 
															+  padding: 14px 0;
														
 
															+  margin: 4px 8px;
														
 
															+  justify-content: center;
														
 
															+  border-radius: 12px;
														
 
															+  border-left: none;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-item:hover {
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-item-text {
														
 
															+  justify-content: center;
														
 
															+  gap: 0;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-item-parent {
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-icon {
														
 
															+  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .sidebar-header {
														
 
															+  padding: 18px 12px;
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .logo {
														
 
															+  justify-content: center;
														
 
															+  gap: 0;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .logo-image {
														
 
															+  width: 32px;
														
 
															+  height: 32px;
														
 
															+}
														
 
															+
														
 
															+/* 折叠态下的子菜单浮层 */
														
 
															+.submenu-popover {
														
 
															+  position: absolute;
														
 
															+  left: calc(100% + 8px);
														
 
															+  top: 0;
														
 
															+  min-width: 180px;
														
 
															+  max-height: 0;
														
 
															+  overflow: hidden;
														
 
															+  background: white;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 12px;
														
 
															+  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.18);
														
 
															+  z-index: 200;
														
 
															+  padding: 6px 0;
														
 
															+  opacity: 0;
														
 
															+  visibility: hidden;
														
 
															+  transform: translateX(-6px);
														
 
															+  transition: max-height 0.3s ease, opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .menu-item-parent:hover .submenu-popover {
														
 
															+  max-height: 400px;
														
 
															+  opacity: 1;
														
 
															+  visibility: visible;
														
 
															+  transform: translateX(0);
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .submenu-popover .submenu-item {
														
 
															+  padding: 10px 18px;
														
 
															+  margin: 2px 8px;
														
 
															+  border-radius: 8px;
														
 
															+  color: #4a5568;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 500;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .submenu-popover .submenu-item::before {
														
 
															+  left: 12px;
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .submenu-popover .submenu-item:hover {
														
 
															+  color: #667eea;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 212, 255, 0.06) 100%);
														
 
															+}
														
 
															+
														
 
															+.app-collapsed .submenu-popover .submenu-item.active {
														
 
															+  color: #764ba2;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+}
														
 
															+
														
 
															+.sidebar-header {
														
 
															+  padding: 28px 24px;
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.05) 50%, transparent 100%);
														
 
															+  transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+}
														
 
															+
														
 
															+.sidebar-toggle {
														
 
															+  width: 100%;
														
 
															+  padding: 8px 12px;
														
 
															+  border: none;
														
 
															+  border-radius: 10px;
														
 
															+  background: transparent;
														
 
															+  color: #64748b;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  gap: 6px;
														
 
															+  transition: all 0.2s ease;
														
 
															+  line-height: 1;
														
 
															+}
														
 
															+
														
 
															+.sidebar-toggle-icon {
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 700;
														
 
															+  color: #667eea;
														
 
															+  transition: transform 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.sidebar-toggle:hover {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.sidebar-toggle:hover .sidebar-toggle-icon {
														
 
															+  transform: scale(1.15);
														
 
															+}
														
 
															+
														
 
															+.logo {
														
 
															+  font-weight: bold;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.logo-text {
														
 
															+  display: flex;
														
 
															+  align-items: baseline;
														
 
															+  gap: 6px;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.logo-text-main {
														
 
															+  font-family: 'Brush Script MT', 'Lucida Handwriting', 'Snell Roundhand', 'Apple Chancery', cursive;
														
 
															+  font-size: 30px;
														
 
															+  font-weight: 800;
														
 
															+  letter-spacing: 0.5px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 45%, #f093fb 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  text-shadow: 0 2px 8px rgba(102, 126, 234, 0.25);
														
 
															+  font-style: italic;
														
 
															+  transform: skewX(-6deg);
														
 
															+  display: inline-block;
														
 
															+  position: relative;
														
 
															+  line-height: 1;
														
 
															+}
														
 
															+
														
 
															+.logo-text-main::after {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: -3px;
														
 
															+  height: 2px;
														
 
															+  background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
														
 
															+  border-radius: 2px;
														
 
															+  opacity: 0.7;
														
 
															+}
														
 
															+
														
 
															+.logo-text-sub {
														
 
															+  font-family: 'Optima', 'PingFang SC', 'Microsoft YaHei', sans-serif;
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: 4px;
														
 
															+  background: linear-gradient(135deg, #764ba2 0%, #f093fb 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  position: relative;
														
 
															+  padding-left: 6px;
														
 
															+  line-height: 1;
														
 
															+}
														
 
															+
														
 
															+.logo-text-sub::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  left: 0;
														
 
															+  top: 50%;
														
 
															+  transform: translateY(-50%);
														
 
															+  width: 2px;
														
 
															+  height: 14px;
														
 
															+  background: linear-gradient(180deg, #667eea 0%, #f093fb 100%);
														
 
															+  border-radius: 2px;
														
 
															+}
														
 
															+
														
 
															+.logo-icon {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  border: 2px solid transparent;
														
 
															+  border-radius: 10px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  background-clip: padding-box;
														
 
															+  position: relative;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  animation: glow-pulse 2.5s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+.logo-image {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  object-fit: contain;
														
 
															+  filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.4));
														
 
															+}
														
 
															+
														
 
															+.logo-icon::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  inset: -2px;
														
 
															+  border-radius: 10px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  z-index: -1;
														
 
															+  opacity: 0.6;
														
 
															+  filter: blur(4px);
														
 
															+}
														
 
															+
														
 
															+@keyframes glow-pulse {
														
 
															+  0%, 100% {
														
 
															+    box-shadow: 0 0 15px rgba(102, 126, 234, 0.4), 0 0 30px rgba(118, 75, 162, 0.2);
														
 
															+  }
														
 
															+  50% {
														
 
															+    box-shadow: 0 0 25px rgba(102, 126, 234, 0.6), 0 0 50px rgba(118, 75, 162, 0.3);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.menu {
														
 
															+  flex: 1;
														
 
															+  padding: 20px 0;
														
 
															+  overflow-y: auto;
														
 
															+}
														
 
															+
														
 
															+.sidebar-footer {
														
 
															+  padding: 20px 24px;
														
 
															+  border-top: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  background: linear-gradient(0deg, rgba(102, 126, 234, 0.05) 0%, transparent 100%);
														
 
															+}
														
 
															+
														
 
															+.logout-btn {
														
 
															+  width: 100%;
														
 
															+  padding: 14px 20px;
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  border-radius: 12px;
														
 
															+  color: #dc2626;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.logout-btn:hover {
														
 
															+  background: rgba(239, 68, 68, 0.15);
														
 
															+  border-color: rgba(239, 68, 68, 0.3);
														
 
															+  transform: translateX(4px);
														
 
															+  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.15);
														
 
															+}
														
 
															+
														
 
															+.menu-item {
														
 
															+  padding: 16px 24px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  border-left: 4px solid transparent;
														
 
															+  position: relative;
														
 
															+  margin: 4px 12px;
														
 
															+  border-radius: 0 12px 12px 0;
														
 
															+}
														
 
															+
														
 
															+.menu-item:hover {
														
 
															+  background: linear-gradient(90deg, rgba(102, 126, 234, 0.12) 0%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+  border-left-color: #667eea;
														
 
															+  transform: translateX(4px);
														
 
															+}
														
 
															+
														
 
															+.menu-item.active {
														
 
															+  background: linear-gradient(90deg, rgba(102, 126, 234, 0.18) 0%, rgba(0, 212, 255, 0.12) 100%);
														
 
															+  border-left-color: #764ba2;
														
 
															+}
														
 
															+
														
 
															+.menu-item::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  left: 0;
														
 
															+  top: 0;
														
 
															+  height: 100%;
														
 
															+  width: 0;
														
 
															+  background: linear-gradient(90deg, rgba(102, 126, 234, 0.15), transparent);
														
 
															+  transition: width 0.4s ease;
														
 
															+  border-radius: 0 12px 12px 0;
														
 
															+}
														
 
															+
														
 
															+.menu-item:hover::before,
														
 
															+.menu-item.active::before {
														
 
															+  width: 100%;
														
 
															+}
														
 
															+
														
 
															+.menu-item-text {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 14px;
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.menu-icon {
														
 
															+  width: 24px;
														
 
															+  height: 24px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 20px;
														
 
															+  filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));
														
 
															+}
														
 
															+
														
 
															+.arrow {
														
 
															+  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  font-size: 14px;
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.arrow.open {
														
 
															+  transform: rotate(90deg);
														
 
															+}
														
 
															+
														
 
															+.submenu {
														
 
															+  max-height: 0;
														
 
															+  overflow: hidden;
														
 
															+  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  background: rgba(102, 126, 234, 0.03);
														
 
															+}
														
 
															+
														
 
															+.submenu.open {
														
 
															+  max-height: 600px;
														
 
															+}
														
 
															+
														
 
															+.submenu-item {
														
 
															+  padding: 14px 24px 14px 60px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+  color: #4a5568;
														
 
															+  position: relative;
														
 
															+  margin: 2px 16px;
														
 
															+  border-radius: 8px;
														
 
															+}
														
 
															+
														
 
															+.submenu-item::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  left: 40px;
														
 
															+  top: 50%;
														
 
															+  width: 8px;
														
 
															+  height: 8px;
														
 
															+  border-radius: 50%;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  transform: translateY(-50%) scale(0.6);
														
 
															+  transition: all 0.3s ease;
														
 
															+  opacity: 0.5;
														
 
															+}
														
 
															+
														
 
															+.submenu-item:hover {
														
 
															+  color: #667eea;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(0, 212, 255, 0.06) 100%);
														
 
															+  transform: translateX(4px);
														
 
															+}
														
 
															+
														
 
															+.submenu-item:hover::before {
														
 
															+  transform: translateY(-50%) scale(1);
														
 
															+  opacity: 1;
														
 
															+  box-shadow: 0 0 12px rgba(102, 126, 234, 0.6);
														
 
															+}
														
 
															+
														
 
															+.submenu-item.active {
														
 
															+  color: #764ba2;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+}
														
 
															+
														
 
															+.submenu-item.active::before {
														
 
															+  transform: translateY(-50%) scale(1);
														
 
															+  opacity: 1;
														
 
															+  box-shadow: 0 0 15px rgba(102, 126, 234, 0.7);
														
 
															+}
														
 
															+
														
 
															+.main-content {
														
 
															+  flex: 1;
														
 
															+  margin-left: 280px;
														
 
															+  min-height: 100vh;
														
 
															+  position: relative;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+}
														
 
															+
														
 
															+.main-header {
														
 
															+  padding: 0;
														
 
															+  min-height: 0;
														
 
															+  display: flex;
														
 
															+  justify-content: flex-end;
														
 
															+  align-items: center;
														
 
															+  position: relative;
														
 
															+  z-index: 1001;
														
 
															+}
														
 
															+
														
 
															+.header-avatar {
														
 
															+  width: 44px;
														
 
															+  height: 44px;
														
 
															+  border-radius: 50%;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.header-avatar:hover {
														
 
															+  transform: scale(1.1);
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
														
 
															+}
														
 
															+
														
 
															+.header-avatar-wrapper {
														
 
															+  position: fixed;
														
 
															+  top: 16px;
														
 
															+  right: 32px;
														
 
															+  z-index: 1100;
														
 
															+}
														
 
															+
														
 
															+.user-dropdown {
														
 
															+  position: absolute;
														
 
															+  top: 60px;
														
 
															+  right: 0;
														
 
															+  background: white;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  box-shadow: 0 10px 40px rgba(102, 126, 234, 0.2), 0 4px 20px rgba(118, 75, 162, 0.1);
														
 
															+  min-width: 200px;
														
 
															+  padding: 8px 0;
														
 
															+  z-index: 1000;
														
 
															+  animation: dropdownSlideIn 0.2s ease-out;
														
 
															+}
														
 
															+
														
 
															+@keyframes dropdownSlideIn {
														
 
															+  from {
														
 
															+    opacity: 0;
														
 
															+    transform: translateY(-10px);
														
 
															+  }
														
 
															+  to {
														
 
															+    opacity: 1;
														
 
															+    transform: translateY(0);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.dropdown-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  padding: 12px 20px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 500;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.dropdown-item:hover {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.dropdown-item.logout:hover {
														
 
															+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(239, 68, 68, 0.04) 100%);
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.dropdown-icon {
														
 
															+  font-size: 18px;
														
 
															+}
														
 
															+
														
 
															+.dropdown-divider {
														
 
															+  height: 1px;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  margin: 8px 0;
														
 
															+}
														
 
															+
														
 
															+.avatar-icon {
														
 
															+  font-size: 24px;
														
 
															+}
														
 
															+
														
 
															+.main-page-content {
														
 
															+  flex: 1;
														
 
															+  padding: 0 40px 40px 40px;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.page-header {
														
 
															+  margin-bottom: 40px;
														
 
															+}
														
 
															+
														
 
															+.page-title {
														
 
															+  font-size: 38px;
														
 
															+  font-weight: 800;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  margin-bottom: 10px;
														
 
															+  letter-spacing: -0.5px;
														
 
															+}
														
 
															+
														
 
															+.page-subtitle {
														
 
															+  color: #64748b;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+/* 卡片样式 */
														
 
															+.card-grid {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
														
 
															+  gap: 28px;
														
 
															+}
														
 
															+
														
 
															+.card {
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 20px;
														
 
															+  padding: 28px;
														
 
															+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
														
 
															+}
														
 
															+
														
 
															+.card::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  height: 3px;
														
 
															+  background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  transform: translateX(-100%);
														
 
															+  transition: transform 0.6s ease;
														
 
															+}
														
 
															+
														
 
															+.card::after {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  inset: -1px;
														
 
															+  border-radius: 20px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.1) 50%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+  opacity: 0;
														
 
															+  transition: opacity 0.4s ease;
														
 
															+  z-index: -1;
														
 
															+  filter: blur(8px);
														
 
															+}
														
 
															+
														
 
															+.card:hover {
														
 
															+  transform: translateY(-8px) scale(1.02);
														
 
															+  border-color: rgba(102, 126, 234, 0.4);
														
 
															+  box-shadow: 0 20px 60px rgba(102, 126, 234, 0.2), 0 8px 25px rgba(118, 75, 162, 0.15);
														
 
															+}
														
 
															+
														
 
															+.card:hover::before {
														
 
															+  transform: translateX(100%);
														
 
															+}
														
 
															+
														
 
															+.card:hover::after {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+.card-header {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 18px;
														
 
															+  margin-bottom: 18px;
														
 
															+}
														
 
															+
														
 
															+.card-icon {
														
 
															+  width: 56px;
														
 
															+  height: 56px;
														
 
															+  border-radius: 16px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(0, 212, 255, 0.1) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 28px;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.15);
														
 
															+  transition: all 0.4s ease;
														
 
															+}
														
 
															+
														
 
															+.card:hover .card-icon {
														
 
															+  transform: scale(1.1) rotate(5deg);
														
 
															+  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.card-title {
														
 
															+  font-size: 20px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 6px;
														
 
															+  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+}
														
 
															+
														
 
															+.card-description {
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.7;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.card-tags {
														
 
															+  display: flex;
														
 
															+  gap: 10px;
														
 
															+  margin-top: 20px;
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+.tag {
														
 
															+  padding: 6px 16px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 24px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #667eea;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.tag:hover {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  transform: scale(1.05);
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
														
 
															+}
														
 
															+
														
 
															+/* 列表样式 */
														
 
															+.list {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 18px;
														
 
															+}
														
 
															+
														
 
															+.list-item {
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  padding: 24px 28px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.06);
														
 
															+}
														
 
															+
														
 
															+.list-item::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  left: 0;
														
 
															+  top: 0;
														
 
															+  bottom: 0;
														
 
															+  width: 4px;
														
 
															+  background: linear-gradient(180deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  transform: scaleY(0);
														
 
															+  transition: transform 0.4s ease;
														
 
															+  border-radius: 0 2px 2px 0;
														
 
															+}
														
 
															+
														
 
															+.list-item::after {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  inset: 0;
														
 
															+  background: linear-gradient(90deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  opacity: 0;
														
 
															+  transition: opacity 0.4s ease;
														
 
															+}
														
 
															+
														
 
															+.list-item:hover {
														
 
															+  transform: translateX(8px) translateY(-2px);
														
 
															+  border-color: rgba(102, 126, 234, 0.4);
														
 
															+  box-shadow: 0 10px 40px rgba(102, 126, 234, 0.15), 0 4px 20px rgba(118, 75, 162, 0.1);
														
 
															+}
														
 
															+
														
 
															+.list-item:hover::before {
														
 
															+  transform: scaleY(1);
														
 
															+}
														
 
															+
														
 
															+.list-item:hover::after {
														
 
															+  opacity: 1;
														
 
															+}
														
 
															+
														
 
															+.list-item-content {
														
 
															+  flex: 1;
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+}
														
 
															+
														
 
															+.list-item-title {
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 8px;
														
 
															+}
														
 
															+
														
 
															+.list-item-meta {
														
 
															+  display: flex;
														
 
															+  gap: 20px;
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.meta-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.list-item-action {
														
 
															+  padding: 12px 28px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  border-radius: 12px;
														
 
															+  color: white;
														
 
															+  font-weight: 700;
														
 
															+  font-size: 14px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.list-item-action:hover {
														
 
															+  transform: scale(1.08) translateY(-2px);
														
 
															+  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.5), 0 4px 15px rgba(118, 75, 162, 0.3);
														
 
															+  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
														
 
															+}
														
 
															+
														
 
															+.history-page {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.history-page-header {
														
 
															+  display: flex;
														
 
															+  align-items: flex-start;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.history-page-title.arco-typography {
														
 
															+  margin: 0 0 6px;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 24px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 32px;
														
 
															+}
														
 
															+
														
 
															+.history-page-subtitle.arco-typography {
														
 
															+  color: #86909c;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 22px;
														
 
															+}
														
 
															+
														
 
															+.history-count-tag.arco-tag {
														
 
															+  margin-top: 4px;
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.history-card.arco-card {
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.history-card .arco-card-body {
														
 
															+  padding: 0;
														
 
															+}
														
 
															+
														
 
															+.history-list {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.history-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 16px;
														
 
															+  min-height: 80px;
														
 
															+  padding: 16px 20px;
														
 
															+  border-bottom: 1px solid #f2f3f5;
														
 
															+  background: #ffffff;
														
 
															+  transition: background-color 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.history-item:last-child {
														
 
															+  border-bottom: 0;
														
 
															+}
														
 
															+
														
 
															+.history-item:hover {
														
 
															+  background: #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+.history-item-main {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.history-item-icon {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  flex-shrink: 0;
														
 
															+  border-radius: 4px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 18px;
														
 
															+}
														
 
															+
														
 
															+.history-item-content {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.history-item-title.arco-typography {
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+}
														
 
															+
														
 
															+.history-item-meta.arco-space {
														
 
															+  color: #86909c;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 20px;
														
 
															+}
														
 
															+
														
 
															+.history-item-meta span {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+}
														
 
															+
														
 
															+.history-detail-btn.arco-btn-text {
														
 
															+  flex-shrink: 0;
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.history-detail-btn.arco-btn-text:hover {
														
 
															+  background: #e8f3ff;
														
 
															+  color: #4080ff;
														
 
															+}
														
 
															+
														
 
															+.available-agents-page {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.available-agents-header {
														
 
															+  display: flex;
														
 
															+  align-items: flex-start;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.available-agents-title.arco-typography {
														
 
															+  margin: 0 0 6px;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 24px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 32px;
														
 
															+}
														
 
															+
														
 
															+.available-agents-subtitle.arco-typography {
														
 
															+  color: #86909c;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 22px;
														
 
															+}
														
 
															+
														
 
															+.available-agents-count-tag.arco-tag {
														
 
															+  margin-top: 4px;
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.available-agents-card.arco-card {
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.available-agents-card .arco-card-body {
														
 
															+  padding: 0;
														
 
															+}
														
 
															+
														
 
															+.available-agents-list {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.available-agent-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 16px;
														
 
															+  min-height: 92px;
														
 
															+  padding: 18px 20px;
														
 
															+  border-bottom: 1px solid #f2f3f5;
														
 
															+  background: #ffffff;
														
 
															+  transition: background-color 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.available-agent-item:last-child {
														
 
															+  border-bottom: 0;
														
 
															+}
														
 
															+
														
 
															+.available-agent-item:hover {
														
 
															+  background: #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+.available-agent-main {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.available-agent-icon {
														
 
															+  width: 40px;
														
 
															+  height: 40px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  flex-shrink: 0;
														
 
															+  border-radius: 4px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 20px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-content {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 5px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.available-agent-name.arco-typography {
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-description.arco-typography {
														
 
															+  color: #4e5969;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 20px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-meta.arco-space {
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  line-height: 20px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-meta span {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-actions {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.available-agent-status.arco-tag {
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.available-agent-use-btn.arco-btn-primary {
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+/* 科技感装饰线 */
														
 
															+.tech-line {
														
 
															+  height: 2px;
														
 
															+  background: linear-gradient(90deg, transparent 0%, #667eea 25%, #764ba2 50%, #00d4ff 75%, transparent 100%);
														
 
															+  margin: 40px 0;
														
 
															+  border-radius: 2px;
														
 
															+}
														
 
															+
														
 
															+/* Profile Modal Styles */
														
 
															+.profile-modal-overlay {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  background: rgba(0, 0, 0, 0.5);
														
 
															+  backdrop-filter: blur(4px);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  z-index: 1000;
														
 
															+}
														
 
															+
														
 
															+.profile-modal {
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 24px;
														
 
															+  width: 90%;
														
 
															+  max-width: 900px;
														
 
															+  height: 70vh;
														
 
															+  overflow: hidden;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  box-shadow: 0 20px 60px rgba(102, 126, 234, 0.2), 0 8px 25px rgba(118, 75, 162, 0.15);
														
 
															+  animation: modalSlideIn 0.3s ease-out;
														
 
															+}
														
 
															+
														
 
															+@keyframes modalSlideIn {
														
 
															+  from {
														
 
															+    opacity: 0;
														
 
															+    transform: scale(0.9) translateY(-20px);
														
 
															+  }
														
 
															+  to {
														
 
															+    opacity: 1;
														
 
															+    transform: scale(1) translateY(0);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.profile-modal-header {
														
 
															+  padding: 24px 28px;
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: center;
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, transparent 100%);
														
 
															+}
														
 
															+
														
 
															+.profile-modal-header h2 {
														
 
															+  margin: 0;
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 800;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+}
														
 
															+
														
 
															+.profile-close-btn {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  border-radius: 10px;
														
 
															+  border: none;
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  color: #dc2626;
														
 
															+  font-size: 18px;
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.profile-close-btn:hover {
														
 
															+  background: rgba(239, 68, 68, 0.2);
														
 
															+  transform: rotate(90deg);
														
 
															+}
														
 
															+
														
 
															+.profile-tabs {
														
 
															+  display: flex;
														
 
															+  gap: 8px;
														
 
															+  padding: 16px 28px;
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+}
														
 
															+
														
 
															+.profile-tab {
														
 
															+  padding: 10px 20px;
														
 
															+  border: none;
														
 
															+  border-radius: 12px;
														
 
															+  background: transparent;
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.profile-tab:hover {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.profile-tab.active {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.profile-tab-content {
														
 
															+  flex: 1;
														
 
															+  padding: 28px;
														
 
															+  overflow-y: auto;
														
 
															+}
														
 
															+
														
 
															+/* Account Info */
														
 
															+.account-info {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 24px;
														
 
															+}
														
 
															+
														
 
															+.account-avatar-section {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  padding: 20px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(0, 212, 255, 0.03) 100%);
														
 
															+  border-radius: 16px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.account-avatar {
														
 
															+  width: 80px;
														
 
															+  height: 80px;
														
 
															+  border-radius: 50%;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 40px;
														
 
															+  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.account-name-edit {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  width: 100%;
														
 
															+  justify-content: center;
														
 
															+}
														
 
															+
														
 
															+.account-name {
														
 
															+  font-size: 20px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.account-name-input {
														
 
															+  flex: 1;
														
 
															+  padding: 10px 16px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.3);
														
 
															+  border-radius: 10px;
														
 
															+  background: white;
														
 
															+  color: #1e293b;
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 600;
														
 
															+  outline: none;
														
 
															+  text-align: center;
														
 
															+}
														
 
															+
														
 
															+.account-name-input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.account-name-actions {
														
 
															+  display: flex;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.account-name-btn {
														
 
															+  padding: 8px 16px;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.account-name-btn.save {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.account-name-btn.save:hover {
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.35);
														
 
															+}
														
 
															+
														
 
															+.account-name-btn.cancel {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.account-name-btn.cancel:hover {
														
 
															+  background: rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.account-name-edit-btn {
														
 
															+  padding: 6px 12px;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 8px;
														
 
															+  color: #667eea;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.account-name-edit-btn:hover {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.account-field {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.account-field label {
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.account-field input {
														
 
															+  padding: 14px 18px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 12px;
														
 
															+  background: rgba(255, 255, 255, 0.8);
														
 
															+  color: #1e293b;
														
 
															+  font-size: 15px;
														
 
															+  outline: none;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.account-field input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
														
 
															+  background: white;
														
 
															+}
														
 
															+
														
 
															+.account-actions {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.account-action-btn {
														
 
															+  flex: 1;
														
 
															+  padding: 14px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.3);
														
 
															+  border-radius: 12px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  color: #667eea;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.account-action-btn:hover {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
														
 
															+}
														
 
															+
														
 
															+.account-password-section {
														
 
															+  margin-top: 20px;
														
 
															+  padding-top: 20px;
														
 
															+  border-top: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.account-password-title {
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 12px;
														
 
															+}
														
 
															+
														
 
															+.account-password-form {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 12px;
														
 
															+  padding: 16px;
														
 
															+  background: rgba(102, 126, 234, 0.03);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+  border-radius: 12px;
														
 
															+}
														
 
															+
														
 
															+.account-password-field {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.account-password-field label {
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.account-password-field input {
														
 
															+  padding: 12px 16px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  background: white;
														
 
															+  color: #1e293b;
														
 
															+  font-size: 14px;
														
 
															+  outline: none;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.account-password-field input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.account-password-actions {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+  margin-top: 8px;
														
 
															+}
														
 
															+
														
 
															+.account-password-btn {
														
 
															+  flex: 1;
														
 
															+  padding: 12px;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.account-password-btn.save {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.account-password-btn.save:hover:not(:disabled) {
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
														
 
															+  transform: translateY(-2px);
														
 
															+}
														
 
															+
														
 
															+.account-password-btn.save:disabled {
														
 
															+  opacity: 0.6;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.account-password-btn.cancel {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.account-password-btn.cancel:hover {
														
 
															+  background: rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+/* API Key Info */
														
 
															+.apikey-info {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 20px;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-section {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(0, 212, 255, 0.03) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 20px;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-title {
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-form {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires-input {
														
 
															+  flex: 1;
														
 
															+  padding: 12px 16px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  background: white;
														
 
															+  font-size: 14px;
														
 
															+  outline: none;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires-input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.apikey-create-btn {
														
 
															+  padding: 12px 24px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  border-radius: 10px;
														
 
															+  color: white;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-btn:hover:not(:disabled) {
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
														
 
															+}
														
 
															+
														
 
															+.apikey-create-btn:disabled {
														
 
															+  opacity: 0.6;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.apikey-list {
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 12px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-header {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 2fr 100px 180px 140px;
														
 
															+  gap: 16px;
														
 
															+  padding: 12px 16px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #64748b;
														
 
															+  text-transform: uppercase;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-item {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 2fr 100px 180px 140px;
														
 
															+  gap: 16px;
														
 
															+  padding: 12px 16px;
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+  align-items: center;
														
 
															+  transition: background 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-item:last-child {
														
 
															+  border-bottom: none;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-item:hover {
														
 
															+  background: rgba(102, 126, 234, 0.03);
														
 
															+}
														
 
															+
														
 
															+.apikey-loading,
														
 
															+.apikey-empty {
														
 
															+  padding: 40px 16px;
														
 
															+  text-align: center;
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+}
														
 
															+
														
 
															+.apikey-token {
														
 
															+  display: flex;
														
 
															+  gap: 8px;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+
														
 
															+.apikey-token-input {
														
 
															+  flex: 1;
														
 
															+  padding: 8px 12px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 8px;
														
 
															+  background: rgba(255, 255, 255, 0.6);
														
 
															+  font-size: 13px;
														
 
															+  font-family: monospace;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.apikey-copy-btn {
														
 
															+  padding: 6px 10px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 6px;
														
 
															+  background: rgba(102, 126, 234, 0.05);
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-copy-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.apikey-status {
														
 
															+  display: inline-block;
														
 
															+  padding: 4px 12px;
														
 
															+  border-radius: 20px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.apikey-status.active {
														
 
															+  background: rgba(34, 197, 94, 0.1);
														
 
															+  color: #22c55e;
														
 
															+}
														
 
															+
														
 
															+.apikey-status.inactive {
														
 
															+  background: rgba(107, 114, 128, 0.1);
														
 
															+  color: #6b7280;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires {
														
 
															+  font-size: 13px;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.apikey-remain {
														
 
															+  font-size: 12px;
														
 
															+  color: #94a3b8;
														
 
															+  margin-left: 4px;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn,
														
 
															+.apikey-delete-btn {
														
 
															+  padding: 6px 12px;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  margin-right: 8px;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn:hover:not(:disabled) {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.apikey-delete-btn {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.apikey-delete-btn:hover:not(:disabled) {
														
 
															+  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn:disabled,
														
 
															+.apikey-delete-btn:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.apikey-description {
														
 
															+  padding: 16px 20px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(0, 212, 255, 0.03) 100%);
														
 
															+  border-radius: 12px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+.apikey-display {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+
														
 
															+.apikey-display input {
														
 
															+  flex: 1;
														
 
															+  padding: 14px 18px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 12px;
														
 
															+  background: rgba(255, 255, 255, 0.8);
														
 
															+  color: #1e293b;
														
 
															+  font-size: 15px;
														
 
															+  font-family: monospace;
														
 
															+  outline: none;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn-old {
														
 
															+  padding: 14px 20px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.3);
														
 
															+  border-radius: 12px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  color: #667eea;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  white-space: nowrap;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-toggle-btn-old:hover {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.35);
														
 
															+}
														
 
															+
														
 
															+.apikey-actions {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn {
														
 
															+  flex: 1;
														
 
															+  padding: 14px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.3);
														
 
															+  border-radius: 12px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(0, 212, 255, 0.04) 100%);
														
 
															+  color: #667eea;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.secondary {
														
 
															+  background: rgba(102, 126, 234, 0.05);
														
 
															+  border-color: rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn:hover {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.secondary:hover {
														
 
															+  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
														
 
															+}
														
 
															+
														
 
															+/* Logout Section */
														
 
															+.logout-section {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 28px;
														
 
															+  padding: 20px 0;
														
 
															+}
														
 
															+
														
 
															+.logout-warning {
														
 
															+  padding: 24px;
														
 
															+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(239, 68, 68, 0.03) 100%);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  text-align: center;
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 600;
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.logout-actions {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.logout-confirm-btn,
														
 
															+.logout-cancel-btn {
														
 
															+  flex: 1;
														
 
															+  padding: 14px;
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.logout-confirm-btn {
														
 
															+  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
														
 
															+  border: none;
														
 
															+  color: white;
														
 
															+  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
														
 
															+}
														
 
															+
														
 
															+.logout-confirm-btn:hover {
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
														
 
															+}
														
 
															+
														
 
															+.logout-cancel-btn {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.logout-cancel-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+  transform: translateY(-2px);
														
 
															+}
														
 
															+
														
 
															+/* API Key Modal */
														
 
															+.api-key-modal {
														
 
															+  width: 95%;
														
 
															+  max-width: 1100px;
														
 
															+  height: 80vh;
														
 
															+  max-height: 800px;
														
 
															+}
														
 
															+
														
 
															+/* ============ 智能体执行页 / 申请页 公共样式 ============ */
														
 
															+.back-btn {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+  padding: 6px 14px;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 8px;
														
 
															+  color: #667eea;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  margin-bottom: 12px;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.back-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+  transform: translateX(-2px);
														
 
															+}
														
 
															+
														
 
															+/* 智能体执行页 */
														
 
															+.agent-execute {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+  height: calc(100vh - 80px);
														
 
															+}
														
 
															+
														
 
															+/* 执行页 - 详情卡 */
														
 
															+.execute-detail-card {
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  padding: 20px 24px;
														
 
															+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 14px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon {
														
 
															+  width: 64px;
														
 
															+  height: 64px;
														
 
															+  border-radius: 16px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 32px;
														
 
															+  flex-shrink: 0;
														
 
															+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon-img {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+  object-fit: cover;
														
 
															+  border-radius: 16px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-card > .execute-detail-desc,
														
 
															+.execute-detail-card > .execute-detail-info,
														
 
															+.execute-detail-card > .execute-detail-disclaimer {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-actions {
														
 
															+  display: flex;
														
 
															+  justify-content: flex-start;
														
 
															+  gap: 8px;
														
 
															+  margin-top: 8px;
														
 
															+  margin-left: 72px;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-action-btn {
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.24);
														
 
															+  background: #fff;
														
 
															+  color: #4f46e5;
														
 
															+  border-radius: 8px;
														
 
															+  padding: 6px 12px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 700;
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-action-btn:disabled {
														
 
															+  opacity: 0.6;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-mask {
														
 
															+  position: fixed;
														
 
															+  inset: 0;
														
 
															+  background: rgba(15, 23, 42, 0.28);
														
 
															+  z-index: 1200;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  right: 0;
														
 
															+  width: min(420px, 90vw);
														
 
															+  height: 100vh;
														
 
															+  background: #fff;
														
 
															+  z-index: 1201;
														
 
															+  box-shadow: -16px 0 40px rgba(15, 23, 42, 0.18);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  padding: 18px 20px;
														
 
															+  border-bottom: 1px solid #e5e7eb;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-close {
														
 
															+  width: 28px;
														
 
															+  height: 28px;
														
 
															+  border: 0;
														
 
															+  border-radius: 8px;
														
 
															+  background: #f1f5f9;
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-title {
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 800;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-body {
														
 
															+  padding: 12px;
														
 
															+  overflow-y: auto;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-status {
														
 
															+  padding: 24px;
														
 
															+  color: #64748b;
														
 
															+  text-align: center;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-list {
														
 
															+  list-style: none;
														
 
															+  padding: 0;
														
 
															+  margin: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-item {
														
 
															+  padding: 12px;
														
 
															+  border: 1px solid #e5e7eb;
														
 
															+  border-radius: 10px;
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-item:hover {
														
 
															+  border-color: rgba(102, 126, 234, 0.4);
														
 
															+  background: #f8faff;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-item-name {
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 4px;
														
 
															+}
														
 
															+
														
 
															+.execute-drawer-item-meta {
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-disclaimer {
														
 
															+  margin-top: 12px;
														
 
															+  padding: 8px 12px;
														
 
															+  background: rgba(245, 158, 11, 0.06);
														
 
															+  border: 1px solid rgba(245, 158, 11, 0.2);
														
 
															+  border-left: 3px solid #f59e0b;
														
 
															+  border-radius: 6px;
														
 
															+  font-size: 12px;
														
 
															+  color: #92400e;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-meta {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-name {
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 800;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  margin: 0 0 6px 0;
														
 
															+  line-height: 1.2;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-sub {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  flex-wrap: wrap;
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-id {
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  color: #94a3b8;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-tag {
														
 
															+  padding: 2px 8px;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 6px;
														
 
															+  color: #667eea;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-status {
														
 
															+  padding: 2px 8px;
														
 
															+  border-radius: 6px;
														
 
															+  font-weight: 600;
														
 
															+  text-transform: capitalize;
														
 
															+}
														
 
															+
														
 
															+.execute-status-active {
														
 
															+  background: rgba(34, 197, 94, 0.12);
														
 
															+  color: #16a34a;
														
 
															+}
														
 
															+
														
 
															+.execute-status-inactive,
														
 
															+.execute-status-disabled {
														
 
															+  background: rgba(148, 163, 184, 0.15);
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-error {
														
 
															+  margin-top: 6px;
														
 
															+  padding: 6px 10px;
														
 
															+  background: rgba(239, 68, 68, 0.08);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  border-radius: 6px;
														
 
															+  color: #dc2626;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  align-items: flex-end;
														
 
															+  gap: 4px;
														
 
															+  padding: 8px 14px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.04) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 10px;
														
 
															+  max-width: 220px;
														
 
															+}
														
 
															+
														
 
															+.apikey-label {
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 600;
														
 
															+  color: #667eea;
														
 
															+  letter-spacing: 0.5px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey code {
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  font-weight: 600;
														
 
															+  white-space: nowrap;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  max-width: 100%;
														
 
															+}
														
 
															+
														
 
															+/* ===== API Key 触发按钮（右上角） ===== */
														
 
															+.execute-detail-apikey-trigger,
														
 
															+.execute-detail-history-trigger,
														
 
															+.execute-detail-new-trigger {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  padding: 8px 16px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: #fff;
														
 
															+  border: none;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.25);
														
 
															+  letter-spacing: 0.3px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-new-trigger {
														
 
															+  margin-left: auto;
														
 
															+  background: #fff;
														
 
															+  color: #5568d3;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.28);
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey-trigger:hover,
														
 
															+.execute-detail-history-trigger:hover,
														
 
															+.execute-detail-new-trigger:hover {
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.4);
														
 
															+  background: linear-gradient(135deg, #5a6fd8 0%, #6a4391 100%);
														
 
															+}
														
 
															+
														
 
															+.execute-detail-new-trigger:hover {
														
 
															+  color: #5568d3;
														
 
															+  border-color: rgba(102, 126, 234, 0.45);
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey-trigger:active,
														
 
															+.execute-detail-history-trigger:active,
														
 
															+.execute-detail-new-trigger:active {
														
 
															+  transform: translateY(0);
														
 
															+  box-shadow: 0 1px 4px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey-trigger .apikey-icon,
														
 
															+.execute-detail-history-trigger .history-icon,
														
 
															+.execute-detail-history-trigger .new-chat-icon,
														
 
															+.execute-detail-new-trigger svg {
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+/* ===== API Key 弹框 ===== */
														
 
															+.apikey-modal-mask {
														
 
															+  position: fixed;
														
 
															+  inset: 0;
														
 
															+  background: rgba(15, 23, 42, 0.5);
														
 
															+  backdrop-filter: blur(4px);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  z-index: 1000;
														
 
															+  animation: apikey-modal-fade 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+@keyframes apikey-modal-fade {
														
 
															+  from { opacity: 0; }
														
 
															+  to   { opacity: 1; }
														
 
															+}
														
 
															+
														
 
															+.apikey-modal {
														
 
															+  width: min(520px, 92vw);
														
 
															+  background: #fff;
														
 
															+  border-radius: 14px;
														
 
															+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
														
 
															+  overflow: hidden;
														
 
															+  animation: apikey-modal-pop 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
														
 
															+}
														
 
															+
														
 
															+@keyframes apikey-modal-pop {
														
 
															+  from { opacity: 0; transform: scale(0.92) translateY(10px); }
														
 
															+  to   { opacity: 1; transform: scale(1) translateY(0); }
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  padding: 16px 20px;
														
 
															+  border-bottom: 1px solid #e2e8f0;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-head h3 {
														
 
															+  margin: 0;
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-close {
														
 
															+  width: 28px;
														
 
															+  height: 28px;
														
 
															+  border: none;
														
 
															+  background: transparent;
														
 
															+  color: #64748b;
														
 
															+  font-size: 22px;
														
 
															+  line-height: 1;
														
 
															+  cursor: pointer;
														
 
															+  border-radius: 6px;
														
 
															+  transition: all 0.15s;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-close:hover {
														
 
															+  background: rgba(15, 23, 42, 0.08);
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-body {
														
 
															+  padding: 20px;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-value {
														
 
															+  display: block;
														
 
															+  width: 100%;
														
 
															+  padding: 14px 16px;
														
 
															+  background: #f1f5f9;
														
 
															+  border: 1px solid #e2e8f0;
														
 
															+  border-radius: 10px;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  word-break: break-all;
														
 
															+  line-height: 1.6;
														
 
															+  box-sizing: border-box;
														
 
															+  user-select: all;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-tip {
														
 
															+  margin: 12px 0 0;
														
 
															+  font-size: 12px;
														
 
															+  color: #94a3b8;
														
 
															+  line-height: 1.5;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-foot {
														
 
															+  padding: 14px 20px;
														
 
															+  border-top: 1px solid #e2e8f0;
														
 
															+  display: flex;
														
 
															+  justify-content: flex-end;
														
 
															+  background: #fafbfc;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-copy {
														
 
															+  padding: 8px 22px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: #fff;
														
 
															+  border: none;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s;
														
 
															+  min-width: 90px;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-copy:hover {
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);
														
 
															+  transform: translateY(-1px);
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-copy.is-copied {
														
 
															+  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
														
 
															+}
														
 
															+
														
 
															+/* ===== 聊天模式：参数配置按钮（输入框右上角） ===== */
														
 
															+.execute-params-btn {
														
 
															+  position: relative;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  padding: 0 14px;
														
 
															+  height: 38px;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  color: #667eea;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  white-space: nowrap;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-params-btn:hover:not(:disabled) {
														
 
															+  background: rgba(102, 126, 234, 0.16);
														
 
															+  border-color: rgba(102, 126, 234, 0.45);
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 4px 10px rgba(102, 126, 234, 0.18);
														
 
															+}
														
 
															+
														
 
															+.execute-params-btn:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.execute-params-btn svg {
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-params-dot {
														
 
															+  position: absolute;
														
 
															+  top: -6px;
														
 
															+  right: -6px;
														
 
															+  min-width: 18px;
														
 
															+  height: 18px;
														
 
															+  padding: 0 5px;
														
 
															+  background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
														
 
															+  color: #fff;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 700;
														
 
															+  line-height: 18px;
														
 
															+  text-align: center;
														
 
															+  border-radius: 9px;
														
 
															+  box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4);
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+/* ===== 聊天模式：参数弹窗（参考 workflow 表单样式） ===== */
														
 
															+.chat-params-modal {
														
 
															+  width: min(560px, 92vw);
														
 
															+  max-height: 86vh;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body {
														
 
															+  padding: 20px 24px;
														
 
															+  overflow-y: auto;
														
 
															+  flex: 1;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 14px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-field {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-label {
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #334155;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-input,
														
 
															+.chat-params-modal-body .wf-form-textarea,
														
 
															+.chat-params-modal-body .wf-form-select {
														
 
															+  width: 100%;
														
 
															+  padding: 10px 12px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 8px;
														
 
															+  background: rgba(255, 255, 255, 0.8);
														
 
															+  font-size: 14px;
														
 
															+  color: #1e293b;
														
 
															+  font-family: inherit;
														
 
															+  transition: all 0.2s;
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-input:focus,
														
 
															+.chat-params-modal-body .wf-form-textarea:focus,
														
 
															+.chat-params-modal-body .wf-form-select:focus {
														
 
															+  outline: none;
														
 
															+  border-color: #667eea;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-textarea {
														
 
															+  resize: vertical;
														
 
															+  min-height: 80px;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-checkbox-row {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  padding: 8px 12px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 8px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-trigger {
														
 
															+  width: 100%;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  gap: 8px;
														
 
															+  padding: 14px;
														
 
															+  border: 1.5px dashed rgba(102, 126, 234, 0.35);
														
 
															+  border-radius: 8px;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  color: #667eea;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 500;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-trigger:hover {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border-color: rgba(102, 126, 234, 0.55);
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-list {
														
 
															+  list-style: none;
														
 
															+  margin: 8px 0 0;
														
 
															+  padding: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  padding: 8px 10px;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 6px;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-remove {
														
 
															+  margin-left: auto;
														
 
															+  width: 22px;
														
 
															+  height: 22px;
														
 
															+  border: none;
														
 
															+  background: transparent;
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 18px;
														
 
															+  line-height: 1;
														
 
															+  border-radius: 4px;
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-remove:hover {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  color: #ef4444;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-hidden {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+/* 弹窗内滚动条 */
														
 
															+.chat-params-modal-body::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+}
														
 
															+.chat-params-modal-body::-webkit-scrollbar-thumb {
														
 
															+  background: #c9cdd4;
														
 
															+  border: 2px solid #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+.chat-params-modal-body::-webkit-scrollbar-thumb:hover {
														
 
															+  background: #a9aeb8;
														
 
															+}
														
 
															+
														
 
															+/* ===== 聊天模式：停止按钮 ===== */
														
 
															+.execute-stop-btn {
														
 
															+  background: linear-gradient(135deg, #ef4444 0%, #f97316 100%) !important;
														
 
															+}
														
 
															+
														
 
															+.execute-stop-btn:hover {
														
 
															+  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4) !important;
														
 
															+}
														
 
															+
														
 
															+/* ===== 聊天模式：错误提示 ===== */
														
 
															+.execute-chat-error {
														
 
															+  margin: 0 16px 0;
														
 
															+  padding: 8px 12px;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+/* ===== 流式输出光标 ===== */
														
 
															+.wf-step-cursor {
														
 
															+  display: inline-block;
														
 
															+  margin-left: 2px;
														
 
															+  color: #165dff;
														
 
															+  font-weight: 700;
														
 
															+  animation: wf-cursor-blink 1s steps(2, end) infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes wf-cursor-blink {
														
 
															+  0%, 50%   { opacity: 1; }
														
 
															+  50.01%, 100% { opacity: 0; }
														
 
															+}
														
 
															+
														
 
															+/* assistant 消息流式气泡 */
														
 
															+.execute-msg-assistant .execute-msg-bubble {
														
 
															+  min-height: 20px;
														
 
															+}
														
 
															+
														
 
															+/* ===== 模式徽章 ===== */
														
 
															+.execute-detail-mode-tag {
														
 
															+  display: inline-block;
														
 
															+  padding: 3px 12px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: #fff;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  border-radius: 12px;
														
 
															+  letter-spacing: 0.5px;
														
 
															+  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+/* ===== Workflow 左右分栏布局 ===== */
														
 
															+.workflow-layout {
														
 
															+  display: flex;
														
 
															+  align-items: flex-start;
														
 
															+  gap: 16px;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.workflow-main {
														
 
															+  flex: 1 1 auto;
														
 
															+  min-width: 0; /* 允许内容收缩 */
														
 
															+  transition: flex 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.workflow-side {
														
 
															+  flex: 0 0 400px;
														
 
															+  position: sticky;
														
 
															+  top: 16px;
														
 
															+  align-self: flex-start;
														
 
															+  transition: flex-basis 0.3s ease, width 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+.workflow-side.is-collapsed {
														
 
															+  flex: 0 0 56px;
														
 
															+  width: 56px;
														
 
															+  overflow: visible;
														
 
															+}
														
 
															+
														
 
															+/* ===== 折叠态：竖向按钮条 ===== */
														
 
															+.workflow-side-collapsed {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  align-items: center;
														
 
															+  gap: 14px;
														
 
															+  padding: 14px 8px;
														
 
															+  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
														
 
															+  border: 1px solid #e2e8f0;
														
 
															+  border-radius: 14px;
														
 
															+  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
														
 
															+  position: sticky;
														
 
															+  top: 16px;
														
 
															+  animation: wf-collapsed-in 0.25s ease;
														
 
															+}
														
 
															+
														
 
															+@keyframes wf-collapsed-in {
														
 
															+  from { opacity: 0; transform: translateX(8px); }
														
 
															+  to   { opacity: 1; transform: translateX(0); }
														
 
															+}
														
 
															+
														
 
															+.workflow-side-expand {
														
 
															+  width: 32px;
														
 
															+  height: 32px;
														
 
															+  border-radius: 8px;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  color: #667eea;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  transition: all 0.2s ease;
														
 
															+  padding: 0;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-expand:hover {
														
 
															+  background: #667eea;
														
 
															+  color: #fff;
														
 
															+  transform: translateX(-1px);
														
 
															+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.workflow-side-collapsed-title {
														
 
															+  writing-mode: vertical-rl;
														
 
															+  text-orientation: upright;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 700;
														
 
															+  color: #64748b;
														
 
															+  letter-spacing: 4px;
														
 
															+  padding: 8px 0;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-collapsed-run {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  border-radius: 50%;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: #fff;
														
 
															+  border: none;
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 16px;
														
 
															+  padding: 0;
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-collapsed-run:hover:not(:disabled) {
														
 
															+  transform: scale(1.08);
														
 
															+  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.5);
														
 
															+}
														
 
															+
														
 
															+.workflow-side-collapsed-run:disabled {
														
 
															+  background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
														
 
															+  cursor: not-allowed;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+/* ===== 展开态卡片头部（含 X 按钮） ===== */
														
 
															+.workflow-side-card-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  padding: 16px 18px;
														
 
															+  border-bottom: 1px solid #eef2f7;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.04) 0%, rgba(118, 75, 162, 0.04) 100%);
														
 
															+  border-radius: 14px 14px 0 0;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-card-head .execute-card-title {
														
 
															+  margin: 0;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 700;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  background-clip: text;
														
 
															+  color: transparent;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-close {
														
 
															+  width: 28px;
														
 
															+  height: 28px;
														
 
															+  border-radius: 8px;
														
 
															+  background: transparent;
														
 
															+  color: #64748b;
														
 
															+  border: 1px solid transparent;
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  padding: 0;
														
 
															+  transition: all 0.15s ease;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-close:hover {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  color: #ef4444;
														
 
															+  border-color: rgba(239, 68, 68, 0.2);
														
 
															+}
														
 
															+
														
 
															+.workflow-side-card {
														
 
															+  margin: 0;
														
 
															+  border-radius: 14px;
														
 
															+  overflow: hidden;
														
 
															+  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
														
 
															+  border: 1px solid #e2e8f0;
														
 
															+  background: #fff;
														
 
															+}
														
 
															+
														
 
															+.workflow-side .wf-form {
														
 
															+  max-height: calc(100vh - 320px);
														
 
															+  overflow-y: auto;
														
 
															+  padding: 18px;
														
 
															+}
														
 
															+
														
 
															+.workflow-side .wf-form::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+}
														
 
															+.workflow-side .wf-form::-webkit-scrollbar-thumb {
														
 
															+  background: #c9cdd4;
														
 
															+  border: 2px solid #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+.workflow-side .wf-form::-webkit-scrollbar-thumb:hover {
														
 
															+  background: #a9aeb8;
														
 
															+}
														
 
															+
														
 
															+/* 响应式：窄屏时上下堆叠 */
														
 
															+@media (max-width: 1024px) {
														
 
															+  .workflow-layout {
														
 
															+    flex-direction: column;
														
 
															+  }
														
 
															+  .workflow-side {
														
 
															+    flex: 1 1 auto;
														
 
															+    width: 100%;
														
 
															+    position: static;
														
 
															+  }
														
 
															+  .workflow-side.is-collapsed {
														
 
															+    flex: 0 0 56px;
														
 
															+    width: 56px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+/* ===== 表单字段：精致样式 ===== */
														
 
															+.wf-form-field {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 5px;
														
 
															+  margin-bottom: 10px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-label {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #475569;
														
 
															+  letter-spacing: 0.3px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-required {
														
 
															+  color: #ef4444;
														
 
															+  font-style: normal;
														
 
															+  font-weight: 700;
														
 
															+  margin-left: 2px;
														
 
															+}
														
 
															+
														
 
															+/* ===== 字段右侧的徽章组：类型 + 必填 ===== */
														
 
															+.wf-form-meta {
														
 
															+  margin-left: auto;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-type-badge {
														
 
															+  display: inline-block;
														
 
															+  padding: 1px 7px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(118, 75, 162, 0.1) 100%);
														
 
															+  color: #667eea;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: 0.5px;
														
 
															+  line-height: 1.4;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.wf-form-required-badge {
														
 
															+  display: inline-block;
														
 
															+  padding: 1px 7px;
														
 
															+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(220, 38, 38, 0.1) 100%);
														
 
															+  color: #ef4444;
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.25);
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: 0.5px;
														
 
															+  line-height: 1.4;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.wf-form-tip {
														
 
															+  color: #94a3b8;
														
 
															+  font-weight: 400;
														
 
															+  font-size: 11px;
														
 
															+  margin-left: 4px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input,
														
 
															+.wf-form-textarea {
														
 
															+  width: 100%;
														
 
															+  padding: 9px 12px;
														
 
															+  background: #f8fafc;
														
 
															+  border: 1.5px solid #e2e8f0;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  font-family: inherit;
														
 
															+  box-sizing: border-box;
														
 
															+  transition: all 0.18s ease;
														
 
															+  outline: none;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input:hover,
														
 
															+.wf-form-textarea:hover {
														
 
															+  border-color: #cbd5e1;
														
 
															+  background: #fff;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input:focus,
														
 
															+.wf-form-textarea:focus {
														
 
															+  border-color: #667eea;
														
 
															+  background: #fff;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.wf-form-input::placeholder,
														
 
															+.wf-form-textarea::placeholder {
														
 
															+  color: #cbd5e1;
														
 
															+}
														
 
															+
														
 
															+.wf-form-textarea {
														
 
															+  resize: vertical;
														
 
															+  min-height: 100px;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+/* ===== 数字输入框：隐藏原生 spinner，保留直接输入 ===== */
														
 
															+.wf-form-input[type="number"] {
														
 
															+  -moz-appearance: textfield;
														
 
															+  appearance: textfield;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input[type="number"]::-webkit-outer-spin-button,
														
 
															+.wf-form-input[type="number"]::-webkit-inner-spin-button {
														
 
															+  -webkit-appearance: none;
														
 
															+  margin: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-textarea-counter {
														
 
															+  align-self: flex-end;
														
 
															+  font-size: 11px;
														
 
															+  color: #94a3b8;
														
 
															+  margin-top: -2px;
														
 
															+}
														
 
															+
														
 
															+/* ===== Select 下拉（自定义箭头） ===== */
														
 
															+.wf-form-select-wrapper {
														
 
															+  position: relative;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+
														
 
															+.wf-form-select {
														
 
															+  width: 100%;
														
 
															+  padding: 9px 36px 9px 12px;
														
 
															+  background: #f8fafc;
														
 
															+  border: 1.5px solid #e2e8f0;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  cursor: pointer;
														
 
															+  appearance: none;
														
 
															+  -webkit-appearance: none;
														
 
															+  -moz-appearance: none;
														
 
															+  outline: none;
														
 
															+  transition: all 0.18s ease;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.wf-form-select:hover {
														
 
															+  border-color: #cbd5e1;
														
 
															+  background: #fff;
														
 
															+}
														
 
															+
														
 
															+.wf-form-select:focus {
														
 
															+  border-color: #667eea;
														
 
															+  background: #fff;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.wf-form-select-arrow {
														
 
															+  position: absolute;
														
 
															+  right: 12px;
														
 
															+  top: 50%;
														
 
															+  transform: translateY(-50%);
														
 
															+  color: #94a3b8;
														
 
															+  pointer-events: none;
														
 
															+  transition: transform 0.2s;
														
 
															+}
														
 
															+
														
 
															+.wf-form-select-wrapper:hover .wf-form-select-arrow {
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+/* ===== 文件上传 ===== */
														
 
															+.wf-form-file-hidden {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-trigger {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  gap: 8px;
														
 
															+  width: 100%;
														
 
															+  padding: 14px;
														
 
															+  background: #f8fafc;
														
 
															+  border: 1.5px dashed #cbd5e1;
														
 
															+  border-radius: 10px;
														
 
															+  color: #64748b;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 500;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-trigger:hover {
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border-color: #667eea;
														
 
															+  border-style: solid;
														
 
															+  color: #667eea;
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.08);
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-trigger svg {
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-list {
														
 
															+  list-style: none;
														
 
															+  margin: 8px 0 0;
														
 
															+  padding: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-item {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  padding: 8px 12px;
														
 
															+  background: #f1f5f9;
														
 
															+  border: 1px solid #e2e8f0;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-icon {
														
 
															+  font-size: 16px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-name {
														
 
															+  flex: 1;
														
 
															+  color: #1e293b;
														
 
															+  font-weight: 500;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-size {
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 11px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-remove {
														
 
															+  width: 20px;
														
 
															+  height: 20px;
														
 
															+  border-radius: 50%;
														
 
															+  background: transparent;
														
 
															+  border: none;
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 16px;
														
 
															+  line-height: 1;
														
 
															+  cursor: pointer;
														
 
															+  flex-shrink: 0;
														
 
															+  transition: all 0.15s ease;
														
 
															+  padding: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-remove:hover {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  color: #ef4444;
														
 
															+}
														
 
															+
														
 
															+/* ===== Checkbox 行（与输入框对齐） ===== */
														
 
															+.wf-form-checkbox-row {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  padding: 9px 12px;
														
 
															+  background: #f8fafc;
														
 
															+  border: 1.5px solid #e2e8f0;
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  cursor: pointer;
														
 
															+  margin-bottom: 10px;
														
 
															+  transition: all 0.18s ease;
														
 
															+  min-height: 38px;
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+.wf-form-checkbox-row:hover {
														
 
															+  border-color: #cbd5e1;
														
 
															+  background: #fff;
														
 
															+}
														
 
															+
														
 
															+.wf-form-checkbox-row:has(.wf-form-checkbox:checked) {
														
 
															+  border-color: #667eea;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+}
														
 
															+
														
 
															+.wf-form-checkbox {
														
 
															+  width: 16px;
														
 
															+  height: 16px;
														
 
															+  accent-color: #667eea;
														
 
															+  cursor: pointer;
														
 
															+  margin: 0;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-checkbox-label {
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  font-weight: 500;
														
 
															+  line-height: 1;
														
 
															+  user-select: none;
														
 
															+}
														
 
															+
														
 
															+/* ===== 空状态/加载/错误 ===== */
														
 
															+.wf-form-empty {
														
 
															+  padding: 24px 16px;
														
 
															+  text-align: center;
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 13px;
														
 
															+  background: #f8fafc;
														
 
															+  border-radius: 8px;
														
 
															+  border: 1px dashed #e2e8f0;
														
 
															+}
														
 
															+
														
 
															+.wf-form-loading {
														
 
															+  padding: 20px;
														
 
															+  text-align: center;
														
 
															+  color: #64748b;
														
 
															+  font-size: 13px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-desc {
														
 
															+  font-size: 13px;
														
 
															+  color: #475569;
														
 
															+  line-height: 1.7;
														
 
															+  padding: 12px 16px;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border-left: 3px solid #667eea;
														
 
															+  border-radius: 6px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-info {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 12px;
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-tags {
														
 
															+  display: flex;
														
 
															+  gap: 6px;
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-chip {
														
 
															+  padding: 3px 10px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(0, 212, 255, 0.08) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-stats {
														
 
															+  display: flex;
														
 
															+  gap: 14px;
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.execute-card {
														
 
															+  flex: 1;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  overflow: hidden;
														
 
															+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
														
 
															+}
														
 
															+
														
 
															+.execute-messages {
														
 
															+  flex: 1;
														
 
															+  padding: 24px;
														
 
															+  overflow-y: auto;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+  scrollbar-width: thin;
														
 
															+  scrollbar-color: rgba(22, 93, 255, 0.38) rgba(22, 93, 255, 0.08);
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-track {
														
 
															+  background: rgba(22, 93, 255, 0.06);
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-thumb {
														
 
															+  background: linear-gradient(180deg, rgba(22, 93, 255, 0.45) 0%, rgba(114, 46, 209, 0.38) 100%);
														
 
															+  border: 2px solid rgba(248, 250, 255, 0.95);
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-thumb:hover {
														
 
															+  background: linear-gradient(180deg, rgba(22, 93, 255, 0.68) 0%, rgba(114, 46, 209, 0.58) 100%);
														
 
															+}
														
 
															+
														
 
															+.execute-empty {
														
 
															+  margin: auto;
														
 
															+  color: #999;
														
 
															+  font-size: 14px;
														
 
															+}
														
 
															+
														
 
															+.execute-msg {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 4px;
														
 
															+  max-width: 80%;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user {
														
 
															+  align-self: flex-end;
														
 
															+  align-items: flex-end;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-assistant {
														
 
															+  align-self: flex-start;
														
 
															+  align-items: flex-start;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-role {
														
 
															+  font-size: 12px;
														
 
															+  color: #888;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-bubble {
														
 
															+  padding: 10px 14px;
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.6;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-generating {
														
 
															+  display: inline-block;
														
 
															+  color: #64748b;
														
 
															+}
														
 
															+
														
 
															+.markdown-body {
														
 
															+  color: inherit;
														
 
															+  line-height: 1.7;
														
 
															+  white-space: normal;
														
 
															+}
														
 
															+
														
 
															+.markdown-body > :first-child {
														
 
															+  margin-top: 0;
														
 
															+}
														
 
															+
														
 
															+.markdown-body > :last-child {
														
 
															+  margin-bottom: 0;
														
 
															+}
														
 
															+
														
 
															+.markdown-body p {
														
 
															+  margin: 0 0 10px;
														
 
															+}
														
 
															+
														
 
															+.markdown-body h1,
														
 
															+.markdown-body h2,
														
 
															+.markdown-body h3,
														
 
															+.markdown-body h4,
														
 
															+.markdown-body h5,
														
 
															+.markdown-body h6 {
														
 
															+  margin: 16px 0 8px;
														
 
															+  color: inherit;
														
 
															+  font-weight: 700;
														
 
															+  line-height: 1.35;
														
 
															+}
														
 
															+
														
 
															+.markdown-body h1 { font-size: 22px; }
														
 
															+.markdown-body h2 { font-size: 19px; }
														
 
															+.markdown-body h3 { font-size: 17px; }
														
 
															+.markdown-body h4,
														
 
															+.markdown-body h5,
														
 
															+.markdown-body h6 { font-size: 15px; }
														
 
															+
														
 
															+.markdown-body ul,
														
 
															+.markdown-body ol {
														
 
															+  margin: 8px 0 12px;
														
 
															+  padding-left: 22px;
														
 
															+}
														
 
															+
														
 
															+.markdown-body li {
														
 
															+  margin: 4px 0;
														
 
															+}
														
 
															+
														
 
															+.markdown-body li > p {
														
 
															+  margin: 4px 0;
														
 
															+}
														
 
															+
														
 
															+.markdown-body blockquote {
														
 
															+  margin: 10px 0;
														
 
															+  padding: 8px 12px;
														
 
															+  border-left: 3px solid #667eea;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  color: #475569;
														
 
															+}
														
 
															+
														
 
															+.markdown-body pre {
														
 
															+  margin: 10px 0;
														
 
															+  padding: 12px;
														
 
															+  overflow-x: auto;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.14);
														
 
															+  border-radius: 8px;
														
 
															+  background: #f8fafc;
														
 
															+  white-space: pre;
														
 
															+}
														
 
															+
														
 
															+.markdown-body code {
														
 
															+  padding: 2px 5px;
														
 
															+  border-radius: 5px;
														
 
															+  background: rgba(15, 23, 42, 0.07);
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  font-size: 0.92em;
														
 
															+}
														
 
															+
														
 
															+.markdown-body pre code {
														
 
															+  padding: 0;
														
 
															+  background: transparent;
														
 
															+  border-radius: 0;
														
 
															+}
														
 
															+
														
 
															+.markdown-body table {
														
 
															+  display: block;
														
 
															+  width: 100%;
														
 
															+  margin: 10px 0;
														
 
															+  overflow-x: auto;
														
 
															+  border-collapse: collapse;
														
 
															+}
														
 
															+
														
 
															+.markdown-body th,
														
 
															+.markdown-body td {
														
 
															+  padding: 7px 10px;
														
 
															+  border: 1px solid #dbe3ef;
														
 
															+  text-align: left;
														
 
															+  vertical-align: top;
														
 
															+}
														
 
															+
														
 
															+.markdown-body th {
														
 
															+  background: #f1f5f9;
														
 
															+  font-weight: 700;
														
 
															+}
														
 
															+
														
 
															+.markdown-body hr {
														
 
															+  margin: 14px 0;
														
 
															+  border: 0;
														
 
															+  border-top: 1px solid #dbe3ef;
														
 
															+}
														
 
															+
														
 
															+.markdown-body a {
														
 
															+  color: #5568d3;
														
 
															+  text-decoration: none;
														
 
															+}
														
 
															+
														
 
															+.markdown-body a:hover {
														
 
															+  text-decoration: underline;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user .markdown-body a {
														
 
															+  color: #fff;
														
 
															+  text-decoration: underline;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user .execute-msg-bubble {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-assistant .execute-msg-bubble {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  color: #1e293b;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.execute-input-bar {
														
 
															+  display: flex;
														
 
															+  gap: 10px;
														
 
															+  padding: 16px;
														
 
															+  border-top: 1px solid rgba(102, 126, 234, 0.12);
														
 
															+  background: rgba(255, 255, 255, 0.6);
														
 
															+}
														
 
															+
														
 
															+.execute-input {
														
 
															+  flex: 1;
														
 
															+  padding: 10px 14px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 14px;
														
 
															+  outline: none;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.execute-input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn {
														
 
															+  padding: 10px 22px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  border-radius: 10px;
														
 
															+  color: white;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn:not(:disabled):hover {
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
														
 
															+}
														
 
															+
														
 
															+/* 智能体申请页 */
														
 
															+.agent-apply {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+  max-width: 760px;
														
 
															+  margin: 0 auto;
														
 
															+}
														
 
															+
														
 
															+.apply-error-tip {
														
 
															+  padding: 10px 16px;
														
 
															+  background: rgba(239, 68, 68, 0.08);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  color: #dc2626;
														
 
															+  font-size: 13px;
														
 
															+}
														
 
															+
														
 
															+.apply-card {
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 16px;
														
 
															+  padding: 28px;
														
 
															+  box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
														
 
															+}
														
 
															+
														
 
															+.apply-agent-info {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 14px;
														
 
															+  padding: 16px;
														
 
															+  background: rgba(102, 126, 234, 0.05);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 12px;
														
 
															+  margin-bottom: 24px;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-icon {
														
 
															+  width: 52px;
														
 
															+  height: 52px;
														
 
															+  border-radius: 12px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 26px;
														
 
															+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-name {
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 4px;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-desc {
														
 
															+  font-size: 13px;
														
 
															+  color: #64748b;
														
 
															+  line-height: 1.5;
														
 
															+}
														
 
															+
														
 
															+.apply-form {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 20px;
														
 
															+}
														
 
															+
														
 
															+.apply-label {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #334155;
														
 
															+}
														
 
															+
														
 
															+.apply-label em {
														
 
															+  color: #dc2626;
														
 
															+  font-style: normal;
														
 
															+  margin-left: 2px;
														
 
															+}
														
 
															+
														
 
															+.apply-select,
														
 
															+.apply-textarea {
														
 
															+  padding: 10px 14px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 14px;
														
 
															+  outline: none;
														
 
															+  background: white;
														
 
															+  color: #1e293b;
														
 
															+  font-family: inherit;
														
 
															+  transition: all 0.2s ease;
														
 
															+  resize: vertical;
														
 
															+}
														
 
															+
														
 
															+.apply-select:focus,
														
 
															+.apply-textarea:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apply-actions {
														
 
															+  display: flex;
														
 
															+  justify-content: flex-end;
														
 
															+  gap: 12px;
														
 
															+  margin-top: 8px;
														
 
															+}
														
 
															+
														
 
															+.apply-secondary-btn,
														
 
															+.apply-primary-btn {
														
 
															+  padding: 10px 24px;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  border: none;
														
 
															+}
														
 
															+
														
 
															+.apply-secondary-btn {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.apply-secondary-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+}
														
 
															+
														
 
															+.apply-primary-btn {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: white;
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.apply-primary-btn:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.apply-primary-btn:not(:disabled):hover {
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 6px 18px rgba(102, 126, 234, 0.45);
														
 
															+}
														
 
															+
														
 
															+.apply-success {
														
 
															+  text-align: center;
														
 
															+  padding: 48px 28px;
														
 
															+}
														
 
															+
														
 
															+.apply-success-icon {
														
 
															+  font-size: 56px;
														
 
															+  margin-bottom: 16px;
														
 
															+}
														
 
															+
														
 
															+.apply-success h2 {
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin: 0 0 12px 0;
														
 
															+}
														
 
															+
														
 
															+.apply-success p {
														
 
															+  color: #64748b;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.6;
														
 
															+  margin: 0 0 24px 0;
														
 
															+}
														
 
															+
														
 
															+/* ============ 申请页：详情区 / 状态区 ============ */
														
 
															+.apply-detail-card {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-meta {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-name {
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 800;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  margin-bottom: 6px;
														
 
															+  line-height: 1.2;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-sub {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  flex-wrap: wrap;
														
 
															+  margin-bottom: 6px;
														
 
															+}
														
 
															+
														
 
															+.apply-tag {
														
 
															+  display: inline-block;
														
 
															+  padding: 2px 8px;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 600;
														
 
															+  border-radius: 6px;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.18);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.apply-tag-version {
														
 
															+  background: rgba(245, 158, 11, 0.1);
														
 
															+  border-color: rgba(245, 158, 11, 0.25);
														
 
															+  color: #b45309;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.apply-tag-listed {
														
 
															+  background: rgba(34, 197, 94, 0.1);
														
 
															+  border-color: rgba(34, 197, 94, 0.25);
														
 
															+  color: #16a34a;
														
 
															+}
														
 
															+
														
 
															+.apply-perm-public {
														
 
															+  background: rgba(34, 197, 94, 0.1);
														
 
															+  border-color: rgba(34, 197, 94, 0.25);
														
 
															+  color: #16a34a;
														
 
															+}
														
 
															+
														
 
															+.apply-perm-partial {
														
 
															+  background: rgba(245, 158, 11, 0.1);
														
 
															+  border-color: rgba(245, 158, 11, 0.25);
														
 
															+  color: #b45309;
														
 
															+}
														
 
															+
														
 
															+.apply-perm-private {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  border-color: rgba(239, 68, 68, 0.25);
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.apply-agent-desc {
														
 
															+  font-size: 13px;
														
 
															+  color: #475569;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+.apply-version-block,
														
 
															+.apply-intro-block {
														
 
															+  padding: 14px 16px;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border-left: 3px solid #667eea;
														
 
															+  border-radius: 8px;
														
 
															+}
														
 
															+
														
 
															+.apply-version-block {
														
 
															+  border-left-color: #f59e0b;
														
 
															+  background: rgba(245, 158, 11, 0.05);
														
 
															+}
														
 
															+
														
 
															+.apply-intro-block {
														
 
															+  border-left-color: #8b5cf6;
														
 
															+  background: rgba(139, 92, 246, 0.04);
														
 
															+}
														
 
															+
														
 
															+.apply-version-head {
														
 
															+  display: flex;
														
 
															+  justify-content: space-between;
														
 
															+  align-items: baseline;
														
 
															+  margin-bottom: 8px;
														
 
															+  flex-wrap: wrap;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.apply-version-label,
														
 
															+.apply-intro-label {
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  letter-spacing: 0.5px;
														
 
															+}
														
 
															+
														
 
															+.apply-version-time {
														
 
															+  font-size: 11px;
														
 
															+  color: #94a3b8;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.apply-version-desc,
														
 
															+.apply-intro-desc {
														
 
															+  font-size: 13px;
														
 
															+  color: #475569;
														
 
															+  line-height: 1.7;
														
 
															+  white-space: pre-wrap;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+/* 状态卡（5 种 tone） */
														
 
															+.apply-status-card {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.apply-tone-success {
														
 
															+  border-color: rgba(34, 197, 94, 0.3);
														
 
															+  background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, #ffffff 100%);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-pending {
														
 
															+  border-color: rgba(245, 158, 11, 0.3);
														
 
															+  background: linear-gradient(135deg, rgba(245, 158, 11, 0.05) 0%, #ffffff 100%);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-rejected {
														
 
															+  border-color: rgba(239, 68, 68, 0.3);
														
 
															+  background: linear-gradient(135deg, rgba(239, 68, 68, 0.05) 0%, #ffffff 100%);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-neutral {
														
 
															+  border-color: rgba(102, 126, 234, 0.3);
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.04) 0%, #ffffff 100%);
														
 
															+}
														
 
															+
														
 
															+.apply-status-row {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.apply-status-icon {
														
 
															+  width: 40px;
														
 
															+  height: 40px;
														
 
															+  border-radius: 12px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 20px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.apply-tone-success .apply-status-icon {
														
 
															+  background: rgba(34, 197, 94, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-pending .apply-status-icon {
														
 
															+  background: rgba(245, 158, 11, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-rejected .apply-status-icon {
														
 
															+  background: rgba(239, 68, 68, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apply-tone-neutral .apply-status-icon {
														
 
															+  background: rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apply-status-meta {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.apply-status-label {
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  margin-bottom: 2px;
														
 
															+}
														
 
															+
														
 
															+.apply-status-help {
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+  line-height: 1.5;
														
 
															+}
														
 
															+
														
 
															+.apply-status-polling {
														
 
															+  font-size: 11px;
														
 
															+  color: #b45309;
														
 
															+  font-weight: 600;
														
 
															+  padding: 3px 8px;
														
 
															+  background: rgba(245, 158, 11, 0.12);
														
 
															+  border-radius: 6px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+}
														
 
															+
														
 
															+.apply-status-polling::before {
														
 
															+  content: '';
														
 
															+  width: 6px;
														
 
															+  height: 6px;
														
 
															+  border-radius: 50%;
														
 
															+  background: #f59e0b;
														
 
															+  animation: applyPulse 1.5s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes applyPulse {
														
 
															+  0%, 100% { opacity: 1; }
														
 
															+  50% { opacity: 0.3; }
														
 
															+}
														
 
															+
														
 
															+/* 申请详情块 */
														
 
															+.apply-request-block {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+  padding: 14px 16px;
														
 
															+  background: rgba(255, 255, 255, 0.6);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.12);
														
 
															+  border-radius: 10px;
														
 
															+}
														
 
															+
														
 
															+.apply-request-row {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 90px 1fr;
														
 
															+  gap: 12px;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+.apply-request-key {
														
 
															+  color: #94a3b8;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.apply-request-val {
														
 
															+  color: #1e293b;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.apply-mono {
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.apply-field-error {
														
 
															+  margin-top: 6px;
														
 
															+  padding: 6px 10px;
														
 
															+  background: rgba(239, 68, 68, 0.08);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  border-radius: 6px;
														
 
															+  color: #dc2626;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+/* ============ 工作流模式：动态表单 + Timeline ============ */
														
 
															+.execute-card-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  margin-bottom: 16px;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.execute-card-title {
														
 
															+  margin: 0;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1e293b;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.execute-card-tip {
														
 
															+  font-size: 11px;
														
 
															+  color: #94a3b8;
														
 
															+  padding: 2px 8px;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+  border-radius: 4px;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.wf-form {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 14px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-field {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-label {
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #334155;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.wf-form-required {
														
 
															+  color: #ef4444;
														
 
															+  font-style: normal;
														
 
															+  font-weight: 700;
														
 
															+}
														
 
															+
														
 
															+.wf-form-tip {
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 400;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input,
														
 
															+.wf-form-textarea,
														
 
															+.wf-form-select {
														
 
															+  width: 100%;
														
 
															+  padding: 10px 12px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 8px;
														
 
															+  background: rgba(255, 255, 255, 0.8);
														
 
															+  font-size: 14px;
														
 
															+  color: #1e293b;
														
 
															+  font-family: inherit;
														
 
															+  transition: all 0.2s;
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+.wf-form-input:focus,
														
 
															+.wf-form-textarea:focus,
														
 
															+.wf-form-select:focus {
														
 
															+  outline: none;
														
 
															+  border-color: #667eea;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.wf-form-textarea {
														
 
															+  resize: vertical;
														
 
															+  min-height: 80px;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.wf-form-empty,
														
 
															+.wf-form-loading {
														
 
															+  padding: 18px;
														
 
															+  text-align: center;
														
 
															+  font-size: 13px;
														
 
															+  color: #94a3b8;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border-radius: 8px;
														
 
															+  border: 1px dashed rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.wf-form-actions {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  margin-top: 16px;
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+/* summary 徽章 */
														
 
															+.wf-summary {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  padding: 4px 10px;
														
 
															+  border-radius: 6px;
														
 
															+}
														
 
															+
														
 
															+.wf-summary-succeeded {
														
 
															+  background: rgba(34, 197, 94, 0.1);
														
 
															+  color: #16a34a;
														
 
															+  border: 1px solid rgba(34, 197, 94, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-summary-failed {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  color: #dc2626;
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-summary-stopped {
														
 
															+  background: rgba(245, 158, 11, 0.1);
														
 
															+  color: #b45309;
														
 
															+  border: 1px solid rgba(245, 158, 11, 0.3);
														
 
															+}
														
 
															+
														
 
															+/* timeline */
														
 
															+.wf-timeline {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+  max-height: 600px;
														
 
															+  overflow-y: auto;
														
 
															+  padding-right: 4px;
														
 
															+  scrollbar-width: thin;
														
 
															+  scrollbar-color: rgba(22, 93, 255, 0.38) rgba(22, 93, 255, 0.08);
														
 
															+}
														
 
															+
														
 
															+.wf-timeline::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+}
														
 
															+
														
 
															+.wf-timeline::-webkit-scrollbar-track {
														
 
															+  background: rgba(22, 93, 255, 0.06);
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.wf-timeline::-webkit-scrollbar-thumb {
														
 
															+  background: linear-gradient(180deg, rgba(22, 93, 255, 0.45) 0%, rgba(114, 46, 209, 0.38) 100%);
														
 
															+  border: 2px solid rgba(248, 250, 255, 0.95);
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.wf-timeline::-webkit-scrollbar-thumb:hover {
														
 
															+  background: linear-gradient(180deg, rgba(22, 93, 255, 0.68) 0%, rgba(114, 46, 209, 0.58) 100%);
														
 
															+}
														
 
															+
														
 
															+.wf-step {
														
 
															+  display: flex;
														
 
															+  align-items: flex-start;
														
 
															+  gap: 12px;
														
 
															+  padding: 10px 12px;
														
 
															+  background: rgba(255, 255, 255, 0.7);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+  border-radius: 8px;
														
 
															+  transition: all 0.2s;
														
 
															+}
														
 
															+
														
 
															+.wf-step:hover {
														
 
															+  background: rgba(255, 255, 255, 0.95);
														
 
															+  border-color: rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.wf-step-running {
														
 
															+  border-left: 3px solid #667eea;
														
 
															+  animation: wfStepPulse 2s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes wfStepPulse {
														
 
															+  0%, 100% { box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.2); }
														
 
															+  50% { box-shadow: 0 0 0 6px rgba(102, 126, 234, 0); }
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker {
														
 
															+  width: 28px;
														
 
															+  height: 28px;
														
 
															+  flex-shrink: 0;
														
 
															+  border-radius: 50%;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 700;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  color: #667eea;
														
 
															+  border: 2px solid rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-start {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  color: #fff;
														
 
															+  border-color: transparent;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-running {
														
 
															+  background: rgba(245, 158, 11, 0.15);
														
 
															+  color: #f59e0b;
														
 
															+  border-color: rgba(245, 158, 11, 0.3);
														
 
															+  animation: wfStepSpin 1.5s linear infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes wfStepSpin {
														
 
															+  from { transform: rotate(0deg); }
														
 
															+  to { transform: rotate(360deg); }
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-succeeded {
														
 
															+  background: rgba(34, 197, 94, 0.15);
														
 
															+  color: #16a34a;
														
 
															+  border-color: rgba(34, 197, 94, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-failed {
														
 
															+  background: rgba(239, 68, 68, 0.15);
														
 
															+  color: #dc2626;
														
 
															+  border-color: rgba(239, 68, 68, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-stopped {
														
 
															+  background: rgba(245, 158, 11, 0.15);
														
 
															+  color: #b45309;
														
 
															+  border-color: rgba(245, 158, 11, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-paused {
														
 
															+  background: rgba(245, 158, 11, 0.15);
														
 
															+  color: #b45309;
														
 
															+  border-color: rgba(245, 158, 11, 0.3);
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-output {
														
 
															+  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
														
 
															+  color: #fff;
														
 
															+  border-color: transparent;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-human {
														
 
															+  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
														
 
															+  color: #fff;
														
 
															+  border-color: transparent;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-error {
														
 
															+  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
														
 
															+  color: #fff;
														
 
															+  border-color: transparent;
														
 
															+}
														
 
															+
														
 
															+.wf-step-body {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.wf-step-title {
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1e293b;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  flex-wrap: wrap;
														
 
															+  line-height: 1.5;
														
 
															+}
														
 
															+
														
 
															+.wf-step-meta {
														
 
															+  font-size: 11px;
														
 
															+  color: #94a3b8;
														
 
															+  margin-top: 2px;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.wf-step-tag {
														
 
															+  display: inline-block;
														
 
															+  padding: 1px 6px;
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 600;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  color: #667eea;
														
 
															+  border-radius: 4px;
														
 
															+  margin-left: 4px;
														
 
															+}
														
 
															+
														
 
															+.wf-step-type {
														
 
															+  display: inline-block;
														
 
															+  padding: 1px 6px;
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 500;
														
 
															+  background: rgba(139, 92, 246, 0.08);
														
 
															+  color: #8b5cf6;
														
 
															+  border-radius: 4px;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.wf-step-status {
														
 
															+  padding: 1px 6px;
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 700;
														
 
															+  border-radius: 4px;
														
 
															+  text-transform: uppercase;
														
 
															+}
														
 
															+
														
 
															+.wf-step-status-succeeded {
														
 
															+  background: rgba(34, 197, 94, 0.12);
														
 
															+  color: #16a34a;
														
 
															+}
														
 
															+
														
 
															+.wf-step-status-failed {
														
 
															+  background: rgba(239, 68, 68, 0.12);
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.wf-step-status-stopped {
														
 
															+  background: rgba(245, 158, 11, 0.12);
														
 
															+  color: #b45309;
														
 
															+}
														
 
															+
														
 
															+.wf-step-pending {
														
 
															+  font-size: 10px;
														
 
															+  font-weight: 600;
														
 
															+  color: #f59e0b;
														
 
															+  padding: 1px 6px;
														
 
															+  background: rgba(245, 158, 11, 0.1);
														
 
															+  border-radius: 4px;
														
 
															+  animation: wfStepBlink 1.5s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes wfStepBlink {
														
 
															+  0%, 100% { opacity: 1; }
														
 
															+  50% { opacity: 0.4; }
														
 
															+}
														
 
															+
														
 
															+.wf-step-text {
														
 
															+  margin-top: 6px;
														
 
															+  padding: 10px 12px;
														
 
															+  background: linear-gradient(135deg, rgba(240, 147, 251, 0.05) 0%, rgba(245, 87, 108, 0.03) 100%);
														
 
															+  border-left: 3px solid #f5576c;
														
 
															+  border-radius: 6px;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 1.7;
														
 
															+  white-space: pre-wrap;
														
 
															+  word-break: break-word;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.wf-step-cursor {
														
 
															+  display: inline-block;
														
 
															+  color: #165dff;
														
 
															+  font-weight: 700;
														
 
															+  animation: wfCursorBlink 1s steps(2) infinite;
														
 
															+  margin-left: 2px;
														
 
															+}
														
 
															+
														
 
															+@keyframes wfCursorBlink {
														
 
															+  0%, 50% { opacity: 1; }
														
 
															+  51%, 100% { opacity: 0; }
														
 
															+}
														
 
															+
														
 
															+.wf-step-error {
														
 
															+  margin-top: 6px;
														
 
															+  padding: 8px 10px;
														
 
															+  background: rgba(239, 68, 68, 0.06);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.2);
														
 
															+  border-radius: 6px;
														
 
															+  color: #dc2626;
														
 
															+  font-size: 12px;
														
 
															+  line-height: 1.5;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.wf-step-details {
														
 
															+  margin-top: 6px;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.wf-step-details summary {
														
 
															+  cursor: pointer;
														
 
															+  color: #667eea;
														
 
															+  font-weight: 500;
														
 
															+  padding: 4px 0;
														
 
															+  user-select: none;
														
 
															+}
														
 
															+
														
 
															+.wf-step-details summary:hover {
														
 
															+  color: #5568d3;
														
 
															+}
														
 
															+
														
 
															+.wf-step-details pre {
														
 
															+  margin-top: 6px;
														
 
															+  padding: 10px;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.12);
														
 
															+  border-radius: 6px;
														
 
															+  font-size: 11px;
														
 
															+  line-height: 1.5;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  color: #1e293b;
														
 
															+  overflow-x: auto;
														
 
															+  white-space: pre-wrap;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.agent-execute {
														
 
															+  gap: 12px;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-card,
														
 
															+.execute-card,
														
 
															+.workflow-side-card,
														
 
															+.workflow-side-collapsed {
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-card {
														
 
															+  padding: 16px 20px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-head {
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon {
														
 
															+  width: 48px;
														
 
															+  height: 48px;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+  font-size: 24px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon-img {
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-name {
														
 
															+  color: #1d2129;
														
 
															+  background: none;
														
 
															+  -webkit-text-fill-color: currentColor;
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 26px;
														
 
															+  margin: 0 0 4px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-sub,
														
 
															+.execute-detail-stats,
														
 
															+.execute-detail-id,
														
 
															+.execute-msg-role,
														
 
															+.wf-form-tip,
														
 
															+.execute-empty {
														
 
															+  color: #86909c;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-mode-tag,
														
 
															+.execute-detail-tag,
														
 
															+.execute-card-tip,
														
 
															+.wf-step-tag,
														
 
															+.wf-form-type-badge,
														
 
															+.wf-form-required-badge,
														
 
															+.wf-summary {
														
 
															+  background: #f2f3f5;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 2px;
														
 
															+  color: #4e5969;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey-trigger,
														
 
															+.execute-detail-history-trigger,
														
 
															+.execute-detail-new-trigger,
														
 
															+.execute-send-btn,
														
 
															+.apikey-modal-copy,
														
 
															+.workflow-side-collapsed-run {
														
 
															+  background: #165dff;
														
 
															+  border: 1px solid #165dff;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+  color: #ffffff;
														
 
															+  font-weight: 500;
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-new-trigger,
														
 
															+.execute-params-btn,
														
 
															+.execute-msg-action-btn,
														
 
															+.workflow-side-expand,
														
 
															+.workflow-side-close {
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid #c9cdd4;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: none;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-apikey-trigger:hover,
														
 
															+.execute-detail-history-trigger:hover,
														
 
															+.execute-detail-new-trigger:hover,
														
 
															+.execute-send-btn:not(:disabled):hover,
														
 
															+.apikey-modal-copy:hover,
														
 
															+.workflow-side-collapsed-run:hover:not(:disabled) {
														
 
															+  background: #4080ff;
														
 
															+  border-color: #4080ff;
														
 
															+  box-shadow: none;
														
 
															+  color: #ffffff;
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-history-trigger {
														
 
															+  height: 32px;
														
 
															+  padding: 0 12px;
														
 
															+  gap: 6px;
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 500;
														
 
															+  letter-spacing: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-history-trigger .history-icon,
														
 
															+.execute-detail-history-trigger .new-chat-icon {
														
 
															+  width: 15px;
														
 
															+  height: 15px;
														
 
															+}
														
 
															+
														
 
															+.execute-params-btn:hover:not(:disabled),
														
 
															+.execute-msg-action-btn:hover:not(:disabled),
														
 
															+.workflow-side-expand:hover,
														
 
															+.workflow-side-close:hover {
														
 
															+  background: #f2f3f5;
														
 
															+  border-color: #c9cdd4;
														
 
															+  box-shadow: none;
														
 
															+  color: #165dff;
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.execute-stop-btn,
														
 
															+.execute-stop-btn:hover {
														
 
															+  background: #f53f3f !important;
														
 
															+  border-color: #f53f3f !important;
														
 
															+  box-shadow: none !important;
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  gap: 6px;
														
 
															+  min-width: 78px;
														
 
															+}
														
 
															+
														
 
															+.execute-btn-icon {
														
 
															+  width: 15px;
														
 
															+  height: 15px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-card-head,
														
 
															+.workflow-side-card-head,
														
 
															+.execute-input-bar,
														
 
															+.apikey-modal-head,
														
 
															+.apikey-modal-foot {
														
 
															+  background: #ffffff;
														
 
															+  border-color: #e5e6eb;
														
 
															+}
														
 
															+
														
 
															+.execute-card-head {
														
 
															+  margin-bottom: 12px;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-card-head {
														
 
															+  border-radius: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-card-title,
														
 
															+.workflow-side-card-head .execute-card-title,
														
 
															+.wf-step-title,
														
 
															+.wf-form-label,
														
 
															+.apikey-modal-head h3 {
														
 
															+  color: #1d2129;
														
 
															+  background: none;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.workflow-side-card-head .execute-card-title {
														
 
															+  -webkit-background-clip: initial;
														
 
															+  background-clip: initial;
														
 
															+}
														
 
															+
														
 
															+.execute-msg {
														
 
															+  max-width: 76%;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-bubble {
														
 
															+  border-radius: 4px;
														
 
															+  line-height: 1.7;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user .execute-msg-bubble {
														
 
															+  background: #165dff;
														
 
															+  color: #ffffff;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-assistant .execute-msg-bubble {
														
 
															+  background: #f7f8fa;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.markdown-body blockquote {
														
 
															+  background: #f7f8fa;
														
 
															+  border-left-color: #165dff;
														
 
															+  color: #4e5969;
														
 
															+}
														
 
															+
														
 
															+.markdown-body pre,
														
 
															+.wf-step-details pre,
														
 
															+.apikey-modal-value {
														
 
															+  background: #f7f8fa;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.markdown-body code {
														
 
															+  background: #f2f3f5;
														
 
															+  border-radius: 2px;
														
 
															+}
														
 
															+
														
 
															+.execute-input,
														
 
															+.wf-form-input,
														
 
															+.wf-form-textarea,
														
 
															+.wf-form-select,
														
 
															+.chat-params-modal-body .wf-form-input,
														
 
															+.chat-params-modal-body .wf-form-textarea,
														
 
															+.chat-params-modal-body .wf-form-select {
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid #c9cdd4;
														
 
															+  border-radius: 4px;
														
 
															+  color: #1d2129;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.execute-input:focus,
														
 
															+.wf-form-input:focus,
														
 
															+.wf-form-textarea:focus,
														
 
															+.wf-form-select:focus,
														
 
															+.chat-params-modal-body .wf-form-input:focus,
														
 
															+.chat-params-modal-body .wf-form-textarea:focus,
														
 
															+.chat-params-modal-body .wf-form-select:focus {
														
 
															+  background: #ffffff;
														
 
															+  border-color: #165dff;
														
 
															+  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.12);
														
 
															+}
														
 
															+
														
 
															+.wf-form-empty,
														
 
															+.wf-form-loading {
														
 
															+  background: #f7f8fa;
														
 
															+  border: 1px dashed #c9cdd4;
														
 
															+  border-radius: 4px;
														
 
															+  color: #86909c;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-trigger,
														
 
															+.chat-params-modal-body .wf-form-file-trigger {
														
 
															+  background: #ffffff;
														
 
															+  border: 1px dashed #c9cdd4;
														
 
															+  border-radius: 4px;
														
 
															+  color: #4e5969;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-trigger:hover,
														
 
															+.chat-params-modal-body .wf-form-file-trigger:hover {
														
 
															+  background: #f7f8fa;
														
 
															+  border-color: #165dff;
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.wf-form-file-item,
														
 
															+.chat-params-modal-body .wf-form-file-item {
														
 
															+  background: #f7f8fa;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.wf-step {
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+}
														
 
															+
														
 
															+.wf-step:hover {
														
 
															+  background: #f7f8fa;
														
 
															+  border-color: #c9cdd4;
														
 
															+}
														
 
															+
														
 
															+.wf-step-running {
														
 
															+  border-left: 3px solid #165dff;
														
 
															+  animation: none;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker,
														
 
															+.wf-step-marker-start,
														
 
															+.wf-step-marker-running,
														
 
															+.wf-step-marker-succeeded,
														
 
															+.wf-step-marker-failed,
														
 
															+.wf-step-marker-output,
														
 
															+.wf-step-marker-paused,
														
 
															+.wf-step-marker-human,
														
 
															+.wf-step-marker-error {
														
 
															+  background: #f2f3f5;
														
 
															+  border: 1px solid #c9cdd4;
														
 
															+  color: #4e5969;
														
 
															+  box-shadow: none;
														
 
															+  animation: none;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-start,
														
 
															+.wf-step-marker-output,
														
 
															+.wf-step-marker-running {
														
 
															+  background: #e8f3ff;
														
 
															+  border-color: #94bfff;
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-succeeded {
														
 
															+  background: #e8ffea;
														
 
															+  border-color: #7be188;
														
 
															+  color: #00b42a;
														
 
															+}
														
 
															+
														
 
															+.wf-step-marker-failed,
														
 
															+.wf-step-marker-error {
														
 
															+  background: #ffece8;
														
 
															+  border-color: #fdcdc5;
														
 
															+  color: #f53f3f;
														
 
															+}
														
 
															+
														
 
															+.wf-step-text {
														
 
															+  background: #f7f8fa;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-left: 3px solid #165dff;
														
 
															+  border-radius: 4px;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.wf-step-error,
														
 
															+.execute-detail-error,
														
 
															+.execute-chat-error {
														
 
															+  background: #ffece8;
														
 
															+  border: 1px solid #fdcdc5;
														
 
															+  border-radius: 4px;
														
 
															+  color: #f53f3f;
														
 
															+}
														
 
															+
														
 
															+.wf-summary-succeeded {
														
 
															+  background: #e8ffea;
														
 
															+  border-color: #aff0b5;
														
 
															+  color: #00b42a;
														
 
															+}
														
 
															+
														
 
															+.wf-summary-failed {
														
 
															+  background: #ffece8;
														
 
															+  border-color: #fdcdc5;
														
 
															+  color: #f53f3f;
														
 
															+}
														
 
															+
														
 
															+.wf-summary-stopped {
														
 
															+  background: #fff7e8;
														
 
															+  border-color: #ffe4ba;
														
 
															+  color: #ff7d00;
														
 
															+}
														
 
															+
														
 
															+.execute-messages,
														
 
															+.wf-timeline,
														
 
															+.workflow-side .wf-form,
														
 
															+.chat-params-modal-body {
														
 
															+  scrollbar-color: #c9cdd4 #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-track,
														
 
															+.wf-timeline::-webkit-scrollbar-track,
														
 
															+.workflow-side .wf-form::-webkit-scrollbar-track,
														
 
															+.chat-params-modal-body::-webkit-scrollbar-track {
														
 
															+  background: #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-thumb,
														
 
															+.wf-timeline::-webkit-scrollbar-thumb,
														
 
															+.workflow-side .wf-form::-webkit-scrollbar-thumb,
														
 
															+.chat-params-modal-body::-webkit-scrollbar-thumb {
														
 
															+  background: #c9cdd4;
														
 
															+  border: 2px solid #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.execute-messages::-webkit-scrollbar-thumb:hover,
														
 
															+.wf-timeline::-webkit-scrollbar-thumb:hover,
														
 
															+.workflow-side .wf-form::-webkit-scrollbar-thumb:hover,
														
 
															+.chat-params-modal-body::-webkit-scrollbar-thumb:hover {
														
 
															+  background: #a9aeb8;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-mask {
														
 
															+  background: rgba(29, 33, 41, 0.45);
														
 
															+  backdrop-filter: none;
														
 
															+}
														
 
															+
														
 
															+.apikey-modal,
														
 
															+.chat-params-modal {
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  box-shadow: 0 8px 24px rgba(29, 33, 41, 0.12);
														
 
															+}
														
 
															+
														
 
															+.apikey-modal-copy.is-copied {
														
 
															+  background: #00b42a;
														
 
															+  border-color: #00b42a;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-actions {
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  margin-top: 10px;
														
 
															+  margin-left: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-btn {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  height: 30px;
														
 
															+  padding: 0 10px 0 8px;
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 500;
														
 
															+  line-height: 1;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-btn:hover:not(:disabled) {
														
 
															+  background: #f7f8fa;
														
 
															+  border-color: #c9cdd4;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-word:hover:not(:disabled) {
														
 
															+  border-color: #94bfff;
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-pdf:hover:not(:disabled) {
														
 
															+  border-color: #fdcdc5;
														
 
															+  color: #f53f3f;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-icon {
														
 
															+  width: 18px;
														
 
															+  height: 18px;
														
 
															+  object-fit: contain;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-text {
														
 
															+  min-width: 32px;
														
 
															+  text-align: left;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-download-btn:disabled .execute-msg-download-icon {
														
 
															+  opacity: 0.55;
														
 
															+}
														
 
															+
														
 
															+.arco-shell .main-content.arco-shell-content:has(.agent-execute) {
														
 
															+  background:
														
 
															+    radial-gradient(circle at 18% 12%, rgba(22, 93, 255, 0.16), transparent 28%),
														
 
															+    radial-gradient(circle at 88% 10%, rgba(20, 201, 201, 0.14), transparent 30%),
														
 
															+    linear-gradient(135deg, #eef5ff 0%, #f8fbff 42%, #edf7f7 100%);
														
 
															+}
														
 
															+
														
 
															+.arco-shell .main-page-content.arco-shell-page:has(.agent-execute) {
														
 
															+  max-width: none;
														
 
															+  min-height: calc(100vh - 64px);
														
 
															+  margin: 0;
														
 
															+  padding: 16px 18px 20px;
														
 
															+}
														
 
															+
														
 
															+.agent-execute {
														
 
															+  position: relative;
														
 
															+  width: 100%;
														
 
															+  height: calc(100vh - 100px);
														
 
															+  min-height: 0;
														
 
															+  gap: 14px;
														
 
															+  padding: 0;
														
 
															+  color: #1d2129;
														
 
															+}
														
 
															+
														
 
															+.agent-execute::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  inset: -16px -18px -20px -18px;
														
 
															+  pointer-events: none;
														
 
															+  background:
														
 
															+    linear-gradient(rgba(22, 93, 255, 0.035) 1px, transparent 1px),
														
 
															+    linear-gradient(90deg, rgba(22, 93, 255, 0.035) 1px, transparent 1px),
														
 
															+    radial-gradient(circle at 8% 24%, rgba(22, 93, 255, 0.12), transparent 30%),
														
 
															+    radial-gradient(circle at 94% 72%, rgba(20, 201, 201, 0.12), transparent 28%);
														
 
															+  background-size: 32px 32px, 32px 32px, auto, auto;
														
 
															+  border-radius: 26px;
														
 
															+  z-index: 0;
														
 
															+}
														
 
															+
														
 
															+.agent-execute > :not(.apikey-modal-mask):not(.execute-drawer-mask):not(.execute-drawer) {
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+}
														
 
															+
														
 
															+.agent-execute > .apikey-modal-mask {
														
 
															+  position: fixed;
														
 
															+  inset: 0;
														
 
															+  z-index: 1000;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+}
														
 
															+
														
 
															+.agent-execute > .execute-drawer-mask {
														
 
															+  position: fixed;
														
 
															+  inset: 0;
														
 
															+  z-index: 1200;
														
 
															+}
														
 
															+
														
 
															+.agent-execute > .execute-drawer {
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  right: 0;
														
 
															+  z-index: 1201;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-card {
														
 
															+  padding: 16px 20px;
														
 
															+  border: 0;
														
 
															+  border-radius: 0;
														
 
															+  background: transparent;
														
 
															+  box-shadow: none;
														
 
															+  backdrop-filter: none;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-head {
														
 
															+  align-items: flex-start;
														
 
															+  gap: 14px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon {
														
 
															+  width: 54px;
														
 
															+  height: 54px;
														
 
															+  border-radius: 16px;
														
 
															+  box-shadow: 0 10px 26px rgba(22, 93, 255, 0.16);
														
 
															+  font-size: 28px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-icon-img {
														
 
															+  border-radius: 16px;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-name {
														
 
															+  margin: 0 0 6px;
														
 
															+  color: #0f1f3d;
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: -0.02em;
														
 
															+  background: none;
														
 
															+  -webkit-text-fill-color: currentColor;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-mode-tag {
														
 
															+  padding: 4px 10px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.18);
														
 
															+  border-radius: 999px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.execute-detail-history-trigger {
														
 
															+  height: 36px;
														
 
															+  padding: 0 14px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.16);
														
 
															+  border-radius: 999px;
														
 
															+  background: rgba(255, 255, 255, 0.92);
														
 
															+  color: #1d2129;
														
 
															+  box-shadow: 0 8px 18px rgba(29, 33, 41, 0.06);
														
 
															+}
														
 
															+
														
 
															+.execute-detail-history-trigger:hover {
														
 
															+  border-color: rgba(22, 93, 255, 0.38);
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  transform: translateY(-1px);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-shell {
														
 
															+  position: relative;
														
 
															+  flex: 1;
														
 
															+  min-height: 0;
														
 
															+  display: flex;
														
 
															+  overflow: hidden;
														
 
															+  border-radius: 26px;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-orb {
														
 
															+  position: absolute;
														
 
															+  border-radius: 999px;
														
 
															+  filter: blur(8px);
														
 
															+  opacity: 0.82;
														
 
															+  pointer-events: none;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-orb-a {
														
 
															+  width: 180px;
														
 
															+  height: 180px;
														
 
															+  right: 44px;
														
 
															+  top: 32px;
														
 
															+  background: rgba(22, 93, 255, 0.13);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-orb-b {
														
 
															+  width: 220px;
														
 
															+  height: 220px;
														
 
															+  left: 8%;
														
 
															+  bottom: -86px;
														
 
															+  background: rgba(20, 201, 201, 0.12);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-card {
														
 
															+  position: relative;
														
 
															+  flex: 1;
														
 
															+  min-height: 0;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.13);
														
 
															+  border-radius: 26px;
														
 
															+  background:
														
 
															+    radial-gradient(circle at 98% 0%, rgba(22, 93, 255, 0.12), transparent 34%),
														
 
															+    radial-gradient(circle at 0% 100%, rgba(20, 201, 201, 0.1), transparent 36%),
														
 
															+    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 250, 255, 0.82));
														
 
															+  box-shadow: 0 22px 58px rgba(29, 33, 41, 0.12);
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-toolbar {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 16px;
														
 
															+  padding: 18px 22px 14px;
														
 
															+  border-bottom: 1px solid rgba(229, 230, 235, 0.76);
														
 
															+  background: rgba(255, 255, 255, 0.72);
														
 
															+  backdrop-filter: blur(14px);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-agent-head {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 14px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-agent-meta {
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-kicker {
														
 
															+  margin-bottom: 4px;
														
 
															+  color: #165dff;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: 0.12em;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-heading {
														
 
															+  margin: 0;
														
 
															+  color: #0f1f3d;
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: -0.01em;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-toolbar-actions {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.execute-back-active-btn {
														
 
															+  height: 32px;
														
 
															+  padding: 0 12px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.24);
														
 
															+  border-radius: 999px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.execute-back-active-btn:hover {
														
 
															+  border-color: rgba(22, 93, 255, 0.42);
														
 
															+  background: #dbeaff;
														
 
															+  transform: translateY(-1px);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-status {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  height: 32px;
														
 
															+  padding: 0 12px;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 999px;
														
 
															+  background: #ffffff;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-status-dot {
														
 
															+  width: 8px;
														
 
															+  height: 8px;
														
 
															+  border-radius: 999px;
														
 
															+  background: #00b42a;
														
 
															+  box-shadow: 0 0 0 4px rgba(0, 180, 42, 0.12);
														
 
															+}
														
 
															+
														
 
															+.execute-chat-status-dot.is-running {
														
 
															+  background: #165dff;
														
 
															+  box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.14);
														
 
															+  animation: executePulse 1.2s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes executePulse {
														
 
															+  0%, 100% { transform: scale(1); opacity: 1; }
														
 
															+  50% { transform: scale(0.72); opacity: 0.62; }
														
 
															+}
														
 
															+
														
 
															+.execute-messages {
														
 
															+  padding: 26px clamp(24px, 4vw, 56px) 18px;
														
 
															+  gap: 18px;
														
 
															+  background-image:
														
 
															+    linear-gradient(rgba(22, 93, 255, 0.035) 1px, transparent 1px),
														
 
															+    linear-gradient(90deg, rgba(22, 93, 255, 0.035) 1px, transparent 1px),
														
 
															+    linear-gradient(180deg, rgba(232, 243, 255, 0.22), rgba(255, 255, 255, 0));
														
 
															+  background-size: 28px 28px, 28px 28px, auto;
														
 
															+}
														
 
															+
														
 
															+.execute-empty {
														
 
															+  width: min(540px, 92%);
														
 
															+  margin: auto;
														
 
															+  padding: 34px 34px 30px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.13);
														
 
															+  border-radius: 28px;
														
 
															+  background: rgba(255, 255, 255, 0.76);
														
 
															+  box-shadow: 0 18px 46px rgba(29, 33, 41, 0.08);
														
 
															+  color: #4e5969;
														
 
															+  text-align: center;
														
 
															+  backdrop-filter: blur(18px);
														
 
															+}
														
 
															+
														
 
															+.execute-empty-icon {
														
 
															+  width: 56px;
														
 
															+  height: 56px;
														
 
															+  margin: 0 auto 16px;
														
 
															+  display: grid;
														
 
															+  place-items: center;
														
 
															+  border-radius: 18px;
														
 
															+  background: linear-gradient(135deg, #165dff, #14c9c9);
														
 
															+  color: #ffffff;
														
 
															+  font-size: 28px;
														
 
															+  box-shadow: 0 14px 28px rgba(22, 93, 255, 0.22);
														
 
															+}
														
 
															+
														
 
															+.execute-empty-title {
														
 
															+  color: #0f1f3d;
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 700;
														
 
															+  letter-spacing: -0.02em;
														
 
															+}
														
 
															+
														
 
															+.execute-empty-desc {
														
 
															+  margin: 10px auto 0;
														
 
															+  max-width: 410px;
														
 
															+  color: #86909c;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.8;
														
 
															+}
														
 
															+
														
 
															+.execute-empty-prompts {
														
 
															+  display: flex;
														
 
															+  justify-content: center;
														
 
															+  flex-wrap: wrap;
														
 
															+  gap: 10px;
														
 
															+  margin-top: 22px;
														
 
															+}
														
 
															+
														
 
															+.execute-empty-prompts span {
														
 
															+  padding: 7px 12px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.13);
														
 
															+  border-radius: 999px;
														
 
															+  background: #f7f8fa;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.execute-msg {
														
 
															+  max-width: min(920px, 84%);
														
 
															+  gap: 7px;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-assistant {
														
 
															+  max-width: min(1080px, 90%);
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user {
														
 
															+  max-width: min(780px, 72%);
														
 
															+}
														
 
															+
														
 
															+.execute-msg-role {
														
 
															+  padding: 0 4px;
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-bubble {
														
 
															+  padding: 13px 16px;
														
 
															+  border-radius: 18px;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 1.78;
														
 
															+  box-shadow: 0 10px 28px rgba(29, 33, 41, 0.07);
														
 
															+}
														
 
															+
														
 
															+.execute-msg-user .execute-msg-bubble {
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.22);
														
 
															+  background: linear-gradient(135deg, #165dff 0%, #0fc6c2 100%);
														
 
															+  color: #ffffff;
														
 
															+  border-bottom-right-radius: 6px;
														
 
															+}
														
 
															+
														
 
															+.execute-msg-assistant .execute-msg-bubble {
														
 
															+  border: 1px solid rgba(229, 230, 235, 0.95);
														
 
															+  background: rgba(255, 255, 255, 0.92);
														
 
															+  color: #1d2129;
														
 
															+  border-bottom-left-radius: 6px;
														
 
															+  padding: 16px 20px;
														
 
															+}
														
 
															+
														
 
															+.execute-input-panel {
														
 
															+  padding: 12px clamp(18px, 3vw, 42px) 18px;
														
 
															+  border-top: 1px solid rgba(229, 230, 235, 0.76);
														
 
															+  background: rgba(255, 255, 255, 0.84);
														
 
															+  backdrop-filter: blur(18px);
														
 
															+}
														
 
															+
														
 
															+.execute-input-hint {
														
 
															+  margin: 0 0 8px 14px;
														
 
															+  color: #a9aeb8;
														
 
															+  font-size: 12px;
														
 
															+}
														
 
															+
														
 
															+.execute-input-bar {
														
 
															+  align-items: flex-end;
														
 
															+  gap: 10px;
														
 
															+  padding: 10px;
														
 
															+  border: 1px solid rgba(22, 93, 255, 0.14);
														
 
															+  border-radius: 20px;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: 0 12px 30px rgba(29, 33, 41, 0.08);
														
 
															+}
														
 
															+
														
 
															+.execute-input {
														
 
															+  min-height: 44px;
														
 
															+  max-height: 132px;
														
 
															+  padding: 11px 14px;
														
 
															+  border: 0;
														
 
															+  border-radius: 14px;
														
 
															+  background: #f7f8fa;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 22px;
														
 
															+  box-shadow: none;
														
 
															+  resize: vertical;
														
 
															+  overflow-y: auto;
														
 
															+}
														
 
															+
														
 
															+.execute-input:focus {
														
 
															+  background: #ffffff;
														
 
															+  border: 0;
														
 
															+  box-shadow: inset 0 0 0 2px rgba(22, 93, 255, 0.18);
														
 
															+}
														
 
															+
														
 
															+.execute-params-btn {
														
 
															+  height: 42px;
														
 
															+  padding: 0 13px;
														
 
															+  border-radius: 14px;
														
 
															+  border-color: #e5e6eb;
														
 
															+  background: #ffffff;
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn {
														
 
															+  height: 42px;
														
 
															+  min-width: 92px;
														
 
															+  padding: 0 18px;
														
 
															+  border: 0;
														
 
															+  border-radius: 14px;
														
 
															+  background: linear-gradient(135deg, #165dff 0%, #14c9c9 100%);
														
 
															+  box-shadow: 0 10px 22px rgba(22, 93, 255, 0.22);
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn:not(:disabled):hover {
														
 
															+  background: linear-gradient(135deg, #4080ff 0%, #23d3d3 100%);
														
 
															+  box-shadow: 0 14px 28px rgba(22, 93, 255, 0.28);
														
 
															+  transform: translateY(-1px);
														
 
															+}
														
 
															+
														
 
															+.execute-send-btn:disabled {
														
 
															+  opacity: 0.48;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.execute-chat-error {
														
 
															+  margin: 0 18px 8px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal {
														
 
															+  width: min(760px, calc(100vw - 64px));
														
 
															+  max-height: 88vh;
														
 
															+  border-radius: 18px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal .apikey-modal-head {
														
 
															+  padding: 18px 24px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body {
														
 
															+  padding: 24px 28px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form {
														
 
															+  gap: 18px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal-body .wf-form-file-trigger {
														
 
															+  min-height: 92px;
														
 
															+  border-radius: 14px;
														
 
															+}
														
 
															+
														
 
															+.chat-params-modal .apikey-modal-foot {
														
 
															+  padding: 16px 24px;
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 768px) {
														
 
															+  .agent-execute {
														
 
															+    height: auto;
														
 
															+    min-height: calc(100vh - 72px);
														
 
															+    padding: 0 0 10px;
														
 
															+  }
														
 
															+
														
 
															+  .execute-detail-head,
														
 
															+  .execute-chat-toolbar,
														
 
															+  .execute-input-bar {
														
 
															+    flex-wrap: wrap;
														
 
															+  }
														
 
															+
														
 
															+  .execute-chat-heading {
														
 
															+    font-size: 16px;
														
 
															+  }
														
 
															+
														
 
															+  .execute-msg {
														
 
															+    max-width: 92%;
														
 
															+  }
														
 
															+
														
 
															+  .execute-messages {
														
 
															+    padding: 20px 16px 14px;
														
 
															+    min-height: 420px;
														
 
															+  }
														
 
															+
														
 
															+  .execute-input,
														
 
															+  .execute-params-btn,
														
 
															+  .execute-send-btn {
														
 
															+    flex: 1 1 auto;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.apikey-create-section {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.04) 0%, rgba(118, 75, 162, 0.02) 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 12px;
														
 
															+  padding: 20px;
														
 
															+  margin-bottom: 20px;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-title {
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1a1a1a;
														
 
															+  margin-bottom: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-create-form {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires-input {
														
 
															+  flex: 1;
														
 
															+  height: 40px;
														
 
															+  padding: 0 14px;
														
 
															+  background: rgba(255, 255, 255, 0.9);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 8px;
														
 
															+  font-size: 14px;
														
 
															+  color: #1a1a1a;
														
 
															+  outline: none;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires-input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
														
 
															+}
														
 
															+
														
 
															+.apikey-list {
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 12px;
														
 
															+  overflow: hidden;
														
 
															+  background: white;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-header,
														
 
															+.apikey-list-item {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: 1fr 120px 200px 180px;
														
 
															+  gap: 16px;
														
 
															+  padding: 14px 20px;
														
 
															+  align-items: center;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-header {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.05) 100%);
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #4a4a4a;
														
 
															+  text-transform: uppercase;
														
 
															+  letter-spacing: 0.5px;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-item {
														
 
															+  border-top: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+  transition: background 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-list-item:hover {
														
 
															+  background: rgba(102, 126, 234, 0.03);
														
 
															+}
														
 
															+
														
 
															+.apikey-col-key {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.apikey-token-text {
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+  font-size: 13px;
														
 
															+  color: #1a1a1a;
														
 
															+  font-weight: 500;
														
 
															+  white-space: nowrap;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+}
														
 
															+
														
 
															+.apikey-copy-btn {
														
 
															+  flex-shrink: 0;
														
 
															+  width: 32px;
														
 
															+  height: 32px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  background: rgba(102, 126, 234, 0.05);
														
 
															+  border-radius: 6px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  cursor: pointer;
														
 
															+  font-size: 14px;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.apikey-copy-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+  border-color: #667eea;
														
 
															+  transform: translateY(-1px);
														
 
															+}
														
 
															+
														
 
															+.apikey-status {
														
 
															+  display: inline-block;
														
 
															+  padding: 4px 12px;
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+}
														
 
															+
														
 
															+.apikey-status.active {
														
 
															+  background: rgba(34, 197, 94, 0.12);
														
 
															+  color: #16a34a;
														
 
															+}
														
 
															+
														
 
															+.apikey-status.inactive {
														
 
															+  background: rgba(120, 120, 120, 0.1);
														
 
															+  color: #6b7280;
														
 
															+}
														
 
															+
														
 
															+.apikey-col-expires {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 2px;
														
 
															+}
														
 
															+
														
 
															+.apikey-expires-text {
														
 
															+  font-size: 13px;
														
 
															+  color: #4a4a4a;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.apikey-remain-text {
														
 
															+  font-size: 11px;
														
 
															+  color: #999;
														
 
															+}
														
 
															+
														
 
															+.apikey-col-actions {
														
 
															+  display: flex;
														
 
															+  justify-content: flex-end;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn {
														
 
															+  height: 32px;
														
 
															+  padding: 0 14px;
														
 
															+  border-radius: 6px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  border: 1px solid;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn:disabled {
														
 
															+  opacity: 0.5;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.enable {
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border-color: transparent;
														
 
															+  color: white;
														
 
															+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.enable:hover:not(:disabled) {
														
 
															+  transform: translateY(-1px);
														
 
															+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.disable,
														
 
															+.apikey-action-btn.delete {
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border-color: rgba(102, 126, 234, 0.25);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.disable:hover:not(:disabled),
														
 
															+.apikey-action-btn.delete:hover:not(:disabled) {
														
 
															+  background: rgba(102, 126, 234, 0.15);
														
 
															+  border-color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.apikey-action-btn.delete:hover:not(:disabled) {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  border-color: rgba(239, 68, 68, 0.3);
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.apikey-loading,
														
 
															+.apikey-empty {
														
 
															+  padding: 60px 20px;
														
 
															+  text-align: center;
														
 
															+  color: #999;
														
 
															+  font-size: 14px;
														
 
															+}
														
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -0,0 +1,99 @@
 
															+import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'
														
 
															+import { AuthProvider, useAuth } from './contexts/AuthContext'
														
 
															+import ProtectedRoute from './components/ProtectedRoute'
														
 
															+import Layout from './components/Layout'
														
 
															+import Login from './pages/Login'
														
 
															+import Plaza from './pages/Plaza'
														
 
															+import AgentList from './pages/AgentList'
														
 
															+import History from './pages/History'
														
 
															+import AvailableAgents from './pages/AvailableAgents'
														
 
															+import AgentExecute from './pages/AgentExecute'
														
 
															+import AgentApply from './pages/AgentApply'
														
 
															+import ExternalMock from './pages/ExternalMock'
														
 
															+import './App.css'
														
 
															+
														
 
															+function AppRoutes() {
														
 
															+  const { authenticated } = useAuth()
														
 
															+
														
 
															+  return (
														
 
															+    <Routes>
														
 
															+      <Route 
														
 
															+        path="/login" 
														
 
															+        element={authenticated ? <Navigate to="/" replace /> : <Login />} 
														
 
															+      />
														
 
															+      <Route path="/" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <Plaza />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/plaza" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <Plaza />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/agents" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <AgentList />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/history" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <History />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/available" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <AvailableAgents />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/agents/execute/:appId" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <AgentExecute />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/agents/apply/:appId" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <AgentApply />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+      <Route path="/agents/external/:agentProId" element={
														
 
															+        <ProtectedRoute>
														
 
															+          <Layout>
														
 
															+            <ExternalMock />
														
 
															+          </Layout>
														
 
															+        </ProtectedRoute>
														
 
															+      } />
														
 
															+    </Routes>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+function App() {
														
 
															+  return (
														
 
															+    <AuthProvider>
														
 
															+      <Router
														
 
															+        future={{
														
 
															+          v7_startTransition: true,
														
 
															+          v7_relativeSplatPath: true,
														
 
															+        }}
														
 
															+      >
														
 
															+        <AppRoutes />
														
 
															+      </Router>
														
 
															+    </AuthProvider>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default App
														
--- a/src/assets/icons/pdf.svg
+++ b/src/assets/icons/pdf.svg
--- a/src/assets/icons/word.svg
+++ b/src/assets/icons/word.svg
--- a/src/components/ApiKeyModal.jsx
+++ b/src/components/ApiKeyModal.jsx
@@ -0,0 +1,207 @@
 
															+import { useState, useEffect, useMemo } from 'react'
														
 
															+import { useAccountApiKeys, useCreateAccountApiKey, useUpdateAccountApiKey, useDeleteAccountApiKey } from '@/service/account'
														
 
															+import '../App.css'
														
 
															+
														
 
															+const maskToken = (token) => `${token.slice(0, 10)}${'*'.repeat(16)}`
														
 
															+
														
 
															+const toDateText = (timestamp) => {
														
 
															+  if (!timestamp) return '永久有效'
														
 
															+  return new Date(timestamp * 1000).toLocaleDateString('zh-CN')
														
 
															+}
														
 
															+
														
 
															+const getRemainDays = (timestamp) => {
														
 
															+  if (!timestamp) return null
														
 
															+  const remainMs = timestamp * 1000 - Date.now()
														
 
															+  return Math.max(0, Math.ceil(remainMs / 86400000))
														
 
															+}
														
 
															+
														
 
															+const isExpired = (apiKey) => apiKey.expires_at && apiKey.expires_at * 1000 <= Date.now()
														
 
															+
														
 
															+function ApiKeyModal({ onClose }) {
														
 
															+  const [apiKeys, setApiKeys] = useState([])
														
 
															+  const [loading, setLoading] = useState(false)
														
 
															+  const [expiresInDays, setExpiresInDays] = useState('')
														
 
															+  const [copied, setCopied] = useState(false)
														
 
															+  const [error, setError] = useState('')
														
 
															+  const [success, setSuccess] = useState('')
														
 
															+  const [submitting, setSubmitting] = useState(false)
														
 
															+  const [operateId, setOperateId] = useState(null)
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    fetchKeys()
														
 
															+  }, [])
														
 
															+
														
 
															+  const fetchKeys = async () => {
														
 
															+    setLoading(true)
														
 
															+    try {
														
 
															+      const response = await useAccountApiKeys()
														
 
															+      setApiKeys(response?.data || response || [])
														
 
															+    } catch (e) {
														
 
															+      setError(e.message || '获取API Key失败')
														
 
															+    } finally {
														
 
															+      setLoading(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleCreate = async () => {
														
 
															+    const days = expiresInDays.trim() ? Number(expiresInDays) : null
														
 
															+    if (days !== null && (!Number.isInteger(days) || days <= 0)) {
														
 
															+      setError('请输入有效的过期天数')
														
 
															+      return
														
 
															+    }
														
 
															+    setSubmitting(true)
														
 
															+    setError('')
														
 
															+    setSuccess('')
														
 
															+    try {
														
 
															+      await useCreateAccountApiKey({ body: { expires_in_days: days } })
														
 
															+      setSuccess('API Key 创建成功')
														
 
															+      setExpiresInDays('')
														
 
															+      fetchKeys()
														
 
															+    } catch (e) {
														
 
															+      setError(e.message || '创建API Key失败')
														
 
															+    } finally {
														
 
															+      setSubmitting(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleCopy = (token) => {
														
 
															+    navigator.clipboard.writeText(token)
														
 
															+    setCopied(true)
														
 
															+    setTimeout(() => setCopied(false), 2000)
														
 
															+  }
														
 
															+
														
 
															+  const handleToggleStatus = async (apiKey) => {
														
 
															+    const nextStatus = apiKey.status === 'active' ? 'inactive' : 'active'
														
 
															+    setOperateId(apiKey.id)
														
 
															+    try {
														
 
															+      await useUpdateAccountApiKey(apiKey.id, { body: { status: nextStatus } })
														
 
															+      fetchKeys()
														
 
															+    } catch (e) {
														
 
															+      setError(e.message || '更新状态失败')
														
 
															+    } finally {
														
 
															+      setOperateId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleDelete = async (apiKey) => {
														
 
															+    if (!window.confirm(`确定要删除 API Key 吗？`)) return
														
 
															+    setOperateId(apiKey.id)
														
 
															+    try {
														
 
															+      await useDeleteAccountApiKey(apiKey.id)
														
 
															+      setSuccess('API Key 已删除')
														
 
															+      fetchKeys()
														
 
															+    } catch (e) {
														
 
															+      setError(e.message || '删除失败')
														
 
															+    } finally {
														
 
															+      setOperateId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const isMutating = submitting || operateId !== null
														
 
															+
														
 
															+  const copiedTip = useMemo(() => {
														
 
															+    return copied ? '已复制' : '复制'
														
 
															+  }, [copied])
														
 
															+
														
 
															+  return (
														
 
															+    <div className="profile-modal-overlay" onClick={onClose}>
														
 
															+      <div className="profile-modal" onClick={e => e.stopPropagation()}>
														
 
															+        <div className="profile-modal-header">
														
 
															+          <h2>API Key 管理</h2>
														
 
															+          <button className="profile-close-btn" onClick={onClose}>✕</button>
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="profile-tab-content">
														
 
															+          {error && <div className="alert alert-error">{error}</div>}
														
 
															+          {success && <div className="alert alert-success">{success}</div>}
														
 
															+
														
 
															+          <div className="apikey-create-section">
														
 
															+            <div className="apikey-create-title">创建新的 API Key</div>
														
 
															+            <div className="apikey-create-form">
														
 
															+              <input
														
 
															+                type="number"
														
 
															+                min={1}
														
 
															+                value={expiresInDays}
														
 
															+                onChange={e => setExpiresInDays(e.target.value)}
														
 
															+                placeholder="过期天数（留空表示永久有效）"
														
 
															+                className="apikey-expires-input"
														
 
															+              />
														
 
															+              <button 
														
 
															+                className="btn btn-primary" 
														
 
															+                onClick={handleCreate}
														
 
															+                disabled={isMutating}
														
 
															+              >
														
 
															+                {submitting ? '创建中...' : '添加'}
														
 
															+              </button>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+
														
 
															+          <div className="apikey-list">
														
 
															+            <div className="apikey-list-header">
														
 
															+              <div className="apikey-col apikey-col-key">Key</div>
														
 
															+              <div className="apikey-col apikey-col-status">状态</div>
														
 
															+              <div className="apikey-col apikey-col-expires">过期时间</div>
														
 
															+              <div className="apikey-col apikey-col-actions">操作</div>
														
 
															+            </div>
														
 
															+            {loading ? (
														
 
															+              <div className="apikey-loading">加载中...</div>
														
 
															+            ) : apiKeys.length === 0 ? (
														
 
															+              <div className="apikey-empty">暂无 API Key</div>
														
 
															+            ) : (
														
 
															+              apiKeys.map(apiKey => {
														
 
															+                const expired = apiKey.status === 'active' && isExpired(apiKey)
														
 
															+                const displayStatus = expired
														
 
															+                  ? '已过期'
														
 
															+                  : apiKey.status === 'active' ? '启用' : '禁用'
														
 
															+                const remainDays = getRemainDays(apiKey.expires_at)
														
 
															+                return (
														
 
															+                  <div key={apiKey.id} className="apikey-list-item">
														
 
															+                    <div className="apikey-col apikey-col-key">
														
 
															+                      <span className="apikey-token-text">{maskToken(apiKey.token)}</span>
														
 
															+                      <button 
														
 
															+                        className="apikey-copy-btn"
														
 
															+                        onClick={() => handleCopy(apiKey.token)}
														
 
															+                        title={copiedTip}
														
 
															+                      >
														
 
															+                        {copied ? '✓' : '📋'}
														
 
															+                      </button>
														
 
															+                    </div>
														
 
															+                    <div className="apikey-col apikey-col-status">
														
 
															+                      <span className={`apikey-status ${apiKey.status === 'active' && !expired ? 'active' : 'inactive'}`}>
														
 
															+                        {displayStatus}
														
 
															+                      </span>
														
 
															+                    </div>
														
 
															+                    <div className="apikey-col apikey-col-expires">
														
 
															+                      <div className="apikey-expires-text">{toDateText(apiKey.expires_at)}</div>
														
 
															+                      {remainDays !== null && apiKey.expires_at && (
														
 
															+                        <div className="apikey-remain-text">（{remainDays} 天）</div>
														
 
															+                      )}
														
 
															+                    </div>
														
 
															+                    <div className="apikey-col apikey-col-actions">
														
 
															+                      <button 
														
 
															+                        className={`apikey-action-btn ${apiKey.status === 'active' ? 'disable' : 'enable'}`}
														
 
															+                        onClick={() => handleToggleStatus(apiKey)}
														
 
															+                        disabled={isMutating}
														
 
															+                      >
														
 
															+                        {apiKey.status === 'active' ? '禁用' : '启用'}
														
 
															+                      </button>
														
 
															+                      <button 
														
 
															+                        className="apikey-action-btn delete"
														
 
															+                        onClick={() => handleDelete(apiKey)}
														
 
															+                        disabled={isMutating}
														
 
															+                      >
														
 
															+                        删除
														
 
															+                      </button>
														
 
															+                    </div>
														
 
															+                  </div>
														
 
															+                )
														
 
															+              })
														
 
															+            )}
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default ApiKeyModal
														
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -0,0 +1,352 @@
 
															+import { useMemo, useState, useEffect } from 'react'
														
 
															+import { useLocation, useNavigate } from 'react-router-dom'
														
 
															+import {
														
 
															+  Layout as ArcoLayout,
														
 
															+  Menu,
														
 
															+  Button,
														
 
															+  Avatar,
														
 
															+  Dropdown,
														
 
															+  Typography,
														
 
															+  Spin,
														
 
															+  Message,
														
 
															+} from '@arco-design/web-react'
														
 
															+import {
														
 
															+  IconApps,
														
 
															+  IconMenuFold,
														
 
															+  IconMenuUnfold,
														
 
															+  IconHistory,
														
 
															+  IconRobot,
														
 
															+  IconUser,
														
 
															+  IconSettings,
														
 
															+  IconQuestionCircle,
														
 
															+  IconExport,
														
 
															+  IconLock,
														
 
															+} from '@arco-design/web-react/icon'
														
 
															+import { useAuth } from '@/contexts/AuthContext'
														
 
															+import { logout as logoutService } from '@/service/auth'
														
 
															+import { useUserProfile } from '@/service/account'
														
 
															+import { clearTokens } from '@/utils/auth'
														
 
															+import { getMyRecommendedApps, getAppApiKey } from '@/service/business'
														
 
															+import { API_BASE_URL } from '@/config'
														
 
															+import emojiMartData from '@emoji-mart/data'
														
 
															+import ProfileModal from './ProfileModal'
														
 
															+import ApiKeyModal from './ApiKeyModal'
														
 
															+import '../App.css'
														
 
															+
														
 
															+const { Sider, Header, Content } = ArcoLayout
														
 
															+const MenuItem = Menu.Item
														
 
															+const SubMenu = Menu.SubMenu
														
 
															+const SIDEBAR_COLLAPSED_KEY = 'sidebar_collapsed'
														
 
															+
														
 
															+const isNativeEmoji = (str) => {
														
 
															+  if (!str) return false
														
 
															+  return /[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(str)
														
 
															+}
														
 
															+
														
 
															+const emojiNameToNative = (name) => {
														
 
															+  if (!name) return '🤖'
														
 
															+  const emoji = emojiMartData.emojis?.[name]
														
 
															+  return emoji?.skins?.[0]?.native || '🤖'
														
 
															+}
														
 
															+
														
 
															+const resolveIcon = (icon) => {
														
 
															+  if (!icon) return '🤖'
														
 
															+  if (isNativeEmoji(icon)) return icon
														
 
															+  return emojiNameToNative(icon)
														
 
															+}
														
 
															+
														
 
															+const buildIconUrl = (icon) => {
														
 
															+  if (!icon) return ''
														
 
															+  if (/^https?:\/\//i.test(icon)) return icon
														
 
															+  if (icon.startsWith('/')) return `${API_BASE_URL}${icon}`
														
 
															+  return icon
														
 
															+}
														
 
															+
														
 
															+function Layout({ children }) {
														
 
															+  const location = useLocation()
														
 
															+  const navigate = useNavigate()
														
 
															+  const { logout } = useAuth()
														
 
															+  const [showProfile, setShowProfile] = useState(false)
														
 
															+  const [showApiKey, setShowApiKey] = useState(false)
														
 
															+  const [collapsed, setCollapsed] = useState(() => {
														
 
															+    try { return localStorage.getItem(SIDEBAR_COLLAPSED_KEY) === '1' } catch { return false }
														
 
															+  })
														
 
															+  const [recommendedAgents, setRecommendedAgents] = useState([])
														
 
															+  const [recLoading, setRecLoading] = useState(false)
														
 
															+  const [recError, setRecError] = useState('')
														
 
															+  const [navClickingId, setNavClickingId] = useState(null)
														
 
															+  const [userProfile, setUserProfile] = useState(null)
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    let cancelled = false
														
 
															+    const fetchRecommended = async () => {
														
 
															+      setRecLoading(true)
														
 
															+      setRecError('')
														
 
															+      try {
														
 
															+        const res = await getMyRecommendedApps()
														
 
															+        if (cancelled) return
														
 
															+        const list = (res?.data || res || []).map(item => {
														
 
															+          const iconType = item.icon_type || 'emoji'
														
 
															+          let iconValue = '🤖'
														
 
															+          if (iconType === 'image') {
														
 
															+            const raw = item.icon || item.logo || ''
														
 
															+            iconValue = { type: 'image', url: buildIconUrl(raw) }
														
 
															+          } else if (typeof item.icon === 'string') {
														
 
															+            iconValue = item.icon
														
 
															+          }
														
 
															+          return {
														
 
															+            id: item.target_id,
														
 
															+            name: item.name || '未命名',
														
 
															+            desc: item.description || '',
														
 
															+            icon: iconValue,
														
 
															+            iconBackground: item.icon_background || '#FFEAD5',
														
 
															+            mode: item.mode || '',
														
 
															+            targetType: item.target_type,
														
 
															+            sourceType: item.source_type,
														
 
															+            sourceAppId: item.source_app_id,
														
 
															+            sourceName: item.source_name,
														
 
															+          }
														
 
															+        })
														
 
															+        setRecommendedAgents(list)
														
 
															+      } catch (e) {
														
 
															+        if (!cancelled) setRecError(e?.message || '加载失败')
														
 
															+      } finally {
														
 
															+        if (!cancelled) setRecLoading(false)
														
 
															+      }
														
 
															+    }
														
 
															+    fetchRecommended()
														
 
															+    return () => { cancelled = true }
														
 
															+  }, [])
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    let cancelled = false
														
 
															+    const fetchUserProfile = async () => {
														
 
															+      try {
														
 
															+        const profile = await useUserProfile()
														
 
															+        if (!cancelled) setUserProfile(profile?.data ?? profile ?? null)
														
 
															+      } catch (e) {
														
 
															+        if (!cancelled) setUserProfile(null)
														
 
															+      }
														
 
															+    }
														
 
															+    fetchUserProfile()
														
 
															+    return () => { cancelled = true }
														
 
															+  }, [])
														
 
															+
														
 
															+  const selectedKeys = useMemo(() => {
														
 
															+    const pathname = location.pathname
														
 
															+    if (pathname === '/' || pathname === '/plaza') return ['plaza']
														
 
															+    if (pathname === '/history') return ['history']
														
 
															+    if (pathname === '/available') return ['available']
														
 
															+    if (pathname.startsWith('/agents/execute/')) return [`agent:${pathname.split('/').pop()}`]
														
 
															+    if (pathname.startsWith('/agents/external/')) return [`external:${pathname.split('/').pop()}`]
														
 
															+    return []
														
 
															+  }, [location.pathname])
														
 
															+
														
 
															+  const headerInfo = useMemo(() => {
														
 
															+    const pathname = location.pathname
														
 
															+    if (pathname === '/' || pathname === '/plaza') return { kicker: '智能体广场', title: '发现并使用推荐智能体' }
														
 
															+    if (pathname === '/history') return { kicker: '历史记录', title: '查看最近的智能体执行记录' }
														
 
															+    if (pathname === '/available') return { kicker: '可用智能体', title: '管理已开通权限的智能体' }
														
 
															+    if (pathname.startsWith('/agents/execute/')) return { kicker: '智能体', title: '当前会话与任务执行' }
														
 
															+    if (pathname.startsWith('/agents/external/')) return { kicker: '外部智能体', title: '跳转并使用外部服务' }
														
 
															+    if (pathname.startsWith('/agents/apply/')) return { kicker: '权限申请', title: '申请智能体使用权限' }
														
 
															+    return { kicker: '工作台', title: 'AI Agent 智能体平台' }
														
 
															+  }, [location.pathname])
														
 
															+
														
 
															+  const userDisplayName = userProfile?.name || userProfile?.email || '用户'
														
 
															+
														
 
															+  const toggleSidebar = () => {
														
 
															+    setCollapsed(prev => {
														
 
															+      const next = !prev
														
 
															+      try { localStorage.setItem(SIDEBAR_COLLAPSED_KEY, next ? '1' : '0') } catch {}
														
 
															+      return next
														
 
															+    })
														
 
															+  }
														
 
															+
														
 
															+  const handleAgentNavClick = async (agent) => {
														
 
															+    if (!agent?.id || navClickingId === agent.id) return
														
 
															+    setNavClickingId(agent.id)
														
 
															+    if (agent.sourceType === 'external') {
														
 
															+      navigate(`/agents/external/${agent.id}`, { state: { agent } })
														
 
															+      setNavClickingId(null)
														
 
															+      return
														
 
															+    }
														
 
															+
														
 
															+    const appId = agent.sourceAppId || agent.id
														
 
															+    try {
														
 
															+      const res = await getAppApiKey(appId)
														
 
															+      const payload = res?.data ?? res ?? {}
														
 
															+      if (payload.has_permission) {
														
 
															+        navigate(`/agents/execute/${appId}`, {
														
 
															+          state: { agent: { ...agent, id: appId }, apiKey: payload.api_key || '' },
														
 
															+        })
														
 
															+      } else {
														
 
															+        navigate(`/agents/apply/${appId}`, { state: { agent: { ...agent, id: appId } } })
														
 
															+      }
														
 
															+    } catch (err) {
														
 
															+      navigate(`/agents/apply/${appId}`, {
														
 
															+        state: { agent: { ...agent, id: appId }, error: err?.message || '权限校验失败' },
														
 
															+      })
														
 
															+    } finally {
														
 
															+      setNavClickingId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleLogout = async () => {
														
 
															+    try {
														
 
															+      await logoutService()
														
 
															+    } catch (e) {
														
 
															+      // Logout should still clear local state even when the server call fails.
														
 
															+    }
														
 
															+    clearTokens()
														
 
															+    logout()
														
 
															+    navigate('/login')
														
 
															+  }
														
 
															+
														
 
															+  const handleAdmin = () => {
														
 
															+    Message.info('后台管理功能开发中')
														
 
															+  }
														
 
															+
														
 
															+  const handleHelp = () => {
														
 
															+    Message.info('使用说明功能开发中')
														
 
															+  }
														
 
															+
														
 
															+  const renderAgentIcon = (agent) => {
														
 
															+    if (agent.icon && typeof agent.icon === 'object' && agent.icon.type === 'image') {
														
 
															+      return (
														
 
															+        <span className="layout-agent-icon" style={{ background: agent.iconBackground || '#FFEAD5' }}>
														
 
															+          <img src={buildIconUrl(agent.icon.url)} alt="" />
														
 
															+        </span>
														
 
															+      )
														
 
															+    }
														
 
															+    return <span className="layout-agent-icon layout-agent-emoji">{resolveIcon(agent.icon)}</span>
														
 
															+  }
														
 
															+
														
 
															+  const userMenu = (
														
 
															+    <Menu className="layout-user-menu">
														
 
															+      <MenuItem key="profile" onClick={() => setShowProfile(true)}>
														
 
															+        <IconUser /> 个人资料
														
 
															+      </MenuItem>
														
 
															+      <MenuItem key="apikey" onClick={() => setShowApiKey(true)}>
														
 
															+        <IconLock /> API Key
														
 
															+      </MenuItem>
														
 
															+      <MenuItem key="admin" onClick={handleAdmin}>
														
 
															+        <IconSettings /> 后台管理
														
 
															+      </MenuItem>
														
 
															+      <MenuItem key="help" onClick={handleHelp}>
														
 
															+        <IconQuestionCircle /> 使用说明
														
 
															+      </MenuItem>
														
 
															+      <MenuItem key="logout" className="layout-user-menu-danger" onClick={handleLogout}>
														
 
															+        <IconExport /> 退出登录
														
 
															+      </MenuItem>
														
 
															+    </Menu>
														
 
															+  )
														
 
															+
														
 
															+  return (
														
 
															+    <ArcoLayout className="app arco-shell">
														
 
															+      <Sider
														
 
															+        className="arco-shell-sider"
														
 
															+        width={248}
														
 
															+        collapsed={collapsed}
														
 
															+        collapsedWidth={64}
														
 
															+        trigger={null}
														
 
															+      >
														
 
															+        <div className="arco-shell-brand" onClick={() => navigate('/plaza')}>
														
 
															+          <img src="/logo.png" alt="Logo" className="arco-shell-logo" />
														
 
															+          {!collapsed && (
														
 
															+            <div className="arco-shell-brand-text">
														
 
															+              <Typography.Text className="arco-shell-brand-name">AI agentic</Typography.Text>
														
 
															+              <Typography.Text className="arco-shell-brand-subtitle">智能体平台</Typography.Text>
														
 
															+            </div>
														
 
															+          )}
														
 
															+        </div>
														
 
															+
														
 
															+        <Menu
														
 
															+          className="arco-shell-menu"
														
 
															+          selectedKeys={selectedKeys}
														
 
															+          defaultOpenKeys={['agents', 'my']}
														
 
															+          collapse={collapsed}
														
 
															+          autoOpen
														
 
															+          hasCollapseButton={false}
														
 
															+        >
														
 
															+          <MenuItem key="plaza" onClick={() => navigate('/plaza')}>
														
 
															+            <IconApps />
														
 
															+            <span>广场</span>
														
 
															+          </MenuItem>
														
 
															+
														
 
															+          <SubMenu key="agents" title={<><IconRobot /><span>智能体</span></>}>
														
 
															+            {recLoading && (
														
 
															+              <MenuItem key="agents-loading" disabled>
														
 
															+                <Spin size={14} /> 加载中
														
 
															+              </MenuItem>
														
 
															+            )}
														
 
															+            {!recLoading && recError && (
														
 
															+              <MenuItem key="agents-error" disabled>{recError}</MenuItem>
														
 
															+            )}
														
 
															+            {!recLoading && !recError && recommendedAgents.length === 0 && (
														
 
															+              <MenuItem key="agents-empty" disabled>暂无推荐智能体</MenuItem>
														
 
															+            )}
														
 
															+            {!recLoading && !recError && recommendedAgents.map(agent => {
														
 
															+              const targetAppId = agent.sourceAppId || agent.id
														
 
															+              const menuKey = agent.sourceType === 'external' ? `external:${agent.id}` : `agent:${targetAppId}`
														
 
															+              return (
														
 
															+                <MenuItem key={menuKey} onClick={() => handleAgentNavClick(agent)}>
														
 
															+                  {renderAgentIcon(agent)}
														
 
															+                  <span className="layout-agent-name">{agent.name}</span>
														
 
															+                  {navClickingId === agent.id && <Spin size={12} />}
														
 
															+                </MenuItem>
														
 
															+              )
														
 
															+            })}
														
 
															+          </SubMenu>
														
 
															+
														
 
															+          <SubMenu key="my" title={<><IconUser /><span>我的</span></>}>
														
 
															+            <MenuItem key="history" onClick={() => navigate('/history')}>
														
 
															+              <IconHistory />
														
 
															+              <span>历史记录</span>
														
 
															+            </MenuItem>
														
 
															+            <MenuItem key="available" onClick={() => navigate('/available')}>
														
 
															+              <IconRobot />
														
 
															+              <span>可用智能体</span>
														
 
															+            </MenuItem>
														
 
															+          </SubMenu>
														
 
															+        </Menu>
														
 
															+
														
 
															+        <div className="arco-shell-sider-footer">
														
 
															+          <Button
														
 
															+            type="text"
														
 
															+            className="arco-shell-collapse"
														
 
															+            icon={collapsed ? <IconMenuUnfold /> : <IconMenuFold />}
														
 
															+            onClick={toggleSidebar}
														
 
															+          >
														
 
															+            {!collapsed && '收起菜单'}
														
 
															+          </Button>
														
 
															+        </div>
														
 
															+      </Sider>
														
 
															+
														
 
															+      <ArcoLayout className="arco-shell-body">
														
 
															+        <Header className="arco-shell-header">
														
 
															+          <div className="arco-shell-header-title">
														
 
															+            <Typography.Text className="arco-shell-kicker">{headerInfo.kicker}</Typography.Text>
														
 
															+            <Typography.Title heading={5} className="arco-shell-title">{headerInfo.title}</Typography.Title>
														
 
															+          </div>
														
 
															+          <Dropdown droplist={userMenu} position="br" trigger="click">
														
 
															+            <Button type="text" className="arco-shell-user">
														
 
															+              <Avatar size={32} className="arco-shell-avatar"><IconUser /></Avatar>
														
 
															+              <span className="arco-shell-user-name">{userDisplayName}</span>
														
 
															+            </Button>
														
 
															+          </Dropdown>
														
 
															+        </Header>
														
 
															+        <Content className="main-content arco-shell-content">
														
 
															+          <div className="main-page-content arco-shell-page">
														
 
															+            {children}
														
 
															+          </div>
														
 
															+        </Content>
														
 
															+      </ArcoLayout>
														
 
															+
														
 
															+      {showProfile && <ProfileModal onClose={() => setShowProfile(false)} />}
														
 
															+      {showApiKey && <ApiKeyModal onClose={() => setShowApiKey(false)} />}
														
 
															+    </ArcoLayout>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default Layout
														
--- a/src/components/ProfileModal.jsx
+++ b/src/components/ProfileModal.jsx
@@ -0,0 +1,195 @@
 
															+import { useState, useEffect } from 'react'
														
 
															+import { useUserProfile, updateAccountName, updatePassword } from '@/service/account'
														
 
															+
														
 
															+function ProfileModal({ onClose }) {
														
 
															+  // 加载用户信息
														
 
															+  const [userProfile, setUserProfile] = useState(null)
														
 
															+  const [loadingProfile, setLoadingProfile] = useState(false)
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    loadUserProfile()
														
 
															+  }, [])
														
 
															+
														
 
															+  const loadUserProfile = async () => {
														
 
															+    setLoadingProfile(true)
														
 
															+    try {
														
 
															+      const response = await useUserProfile()
														
 
															+      setUserProfile(response)
														
 
															+    } catch (error) {
														
 
															+      console.error('Failed to load user profile:', error)
														
 
															+    } finally {
														
 
															+      setLoadingProfile(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+
														
 
															+
														
 
															+  // 更新用户名
														
 
															+  const [editingName, setEditingName] = useState(false)
														
 
															+  const [newName, setNewName] = useState('')
														
 
															+
														
 
															+  const handleEditName = () => {
														
 
															+    setNewName(userProfile?.name || '')
														
 
															+    setEditingName(true)
														
 
															+  }
														
 
															+
														
 
															+  const handleSaveName = async () => {
														
 
															+    if (!newName.trim()) {
														
 
															+      alert('用户名不能为空')
														
 
															+      return
														
 
															+    }
														
 
															+    try {
														
 
															+      const response = await updateAccountName(newName)
														
 
															+      setUserProfile(response)
														
 
															+      setEditingName(false)
														
 
															+      alert('用户名更新成功')
														
 
															+    } catch (error) {
														
 
															+      console.error('Failed to update name:', error)
														
 
															+      alert('更新用户名失败')
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // 更新密码
														
 
															+  const [showPasswordForm, setShowPasswordForm] = useState(false)
														
 
															+  const [currentPassword, setCurrentPassword] = useState('')
														
 
															+  const [newPassword, setNewPassword] = useState('')
														
 
															+  const [repeatPassword, setRepeatPassword] = useState('')
														
 
															+  const [updatingPassword, setUpdatingPassword] = useState(false)
														
 
															+
														
 
															+  const handleUpdatePassword = async () => {
														
 
															+    if (newPassword !== repeatPassword) {
														
 
															+      alert('两次输入的新密码不一致')
														
 
															+      return
														
 
															+    }
														
 
															+    if (newPassword.length < 8) {
														
 
															+      alert('新密码长度至少8位')
														
 
															+      return
														
 
															+    }
														
 
															+    setUpdatingPassword(true)
														
 
															+    try {
														
 
															+      await updatePassword(currentPassword, newPassword, repeatPassword)
														
 
															+      alert('密码更新成功')
														
 
															+      setCurrentPassword('')
														
 
															+      setNewPassword('')
														
 
															+      setRepeatPassword('')
														
 
															+      setShowPasswordForm(false)
														
 
															+    } catch (error) {
														
 
															+      console.error('Failed to update password:', error)
														
 
															+      alert('更新密码失败')
														
 
															+    } finally {
														
 
															+      setUpdatingPassword(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <div className="profile-modal-overlay" onClick={onClose}>
														
 
															+      <div className="profile-modal" onClick={e => e.stopPropagation()}>
														
 
															+        <div className="profile-modal-header">
														
 
															+          <h2>个人信息</h2>
														
 
															+          <button className="profile-close-btn" onClick={onClose}>✕</button>
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="profile-tab-content">
														
 
															+          <div className="account-info">
														
 
															+            <div className="account-avatar-section">
														
 
															+              <div className="account-avatar">👤</div>
														
 
															+              {editingName ? (
														
 
															+                <div className="account-name-edit">
														
 
															+                  <input
														
 
															+                    type="text"
														
 
															+                    value={newName}
														
 
															+                    onChange={(e) => setNewName(e.target.value)}
														
 
															+                    className="account-name-input"
														
 
															+                    minLength={3}
														
 
															+                    maxLength={30}
														
 
															+                  />
														
 
															+                  <div className="account-name-actions">
														
 
															+                    <button onClick={handleSaveName} className="account-name-btn save">保存</button>
														
 
															+                    <button onClick={() => setEditingName(false)} className="account-name-btn cancel">取消</button>
														
 
															+                  </div>
														
 
															+                </div>
														
 
															+              ) : (
														
 
															+                <div className="account-name-edit">
														
 
															+                  <div className="account-name">{userProfile?.name || '用户'}</div>
														
 
															+                  <button onClick={handleEditName} className="account-name-edit-btn">编辑</button>
														
 
															+                </div>
														
 
															+              )}
														
 
															+            </div>
														
 
															+            <div className="account-field">
														
 
															+              <label>邮箱</label>
														
 
															+              <input type="email" value={userProfile?.email || ''} readOnly />
														
 
															+            </div>
														
 
															+            <div className="account-field">
														
 
															+              <label>个人数据</label>
														
 
															+              <input type="text" value={`创建于: ${userProfile?.created_at ? new Date(userProfile.created_at * 1000).toLocaleDateString() : '未知'}`} readOnly />
														
 
															+            </div>
														
 
															+            
														
 
															+            <div className="account-password-section">
														
 
															+              <div className="account-password-title">密码管理</div>
														
 
															+              {showPasswordForm ? (
														
 
															+                <div className="account-password-form">
														
 
															+                  <div className="account-password-field">
														
 
															+                    <label>当前密码</label>
														
 
															+                    <input
														
 
															+                      type="password"
														
 
															+                      value={currentPassword}
														
 
															+                      onChange={(e) => setCurrentPassword(e.target.value)}
														
 
															+                      placeholder="请输入当前密码"
														
 
															+                    />
														
 
															+                  </div>
														
 
															+                  <div className="account-password-field">
														
 
															+                    <label>新密码</label>
														
 
															+                    <input
														
 
															+                      type="password"
														
 
															+                      value={newPassword}
														
 
															+                      onChange={(e) => setNewPassword(e.target.value)}
														
 
															+                      placeholder="请输入新密码（至少8位）"
														
 
															+                    />
														
 
															+                  </div>
														
 
															+                  <div className="account-password-field">
														
 
															+                    <label>确认新密码</label>
														
 
															+                    <input
														
 
															+                      type="password"
														
 
															+                      value={repeatPassword}
														
 
															+                      onChange={(e) => setRepeatPassword(e.target.value)}
														
 
															+                      placeholder="请再次输入新密码"
														
 
															+                    />
														
 
															+                  </div>
														
 
															+                  <div className="account-password-actions">
														
 
															+                    <button 
														
 
															+                      className="account-password-btn save" 
														
 
															+                      onClick={handleUpdatePassword}
														
 
															+                      disabled={updatingPassword}
														
 
															+                    >
														
 
															+                      {updatingPassword ? '保存中...' : '保存'}
														
 
															+                    </button>
														
 
															+                    <button 
														
 
															+                      className="account-password-btn cancel" 
														
 
															+                      onClick={() => {
														
 
															+                        setShowPasswordForm(false)
														
 
															+                        setCurrentPassword('')
														
 
															+                        setNewPassword('')
														
 
															+                        setRepeatPassword('')
														
 
															+                      }}
														
 
															+                    >
														
 
															+                      取消
														
 
															+                    </button>
														
 
															+                  </div>
														
 
															+                </div>
														
 
															+              ) : (
														
 
															+                <button 
														
 
															+                  className="account-action-btn"
														
 
															+                  onClick={() => setShowPasswordForm(true)}
														
 
															+                >
														
 
															+                  更改密码
														
 
															+                </button>
														
 
															+              )}
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default ProfileModal
														
--- a/src/components/ProtectedRoute.jsx
+++ b/src/components/ProtectedRoute.jsx
@@ -0,0 +1,12 @@
 
															+import { Navigate } from 'react-router-dom'
														
 
															+import { useAuth } from '@/contexts/AuthContext'
														
 
															+
														
 
															+export default function ProtectedRoute({ children }) {
														
 
															+  const { authenticated } = useAuth()
														
 
															+
														
 
															+  if (!authenticated) {
														
 
															+    return <Navigate to="/login" replace />
														
 
															+  }
														
 
															+
														
 
															+  return children
														
 
															+}
														
--- a/src/components/UserDropdown.jsx
+++ b/src/components/UserDropdown.jsx
@@ -0,0 +1,51 @@
 
															+import { useEffect, useRef } from 'react'
														
 
															+
														
 
															+function UserDropdown({ show, onClose, onProfile, onApiKey, onAdmin, onHelp, onLogout }) {
														
 
															+  const dropdownRef = useRef(null)
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    const handleClickOutside = (event) => {
														
 
															+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
														
 
															+        onClose()
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    if (show) {
														
 
															+      document.addEventListener('mousedown', handleClickOutside)
														
 
															+    }
														
 
															+
														
 
															+    return () => {
														
 
															+      document.removeEventListener('mousedown', handleClickOutside)
														
 
															+    }
														
 
															+  }, [show, onClose])
														
 
															+
														
 
															+  if (!show) return null
														
 
															+
														
 
															+  return (
														
 
															+    <div className="user-dropdown" ref={dropdownRef}>
														
 
															+      <div className="dropdown-item" onClick={onProfile}>
														
 
															+        <span className="dropdown-icon">👤</span>
														
 
															+        <span>个人信息</span>
														
 
															+      </div>
														
 
															+      <div className="dropdown-item" onClick={onApiKey}>
														
 
															+        <span className="dropdown-icon">🔑</span>
														
 
															+        <span>API Key</span>
														
 
															+      </div>
														
 
															+      <div className="dropdown-item" onClick={onAdmin}>
														
 
															+        <span className="dropdown-icon">⚙️</span>
														
 
															+        <span>后台管理</span>
														
 
															+      </div>
														
 
															+      <div className="dropdown-item" onClick={onHelp}>
														
 
															+        <span className="dropdown-icon">📖</span>
														
 
															+        <span>使用说明</span>
														
 
															+      </div>
														
 
															+      <div className="dropdown-divider"></div>
														
 
															+      <div className="dropdown-item logout" onClick={onLogout}>
														
 
															+        <span className="dropdown-icon">🚪</span>
														
 
															+        <span>退出登录</span>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default UserDropdown
														
--- a/src/config/agentEmptyStates.json
+++ b/src/config/agentEmptyStates.json
@@ -0,0 +1,66 @@
 
															+{
														
 
															+  "default": {
														
 
															+    "icon": "✦",
														
 
															+    "title": "选择目标，开始对话",
														
 
															+    "description": "告诉我你想完成的任务、期望格式和关键要求，我会结合当前智能体能力为你生成清晰、可执行的结果。",
														
 
															+    "prompts": ["说明任务目标", "补充关键信息", "按要求输出"]
														
 
															+  },
														
 
															+  "agents": [
														
 
															+    {
														
 
															+      "name": "智能问数",
														
 
															+      "aliases": ["问数", "数据分析", "数据助手"],
														
 
															+      "icon": "⌁",
														
 
															+      "title": "上传数据，提出分析问题",
														
 
															+      "description": "请提供数据表、指标口径或业务问题。我会帮你拆解数据关系、生成分析结论，并提炼可落地的洞察建议。",
														
 
															+      "prompts": ["分析核心指标", "查找异常波动", "生成数据结论"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "报告生成",
														
 
															+      "aliases": ["报告", "总结报告", "文档报告"],
														
 
															+      "icon": "✦",
														
 
															+      "title": "上传文档，说明报告重点",
														
 
															+      "description": "请先在参数中上传 PDF 文档，再输入报告要求。我会提炼核心内容、梳理结构，并生成一份可下载的总结报告。",
														
 
															+      "prompts": ["提炼核心观点", "生成总结报告", "按指定格式输出"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "智能PPT",
														
 
															+      "aliases": ["PPT", "演示文稿", "幻灯片"],
														
 
															+      "icon": "◆",
														
 
															+      "title": "输入主题，生成演示结构",
														
 
															+      "description": "请告诉我汇报主题、受众对象和页数要求。我会帮你规划目录、提炼页面要点，并生成适合演示的 PPT 内容框架。",
														
 
															+      "prompts": ["规划PPT大纲", "生成页面文案", "优化汇报逻辑"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "邮件助手",
														
 
															+      "aliases": ["邮件", "写邮件", "邮件撰写"],
														
 
															+      "icon": "✉",
														
 
															+      "title": "说明场景，快速生成邮件",
														
 
															+      "description": "请提供收件对象、沟通目的和语气要求。我会帮你生成结构清晰、表达得体的邮件正文。",
														
 
															+      "prompts": ["撰写商务邮件", "润色邮件语气", "生成回复模板"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "新闻助手",
														
 
															+      "aliases": ["新闻", "资讯", "新闻写作"],
														
 
															+      "icon": "◎",
														
 
															+      "title": "输入素材，生成新闻内容",
														
 
															+      "description": "请提供新闻主题、背景信息或采访素材。我会帮你梳理重点、组织叙事，并生成适合发布的新闻稿。",
														
 
															+      "prompts": ["提炼新闻导语", "生成新闻稿", "优化标题表达"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "翻译专家",
														
 
															+      "aliases": ["翻译", "多语言", "语言翻译"],
														
 
															+      "icon": "文",
														
 
															+      "title": "输入文本，指定翻译目标",
														
 
															+      "description": "请粘贴需要翻译的内容，并说明目标语言、应用场景和语气风格。我会尽量保持语义准确与表达自然。",
														
 
															+      "prompts": ["中英互译", "润色本地化表达", "保留专业术语"]
														
 
															+    },
														
 
															+    {
														
 
															+      "name": "代码专家",
														
 
															+      "aliases": ["代码", "编程", "开发助手"],
														
 
															+      "icon": "⌘",
														
 
															+      "title": "描述问题，获取代码方案",
														
 
															+      "description": "请提供技术栈、目标功能、报错信息或代码片段。我会帮你分析原因、给出实现思路，并生成可参考的代码方案。",
														
 
															+      "prompts": ["排查代码问题", "生成实现方案", "优化代码结构"]
														
 
															+    }
														
 
															+  ]
														
 
															+}
														
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -0,0 +1,14 @@
 
															+// 浏览器直接连后端 5001。Vite proxy 路径已停用以减少中间层开销。
														
 
															+// CORS 走后端配置（CONSOLE_CORS_ALLOW_ORIGINS / WEB_API_CORS_ALLOW_ORIGINS）放行。
														
 
															+export const API_BASE_URL = 'http://192.168.100.26:5001'
														
 
															+// export const API_BASE_URL = 'http://localhost:5001'
														
 
															+export const API_PREFIX = `${API_BASE_URL}/console/api`
														
 
															+export const PUBLIC_API_PREFIX = `${API_BASE_URL}/api`
														
 
															+// Dify Service API 前缀（应用级 API，需用应用 API Key 通过 Bearer 鉴权）
														
 
															+export const DIFY_V1_PREFIX = `${API_BASE_URL}/v1`
														
 
															+
														
 
															+export const ACCESS_TOKEN_LOCAL_STORAGE_NAME = 'access_token'
														
 
															+
														
 
															+export const emailRegex = /^[\w.!#$%&'*+\-/=?^{|}~]+@([\w-]+\.)+[\w-]{2,}$/
														
 
															+
														
 
															+export const validPassword = /^(?=.*[a-z])(?=.*\d)\S{8,}$/i
														
--- a/src/contexts/AuthContext.jsx
+++ b/src/contexts/AuthContext.jsx
@@ -0,0 +1,38 @@
 
															+import { createContext, useContext, useState, useEffect } from 'react'
														
 
															+import { isAuthenticated as checkAuth, clearLoggedIn } from '@/utils/auth'
														
 
															+
														
 
															+const AuthContext = createContext()
														
 
															+
														
 
															+export function AuthProvider({ children }) {
														
 
															+  const [authenticated, setAuthenticated] = useState(() => {
														
 
															+    return checkAuth()
														
 
															+  })
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    const handleStorageChange = () => {
														
 
															+      setAuthenticated(checkAuth())
														
 
															+    }
														
 
															+    
														
 
															+    window.addEventListener('storage', handleStorageChange)
														
 
															+    return () => window.removeEventListener('storage', handleStorageChange)
														
 
															+  }, [])
														
 
															+
														
 
															+  const login = () => {
														
 
															+    setAuthenticated(true)
														
 
															+  }
														
 
															+
														
 
															+  const logout = () => {
														
 
															+    clearLoggedIn()
														
 
															+    setAuthenticated(false)
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <AuthContext.Provider value={{ authenticated, login, logout }}>
														
 
															+      {children}
														
 
															+    </AuthContext.Provider>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export function useAuth() {
														
 
															+  return useContext(AuthContext)
														
 
															+}
														
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,58 @@
 
															+* {
														
 
															+  margin: 0;
														
 
															+  padding: 0;
														
 
															+  box-sizing: border-box;
														
 
															+}
														
 
															+
														
 
															+body {
														
 
															+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
														
 
															+  background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 50%, #f8faff 100%);
														
 
															+  color: #1a1f3a;
														
 
															+  min-height: 100vh;
														
 
															+  overflow-x: hidden;
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+body::before {
														
 
															+  content: '';
														
 
															+  position: fixed;
														
 
															+  top: 0;
														
 
															+  left: 0;
														
 
															+  right: 0;
														
 
															+  bottom: 0;
														
 
															+  background: 
														
 
															+    radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
														
 
															+    radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.15) 0%, transparent 50%),
														
 
															+    radial-gradient(circle at 40% 40%, rgba(0, 212, 255, 0.1) 0%, transparent 40%);
														
 
															+  pointer-events: none;
														
 
															+  z-index: 0;
														
 
															+}
														
 
															+
														
 
															+#root {
														
 
															+  min-height: 100vh;
														
 
															+}
														
 
															+
														
 
															+* {
														
 
															+  scrollbar-width: thin;
														
 
															+  scrollbar-color: #c9cdd4 #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+  height: 8px;
														
 
															+}
														
 
															+
														
 
															+::-webkit-scrollbar-track {
														
 
															+  background: #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+::-webkit-scrollbar-thumb {
														
 
															+  background: #c9cdd4;
														
 
															+  border: 2px solid #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+::-webkit-scrollbar-thumb:hover {
														
 
															+  background: #a9aeb8;
														
 
															+}
														
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -0,0 +1,11 @@
 
															+import React from 'react'
														
 
															+import ReactDOM from 'react-dom/client'
														
 
															+import '@arco-design/web-react/dist/css/arco.css'
														
 
															+import App from './App.jsx'
														
 
															+import './index.css'
														
 
															+
														
 
															+ReactDOM.createRoot(document.getElementById('root')).render(
														
 
															+  <React.StrictMode>
														
 
															+    <App />
														
 
															+  </React.StrictMode>,
														
 
															+)
														
--- a/src/pages/AgentApply.jsx
+++ b/src/pages/AgentApply.jsx
@@ -0,0 +1,351 @@
 
															+import { useState, useEffect, useRef, useCallback } from 'react'
														
 
															+import { useLocation, useNavigate, useParams } from 'react-router-dom'
														
 
															+import {
														
 
															+  getAppBasicInfo,
														
 
															+  getAccessStatus,
														
 
															+  createAccessRequest
														
 
															+} from '@/service/business'
														
 
															+import emojiMartData from '@emoji-mart/data'
														
 
															+
														
 
															+// 解析 emoji icon
														
 
															+const isNativeEmoji = (str) => /[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(str || '')
														
 
															+const emojiNameToNative = (name) => {
														
 
															+  if (!name) return '🤖'
														
 
															+  const emoji = emojiMartData.emojis?.[name]
														
 
															+  return emoji?.skins?.[0]?.native || '🤖'
														
 
															+}
														
 
															+const resolveIcon = (icon) => {
														
 
															+  if (!icon) return '🤖'
														
 
															+  if (isNativeEmoji(icon)) return icon
														
 
															+  return emojiNameToNative(icon)
														
 
															+}
														
 
															+
														
 
															+// 时间戳（秒）转 yyyy-MM-dd HH:mm
														
 
															+const formatDateTime = (ts) => {
														
 
															+  if (!ts && ts !== 0) return '-'
														
 
															+  const d = new Date(typeof ts === 'number' && ts < 1e12 ? ts * 1000 : ts)
														
 
															+  if (Number.isNaN(d.getTime())) return '-'
														
 
															+  const pad = (n) => String(n).padStart(2, '0')
														
 
															+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`
														
 
															+}
														
 
															+
														
 
															+// 状态 -> 文案 + 视觉类型
														
 
															+const STATUS_META = {
														
 
															+  not_requested: { label: '未申请', tone: 'neutral', help: '该智能体需要申请权限后才能使用' },
														
 
															+  pending:        { label: '审核中', tone: 'pending', help: '申请已提交，正在等待管理员审核' },
														
 
															+  approved:       { label: '已通过', tone: 'success', help: '申请已通过，可进入执行页' },
														
 
															+  rejected:       { label: '已拒绝', tone: 'rejected', help: '申请被拒绝，可调整理由后重新申请' },
														
 
															+  has_permission: { label: '已有权限', tone: 'success', help: '你已拥有该智能体的使用权限' },
														
 
															+  no_permission:  { label: '无权限', tone: 'rejected', help: '该智能体为私有，暂不开放申请' }
														
 
															+}
														
 
															+
														
 
															+// 申请权限枚举 -> 友好文案
														
 
															+const PERMISSION_LABEL = {
														
 
															+  public: '公开',
														
 
															+  partial: '指定用户',
														
 
															+  private: '私有'
														
 
															+}
														
 
															+
														
 
															+function AgentApply() {
														
 
															+  const { appId } = useParams()
														
 
															+  const location = useLocation()
														
 
															+  const navigate = useNavigate()
														
 
															+  const passedAgent = location.state?.agent || { id: appId, name: '智能体' }
														
 
															+
														
 
															+  // ===== 数据状态 =====
														
 
															+  const [appInfo, setAppInfo] = useState(null)            // basic-info 返回
														
 
															+  const [status, setStatus] = useState(null)              // access-status.status
														
 
															+  const [accessRequest, setAccessRequest] = useState(null) // access-status.request
														
 
															+  const [hasPermission, setHasPermission] = useState(false)
														
 
															+  const [progress, setProgress] = useState('')            // 进度描述
														
 
															+  const [loading, setLoading] = useState(true)
														
 
															+  const [error, setError] = useState('')
														
 
															+
														
 
															+  // ===== 申请表单 =====
														
 
															+  const [reason, setReason] = useState('')
														
 
															+  const [submitting, setSubmitting] = useState(false)
														
 
															+  const [submitError, setSubmitError] = useState('')
														
 
															+
														
 
															+  // ===== 轮询（仅 pending 时启用） =====
														
 
															+  const pollTimerRef = useRef(null)
														
 
															+  const stopPolling = useCallback(() => {
														
 
															+    if (pollTimerRef.current) {
														
 
															+      clearInterval(pollTimerRef.current)
														
 
															+      pollTimerRef.current = null
														
 
															+    }
														
 
															+  }, [])
														
 
															+
														
 
															+  // 加载 basic-info + access-status
														
 
															+  const loadAll = useCallback(async (showLoading = true) => {
														
 
															+    if (!appId) return
														
 
															+    if (showLoading) setLoading(true)
														
 
															+    setError('')
														
 
															+    try {
														
 
															+      const [basicRes, statusRes] = await Promise.all([
														
 
															+        getAppBasicInfo(appId),
														
 
															+        getAccessStatus(appId)
														
 
															+      ])
														
 
															+
														
 
															+      // basic-info: 后端可能直接返回对象，也可能 {data: {...}}
														
 
															+      const basic = basicRes?.data || basicRes || {}
														
 
															+      setAppInfo({
														
 
															+        id: basic.id || appId,
														
 
															+        name: basic.name || passedAgent.name || '智能体',
														
 
															+        description: basic.description || '',
														
 
															+        introduction: basic.introduction || '',
														
 
															+        icon: resolveIcon(basic.icon),
														
 
															+        iconBackground: basic.icon_background || '#FFEAD5',
														
 
															+        mode: basic.mode || '',
														
 
															+        version: basic.version || '',
														
 
															+        versionDescription: basic.version_description || '',
														
 
															+        listedAt: basic.listed_at,
														
 
															+        createdAt: basic.created_at,
														
 
															+        updatedAt: basic.updated_at,
														
 
															+        appPermission: basic.app_permission || '',
														
 
															+        isListed: Boolean(basic.is_listed)
														
 
															+      })
														
 
															+
														
 
															+      // access-status
														
 
															+      const st = statusRes?.data || statusRes || {}
														
 
															+      setStatus(st.status || '')
														
 
															+      setProgress(st.progress || st.status || '')
														
 
															+      setHasPermission(Boolean(st.has_permission))
														
 
															+      setAccessRequest(st.request || null)
														
 
															+    } catch (e) {
														
 
															+      setError(e?.message || '加载申请信息失败')
														
 
															+    } finally {
														
 
															+      if (showLoading) setLoading(false)
														
 
															+    }
														
 
															+  }, [appId, passedAgent.name])
														
 
															+
														
 
															+  // 首次加载
														
 
															+  useEffect(() => {
														
 
															+    loadAll(true)
														
 
															+    return () => stopPolling()
														
 
															+  }, [loadAll, stopPolling])
														
 
															+
														
 
															+  // pending 时启动轮询
														
 
															+  useEffect(() => {
														
 
															+    stopPolling()
														
 
															+    if (status === 'pending') {
														
 
															+      pollTimerRef.current = setInterval(() => {
														
 
															+        // 静默刷新，不触发 loading
														
 
															+        loadAll(false)
														
 
															+      }, 8000)
														
 
															+    }
														
 
															+    return stopPolling
														
 
															+  }, [status, loadAll, stopPolling])
														
 
															+
														
 
															+  // ===== 提交申请 =====
														
 
															+  const handleSubmit = async () => {
														
 
															+    if (!reason.trim()) {
														
 
															+      setSubmitError('请填写使用理由')
														
 
															+      return
														
 
															+    }
														
 
															+    setSubmitting(true)
														
 
															+    setSubmitError('')
														
 
															+    try {
														
 
															+      const res = await createAccessRequest(appId, reason.trim())
														
 
															+      const payload = res?.data || res || {}
														
 
															+      // 重新拉一次最新状态
														
 
															+      await loadAll(false)
														
 
															+      if (payload.status === 'already_has_permission') {
														
 
															+        setStatus('has_permission')
														
 
															+        setHasPermission(true)
														
 
															+      } else {
														
 
															+        setStatus('pending')
														
 
															+        setProgress('pending')
														
 
															+      }
														
 
															+      if (payload.request) {
														
 
															+        setAccessRequest(payload.request)
														
 
															+      }
														
 
															+    } catch (e) {
														
 
															+      setSubmitError(e?.message || '提交申请失败')
														
 
															+    } finally {
														
 
															+      setSubmitting(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // ===== 重新申请（被拒绝后） =====
														
 
															+  const handleReapply = () => {
														
 
															+    setStatus('not_requested')
														
 
															+    setAccessRequest(null)
														
 
															+    setReason('')
														
 
															+    setSubmitError('')
														
 
															+  }
														
 
															+
														
 
															+  // 跳到执行页
														
 
															+  const goExecute = () => {
														
 
															+    navigate(`/agents/execute/${appId}`, {
														
 
															+      state: { agent: appInfo ? { ...passedAgent, ...appInfo } : passedAgent }
														
 
															+    })
														
 
															+  }
														
 
															+
														
 
															+  // ===== 渲染辅助 =====
														
 
															+  const meta = STATUS_META[status] || { label: status || '未知', tone: 'neutral', help: '' }
														
 
															+  const showApplyForm = status === 'not_requested'
														
 
															+  const showPending   = status === 'pending'
														
 
															+  const showRejected  = status === 'rejected'
														
 
															+  const showApproved  = status === 'approved' || status === 'has_permission'
														
 
															+  const showNoPerm    = status === 'no_permission'
														
 
															+
														
 
															+  return (
														
 
															+    <div className="agent-apply">
														
 
															+      {/* 页头 */}
														
 
															+      <div className="page-header">
														
 
															+        <button className="back-btn" onClick={() => navigate(-1)}>‹ 返回广场</button>
														
 
															+      </div>
														
 
															+
														
 
															+      {/* 智能体详情卡（含版本） */}
														
 
															+      <div className="apply-card apply-detail-card">
														
 
															+        <div className="apply-agent-info">
														
 
															+          <div className="apply-agent-icon" style={{ background: appInfo?.iconBackground || passedAgent.iconBackground || '#FFEAD5' }}>
														
 
															+            {appInfo?.icon || passedAgent.icon || '🤖'}
														
 
															+          </div>
														
 
															+          <div className="apply-agent-meta">
														
 
															+            <div className="apply-agent-name">
														
 
															+              {loading ? '加载中…' : (appInfo?.name || passedAgent.name || '智能体')}
														
 
															+            </div>
														
 
															+            <div className="apply-agent-sub">
														
 
															+              {appInfo?.mode && <span className="apply-tag">{appInfo.mode}</span>}
														
 
															+              {appInfo?.appPermission && (
														
 
															+                <span className={`apply-tag apply-perm-${appInfo.appPermission}`}>
														
 
															+                  {PERMISSION_LABEL[appInfo.appPermission] || appInfo.appPermission}
														
 
															+                </span>
														
 
															+              )}
														
 
															+              {appInfo?.version && <span className="apply-tag apply-tag-version">v{appInfo.version}</span>}
														
 
															+              {appInfo?.isListed && <span className="apply-tag apply-tag-listed">已上架</span>}
														
 
															+            </div>
														
 
															+            {(appInfo?.description || passedAgent.desc) && (
														
 
															+              <div className="apply-agent-desc">{appInfo?.description || passedAgent.desc}</div>
														
 
															+            )}
														
 
															+          </div>
														
 
															+        </div>
														
 
															+
														
 
															+        {/* 版本说明 */}
														
 
															+        {appInfo?.versionDescription && (
														
 
															+          <div className="apply-version-block">
														
 
															+            <div className="apply-version-head">
														
 
															+              <span className="apply-version-label">版本说明</span>
														
 
															+              <span className="apply-version-time">
														
 
															+                上架时间：{formatDateTime(appInfo.listedAt || appInfo.updatedAt)}
														
 
															+              </span>
														
 
															+            </div>
														
 
															+            <div className="apply-version-desc">{appInfo.versionDescription}</div>
														
 
															+          </div>
														
 
															+        )}
														
 
															+
														
 
															+        {/* 介绍（长描述） */}
														
 
															+        {appInfo?.introduction && (
														
 
															+          <div className="apply-intro-block">
														
 
															+            <div className="apply-intro-label">智能体介绍</div>
														
 
															+            <div className="apply-intro-desc">{appInfo.introduction}</div>
														
 
															+          </div>
														
 
															+        )}
														
 
															+
														
 
															+        {error && <div className="apply-error-tip">⚠ {error}（已使用基础信息）</div>}
														
 
															+      </div>
														
 
															+
														
 
															+      {/* 申请进度区 */}
														
 
															+      <div className={`apply-card apply-status-card apply-tone-${meta.tone}`}>
														
 
															+        <div className="apply-status-row">
														
 
															+          <div className="apply-status-icon">
														
 
															+            {meta.tone === 'success' && '✅'}
														
 
															+            {meta.tone === 'pending' && '⏳'}
														
 
															+            {meta.tone === 'rejected' && '❌'}
														
 
															+            {meta.tone === 'neutral' && 'ℹ️'}
														
 
															+          </div>
														
 
															+          <div className="apply-status-meta">
														
 
															+            <div className="apply-status-label">当前状态：{meta.label}</div>
														
 
															+            <div className="apply-status-help">{meta.help}</div>
														
 
															+          </div>
														
 
															+          {showPending && <div className="apply-status-polling">轮询中…</div>}
														
 
															+        </div>
														
 
															+
														
 
															+        {/* 申请详情（pending / approved / rejected 都展示） */}
														
 
															+        {accessRequest && (showPending || showApproved || showRejected) && (
														
 
															+          <div className="apply-request-block">
														
 
															+            <div className="apply-request-row">
														
 
															+              <span className="apply-request-key">申请编号</span>
														
 
															+              <span className="apply-request-val apply-mono">{accessRequest.id}</span>
														
 
															+            </div>
														
 
															+            <div className="apply-request-row">
														
 
															+              <span className="apply-request-key">提交时间</span>
														
 
															+              <span className="apply-request-val">{formatDateTime(accessRequest.created_at)}</span>
														
 
															+            </div>
														
 
															+            {accessRequest.reason && (
														
 
															+              <div className="apply-request-row">
														
 
															+                <span className="apply-request-key">申请理由</span>
														
 
															+                <span className="apply-request-val">{accessRequest.reason}</span>
														
 
															+              </div>
														
 
															+            )}
														
 
															+            {accessRequest.review_message && (
														
 
															+              <div className="apply-request-row">
														
 
															+                <span className="apply-request-key">审核备注</span>
														
 
															+                <span className="apply-request-val">{accessRequest.review_message}</span>
														
 
															+              </div>
														
 
															+            )}
														
 
															+            {accessRequest.reviewer_name && (
														
 
															+              <div className="apply-request-row">
														
 
															+                <span className="apply-request-key">审核人</span>
														
 
															+                <span className="apply-request-val">{accessRequest.reviewer_name} · {formatDateTime(accessRequest.reviewed_at)}</span>
														
 
															+              </div>
														
 
															+            )}
														
 
															+          </div>
														
 
															+        )}
														
 
															+
														
 
															+        {/* 表单 / 操作按钮 */}
														
 
															+        <div className="apply-form">
														
 
															+          {showApplyForm && (
														
 
															+            <label className="apply-label">
														
 
															+              <span>使用场景 / 申请理由 <em>*</em></span>
														
 
															+              <textarea
														
 
															+                className="apply-textarea"
														
 
															+                rows={5}
														
 
															+                value={reason}
														
 
															+                onChange={e => { setReason(e.target.value); setSubmitError('') }}
														
 
															+                placeholder="请描述你计划如何使用该智能体，以便审批人快速评估..."
														
 
															+              />
														
 
															+              {submitError && <div className="apply-field-error">{submitError}</div>}
														
 
															+            </label>
														
 
															+          )}
														
 
															+
														
 
															+          <div className="apply-actions">
														
 
															+            {showApplyForm && (
														
 
															+              <>
														
 
															+                <button className="apply-secondary-btn" onClick={() => navigate(-1)}>取消</button>
														
 
															+                <button
														
 
															+                  className="apply-primary-btn"
														
 
															+                  onClick={handleSubmit}
														
 
															+                  disabled={!reason.trim() || submitting}
														
 
															+                >
														
 
															+                  {submitting ? '提交中...' : '提交申请'}
														
 
															+                </button>
														
 
															+              </>
														
 
															+            )}
														
 
															+            {showPending && (
														
 
															+              <button className="apply-secondary-btn" onClick={() => navigate(-1)}>返回广场</button>
														
 
															+            )}
														
 
															+            {showApproved && (
														
 
															+              <>
														
 
															+                <button className="apply-secondary-btn" onClick={() => navigate('/plaza')}>返回广场</button>
														
 
															+                <button className="apply-primary-btn" onClick={goExecute}>前往执行页</button>
														
 
															+              </>
														
 
															+            )}
														
 
															+            {showRejected && (
														
 
															+              <>
														
 
															+                <button className="apply-secondary-btn" onClick={() => navigate('/plaza')}>返回广场</button>
														
 
															+                <button className="apply-primary-btn" onClick={handleReapply}>重新申请</button>
														
 
															+              </>
														
 
															+            )}
														
 
															+            {showNoPerm && (
														
 
															+              <button className="apply-secondary-btn" onClick={() => navigate('/plaza')}>返回广场</button>
														
 
															+            )}
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default AgentApply
														
--- a/src/pages/AgentExecute.jsx
+++ b/src/pages/AgentExecute.jsx
@@ -0,0 +1,1781 @@
 
															+import { useState, useEffect, useRef, useCallback } from 'react'
														
 
															+import { useLocation, useParams } from 'react-router-dom'
														
 
															+import { Modal } from '@arco-design/web-react'
														
 
															+import { getDifyAppParameters, getAppFullInfo, runWorkflow, runChatMessage, consumeSSE, uploadFile } from '@/service/dify'
														
 
															+import { getBusinessConversations, getBusinessConversationDetail, downloadMessageContent } from '@/service/business'
														
 
															+import { API_BASE_URL } from '@/config'
														
 
															+import agentEmptyStates from '@/config/agentEmptyStates.json'
														
 
															+import emojiMartData from '@emoji-mart/data'
														
 
															+import { marked } from 'marked'
														
 
															+import wordIcon from '@/assets/icons/word.svg'
														
 
															+import pdfIcon from '@/assets/icons/pdf.svg'
														
 
															+
														
 
															+// 通过 emoji-mart data 把 emoji 名称转换为 native Unicode 字符
														
 
															+const emojiNameToNative = (name) => {
														
 
															+  if (!name) return '🤖'
														
 
															+  const emoji = emojiMartData.emojis?.[name]
														
 
															+  return emoji?.skins?.[0]?.native || '🤖'
														
 
															+}
														
 
															+const isNativeEmoji = (str) => /[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(str || '')
														
 
															+const resolveIcon = (icon) => {
														
 
															+  if (!icon) return '🤖'
														
 
															+  if (isNativeEmoji(icon)) return icon
														
 
															+  return emojiNameToNative(icon)
														
 
															+}
														
 
															+
														
 
															+const buildIconUrl = (icon) => {
														
 
															+  if (!icon) return ''
														
 
															+  if (/^https?:\/\//i.test(icon)) return icon
														
 
															+  if (icon.startsWith('/')) return `${API_BASE_URL}${icon}`
														
 
															+  return icon
														
 
															+}
														
 
															+
														
 
															+marked.setOptions({
														
 
															+  gfm: true,
														
 
															+  breaks: true,
														
 
															+})
														
 
															+
														
 
															+const sanitizeHtml = (html) => {
														
 
															+  if (typeof window === 'undefined') return html
														
 
															+  const template = document.createElement('template')
														
 
															+  template.innerHTML = html
														
 
															+  template.content.querySelectorAll('script, iframe, object, embed').forEach(node => node.remove())
														
 
															+  template.content.querySelectorAll('*').forEach(node => {
														
 
															+    Array.from(node.attributes).forEach(attr => {
														
 
															+      const name = attr.name.toLowerCase()
														
 
															+      const value = attr.value || ''
														
 
															+      if (name.startsWith('on')) node.removeAttribute(attr.name)
														
 
															+      if ((name === 'href' || name === 'src') && /^\s*javascript:/i.test(value)) node.removeAttribute(attr.name)
														
 
															+    })
														
 
															+    if (node.tagName.toLowerCase() === 'a' && node.getAttribute('href')) {
														
 
															+      node.setAttribute('target', '_blank')
														
 
															+      node.setAttribute('rel', 'noopener noreferrer')
														
 
															+    }
														
 
															+  })
														
 
															+  return template.innerHTML
														
 
															+}
														
 
															+
														
 
															+const renderMarkdown = (text) => {
														
 
															+  if (!text) return ''
														
 
															+  try {
														
 
															+    return sanitizeHtml(marked.parse(text))
														
 
															+  } catch (_) {
														
 
															+    return String(text).replace(/[<>&]/g, c => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;' }[c]))
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+const STREAM_WAITING_TEXT = '内容生成中'
														
 
															+const AUTO_SCROLL_THRESHOLD = 24
														
 
															+
														
 
															+const isScrollAtBottom = (node) => {
														
 
															+  if (!node) return true
														
 
															+  return node.scrollHeight - node.scrollTop - node.clientHeight <= AUTO_SCROLL_THRESHOLD
														
 
															+}
														
 
															+
														
 
															+const scrollToBottom = (node) => {
														
 
															+  if (!node) return
														
 
															+  node.scrollTop = node.scrollHeight
														
 
															+}
														
 
															+
														
 
															+const formatDownloadTimestamp = () => {
														
 
															+  const d = new Date()
														
 
															+  const pad = (n) => String(n).padStart(2, '0')
														
 
															+  return `${d.getFullYear()}${pad(d.getMonth() + 1)}${pad(d.getDate())}${pad(d.getHours())}${pad(d.getMinutes())}${pad(d.getSeconds())}`
														
 
															+}
														
 
															+
														
 
															+const sanitizeDownloadName = (name) => {
														
 
															+  return String(name || '智能体').replace(/[\\/:*?"<>|]/g, '_').trim() || '智能体'
														
 
															+}
														
 
															+
														
 
															+// 数字格式化（保留以备后续接口扩展时使用）
														
 
															+// const formatNumber = (num) => {
														
 
															+//   if (num === null || num === undefined) return '0'
														
 
															+//   return Number(num).toLocaleString('en-US')
														
 
															+// }
														
 
															+
														
 
															+// 解析时间戳（秒）→ HH:mm:ss
														
 
															+const formatTime = (ts) => {
														
 
															+  if (!ts) return ''
														
 
															+  const d = new Date(typeof ts === 'number' && ts < 1e12 ? ts * 1000 : ts)
														
 
															+  if (Number.isNaN(d.getTime())) return ''
														
 
															+  const pad = (n) => String(n).padStart(2, '0')
														
 
															+  return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`
														
 
															+}
														
 
															+
														
 
															+// 友好模式名
														
 
															+const MODE_LABEL = {
														
 
															+  workflow: '工作流',
														
 
															+  chat: '基础对话',
														
 
															+  'advanced-chat': '对话流',
														
 
															+  'agent-chat': 'Agent 对话',
														
 
															+  agentic: '智能体编排',
														
 
															+  completion: '文本生成'
														
 
															+}
														
 
															+
														
 
															+const normalizeAgentName = (name) => String(name || '').toLowerCase().replace(/[\s_-]/g, '')
														
 
															+
														
 
															+const getAgentEmptyState = (agent) => {
														
 
															+  const currentName = normalizeAgentName(agent?.name || agent?.title)
														
 
															+  const matched = agentEmptyStates.agents.find(item => {
														
 
															+    const names = [item.name, ...(item.aliases || [])]
														
 
															+    return names.some(name => {
														
 
															+      const normalized = normalizeAgentName(name)
														
 
															+      return normalized && (currentName.includes(normalized) || normalized.includes(currentName))
														
 
															+    })
														
 
															+  })
														
 
															+  return matched || agentEmptyStates.default
														
 
															+}
														
 
															+
														
 
															+function AgentExecute() {
														
 
															+  const { appId } = useParams()
														
 
															+  const location = useLocation()
														
 
															+  const passedAgent = location.state?.agent || { id: appId, name: '智能体' }
														
 
															+  const apiKey = location.state?.apiKey || ''
														
 
															+
														
 
															+  // ===== 通用状态 =====
														
 
															+  const [agent, setAgent] = useState(passedAgent)
														
 
															+  const [loading, setLoading] = useState(true)
														
 
															+  const [error, setError] = useState('')
														
 
															+  const [mode, setMode] = useState(passedAgent.mode || '')
														
 
															+
														
 
															+  // ===== workflow 模式专属 =====
														
 
															+  const [userInputForm, setUserInputForm] = useState([])  // user_input_form 数组
														
 
															+  const [formValues, setFormValues] = useState({})         // {variable: value}
														
 
															+  const [paramsLoading, setParamsLoading] = useState(false)
														
 
															+  const [paramsError, setParamsError] = useState('')
														
 
															+  const [running, setRunning] = useState(false)
														
 
															+  const [runError, setRunError] = useState('')
														
 
															+  const [steps, setSteps] = useState([])                   // 时间线条目
														
 
															+  const [runSummary, setRunSummary] = useState(null)       // workflow_finished 数据
														
 
															+  const timelineRef = useRef(null)                          // 自动滚动到底部
														
 
															+  const timelineAutoScrollRef = useRef(true)
														
 
															+  const runAbortRef = useRef(null)
														
 
															+
														
 
															+  // ===== 聊天模式专属（必须放在 useCallback 之前,避免 TDZ 报错） =====
														
 
															+  const [chatRunning, setChatRunning] = useState(false)
														
 
															+  const [chatConversationId, setChatConversationId] = useState('')
														
 
															+  const [chatStreamId, setChatStreamId] = useState(null)   // 当前正在流式输出的 assistant 消息 id
														
 
															+  const [chatRunError, setChatRunError] = useState('')
														
 
															+  const [showChatParamsModal, setShowChatParamsModal] = useState(false)
														
 
															+  const chatAbortRef = useRef(null)
														
 
															+  // 用 ref 镜像 conversation_id,避免 useCallback 因依赖该 state 而频繁重建
														
 
															+  const chatConversationIdRef = useRef('')
														
 
															+  const chatStreamIdRef = useRef(null)
														
 
															+  const activeChatSnapshotRef = useRef(null)
														
 
															+  const viewingHistoryRef = useRef(false)
														
 
															+  const setChatStreamIdSafe = (val) => {
														
 
															+    chatStreamIdRef.current = val
														
 
															+    setChatStreamId(val)
														
 
															+  }
														
 
															+  const [hasActiveChatSnapshot, setHasActiveChatSnapshot] = useState(false)
														
 
															+  const [historyOpen, setHistoryOpen] = useState(false)
														
 
															+  const [historyList, setHistoryList] = useState([])
														
 
															+  const [historyLoading, setHistoryLoading] = useState(false)
														
 
															+  const [historyError, setHistoryError] = useState('')
														
 
															+  const [resumingConv, setResumingConv] = useState(null)
														
 
															+  const [openDownloadId, setOpenDownloadId] = useState(null)
														
 
															+  const messagesRef = useRef(null)
														
 
															+  const messagesAutoScrollRef = useRef(true)
														
 
															+  const emptyState = getAgentEmptyState(agent)
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    runAbortRef.current?.abort()
														
 
															+    chatAbortRef.current?.abort()
														
 
															+    setAgent(passedAgent)
														
 
															+    setMode(passedAgent.mode || '')
														
 
															+    setUserInputForm([])
														
 
															+    setFormValues({})
														
 
															+    setParamsError('')
														
 
															+    setRunError('')
														
 
															+    setSteps([])
														
 
															+    setRunSummary(null)
														
 
															+    setMessages([])
														
 
															+    setInput('')
														
 
															+    setChatRunError('')
														
 
															+    setChatConversationId('')
														
 
															+    chatConversationIdRef.current = ''
														
 
															+    setChatStreamIdSafe(null)
														
 
															+    activeChatSnapshotRef.current = null
														
 
															+    viewingHistoryRef.current = false
														
 
															+    setHasActiveChatSnapshot(false)
														
 
															+    setHistoryOpen(false)
														
 
															+    setHistoryList([])
														
 
															+    setHistoryError('')
														
 
															+    setOpenDownloadId(null)
														
 
															+  }, [appId])
														
 
															+
														
 
															+  // ===== 加载详情 + workflow 参数（走 Dify Service API）=====
														
 
															+  useEffect(() => {
														
 
															+    if (!appId) return
														
 
															+    let cancelled = false
														
 
															+    const controller = new AbortController()
														
 
															+    const fetchAll = async () => {
														
 
															+      setLoading(true)
														
 
															+      setError('')
														
 
															+
														
 
															+      // 没有 apiKey 就无法走 Service API，直接报错
														
 
															+      if (!apiKey) {
														
 
															+        setError('缺少 API Key，请从广场重新进入该应用（确保有访问权限）')
														
 
															+        setLoading(false)
														
 
															+        return
														
 
															+      }
														
 
															+
														
 
															+      try {
														
 
															+        // 用 Bearer apiKey 调 /v1/info + /v1/site，**不再调 /console/api/apps/<id>**
														
 
															+        const raw = await getAppFullInfo(apiKey, { signal: controller.signal })
														
 
															+        if (cancelled) return
														
 
															+        const m = raw.mode || passedAgent.mode || ''
														
 
															+
														
 
															+        // 处理 icon：
														
 
															+        //   icon_type === 'image' 用 icon_url；否则用 emoji（resolveIcon 兼容 native + mart name）
														
 
															+        let iconValue
														
 
															+        if (raw.icon_type === 'image' && raw.icon_url) {
														
 
															+          iconValue = { type: 'image', url: buildIconUrl(raw.icon_url) }
														
 
															+        } else {
														
 
															+          iconValue = resolveIcon(raw.icon)
														
 
															+        }
														
 
															+
														
 
															+        setAgent({
														
 
															+          id: appId,
														
 
															+          name: raw.name || passedAgent.name || '智能体',
														
 
															+          desc: raw.description || '',
														
 
															+          icon: iconValue,
														
 
															+          iconType: raw.icon_type || 'emoji',
														
 
															+          iconBackground: raw.icon_background || '#FFEAD5',
														
 
															+          mode: m,
														
 
															+          tags: raw.tags || [],
														
 
															+          author: raw.author_name || '',
														
 
															+          title: raw.title || raw.name || '',
														
 
															+          // 站点级配置（供后续使用）
														
 
															+          showWorkflowSteps: raw.show_workflow_steps,
														
 
															+          chatColorTheme: raw.chat_color_theme,
														
 
															+          copyright: raw.copyright,
														
 
															+          customDisclaimer: raw.custom_disclaimer,
														
 
															+          defaultLanguage: raw.default_language,
														
 
															+        })
														
 
															+        setMode(m)
														
 
															+
														
 
															+        // workflow / chat 模式：拉表单参数
														
 
															+        //   workflow 走 /workflows/run，参数在 inputs
														
 
															+        //   advanced-chat / chat / agent-chat / agentic 走 /chat-messages，参数在 inputs
														
 
															+        const isWorkflowMode = m === 'workflow'
														
 
															+        const isChatMode = m === 'advanced-chat' || m === 'chat' || m === 'agent-chat' || m === 'agentic'
														
 
															+        if ((isWorkflowMode || isChatMode) && apiKey) {
														
 
															+          setParamsLoading(true)
														
 
															+          setParamsError('')
														
 
															+          try {
														
 
															+            const p = await getDifyAppParameters(apiKey, { signal: controller.signal })
														
 
															+            if (cancelled) return
														
 
															+            const form = p?.user_input_form || p?.data?.user_input_form || []
														
 
															+            setUserInputForm(form)
														
 
															+            // 初始化默认值
														
 
															+            const init = {}
														
 
															+            for (const item of form) {
														
 
															+              const type = Object.keys(item)[0]
														
 
															+              const cfg = item[type]
														
 
															+              if (cfg?.variable) init[cfg.variable] = cfg.default ?? ''
														
 
															+            }
														
 
															+            setFormValues(init)
														
 
															+          } catch (e) {
														
 
															+            if (!cancelled && e?.name !== 'AbortError') setParamsError(e?.message || '加载表单参数失败')
														
 
															+          } finally {
														
 
															+            if (!cancelled) setParamsLoading(false)
														
 
															+          }
														
 
															+        }
														
 
															+      } catch (e) {
														
 
															+        if (!cancelled && e?.name !== 'AbortError') setError(e?.message || '获取智能体详情失败')
														
 
															+      } finally {
														
 
															+        if (!cancelled) setLoading(false)
														
 
															+      }
														
 
															+    }
														
 
															+    fetchAll()
														
 
															+    return () => {
														
 
															+      cancelled = true
														
 
															+      controller.abort()
														
 
															+    }
														
 
															+  }, [appId, apiKey])
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    return () => {
														
 
															+      runAbortRef.current?.abort()
														
 
															+      chatAbortRef.current?.abort()
														
 
															+    }
														
 
															+  }, [])
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    if (timelineAutoScrollRef.current) scrollToBottom(timelineRef.current)
														
 
															+  }, [steps, running])
														
 
															+
														
 
															+  const handleTimelineScroll = useCallback((e) => {
														
 
															+    timelineAutoScrollRef.current = isScrollAtBottom(e.currentTarget)
														
 
															+  }, [])
														
 
															+
														
 
															+  const handleMessagesScroll = useCallback((e) => {
														
 
															+    messagesAutoScrollRef.current = isScrollAtBottom(e.currentTarget)
														
 
															+  }, [])
														
 
															+
														
 
															+  // ===== 渲染动态表单字段 =====
														
 
															+  // 文件大小格式化
														
 
															+  const formatFileSize = (bytes) => {
														
 
															+    if (!bytes && bytes !== 0) return ''
														
 
															+    if (bytes < 1024) return bytes + ' B'
														
 
															+    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB'
														
 
															+    if (bytes < 1024 * 1024 * 1024) return (bytes / 1024 / 1024).toFixed(1) + ' MB'
														
 
															+    return (bytes / 1024 / 1024 / 1024).toFixed(2) + ' GB'
														
 
															+  }
														
 
															+
														
 
															+  // 文件 accept 属性构造
														
 
															+  //   - 优先用 allowed_file_extensions（真正的文件后缀）
														
 
															+  //   - 没有 extensions 但有 allowed_file_types（文件类型分类 image/document/...），按类型映射到 MIME 通配
														
 
															+  //   - 都没有则不限制
														
 
															+  const FILE_TYPE_MIME_MAP = {
														
 
															+    image: 'image/*',
														
 
															+    audio: 'audio/*',
														
 
															+    video: 'video/*',
														
 
															+    document: 'application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/plain,text/csv',
														
 
															+    custom: '*/*',
														
 
															+  }
														
 
															+  const buildFileAccept = (cfg) => {
														
 
															+    if (cfg.allowed_file_extensions?.length > 0) {
														
 
															+      return cfg.allowed_file_extensions
														
 
															+        .map(ext => ext.startsWith('.') ? ext : '.' + ext)
														
 
															+        .join(',')
														
 
															+    }
														
 
															+    if (cfg.allowed_file_types?.length > 0) {
														
 
															+      return cfg.allowed_file_types
														
 
															+        .map(t => FILE_TYPE_MIME_MAP[t] || '*/*')
														
 
															+        .join(',')
														
 
															+    }
														
 
															+    return undefined
														
 
															+  }
														
 
															+
														
 
															+  const isBrowserFile = (value) => {
														
 
															+    return !!value
														
 
															+      && typeof value === 'object'
														
 
															+      && typeof value.name === 'string'
														
 
															+      && typeof value.size === 'number'
														
 
															+      && typeof value.arrayBuffer === 'function'
														
 
															+  }
														
 
															+
														
 
															+  const extractFilesFromValue = (value) => {
														
 
															+    if (isBrowserFile(value)) return [value]
														
 
															+    if (Array.isArray(value)) return value.flatMap(extractFilesFromValue)
														
 
															+    if (value && typeof value === 'object') {
														
 
															+      if (typeof FileList !== 'undefined' && value instanceof FileList) return Array.from(value)
														
 
															+      if (isBrowserFile(value.file)) return [value.file]
														
 
															+      if (isBrowserFile(value.originFileObj)) return [value.originFileObj]
														
 
															+      if (isBrowserFile(value.raw)) return [value.raw]
														
 
															+    }
														
 
															+    return []
														
 
															+  }
														
 
															+
														
 
															+  const isRequiredValueEmpty = (value, type) => {
														
 
															+    if (type === 'checkbox') return value !== true
														
 
															+    if (type === 'file' || type === 'file-list') return extractFilesFromValue(value).length === 0
														
 
															+    if (Array.isArray(value)) return value.length === 0
														
 
															+    if (value === 0) return false
														
 
															+    return value === '' || value === undefined || value === null || String(value).trim() === ''
														
 
															+  }
														
 
															+
														
 
															+  const getMissingRequiredFields = () => {
														
 
															+    return userInputForm
														
 
															+      .map((item, index) => {
														
 
															+        const type = Object.keys(item)[0]
														
 
															+        const cfg = item[type] || {}
														
 
															+        const varName = cfg.variable || `field_${index}`
														
 
															+        if (!cfg.required) return null
														
 
															+        const value = formValues[varName] ?? cfg.default ?? ''
														
 
															+        if (!isRequiredValueEmpty(value, type)) return null
														
 
															+        return cfg.label || varName
														
 
															+      })
														
 
															+      .filter(Boolean)
														
 
															+  }
														
 
															+
														
 
															+  const formatRequiredFieldsError = (fields) => {
														
 
															+    return `请先完善必填参数：${fields.join('、')}`
														
 
															+  }
														
 
															+
														
 
															+  const isPdfFile = (file) => {
														
 
															+    const name = file?.name || ''
														
 
															+    return file?.type === 'application/pdf' || name.toLowerCase().endsWith('.pdf')
														
 
															+  }
														
 
															+
														
 
															+  const getInputFileType = (file) => {
														
 
															+    if (file?.type?.startsWith('image/')) return 'image'
														
 
															+    if (file?.type?.startsWith('audio/')) return 'audio'
														
 
															+    if (file?.type?.startsWith('video/')) return 'video'
														
 
															+    return 'document'
														
 
															+  }
														
 
															+
														
 
															+  const formatUploadError = (file, error) => {
														
 
															+    const status = error?.status || error?.code
														
 
															+    const message = error?.message || 'Upload failed'
														
 
															+    return `${file?.name || 'file'}: ${status ? `[${status}] ` : ''}${message}`
														
 
															+  }
														
 
															+
														
 
															+  const buildInputsWithUploadedPdfs = async (inputs, signal) => {
														
 
															+    const nextInputs = { ...inputs }
														
 
															+    const errors = []
														
 
															+
														
 
															+    for (const [key, value] of Object.entries(inputs || {})) {
														
 
															+      const files = extractFilesFromValue(value)
														
 
															+      if (files.length === 0) continue
														
 
															+
														
 
															+      const uploadedFiles = []
														
 
															+      for (const file of files) {
														
 
															+        if (!isPdfFile(file)) {
														
 
															+          uploadedFiles.push(file)
														
 
															+          continue
														
 
															+        }
														
 
															+        try {
														
 
															+          const uploaded = await uploadFile(apiKey, file, undefined, { signal })
														
 
															+          uploadedFiles.push({
														
 
															+            type: getInputFileType(file),
														
 
															+            transfer_method: 'local_file',
														
 
															+            upload_file_id: uploaded.id,
														
 
															+          })
														
 
															+        } catch (error) {
														
 
															+          if (error?.code === 'REQUEST_ABORTED' || error?.name === 'AbortError') throw error
														
 
															+          errors.push(formatUploadError(file, error))
														
 
															+        }
														
 
															+      }
														
 
															+
														
 
															+      nextInputs[key] = Array.isArray(value) ? uploadedFiles : (uploadedFiles[0] || null)
														
 
															+    }
														
 
															+
														
 
															+    if (errors.length > 0) {
														
 
															+      const err = new Error(errors.join('\n'))
														
 
															+      err.uploadErrors = errors
														
 
															+      throw err
														
 
															+    }
														
 
															+
														
 
															+    return nextInputs
														
 
															+  }
														
 
															+
														
 
															+  // 统一解析 select 的 options（兼容 ["a","b"] 和 [{value,label}] 两种格式）
														
 
															+  const normalizeSelectOptions = (options) => {
														
 
															+    if (!Array.isArray(options)) return []
														
 
															+    return options.map((o, i) => {
														
 
															+      if (o == null) return { value: '', label: '' }
														
 
															+      if (typeof o === 'string') return { value: o, label: o }
														
 
															+      if (typeof o === 'object') {
														
 
															+        return { value: o.value ?? o.label ?? '', label: o.label ?? o.value ?? '' }
														
 
															+      }
														
 
															+      return { value: String(o), label: String(o) }
														
 
															+    })
														
 
															+  }
														
 
															+
														
 
															+  // 表单字段类型 → 中文徽章文案
														
 
															+  const TYPE_LABEL = {
														
 
															+    'text-input': '文本',
														
 
															+    paragraph: '段落',
														
 
															+    select: '选择',
														
 
															+    number: '数字',
														
 
															+    file: '文件',
														
 
															+    'file-list': '文件',
														
 
															+    checkbox: '布尔',
														
 
															+  }
														
 
															+
														
 
															+  // 字段右侧的徽章组：类型 + 是否必填
														
 
															+  const FieldMeta = ({ type, required }) => (
														
 
															+    <span className="wf-form-meta">
														
 
															+      <span className="wf-form-type-badge">{TYPE_LABEL[type] || type}</span>
														
 
															+      {required && <span className="wf-form-required-badge">必填</span>}
														
 
															+    </span>
														
 
															+  )
														
 
															+
														
 
															+  // 文件上传子组件
														
 
															+  const FileField = ({ cfg, multiple, value, onChange, varName }) => {
														
 
															+    const fileList = Array.isArray(value) ? value : (value ? [value] : [])
														
 
															+    const fileInputRef = useRef(null)
														
 
															+
														
 
															+    const handleFileChange = (e) => {
														
 
															+      const files = Array.from(e.target.files || [])
														
 
															+      e.target.value = '' // 允许选择同名文件
														
 
															+      if (multiple) {
														
 
															+        onChange([...fileList, ...files])
														
 
															+      } else {
														
 
															+        onChange(files[0] || null)
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    const removeFile = (idx) => {
														
 
															+      if (multiple) {
														
 
															+        onChange(fileList.filter((_, i) => i !== idx))
														
 
															+      } else {
														
 
															+        onChange(null)
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    const accept = buildFileAccept(cfg)
														
 
															+
														
 
															+    return (
														
 
															+      <div className="wf-form-field">
														
 
															+        <span className="wf-form-label">
														
 
															+          {cfg.label || varName}
														
 
															+          {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+          <span className="wf-form-tip">
														
 
															+            {multiple ? '（可上传多个文件）' : '（单文件）'}
														
 
															+            {cfg.allowed_file_extensions?.length > 0 && ` 支持: ${cfg.allowed_file_extensions.join(', ')}`}
														
 
															+            {!cfg.allowed_file_extensions?.length && cfg.allowed_file_types?.length > 0 && ` 支持: ${cfg.allowed_file_types.join(', ')}`}
														
 
															+          </span>
														
 
															+          <FieldMeta type={multiple ? 'file-list' : 'file'} required={cfg.required} />
														
 
															+        </span>
														
 
															+        <input
														
 
															+          ref={fileInputRef}
														
 
															+          type="file"
														
 
															+          className="wf-form-file-hidden"
														
 
															+          multiple={multiple}
														
 
															+          accept={accept}
														
 
															+          onChange={handleFileChange}
														
 
															+        />
														
 
															+        <button
														
 
															+          type="button"
														
 
															+          className="wf-form-file-trigger"
														
 
															+          onClick={() => fileInputRef.current?.click()}
														
 
															+        >
														
 
															+          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
														
 
															+            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
														
 
															+            <polyline points="17 8 12 3 7 8" />
														
 
															+            <line x1="12" y1="3" x2="12" y2="15" />
														
 
															+          </svg>
														
 
															+          <span>点击选择文件</span>
														
 
															+        </button>
														
 
															+        {fileList.length > 0 && (
														
 
															+          <ul className="wf-form-file-list">
														
 
															+            {fileList.map((f, i) => (
														
 
															+              <li key={i} className="wf-form-file-item">
														
 
															+                <span className="wf-form-file-icon">
														
 
															+                  {f.type?.startsWith('image/') ? '🖼️' : f.type?.includes('pdf') ? '📄' : '📎'}
														
 
															+                </span>
														
 
															+                <span className="wf-form-file-name">{f.name}</span>
														
 
															+                <span className="wf-form-file-size">{formatFileSize(f.size)}</span>
														
 
															+                <button
														
 
															+                  type="button"
														
 
															+                  className="wf-form-file-remove"
														
 
															+                  onClick={() => removeFile(i)}
														
 
															+                  title="移除"
														
 
															+                >×</button>
														
 
															+              </li>
														
 
															+            ))}
														
 
															+          </ul>
														
 
															+        )}
														
 
															+      </div>
														
 
															+    )
														
 
															+  }
														
 
															+
														
 
															+  const renderFormField = (item, key) => {
														
 
															+    const type = Object.keys(item)[0]
														
 
															+    const cfg = item[type] || {}
														
 
															+    const varName = cfg.variable || `field_${key}`
														
 
															+    const value = formValues[varName] ?? cfg.default ?? ''
														
 
															+    const setVal = (v) => setFormValues(prev => ({ ...prev, [varName]: v }))
														
 
															+
														
 
															+    if (type === 'text-input') {
														
 
															+      return (
														
 
															+        <label key={key} className="wf-form-field">
														
 
															+          <span className="wf-form-label">
														
 
															+            {cfg.label || varName}
														
 
															+            {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+            {cfg.max_length && <span className="wf-form-tip">（最多 {cfg.max_length} 字）</span>}
														
 
															+            <FieldMeta type={type} required={cfg.required} />
														
 
															+          </span>
														
 
															+          <input
														
 
															+            type="text"
														
 
															+            className="wf-form-input"
														
 
															+            value={value}
														
 
															+            maxLength={cfg.max_length}
														
 
															+            placeholder={cfg.placeholder || `请输入${cfg.label || varName}`}
														
 
															+            onChange={e => setVal(e.target.value)}
														
 
															+          />
														
 
															+        </label>
														
 
															+      )
														
 
															+    }
														
 
															+    if (type === 'paragraph') {
														
 
															+      return (
														
 
															+        <label key={key} className="wf-form-field">
														
 
															+          <span className="wf-form-label">
														
 
															+            {cfg.label || varName}
														
 
															+            {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+            {cfg.max_length && <span className="wf-form-tip">（最多 {cfg.max_length} 字）</span>}
														
 
															+            <FieldMeta type={type} required={cfg.required} />
														
 
															+          </span>
														
 
															+          <textarea
														
 
															+            className="wf-form-textarea"
														
 
															+            rows={5}
														
 
															+            value={value}
														
 
															+            maxLength={cfg.max_length}
														
 
															+            placeholder={cfg.placeholder || `请输入${cfg.label || varName}`}
														
 
															+            onChange={e => setVal(e.target.value)}
														
 
															+          />
														
 
															+          {cfg.max_length && (
														
 
															+            <div className="wf-form-textarea-counter">
														
 
															+              {String(value || '').length} / {cfg.max_length}
														
 
															+            </div>
														
 
															+          )}
														
 
															+        </label>
														
 
															+      )
														
 
															+    }
														
 
															+    if (type === 'select') {
														
 
															+      return (
														
 
															+        <label key={key} className="wf-form-field">
														
 
															+          <span className="wf-form-label">
														
 
															+            {cfg.label || varName}
														
 
															+            {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+            <FieldMeta type={type} required={cfg.required} />
														
 
															+          </span>
														
 
															+          <div className="wf-form-select-wrapper">
														
 
															+            <select
														
 
															+              className="wf-form-select"
														
 
															+              value={value}
														
 
															+              onChange={e => setVal(e.target.value)}
														
 
															+            >
														
 
															+              <option value="" disabled>请选择</option>
														
 
															+              {normalizeSelectOptions(cfg.options).map((o, i) => (
														
 
															+                <option key={i} value={o.value}>{o.label}</option>
														
 
															+              ))}
														
 
															+            </select>
														
 
															+            <svg className="wf-form-select-arrow" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
														
 
															+              <polyline points="6 9 12 15 18 9" />
														
 
															+            </svg>
														
 
															+          </div>
														
 
															+        </label>
														
 
															+      )
														
 
															+    }
														
 
															+    if (type === 'number') {
														
 
															+      return (
														
 
															+        <label key={key} className="wf-form-field">
														
 
															+          <span className="wf-form-label">
														
 
															+            {cfg.label || varName}
														
 
															+            {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+            <FieldMeta type={type} required={cfg.required} />
														
 
															+          </span>
														
 
															+          <input
														
 
															+            type="number"
														
 
															+            className="wf-form-input"
														
 
															+            value={value}
														
 
															+            min={cfg.min}
														
 
															+            max={cfg.max}
														
 
															+            step={cfg.step}
														
 
															+            placeholder={cfg.placeholder || ''}
														
 
															+            onChange={e => setVal(e.target.value)}
														
 
															+          />
														
 
															+        </label>
														
 
															+      )
														
 
															+    }
														
 
															+    if (type === 'file' || type === 'file-list') {
														
 
															+      return (
														
 
															+        <FileField
														
 
															+          key={key}
														
 
															+          cfg={cfg}
														
 
															+          varName={varName}
														
 
															+          multiple={type === 'file-list'}
														
 
															+          value={value}
														
 
															+          onChange={setVal}
														
 
															+        />
														
 
															+      )
														
 
															+    }
														
 
															+    if (type === 'checkbox') {
														
 
															+      return (
														
 
															+        <label key={key} className="wf-form-checkbox-row">
														
 
															+          <input
														
 
															+            type="checkbox"
														
 
															+            className="wf-form-checkbox"
														
 
															+            checked={!!value}
														
 
															+            onChange={e => setVal(e.target.checked)}
														
 
															+          />
														
 
															+          <span className="wf-form-checkbox-label">
														
 
															+            {cfg.label || varName}
														
 
															+            {cfg.required && <em className="wf-form-required">*</em>}
														
 
															+          </span>
														
 
															+          <FieldMeta type={type} required={cfg.required} />
														
 
															+        </label>
														
 
															+      )
														
 
															+    }
														
 
															+    // 未知类型，文本输入兜底
														
 
															+    return (
														
 
															+      <label key={key} className="wf-form-field">
														
 
															+        <span className="wf-form-label">{cfg.label || varName} <small style={{ color: '#94a3b8' }}>({type})</small><FieldMeta type={type} required={cfg.required} /></span>
														
 
															+        <input
														
 
															+          type="text"
														
 
															+          className="wf-form-input"
														
 
															+          value={value}
														
 
															+          onChange={e => setVal(e.target.value)}
														
 
															+        />
														
 
															+      </label>
														
 
															+    )
														
 
															+  }
														
 
															+
														
 
															+  // ===== 处理 SSE 事件 =====
														
 
															+  const handleSSEEvent = useCallback((evt) => {
														
 
															+    const { event, data } = evt
														
 
															+    const ts = Date.now()
														
 
															+
														
 
															+    if (event === 'workflow_started') {
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        {
														
 
															+          id: 'start-' + ts,
														
 
															+          type: 'workflow_started',
														
 
															+          title: '工作流启动',
														
 
															+          time: ts,
														
 
															+          inputs: data?.inputs,
														
 
															+          workflowId: data?.workflow_id,
														
 
															+        }
														
 
															+      ])
														
 
															+    } else if (event === 'node_started') {
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        {
														
 
															+          id: data?.id || `node-${ts}`,
														
 
															+          type: 'node_started',
														
 
															+          nodeId: data?.node_id,
														
 
															+          nodeType: data?.node_type,
														
 
															+          title: data?.title || data?.node_type,
														
 
															+          index: data?.index,
														
 
															+          time: ts,
														
 
															+          status: 'running',
														
 
															+        }
														
 
															+      ])
														
 
															+    } else if (event === 'text_chunk') {
														
 
															+      // 累积到独立的 final-text 条目
														
 
															+      setSteps(prev => {
														
 
															+        const idx = prev.findIndex(s => s.type === 'text_chunk')
														
 
															+        if (idx >= 0) {
														
 
															+          const next = [...prev]
														
 
															+          next[idx] = { ...next[idx], text: (next[idx].text || '') + (data?.text || '') }
														
 
															+          return next
														
 
															+        }
														
 
															+        return [
														
 
															+          ...prev,
														
 
															+          {
														
 
															+            id: 'final-text',
														
 
															+            type: 'text_chunk',
														
 
															+            title: '输出文本',
														
 
															+            time: ts,
														
 
															+            text: data?.text || '',
														
 
															+            status: 'running',
														
 
															+          }
														
 
															+        ]
														
 
															+      })
														
 
															+    } else if (event === 'node_finished') {
														
 
															+      setSteps(prev => prev.map(s =>
														
 
															+        s.id === data?.id
														
 
															+          ? { ...s, status: data?.status || 'succeeded', outputs: data?.outputs, elapsedTime: data?.elapsed_time, error: data?.error, finished: true }
														
 
															+          : s
														
 
															+      ))
														
 
															+    } else if (event === 'workflow_finished') {
														
 
															+      setRunSummary({
														
 
															+        status: data?.status,
														
 
															+        outputs: data?.outputs,
														
 
															+        totalSteps: data?.total_steps,
														
 
															+        elapsedTime: data?.elapsed_time,
														
 
															+        totalTokens: data?.total_tokens,
														
 
															+        createdAt: data?.created_at,
														
 
															+        finishedAt: data?.finished_at,
														
 
															+      })
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        {
														
 
															+          id: 'finish-' + ts,
														
 
															+          type: 'workflow_finished',
														
 
															+          title: '工作流完成',
														
 
															+          time: ts,
														
 
															+          status: data?.status,
														
 
															+          totalSteps: data?.total_steps,
														
 
															+          elapsedTime: data?.elapsed_time,
														
 
															+          totalTokens: data?.total_tokens,
														
 
															+        }
														
 
															+      ])
														
 
															+    } else if (event === 'workflow_paused') {
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        { id: 'paused-' + ts, type: 'workflow_paused', title: '工作流暂停', time: ts, data }
														
 
															+      ])
														
 
															+    } else if (event === 'human_input_required') {
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        {
														
 
															+          id: 'human-input-' + ts,
														
 
															+          type: 'human_input',
														
 
															+          title: '需要人工介入',
														
 
															+          time: ts,
														
 
															+          formId: data?.form_id,
														
 
															+          nodeTitle: data?.node_title,
														
 
															+          formContent: data?.form_content,
														
 
															+        }
														
 
															+      ])
														
 
															+    } else if (event === 'error') {
														
 
															+      setSteps(prev => [
														
 
															+        ...prev,
														
 
															+        {
														
 
															+          id: 'err-' + ts,
														
 
															+          type: 'error',
														
 
															+          title: '执行错误',
														
 
															+          time: ts,
														
 
															+          message: data?.message || evt?.message || '未知错误',
														
 
															+          data
														
 
															+        }
														
 
															+      ])
														
 
															+    }
														
 
															+    // 其它事件忽略
														
 
															+  }, [])
														
 
															+
														
 
															+  // ===== 处理 chat-messages SSE 事件 =====
														
 
															+  //   关键事件（来自文档）：
														
 
															+  //   - message            每个回答片段（按顺序拼接）→ 累积到当前 assistant 消息的 answer
														
 
															+  //   - message_end        回答完成 → 标记流式结束
														
 
															+  //   - error              错误 → 写入错误文本
														
 
															+  //   - workflow_started / node_*  advanced-chat 模式还会有节点事件，这里仅记录不影响 UI
														
 
															+  const handleChatSSEEvent = useCallback((evt) => {
														
 
															+    const event = evt?.event
														
 
															+    const data = evt?.data || {}
														
 
															+    const answer = evt?.answer ?? data?.answer ?? ''
														
 
															+    const evtConversationId = evt?.conversation_id ?? data?.conversation_id
														
 
															+    const evtMetadata = evt?.metadata ?? data?.metadata
														
 
															+    const evtMessageId = evt?.id ?? evt?.message_id ?? data?.message_id
														
 
															+    const evtErrorMessage = evt?.message ?? data?.message
														
 
															+    if (event === 'message') {
														
 
															+      const streamId = chatStreamIdRef.current
														
 
															+      if (streamId) {
														
 
															+        const updateMessages = prev => prev.map(m =>
														
 
															+          m.id === streamId
														
 
															+            ? { ...m, content: m.pending ? answer : (m.content || '') + answer, pending: false }
														
 
															+            : m
														
 
															+        )
														
 
															+        if (viewingHistoryRef.current && activeChatSnapshotRef.current) {
														
 
															+          activeChatSnapshotRef.current = {
														
 
															+            ...activeChatSnapshotRef.current,
														
 
															+            messages: updateMessages(activeChatSnapshotRef.current.messages || []),
														
 
															+          }
														
 
															+        } else {
														
 
															+          setMessages(updateMessages)
														
 
															+        }
														
 
															+      }
														
 
															+      if (evtConversationId && !chatConversationIdRef.current) {
														
 
															+        chatConversationIdRef.current = evtConversationId
														
 
															+        setChatConversationId(evtConversationId)
														
 
															+        if (activeChatSnapshotRef.current) {
														
 
															+          activeChatSnapshotRef.current = {
														
 
															+            ...activeChatSnapshotRef.current,
														
 
															+            conversationId: evtConversationId,
														
 
															+          }
														
 
															+        }
														
 
															+      }
														
 
															+    } else if (event === 'message_end') {
														
 
															+      const streamId = chatStreamIdRef.current
														
 
															+      if (streamId) {
														
 
															+        const updateMessages = prev => prev.map(m =>
														
 
															+          m.id === streamId
														
 
															+            ? { ...m, streaming: false, pending: false, metadata: evtMetadata, messageId: evtMessageId }
														
 
															+            : m
														
 
															+        )
														
 
															+        if (viewingHistoryRef.current && activeChatSnapshotRef.current) {
														
 
															+          activeChatSnapshotRef.current = {
														
 
															+            ...activeChatSnapshotRef.current,
														
 
															+            messages: updateMessages(activeChatSnapshotRef.current.messages || []),
														
 
															+            streamId: null,
														
 
															+          }
														
 
															+        } else {
														
 
															+          setMessages(updateMessages)
														
 
															+        }
														
 
															+      }
														
 
															+      setChatStreamIdSafe(null)
														
 
															+      if (evtConversationId) {
														
 
															+        chatConversationIdRef.current = evtConversationId
														
 
															+        setChatConversationId(evtConversationId)
														
 
															+        if (activeChatSnapshotRef.current) {
														
 
															+          activeChatSnapshotRef.current = {
														
 
															+            ...activeChatSnapshotRef.current,
														
 
															+            conversationId: evtConversationId,
														
 
															+          }
														
 
															+        }
														
 
															+      }
														
 
															+    } else if (event === 'error') {
														
 
															+      setChatStreamId(prevId => {
														
 
															+        if (prevId) {
														
 
															+          const updateMessages = prev => prev.map(m =>
														
 
															+            m.id === prevId
														
 
															+              ? { ...m, streaming: false, content: (m.content || '') + '\n\n⚠ ' + (data?.message || '未知错误') }
														
 
															+              : m
														
 
															+          )
														
 
															+          if (viewingHistoryRef.current && activeChatSnapshotRef.current) {
														
 
															+            activeChatSnapshotRef.current = {
														
 
															+              ...activeChatSnapshotRef.current,
														
 
															+              messages: updateMessages(activeChatSnapshotRef.current.messages || []),
														
 
															+              streamId: null,
														
 
															+              error: data?.message || '对话请求失败',
														
 
															+            }
														
 
															+          } else {
														
 
															+            setMessages(updateMessages)
														
 
															+          }
														
 
															+        }
														
 
															+        return null
														
 
															+      })
														
 
															+      setChatRunError(data?.message || '对话请求失败')
														
 
															+    } else if (event === 'message_replace') {
														
 
															+      const streamId = chatStreamIdRef.current
														
 
															+      if (streamId) {
														
 
															+        const updateMessages = prev => prev.map(m =>
														
 
															+          m.id === streamId
														
 
															+            ? { ...m, content: data?.answer || '' }
														
 
															+            : m
														
 
															+        )
														
 
															+        if (viewingHistoryRef.current && activeChatSnapshotRef.current) {
														
 
															+          activeChatSnapshotRef.current = {
														
 
															+            ...activeChatSnapshotRef.current,
														
 
															+            messages: updateMessages(activeChatSnapshotRef.current.messages || []),
														
 
															+          }
														
 
															+        } else {
														
 
															+          setMessages(updateMessages)
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+  }, [])
														
 
															+
														
 
															+  // ===== 执行工作流 =====
														
 
															+  const handleRunWorkflow = async () => {
														
 
															+    if (running) return
														
 
															+    const missingFields = getMissingRequiredFields()
														
 
															+    if (missingFields.length > 0) {
														
 
															+      setRunError(formatRequiredFieldsError(missingFields))
														
 
															+      return
														
 
															+    }
														
 
															+    runAbortRef.current?.abort()
														
 
															+    const controller = new AbortController()
														
 
															+    runAbortRef.current = controller
														
 
															+    setRunError('')
														
 
															+    setSteps([])
														
 
															+    setRunSummary(null)
														
 
															+    timelineAutoScrollRef.current = true
														
 
															+    setRunning(true)
														
 
															+    try {
														
 
															+      const workflowInputs = await buildInputsWithUploadedPdfs(formValues, controller.signal)
														
 
															+      const res = await runWorkflow(apiKey, workflowInputs, undefined, { signal: controller.signal })
														
 
															+      await consumeSSE(
														
 
															+        res,
														
 
															+        handleSSEEvent,
														
 
															+        () => { setRunning(false) },
														
 
															+        (err) => { setRunError(err?.message || 'SSE 流读取失败'); setRunning(false) },
														
 
															+        { signal: controller.signal }
														
 
															+      )
														
 
															+    } catch (e) {
														
 
															+      if (e?.name !== 'AbortError') {
														
 
															+        setRunError(e?.message || '执行失败')
														
 
															+      }
														
 
															+    } finally {
														
 
															+      if (runAbortRef.current === controller) {
														
 
															+        runAbortRef.current = null
														
 
															+      }
														
 
															+      setRunning(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // ===== 聊天模式（占位，保留旧 UI） =====
														
 
															+  const [input, setInput] = useState('')
														
 
															+  const [messages, setMessages] = useState([])
														
 
															+  const isChat = mode === 'chat' || mode === 'advanced-chat' || mode === 'agent-chat' || mode === 'agentic' || mode === 'completion' || !mode
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    if (messagesAutoScrollRef.current) scrollToBottom(messagesRef.current)
														
 
															+  }, [messages, chatRunning])
														
 
															+
														
 
															+  // ===== API Key 弹框 =====
														
 
															+  const [showApiKeyModal, setShowApiKeyModal] = useState(false)
														
 
															+  const [copied, setCopied] = useState(false)
														
 
															+
														
 
															+  // ===== workflow 右侧运行面板折叠 =====
														
 
															+  const [runPanelCollapsed, setRunPanelCollapsed] = useState(false)
														
 
															+
														
 
															+  const handleCopyApiKey = async () => {
														
 
															+    if (!apiKey) return
														
 
															+    try {
														
 
															+      await navigator.clipboard.writeText(apiKey)
														
 
															+      setCopied(true)
														
 
															+      setTimeout(() => setCopied(false), 1500)
														
 
															+    } catch (e) {
														
 
															+      // 降级：execCommand
														
 
															+      const ta = document.createElement('textarea')
														
 
															+      ta.value = apiKey
														
 
															+      document.body.appendChild(ta)
														
 
															+      ta.select()
														
 
															+      try { document.execCommand('copy'); setCopied(true); setTimeout(() => setCopied(false), 1500) } catch (_) {}
														
 
															+      document.body.removeChild(ta)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const fetchConversations = useCallback(async () => {
														
 
															+    setHistoryLoading(true)
														
 
															+    setHistoryError('')
														
 
															+    try {
														
 
															+      const res = await getBusinessConversations()
														
 
															+      const list = Array.isArray(res?.data) ? res.data : (Array.isArray(res?.data?.data) ? res.data.data : [])
														
 
															+      setHistoryList(list.filter(conv => !conv.app_id || conv.app_id === appId))
														
 
															+    } catch (e) {
														
 
															+      setHistoryError(e?.message || '加载历史记录失败')
														
 
															+      setHistoryList([])
														
 
															+    } finally {
														
 
															+      setHistoryLoading(false)
														
 
															+    }
														
 
															+  }, [appId])
														
 
															+
														
 
															+  const handleToggleHistory = useCallback(() => {
														
 
															+    setHistoryOpen(prev => {
														
 
															+      const next = !prev
														
 
															+      if (next) fetchConversations()
														
 
															+      return next
														
 
															+    })
														
 
															+  }, [fetchConversations])
														
 
															+
														
 
															+  const handleSelectHistory = useCallback(async (conv) => {
														
 
															+    if (!conv?.id || resumingConv) return
														
 
															+    if (chatRunning && !viewingHistoryRef.current) {
														
 
															+      activeChatSnapshotRef.current = {
														
 
															+        messages,
														
 
															+        input,
														
 
															+        conversationId: chatConversationIdRef.current || chatConversationId || '',
														
 
															+        streamId: chatStreamIdRef.current,
														
 
															+        error: chatRunError,
														
 
															+      }
														
 
															+      setHasActiveChatSnapshot(true)
														
 
															+    }
														
 
															+    setResumingConv(conv.id)
														
 
															+    try {
														
 
															+      const res = await getBusinessConversationDetail(conv.id)
														
 
															+      const detail = res?.data ?? res ?? {}
														
 
															+      const rows = Array.isArray(detail.messages) ? detail.messages : []
														
 
															+      const restored = rows
														
 
															+        .filter(m => m && (m.query || m.answer))
														
 
															+        .sort((a, b) => (a.created_at || 0) - (b.created_at || 0))
														
 
															+        .flatMap(m => [
														
 
															+          ...(m.query ? [{ id: `history-u-${m.id}`, role: 'user', content: m.query, streaming: false }] : []),
														
 
															+          ...(m.answer ? [{ id: `history-a-${m.id}`, role: 'assistant', content: m.answer, streaming: false, messageId: m.id }] : []),
														
 
															+        ])
														
 
															+      chatConversationIdRef.current = conv.id
														
 
															+      setChatConversationId(conv.id)
														
 
															+      messagesAutoScrollRef.current = true
														
 
															+      viewingHistoryRef.current = true
														
 
															+      setMessages(restored)
														
 
															+      setChatStreamIdSafe(null)
														
 
															+      setHistoryOpen(false)
														
 
															+    } catch (e) {
														
 
															+      setChatRunError(e?.message || '加载历史详情失败')
														
 
															+    } finally {
														
 
															+      setResumingConv(null)
														
 
															+    }
														
 
															+  }, [chatConversationId, chatRunError, chatRunning, input, messages, resumingConv])
														
 
															+
														
 
															+  const handleBackToActiveChat = useCallback(() => {
														
 
															+    const snapshot = activeChatSnapshotRef.current
														
 
															+    if (!snapshot) return
														
 
															+    viewingHistoryRef.current = false
														
 
															+    chatConversationIdRef.current = snapshot.conversationId || ''
														
 
															+    setChatConversationId(snapshot.conversationId || '')
														
 
															+    setChatStreamIdSafe(snapshot.streamId || chatStreamIdRef.current || null)
														
 
															+    messagesAutoScrollRef.current = true
														
 
															+    setMessages(snapshot.messages || [])
														
 
															+    setInput(snapshot.input || '')
														
 
															+    setChatRunError(snapshot.error || '')
														
 
															+    setHistoryOpen(false)
														
 
															+    setHasActiveChatSnapshot(false)
														
 
															+  }, [])
														
 
															+
														
 
															+  const handleDownloadMessage = useCallback(async (m, format) => {
														
 
															+    if (!m?.messageId || m.downloading) return
														
 
															+    setMessages(prev => prev.map(x => x.id === m.id ? { ...x, downloading: format } : x))
														
 
															+    try {
														
 
															+      const { blob } = await downloadMessageContent(m.messageId, format)
														
 
															+      const url = URL.createObjectURL(blob)
														
 
															+      const a = document.createElement('a')
														
 
															+      a.href = url
														
 
															+      const ext = format === 'pdf' ? 'pdf' : 'docx'
														
 
															+      a.download = `${sanitizeDownloadName(agent.name)}-${formatDownloadTimestamp()}.${ext}`
														
 
															+      document.body.appendChild(a)
														
 
															+      a.click()
														
 
															+      document.body.removeChild(a)
														
 
															+      setTimeout(() => URL.revokeObjectURL(url), 1000)
														
 
															+    } catch (e) {
														
 
															+      setChatRunError(e?.message || '下载失败')
														
 
															+    } finally {
														
 
															+      setMessages(prev => prev.map(x => x.id === m.id ? { ...x, downloading: null } : x))
														
 
															+    }
														
 
															+  }, [agent.name])
														
 
															+
														
 
															+  const handleNewChat = useCallback(() => {
														
 
															+    chatAbortRef.current?.abort()
														
 
															+    chatConversationIdRef.current = ''
														
 
															+    setChatConversationId('')
														
 
															+    setChatStreamIdSafe(null)
														
 
															+    messagesAutoScrollRef.current = true
														
 
															+    setMessages([])
														
 
															+    setInput('')
														
 
															+    setChatRunError('')
														
 
															+    setOpenDownloadId(null)
														
 
															+    setHistoryOpen(false)
														
 
															+  }, [])
														
 
															+
														
 
															+  const handleNewChatClick = useCallback(() => {
														
 
															+    if (!chatRunning) {
														
 
															+      handleNewChat()
														
 
															+      return
														
 
															+    }
														
 
															+
														
 
															+    Modal.confirm({
														
 
															+      title: '开启新会话？',
														
 
															+      content: '当前正在生成回复，开启新会话会中断本次问答并清空当前内容。',
														
 
															+      okText: '中断并开启',
														
 
															+      cancelText: '继续等待',
														
 
															+      okButtonProps: { status: 'danger' },
														
 
															+      onOk: handleNewChat,
														
 
															+    })
														
 
															+  }, [chatRunning, handleNewChat])
														
 
															+
														
 
															+  const handleSend = async () => {
														
 
															+    const text = input.trim()
														
 
															+    if (!text || chatRunning) return
														
 
															+    const missingFields = getMissingRequiredFields()
														
 
															+    if (missingFields.length > 0) {
														
 
															+      setChatRunError(formatRequiredFieldsError(missingFields))
														
 
															+      setShowChatParamsModal(true)
														
 
															+      return
														
 
															+    }
														
 
															+    if (!apiKey) {
														
 
															+      setChatRunError('缺少 API Key')
														
 
															+      return
														
 
															+    }
														
 
															+    chatAbortRef.current?.abort()
														
 
															+    const controller = new AbortController()
														
 
															+    chatAbortRef.current = controller
														
 
															+    setChatRunError('')
														
 
															+
														
 
															+    // 1) 推入 user 消息
														
 
															+    const userMsgId = 'u-' + Date.now()
														
 
															+    const assistantMsgId = 'a-' + Date.now()
														
 
															+    messagesAutoScrollRef.current = true
														
 
															+    setMessages(prev => [
														
 
															+      ...prev,
														
 
															+      { id: userMsgId, role: 'user', content: text },
														
 
															+      { id: assistantMsgId, role: 'assistant', content: STREAM_WAITING_TEXT, streaming: true, pending: true },
														
 
															+    ])
														
 
															+    setInput('')
														
 
															+    setChatStreamIdSafe(assistantMsgId)
														
 
															+    setChatRunning(true)
														
 
															+
														
 
															+    try {
														
 
															+      // 2) 调 /chat-messages 接口（带 inputs + conversation_id 续传）
														
 
															+      const res = await runChatMessage(
														
 
															+        apiKey,
														
 
															+        {
														
 
															+          query: text,
														
 
															+          inputs: await buildInputsWithUploadedPdfs(formValues, controller.signal),
														
 
															+          conversation_id: chatConversationIdRef.current || chatConversationId || ''
														
 
															+        },
														
 
															+        undefined,
														
 
															+        { signal: controller.signal }
														
 
															+      )
														
 
															+      // 3) 解析 SSE 流
														
 
															+      await consumeSSE(
														
 
															+        res,
														
 
															+        handleChatSSEEvent,
														
 
															+        () => { /* 流结束 */ },
														
 
															+        (err) => {
														
 
															+          setChatRunError(err?.message || 'SSE 流读取失败')
														
 
															+          // 失败时给当前 assistant 消息加错误提示
														
 
															+          setMessages(prev => prev.map(m =>
														
 
															+            m.id === assistantMsgId && m.streaming
														
 
															+              ? { ...m, streaming: false, content: (m.content || '') + '\n\n⚠ ' + (err?.message || 'SSE 流读取失败') }
														
 
															+              : m
														
 
															+          ))
														
 
															+        },
														
 
															+        { signal: controller.signal }
														
 
															+      )
														
 
															+    } catch (e) {
														
 
															+      if (e?.name !== 'AbortError') {
														
 
															+        setChatRunError(e?.message || '请求失败')
														
 
															+        setMessages(prev => prev.map(m =>
														
 
															+          m.id === assistantMsgId && m.streaming
														
 
															+            ? { ...m, streaming: false, content: '⚠ ' + (e?.message || '请求失败') }
														
 
															+            : m
														
 
															+        ))
														
 
															+      }
														
 
															+    } finally {
														
 
															+      if (chatAbortRef.current === controller) {
														
 
															+        chatAbortRef.current = null
														
 
															+      }
														
 
															+      setChatRunning(false)
														
 
															+      setChatStreamId(prev => {
														
 
															+        // 如果还停留在 assistantMsgId（异常未触发 message_end），把它收尾
														
 
															+        if (prev === assistantMsgId) {
														
 
															+          setMessages(p => p.map(m => m.id === prev ? { ...m, streaming: false, pending: false } : m))
														
 
															+          chatStreamIdRef.current = null
														
 
															+          return null
														
 
															+        }
														
 
															+        return prev
														
 
															+      })
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // 停止当前对话流
														
 
															+  const handleStopChat = () => {
														
 
															+    chatAbortRef.current?.abort()
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <div className="agent-execute">
														
 
															+      {/* 智能体详情卡片 */}
														
 
															+      {!isChat && <div className="execute-detail-card">
														
 
															+        <div className="execute-detail-head">
														
 
															+          <div className="execute-detail-icon" style={{ background: agent.iconBackground || '#FFEAD5' }}>
														
 
															+            {agent.icon && typeof agent.icon === 'object' && agent.icon.type === 'image' ? (
														
 
															+              <img src={buildIconUrl(agent.icon.url)} alt={agent.name} className="execute-detail-icon-img" />
														
 
															+            ) : (
														
 
															+              agent.icon || '🤖'
														
 
															+            )}
														
 
															+          </div>
														
 
															+          <div className="execute-detail-meta">
														
 
															+            <h1 className="execute-detail-name">
														
 
															+              {loading ? '加载中…' : (agent.name || '智能体')}
														
 
															+            </h1>
														
 
															+            <div className="execute-detail-sub">
														
 
															+              {mode && <span className="execute-detail-mode-tag">{MODE_LABEL[mode] || mode}</span>}
														
 
															+            </div>
														
 
															+            {error && <div className="execute-detail-error">⚠ {error}</div>}
														
 
															+          </div>
														
 
															+        </div>
														
 
															+
														
 
															+        {agent.desc && <div className="execute-detail-desc">{agent.desc}</div>}
														
 
															+
														
 
															+        {(agent.tags?.length > 0 || agent.author) && (
														
 
															+          <div className="execute-detail-info">
														
 
															+            {agent.tags?.length > 0 && (
														
 
															+              <div className="execute-detail-tags">
														
 
															+                {agent.tags.map((t, i) => (<span key={i} className="execute-detail-chip">{t}</span>))}
														
 
															+              </div>
														
 
															+            )}
														
 
															+            <div className="execute-detail-stats">
														
 
															+              {agent.author && <span>👤 {agent.author}</span>}
														
 
															+              {agent.copyright && <span>© {agent.copyright}</span>}
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        )}
														
 
															+
														
 
															+        {agent.customDisclaimer && (
														
 
															+          <div className="execute-detail-disclaimer">📌 {agent.customDisclaimer}</div>
														
 
															+        )}
														
 
															+      </div>}
														
 
															+
														
 
															+      {/* ============== workflow 模式 ============== */}
														
 
															+      {mode === 'workflow' && (
														
 
															+        <div className="workflow-layout">
														
 
															+          {/* 左侧：执行输出（timeline） */}
														
 
															+          <div className="workflow-main">
														
 
															+            {(steps.length > 0 || running) && (
														
 
															+              <div className="execute-card">
														
 
															+                <div className="execute-card-head">
														
 
															+                  <h3 className="execute-card-title">📜 执行过程</h3>
														
 
															+                  {runSummary && (
														
 
															+                    <span className={`wf-summary wf-summary-${runSummary.status}`}>
														
 
															+                      {runSummary.status === 'succeeded' ? '✅' : '❌'} {runSummary.status}
														
 
															+                      {runSummary.elapsedTime != null && ` · ${runSummary.elapsedTime.toFixed(2)}s`}
														
 
															+                      {runSummary.totalSteps != null && ` · 步骤 ${runSummary.totalSteps}`}
														
 
															+                      {runSummary.totalTokens != null && ` · Tokens ${runSummary.totalTokens}`}
														
 
															+                    </span>
														
 
															+                  )}
														
 
															+                </div>
														
 
															+
														
 
															+              <div className="wf-timeline" ref={timelineRef} onScroll={handleTimelineScroll}>
														
 
															+                {steps.map((s, i) => (
														
 
															+                  <div key={s.id || i} className={`wf-step wf-step-${s.status || 'pending'} wf-step-type-${s.type}`}>
														
 
															+                    {s.type === 'workflow_started' && (
														
 
															+                      <>
														
 
															+                        <div className="wf-step-marker wf-step-marker-start">▶</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">工作流启动</div>
														
 
															+                          <div className="wf-step-meta">{formatTime(s.time)}</div>
														
 
															+                          {s.inputs && Object.keys(s.inputs).length > 0 && (
														
 
															+                            <details className="wf-step-details">
														
 
															+                              <summary>输入参数</summary>
														
 
															+                              <pre>{JSON.stringify(s.inputs, null, 2)}</pre>
														
 
															+                            </details>
														
 
															+                          )}
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'node_started' && (
														
 
															+                      <>
														
 
															+                        <div className={`wf-step-marker wf-step-marker-${s.status}`}>
														
 
															+                          {s.status === 'running' ? '◐' : '◉'}
														
 
															+                        </div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">
														
 
															+                            {s.title || s.nodeType} {s.index != null && <span className="wf-step-tag">#{s.index}</span>}
														
 
															+                            {s.status === 'running' && <span className="wf-step-pending">运行中</span>}
														
 
															+                          </div>
														
 
															+                          <div className="wf-step-meta">
														
 
															+                            {s.nodeType && <span className="wf-step-type">类型: {s.nodeType}</span>}
														
 
															+                            {formatTime(s.time) && <span> · {formatTime(s.time)}</span>}
														
 
															+                          </div>
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'node_finished' && (
														
 
															+                      <>
														
 
															+                        <div className={`wf-step-marker wf-step-marker-${s.status}`}>●</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">
														
 
															+                            {s.title} · <span className={`wf-step-status wf-step-status-${s.status}`}>{s.status}</span>
														
 
															+                            {s.elapsedTime != null && <span className="wf-step-tag">⏱ {s.elapsedTime.toFixed(2)}s</span>}
														
 
															+                          </div>
														
 
															+                          {s.error && <div className="wf-step-error">{typeof s.error === 'string' ? s.error : JSON.stringify(s.error)}</div>}
														
 
															+                          {s.outputs && Object.keys(s.outputs).length > 0 && (
														
 
															+                            <details className="wf-step-details">
														
 
															+                              <summary>输出</summary>
														
 
															+                              <pre>{JSON.stringify(s.outputs, null, 2)}</pre>
														
 
															+                            </details>
														
 
															+                          )}
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'text_chunk' && (
														
 
															+                      <>
														
 
															+                        <div className="wf-step-marker wf-step-marker-output">✎</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">输出文本 {s.status === 'running' && <span className="wf-step-pending">生成中</span>}</div>
														
 
															+                          <div className="wf-step-text">{s.text}<span className="wf-step-cursor">▍</span></div>
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'workflow_finished' && (
														
 
															+                      <>
														
 
															+                        <div className={`wf-step-marker wf-step-marker-${s.status}`}>
														
 
															+                          {s.status === 'succeeded' ? '✓' : '✕'}
														
 
															+                        </div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">
														
 
															+                            工作流完成
														
 
															+                            {s.totalSteps != null && <span className="wf-step-tag">步骤 {s.totalSteps}</span>}
														
 
															+                            {s.elapsedTime != null && <span className="wf-step-tag">⏱ {s.elapsedTime.toFixed(2)}s</span>}
														
 
															+                            {s.totalTokens != null && <span className="wf-step-tag">Tokens {s.totalTokens}</span>}
														
 
															+                          </div>
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'workflow_paused' && (
														
 
															+                      <>
														
 
															+                        <div className="wf-step-marker wf-step-marker-paused">⏸</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">工作流暂停（等待人工介入）</div>
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'human_input' && (
														
 
															+                      <>
														
 
															+                        <div className="wf-step-marker wf-step-marker-human">👤</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">需要人工介入：{s.nodeTitle}</div>
														
 
															+                          {s.formContent && <div className="wf-step-text">{s.formContent}</div>}
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+
														
 
															+                    {s.type === 'error' && (
														
 
															+                      <>
														
 
															+                        <div className="wf-step-marker wf-step-marker-error">!</div>
														
 
															+                        <div className="wf-step-body">
														
 
															+                          <div className="wf-step-title">执行错误</div>
														
 
															+                          <div className="wf-step-error">{s.message}</div>
														
 
															+                        </div>
														
 
															+                      </>
														
 
															+                    )}
														
 
															+                  </div>
														
 
															+                ))}
														
 
															+
														
 
															+                {running && (
														
 
															+                  <div className="wf-step wf-step-running">
														
 
															+                    <div className="wf-step-marker wf-step-marker-running">⋯</div>
														
 
															+                    <div className="wf-step-body">
														
 
															+                      <div className="wf-step-title">等待事件…</div>
														
 
															+                    </div>
														
 
															+                  </div>
														
 
															+                )}
														
 
															+              </div>
														
 
															+            </div>
														
 
															+          )}
														
 
															+          </div>
														
 
															+
														
 
															+          {/* 右侧：运行参数面板（可折叠） */}
														
 
															+          <aside className={`workflow-side ${runPanelCollapsed ? 'is-collapsed' : ''}`}>
														
 
															+            {/* 折叠态：仅显示展开按钮（不放运行按钮，必须点开展开才能运行） */}
														
 
															+            {runPanelCollapsed && (
														
 
															+              <div className="workflow-side-collapsed">
														
 
															+                <button
														
 
															+                  type="button"
														
 
															+                  className="workflow-side-expand"
														
 
															+                  onClick={() => setRunPanelCollapsed(false)}
														
 
															+                  title="展开运行面板"
														
 
															+                >
														
 
															+                  <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
														
 
															+                    <polyline points="15 18 9 12 15 6" />
														
 
															+                  </svg>
														
 
															+                </button>
														
 
															+                <div className="workflow-side-collapsed-title">运行</div>
														
 
															+              </div>
														
 
															+            )}
														
 
															+
														
 
															+            {/* 展开态：完整表单卡片 */}
														
 
															+            {!runPanelCollapsed && (
														
 
															+              <div className="execute-card workflow-side-card">
														
 
															+                <div className="execute-card-head workflow-side-card-head">
														
 
															+                  <h3 className="execute-card-title">
														
 
															+                    {running ? '⚡ 运行中…' : '⚙️ 运行参数'}
														
 
															+                  </h3>
														
 
															+                  <button
														
 
															+                    type="button"
														
 
															+                    className="workflow-side-close"
														
 
															+                    onClick={() => setRunPanelCollapsed(true)}
														
 
															+                    title="收起运行面板"
														
 
															+                    aria-label="收起运行面板"
														
 
															+                  >
														
 
															+                    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
														
 
															+                      <line x1="18" y1="6" x2="6" y2="18" />
														
 
															+                      <line x1="6" y1="6" x2="18" y2="18" />
														
 
															+                    </svg>
														
 
															+                  </button>
														
 
															+                </div>
														
 
															+
														
 
															+                {paramsLoading && <div className="wf-form-loading">表单参数加载中…</div>}
														
 
															+                {paramsError && <div className="execute-detail-error">⚠ {paramsError}</div>}
														
 
															+
														
 
															+                {!paramsLoading && userInputForm.length > 0 && (
														
 
															+                  <div className="wf-form">
														
 
															+                    {userInputForm.map((item, i) => renderFormField(item, i))}
														
 
															+                  </div>
														
 
															+                )}
														
 
															+                {!paramsLoading && !paramsError && userInputForm.length === 0 && (
														
 
															+                  <div className="wf-form-empty">该工作流无输入参数，点击下方按钮直接执行</div>
														
 
															+                )}
														
 
															+
														
 
															+                <div className="wf-form-actions">
														
 
															+                  <button
														
 
															+                    className="execute-send-btn"
														
 
															+                    onClick={handleRunWorkflow}
														
 
															+                    disabled={running}
														
 
															+                  >
														
 
															+                    {running ? '执行中…' : '🚀 开始执行'}
														
 
															+                  </button>
														
 
															+                  {runError && <span className="execute-detail-error">⚠ {runError}</span>}
														
 
															+                </div>
														
 
															+              </div>
														
 
															+            )}
														
 
															+          </aside>
														
 
															+        </div>
														
 
															+      )}
														
 
															+
														
 
															+      {/* ============== 聊天模式（chat/advanced-chat/agent-chat/agentic） ============== */}
														
 
															+      {isChat && (
														
 
															+        <div className="execute-chat-shell">
														
 
															+          <div className="execute-chat-orb execute-chat-orb-a" />
														
 
															+          <div className="execute-chat-orb execute-chat-orb-b" />
														
 
															+          <div className="execute-card execute-chat-card">
														
 
															+            <div className="execute-chat-toolbar">
														
 
															+              <div className="execute-chat-agent-head">
														
 
															+                <div className="execute-detail-icon" style={{ background: agent.iconBackground || '#FFEAD5' }}>
														
 
															+                  {agent.icon && typeof agent.icon === 'object' && agent.icon.type === 'image' ? (
														
 
															+                    <img src={buildIconUrl(agent.icon.url)} alt={agent.name} className="execute-detail-icon-img" />
														
 
															+                  ) : (
														
 
															+                    agent.icon || '🤖'
														
 
															+                  )}
														
 
															+                </div>
														
 
															+                <div className="execute-chat-agent-meta">
														
 
															+                  <h1 className="execute-detail-name">
														
 
															+                    {loading ? '加载中…' : (agent.name || '智能体')}
														
 
															+                  </h1>
														
 
															+                  <div className="execute-detail-sub">
														
 
															+                    {mode && <span className="execute-detail-mode-tag">{MODE_LABEL[mode] || mode}</span>}
														
 
															+                  </div>
														
 
															+                  {error && <div className="execute-detail-error">⚠ {error}</div>}
														
 
															+                </div>
														
 
															+              </div>
														
 
															+              <div className="execute-chat-toolbar-actions">
														
 
															+                <button
														
 
															+                  type="button"
														
 
															+                  className="execute-detail-history-trigger"
														
 
															+                  onClick={handleNewChatClick}
														
 
															+                  title="新会话"
														
 
															+                >
														
 
															+                  <svg className="new-chat-icon" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
														
 
															+                    <path d="M12 5v14" />
														
 
															+                    <path d="M5 12h14" />
														
 
															+                  </svg>
														
 
															+                  <span>{'新会话'}</span>
														
 
															+                </button>
														
 
															+                <button
														
 
															+                  type="button"
														
 
															+                  className="execute-detail-history-trigger"
														
 
															+                  onClick={handleToggleHistory}
														
 
															+                  title="历史记录"
														
 
															+                >
														
 
															+                  <svg className="history-icon" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
														
 
															+                    <path d="M3 12a9 9 0 1 0 3-6.7L3 8" />
														
 
															+                    <path d="M3 3v5h5" />
														
 
															+                    <path d="M12 7v5l3 2" />
														
 
															+                  </svg>
														
 
															+                  <span>历史记录</span>
														
 
															+                </button>
														
 
															+                {hasActiveChatSnapshot && (
														
 
															+                  <button
														
 
															+                    type="button"
														
 
															+                    className="execute-back-active-btn"
														
 
															+                    onClick={handleBackToActiveChat}
														
 
															+                  >
														
 
															+                    返回正在回答
														
 
															+                  </button>
														
 
															+                )}
														
 
															+                <div className="execute-chat-status">
														
 
															+                  <span className={`execute-chat-status-dot ${chatRunning ? 'is-running' : ''}`} />
														
 
															+                  {chatRunning ? '正在生成' : '随时可问'}
														
 
															+                </div>
														
 
															+              </div>
														
 
															+            </div>
														
 
															+            <div className="execute-messages" ref={messagesRef} onScroll={handleMessagesScroll}>
														
 
															+            {messages.length === 0 ? (
														
 
															+              <div className="execute-empty">
														
 
															+                <div className="execute-empty-icon">{emptyState.icon}</div>
														
 
															+                <div className="execute-empty-title">{emptyState.title}</div>
														
 
															+                <div className="execute-empty-desc">{emptyState.description}</div>
														
 
															+                <div className="execute-empty-prompts">
														
 
															+                  {emptyState.prompts.map(prompt => <span key={prompt}>{prompt}</span>)}
														
 
															+                </div>
														
 
															+              </div>
														
 
															+            ) : (
														
 
															+              messages.map((m, i) => (
														
 
															+                <div key={m.id || i} className={`execute-msg execute-msg-${m.role}`}>
														
 
															+                  <span className="execute-msg-role">{m.role === 'user' ? '我' : agent.name}</span>
														
 
															+                  <div className="execute-msg-bubble">
														
 
															+                    {m.pending ? (
														
 
															+                      <span className="execute-msg-generating">{m.content}</span>
														
 
															+                    ) : (
														
 
															+                      <div
														
 
															+                        className="markdown-body"
														
 
															+                        dangerouslySetInnerHTML={{ __html: renderMarkdown(m.content) }}
														
 
															+                      />
														
 
															+                    )}
														
 
															+                    {m.streaming && <span className="wf-step-cursor">▍</span>}
														
 
															+                  </div>
														
 
															+                  {!m.streaming && m.role === 'assistant' && m.messageId && m.content && (
														
 
															+                    <div className="execute-msg-actions">
														
 
															+                      <button
														
 
															+                        type="button"
														
 
															+                        className="execute-msg-action-btn execute-msg-download-btn execute-msg-download-word"
														
 
															+                        disabled={!!m.downloading}
														
 
															+                        onClick={() => handleDownloadMessage(m, 'word')}
														
 
															+                        title="下载 Word"
														
 
															+                      >
														
 
															+                        <img src={wordIcon} alt="" className="execute-msg-download-icon" />
														
 
															+                        <span className="execute-msg-download-text">{m.downloading === 'word' ? '生成中...' : 'Word'}</span>
														
 
															+                      </button>
														
 
															+                      <button
														
 
															+                        type="button"
														
 
															+                        className="execute-msg-action-btn execute-msg-download-btn execute-msg-download-pdf"
														
 
															+                        disabled={!!m.downloading}
														
 
															+                        onClick={() => handleDownloadMessage(m, 'pdf')}
														
 
															+                        title="下载 PDF"
														
 
															+                      >
														
 
															+                        <img src={pdfIcon} alt="" className="execute-msg-download-icon" />
														
 
															+                        <span className="execute-msg-download-text">{m.downloading === 'pdf' ? '生成中...' : 'PDF'}</span>
														
 
															+                      </button>
														
 
															+                    </div>
														
 
															+                  )}
														
 
															+                </div>
														
 
															+              ))
														
 
															+            )}
														
 
															+            </div>
														
 
															+            {chatRunError && <div className="execute-detail-error execute-chat-error">⚠ {chatRunError}</div>}
														
 
															+            <div className="execute-input-panel">
														
 
															+              <div className="execute-input-hint">Shift + Enter 换行 · Enter 发送</div>
														
 
															+              <div className="execute-input-bar">
														
 
															+                <textarea
														
 
															+                  className="execute-input"
														
 
															+                  value={input}
														
 
															+                  onChange={e => setInput(e.target.value)}
														
 
															+                  onKeyDown={e => {
														
 
															+                    if (e.key === 'Enter' && !e.shiftKey) {
														
 
															+                      e.preventDefault()
														
 
															+                      handleSend()
														
 
															+                    }
														
 
															+                  }}
														
 
															+                  placeholder="请描述报告要求，例如：总结研究背景、核心结论和风险建议，输出为正式汇报口吻..."
														
 
															+                  disabled={chatRunning}
														
 
															+                  rows={2}
														
 
															+                />
														
 
															+            <button
														
 
															+              type="button"
														
 
															+              className="execute-params-btn"
														
 
															+              onClick={() => setShowChatParamsModal(true)}
														
 
															+              title="配置参数"
														
 
															+              disabled={paramsLoading}
														
 
															+            >
														
 
															+              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
														
 
															+                <line x1="4" y1="21" x2="4" y2="14" />
														
 
															+                <line x1="4" y1="10" x2="4" y2="3" />
														
 
															+                <line x1="12" y1="21" x2="12" y2="12" />
														
 
															+                <line x1="12" y1="8" x2="12" y2="3" />
														
 
															+                <line x1="20" y1="21" x2="20" y2="16" />
														
 
															+                <line x1="20" y1="12" x2="20" y2="3" />
														
 
															+                <line x1="1" y1="14" x2="7" y2="14" />
														
 
															+                <line x1="9" y1="8" x2="15" y2="8" />
														
 
															+                <line x1="17" y1="16" x2="23" y2="16" />
														
 
															+              </svg>
														
 
															+              <span>参数</span>
														
 
															+              {(() => {
														
 
															+                const filled = userInputForm.filter(item => {
														
 
															+                  const t = Object.keys(item)[0]
														
 
															+                  const c = item[t]
														
 
															+                  if (!c?.variable) return false
														
 
															+                  const v = formValues[c.variable]
														
 
															+                  return v !== '' && v !== undefined && v !== null
														
 
															+                }).length
														
 
															+                return filled > 0 ? <span className="execute-params-dot">{filled}</span> : null
														
 
															+              })()}
														
 
															+            </button>
														
 
															+            {chatRunning ? (
														
 
															+              <button
														
 
															+                className="execute-send-btn execute-stop-btn"
														
 
															+                onClick={handleStopChat}
														
 
															+                type="button"
														
 
															+              >
														
 
															+                <svg className="execute-btn-icon" viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true">
														
 
															+                  <rect x="7" y="7" width="10" height="10" rx="1.5" />
														
 
															+                </svg>
														
 
															+                <span>停止</span>
														
 
															+              </button>
														
 
															+            ) : (
														
 
															+              <button
														
 
															+                className="execute-send-btn"
														
 
															+                onClick={handleSend}
														
 
															+                disabled={!input.trim() || loading || paramsLoading}
														
 
															+                type="button"
														
 
															+              >
														
 
															+                <svg className="execute-btn-icon" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
														
 
															+                  <path d="M22 2L11 13" />
														
 
															+                  <path d="M22 2L15 22L11 13L2 9L22 2Z" />
														
 
															+                </svg>
														
 
															+                <span>发送</span>
														
 
															+              </button>
														
 
															+            )}
														
 
															+              </div>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      )}
														
 
															+
														
 
															+      {/* ============== API Key 弹框 ============== */}
														
 
															+      {showApiKeyModal && apiKey && (
														
 
															+        <div className="apikey-modal-mask" onClick={() => setShowApiKeyModal(false)}>
														
 
															+          <div className="apikey-modal" onClick={e => e.stopPropagation()}>
														
 
															+            <div className="apikey-modal-head">
														
 
															+              <h3>API Key</h3>
														
 
															+              <button
														
 
															+                type="button"
														
 
															+                className="apikey-modal-close"
														
 
															+                onClick={() => setShowApiKeyModal(false)}
														
 
															+                aria-label="关闭"
														
 
															+              >×</button>
														
 
															+            </div>
														
 
															+            <div className="apikey-modal-body">
														
 
															+              <code className="apikey-modal-value">{apiKey}</code>
														
 
															+              <p className="apikey-modal-tip">请妥善保管，不要在客户端代码中暴露此 Key。</p>
														
 
															+            </div>
														
 
															+            <div className="apikey-modal-foot">
														
 
															+              <button
														
 
															+                type="button"
														
 
															+                className={`apikey-modal-copy ${copied ? 'is-copied' : ''}`}
														
 
															+                onClick={handleCopyApiKey}
														
 
															+              >
														
 
															+                {copied ? '✓ 已复制' : '复制'}
														
 
															+              </button>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      )}
														
 
															+
														
 
															+      {/* ============== 聊天模式：参数配置弹框 ============== */}
														
 
															+      {showChatParamsModal && isChat && (
														
 
															+        <div className="apikey-modal-mask" onClick={() => setShowChatParamsModal(false)}>
														
 
															+          <div className="apikey-modal chat-params-modal" onClick={e => e.stopPropagation()}>
														
 
															+            <div className="apikey-modal-head">
														
 
															+              <h3>⚙️ 输入参数</h3>
														
 
															+              <button
														
 
															+                type="button"
														
 
															+                className="apikey-modal-close"
														
 
															+                onClick={() => setShowChatParamsModal(false)}
														
 
															+                aria-label="关闭"
														
 
															+              >×</button>
														
 
															+            </div>
														
 
															+            <div className="apikey-modal-body chat-params-modal-body">
														
 
															+              {paramsLoading && <div className="wf-form-loading">表单参数加载中…</div>}
														
 
															+              {paramsError && <div className="execute-detail-error">⚠ {paramsError}</div>}
														
 
															+              {!paramsLoading && userInputForm.length > 0 && (
														
 
															+                <div className="wf-form">
														
 
															+                  {userInputForm.map((item, i) => renderFormField(item, i))}
														
 
															+                </div>
														
 
															+              )}
														
 
															+              {!paramsLoading && !paramsError && userInputForm.length === 0 && (
														
 
															+                <div className="wf-form-empty">该对话流无输入参数，可直接发送消息</div>
														
 
															+              )}
														
 
															+            </div>
														
 
															+            <div className="apikey-modal-foot">
														
 
															+              <button
														
 
															+                type="button"
														
 
															+                className="apikey-modal-copy"
														
 
															+                onClick={() => setShowChatParamsModal(false)}
														
 
															+              >
														
 
															+                完成
														
 
															+              </button>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      )}
														
 
															+      {historyOpen && (
														
 
															+        <>
														
 
															+          <div className="execute-drawer-mask is-open" onClick={() => setHistoryOpen(false)} />
														
 
															+          <aside className="execute-drawer is-open" role="dialog" aria-label="历史记录">
														
 
															+            <div className="execute-drawer-head">
														
 
															+              <button type="button" className="execute-drawer-close" onClick={() => setHistoryOpen(false)} aria-label="关闭">x</button>
														
 
															+              <div className="execute-drawer-title">历史记录</div>
														
 
															+            </div>
														
 
															+            <div className="execute-drawer-body">
														
 
															+              {historyLoading ? (
														
 
															+                <div className="execute-drawer-status">加载中...</div>
														
 
															+              ) : historyError ? (
														
 
															+                <div className="execute-drawer-status is-error">{historyError}</div>
														
 
															+              ) : historyList.length === 0 ? (
														
 
															+                <div className="execute-drawer-status">暂无历史记录</div>
														
 
															+              ) : (
														
 
															+                <ul className="execute-drawer-list">
														
 
															+                  {historyList.map(conv => (
														
 
															+                    <li key={conv.id} className={`execute-drawer-item ${resumingConv === conv.id ? 'is-loading' : ''}`} onClick={() => handleSelectHistory(conv)}>
														
 
															+                      <div className="execute-drawer-item-main">
														
 
															+                        <div className="execute-drawer-item-name">{conv.name || conv.summary || '新会话'}</div>
														
 
															+                        <div className="execute-drawer-item-meta">{conv.message_count || 0} 条消息</div>
														
 
															+                      </div>
														
 
															+                    </li>
														
 
															+                  ))}
														
 
															+                </ul>
														
 
															+              )}
														
 
															+            </div>
														
 
															+          </aside>
														
 
															+        </>
														
 
															+      )}
														
 
															+
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default AgentExecute
														
--- a/src/pages/AgentList.jsx
+++ b/src/pages/AgentList.jsx
@@ -0,0 +1,381 @@
 
															+import { useState, useEffect, useMemo } from 'react'
														
 
															+import { useNavigate, useSearchParams } from 'react-router-dom'
														
 
															+import { getHottestApps, getLatestApps, getBusinessAppsList, getAgentPros, getAppApiKey } from '@/service/business'
														
 
															+import { API_BASE_URL } from '@/config'
														
 
															+import emojiMartData from '@emoji-mart/data'
														
 
															+
														
 
															+// 检查是否是 Unicode emoji 字符
														
 
															+const isNativeEmoji = (str) => {
														
 
															+  if (!str) return false
														
 
															+  return /[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(str)
														
 
															+}
														
 
															+
														
 
															+// 通过 emoji-mart data 把 emoji 名称转换为 native Unicode 字符
														
 
															+const emojiNameToNative = (name) => {
														
 
															+  if (!name) return '🤖'
														
 
															+  const emoji = emojiMartData.emojis?.[name]
														
 
															+  return emoji?.skins?.[0]?.native || '🤖'
														
 
															+}
														
 
															+
														
 
															+const resolveIcon = (icon) => {
														
 
															+  if (!icon) return '🤖'
														
 
															+  if (isNativeEmoji(icon)) return icon
														
 
															+  return emojiNameToNative(icon)
														
 
															+}
														
 
															+
														
 
															+// 把后端返回的 icon 路径拼成完整可访问 URL
														
 
															+//   - 已经是 http(s):// 开头 → 原样返回
														
 
															+//   - 以 / 开头（相对路径）→ 前面拼上 API_BASE_URL
														
 
															+//   - 其它（名字/emoji）→ 原样返回
														
 
															+const buildIconUrl = (icon) => {
														
 
															+  if (!icon) return ''
														
 
															+  if (/^https?:\/\//i.test(icon)) return icon
														
 
															+  if (icon.startsWith('/')) return `${API_BASE_URL}${icon}`
														
 
															+  return icon
														
 
															+}
														
 
															+
														
 
															+// 数字格式化
														
 
															+const formatNumber = (num) => {
														
 
															+  if (!num && num !== 0) return '0'
														
 
															+  return Number(num).toLocaleString('en-US')
														
 
															+}
														
 
															+
														
 
															+// 时间分级(复用 Plaza 的逻辑)
														
 
															+const formatRelativeTime = (timestamp) => {
														
 
															+  if (!timestamp) return ''
														
 
															+  const ts = timestamp * 1000
														
 
															+  const startOfToday = new Date()
														
 
															+  startOfToday.setHours(0, 0, 0, 0)
														
 
															+  const startOfYesterday = new Date(startOfToday)
														
 
															+  startOfYesterday.setDate(startOfYesterday.getDate() - 1)
														
 
															+  const startOfThreeDaysAgo = new Date(startOfToday)
														
 
															+  startOfThreeDaysAgo.setDate(startOfThreeDaysAgo.getDate() - 3)
														
 
															+
														
 
															+  if (ts >= startOfToday.getTime()) return '今日'
														
 
															+  if (ts >= startOfYesterday.getTime()) return '昨日'
														
 
															+  if (ts >= startOfThreeDaysAgo.getTime()) return '近三天'
														
 
															+  const d = new Date(ts)
														
 
															+  const pad = (n) => String(n).padStart(2, '0')
														
 
															+  return `${pad(d.getMonth() + 1)}/${pad(d.getDate())}`
														
 
															+}
														
 
															+
														
 
															+// 模式选项(从后端 mode 枚举)
														
 
															+const MODE_OPTIONS = [
														
 
															+  { value: '', label: '全部模式' },
														
 
															+  { value: 'workflow', label: '工作流' },
														
 
															+  { value: 'advanced-chat', label: '对话流' },
														
 
															+  { value: 'chat', label: '基础对话' },
														
 
															+  { value: 'agent-chat', label: 'Agent 对话' },
														
 
															+  { value: 'completion', label: '文本生成' },
														
 
															+]
														
 
															+
														
 
															+// 排序选项
														
 
															+const SORT_OPTIONS = [
														
 
															+  { value: 'default', label: '综合' },
														
 
															+  { value: 'heat', label: '热度最高' },
														
 
															+  { value: 'latest', label: '最新发布' },
														
 
															+  { value: 'recommend', label: '推荐优先' },
														
 
															+  { value: 'name', label: '名称 A-Z' },
														
 
															+]
														
 
															+
														
 
															+// 标题映射
														
 
															+const TYPE_META = {
														
 
															+  hot: {
														
 
															+    title: '热门智能体',
														
 
															+    subtitle: '按近 7 天调用热度排序,看看平台最受欢迎的智能体',
														
 
															+  },
														
 
															+  latest: {
														
 
															+    title: '最新智能体',
														
 
															+    subtitle: '按上架时间排序,发现平台最新发布的智能体',
														
 
															+  },
														
 
															+  system: {
														
 
															+    title: '系统智能体',
														
 
															+    subtitle: '平台预置的系统级智能体,涵盖多种业务场景',
														
 
															+  },
														
 
															+  all: {
														
 
															+    title: '智能体列表',
														
 
															+    subtitle: '浏览所有可用的智能体,选择适合您需求的工具',
														
 
															+  },
														
 
															+}
														
 
															+
														
 
															+// 数据标准化(兼容接口字段差异)
														
 
															+const normalize = (item) => {
														
 
															+  const iconType = item.icon_type || 'emoji'
														
 
															+  let iconValue = '🤖'
														
 
															+  if (iconType === 'image') {
														
 
															+    const raw = item.icon || item.icon_url || item.logo || ''
														
 
															+    iconValue = { type: 'image', url: buildIconUrl(raw) }
														
 
															+  } else {
														
 
															+    iconValue = resolveIcon(item.icon)
														
 
															+  }
														
 
															+  return {
														
 
															+    id: item.id,
														
 
															+    name: item.name || '',
														
 
															+    desc: item.description || item.introduction || '',
														
 
															+    icon: iconValue,
														
 
															+    iconType,
														
 
															+    iconBackground: item.icon_background || '#FFEAD5',
														
 
															+    heat: item.heat ?? item.call_count ?? 0,
														
 
															+    mode: item.mode || '',
														
 
															+    created_at: item.created_at,
														
 
															+    updated_at: item.updated_at,
														
 
															+    recommend_score: item.recommend_score ?? 0,
														
 
															+    tags: item.tags || [],
														
 
															+    // 系统智能体专属字段:用于点击时按 source_type 分流
														
 
															+    sourceType: item.source_type,
														
 
															+    sourceAppId: item.source_app_id,
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+function AgentList() {
														
 
															+  const navigate = useNavigate()
														
 
															+  const [searchParams] = useSearchParams()
														
 
															+  const type = searchParams.get('type') || 'all'   // hot | latest | all
														
 
															+  const meta = TYPE_META[type] || TYPE_META.all
														
 
															+
														
 
															+  const [agents, setAgents] = useState([])
														
 
															+  const [loading, setLoading] = useState(true)
														
 
															+  const [error, setError] = useState('')
														
 
															+  const [clickingId, setClickingId] = useState(null)
														
 
															+
														
 
															+  // 筛选条件
														
 
															+  const [keyword, setKeyword] = useState('')
														
 
															+  const [modeFilter, setModeFilter] = useState('')
														
 
															+  const [sortBy, setSortBy] = useState(() => {
														
 
															+    if (type === 'latest') return 'latest'
														
 
															+    if (type === 'hot') return 'heat'
														
 
															+    if (type === 'system') return 'recommend'
														
 
															+    return 'default'
														
 
															+  })
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    let cancelled = false
														
 
															+    const fetchList = async () => {
														
 
															+      setLoading(true)
														
 
															+      setError('')
														
 
															+      try {
														
 
															+        // 根据 type 选择不同的接口:
														
 
															+        //   hot    → /business/apps/hottest
														
 
															+        //   latest → /business/apps/latest
														
 
															+        //   all    → /business/apps/list
														
 
															+        let res
														
 
															+        if (type === 'hot') {
														
 
															+          res = await getHottestApps()
														
 
															+        } else if (type === 'latest') {
														
 
															+          res = await getLatestApps()
														
 
															+        } else if (type === 'system') {
														
 
															+          // 系统智能体:GET /business/agent-pros(返回 {data:[...], has_more})
														
 
															+          res = await getAgentPros()
														
 
															+        } else {
														
 
															+          res = await getBusinessAppsList()
														
 
															+        }
														
 
															+        if (cancelled) return
														
 
															+        const list = (res?.data || res || []).map(normalize)
														
 
															+        setAgents(list)
														
 
															+      } catch (e) {
														
 
															+        if (!cancelled) setError(e?.message || '加载失败')
														
 
															+      } finally {
														
 
															+        if (!cancelled) setLoading(false)
														
 
															+      }
														
 
															+    }
														
 
															+    fetchList()
														
 
															+    return () => { cancelled = true }
														
 
															+  }, [type])
														
 
															+
														
 
															+  // type 切换时同步默认排序,避免用户从 /agents?type=all 点"查看更多"后 sortBy 仍是 default
														
 
															+  useEffect(() => {
														
 
															+    if (type === 'latest') setSortBy('latest')
														
 
															+    else if (type === 'hot') setSortBy('heat')
														
 
															+    else if (type === 'system') setSortBy('recommend')
														
 
															+  }, [type])
														
 
															+
														
 
															+  // 客户端筛选 + 排序
														
 
															+  const filtered = useMemo(() => {
														
 
															+    let list = agents.slice()
														
 
															+    // 关键词
														
 
															+    if (keyword.trim()) {
														
 
															+      const kw = keyword.trim().toLowerCase()
														
 
															+      list = list.filter(a => (a.name || '').toLowerCase().includes(kw) || (a.desc || '').toLowerCase().includes(kw))
														
 
															+    }
														
 
															+    // 模式
														
 
															+    if (modeFilter) {
														
 
															+      list = list.filter(a => a.mode === modeFilter)
														
 
															+    }
														
 
															+    // 排序
														
 
															+    switch (sortBy) {
														
 
															+      case 'heat':
														
 
															+        list.sort((a, b) => (b.heat || 0) - (a.heat || 0))
														
 
															+        break
														
 
															+      case 'latest':
														
 
															+        list.sort((a, b) => (b.created_at || 0) - (a.created_at || 0))
														
 
															+        break
														
 
															+      case 'recommend':
														
 
															+        list.sort((a, b) => (b.recommend_score || 0) - (a.recommend_score || 0))
														
 
															+        break
														
 
															+      case 'name':
														
 
															+        list.sort((a, b) => (a.name || '').localeCompare(b.name || ''))
														
 
															+        break
														
 
															+      default:
														
 
															+        // 综合:保持原顺序
														
 
															+        break
														
 
															+    }
														
 
															+    return list
														
 
															+  }, [agents, keyword, modeFilter, sortBy])
														
 
															+
														
 
															+  // 点击卡片:按 source_type 分流
														
 
															+  //   - external → ExternalMock 占位页
														
 
															+  //   - 其它 → 用 sourceAppId(兜底 target_id)走权限校验后跳 execute/apply
														
 
															+  const handleCardClick = async (agent) => {
														
 
															+    if (!agent?.id || clickingId === agent.id) return
														
 
															+    setClickingId(agent.id)
														
 
															+    try {
														
 
															+      if (agent.sourceType === 'external') {
														
 
															+        navigate(`/agents/external/${agent.id}`, { state: { agent } })
														
 
															+        return
														
 
															+      }
														
 
															+      const appId = agent.sourceAppId || agent.id
														
 
															+      const res = await getAppApiKey(appId)
														
 
															+      const payload = res?.data ?? res ?? {}
														
 
															+      if (payload.has_permission) {
														
 
															+        navigate(`/agents/execute/${appId}`, {
														
 
															+          state: { agent: { ...agent, id: appId }, apiKey: payload.api_key || '' },
														
 
															+        })
														
 
															+      } else {
														
 
															+        navigate(`/agents/apply/${appId}`, { state: { agent: { ...agent, id: appId } } })
														
 
															+      }
														
 
															+    } catch (e) {
														
 
															+      navigate(`/agents/apply/${agent.sourceAppId || agent.id}`, {
														
 
															+        state: { agent, error: e?.message || '权限校验失败' },
														
 
															+      })
														
 
															+    } finally {
														
 
															+      setClickingId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleBack = () => {
														
 
															+    navigate('/')
														
 
															+  }
														
 
															+
														
 
															+  // 模式标签友好显示
														
 
															+  const MODE_LABEL = {
														
 
															+    workflow: '工作流',
														
 
															+    'advanced-chat': '对话流',
														
 
															+    chat: '基础对话',
														
 
															+    'agent-chat': 'Agent',
														
 
															+    completion: '文本生成',
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <div className="agent-list-page">
														
 
															+      {/* 页头 */}
														
 
															+      <div className="page-header agent-list-header">
														
 
															+        <button type="button" className="agent-list-back" onClick={handleBack} title="返回广场">
														
 
															+          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
														
 
															+            <polyline points="15 18 9 12 15 6" />
														
 
															+          </svg>
														
 
															+          <span>返回广场</span>
														
 
															+        </button>
														
 
															+        <h1 className="page-title">{meta.title}</h1>
														
 
															+        <p className="page-subtitle">{meta.subtitle}</p>
														
 
															+      </div>
														
 
															+
														
 
															+      {/* 筛选条 */}
														
 
															+      <div className="agent-list-filters">
														
 
															+        <div className="agent-list-search">
														
 
															+          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
														
 
															+            <circle cx="11" cy="11" r="7" />
														
 
															+            <line x1="21" y1="21" x2="16.65" y2="16.65" />
														
 
															+          </svg>
														
 
															+          <input
														
 
															+            type="text"
														
 
															+            placeholder="搜索智能体名称或描述"
														
 
															+            value={keyword}
														
 
															+            onChange={e => setKeyword(e.target.value)}
														
 
															+          />
														
 
															+          {keyword && (
														
 
															+            <button type="button" className="agent-list-search-clear" onClick={() => setKeyword('')} title="清空">
														
 
															+              ×
														
 
															+            </button>
														
 
															+          )}
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="agent-list-select">
														
 
															+          <select value={modeFilter} onChange={e => setModeFilter(e.target.value)}>
														
 
															+            {MODE_OPTIONS.map(opt => (
														
 
															+              <option key={opt.value} value={opt.value}>{opt.label}</option>
														
 
															+            ))}
														
 
															+          </select>
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="agent-list-select">
														
 
															+          <select value={sortBy} onChange={e => setSortBy(e.target.value)}>
														
 
															+            {SORT_OPTIONS.map(opt => (
														
 
															+              <option key={opt.value} value={opt.value}>{opt.label}</option>
														
 
															+            ))}
														
 
															+          </select>
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="agent-list-result-count">
														
 
															+          共 <strong>{filtered.length}</strong> 个智能体
														
 
															+        </div>
														
 
															+      </div>
														
 
															+
														
 
															+      {/* 列表 */}
														
 
															+      {loading ? (
														
 
															+        <div className="agent-list-status">加载中...</div>
														
 
															+      ) : error ? (
														
 
															+        <div className="agent-list-status agent-list-error">{error}</div>
														
 
															+      ) : filtered.length === 0 ? (
														
 
															+        <div className="agent-list-status agent-list-empty">暂无符合条件的智能体</div>
														
 
															+      ) : (
														
 
															+        <div className="card-grid agent-list-grid">
														
 
															+          {filtered.map(agent => {
														
 
															+            const isImageIcon = agent.icon && typeof agent.icon === 'object' && agent.icon.type === 'image'
														
 
															+            return (
														
 
															+              <div
														
 
															+                key={agent.id}
														
 
															+                className={`card agent-list-card ${clickingId === agent.id ? 'is-loading' : ''}`}
														
 
															+                onClick={() => handleCardClick(agent)}
														
 
															+              >
														
 
															+                <div className="card-header">
														
 
															+                  <div
														
 
															+                    className="card-icon"
														
 
															+                    style={isImageIcon ? { background: agent.iconBackground, overflow: 'hidden' } : undefined}
														
 
															+                  >
														
 
															+                    {isImageIcon ? (
														
 
															+                      <img src={agent.icon.url} alt={agent.name} className="card-icon-img" />
														
 
															+                    ) : (
														
 
															+                      agent.icon
														
 
															+                    )}
														
 
															+                  </div>
														
 
															+                  <div className="agent-list-card-meta">
														
 
															+                    <div className="card-title">{agent.name}</div>
														
 
															+                    {agent.mode && <span className="agent-list-mode-tag">{MODE_LABEL[agent.mode] || agent.mode}</span>}
														
 
															+                  </div>
														
 
															+                  {clickingId === agent.id && <span className="agent-list-card-checking">校验中…</span>}
														
 
															+                </div>
														
 
															+                <div className="card-description">{agent.desc || '暂无描述'}</div>
														
 
															+                <div className="agent-list-card-foot">
														
 
															+                  {type === 'hot' || (sortBy === 'heat' && agent.heat > 0) ? (
														
 
															+                    <span className="agent-list-stat">
														
 
															+                      <span className="agent-list-stat-icon">🔥</span>
														
 
															+                      <span>{formatNumber(agent.heat)} 次使用</span>
														
 
															+                    </span>
														
 
															+                  ) : null}
														
 
															+                  {agent.created_at ? (
														
 
															+                    <span className="agent-list-stat agent-list-stat-time">
														
 
															+                      <span className="agent-list-stat-icon">🕒</span>
														
 
															+                      <span>{formatRelativeTime(agent.created_at)}</span>
														
 
															+                    </span>
														
 
															+                  ) : null}
														
 
															+                </div>
														
 
															+              </div>
														
 
															+            )
														
 
															+          })}
														
 
															+        </div>
														
 
															+      )}
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default AgentList
														
--- a/src/pages/AvailableAgents.jsx
+++ b/src/pages/AvailableAgents.jsx
@@ -0,0 +1,81 @@
 
															+import { Button, Card, Empty, Space, Tag, Typography } from '@arco-design/web-react'
														
 
															+import { IconApps, IconClockCircle, IconRobot } from '@arco-design/web-react/icon'
														
 
															+
														
 
															+function AvailableAgents() {
														
 
															+  const availableAgents = [
														
 
															+    {
														
 
															+      id: 1,
														
 
															+      name: '代码助手',
														
 
															+      description: '专业的代码开发和调试助手',
														
 
															+      icon: '💻',
														
 
															+      status: '可用',
														
 
															+      expires: '2024-12-31'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 2,
														
 
															+      name: '文档生成器',
														
 
															+      description: '自动化文档生成工具',
														
 
															+      icon: '📚',
														
 
															+      status: '可用',
														
 
															+      expires: '2024-12-31'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 3,
														
 
															+      name: '数据分析',
														
 
															+      description: '智能数据分析和可视化',
														
 
															+      icon: '📊',
														
 
															+      status: '可用',
														
 
															+      expires: '2024-06-30'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 4,
														
 
															+      name: '内容创作',
														
 
															+      description: 'AI 内容创作助手',
														
 
															+      icon: '✍️',
														
 
															+      status: '可用',
														
 
															+      expires: '2024-08-15'
														
 
															+    }
														
 
															+  ]
														
 
															+
														
 
															+  return (
														
 
															+    <div className="available-agents-page">
														
 
															+      <div className="available-agents-header">
														
 
															+        <div>
														
 
															+          <Typography.Title heading={4} className="available-agents-title">可用智能体</Typography.Title>
														
 
															+          <Typography.Text className="available-agents-subtitle">管理您已获取的智能体权限</Typography.Text>
														
 
															+        </div>
														
 
															+        <Tag color="arcoblue" className="available-agents-count-tag">{availableAgents.length} 个可用</Tag>
														
 
															+      </div>
														
 
															+
														
 
															+      <Card className="available-agents-card" bordered>
														
 
															+        {availableAgents.length === 0 ? (
														
 
															+          <Empty description="暂无可用智能体" />
														
 
															+        ) : (
														
 
															+          <div className="available-agents-list">
														
 
															+            {availableAgents.map(agent => (
														
 
															+              <div key={agent.id} className="available-agent-item">
														
 
															+                <div className="available-agent-main">
														
 
															+                  <div className="available-agent-icon">{agent.icon || <IconRobot />}</div>
														
 
															+                  <div className="available-agent-content">
														
 
															+                    <Typography.Text className="available-agent-name">{agent.name}</Typography.Text>
														
 
															+                    <Typography.Text className="available-agent-description">{agent.description}</Typography.Text>
														
 
															+                    <Space size={16} wrap className="available-agent-meta">
														
 
															+                      <span><IconApps />已授权</span>
														
 
															+                      <span><IconClockCircle />有效期至 {agent.expires}</span>
														
 
															+                    </Space>
														
 
															+                  </div>
														
 
															+                </div>
														
 
															+                <div className="available-agent-actions">
														
 
															+                  <Tag color="green" className="available-agent-status">{agent.status}</Tag>
														
 
															+                  <Button type="primary" className="available-agent-use-btn">立即使用</Button>
														
 
															+                </div>
														
 
															+              </div>
														
 
															+            ))}
														
 
															+          </div>
														
 
															+        )}
														
 
															+      </Card>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default AvailableAgents
														
--- a/src/pages/ExternalMock.jsx
+++ b/src/pages/ExternalMock.jsx
@@ -0,0 +1,62 @@
 
															+import { useLocation, useNavigate } from 'react-router-dom'
														
 
															+import Layout from '@/components/Layout'
														
 
															+
														
 
															+// 外部智能体(agent_pro source_type === 'external')的占位页面
														
 
															+//   my-recommended 接口会返回 source_type,external 类型的智能体
														
 
															+//   在此页面仅展示基础信息,不加载业务数据、不调用具体 API。
														
 
															+function ExternalMock() {
														
 
															+  const location = useLocation()
														
 
															+  const navigate = useNavigate()
														
 
															+  const state = location.state || {}
														
 
															+  const agent = state.agent || {}
														
 
															+  const name = agent.name || '外部智能体'
														
 
															+  const description = agent.desc || agent.description || '该智能体由外部系统提供,暂未对接具体业务。'
														
 
															+  const mode = agent.mode || ''
														
 
															+  const targetId = agent.id || ''
														
 
															+
														
 
															+  return (
														
 
															+    <Layout>
														
 
															+      <div className="page-content">
														
 
															+        <div className="page-header">
														
 
															+          <button className="page-back-btn" onClick={() => navigate(-1)}>← 返回</button>
														
 
															+          <h1 className="page-title">{name}</h1>
														
 
															+          <div className="page-subtitle">外部智能体(占位预览)</div>
														
 
															+        </div>
														
 
															+
														
 
															+        <div className="external-mock-card">
														
 
															+          <div className="external-mock-icon">🔌</div>
														
 
															+          <div className="external-mock-title">{name}</div>
														
 
															+          <div className="external-mock-desc">{description}</div>
														
 
															+
														
 
															+          <div className="external-mock-meta">
														
 
															+            <div className="external-mock-meta-item">
														
 
															+              <span className="external-mock-meta-label">来源类型</span>
														
 
															+              <span className="external-mock-meta-value">external</span>
														
 
															+            </div>
														
 
															+            {mode && (
														
 
															+              <div className="external-mock-meta-item">
														
 
															+                <span className="external-mock-meta-label">运行模式</span>
														
 
															+                <span className="external-mock-meta-value">{mode}</span>
														
 
															+              </div>
														
 
															+            )}
														
 
															+            <div className="external-mock-meta-item">
														
 
															+              <span className="external-mock-meta-label">目标 ID</span>
														
 
															+              <span className="external-mock-meta-value external-mock-meta-mono">{targetId}</span>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+
														
 
															+          <div className="external-mock-tip">
														
 
															+            <span className="external-mock-tip-icon">💡</span>
														
 
															+            <span>该智能体由外部系统提供,当前为占位页面,尚未对接具体业务能力。</span>
														
 
															+          </div>
														
 
															+
														
 
															+          <button className="external-mock-back" onClick={() => navigate('/plaza')}>
														
 
															+            返回广场
														
 
															+          </button>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </Layout>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default ExternalMock
														
--- a/src/pages/History.jsx
+++ b/src/pages/History.jsx
@@ -0,0 +1,88 @@
 
															+import { Button, Card, Empty, Space, Tag, Typography } from '@arco-design/web-react'
														
 
															+import { IconClockCircle, IconHistory, IconRobot } from '@arco-design/web-react/icon'
														
 
															+
														
 
															+function History() {
														
 
															+  const historyRecords = [
														
 
															+    {
														
 
															+      id: 1,
														
 
															+      agent: '代码助手',
														
 
															+      title: 'React 组件开发',
														
 
															+      time: '2024-01-15 14:30',
														
 
															+      duration: '15分钟'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 2,
														
 
															+      agent: '文档生成器',
														
 
															+      title: 'API 文档编写',
														
 
															+      time: '2024-01-15 11:20',
														
 
															+      duration: '8分钟'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 3,
														
 
															+      agent: '数据分析',
														
 
															+      title: '销售数据分析',
														
 
															+      time: '2024-01-14 16:45',
														
 
															+      duration: '22分钟'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 4,
														
 
															+      agent: '内容创作',
														
 
															+      title: '产品推广文案',
														
 
															+      time: '2024-01-14 10:15',
														
 
															+      duration: '12分钟'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 5,
														
 
															+      agent: '代码助手',
														
 
															+      title: 'Python 脚本调试',
														
 
															+      time: '2024-01-13 15:30',
														
 
															+      duration: '25分钟'
														
 
															+    },
														
 
															+    {
														
 
															+      id: 6,
														
 
															+      agent: '图像生成',
														
 
															+      title: '产品设计图',
														
 
															+      time: '2024-01-13 09:00',
														
 
															+      duration: '10分钟'
														
 
															+    }
														
 
															+  ]
														
 
															+
														
 
															+  return (
														
 
															+    <div className="history-page">
														
 
															+      <div className="history-page-header">
														
 
															+        <div>
														
 
															+          <Typography.Title heading={4} className="history-page-title">历史记录</Typography.Title>
														
 
															+          <Typography.Text className="history-page-subtitle">查看您使用智能体的历史记录</Typography.Text>
														
 
															+        </div>
														
 
															+        <Tag color="arcoblue" className="history-count-tag">{historyRecords.length} 条记录</Tag>
														
 
															+      </div>
														
 
															+
														
 
															+      <Card className="history-card" bordered>
														
 
															+        {historyRecords.length === 0 ? (
														
 
															+          <Empty description="暂无历史记录" />
														
 
															+        ) : (
														
 
															+          <div className="history-list">
														
 
															+            {historyRecords.map(record => (
														
 
															+              <div key={record.id} className="history-item">
														
 
															+                <div className="history-item-main">
														
 
															+                  <div className="history-item-icon"><IconHistory /></div>
														
 
															+                  <div className="history-item-content">
														
 
															+                    <Typography.Text className="history-item-title">{record.title}</Typography.Text>
														
 
															+                    <Space size={16} wrap className="history-item-meta">
														
 
															+                      <span><IconRobot />{record.agent}</span>
														
 
															+                      <span><IconClockCircle />{record.time}</span>
														
 
															+                      <span>耗时 {record.duration}</span>
														
 
															+                    </Space>
														
 
															+                  </div>
														
 
															+                </div>
														
 
															+                <Button type="text" status="normal" className="history-detail-btn">查看详情</Button>
														
 
															+              </div>
														
 
															+            ))}
														
 
															+          </div>
														
 
															+        )}
														
 
															+      </Card>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default History
														
--- a/src/pages/Login.css
+++ b/src/pages/Login.css
@@ -0,0 +1,238 @@
 
															+.login-container {
														
 
															+  min-height: 100vh;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 50%, #f8faff 100%);
														
 
															+  position: relative;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.bg-decoration {
														
 
															+  position: absolute;
														
 
															+  border-radius: 50%;
														
 
															+  filter: blur(80px);
														
 
															+  opacity: 0.4;
														
 
															+  pointer-events: none;
														
 
															+}
														
 
															+
														
 
															+.bg-decoration-1 {
														
 
															+  width: 400px;
														
 
															+  height: 400px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  top: -100px;
														
 
															+  left: -100px;
														
 
															+  animation: float 8s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+.bg-decoration-2 {
														
 
															+  width: 300px;
														
 
															+  height: 300px;
														
 
															+  background: linear-gradient(135deg, #00d4ff 0%, #667eea 100%);
														
 
															+  bottom: -50px;
														
 
															+  right: -50px;
														
 
															+  animation: float 6s ease-in-out infinite reverse;
														
 
															+}
														
 
															+
														
 
															+.bg-decoration-3 {
														
 
															+  width: 250px;
														
 
															+  height: 250px;
														
 
															+  background: linear-gradient(135deg, #764ba2 0%, #00d4ff 100%);
														
 
															+  top: 50%;
														
 
															+  left: 50%;
														
 
															+  transform: translate(-50%, -50%);
														
 
															+  animation: pulse 4s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes float {
														
 
															+  0%, 100% {
														
 
															+    transform: translate(0, 0);
														
 
															+  }
														
 
															+  50% {
														
 
															+    transform: translate(30px, 30px);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+@keyframes pulse {
														
 
															+  0%, 100% {
														
 
															+    opacity: 0.2;
														
 
															+    transform: translate(-50%, -50%) scale(1);
														
 
															+  }
														
 
															+  50% {
														
 
															+    opacity: 0.4;
														
 
															+    transform: translate(-50%, -50%) scale(1.1);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.login-box {
														
 
															+  background: rgba(255, 255, 255, 0.9);
														
 
															+  backdrop-filter: blur(20px);
														
 
															+  border-radius: 24px;
														
 
															+  padding: 48px;
														
 
															+  width: 100%;
														
 
															+  max-width: 440px;
														
 
															+  box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15), 0 8px 25px rgba(118, 75, 162, 0.1);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+}
														
 
															+
														
 
															+.login-header {
														
 
															+  text-align: center;
														
 
															+  margin-bottom: 40px;
														
 
															+}
														
 
															+
														
 
															+.logo-icon {
														
 
															+  width: 64px;
														
 
															+  height: 64px;
														
 
															+  margin: 0 auto 20px;
														
 
															+  border-radius: 16px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 32px;
														
 
															+  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
														
 
															+  animation: glow-pulse 2.5s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+.login-logo {
														
 
															+  width: 80px;
														
 
															+  height: 80px;
														
 
															+  margin: 0 auto 20px;
														
 
															+  display: block;
														
 
															+  object-fit: contain;
														
 
															+  filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
														
 
															+}
														
 
															+
														
 
															+@keyframes glow-pulse {
														
 
															+  0%, 100% {
														
 
															+    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
														
 
															+  }
														
 
															+  50% {
														
 
															+    box-shadow: 0 8px 40px rgba(102, 126, 234, 0.5);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.login-title {
														
 
															+  font-size: 28px;
														
 
															+  font-weight: 800;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #00d4ff 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  margin-bottom: 8px;
														
 
															+}
														
 
															+
														
 
															+.login-subtitle {
														
 
															+  color: #64748b;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.login-form {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 24px;
														
 
															+}
														
 
															+
														
 
															+.form-group {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.form-label {
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1e293b;
														
 
															+}
														
 
															+
														
 
															+.form-input {
														
 
															+  padding: 14px 18px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 15px;
														
 
															+  background: rgba(255, 255, 255, 0.8);
														
 
															+  transition: all 0.3s ease;
														
 
															+  outline: none;
														
 
															+}
														
 
															+
														
 
															+.form-input:focus {
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
														
 
															+  background: #fff;
														
 
															+}
														
 
															+
														
 
															+.form-input::placeholder {
														
 
															+  color: #94a3b8;
														
 
															+}
														
 
															+
														
 
															+.password-input-wrapper {
														
 
															+  position: relative;
														
 
															+}
														
 
															+
														
 
															+.password-input {
														
 
															+  width: 100%;
														
 
															+  padding-right: 56px;
														
 
															+}
														
 
															+
														
 
															+.toggle-password-btn {
														
 
															+  position: absolute;
														
 
															+  right: 8px;
														
 
															+  top: 50%;
														
 
															+  transform: translateY(-50%);
														
 
															+  background: none;
														
 
															+  border: none;
														
 
															+  font-size: 20px;
														
 
															+  cursor: pointer;
														
 
															+  padding: 8px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  border-radius: 8px;
														
 
															+  transition: background 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.toggle-password-btn:hover {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+}
														
 
															+
														
 
															+.error-message {
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+  border: 1px solid rgba(239, 68, 68, 0.3);
														
 
															+  color: #dc2626;
														
 
															+  padding: 12px 16px;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 500;
														
 
															+  text-align: center;
														
 
															+}
														
 
															+
														
 
															+.login-btn {
														
 
															+  padding: 16px;
														
 
															+  border: none;
														
 
															+  border-radius: 12px;
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 700;
														
 
															+  color: white;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.login-btn:hover:not(:disabled) {
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 12px 35px rgba(102, 126, 234, 0.4);
														
 
															+  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
														
 
															+}
														
 
															+
														
 
															+.login-btn:active:not(:disabled) {
														
 
															+  transform: translateY(0);
														
 
															+}
														
 
															+
														
 
															+.login-btn:disabled {
														
 
															+  opacity: 0.6;
														
 
															+  cursor: not-allowed;
														
 
															+}
														
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -0,0 +1,161 @@
 
															+import { useState } from 'react'
														
 
															+import { useNavigate } from 'react-router-dom'
														
 
															+import { useAuth } from '@/contexts/AuthContext'
														
 
															+import { encryptPassword } from '@/utils/encryption'
														
 
															+import { setLoggedIn } from '@/utils/auth'
														
 
															+import { emailRegex, API_PREFIX } from '@/config'
														
 
															+import './Login.css'
														
 
															+
														
 
															+export default function Login() {
														
 
															+  const navigate = useNavigate()
														
 
															+  const { login } = useAuth()
														
 
															+  const [email, setEmail] = useState('')
														
 
															+  const [password, setPassword] = useState('')
														
 
															+  const [showPassword, setShowPassword] = useState(false)
														
 
															+  const [isLoading, setIsLoading] = useState(false)
														
 
															+  const [error, setError] = useState('')
														
 
															+
														
 
															+  const handleLogin = async (e) => {
														
 
															+    e.preventDefault()
														
 
															+    setError('')
														
 
															+
														
 
															+    if (!email) {
														
 
															+      setError('请输入邮箱')
														
 
															+      return
														
 
															+    }
														
 
															+    if (!emailRegex.test(email)) {
														
 
															+      setError('请输入有效的邮箱地址')
														
 
															+      return
														
 
															+    }
														
 
															+    if (!password?.trim()) {
														
 
															+      setError('请输入密码')
														
 
															+      return
														
 
															+    }
														
 
															+
														
 
															+    try {
														
 
															+      setIsLoading(true)
														
 
															+      const encryptedPwd = encryptPassword(password)
														
 
															+      
														
 
															+      const response = await fetch(`${API_PREFIX}/login`, {
														
 
															+        method: 'POST',
														
 
															+        headers: {
														
 
															+          'Content-Type': 'application/json',
														
 
															+        },
														
 
															+        body: JSON.stringify({
														
 
															+          email,
														
 
															+          password: encryptedPwd,
														
 
															+          language: 'zh-Hans',
														
 
															+          remember_me: true,
														
 
															+        }),
														
 
															+        credentials: 'include',
														
 
															+      })
														
 
															+
														
 
															+      const res = await response.json()
														
 
															+
														
 
															+      // 调试：登录响应原始结构（确认 access_token 在不在 body 里）
														
 
															+      console.log('[Login] raw response →', res)
														
 
															+
														
 
															+      if (res.result === 'success') {
														
 
															+        // 登录成功，提取 access_token 存到 localStorage
														
 
															+        // Dify 不同版本响应结构：
														
 
															+        //   { result: 'success', data: { access_token, refresh_token, ... } }
														
 
															+        //   { result: 'success', access_token, refresh_token, ... }（挂在根上）
														
 
															+        //   { result: 'success', token: '...' }（少数版本）
														
 
															+        const dataObj = (res.data && typeof res.data === 'object') ? res.data : {}
														
 
															+        const token =
														
 
															+          dataObj.access_token ||
														
 
															+          res.access_token ||
														
 
															+          res.token ||
														
 
															+          ''
														
 
															+        if (token) {
														
 
															+          try { localStorage.setItem('access_token', token) } catch (_) {}
														
 
															+        }
														
 
															+        // 登录成功，设置登录标记
														
 
															+        setLoggedIn()
														
 
															+        login()
														
 
															+        navigate('/')
														
 
															+      } else {
														
 
															+        setError(typeof res.data === 'string' ? res.data : '登录失败')
														
 
															+      }
														
 
															+    } catch (err) {
														
 
															+      console.error('Login error:', err)
														
 
															+      if (err.code === 'authentication_failed') {
														
 
															+        setError('邮箱或密码错误')
														
 
															+      } else {
														
 
															+        setError(err.message || '登录失败，请稍后重试')
														
 
															+      }
														
 
															+    } finally {
														
 
															+      setIsLoading(false)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <div className="login-container">
														
 
															+      <div className="login-box">
														
 
															+        <div className="login-header">
														
 
															+          <img src="/logo.png" alt="Logo" className="login-logo" />
														
 
															+          <h1 className="login-title">AI Agent 智能体平台</h1>
														
 
															+          <p className="login-subtitle">登录以继续使用</p>
														
 
															+        </div>
														
 
															+
														
 
															+        <form className="login-form" onSubmit={handleLogin}>
														
 
															+          <div className="form-group">
														
 
															+            <label className="form-label">邮箱</label>
														
 
															+            <input
														
 
															+              type="email"
														
 
															+              className="form-input"
														
 
															+              value={email}
														
 
															+              onChange={(e) => setEmail(e.target.value)}
														
 
															+              placeholder="请输入邮箱"
														
 
															+              autoComplete="email"
														
 
															+            />
														
 
															+          </div>
														
 
															+
														
 
															+          <div className="form-group">
														
 
															+            <label className="form-label">密码</label>
														
 
															+            <div className="password-input-wrapper">
														
 
															+              <input
														
 
															+                type={showPassword ? 'text' : 'password'}
														
 
															+                className="form-input password-input"
														
 
															+                value={password}
														
 
															+                onChange={(e) => setPassword(e.target.value)}
														
 
															+                onKeyDown={(e) => {
														
 
															+                  if (e.key === 'Enter') {
														
 
															+                    handleLogin(e)
														
 
															+                  }
														
 
															+                }}
														
 
															+                placeholder="请输入密码"
														
 
															+                autoComplete="current-password"
														
 
															+              />
														
 
															+              <button
														
 
															+                type="button"
														
 
															+                className="toggle-password-btn"
														
 
															+                onClick={() => setShowPassword(!showPassword)}
														
 
															+              >
														
 
															+                {showPassword ? '👀' : '😝'}
														
 
															+              </button>
														
 
															+            </div>
														
 
															+          </div>
														
 
															+
														
 
															+          {error && (
														
 
															+            <div className="error-message">
														
 
															+              {error}
														
 
															+            </div>
														
 
															+          )}
														
 
															+
														
 
															+          <button
														
 
															+            type="submit"
														
 
															+            className="login-btn"
														
 
															+            disabled={isLoading || !email || !password}
														
 
															+          >
														
 
															+            {isLoading ? '登录中...' : '登录'}
														
 
															+          </button>
														
 
															+        </form>
														
 
															+      </div>
														
 
															+
														
 
															+      <div className="bg-decoration bg-decoration-1"></div>
														
 
															+      <div className="bg-decoration bg-decoration-2"></div>
														
 
															+      <div className="bg-decoration bg-decoration-3"></div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
--- a/src/pages/Plaza.css
+++ b/src/pages/Plaza.css
@@ -0,0 +1,1455 @@
 
															+.plaza-container {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 20px;
														
 
															+}
														
 
															+
														
 
															+/* 顶部 Hero 区 */
														
 
															+.plaza-hero {
														
 
															+  position: relative;
														
 
															+  background: linear-gradient(135deg, #f0f4ff 0%, #e8f0ff 50%, #dfeaff 100%);
														
 
															+  border-radius: 16px;
														
 
															+  padding: 40px 48px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  overflow: hidden;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.12);
														
 
															+  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.08);
														
 
															+}
														
 
															+
														
 
															+/* 紧凑型 Hero：居中、低高度 */
														
 
															+.plaza-hero-compact {
														
 
															+  padding: 18px 32px;
														
 
															+  justify-content: center;
														
 
															+  text-align: center;
														
 
															+  min-height: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-compact .plaza-hero-content {
														
 
															+  flex: 0 1 auto;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-compact .plaza-hero-title {
														
 
															+  justify-content: center;
														
 
															+  font-size: 26px;
														
 
															+  margin-bottom: 6px;
														
 
															+  gap: 8px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-compact .plaza-hero-icon {
														
 
															+  font-size: 24px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-compact .plaza-hero-desc {
														
 
															+  font-size: 13px;
														
 
															+  margin: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero::before {
														
 
															+  content: '';
														
 
															+  position: absolute;
														
 
															+  top: -50%;
														
 
															+  right: -10%;
														
 
															+  width: 400px;
														
 
															+  height: 400px;
														
 
															+  background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);
														
 
															+  border-radius: 50%;
														
 
															+  pointer-events: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-content {
														
 
															+  flex: 1;
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-title {
														
 
															+  font-size: 36px;
														
 
															+  font-weight: 800;
														
 
															+  margin: 0 0 12px 0;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #5a4fcf 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  letter-spacing: 1px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-icon {
														
 
															+  font-size: 32px;
														
 
															+  -webkit-text-fill-color: initial;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-desc {
														
 
															+  font-size: 15px;
														
 
															+  color: #5a5a5a;
														
 
															+  margin: 0;
														
 
															+  font-weight: 400;
														
 
															+  line-height: 1.6;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-create-btn {
														
 
															+  position: relative;
														
 
															+  z-index: 1;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  padding: 12px 24px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  border: none;
														
 
															+  border-radius: 12px;
														
 
															+  color: white;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
														
 
															+  transition: all 0.3s ease;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-create-btn:hover {
														
 
															+  transform: translateY(-2px);
														
 
															+  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.45);
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-create-btn span {
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  line-height: 1;
														
 
															+}
														
 
															+
														
 
															+/* 三列列表 */
														
 
															+.plaza-section {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.plaza-section-lists {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(3, 1fr);
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-card {
														
 
															+  background: white;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 14px;
														
 
															+  overflow: hidden;
														
 
															+  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.06);
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-header {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  padding: 14px 18px;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.05) 100%);
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.1);
														
 
															+}
														
 
															+
														
 
															+.plaza-list-title {
														
 
															+  font-size: 16px;
														
 
															+  font-weight: 700;
														
 
															+  color: #1a1a1a;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+}
														
 
															+
														
 
															+.plaza-title-icon {
														
 
															+  font-size: 18px;
														
 
															+}
														
 
															+
														
 
															+/* 列表标题后的小标注(如"热门智能体（近7d）") */
														
 
															+.plaza-title-badge {
														
 
															+  margin-left: 4px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #ff6b35;
														
 
															+  font-family: inherit;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-more {
														
 
															+  font-size: 12px;
														
 
															+  color: #667eea;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  user-select: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-more:hover {
														
 
															+  color: #764ba2;
														
 
															+  transform: translateX(2px);
														
 
															+}
														
 
															+
														
 
															+.plaza-list-more:active {
														
 
															+  color: #4c51bf;
														
 
															+}
														
 
															+
														
 
															+.plaza-list {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  max-height: 520px;
														
 
															+  overflow-y: auto;
														
 
															+}
														
 
															+
														
 
															+.plaza-list::-webkit-scrollbar {
														
 
															+  width: 8px;
														
 
															+}
														
 
															+
														
 
															+.plaza-list::-webkit-scrollbar-track {
														
 
															+  background: #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.plaza-list::-webkit-scrollbar-thumb {
														
 
															+  background: #c9cdd4;
														
 
															+  border: 2px solid #f7f8fa;
														
 
															+  border-radius: 999px;
														
 
															+}
														
 
															+
														
 
															+.plaza-list::-webkit-scrollbar-thumb:hover {
														
 
															+  background: #a9aeb8;
														
 
															+}
														
 
															+
														
 
															+/* 列表行 */
														
 
															+.plaza-table-row {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 10px;
														
 
															+  padding: 10px 18px;
														
 
															+  border-bottom: 1px solid rgba(102, 126, 234, 0.06);
														
 
															+  transition: background 0.2s ease;
														
 
															+  cursor: pointer;
														
 
															+}
														
 
															+
														
 
															+.plaza-table-row:hover {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.04) 0%, rgba(118, 75, 162, 0.02) 100%);
														
 
															+}
														
 
															+
														
 
															+.plaza-table-row:last-child {
														
 
															+  border-bottom: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-rank {
														
 
															+  width: 18px;
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 700;
														
 
															+  color: #667eea;
														
 
															+  text-align: center;
														
 
															+  flex-shrink: 0;
														
 
															+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-icon {
														
 
															+  width: 30px;
														
 
															+  height: 30px;
														
 
															+  border-radius: 8px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 18px;
														
 
															+  flex-shrink: 0;
														
 
															+  line-height: 1;
														
 
															+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-info {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 2px;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-name {
														
 
															+  font-size: 13px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1a1a1a;
														
 
															+  white-space: nowrap;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-extra {
														
 
															+  flex-shrink: 0;
														
 
															+  font-size: 12px;
														
 
															+  color: #999;
														
 
															+  text-align: right;
														
 
															+  white-space: nowrap;
														
 
															+  max-width: 140px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: flex-end;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-heat {
														
 
															+  color: #667eea;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-author {
														
 
															+  color: #888;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-username {
														
 
															+  color: #667eea;
														
 
															+  font-weight: 500;
														
 
															+  margin-right: 2px;
														
 
															+}
														
 
															+
														
 
															+/* 推荐智能体列：创建人 + 时间 组合块 */
														
 
															+.plaza-extra-author-block {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  max-width: 100%;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-author-block .plaza-extra-username {
														
 
															+  max-width: 80px;
														
 
															+  white-space: nowrap;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+}
														
 
															+
														
 
															+/* 热度徽章（热门智能体列） */
														
 
															+.plaza-extra-heat-badge {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 3px;
														
 
															+  padding: 2px 8px;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 1.4;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-normal {
														
 
															+  color: #999;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top {
														
 
															+  color: white;
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top-1 {
														
 
															+  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
														
 
															+  box-shadow: 0 2px 6px rgba(255, 107, 53, 0.35);
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top-2 {
														
 
															+  background: linear-gradient(135deg, #ffa726 0%, #ffb74d 100%);
														
 
															+  box-shadow: 0 2px 6px rgba(255, 167, 38, 0.35);
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top-3 {
														
 
															+  background: linear-gradient(135deg, #ffca28 0%, #ffd54f 100%);
														
 
															+  box-shadow: 0 2px 6px rgba(255, 202, 40, 0.35);
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-fire {
														
 
															+  font-size: 12px;
														
 
															+  line-height: 1;
														
 
															+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
														
 
															+}
														
 
															+
														
 
															+/* 时间分级（最新智能体列） */
														
 
															+.plaza-extra-time {
														
 
															+  display: inline-block;
														
 
															+  padding: 2px 8px;
														
 
															+  border-radius: 10px;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 1.4;
														
 
															+  white-space: nowrap;
														
 
															+  color: #5a5a5a;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+  font-variant-numeric: tabular-nums;
														
 
															+}
														
 
															+
														
 
															+.plaza-time-最新 {
														
 
															+  color: #fff;
														
 
															+  background: linear-gradient(135deg, #ff4d4f 0%, #ff7875 100%);
														
 
															+  box-shadow: 0 2px 6px rgba(255, 77, 79, 0.3);
														
 
															+}
														
 
															+
														
 
															+.plaza-time-今日 {
														
 
															+  color: #fff;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
														
 
															+}
														
 
															+
														
 
															+.plaza-time-昨日 {
														
 
															+  color: #667eea;
														
 
															+  background: rgba(102, 126, 234, 0.12);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+}
														
 
															+
														
 
															+.plaza-time-近三天 {
														
 
															+  color: #5a5a5a;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+}
														
 
															+
														
 
															+.plaza-time-一周内 {
														
 
															+  color: #5a5a5a;
														
 
															+  background: rgba(102, 126, 234, 0.06);
														
 
															+}
														
 
															+
														
 
															+/* 系统智能体 */
														
 
															+.plaza-section-header {
														
 
															+  padding: 0 4px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 12px;
														
 
															+}
														
 
															+
														
 
															+.plaza-section-title {
														
 
															+  font-size: 20px;
														
 
															+  font-weight: 700;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
														
 
															+  -webkit-background-clip: text;
														
 
															+  -webkit-text-fill-color: transparent;
														
 
															+  background-clip: text;
														
 
															+  margin: 0;
														
 
															+  letter-spacing: 0.5px;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-grid {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(6, 1fr);
														
 
															+  gap: 14px;
														
 
															+  background: rgba(255, 255, 255, 0.7);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.15);
														
 
															+  border-radius: 14px;
														
 
															+  padding: 20px 16px;
														
 
															+  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.06);
														
 
															+}
														
 
															+
														
 
															+.plaza-system-item {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  padding: 10px 6px;
														
 
															+  border-radius: 10px;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.3s ease;
														
 
															+}
														
 
															+
														
 
															+/* 系统智能体小卡片(6 个时使用,显示 logo+名称+介绍) */
														
 
															+.plaza-system-card {
														
 
															+  align-items: flex-start;
														
 
															+  gap: 10px;
														
 
															+  padding: 14px;
														
 
															+  background: #ffffff;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.12);
														
 
															+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.06);
														
 
															+  min-height: 132px;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-card:hover {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.06) 0%, rgba(118, 75, 162, 0.03) 100%);
														
 
															+  transform: translateY(-3px);
														
 
															+  box-shadow: 0 8px 22px rgba(102, 126, 234, 0.18);
														
 
															+  border-color: rgba(102, 126, 234, 0.32);
														
 
															+}
														
 
															+
														
 
															+.plaza-system-item:hover {
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.06) 100%);
														
 
															+  transform: translateY(-3px);
														
 
															+  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.plaza-system-icon {
														
 
															+  width: 42px;
														
 
															+  height: 42px;
														
 
															+  border-radius: 12px;
														
 
															+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  font-size: 22px;
														
 
															+  box-shadow: 0 4px 10px rgba(102, 126, 234, 0.3);
														
 
															+  transition: all 0.3s ease;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+/* 卡片态:logo 在顶部左对齐 */
														
 
															+.plaza-system-card .plaza-system-icon {
														
 
															+  width: 48px;
														
 
															+  height: 48px;
														
 
															+  border-radius: 12px;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-item:hover .plaza-system-icon {
														
 
															+  transform: rotate(8deg) scale(1.05);
														
 
															+}
														
 
															+
														
 
															+.plaza-system-name {
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  color: #1a1a1a;
														
 
															+  text-align: center;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+/* 卡片态:名称左对齐 + 加大字号 */
														
 
															+.plaza-system-card .plaza-system-name {
														
 
															+  font-size: 14px;
														
 
															+  text-align: left;
														
 
															+  width: 100%;
														
 
															+  white-space: nowrap;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+}
														
 
															+
														
 
															+/* 系统智能体介绍(卡片专属) */
														
 
															+.plaza-system-desc {
														
 
															+  display: none;  /* 默认隐藏(非卡片态) */
														
 
															+}
														
 
															+
														
 
															+/* 卡片态:显示介绍,2 行截断 */
														
 
															+.plaza-system-card .plaza-system-desc {
														
 
															+  display: -webkit-box;
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+  line-height: 1.5;
														
 
															+  text-align: left;
														
 
															+  width: 100%;
														
 
															+  -webkit-line-clamp: 2;
														
 
															+  -webkit-box-orient: vertical;
														
 
															+  overflow: hidden;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-more .plaza-system-icon {
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  border: 2px dashed rgba(102, 126, 234, 0.4);
														
 
															+  box-shadow: none;
														
 
															+  font-size: 18px;
														
 
															+  font-weight: 700;
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+/* 系统智能体：图片类型 icon */
														
 
															+.plaza-system-icon-img {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+  border-radius: inherit;
														
 
															+  object-fit: cover;
														
 
															+  display: block;
														
 
															+}
														
 
															+
														
 
															+/* 系统智能体：加载/错误/空状态(横跨整行) */
														
 
															+.plaza-system-status {
														
 
															+  grid-column: 1 / -1;
														
 
															+  text-align: center;
														
 
															+  font-size: 13px;
														
 
															+  padding: 32px 16px;
														
 
															+  color: #94a3b8;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-loading {
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-error {
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-empty {
														
 
															+  color: #94a3b8;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-more .plaza-system-name {
														
 
															+  color: #667eea;
														
 
															+  font-weight: 700;
														
 
															+}
														
 
															+
														
 
															+/* ============ 智能体列表页(/agents) ============ */
														
 
															+.agent-list-page {
														
 
															+  max-width: 1280px;
														
 
															+  margin: 0 auto;
														
 
															+}
														
 
															+
														
 
															+.agent-list-header {
														
 
															+  position: relative;
														
 
															+  margin-bottom: 24px;
														
 
															+}
														
 
															+
														
 
															+.agent-list-back {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 6px;
														
 
															+  padding: 6px 14px;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.25);
														
 
															+  border-radius: 999px;
														
 
															+  color: #667eea;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+  margin-bottom: 12px;
														
 
															+}
														
 
															+
														
 
															+.agent-list-back:hover {
														
 
															+  background: rgba(102, 126, 234, 0.16);
														
 
															+  border-color: rgba(102, 126, 234, 0.45);
														
 
															+  transform: translateX(-2px);
														
 
															+}
														
 
															+
														
 
															+.agent-list-filters {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  padding: 14px 18px;
														
 
															+  background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.18);
														
 
															+  border-radius: 14px;
														
 
															+  box-shadow: 0 4px 16px rgba(102, 126, 234, 0.06);
														
 
															+  margin-bottom: 24px;
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search {
														
 
															+  position: relative;
														
 
															+  flex: 1;
														
 
															+  min-width: 220px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 8px;
														
 
															+  padding: 0 12px;
														
 
															+  height: 36px;
														
 
															+  background: rgba(102, 126, 234, 0.04);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 10px;
														
 
															+  color: #94a3b8;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search:focus-within {
														
 
															+  background: #ffffff;
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+  color: #667eea;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search input {
														
 
															+  flex: 1;
														
 
															+  border: none;
														
 
															+  outline: none;
														
 
															+  background: transparent;
														
 
															+  font-size: 13px;
														
 
															+  color: #1e293b;
														
 
															+  min-width: 0;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search input::placeholder {
														
 
															+  color: #94a3b8;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search-clear {
														
 
															+  border: none;
														
 
															+  background: transparent;
														
 
															+  color: #94a3b8;
														
 
															+  font-size: 18px;
														
 
															+  line-height: 1;
														
 
															+  cursor: pointer;
														
 
															+  padding: 0 4px;
														
 
															+  border-radius: 4px;
														
 
															+  transition: all 0.15s;
														
 
															+}
														
 
															+
														
 
															+.agent-list-search-clear:hover {
														
 
															+  color: #ef4444;
														
 
															+  background: rgba(239, 68, 68, 0.1);
														
 
															+}
														
 
															+
														
 
															+.agent-list-select {
														
 
															+  position: relative;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.agent-list-select select {
														
 
															+  appearance: none;
														
 
															+  -webkit-appearance: none;
														
 
															+  height: 36px;
														
 
															+  padding: 0 32px 0 14px;
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 10px;
														
 
															+  background: rgba(255, 255, 255, 0.8)
														
 
															+    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")
														
 
															+    no-repeat right 10px center;
														
 
															+  font-size: 13px;
														
 
															+  color: #334155;
														
 
															+  font-family: inherit;
														
 
															+  cursor: pointer;
														
 
															+  transition: all 0.2s ease;
														
 
															+}
														
 
															+
														
 
															+.agent-list-select select:hover {
														
 
															+  border-color: rgba(102, 126, 234, 0.4);
														
 
															+  background-color: #ffffff;
														
 
															+}
														
 
															+
														
 
															+.agent-list-select select:focus {
														
 
															+  outline: none;
														
 
															+  border-color: #667eea;
														
 
															+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.12);
														
 
															+}
														
 
															+
														
 
															+.agent-list-result-count {
														
 
															+  margin-left: auto;
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.agent-list-result-count strong {
														
 
															+  color: #667eea;
														
 
															+  font-weight: 700;
														
 
															+  font-size: 13px;
														
 
															+}
														
 
															+
														
 
															+.agent-list-grid {
														
 
															+  /* 卡片网格(自动填充) */
														
 
															+}
														
 
															+
														
 
															+.agent-list-card {
														
 
															+  cursor: pointer;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+}
														
 
															+
														
 
															+.agent-list-card.is-loading {
														
 
															+  opacity: 0.6;
														
 
															+  pointer-events: none;
														
 
															+}
														
 
															+
														
 
															+.agent-list-card-meta {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 4px;
														
 
															+}
														
 
															+
														
 
															+.agent-list-mode-tag {
														
 
															+  display: inline-block;
														
 
															+  padding: 2px 8px;
														
 
															+  background: rgba(102, 126, 234, 0.08);
														
 
															+  border: 1px solid rgba(102, 126, 234, 0.2);
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 600;
														
 
															+  color: #667eea;
														
 
															+  align-self: flex-start;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.agent-list-card-checking {
														
 
															+  flex-shrink: 0;
														
 
															+  font-size: 11px;
														
 
															+  font-weight: 600;
														
 
															+  color: #667eea;
														
 
															+  background: rgba(102, 126, 234, 0.1);
														
 
															+  padding: 2px 8px;
														
 
															+  border-radius: 4px;
														
 
															+  animation: agentListPulse 1.4s ease-in-out infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes agentListPulse {
														
 
															+  0%, 100% { opacity: 0.5; }
														
 
															+  50%      { opacity: 1; }
														
 
															+}
														
 
															+
														
 
															+.card-icon-img {
														
 
															+  width: 100%;
														
 
															+  height: 100%;
														
 
															+  object-fit: cover;
														
 
															+  border-radius: inherit;
														
 
															+  display: block;
														
 
															+}
														
 
															+
														
 
															+.agent-list-card-foot {
														
 
															+  display: flex;
														
 
															+  gap: 14px;
														
 
															+  margin-top: 16px;
														
 
															+  padding-top: 14px;
														
 
															+  border-top: 1px dashed rgba(102, 126, 234, 0.15);
														
 
															+  flex-wrap: wrap;
														
 
															+}
														
 
															+
														
 
															+.agent-list-stat {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+  font-size: 12px;
														
 
															+  color: #64748b;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.agent-list-stat-icon {
														
 
															+  font-size: 13px;
														
 
															+  line-height: 1;
														
 
															+  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', sans-serif;
														
 
															+}
														
 
															+
														
 
															+.agent-list-status {
														
 
															+  text-align: center;
														
 
															+  padding: 60px 20px;
														
 
															+  font-size: 14px;
														
 
															+  color: #94a3b8;
														
 
															+  font-weight: 500;
														
 
															+}
														
 
															+
														
 
															+.agent-list-error {
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+.agent-list-empty {
														
 
															+  color: #94a3b8;
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 720px) {
														
 
															+  .agent-list-filters {
														
 
															+    flex-direction: column;
														
 
															+    align-items: stretch;
														
 
															+  }
														
 
															+  .agent-list-result-count {
														
 
															+    margin-left: 0;
														
 
															+    text-align: right;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+/* 状态 */
														
 
															+.plaza-loading,
														
 
															+.plaza-empty,
														
 
															+.plaza-error {
														
 
															+  padding: 30px 20px;
														
 
															+  text-align: center;
														
 
															+  font-size: 13px;
														
 
															+  color: #999;
														
 
															+}
														
 
															+
														
 
															+.plaza-error {
														
 
															+  color: #dc2626;
														
 
															+}
														
 
															+
														
 
															+/* 行点击与校验中状态 */
														
 
															+.plaza-table-row {
														
 
															+  cursor: pointer;
														
 
															+  user-select: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-loading {
														
 
															+  pointer-events: none;
														
 
															+  opacity: 0.7;
														
 
															+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.04) 100%) !important;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-checking {
														
 
															+  color: #667eea;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 500;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  gap: 4px;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-checking::before {
														
 
															+  content: '';
														
 
															+  width: 10px;
														
 
															+  height: 10px;
														
 
															+  border: 2px solid rgba(102, 126, 234, 0.3);
														
 
															+  border-top-color: #667eea;
														
 
															+  border-radius: 50%;
														
 
															+  animation: plazaSpin 0.8s linear infinite;
														
 
															+}
														
 
															+
														
 
															+@keyframes plazaSpin {
														
 
															+  to { transform: rotate(360deg); }
														
 
															+}
														
 
															+
														
 
															+/* 响应式 */
														
 
															+@media (max-width: 1200px) {
														
 
															+  .plaza-section-lists {
														
 
															+    grid-template-columns: 1fr;
														
 
															+  }
														
 
															+  .plaza-system-grid {
														
 
															+    grid-template-columns: repeat(6, 1fr);
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 768px) {
														
 
															+  .plaza-system-grid {
														
 
															+    grid-template-columns: repeat(4, 1fr);
														
 
															+  }
														
 
															+  .plaza-hero {
														
 
															+    flex-direction: column;
														
 
															+    gap: 20px;
														
 
															+    text-align: center;
														
 
															+  }
														
 
															+  .plaza-hero-title {
														
 
															+    font-size: 28px;
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+.plaza-container {
														
 
															+  gap: 24px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero.arco-card {
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: none;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero .arco-card-body {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: space-between;
														
 
															+  gap: 24px;
														
 
															+  padding: 24px 28px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero::before {
														
 
															+  display: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-content {
														
 
															+  flex: 1;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-compact .plaza-hero-title.arco-typography {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: flex-start;
														
 
															+  gap: 10px;
														
 
															+  margin: 0 0 8px;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 28px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 36px;
														
 
															+  background: none;
														
 
															+  -webkit-text-fill-color: currentColor;
														
 
															+  letter-spacing: 0;
														
 
															+  min-width: 0;
														
 
															+  max-width: 100%;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-icon {
														
 
															+  width: 36px;
														
 
															+  height: 36px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  border-radius: 4px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 20px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-desc.arco-typography {
														
 
															+  display: block;
														
 
															+  max-width: 760px;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 14px;
														
 
															+  line-height: 22px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-stats {
														
 
															+  display: flex;
														
 
															+  gap: 12px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-stats div {
														
 
															+  min-width: 98px;
														
 
															+  padding: 12px 14px;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #f7f8fa;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-stats strong {
														
 
															+  display: block;
														
 
															+  color: #165dff;
														
 
															+  font-size: 22px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 28px;
														
 
															+}
														
 
															+
														
 
															+.plaza-hero-stats span {
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  line-height: 20px;
														
 
															+}
														
 
															+
														
 
															+.plaza-section-lists {
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-card.arco-card {
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: none;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-card .arco-card-body {
														
 
															+  padding: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-header {
														
 
															+  min-height: 48px;
														
 
															+  padding: 12px 16px;
														
 
															+  background: #ffffff;
														
 
															+  border-bottom: 1px solid #f2f3f5;
														
 
															+  gap: 8px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-title {
														
 
															+  min-width: 0;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-title-icon {
														
 
															+  width: 24px;
														
 
															+  height: 24px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  border-radius: 4px;
														
 
															+  background: #f2f3f5;
														
 
															+  font-size: 14px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-title-badge {
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 400;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-more.arco-btn-text {
														
 
															+  height: 24px;
														
 
															+  padding: 0 6px;
														
 
															+  color: #165dff;
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 12px;
														
 
															+  flex-shrink: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-list-more.arco-btn-text:hover {
														
 
															+  background: #e8f3ff;
														
 
															+  color: #4080ff;
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-list {
														
 
															+  max-height: 420px;
														
 
															+}
														
 
															+
														
 
															+.plaza-table-row {
														
 
															+  min-height: 58px;
														
 
															+  gap: 10px;
														
 
															+  padding: 12px 16px;
														
 
															+  border-bottom: 1px solid #f2f3f5;
														
 
															+  background: #ffffff;
														
 
															+  transition: background-color 0.2s ease;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-table-row:hover {
														
 
															+  background: #f7f8fa;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-rank {
														
 
															+  width: 22px;
														
 
															+  color: #86909c;
														
 
															+  font-size: 12px;
														
 
															+  font-weight: 600;
														
 
															+  font-family: inherit;
														
 
															+}
														
 
															+
														
 
															+.plaza-table-row:nth-child(1) .plaza-row-rank,
														
 
															+.plaza-table-row:nth-child(2) .plaza-row-rank,
														
 
															+.plaza-table-row:nth-child(3) .plaza-row-rank {
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-icon {
														
 
															+  width: 34px;
														
 
															+  height: 34px;
														
 
															+  border-radius: 4px;
														
 
															+  font-size: 18px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-info {
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-name.arco-typography {
														
 
															+  display: block;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 14px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-extra {
														
 
															+  max-width: 150px;
														
 
															+  color: #86909c;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-extra > * {
														
 
															+  min-width: 0;
														
 
															+  max-width: 100%;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-author-block {
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-username {
														
 
															+  color: #4e5969;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-extra-time,
														
 
															+.plaza-extra-heat-badge {
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  max-width: 100%;
														
 
															+  border-radius: 4px;
														
 
															+  font-weight: 500;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-normal,
														
 
															+.plaza-time-近三天,
														
 
															+.plaza-time-一周内 {
														
 
															+  color: #86909c;
														
 
															+  background: #f2f3f5;
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top,
														
 
															+.plaza-time-今日 {
														
 
															+  color: #165dff;
														
 
															+  background: #e8f3ff;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-time-昨日 {
														
 
															+  color: #4080ff;
														
 
															+  background: #f2f7ff;
														
 
															+  border: 0;
														
 
															+}
														
 
															+
														
 
															+.plaza-heat-top-1,
														
 
															+.plaza-heat-top-2,
														
 
															+.plaza-heat-top-3 {
														
 
															+  background: #fff7e8;
														
 
															+  color: #ff7d00;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-status,
														
 
															+.plaza-loading,
														
 
															+.plaza-empty,
														
 
															+.plaza-error {
														
 
															+  min-height: 180px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  padding: 24px;
														
 
															+  color: #86909c;
														
 
															+}
														
 
															+
														
 
															+.plaza-section-header {
														
 
															+  padding: 0;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-section-title.arco-typography,
														
 
															+.plaza-section-title {
														
 
															+  min-width: 0;
														
 
															+  margin: 0;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 20px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 28px;
														
 
															+  background: none;
														
 
															+  -webkit-text-fill-color: currentColor;
														
 
															+  letter-spacing: 0;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-grid {
														
 
															+  grid-template-columns: repeat(3, minmax(0, 1fr));
														
 
															+  gap: 16px;
														
 
															+  padding: 0;
														
 
															+  border: 0;
														
 
															+  border-radius: 0;
														
 
															+  background: transparent;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-card.arco-card {
														
 
															+  min-height: 150px;
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: none;
														
 
															+  cursor: pointer;
														
 
															+  transition: border-color 0.2s ease, background-color 0.2s ease;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-card.arco-card:hover {
														
 
															+  border-color: #bedaff;
														
 
															+  background: #fbfdff;
														
 
															+  box-shadow: none;
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-card .arco-card-body {
														
 
															+  height: 100%;
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  align-items: flex-start;
														
 
															+  gap: 10px;
														
 
															+  padding: 16px;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-card .plaza-system-icon {
														
 
															+  width: 44px;
														
 
															+  height: 44px;
														
 
															+  border-radius: 4px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  box-shadow: none;
														
 
															+  font-size: 22px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-item:hover .plaza-system-icon {
														
 
															+  transform: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-name.arco-typography {
														
 
															+  display: block;
														
 
															+  width: 100%;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-desc.arco-typography {
														
 
															+  display: -webkit-box;
														
 
															+  width: 100%;
														
 
															+  margin: 0;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 20px;
														
 
															+  overflow: hidden;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.plaza-system-status {
														
 
															+  min-height: 160px;
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  border: 1px solid #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #ffffff;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-grid {
														
 
															+  display: grid;
														
 
															+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
														
 
															+  gap: 16px;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card.arco-card {
														
 
															+  border-color: #e5e6eb;
														
 
															+  border-radius: 4px;
														
 
															+  background: #ffffff;
														
 
															+  box-shadow: none;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card.arco-card:hover {
														
 
															+  border-color: #bedaff;
														
 
															+  box-shadow: none;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card .arco-card-body {
														
 
															+  display: flex;
														
 
															+  flex-direction: column;
														
 
															+  gap: 12px;
														
 
															+  min-height: 178px;
														
 
															+  padding: 16px;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-header {
														
 
															+  display: flex;
														
 
															+  align-items: center;
														
 
															+  gap: 12px;
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-header > div:last-child {
														
 
															+  min-width: 0;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-icon {
														
 
															+  width: 40px;
														
 
															+  height: 40px;
														
 
															+  display: inline-flex;
														
 
															+  align-items: center;
														
 
															+  justify-content: center;
														
 
															+  flex-shrink: 0;
														
 
															+  border-radius: 4px;
														
 
															+  background: #e8f3ff;
														
 
															+  color: #165dff;
														
 
															+  font-size: 20px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-title.arco-typography {
														
 
															+  display: block;
														
 
															+  color: #1d2129;
														
 
															+  font-size: 15px;
														
 
															+  font-weight: 600;
														
 
															+  line-height: 22px;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-description.arco-typography {
														
 
															+  margin: 0;
														
 
															+  color: #4e5969;
														
 
															+  font-size: 13px;
														
 
															+  line-height: 20px;
														
 
															+  overflow: hidden;
														
 
															+  word-break: break-word;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-tags {
														
 
															+  display: flex;
														
 
															+  gap: 8px;
														
 
															+  margin-top: auto;
														
 
															+  flex-wrap: wrap;
														
 
															+  max-height: 24px;
														
 
															+  overflow: hidden;
														
 
															+}
														
 
															+
														
 
															+.plaza-agent-card-tags .arco-tag {
														
 
															+  max-width: 100%;
														
 
															+  overflow: hidden;
														
 
															+  text-overflow: ellipsis;
														
 
															+  white-space: nowrap;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-loading {
														
 
															+  background: #f2f7ff !important;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-checking {
														
 
															+  color: #165dff;
														
 
															+}
														
 
															+
														
 
															+.plaza-row-checking::before {
														
 
															+  border-color: rgba(22, 93, 255, 0.25);
														
 
															+  border-top-color: #165dff;
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 1200px) {
														
 
															+  .plaza-system-grid {
														
 
															+    grid-template-columns: repeat(2, minmax(0, 1fr));
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+@media (max-width: 768px) {
														
 
															+  .plaza-hero .arco-card-body {
														
 
															+    flex-direction: column;
														
 
															+    align-items: stretch;
														
 
															+  }
														
 
															+
														
 
															+  .plaza-hero-stats {
														
 
															+    width: 100%;
														
 
															+  }
														
 
															+
														
 
															+  .plaza-hero-stats div {
														
 
															+    flex: 1;
														
 
															+    min-width: 0;
														
 
															+  }
														
 
															+
														
 
															+  .plaza-system-grid {
														
 
															+    grid-template-columns: 1fr;
														
 
															+  }
														
 
															+}
														
--- a/src/pages/Plaza.jsx
+++ b/src/pages/Plaza.jsx
@@ -0,0 +1,492 @@
 
															+import { useState, useEffect } from 'react'
														
 
															+import { useNavigate } from 'react-router-dom'
														
 
															+import { Button, Card, Empty, Spin, Tag, Tooltip, Typography } from '@arco-design/web-react'
														
 
															+import { getRecommendedApps, getHottestApps, getLatestApps, getAgentPros, getAppApiKey } from '@/service/business'
														
 
															+import { API_BASE_URL } from '@/config'
														
 
															+
														
 
															+// 把后端返回的 icon 路径拼成完整可访问 URL
														
 
															+//   - 已经是 http(s):// 开头 → 原样返回
														
 
															+//   - 以 / 开头（相对路径）→ 前面拼上 API_BASE_URL
														
 
															+//   - 其它（名字/emoji）→ 原样返回
														
 
															+const buildIconUrl = (icon) => {
														
 
															+  if (!icon) return ''
														
 
															+  if (/^https?:\/\//i.test(icon)) return icon
														
 
															+  if (icon.startsWith('/')) return `${API_BASE_URL}${icon}`
														
 
															+  return icon
														
 
															+}
														
 
															+import emojiMartData from '@emoji-mart/data'
														
 
															+import './Plaza.css'
														
 
															+
														
 
															+// 检查是否是 Unicode emoji 字符
														
 
															+const isNativeEmoji = (str) => {
														
 
															+  if (!str) return false
														
 
															+  return /[\uD800-\uDBFF][\uDC00-\uDFFF]/.test(str)
														
 
															+}
														
 
															+
														
 
															+// 通过 emoji-mart data 把 emoji 名称转换为 native Unicode 字符
														
 
															+const emojiNameToNative = (name) => {
														
 
															+  if (!name) return '🤖'
														
 
															+  const emoji = emojiMartData.emojis?.[name]
														
 
															+  return emoji?.skins?.[0]?.native || '🤖'
														
 
															+}
														
 
															+
														
 
															+// 把后端 icon 字段统一转换为 native Unicode emoji
														
 
															+const resolveIcon = (icon) => {
														
 
															+  if (!icon) return '🤖'
														
 
															+  if (isNativeEmoji(icon)) return icon
														
 
															+  return emojiNameToNative(icon)
														
 
															+}
														
 
															+
														
 
															+// 数字格式化：19820431 -> "19,820,431"
														
 
															+const formatNumber = (num) => {
														
 
															+  if (!num && num !== 0) return '0'
														
 
															+  return Number(num).toLocaleString('en-US')
														
 
															+}
														
 
															+
														
 
															+// 时间戳转 "03/03 14:30" 格式
														
 
															+const formatDate = (timestamp) => {
														
 
															+  if (!timestamp) return ''
														
 
															+  const date = new Date(timestamp * 1000)
														
 
															+  const month = String(date.getMonth() + 1).padStart(2, '0')
														
 
															+  const day = String(date.getDate()).padStart(2, '0')
														
 
															+  const hours = String(date.getHours()).padStart(2, '0')
														
 
															+  const minutes = String(date.getMinutes()).padStart(2, '0')
														
 
															+  return `${month}/${day} ${hours}:${minutes}`
														
 
															+}
														
 
															+
														
 
															+// 时间分级: 今日 / 昨日 / 仅三天(3天内) / 具体时间(MM/DD HH:mm)
														
 
															+//   同一份逻辑同时被"推荐智能体"和"最新智能体"使用
														
 
															+const formatRelativeTime = (timestamp) => {
														
 
															+  if (!timestamp) return ''
														
 
															+  const ts = timestamp * 1000
														
 
															+
														
 
															+  const startOfToday = new Date()
														
 
															+  startOfToday.setHours(0, 0, 0, 0)
														
 
															+  const startOfYesterday = new Date(startOfToday)
														
 
															+  startOfYesterday.setDate(startOfYesterday.getDate() - 1)
														
 
															+  const startOfThreeDaysAgo = new Date(startOfToday)
														
 
															+  startOfThreeDaysAgo.setDate(startOfThreeDaysAgo.getDate() - 3)
														
 
															+
														
 
															+  if (ts >= startOfToday.getTime()) return '今日'
														
 
															+  if (ts >= startOfYesterday.getTime()) return '昨日'
														
 
															+  if (ts >= startOfThreeDaysAgo.getTime()) return '近三天'
														
 
															+  return formatDate(timestamp)
														
 
															+}
														
 
															+
														
 
															+const OverflowTip = ({ content, children }) => (
														
 
															+  <Tooltip content={content || '-'} position="top" mini>
														
 
															+    {children}
														
 
															+  </Tooltip>
														
 
															+)
														
 
															+
														
 
															+// 模块级守卫：useRef 在 React.StrictMode dev 二次挂载时会被重置，
														
 
															+// 改用模块级变量可以跨过 StrictMode 的"卸载→重挂载"。
														
 
															+// 卸载时通过 cleanup 把 flag 清零，保证离开页面后再回来仍能重新请求。
														
 
															+let plazaInitStarted = false
														
 
															+
														
 
															+function Plaza() {
														
 
															+  const navigate = useNavigate()
														
 
															+  const [hotModels, setHotModels] = useState([])      // 热门大模型
														
 
															+  const [hotAgents, setHotAgents] = useState([])       // 热门智能体
														
 
															+  const [newAgents, setNewAgents] = useState([])       // 最新智能体
														
 
															+  const [systemAgents, setSystemAgents] = useState([]) // 系统智能体（Agent Pro）
														
 
															+  const [loading, setLoading] = useState({ model: true, hot: true, latest: true, system: true })
														
 
															+  const [error, setError] = useState({})
														
 
															+  const [clickingId, setClickingId] = useState(null)   // 正在请求权限的智能体 id
														
 
															+
														
 
															+  useEffect(() => {
														
 
															+    if (plazaInitStarted) return
														
 
															+    plazaInitStarted = true
														
 
															+    fetchRecommended()   // 推荐智能体：GET /business/apps/recommended
														
 
															+    fetchHot()           // 热门智能体：GET /business/apps/hottest
														
 
															+    fetchLatest()        // 最新智能体：GET /business/apps/latest
														
 
															+    fetchAgentPros()     // 系统智能体：GET /business/agent-pros
														
 
															+    return () => {
														
 
															+      // 离开 Plaza 后再回来，重新允许拉数据
														
 
															+      plazaInitStarted = false
														
 
															+    }
														
 
															+  }, [])
														
 
															+
														
 
															+  // 点击智能体：调用权限接口，根据 has_permission 跳转
														
 
															+  const handleAgentClick = async (agent) => {
														
 
															+    // 调试：打印 agent 完整信息
														
 
															+    console.log('[handleAgentClick] agent →', agent)
														
 
															+    if (!agent?.id || clickingId === agent.id) return
														
 
															+    setClickingId(agent.id)
														
 
															+    try {
														
 
															+      const resp = await getAppApiKey(agent.id)
														
 
															+      console.log('[handleAgentClick] getAppApiKey resp →', resp)
														
 
															+      // 兼容多种返回结构：Dify 不同版本可能返回不同格式
														
 
															+      const apiKey = resp?.api_key
														
 
															+        ?? resp?.data?.api_key
														
 
															+        ?? resp?.key
														
 
															+        ?? resp?.data?.key
														
 
															+        ?? resp?.data
														
 
															+      console.log('[handleAgentClick] parsed apiKey →', apiKey)
														
 
															+      if (!apiKey) {
														
 
															+        throw new Error('getAppApiKey 未返回 api_key（请把上面 resp 贴给开发者）')
														
 
															+      }
														
 
															+      // ... 原有逻辑继续
														
 
															+      const hasPermission = resp?.has_permission ?? resp?.data?.has_permission
														
 
															+      if (hasPermission) {
														
 
															+        navigate(`/agents/execute/${agent.id}`, { state: { apiKey, agent } })
														
 
															+      } else {
														
 
															+        navigate(`/agents/apply/${agent.id}`, { state: { agent } })
														
 
															+      }
														
 
															+    } catch (err) {
														
 
															+      console.error('[handleAgentClick] error →', err)
														
 
															+      setClickingId(null)
														
 
															+    }
														
 
															+    try {
														
 
															+      const res = await getAppApiKey(agent.id)
														
 
															+      const payload = res?.data ?? res ?? {}
														
 
															+      if (payload.has_permission) {
														
 
															+        navigate(`/agents/execute/${agent.id}`, { state: { agent, apiKey: payload.api_key || '' } })
														
 
															+      } else {
														
 
															+        navigate(`/agents/apply/${agent.id}`, { state: { agent } })
														
 
															+      }
														
 
															+    } catch (e) {
														
 
															+      // 接口异常时默认跳转到申请页
														
 
															+      navigate(`/agents/apply/${agent.id}`, { state: { agent, error: e?.message || '权限校验失败' } })
														
 
															+    } finally {
														
 
															+      setClickingId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const handleData = (data) => {
														
 
															+    return (data?.data || data || []).map(item => ({
														
 
															+      id: item.id,
														
 
															+      name: item.name || '',
														
 
															+      desc: item.description || '',
														
 
															+      icon: resolveIcon(item.icon),
														
 
															+      iconBackground: item.icon_background || '#FFEAD5',
														
 
															+      heat: item.heat || item.call_count,
														
 
															+      created_at: item.created_at,
														
 
															+      // 最新智能体的"上架时间"独立字段,广场最新区展示用它
														
 
															+      listed_at: item.listed_at ?? item.created_at,
														
 
															+      author: item.author_name || item.created_by || item.creator || '',
														
 
															+      mode: item.mode
														
 
															+    }))
														
 
															+  }
														
 
															+
														
 
															+  const fetchRecommended = async () => {
														
 
															+    try {
														
 
															+      const res = await getRecommendedApps()
														
 
															+      setHotModels(handleData(res))
														
 
															+    } catch (e) {
														
 
															+      setError(prev => ({ ...prev, model: e.message || '加载失败' }))
														
 
															+    } finally {
														
 
															+      setLoading(prev => ({ ...prev, model: false }))
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const fetchHot = async () => {
														
 
															+    try {
														
 
															+      const res = await getHottestApps()
														
 
															+      setHotAgents(handleData(res))
														
 
															+    } catch (e) {
														
 
															+      setError(prev => ({ ...prev, hot: e.message || '加载失败' }))
														
 
															+    } finally {
														
 
															+      setLoading(prev => ({ ...prev, hot: false }))
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const fetchLatest = async () => {
														
 
															+    try {
														
 
															+      const res = await getLatestApps()
														
 
															+      setNewAgents(handleData(res))
														
 
															+    } catch (e) {
														
 
															+      setError(prev => ({ ...prev, latest: e.message || '加载失败' }))
														
 
															+    } finally {
														
 
															+      setLoading(prev => ({ ...prev, latest: false }))
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  // 系统智能体
														
 
															+  const handleSystemAgentData = (data) => {
														
 
															+    // 兼容 { data: [...] } / 直接数组 / 其它
														
 
															+    const list = data?.data || data || []
														
 
															+    return list.map(item => {
														
 
															+      // icon 兼容:
														
 
															+      //   icon_type === 'image' → 用 item.icon 当成相对/绝对路径,前面拼 API_BASE_URL
														
 
															+      //   icon_type === 'emoji' (或没声明) → 用 item.icon 当 emoji mart 名字或 native emoji
														
 
															+      const iconType = item.icon_type || 'emoji'
														
 
															+      let iconValue = '🤖'
														
 
															+      if (iconType === 'image') {
														
 
															+        const raw = item.icon || item.logo || ''
														
 
															+        iconValue = { type: 'image', url: buildIconUrl(raw) }
														
 
															+      } else if (typeof item.icon === 'string') {
														
 
															+        iconValue = item.icon
														
 
															+      }
														
 
															+      return {
														
 
															+        id: item.id,
														
 
															+        name: item.name || '',
														
 
															+        desc: item.description || '',
														
 
															+        icon: iconValue,
														
 
															+        iconType,
														
 
															+        iconBackground: item.icon_background || '#FFEAD5',
														
 
															+        // source_type / source_app_id 用于点击时按 Layout 同样的规则分流
														
 
															+        sourceType: item.source_type,
														
 
															+        sourceAppId: item.source_app_id,
														
 
															+      }
														
 
															+    })
														
 
															+  }
														
 
															+
														
 
															+  // 点击系统智能体卡片:按 source_type 分流
														
 
															+  //   - external → ExternalMock 占位页
														
 
															+  //   - internal / 其它 → 用 source_app_id(兜底 target_id)走权限校验后跳 execute/apply
														
 
															+  const handleSystemAgentClick = async (agent) => {
														
 
															+    if (!agent?.id || clickingId === agent.id) return
														
 
															+    setClickingId(agent.id)
														
 
															+    try {
														
 
															+      if (agent.sourceType === 'external') {
														
 
															+        navigate(`/agents/external/${agent.id}`, { state: { agent } })
														
 
															+        return
														
 
															+      }
														
 
															+      const appId = agent.sourceAppId || agent.id
														
 
															+      const res = await getAppApiKey(appId)
														
 
															+      const payload = res?.data ?? res ?? {}
														
 
															+      if (payload.has_permission) {
														
 
															+        navigate(`/agents/execute/${appId}`, {
														
 
															+          state: { agent: { ...agent, id: appId }, apiKey: payload.api_key || '' },
														
 
															+        })
														
 
															+      } else {
														
 
															+        navigate(`/agents/apply/${appId}`, { state: { agent: { ...agent, id: appId } } })
														
 
															+      }
														
 
															+    } catch (e) {
														
 
															+      navigate(`/agents/apply/${agent.sourceAppId || agent.id}`, {
														
 
															+        state: { agent, error: e?.message || '权限校验失败' },
														
 
															+      })
														
 
															+    } finally {
														
 
															+      setClickingId(null)
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const fetchAgentPros = async () => {
														
 
															+    try {
														
 
															+      const res = await getAgentPros()
														
 
															+      // 广场只展示前 6 个作为精选,完整列表在 AgentList(/agents)里
														
 
															+      setSystemAgents(handleSystemAgentData(res).slice(0, 6))
														
 
															+    } catch (e) {
														
 
															+      setError(prev => ({ ...prev, system: e.message || '加载失败' }))
														
 
															+    } finally {
														
 
															+      setLoading(prev => ({ ...prev, system: false }))
														
 
															+    }
														
 
															+  }
														
 
															+
														
 
															+  const renderAgentRow = (agent, idx, rightInfo) => (
														
 
															+    <div
														
 
															+      key={agent.id}
														
 
															+      className={`plaza-table-row ${clickingId === agent.id ? 'plaza-row-loading' : ''}`}
														
 
															+      onClick={() => handleAgentClick(agent)}
														
 
															+    >
														
 
															+      <div className="plaza-row-rank">{idx + 1}</div>
														
 
															+      <div
														
 
															+        className="plaza-row-icon plaza-list-icon-native"
														
 
															+        style={{ background: agent.iconBackground }}
														
 
															+      >
														
 
															+        {agent.icon}
														
 
															+      </div>
														
 
															+      <div className="plaza-row-info">
														
 
															+        <OverflowTip content={agent.name}>
														
 
															+          <Typography.Text className="plaza-row-name">{agent.name}</Typography.Text>
														
 
															+        </OverflowTip>
														
 
															+      </div>
														
 
															+      <div className="plaza-row-extra">
														
 
															+        {clickingId === agent.id ? <span className="plaza-row-checking">校验中…</span> : rightInfo}
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+
														
 
															+  const renderListState = (type, list, renderContent) => {
														
 
															+    if (loading[type]) return <div className="plaza-status"><Spin size={20} tip="加载中..." /></div>
														
 
															+    if (error[type]) return <div className="plaza-status"><Empty description={error[type]} /></div>
														
 
															+    if (list.length === 0) return <div className="plaza-status"><Empty description="暂无数据" /></div>
														
 
															+    return renderContent()
														
 
															+  }
														
 
															+
														
 
															+  return (
														
 
															+    <div className="plaza-container">
														
 
															+      <Card className="plaza-hero plaza-hero-compact" bordered>
														
 
															+        <div className="plaza-hero-content">
														
 
															+          <Typography.Title heading={3} className="plaza-hero-title">
														
 
															+            <span className="plaza-hero-icon">🤖</span>
														
 
															+            智能体广场
														
 
															+          </Typography.Title>
														
 
															+          <OverflowTip content="汇聚平台所有公开 AI 智能体，支持一键预览、体验、复用与收藏，实现优质智能体能力共享、快速赋能业务落地">
														
 
															+            <Typography.Text className="plaza-hero-desc">汇聚平台所有公开 AI 智能体，支持一键预览、体验、复用与收藏，实现优质智能体能力共享、快速赋能业务落地</Typography.Text>
														
 
															+          </OverflowTip>
														
 
															+        </div>
														
 
															+        <div className="plaza-hero-stats">
														
 
															+          <div><strong>{hotModels.length + hotAgents.length + newAgents.length}</strong><span>广场推荐</span></div>
														
 
															+          <div><strong>{systemAgents.length}</strong><span>系统精选</span></div>
														
 
															+        </div>
														
 
															+      </Card>
														
 
															+
														
 
															+      <div className="plaza-section plaza-section-lists">
														
 
															+        <Card className="plaza-list-card" bordered>
														
 
															+          <div className="plaza-list-header">
														
 
															+            <span className="plaza-list-title">
														
 
															+              <span className="plaza-title-icon">👍</span>推荐智能体
														
 
															+            </span>
														
 
															+          </div>
														
 
															+          <div className="plaza-list">
														
 
															+            {renderListState('model', hotModels, () => hotModels.map((agent, idx) => {
														
 
															+                const relTime = formatRelativeTime(agent.created_at)
														
 
															+                return renderAgentRow(agent, idx,
														
 
															+                  <span className="plaza-extra-author-block">
														
 
															+                    {agent.author && (
														
 
															+                      <OverflowTip content={agent.author}>
														
 
															+                        <span className="plaza-extra-username">{agent.author}</span>
														
 
															+                      </OverflowTip>
														
 
															+                    )}
														
 
															+                    <span className={`plaza-extra-time plaza-time-${relTime}`}>{relTime}</span>
														
 
															+                  </span>
														
 
															+                )
														
 
															+              }))}
														
 
															+          </div>
														
 
															+        </Card>
														
 
															+
														
 
															+        <Card className="plaza-list-card" bordered>
														
 
															+          <div className="plaza-list-header">
														
 
															+            <span className="plaza-list-title">
														
 
															+              <span className="plaza-title-icon">🔥</span>热门智能体<span className="plaza-title-badge">（近7d）</span>
														
 
															+            </span>
														
 
															+            <Button
														
 
															+              type="text"
														
 
															+              size="mini"
														
 
															+              className="plaza-list-more"
														
 
															+              onClick={() => navigate('/agents?type=hot')}
														
 
															+            >查看更多</Button>
														
 
															+          </div>
														
 
															+          <div className="plaza-list">
														
 
															+            {renderListState('hot', hotAgents, () => hotAgents.map((agent, idx) => renderAgentRow(agent, idx,
														
 
															+                <span className={`plaza-extra-heat-badge ${idx < 3 ? `plaza-heat-top plaza-heat-top-${idx + 1}` : 'plaza-heat-normal'}`}>
														
 
															+                  {idx < 3 && <span className="plaza-heat-fire">🔥</span>}
														
 
															+                  {formatNumber(agent.heat)}
														
 
															+                </span>
														
 
															+              )))}
														
 
															+          </div>
														
 
															+        </Card>
														
 
															+
														
 
															+        <Card className="plaza-list-card" bordered>
														
 
															+          <div className="plaza-list-header">
														
 
															+            <span className="plaza-list-title">
														
 
															+              <span className="plaza-title-icon">✨</span>最新智能体
														
 
															+            </span>
														
 
															+            <Button
														
 
															+              type="text"
														
 
															+              size="mini"
														
 
															+              className="plaza-list-more"
														
 
															+              onClick={() => navigate('/agents?type=latest')}
														
 
															+            >查看更多</Button>
														
 
															+          </div>
														
 
															+          <div className="plaza-list">
														
 
															+            {renderListState('latest', newAgents, () => newAgents.map((agent, idx) => {
														
 
															+                const relTime = formatRelativeTime(agent.listed_at)
														
 
															+                return renderAgentRow(agent, idx,
														
 
															+                  <span className={`plaza-extra-time plaza-time-${relTime}`}>
														
 
															+                    {relTime}
														
 
															+                  </span>
														
 
															+                )
														
 
															+              }))}
														
 
															+          </div>
														
 
															+        </Card>
														
 
															+      </div>
														
 
															+
														
 
															+      <div className="plaza-section">
														
 
															+        <div className="plaza-section-header">
														
 
															+          <Typography.Title heading={5} className="plaza-section-title">系统智能体</Typography.Title>
														
 
															+          <Button
														
 
															+            type="text"
														
 
															+            size="small"
														
 
															+            className="plaza-list-more"
														
 
															+            onClick={() => navigate('/agents?type=system')}
														
 
															+          >查看更多</Button>
														
 
															+        </div>
														
 
															+        <div className="plaza-system-grid">
														
 
															+          {loading.system ? (
														
 
															+            <div className="plaza-system-status plaza-system-loading"><Spin size={20} tip="加载中..." /></div>
														
 
															+          ) : error.system ? (
														
 
															+            <div className="plaza-system-status plaza-system-error"><Empty description={error.system} /></div>
														
 
															+          ) : systemAgents.length === 0 ? (
														
 
															+            <div className="plaza-system-status plaza-system-empty"><Empty description="暂无系统智能体" /></div>
														
 
															+          ) : (
														
 
															+            <>
														
 
															+              {systemAgents.map(agent => {
														
 
															+                const isImageIcon = agent.icon && typeof agent.icon === 'object' && agent.icon.type === 'image'
														
 
															+                return (
														
 
															+                  <Card
														
 
															+                    key={agent.id}
														
 
															+                    className="plaza-system-item plaza-system-card"
														
 
															+                    onClick={() => handleSystemAgentClick(agent)}
														
 
															+                    title={agent.desc || agent.name}
														
 
															+                    bordered
														
 
															+                  >
														
 
															+                    <div
														
 
															+                      className="plaza-system-icon"
														
 
															+                      style={isImageIcon ? { background: agent.iconBackground || '#FFEAD5' } : undefined}
														
 
															+                    >
														
 
															+                      {isImageIcon ? (
														
 
															+                        <img src={agent.icon.url} alt={agent.name} className="plaza-system-icon-img" />
														
 
															+                      ) : (
														
 
															+                        resolveIcon(agent.icon)
														
 
															+                      )}
														
 
															+                    </div>
														
 
															+                    <OverflowTip content={agent.name}>
														
 
															+                      <Typography.Text className="plaza-system-name">{agent.name}</Typography.Text>
														
 
															+                    </OverflowTip>
														
 
															+                    <OverflowTip content={agent.desc || '暂无介绍'}>
														
 
															+                      <Typography.Paragraph className="plaza-system-desc" ellipsis={{ rows: 2 }}>{agent.desc || '暂无介绍'}</Typography.Paragraph>
														
 
															+                    </OverflowTip>
														
 
															+                  </Card>
														
 
															+                )
														
 
															+              })}
														
 
															+            </>
														
 
															+          )}
														
 
															+        </div>
														
 
															+      </div>
														
 
															+
														
 
															+      <div className="plaza-section">
														
 
															+        <div className="plaza-section-header">
														
 
															+          <Typography.Title heading={5} className="plaza-section-title">智能体列表</Typography.Title>
														
 
															+        </div>
														
 
															+        <div className="plaza-agent-grid">
														
 
															+          {[
														
 
															+            { id: 1, name: '代码助手 Pro', description: '智能代码生成、调试和优化，支持多种编程语言。', icon: '💻', tags: ['开发', '代码'] },
														
 
															+            { id: 2, name: '文档生成器', description: '自动生成技术文档、API文档和项目文档。', icon: '📚', tags: ['文档', '写作'] },
														
 
															+            { id: 3, name: '数据分析大师', description: '智能数据分析、可视化和报告生成。', icon: '📊', tags: ['数据', '分析'] },
														
 
															+            { id: 4, name: '内容创作专家', description: 'AI驱动的内容创作，支持文章、博客、营销文案。', icon: '✍️', tags: ['内容', '营销'] },
														
 
															+            { id: 5, name: '智能客服', description: '7x24小时智能客服，自动回答用户问题。', icon: '🎧', tags: ['客服'] },
														
 
															+            { id: 6, name: '翻译官', description: '多语言智能翻译，保持语义准确和语境连贯。', icon: '🌍', tags: ['翻译'] },
														
 
															+            { id: 7, name: '图像识别', description: '智能图像识别，支持物体检测、人脸识别。', icon: '🖼️', tags: ['图像'] },
														
 
															+            { id: 8, name: '语音助手', description: '智能语音识别与合成，准确率高达 99%。', icon: '🎙️', tags: ['语音'] }
														
 
															+          ].map(agent => (
														
 
															+            <Card key={agent.id} className="plaza-agent-card" bordered hoverable>
														
 
															+              <div className="plaza-agent-card-header">
														
 
															+                <div className="plaza-agent-card-icon">{agent.icon}</div>
														
 
															+                <div>
														
 
															+                  <OverflowTip content={agent.name}>
														
 
															+                    <Typography.Text className="plaza-agent-card-title">{agent.name}</Typography.Text>
														
 
															+                  </OverflowTip>
														
 
															+                </div>
														
 
															+              </div>
														
 
															+              <OverflowTip content={agent.description}>
														
 
															+                <Typography.Paragraph className="plaza-agent-card-description" ellipsis={{ rows: 2 }}>{agent.description}</Typography.Paragraph>
														
 
															+              </OverflowTip>
														
 
															+              <div className="plaza-agent-card-tags">
														
 
															+                {agent.tags.map((tag, idx) => (
														
 
															+                  <OverflowTip key={idx} content={tag}>
														
 
															+                    <Tag color="arcoblue">{tag}</Tag>
														
 
															+                  </OverflowTip>
														
 
															+                ))}
														
 
															+              </div>
														
 
															+            </Card>
														
 
															+          ))}
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  )
														
 
															+}
														
 
															+
														
 
															+export default Plaza
														
--- a/src/service/account.js
+++ b/src/service/account.js
@@ -0,0 +1,73 @@
 
															+import { get, post, put, del } from './base'
														
 
															+
														
 
															+// 账户 API Keys 类型
														
 
															+export const AccountApiKeyStatus = {
														
 
															+  ACTIVE: 'active',
														
 
															+  INACTIVE: 'inactive'
														
 
															+}
														
 
															+
														
 
															+// 获取用户信息
														
 
															+export const useUserProfile = () => {
														
 
															+  return get('/account/profile')
														
 
															+}
														
 
															+
														
 
															+// 更新用户名
														
 
															+export const updateAccountName = (name) => {
														
 
															+  return post('/account/name', { body: { name } })
														
 
															+}
														
 
															+
														
 
															+// 更新头像
														
 
															+export const updateAccountAvatar = (avatar) => {
														
 
															+  return post('/account/avatar', { body: { avatar } })
														
 
															+}
														
 
															+
														
 
															+// 更新界面语言
														
 
															+export const updateInterfaceLanguage = (interface_language) => {
														
 
															+  return post('/account/interface-language', { body: { interface_language } })
														
 
															+}
														
 
															+
														
 
															+// 更新主题
														
 
															+export const updateInterfaceTheme = (interface_theme) => {
														
 
															+  return post('/account/interface-theme', { body: { interface_theme } })
														
 
															+}
														
 
															+
														
 
															+// 更新时区
														
 
															+export const updateTimezone = (timezone) => {
														
 
															+  return post('/account/timezone', { body: { timezone } })
														
 
															+}
														
 
															+
														
 
															+// 更新密码
														
 
															+export const updatePassword = (password, new_password, repeat_new_password) => {
														
 
															+  return post('/account/password', { 
														
 
															+    body: { 
														
 
															+      password, 
														
 
															+      new_password, 
														
 
															+      repeat_new_password 
														
 
															+    } 
														
 
															+  })
														
 
															+}
														
 
															+
														
 
															+// 获取账户 API Keys
														
 
															+export const useAccountApiKeys = () => {
														
 
															+  return get('/account/api-keys')
														
 
															+}
														
 
															+
														
 
															+// 创建账户 API Key
														
 
															+export const useCreateAccountApiKey = (body) => {
														
 
															+  return post('/account/api-keys', body)
														
 
															+}
														
 
															+
														
 
															+// 更新账户 API Key
														
 
															+export const useUpdateAccountApiKey = (id, body) => {
														
 
															+  return put(`/account/api-keys/${id}`, body)
														
 
															+}
														
 
															+
														
 
															+// 删除账户 API Key
														
 
															+export const useDeleteAccountApiKey = (id) => {
														
 
															+  return del(`/account/api-keys/${id}`)
														
 
															+}
														
 
															+
														
 
															+// 退出登录
														
 
															+export const useLogout = () => {
														
 
															+  return post('/logout')
														
 
															+}
														
--- a/src/service/auth.js
+++ b/src/service/auth.js
@@ -0,0 +1,51 @@
 
															+import { API_PREFIX } from '@/config'
														
 
															+
														
 
															+export const login = (data) => {
														
 
															+  // 登录是公共接口，直接使用原生 fetch
														
 
															+  return fetch(`${API_PREFIX}/login`, {
														
 
															+    method: 'POST',
														
 
															+    headers: {
														
 
															+      'Content-Type': 'application/json',
														
 
															+    },
														
 
															+    credentials: 'include',
														
 
															+    body: JSON.stringify(data),
														
 
															+  }).then(response => response.json())
														
 
															+}
														
 
															+
														
 
															+export const logout = () => {
														
 
															+  return fetch(`${API_PREFIX}/logout`, {
														
 
															+    method: 'POST',
														
 
															+    headers: {
														
 
															+      'Content-Type': 'application/json',
														
 
															+    },
														
 
															+    credentials: 'include',
														
 
															+  }).then(response => response.json())
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 用 refresh_token 刷新 access_token。
														
 
															+ * Dify 后端在响应里会通过 Set-Cookie 下发新的 access_token / refresh_token，
														
 
															+ * 浏览器自动覆盖同名 cookie，无需前端处理。
														
 
															+ * 成功返回 { result: 'success' }；失败抛错。
														
 
															+ */
														
 
															+export const refreshToken = () => {
														
 
															+  return fetch(`${API_PREFIX}/refresh-token`, {
														
 
															+    method: 'POST',
														
 
															+    headers: {
														
 
															+      'Content-Type': 'application/json',
														
 
															+    },
														
 
															+    credentials: 'include',
														
 
															+  }).then(async response => {
														
 
															+    if (!response.ok) {
														
 
															+      const err = await response.json().catch(() => ({}))
														
 
															+      throw { code: err.code || response.status, message: err.message || '刷新 token 失败' }
														
 
															+    }
														
 
															+    const data = await response.json()
														
 
															+    // 后端在 body 里也返回了 access_token，存到 localStorage 覆盖旧的
														
 
															+    const newToken = data?.data?.access_token || data?.access_token || data?.token
														
 
															+    if (newToken) {
														
 
															+      try { localStorage.setItem('access_token', newToken) } catch (_) {}
														
 
															+    }
														
 
															+    return data
														
 
															+  })
														
 
															+}
														
--- a/src/service/base.js
+++ b/src/service/base.js
@@ -0,0 +1,188 @@
 
															+import { API_PREFIX, PUBLIC_API_PREFIX } from '@/config'
														
 
															+import { refreshToken } from './auth'
														
 
															+import { triggerLogout } from '@/utils/auth'
														
 
															+
														
 
															+const CSRF_COOKIE_NAME = 'csrf_token'
														
 
															+const CSRF_HEADER_NAME = 'X-CSRF-Token'
														
 
															+const DEFAULT_REQUEST_TIMEOUT = 30000
														
 
															+
														
 
															+let refreshInFlight = null
														
 
															+
														
 
															+function getCsrfToken() {
														
 
															+  const cookies = document.cookie.split(';')
														
 
															+  const csrfCookie = cookies.find(c => c.trim().startsWith(CSRF_COOKIE_NAME + '='))
														
 
															+  if (csrfCookie) {
														
 
															+    return csrfCookie.split('=')[1]
														
 
															+  }
														
 
															+  return ''
														
 
															+}
														
 
															+
														
 
															+function getAccessToken() {
														
 
															+  try {
														
 
															+    return localStorage.getItem('access_token') || ''
														
 
															+  } catch (_) {
														
 
															+    return ''
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+function buildAuthHeaders(headers = {}) {
														
 
															+  const nextHeaders = {
														
 
															+    'Content-Type': 'application/json',
														
 
															+    [CSRF_HEADER_NAME]: getCsrfToken(),
														
 
															+    ...headers,
														
 
															+  }
														
 
															+  const accessToken = getAccessToken()
														
 
															+  if (accessToken && !nextHeaders.Authorization) {
														
 
															+    nextHeaders.Authorization = `Bearer ${accessToken}`
														
 
															+  }
														
 
															+  return nextHeaders
														
 
															+}
														
 
															+
														
 
															+async function ensureFreshToken() {
														
 
															+  if (refreshInFlight) return refreshInFlight
														
 
															+  refreshInFlight = refreshToken()
														
 
															+  try {
														
 
															+    return await refreshInFlight
														
 
															+  } finally {
														
 
															+    refreshInFlight = null
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+async function request(url, options = {}, isPublicAPI = false, _isRetry = false) {
														
 
															+  const { timeout = DEFAULT_REQUEST_TIMEOUT, signal: externalSignal, ...fetchOptions } = options
														
 
															+  const controller = new AbortController()
														
 
															+  let timeoutId
														
 
															+  let didTimeout = false
														
 
															+  const abortFromExternalSignal = () => controller.abort(externalSignal.reason)
														
 
															+
														
 
															+  if (externalSignal?.aborted) {
														
 
															+    abortFromExternalSignal()
														
 
															+  } else if (externalSignal) {
														
 
															+    externalSignal.addEventListener('abort', abortFromExternalSignal, { once: true })
														
 
															+  }
														
 
															+
														
 
															+  if (timeout > 0) {
														
 
															+    timeoutId = window.setTimeout(() => {
														
 
															+      didTimeout = true
														
 
															+      controller.abort()
														
 
															+    }, timeout)
														
 
															+  }
														
 
															+
														
 
															+  const headers = buildAuthHeaders(options.headers)
														
 
															+  const baseUrl = isPublicAPI ? PUBLIC_API_PREFIX : API_PREFIX
														
 
															+  const fullUrl = url.startsWith('http') ? url : `${baseUrl}${url}`
														
 
															+
														
 
															+  try {
														
 
															+    const response = await fetch(fullUrl, {
														
 
															+      ...fetchOptions,
														
 
															+      headers,
														
 
															+      credentials: 'include',
														
 
															+      signal: controller.signal,
														
 
															+    })
														
 
															+
														
 
															+    if (response.status === 401 && !_isRetry && !isPublicAPI) {
														
 
															+      try {
														
 
															+        await ensureFreshToken()
														
 
															+        return await request(url, options, isPublicAPI, true)
														
 
															+      } catch (refreshErr) {
														
 
															+        triggerLogout()
														
 
															+        throw { code: 401, message: 'Login expired, please sign in again' }
														
 
															+      }
														
 
															+    }
														
 
															+
														
 
															+    if (!response.ok) {
														
 
															+      const errorData = await response.json().catch(() => ({}))
														
 
															+      throw { code: errorData.code || response.status, message: errorData.message || 'Request failed' }
														
 
															+    }
														
 
															+
														
 
															+    return response.json()
														
 
															+  } catch (error) {
														
 
															+    if (didTimeout) {
														
 
															+      throw { code: 'REQUEST_TIMEOUT', message: 'Request timed out, please try again later' }
														
 
															+    }
														
 
															+    if (error?.name === 'AbortError') {
														
 
															+      throw { code: 'REQUEST_ABORTED', message: 'Request was aborted' }
														
 
															+    }
														
 
															+    throw error
														
 
															+  } finally {
														
 
															+    if (timeoutId) window.clearTimeout(timeoutId)
														
 
															+    if (externalSignal) {
														
 
															+      externalSignal.removeEventListener('abort', abortFromExternalSignal)
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+export function get(url, params = {}, isPublicAPI = false) {
														
 
															+  let queryString = ''
														
 
															+  if (typeof params === 'string') {
														
 
															+    queryString = params
														
 
															+  } else if (params && typeof params === 'object') {
														
 
															+    const entries = []
														
 
															+    for (const [k, v] of Object.entries(params)) {
														
 
															+      if (v === undefined || v === null) continue
														
 
															+      entries.push([k, String(v)])
														
 
															+    }
														
 
															+    queryString = new URLSearchParams(entries).toString()
														
 
															+  }
														
 
															+  const fullUrl = queryString ? `${url}?${queryString}` : url
														
 
															+  return request(fullUrl, { method: 'GET' }, isPublicAPI)
														
 
															+}
														
 
															+
														
 
															+export async function downloadFile(url, isPublicAPI = false) {
														
 
															+  const baseUrl = isPublicAPI ? PUBLIC_API_PREFIX : API_PREFIX
														
 
															+  const fullUrl = url.startsWith('http') ? url : `${baseUrl}${url}`
														
 
															+  const response = await fetch(fullUrl, {
														
 
															+    method: 'GET',
														
 
															+    credentials: 'include',
														
 
															+    headers: buildAuthHeaders(),
														
 
															+  })
														
 
															+
														
 
															+  if (!response.ok) {
														
 
															+    let msg = `Download failed (${response.status})`
														
 
															+    try {
														
 
															+      const j = await response.json()
														
 
															+      if (j?.message) msg = j.message
														
 
															+    } catch (_) {
														
 
															+      /* ignore */
														
 
															+    }
														
 
															+    throw { code: response.status, message: msg }
														
 
															+  }
														
 
															+
														
 
															+  const disp = response.headers.get('content-disposition') || ''
														
 
															+  let filename = ''
														
 
															+  const rfc5987 = disp.match(/filename\*\s*=\s*(?:UTF-8'')?([^;]+)/i)
														
 
															+  if (rfc5987) {
														
 
															+    filename = decodeURIComponent(rfc5987[1].replace(/^["']|["']$/g, '').trim())
														
 
															+  } else {
														
 
															+    const fnMatch = disp.match(/filename\s*=\s*["']?([^"';]+)["']?/i)
														
 
															+    if (fnMatch) filename = fnMatch[1].trim()
														
 
															+  }
														
 
															+
														
 
															+  const blob = await response.blob()
														
 
															+  return { blob, filename }
														
 
															+}
														
 
															+
														
 
															+export function post(url, body = {}, isPublicAPI = false) {
														
 
															+  return request(url, {
														
 
															+    method: 'POST',
														
 
															+    body: JSON.stringify(body),
														
 
															+  }, isPublicAPI)
														
 
															+}
														
 
															+
														
 
															+export function put(url, body = {}, isPublicAPI = false) {
														
 
															+  return request(url, {
														
 
															+    method: 'PUT',
														
 
															+    body: JSON.stringify(body),
														
 
															+  }, isPublicAPI)
														
 
															+}
														
 
															+
														
 
															+export function del(url, isPublicAPI = false) {
														
 
															+  return request(url, { method: 'DELETE' }, isPublicAPI)
														
 
															+}
														
 
															+
														
 
															+export function patch(url, body = {}, isPublicAPI = false) {
														
 
															+  return request(url, {
														
 
															+    method: 'PATCH',
														
 
															+    body: JSON.stringify(body),
														
 
															+  }, isPublicAPI)
														
 
															+}
														
--- a/src/service/business.js
+++ b/src/service/business.js
@@ -0,0 +1,146 @@
 
															+import { get, post, del, downloadFile } from './base'
														
 
															+
														
 
															+// 推荐智能体
														
 
															+export const getRecommendedApps = () => {
														
 
															+  return get('/business/apps/recommended')
														
 
															+}
														
 
															+
														
 
															+// 热门智能体
														
 
															+export const getHottestApps = () => {
														
 
															+  return get('/business/apps/hottest')
														
 
															+}
														
 
															+
														
 
															+// 最新智能体
														
 
															+export const getLatestApps = () => {
														
 
															+  return get('/business/apps/latest')
														
 
															+}
														
 
															+
														
 
															+// 系统智能体（Agent Pro）列表
														
 
															+//   GET /business/agent-pros
														
 
															+//   响应字段: id, source_type, source_app_id, name, description, mode,
														
 
															+//            icon_type, icon, icon_background, logo, recommend_score,
														
 
															+//            request_method, request_url, request_headers, request_body_template,
														
 
															+//            parameter_schema, external_config, created_at, updated_at
														
 
															+export const getAgentPros = () => {
														
 
															+  return get('/business/agent-pros')
														
 
															+}
														
 
															+
														
 
															+// 当前用户的推荐智能体(混合类型:app / agent_pro)
														
 
															+//   GET /business/apps/my-recommended
														
 
															+//   响应字段(BusinessMixedAgentResponse):
														
 
															+//     target_type: "app" | "agent_pro"
														
 
															+//     target_id:   智能体 id(可能为 app id 或 agent_pro id)
														
 
															+//     name, description, mode, icon_type, icon, icon_background,
														
 
															+//     source_type / source_name / source_app_id (agent_pro 才有),
														
 
															+//     logo, marked_at, created_at, updated_at
														
 
															+//   返回最多 10 条:用户标记的优先,然后用 recommend_score 排序的 agent_pro 补足
														
 
															+export const getMyRecommendedApps = () => {
														
 
															+  return get('/business/apps/my-recommended')
														
 
															+}
														
 
															+
														
 
															+// ===== 智能体标记 / 取消标记 =====
														
 
															+//   单个用户最多标记 10 个智能体(BUSINESS_AGENT_MARK_LIMIT)
														
 
															+//   target_type: 'app' | 'agent_pro'
														
 
															+
														
 
															+// 列出当前用户已标记的智能体
														
 
															+//   GET /business/agent-marks
														
 
															+export const getAgentMarks = () => {
														
 
															+  return get('/business/agent-marks')
														
 
															+}
														
 
															+
														
 
															+// 标记智能体
														
 
															+//   POST /business/agent-marks
														
 
															+//   body: { target_type: 'app' | 'agent_pro', target_id: string(uuid) }
														
 
															+//   返回: { result, status: 'marked', mark: BusinessMixedAgentResponse }
														
 
															+//   错误码: mark-limit-exceeded (已超过 10 个)
														
 
															+export const markAgent = ({ target_type, target_id }) => {
														
 
															+  return post('/business/agent-marks', { target_type, target_id })
														
 
															+}
														
 
															+
														
 
															+// 取消标记智能体
														
 
															+//   DELETE /business/agent-marks/<target_type>/<target_id>
														
 
															+//   返回: { result: 'success', status: 'unmarked' }
														
 
															+export const unmarkAgent = ({ target_type, target_id }) => {
														
 
															+  return del(`/business/agent-marks/${target_type}/${target_id}`)
														
 
															+}
														
 
															+
														
 
															+// 平台已上架智能体列表（带热度，可选标签过滤）
														
 
															+export const getBusinessAppsList = (params = {}) => {
														
 
															+  return get('/business/apps/list', params)
														
 
															+}
														
 
															+
														
 
															+// 检查智能体 API Key 权限（用于判断是否可进入执行页）
														
 
															+export const getAppApiKey = (appId) => {
														
 
															+  return get(`/business/apps/${appId}/api-key`)
														
 
															+}
														
 
															+
														
 
															+// 获取智能体详情（执行页用）
														
 
															+export const getAppDetail = (appId) => {
														
 
															+  return get(`/apps/${appId}`)
														
 
															+}
														
 
															+
														
 
															+// 智能体基本信息（含 version / version_description / introduction / app_permission / is_listed）
														
 
															+export const getAppBasicInfo = (appId) => {
														
 
															+  return get(`/business/apps/${appId}/basic-info`)
														
 
															+}
														
 
															+
														
 
															+// 获取当前用户对该智能体的权限与最新申请进度
														
 
															+export const getAccessStatus = (appId) => {
														
 
															+  return get(`/business/apps/${appId}/access-status`)
														
 
															+}
														
 
															+
														
 
															+// 提交智能体使用申请
														
 
															+export const createAccessRequest = (appId, reason) => {
														
 
															+  return post(`/business/apps/${appId}/access-requests`, { reason })
														
 
															+}
														
 
															+
														
 
															+// ===== 历史会话 =====
														
 
															+
														
 
															+// 当前用户的 API 会话列表(后端按 updated_at desc 排序)
														
 
															+//   GET /business/conversations?page=1&limit=10
														
 
															+//   响应字段(BusinessConversationResponse):
														
 
															+//     id, app_id, app_name, name, summary, status, mode,
														
 
															+//     from_source, from_end_user_id, from_end_user_session_id,
														
 
															+//     message_count, created_at, updated_at
														
 
															+//   返回: { data:[...], page, limit, total, has_more }
														
 
															+//
														
 
															+// 注意:后端 pydantic 在 Query 解析失败时(可能因 Flask-RESTX 的 args 序列化触发 list 形态),
														
 
															+//   会报 "Input should be a valid integer [type=int_type, input_value=['1']]" 错误。
														
 
															+//   解决方案:不传 page/limit(让后端用 default 兜底 page=1/limit=10),完全跳过 Query 解析。
														
 
															+//   后续如果需要分页,在前端用 query 字符串形式手动传,不要用对象。
														
 
															+export const getBusinessConversations = (params = {}) => {
														
 
															+  // 不传 page/limit(让后端 pydantic 用 default 兜底 page=1/limit=10),
														
 
															+  // 避免后端 Query 解析触发 "Input should be a valid integer [type=int_type, input_value=['1']]"
														
 
															+  // 错误(已知后端 bug,Flask-RESTX args 序列化时会把值序列化成 list 形态)。
														
 
															+  // 后续如需分页:在 schema 把 page/limit 标为 Optional,或后端改成 from_request 直接读 dict。
														
 
															+  void params // 暂忽略,保持接口签名兼容
														
 
															+  return get('/business/conversations')
														
 
															+}
														
 
															+
														
 
															+// 单个会话的详情(带分页消息轮次)
														
 
															+//   GET /business/conversations/<conversation_id>?page=1&limit=10
														
 
															+//   响应: { conversation: {...}, messages: [...], page, limit, total, has_more }
														
 
															+//   每条消息字段(BusinessConversationMessageResponse):
														
 
															+//     id, conversation_id, query, answer, status, error,
														
 
															+//     workflow_run_id, parent_message_id, created_at, updated_at
														
 
															+export const getBusinessConversationDetail = (conversationId, params = {}) => {
														
 
															+  return get(`/business/conversations/${conversationId}`, params)
														
 
															+}
														
 
															+
														
 
															+// 下载单条消息的文档(Word / PDF)
														
 
															+//   GET /business/messages/<message_id>/content/download?format=word|pdf
														
 
															+//   后端 BusinessMessageContentDownloadQuery.format: Literal['word', 'pdf'],默认 word
														
 
															+//   返回: send_file(... as_attachment=True, download_name='message-XXXXXXXX.{docx|pdf}')
														
 
															+//   这里用 base.downloadFile 直接走 fetch(不走 JSON 解析),返回 { blob, filename }
														
 
															+//
														
 
															+// 注意:后端 pydantic Literal 类型在 query 解析失败时(Flask-RESTX args 序列化成 list 形态),
														
 
															+//   会报 "Input should be 'word' or 'pdf' [type=literal_error, input_value=['word']]"。
														
 
															+//   解决:format=word(默认)时**不传 query**,让后端用 default 兜底,完全跳过 query 解析;
														
 
															+//        format=pdf 时再显式传,绕不开时才走 query(由后端 Literal 校验)。
														
 
															+export const downloadMessageContent = async (messageId, format = 'word') => {
														
 
															+  const safeFormat = format === 'pdf' ? 'pdf' : 'word'
														
 
															+  const url = safeFormat === 'word'
														
 
															+    ? `/business/messages/${messageId}/content/download`
														
 
															+    : `/business/messages/${messageId}/content/download?format=${safeFormat}`
														
 
															+  return downloadFile(url)
														
 
															+}
														
--- a/src/service/dify.js
+++ b/src/service/dify.js
@@ -0,0 +1,391 @@
 
															+// Dify 应用级 Service API（/v1）封装
														
 
															+// 鉴权：Authorization: Bearer <api_key>   —— api_key 来自 /business/apps/<id>/api-key
														
 
															+// user 字段：'user=' + cookie 中的 access_token
														
 
															+// 主要用于应用执行页：拉取应用信息 / 表单参数 / 触发流式执行
														
 
															+import { DIFY_V1_PREFIX } from '@/config'
														
 
															+
														
 
															+// 登录后端通过 Set-Cookie 种在浏览器上的会话 token
														
 
															+// 兼容多种存储位置和命名（不同 Dify 版本/部署方式可能不同）
														
 
															+const ACCESS_TOKEN_KEYS = [
														
 
															+  'access_token',
														
 
															+  'console_token',
														
 
															+  'webapp_access_token',
														
 
															+  'token',
														
 
															+  'auth_token',
														
 
															+]
														
 
															+
														
 
															+// 无效 token 黑名单（之前测试时可能被存进 localStorage）
														
 
															+const INVALID_TOKEN_VALUES = new Set([
														
 
															+  'no_auth', 'null', 'undefined', 'guest', 'anonymous', 'false', '',
														
 
															+])
														
 
															+
														
 
															+function isValidToken(v) {
														
 
															+  if (!v) return false
														
 
															+  if (INVALID_TOKEN_VALUES.has(v)) return false
														
 
															+  if (v.length < 10) return false
														
 
															+  // 允许 JWT 字符集：字母数字 + -_ + .（JWT 有 2 个点）+ =（base64 padding）
														
 
															+  if (/^[\w\-./+=]+$/.test(v) === false) return false
														
 
															+  return true
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 从 localStorage / document.cookie 中读取 access_token。
														
 
															+ * 优先级：localStorage（多种 key）→ cookie（多种 name）→ 生成 UUID 兜底
														
 
															+ * 注意：HttpOnly cookie 不会被 document.cookie 列出，所以优先靠 localStorage。
														
 
															+ */
														
 
															+function getAccessTokenFromCookie() {
														
 
															+  if (typeof window === 'undefined') return ''
														
 
															+
														
 
															+  const found = []
														
 
															+
														
 
															+  // 1) 优先从 localStorage 读（Dify 前端的常见做法，不受 HttpOnly 限制）
														
 
															+  try {
														
 
															+    for (const k of ACCESS_TOKEN_KEYS) {
														
 
															+      const v = window.localStorage.getItem(k)
														
 
															+      if (v != null) found.push({ source: 'ls:' + k, value: v, valid: isValidToken(v) })
														
 
															+      if (isValidToken(v)) return v
														
 
															+    }
														
 
															+  } catch (_) { /* localStorage 不可用 */ }
														
 
															+
														
 
															+  // 2) 兜底：document.cookie（非 HttpOnly 的情况下能读到）
														
 
															+  //    注意：必须按 ACCESS_TOKEN_KEYS 优先级查找，而不是按 cookie 字符串里的出现顺序，
														
 
															+  //    否则 `token=no_auth` 这种垃圾值会先匹配上，把真正的 `access_token=eyJ...` 盖掉。
														
 
															+  try {
														
 
															+    if (document.cookie) {
														
 
															+      const cookieMap = {}
														
 
															+      for (const c of document.cookie.split(';')) {
														
 
															+        const [k, ...rest] = c.trim().split('=')
														
 
															+        if (k) cookieMap[k] = decodeURIComponent(rest.join('='))
														
 
															+      }
														
 
															+      for (const k of ACCESS_TOKEN_KEYS) {
														
 
															+        const v = cookieMap[k]
														
 
															+        if (v != null) {
														
 
															+          found.push({ source: 'cookie:' + k, value: v, valid: isValidToken(v) })
														
 
															+          if (isValidToken(v)) return v
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+  } catch (_) { /* noop */ }
														
 
															+
														
 
															+  // 调试：把找到的所有 token 候选都打出来，一眼看清谁被过滤了
														
 
															+  if (typeof console !== 'undefined') {
														
 
															+    console.log('[getAccessTokenFromCookie] candidates →', found)
														
 
															+  }
														
 
															+
														
 
															+  // 3) 最终兜底：生成 UUID 存到 localStorage
														
 
															+  try {
														
 
															+    let uuid = window.localStorage.getItem('dify_webapp_user_uuid')
														
 
															+    if (!uuid || !isValidToken(uuid)) {
														
 
															+      uuid = ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
														
 
															+        (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4)).toString(16)
														
 
															+      )
														
 
															+      window.localStorage.setItem('dify_webapp_user_uuid', uuid)
														
 
															+    }
														
 
															+    return uuid
														
 
															+  } catch (_) { /* noop */ }
														
 
															+
														
 
															+  return ''
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 构造工作流请求体中的 user 字段
														
 
															+ * 规则：'user=' + access_token (与 Dify 后端约定)
														
 
															+ */
														
 
															+export function buildWorkflowUser() {
														
 
															+  const token = getAccessTokenFromCookie()
														
 
															+  return token ? `user=${token}` : ''
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 通用 Dify 鉴权 fetch
														
 
															+ *
														
 
															+ * **不发送 cookie**：Dify Service API（/v1/*）采用 Bearer token（Authorization 头）
														
 
															+ *  + body 中的 user 字段双重鉴权，不需要 cookie。如果带 credentials: 'include'，
														
 
															+ *  浏览器会要求后端 preflight 返回 Access-Control-Allow-Credentials: true，
														
 
															+ *  不配置就会触发 CORS 拒绝 → 真实请求不发。
														
 
															+ *
														
 
															+ * @param {string} url 完整 URL
														
 
															+ * @param {string} apiKey 应用 API Key（来自 /business/apps/<id>/api-key）
														
 
															+ * @param {object} options fetch 选项
														
 
															+ * @returns {Promise<Response>} 原生 Response 对象
														
 
															+ */
														
 
															+async function difyFetch(url, apiKey, options = {}) {
														
 
															+  const res = await fetch(url, {
														
 
															+    ...options,
														
 
															+    headers: {
														
 
															+      'Content-Type': 'application/json',
														
 
															+      'Authorization': `Bearer ${apiKey}`,
														
 
															+      Accept: 'text/event-stream',
														
 
															+      ...options.headers,
														
 
															+    },
														
 
															+    // 关键：omit 而不是 include，避免触发 Access-Control-Allow-Credentials 检查
														
 
															+    credentials: 'omit',
														
 
															+  })
														
 
															+  if (!res.ok) {
														
 
															+    const err = await res.json().catch(() => ({}))
														
 
															+    throw {
														
 
															+      code: err.code || res.status,
														
 
															+      message: err.message || `Dify request failed (${res.status})`,
														
 
															+      status: res.status
														
 
															+    }
														
 
															+  }
														
 
															+  return res
														
 
															+}
														
 
															+
														
 
															+// ===== 应用配置 =====
														
 
															+
														
 
															+async function difyFormFetch(url, apiKey, formData, options = {}) {
														
 
															+  const { headers, ...restOptions } = options
														
 
															+  const res = await fetch(url, {
														
 
															+    ...restOptions,
														
 
															+    method: restOptions.method || 'POST',
														
 
															+    headers: {
														
 
															+      'Authorization': `Bearer ${apiKey}`,
														
 
															+      ...headers,
														
 
															+    },
														
 
															+    body: formData,
														
 
															+    credentials: 'omit',
														
 
															+  })
														
 
															+  if (!res.ok) {
														
 
															+    const err = await res.json().catch(() => ({}))
														
 
															+    throw {
														
 
															+      code: err.code || res.status,
														
 
															+      message: err.message || `Dify request failed (${res.status})`,
														
 
															+      status: res.status
														
 
															+    }
														
 
															+  }
														
 
															+  return res
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * GET /v1/info - app basic info.
														
 
															+ * Returns: { name, description, tags, mode, author_name }
														
 
															+ */
														
 
															+export const getDifyAppInfo = (apiKey, options = {}) => {
														
 
															+  return difyFetch(`${DIFY_V1_PREFIX}/info`, apiKey, { method: 'GET', ...options }).then(r => r.json())
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * GET /v1/parameters  ——  应用输入参数（user_input_form 等）
														
 
															+ * 返回：{ opening_statement, suggested_questions, user_input_form, file_upload, system_parameters, ... }
														
 
															+ */
														
 
															+export const getDifyAppParameters = (apiKey, options = {}) => {
														
 
															+  return difyFetch(`${DIFY_V1_PREFIX}/parameters`, apiKey, { method: 'GET', ...options }).then(r => r.json())
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * GET /v1/site  ——  WebApp 设置
														
 
															+ */
														
 
															+export const getDifyAppSite = (apiKey, options = {}) => {
														
 
															+  return difyFetch(`${DIFY_V1_PREFIX}/site`, apiKey, { method: 'GET', ...options }).then(r => r.json())
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 获取应用完整信息：合并 /v1/info（基本元信息）+ /v1/site（图标、主题、站点信息）
														
 
															+ * @param {string} apiKey 应用 API Key（来自 /business/apps/<id>/api-key）
														
 
															+ * @returns {Promise<{
														
 
															+ *   name, description, tags, mode, author_name,
														
 
															+ *   title, icon_type, icon, icon_background, icon_url, chat_color_theme, show_workflow_steps
														
 
															+ * }>}
														
 
															+ *
														
 
															+ * 即使其中一个失败（站点未配置等），也会尽量返回另一个的字段。
														
 
															+ */
														
 
															+export const getAppFullInfo = async (apiKey, options = {}) => {
														
 
															+  const [infoRes, siteRes] = await Promise.allSettled([
														
 
															+    getDifyAppInfo(apiKey, options),
														
 
															+    getDifyAppSite(apiKey, options),
														
 
															+  ])
														
 
															+  const info = infoRes.status === 'fulfilled' ? (infoRes.value || {}) : {}
														
 
															+  const site = siteRes.status === 'fulfilled' ? (siteRes.value || {}) : {}
														
 
															+
														
 
															+  return {
														
 
															+    // ---- /v1/info ----
														
 
															+    name: info.name || site.title || '智能体',
														
 
															+    description: info.description || site.description || '',
														
 
															+    tags: Array.isArray(info.tags) ? info.tags : [],
														
 
															+    mode: info.mode || '',
														
 
															+    author_name: info.author_name || '',
														
 
															+    // ---- /v1/site ----
														
 
															+    title: site.title || info.name || '智能体',
														
 
															+    icon_type: site.icon_type || 'emoji',
														
 
															+    icon: site.icon || '',
														
 
															+    icon_background: site.icon_background || '#FFEAD5',
														
 
															+    icon_url: site.icon_url || null,
														
 
															+    chat_color_theme: site.chat_color_theme || '',
														
 
															+    chat_color_theme_inverted: !!site.chat_color_theme_inverted,
														
 
															+    show_workflow_steps: !!site.show_workflow_steps,
														
 
															+    use_icon_as_answer_icon: !!site.use_icon_as_answer_icon,
														
 
															+    copyright: site.copyright || '',
														
 
															+    privacy_policy: site.privacy_policy || '',
														
 
															+    custom_disclaimer: site.custom_disclaimer || '',
														
 
															+    default_language: site.default_language || 'zh-Hans',
														
 
															+    // ---- 错误聚合（供 UI 决策）----
														
 
															+    _errors: {
														
 
															+      info: infoRes.status === 'rejected' ? infoRes.reason?.message : null,
														
 
															+      site: siteRes.status === 'rejected' ? siteRes.reason?.message : null,
														
 
															+    },
														
 
															+  }
														
 
															+}
														
 
															+
														
 
															+// ===== 工作流执行 =====
														
 
															+
														
 
															+/**
														
 
															+ * POST /v1/workflows/run  ——  流式执行工作流
														
 
															+ *
														
 
															+ * - Authorization:  Bearer <apiKey>           ← apiKey 来自 /business/apps/<id>/api-key
														
 
															+ * - request body:   { inputs, response_mode: 'streaming', user: 'user=<access_token>' }
														
 
															+ *
														
 
															+ * @param {string} apiKey 应用 API Key
														
 
															+ * @param {object} inputs 用户输入的 inputs
														
 
															+ * @param {string} [user] 可选，user 字段。默认自动从 cookie 中读取 access_token 并拼接 'user=' 前缀
														
 
															+ * @returns {Promise<Response>} 返回 SSE 流（不调用 .json()）
														
 
															+ */
														
 
															+/**
														
 
															+ * POST /files/upload - upload one file with multipart/form-data.
														
 
															+ * Returns: { id, name, size, extension, mime_type, created_by, created_at, ... }
														
 
															+ */
														
 
															+export const uploadFile = (apiKey, file, user, options = {}) => {
														
 
															+  const finalUser = user || buildWorkflowUser() || 'webapp-user'
														
 
															+  const formData = new FormData()
														
 
															+  formData.append('file', file)
														
 
															+  formData.append('user', finalUser)
														
 
															+
														
 
															+  return difyFormFetch(`${DIFY_V1_PREFIX}/files/upload`, apiKey, formData, options).then(r => r.json())
														
 
															+}
														
 
															+
														
 
															+export const runWorkflow = (apiKey, inputs, user, options = {}) => {
														
 
															+  const finalUser = user || buildWorkflowUser() || 'webapp-user'
														
 
															+  const body = {
														
 
															+    inputs,
														
 
															+    response_mode: 'streaming',
														
 
															+    user: finalUser,
														
 
															+  }
														
 
															+  // 调试日志：开 dev 时直接看实际请求体结构
														
 
															+  if (typeof console !== 'undefined') {
														
 
															+    console.log('[runWorkflow] final body →', JSON.stringify(body))
														
 
															+  }
														
 
															+  return difyFetch(`${DIFY_V1_PREFIX}/workflows/run`, apiKey, {
														
 
															+    ...options,
														
 
															+    method: 'POST',
														
 
															+    body: JSON.stringify(body),
														
 
															+  })
														
 
															+}
														
 
															+
														
 
															+// ===== 对话流执行 =====
														
 
															+
														
 
															+/**
														
 
															+ * POST /v1/chat-messages  ——  向对话型应用发送消息（流式）
														
 
															+ *
														
 
															+ * - Authorization:  Bearer <apiKey>
														
 
															+ * - request body:   {
														
 
															+ *                       query,                     // 用户消息
														
 
															+ *                       inputs,                    // 应用输入参数
														
 
															+ *                       response_mode: 'streaming',
														
 
															+ *                       conversation_id,           // 续传时填，否则留空字符串
														
 
															+ *                       user: 'user=<access_token>',
														
 
															+ *                       files?                     // 多模态文件
														
 
															+ *                     }
														
 
															+ *
														
 
															+ * @param {string} apiKey 应用 API Key
														
 
															+ * @param {object} params { query, inputs, conversation_id, files }
														
 
															+ * @param {string} [user] 可选，user 字段。默认自动从 cookie 中读取 access_token 并拼接 'user=' 前缀
														
 
															+ * @returns {Promise<Response>} 返回 SSE 流
														
 
															+ */
														
 
															+export const runChatMessage = (apiKey, params = {}, user, options = {}) => {
														
 
															+  const finalUser = user || buildWorkflowUser() || 'webapp-user'
														
 
															+  const body = {
														
 
															+    query: params.query || '',
														
 
															+    inputs: params.inputs || {},
														
 
															+    response_mode: 'streaming',
														
 
															+    conversation_id: params.conversation_id || '',
														
 
															+    user: finalUser,
														
 
															+  }
														
 
															+  if (Array.isArray(params.files) && params.files.length > 0) {
														
 
															+    body.files = params.files
														
 
															+  }
														
 
															+  if (typeof console !== 'undefined') {
														
 
															+    console.log('[runChatMessage] final body →', JSON.stringify(body))
														
 
															+  }
														
 
															+  return difyFetch(`${DIFY_V1_PREFIX}/chat-messages`, apiKey, {
														
 
															+    ...options,
														
 
															+    method: 'POST',
														
 
															+    body: JSON.stringify(body),
														
 
															+  })
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 解析 SSE（Server-Sent Events）流
														
 
															+ * 自动忽略 ping 事件，逐个回调解析后的 JSON
														
 
															+ * @param {Response} response fetch 响应对象（response.body.getReader()）
														
 
															+ * @param {(evt: object) => void} onEvent 每解析一个事件就回调
														
 
															+ * @param {() => void} onDone 流结束时回调
														
 
															+ * @param {(err: Error) => void} onError 出错时回调
														
 
															+ * @param {{signal?: AbortSignal}} [options] 可选取消信号
														
 
															+ * @returns {Promise<void>}
														
 
															+ */
														
 
															+export async function consumeSSE(response, onEvent, onDone, onError, options = {}) {
														
 
															+  if (!response.body) {
														
 
															+    onError?.(new Error('Response body is empty'))
														
 
															+    return
														
 
															+  }
														
 
															+  const reader = response.body.getReader()
														
 
															+  const cancelReader = () => reader.cancel().catch(() => {})
														
 
															+  if (options.signal?.aborted) {
														
 
															+    cancelReader()
														
 
															+    return
														
 
															+  }
														
 
															+  options.signal?.addEventListener('abort', cancelReader, { once: true })
														
 
															+  const decoder = new TextDecoder('utf-8')
														
 
															+  let buffer = ''
														
 
															+  try {
														
 
															+    while (true) {
														
 
															+      const { done, value } = await reader.read()
														
 
															+      if (done) break
														
 
															+      buffer += decoder.decode(value, { stream: true })
														
 
															+
														
 
															+      // SSE 以 \n\n 分隔事件
														
 
															+      const parts = buffer.split('\n\n')
														
 
															+      buffer = parts.pop() // 保留未完成的一段
														
 
															+
														
 
															+      for (const part of parts) {
														
 
															+        const lines = part.split('\n')
														
 
															+        for (const line of lines) {
														
 
															+          const trimmed = line.trim()
														
 
															+          if (!trimmed.startsWith('data:')) continue
														
 
															+          const payload = trimmed.slice(5).trim()
														
 
															+          if (!payload) continue
														
 
															+          // 跳过 ping 心跳
														
 
															+          if (payload === 'ping' || payload.includes('"event":"ping"')) continue
														
 
															+          try {
														
 
															+            const evt = JSON.parse(payload)
														
 
															+            onEvent?.(evt)
														
 
															+          } catch (e) {
														
 
															+            // 忽略非 JSON 行
														
 
															+            // console.warn('SSE parse failed:', e, payload)
														
 
															+          }
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+    // 处理残留 buffer
														
 
															+    if (buffer.trim()) {
														
 
															+      const lines = buffer.split('\n')
														
 
															+      for (const line of lines) {
														
 
															+        const trimmed = line.trim()
														
 
															+        if (!trimmed.startsWith('data:')) continue
														
 
															+        const payload = trimmed.slice(5).trim()
														
 
															+        if (!payload || payload === 'ping' || payload.includes('"event":"ping"')) continue
														
 
															+        try {
														
 
															+          const evt = JSON.parse(payload)
														
 
															+          onEvent?.(evt)
														
 
															+        } catch (e) {}
														
 
															+      }
														
 
															+    }
														
 
															+    onDone?.()
														
 
															+  } catch (e) {
														
 
															+    if (!options.signal?.aborted) {
														
 
															+      onError?.(e)
														
 
															+    }
														
 
															+  } finally {
														
 
															+    options.signal?.removeEventListener('abort', cancelReader)
														
 
															+  }
														
 
															+}
														
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -0,0 +1,42 @@
 
															+const LOGGED_IN_KEY = 'is_logged_in'
														
 
															+const DEFAULT_LOGIN_PATH = '/login'
														
 
															+
														
 
															+export function setLoggedIn() {
														
 
															+  localStorage.setItem(LOGGED_IN_KEY, 'true')
														
 
															+}
														
 
															+
														
 
															+export function isLoggedIn() {
														
 
															+  return localStorage.getItem(LOGGED_IN_KEY) === 'true'
														
 
															+}
														
 
															+
														
 
															+export function clearLoggedIn() {
														
 
															+  localStorage.removeItem(LOGGED_IN_KEY)
														
 
															+}
														
 
															+
														
 
															+// 保持旧接口兼容
														
 
															+export function clearTokens() {
														
 
															+  clearLoggedIn()
														
 
															+}
														
 
															+
														
 
															+// 检查是否已认证
														
 
															+export function isAuthenticated() {
														
 
															+  return isLoggedIn()
														
 
															+}
														
 
															+
														
 
															+export function isTokenExpired() {
														
 
															+  return false
														
 
															+}
														
 
															+
														
 
															+/**
														
 
															+ * 触发强制登出：
														
 
															+ *   1. 清理本地登录态
														
 
															+ *   2. 跳转登录页（用 location.href 触发整页刷新，保证所有内存状态被清空）
														
 
															+ * 避免在 base.js 这种不依赖路由的纯工具层直接 import router。
														
 
															+ */
														
 
															+export function triggerLogout(redirectTo = DEFAULT_LOGIN_PATH) {
														
 
															+  try { clearLoggedIn() } catch (_) { /* noop */ }
														
 
															+  // 如果当前已经在登录页，就不再重复跳转
														
 
															+  if (typeof window !== 'undefined' && window.location.pathname !== redirectTo) {
														
 
															+    window.location.href = redirectTo
														
 
															+  }
														
 
															+}
														
--- a/src/utils/emoji-mart.js
+++ b/src/utils/emoji-mart.js
@@ -0,0 +1,10 @@
 
															+import { init } from 'emoji-mart'
														
 
															+import data from '@emoji-mart/data'
														
 
															+
														
 
															+let initialized = false
														
 
															+
														
 
															+export function setupEmojiMart() {
														
 
															+  if (initialized) return
														
 
															+  init({ data })
														
 
															+  initialized = true
														
 
															+}
														
--- a/src/utils/encryption.js
+++ b/src/utils/encryption.js
@@ -0,0 +1,10 @@
 
															+export function encryptPassword(password) {
														
 
															+  try {
														
 
															+    const utf8Bytes = new TextEncoder().encode(password)
														
 
															+    const base64 = btoa(String.fromCharCode(...utf8Bytes))
														
 
															+    return base64
														
 
															+  } catch (error) {
														
 
															+    console.error('Field encoding failed:', error)
														
 
															+    throw new Error('Encoding failed. Please check your input.')
														
 
															+  }
														
 
															+}
														
--- a/vite.config.js
+++ b/vite.config.js
@@ -0,0 +1,17 @@
 
															+import { defineConfig } from 'vite'
														
 
															+import react from '@vitejs/plugin-react'
														
 
															+import path from 'path'
														
 
															+
														
 
															+export default defineConfig({
														
 
															+  plugins: [react()],
														
 
															+  server: {
														
 
															+    port: 6888,
														
 
															+    open: true,
														
 
															+    strictPort: true
														
 
															+  },
														
 
															+  resolve: {
														
 
															+    alias: {
														
 
															+      '@': path.resolve(__dirname, './src')
														
 
															+    }
														
 
															+  }
														
 
															+})