# FlowPilot X

**Repository Path**: yixuanhuangtech/FlowPilot-X

## Basic Information

- **Project Name**: FlowPilot X
- **Description**: FlowPilot X 是一款面向未来的智能对话与内容工作区系统，融合了 AI Copilot 聊天、Markdown/HTML/产品详情智能预览、思维链可视化、文件上传等多种高效工具，助力知识流动、团队协作和探索创新。

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-08-05
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FlowPilot X

FlowPilot X 是一款面向未来的智能对话与内容工作区系统，融合了 AI Copilot 聊天、Markdown/HTML/产品详情智能预览、思维链可视化、文件上传等多种高效工具，助力知识流动、团队协作和探索创新。

## 项目亮点

- 🚀 Copilot 智能对话与多会话管理
- 🖼️ Markdown/HTML/产品详情一键预览
- 🧠 思维链可视化，洞察 AI 推理过程
- 📁 文件上传与内容交互
- 🛠️ 模块化设计，易于扩展和定制
- 🔒 TypeScript 类型安全，代码更可靠
- 🎨 独立样式，支持主题定制

## 主要功能

1. **智能 Copilot 聊天**：支持多会话、流式响应、会话中止、消息历史本地持久化。
2. **内容工作区**：支持 Markdown/HTML 渲染、产品详情预览，点击消息按钮即可切换展示内容。
3. **思维链可视化**：展示 AI 推理过程、工具调用、Token 使用统计、元数据等。
4. **文件上传与交互**：支持拖拽上传、内容预览、与 Copilot 结合。
5. **模块化架构**：每个功能独立组件，易于维护和扩展。

## 技术栈

- React + TypeScript
- Ant Design X / Ant Design
- markdown-it
- 本地存储与 API 通信

## 快速开始

```tsx
import CopilotDemo from './pages/ChatBox';

function App() {
  return <CopilotDemo />;
}
```

## 目录结构

```
├── src/
│   ├── pages/ChatBox/      # 核心聊天与工作区模块
│   ├── components/         # 通用 UI 组件
│   ├── services/           # API 通信与流式处理
│   └── ...
├── public/                 # 静态资源
├── package.json            # 项目依赖
└── README.md               # 项目说明
```

## 适用场景

- AI 辅助知识工作流
- 产品/内容管理与预览
- 团队协作与创新
- 智能问答与推理链分析

---
![输入图片说明](public/demo1.png)