feat: Frontend CSS refactoring and test improvements

Frontend:
- Refactored CSS architecture with new utility classes
- Updated dashboard components styling
- Improved responsive grid system
- Enhanced typography and variables
- Updated E2E and integration tests

Added:
- Claude Code slash commands for validation
- SSH tunnel and start test scripts

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-21 21:08:47 +02:00
parent 05fc705fe5
commit 12ac2b671e
58 changed files with 7783 additions and 3539 deletions

View File

@@ -107,12 +107,22 @@ This starts SSH tunnel, backend (port 8001), and frontend (port 3000-3005).
**Key Commands**:
```bash
./ssh_tunnel.sh start # Start Oracle DB tunnel
# Production/Development
./start-dev.sh start # Start all services (production SSH tunnel + Backend + Frontend + Telegram Bot)
./ssh_tunnel.sh start # Start Oracle DB tunnel only (production: 10.0.20.36)
# Testing/Validation (uses Oracle TEST server - LXC 10.0.20.121)
./start-test.sh start # Start all testing services (TEST SSH tunnel + Backend + Frontend + Telegram Bot)
./ssh-tunnel-test.sh start # Start Oracle TEST tunnel only (testing: LXC 10.0.20.121)
# Individual Services
cd reports-app/backend && uvicorn app.main:app --reload # Backend (port 8001)
cd reports-app/frontend && npm run dev # Frontend (port 3000-3005)
cd reports-app/telegram-bot && python -m app.main # Telegram Bot (port 8002)
```
**Note**: For automated testing and validation (`/validate` command), use `start-test.sh` which starts all services connected to Oracle TEST server (LXC 10.0.20.121) with test credentials.
**API Documentation** (when backend running):
- Swagger UI: http://localhost:8001/docs
- ReDoc: http://localhost:8001/redoc