# 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.