ffedf959c1
feat(web): visual overhaul — polished UI, animations, empty states
...
- Redesign globals.css: richer color palette (bg-elevated, text-secondary,
info), glow shadow, custom scrollbar, selection color, new animations
(slide-up, slide-down, scale-in)
- Button: add loading spinner, outline variant, xs size, shadow
- Badge: add dot indicator, border styling per variant
- Modal: backdrop blur, scale-in animation, close button, body scroll lock
- Card: rounded-xl, transition-all for hover effects
- Input/Select/Textarea: bg-secondary, hover border, refined focus ring
- New components: EmptyState (icon + title + desc + action), PageHeader
- Login/Register: branded logo, background glow, labeled fields,
loading state, slide-up entry animation
- Sidebar: logo branding, user avatar circle, logout icon,
section label, active nav shadow, backdrop blur on mobile
- Dashboard: stat cards with colored icon boxes, arrow-up-right hover,
staggered slide-up animation, link to respective pages
- Machines: server icon per card, copy token button, dot badge
- Projects: folder icon, chevron-right on hover, description truncate
- Project detail: workspace icon, play terminal button
- Sessions: terminal icon per card, dot status badge
- Session detail: wifi indicator, info bar, rounded terminal container
- All pages: EmptyState with CTA on empty lists, staggered animations
Refs #158 , #159 , #160 , #161 , #162 , #163 , #165 , #166
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-19 00:16:06 +05:00
30813da8ac
feat(web): Tailwind CSS v4, UI component library, responsive design
...
- Install Tailwind CSS v4 with @tailwindcss/postcss, clsx, tailwind-merge, lucide-react
- Create design token system in globals.css (@theme block)
- Create cn() utility for conditional Tailwind class merging
- Build 9 base UI components: Button, Input, Textarea, Select, Card, Badge, FormGroup, Modal, Skeleton
- Refactor all pages to use Tailwind classes and UI components (remove all inline styles)
- Add responsive sidebar with mobile hamburger menu overlay
- Add responsive grid layouts (1-col mobile, 2-col tablet, 3-col desktop)
- Replace unicode icons with lucide-react icons
- Add loading skeletons for dashboard and project detail pages
- Add Rust agent build script (build.ps1) and Cargo.lock
Refs #155 , #156 , #157
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-18 23:56:33 +05:00
ec4fb1155b
Implement core platform: auth, projects, machines, sessions, agent
...
Full-stack implementation of the Reckue Dev platform:
API: JWT auth, CRUD for users/projects/machines/workspaces/sessions,
WebSocket gateway for real-time agent communication.
Web: Login/register, dashboard with stats, project/machine/session
management pages, sidebar navigation, dark theme.
Agent: Rust WebSocket client with PTY terminal management, heartbeat,
reconnection logic, Socket.IO protocol support.
Deploy: Updated docker-compose and env configuration.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-18 17:34:04 +05:00
