phptits
0d6cd37579
- Monorepo: NestJS API (Fastify) + React web (antd/ProComponents) + shared packages - PostgreSQL/Prisma (unified resources, relations graph, audit, events, jobs) - Auth/RBAC/workspace isolation, credential vault (AES-256-GCM) - Servers/SSH, Docker discovery & lifecycle, Job Center - Websites & deployments (git provider credential clone, env, health verification) - Domains/DNS (Cloudflare adapter), certificates (TLS probe), monitoring - Automation (cron/event/webhook HMAC + notifications), AI Gateway, MCP (29 tools) - AI chat window (LLM function-calling + rules fallback, SSE streaming, approvals) - Notes: Vditor WYSIWYG markdown editor, non-blocking autosave - Tests: 35 unit/security tests; UI audit clean (desktop+mobile, deep links)
78 lines
1.4 KiB
Markdown
78 lines
1.4 KiB
Markdown
# DevOS v1 UI Specification
|
|
|
|
## 1. Navigation
|
|
|
|
```text
|
|
DevOS
|
|
├── Dashboard
|
|
├── AI
|
|
├── Projects
|
|
├── Infrastructure
|
|
│ ├── Servers
|
|
│ ├── Containers
|
|
│ ├── Databases
|
|
│ ├── Storage
|
|
│ └── Monitoring
|
|
├── Websites
|
|
│ ├── Websites
|
|
│ ├── Domains
|
|
│ ├── SSL
|
|
│ └── Deployments
|
|
├── Code
|
|
│ ├── Repositories
|
|
│ ├── Issues
|
|
│ ├── Pull Requests
|
|
│ └── Releases
|
|
├── Email
|
|
├── Knowledge
|
|
│ ├── Notes
|
|
│ ├── Documents
|
|
│ └── Knowledge Base
|
|
├── Tasks
|
|
├── Automation
|
|
├── Credentials
|
|
└── Settings
|
|
```
|
|
|
|
## 2. Dashboard
|
|
The dashboard is an operational command center, not a conventional analytics page.
|
|
|
|
```text
|
|
Good morning.
|
|
|
|
[ AI: What do you want to do? ]
|
|
|
|
Infrastructure
|
|
3 Servers | 24 Containers | 99.98% Uptime
|
|
|
|
Projects
|
|
Blog | DevOS | SaaS
|
|
|
|
Activity
|
|
Deployment successful
|
|
SSL renewed
|
|
Server disk 82%
|
|
```
|
|
|
|
## 3. Resource Detail
|
|
Every major resource should expose a consistent information architecture:
|
|
- Summary
|
|
- Status
|
|
- Relations
|
|
- Actions
|
|
- Activity
|
|
- Logs/metrics where relevant
|
|
|
|
## 4. Action UX
|
|
Actions should show:
|
|
- what will happen
|
|
- target resource
|
|
- risk level
|
|
- expected impact
|
|
- confirmation requirement
|
|
- progress
|
|
- final verification
|
|
|
|
## 5. Design System
|
|
Use Ant Design as the primary visual/system foundation and ProComponents for data-heavy administration.
|