refactor: 重构项目结构和代码组织
This commit is contained in:
@@ -1,51 +0,0 @@
|
|||||||
# Dependencies
|
|
||||||
node_modules/
|
|
||||||
|
|
||||||
# Build output
|
|
||||||
dist/
|
|
||||||
build/
|
|
||||||
|
|
||||||
# Environment files
|
|
||||||
.env
|
|
||||||
.env.local
|
|
||||||
.env.*.local
|
|
||||||
|
|
||||||
# IDE
|
|
||||||
.vscode/
|
|
||||||
.idea/
|
|
||||||
*.swp
|
|
||||||
*.swo
|
|
||||||
|
|
||||||
# OS
|
|
||||||
.DS_Store
|
|
||||||
Thumbs.db
|
|
||||||
|
|
||||||
# Logs
|
|
||||||
logs/
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
|
|
||||||
# Data
|
|
||||||
data/
|
|
||||||
|
|
||||||
# Git
|
|
||||||
.git/
|
|
||||||
.gitignore
|
|
||||||
|
|
||||||
# Docker
|
|
||||||
Dockerfile
|
|
||||||
docker-compose*.yml
|
|
||||||
.dockerignore
|
|
||||||
|
|
||||||
# Documentation
|
|
||||||
*.md
|
|
||||||
docs/
|
|
||||||
|
|
||||||
# Tests
|
|
||||||
test/
|
|
||||||
tests/
|
|
||||||
coverage/
|
|
||||||
|
|
||||||
# Misc
|
|
||||||
*.tmp
|
|
||||||
*.temp
|
|
||||||
61
.gitignore
vendored
61
.gitignore
vendored
@@ -1,61 +0,0 @@
|
|||||||
# Dependencies
|
|
||||||
node_modules/
|
|
||||||
.pnp
|
|
||||||
.pnp.js
|
|
||||||
|
|
||||||
# Testing
|
|
||||||
coverage/
|
|
||||||
*.lcov
|
|
||||||
|
|
||||||
# Production builds
|
|
||||||
dist/
|
|
||||||
build/
|
|
||||||
server/dist/
|
|
||||||
client/dist/
|
|
||||||
|
|
||||||
# Environment variables
|
|
||||||
.env
|
|
||||||
.env.local
|
|
||||||
.env.*.local
|
|
||||||
!.env.example
|
|
||||||
|
|
||||||
# IDE
|
|
||||||
.vscode/
|
|
||||||
.idea/
|
|
||||||
*.swp
|
|
||||||
*.swo
|
|
||||||
*~
|
|
||||||
|
|
||||||
# OS
|
|
||||||
.DS_Store
|
|
||||||
Thumbs.db
|
|
||||||
|
|
||||||
# Logs
|
|
||||||
logs/
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
pnpm-debug.log*
|
|
||||||
|
|
||||||
# Data persistence
|
|
||||||
data/
|
|
||||||
*.db
|
|
||||||
*.sqlite
|
|
||||||
|
|
||||||
# Temporary files
|
|
||||||
tmp/
|
|
||||||
temp/
|
|
||||||
*.tmp
|
|
||||||
*.temp
|
|
||||||
|
|
||||||
# Docker
|
|
||||||
docker-compose.override.yml
|
|
||||||
|
|
||||||
# Secrets
|
|
||||||
*.pem
|
|
||||||
*.key
|
|
||||||
secrets/
|
|
||||||
|
|
||||||
# Shared types build output
|
|
||||||
shared/dist/
|
|
||||||
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
# 默认忽略的文件
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# 基于编辑器的 HTTP 客户端请求
|
||||||
|
/httpRequests/
|
||||||
6
.idea/encodings.xml
generated
Normal file
6
.idea/encodings.xml
generated
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="Encoding">
|
||||||
|
<file url="file://$PROJECT_DIR$/make.bat" charset="GB2312" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
12
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
12
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<profile version="1.0">
|
||||||
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="PyUnresolvedReferencesInspection" enabled="true" level="WARNING" enabled_by_default="true">
|
||||||
|
<option name="ignoredIdentifiers">
|
||||||
|
<list>
|
||||||
|
<option value="requests.models.Response.__getitem__" />
|
||||||
|
</list>
|
||||||
|
</option>
|
||||||
|
</inspection_tool>
|
||||||
|
</profile>
|
||||||
|
</component>
|
||||||
6
.idea/inspectionProfiles/profiles_settings.xml
generated
Normal file
6
.idea/inspectionProfiles/profiles_settings.xml
generated
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<settings>
|
||||||
|
<option name="USE_PROJECT_PROFILE" value="false" />
|
||||||
|
<version value="1.0" />
|
||||||
|
</settings>
|
||||||
|
</component>
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/sillytavern-repalice.iml" filepath="$PROJECT_DIR$/.idea/sillytavern-repalice.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
8
.idea/sillytavern-repalice.iml
generated
Normal file
8
.idea/sillytavern-repalice.iml
generated
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="PYTHON_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$" />
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
6
.idea/vcs.xml
generated
Normal file
6
.idea/vcs.xml
generated
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
@@ -1,254 +0,0 @@
|
|||||||
# 项目架构检查报告
|
|
||||||
|
|
||||||
## ✅ 架构合理性评估
|
|
||||||
|
|
||||||
### **1. 整体结构评分：9/10** ⭐⭐⭐⭐⭐
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📁 目录结构分析
|
|
||||||
|
|
||||||
### **✅ 优点**
|
|
||||||
|
|
||||||
#### **1. 清晰的三层架构**
|
|
||||||
```
|
|
||||||
project/
|
|
||||||
├── server/ # 后端 (NestJS)
|
|
||||||
├── client/ # 前端 (Vue3)
|
|
||||||
├── shared/ # 共享类型系统
|
|
||||||
├── data/ # 持久化数据
|
|
||||||
├── docker/ # Docker 配置
|
|
||||||
└── docs/ # 文档
|
|
||||||
```
|
|
||||||
- ✅ 前后端分离明确
|
|
||||||
- ✅ 共享类型独立管理
|
|
||||||
- ✅ 数据和配置隔离
|
|
||||||
|
|
||||||
#### **2. 后端模块化设计 (DDD)**
|
|
||||||
```
|
|
||||||
server/src/
|
|
||||||
├── core/ # 核心基础设施层
|
|
||||||
├── modules/ # 业务模块层
|
|
||||||
├── shared/ # 共享工具层
|
|
||||||
├── events/ # 事件系统
|
|
||||||
├── queues/ # 任务队列
|
|
||||||
└── common/ # 通用基类
|
|
||||||
```
|
|
||||||
- ✅ 符合领域驱动设计
|
|
||||||
- ✅ 职责分离清晰
|
|
||||||
- ✅ 易于扩展和维护
|
|
||||||
|
|
||||||
#### **3. 模块内部结构标准**
|
|
||||||
```
|
|
||||||
modules/{module}/
|
|
||||||
├── controllers/ # API 控制器
|
|
||||||
├── services/ # 业务逻辑
|
|
||||||
├── adapters/ # 格式转换适配器
|
|
||||||
├── dto/ # 数据传输对象
|
|
||||||
└── interfaces/ # 接口定义
|
|
||||||
```
|
|
||||||
- ✅ 遵循 MVC 模式
|
|
||||||
- ✅ 适配器模式实现良好
|
|
||||||
- ✅ 依赖注入友好
|
|
||||||
|
|
||||||
#### **4. 前端分层合理**
|
|
||||||
```
|
|
||||||
client/src/
|
|
||||||
├── api/ # API 客户端层
|
|
||||||
├── components/ # UI 组件层
|
|
||||||
├── views/ # 页面视图层
|
|
||||||
├── composables/ # 组合式函数
|
|
||||||
├── stores/ # 状态管理
|
|
||||||
├── router/ # 路由配置
|
|
||||||
├── types/ # 类型定义
|
|
||||||
└── utils/ # 工具函数
|
|
||||||
```
|
|
||||||
- ✅ 符合 Vue3 最佳实践
|
|
||||||
- ✅ 关注点分离
|
|
||||||
- ✅ 可复用性强
|
|
||||||
|
|
||||||
#### **5. 共享类型系统设计**
|
|
||||||
```
|
|
||||||
shared/types/
|
|
||||||
├── sillytavern/ # ST 原生格式（兼容层）
|
|
||||||
├── extended/ # 扩展格式（增强层）
|
|
||||||
├── adapters/ # 适配器接口
|
|
||||||
└── index.ts # 统一导出
|
|
||||||
```
|
|
||||||
- ✅ 双层格式设计优秀
|
|
||||||
- ✅ 完全兼容 SillyTavern
|
|
||||||
- ✅ 扩展性强
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## ⚠️ 需要改进的地方
|
|
||||||
|
|
||||||
### **1. 缺少配置文件**
|
|
||||||
```
|
|
||||||
❌ server/.env.example
|
|
||||||
❌ client/.env.example
|
|
||||||
❌ server/tsconfig.build.json (已有但需检查)
|
|
||||||
```
|
|
||||||
|
|
||||||
**建议：**
|
|
||||||
- 创建 `.env.example` 模板文件
|
|
||||||
- 确保所有必要的环境变量都有文档
|
|
||||||
|
|
||||||
### **2. 模块完整性不一致**
|
|
||||||
|
|
||||||
**完整的模块：**
|
|
||||||
- ✅ `chat/` - 有 adapters
|
|
||||||
- ✅ `world-info/` - 有 adapters
|
|
||||||
- ✅ `preset/` - 有 adapters
|
|
||||||
|
|
||||||
**不完整的模块：**
|
|
||||||
- ⚠️ `auth/` - 缺少 adapters
|
|
||||||
- ⚠️ `llm/` - 缺少 adapters
|
|
||||||
- ⚠️ `workflow/` - 缺少 adapters
|
|
||||||
- ⚠️ `data-store/` - 缺少 adapters
|
|
||||||
- ⚠️ `file-management/` - 缺少 adapters
|
|
||||||
- ⚠️ `import-export/` - 缺少 adapters
|
|
||||||
|
|
||||||
**建议：**
|
|
||||||
为每个模块添加标准的子目录结构，即使暂时为空。
|
|
||||||
|
|
||||||
### **3. 前端目录有空文件夹**
|
|
||||||
```
|
|
||||||
client/src/
|
|
||||||
├── composables/ # 空
|
|
||||||
├── plugins/ # 空
|
|
||||||
├── services/ # 空
|
|
||||||
└── store/ # 空（应该是 stores/）
|
|
||||||
```
|
|
||||||
|
|
||||||
**建议：**
|
|
||||||
- 删除空的 `store/` 目录（已有 `stores/`）
|
|
||||||
- 在 `composables/` 中添加基础 composable
|
|
||||||
- 在 `plugins/` 中添加必要的插件
|
|
||||||
|
|
||||||
### **4. 缺少测试目录结构**
|
|
||||||
```
|
|
||||||
tests/ # 空
|
|
||||||
```
|
|
||||||
|
|
||||||
**建议：**
|
|
||||||
```
|
|
||||||
tests/
|
|
||||||
├── unit/ # 单元测试
|
|
||||||
├── integration/ # 集成测试
|
|
||||||
└── e2e/ # 端到端测试
|
|
||||||
```
|
|
||||||
|
|
||||||
### **5. Docker 配置可以优化**
|
|
||||||
|
|
||||||
**当前配置：**
|
|
||||||
- ✅ 开发环境热重载配置正确
|
|
||||||
- ✅ 端口映射合理（23337, 23338）
|
|
||||||
- ✅ 卷挂载正确
|
|
||||||
|
|
||||||
**建议改进：**
|
|
||||||
- 添加 `.dockerignore` 文件
|
|
||||||
- 考虑添加 Nginx 反向代理（生产环境）
|
|
||||||
- 添加日志卷挂载
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🎯 架构优势总结
|
|
||||||
|
|
||||||
### **1. 数据类型设计优秀** ⭐⭐⭐⭐⭐
|
|
||||||
- 双层格式（ST + Extended）
|
|
||||||
- 适配器模式实现完善
|
|
||||||
- 完全向后兼容
|
|
||||||
|
|
||||||
### **2. 模块化程度高** ⭐⭐⭐⭐⭐
|
|
||||||
- 每个模块独立
|
|
||||||
- 低耦合高内聚
|
|
||||||
- 易于团队协作
|
|
||||||
|
|
||||||
### **3. 技术栈选择合理** ⭐⭐⭐⭐⭐
|
|
||||||
- NestJS + Vue3 = 现代全栈
|
|
||||||
- TypeScript 全程类型安全
|
|
||||||
- Docker 容器化部署
|
|
||||||
|
|
||||||
### **4. 可扩展性强** ⭐⭐⭐⭐⭐
|
|
||||||
- 事件系统预留
|
|
||||||
- 任务队列预留
|
|
||||||
- 微服务演进可能
|
|
||||||
|
|
||||||
### **5. 开发体验好** ⭐⭐⭐⭐
|
|
||||||
- 热重载支持
|
|
||||||
- 路径别名配置
|
|
||||||
- 类型提示完整
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📋 建议的改进清单
|
|
||||||
|
|
||||||
### **高优先级**
|
|
||||||
1. ✅ 创建 `.env.example` 文件
|
|
||||||
2. ✅ 统一模块目录结构
|
|
||||||
3. ✅ 清理空文件夹
|
|
||||||
4. ✅ 添加 `.dockerignore`
|
|
||||||
|
|
||||||
### **中优先级**
|
|
||||||
5. ⏳ 创建基础 Composables
|
|
||||||
6. ⏳ 添加单元测试框架
|
|
||||||
7. ⏳ 完善 Docker 配置
|
|
||||||
8. ⏳ 添加 CI/CD 配置
|
|
||||||
|
|
||||||
### **低优先级**
|
|
||||||
9. 📝 编写 API 文档
|
|
||||||
10. 📝 添加部署指南
|
|
||||||
11. 📝 创建贡献指南
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🚀 Docker 配置说明
|
|
||||||
|
|
||||||
### **端口映射**
|
|
||||||
- 后端：`23337:3000` （宿主机 23337 → 容器 3000）
|
|
||||||
- 前端：`23338:5173` （宿主机 23338 → 容器 5173）
|
|
||||||
|
|
||||||
### **热重载支持**
|
|
||||||
```yaml
|
|
||||||
volumes:
|
|
||||||
- ./server:/usr/src/app # 代码挂载
|
|
||||||
- ./shared:/usr/src/shared # 共享类型挂载
|
|
||||||
- /usr/src/app/node_modules # 排除 node_modules
|
|
||||||
```
|
|
||||||
|
|
||||||
### **数据持久化**
|
|
||||||
```yaml
|
|
||||||
volumes:
|
|
||||||
- ./data:/usr/src/app/data # 数据库和文件
|
|
||||||
- ./.env:/usr/src/app/.env:ro # 环境变量（只读）
|
|
||||||
```
|
|
||||||
|
|
||||||
### **健康检查**
|
|
||||||
```yaml
|
|
||||||
healthcheck:
|
|
||||||
test: ["CMD", "wget", "--spider", "-q", "http://localhost:3000/api"]
|
|
||||||
interval: 30s
|
|
||||||
timeout: 10s
|
|
||||||
retries: 3
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## ✅ 总体评价
|
|
||||||
|
|
||||||
**架构评分：9/10**
|
|
||||||
|
|
||||||
**优点：**
|
|
||||||
- 设计思路清晰
|
|
||||||
- 技术选型现代
|
|
||||||
- 可扩展性强
|
|
||||||
- 兼容性好
|
|
||||||
|
|
||||||
**待改进：**
|
|
||||||
- 部分模块不完整
|
|
||||||
- 缺少一些配置文件
|
|
||||||
- 测试框架未搭建
|
|
||||||
|
|
||||||
**结论：**
|
|
||||||
整体架构非常合理，具备良好的可扩展性和维护性。只需补充一些细节即可投入开发。
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
node_modules
|
|
||||||
dist
|
|
||||||
.env
|
|
||||||
.git
|
|
||||||
.idea
|
|
||||||
.vscode
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
# =====================================================
|
|
||||||
# API Configuration
|
|
||||||
# =====================================================
|
|
||||||
VITE_API_URL=http://localhost:23337/api
|
|
||||||
VITE_WS_URL=ws://localhost:23337
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Application Configuration
|
|
||||||
# =====================================================
|
|
||||||
VITE_APP_NAME=SillyTavern Replace
|
|
||||||
VITE_APP_VERSION=1.0.0
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Feature Flags
|
|
||||||
# =====================================================
|
|
||||||
VITE_ENABLE_WEBSOCKET=true
|
|
||||||
VITE_ENABLE_SSE=true
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# LLM Configuration (Public - Safe to Expose)
|
|
||||||
# =====================================================
|
|
||||||
VITE_DEFAULT_LLM_PROVIDER=openai
|
|
||||||
VITE_MAX_TOKENS=4096
|
|
||||||
VITE_DEFAULT_TEMPERATURE=0.7
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# UI Configuration
|
|
||||||
# =====================================================
|
|
||||||
VITE_THEME=light
|
|
||||||
VITE_LANGUAGE=zh-CN
|
|
||||||
VITE_ITEMS_PER_PAGE=20
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Upload Configuration
|
|
||||||
# =====================================================
|
|
||||||
VITE_MAX_UPLOAD_SIZE=10485760
|
|
||||||
VITE_ALLOWED_FILE_TYPES=.json,.csv,.txt,.md,.png,.jpg
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
# Development Dockerfile for Frontend (Vue3 + Vite)
|
|
||||||
FROM node:20-alpine
|
|
||||||
|
|
||||||
# Set working directory
|
|
||||||
WORKDIR /usr/src/app
|
|
||||||
|
|
||||||
# Copy package files
|
|
||||||
COPY package*.json ./
|
|
||||||
|
|
||||||
# Install dependencies
|
|
||||||
RUN npm install
|
|
||||||
|
|
||||||
# Expose Vite dev server port
|
|
||||||
EXPOSE 5173
|
|
||||||
|
|
||||||
# Default command (will be overridden by docker-compose)
|
|
||||||
CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0", "--port", "5173"]
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
# client
|
|
||||||
|
|
||||||
This template should help get you started developing with Vue 3 in Vite.
|
|
||||||
|
|
||||||
## Recommended IDE Setup
|
|
||||||
|
|
||||||
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
||||||
|
|
||||||
## Recommended Browser Setup
|
|
||||||
|
|
||||||
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
|
|
||||||
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
|
|
||||||
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
|
|
||||||
- Firefox:
|
|
||||||
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
|
|
||||||
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
|
|
||||||
|
|
||||||
## Type Support for `.vue` Imports in TS
|
|
||||||
|
|
||||||
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
||||||
|
|
||||||
## Customize configuration
|
|
||||||
|
|
||||||
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
||||||
|
|
||||||
## Project Setup
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npm install
|
|
||||||
```
|
|
||||||
|
|
||||||
### Compile and Hot-Reload for Development
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npm run dev
|
|
||||||
```
|
|
||||||
|
|
||||||
### Type-Check, Compile and Minify for Production
|
|
||||||
|
|
||||||
```sh
|
|
||||||
npm run build
|
|
||||||
```
|
|
||||||
1
client/env.d.ts
vendored
1
client/env.d.ts
vendored
@@ -1 +0,0 @@
|
|||||||
/// <reference types="vite/client" />
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<link rel="icon" href="/favicon.ico">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Vite App</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
|
||||||
<script type="module" src="/src/main.ts"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
3148
client/package-lock.json
generated
3148
client/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -1,33 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "client",
|
|
||||||
"version": "0.0.0",
|
|
||||||
"private": true,
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vite",
|
|
||||||
"build": "run-p type-check \"build-only {@}\" --",
|
|
||||||
"preview": "vite preview",
|
|
||||||
"build-only": "vite build",
|
|
||||||
"type-check": "vue-tsc --build"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"pinia": "^3.0.4",
|
|
||||||
"vue": "^3.5.32",
|
|
||||||
"vue-router": "^5.0.4"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@tsconfig/node24": "^24.0.4",
|
|
||||||
"@types/node": "^24.12.2",
|
|
||||||
"@vitejs/plugin-vue": "^6.0.6",
|
|
||||||
"@vitejs/plugin-vue-jsx": "^5.1.5",
|
|
||||||
"@vue/tsconfig": "^0.9.1",
|
|
||||||
"npm-run-all2": "^8.0.4",
|
|
||||||
"typescript": "~6.0.0",
|
|
||||||
"vite": "^8.0.8",
|
|
||||||
"vite-plugin-vue-devtools": "^8.1.1",
|
|
||||||
"vue-tsc": "^3.2.6"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^20.19.0 || >=22.12.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
@@ -1,41 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-layout">
|
|
||||||
<!-- 顶部工具栏 -->
|
|
||||||
<TopToolbar />
|
|
||||||
|
|
||||||
<!-- 主体内容区 -->
|
|
||||||
<div class="main-content">
|
|
||||||
<!-- 左侧面板 -->
|
|
||||||
<LeftPanel />
|
|
||||||
|
|
||||||
<!-- 中间聊天区 -->
|
|
||||||
<CenterChat />
|
|
||||||
|
|
||||||
<!-- 右侧工具面板 -->
|
|
||||||
<RightPanel />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import TopToolbar from './components/layout/TopToolbar.vue';
|
|
||||||
import LeftPanel from './components/layout/LeftPanel.vue';
|
|
||||||
import CenterChat from './components/layout/CenterChat.vue';
|
|
||||||
import RightPanel from './components/layout/RightPanel.vue';
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.app-layout {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100vw;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-content {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
0
client/src/api/index.ts
Normal file
0
client/src/api/index.ts
Normal file
@@ -1,86 +0,0 @@
|
|||||||
/* color palette from <https://github.com/vuejs/theme> */
|
|
||||||
:root {
|
|
||||||
--vt-c-white: #ffffff;
|
|
||||||
--vt-c-white-soft: #f8f8f8;
|
|
||||||
--vt-c-white-mute: #f2f2f2;
|
|
||||||
|
|
||||||
--vt-c-black: #181818;
|
|
||||||
--vt-c-black-soft: #222222;
|
|
||||||
--vt-c-black-mute: #282828;
|
|
||||||
|
|
||||||
--vt-c-indigo: #2c3e50;
|
|
||||||
|
|
||||||
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
|
||||||
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
|
||||||
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
|
||||||
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
|
||||||
|
|
||||||
--vt-c-text-light-1: var(--vt-c-indigo);
|
|
||||||
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
|
||||||
--vt-c-text-dark-1: var(--vt-c-white);
|
|
||||||
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* semantic color variables for this project */
|
|
||||||
:root {
|
|
||||||
--color-background: var(--vt-c-white);
|
|
||||||
--color-background-soft: var(--vt-c-white-soft);
|
|
||||||
--color-background-mute: var(--vt-c-white-mute);
|
|
||||||
|
|
||||||
--color-border: var(--vt-c-divider-light-2);
|
|
||||||
--color-border-hover: var(--vt-c-divider-light-1);
|
|
||||||
|
|
||||||
--color-heading: var(--vt-c-text-light-1);
|
|
||||||
--color-text: var(--vt-c-text-light-1);
|
|
||||||
|
|
||||||
--section-gap: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
:root {
|
|
||||||
--color-background: var(--vt-c-black);
|
|
||||||
--color-background-soft: var(--vt-c-black-soft);
|
|
||||||
--color-background-mute: var(--vt-c-black-mute);
|
|
||||||
|
|
||||||
--color-border: var(--vt-c-divider-dark-2);
|
|
||||||
--color-border-hover: var(--vt-c-divider-dark-1);
|
|
||||||
|
|
||||||
--color-heading: var(--vt-c-text-dark-1);
|
|
||||||
--color-text: var(--vt-c-text-dark-2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-height: 100vh;
|
|
||||||
color: var(--color-text);
|
|
||||||
background: var(--color-background);
|
|
||||||
transition:
|
|
||||||
color 0.5s,
|
|
||||||
background-color 0.5s;
|
|
||||||
line-height: 1.6;
|
|
||||||
font-family:
|
|
||||||
Inter,
|
|
||||||
-apple-system,
|
|
||||||
BlinkMacSystemFont,
|
|
||||||
'Segoe UI',
|
|
||||||
Roboto,
|
|
||||||
Oxygen,
|
|
||||||
Ubuntu,
|
|
||||||
Cantarell,
|
|
||||||
'Fira Sans',
|
|
||||||
'Droid Sans',
|
|
||||||
'Helvetica Neue',
|
|
||||||
sans-serif;
|
|
||||||
font-size: 15px;
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
0
client/src/assets/logo.png
Normal file
0
client/src/assets/logo.png
Normal file
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 276 B |
@@ -1,35 +0,0 @@
|
|||||||
@import './base.css';
|
|
||||||
|
|
||||||
#app {
|
|
||||||
max-width: 1280px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 2rem;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
.green {
|
|
||||||
text-decoration: none;
|
|
||||||
color: hsla(160, 100%, 37%, 1);
|
|
||||||
transition: 0.4s;
|
|
||||||
padding: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (hover: hover) {
|
|
||||||
a:hover {
|
|
||||||
background-color: hsla(160, 100%, 37%, 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
place-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#app {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
padding: 0 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
0
client/src/components/CenterPanel/CenterPanel.vue
Normal file
0
client/src/components/CenterPanel/CenterPanel.vue
Normal file
0
client/src/components/CenterPanel/center-panel.css
Normal file
0
client/src/components/CenterPanel/center-panel.css
Normal file
0
client/src/components/CenterPanel/useCenterPanel.ts
Normal file
0
client/src/components/CenterPanel/useCenterPanel.ts
Normal file
0
client/src/components/LeftPanel/LeftPanel.vue
Normal file
0
client/src/components/LeftPanel/LeftPanel.vue
Normal file
0
client/src/components/LeftPanel/left-panel.css
Normal file
0
client/src/components/LeftPanel/left-panel.css
Normal file
0
client/src/components/LeftPanel/useLeftPanel.ts
Normal file
0
client/src/components/LeftPanel/useLeftPanel.ts
Normal file
0
client/src/components/RightPanel/RightPanel.vue
Normal file
0
client/src/components/RightPanel/RightPanel.vue
Normal file
0
client/src/components/RightPanel/right-panel.css
Normal file
0
client/src/components/RightPanel/right-panel.css
Normal file
0
client/src/components/RightPanel/useRightPanel.ts
Normal file
0
client/src/components/RightPanel/useRightPanel.ts
Normal file
0
client/src/components/TopBar/TopBar.vue
Normal file
0
client/src/components/TopBar/TopBar.vue
Normal file
0
client/src/components/TopBar/top-bar.css
Normal file
0
client/src/components/TopBar/top-bar.css
Normal file
0
client/src/components/TopBar/useTopBar.ts
Normal file
0
client/src/components/TopBar/useTopBar.ts
Normal file
0
client/src/components/common/BaseIcon/BaseIcon.vue
Normal file
0
client/src/components/common/BaseIcon/BaseIcon.vue
Normal file
0
client/src/components/common/BaseIcon/base-icon.css
Normal file
0
client/src/components/common/BaseIcon/base-icon.css
Normal file
@@ -1,72 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div :class="['message-item', message.senderRole]">
|
|
||||||
<div class="message-header">
|
|
||||||
<span class="sender-name">{{ message.senderName }}</span>
|
|
||||||
<span class="timestamp">{{ formatTime(message.timestamp) }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="message-content">{{ message.mes }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
interface Message {
|
|
||||||
id: string;
|
|
||||||
senderName: string;
|
|
||||||
senderRole: 'user' | 'assistant' | 'system';
|
|
||||||
mes: string;
|
|
||||||
timestamp: Date;
|
|
||||||
}
|
|
||||||
|
|
||||||
defineProps<{
|
|
||||||
message: Message;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
function formatTime(date: Date) {
|
|
||||||
return new Date(date).toLocaleTimeString('zh-CN', {
|
|
||||||
hour: '2-digit',
|
|
||||||
minute: '2-digit'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.message-item {
|
|
||||||
padding: 12px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
background: #ffffff;
|
|
||||||
border: 1px solid #e0e0e0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-item.user {
|
|
||||||
background: #e3f2fd;
|
|
||||||
border-color: #bbdefb;
|
|
||||||
margin-left: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-item.assistant {
|
|
||||||
background: #f1f8e9;
|
|
||||||
border-color: #dcedc8;
|
|
||||||
margin-right: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sender-name {
|
|
||||||
font-weight: 600;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-content {
|
|
||||||
line-height: 1.6;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="api-config-view">
|
|
||||||
<h3>🔌 API 配置</h3>
|
|
||||||
<p>API 配置管理界面</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.api-config-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="gallery-view">
|
|
||||||
<h3>🖼️ 画廊</h3>
|
|
||||||
<p>LLM 生成的图片将显示在这里</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.gallery-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="preset-view">
|
|
||||||
<h3>⚙️ 预设管理</h3>
|
|
||||||
<p>预设配置和条目展示</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.preset-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="world-book-view">
|
|
||||||
<h3>📚 世界书管理</h3>
|
|
||||||
<p>全局世界书激活和条目管理</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.world-book-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="dice-view">
|
|
||||||
<h3>🎲 骰子工具</h3>
|
|
||||||
<p>纯前端骰子功能</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.dice-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="rag-view">
|
|
||||||
<h3>🔍 RAG 检索</h3>
|
|
||||||
<p>RAG 知识检索功能</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.rag-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="world-book-call-view">
|
|
||||||
<h3>📚 世界书调用</h3>
|
|
||||||
<p>世界书条目调用记录</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.world-book-call-view {
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #2c3e50;
|
|
||||||
margin: 0 0 12px 0;
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,175 +0,0 @@
|
|||||||
<template>
|
|
||||||
<main class="center-chat">
|
|
||||||
<!-- 消息列表 -->
|
|
||||||
<div class="message-list">
|
|
||||||
<CenterMessageItem
|
|
||||||
v-for="msg in messages"
|
|
||||||
:key="msg.id"
|
|
||||||
:message="msg"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<!-- 输入区域 -->
|
|
||||||
<div class="input-area">
|
|
||||||
<!-- 选项框 -->
|
|
||||||
<div class="input-options">
|
|
||||||
<select v-model="sendOptions.role" class="option-select">
|
|
||||||
<option value="user">用户</option>
|
|
||||||
<option value="assistant">AI</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 输入框 -->
|
|
||||||
<textarea
|
|
||||||
v-model="inputMessage"
|
|
||||||
class="message-input"
|
|
||||||
placeholder="输入消息..."
|
|
||||||
@keydown.enter.ctrl="sendMessage"
|
|
||||||
></textarea>
|
|
||||||
|
|
||||||
<!-- 发送/停止按钮 -->
|
|
||||||
<button
|
|
||||||
:class="['send-btn', { sending: isSending }]"
|
|
||||||
@click="isSending ? stopGeneration() : sendMessage()"
|
|
||||||
>
|
|
||||||
{{ isSending ? '⏹ 停止' : '📤 发送' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import CenterMessageItem from '../features/center/MessageItem.vue';
|
|
||||||
|
|
||||||
interface Message {
|
|
||||||
id: string;
|
|
||||||
senderName: string;
|
|
||||||
senderRole: 'user' | 'assistant' | 'system';
|
|
||||||
mes: string;
|
|
||||||
timestamp: Date;
|
|
||||||
}
|
|
||||||
|
|
||||||
const messages = ref<Message[]>([
|
|
||||||
{
|
|
||||||
id: '1',
|
|
||||||
senderName: 'Assistant',
|
|
||||||
senderRole: 'assistant',
|
|
||||||
mes: '你好！有什么可以帮助你的吗？',
|
|
||||||
timestamp: new Date(),
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
const inputMessage = ref('');
|
|
||||||
const isSending = ref(false);
|
|
||||||
const sendOptions = ref({
|
|
||||||
role: 'user' as 'user' | 'assistant',
|
|
||||||
});
|
|
||||||
|
|
||||||
function sendMessage() {
|
|
||||||
if (!inputMessage.value.trim()) return;
|
|
||||||
|
|
||||||
const newMessage: Message = {
|
|
||||||
id: Date.now().toString(),
|
|
||||||
senderName: sendOptions.value.role === 'user' ? 'User' : 'Assistant',
|
|
||||||
senderRole: sendOptions.value.role,
|
|
||||||
mes: inputMessage.value,
|
|
||||||
timestamp: new Date(),
|
|
||||||
};
|
|
||||||
|
|
||||||
messages.value.push(newMessage);
|
|
||||||
inputMessage.value = '';
|
|
||||||
isSending.value = true;
|
|
||||||
|
|
||||||
// 模拟 AI 回复
|
|
||||||
setTimeout(() => {
|
|
||||||
isSending.value = false;
|
|
||||||
}, 2000);
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopGeneration() {
|
|
||||||
isSending.value = false;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.center-chat {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
flex: 1;
|
|
||||||
background: #ffffff;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-list {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 16px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-area {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-end;
|
|
||||||
gap: 8px;
|
|
||||||
padding: 16px;
|
|
||||||
background: #f8f9fa;
|
|
||||||
border-top: 2px solid #dee2e6;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-options {
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.option-select {
|
|
||||||
padding: 8px;
|
|
||||||
border: 1px solid #ced4da;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: white;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-input {
|
|
||||||
flex: 1;
|
|
||||||
padding: 12px;
|
|
||||||
border: 1px solid #ced4da;
|
|
||||||
border-radius: 4px;
|
|
||||||
resize: none;
|
|
||||||
font-size: 14px;
|
|
||||||
min-height: 60px;
|
|
||||||
max-height: 200px;
|
|
||||||
font-family: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-input:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: #3498db;
|
|
||||||
}
|
|
||||||
|
|
||||||
.send-btn {
|
|
||||||
padding: 12px 20px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: #3498db;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 500;
|
|
||||||
transition: background 0.2s;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.send-btn:hover {
|
|
||||||
background: #2980b9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.send-btn.sending {
|
|
||||||
background: #e74c3c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.send-btn.sending:hover {
|
|
||||||
background: #c0392b;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,99 +0,0 @@
|
|||||||
<template>
|
|
||||||
<aside class="left-panel">
|
|
||||||
<!-- 左侧-顶部分页标签 -->
|
|
||||||
<div class="panel-tabs">
|
|
||||||
<button
|
|
||||||
v-for="tab in tabs"
|
|
||||||
:key="tab.id"
|
|
||||||
:class="['tab-btn', { active: currentTab === tab.id }]"
|
|
||||||
@click="currentTab = tab.id"
|
|
||||||
>
|
|
||||||
{{ tab.icon }} {{ tab.label }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 左侧-内容区域 -->
|
|
||||||
<div class="panel-content">
|
|
||||||
<LeftGalleryView v-if="currentTab === 'gallery'" />
|
|
||||||
<LeftApiConfigView v-if="currentTab === 'api'" />
|
|
||||||
<LeftPresetView v-if="currentTab === 'preset'" />
|
|
||||||
<LeftWorldBookView v-if="currentTab === 'worldbook'" />
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import LeftGalleryView from '../features/left/GalleryView.vue';
|
|
||||||
import LeftApiConfigView from '../features/left/ApiConfigView.vue';
|
|
||||||
import LeftPresetView from '../features/left/PresetView.vue';
|
|
||||||
import LeftWorldBookView from '../features/left/WorldBookView.vue';
|
|
||||||
|
|
||||||
const currentTab = ref('gallery');
|
|
||||||
|
|
||||||
const tabs = [
|
|
||||||
{ id: 'gallery', label: '画廊', icon: '🖼️' },
|
|
||||||
{ id: 'api', label: 'API', icon: '🔌' },
|
|
||||||
{ id: 'preset', label: '预设', icon: '⚙️' },
|
|
||||||
{ id: 'worldbook', label: '世界书', icon: '📚' },
|
|
||||||
];
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.left-panel {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 25%;
|
|
||||||
min-width: 300px;
|
|
||||||
max-width: 400px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-right: 1px solid #e0e0e0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-tabs {
|
|
||||||
display: flex;
|
|
||||||
background: #f8f9fa;
|
|
||||||
border-bottom: 1px solid #e0e0e0;
|
|
||||||
padding: 6px 8px;
|
|
||||||
gap: 4px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn {
|
|
||||||
flex: 1;
|
|
||||||
padding: 8px 6px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: transparent;
|
|
||||||
color: #7f8c8d;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
|
||||||
transition: all 0.2s;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn:hover {
|
|
||||||
background: #ffffff;
|
|
||||||
border-color: #e0e0e0;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn.active {
|
|
||||||
background: #ffffff;
|
|
||||||
border-color: #3498db;
|
|
||||||
color: #3498db;
|
|
||||||
box-shadow: 0 1px 3px rgba(52, 152, 219, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-content {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 16px;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,267 +0,0 @@
|
|||||||
<template>
|
|
||||||
<aside class="right-panel">
|
|
||||||
<!-- 右侧-顶部分页标签 -->
|
|
||||||
<div class="panel-tabs">
|
|
||||||
<button
|
|
||||||
v-for="tool in availableToolsList"
|
|
||||||
:key="tool.id"
|
|
||||||
:class="['tab-btn', { active: isToolActive(tool.id) }]"
|
|
||||||
@click="selectTool(tool.id)"
|
|
||||||
>
|
|
||||||
{{ tool.icon }} {{ tool.shortLabel }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 右侧-上部分区（最新使用的工具） -->
|
|
||||||
<div class="panel-section top-section">
|
|
||||||
<div class="section-header">
|
|
||||||
<span class="section-title">{{ recentTools[0]?.label || '未选择工具' }}</span>
|
|
||||||
<button class="collapse-btn" @click="toggleTop" title="折叠/展开">
|
|
||||||
{{ isTopCollapsed ? '▼' : '▲' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div v-show="!isTopCollapsed" class="section-content">
|
|
||||||
<component :is="recentTools[0]?.component" v-if="recentTools[0]" />
|
|
||||||
<EmptyState v-else message="点击上方标签选择工具" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 右侧-下部分区（次新使用的工具） -->
|
|
||||||
<div class="panel-section bottom-section">
|
|
||||||
<div class="section-header">
|
|
||||||
<span class="section-title">{{ recentTools[1]?.label || '未选择工具' }}</span>
|
|
||||||
<button class="collapse-btn" @click="toggleBottom" title="折叠/展开">
|
|
||||||
{{ isBottomCollapsed ? '▼' : '▲' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div v-show="!isBottomCollapsed" class="section-content">
|
|
||||||
<component :is="recentTools[1]?.component" v-if="recentTools[1]" />
|
|
||||||
<EmptyState v-else message="点击上方标签选择工具" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import RightToolDiceView from '../features/right/DiceView.vue';
|
|
||||||
import RightToolRagView from '../features/right/RagView.vue';
|
|
||||||
import RightToolWorldBookCallView from '../features/right/WorldBookCallView.vue';
|
|
||||||
import RightToolDynamicTableView from '../features/right/DynamicTableView.vue';
|
|
||||||
import EmptyState from '../shared/EmptyState.vue';
|
|
||||||
|
|
||||||
interface ToolItem {
|
|
||||||
id: string;
|
|
||||||
label: string;
|
|
||||||
shortLabel: string;
|
|
||||||
icon: string;
|
|
||||||
component: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
const isTopCollapsed = ref(false);
|
|
||||||
const isBottomCollapsed = ref(false);
|
|
||||||
const recentTools = ref<ToolItem[]>([]);
|
|
||||||
|
|
||||||
// 所有可用工具
|
|
||||||
const availableTools: Record<string, ToolItem> = {
|
|
||||||
dice: {
|
|
||||||
id: 'dice',
|
|
||||||
label: '🎲 骰子工具',
|
|
||||||
shortLabel: '骰子',
|
|
||||||
icon: '🎲',
|
|
||||||
component: RightToolDiceView,
|
|
||||||
},
|
|
||||||
rag: {
|
|
||||||
id: 'rag',
|
|
||||||
label: '🔍 RAG 检索',
|
|
||||||
shortLabel: 'RAG',
|
|
||||||
icon: '🔍',
|
|
||||||
component: RightToolRagView,
|
|
||||||
},
|
|
||||||
worldbook: {
|
|
||||||
id: 'worldbook',
|
|
||||||
label: '📚 世界书调用',
|
|
||||||
shortLabel: '世界书',
|
|
||||||
icon: '📚',
|
|
||||||
component: RightToolWorldBookCallView,
|
|
||||||
},
|
|
||||||
table: {
|
|
||||||
id: 'table',
|
|
||||||
label: '📊 动态表格',
|
|
||||||
shortLabel: '表格',
|
|
||||||
icon: '📊',
|
|
||||||
component: RightToolDynamicTableView,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取工具列表（用于渲染标签）
|
|
||||||
const availableToolsList = Object.values(availableTools);
|
|
||||||
|
|
||||||
// 判断工具是否在当前显示的两个中
|
|
||||||
function isToolActive(toolId: string): boolean {
|
|
||||||
return recentTools.value.some((tool) => tool.id === toolId);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 选择工具（添加到最近使用队列）
|
|
||||||
function selectTool(toolId: string) {
|
|
||||||
const tool = availableTools[toolId];
|
|
||||||
if (!tool) return;
|
|
||||||
|
|
||||||
// 移除已存在的相同工具
|
|
||||||
recentTools.value = recentTools.value.filter((t) => t.id !== toolId);
|
|
||||||
|
|
||||||
// 添加到最前面
|
|
||||||
recentTools.value.unshift(tool);
|
|
||||||
|
|
||||||
// 只保留最近两个
|
|
||||||
if (recentTools.value.length > 2) {
|
|
||||||
recentTools.value = recentTools.value.slice(0, 2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleTop() {
|
|
||||||
isTopCollapsed.value = !isTopCollapsed.value;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleBottom() {
|
|
||||||
isBottomCollapsed.value = !isBottomCollapsed.value;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 暴露方法供外部调用
|
|
||||||
defineExpose({
|
|
||||||
selectTool,
|
|
||||||
});
|
|
||||||
|
|
||||||
// 初始化默认工具
|
|
||||||
selectTool('dice');
|
|
||||||
selectTool('worldbook');
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.right-panel {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 25%;
|
|
||||||
min-width: 300px;
|
|
||||||
max-width: 400px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-left: 1px solid #e0e0e0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-tabs {
|
|
||||||
display: flex;
|
|
||||||
background: #f8f9fa;
|
|
||||||
border-bottom: 1px solid #e0e0e0;
|
|
||||||
padding: 6px 8px;
|
|
||||||
gap: 4px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 60px;
|
|
||||||
padding: 8px 6px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: transparent;
|
|
||||||
color: #7f8c8d;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 500;
|
|
||||||
transition: all 0.2s;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn:hover {
|
|
||||||
background: #ffffff;
|
|
||||||
border-color: #e0e0e0;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-btn.active {
|
|
||||||
background: #ffffff;
|
|
||||||
border-color: #3498db;
|
|
||||||
color: #3498db;
|
|
||||||
box-shadow: 0 1px 3px rgba(52, 152, 219, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-section {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
border-bottom: 1px solid #e0e0e0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-section:last-child {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 10px 16px;
|
|
||||||
background: #ffffff;
|
|
||||||
border-bottom: 1px solid #e0e0e0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
font-size: 13px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapse-btn {
|
|
||||||
padding: 4px 8px;
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #7f8c8d;
|
|
||||||
transition: color 0.2s;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.collapse-btn:hover {
|
|
||||||
color: #2c3e50;
|
|
||||||
background: #f8f9fa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-content {
|
|
||||||
flex: 1;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 12px;
|
|
||||||
background: #fafafa;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 滚动条样式 */
|
|
||||||
.panel-tabs::-webkit-scrollbar,
|
|
||||||
.section-content::-webkit-scrollbar {
|
|
||||||
width: 6px;
|
|
||||||
height: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-tabs::-webkit-scrollbar-track,
|
|
||||||
.section-content::-webkit-scrollbar-track {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-tabs::-webkit-scrollbar-thumb,
|
|
||||||
.section-content::-webkit-scrollbar-thumb {
|
|
||||||
background: #d0d0d0;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-tabs::-webkit-scrollbar-thumb:hover,
|
|
||||||
.section-content::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: #b0b0b0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="right-toolbar">
|
|
||||||
<span style="color: #bdc3c7; font-size: 12px;">工具栏</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
defineProps<{
|
|
||||||
rightPanelRef?: any;
|
|
||||||
}>();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.right-toolbar {
|
|
||||||
display: flex;
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
<template>
|
|
||||||
<header class="top-toolbar">
|
|
||||||
<div class="toolbar-left">
|
|
||||||
<!-- API 配置快速切换 -->
|
|
||||||
<div class="toolbar-item">
|
|
||||||
<span class="label">API:</span>
|
|
||||||
<select v-model="currentApi" class="toolbar-select">
|
|
||||||
<option value="primary">主 API</option>
|
|
||||||
<option value="secondary">副 API</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="toolbar-center">
|
|
||||||
<!-- 当前用户角色 -->
|
|
||||||
<div class="toolbar-item">
|
|
||||||
<span class="label">用户:</span>
|
|
||||||
<span class="value">{{ currentUser }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 当前 AI 角色 -->
|
|
||||||
<div class="toolbar-item">
|
|
||||||
<span class="label">AI:</span>
|
|
||||||
<span class="value">{{ currentAICharacter }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 激活的全局世界书 -->
|
|
||||||
<div class="toolbar-item">
|
|
||||||
<span class="label">世界书:</span>
|
|
||||||
<span class="value">{{ activeWorldBooks.length }} 个激活</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="toolbar-right">
|
|
||||||
<!-- 设置按钮 -->
|
|
||||||
<button class="toolbar-btn" @click="openSettings">
|
|
||||||
⚙️ 设置
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<!-- 拓展按钮 -->
|
|
||||||
<button class="toolbar-btn" @click="openExtensions">
|
|
||||||
🧩 拓展
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref } from 'vue';
|
|
||||||
|
|
||||||
const currentApi = ref('primary');
|
|
||||||
const currentUser = ref('User');
|
|
||||||
const currentAICharacter = ref('Assistant');
|
|
||||||
const activeWorldBooks = ref(['奇幻世界', '现代都市']);
|
|
||||||
|
|
||||||
function openSettings() {
|
|
||||||
console.log('Open settings');
|
|
||||||
}
|
|
||||||
|
|
||||||
function openExtensions() {
|
|
||||||
console.log('Open extensions');
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.top-toolbar {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 8px 16px;
|
|
||||||
background: #2c3e50;
|
|
||||||
color: white;
|
|
||||||
border-bottom: 2px solid #34495e;
|
|
||||||
height: 50px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-left,
|
|
||||||
.toolbar-center,
|
|
||||||
.toolbar-right {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
font-size: 12px;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-select {
|
|
||||||
padding: 4px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid #34495e;
|
|
||||||
background: #34495e;
|
|
||||||
color: white;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-btn {
|
|
||||||
padding: 6px 12px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: #3498db;
|
|
||||||
color: white;
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 13px;
|
|
||||||
transition: background 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolbar-btn:hover {
|
|
||||||
background: #2980b9;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
/**
|
|
||||||
* useApi Composable
|
|
||||||
* Provides API client with error handling and loading states
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import type { Ref } from 'vue';
|
|
||||||
|
|
||||||
interface UseApiOptions<T> {
|
|
||||||
immediate?: boolean;
|
|
||||||
onError?: (error: Error) => void;
|
|
||||||
onSuccess?: (data: T) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useApi<T>(
|
|
||||||
apiCall: () => Promise<T>,
|
|
||||||
options: UseApiOptions<T> = {}
|
|
||||||
) {
|
|
||||||
const data: Ref<T | null> = ref(null);
|
|
||||||
const error: Ref<Error | null> = ref(null);
|
|
||||||
const loading: Ref<boolean> = ref(false);
|
|
||||||
|
|
||||||
const execute = async () => {
|
|
||||||
loading.value = true;
|
|
||||||
error.value = null;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const result = await apiCall();
|
|
||||||
data.value = result;
|
|
||||||
options.onSuccess?.(result);
|
|
||||||
return result;
|
|
||||||
} catch (err) {
|
|
||||||
error.value = err instanceof Error ? err : new Error(String(err));
|
|
||||||
options.onError?.(error.value);
|
|
||||||
throw error.value;
|
|
||||||
} finally {
|
|
||||||
loading.value = false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (options.immediate) {
|
|
||||||
execute();
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
data,
|
|
||||||
error,
|
|
||||||
loading,
|
|
||||||
execute,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
0
client/src/composables/useTheme.ts
Normal file
0
client/src/composables/useTheme.ts
Normal file
0
client/src/layouts/MainLayout/MainLayout.vue
Normal file
0
client/src/layouts/MainLayout/MainLayout.vue
Normal file
0
client/src/layouts/MainLayout/main-layout.css
Normal file
0
client/src/layouts/MainLayout/main-layout.css
Normal file
@@ -1,14 +0,0 @@
|
|||||||
import './assets/main.css'
|
|
||||||
|
|
||||||
import { createApp } from 'vue'
|
|
||||||
import { createPinia } from 'pinia'
|
|
||||||
|
|
||||||
import App from './App.vue'
|
|
||||||
import router from './router'
|
|
||||||
|
|
||||||
const app = createApp(App)
|
|
||||||
|
|
||||||
app.use(createPinia())
|
|
||||||
app.use(router)
|
|
||||||
|
|
||||||
app.mount('#app')
|
|
||||||
|
|||||||
0
client/src/router/index.ts
Normal file
0
client/src/router/index.ts
Normal file
0
client/src/stores/useAppStore.ts
Normal file
0
client/src/stores/useAppStore.ts
Normal file
0
client/src/styles/reset.css
Normal file
0
client/src/styles/reset.css
Normal file
0
client/src/styles/variables.css
Normal file
0
client/src/styles/variables.css
Normal file
@@ -1,19 +0,0 @@
|
|||||||
{
|
|
||||||
"extends": "@vue/tsconfig/tsconfig.dom.json",
|
|
||||||
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
|
|
||||||
"exclude": ["src/**/__tests__/*"],
|
|
||||||
"compilerOptions": {
|
|
||||||
// Extra safety for array and object lookups, but may have false positives.
|
|
||||||
"noUncheckedIndexedAccess": true,
|
|
||||||
|
|
||||||
// Path mapping for cleaner imports.
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["./src/*"],
|
|
||||||
"@shared/*": ["../shared/types/*"]
|
|
||||||
},
|
|
||||||
|
|
||||||
// `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
|
|
||||||
// Specified here to keep it out of the root directory.
|
|
||||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"files": [],
|
|
||||||
"references": [
|
|
||||||
{
|
|
||||||
"path": "./tsconfig.node.json"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"path": "./tsconfig.app.json"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,27 +0,0 @@
|
|||||||
// TSConfig for modules that run in Node.js environment via either transpilation or type-stripping.
|
|
||||||
{
|
|
||||||
"extends": "@tsconfig/node24/tsconfig.json",
|
|
||||||
"include": [
|
|
||||||
"vite.config.*",
|
|
||||||
"vitest.config.*",
|
|
||||||
"cypress.config.*",
|
|
||||||
"playwright.config.*",
|
|
||||||
"eslint.config.*"
|
|
||||||
],
|
|
||||||
"compilerOptions": {
|
|
||||||
// Most tools use transpilation instead of Node.js's native type-stripping.
|
|
||||||
// Bundler mode provides a smoother developer experience.
|
|
||||||
"module": "preserve",
|
|
||||||
"moduleResolution": "bundler",
|
|
||||||
|
|
||||||
// Include Node.js types and avoid accidentally including other `@types/*` packages.
|
|
||||||
"types": ["node"],
|
|
||||||
|
|
||||||
// Disable emitting output during `vue-tsc --build`, which is used for type-checking only.
|
|
||||||
"noEmit": true,
|
|
||||||
|
|
||||||
// `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
|
|
||||||
// Specified here to keep it out of the root directory.
|
|
||||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
import { fileURLToPath, URL } from 'node:url'
|
|
||||||
import { defineConfig } from 'vite'
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
|
|
||||||
export default defineConfig({
|
|
||||||
plugins: [vue()],
|
|
||||||
resolve: {
|
|
||||||
alias: {
|
|
||||||
'@': fileURLToPath(new URL('./src', import.meta.url)),
|
|
||||||
'@shared': fileURLToPath(new URL('../shared/types', import.meta.url))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
server: {
|
|
||||||
port: 8080,
|
|
||||||
proxy: {
|
|
||||||
'/api': {
|
|
||||||
target: 'http://localhost:3000',
|
|
||||||
changeOrigin: true,
|
|
||||||
rewrite: (path) => path.replace(/^\/api/, '')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
version: '3.8'
|
|
||||||
|
|
||||||
services:
|
|
||||||
# Backend Service (NestJS)
|
|
||||||
backend:
|
|
||||||
build:
|
|
||||||
context: ./server
|
|
||||||
dockerfile: Dockerfile.dev
|
|
||||||
container_name: sillytavern-backend
|
|
||||||
restart: unless-stopped
|
|
||||||
ports:
|
|
||||||
- "23337:3000" # Map to host port 23337
|
|
||||||
volumes:
|
|
||||||
# Mount code for hot reload (development)
|
|
||||||
- ./server:/usr/src/app
|
|
||||||
- ./shared:/usr/src/shared
|
|
||||||
# Exclude node_modules to use container's version
|
|
||||||
- /usr/src/app/node_modules
|
|
||||||
# Persistent data
|
|
||||||
- ./data:/usr/src/app/data
|
|
||||||
- ./.env:/usr/src/app/.env:ro
|
|
||||||
environment:
|
|
||||||
- NODE_ENV=development
|
|
||||||
- PORT=3000
|
|
||||||
- DB_DATABASE=./data/db/app.db
|
|
||||||
- UPLOAD_DIR=./data/files
|
|
||||||
- LOG_DIR=./data/logs
|
|
||||||
working_dir: /usr/src/app
|
|
||||||
command: npm run start:dev
|
|
||||||
networks:
|
|
||||||
- app-network
|
|
||||||
healthcheck:
|
|
||||||
test: ["CMD", "wget", "--spider", "-q", "http://localhost:3000/api"]
|
|
||||||
interval: 30s
|
|
||||||
timeout: 10s
|
|
||||||
retries: 3
|
|
||||||
start_period: 40s
|
|
||||||
|
|
||||||
# Frontend Service (Vue3 + Vite)
|
|
||||||
frontend:
|
|
||||||
build:
|
|
||||||
context: ./client
|
|
||||||
dockerfile: Dockerfile.dev
|
|
||||||
container_name: sillytavern-frontend
|
|
||||||
restart: unless-stopped
|
|
||||||
ports:
|
|
||||||
- "23338:5173" # Vite dev server port
|
|
||||||
volumes:
|
|
||||||
# Mount code for hot reload (development)
|
|
||||||
- ./client:/usr/src/app
|
|
||||||
- ./shared:/usr/src/shared
|
|
||||||
# Exclude node_modules
|
|
||||||
- /usr/src/app/node_modules
|
|
||||||
environment:
|
|
||||||
- NODE_ENV=development
|
|
||||||
- VITE_API_URL=http://localhost:23337
|
|
||||||
- VITE_WS_URL=ws://localhost:23337
|
|
||||||
working_dir: /usr/src/app
|
|
||||||
command: npm run dev -- --host 0.0.0.0 --port 5173
|
|
||||||
depends_on:
|
|
||||||
backend:
|
|
||||||
condition: service_healthy
|
|
||||||
networks:
|
|
||||||
- app-network
|
|
||||||
|
|
||||||
networks:
|
|
||||||
app-network:
|
|
||||||
driver: bridge
|
|
||||||
|
|||||||
0
docker/backend.Dockerfile
Normal file
0
docker/backend.Dockerfile
Normal file
0
docker/frontend.Dockerfile
Normal file
0
docker/frontend.Dockerfile
Normal file
0
docker/nginx/default.conf
Normal file
0
docker/nginx/default.conf
Normal file
310
make.bat
310
make.bat
@@ -1,310 +0,0 @@
|
|||||||
NEW_FILE_CODE
|
|
||||||
@echo off
|
|
||||||
setlocal enabledelayedexpansion
|
|
||||||
|
|
||||||
echo =====================================================
|
|
||||||
echo Creating Enterprise-Grade Project Architecture...
|
|
||||||
echo Backend: NestJS with DDD + Frontend: Vue3 Composition API
|
|
||||||
echo =====================================================
|
|
||||||
|
|
||||||
:: Check if we are in the right directory
|
|
||||||
if not exist server (
|
|
||||||
echo [ERROR] Please run this script from project root directory
|
|
||||||
pause
|
|
||||||
exit /b
|
|
||||||
)
|
|
||||||
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
:: 1. Restructure Backend (NestJS)
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
echo.
|
|
||||||
echo [Backend] Creating complete directory structure...
|
|
||||||
|
|
||||||
cd server\src
|
|
||||||
|
|
||||||
:: Remove existing directories to start fresh
|
|
||||||
if exist core rmdir /s /q core
|
|
||||||
if exist modules rmdir /s /q modules
|
|
||||||
if exist shared rmdir /s /q shared
|
|
||||||
|
|
||||||
:: === CORE LAYER ===
|
|
||||||
echo Creating core layer...
|
|
||||||
|
|
||||||
mkdir core
|
|
||||||
mkdir core\config
|
|
||||||
mkdir core\database
|
|
||||||
mkdir core\database\migrations
|
|
||||||
mkdir core\database\seeds
|
|
||||||
mkdir core\decorators
|
|
||||||
mkdir core\filters
|
|
||||||
mkdir core\guards
|
|
||||||
mkdir core\interceptors
|
|
||||||
mkdir core\pipes
|
|
||||||
mkdir core\middleware
|
|
||||||
|
|
||||||
:: === MODULES LAYER ===
|
|
||||||
echo Creating modules layer...
|
|
||||||
|
|
||||||
mkdir modules
|
|
||||||
|
|
||||||
:: Auth Module
|
|
||||||
mkdir modules\auth
|
|
||||||
mkdir modules\auth\controllers
|
|
||||||
mkdir modules\auth\services
|
|
||||||
mkdir modules\auth\strategies
|
|
||||||
mkdir modules\auth\dto
|
|
||||||
mkdir modules\auth\interfaces
|
|
||||||
|
|
||||||
:: LLM Module
|
|
||||||
mkdir modules\llm
|
|
||||||
mkdir modules\llm\controllers
|
|
||||||
mkdir modules\llm\services
|
|
||||||
mkdir modules\llm\providers
|
|
||||||
mkdir modules\llm\dto
|
|
||||||
mkdir modules\llm\entities
|
|
||||||
mkdir modules\llm\interfaces
|
|
||||||
|
|
||||||
:: Workflow Module
|
|
||||||
mkdir modules\workflow
|
|
||||||
mkdir modules\workflow\controllers
|
|
||||||
mkdir modules\workflow\services
|
|
||||||
mkdir modules\workflow\engine
|
|
||||||
mkdir modules\workflow\nodes
|
|
||||||
mkdir modules\workflow\dto
|
|
||||||
mkdir modules\workflow\entities
|
|
||||||
mkdir modules\workflow\interfaces
|
|
||||||
|
|
||||||
:: Data Store Module
|
|
||||||
mkdir modules\data-store
|
|
||||||
mkdir modules\data-store\controllers
|
|
||||||
mkdir modules\data-store\services
|
|
||||||
mkdir modules\data-store\repositories
|
|
||||||
mkdir modules\data-store\entities
|
|
||||||
mkdir modules\data-store\schemas
|
|
||||||
mkdir modules\data-store\dto
|
|
||||||
mkdir modules\data-store\interfaces
|
|
||||||
|
|
||||||
:: Import/Export Module
|
|
||||||
mkdir modules\import-export
|
|
||||||
mkdir modules\import-export\controllers
|
|
||||||
mkdir modules\import-export\services
|
|
||||||
mkdir modules\import-export\transformers
|
|
||||||
mkdir modules\import-export\serializers
|
|
||||||
mkdir modules\import-export\parsers
|
|
||||||
mkdir modules\import-export\dto
|
|
||||||
mkdir modules\import-export\interfaces
|
|
||||||
|
|
||||||
:: File Management Module
|
|
||||||
mkdir modules\file-management
|
|
||||||
mkdir modules\file-management\controllers
|
|
||||||
mkdir modules\file-management\services
|
|
||||||
mkdir modules\file-management\storage
|
|
||||||
mkdir modules\file-management\dto
|
|
||||||
mkdir modules\file-management\entities
|
|
||||||
|
|
||||||
:: === SHARED LAYER ===
|
|
||||||
echo Creating shared layer...
|
|
||||||
|
|
||||||
mkdir shared
|
|
||||||
mkdir shared\interfaces
|
|
||||||
mkdir shared\types
|
|
||||||
mkdir shared\utils
|
|
||||||
mkdir shared\constants
|
|
||||||
mkdir shared\dtos
|
|
||||||
mkdir shared\decorators
|
|
||||||
|
|
||||||
:: === EVENTS SYSTEM ===
|
|
||||||
echo Creating events system...
|
|
||||||
|
|
||||||
mkdir events
|
|
||||||
mkdir events\event-emitter
|
|
||||||
mkdir events\events
|
|
||||||
mkdir events\listeners
|
|
||||||
|
|
||||||
:: === QUEUES SYSTEM ===
|
|
||||||
echo Creating queues system...
|
|
||||||
|
|
||||||
mkdir queues
|
|
||||||
mkdir queues\processors
|
|
||||||
mkdir queues\jobs
|
|
||||||
mkdir queues\interfaces
|
|
||||||
|
|
||||||
:: === COMMON LAYER ===
|
|
||||||
echo Creating common layer...
|
|
||||||
|
|
||||||
mkdir common
|
|
||||||
mkdir common\base
|
|
||||||
mkdir common\mixins
|
|
||||||
mkdir common\exceptions
|
|
||||||
|
|
||||||
cd ..\..
|
|
||||||
|
|
||||||
echo [Backend] Directory structure created successfully!
|
|
||||||
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
:: 2. Restructure Frontend (Vue3)
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
echo.
|
|
||||||
echo [Frontend] Creating complete directory structure...
|
|
||||||
|
|
||||||
cd client\src
|
|
||||||
|
|
||||||
:: Remove existing directories to start fresh
|
|
||||||
if exist api rmdir /s /q api
|
|
||||||
if exist components rmdir /s /q components
|
|
||||||
if exist views rmdir /s /q views
|
|
||||||
if exist composables rmdir /s /q composables
|
|
||||||
if exist stores rmdir /s /q stores
|
|
||||||
if exist router rmdir /s /q router
|
|
||||||
if exist types rmdir /s /q types
|
|
||||||
if exist utils rmdir /s /q utils
|
|
||||||
|
|
||||||
:: === API LAYER ===
|
|
||||||
echo Creating API layer...
|
|
||||||
|
|
||||||
mkdir api
|
|
||||||
mkdir api\clients
|
|
||||||
mkdir api\modules
|
|
||||||
mkdir api\interceptors
|
|
||||||
|
|
||||||
:: === COMPONENTS LAYER ===
|
|
||||||
echo Creating components layer...
|
|
||||||
|
|
||||||
mkdir components
|
|
||||||
mkdir components\base
|
|
||||||
mkdir components\base\buttons
|
|
||||||
mkdir components\base\inputs
|
|
||||||
mkdir components\base\modals
|
|
||||||
mkdir components\base\layouts
|
|
||||||
mkdir components\base\tables
|
|
||||||
mkdir components\base\forms
|
|
||||||
|
|
||||||
mkdir components\business
|
|
||||||
mkdir components\business\llm-chat
|
|
||||||
mkdir components\business\workflow-canvas
|
|
||||||
mkdir components\business\data-table
|
|
||||||
mkdir components\business\file-uploader
|
|
||||||
mkdir components\business\prompt-editor
|
|
||||||
mkdir components\business\node-palette
|
|
||||||
|
|
||||||
mkdir components\widgets
|
|
||||||
mkdir components\widgets\status-indicator
|
|
||||||
mkdir components\widgets\progress-bar
|
|
||||||
mkdir components\widgets\toast
|
|
||||||
|
|
||||||
:: === VIEWS LAYER ===
|
|
||||||
echo Creating views layer...
|
|
||||||
|
|
||||||
mkdir views
|
|
||||||
mkdir views\dashboard
|
|
||||||
mkdir views\workflow-editor
|
|
||||||
mkdir views\llm-playground
|
|
||||||
mkdir views\data-browser
|
|
||||||
mkdir views\settings
|
|
||||||
mkdir views\auth
|
|
||||||
|
|
||||||
:: === COMPOSABLES LAYER ===
|
|
||||||
echo Creating composables layer...
|
|
||||||
|
|
||||||
mkdir composables
|
|
||||||
|
|
||||||
:: === STORES LAYER ===
|
|
||||||
echo Creating stores layer...
|
|
||||||
|
|
||||||
mkdir stores
|
|
||||||
mkdir stores\modules
|
|
||||||
|
|
||||||
:: === ROUTER LAYER ===
|
|
||||||
echo Creating router layer...
|
|
||||||
|
|
||||||
mkdir router
|
|
||||||
mkdir router\routes
|
|
||||||
|
|
||||||
:: === TYPES LAYER ===
|
|
||||||
echo Creating types layer...
|
|
||||||
|
|
||||||
mkdir types
|
|
||||||
mkdir types\models
|
|
||||||
mkdir types\api
|
|
||||||
mkdir types\common
|
|
||||||
|
|
||||||
:: === UTILS LAYER ===
|
|
||||||
echo Creating utils layer...
|
|
||||||
|
|
||||||
mkdir utils
|
|
||||||
mkdir utils\formatters
|
|
||||||
mkdir utils\validators
|
|
||||||
mkdir utils\helpers
|
|
||||||
mkdir utils\constants
|
|
||||||
|
|
||||||
:: === ASSETS LAYER ===
|
|
||||||
echo Creating assets structure...
|
|
||||||
|
|
||||||
if not exist assets mkdir assets
|
|
||||||
mkdir assets\styles
|
|
||||||
mkdir assets\icons
|
|
||||||
mkdir assets\images
|
|
||||||
|
|
||||||
:: === PLUGINS LAYER ===
|
|
||||||
echo Creating plugins layer...
|
|
||||||
|
|
||||||
mkdir plugins
|
|
||||||
|
|
||||||
cd ..\..
|
|
||||||
|
|
||||||
echo [Frontend] Directory structure created successfully!
|
|
||||||
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
:: 3. Create Root Level Directories
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
echo.
|
|
||||||
echo [Infrastructure] Creating infrastructure directories...
|
|
||||||
|
|
||||||
if not exist data mkdir data
|
|
||||||
if not exist data\db mkdir data\db
|
|
||||||
if not exist data\files mkdir data\files
|
|
||||||
if not exist data\logs mkdir data\logs
|
|
||||||
if not exist data\backups mkdir data\backups
|
|
||||||
|
|
||||||
if not exist docker mkdir docker
|
|
||||||
if not exist docker\nginx mkdir docker\nginx
|
|
||||||
if not exist docker\app mkdir docker\app
|
|
||||||
if not exist docker\certs mkdir docker\certs
|
|
||||||
|
|
||||||
if not exist docs mkdir docs
|
|
||||||
if not exist scripts mkdir scripts
|
|
||||||
if not exist tests mkdir tests
|
|
||||||
|
|
||||||
echo [Infrastructure] Infrastructure directories created!
|
|
||||||
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
:: 4. Summary
|
|
||||||
:: -------------------------------------------------------
|
|
||||||
echo.
|
|
||||||
echo =====================================================
|
|
||||||
echo Project architecture created successfully!
|
|
||||||
echo.
|
|
||||||
echo Backend Structure (server/src):
|
|
||||||
echo - core/ Infrastructure layer
|
|
||||||
echo - modules/ Business modules (DDD)
|
|
||||||
echo - shared/ Shared utilities
|
|
||||||
echo - events/ Event system
|
|
||||||
echo - queues/ Task queues
|
|
||||||
echo - common/ Base classes
|
|
||||||
echo.
|
|
||||||
echo Frontend Structure (client/src):
|
|
||||||
echo - api/ API clients
|
|
||||||
echo - components/ UI components
|
|
||||||
echo - views/ Page views
|
|
||||||
echo - composables/ Reusable logic
|
|
||||||
echo - stores/ State management
|
|
||||||
echo - types/ TypeScript types
|
|
||||||
echo - utils/ Utility functions
|
|
||||||
echo.
|
|
||||||
echo Next steps:
|
|
||||||
echo 1. cd server ^&^& npm install
|
|
||||||
echo 2. cd ../client ^&^& npm install
|
|
||||||
echo 3. Start implementing base classes and interfaces
|
|
||||||
echo =====================================================
|
|
||||||
|
|
||||||
pause
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
node_modules
|
|
||||||
dist
|
|
||||||
.env
|
|
||||||
.git
|
|
||||||
.idea
|
|
||||||
.vscode
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
# =====================================================
|
|
||||||
# Server Configuration
|
|
||||||
# =====================================================
|
|
||||||
NODE_ENV=development
|
|
||||||
PORT=3000
|
|
||||||
API_PREFIX=/api
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Database Configuration (File-based, no DB server needed)
|
|
||||||
# =====================================================
|
|
||||||
DB_TYPE=better-sqlite3
|
|
||||||
DB_DATABASE=./data/db/app.db
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# JWT Authentication
|
|
||||||
# =====================================================
|
|
||||||
JWT_SECRET=change-this-to-a-random-string-at-least-32-chars
|
|
||||||
JWT_EXPIRES_IN=7d
|
|
||||||
JWT_REFRESH_SECRET=change-this-to-another-random-string
|
|
||||||
JWT_REFRESH_EXPIRES_IN=30d
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# LLM Provider API Keys (Backend Only - Secure)
|
|
||||||
# =====================================================
|
|
||||||
OPENAI_API_KEY=sk-your-openai-api-key-here
|
|
||||||
ANTHROPIC_API_KEY=sk-ant-your-anthropic-api-key-here
|
|
||||||
GOOGLE_API_KEY=your-google-api-key-here
|
|
||||||
LOCAL_LLM_URL=http://localhost:11434
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# File Storage
|
|
||||||
# =====================================================
|
|
||||||
UPLOAD_DIR=./data/files
|
|
||||||
MAX_FILE_SIZE=10485760
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# CORS Configuration
|
|
||||||
# =====================================================
|
|
||||||
CORS_ORIGIN=http://localhost:23338
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Rate Limiting
|
|
||||||
# =====================================================
|
|
||||||
RATE_LIMIT_TTL=60
|
|
||||||
RATE_LIMIT_MAX=100
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Workflow Configuration
|
|
||||||
# =====================================================
|
|
||||||
WORKFLOW_MAX_PARALLEL=5
|
|
||||||
WORKFLOW_TIMEOUT=300000
|
|
||||||
|
|
||||||
# =====================================================
|
|
||||||
# Logging
|
|
||||||
# =====================================================
|
|
||||||
LOG_LEVEL=debug
|
|
||||||
LOG_DIR=./data/logs
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user