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>
1.8 KiB
1.8 KiB
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
- Background: Subtle dot-grid pattern (
radial-gradient(circle, oklch(1 0 0 / 0.03) 1px, transparent 1px)) — monitoring station feel - Sidebar: Slightly wider (w-64), active item gets a glow bar + subtle teal tint background, connection dot with breathing animation
- Cards: Hover state adds a thin teal border-top glow, softer shadow
- Stat cards: Gradient background per stat type (like live-stats had), with icon in colored bubble
- Severity indicators: Colored dot + label instead of just colored border
- Mobile nav: Tighter spacing, active indicator as dot above icon
- 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)