.kilocode/rules/specify-rules.md

@@ -4,6 +4,8 @@ Auto-generated from all feature plans. Last updated: 2025-12-19
 
 ## Active Technologies
 - Python 3.9+, Node.js 18+ + `uvicorn`, `npm`, `bash` (003-project-launch-script)
+- Python 3.9+, Node.js 18+ + SvelteKit, FastAPI, Tailwind CSS (inferred from existing frontend) (004-integrate-svelte-kit)
+- N/A (Frontend integration) (004-integrate-svelte-kit)
 
 - Python 3.9+ (Backend), Node.js 18+ (Frontend Build) (001-plugin-arch-svelte-ui)
 
@@ -24,6 +26,7 @@ cd src; pytest; ruff check .
 Python 3.9+ (Backend), Node.js 18+ (Frontend Build): Follow standard conventions
 
 ## Recent Changes
+- 004-integrate-svelte-kit: Added Python 3.9+, Node.js 18+ + SvelteKit, FastAPI, Tailwind CSS (inferred from existing frontend)
 - 003-project-launch-script: Added Python 3.9+, Node.js 18+ + `uvicorn`, `npm`, `bash`
 
 - 001-plugin-arch-svelte-ui: Added Python 3.9+ (Backend), Node.js 18+ (Frontend Build)

backend/src/app.py

@@ -13,7 +13,10 @@ sys.path.append(str(project_root))
 
 from fastapi import FastAPI, WebSocket, WebSocketDisconnect, Depends
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
 import asyncio
+import os
 
 from .dependencies import get_task_manager
 from .core.logger import logger
@@ -69,10 +72,26 @@ async def websocket_endpoint(websocket: WebSocket, task_id: str, task_manager=De
 
 # [/DEF]
 
-# [DEF:RootEndpoint:Endpoint]
-# @SEMANTICS: root, healthcheck
-# @PURPOSE: A simple root endpoint to confirm that the API is running.
-@app.get("/")
-async def read_root():
-    return {"message": "Superset Tools API is running"}
+# [DEF:StaticFiles:Mount]
+# @SEMANTICS: static, frontend, spa
+# @PURPOSE: Mounts the frontend build directory to serve static assets.
+frontend_path = project_root / "frontend" / "build"
+if frontend_path.exists():
+    app.mount("/_app", StaticFiles(directory=str(frontend_path / "_app")), name="static")
+    
+    # Serve other static files from the root of build directory
+    @app.get("/{file_path:path}")
+    async def serve_spa(file_path: str):
+        full_path = frontend_path / file_path
+        if full_path.is_file():
+            return FileResponse(str(full_path))
+        # Fallback to index.html for SPA routing
+        return FileResponse(str(frontend_path / "index.html"))
+else:
+    # [DEF:RootEndpoint:Endpoint]
+    # @SEMANTICS: root, healthcheck
+    # @PURPOSE: A simple root endpoint to confirm that the API is running.
+    @app.get("/")
+    async def read_root():
+        return {"message": "Superset Tools API is running (Frontend build not found)"}
 # [/DEF]

frontend/.svelte-kit/ambient.d.ts

@@ -0,0 +1,209 @@
+
+// this file is generated — do not edit it
+
+
+/// <reference types="@sveltejs/kit" />
+
+/**
+ * Environment variables [loaded by Vite](https://vitejs.dev/guide/env-and-mode.html#env-files) from `.env` files and `process.env`. Like [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), this module cannot be imported into client-side code. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://svelte.dev/docs/kit/configuration#env) (if configured).
+ * 
+ * _Unlike_ [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), the values exported from this module are statically injected into your bundle at build time, enabling optimisations like dead code elimination.
+ * 
+ * ```ts
+ * import { API_KEY } from '$env/static/private';
+ * ```
+ * 
+ * Note that all environment variables referenced in your code should be declared (for example in an `.env` file), even if they don't have a value until the app is deployed:
+ * 
+ * ```
+ * MY_FEATURE_FLAG=""
+ * ```
+ * 
+ * You can override `.env` values from the command line like so:
+ * 
+ * ```sh
+ * MY_FEATURE_FLAG="enabled" npm run dev
+ * ```
+ */
+declare module '$env/static/private' {
+	export const LESSOPEN: string;
+	export const VSCODE_CWD: string;
+	export const VSCODE_ESM_ENTRYPOINT: string;
+	export const USER: string;
+	export const VSCODE_NLS_CONFIG: string;
+	export const npm_config_user_agent: string;
+	export const VSCODE_WSL_EXT_LOCATION: string;
+	export const VSCODE_HANDLES_UNCAUGHT_ERRORS: string;
+	export const npm_node_execpath: string;
+	export const SHLVL: string;
+	export const npm_config_noproxy: string;
+	export const HOME: string;
+	export const OLDPWD: string;
+	export const VSCODE_RECONNECTION_GRACE_TIME: string;
+	export const VSCODE_IPC_HOOK_CLI: string;
+	export const npm_package_json: string;
+	export const PS1: string;
+	export const npm_config_userconfig: string;
+	export const npm_config_local_prefix: string;
+	export const DBUS_SESSION_BUS_ADDRESS: string;
+	export const WSL_DISTRO_NAME: string;
+	export const COLOR: string;
+	export const WAYLAND_DISPLAY: string;
+	export const VSCODE_L10N_BUNDLE_LOCATION: string;
+	export const LOGNAME: string;
+	export const NAME: string;
+	export const WSL_INTEROP: string;
+	export const VSCODE_HANDLES_SIGPIPE: string;
+	export const PULSE_SERVER: string;
+	export const _: string;
+	export const npm_config_prefix: string;
+	export const npm_config_npm_version: string;
+	export const TERM: string;
+	export const npm_config_cache: string;
+	export const npm_config_node_gyp: string;
+	export const PATH: string;
+	export const NODE: string;
+	export const npm_package_name: string;
+	export const XDG_RUNTIME_DIR: string;
+	export const DISPLAY: string;
+	export const LANG: string;
+	export const VIRTUAL_ENV_PROMPT: string;
+	export const LS_COLORS: string;
+	export const npm_lifecycle_script: string;
+	export const SHELL: string;
+	export const npm_package_version: string;
+	export const npm_lifecycle_event: string;
+	export const ELECTRON_RUN_AS_NODE: string;
+	export const KILOCODE_POSTHOG_API_KEY: string;
+	export const GOOGLE_CLOUD_PROJECT: string;
+	export const LESSCLOSE: string;
+	export const VIRTUAL_ENV: string;
+	export const npm_config_globalconfig: string;
+	export const npm_config_init_module: string;
+	export const PWD: string;
+	export const LC_ALL: string;
+	export const npm_execpath: string;
+	export const XDG_DATA_DIRS: string;
+	export const npm_config_global_prefix: string;
+	export const npm_command: string;
+	export const WSL2_GUI_APPS_ENABLED: string;
+	export const HOSTTYPE: string;
+	export const WSLENV: string;
+	export const INIT_CWD: string;
+	export const EDITOR: string;
+	export const NODE_ENV: string;
+}
+
+/**
+ * Similar to [`$env/static/private`](https://svelte.dev/docs/kit/$env-static-private), except that it only includes environment variables that begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
+ * 
+ * Values are replaced statically at build time.
+ * 
+ * ```ts
+ * import { PUBLIC_BASE_URL } from '$env/static/public';
+ * ```
+ */
+declare module '$env/static/public' {
+	
+}
+
+/**
+ * This module provides access to runtime environment variables, as defined by the platform you're running on. For example if you're using [`adapter-node`](https://github.com/sveltejs/kit/tree/main/packages/adapter-node) (or running [`vite preview`](https://svelte.dev/docs/kit/cli)), this is equivalent to `process.env`. This module only includes variables that _do not_ begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) _and do_ start with [`config.kit.env.privatePrefix`](https://svelte.dev/docs/kit/configuration#env) (if configured).
+ * 
+ * This module cannot be imported into client-side code.
+ * 
+ * ```ts
+ * import { env } from '$env/dynamic/private';
+ * console.log(env.DEPLOYMENT_SPECIFIC_VARIABLE);
+ * ```
+ * 
+ * > [!NOTE] In `dev`, `$env/dynamic` always includes environment variables from `.env`. In `prod`, this behavior will depend on your adapter.
+ */
+declare module '$env/dynamic/private' {
+	export const env: {
+		LESSOPEN: string;
+		VSCODE_CWD: string;
+		VSCODE_ESM_ENTRYPOINT: string;
+		USER: string;
+		VSCODE_NLS_CONFIG: string;
+		npm_config_user_agent: string;
+		VSCODE_WSL_EXT_LOCATION: string;
+		VSCODE_HANDLES_UNCAUGHT_ERRORS: string;
+		npm_node_execpath: string;
+		SHLVL: string;
+		npm_config_noproxy: string;
+		HOME: string;
+		OLDPWD: string;
+		VSCODE_RECONNECTION_GRACE_TIME: string;
+		VSCODE_IPC_HOOK_CLI: string;
+		npm_package_json: string;
+		PS1: string;
+		npm_config_userconfig: string;
+		npm_config_local_prefix: string;
+		DBUS_SESSION_BUS_ADDRESS: string;
+		WSL_DISTRO_NAME: string;
+		COLOR: string;
+		WAYLAND_DISPLAY: string;
+		VSCODE_L10N_BUNDLE_LOCATION: string;
+		LOGNAME: string;
+		NAME: string;
+		WSL_INTEROP: string;
+		VSCODE_HANDLES_SIGPIPE: string;
+		PULSE_SERVER: string;
+		_: string;
+		npm_config_prefix: string;
+		npm_config_npm_version: string;
+		TERM: string;
+		npm_config_cache: string;
+		npm_config_node_gyp: string;
+		PATH: string;
+		NODE: string;
+		npm_package_name: string;
+		XDG_RUNTIME_DIR: string;
+		DISPLAY: string;
+		LANG: string;
+		VIRTUAL_ENV_PROMPT: string;
+		LS_COLORS: string;
+		npm_lifecycle_script: string;
+		SHELL: string;
+		npm_package_version: string;
+		npm_lifecycle_event: string;
+		ELECTRON_RUN_AS_NODE: string;
+		KILOCODE_POSTHOG_API_KEY: string;
+		GOOGLE_CLOUD_PROJECT: string;
+		LESSCLOSE: string;
+		VIRTUAL_ENV: string;
+		npm_config_globalconfig: string;
+		npm_config_init_module: string;
+		PWD: string;
+		LC_ALL: string;
+		npm_execpath: string;
+		XDG_DATA_DIRS: string;
+		npm_config_global_prefix: string;
+		npm_command: string;
+		WSL2_GUI_APPS_ENABLED: string;
+		HOSTTYPE: string;
+		WSLENV: string;
+		INIT_CWD: string;
+		EDITOR: string;
+		NODE_ENV: string;
+		[key: `PUBLIC_${string}`]: undefined;
+		[key: `${string}`]: string | undefined;
+	}
+}
+
+/**
+ * Similar to [`$env/dynamic/private`](https://svelte.dev/docs/kit/$env-dynamic-private), but only includes variables that begin with [`config.kit.env.publicPrefix`](https://svelte.dev/docs/kit/configuration#env) (which defaults to `PUBLIC_`), and can therefore safely be exposed to client-side code.
+ * 
+ * Note that public dynamic environment variables must all be sent from the server to the client, causing larger network requests — when possible, use `$env/static/public` instead.
+ * 
+ * ```ts
+ * import { env } from '$env/dynamic/public';
+ * console.log(env.PUBLIC_DEPLOYMENT_SPECIFIC_VARIABLE);
+ * ```
+ */
+declare module '$env/dynamic/public' {
+	export const env: {
+		[key: `PUBLIC_${string}`]: string | undefined;
+	}
+}

frontend/.svelte-kit/generated/client-optimized/app.js

@@ -0,0 +1,31 @@
+export { matchers } from './matchers.js';
+
+export const nodes = [
+	() => import('./nodes/0'),
+	() => import('./nodes/1'),
+	() => import('./nodes/2'),
+	() => import('./nodes/3')
+];
+
+export const server_loads = [];
+
+export const dictionary = {
+		"/": [2],
+		"/settings": [3]
+	};
+
+export const hooks = {
+	handleError: (({ error }) => { console.error(error) }),
+	
+	reroute: (() => {}),
+	transport: {}
+};
+
+export const decoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.decode]));
+export const encoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.encode]));
+
+export const hash = false;
+
+export const decode = (type, value) => decoders[type](value);
+
+export { default as root } from '../root.js';

frontend/.svelte-kit/generated/client-optimized/matchers.js

@@ -0,0 +1 @@
+export const matchers = {};

frontend/.svelte-kit/generated/client-optimized/nodes/0.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/+layout.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/+layout.svelte";

frontend/.svelte-kit/generated/client-optimized/nodes/1.js

@@ -0,0 +1 @@
+export { default as component } from "../../../../src/routes/+error.svelte";

frontend/.svelte-kit/generated/client-optimized/nodes/2.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/+page.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/+page.svelte";

frontend/.svelte-kit/generated/client-optimized/nodes/3.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/settings/+page.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/settings/+page.svelte";

frontend/.svelte-kit/generated/client/app.js

@@ -0,0 +1,31 @@
+export { matchers } from './matchers.js';
+
+export const nodes = [
+	() => import('./nodes/0'),
+	() => import('./nodes/1'),
+	() => import('./nodes/2'),
+	() => import('./nodes/3')
+];
+
+export const server_loads = [];
+
+export const dictionary = {
+		"/": [2],
+		"/settings": [3]
+	};
+
+export const hooks = {
+	handleError: (({ error }) => { console.error(error) }),
+	
+	reroute: (() => {}),
+	transport: {}
+};
+
+export const decoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.decode]));
+export const encoders = Object.fromEntries(Object.entries(hooks.transport).map(([k, v]) => [k, v.encode]));
+
+export const hash = false;
+
+export const decode = (type, value) => decoders[type](value);
+
+export { default as root } from '../root.js';

frontend/.svelte-kit/generated/client/matchers.js

@@ -0,0 +1 @@
+export const matchers = {};

frontend/.svelte-kit/generated/client/nodes/0.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/+layout.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/+layout.svelte";

frontend/.svelte-kit/generated/client/nodes/1.js

@@ -0,0 +1 @@
+export { default as component } from "../../../../src/routes/+error.svelte";

frontend/.svelte-kit/generated/client/nodes/2.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/+page.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/+page.svelte";

frontend/.svelte-kit/generated/client/nodes/3.js

@@ -0,0 +1,3 @@
+import * as universal from "../../../../src/routes/settings/+page.ts";
+export { universal };
+export { default as component } from "../../../../src/routes/settings/+page.svelte";

frontend/.svelte-kit/generated/root.js

@@ -0,0 +1,3 @@
+import { asClassComponent } from 'svelte/legacy';
+import Root from './root.svelte';
+export default asClassComponent(Root);

frontend/.svelte-kit/generated/root.svelte

@@ -0,0 +1,68 @@
+<!-- This file is generated by @sveltejs/kit — do not edit it! -->
+<svelte:options runes={true} />
+<script>
+	import { setContext, onMount, tick } from 'svelte';
+	import { browser } from '$app/environment';
+
+	// stores
+	let { stores, page, constructors, components = [], form, data_0 = null, data_1 = null } = $props();
+
+	if (!browser) {
+		// svelte-ignore state_referenced_locally
+		setContext('__svelte__', stores);
+	}
+
+	if (browser) {
+		$effect.pre(() => stores.page.set(page));
+	} else {
+		// svelte-ignore state_referenced_locally
+		stores.page.set(page);
+	}
+	$effect(() => {
+		stores;page;constructors;components;form;data_0;data_1;
+		stores.page.notify();
+	});
+
+	let mounted = $state(false);
+	let navigated = $state(false);
+	let title = $state(null);
+
+	onMount(() => {
+		const unsubscribe = stores.page.subscribe(() => {
+			if (mounted) {
+				navigated = true;
+				tick().then(() => {
+					title = document.title || 'untitled page';
+				});
+			}
+		});
+
+		mounted = true;
+		return unsubscribe;
+	});
+
+	const Pyramid_1=$derived(constructors[1])
+</script>
+
+{#if constructors[1]}
+	{@const Pyramid_0 = constructors[0]}
+							<!-- svelte-ignore binding_property_non_reactive -->
+							<Pyramid_0 bind:this={components[0]} data={data_0} {form} params={page.params}>
+								<!-- svelte-ignore binding_property_non_reactive -->
+										<Pyramid_1 bind:this={components[1]} data={data_1} {form} params={page.params} />
+							</Pyramid_0>
+
+{:else}
+	{@const Pyramid_0 = constructors[0]}
+	<!-- svelte-ignore binding_property_non_reactive -->
+	<Pyramid_0 bind:this={components[0]} data={data_0} {form} params={page.params} />
+
+{/if}
+
+{#if mounted}
+	<div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0; top: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px">
+		{#if navigated}
+			{title}
+		{/if}
+	</div>
+{/if}

frontend/.svelte-kit/generated/server/internal.js

@@ -0,0 +1,53 @@
+
+import root from '../root.js';
+import { set_building, set_prerendering } from '__sveltekit/environment';
+import { set_assets } from '$app/paths/internal/server';
+import { set_manifest, set_read_implementation } from '__sveltekit/server';
+import { set_private_env, set_public_env } from '../../../node_modules/@sveltejs/kit/src/runtime/shared-server.js';
+
+export const options = {
+	app_template_contains_nonce: false,
+	async: false,
+	csp: {"mode":"auto","directives":{"upgrade-insecure-requests":false,"block-all-mixed-content":false},"reportOnly":{"upgrade-insecure-requests":false,"block-all-mixed-content":false}},
+	csrf_check_origin: true,
+	csrf_trusted_origins: [],
+	embedded: false,
+	env_public_prefix: 'PUBLIC_',
+	env_private_prefix: '',
+	hash_routing: false,
+	hooks: null, // added lazily, via `get_hooks`
+	preload_strategy: "modulepreload",
+	root,
+	service_worker: false,
+	service_worker_options: undefined,
+	templates: {
+		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\">\n\t\t<div style=\"display: contents\">" + body + "</div>\n\t</body>\n</html>\n",
+		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
+	},
+	version_hash: "1ynwnul"
+};
+
+export async function get_hooks() {
+	let handle;
+	let handleFetch;
+	let handleError;
+	let handleValidationError;
+	let init;
+	
+
+	let reroute;
+	let transport;
+	
+
+	return {
+		handle,
+		handleFetch,
+		handleError,
+		handleValidationError,
+		init,
+		reroute,
+		transport
+	};
+}
+
+export { set_assets, set_building, set_manifest, set_prerendering, set_private_env, set_public_env, set_read_implementation };

frontend/.svelte-kit/non-ambient.d.ts

@@ -0,0 +1,42 @@
+
+// this file is generated — do not edit it
+
+
+declare module "svelte/elements" {
+	export interface HTMLAttributes<T> {
+		'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
+		'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
+		'data-sveltekit-preload-code'?:
+			| true
+			| ''
+			| 'eager'
+			| 'viewport'
+			| 'hover'
+			| 'tap'
+			| 'off'
+			| undefined
+			| null;
+		'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
+		'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
+		'data-sveltekit-replacestate'?: true | '' | 'off' | undefined | null;
+	}
+}
+
+export {};
+
+
+declare module "$app/types" {
+	export interface AppTypes {
+		RouteId(): "/" | "/settings";
+		RouteParams(): {
+			
+		};
+		LayoutParams(): {
+			"/": Record<string, never>;
+			"/settings": Record<string, never>
+		};
+		Pathname(): "/" | "/settings" | "/settings/";
+		ResolvedPathname(): `${"" | `/${string}`}${ReturnType<AppTypes['Pathname']>}`;
+		Asset(): string & {};
+	}
+}

frontend/.svelte-kit/output/client/.vite/manifest.json

@@ -0,0 +1,159 @@
+{
+  ".svelte-kit/generated/client-optimized/app.js": {
+    "file": "_app/immutable/entry/app.B-xBk5-0.js",
+    "name": "entry/app",
+    "src": ".svelte-kit/generated/client-optimized/app.js",
+    "isEntry": true,
+    "imports": [
+      "_CQO205-B.js",
+      "_CWb4Vnhz.js",
+      "_CqZim_6h.js",
+      "_C98uKxzC.js"
+    ],
+    "dynamicImports": [
+      ".svelte-kit/generated/client-optimized/nodes/0.js",
+      ".svelte-kit/generated/client-optimized/nodes/1.js",
+      ".svelte-kit/generated/client-optimized/nodes/2.js",
+      ".svelte-kit/generated/client-optimized/nodes/3.js"
+    ]
+  },
+  ".svelte-kit/generated/client-optimized/nodes/0.js": {
+    "file": "_app/immutable/nodes/0.Cd4CVt-Z.js",
+    "name": "nodes/0",
+    "src": ".svelte-kit/generated/client-optimized/nodes/0.js",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_CWb4Vnhz.js",
+      "_CCsGeFPC.js",
+      "_CQO205-B.js",
+      "_DKg_yD9X.js",
+      "_BEiADdeo.js",
+      "_CsANhQOh.js"
+    ]
+  },
+  ".svelte-kit/generated/client-optimized/nodes/1.js": {
+    "file": "_app/immutable/nodes/1.CppBCq8O.js",
+    "name": "nodes/1",
+    "src": ".svelte-kit/generated/client-optimized/nodes/1.js",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_CWb4Vnhz.js",
+      "_CCsGeFPC.js",
+      "_CQO205-B.js",
+      "_BEiADdeo.js"
+    ]
+  },
+  ".svelte-kit/generated/client-optimized/nodes/2.js": {
+    "file": "_app/immutable/nodes/2.DbjHrap6.js",
+    "name": "nodes/2",
+    "src": ".svelte-kit/generated/client-optimized/nodes/2.js",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_BGnnHgKo.js",
+      "_CWb4Vnhz.js",
+      "_CCsGeFPC.js",
+      "_CQO205-B.js",
+      "_C98uKxzC.js",
+      "_CsANhQOh.js",
+      "_CqZim_6h.js",
+      "_DKg_yD9X.js"
+    ]
+  },
+  ".svelte-kit/generated/client-optimized/nodes/3.js": {
+    "file": "_app/immutable/nodes/3.BgpIj6zk.js",
+    "name": "nodes/3",
+    "src": ".svelte-kit/generated/client-optimized/nodes/3.js",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_BGnnHgKo.js",
+      "_CWb4Vnhz.js",
+      "_CCsGeFPC.js",
+      "_CQO205-B.js",
+      "_C98uKxzC.js",
+      "_CsANhQOh.js"
+    ]
+  },
+  "_BEiADdeo.js": {
+    "file": "_app/immutable/chunks/BEiADdeo.js",
+    "name": "stores",
+    "imports": [
+      "_CHnJS4Dz.js"
+    ]
+  },
+  "_BGnnHgKo.js": {
+    "file": "_app/immutable/chunks/BGnnHgKo.js",
+    "name": "api",
+    "imports": [
+      "_CQO205-B.js",
+      "_CsANhQOh.js"
+    ]
+  },
+  "_C98uKxzC.js": {
+    "file": "_app/immutable/chunks/C98uKxzC.js",
+    "name": "props",
+    "imports": [
+      "_CQO205-B.js",
+      "_CWb4Vnhz.js"
+    ]
+  },
+  "_CCsGeFPC.js": {
+    "file": "_app/immutable/chunks/CCsGeFPC.js",
+    "name": "legacy",
+    "imports": [
+      "_CQO205-B.js"
+    ]
+  },
+  "_CHnJS4Dz.js": {
+    "file": "_app/immutable/chunks/CHnJS4Dz.js",
+    "name": "entry",
+    "imports": [
+      "_CQO205-B.js",
+      "_CqZim_6h.js"
+    ]
+  },
+  "_CQO205-B.js": {
+    "file": "_app/immutable/chunks/CQO205-B.js",
+    "name": "index"
+  },
+  "_CWb4Vnhz.js": {
+    "file": "_app/immutable/chunks/CWb4Vnhz.js",
+    "name": "disclose-version",
+    "imports": [
+      "_CQO205-B.js"
+    ]
+  },
+  "_CqZim_6h.js": {
+    "file": "_app/immutable/chunks/CqZim_6h.js",
+    "name": "index-client",
+    "imports": [
+      "_CQO205-B.js"
+    ]
+  },
+  "_CsANhQOh.js": {
+    "file": "_app/immutable/chunks/CsANhQOh.js",
+    "name": "toasts",
+    "imports": [
+      "_CQO205-B.js"
+    ]
+  },
+  "_DKg_yD9X.js": {
+    "file": "_app/immutable/chunks/DKg_yD9X.js",
+    "name": "class",
+    "imports": [
+      "_CQO205-B.js"
+    ]
+  },
+  "node_modules/@sveltejs/kit/src/runtime/client/entry.js": {
+    "file": "_app/immutable/entry/start.CiUb2lZD.js",
+    "name": "entry/start",
+    "src": "node_modules/@sveltejs/kit/src/runtime/client/entry.js",
+    "isEntry": true,
+    "imports": [
+      "_CHnJS4Dz.js"
+    ]
+  }
+}

frontend/.svelte-kit/output/client/_app/immutable/chunks/BEiADdeo.js

@@ -0,0 +1 @@
+import{s as e}from"./CHnJS4Dz.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};

frontend/.svelte-kit/output/client/_app/immutable/chunks/BGnnHgKo.js

