corrosion-admin-panel

vantzs/corrosion-admin-panel

Fork 0

Commit Graph

Author	SHA1	Message	Date
Vantz Stockwell	4c648783a2	feat: Frontend gap closure — Schedules, Alerts, Migration, Changelog views Implements missing frontend views and API integrations: New Views: - SchedulesView: CRUD for scheduled tasks (restart/announcement/command/plugin_reload) - MigrationView: Export/import interface with file upload and history tracking - ChangelogView: Paginated changelog feed with category badges - ForgotPasswordView: Password reset flow with email submission - AlertsView: Alert config dashboard with threshold settings and history Component Updates: - ErrorBoundary: Global error handler with retry functionality - DashboardLayout: Mobile responsive sidebar, permission-based nav, new menu items - ServerInfoView: Complete rewrite for public server info display Infrastructure: - useApi: Token refresh interceptor with 401 retry and infinite loop prevention - plugins store: Implemented all stubbed methods with real API calls - auth store: Added hasPermission() helper for RBAC UI visibility - Router: Added new routes with catch-all fallback Purpose: Closes frontend implementation gaps. Hardens auth flow, improves mobile UX, enables server automation scheduling, alert configuration, and data migration tools. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-02-15 21:20:40 -05:00
Vantz Stockwell	c5d057146a	feat: Complete Phase 1 frontend — WebSocket + Wipe feature end-to-end Implements full-stack vertical slice for wipe management with real-time updates. WebSocket Integration: - useWebSocket composable with auto-reconnect (exponential backoff up to 30s) - JWT authentication via query parameter - Automatic connection on auth state change - Bi-directional messaging support - Message handler subscription pattern - Vite dev proxy configured for WebSocket (ws: true) Toast Notification System: - Pinia store with convenience methods (success/error/warning/info) - Vue component with Lucide icons and Tailwind styling - Auto-dismiss with configurable duration (5s default, 8s for errors) - Manual dismiss with X button - Smooth slide-in transitions from bottom-right - Stack multiple toasts with proper spacing Wipe Store Implementation: - All API methods: fetchProfiles, fetchSchedules, fetchHistory - Trigger wipe with optimistic UI update - Dry-run simulation endpoint - Profile CRUD operations (create, update, delete) - WebSocket event listeners for real-time status updates - Toast notifications on wipe_started, wipe_completed, wipe_failed - Automatic history refresh on completion events - Error handling with user-facing messages Real-time Event Flow: 1. User triggers wipe → POST /api/wipes/trigger 2. Backend publishes NATS event: corrosion.{license_id}.wipe_started 3. WebSocket forwards event to frontend 4. Wipe store updates history array 5. Toast notification shows "Wipe started" 6. Progress events update status in real-time 7. Completion event triggers success toast + history refresh Files Created: - frontend/src/composables/useWebSocket.ts (208 LOC) - frontend/src/stores/toast.ts (63 LOC) - frontend/src/components/ToastNotification.vue (47 LOC) Files Modified: - frontend/src/stores/wipe.ts (273 LOC, was 42 LOC — 5 TODO methods → fully implemented) - frontend/src/App.vue (added ToastNotification component) - frontend/vite.config.ts (enabled WebSocket proxy) TypeScript: Strict mode, zero build errors Frontend builds: ✅ 929ms, 45.86 kB gzip Phase 1 Status: ~80% complete - ✅ WebSocket/NATS real-time layer - ✅ Wipe feature production-ready - ⏸️ Remaining stores (plugins, chat, players) still stubbed Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2026-02-15 12:17:31 -05:00
Vantz Stockwell	e2f2f64d33	scaffold: Vue 3 frontend — router, stores, views, composables, layouts Complete frontend skeleton: Vite + Vue 3 + TypeScript + Tailwind CSS, Pinia stores (auth, server, wipe, plugins), authenticated API composable, full route tree with auth guards, DashboardLayout with sidebar nav, 23 view stubs across auth/admin/public, all TypeScript interfaces. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>	2026-02-14 21:42:21 -05:00

Author

SHA1

Message

