2025-01-27 - HiddenBag v2 Feed Design

Feed Page Redesign

• Applied frontend-design skill for cleaner Discord-like layout
• Created sidebar with cappers grouped by tier (💎 Elite, ⭐ Pro, Regular)
• Messages display with avatar, tier badges, relative time
• Real-time updates via Supabase subscription
• Mobile responsive with slide-out sidebar
• Fixed duplicate sidebar bug - layout.tsx had its own sidebar conflicting with page.tsx

Color Scheme Update (matches logo)

• Background: #08080a (near black, was #0d0d14)
• Sidebar: #050507 (pitch black)
• Cards: #111114 (sleek dark)
• Primary: #FF6B4A (brighter coral, was #E8654C)
• Accent: #FFAA33 (warm gold)
• Borders at 8-12% opacity (subtler)
• Primary text has subtle glow effect

Bug Fixes

• Filtering not working: Changed from useEffect-based filtering to direct computed value
• Duplicate sidebar: Removed sidebar from layout.tsx, kept only page.tsx sidebar
• Discord mentions showing: Added cleanDiscordContent() to strip <@&...> role mentions

Key Files Modified

• src/app/feed/page.tsx - Discord-style feed with filtering
• src/app/feed/layout.tsx - Simplified (removed duplicate sidebar)
• src/app/globals.css - Color theme updates
• bot/backfill.js - Script to fetch last 3 days of picks
• bot/sync-cappers.cjs - Script to sync cappers with Discord channels
• CHANGELOG.md - Full documentation of changes

Bot Status

• Auto-creates cappers from Discord channels
• Sets tier based on Discord category (rare/exclusive → Elite, premium → Pro)
• Real-time capture working (42+ messages saved)

Domain

• TheHiddenBag.com purchased from Namecheap
• Deployment pending (Vercel recommended)

HiddenBag Project Location

• Web: C:\Users\mpmmo\hiddenbag-v2
• Bot: C:\Users\mpmmo\hiddenbag-v2\bot
• Running on localhost:3001