@@ -0,0 +1 @@
+import{h as v,Z as S,a5 as T,a6 as b,a7 as C,a8 as P,a9 as I,aa as w,ab as N,e as $,ac as p,J as i,ad as L}from"./CQO205-B.js";import{a as m}from"./CsANhQOh.js";const M=Symbol("is custom element"),q=Symbol("is html");function F(e){if(v){var t=!1,r=()=>{if(!t){if(t=!0,e.hasAttribute("value")){var s=e.value;k(e,"value",null),e.value=s}if(e.hasAttribute("checked")){var a=e.checked;k(e,"checked",null),e.checked=a}}};e.__on_r=r,S(r),T()}}function k(e,t,r,s){var a=j(e);v&&(a[t]=e.getAttribute(t),t==="src"||t==="srcset"||t==="href"&&e.nodeName==="LINK")||a[t]!==(a[t]=r)&&(t==="loading"&&(e[b]=r),r==null?e.removeAttribute(t):typeof r!="string"&&O(e).includes(t)?e[t]=r:e.setAttribute(t,r))}function j(e){return e.__attributes??={[M]:e.nodeName.includes("-"),[q]:e.namespaceURI===C}}var y=new Map;function O(e){var t=e.getAttribute("is")||e.nodeName,r=y.get(t);if(r)return r;y.set(t,r=[]);for(var s,a=e,o=Element.prototype;o!==a;){s=I(a);for(var n in s)s[n].set&&r.push(n);a=P(a)}return r}function U(e,t,r=t){var s=new WeakSet;w(e,"input",async a=>{var o=a?e.defaultValue:e.value;if(o=u(e)?h(o):o,r(o),i!==null&&s.add(i),await N(),o!==(o=t())){var n=e.selectionStart,f=e.selectionEnd,A=e.value.length;if(e.value=o??"",f!==null){var d=e.value.length;n===f&&f===A&&d>A?(e.selectionStart=d,e.selectionEnd=d):(e.selectionStart=n,e.selectionEnd=Math.min(f,d))}}}),(v&&e.defaultValue!==e.value||$(t)==null&&e.value)&&(r(u(e)?h(e.value):e.value),i!==null&&s.add(i)),p(()=>{var a=t();if(e===document.activeElement){var o=L??i;if(s.has(o))return}u(e)&&a===h(e.value)||e.type==="date"&&!a&&!e.value||a!==e.value&&(e.value=a??"")})}function B(e,t,r=t){w(e,"change",s=>{var a=s?e.defaultChecked:e.checked;r(a)}),(v&&e.defaultChecked!==e.checked||$(t)==null)&&r(e.checked),p(()=>{var s=t();e.checked=!!s})}function u(e){var t=e.type;return t==="number"||t==="range"}function h(e){return e===""?null:+e}const E="/api";async function c(e){try{console.log(`[api.fetchApi][Action] Fetching from context={{'endpoint': '${e}'}}`);const t=await fetch(`${E}${e}`);if(!t.ok)throw new Error(`API request failed with status ${t.status}`);return await t.json()}catch(t){throw console.error(`[api.fetchApi][Coherence:Failed] Error fetching from ${e}:`,t),m(t.message,"error"),t}}async function _(e,t){try{console.log(`[api.postApi][Action] Posting to context={{'endpoint': '${e}'}}`);const r=await fetch(`${E}${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!r.ok)throw new Error(`API request failed with status ${r.status}`);return await r.json()}catch(r){throw console.error(`[api.postApi][Coherence:Failed] Error posting to ${e}:`,r),m(r.message,"error"),r}}async function g(e,t="GET",r=null){try{console.log(`[api.requestApi][Action] ${t} to context={{'endpoint': '${e}'}}`);const s={method:t,headers:{"Content-Type":"application/json"}};r&&(s.body=JSON.stringify(r));const a=await fetch(`${E}${e}`,s);if(!a.ok){const o=await a.json().catch(()=>({}));throw new Error(o.detail||`API request failed with status ${a.status}`)}return await a.json()}catch(s){throw console.error(`[api.requestApi][Coherence:Failed] Error ${t} to ${e}:`,s),m(s.message,"error"),s}}const l={getPlugins:()=>c("/plugins/"),getTasks:()=>c("/tasks/"),getTask:e=>c(`/tasks/${e}`),createTask:(e,t)=>_("/tasks/",{plugin_id:e,params:t}),getSettings:()=>c("/settings/"),updateGlobalSettings:e=>g("/settings/global","PATCH",e),getEnvironments:()=>c("/settings/environments"),addEnvironment:e=>_("/settings/environments",e),updateEnvironment:(e,t)=>g(`/settings/environments/${e}`,"PUT",t),deleteEnvironment:e=>g(`/settings/environments/${e}`,"DELETE"),testEnvironmentConnection:e=>_(`/settings/environments/${e}/test`,{})},D=l.updateGlobalSettings,H=l.addEnvironment,J=l.updateEnvironment,R=l.deleteEnvironment,V=l.testEnvironmentConnection;export{l as a,U as b,B as c,J as d,H as e,R as f,F as r,k as s,V as t,D as u};

frontend/.svelte-kit/output/client/_app/immutable/chunks/C98uKxzC.js

@@ -0,0 +1 @@
+import{J as E,S as y,X as S,T as L,v as P,L as T,h as g,E as M,ae as k,M as w,w as B,z as N,af as x,B as Y,H as C,C as F,x as U,D as R,ag as j,ah as q,j as b,ai as z,o as H,aj as $,ak as G,A as J,d as X,al as Z,am as K,an as Q,ao as V,ap as W,a3 as ee,e as te,aq as ae,ar as se,as as re}from"./CQO205-B.js";import{d as ie}from"./CWb4Vnhz.js";class ne{anchor;#t=new Map;#a=new Map;#e=new Map;#s=new Set;#r=!0;constructor(e,a=!0){this.anchor=e,this.#r=a}#i=()=>{var e=E;if(this.#t.has(e)){var a=this.#t.get(e),t=this.#a.get(a);if(t)y(t),this.#s.delete(a);else{var n=this.#e.get(a);n&&(this.#a.set(a,n.effect),this.#e.delete(a),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),t=n.effect)}for(const[s,i]of this.#t){if(this.#t.delete(s),s===e)break;const r=this.#e.get(i);r&&(S(r.effect),this.#e.delete(i))}for(const[s,i]of this.#a){if(s===a||this.#s.has(s))continue;const r=()=>{if(Array.from(this.#t.values()).includes(s)){var h=document.createDocumentFragment();k(i,h),h.append(P()),this.#e.set(s,{effect:i,fragment:h})}else S(i);this.#s.delete(s),this.#a.delete(s)};this.#r||!t?(this.#s.add(s),L(i,r,!1)):r()}}};#n=e=>{this.#t.delete(e);const a=Array.from(this.#t.values());for(const[t,n]of this.#e)a.includes(t)||(S(n.effect),this.#e.delete(t))};ensure(e,a){var t=E,n=w();if(a&&!this.#a.has(e)&&!this.#e.has(e))if(n){var s=document.createDocumentFragment(),i=P();s.append(i),this.#e.set(e,{effect:T(()=>a(i)),fragment:s})}else this.#a.set(e,T(()=>a(this.anchor)));if(this.#t.set(t,e),n){for(const[r,f]of this.#a)r===e?t.skipped_effects.delete(f):t.skipped_effects.add(f);for(const[r,f]of this.#e)r===e?t.skipped_effects.delete(f.effect):t.skipped_effects.add(f.effect);t.oncommit(this.#i),t.ondiscard(this.#n)}else g&&(this.anchor=M),this.#i()}}function de(d,e,a=!1){g&&N();var t=new ne(d),n=a?x:0;function s(i,r){if(g){const h=Y(d)===C;if(i===h){var f=F();U(f),t.anchor=f,R(!1),t.ensure(i,r),R(!0);return}}t.ensure(i,r)}B(()=>{var i=!1;e((r,f=!0)=>{i=!0,s(f,r)}),i||s(!1,null)},n)}function he(d,e,a,t){var n=!X||(a&Z)!==0,s=(a&K)!==0,i=(a&re)!==0,r=t,f=!0,h=()=>(f&&(f=!1,r=i?te(t):t),r),o;if(s){var I=V in d||W in d;o=j(d,e)?.set??(I&&e in d?c=>d[e]=c:void 0)}var _,p=!1;s?[_,p]=ie(()=>d[e]):_=d[e],_===void 0&&t!==void 0&&(_=h(),o&&(n&&ae(),o(_)));var u;if(n?u=()=>{var c=d[e];return c===void 0?h():(f=!0,c)}:u=()=>{var c=d[e];return c!==void 0&&(r=void 0),c===void 0?r:c},n&&(a&q)===0)return u;if(o){var D=d.$$legacy;return(function(c,v){return arguments.length>0?((!n||!v||D||p)&&o(v?u():c),c):u()})}var m=!1,l=((a&se)!==0?ee:J)(()=>(m=!1,u()));s&&b(l);var O=$;return(function(c,v){if(arguments.length>0){const A=v?b(l):n&&s?z(c):c;return H(l,A),m=!0,r!==void 0&&(r=A),c}return Q&&m||(O.f&G)!==0?l.v:b(l)})}export{ne as B,de as i,he as p};

frontend/.svelte-kit/output/client/_app/immutable/chunks/CCsGeFPC.js

@@ -0,0 +1 @@
+import{b as d,a0 as g,u as c,e as b,a1 as i,a2 as m,j as p,k,a3 as v,a4 as h}from"./CQO205-B.js";function x(a=!1){const s=d,e=s.l.u;if(!e)return;let f=()=>k(s.s);if(a){let n=0,t={};const _=v(()=>{let l=!1;const r=s.s;for(const o in r)r[o]!==t[o]&&(t[o]=r[o],l=!0);return l&&n++,n});f=()=>p(_)}e.b.length&&g(()=>{u(s,f),i(e.b)}),c(()=>{const n=b(()=>e.m.map(m));return()=>{for(const t of n)typeof t=="function"&&t()}}),e.a.length&&c(()=>{u(s,f),i(e.a)})}function u(a,s){if(a.l.s)for(const e of a.l.s)p(e);s()}h();export{x as i};

frontend/.svelte-kit/output/client/_app/immutable/chunks/CqZim_6h.js

@@ -0,0 +1 @@
+import{l as a,u as i,b as t,d as _,e as l,i as m}from"./CQO205-B.js";function p(e){t===null&&a(),_&&t.l!==null?d(t).m.push(e):i(()=>{const n=l(e);if(typeof n=="function")return n})}function x(e){t===null&&a(),p(()=>()=>l(e))}function v(e,n,{bubbles:o=!1,cancelable:s=!1}={}){return new CustomEvent(e,{detail:n,bubbles:o,cancelable:s})}function y(){const e=t;return e===null&&a(),(n,o,s)=>{const c=e.s.$$events?.[n];if(c){const r=m(c)?c.slice():[c],u=v(n,o,s);for(const f of r)f.call(e.x,u);return!u.defaultPrevented}return!0}}function d(e){var n=e.l;return n.u??={a:[],b:[],m:[]}}export{x as a,y as c,p as o};

frontend/.svelte-kit/output/client/_app/immutable/chunks/CsANhQOh.js

@@ -0,0 +1 @@
+import{v as H,w as W,x as O,h as R,y as Z,z as y,j as V,A as j,B as ee,H as ne,C as Y,D as k,E as D,F as re,G as fe,I as q,J as ae,K as m,L as F,M as ie,N as B,m as se,O as $,i as le,P as oe,Q as te,R as ue,S as X,T as G,U as z,V as de,W as ve,X as ce,Y as J,Z as pe,_ as ge,$ as he}from"./CQO205-B.js";function Se(e,r){return r}function _e(e,r,f){for(var t=[],g=r.length,o,l=r.length,p=0;p<g;p++){let _=r[p];G(_,()=>{if(o){if(o.pending.delete(_),o.done.add(_),o.pending.size===0){var u=e.outrogroups;L($(o.done)),u.delete(o),u.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var i=t.length===0&&f!==null;if(i){var d=f,a=d.parentNode;ve(a),a.append(d),e.items.clear()}L(r,!i)}else o={pending:new Set(r),done:new Set},(e.outrogroups??=new Set).add(o)}function L(e,r=!0){for(var f=0;f<e.length;f++)ce(e[f],r)}var U;function we(e,r,f,t,g,o=null){var l=e,p=new Map,i=(r&J)!==0;if(i){var d=e;l=R?O(Z(d)):d.appendChild(H())}R&&y();var a=null,_=j(()=>{var s=f();return le(s)?s:s==null?[]:$(s)}),u,c=!0;function A(){n.fallback=a,Ee(n,u,l,r,t),a!==null&&(u.length===0?(a.f&m)===0?X(a):(a.f^=m,b(a,null,l)):G(a,()=>{a=null}))}var C=W(()=>{u=V(_);var s=u.length;let I=!1;if(R){var x=ee(l)===ne;x!==(s===0)&&(l=Y(),O(l),k(!1),I=!0)}for(var E=new Set,S=ae,N=ie(),h=0;h<s;h+=1){R&&D.nodeType===re&&D.data===fe&&(l=D,I=!0,k(!1));var w=u[h],M=t(w,h),v=c?null:p.get(M);v?(v.v&&q(v.v,w),v.i&&q(v.i,h),N&&S.skipped_effects.delete(v.e)):(v=me(p,c?l:U??=H(),w,M,h,g,r,f),c||(v.e.f|=m),p.set(M,v)),E.add(M)}if(s===0&&o&&!a&&(c?a=F(()=>o(l)):(a=F(()=>o(U??=H())),a.f|=m)),R&&s>0&&O(Y()),!c)if(N){for(const[P,Q]of p)E.has(P)||S.skipped_effects.add(Q.e);S.oncommit(A),S.ondiscard(()=>{})}else A();I&&k(!0),V(_)}),n={effect:C,items:p,outrogroups:null,fallback:a};c=!1,R&&(l=D)}function Ee(e,r,f,t,g){var o=(t&ge)!==0,l=r.length,p=e.items,i=e.effect.first,d,a=null,_,u=[],c=[],A,C,n,s;if(o)for(s=0;s<l;s+=1)A=r[s],C=g(A,s),n=p.get(C).e,(n.f&m)===0&&(n.nodes?.a?.measure(),(_??=new Set).add(n));for(s=0;s<l;s+=1){if(A=r[s],C=g(A,s),n=p.get(C).e,e.outrogroups!==null)for(const v of e.outrogroups)v.pending.delete(n),v.done.delete(n);if((n.f&m)!==0)if(n.f^=m,n===i)b(n,null,f);else{var I=a?a.next:i;n===e.effect.last&&(e.effect.last=n.prev),n.prev&&(n.prev.next=n.next),n.next&&(n.next.prev=n.prev),T(e,a,n),T(e,n,I),b(n,I,f),a=n,u=[],c=[],i=a.next;continue}if((n.f&z)!==0&&(X(n),o&&(n.nodes?.a?.unfix(),(_??=new Set).delete(n))),n!==i){if(d!==void 0&&d.has(n)){if(u.length<c.length){var x=c[0],E;a=x.prev;var S=u[0],N=u[u.length-1];for(E=0;E<u.length;E+=1)b(u[E],x,f);for(E=0;E<c.length;E+=1)d.delete(c[E]);T(e,S.prev,N.next),T(e,a,S),T(e,N,x),i=x,a=N,s-=1,u=[],c=[]}else d.delete(n),b(n,i,f),T(e,n.prev,n.next),T(e,n,a===null?e.effect.first:a.next),T(e,a,n),a=n;continue}for(u=[],c=[];i!==null&&i!==n;)(d??=new Set).add(i),c.push(i),i=i.next;if(i===null)continue}(n.f&m)===0&&u.push(n),a=n,i=n.next}if(e.outrogroups!==null){for(const v of e.outrogroups)v.pending.size===0&&(L($(v.done)),e.outrogroups?.delete(v));e.outrogroups.size===0&&(e.outrogroups=null)}if(i!==null||d!==void 0){var h=[];if(d!==void 0)for(n of d)(n.f&z)===0&&h.push(n);for(;i!==null;)(i.f&z)===0&&i!==e.fallback&&h.push(i),i=i.next;var w=h.length;if(w>0){var M=(t&J)!==0&&l===0?f:null;if(o){for(s=0;s<w;s+=1)h[s].nodes?.a?.measure();for(s=0;s<w;s+=1)h[s].nodes?.a?.fix()}_e(e,h,M)}}o&&pe(()=>{if(_!==void 0)for(n of _)n.nodes?.a?.apply()})}function me(e,r,f,t,g,o,l,p){var i=(l&oe)!==0?(l&te)===0?se(f,!1,!1):B(f):null,d=(l&ue)!==0?B(g):null;return{v:i,i:d,e:F(()=>(o(r,i??f,d??g,p),()=>{e.delete(t)}))}}function b(e,r,f){if(e.nodes)for(var t=e.nodes.start,g=e.nodes.end,o=r&&(r.f&m)===0?r.nodes.start:f;t!==null;){var l=de(t);if(o.before(t),t===g)return;t=l}}function T(e,r,f){r===null?e.effect.first=f:r.next=f,f===null?e.effect.last=r:f.prev=r}const K=he([]);function Ce(e,r="info",f=3e3){const t=Math.random().toString(36).substr(2,9);console.log(`[toasts.addToast][Action] Adding toast context={{'id': '${t}', 'type': '${r}', 'message': '${e}'}}`),K.update(g=>[...g,{id:t,message:e,type:r}]),setTimeout(()=>Te(t),f)}function Te(e){console.log(`[toasts.removeToast][Action] Removing toast context={{'id': '${e}'}}`),K.update(r=>r.filter(f=>f.id!==e))}export{Ce as a,we as e,Se as i,K as t};

frontend/.svelte-kit/output/client/_app/immutable/chunks/DKg_yD9X.js

@@ -0,0 +1 @@
+import{h as i}from"./CQO205-B.js";function n(s,l,r){var t=s==null?"":""+s;return t===""?null:t}function u(s,l,r,t,f,c){var a=s.__className;if(i||a!==r||a===void 0){var e=n(r);(!i||e!==s.getAttribute("class"))&&(e==null?s.removeAttribute("class"):s.className=e),s.__className=r}return c}export{u as s};

frontend/.svelte-kit/output/client/_app/immutable/entry/start.CiUb2lZD.js

@@ -0,0 +1 @@
+import{l as o,a as r}from"../chunks/CHnJS4Dz.js";export{o as load_css,r as start};

frontend/.svelte-kit/output/client/_app/immutable/nodes/0.Cd4CVt-Z.js

@@ -0,0 +1,5 @@
+import{f as u,a as c,s as b,c as g,b as x}from"../chunks/CWb4Vnhz.js";import{i as _}from"../chunks/CCsGeFPC.js";import{h as $,z as y,p as w,t as h,a as S,s as d,c as v,r as l,j as p,at as j}from"../chunks/CQO205-B.js";import{s as m}from"../chunks/DKg_yD9X.js";import{p as T}from"../chunks/BEiADdeo.js";import{e as z,t as O}from"../chunks/CsANhQOh.js";function k(r,a,s,o,n){$&&y();var e=a.$$slots?.[s],t=!1;e===!0&&(e=a.children,t=!0),e===void 0||e(r,t?()=>o:o)}const A=!1,D=!1,Q=Object.freeze(Object.defineProperty({__proto__:null,prerender:D,ssr:A},Symbol.toStringTag,{value:"Module"}));var F=u('<header class="bg-white shadow-md p-4 flex justify-between items-center"><a href="/" class="text-3xl font-bold text-gray-800 focus:outline-none">Superset Tools</a> <nav class="space-x-4"><a href="/">Dashboard</a> <a href="/settings">Settings</a></nav></header>');function M(r,a){w(a,!1);const s=()=>g(T,"$page",o),[o,n]=b();_();var e=F(),t=d(v(e),2),i=v(t),f=d(i,2);l(t),l(e),h(()=>{m(i,1,`text-gray-600 hover:text-blue-600 font-medium ${s().url.pathname==="/"?"text-blue-600 border-b-2 border-blue-600":""}`),m(f,1,`text-gray-600 hover:text-blue-600 font-medium ${s().url.pathname==="/settings"?"text-blue-600 border-b-2 border-blue-600":""}`)}),c(r,e),S(),n()}var N=u('<footer class="bg-white border-t p-4 mt-8 text-center text-gray-500 text-sm">&copy; 2025 Superset Tools. All rights reserved.</footer>');function P(r){var a=N();c(r,a)}var q=u("<div> </div>"),B=u('<div class="fixed bottom-0 right-0 p-4 space-y-2"></div>');function C(r){const a=()=>g(O,"$toasts",s),[s,o]=b();var n=B();z(n,5,a,e=>e.id,(e,t)=>{var i=q(),f=v(i,!0);l(i),h(()=>{m(i,1,`p-4 rounded-md shadow-lg text-white
+            ${p(t).type==="info"&&"bg-blue-500"}
+            ${p(t).type==="success"&&"bg-green-500"}
+            ${p(t).type==="error"&&"bg-red-500"}
+        `),x(f,p(t).message)}),c(e,i)}),l(n),c(r,n),o()}var E=u('<!> <main class="bg-gray-50 min-h-screen flex flex-col"><!> <div class="p-4 flex-grow"><!></div> <!></main>',1);function R(r,a){var s=E(),o=j(s);C(o);var n=d(o,2),e=v(n);M(e,{});var t=d(e,2),i=v(t);k(i,a,"default",{}),l(t);var f=d(t,2);P(f),l(n),c(r,s)}export{R as component,Q as universal};

frontend/.svelte-kit/output/client/_app/immutable/nodes/1.CppBCq8O.js

@@ -0,0 +1 @@
+import{f,a as g,s as u,b as p,c as b}from"../chunks/CWb4Vnhz.js";import{i as d}from"../chunks/CCsGeFPC.js";import{p as h,t as v,a as _,c as e,r as s,s as $,n as y}from"../chunks/CQO205-B.js";import{p as k}from"../chunks/BEiADdeo.js";var w=f('<div class="container mx-auto p-4 text-center mt-20"><h1 class="text-6xl font-bold text-gray-800 mb-4"> </h1> <p class="text-2xl text-gray-600 mb-8"> </p> <a href="/" class="bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors">Back to Dashboard</a></div>');function q(n,i){h(i,!1);const r=()=>b(k,"$page",c),[c,l]=u();d();var t=w(),a=e(t),m=e(a,!0);s(a);var o=$(a,2),x=e(o,!0);s(o),y(2),s(t),v(()=>{p(m,r().status),p(x,r().error?.message||"Page not found")}),g(n,t),_(),l()}export{q as component};

frontend/.svelte-kit/output/client/_app/version.json

@@ -0,0 +1 @@
+{"version":"1766259433446"}

frontend/.svelte-kit/output/prerendered/dependencies/_app/env.js

@@ -0,0 +1 @@
+export const env={}

frontend/.svelte-kit/output/server/.vite/manifest.json

@@ -0,0 +1,177 @@
+{
+  ".svelte-kit/generated/server/internal.js": {
+    "file": "internal.js",
+    "name": "internal",
+    "src": ".svelte-kit/generated/server/internal.js",
+    "isEntry": true,
+    "imports": [
+      "_internal.js",
+      "_environment.js"
+    ]
+  },
+  "_api.js": {
+    "file": "chunks/api.js",
+    "name": "api",
+    "imports": [
+      "_toasts.js"
+    ]
+  },
+  "_environment.js": {
+    "file": "chunks/environment.js",
+    "name": "environment"
+  },
+  "_equality.js": {
+    "file": "chunks/equality.js",
+    "name": "equality"
+  },
+  "_exports.js": {
+    "file": "chunks/exports.js",
+    "name": "exports"
+  },
+  "_false.js": {
+    "file": "chunks/false.js",
+    "name": "false"
+  },
+  "_index.js": {
+    "file": "chunks/index.js",
+    "name": "index",
+    "imports": [
+      "_equality.js"
+    ]
+  },
+  "_index2.js": {
+    "file": "chunks/index2.js",
+    "name": "index",
+    "imports": [
+      "_false.js",
+      "_equality.js"
+    ]
+  },
+  "_internal.js": {
+    "file": "chunks/internal.js",
+    "name": "internal",
+    "imports": [
+      "_index2.js",
+      "_equality.js",
+      "_environment.js"
+    ]
+  },
+  "_shared.js": {
+    "file": "chunks/shared.js",
+    "name": "shared",
+    "imports": [
+      "_utils.js"
+    ]
+  },
+  "_stores.js": {
+    "file": "chunks/stores.js",
+    "name": "stores",
+    "imports": [
+      "_index2.js",
+      "_exports.js",
+      "_utils.js",
+      "_equality.js"
+    ]
+  },
+  "_toasts.js": {
+    "file": "chunks/toasts.js",
+    "name": "toasts",
+    "imports": [
+      "_index.js"
+    ]
+  },
+  "_utils.js": {
+    "file": "chunks/utils.js",
+    "name": "utils"
+  },
+  "node_modules/@sveltejs/kit/src/runtime/app/server/remote/index.js": {
+    "file": "remote-entry.js",
+    "name": "remote-entry",
+    "src": "node_modules/@sveltejs/kit/src/runtime/app/server/remote/index.js",
+    "isEntry": true,
+    "imports": [
+      "_shared.js",
+      "_false.js",
+      "_environment.js"
+    ]
+  },
+  "node_modules/@sveltejs/kit/src/runtime/server/index.js": {
+    "file": "index.js",
+    "name": "index",
+    "src": "node_modules/@sveltejs/kit/src/runtime/server/index.js",
+    "isEntry": true,
+    "imports": [
+      "_false.js",
+      "_environment.js",
+      "_shared.js",
+      "_exports.js",
+      "_utils.js",
+      "_index.js",
+      "_internal.js"
+    ]
+  },
+  "src/routes/+error.svelte": {
+    "file": "entries/pages/_error.svelte.js",
+    "name": "entries/pages/_error.svelte",
+    "src": "src/routes/+error.svelte",
+    "isEntry": true,
+    "imports": [
+      "_index2.js",
+      "_stores.js"
+    ]
+  },
+  "src/routes/+layout.svelte": {
+    "file": "entries/pages/_layout.svelte.js",
+    "name": "entries/pages/_layout.svelte",
+    "src": "src/routes/+layout.svelte",
+    "isEntry": true,
+    "imports": [
+      "_index2.js",
+      "_stores.js",
+      "_toasts.js"
+    ]
+  },
+  "src/routes/+layout.ts": {
+    "file": "entries/pages/_layout.ts.js",
+    "name": "entries/pages/_layout.ts",
+    "src": "src/routes/+layout.ts",
+    "isEntry": true
+  },
+  "src/routes/+page.svelte": {
+    "file": "entries/pages/_page.svelte.js",
+    "name": "entries/pages/_page.svelte",
+    "src": "src/routes/+page.svelte",
+    "isEntry": true,
+    "imports": [
+      "_index2.js",
+      "_index.js"
+    ]
+  },
+  "src/routes/+page.ts": {
+    "file": "entries/pages/_page.ts.js",
+    "name": "entries/pages/_page.ts",
+    "src": "src/routes/+page.ts",
+    "isEntry": true,
+    "imports": [
+      "_api.js"
+    ]
+  },
+  "src/routes/settings/+page.svelte": {
+    "file": "entries/pages/settings/_page.svelte.js",
+    "name": "entries/pages/settings/_page.svelte",
+    "src": "src/routes/settings/+page.svelte",
+    "isEntry": true,
+    "imports": [
+      "_index2.js"
+    ]
+  },
+  "src/routes/settings/+page.ts": {
+    "file": "entries/pages/settings/_page.ts.js",
+    "name": "entries/pages/settings/_page.ts",
+    "src": "src/routes/settings/+page.ts",
+    "isEntry": true,
+    "imports": [
+      "_api.js"
+    ]
+  }
+}

frontend/.svelte-kit/output/server/chunks/api.js

@@ -0,0 +1,77 @@
+import { a as addToast } from "./toasts.js";
+const API_BASE_URL = "/api";
+async function fetchApi(endpoint) {
+  try {
+    console.log(`[api.fetchApi][Action] Fetching from context={{'endpoint': '${endpoint}'}}`);
+    const response = await fetch(`${API_BASE_URL}${endpoint}`);
+    if (!response.ok) {
+      throw new Error(`API request failed with status ${response.status}`);
+    }
+    return await response.json();
+  } catch (error) {
+    console.error(`[api.fetchApi][Coherence:Failed] Error fetching from ${endpoint}:`, error);
+    addToast(error.message, "error");
+    throw error;
+  }
+}
+async function postApi(endpoint, body) {
+  try {
+    console.log(`[api.postApi][Action] Posting to context={{'endpoint': '${endpoint}'}}`);
+    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      throw new Error(`API request failed with status ${response.status}`);
+    }
+    return await response.json();
+  } catch (error) {
+    console.error(`[api.postApi][Coherence:Failed] Error posting to ${endpoint}:`, error);
+    addToast(error.message, "error");
+    throw error;
+  }
+}
+async function requestApi(endpoint, method = "GET", body = null) {
+  try {
+    console.log(`[api.requestApi][Action] ${method} to context={{'endpoint': '${endpoint}'}}`);
+    const options = {
+      method,
+      headers: {
+        "Content-Type": "application/json"
+      }
+    };
+    if (body) {
+      options.body = JSON.stringify(body);
+    }
+    const response = await fetch(`${API_BASE_URL}${endpoint}`, options);
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}));
+      throw new Error(errorData.detail || `API request failed with status ${response.status}`);
+    }
+    return await response.json();
+  } catch (error) {
+    console.error(`[api.requestApi][Coherence:Failed] Error ${method} to ${endpoint}:`, error);
+    addToast(error.message, "error");
+    throw error;
+  }
+}
+const api = {
+  getPlugins: () => fetchApi("/plugins/"),
+  getTasks: () => fetchApi("/tasks/"),
+  getTask: (taskId) => fetchApi(`/tasks/${taskId}`),
+  createTask: (pluginId, params) => postApi("/tasks/", { plugin_id: pluginId, params }),
+  // Settings
+  getSettings: () => fetchApi("/settings/"),
+  updateGlobalSettings: (settings) => requestApi("/settings/global", "PATCH", settings),
+  getEnvironments: () => fetchApi("/settings/environments"),
+  addEnvironment: (env) => postApi("/settings/environments", env),
+  updateEnvironment: (id, env) => requestApi(`/settings/environments/${id}`, "PUT", env),
+  deleteEnvironment: (id) => requestApi(`/settings/environments/${id}`, "DELETE"),
+  testEnvironmentConnection: (id) => postApi(`/settings/environments/${id}/test`, {})
+};
+export {
+  api as a
+};

frontend/.svelte-kit/output/server/chunks/environment.js

@@ -0,0 +1,34 @@
+let base = "";
+let assets = base;
+const app_dir = "_app";
+const relative = true;
+const initial = { base, assets };
+function override(paths) {
+  base = paths.base;
+  assets = paths.assets;
+}
+function reset() {
+  base = initial.base;
+  assets = initial.assets;
+}
+function set_assets(path) {
+  assets = initial.assets = path;
+}
+let prerendering = false;
+function set_building() {
+}
+function set_prerendering() {
+  prerendering = true;
+}
+export {
+  assets as a,
+  base as b,
+  app_dir as c,
+  reset as d,
+  set_building as e,
+  set_prerendering as f,
+  override as o,
+  prerendering as p,
+  relative as r,
+  set_assets as s
+};

frontend/.svelte-kit/output/server/chunks/equality.js

@@ -0,0 +1,51 @@
+var is_array = Array.isArray;
+var index_of = Array.prototype.indexOf;
+var array_from = Array.from;
+var define_property = Object.defineProperty;
+var get_descriptor = Object.getOwnPropertyDescriptor;
+var object_prototype = Object.prototype;
+var array_prototype = Array.prototype;
+var get_prototype_of = Object.getPrototypeOf;
+var is_extensible = Object.isExtensible;
+const noop = () => {
+};
+function run_all(arr) {
+  for (var i = 0; i < arr.length; i++) {
+    arr[i]();
+  }
+}
+function deferred() {
+  var resolve;
+  var reject;
+  var promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
+function equals(value) {
+  return value === this.v;
+}
+function safe_not_equal(a, b) {
+  return a != a ? b == b : a !== b || a !== null && typeof a === "object" || typeof a === "function";
+}
+function safe_equals(value) {
+  return !safe_not_equal(value, this.v);
+}
+export {
+  array_from as a,
+  deferred as b,
+  array_prototype as c,
+  define_property as d,
+  equals as e,
+  get_prototype_of as f,
+  get_descriptor as g,
+  is_extensible as h,
+  is_array as i,
+  index_of as j,
+  safe_not_equal as k,
+  noop as n,
+  object_prototype as o,
+  run_all as r,
+  safe_equals as s
+};

frontend/.svelte-kit/output/server/chunks/exports.js

@@ -0,0 +1,174 @@
+const SCHEME = /^[a-z][a-z\d+\-.]+:/i;
+const internal = new URL("sveltekit-internal://");
+function resolve(base, path) {
+  if (path[0] === "/" && path[1] === "/") return path;
+  let url = new URL(base, internal);
+  url = new URL(path, url);
+  return url.protocol === internal.protocol ? url.pathname + url.search + url.hash : url.href;
+}
+function normalize_path(path, trailing_slash) {
+  if (path === "/" || trailing_slash === "ignore") return path;
+  if (trailing_slash === "never") {
+    return path.endsWith("/") ? path.slice(0, -1) : path;
+  } else if (trailing_slash === "always" && !path.endsWith("/")) {
+    return path + "/";
+  }
+  return path;
+}
+function decode_pathname(pathname) {
+  return pathname.split("%25").map(decodeURI).join("%25");
+}
+function decode_params(params) {
+  for (const key in params) {
+    params[key] = decodeURIComponent(params[key]);
+  }
+  return params;
+}
+function make_trackable(url, callback, search_params_callback, allow_hash = false) {
+  const tracked = new URL(url);
+  Object.defineProperty(tracked, "searchParams", {
+    value: new Proxy(tracked.searchParams, {
+      get(obj, key) {
+        if (key === "get" || key === "getAll" || key === "has") {
+          return (param) => {
+            search_params_callback(param);
+            return obj[key](param);
+          };
+        }
+        callback();
+        const value = Reflect.get(obj, key);
+        return typeof value === "function" ? value.bind(obj) : value;
+      }
+    }),
+    enumerable: true,
+    configurable: true
+  });
+  const tracked_url_properties = ["href", "pathname", "search", "toString", "toJSON"];
+  if (allow_hash) tracked_url_properties.push("hash");
+  for (const property of tracked_url_properties) {
+    Object.defineProperty(tracked, property, {
+      get() {
+        callback();
+        return url[property];
+      },
+      enumerable: true,
+      configurable: true
+    });
+  }
+  {
+    tracked[/* @__PURE__ */ Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
+      return inspect(url, opts);
+    };
+    tracked.searchParams[/* @__PURE__ */ Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
+      return inspect(url.searchParams, opts);
+    };
+  }
+  if (!allow_hash) {
+    disable_hash(tracked);
+  }
+  return tracked;
+}
+function disable_hash(url) {
+  allow_nodejs_console_log(url);
+  Object.defineProperty(url, "hash", {
+    get() {
+      throw new Error(
+        "Cannot access event.url.hash. Consider using `page.url.hash` inside a component instead"
+      );
+    }
+  });
+}
+function disable_search(url) {
+  allow_nodejs_console_log(url);
+  for (const property of ["search", "searchParams"]) {
+    Object.defineProperty(url, property, {
+      get() {
+        throw new Error(`Cannot access url.${property} on a page with prerendering enabled`);
+      }
+    });
+  }
+}
+function allow_nodejs_console_log(url) {
+  {
+    url[/* @__PURE__ */ Symbol.for("nodejs.util.inspect.custom")] = (depth, opts, inspect) => {
+      return inspect(new URL(url), opts);
+    };
+  }
+}
+function validator(expected) {
+  function validate(module, file) {
+    if (!module) return;
+    for (const key in module) {
+      if (key[0] === "_" || expected.has(key)) continue;
+      const values = [...expected.values()];
+      const hint = hint_for_supported_files(key, file?.slice(file.lastIndexOf("."))) ?? `valid exports are ${values.join(", ")}, or anything with a '_' prefix`;
+      throw new Error(`Invalid export '${key}'${file ? ` in ${file}` : ""} (${hint})`);
+    }
+  }
+  return validate;
+}
+function hint_for_supported_files(key, ext = ".js") {
+  const supported_files = [];
+  if (valid_layout_exports.has(key)) {
+    supported_files.push(`+layout${ext}`);
+  }
+  if (valid_page_exports.has(key)) {
+    supported_files.push(`+page${ext}`);
+  }
+  if (valid_layout_server_exports.has(key)) {
+    supported_files.push(`+layout.server${ext}`);
+  }
+  if (valid_page_server_exports.has(key)) {
+    supported_files.push(`+page.server${ext}`);
+  }
+  if (valid_server_exports.has(key)) {
+    supported_files.push(`+server${ext}`);
+  }
+  if (supported_files.length > 0) {
+    return `'${key}' is a valid export in ${supported_files.slice(0, -1).join(", ")}${supported_files.length > 1 ? " or " : ""}${supported_files.at(-1)}`;
+  }
+}
+const valid_layout_exports = /* @__PURE__ */ new Set([
+  "load",
+  "prerender",
+  "csr",
+  "ssr",
+  "trailingSlash",
+  "config"
+]);
+const valid_page_exports = /* @__PURE__ */ new Set([...valid_layout_exports, "entries"]);
+const valid_layout_server_exports = /* @__PURE__ */ new Set([...valid_layout_exports]);
+const valid_page_server_exports = /* @__PURE__ */ new Set([...valid_layout_server_exports, "actions", "entries"]);
+const valid_server_exports = /* @__PURE__ */ new Set([
+  "GET",
+  "POST",
+  "PATCH",
+  "PUT",
+  "DELETE",
+  "OPTIONS",
+  "HEAD",
+  "fallback",
+  "prerender",
+  "trailingSlash",
+  "config",
+  "entries"
+]);
+const validate_layout_exports = validator(valid_layout_exports);
+const validate_page_exports = validator(valid_page_exports);
+const validate_layout_server_exports = validator(valid_layout_server_exports);
+const validate_page_server_exports = validator(valid_page_server_exports);
+const validate_server_exports = validator(valid_server_exports);
+export {
+  SCHEME as S,
+  decode_params as a,
+  validate_layout_exports as b,
+  validate_page_server_exports as c,
+  disable_search as d,
+  validate_page_exports as e,
+  decode_pathname as f,
+  validate_server_exports as g,
+  make_trackable as m,
+  normalize_path as n,
+  resolve as r,
+  validate_layout_server_exports as v
+};

frontend/.svelte-kit/output/server/chunks/false.js

@@ -0,0 +1,4 @@
+const BROWSER = false;
+export {
+  BROWSER as B
+};

frontend/.svelte-kit/output/server/chunks/index.js

@@ -0,0 +1,59 @@
+import { n as noop, k as safe_not_equal } from "./equality.js";
+import "clsx";
+const subscriber_queue = [];
+function readable(value, start) {
+  return {
+    subscribe: writable(value, start).subscribe
+  };
+}
+function writable(value, start = noop) {
+  let stop = null;
+  const subscribers = /* @__PURE__ */ new Set();
+  function set(new_value) {
+    if (safe_not_equal(value, new_value)) {
+      value = new_value;
+      if (stop) {
+        const run_queue = !subscriber_queue.length;
+        for (const subscriber of subscribers) {
+          subscriber[1]();
+          subscriber_queue.push(subscriber, value);
+        }
+        if (run_queue) {
+          for (let i = 0; i < subscriber_queue.length; i += 2) {
+            subscriber_queue[i][0](subscriber_queue[i + 1]);
+          }
+          subscriber_queue.length = 0;
+        }
+      }
+    }
+  }
+  function update(fn) {
+    set(fn(
+      /** @type {T} */
+      value
+    ));
+  }
+  function subscribe(run, invalidate = noop) {
+    const subscriber = [run, invalidate];
+    subscribers.add(subscriber);
+    if (subscribers.size === 1) {
+      stop = start(set, update) || noop;
+    }
+    run(
+      /** @type {T} */
+      value
+    );
+    return () => {
+      subscribers.delete(subscriber);
+      if (subscribers.size === 0 && stop) {
+        stop();
+        stop = null;
+      }
+    };
+  }
+  return { set, update, subscribe };
+}
+export {
+  readable as r,
+  writable as w
+};

frontend/.svelte-kit/output/server/chunks/internal.js

@@ -0,0 +1,982 @@
+import { H as HYDRATION_ERROR, C as COMMENT_NODE, a as HYDRATION_END, g as get_next_sibling, b as HYDRATION_START, c as HYDRATION_START_ELSE, e as effect_tracking, d as get, s as source, r as render_effect, u as untrack, i as increment, q as queue_micro_task, f as active_effect, h as block, j as branch, B as Batch, p as pause_effect, k as create_text, l as set_active_effect, m as set_active_reaction, n as set_component_context, o as handle_error, t as active_reaction, v as component_context, w as move_effect, x as internal_set, y as destroy_effect, z as invoke_error_boundary, A as svelte_boundary_reset_onerror, E as EFFECT_TRANSPARENT, D as EFFECT_PRESERVED, F as BOUNDARY_EFFECT, G as init_operations, I as get_first_child, J as hydration_failed, K as clear_text_content, L as component_root, M as is_passive_event, N as push, O as pop, P as set, Q as LEGACY_PROPS, R as flushSync, S as mutable_source, T as render, U as setContext } from "./index2.js";
+import { d as define_property, a as array_from } from "./equality.js";
+import "clsx";
+import "./environment.js";
+let public_env = {};
+function set_private_env(environment) {
+}
+function set_public_env(environment) {
+  public_env = environment;
+}
+function hydration_mismatch(location) {
+  {
+    console.warn(`https://svelte.dev/e/hydration_mismatch`);
+  }
+}
+function svelte_boundary_reset_noop() {
+  {
+    console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
+  }
+}
+let hydrating = false;
+function set_hydrating(value) {
+  hydrating = value;
+}
+let hydrate_node;
+function set_hydrate_node(node) {
+  if (node === null) {
+    hydration_mismatch();
+    throw HYDRATION_ERROR;
+  }
+  return hydrate_node = node;
+}
+function hydrate_next() {
+  return set_hydrate_node(get_next_sibling(hydrate_node));
+}
+function next(count = 1) {
+  if (hydrating) {
+    var i = count;
+    var node = hydrate_node;
+    while (i--) {
+      node = /** @type {TemplateNode} */
+      get_next_sibling(node);
+    }
+    hydrate_node = node;
+  }
+}
+function skip_nodes(remove = true) {
+  var depth = 0;
+  var node = hydrate_node;
+  while (true) {
+    if (node.nodeType === COMMENT_NODE) {
+      var data = (
+        /** @type {Comment} */
+        node.data
+      );
+      if (data === HYDRATION_END) {
+        if (depth === 0) return node;
+        depth -= 1;
+      } else if (data === HYDRATION_START || data === HYDRATION_START_ELSE) {
+        depth += 1;
+      }
+    }
+    var next2 = (
+      /** @type {TemplateNode} */
+      get_next_sibling(node)
+    );
+    if (remove) node.remove();
+    node = next2;
+  }
+}
+function createSubscriber(start) {
+  let subscribers = 0;
+  let version = source(0);
+  let stop;
+  return () => {
+    if (effect_tracking()) {
+      get(version);
+      render_effect(() => {
+        if (subscribers === 0) {
+          stop = untrack(() => start(() => increment(version)));
+        }
+        subscribers += 1;
+        return () => {
+          queue_micro_task(() => {
+            subscribers -= 1;
+            if (subscribers === 0) {
+              stop?.();
+              stop = void 0;
+              increment(version);
+            }
+          });
+        };
+      });
+    }
+  };
+}
+var flags = EFFECT_TRANSPARENT | EFFECT_PRESERVED | BOUNDARY_EFFECT;
+function boundary(node, props, children) {
+  new Boundary(node, props, children);
+}
+class Boundary {
+  /** @type {Boundary | null} */
+  parent;
+  #pending = false;
+  /** @type {TemplateNode} */
+  #anchor;
+  /** @type {TemplateNode | null} */
+  #hydrate_open = hydrating ? hydrate_node : null;
+  /** @type {BoundaryProps} */
+  #props;
+  /** @type {((anchor: Node) => void)} */
+  #children;
+  /** @type {Effect} */
+  #effect;
+  /** @type {Effect | null} */
+  #main_effect = null;
+  /** @type {Effect | null} */
+  #pending_effect = null;
+  /** @type {Effect | null} */
+  #failed_effect = null;
+  /** @type {DocumentFragment | null} */
+  #offscreen_fragment = null;
+  /** @type {TemplateNode | null} */
+  #pending_anchor = null;
+  #local_pending_count = 0;
+  #pending_count = 0;
+  #is_creating_fallback = false;
+  /**
+   * A source containing the number of pending async deriveds/expressions.
+   * Only created if `$effect.pending()` is used inside the boundary,
+   * otherwise updating the source results in needless `Batch.ensure()`
+   * calls followed by no-op flushes
+   * @type {Source<number> | null}
+   */
+  #effect_pending = null;
+  #effect_pending_subscriber = createSubscriber(() => {
+    this.#effect_pending = source(this.#local_pending_count);
+    return () => {
+      this.#effect_pending = null;
+    };
+  });
+  /**
+   * @param {TemplateNode} node
+   * @param {BoundaryProps} props
+   * @param {((anchor: Node) => void)} children
+   */
+  constructor(node, props, children) {
+    this.#anchor = node;
+    this.#props = props;
+    this.#children = children;
+    this.parent = /** @type {Effect} */
+    active_effect.b;
+    this.#pending = !!this.#props.pending;
+    this.#effect = block(() => {
+      active_effect.b = this;
+      if (hydrating) {
+        const comment = this.#hydrate_open;
+        hydrate_next();
+        const server_rendered_pending = (
+          /** @type {Comment} */
+          comment.nodeType === COMMENT_NODE && /** @type {Comment} */
+          comment.data === HYDRATION_START_ELSE
+        );
+        if (server_rendered_pending) {
+          this.#hydrate_pending_content();
+        } else {
+          this.#hydrate_resolved_content();
+        }
+      } else {
+        var anchor = this.#get_anchor();
+        try {
+          this.#main_effect = branch(() => children(anchor));
+        } catch (error) {
+          this.error(error);
+        }
+        if (this.#pending_count > 0) {
+          this.#show_pending_snippet();
+        } else {
+          this.#pending = false;
+        }
+      }
+      return () => {
+        this.#pending_anchor?.remove();
+      };
+    }, flags);
+    if (hydrating) {
+      this.#anchor = hydrate_node;
+    }
+  }
+  #hydrate_resolved_content() {
+    try {
+      this.#main_effect = branch(() => this.#children(this.#anchor));
+    } catch (error) {
+      this.error(error);
+    }
+    this.#pending = false;
+  }
+  #hydrate_pending_content() {
+    const pending = this.#props.pending;
+    if (!pending) {
+      return;
+    }
+    this.#pending_effect = branch(() => pending(this.#anchor));
+    Batch.enqueue(() => {
+      var anchor = this.#get_anchor();
+      this.#main_effect = this.#run(() => {
+        Batch.ensure();
+        return branch(() => this.#children(anchor));
+      });
+      if (this.#pending_count > 0) {
+        this.#show_pending_snippet();
+      } else {
+        pause_effect(
+          /** @type {Effect} */
+          this.#pending_effect,
+          () => {
+            this.#pending_effect = null;
+          }
+        );
+        this.#pending = false;
+      }
+    });
+  }
+  #get_anchor() {
+    var anchor = this.#anchor;
+    if (this.#pending) {
+      this.#pending_anchor = create_text();
+      this.#anchor.before(this.#pending_anchor);
+      anchor = this.#pending_anchor;
+    }
+    return anchor;
+  }
+  /**
+   * Returns `true` if the effect exists inside a boundary whose pending snippet is shown
+   * @returns {boolean}
+   */
+  is_pending() {
+    return this.#pending || !!this.parent && this.parent.is_pending();
+  }
+  has_pending_snippet() {
+    return !!this.#props.pending;
+  }
+  /**
+   * @param {() => Effect | null} fn
+   */
+  #run(fn) {
+    var previous_effect = active_effect;
+    var previous_reaction = active_reaction;
+    var previous_ctx = component_context;
+    set_active_effect(this.#effect);
+    set_active_reaction(this.#effect);
+    set_component_context(this.#effect.ctx);
+    try {
+      return fn();
+    } catch (e) {
+      handle_error(e);
+      return null;
+    } finally {
+      set_active_effect(previous_effect);
+      set_active_reaction(previous_reaction);
+      set_component_context(previous_ctx);
+    }
+  }
+  #show_pending_snippet() {
+    const pending = (
+      /** @type {(anchor: Node) => void} */
+      this.#props.pending
+    );
+    if (this.#main_effect !== null) {
+      this.#offscreen_fragment = document.createDocumentFragment();
+      this.#offscreen_fragment.append(
+        /** @type {TemplateNode} */
+        this.#pending_anchor
+      );
+      move_effect(this.#main_effect, this.#offscreen_fragment);
+    }
+    if (this.#pending_effect === null) {
+      this.#pending_effect = branch(() => pending(this.#anchor));
+    }
+  }
+  /**
+   * Updates the pending count associated with the currently visible pending snippet,
+   * if any, such that we can replace the snippet with content once work is done
+   * @param {1 | -1} d
+   */
+  #update_pending_count(d) {
+    if (!this.has_pending_snippet()) {
+      if (this.parent) {
+        this.parent.#update_pending_count(d);
+      }
+      return;
+    }
+    this.#pending_count += d;
+    if (this.#pending_count === 0) {
+      this.#pending = false;
+      if (this.#pending_effect) {
+        pause_effect(this.#pending_effect, () => {
+          this.#pending_effect = null;
+        });
+      }
+      if (this.#offscreen_fragment) {
+        this.#anchor.before(this.#offscreen_fragment);
+        this.#offscreen_fragment = null;
+      }
+    }
+  }
+  /**
+   * Update the source that powers `$effect.pending()` inside this boundary,
+   * and controls when the current `pending` snippet (if any) is removed.
+   * Do not call from inside the class
+   * @param {1 | -1} d
+   */
+  update_pending_count(d) {
+    this.#update_pending_count(d);
+    this.#local_pending_count += d;
+    if (this.#effect_pending) {
+      internal_set(this.#effect_pending, this.#local_pending_count);
+    }
+  }
+  get_effect_pending() {
+    this.#effect_pending_subscriber();
+    return get(
+      /** @type {Source<number>} */
+      this.#effect_pending
+    );
+  }
+  /** @param {unknown} error */
+  error(error) {
+    var onerror = this.#props.onerror;
+    let failed = this.#props.failed;
+    if (this.#is_creating_fallback || !onerror && !failed) {
+      throw error;
+    }
+    if (this.#main_effect) {
+      destroy_effect(this.#main_effect);
+      this.#main_effect = null;
+    }
+    if (this.#pending_effect) {
+      destroy_effect(this.#pending_effect);
+      this.#pending_effect = null;
+    }
+    if (this.#failed_effect) {
+      destroy_effect(this.#failed_effect);
+      this.#failed_effect = null;
+    }
+    if (hydrating) {
+      set_hydrate_node(
+        /** @type {TemplateNode} */
+        this.#hydrate_open
+      );
+      next();
+      set_hydrate_node(skip_nodes());
+    }
+    var did_reset = false;
+    var calling_on_error = false;
+    const reset = () => {
+      if (did_reset) {
+        svelte_boundary_reset_noop();
+        return;
+      }
+      did_reset = true;
+      if (calling_on_error) {
+        svelte_boundary_reset_onerror();
+      }
+      Batch.ensure();
+      this.#local_pending_count = 0;
+      if (this.#failed_effect !== null) {
+        pause_effect(this.#failed_effect, () => {
+          this.#failed_effect = null;
+        });
+      }
+      this.#pending = this.has_pending_snippet();
+      this.#main_effect = this.#run(() => {
+        this.#is_creating_fallback = false;
+        return branch(() => this.#children(this.#anchor));
+      });
+      if (this.#pending_count > 0) {
+        this.#show_pending_snippet();
+      } else {
+        this.#pending = false;
+      }
+    };
+    var previous_reaction = active_reaction;
+    try {
+      set_active_reaction(null);
+      calling_on_error = true;
+      onerror?.(error, reset);
+      calling_on_error = false;
+    } catch (error2) {
+      invoke_error_boundary(error2, this.#effect && this.#effect.parent);
+    } finally {
+      set_active_reaction(previous_reaction);
+    }
+    if (failed) {
+      queue_micro_task(() => {
+        this.#failed_effect = this.#run(() => {
+          Batch.ensure();
+          this.#is_creating_fallback = true;
+          try {
+            return branch(() => {
+              failed(
+                this.#anchor,
+                () => error,
+                () => reset
+              );
+            });
+          } catch (error2) {
+            invoke_error_boundary(
+              error2,
+              /** @type {Effect} */
+              this.#effect.parent
+            );
+            return null;
+          } finally {
+            this.#is_creating_fallback = false;
+          }
+        });
+      });
+    }
+  }
+}
+const all_registered_events = /* @__PURE__ */ new Set();
+const root_event_handles = /* @__PURE__ */ new Set();
+let last_propagated_event = null;
+function handle_event_propagation(event) {
+  var handler_element = this;
+  var owner_document = (
+    /** @type {Node} */
+    handler_element.ownerDocument
+  );
+  var event_name = event.type;
+  var path = event.composedPath?.() || [];
+  var current_target = (
+    /** @type {null | Element} */
+    path[0] || event.target
+  );
+  last_propagated_event = event;
+  var path_idx = 0;
+  var handled_at = last_propagated_event === event && event.__root;
+  if (handled_at) {
+    var at_idx = path.indexOf(handled_at);
+    if (at_idx !== -1 && (handler_element === document || handler_element === /** @type {any} */
+    window)) {
+      event.__root = handler_element;
+      return;
+    }
+    var handler_idx = path.indexOf(handler_element);
+    if (handler_idx === -1) {
+      return;
+    }
+    if (at_idx <= handler_idx) {
+      path_idx = at_idx;
+    }
+  }
+  current_target = /** @type {Element} */
+  path[path_idx] || event.target;
+  if (current_target === handler_element) return;
+  define_property(event, "currentTarget", {
+    configurable: true,
+    get() {
+      return current_target || owner_document;
+    }
+  });
+  var previous_reaction = active_reaction;
+  var previous_effect = active_effect;
+  set_active_reaction(null);
+  set_active_effect(null);
+  try {
+    var throw_error;
+    var other_errors = [];
+    while (current_target !== null) {
+      var parent_element = current_target.assignedSlot || current_target.parentNode || /** @type {any} */
+      current_target.host || null;
+      try {
+        var delegated = current_target["__" + event_name];
+        if (delegated != null && (!/** @type {any} */
+        current_target.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
+        // -> the target could not have been disabled because it emits the event in the first place
+        event.target === current_target)) {
+          delegated.call(current_target, event);
+        }
+      } catch (error) {
+        if (throw_error) {
+          other_errors.push(error);
+        } else {
+          throw_error = error;
+        }
+      }
+      if (event.cancelBubble || parent_element === handler_element || parent_element === null) {
+        break;
+      }
+      current_target = parent_element;
+    }
+    if (throw_error) {
+      for (let error of other_errors) {
+        queueMicrotask(() => {
+          throw error;
+        });
+      }
+      throw throw_error;
+    }
+  } finally {
+    event.__root = handler_element;
+    delete event.currentTarget;
+    set_active_reaction(previous_reaction);
+    set_active_effect(previous_effect);
+  }
+}
+function assign_nodes(start, end) {
+  var effect = (
+    /** @type {Effect} */
+    active_effect
+  );
+  if (effect.nodes === null) {
+    effect.nodes = { start, end, a: null, t: null };
+  }
+}
+function mount(component, options2) {
+  return _mount(component, options2);
+}
+function hydrate(component, options2) {
+  init_operations();
+  options2.intro = options2.intro ?? false;
+  const target = options2.target;
+  const was_hydrating = hydrating;
+  const previous_hydrate_node = hydrate_node;
+  try {
+    var anchor = get_first_child(target);
+    while (anchor && (anchor.nodeType !== COMMENT_NODE || /** @type {Comment} */
+    anchor.data !== HYDRATION_START)) {
+      anchor = get_next_sibling(anchor);
+    }
+    if (!anchor) {
+      throw HYDRATION_ERROR;
+    }
+    set_hydrating(true);
+    set_hydrate_node(
+      /** @type {Comment} */
+      anchor
+    );
+    const instance = _mount(component, { ...options2, anchor });
+    set_hydrating(false);
+    return (
+      /**  @type {Exports} */
+      instance
+    );
+  } catch (error) {
+    if (error instanceof Error && error.message.split("\n").some((line) => line.startsWith("https://svelte.dev/e/"))) {
+      throw error;
+    }
+    if (error !== HYDRATION_ERROR) {
+      console.warn("Failed to hydrate: ", error);
+    }
+    if (options2.recover === false) {
+      hydration_failed();
+    }
+    init_operations();
+    clear_text_content(target);
+    set_hydrating(false);
+    return mount(component, options2);
+  } finally {
+    set_hydrating(was_hydrating);
+    set_hydrate_node(previous_hydrate_node);
+  }
+}
+const document_listeners = /* @__PURE__ */ new Map();
+function _mount(Component, { target, anchor, props = {}, events, context, intro = true }) {
+  init_operations();
+  var registered_events = /* @__PURE__ */ new Set();
+  var event_handle = (events2) => {
+    for (var i = 0; i < events2.length; i++) {
+      var event_name = events2[i];
+      if (registered_events.has(event_name)) continue;
+      registered_events.add(event_name);
+      var passive = is_passive_event(event_name);
+      target.addEventListener(event_name, handle_event_propagation, { passive });
+      var n = document_listeners.get(event_name);
+      if (n === void 0) {
+        document.addEventListener(event_name, handle_event_propagation, { passive });
+        document_listeners.set(event_name, 1);
+      } else {
+        document_listeners.set(event_name, n + 1);
+      }
+    }
+  };
+  event_handle(array_from(all_registered_events));
+  root_event_handles.add(event_handle);
+  var component = void 0;
+  var unmount2 = component_root(() => {
+    var anchor_node = anchor ?? target.appendChild(create_text());
+    boundary(
+      /** @type {TemplateNode} */
+      anchor_node,
+      {
+        pending: () => {
+        }
+      },
+      (anchor_node2) => {
+        if (context) {
+          push({});
+          var ctx = (
+            /** @type {ComponentContext} */
+            component_context
+          );
+          ctx.c = context;
+        }
+        if (events) {
+          props.$$events = events;
+        }
+        if (hydrating) {
+          assign_nodes(
+            /** @type {TemplateNode} */
+            anchor_node2,
+            null
+          );
+        }
+        component = Component(anchor_node2, props) || {};
+        if (hydrating) {
+          active_effect.nodes.end = hydrate_node;
+          if (hydrate_node === null || hydrate_node.nodeType !== COMMENT_NODE || /** @type {Comment} */
+          hydrate_node.data !== HYDRATION_END) {
+            hydration_mismatch();
+            throw HYDRATION_ERROR;
+          }
+        }
+        if (context) {
+          pop();
+        }
+      }
+    );
+    return () => {
+      for (var event_name of registered_events) {
+        target.removeEventListener(event_name, handle_event_propagation);
+        var n = (
+          /** @type {number} */
+          document_listeners.get(event_name)
+        );
+        if (--n === 0) {
+          document.removeEventListener(event_name, handle_event_propagation);
+          document_listeners.delete(event_name);
+        } else {
+          document_listeners.set(event_name, n);
+        }
+      }
+      root_event_handles.delete(event_handle);
+      if (anchor_node !== anchor) {
+        anchor_node.parentNode?.removeChild(anchor_node);
+      }
+    };
+  });
+  mounted_components.set(component, unmount2);
+  return component;
+}
+let mounted_components = /* @__PURE__ */ new WeakMap();
+function unmount(component, options2) {
+  const fn = mounted_components.get(component);
+  if (fn) {
+    mounted_components.delete(component);
+    return fn(options2);
+  }
+  return Promise.resolve();
+}
+function asClassComponent$1(component) {
+  return class extends Svelte4Component {
+    /** @param {any} options */
+    constructor(options2) {
+      super({
+        component,
+        ...options2
+      });
+    }
+  };
+}
+class Svelte4Component {
+  /** @type {any} */
+  #events;
+  /** @type {Record<string, any>} */
+  #instance;
+  /**
+   * @param {ComponentConstructorOptions & {
+   *  component: any;
+   * }} options
+   */
+  constructor(options2) {
+    var sources = /* @__PURE__ */ new Map();
+    var add_source = (key, value) => {
+      var s = mutable_source(value, false, false);
+      sources.set(key, s);
+      return s;
+    };
+    const props = new Proxy(
+      { ...options2.props || {}, $$events: {} },
+      {
+        get(target, prop) {
+          return get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
+        },
+        has(target, prop) {
+          if (prop === LEGACY_PROPS) return true;
+          get(sources.get(prop) ?? add_source(prop, Reflect.get(target, prop)));
+          return Reflect.has(target, prop);
+        },
+        set(target, prop, value) {
+          set(sources.get(prop) ?? add_source(prop, value), value);
+          return Reflect.set(target, prop, value);
+        }
+      }
+    );
+    this.#instance = (options2.hydrate ? hydrate : mount)(options2.component, {
+      target: options2.target,
+      anchor: options2.anchor,
+      props,
+      context: options2.context,
+      intro: options2.intro ?? false,
+      recover: options2.recover
+    });
+    if (!options2?.props?.$$host || options2.sync === false) {
+      flushSync();
+    }
+    this.#events = props.$$events;
+    for (const key of Object.keys(this.#instance)) {
+      if (key === "$set" || key === "$destroy" || key === "$on") continue;
+      define_property(this, key, {
+        get() {
+          return this.#instance[key];
+        },
+        /** @param {any} value */
+        set(value) {
+          this.#instance[key] = value;
+        },
+        enumerable: true
+      });
+    }
+    this.#instance.$set = /** @param {Record<string, any>} next */
+    (next2) => {
+      Object.assign(props, next2);
+    };
+    this.#instance.$destroy = () => {
+      unmount(this.#instance);
+    };
+  }
+  /** @param {Record<string, any>} props */
+  $set(props) {
+    this.#instance.$set(props);
+  }
+  /**
+   * @param {string} event
+   * @param {(...args: any[]) => any} callback
+   * @returns {any}
+   */
+  $on(event, callback) {
+    this.#events[event] = this.#events[event] || [];
+    const cb = (...args) => callback.call(this, ...args);
+    this.#events[event].push(cb);
+    return () => {
+      this.#events[event] = this.#events[event].filter(
+        /** @param {any} fn */
+        (fn) => fn !== cb
+      );
+    };
+  }
+  $destroy() {
+    this.#instance.$destroy();
+  }
+}
+let read_implementation = null;
+function set_read_implementation(fn) {
+  read_implementation = fn;
+}
+function set_manifest(_) {
+}
+function asClassComponent(component) {
+  const component_constructor = asClassComponent$1(component);
+  const _render = (props, { context, csp } = {}) => {
+    const result = render(component, { props, context, csp });
+    const munged = Object.defineProperties(
+      /** @type {LegacyRenderResult & PromiseLike<LegacyRenderResult>} */
+      {},
+      {
+        css: {
+          value: { code: "", map: null }
+        },
+        head: {
+          get: () => result.head
+        },
+        html: {
+          get: () => result.body
+        },
+        then: {
+          /**
+           * this is not type-safe, but honestly it's the best I can do right now, and it's a straightforward function.
+           *
+           * @template TResult1
+           * @template [TResult2=never]
+           * @param { (value: LegacyRenderResult) => TResult1 } onfulfilled
+           * @param { (reason: unknown) => TResult2 } onrejected
+           */
+          value: (onfulfilled, onrejected) => {
+            {
+              const user_result = onfulfilled({
+                css: munged.css,
+                head: munged.head,
+                html: munged.html
+              });
+              return Promise.resolve(user_result);
+            }
+          }
+        }
+      }
+    );
+    return munged;
+  };
+  component_constructor.render = _render;
+  return component_constructor;
+}
+function Root($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      stores,
+      page,
+      constructors,
+      components = [],
+      form,
+      data_0 = null,
+      data_1 = null
+    } = $$props;
+    {
+      setContext("__svelte__", stores);
+    }
+    {
+      stores.page.set(page);
+    }
+    const Pyramid_1 = constructors[1];
+    if (constructors[1]) {
+      $$renderer2.push("<!--[-->");
+      const Pyramid_0 = constructors[0];
+      $$renderer2.push(`<!---->`);
+      Pyramid_0($$renderer2, {
+        data: data_0,
+        form,
+        params: page.params,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->`);
+          Pyramid_1($$renderer3, { data: data_1, form, params: page.params });
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!---->`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      const Pyramid_0 = constructors[0];
+      $$renderer2.push(`<!---->`);
+      Pyramid_0($$renderer2, { data: data_0, form, params: page.params });
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+const root = asClassComponent(Root);
+const options = {
+  app_template_contains_nonce: false,
+  async: false,
+  csp: { "mode": "auto", "directives": { "upgrade-insecure-requests": false, "block-all-mixed-content": false }, "reportOnly": { "upgrade-insecure-requests": false, "block-all-mixed-content": false } },
+  csrf_check_origin: true,
+  csrf_trusted_origins: [],
+  embedded: false,
+  env_public_prefix: "PUBLIC_",
+  env_private_prefix: "",
+  hash_routing: false,
+  hooks: null,
+  // added lazily, via `get_hooks`
+  preload_strategy: "modulepreload",
+  root,
+  service_worker: false,
+  service_worker_options: void 0,
+  templates: {
+    app: ({ head, body, assets, nonce, env }) => '<!DOCTYPE html>\n<html lang="en">\n	<head>\n		<meta charset="utf-8" />\n		<link rel="icon" href="' + assets + '/favicon.png" />\n		<meta name="viewport" content="width=device-width, initial-scale=1" />\n		' + head + '\n	</head>\n	<body data-sveltekit-preload-data="hover">\n		<div style="display: contents">' + body + "</div>\n	</body>\n</html>\n",
+    error: ({ status, message }) => '<!doctype html>\n<html lang="en">\n	<head>\n		<meta charset="utf-8" />\n		<title>' + message + `</title>
+
+		<style>
+			body {
+				--bg: white;
+				--fg: #222;
+				--divider: #ccc;
+				background: var(--bg);
+				color: var(--fg);
+				font-family:
+					system-ui,
+					-apple-system,
+					BlinkMacSystemFont,
+					'Segoe UI',
+					Roboto,
+					Oxygen,
+					Ubuntu,
+					Cantarell,
+					'Open Sans',
+					'Helvetica Neue',
+					sans-serif;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: 100vh;
+				margin: 0;
+			}
+
+			.error {
+				display: flex;
+				align-items: center;
+				max-width: 32rem;
+				margin: 0 1rem;
+			}
+
+			.status {
+				font-weight: 200;
+				font-size: 3rem;
+				line-height: 1;
+				position: relative;
+				top: -0.05rem;
+			}
+
+			.message {
+				border-left: 1px solid var(--divider);
+				padding: 0 0 0 1rem;
+				margin: 0 0 0 1rem;
+				min-height: 2.5rem;
+				display: flex;
+				align-items: center;
+			}
+
+			.message h1 {
+				font-weight: 400;
+				font-size: 1em;
+				margin: 0;
+			}
+
+			@media (prefers-color-scheme: dark) {
+				body {
+					--bg: #222;
+					--fg: #ddd;
+					--divider: #666;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<div class="error">
+			<span class="status">` + status + '</span>\n			<div class="message">\n				<h1>' + message + "</h1>\n			</div>\n		</div>\n	</body>\n</html>\n"
+  },
+  version_hash: "1uq6ubj"
+};
+async function get_hooks() {
+  let handle;
+  let handleFetch;
+  let handleError;
+  let handleValidationError;
+  let init;
+  let reroute;
+  let transport;
+  return {
+    handle,
+    handleFetch,
+    handleError,
+    handleValidationError,
+    init,
+    reroute,
+    transport
+  };
+}
+export {
+  set_public_env as a,
+  set_read_implementation as b,
+  set_manifest as c,
+  get_hooks as g,
+  options as o,
+  public_env as p,
+  read_implementation as r,
+  set_private_env as s
+};

frontend/.svelte-kit/output/server/chunks/shared.js

@@ -0,0 +1,522 @@
+import * as devalue from "devalue";
+import { t as text_decoder, b as base64_encode, c as base64_decode } from "./utils.js";
+function set_nested_value(object, path_string, value) {
+  if (path_string.startsWith("n:")) {
+    path_string = path_string.slice(2);
+    value = value === "" ? void 0 : parseFloat(value);
+  } else if (path_string.startsWith("b:")) {
+    path_string = path_string.slice(2);
+    value = value === "on";
+  }
+  deep_set(object, split_path(path_string), value);
+}
+function convert_formdata(data) {
+  const result = {};
+  for (let key of data.keys()) {
+    const is_array = key.endsWith("[]");
+    let values = data.getAll(key);
+    if (is_array) key = key.slice(0, -2);
+    if (values.length > 1 && !is_array) {
+      throw new Error(`Form cannot contain duplicated keys — "${key}" has ${values.length} values`);
+    }
+    values = values.filter(
+      (entry) => typeof entry === "string" || entry.name !== "" || entry.size > 0
+    );
+    if (key.startsWith("n:")) {
+      key = key.slice(2);
+      values = values.map((v) => v === "" ? void 0 : parseFloat(
+        /** @type {string} */
+        v
+      ));
+    } else if (key.startsWith("b:")) {
+      key = key.slice(2);
+      values = values.map((v) => v === "on");
+    }
+    set_nested_value(result, key, is_array ? values : values[0]);
+  }
+  return result;
+}
+const BINARY_FORM_CONTENT_TYPE = "application/x-sveltekit-formdata";
+const BINARY_FORM_VERSION = 0;
+async function deserialize_binary_form(request) {
+  if (request.headers.get("content-type") !== BINARY_FORM_CONTENT_TYPE) {
+    const form_data = await request.formData();
+    return { data: convert_formdata(form_data), meta: {}, form_data };
+  }
+  if (!request.body) {
+    throw new Error("Could not deserialize binary form: no body");
+  }
+  const reader = request.body.getReader();
+  const chunks = [];
+  async function get_chunk(index) {
+    if (index in chunks) return chunks[index];
+    let i = chunks.length;
+    while (i <= index) {
+      chunks[i] = reader.read().then((chunk) => chunk.value);
+      i++;
+    }
+    return chunks[index];
+  }
+  async function get_buffer(offset, length) {
+    let start_chunk;
+    let chunk_start = 0;
+    let chunk_index;
+    for (chunk_index = 0; ; chunk_index++) {
+      const chunk = await get_chunk(chunk_index);
+      if (!chunk) return null;
+      const chunk_end = chunk_start + chunk.byteLength;
+      if (offset >= chunk_start && offset < chunk_end) {
+        start_chunk = chunk;
+        break;
+      }
+      chunk_start = chunk_end;
+    }
+    if (offset + length <= chunk_start + start_chunk.byteLength) {
+      return start_chunk.subarray(offset - chunk_start, offset + length - chunk_start);
+    }
+    const buffer = new Uint8Array(length);
+    buffer.set(start_chunk.subarray(offset - chunk_start));
+    let cursor = start_chunk.byteLength - offset + chunk_start;
+    while (cursor < length) {
+      chunk_index++;
+      let chunk = await get_chunk(chunk_index);
+      if (!chunk) return null;
+      if (chunk.byteLength > length - cursor) {
+        chunk = chunk.subarray(0, length - cursor);
+      }
+      buffer.set(chunk, cursor);
+      cursor += chunk.byteLength;
+    }
+    return buffer;
+  }
+  const header = await get_buffer(0, 1 + 4 + 2);
+  if (!header) throw new Error("Could not deserialize binary form: too short");
+  if (header[0] !== BINARY_FORM_VERSION) {
+    throw new Error(
+      `Could not deserialize binary form: got version ${header[0]}, expected version ${BINARY_FORM_VERSION}`
+    );
+  }
+  const header_view = new DataView(header.buffer, header.byteOffset, header.byteLength);
+  const data_length = header_view.getUint32(1, true);
+  const file_offsets_length = header_view.getUint16(5, true);
+  const data_buffer = await get_buffer(1 + 4 + 2, data_length);
+  if (!data_buffer) throw new Error("Could not deserialize binary form: data too short");
+  let file_offsets;
+  let files_start_offset;
+  if (file_offsets_length > 0) {
+    const file_offsets_buffer = await get_buffer(1 + 4 + 2 + data_length, file_offsets_length);
+    if (!file_offsets_buffer)
+      throw new Error("Could not deserialize binary form: file offset table too short");
+    file_offsets = /** @type {Array<number>} */
+    JSON.parse(text_decoder.decode(file_offsets_buffer));
+    files_start_offset = 1 + 4 + 2 + data_length + file_offsets_length;
+  }
+  const [data, meta] = devalue.parse(text_decoder.decode(data_buffer), {
+    File: ([name, type, size, last_modified, index]) => {
+      return new Proxy(
+        new LazyFile(
+          name,
+          type,
+          size,
+          last_modified,
+          get_chunk,
+          files_start_offset + file_offsets[index]
+        ),
+        {
+          getPrototypeOf() {
+            return File.prototype;
+          }
+        }
+      );
+    }
+  });
+  void (async () => {
+    let has_more = true;
+    while (has_more) {
+      const chunk = await get_chunk(chunks.length);
+      has_more = !!chunk;
+    }
+  })();
+  return { data, meta, form_data: null };
+}
+class LazyFile {
+  /** @type {(index: number) => Promise<Uint8Array<ArrayBuffer> | undefined>} */
+  #get_chunk;
+  /** @type {number} */
+  #offset;
+  /**
+   * @param {string} name
+   * @param {string} type
+   * @param {number} size
+   * @param {number} last_modified
+   * @param {(index: number) => Promise<Uint8Array<ArrayBuffer> | undefined>} get_chunk
+   * @param {number} offset
+   */
+  constructor(name, type, size, last_modified, get_chunk, offset) {
+    this.name = name;
+    this.type = type;
+    this.size = size;
+    this.lastModified = last_modified;
+    this.webkitRelativePath = "";
+    this.#get_chunk = get_chunk;
+    this.#offset = offset;
+    this.arrayBuffer = this.arrayBuffer.bind(this);
+    this.bytes = this.bytes.bind(this);
+    this.slice = this.slice.bind(this);
+    this.stream = this.stream.bind(this);
+    this.text = this.text.bind(this);
+  }
+  /** @type {ArrayBuffer | undefined} */
+  #buffer;
+  async arrayBuffer() {
+    this.#buffer ??= await new Response(this.stream()).arrayBuffer();
+    return this.#buffer;
+  }
+  async bytes() {
+    return new Uint8Array(await this.arrayBuffer());
+  }
+  /**
+   * @param {number=} start
+   * @param {number=} end
+   * @param {string=} contentType
+   */
+  slice(start = 0, end = this.size, contentType = this.type) {
+    if (start < 0) {
+      start = Math.max(this.size + start, 0);
+    } else {
+      start = Math.min(start, this.size);
+    }
+    if (end < 0) {
+      end = Math.max(this.size + end, 0);
+    } else {
+      end = Math.min(end, this.size);
+    }
+    const size = Math.max(end - start, 0);
+    const file = new LazyFile(
+      this.name,
+      contentType,
+      size,
+      this.lastModified,
+      this.#get_chunk,
+      this.#offset + start
+    );
+    return file;
+  }
+  stream() {
+    let cursor = 0;
+    let chunk_index = 0;
+    return new ReadableStream({
+      start: async (controller) => {
+        let chunk_start = 0;
+        let start_chunk = null;
+        for (chunk_index = 0; ; chunk_index++) {
+          const chunk = await this.#get_chunk(chunk_index);
+          if (!chunk) return null;
+          const chunk_end = chunk_start + chunk.byteLength;
+          if (this.#offset >= chunk_start && this.#offset < chunk_end) {
+            start_chunk = chunk;
+            break;
+          }
+          chunk_start = chunk_end;
+        }
+        if (this.#offset + this.size <= chunk_start + start_chunk.byteLength) {
+          controller.enqueue(
+            start_chunk.subarray(this.#offset - chunk_start, this.#offset + this.size - chunk_start)
+          );
+          controller.close();
+        } else {
+          controller.enqueue(start_chunk.subarray(this.#offset - chunk_start));
+          cursor = start_chunk.byteLength - this.#offset + chunk_start;
+        }
+      },
+      pull: async (controller) => {
+        chunk_index++;
+        let chunk = await this.#get_chunk(chunk_index);
+        if (!chunk) {
+          controller.error("Could not deserialize binary form: incomplete file data");
+          controller.close();
+          return;
+        }
+        if (chunk.byteLength > this.size - cursor) {
+          chunk = chunk.subarray(0, this.size - cursor);
+        }
+        controller.enqueue(chunk);
+        cursor += chunk.byteLength;
+        if (cursor >= this.size) {
+          controller.close();
+        }
+      }
+    });
+  }
+  async text() {
+    return text_decoder.decode(await this.arrayBuffer());
+  }
+}
+const path_regex = /^[a-zA-Z_$]\w*(\.[a-zA-Z_$]\w*|\[\d+\])*$/;
+function split_path(path) {
+  if (!path_regex.test(path)) {
+    throw new Error(`Invalid path ${path}`);
+  }
+  return path.split(/\.|\[|\]/).filter(Boolean);
+}
+function check_prototype_pollution(key) {
+  if (key === "__proto__" || key === "constructor" || key === "prototype") {
+    throw new Error(
+      `Invalid key "${key}"`
+    );
+  }
+}
+function deep_set(object, keys, value) {
+  let current = object;
+  for (let i = 0; i < keys.length - 1; i += 1) {
+    const key = keys[i];
+    check_prototype_pollution(key);
+    const is_array = /^\d+$/.test(keys[i + 1]);
+    const exists = key in current;
+    const inner = current[key];
+    if (exists && is_array !== Array.isArray(inner)) {
+      throw new Error(`Invalid array key ${keys[i + 1]}`);
+    }
+    if (!exists) {
+      current[key] = is_array ? [] : {};
+    }
+    current = current[key];
+  }
+  const final_key = keys[keys.length - 1];
+  check_prototype_pollution(final_key);
+  current[final_key] = value;
+}
+function normalize_issue(issue, server = false) {
+  const normalized = { name: "", path: [], message: issue.message, server };
+  if (issue.path !== void 0) {
+    let name = "";
+    for (const segment of issue.path) {
+      const key = (
+        /** @type {string | number} */
+        typeof segment === "object" ? segment.key : segment
+      );
+      normalized.path.push(key);
+      if (typeof key === "number") {
+        name += `[${key}]`;
+      } else if (typeof key === "string") {
+        name += name === "" ? key : "." + key;
+      }
+    }
+    normalized.name = name;
+  }
+  return normalized;
+}
+function flatten_issues(issues) {
+  const result = {};
+  for (const issue of issues) {
+    (result.$ ??= []).push(issue);
+    let name = "";
+    if (issue.path !== void 0) {
+      for (const key of issue.path) {
+        if (typeof key === "number") {
+          name += `[${key}]`;
+        } else if (typeof key === "string") {
+          name += name === "" ? key : "." + key;
+        }
+        (result[name] ??= []).push(issue);
+      }
+    }
+  }
+  return result;
+}
+function deep_get(object, path) {
+  let current = object;
+  for (const key of path) {
+    if (current == null || typeof current !== "object") {
+      return current;
+    }
+    current = current[key];
+  }
+  return current;
+}
+function create_field_proxy(target, get_input, set_input, get_issues, path = []) {
+  const get_value = () => {
+    return deep_get(get_input(), path);
+  };
+  return new Proxy(target, {
+    get(target2, prop) {
+      if (typeof prop === "symbol") return target2[prop];
+      if (/^\d+$/.test(prop)) {
+        return create_field_proxy({}, get_input, set_input, get_issues, [
+          ...path,
+          parseInt(prop, 10)
+        ]);
+      }
+      const key = build_path_string(path);
+      if (prop === "set") {
+        const set_func = function(newValue) {
+          set_input(path, newValue);
+          return newValue;
+        };
+        return create_field_proxy(set_func, get_input, set_input, get_issues, [...path, prop]);
+      }
+      if (prop === "value") {
+        return create_field_proxy(get_value, get_input, set_input, get_issues, [...path, prop]);
+      }
+      if (prop === "issues" || prop === "allIssues") {
+        const issues_func = () => {
+          const all_issues = get_issues()[key === "" ? "$" : key];
+          if (prop === "allIssues") {
+            return all_issues?.map((issue) => ({
+              path: issue.path,
+              message: issue.message
+            }));
+          }
+          return all_issues?.filter((issue) => issue.name === key)?.map((issue) => ({
+            path: issue.path,
+            message: issue.message
+          }));
+        };
+        return create_field_proxy(issues_func, get_input, set_input, get_issues, [...path, prop]);
+      }
+      if (prop === "as") {
+        const as_func = (type, input_value) => {
+          const is_array = type === "file multiple" || type === "select multiple" || type === "checkbox" && typeof input_value === "string";
+          const prefix = type === "number" || type === "range" ? "n:" : type === "checkbox" && !is_array ? "b:" : "";
+          const base_props = {
+            name: prefix + key + (is_array ? "[]" : ""),
+            get "aria-invalid"() {
+              const issues = get_issues();
+              return key in issues ? "true" : void 0;
+            }
+          };
+          if (type !== "text" && type !== "select" && type !== "select multiple") {
+            base_props.type = type === "file multiple" ? "file" : type;
+          }
+          if (type === "submit" || type === "hidden") {
+            return Object.defineProperties(base_props, {
+              value: { value: input_value, enumerable: true }
+            });
+          }
+          if (type === "select" || type === "select multiple") {
+            return Object.defineProperties(base_props, {
+              multiple: { value: is_array, enumerable: true },
+              value: {
+                enumerable: true,
+                get() {
+                  return get_value();
+                }
+              }
+            });
+          }
+          if (type === "checkbox" || type === "radio") {
+            return Object.defineProperties(base_props, {
+              value: { value: input_value ?? "on", enumerable: true },
+              checked: {
+                enumerable: true,
+                get() {
+                  const value = get_value();
+                  if (type === "radio") {
+                    return value === input_value;
+                  }
+                  if (is_array) {
+                    return (value ?? []).includes(input_value);
+                  }
+                  return value;
+                }
+              }
+            });
+          }
+          if (type === "file" || type === "file multiple") {
+            return Object.defineProperties(base_props, {
+              multiple: { value: is_array, enumerable: true },
+              files: {
+                enumerable: true,
+                get() {
+                  const value = get_value();
+                  if (value instanceof File) {
+                    if (typeof DataTransfer !== "undefined") {
+                      const fileList = new DataTransfer();
+                      fileList.items.add(value);
+                      return fileList.files;
+                    }
+                    return { 0: value, length: 1 };
+                  }
+                  if (Array.isArray(value) && value.every((f) => f instanceof File)) {
+                    if (typeof DataTransfer !== "undefined") {
+                      const fileList = new DataTransfer();
+                      value.forEach((file) => fileList.items.add(file));
+                      return fileList.files;
+                    }
+                    const fileListLike = { length: value.length };
+                    value.forEach((file, index) => {
+                      fileListLike[index] = file;
+                    });
+                    return fileListLike;
+                  }
+                  return null;
+                }
+              }
+            });
+          }
+          return Object.defineProperties(base_props, {
+            value: {
+              enumerable: true,
+              get() {
+                const value = get_value();
+                return value != null ? String(value) : "";
+              }
+            }
+          });
+        };
+        return create_field_proxy(as_func, get_input, set_input, get_issues, [...path, "as"]);
+      }
+      return create_field_proxy({}, get_input, set_input, get_issues, [...path, prop]);
+    }
+  });
+}
+function build_path_string(path) {
+  let result = "";
+  for (const segment of path) {
+    if (typeof segment === "number") {
+      result += `[${segment}]`;
+    } else {
+      result += result === "" ? segment : "." + segment;
+    }
+  }
+  return result;
+}
+const INVALIDATED_PARAM = "x-sveltekit-invalidated";
+const TRAILING_SLASH_PARAM = "x-sveltekit-trailing-slash";
+function stringify(data, transport) {
+  const encoders = Object.fromEntries(Object.entries(transport).map(([k, v]) => [k, v.encode]));
+  return devalue.stringify(data, encoders);
+}
+function stringify_remote_arg(value, transport) {
+  if (value === void 0) return "";
+  const json_string = stringify(value, transport);
+  const bytes = new TextEncoder().encode(json_string);
+  return base64_encode(bytes).replaceAll("=", "").replaceAll("+", "-").replaceAll("/", "_");
+}
+function parse_remote_arg(string, transport) {
+  if (!string) return void 0;
+  const json_string = text_decoder.decode(
+    // no need to add back `=` characters, atob can handle it
+    base64_decode(string.replaceAll("-", "+").replaceAll("_", "/"))
+  );
+  const decoders = Object.fromEntries(Object.entries(transport).map(([k, v]) => [k, v.decode]));
+  return devalue.parse(json_string, decoders);
+}
+function create_remote_key(id, payload) {
+  return id + "/" + payload;
+}
+export {
+  BINARY_FORM_CONTENT_TYPE as B,
+  INVALIDATED_PARAM as I,
+  TRAILING_SLASH_PARAM as T,
+  stringify_remote_arg as a,
+  create_field_proxy as b,
+  create_remote_key as c,
+  deserialize_binary_form as d,
+  set_nested_value as e,
+  flatten_issues as f,
+  deep_set as g,
+  normalize_issue as n,
+  parse_remote_arg as p,
+  stringify as s
+};

frontend/.svelte-kit/output/server/chunks/stores.js

@@ -0,0 +1,44 @@
+import { a0 as getContext } from "./index2.js";
+import "clsx";
+import "@sveltejs/kit/internal";
+import "./exports.js";
+import "./utils.js";
+import "@sveltejs/kit/internal/server";
+import { n as noop } from "./equality.js";
+const is_legacy = noop.toString().includes("$$") || /function \w+\(\) \{\}/.test(noop.toString());
+if (is_legacy) {
+  ({
+    data: {},
+    form: null,
+    error: null,
+    params: {},
+    route: { id: null },
+    state: {},
+    status: -1,
+    url: new URL("https://example.com")
+  });
+}
+const getStores = () => {
+  const stores = getContext("__svelte__");
+  return {
+    /** @type {typeof page} */
+    page: {
+      subscribe: stores.page.subscribe
+    },
+    /** @type {typeof navigating} */
+    navigating: {
+      subscribe: stores.navigating.subscribe
+    },
+    /** @type {typeof updated} */
+    updated: stores.updated
+  };
+};
+const page = {
+  subscribe(fn) {
+    const store = getStores().page;
+    return store.subscribe(fn);
+  }
+};
+export {
+  page as p
+};

frontend/.svelte-kit/output/server/chunks/toasts.js

@@ -0,0 +1,16 @@
+import { w as writable } from "./index.js";
+const toasts = writable([]);
+function addToast(message, type = "info", duration = 3e3) {
+  const id = Math.random().toString(36).substr(2, 9);
+  console.log(`[toasts.addToast][Action] Adding toast context={{'id': '${id}', 'type': '${type}', 'message': '${message}'}}`);
+  toasts.update((all) => [...all, { id, message, type }]);
+  setTimeout(() => removeToast(id), duration);
+}
+function removeToast(id) {
+  console.log(`[toasts.removeToast][Action] Removing toast context={{'id': '${id}'}}`);
+  toasts.update((all) => all.filter((t) => t.id !== id));
+}
+export {
+  addToast as a,
+  toasts as t
+};

frontend/.svelte-kit/output/server/chunks/utils.js

@@ -0,0 +1,43 @@
+const text_encoder = new TextEncoder();
+const text_decoder = new TextDecoder();
+function get_relative_path(from, to) {
+  const from_parts = from.split(/[/\\]/);
+  const to_parts = to.split(/[/\\]/);
+  from_parts.pop();
+  while (from_parts[0] === to_parts[0]) {
+    from_parts.shift();
+    to_parts.shift();
+  }
+  let i = from_parts.length;
+  while (i--) from_parts[i] = "..";
+  return from_parts.concat(to_parts).join("/");
+}
+function base64_encode(bytes) {
+  if (globalThis.Buffer) {
+    return globalThis.Buffer.from(bytes).toString("base64");
+  }
+  let binary = "";
+  for (let i = 0; i < bytes.length; i++) {
+    binary += String.fromCharCode(bytes[i]);
+  }
+  return btoa(binary);
+}
+function base64_decode(encoded) {
+  if (globalThis.Buffer) {
+    const buffer = globalThis.Buffer.from(encoded, "base64");
+    return new Uint8Array(buffer);
+  }
+  const binary = atob(encoded);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes;
+}
+export {
+  text_encoder as a,
+  base64_encode as b,
+  base64_decode as c,
+  get_relative_path as g,
+  text_decoder as t
+};

frontend/.svelte-kit/output/server/entries/pages/_error.svelte.js

@@ -0,0 +1,12 @@
+import { _ as escape_html, X as store_get, Y as unsubscribe_stores } from "../../chunks/index2.js";
+import { p as page } from "../../chunks/stores.js";
+function _error($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    $$renderer2.push(`<div class="container mx-auto p-4 text-center mt-20"><h1 class="text-6xl font-bold text-gray-800 mb-4">${escape_html(store_get($$store_subs ??= {}, "$page", page).status)}</h1> <p class="text-2xl text-gray-600 mb-8">${escape_html(store_get($$store_subs ??= {}, "$page", page).error?.message || "Page not found")}</p> <a href="/" class="bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors">Back to Dashboard</a></div>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+  });
+}
+export {
+  _error as default
+};

frontend/.svelte-kit/output/server/entries/pages/_layout.svelte.js

@@ -0,0 +1,38 @@
+import { V as attr_class, W as stringify, X as store_get, Y as unsubscribe_stores, Z as ensure_array_like, _ as escape_html, $ as slot } from "../../chunks/index2.js";
+import { p as page } from "../../chunks/stores.js";
+import "clsx";
+import { t as toasts } from "../../chunks/toasts.js";
+function Navbar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    $$renderer2.push(`<header class="bg-white shadow-md p-4 flex justify-between items-center"><a href="/" class="text-3xl font-bold text-gray-800 focus:outline-none">Superset Tools</a> <nav class="space-x-4"><a href="/"${attr_class(`text-gray-600 hover:text-blue-600 font-medium ${stringify(store_get($$store_subs ??= {}, "$page", page).url.pathname === "/" ? "text-blue-600 border-b-2 border-blue-600" : "")}`)}>Dashboard</a> <a href="/settings"${attr_class(`text-gray-600 hover:text-blue-600 font-medium ${stringify(store_get($$store_subs ??= {}, "$page", page).url.pathname === "/settings" ? "text-blue-600 border-b-2 border-blue-600" : "")}`)}>Settings</a></nav></header>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+  });
+}
+function Footer($$renderer) {
+  $$renderer.push(`<footer class="bg-white border-t p-4 mt-8 text-center text-gray-500 text-sm">© 2025 Superset Tools. All rights reserved.</footer>`);
+}
+function Toast($$renderer) {
+  var $$store_subs;
+  $$renderer.push(`<div class="fixed bottom-0 right-0 p-4 space-y-2"><!--[-->`);
+  const each_array = ensure_array_like(store_get($$store_subs ??= {}, "$toasts", toasts));
+  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+    let toast = each_array[$$index];
+    $$renderer.push(`<div${attr_class(`p-4 rounded-md shadow-lg text-white ${stringify(toast.type === "info" && "bg-blue-500")} ${stringify(toast.type === "success" && "bg-green-500")} ${stringify(toast.type === "error" && "bg-red-500")} `)}>${escape_html(toast.message)}</div>`);
+  }
+  $$renderer.push(`<!--]--></div>`);
+  if ($$store_subs) unsubscribe_stores($$store_subs);
+}
+function _layout($$renderer, $$props) {
+  Toast($$renderer);
+  $$renderer.push(`<!----> <main class="bg-gray-50 min-h-screen flex flex-col">`);
+  Navbar($$renderer);
+  $$renderer.push(`<!----> <div class="p-4 flex-grow"><!--[-->`);
+  slot($$renderer, $$props, "default", {});
+  $$renderer.push(`<!--]--></div> `);
+  Footer($$renderer);
+  $$renderer.push(`<!----></main>`);
+}
+export {
+  _layout as default
+};

frontend/.svelte-kit/output/server/entries/pages/_layout.ts.js

@@ -0,0 +1,6 @@
+const ssr = false;
+const prerender = false;
+export {
+  prerender,
+  ssr
+};

frontend/.svelte-kit/output/server/entries/pages/_page.svelte.js

@@ -0,0 +1,132 @@
+import { a1 as ssr_context, X as store_get, _ as escape_html, Z as ensure_array_like, V as attr_class, Y as unsubscribe_stores, a2 as attr, a3 as bind_props } from "../../chunks/index2.js";
+import { w as writable } from "../../chunks/index.js";
+import "clsx";
+function onDestroy(fn) {
+  /** @type {SSRContext} */
+  ssr_context.r.on_destroy(fn);
+}
+const plugins = writable([]);
+const selectedPlugin = writable(null);
+const selectedTask = writable(null);
+const taskLogs = writable([]);
+function TaskRunner($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    onDestroy(() => {
+    });
+    $$renderer2.push(`<div class="p-4 border rounded-lg bg-white shadow-md">`);
+    if (store_get($$store_subs ??= {}, "$selectedTask", selectedTask)) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<h2 class="text-xl font-semibold mb-2">Task: ${escape_html(store_get($$store_subs ??= {}, "$selectedTask", selectedTask).plugin_id)}</h2> <div class="bg-gray-900 text-white font-mono text-sm p-4 rounded-md h-96 overflow-y-auto"><!--[-->`);
+      const each_array = ensure_array_like(store_get($$store_subs ??= {}, "$taskLogs", taskLogs));
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let log = each_array[$$index];
+        $$renderer2.push(`<div><span class="text-gray-400">${escape_html(new Date(log.timestamp).toLocaleTimeString())}</span> <span${attr_class(log.level === "ERROR" ? "text-red-500" : "text-green-400")}>[${escape_html(log.level)}]</span> <span>${escape_html(log.message)}</span></div>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push(`<p>No task selected.</p>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+  });
+}
+function DynamicForm($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let schema = $$props["schema"];
+    let formData = {};
+    function initializeForm() {
+      if (schema && schema.properties) {
+        for (const key in schema.properties) {
+          formData[key] = schema.properties[key].default || "";
+        }
+      }
+    }
+    initializeForm();
+    $$renderer2.push(`<form class="space-y-4">`);
+    if (schema && schema.properties) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<!--[-->`);
+      const each_array = ensure_array_like(Object.entries(schema.properties));
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let [key, prop] = each_array[$$index];
+        $$renderer2.push(`<div class="flex flex-col"><label${attr("for", key)} class="mb-1 font-semibold text-gray-700">${escape_html(prop.title || key)}</label> `);
+        if (prop.type === "string") {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<input type="text"${attr("id", key)}${attr("value", formData[key])}${attr("placeholder", prop.description || "")} class="p-2 border rounded-md"/>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          if (prop.type === "number" || prop.type === "integer") {
+            $$renderer2.push("<!--[-->");
+            $$renderer2.push(`<input type="number"${attr("id", key)}${attr("value", formData[key])}${attr("placeholder", prop.description || "")} class="p-2 border rounded-md"/>`);
+          } else {
+            $$renderer2.push("<!--[!-->");
+            if (prop.type === "boolean") {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<input type="checkbox"${attr("id", key)}${attr("checked", formData[key], true)} class="h-5 w-5"/>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]-->`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]--> <button type="submit" class="w-full bg-green-500 text-white p-2 rounded-md hover:bg-green-600">Run Task</button>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--></form>`);
+    bind_props($$props, { schema });
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    let data = $$props["data"];
+    if (data.plugins) {
+      plugins.set(data.plugins);
+    }
+    $$renderer2.push(`<div class="container mx-auto p-4">`);
+    if (store_get($$store_subs ??= {}, "$selectedTask", selectedTask)) {
+      $$renderer2.push("<!--[-->");
+      TaskRunner($$renderer2);
+      $$renderer2.push(`<!----> <button class="mt-4 bg-blue-500 text-white p-2 rounded">Back to Task List</button>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      if (store_get($$store_subs ??= {}, "$selectedPlugin", selectedPlugin)) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<h2 class="text-2xl font-bold mb-4">${escape_html(store_get($$store_subs ??= {}, "$selectedPlugin", selectedPlugin).name)}</h2> `);
+        DynamicForm($$renderer2, {
+          schema: store_get($$store_subs ??= {}, "$selectedPlugin", selectedPlugin).schema
+        });
+        $$renderer2.push(`<!----> <button class="mt-4 bg-gray-500 text-white p-2 rounded">Back to Dashboard</button>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<h1 class="text-2xl font-bold mb-4">Available Tools</h1> `);
+        if (data.error) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">${escape_html(data.error)}</div>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+        }
+        $$renderer2.push(`<!--]--> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"><!--[-->`);
+        const each_array = ensure_array_like(data.plugins);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let plugin = each_array[$$index];
+          $$renderer2.push(`<div class="border rounded-lg p-4 cursor-pointer hover:bg-gray-100" role="button" tabindex="0"><h2 class="text-xl font-semibold">${escape_html(plugin.name)}</h2> <p class="text-gray-600">${escape_html(plugin.description)}</p> <span class="text-sm text-gray-400">v${escape_html(plugin.version)}</span></div>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+    bind_props($$props, { data });
+  });
+}
+export {
+  _page as default
+};

frontend/.svelte-kit/output/server/entries/pages/_page.ts.js

@@ -0,0 +1,18 @@
+import { a as api } from "../../chunks/api.js";
+async function load() {
+  try {
+    const plugins = await api.getPlugins();
+    return {
+      plugins
+    };
+  } catch (error) {
+    console.error("Failed to load plugins:", error);
+    return {
+      plugins: [],
+      error: "Failed to load plugins"
+    };
+  }
+}
+export {
+  load
+};

frontend/.svelte-kit/output/server/entries/pages/settings/_page.svelte.js

@@ -0,0 +1,45 @@
+import { _ as escape_html, a2 as attr, Z as ensure_array_like, a3 as bind_props } from "../../../chunks/index2.js";
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let data = $$props["data"];
+    let settings = data.settings;
+    let newEnv = {
+      id: "",
+      name: "",
+      url: "",
+      username: "",
+      password: "",
+      is_default: false
+    };
+    settings = data.settings;
+    $$renderer2.push(`<div class="container mx-auto p-4"><h1 class="text-2xl font-bold mb-6">Settings</h1> `);
+    if (data.error) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">${escape_html(data.error)}</div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--> <section class="mb-8 bg-white p-6 rounded shadow"><h2 class="text-xl font-semibold mb-4">Global Settings</h2> <div class="grid grid-cols-1 gap-4"><div><label for="backup_path" class="block text-sm font-medium text-gray-700">Backup Storage Path</label> <input type="text" id="backup_path"${attr("value", settings.settings.backup_path)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 w-max">Save Global Settings</button></div></section> <section class="mb-8 bg-white p-6 rounded shadow"><h2 class="text-xl font-semibold mb-4">Superset Environments</h2> `);
+    if (settings.environments.length === 0) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="mb-4 p-4 bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700"><p class="font-bold">Warning</p> <p>No Superset environments configured. You must add at least one environment to perform backups or migrations.</p></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="mb-6 overflow-x-auto"><table class="min-w-full divide-y divide-gray-200"><thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">URL</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Username</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Default</th><th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th></tr></thead><tbody class="bg-white divide-y divide-gray-200"><!--[-->`);
+    const each_array = ensure_array_like(settings.environments);
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let env = each_array[$$index];
+      $$renderer2.push(`<tr><td class="px-6 py-4 whitespace-nowrap">${escape_html(env.name)}</td><td class="px-6 py-4 whitespace-nowrap">${escape_html(env.url)}</td><td class="px-6 py-4 whitespace-nowrap">${escape_html(env.username)}</td><td class="px-6 py-4 whitespace-nowrap">${escape_html(env.is_default ? "Yes" : "No")}</td><td class="px-6 py-4 whitespace-nowrap"><button class="text-green-600 hover:text-green-900 mr-4">Test</button> <button class="text-indigo-600 hover:text-indigo-900 mr-4">Edit</button> <button class="text-red-600 hover:text-red-900">Delete</button></td></tr>`);
+    }
+    $$renderer2.push(`<!--]--></tbody></table></div> <div class="bg-gray-50 p-4 rounded"><h3 class="text-lg font-medium mb-4">${escape_html("Add")} Environment</h3> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"><div><label for="env_id" class="block text-sm font-medium text-gray-700">ID</label> <input type="text" id="env_id"${attr("value", newEnv.id)}${attr("disabled", false, true)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <div><label for="env_name" class="block text-sm font-medium text-gray-700">Name</label> <input type="text" id="env_name"${attr("value", newEnv.name)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <div><label for="env_url" class="block text-sm font-medium text-gray-700">URL</label> <input type="text" id="env_url"${attr("value", newEnv.url)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <div><label for="env_user" class="block text-sm font-medium text-gray-700">Username</label> <input type="text" id="env_user"${attr("value", newEnv.username)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <div><label for="env_pass" class="block text-sm font-medium text-gray-700">Password</label> <input type="password" id="env_pass"${attr("value", newEnv.password)} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2"/></div> <div class="flex items-center"><input type="checkbox" id="env_default"${attr("checked", newEnv.is_default, true)} class="h-4 w-4 text-blue-600 border-gray-300 rounded"/> <label for="env_default" class="ml-2 block text-sm text-gray-900">Default Environment</label></div></div> <div class="mt-4 flex gap-2"><button class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">${escape_html("Add")} Environment</button> `);
+    {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--></div></div></section></div>`);
+    bind_props($$props, { data });
+  });
+}
+export {
+  _page as default
+};

frontend/.svelte-kit/output/server/entries/pages/settings/_page.ts.js

@@ -0,0 +1,24 @@
+import { a as api } from "../../../chunks/api.js";
+async function load() {
+  try {
+    const settings = await api.getSettings();
+    return {
+      settings
+    };
+  } catch (error) {
+    console.error("Failed to load settings:", error);
+    return {
+      settings: {
+        environments: [],
+        settings: {
+          backup_path: "",
+          default_environment_id: null
+        }
+      },
+      error: "Failed to load settings"
+    };
+  }
+}
+export {
+  load
+};

frontend/.svelte-kit/output/server/internal.js

@@ -0,0 +1,13 @@
+import { g, o, c, s, a, b } from "./chunks/internal.js";
+import { s as s2, e, f } from "./chunks/environment.js";
+export {
+  g as get_hooks,
+  o as options,
+  s2 as set_assets,
+  e as set_building,
+  c as set_manifest,
+  f as set_prerendering,
+  s as set_private_env,
+  a as set_public_env,
+  b as set_read_implementation
+};

frontend/.svelte-kit/output/server/manifest-full.js

@@ -0,0 +1,47 @@
+export const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set([]),
+	mimeTypes: {},
+	_: {
+		client: {start:"_app/immutable/entry/start.CiUb2lZD.js",app:"_app/immutable/entry/app.B-xBk5-0.js",imports:["_app/immutable/entry/start.CiUb2lZD.js","_app/immutable/chunks/CHnJS4Dz.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/entry/app.B-xBk5-0.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/chunks/C98uKxzC.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
+		nodes: [
+			__memo(() => import('./nodes/0.js')),
+			__memo(() => import('./nodes/1.js')),
+			__memo(() => import('./nodes/2.js')),
+			__memo(() => import('./nodes/3.js'))
+		],
+		remotes: {
+			
+		},
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			},
+			{
+				id: "/settings",
+				pattern: /^\/settings\/?$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 3 },
+				endpoint: null
+			}
+		],
+		prerendered_routes: new Set([]),
+		matchers: async () => {
+			
+			return {  };
+		},
+		server_assets: {}
+	}
+}
+})();

frontend/.svelte-kit/output/server/manifest.js

@@ -0,0 +1,47 @@
+export const manifest = (() => {
+function __memo(fn) {
+	let value;
+	return () => value ??= (value = fn());
+}
+
+return {
+	appDir: "_app",
+	appPath: "_app",
+	assets: new Set([]),
+	mimeTypes: {},
+	_: {
+		client: {start:"_app/immutable/entry/start.CiUb2lZD.js",app:"_app/immutable/entry/app.B-xBk5-0.js",imports:["_app/immutable/entry/start.CiUb2lZD.js","_app/immutable/chunks/CHnJS4Dz.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/entry/app.B-xBk5-0.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/chunks/C98uKxzC.js"],stylesheets:[],fonts:[],uses_env_dynamic_public:false},
+		nodes: [
+			__memo(() => import('./nodes/0.js')),
+			__memo(() => import('./nodes/1.js')),
+			__memo(() => import('./nodes/2.js')),
+			__memo(() => import('./nodes/3.js'))
+		],
+		remotes: {
+			
+		},
+		routes: [
+			{
+				id: "/",
+				pattern: /^\/$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 2 },
+				endpoint: null
+			},
+			{
+				id: "/settings",
+				pattern: /^\/settings\/?$/,
+				params: [],
+				page: { layouts: [0,], errors: [1,], leaf: 3 },
+				endpoint: null
+			}
+		],
+		prerendered_routes: new Set([]),
+		matchers: async () => {
+			
+			return {  };
+		},
+		server_assets: {}
+	}
+}
+})();

frontend/.svelte-kit/output/server/nodes/0.js

@@ -0,0 +1,13 @@
+
+
+export const index = 0;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/pages/_layout.svelte.js')).default;
+export const universal = {
+  "ssr": false,
+  "prerender": false
+};
+export const universal_id = "src/routes/+layout.ts";
+export const imports = ["_app/immutable/nodes/0.Cd4CVt-Z.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CCsGeFPC.js","_app/immutable/chunks/DKg_yD9X.js","_app/immutable/chunks/BEiADdeo.js","_app/immutable/chunks/CHnJS4Dz.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/chunks/CsANhQOh.js"];
+export const stylesheets = [];
+export const fonts = [];

frontend/.svelte-kit/output/server/nodes/1.js

@@ -0,0 +1,8 @@
+
+
+export const index = 1;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/pages/_error.svelte.js')).default;
+export const imports = ["_app/immutable/nodes/1.CppBCq8O.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CCsGeFPC.js","_app/immutable/chunks/BEiADdeo.js","_app/immutable/chunks/CHnJS4Dz.js","_app/immutable/chunks/CqZim_6h.js"];
+export const stylesheets = [];
+export const fonts = [];

frontend/.svelte-kit/output/server/nodes/2.js

@@ -0,0 +1,14 @@
+
+
+export const index = 2;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/pages/_page.svelte.js')).default;
+export const universal = {
+  "ssr": false,
+  "prerender": false,
+  "load": null
+};
+export const universal_id = "src/routes/+page.ts";
+export const imports = ["_app/immutable/nodes/2.DbjHrap6.js","_app/immutable/chunks/BGnnHgKo.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CsANhQOh.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CCsGeFPC.js","_app/immutable/chunks/C98uKxzC.js","_app/immutable/chunks/CqZim_6h.js","_app/immutable/chunks/DKg_yD9X.js"];
+export const stylesheets = [];
+export const fonts = [];

frontend/.svelte-kit/output/server/nodes/3.js

@@ -0,0 +1,14 @@
+
+
+export const index = 3;
+let component_cache;
+export const component = async () => component_cache ??= (await import('../entries/pages/settings/_page.svelte.js')).default;
+export const universal = {
+  "ssr": false,
+  "prerender": false,
+  "load": null
+};
+export const universal_id = "src/routes/settings/+page.ts";
+export const imports = ["_app/immutable/nodes/3.BgpIj6zk.js","_app/immutable/chunks/BGnnHgKo.js","_app/immutable/chunks/CQO205-B.js","_app/immutable/chunks/CsANhQOh.js","_app/immutable/chunks/CWb4Vnhz.js","_app/immutable/chunks/CCsGeFPC.js","_app/immutable/chunks/C98uKxzC.js"];
+export const stylesheets = [];
+export const fonts = [];

frontend/.svelte-kit/output/server/remote-entry.js

@@ -0,0 +1,562 @@
+import { get_request_store, with_request_store } from "@sveltejs/kit/internal/server";
+import { parse } from "devalue";
+import { error, json } from "@sveltejs/kit";
+import { a as stringify_remote_arg, f as flatten_issues, b as create_field_proxy, n as normalize_issue, e as set_nested_value, g as deep_set, s as stringify, c as create_remote_key } from "./chunks/shared.js";
+import { ValidationError } from "@sveltejs/kit/internal";
+import { B as BROWSER } from "./chunks/false.js";
+import { b as base, c as app_dir, p as prerendering } from "./chunks/environment.js";
+function create_validator(validate_or_fn, maybe_fn) {
+  if (!maybe_fn) {
+    return (arg) => {
+      if (arg !== void 0) {
+        error(400, "Bad Request");
+      }
+    };
+  }
+  if (validate_or_fn === "unchecked") {
+    return (arg) => arg;
+  }
+  if ("~standard" in validate_or_fn) {
+    return async (arg) => {
+      const { event, state } = get_request_store();
+      const result = await validate_or_fn["~standard"].validate(arg);
+      if (result.issues) {
+        error(
+          400,
+          await state.handleValidationError({
+            issues: result.issues,
+            event
+          })
+        );
+      }
+      return result.value;
+    };
+  }
+  throw new Error(
+    'Invalid validator passed to remote function. Expected "unchecked" or a Standard Schema (https://standardschema.dev)'
+  );
+}
+async function get_response(info, arg, state, get_result) {
+  await 0;
+  const cache = get_cache(info, state);
+  return cache[stringify_remote_arg(arg, state.transport)] ??= get_result();
+}
+function parse_remote_response(data, transport) {
+  const revivers = {};
+  for (const key in transport) {
+    revivers[key] = transport[key].decode;
+  }
+  return parse(data, revivers);
+}
+async function run_remote_function(event, state, allow_cookies, arg, validate, fn) {
+  const store = {
+    event: {
+      ...event,
+      setHeaders: () => {
+        throw new Error("setHeaders is not allowed in remote functions");
+      },
+      cookies: {
+        ...event.cookies,
+        set: (name, value, opts) => {
+          if (!allow_cookies) {
+            throw new Error("Cannot set cookies in `query` or `prerender` functions");
+          }
+          if (opts.path && !opts.path.startsWith("/")) {
+            throw new Error("Cookies set in remote functions must have an absolute path");
+          }
+          return event.cookies.set(name, value, opts);
+        },
+        delete: (name, opts) => {
+          if (!allow_cookies) {
+            throw new Error("Cannot delete cookies in `query` or `prerender` functions");
+          }
+          if (opts.path && !opts.path.startsWith("/")) {
+            throw new Error("Cookies deleted in remote functions must have an absolute path");
+          }
+          return event.cookies.delete(name, opts);
+        }
+      }
+    },
+    state: {
+      ...state,
+      is_in_remote_function: true
+    }
+  };
+  const validated = await with_request_store(store, () => validate(arg));
+  return with_request_store(store, () => fn(validated));
+}
+function get_cache(info, state = get_request_store().state) {
+  let cache = state.remote_data?.get(info);
+  if (cache === void 0) {
+    cache = {};
+    (state.remote_data ??= /* @__PURE__ */ new Map()).set(info, cache);
+  }
+  return cache;
+}
+// @__NO_SIDE_EFFECTS__
+function command(validate_or_fn, maybe_fn) {
+  const fn = maybe_fn ?? validate_or_fn;
+  const validate = create_validator(validate_or_fn, maybe_fn);
+  const __ = { type: "command", id: "", name: "" };
+  const wrapper = (arg) => {
+    const { event, state } = get_request_store();
+    if (state.is_endpoint_request) {
+      if (!["POST", "PUT", "PATCH", "DELETE"].includes(event.request.method)) {
+        throw new Error(
+          `Cannot call a command (\`${__.name}(${maybe_fn ? "..." : ""})\`) from a ${event.request.method} handler`
+        );
+      }
+    } else if (!event.isRemoteRequest) {
+      throw new Error(
+        `Cannot call a command (\`${__.name}(${maybe_fn ? "..." : ""})\`) during server-side rendering`
+      );
+    }
+    state.refreshes ??= {};
+    const promise = Promise.resolve(run_remote_function(event, state, true, arg, validate, fn));
+    promise.updates = () => {
+      throw new Error(`Cannot call '${__.name}(...).updates(...)' on the server`);
+    };
+    return (
+      /** @type {ReturnType<RemoteCommand<Input, Output>>} */
+      promise
+    );
+  };
+  Object.defineProperty(wrapper, "__", { value: __ });
+  Object.defineProperty(wrapper, "pending", {
+    get: () => 0
+  });
+  return wrapper;
+}
+// @__NO_SIDE_EFFECTS__
+function form(validate_or_fn, maybe_fn) {
+  const fn = maybe_fn ?? validate_or_fn;
+  const schema = !maybe_fn || validate_or_fn === "unchecked" ? null : (
+    /** @type {any} */
+    validate_or_fn
+  );
+  function create_instance(key) {
+    const instance = {};
+    instance.method = "POST";
+    Object.defineProperty(instance, "enhance", {
+      value: () => {
+        return { action: instance.action, method: instance.method };
+      }
+    });
+    const button_props = {
+      type: "submit",
+      onclick: () => {
+      }
+    };
+    Object.defineProperty(button_props, "enhance", {
+      value: () => {
+        return { type: "submit", formaction: instance.buttonProps.formaction, onclick: () => {
+        } };
+      }
+    });
+    Object.defineProperty(instance, "buttonProps", {
+      value: button_props
+    });
+    const __ = {
+      type: "form",
+      name: "",
+      id: "",
+      fn: async (data, meta, form_data) => {
+        const output = {};
+        output.submission = true;
+        const { event, state } = get_request_store();
+        const validated = await schema?.["~standard"].validate(data);
+        if (meta.validate_only) {
+          return validated?.issues?.map((issue) => normalize_issue(issue, true)) ?? [];
+        }
+        if (validated?.issues !== void 0) {
+          handle_issues(output, validated.issues, form_data);
+        } else {
+          if (validated !== void 0) {
+            data = validated.value;
+          }
+          state.refreshes ??= {};
+          const issue = create_issues();
+          try {
+            output.result = await run_remote_function(
+              event,
+              state,
+              true,
+              data,
+              (d) => d,
+              (data2) => !maybe_fn ? fn() : fn(data2, issue)
+            );
+          } catch (e) {
+            if (e instanceof ValidationError) {
+              handle_issues(output, e.issues, form_data);
+            } else {
+              throw e;
+            }
+          }
+        }
+        if (!event.isRemoteRequest) {
+          get_cache(__, state)[""] ??= output;
+        }
+        return output;
+      }
+    };
+    Object.defineProperty(instance, "__", { value: __ });
+    Object.defineProperty(instance, "action", {
+      get: () => `?/remote=${__.id}`,
+      enumerable: true
+    });
+    Object.defineProperty(button_props, "formaction", {
+      get: () => `?/remote=${__.id}`,
+      enumerable: true
+    });
+    Object.defineProperty(instance, "fields", {
+      get() {
+        const data = get_cache(__)?.[""];
+        const issues = flatten_issues(data?.issues ?? []);
+        return create_field_proxy(
+          {},
+          () => data?.input ?? {},
+          (path, value) => {
+            if (data?.submission) {
+              return;
+            }
+            const input = path.length === 0 ? value : deep_set(data?.input ?? {}, path.map(String), value);
+            (get_cache(__)[""] ??= {}).input = input;
+          },
+          () => issues
+        );
+      }
+    });
+    Object.defineProperty(instance, "result", {
+      get() {
+        try {
+          return get_cache(__)?.[""]?.result;
+        } catch {
+          return void 0;
+        }
+      }
+    });
+    Object.defineProperty(instance, "pending", {
+      get: () => 0
+    });
+    Object.defineProperty(button_props, "pending", {
+      get: () => 0
+    });
+    Object.defineProperty(instance, "preflight", {
+      // preflight is a noop on the server
+      value: () => instance
+    });
+    Object.defineProperty(instance, "validate", {
+      value: () => {
+        throw new Error("Cannot call validate() on the server");
+      }
+    });
+    if (key == void 0) {
+      Object.defineProperty(instance, "for", {
+        /** @type {RemoteForm<any, any>['for']} */
+        value: (key2) => {
+          const { state } = get_request_store();
+          const cache_key = __.id + "|" + JSON.stringify(key2);
+          let instance2 = (state.form_instances ??= /* @__PURE__ */ new Map()).get(cache_key);
+          if (!instance2) {
+            instance2 = create_instance(key2);
+            instance2.__.id = `${__.id}/${encodeURIComponent(JSON.stringify(key2))}`;
+            instance2.__.name = __.name;
+            state.form_instances.set(cache_key, instance2);
+          }
+          return instance2;
+        }
+      });
+    }
+    return instance;
+  }
+  return create_instance();
+}
+function handle_issues(output, issues, form_data) {
+  output.issues = issues.map((issue) => normalize_issue(issue, true));
+  if (form_data) {
+    output.input = {};
+    for (let key of form_data.keys()) {
+      if (/^[.\]]?_/.test(key)) continue;
+      const is_array = key.endsWith("[]");
+      const values = form_data.getAll(key).filter((value) => typeof value === "string");
+      if (is_array) key = key.slice(0, -2);
+      set_nested_value(
+        /** @type {Record<string, any>} */
+        output.input,
+        key,
+        is_array ? values : values[0]
+      );
+    }
+  }
+}
+function create_issues() {
+  return (
+    /** @type {InvalidField<any>} */
+    new Proxy(
+      /** @param {string} message */
+      (message) => {
+        if (typeof message !== "string") {
+          throw new Error(
+            "`invalid` should now be imported from `@sveltejs/kit` to throw validation issues. The second parameter provided to the form function (renamed to `issue`) is still used to construct issues, e.g. `invalid(issue.field('message'))`. For more info see https://github.com/sveltejs/kit/pulls/14768"
+          );
+        }
+        return create_issue(message);
+      },
+      {
+        get(target, prop) {
+          if (typeof prop === "symbol") return (
+            /** @type {any} */
+            target[prop]
+          );
+          return create_issue_proxy(prop, []);
+        }
+      }
+    )
+  );
+  function create_issue(message, path = []) {
+    return {
+      message,
+      path
+    };
+  }
+  function create_issue_proxy(key, path) {
+    const new_path = [...path, key];
+    const issue_func = (message) => create_issue(message, new_path);
+    return new Proxy(issue_func, {
+      get(target, prop) {
+        if (typeof prop === "symbol") return (
+          /** @type {any} */
+          target[prop]
+        );
+        if (/^\d+$/.test(prop)) {
+          return create_issue_proxy(parseInt(prop, 10), new_path);
+        }
+        return create_issue_proxy(prop, new_path);
+      }
+    });
+  }
+}
+// @__NO_SIDE_EFFECTS__
+function prerender(validate_or_fn, fn_or_options, maybe_options) {
+  const maybe_fn = typeof fn_or_options === "function" ? fn_or_options : void 0;
+  const options = maybe_options ?? (maybe_fn ? void 0 : fn_or_options);
+  const fn = maybe_fn ?? validate_or_fn;
+  const validate = create_validator(validate_or_fn, maybe_fn);
+  const __ = {
+    type: "prerender",
+    id: "",
+    name: "",
+    has_arg: !!maybe_fn,
+    inputs: options?.inputs,
+    dynamic: options?.dynamic
+  };
+  const wrapper = (arg) => {
+    const promise = (async () => {
+      const { event, state } = get_request_store();
+      const payload = stringify_remote_arg(arg, state.transport);
+      const id = __.id;
+      const url = `${base}/${app_dir}/remote/${id}${payload ? `/${payload}` : ""}`;
+      if (!state.prerendering && !BROWSER && !event.isRemoteRequest) {
+        try {
+          return await get_response(__, arg, state, async () => {
+            const key = stringify_remote_arg(arg, state.transport);
+            const cache = get_cache(__, state);
+            const promise3 = cache[key] ??= fetch(new URL(url, event.url.origin).href).then(
+              async (response) => {
+                if (!response.ok) {
+                  throw new Error("Prerendered response not found");
+                }
+                const prerendered = await response.json();
+                if (prerendered.type === "error") {
+                  error(prerendered.status, prerendered.error);
+                }
+                return prerendered.result;
+              }
+            );
+            return parse_remote_response(await promise3, state.transport);
+          });
+        } catch {
+        }
+      }
+      if (state.prerendering?.remote_responses.has(url)) {
+        return (
+          /** @type {Promise<any>} */
+          state.prerendering.remote_responses.get(url)
+        );
+      }
+      const promise2 = get_response(
+        __,
+        arg,
+        state,
+        () => run_remote_function(event, state, false, arg, validate, fn)
+      );
+      if (state.prerendering) {
+        state.prerendering.remote_responses.set(url, promise2);
+      }
+      const result = await promise2;
+      if (state.prerendering) {
+        const body = { type: "result", result: stringify(result, state.transport) };
+        state.prerendering.dependencies.set(url, {
+          body: JSON.stringify(body),
+          response: json(body)
+        });
+      }
+      return result;
+    })();
+    promise.catch(() => {
+    });
+    return (
+      /** @type {RemoteResource<Output>} */
+      promise
+    );
+  };
+  Object.defineProperty(wrapper, "__", { value: __ });
+  return wrapper;
+}
+// @__NO_SIDE_EFFECTS__
+function query(validate_or_fn, maybe_fn) {
+  const fn = maybe_fn ?? validate_or_fn;
+  const validate = create_validator(validate_or_fn, maybe_fn);
+  const __ = { type: "query", id: "", name: "" };
+  const wrapper = (arg) => {
+    if (prerendering) {
+      throw new Error(
+        `Cannot call query '${__.name}' while prerendering, as prerendered pages need static data. Use 'prerender' from $app/server instead`
+      );
+    }
+    const { event, state } = get_request_store();
+    const get_remote_function_result = () => run_remote_function(event, state, false, arg, validate, fn);
+    const promise = get_response(__, arg, state, get_remote_function_result);
+    promise.catch(() => {
+    });
+    promise.set = (value) => update_refresh_value(get_refresh_context(__, "set", arg), value);
+    promise.refresh = () => {
+      const refresh_context = get_refresh_context(__, "refresh", arg);
+      const is_immediate_refresh = !refresh_context.cache[refresh_context.cache_key];
+      const value = is_immediate_refresh ? promise : get_remote_function_result();
+      return update_refresh_value(refresh_context, value, is_immediate_refresh);
+    };
+    promise.withOverride = () => {
+      throw new Error(`Cannot call '${__.name}.withOverride()' on the server`);
+    };
+    return (
+      /** @type {RemoteQuery<Output>} */
+      promise
+    );
+  };
+  Object.defineProperty(wrapper, "__", { value: __ });
+  return wrapper;
+}
+// @__NO_SIDE_EFFECTS__
+function batch(validate_or_fn, maybe_fn) {
+  const fn = maybe_fn ?? validate_or_fn;
+  const validate = create_validator(validate_or_fn, maybe_fn);
+  const __ = {
+    type: "query_batch",
+    id: "",
+    name: "",
+    run: (args) => {
+      const { event, state } = get_request_store();
+      return run_remote_function(
+        event,
+        state,
+        false,
+        args,
+        (array) => Promise.all(array.map(validate)),
+        fn
+      );
+    }
+  };
+  let batching = { args: [], resolvers: [] };
+  const wrapper = (arg) => {
+    if (prerendering) {
+      throw new Error(
+        `Cannot call query.batch '${__.name}' while prerendering, as prerendered pages need static data. Use 'prerender' from $app/server instead`
+      );
+    }
+    const { event, state } = get_request_store();
+    const get_remote_function_result = () => {
+      return new Promise((resolve, reject) => {
+        batching.args.push(arg);
+        batching.resolvers.push({ resolve, reject });
+        if (batching.args.length > 1) return;
+        setTimeout(async () => {
+          const batched = batching;
+          batching = { args: [], resolvers: [] };
+          try {
+            const get_result = await run_remote_function(
+              event,
+              state,
+              false,
+              batched.args,
+              (array) => Promise.all(array.map(validate)),
+              fn
+            );
+            for (let i = 0; i < batched.resolvers.length; i++) {
+              try {
+                batched.resolvers[i].resolve(get_result(batched.args[i], i));
+              } catch (error2) {
+                batched.resolvers[i].reject(error2);
+              }
+            }
+          } catch (error2) {
+            for (const resolver of batched.resolvers) {
+              resolver.reject(error2);
+            }
+          }
+        }, 0);
+      });
+    };
+    const promise = get_response(__, arg, state, get_remote_function_result);
+    promise.catch(() => {
+    });
+    promise.set = (value) => update_refresh_value(get_refresh_context(__, "set", arg), value);
+    promise.refresh = () => {
+      const refresh_context = get_refresh_context(__, "refresh", arg);
+      const is_immediate_refresh = !refresh_context.cache[refresh_context.cache_key];
+      const value = is_immediate_refresh ? promise : get_remote_function_result();
+      return update_refresh_value(refresh_context, value, is_immediate_refresh);
+    };
+    promise.withOverride = () => {
+      throw new Error(`Cannot call '${__.name}.withOverride()' on the server`);
+    };
+    return (
+      /** @type {RemoteQuery<Output>} */
+      promise
+    );
+  };
+  Object.defineProperty(wrapper, "__", { value: __ });
+  return wrapper;
+}
+Object.defineProperty(query, "batch", { value: batch, enumerable: true });
+function get_refresh_context(__, action, arg) {
+  const { state } = get_request_store();
+  const { refreshes } = state;
+  if (!refreshes) {
+    const name = __.type === "query_batch" ? `query.batch '${__.name}'` : `query '${__.name}'`;
+    throw new Error(
+      `Cannot call ${action} on ${name} because it is not executed in the context of a command/form remote function`
+    );
+  }
+  const cache = get_cache(__, state);
+  const cache_key = stringify_remote_arg(arg, state.transport);
+  const refreshes_key = create_remote_key(__.id, cache_key);
+  return { __, state, refreshes, refreshes_key, cache, cache_key };
+}
+function update_refresh_value({ __, refreshes, refreshes_key, cache, cache_key }, value, is_immediate_refresh = false) {
+  const promise = Promise.resolve(value);
+  if (!is_immediate_refresh) {
+    cache[cache_key] = promise;
+  }
+  if (__.id) {
+    refreshes[refreshes_key] = promise;
+  }
+  return promise.then(() => {
+  });
+}
+export {
+  command,
+  form,
+  prerender,
+  query
+};

frontend/.svelte-kit/tsconfig.json

@@ -0,0 +1,52 @@
+{
+	"compilerOptions": {
+		"paths": {
+			"$lib": [
+				"../src/lib"
+			],
+			"$lib/*": [
+				"../src/lib/*"
+			],
+			"$app/types": [
+				"./types/index.d.ts"
+			]
+		},
+		"rootDirs": [
+			"..",
+			"./types"
+		],
+		"verbatimModuleSyntax": true,
+		"isolatedModules": true,
+		"lib": [
+			"esnext",
+			"DOM",
+			"DOM.Iterable"
+		],
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"noEmit": true,
+		"target": "esnext"
+	},
+	"include": [
+		"ambient.d.ts",
+		"non-ambient.d.ts",
+		"./types/**/$types.d.ts",
+		"../vite.config.js",
+		"../vite.config.ts",
+		"../src/**/*.js",
+		"../src/**/*.ts",
+		"../src/**/*.svelte",
+		"../tests/**/*.js",
+		"../tests/**/*.ts",
+		"../tests/**/*.svelte"
+	],
+	"exclude": [
+		"../node_modules/**",
+		"../src/service-worker.js",
+		"../src/service-worker/**/*.js",
+		"../src/service-worker.ts",
+		"../src/service-worker/**/*.ts",
+		"../src/service-worker.d.ts",
+		"../src/service-worker/**/*.d.ts"
+	]
+}

frontend/.vite/deps/_metadata.json

@@ -0,0 +1,25 @@
+{
+  "hash": "a8d52b4a",
+  "configHash": "7bf228bb",
+  "lockfileHash": "57452527",
+  "browserHash": "e59a8620",
+  "optimized": {
+    "svelte": {
+      "src": "../../node_modules/svelte/src/index-client.js",
+      "file": "svelte.js",
+      "fileHash": "0e9fe405",
+      "needsInterop": false
+    },
+    "svelte/store": {
+      "src": "../../node_modules/svelte/src/store/index-client.js",
+      "file": "svelte_store.js",
+      "fileHash": "28cc90b1",
+      "needsInterop": false
+    }
+  },
+  "chunks": {
+    "chunk-YAQNMG2X": {
+      "file": "chunk-YAQNMG2X.js"
+    }
+  }
+}

frontend/.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

frontend/.vite/deps/svelte.js

@@ -0,0 +1,46 @@
+import {
+  afterUpdate,
+  beforeUpdate,
+  createContext,
+  createEventDispatcher,
+  createRawSnippet,
+  flushSync,
+  fork,
+  getAbortSignal,
+  getAllContexts,
+  getContext,
+  hasContext,
+  hydratable,
+  hydrate,
+  mount,
+  onDestroy,
+  onMount,
+  setContext,
+  settled,
+  tick,
+  unmount,
+  untrack
+} from "./chunk-YAQNMG2X.js";
+export {
+  afterUpdate,
+  beforeUpdate,
+  createContext,
+  createEventDispatcher,
+  createRawSnippet,
+  flushSync,
+  fork,
+  getAbortSignal,
+  getAllContexts,
+  getContext,
+  hasContext,
+  hydratable,
+  hydrate,
+  mount,
+  onDestroy,
+  onMount,
+  setContext,
+  settled,
+  tick,
+  unmount,
+  untrack
+};

frontend/.vite/deps/svelte.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

frontend/.vite/deps/svelte_store.js

@@ -0,0 +1,100 @@
+import {
+  active_effect,
+  active_reaction,
+  createSubscriber,
+  derived,
+  effect_root,
+  effect_tracking,
+  get,
+  readable,
+  readonly,
+  render_effect,
+  set_active_effect,
+  set_active_reaction,
+  writable
+} from "./chunk-YAQNMG2X.js";
+
+// node_modules/svelte/src/store/index-client.js
+function toStore(get2, set) {
+  var effect = active_effect;
+  var reaction = active_reaction;
+  var init_value = get2();
+  const store = writable(init_value, (set2) => {
+    var ran = init_value !== get2();
+    var teardown;
+    var previous_reaction = active_reaction;
+    var previous_effect = active_effect;
+    set_active_reaction(reaction);
+    set_active_effect(effect);
+    try {
+      teardown = effect_root(() => {
+        render_effect(() => {
+          const value = get2();
+          if (ran) set2(value);
+        });
+      });
+    } finally {
+      set_active_reaction(previous_reaction);
+      set_active_effect(previous_effect);
+    }
+    ran = true;
+    return teardown;
+  });
+  if (set) {
+    return {
+      set,
+      update: (fn) => set(fn(get2())),
+      subscribe: store.subscribe
+    };
+  }
+  return {
+    subscribe: store.subscribe
+  };
+}
+function fromStore(store) {
+  let value = (
+    /** @type {V} */
+    void 0
+  );
+  const subscribe = createSubscriber((update) => {
+    let ran = false;
+    const unsubscribe = store.subscribe((v) => {
+      value = v;
+      if (ran) update();
+    });
+    ran = true;
+    return unsubscribe;
+  });
+  function current() {
+    if (effect_tracking()) {
+      subscribe();
+      return value;
+    }
+    return get(store);
+  }
+  if ("set" in store) {
+    return {
+      get current() {
+        return current();
+      },
+      set current(v) {
+        store.set(v);
+      }
+    };
+  }
+  return {
+    get current() {
+      return current();
+    }
+  };
+}
+export {
+  derived,
+  fromStore,
+  get,
+  readable,
+  readonly,
+  toStore,
+  writable
+};
+//# sourceMappingURL=svelte_store.js.map

frontend/.vite/deps/svelte_store.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/svelte/src/store/index-client.js"],
+  "sourcesContent": ["/** @import { Readable, Writable } from './public.js' */\nimport {\n\teffect_root,\n\teffect_tracking,\n\trender_effect\n} from '../internal/client/reactivity/effects.js';\nimport { get, writable } from './shared/index.js';\nimport { createSubscriber } from '../reactivity/create-subscriber.js';\nimport {\n\tactive_effect,\n\tactive_reaction,\n\tset_active_effect,\n\tset_active_reaction\n} from '../internal/client/runtime.js';\n\nexport { derived, get, readable, readonly, writable } from './shared/index.js';\n\n/**\n * @template V\n * @overload\n * @param {() => V} get\n * @param {(v: V) => void} set\n * @returns {Writable<V>}\n */\n/**\n * @template V\n * @overload\n * @param {() => V} get\n * @returns {Readable<V>}\n */\n/**\n * Create a store from a function that returns state, and (to make a writable store), an\n * optional second function that sets state.\n *\n * ```ts\n * import { toStore } from 'svelte/store';\n *\n * let count = $state(0);\n *\n * const store = toStore(() => count, (v) => (count = v));\n * ```\n * @template V\n * @param {() => V} get\n * @param {(v: V) => void} [set]\n * @returns {Writable<V> | Readable<V>}\n */\nexport function toStore(get, set) {\n\tvar effect = active_effect;\n\tvar reaction = active_reaction;\n\tvar init_value = get();\n\n\tconst store = writable(init_value, (set) => {\n\t\t// If the value has changed before we call subscribe, then\n\t\t// we need to treat the value as already having run\n\t\tvar ran = init_value !== get();\n\n\t\t// TODO do we need a different implementation on the server?\n\t\tvar teardown;\n\t\t// Apply the reaction and effect at the time of toStore being called\n\t\tvar previous_reaction = active_reaction;\n\t\tvar previous_effect = active_effect;\n\t\tset_active_reaction(reaction);\n\t\tset_active_effect(effect);\n\n\t\ttry {\n\t\t\tteardown = effect_root(() => {\n\t\t\t\trender_effect(() => {\n\t\t\t\t\tconst value = get();\n\t\t\t\t\tif (ran) set(value);\n\t\t\t\t});\n\t\t\t});\n\t\t} finally {\n\t\t\tset_active_reaction(previous_reaction);\n\t\t\tset_active_effect(previous_effect);\n\t\t}\n\n\t\tran = true;\n\n\t\treturn teardown;\n\t});\n\n\tif (set) {\n\t\treturn {\n\t\t\tset,\n\t\t\tupdate: (fn) => set(fn(get())),\n\t\t\tsubscribe: store.subscribe\n\t\t};\n\t}\n\n\treturn {\n\t\tsubscribe: store.subscribe\n\t};\n}\n\n/**\n * @template V\n * @overload\n * @param {Writable<V>} store\n * @returns {{ current: V }}\n */\n/**\n * @template V\n * @overload\n * @param {Readable<V>} store\n * @returns {{ readonly current: V }}\n */\n/**\n * Convert a store to an object with a reactive `current` property. If `store`\n * is a readable store, `current` will be a readonly property.\n *\n * ```ts\n * import { fromStore, get, writable } from 'svelte/store';\n *\n * const store = writable(0);\n *\n * const count = fromStore(store);\n *\n * count.current; // 0;\n * store.set(1);\n * count.current; // 1\n *\n * count.current += 1;\n * get(store); // 2\n * ```\n * @template V\n * @param {Writable<V> | Readable<V>} store\n */\nexport function fromStore(store) {\n\tlet value = /** @type {V} */ (undefined);\n\n\tconst subscribe = createSubscriber((update) => {\n\t\tlet ran = false;\n\n\t\tconst unsubscribe = store.subscribe((v) => {\n\t\t\tvalue = v;\n\t\t\tif (ran) update();\n\t\t});\n\n\t\tran = true;\n\n\t\treturn unsubscribe;\n\t});\n\n\tfunction current() {\n\t\tif (effect_tracking()) {\n\t\t\tsubscribe();\n\t\t\treturn value;\n\t\t}\n\n\t\treturn get(store);\n\t}\n\n\tif ('set' in store) {\n\t\treturn {\n\t\t\tget current() {\n\t\t\t\treturn current();\n\t\t\t},\n\t\t\tset current(v) {\n\t\t\t\tstore.set(v);\n\t\t\t}\n\t\t};\n\t}\n\n\treturn {\n\t\tget current() {\n\t\t\treturn current();\n\t\t}\n\t};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AA8CO,SAAS,QAAQA,MAAK,KAAK;AACjC,MAAI,SAAS;AACb,MAAI,WAAW;AACf,MAAI,aAAaA,KAAI;AAErB,QAAM,QAAQ,SAAS,YAAY,CAACC,SAAQ;AAG3C,QAAI,MAAM,eAAeD,KAAI;AAG7B,QAAI;AAEJ,QAAI,oBAAoB;AACxB,QAAI,kBAAkB;AACtB,wBAAoB,QAAQ;AAC5B,sBAAkB,MAAM;AAExB,QAAI;AACH,iBAAW,YAAY,MAAM;AAC5B,sBAAc,MAAM;AACnB,gBAAM,QAAQA,KAAI;AAClB,cAAI,IAAK,CAAAC,KAAI,KAAK;AAAA,QACnB,CAAC;AAAA,MACF,CAAC;AAAA,IACF,UAAE;AACD,0BAAoB,iBAAiB;AACrC,wBAAkB,eAAe;AAAA,IAClC;AAEA,UAAM;AAEN,WAAO;AAAA,EACR,CAAC;AAED,MAAI,KAAK;AACR,WAAO;AAAA,MACN;AAAA,MACA,QAAQ,CAAC,OAAO,IAAI,GAAGD,KAAI,CAAC,CAAC;AAAA,MAC7B,WAAW,MAAM;AAAA,IAClB;AAAA,EACD;AAEA,SAAO;AAAA,IACN,WAAW,MAAM;AAAA,EAClB;AACD;AAmCO,SAAS,UAAU,OAAO;AAChC,MAAI;AAAA;AAAA,IAA0B;AAAA;AAE9B,QAAM,YAAY,iBAAiB,CAAC,WAAW;AAC9C,QAAI,MAAM;AAEV,UAAM,cAAc,MAAM,UAAU,CAAC,MAAM;AAC1C,cAAQ;AACR,UAAI,IAAK,QAAO;AAAA,IACjB,CAAC;AAED,UAAM;AAEN,WAAO;AAAA,EACR,CAAC;AAED,WAAS,UAAU;AAClB,QAAI,gBAAgB,GAAG;AACtB,gBAAU;AACV,aAAO;AAAA,IACR;AAEA,WAAO,IAAI,KAAK;AAAA,EACjB;AAEA,MAAI,SAAS,OAAO;AACnB,WAAO;AAAA,MACN,IAAI,UAAU;AACb,eAAO,QAAQ;AAAA,MAChB;AAAA,MACA,IAAI,QAAQ,GAAG;AACd,cAAM,IAAI,CAAC;AAAA,MACZ;AAAA,IACD;AAAA,EACD;AAEA,SAAO;AAAA,IACN,IAAI,UAAU;AACb,aAAO,QAAQ;AAAA,IAChB;AAAA,EACD;AACD;",
+  "names": ["get", "set"]
+}

frontend/README.md

@@ -1,43 +1,39 @@
-# Svelte + Vite
+# Superset Tools Frontend (SvelteKit)
 
-This template should help get you started developing with Svelte in Vite.
+This is the frontend for the Superset Tools application, built with SvelteKit in SPA mode.
 
-## Recommended IDE Setup
+## Development
 
-[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
+1.  **Install dependencies**:
+    ```bash
+    npm install
+    ```
 
-## Need an official Svelte framework?
+2.  **Run development server**:
+    ```bash
+    npm run dev
+    ```
+    The frontend will be available at `http://localhost:5173`. It is configured to proxy API requests to `http://localhost:8000`.
 
-Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
+## Production Build
 
-## Technical considerations
+1.  **Build the static SPA**:
+    ```bash
+    npm run build
+    ```
+    This generates a static SPA in the `build/` directory.
 
-**Why use this over SvelteKit?**
+2.  **Serve with Backend**:
+    The Python backend is configured to serve the files from `frontend/build/`. Ensure the backend is running:
+    ```bash
+    cd ../backend
+    python src/app.py
+    ```
 
-- It brings its own routing solution which might not be preferable for some users.
-- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
+## Architecture
 
-This template contains as little as possible to get started with Vite + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
-
-Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
-
-**Why include `.vscode/extensions.json`?**
-
-Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
-
-**Why enable `checkJs` in the JS template?**
-
-It is likely that most cases of changing variable types in runtime are likely to be accidental, rather than deliberate. This provides advanced typechecking out of the box. Should you like to take advantage of the dynamically-typed nature of JavaScript, it is trivial to change the configuration.
-
-**Why is HMR not preserving my local component state?**
-
-HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/sveltejs/svelte-hmr/tree/master/packages/svelte-hmr#preservation-of-local-state).
-
-If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
-
-```js
-// store.js
-// An extremely simple external store
-import { writable } from 'svelte/store'
-export default writable(0)
-```
+- **Routing**: File-based routing in `src/routes/`.
+- **Layouts**: Shared UI in `src/routes/+layout.svelte`.
+- **Data Loading**: `load` functions in `+page.ts` for efficient data fetching.
+- **API Client**: Centralized API logic in `src/lib/api.js`.
+- **Styling**: Tailwind CSS.

frontend/package-lock.json

@@ -8,6 +8,8 @@
       "name": "frontend",
       "version": "0.0.0",
       "devDependencies": {
+        "@sveltejs/adapter-static": "^3.0.10",
+        "@sveltejs/kit": "^2.49.2",
         "@sveltejs/vite-plugin-svelte": "^6.2.1",
         "autoprefixer": "^10.4.0",
         "postcss": "^8.4.0",
@@ -559,6 +561,13 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.53.5",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.5.tgz",
@@ -867,6 +876,13 @@
         "win32"
       ]
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@sveltejs/acorn-typescript": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.8.tgz",
@@ -877,6 +893,56 @@
         "acorn": "^8.9.0"
       }
     },
+    "node_modules/@sveltejs/adapter-static": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.10.tgz",
+      "integrity": "sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@sveltejs/kit": "^2.0.0"
+      }
+    },
+    "node_modules/@sveltejs/kit": {
+      "version": "2.49.2",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.49.2.tgz",
+      "integrity": "sha512-Vp3zX/qlwerQmHMP6x0Ry1oY7eKKRcOWGc2P59srOp4zcqyn+etJyQpELgOi4+ZSUgteX8Y387NuwruLgGXLUQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@sveltejs/acorn-typescript": "^1.0.5",
+        "@types/cookie": "^0.6.0",
+        "acorn": "^8.14.1",
+        "cookie": "^0.6.0",
+        "devalue": "^5.3.2",
+        "esm-env": "^1.2.2",
+        "kleur": "^4.1.5",
+        "magic-string": "^0.30.5",
+        "mrmime": "^2.0.0",
+        "sade": "^1.8.1",
+        "set-cookie-parser": "^2.6.0",
+        "sirv": "^3.0.0"
+      },
+      "bin": {
+        "svelte-kit": "svelte-kit.js"
+      },
+      "engines": {
+        "node": ">=18.13"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0",
+        "@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0",
+        "svelte": "^4.0.0 || ^5.0.0-next.0",
+        "vite": "^5.0.3 || ^6.0.0 || ^7.0.0-beta.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@sveltejs/vite-plugin-svelte": {
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-6.2.1.tgz",
@@ -917,6 +983,13 @@
         "vite": "^6.3.0 || ^7.0.0"
       }
     },
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -1183,6 +1256,16 @@
         "node": ">= 6"
       }
     },
