- 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)
1.4 KiB
1.4 KiB
DevOS v1 UI Specification
1. Navigation
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.
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.