Date

Vantz Stockwell

4c648783a2

feat: Frontend gap closure — Schedules, Alerts, Migration, Changelog views

Implements missing frontend views and API integrations:

New Views:
- SchedulesView: CRUD for scheduled tasks (restart/announcement/command/plugin_reload)
- MigrationView: Export/import interface with file upload and history tracking
- ChangelogView: Paginated changelog feed with category badges
- ForgotPasswordView: Password reset flow with email submission
- AlertsView: Alert config dashboard with threshold settings and history

Component Updates:
- ErrorBoundary: Global error handler with retry functionality
- DashboardLayout: Mobile responsive sidebar, permission-based nav, new menu items
- ServerInfoView: Complete rewrite for public server info display

Infrastructure:
- useApi: Token refresh interceptor with 401 retry and infinite loop prevention
- plugins store: Implemented all stubbed methods with real API calls
- auth store: Added hasPermission() helper for RBAC UI visibility
- Router: Added new routes with catch-all fallback

Purpose: Closes frontend implementation gaps. Hardens auth flow, improves mobile UX,
enables server automation scheduling, alert configuration, and data migration tools.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-02-15 21:20:40 -05:00

Vantz Stockwell

c5d057146a

feat: Complete Phase 1 frontend — WebSocket + Wipe feature end-to-end

Implements full-stack vertical slice for wipe management with real-time updates.

WebSocket Integration:
- useWebSocket composable with auto-reconnect (exponential backoff up to 30s)
- JWT authentication via query parameter
- Automatic connection on auth state change
- Bi-directional messaging support
- Message handler subscription pattern
- Vite dev proxy configured for WebSocket (ws: true)

Toast Notification System:
- Pinia store with convenience methods (success/error/warning/info)
- Vue component with Lucide icons and Tailwind styling
- Auto-dismiss with configurable duration (5s default, 8s for errors)
- Manual dismiss with X button
- Smooth slide-in transitions from bottom-right
- Stack multiple toasts with proper spacing

Wipe Store Implementation:
- All API methods: fetchProfiles, fetchSchedules, fetchHistory
- Trigger wipe with optimistic UI update
- Dry-run simulation endpoint
- Profile CRUD operations (create, update, delete)
- WebSocket event listeners for real-time status updates
- Toast notifications on wipe_started, wipe_completed, wipe_failed
- Automatic history refresh on completion events
- Error handling with user-facing messages

Real-time Event Flow:
1. User triggers wipe → POST /api/wipes/trigger
2. Backend publishes NATS event: corrosion.{license_id}.wipe_started
3. WebSocket forwards event to frontend
4. Wipe store updates history array
5. Toast notification shows "Wipe started"
6. Progress events update status in real-time
7. Completion event triggers success toast + history refresh

Files Created:
- frontend/src/composables/useWebSocket.ts (208 LOC)
- frontend/src/stores/toast.ts (63 LOC)
- frontend/src/components/ToastNotification.vue (47 LOC)

Files Modified:
- frontend/src/stores/wipe.ts (273 LOC, was 42 LOC — 5 TODO methods → fully implemented)
- frontend/src/App.vue (added ToastNotification component)
- frontend/vite.config.ts (enabled WebSocket proxy)

TypeScript: Strict mode, zero build errors
Frontend builds: ✅ 929ms, 45.86 kB gzip

Phase 1 Status: ~80% complete
- ✅ WebSocket/NATS real-time layer
- ✅ Wipe feature production-ready
- ⏸️ Remaining stores (plugins, chat, players) still stubbed

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

2026-02-15 12:17:31 -05:00

Vantz Stockwell

e2f2f64d33

scaffold: Vue 3 frontend — router, stores, views, composables, layouts

Complete frontend skeleton: Vite + Vue 3 + TypeScript + Tailwind CSS,
Pinia stores (auth, server, wipe, plugins), authenticated API composable,
full route tree with auth guards, DashboardLayout with sidebar nav,
23 view stubs across auth/admin/public, all TypeScript interfaces.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-02-14 21:42:21 -05:00

3 Commits