+    "node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1522,6 +1605,16 @@
         "jiti": "bin/jiti.js"
       }
     },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
@@ -1583,6 +1676,26 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -2011,6 +2124,41 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -2208,6 +2356,16 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",

frontend/package.json

@@ -9,11 +9,13 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-      "@sveltejs/vite-plugin-svelte": "^6.2.1",
-      "svelte": "^5.43.8",
-      "vite": "^7.2.4",
-      "tailwindcss": "^3.0.0",
-      "autoprefixer": "^10.4.0",
-      "postcss": "^8.4.0"
+    "@sveltejs/adapter-static": "^3.0.10",
+    "@sveltejs/kit": "^2.49.2",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.0",
+    "svelte": "^5.43.8",
+    "tailwindcss": "^3.0.0",
+    "vite": "^7.2.4"
   }
 }

frontend/src/App.svelte

@@ -1,5 +1,5 @@
+<!-- [DEF:App:Component] -->
 <!--
-[DEF:App:Component]
 @SEMANTICS: main, entrypoint, layout, navigation
 @PURPOSE: The root component of the frontend application. Manages navigation and layout.
 @LAYER: UI
@@ -7,11 +7,11 @@
 @RELATION: DEPENDS_ON -> frontend/src/pages/Settings.svelte
 @RELATION: DEPENDS_ON -> frontend/src/lib/stores.js
 
