DeveloperandClaude Opus 4.8
5802d02e29
Build & Deploy / build-and-push (discord-gateway) (push) Failing after 2m22s
Build & Deploy / build-and-push (backend) (push) Failing after 3m22s
Build & Deploy / build-and-push (proxy) (push) Successful in 1m36s
Build & Deploy / deploy (push) Skipped
- Consolidate all DB schema definitions into packages/shared as single source of truth - Migrate backend from raw SQL to Drizzle ORM across all modules - Extract frontend inline UI into separate component files - Refactor discord-gateway circuitBreaker into conversationState + moderationState - Convert messageStore to Proxy singleton pattern - Add validateBody/validateQuery middleware + Zod schemas for API endpoints - Modernize Docker builds with multi-stage + pnpm deploy - Migrate CI/CD from deployment to image-based pipeline - Remove 60+ unused/dead files (~15K lines) - Update color scheme from sky-blue to teal-cyan - Move DB connection management to @bete/shared/database Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
38 lines
1.8 KiB
Markdown
38 lines
1.8 KiB
Markdown
# Visual Redesign: Discord Automod Dashboard
|
|
|
|
## Design Direction
|
|
|
|
**Vibe:** "Monitoring hub" — deep, technical, trustworthy. Think security operations center meets modern dev tool.
|
|
|
|
## Palette
|
|
|
|
**Dark (primary):**
|
|
| Token | Value | Role |
|
|
|-------|-------|------|
|
|
| `--bg` | `oklch(0.09 0.015 245)` | Deeper navy canvas |
|
|
| `--card` | `oklch(0.13 0.02 245)` | Surface with subtle separation |
|
|
| `--primary` | `oklch(0.62 0.17 215)` | Teal-cyan accent (shift from sky blue) |
|
|
| `--accent` | `oklch(0.7 0.18 260)` | Electric blue-purple for secondary highlights |
|
|
| `--warn` | `oklch(0.7 0.17 75)` | Amber-gold for warnings (distinct from red) |
|
|
| `--border` | `oklch(1 0 0 / 0.06)` | Softer borders |
|
|
|
|
## Typography
|
|
- Geist Sans (body) + Geist Mono (code/data) — already loaded
|
|
- H1: `text-lg font-semibold tracking-tight`
|
|
- Card titles: `text-sm font-semibold tracking-tight`
|
|
- Labels/captions: `text-xs text-muted-foreground tracking-wide uppercase`
|
|
|
|
## Layout Changes
|
|
|
|
1. **Background**: Subtle dot-grid pattern (`radial-gradient(circle, oklch(1 0 0 / 0.03) 1px, transparent 1px)`) — monitoring station feel
|
|
2. **Sidebar**: Slightly wider (w-64), active item gets a glow bar + subtle teal tint background, connection dot with breathing animation
|
|
3. **Cards**: Hover state adds a thin teal border-top glow, softer shadow
|
|
4. **Stat cards**: Gradient background per stat type (like live-stats had), with icon in colored bubble
|
|
5. **Severity indicators**: Colored dot + label instead of just colored border
|
|
6. **Mobile nav**: Tighter spacing, active indicator as dot above icon
|
|
7. **Header**: Clean, thin bottom border glow, page title larger
|
|
|
|
## Signature Element
|
|
- **Grid background** + **teal glow** on active/interactive elements
|
|
- **Gradient accent bar** on sidebar active item (wider, glowing)
|