`，但更好的做法是使用 `Fragment`，语法糖是 `<>`。因 JSX 最终是会被编译为 JavaScript，所以要注意不要产生关键字的冲突。这也是为什么 `class` 在 React 中要写成 `className`，同时时间名要遵循驼峰命名法，例如 `onClick`。
+
+**导入方式**
+
+具名导入：
+
+```
+import { ... } from 'react'
+```
+
+默认导入：
+
+```
+import ... from 'react'
+```
+
+副作用导入：
+
+```
+import './index.css'
+```
+
+React 历史写法：
+
+这里我还是不是很理解 `(prevState) => ({ count: prevState.count + 1 })` 这个的原理，目前的理解是，他可以拿到自己作用域的 count。
+
+```tsx
+import React from 'react'
+
+interface CounterState {
+ count: number
+}
+
+class ClassCounter extends React.Component
{
+ state = { count: 0 }
+ handleClick = () => {
+ // this.setState({ count: this.state.count + 1 })
+ this.setState((prevState) => ({ count: prevState.count + 1 }))
+ }
+ render() {
+ return (
+
+
Class Counter
+
+
+ )
+ }
+}
+
+export default ClassCounter
+```
+
+useState
+
+我理解就是有了一个动态更新值的作用。
+
+```tsx
+import { useState } from 'react'
+
+const FunctionalCounter = () => {
+ const [count, setCount] = useState(0)
+ const handleClick = () => {
+ setCount((prevCount) => prevCount + 1)
+ setCount((prevCount) => prevCount + 1)
+ }
+ console.log(count)
+ return (
+
+
Functional Counter
+
+
+ )
+}
+
+export default FunctionalCounter
+
+```
+
+# 第二章 组件化开发核心
+
+Props 通信
+
+```tsx
+type Props = {
+ name: string
+}
+
+const PrintNmae = (name: Props) => {
+ return (
+
+
Welcome {name.name}
+
+ )
+}
+
+export default PrintNmae
+
+```
+
+传参
+
+```tsx
+
+```
+
+# CSS
+
+顶级作用域
+
+```
+:root {
+```
+
+媒体查询
+
+```
+@media (prefers-color-scheme: light) {
+
+}
+```
+
+ID 选择器
+
+```
+#root
+```
diff --git a/work/移动杭研/AI 项目/IBS 智能体-v3.md b/work/移动杭研/AI 项目/IBS 智能体-v3.md
deleted file mode 100644
index b48fdf2..0000000
--- a/work/移动杭研/AI 项目/IBS 智能体-v3.md
+++ /dev/null
@@ -1,60 +0,0 @@
-```
-flowchart TB
- subgraph Layer1["1. 用户与接入层 (Access Layer)"]
- UI["Web 中台控制台\n(对话界面 / 插件管理)"]
- ChatBot["企微/办公 IM 机器人"]
- Card["安全审批卡片\n(Human-in-the-loop)"]
- end
- subgraph Tools["内置核心能力"]
- RAG["RAG 问答引擎"]
- CodeInterpreter["数据分析引擎\n(分析CDN优质客户)"]
- end
- subgraph Layer2["2. 智能体编排中台 (基于 Spring Boot & Spring AI)"]
- Router["意图路由引擎 (Semantic Router)"]
- Planner["Agent 调度与规划 (ReAct)"]
- Tools
- end
- subgraph Layer3["3. 动态插件生态引擎 (Plugin Market) ⭐️核心创新"]
- RegistryDB[("插件注册数据库\n(存储接口URL、参数定义)")]
- SchemaConverter["动态 Schema 转换器\n(DB配置 -> LLM Function Calling)"]
- Interceptor["高危操作拦截器\n(识别写操作、触发审批)"]
- HttpExecutor["通用 HTTP 执行器\n(动态发起 REST 请求)"]
- MCPClient["MCP 协议网关\n(未来对接标准 MCP Server)"]
- end
- subgraph Layer4["4. 基础设施与外部业务线 (Infrastructure & Business)"]
- LLM["大语言模型 (LLM)"]
- RAGFlow["现有 RAGFlow 知识库"]
- IBS["IBS 系统\n(流量查验/工单)"]
- CDN["CDN 下发系统\n(一键配置)"]
- DNS["DNS 管理系统\n(动态查询)"]
- end
- UI --> Router
- ChatBot --> Router
- Router -- 知识库查询 --> RAG
- Router -- 业务指令/查询 --> Planner
- RAG <-- 检索 --> RAGFlow
- Planner <-- "1. 交互与思考" --> LLM
- RegistryDB -. "2. 实时加载接口配置" .-> SchemaConverter
- SchemaConverter -- "3. 转换并注入可用工具" --> Planner
- Planner -- "4. 生成调用指令" --> Interceptor
- Interceptor -. "5a. 识别为 CDN 下发\n要求人工确认" .-> Card
- Card -. 用户点击“确认” .-> Interceptor
- Interceptor -- "5b. 鉴权通过放行" --> HttpExecutor
- Interceptor -- 放行至新架构 --> MCPClient
- HttpExecutor -- "6. 拼装动态 HTTP 请求" --> IBS
- HttpExecutor -- HTTP 请求 --> CDN & DNS
- MCPClient -. 未来演进: MCP通信协议 .-> DNS
-
- Card:::highlight
- IBS:::external
- CDN:::external
- DNS:::external
- classDef core fill:#e1f5fe,stroke:#01579b,stroke-width:2px
- classDef plugin fill:#fff3e0,stroke:#e65100,stroke-width:2px
- classDef external fill:#f1f8e9,stroke:#33681e,stroke-width:1px
- classDef highlight fill:#ffebee,stroke:#c62828,stroke-width:2px
- style Layer1 fill:#fafafa,stroke:#bdbdbd,stroke-width:1px,stroke-dasharray: 5 5
- style Layer2 fill:#fafafa,stroke:#bdbdbd,stroke-width:1px,stroke-dasharray: 5 5
- style Layer3 fill:#fafafa,stroke:#ffb74d,stroke-width:2px,stroke-dasharray: 5 5
- style Layer4 fill:#fafafa,stroke:#bdbdbd,stroke-width:1px,stroke-dasharray: 5 5
-```
diff --git a/work/移动杭研/AI 项目/IBS 智能体-v4.md b/work/移动杭研/AI 项目/IBS 智能体-v4.md
deleted file mode 100644
index 77f4667..0000000
--- a/work/移动杭研/AI 项目/IBS 智能体-v4.md
+++ /dev/null
@@ -1,44 +0,0 @@
-```
-flowchart TB
- subgraph Layer1["1. 用户侧"]
- UI["对话框"]
- end
- subgraph Layer2["2. 智能体编排层"]
- Router@{ label: "意图识别与分发
（语义路由，小模型更好，选择题）" }
- Planner["Agent 规划与调度 (ReAct)"]
- LLM["大模型 (LLM)"]
- end
- subgraph Layer3["3. 工具检索引擎 (Tool-RAG) ⭐️"]
- Embedding["Embedding 模型
(文本转向量)"]
- VectorDB[("向量数据库
(Milvus / pgvector)
存储插件语义")]
- RelationalDB[("关系型数据库
(MySQL)
存储接口物理配置")]
- SchemaBuilder["Schema 组装器
(仅组装 Top-K 工具)"]
- end
- subgraph Layer4["4. 拦截与执行层"]
- Interceptor["高危操作拦截器
(审批效果，这个需要和前端沟通方案)"]
- HttpExecutor["通用 HTTP 执行器
(动态请求第三方组)"]
- IBS["IBS / CDN / DNS 系统"]
- end
- UI -- "1. 输入: 查一下流量" --> Router
- Router -- "2. 业务请求" --> Embedding
- Embedding -- "3. 提取语义向量" --> VectorDB
- VectorDB -- "4. 返回相似度 Top-3 的插件 ID" --> SchemaBuilder
- RelationalDB -. "5. 根据 ID 拉取详细配置URL等" .-> SchemaBuilder
- SchemaBuilder -- "6. 动态注入这 3 个工具说明" --> Planner
- Planner <-- "7. 仅带 3 个工具进行交互
提取并完善参数" --> LLM
- Planner -- "8. 决定调用某工具+参数" --> Interceptor
- Interceptor -- "9. 放行/审批" --> HttpExecutor
- HttpExecutor -- "10. 动态发起真实请求" --> IBS
- Register["管理员注册新插件"] -. "A. 存入运行配置" .-> RelationalDB
- Register -. "B. 向量化插件描述" .-> VectorDB
-
- Router@{ shape: rect}
- Embedding:::vector
- VectorDB:::vector
- RelationalDB:::plugin
- SchemaBuilder:::vector
- classDef core fill:#e1f5fe,stroke:#01579b,stroke-width:2px
- classDef plugin fill:#fff3e0,stroke:#e65100,stroke-width:2px
- classDef vector fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px
- classDef highlight fill:#ffebee,stroke:#c62828,stroke-width:2px
-```
diff --git a/work/移动杭研/AI 项目/IBS 智能体具体落实技术方案.md b/work/移动杭研/AI 项目/IBS 智能体具体落实技术方案.md
index d93325c..83ce0dd 100644
--- a/work/移动杭研/AI 项目/IBS 智能体具体落实技术方案.md
+++ b/work/移动杭研/AI 项目/IBS 智能体具体落实技术方案.md
@@ -17,7 +17,7 @@ RAGFlow v0.18.0 2025-04-23（知识库）
> 完全支持 MCP v0.20.0
> 依赖 MySQL、ES、Redis、MinIO
-# 概念
+# 概念理解
bge 向量模型。
@@ -61,7 +61,7 @@ Function Calling / Tool Call / Tool Calling
**DB-GPT** 开源的“AI 原生数据应用开发框架”，用大模型来操作数据库和数据系统。
-# 问题
+# 问题备注
鉴权问题：哪个平台能调用哪些工具，哪个平台的哪些用户能调用哪些工具
@@ -77,8 +77,6 @@ AI 平台颁发系统级别 Token 限制你能用的工具。
我想查询 企业A a.com 近 5 天的峰值。
-# 备注
-
RAGFlow 版本升级至少 v0.20.0。（注意一下是否可以开启自身当作 MCP 服务的功能。）
dify 的整体使用流程流畅很多。
diff --git a/work/移动杭研/AI 项目/MCP Prompt.md b/work/移动杭研/AI 项目/MCP Prompt.md
deleted file mode 100644
index 1be33b4..0000000
--- a/work/移动杭研/AI 项目/MCP Prompt.md
+++ /dev/null
@@ -1,24 +0,0 @@
-给我增加两个我们项目的 demo 工具。为我的查询峰值智能体做测试准备
-
-1. 根据企业 ID 获取 企业的所属域名。（入参是企业 ID，响应 10 个域名， a.com, b.com… 固定十个。）但现在企业 ID 只有 企业A ，其他 企业 ID 返回无域名。
-2. 根据企业 ID 和 域名 获取域名近 5 天的峰值带宽。（峰值带宽可以随机 mock）如果用户无域名 ID 输入返回需要输入域名。
-
-现在我有一个 ibs-mcp-server ：
-
-queryDomainPeakBandwidth
-
-根据企业 ID 和域名查询该域名近 5 天的峰值带宽数据（单位：Mbps）
-
-queryEnterpriseDomains
-
-根据企业 ID 查询该企业所属的域名列表
-
-queryWeather
-
-查询指定城市在指定日期的天气预报，返回天气状况、温度、湿度和风力信息
-
-你能给我生成一个可以导入 ragflow 的 json agent 么？让我可以直接使用。
-
-智能体的工作就是可以查训用户的域名，如果用户没有输入域名可以用 queryEnterpriseDomains 给用户提示。
-
-生成到根目录。注意学习相关语法。
diff --git a/work/移动杭研/AI 项目/ibs-ai 项目 AI 对话流程.md b/work/移动杭研/AI 项目/ibs-ai 项目梳理.md
similarity index 100%
rename from work/移动杭研/AI 项目/ibs-ai 项目 AI 对话流程.md
rename to work/移动杭研/AI 项目/ibs-ai 项目梳理.md
diff --git a/work/移动杭研/AI 项目/IBS 智能体-v2.md b/work/移动杭研/AI 项目/图纸-IBS 智能体-v1-流量查询 demo 对象存储.md
similarity index 100%
rename from work/移动杭研/AI 项目/IBS 智能体-v2.md
rename to work/移动杭研/AI 项目/图纸-IBS 智能体-v1-流量查询 demo 对象存储.md
diff --git a/work/移动杭研/AI 项目/IBS 智能体-v1.md b/work/移动杭研/AI 项目/图纸-IBS 智能体-v1-流量查询 demo.md
similarity index 100%
rename from work/移动杭研/AI 项目/IBS 智能体-v1.md
rename to work/移动杭研/AI 项目/图纸-IBS 智能体-v1-流量查询 demo.md
diff --git a/work/移动杭研/AI 项目/IBS 智能体-v5.md b/work/移动杭研/AI 项目/图纸-IBS 智能体-v2-项目架构 原生 MCP.md
similarity index 100%
rename from work/移动杭研/AI 项目/IBS 智能体-v5.md
rename to work/移动杭研/AI 项目/图纸-IBS 智能体-v2-项目架构 原生 MCP.md
diff --git a/work/移动杭研/AI 项目/图纸-IBS 智能体-v3-项目架构.md b/work/移动杭研/AI 项目/图纸-IBS 智能体-v3-项目架构.md
new file mode 100644
index 0000000..db5f99c
--- /dev/null
+++ b/work/移动杭研/AI 项目/图纸-IBS 智能体-v3-项目架构.md
@@ -0,0 +1,54 @@
+```
+---
+config:
+ layout: elk
+---
+flowchart TB
+ subgraph Layer1["1. 用户侧"]
+ UI["对话框"]
+ end
+ subgraph Layer2["2. 智能体编排层"]
+ Router["意图识别与分发
（语义路由，小模型判断快）"]
+ Planner["Agent 规划与调度 (ReAct)"]
+ LLM["大模型 (LLM)"]
+ RAGFlow["现有 RAGFlow
(知识库问答)"]
+ end
+ subgraph Layer3["3. 工具检索引擎 (Tool-RAG) ⭐️核心枢纽"]
+ Embedding["Embedding 模型
(文本转向量)"]
+ VectorDB[("向量数据库
存储插件语义
(按租户隔离)")]
+ RelationalDB@{ label: "关系型数据库
1. 接口物理配置
2. 角色权限表" }
+ SchemaBuilder["Schema 组装器
(仅组装 Top-K 工具)"]
+ end
+ subgraph Layer4["4. 拦截与执行层"]
+ Interceptor["高危操作拦截
(前端卡片审批流)"]
+ HttpExecutor["通用 HTTP 执行器
"]
+ IBS["IBS / CDN / DNS 系统"]
+ end
+ UI -- "1. 用户输入" --> Router
+ Router -- "2a. 查阅文档" --> RAGFlow
+ Router -- "2b. 业务请求/查数据" --> Embedding
+ Embedding -- "3. 提取语义向量" --> VectorDB
+ VectorDB -- "4. 返回相似度 Top-3 的插件 ID" --> SchemaBuilder
+ RelationalDB -. "5. 根据 ID 拉取详细配置URL等" .-> SchemaBuilder
+ SchemaBuilder -- "6. 动态注入这 3 个工具说明" --> Planner
+ Planner <-- "7. 带 3 个工具进行交互
提取并完善参数" --> LLM
+ Planner -- "8. 决定调用某工具+参数" --> Interceptor
+ Interceptor -- "9a. 放行/审批后走普通接口" --> HttpExecutor
+ HttpExecutor -- "10a. 动态发起 REST 请求" --> IBS
+ Register["admin 录入新插件"] -. "A. 存入运行配置" .-> RelationalDB
+ Register -. "B. 向量化插件描述" .-> VectorDB
+
+ Router@{ shape: rect}
+ RelationalDB@{ shape: cylinder}
+ Register@{ shape: rect}
+ RAGFlow:::highlight
+ Embedding:::vector
+ VectorDB:::vector
+ RelationalDB:::plugin
+ SchemaBuilder:::vector
+ classDef core fill:#e1f5fe,stroke:#01579b,stroke-width:2px
+ classDef plugin fill:#fff3e0,stroke:#e65100,stroke-width:2px
+ classDef vector fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px
+ classDef highlight fill:#fff9c4,stroke:#fbc02d,stroke-width:2px
+ classDef external fill:#f3e5f5,stroke:#8e24aa,stroke-width:1px,stroke-dasharray: 5 5
+```