-@PROPS: None
-@EVENTS: None
 @INVARIANT: Navigation state must be persisted in the currentPage store.
 -->
 <script>
+  // [SECTION: IMPORTS]
+  import { get } from 'svelte/store';
   import Dashboard from './pages/Dashboard.svelte';
   import Settings from './pages/Settings.svelte';
   import { selectedPlugin, selectedTask, currentPage } from './lib/stores.js';
@@ -19,31 +19,37 @@
   import DynamicForm from './components/DynamicForm.svelte';
   import { api } from './lib/api.js';
   import Toast from './components/Toast.svelte';
+  // [/SECTION]
 
   // [DEF:handleFormSubmit:Function]
-  // @PURPOSE: Handles form submission for task creation.
-  // @PARAM: event (CustomEvent) - The submit event from DynamicForm.
+  /**
+   * @purpose Handles form submission for task creation.
+   * @param {CustomEvent} event - The submit event from DynamicForm.
+   */
   async function handleFormSubmit(event) {
     console.log("[App.handleFormSubmit][Action] Handling form submission for task creation.");
     const params = event.detail;
     try {
-      const task = await api.createTask($selectedPlugin.id, params);
+      const plugin = get(selectedPlugin);
+      const task = await api.createTask(plugin.id, params);
       selectedTask.set(task);
       selectedPlugin.set(null);
-      console.log(`[App.handleFormSubmit][Coherence:OK] Task created context={{'id': '${task.id}'}}`);
+      console.log(`[App.handleFormSubmit][Coherence:OK] Task created id=${task.id}`);
     } catch (error) {
-      console.error(`[App.handleFormSubmit][Coherence:Failed] Task creation failed context={{'error': '${error}'}}`);
+      console.error(`[App.handleFormSubmit][Coherence:Failed] Task creation failed error=${error}`);
     }
   }
   // [/DEF:handleFormSubmit]
 
   // [DEF:navigate:Function]
