Converted 10 files: - stores.ts [C:3] — plugins, tasks, selection stores + fetchPlugins/fetchTasks - stores/health.ts [C:3] — health summary with polling dedup + derived failingCount - stores/activity.ts [C:2] — derived active task count for navbar badge - stores/sidebar.ts [C:3] — sidebar expansion, navigation, mobile overlay + localStorage persist - stores/taskDrawer.ts [C:3] — drawer open/close, resource-to-task mapping, auto-open pref - stores/environmentContext.ts [C:3] — environment selector, localStorage persist, derived env - stores/assistantChat.ts [C:3] — panel toggle, conversation binding, seed messages, focus target - stores/datasetReviewSession.ts [C:4] — session CRUD, dirty flag, UiPhase derivation - stores/translationRun.ts [C:4] — WebSocket + polling, uxState FSM, derived active/finished - stores/maintenance.svelte.ts [C:4] — Svelte 5 runes (), WS reconnect, CRUD Build: npm run build passes
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.