WIP: Staged all changes

frontend/src/App.svelte

@@ -0,0 +1,40 @@
+<script>
+  import Dashboard from './pages/Dashboard.svelte';
+  import { 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 Toast from './components/Toast.svelte';
+
+  async function handleFormSubmit(event) {
+    const params = event.detail;
+    const task = await api.createTask($selectedPlugin.id, params);
+    selectedTask.set(task);
+    selectedPlugin.set(null);
+  }
+</script>
+
+<Toast />
+
+<main class="bg-gray-50 min-h-screen">
+  <header class="bg-white shadow-md p-4">
+    <h1 class="text-3xl font-bold text-gray-800">Superset Tools</h1>
+  </header>
+
+  <div class="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}
+      <Dashboard />
+    {/if}
+  </div>
+</main>