-  // @PURPOSE: Changes the current page and resets state.
-  // @PARAM: page (string) - Target page name.
+  /**
+   * @purpose Changes the current page and resets state.
+   * @param {string} page - Target page name.
+   */
   function navigate(page) {
     console.log(`[App.navigate][Action] Navigating to ${page}.`);
     // Reset selection first
-    if (page !== $currentPage) {
+    if (page !== get(currentPage)) {
       selectedPlugin.set(null);
       selectedTask.set(null);
     }
@@ -53,6 +59,7 @@
   // [/DEF:navigate]
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <Toast />
 
 <main class="bg-gray-50 min-h-screen">
@@ -101,4 +108,6 @@
     {/if}
   </div>
 </main>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:App] -->

frontend/src/app.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

frontend/src/components/DynamicForm.svelte

@@ -1,5 +1,5 @@
+<!-- [DEF:DynamicForm:Component] -->
 <!--
-[DEF:DynamicForm:Component]
 @SEMANTICS: form, schema, dynamic, json-schema
 @PURPOSE: Generates a form dynamically based on a JSON schema.
 @LAYER: UI
@@ -11,7 +11,9 @@
 - submit: Object - Dispatched when the form is submitted, containing the form data.
 -->
 <script>
+    // [SECTION: IMPORTS]
     import { createEventDispatcher } from 'svelte';
+    // [/SECTION]
 
     export let schema;
     let formData = {};
@@ -19,7 +21,9 @@
     const dispatch = createEventDispatcher();
 
     // [DEF:handleSubmit:Function]
-    // @PURPOSE: Dispatches the submit event with the form data.
+    /**
+     * @purpose Dispatches the submit event with the form data.
+     */
     function handleSubmit() {
         console.log("[DynamicForm][Action] Submitting form data.", { formData });
         dispatch('submit', formData);
@@ -27,7 +31,9 @@
     // [/DEF:handleSubmit]
 
     // [DEF:initializeForm:Function]
-    // @PURPOSE: Initialize form data with default values from the schema.
+    /**
+     * @purpose Initialize form data with default values from the schema.
+     */
     function initializeForm() {
         if (schema && schema.properties) {
             for (const key in schema.properties) {
@@ -40,6 +46,7 @@
     initializeForm();
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <form on:submit|preventDefault={handleSubmit} class="space-y-4">
     {#if schema && schema.properties}
         {#each Object.entries(schema.properties) as [key, prop]}
@@ -76,4 +83,6 @@
         </button>
     {/if}
 </form>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:DynamicForm] -->

frontend/src/components/Footer.svelte

@@ -0,0 +1,3 @@
+<footer class="bg-white border-t p-4 mt-8 text-center text-gray-500 text-sm">
+    &copy; 2025 Superset Tools. All rights reserved.
+</footer>

frontend/src/components/Navbar.svelte

@@ -0,0 +1,26 @@
+<script>
+    import { page } from '$app/stores';
+</script>
+
+<header class="bg-white shadow-md p-4 flex justify-between items-center">
+    <a
+        href="/"
+        class="text-3xl font-bold text-gray-800 focus:outline-none"
+    >
+        Superset Tools
+    </a>
+    <nav class="space-x-4">
+        <a
+            href="/"
+            class="text-gray-600 hover:text-blue-600 font-medium {$page.url.pathname === '/' ? 'text-blue-600 border-b-2 border-blue-600' : ''}"
+        >
+            Dashboard
+        </a>
+        <a
+            href="/settings"
+            class="text-gray-600 hover:text-blue-600 font-medium {$page.url.pathname === '/settings' ? 'text-blue-600 border-b-2 border-blue-600' : ''}"
+        >
+            Settings
+        </a>
+    </nav>
+</header>

frontend/src/components/TaskRunner.svelte

@@ -1,5 +1,5 @@
+<!-- [DEF:TaskRunner:Component] -->
 <!--
-[DEF:TaskRunner:Component]
 @SEMANTICS: task, runner, logs, websocket
 @PURPOSE: Connects to a WebSocket to display real-time logs for a running task.
 @LAYER: UI
@@ -9,19 +9,25 @@
 @EVENTS: None
 -->
 <script>
+    // [SECTION: IMPORTS]
     import { onMount, onDestroy } from 'svelte';
+    import { get } from 'svelte/store';
     import { selectedTask, taskLogs } from '../lib/stores.js';
+    // [/SECTION]
 
     let ws;
 
     // [DEF:onMount:Function]
-    // @PURPOSE: Initialize WebSocket connection for task logs.
+    /**
+     * @purpose Initialize WebSocket connection for task logs.
+     */
     onMount(() => {
-        if ($selectedTask) {
-            console.log(`[TaskRunner][Entry] Connecting to logs for task: ${$selectedTask.id}`);
+        const task = get(selectedTask);
+        if (task) {
+            console.log(`[TaskRunner][Entry] Connecting to logs for task: ${task.id}`);
             taskLogs.set([]); // Clear previous logs
             const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-            const wsUrl = `${protocol}//${window.location.host}/ws/logs/${$selectedTask.id}`;
+            const wsUrl = `${protocol}//${window.location.host}/ws/logs/${task.id}`;
             ws = new WebSocket(wsUrl);
 
             ws.onopen = () => {
@@ -45,7 +51,9 @@
     // [/DEF:onMount]
 
     // [DEF:onDestroy:Function]
-    // @PURPOSE: Close WebSocket connection when the component is destroyed.
+    /**
+     * @purpose Close WebSocket connection when the component is destroyed.
+     */
     onDestroy(() => {
         if (ws) {
             console.log("[TaskRunner][Action] Closing WebSocket connection.");
@@ -55,6 +63,7 @@
     // [/DEF:onDestroy]
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <div class="p-4 border rounded-lg bg-white shadow-md">
     {#if $selectedTask}
         <h2 class="text-xl font-semibold mb-2">Task: {$selectedTask.plugin_id}</h2>
@@ -71,4 +80,6 @@
         <p>No task selected.</p>
     {/if}
 </div>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:TaskRunner] -->

frontend/src/components/Toast.svelte

@@ -1,5 +1,5 @@
+<!-- [DEF:Toast:Component] -->
 <!--
-[DEF:Toast:Component]
 @SEMANTICS: toast, notification, feedback, ui
 @PURPOSE: Displays transient notifications (toasts) in the bottom-right corner.
 @LAYER: UI
@@ -9,9 +9,12 @@
 @EVENTS: None
 -->
 <script>
+    // [SECTION: IMPORTS]
     import { toasts } from '../lib/toasts.js';
+    // [/SECTION]
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <div class="fixed bottom-0 right-0 p-4 space-y-2">
     {#each $toasts as toast (toast.id)}
         <div class="p-4 rounded-md shadow-lg text-white
@@ -23,4 +26,6 @@
         </div>
     {/each}
 </div>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:Toast] -->

frontend/src/lib/api.js

@@ -5,7 +5,7 @@
 
 import { addToast } from './toasts.js';
 
-const API_BASE_URL = '';
+const API_BASE_URL = '/api';
 
 // [DEF:fetchApi:Function]
 // @PURPOSE: Generic GET request wrapper.

frontend/src/pages/Dashboard.svelte

@@ -1,5 +1,5 @@
+<!-- [DEF:Dashboard:Component] -->
 <!--
-[DEF:Dashboard:Component]
 @SEMANTICS: dashboard, plugins, tools, list
 @PURPOSE: Displays the list of available plugins and allows selecting one.
 @LAYER: UI
@@ -9,11 +9,15 @@
 @EVENTS: None
 -->
 <script>
+    // [SECTION: IMPORTS]
     import { onMount } from 'svelte';
     import { plugins, fetchPlugins, selectedPlugin } from '../lib/stores.js';
+    // [/SECTION]
 
     // [DEF:onMount:Function]
-    // @PURPOSE: Fetch plugins when the component mounts.
+    /**
+     * @purpose Fetch plugins when the component mounts.
+     */
     onMount(async () => {
         console.log("[Dashboard][Entry] Component mounted, fetching plugins.");
         await fetchPlugins();
@@ -21,8 +25,10 @@
     // [/DEF:onMount]
 
     // [DEF:selectPlugin:Function]
-    // @PURPOSE: Selects a plugin to display its form.
-    // @PARAM: plugin (Object) - The plugin object to select.
+    /**
+     * @purpose Selects a plugin to display its form.
+     * @param {Object} plugin - The plugin object to select.
+     */
     function selectPlugin(plugin) {
         console.log(`[Dashboard][Action] Selecting plugin: ${plugin.id}`);
         selectedPlugin.set(plugin);
@@ -30,6 +36,7 @@
     // [/DEF:selectPlugin]
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <div class="container mx-auto p-4">
     <h1 class="text-2xl font-bold mb-4">Available Tools</h1>
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -37,6 +44,9 @@
             <div 
                 class="border rounded-lg p-4 cursor-pointer hover:bg-gray-100"
                 on:click={() => selectPlugin(plugin)}
+                role="button"
+                tabindex="0"
+                on:keydown={(e) => e.key === 'Enter' && selectPlugin(plugin)}
             >
                 <h2 class="text-xl font-semibold">{plugin.name}</h2>
                 <p class="text-gray-600">{plugin.description}</p>
@@ -45,4 +55,6 @@
         {/each}
     </div>
 </div>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:Dashboard] -->

frontend/src/pages/Settings.svelte

@@ -1,21 +1,21 @@
+<!-- [DEF:Settings:Component] -->
 <!--
-[DEF:Settings:Component]
 @SEMANTICS: settings, ui, configuration
 @PURPOSE:   The main settings page for the application, allowing management of environments and global settings.
 @LAYER:     UI
 @RELATION:  CALLS -> api.js
 @RELATION:  USES -> stores.js
 
-@PROPS:
-None
-@EVENTS:
-None
+@PROPS: None
+@EVENTS: None
 @INVARIANT: Settings changes must be saved to the backend.
 -->
 <script>
+    // [SECTION: IMPORTS]
     import { onMount } from 'svelte';
     import { getSettings, updateGlobalSettings, getEnvironments, addEnvironment, updateEnvironment, deleteEnvironment, testEnvironmentConnection } from '../lib/api';
     import { addToast } from '../lib/toasts';
+    // [/SECTION]
 
     let settings = {
         environments: [],
@@ -36,26 +36,47 @@ None
 
     let editingEnvId = null;
 
+    // [DEF:loadSettings:Function]
+    /**
+     * @purpose Loads settings from the backend.
+     */
     async function loadSettings() {
         try {
+            console.log("[Settings.loadSettings][Action] Loading settings.");
             const data = await getSettings();
             settings = data;
+            console.log("[Settings.loadSettings][Coherence:OK] Settings loaded.");
         } catch (error) {
+            console.error("[Settings.loadSettings][Coherence:Failed] Failed to load settings:", error);
             addToast('Failed to load settings', 'error');
         }
     }
+    // [/DEF:loadSettings]
 
+    // [DEF:handleSaveGlobal:Function]
+    /**
+     * @purpose Saves global settings to the backend.
+     */
     async function handleSaveGlobal() {
         try {
+            console.log("[Settings.handleSaveGlobal][Action] Saving global settings.");
             await updateGlobalSettings(settings.settings);
             addToast('Global settings saved', 'success');
+            console.log("[Settings.handleSaveGlobal][Coherence:OK] Global settings saved.");
         } catch (error) {
+            console.error("[Settings.handleSaveGlobal][Coherence:Failed] Failed to save global settings:", error);
             addToast('Failed to save global settings', 'error');
         }
     }
+    // [/DEF:handleSaveGlobal]
 
+    // [DEF:handleAddOrUpdateEnv:Function]
+    /**
+     * @purpose Adds or updates an environment.
+     */
     async function handleAddOrUpdateEnv() {
         try {
+            console.log(`[Settings.handleAddOrUpdateEnv][Action] ${editingEnvId ? 'Updating' : 'Adding'} environment.`);
             if (editingEnvId) {
                 await updateEnvironment(editingEnvId, newEnv);
                 addToast('Environment updated', 'success');
@@ -65,41 +86,73 @@ None
             }
             resetEnvForm();
             await loadSettings();
+            console.log("[Settings.handleAddOrUpdateEnv][Coherence:OK] Environment saved.");
         } catch (error) {
+            console.error("[Settings.handleAddOrUpdateEnv][Coherence:Failed] Failed to save environment:", error);
             addToast('Failed to save environment', 'error');
         }
     }
+    // [/DEF:handleAddOrUpdateEnv]
 
+    // [DEF:handleDeleteEnv:Function]
+    /**
+     * @purpose Deletes an environment.
+     * @param {string} id - The ID of the environment to delete.
+     */
     async function handleDeleteEnv(id) {
         if (confirm('Are you sure you want to delete this environment?')) {
             try {
+                console.log(`[Settings.handleDeleteEnv][Action] Deleting environment: ${id}`);
                 await deleteEnvironment(id);
                 addToast('Environment deleted', 'success');
                 await loadSettings();
+                console.log("[Settings.handleDeleteEnv][Coherence:OK] Environment deleted.");
             } catch (error) {
+                console.error("[Settings.handleDeleteEnv][Coherence:Failed] Failed to delete environment:", error);
                 addToast('Failed to delete environment', 'error');
             }
         }
     }
+    // [/DEF:handleDeleteEnv]
 
+    // [DEF:handleTestEnv:Function]
+    /**
+     * @purpose Tests the connection to an environment.
+     * @param {string} id - The ID of the environment to test.
+     */
     async function handleTestEnv(id) {
         try {
+            console.log(`[Settings.handleTestEnv][Action] Testing environment: ${id}`);
             const result = await testEnvironmentConnection(id);
             if (result.status === 'success') {
                 addToast('Connection successful', 'success');
+                console.log("[Settings.handleTestEnv][Coherence:OK] Connection successful.");
             } else {
                 addToast(`Connection failed: ${result.message}`, 'error');
+                console.log("[Settings.handleTestEnv][Coherence:Failed] Connection failed.");
             }
         } catch (error) {
+            console.error("[Settings.handleTestEnv][Coherence:Failed] Error testing connection:", error);
             addToast('Failed to test connection', 'error');
         }
     }
+    // [/DEF:handleTestEnv]
 
+    // [DEF:editEnv:Function]
+    /**
+     * @purpose Sets the form to edit an existing environment.
+     * @param {Object} env - The environment object to edit.
+     */
     function editEnv(env) {
         newEnv = { ...env };
         editingEnvId = env.id;
     }
+    // [/DEF:editEnv]
 
+    // [DEF:resetEnvForm:Function]
+    /**
+     * @purpose Resets the environment form.
+     */
     function resetEnvForm() {
         newEnv = {
             id: '',
@@ -111,10 +164,12 @@ None
         };
         editingEnvId = null;
     }
+    // [/DEF:resetEnvForm]
 
     onMount(loadSettings);
 </script>
 
+<!-- [SECTION: TEMPLATE] -->
 <div class="container mx-auto p-4">
     <h1 class="text-2xl font-bold mb-6">Settings</h1>
 
@@ -211,4 +266,6 @@ None
         </div>
     </section>
 </div>
+<!-- [/SECTION] -->
+
 <!-- [/DEF:Settings] -->

frontend/src/routes/+error.svelte

@@ -0,0 +1,11 @@
+<script>
+    import { page } from '$app/stores';
+</script>
+
+<div class="container mx-auto p-4 text-center mt-20">
+    <h1 class="text-6xl font-bold text-gray-800 mb-4">{$page.status}</h1>
+    <p class="text-2xl text-gray-600 mb-8">{$page.error?.message || 'Page not found'}</p>
+    <a href="/" class="bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors">
+        Back to Dashboard
+    </a>
+</div>

frontend/src/routes/+layout.svelte

@@ -0,0 +1,17 @@
+<script>
+    import Navbar from '../components/Navbar.svelte';
+    import Footer from '../components/Footer.svelte';
+    import Toast from '../components/Toast.svelte';
+</script>
+
+<Toast />
+
+<main class="bg-gray-50 min-h-screen flex flex-col">
+    <Navbar />
+
+    <div class="p-4 flex-grow">
+        <slot />
+    </div>
+
+    <Footer />
+</main>

frontend/src/routes/+layout.ts

@@ -0,0 +1,2 @@
+export const ssr = false;
+export const prerender = false;

frontend/src/routes/+page.svelte

@@ -0,0 +1,71 @@
+<script>
+    import { plugins as pluginsStore, selectedPlugin, selectedTask } from '../lib/stores.js';
+    import TaskRunner from '../components/TaskRunner.svelte';
+    import DynamicForm from '../components/DynamicForm.svelte';
+    import { api } from '../lib/api.js';
+    import { get } from 'svelte/store';
+
+    /** @type {import('./$types').PageData} */
+    export let data;
+
+    // Sync store with loaded data if needed, or just use data.plugins directly
+    $: if (data.plugins) {
+        pluginsStore.set(data.plugins);
+    }
+
+    function selectPlugin(plugin) {
+        console.log(`[Dashboard][Action] Selecting plugin: ${plugin.id}`);
+        selectedPlugin.set(plugin);
+    }
+
+    async function handleFormSubmit(event) {
+        console.log("[App.handleFormSubmit][Action] Handling form submission for task creation.");
+        const params = event.detail;
+        try {
+            const plugin = get(selectedPlugin);
+            const task = await api.createTask(plugin.id, params);
+            selectedTask.set(task);
+            selectedPlugin.set(null);
+            console.log(`[App.handleFormSubmit][Coherence:OK] Task created id=${task.id}`);
+        } catch (error) {
+            console.error(`[App.handleFormSubmit][Coherence:Failed] Task creation failed error=${error}`);
+        }
+    }
+</script>
+
+<div class="container mx-auto p-4">
+    {#if $selectedTask}
+        <TaskRunner />
+        <button on:click={() => selectedTask.set(null)} class="mt-4 bg-blue-500 text-white p-2 rounded">
+            Back to Task List
+        </button>
+    {:else if $selectedPlugin}
+        <h2 class="text-2xl font-bold mb-4">{$selectedPlugin.name}</h2>
+        <DynamicForm schema={$selectedPlugin.schema} on:submit={handleFormSubmit} />
+        <button on:click={() => selectedPlugin.set(null)} class="mt-4 bg-gray-500 text-white p-2 rounded">
+            Back to Dashboard
+        </button>
+    {:else}
+        <h1 class="text-2xl font-bold mb-4">Available Tools</h1>
+        {#if data.error}
+            <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+                {data.error}
+            </div>
+        {/if}
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {#each data.plugins as plugin}
+                <div 
+                    class="border rounded-lg p-4 cursor-pointer hover:bg-gray-100"
+                    on:click={() => selectPlugin(plugin)}
+                    role="button"
+                    tabindex="0"
+                    on:keydown={(e) => e.key === 'Enter' && selectPlugin(plugin)}
+                >
+                    <h2 class="text-xl font-semibold">{plugin.name}</h2>
+                    <p class="text-gray-600">{plugin.description}</p>
+                    <span class="text-sm text-gray-400">v{plugin.version}</span>
+                </div>
+            {/each}
+        </div>
+    {/if}
+</div>

frontend/src/routes/+page.ts

@@ -0,0 +1,17 @@
+import { api } from '../lib/api';
+
+/** @type {import('./$types').PageLoad} */
+export async function load() {
+    try {
+        const plugins = await api.getPlugins();
+        return {
+            plugins
+        };
+    } catch (error) {
+        console.error('Failed to load plugins:', error);
+        return {
+            plugins: [],
+            error: 'Failed to load plugins'
+        };
+    }
+}

frontend/src/routes/settings/+page.svelte

@@ -0,0 +1,209 @@
+<script>
+    import { onMount } from 'svelte';
+    import { updateGlobalSettings, addEnvironment, updateEnvironment, deleteEnvironment, testEnvironmentConnection } from '../../lib/api';
+    import { addToast } from '../../lib/toasts';
+
+    /** @type {import('./$types').PageData} */
+    export let data;
+
+    let settings = data.settings;
+
+    $: settings = data.settings;
+
+    let newEnv = {
+        id: '',
+        name: '',
+        url: '',
+        username: '',
+        password: '',
+        is_default: false
+    };
+
+    let editingEnvId = null;
+
+    async function handleSaveGlobal() {
+        try {
+            console.log("[Settings.handleSaveGlobal][Action] Saving global settings.");
+            await updateGlobalSettings(settings.settings);
+            addToast('Global settings saved', 'success');
+            console.log("[Settings.handleSaveGlobal][Coherence:OK] Global settings saved.");
+        } catch (error) {
+            console.error("[Settings.handleSaveGlobal][Coherence:Failed] Failed to save global settings:", error);
+            addToast('Failed to save global settings', 'error');
+        }
+    }
+
+    async function handleAddOrUpdateEnv() {
+        try {
+            console.log(`[Settings.handleAddOrUpdateEnv][Action] ${editingEnvId ? 'Updating' : 'Adding'} environment.`);
+            if (editingEnvId) {
+                await updateEnvironment(editingEnvId, newEnv);
+                addToast('Environment updated', 'success');
+            } else {
+                await addEnvironment(newEnv);
+                addToast('Environment added', 'success');
+            }
+            resetEnvForm();
+            // In a real app, we might want to invalidate the load function here
+            // For now, we'll just manually update the local state or re-fetch
+            // But since we are using SvelteKit, we should ideally use invalidateAll()
+            location.reload(); // Simple way to refresh data for now
+            console.log("[Settings.handleAddOrUpdateEnv][Coherence:OK] Environment saved.");
+        } catch (error) {
+            console.error("[Settings.handleAddOrUpdateEnv][Coherence:Failed] Failed to save environment:", error);
+            addToast('Failed to save environment', 'error');
+        }
+    }
+
+    async function handleDeleteEnv(id) {
+        if (confirm('Are you sure you want to delete this environment?')) {
+            try {
+                console.log(`[Settings.handleDeleteEnv][Action] Deleting environment: ${id}`);
+                await deleteEnvironment(id);
+                addToast('Environment deleted', 'success');
+                location.reload();
+                console.log("[Settings.handleDeleteEnv][Coherence:OK] Environment deleted.");
+            } catch (error) {
+                console.error("[Settings.handleDeleteEnv][Coherence:Failed] Failed to delete environment:", error);
+                addToast('Failed to delete environment', 'error');
+            }
+        }
+    }
+
+    async function handleTestEnv(id) {
+        try {
+            console.log(`[Settings.handleTestEnv][Action] Testing environment: ${id}`);
+            const result = await testEnvironmentConnection(id);
+            if (result.status === 'success') {
+                addToast('Connection successful', 'success');
+                console.log("[Settings.handleTestEnv][Coherence:OK] Connection successful.");
+            } else {
+                addToast(`Connection failed: ${result.message}`, 'error');
+                console.log("[Settings.handleTestEnv][Coherence:Failed] Connection failed.");
+            }
+        } catch (error) {
+            console.error("[Settings.handleTestEnv][Coherence:Failed] Error testing connection:", error);
+            addToast('Failed to test connection', 'error');
+        }
+    }
+
+    function editEnv(env) {
+        newEnv = { ...env };
+        editingEnvId = env.id;
+    }
+
+    function resetEnvForm() {
+        newEnv = {
+            id: '',
+            name: '',
+            url: '',
+            username: '',
+            password: '',
+            is_default: false
+        };
+        editingEnvId = null;
+    }
+</script>
+
+<div class="container mx-auto p-4">
+    <h1 class="text-2xl font-bold mb-6">Settings</h1>
+
+    {#if data.error}
+        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+            {data.error}
+        </div>
+    {/if}
+
+    <section class="mb-8 bg-white p-6 rounded shadow">
+        <h2 class="text-xl font-semibold mb-4">Global Settings</h2>
+        <div class="grid grid-cols-1 gap-4">
+            <div>
+                <label for="backup_path" class="block text-sm font-medium text-gray-700">Backup Storage Path</label>
+                <input type="text" id="backup_path" bind:value={settings.settings.backup_path} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+            </div>
+            <button on:click={handleSaveGlobal} class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 w-max">
+                Save Global Settings
+            </button>
+        </div>
+    </section>
+
+    <section class="mb-8 bg-white p-6 rounded shadow">
+        <h2 class="text-xl font-semibold mb-4">Superset Environments</h2>
+
+        {#if settings.environments.length === 0}
+            <div class="mb-4 p-4 bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700">
+                <p class="font-bold">Warning</p>
+                <p>No Superset environments configured. You must add at least one environment to perform backups or migrations.</p>
+            </div>
+        {/if}
+        
+        <div class="mb-6 overflow-x-auto">
+            <table class="min-w-full divide-y divide-gray-200">
+                <thead class="bg-gray-50">
+                    <tr>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">URL</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Username</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Default</th>
+                        <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+                    </tr>
+                </thead>
+                <tbody class="bg-white divide-y divide-gray-200">
+                    {#each settings.environments as env}
+                        <tr>
+                            <td class="px-6 py-4 whitespace-nowrap">{env.name}</td>
+                            <td class="px-6 py-4 whitespace-nowrap">{env.url}</td>
+                            <td class="px-6 py-4 whitespace-nowrap">{env.username}</td>
+                            <td class="px-6 py-4 whitespace-nowrap">{env.is_default ? 'Yes' : 'No'}</td>
+                            <td class="px-6 py-4 whitespace-nowrap">
+                                <button on:click={() => handleTestEnv(env.id)} class="text-green-600 hover:text-green-900 mr-4">Test</button>
+                                <button on:click={() => editEnv(env)} class="text-indigo-600 hover:text-indigo-900 mr-4">Edit</button>
+                                <button on:click={() => handleDeleteEnv(env.id)} class="text-red-600 hover:text-red-900">Delete</button>
+                            </td>
+                        </tr>
+                    {/each}
+                </tbody>
+            </table>
+        </div>
+
+        <div class="bg-gray-50 p-4 rounded">
+            <h3 class="text-lg font-medium mb-4">{editingEnvId ? 'Edit' : 'Add'} Environment</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                    <label for="env_id" class="block text-sm font-medium text-gray-700">ID</label>
+                    <input type="text" id="env_id" bind:value={newEnv.id} disabled={!!editingEnvId} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+                </div>
+                <div>
+                    <label for="env_name" class="block text-sm font-medium text-gray-700">Name</label>
+                    <input type="text" id="env_name" bind:value={newEnv.name} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+                </div>
+                <div>
+                    <label for="env_url" class="block text-sm font-medium text-gray-700">URL</label>
+                    <input type="text" id="env_url" bind:value={newEnv.url} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+                </div>
+                <div>
+                    <label for="env_user" class="block text-sm font-medium text-gray-700">Username</label>
+                    <input type="text" id="env_user" bind:value={newEnv.username} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+                </div>
+                <div>
+                    <label for="env_pass" class="block text-sm font-medium text-gray-700">Password</label>
+                    <input type="password" id="env_pass" bind:value={newEnv.password} class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm p-2" />
+                </div>
+                <div class="flex items-center">
+                    <input type="checkbox" id="env_default" bind:checked={newEnv.is_default} class="h-4 w-4 text-blue-600 border-gray-300 rounded" />
+                    <label for="env_default" class="ml-2 block text-sm text-gray-900">Default Environment</label>
+                </div>
+            </div>
+            <div class="mt-4 flex gap-2">
+                <button on:click={handleAddOrUpdateEnv} class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">
+                    {editingEnvId ? 'Update' : 'Add'} Environment
+                </button>
+                {#if editingEnvId}
+                    <button on:click={resetEnvForm} class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">
+                        Cancel
+                    </button>
+                {/if}
+            </div>
+        </div>
+    </section>
+</div>

frontend/src/routes/settings/+page.ts

@@ -0,0 +1,23 @@
+import { api } from '../../lib/api';
+
+/** @type {import('./$types').PageLoad} */
+export async function load() {
+    try {
+        const settings = await api.getSettings();
+        return {
+            settings
+        };
+    } catch (error) {
+        console.error('Failed to load settings:', error);
+        return {
+            settings: {
+                environments: [],
+                settings: {
+                    backup_path: '',
+                    default_environment_id: null
+                }
+            },
+            error: 'Failed to load settings'
+        };
+    }
+}

frontend/svelte.config.js

@@ -1,13 +1,19 @@
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
-/** @type {import("@sveltejs/vite-plugin-svelte").SvelteConfig} */
-export default {
-  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-  compilerOptions: {
-    compatibility: {
-      componentApi: 4,
-    },
-  },
-}
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	preprocess: vitePreprocess(),
+
+	kit: {
+		adapter: adapter({
+			pages: 'build',
+			assets: 'build',
+			fallback: 'index.html',
+			precompress: false,
+			strict: true
+		})
+	}
+};
+
+export default config;

frontend/vite.config.js

@@ -1,32 +1,19 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
 
-// https://vite.dev/config/
 export default defineConfig({
-  plugins: [svelte()],
-  server: {
-    proxy: {
-      '/plugins': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/tasks': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/settings': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/api': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, ''),
-      },
-      '/ws': {
-        target: 'ws://localhost:8000',
-        ws: true,
-      },
-    },
-  },
-})
+	plugins: [sveltekit()],
+	server: {
+		proxy: {
+			'/api': {
+				target: 'http://localhost:8000',
+				changeOrigin: true,
+				rewrite: (path) => path.replace(/^\/api/, '')
+			},
+			'/ws': {
+				target: 'ws://localhost:8000',
+				ws: true
+			}
+		}
+	}
+});

specs/004-integrate-svelte-kit/checklists/requirements.md

@@ -0,0 +1,34 @@
+# Specification Quality Checklist: Integrate SvelteKit
+
+**Purpose**: Validate specification completeness and quality before proceeding to planning
+**Created**: 2025-12-20
+**Feature**: [Link to spec.md](../spec.md)
+
+## Content Quality
+
+- [x] No implementation details (languages, frameworks, APIs)
+- [x] Focused on user value and business needs
+- [x] Written for non-technical stakeholders
+- [x] All mandatory sections completed
+
+## Requirement Completeness
+
+- [x] No [NEEDS CLARIFICATION] markers remain
+- [x] Requirements are testable and unambiguous
+- [x] Success criteria are measurable
+- [x] Success criteria are technology-agnostic (no implementation details)
+- [x] All acceptance scenarios are defined
+- [x] Edge cases are identified
+- [x] Scope is clearly bounded
+- [x] Dependencies and assumptions identified
+
+## Feature Readiness
+
+- [x] All functional requirements have clear acceptance criteria
+- [x] User scenarios cover primary flows
+- [x] Feature meets measurable outcomes defined in Success Criteria
+- [x] No implementation details leak into specification
+
+## Notes
+
+- Spec updated to assume SPA mode and standard fetch, removing clarification needs.

specs/004-integrate-svelte-kit/contracts/api.md

@@ -0,0 +1,61 @@
+# API Contracts: SvelteKit Frontend
+
+The SvelteKit frontend will interact with the following existing backend API endpoints.
+
+## Settings API (`/api/settings`)
+
+### Get All Settings
+- **Endpoint**: `GET /api/settings/`
+- **Response**: `AppConfig` (JSON)
+- **Usage**: Load initial configuration for the application.
+
+### Update Global Settings
+- **Endpoint**: `PATCH /api/settings/global`
+- **Request Body**: `GlobalSettings` (JSON)
+- **Response**: `GlobalSettings` (JSON)
+- **Usage**: Save changes to global settings.
+
+### List Environments
+- **Endpoint**: `GET /api/settings/environments`
+- **Response**: `List[Environment]` (JSON)
+- **Usage**: Display configured Superset environments.
+
+### Add Environment
+- **Endpoint**: `POST /api/settings/environments`
+- **Request Body**: `Environment` (JSON)
+- **Response**: `Environment` (JSON)
+- **Usage**: Create a new environment configuration.
+
+### Update Environment
+- **Endpoint**: `PUT /api/settings/environments/{id}`
+- **Request Body**: `Environment` (JSON)
+- **Response**: `Environment` (JSON)
+- **Usage**: Modify an existing environment.
+
+### Delete Environment
+- **Endpoint**: `DELETE /api/settings/environments/{id}`
+- **Response**: `{"message": "..."}`
+- **Usage**: Remove an environment.
+
+### Test Connection
+- **Endpoint**: `POST /api/settings/environments/{id}/test`
+- **Response**: `{"status": "success/error", "message": "..."}`
+- **Usage**: Verify connectivity to a Superset instance.
+
+## Plugins API (`/api/plugins`)
+
+### List Plugins
+- **Endpoint**: `GET /api/plugins/`
+- **Response**: `List[PluginConfig]` (JSON)
+- **Usage**: Display available plugins on the Dashboard.
+
+## Tasks API (`/api/tasks`)
+*(Inferred from file list, used for running plugin tasks)*
+
+### List Tasks
+- **Endpoint**: `GET /api/tasks/`
+- **Usage**: Show active or historical tasks.
+
+### Run Task
+- **Endpoint**: `POST /api/tasks/{plugin_id}`
+- **Usage**: Execute a plugin-specific task.