# Quickstart: Frontend Navigation Redesign ## Overview This feature reorganizes the application navigation to be dashboard-centric and introduces a dedicated UI for Backup Management. ## New Routes - `/tools/backups`: The new Backup Management interface. - `/`: Dashboard (updated with new tool links). ## Removed Routes - `/tools/search`: Deprecated and removed. - `/settings/environments`: Deprecated and removed. ## Development ### Running the Backup UI 1. Ensure the backend is running: `cd backend && uvicorn src.app:app --reload` 2. Start the frontend: `cd frontend && npm run dev` 3. Navigate to `http://localhost:5173/tools/backups` ### Key Components - `frontend/src/components/backups/BackupManager.svelte`: Main container for backup operations. - `frontend/src/components/DashboardGrid.svelte`: Updated grid with new tool cards. - `frontend/src/components/Navbar.svelte`: Simplified navigation bar. ## Verification 1. Check Dashboard: Should see cards for Mapper, Storage, and Backups. 2. Check Navbar: Should ONLY show Tasks and Settings. 3. Check Backup Tool: Should load and display backup status/controls.