- Rewrote LogFilterBar: terminal-bg → white, terminal-surface → white/gray-50 - Rewrote LogEntryRow: terminal backgrounds → gray-50 hover, gray-100 border - Rewrote TaskLogPanel: terminal-bg → white panel with border+shadow, gray-50 footer - Rewrote TaskLogViewer: spinners/errors → primary/red-50, modals → white/gray - All 4 components now use: bg-white, text-gray-700/900, border-gray-200 - Kept log level colors (log-* tokens) and source colors (source-* tokens) intact - Kept all functionality: filters, auto-scroll, progress bars, inline/modal modes - All 8 existing tests pass
Superset Tools Frontend (SvelteKit)
This is the frontend for the Superset Tools application, built with SvelteKit in SPA mode.
Development
-
Install dependencies:
npm install -
Run development server:
npm run devThe frontend will be available at
http://localhost:5173. It is configured to proxy API requests tohttp://localhost:8000.
Production Build
-
Build the static SPA:
npm run buildThis generates a static SPA in the
build/directory. -
Serve with Backend: The Python backend is configured to serve the files from
frontend/build/. Ensure the backend is running:cd ../backend python src/app.py
Architecture
- Routing: File-based routing in
src/routes/. - Layouts: Shared UI in
src/routes/+layout.svelte. - Data Loading:
loadfunctions in+page.tsfor efficient data fetching. - API Client: Centralized API logic in
src/lib/api.js. - Styling: Tailwind CSS.