add-connection-dialog.md
基本信息
- 类型: React Client 组件
- 路径:
./src/components/prompts/add-connection-dialog.tsx
功能描述
添加关联弹窗组件，用于在当前Prompt之前或之后添加关联Prompt。支持搜索Prompt、选择Prompt和设置连接标签。
导出内容
AddConnectionDialog- 主组件AddConnectionDialogProps- Props接口
Props 接口
| 属性 | 类型 | 说明 | |
|---|---|---|---|
| open | boolean | 弹窗显示状态 | |
| onOpenChange | (open: boolean) => void | 状态变更回调 | |
| promptId | string | 当前Prompt ID | |
| connectionType | "previous" \ | "next" | 连接类型 |
| onConnectionAdded | () => void | 连接添加成功回调 |
功能流程
- 搜索Prompt（至少2个字符）
- 选择目标Prompt
- 输入连接标签
- 提交创建连接
依赖
react- React核心next-intl- 国际化lucide-react- 图标库@/components/ui/dialog- 对话框组件@/components/ui/button- 按钮组件@/components/ui/input- 输入框组件@/components/ui/label- 标签组件@/lib/hooks/use-debounce- 防抖Hook
API端点
- GET
/api/prompts/search?q={query}&limit=10&ownerOnly=true- 搜索Prompt - POST
/api/prompts/{sourceId}/connections- 创建连接
相关组件
PromptConnections- 使用此组件添加连接