diff --git a/frontend/src/components/DashboardGrid.svelte b/frontend/src/components/DashboardGrid.svelte index c7f670c3..34e0dfd7 100644 --- a/frontend/src/components/DashboardGrid.svelte +++ b/frontend/src/components/DashboardGrid.svelte @@ -189,9 +189,9 @@ -
- - +
+
+ - + {#each paginatedDashboards as dashboard (dashboard.id)} - + - -
handleSelectAll((e.target as HTMLInputElement).checked)} - class="h-4 w-4 text-primary border-gray-300 rounded focus-visible:ring-primary-ring" + class="h-4 w-4 text-primary border-border-strong rounded focus-visible:ring-primary-ring" /> handleSort("title")} > {$t.dashboard.title} @@ -215,7 +215,7 @@ : ""} handleSort("last_modified")} > {$t.dashboard.last_modified} @@ -226,7 +226,7 @@ : ""} handleSort("status")} > {$t.dashboard.status} @@ -237,18 +237,18 @@ : ""} {$t.dashboard.validation} {$t.dashboard.git}
{dashboard.title}{new Date(dashboard.last_modified).toLocaleDateString()} + {dashboard.status} @@ -284,7 +284,7 @@ size="sm" onclick={() => handleValidate(dashboard)} disabled={validatingIds.has(dashboard.id)} - class="text-purple-600 hover:text-purple-900" + class="text-info hover:text-info" > {validatingIds.has(dashboard.id) ? "Validating..." : "Validate"} @@ -294,7 +294,7 @@ variant="ghost" size="sm" onclick={() => openGit(dashboard)} - class="text-primary hover:text-blue-900" + class="text-primary hover:text-primary" > {$t.git.manage} @@ -307,7 +307,7 @@
-
+
{($t.dashboard?.showing ) .replace("{start}", (currentPage * pageSize + 1).toString()) .replace( diff --git a/frontend/src/components/DynamicForm.svelte b/frontend/src/components/DynamicForm.svelte index e6d3244a..6b5a0a23 100755 --- a/frontend/src/components/DynamicForm.svelte +++ b/frontend/src/components/DynamicForm.svelte @@ -55,7 +55,7 @@ {#if schema && schema.properties} {#each Object.entries(schema.properties) as [key, prop]}
- + {#if prop.type === 'string'} {/each} - {/if} diff --git a/frontend/src/components/EnvSelector.svelte b/frontend/src/components/EnvSelector.svelte index c478d74b..cf888261 100644 --- a/frontend/src/components/EnvSelector.svelte +++ b/frontend/src/components/EnvSelector.svelte @@ -42,10 +42,10 @@
- + - +
+ - - - + + + - + {#each sourceDatabases as sDb} {@const mapping = mappings.find(m => m.source_db_uuid === sDb.uuid)} {@const suggestion = getSuggestion(sDb.uuid)} - - + - - diff --git a/frontend/src/components/MissingMappingModal.svelte b/frontend/src/components/MissingMappingModal.svelte index bf5b1c23..34810102 100644 --- a/frontend/src/components/MissingMappingModal.svelte +++ b/frontend/src/components/MissingMappingModal.svelte @@ -56,23 +56,23 @@ {#if show}
{$t.dashboard?.source_database }{$t.dashboard?.target_database }{$t.dashboard?.status }{$t.dashboard?.source_database }{$t.dashboard?.target_database }{$t.dashboard?.status }
+
{sDb.database_name} + + {#if mapping} {$t.dashboard?.saved } {:else if suggestion} - {$t.dashboard?.suggested } ({Math.round(suggestion.confidence * 100)}%) + {$t.dashboard?.suggested } ({Math.round(suggestion.confidence * 100)}%) {:else} - {$t.dashboard?.not_mapped } + {$t.dashboard?.not_mapped } {/if}
- +
+
+ - + {#each paginatedDashboards as dashboard (dashboard.id)} - + - - -
handleSelectAll((e.target as HTMLInputElement).checked)} - class="h-4 w-4 text-primary border-gray-300 rounded focus-visible:ring-primary-ring" + class="h-4 w-4 text-primary border-border-strong rounded focus-visible:ring-primary-ring" /> handleSort("title")} > {$t.dashboard.title} @@ -587,7 +587,7 @@ : ""} handleSort("last_modified")} > {$t.dashboard.last_modified} @@ -598,7 +598,7 @@ : ""} handleSort("status")} > {$t.dashboard.status} @@ -610,9 +610,9 @@
+ {new Date(dashboard.last_modified).toLocaleDateString()} + @@ -652,7 +652,7 @@
-
+
{($t.dashboard?.showing ) .replace("{start}", (currentPage * pageSize + 1).toString()) .replace( diff --git a/frontend/src/components/StartupEnvironmentWizard.svelte b/frontend/src/components/StartupEnvironmentWizard.svelte index 803d5f05..6a40fda5 100644 --- a/frontend/src/components/StartupEnvironmentWizard.svelte +++ b/frontend/src/components/StartupEnvironmentWizard.svelte @@ -1,7 +1,7 @@ - + {#if open} -
-
-
+
+
+

{$t.nav?.dashboards}

{$t.dashboard?.setup_title || "Configure your first environment"}

-

{$t.dashboard?.setup_intro || "Dashboards need at least one Superset environment. Create it here instead of landing on an empty screen."}

+

{$t.dashboard?.setup_intro || "Dashboards need at least one Superset environment. Create it here instead of landing on an empty screen."}

-
@@ -136,9 +136,9 @@

{$t.dashboard?.setup_card_title || "What happens next"}

{$t.dashboard?.setup_card_body || "The wizard saves a Superset endpoint, validates login, and immediately makes the environment available in the global selector."}

-
-

{$t.dashboard?.setup_checklist_title || "Prepare these values"}

-
    +
    +

    {$t.dashboard?.setup_checklist_title || "Prepare these values"}

    +
    • {$t.dashboard?.setup_checklist_url || "Superset base URL without /api/v1"}
    • {$t.dashboard?.setup_checklist_user || "Service username with access to dashboards"}
    • {$t.dashboard?.setup_checklist_pass || "Password for the selected Superset account"}
      • @@ -146,14 +146,14 @@
-
+

{$t.dashboard?.setup_step_title || "Starter flow"}

-
+

1. {$t.dashboard?.setup_step_one || "Create the first environment"}

2. {$t.dashboard?.setup_step_two || "Select it automatically for the current session"}

3. {$t.dashboard?.setup_step_three || "Load dashboard inventory for that environment"}

-
@@ -162,50 +162,50 @@
-
{#if submitError} -
{submitError}
+
{submitError}
{/if}
-
- -
diff --git a/frontend/src/components/TaskHistory.svelte b/frontend/src/components/TaskHistory.svelte index 7c18c9f9..86ef3f1e 100644 --- a/frontend/src/components/TaskHistory.svelte +++ b/frontend/src/components/TaskHistory.svelte @@ -139,11 +139,11 @@ // @POST: Returns tailwind color class string. function getStatusColor(status) { const s = status?.toLowerCase(); - if (s === "success" || s === "completed") return "bg-green-100 text-green-800"; - if (s === "failed" || s === "error") return "bg-red-100 text-red-800"; - if (s === "running" || s === "in_progress") return "bg-blue-100 text-blue-800"; - if (s === "partial" || s === "partial_success") return "bg-amber-100 text-amber-800"; - return "bg-gray-100 text-gray-800"; + if (s === "success" || s === "completed") return "bg-success-light text-success"; + if (s === "failed" || s === "error") return "bg-destructive-light text-destructive"; + if (s === "running" || s === "in_progress") return "bg-primary-light text-primary"; + if (s === "partial" || s === "partial_success") return "bg-warning-light text-warning"; + return "bg-surface-muted text-text"; } // #endregion getStatusColor:Function @@ -171,30 +171,30 @@ // #endregion onDestroy:Function -
+
-

+

{$t.tasks?.recent }

-
- @@ -202,25 +202,25 @@
{#if loading && tasks.length === 0} -
{$t.tasks?.loading }
+
{$t.tasks?.loading }
{:else if error} -
{error}
+
{error}
{:else if tasks.length === 0} -
{$t.tasks?.no_tasks }
+
{$t.tasks?.no_tasks }
{:else} -
    +
      {#each tasks as task}
{:else} @@ -106,7 +106,7 @@