node {omniEnv?.node ?? "—"}
npm {omniEnv?.npm ?? "—"}
omniroute {omniEnv?.omniroute ?? "—"}
@@ -719,7 +719,7 @@
{:else if omniEnv && !omniEnv.omniroute}
void installOmni()}
disabled={omniBusy !== ''}
>
@@ -734,7 +734,7 @@
{:else if omniEnv && !omniServing}
void startOmni()}
disabled={omniBusy !== ''}
>
@@ -751,7 +751,7 @@
looked like - so show what the process is actually saying.
Reserved height, so lines arriving don't push the dialog. -->
{#if omniBusy === 'installing' || omniBusy === 'starting'}
-
+
{omniLog || "working…"}
{/if}
@@ -801,12 +801,12 @@
{ suggestionsTried = false; void loadLocalModels(); }}
>
Connect a provider in the OmniRoute dashboard, then recheck.
{:else}
@@ -816,24 +816,24 @@
Model ID below, so Continue works without retyping it. -->
{#if suggestionsLoading}
-
+
{:else if ollamaSuggestions.local.length || ollamaSuggestions.cloud.length}
{#if ollamaSuggestions.local.length}
-
Runs on this machine
+
Runs on this machine
{#each ollamaSuggestions.local.slice(0, 3) as m (m.id)}{@render suggestionRow(m)}{/each}
{/if}
{#if ollamaSuggestions.cloud.length}
-
+
Ollama Cloud · runs on their hardware
{#each ollamaSuggestions.cloud.slice(0, 5) as m (m.id)}{@render suggestionRow(m)}{/each}
-
+
Cloud models need ollama signin once - no download, and they are far
larger than anything local.
@@ -841,7 +841,7 @@
{:else}
-
+
Couldn't reach Ollama's model list. Pick one at
{/if}
{#if ollamaSuggestions.local.length || ollamaSuggestions.cloud.length}
- Copy a command, run it in a terminal, then Recheck.
+ Copy a command, run it in a terminal, then Recheck.
{/if}
{/if}
{#if selected}{@render checkBadge()}{/if}
@@ -1004,7 +1004,7 @@
/>
(showKey = !showKey)}
tabindex="-1"
>
@@ -1062,7 +1062,7 @@
{#if step === 2}
{#if testState === "testing"} void handleDelete(editingId)}>
diff --git a/src/lib/components/AiSidebar.svelte b/src/lib/components/AiSidebar.svelte
index 64c0edef..078e579f 100644
--- a/src/lib/components/AiSidebar.svelte
+++ b/src/lib/components/AiSidebar.svelte
@@ -1,5 +1,6 @@
+
+
+{#snippet item(/** @type {string} */ icon, /** @type {string} */ label, /** @type {string} */ action, /** @type {string} */ combo = "", /** @type {boolean} */ disabled = false)}
+ run(action)}>
+ {label}
+ {#if combo}
+{/snippet}
+
+
+{#snippet divider()}
+
+
+
+ File
+
+
+ {@render item("file-text", "New tab", "newTab", "Mod+Shift+T")}
+ {@render item("terminal", "New query editor", "newSql", "", !connected)}
+ {@render item("copy", "New window", "newWindow", "Mod+Shift+N")}
+
+
+
+
+ {@render divider()}
+
+
+
+ Edit
+
+
+ {@render item("search", "Search rows", "search", "Mod+F", !connected)}
+ {@render item("replace", "Find & replace…", "findReplace", "Mod+Alt+F", !connected)}
+ {@render item("list-filter", "Find in database…", "findInDatabase", "", !connected)}
+
+
+
+
+ {@render divider()}
+
+
+
+ View
+
+
+ {@render item("layout-list", "Toggle sidebar", "toggleSidebar", "Mod+B")}
+ {@render item("bot", "Toggle chat", "toggleChat", "Mod+I")}
+
+
+
+
+ {@render divider()}
+
+
+
+ Tools
+
+
+ {@render item("box", "Database objects", "objects", "", !connected)}
+ {@render item("server", "Instance insights", "insights", "", !connected)}
+ {@render item("git-branch", "Schema explorer", "schema", "", !connected)}
+ {@render item("network", "ER diagram", "erd", "", !connected)}
+
+
+
+
+ {@render divider()}
+
+
+
+ Help
+
+
+ {@render item("command", "Keyboard shortcuts", "shortcuts", "Mod+/")}
+ {@render item("external-link", "What's new", "changelog")}
+
+
+
+
diff --git a/src/lib/components/AppearanceMenu.svelte b/src/lib/components/AppearanceMenu.svelte
index c682464a..8a4dff1e 100644
--- a/src/lib/components/AppearanceMenu.svelte
+++ b/src/lib/components/AppearanceMenu.svelte
@@ -1,4 +1,5 @@
{column}
-
+
{elementType || 'array'}[]
- ·
+ ·
{items.length} {items.length === 1 ? 'element' : 'elements'}
{#if items.length === 0}
-
Empty array {'{}'}
+
Empty array {'{}'}
onDragStart(i, e)}
ondragend={onDragEnd}
- class="flex size-6 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground/30 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing"
+ class="flex size-6 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground transition-colors hover:text-muted-foreground active:cursor-grabbing"
>
-
{i}
+
{i}
{#if item.v === null}
toggleNull(i)}
title="Click to enter a value"
>NULL
@@ -180,17 +180,17 @@
placeholder="value"
spellcheck="false"
autocomplete="off"
- class="h-8 min-w-0 flex-1 rounded-lg border-2 border-border bg-muted/15 px-2.5 font-mono text-ui-xs leading-none text-foreground outline-none transition-[border-color,box-shadow] duration-150 placeholder:text-muted-foreground/30 hover:border-border/60 focus:border-ring/55 focus:ring-2 focus:ring-ring/15"
+ class= "field-surface h-8 min-w-0 flex-1 bg-muted/15 px-2.5 font-mono text-ui-xs leading-none text-foreground outline-none transition-[border-color,box-shadow] duration-150 placeholder:text-muted-foreground hover:"
onkeydown={(e) => { if (e.key === 'Enter') { e.preventDefault(); addItem() } }}
/>
{/if}
toggleNull(i)}>
removeAt(i)}>
@@ -204,7 +204,7 @@
Clear
{/if}
Cancel
{}); // signal the backend to stop mid-run
- stopExportLog();
- exportPhase = "idle";
- exportLogs = [];
- toast.info("Export stopped");
+ toast.info("Stopping the export…");
}
async function downloadSql() {
@@ -247,6 +260,7 @@
function resetExport() {
exportPhase = "idle";
+ exportStopping = false;
exportResult = null;
exportError = "";
exportLogs = [];
@@ -255,7 +269,7 @@
// ── Import ────────────────────────────────────────────────────────────────
/** @type {'idle'|'running'|'done'|'error'} */
let importPhase = $state("idle");
- /** @type {{statementsOk:number,statementsErr:number,errors:string[]}|null} */
+ /** @type {{statementsOk:number,statementsErr:number,statementsSkipped:number,cancelled:boolean,errors:string[]}|null} */
let importResult = $state(null);
let importError = $state("");
let importSql = $state("");
@@ -264,6 +278,8 @@
let showImportErrors = $state(false);
let importConfirmed = $state(false);
let importCancelled = $state(false);
+ /** Cancel requested, waiting for the backend to stop and report back. */
+ let importStopping = $state(false);
function onFileSelect(/** @type {Event} */ e) {
const input = /** @type {HTMLInputElement} */ (e.target);
@@ -298,15 +314,24 @@
importResult = null;
importError = "";
importCancelled = false;
+ importStopping = false;
showImportErrors = false;
restoreLogs = [];
await startRestoreLog();
try {
const result = await backupImport(importSql);
- if (importCancelled) return;
importResult = result;
importPhase = "done";
- if (result.statementsErr === 0) {
+ if (result.cancelled) {
+ // The backend reports what it actually did. On Postgres the whole
+ // restore is one transaction and a cancel rolls it back; the other
+ // engines apply statement by statement, so some of it stands.
+ toast.info(
+ result.statementsOk === 0
+ ? "Restore cancelled, nothing was applied"
+ : `Restore cancelled after ${result.statementsOk} statement(s)`,
+ );
+ } else if (result.statementsErr === 0) {
toast.success(`Restore complete, ${result.statementsOk} statements`);
} else {
toast.warning(`Restore finished with ${result.statementsErr} error(s)`);
@@ -322,11 +347,14 @@
}
function stopImport() {
+ // Stay in `running` until the backend's promise settles. Dropping straight
+ // to idle both hid what the restore had already applied and let a second
+ // run start while the first was still looping - and because the cancel flag
+ // is global, starting that second run cleared the first one's cancel.
importCancelled = true;
+ importStopping = true;
backupCancel().catch(() => {}); // signal the backend to stop mid-run
- stopRestoreLog();
- importPhase = "idle";
- toast.info("Restore stopped");
+ toast.info("Stopping the restore…");
}
function resetImport() {
@@ -339,6 +367,7 @@
showImportErrors = false;
importConfirmed = false;
importCancelled = false;
+ importStopping = false;
restoreLogs = [];
}
@@ -379,7 +408,7 @@
{label}
{#if hint}
- {hint}
+ {hint}
{/if}
@@ -398,7 +427,7 @@
{#if exportPhase === "running"}
{:else if exportLogs.length > 0}
-
{exportLogs.length} entries
{/if}
@@ -408,7 +437,7 @@
class="min-h-0 flex-1 overflow-y-auto bg-muted/10 p-4 font-mono"
>
{#if exportLogs.length === 0}
-
+
Run an export to see progress here.
{:else}
@@ -422,7 +451,7 @@
{/each}
{#if exportPhase === "running"}
Running…
@@ -445,7 +474,7 @@
{#if importPhase === "running"}
{:else if restoreLogs.length > 0}
-
{restoreLogs.length} entries
{/if}
@@ -455,7 +484,7 @@
class="min-h-0 flex-1 overflow-y-auto bg-muted/10 p-4 font-mono"
>
{#if restoreLogs.length === 0}
-
+
{importPhase === "idle"
? "Run a restore to see progress here."
: "Waiting for log entries…"}
@@ -471,7 +500,7 @@
{/each}
{#if importPhase === "running"}
Running…
@@ -617,7 +646,7 @@
>
Tables
{#if tables.length > 0}
-
{selectedTables.size}/{tables.length}
{/if}
@@ -640,7 +669,7 @@
{#if tables.length === 0}
-
+
No tables found.
{:else}
@@ -660,7 +689,7 @@
{#if t.rowCount != null && t.rowCount >= 0}
{fmtRows(t.rowCount)}
{/if}
@@ -736,11 +765,14 @@
disabled
class="flex flex-1 items-center justify-center gap-2 rounded-md bg-primary/60 px-4 py-2 text-ui-xs font-medium text-primary-foreground"
>
-
@@ -787,7 +819,7 @@
-
@@ -833,13 +865,13 @@
-
Select a SQL backup file
-
+
Supports .sql and
.txt
@@ -905,12 +937,29 @@
{:else if importPhase === "done" && importResult}
- {#if importResult.statementsErr === 0}
+ {#if importResult.cancelled}
+
+
+
+
+ Restore cancelled
+
+
+ {importResult.statementsOk === 0
+ ? "Nothing was applied"
+ : `${importResult.statementsOk} statement${importResult.statementsOk === 1 ? "" : "s"} were applied before it stopped`}
+
+
+ {:else if importResult.statementsErr === 0}
@@ -946,7 +995,7 @@
>
OK
@@ -957,7 +1006,7 @@
{#if importResult.statementsErr > 0}
Failed
@@ -966,6 +1015,18 @@
{/if}
+ {#if importResult.statementsSkipped > 0}
+
+
+ Not run
+
+
+ {importResult.statementsSkipped}
+
+
+ {/if}
{#if importResult.errors.length > 0}
@@ -985,7 +1046,7 @@
class="mt-2 max-h-36 overflow-y-auto rounded-lg border border-border/40 bg-background p-2.5"
>
{#each importResult.errors as err, i (i)}
-
+
{err}
{/each}
@@ -1007,7 +1068,7 @@
Restore failed
-
+
{importError}
@@ -1034,11 +1095,14 @@
disabled
class="flex flex-1 items-center justify-center gap-2 rounded-md bg-primary/60 px-4 py-2 text-ui-xs font-medium text-primary-foreground"
>
-
Running…
+
{importStopping
+ ? "Stopping…"
+ : "Running…"}
diff --git a/src/lib/components/CarbonMeterChart.svelte b/src/lib/components/CarbonMeterChart.svelte
index feaaec1e..5556d6cf 100644
--- a/src/lib/components/CarbonMeterChart.svelte
+++ b/src/lib/components/CarbonMeterChart.svelte
@@ -19,17 +19,17 @@
}))
})
- const used = $derived(segments.reduce((s, d) => s + d.value, 0))
- const total = $derived.by(() => {
+ const used = $derived(segments.reduce((s, d) => s + d.value, 0))
+ const total = $derived.by(() => {
if (spec?.z_col && spec.data?.[0]?.[spec.z_col] != null) return Math.max(used, Number(spec.data[0][spec.z_col]))
return used || 100
})
- const pct = $derived(segments.map(s => ({ ...s, width: total > 0 ? (s.value / total) * 100 : 0 })))
+ const pct = $derived(segments.map(s => ({ ...s, width: total > 0 ? (s.value / total) * 100 : 0 })))
const remain = $derived(Math.max(0, total - used))
{#if !segments.length}
- No data
+ No data
{:else}
{#if !noTitle && spec?.title}
@@ -38,11 +38,11 @@
-
+
{used.toLocaleString()} used
{#if remain > 0}· {remain.toLocaleString()} available{/if}
- {total.toLocaleString()} total
+ {total.toLocaleString()} total
@@ -61,7 +61,7 @@
{#each segments as seg (seg.name)}
{seg.name}
+ {seg.name}
{seg.value.toLocaleString()}
{/each}
diff --git a/src/lib/components/CellEditorPanel.svelte b/src/lib/components/CellEditorPanel.svelte
new file mode 100644
index 00000000..a8328c90
--- /dev/null
+++ b/src/lib/components/CellEditorPanel.svelte
@@ -0,0 +1,946 @@
+
+
+
+
+
+
+
+
+
+
+
{colName}
+ {#if colType}
+
{colType}
+ {/if}
+ {#if sourceHint}
+
({sourceHint})
+ {/if}
+ {#if isNull && !dirty}
+
NULL
+ {/if}
+ {#if readOnly}
+
+ {detached ? 'inside a row · read-only' : 'read-only'}
+
+ {/if}
+
+ {lines.toLocaleString()}L · {chars.toLocaleString()}c
+
+ {#if oversize}
+
{formatBytes(oversize.bytes)} · not loaded
+ {#if onloadfull}
+
void loadFull()}
+ >
+ {#if loadingFull}
+
+ {/if}
+ {/if}
+ {#if dirty && !readOnly}
+
edited
+ {/if}
+
+
+
+
+
+
+ {hitCount ? (rawOpen && rawHits.length ? `${hit + 1}/${rawHits.length}` : hitCount) : 'none'}{treeSearch?.truncated ? '+' : ''}
+
+
+
+ {/if}
+
+ {#if isTreeable}
+
+
(rawOpen = !rawOpen)}
+ title={rawOpen ? 'Hide the raw text' : 'Show the raw text, which is where editing happens'}
+ >
+
+ {/if}
+
(wrap = !wrap)}
+ title="Soft wrap (Alt+Z)"
+ >
+
+
+
+
+ {#if !readOnly}
+
+
+
+ Stage change
+
+ {/if}
+
(open = false)}
+ aria-label="Close cell editor"
+ >
+
+
+
+
+
+
+
+
+ {#if !wrap && rawOpen}
+
+ {#each lineNumbers as n (n)}
{n}
{/each}
+
+ {/if}
+
+ {#if rawOpen && rawRuns}
+
{#each rawRuns as run, i (i)}{#if run.hit >= 0}{run.t} {:else}{run.t}{/if}{/each}
+ {/if}
+ {#if heavy && rawOpen}
+
+
+
+
+ {formatBytes(rawOffset)}–{formatBytes(rawWindowEnd)} of {formatBytes(draft.length)}
+
+ {#if canEditWindow}
+
editable
+ {:else}
+
read-only
+ {/if}
+
+ (rawOffset = Math.max(0, rawOffset - RAW_WINDOW))}
+ >Back
+ = draft.length}
+ class="inline-flex h-6 items-center rounded-md px-2 font-mono text-ui-3xs text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground disabled:opacity-40 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-ring"
+ onclick={() => (rawOffset = Math.min(draft.length - 1, rawOffset + RAW_WINDOW))}
+ >More
+
+
+
+
+ {/if}
+
+
+ {#if parsed}
+
+
+
+
+ {parsed.ok ? 'Tree' : 'Preview'}
+
+ {#if parsed.truncated}
+ truncated value
+ {:else if !parsed.ok}
+ invalid JSON
+ {/if}
+
+
+
+ {/if}
+
+
diff --git a/src/lib/components/CellQuickLook.svelte b/src/lib/components/CellQuickLook.svelte
deleted file mode 100644
index b75a5fb0..00000000
--- a/src/lib/components/CellQuickLook.svelte
+++ /dev/null
@@ -1,182 +0,0 @@
-
-
-{#if cell}
-
-
-
-
-
-
-
-
-
-
-
- {cell.columnName}
-
- {#if cell.dataType}
-
- {cell.dataType}
-
- {/if}
- {#if cell.nullable}
-
- nullable
-
- {/if}
-
-
-
-
-
-
-
- {#if isNull}
-
- NULL
-
- {/if}
-
-
-
-
-
- {#if cell.nullable}
-
-
- {/if}
-
-
- {charCount.toLocaleString()} chars
-
-
-
- Cancel
- Esc
-
-
-
- {saving ? "Saving…" : "Save"}
- {saveHint}
-
-
-
-
-{/if}
diff --git a/src/lib/components/ChartView.svelte b/src/lib/components/ChartView.svelte
index 947073ad..cd8d8d5e 100644
--- a/src/lib/components/ChartView.svelte
+++ b/src/lib/components/ChartView.svelte
@@ -142,12 +142,12 @@
})
const numericCols = $derived(effectiveColumns.filter(c => colType(c) === 'number'))
- const allCols = $derived(effectiveColumns.map(c => c.name))
+ const allCols = $derived(effectiveColumns.map(c => c.name))
const requiredAxes = $derived(getRequiredAxes(chartType))
- let xCol = $state('')
- let yCol = $state('')
- let zCol = $state('')
+ let xCol = $state('')
+ let yCol = $state('')
+ let zCol = $state('')
let groupCol = $state('')
// Seed / repair the axis selections when the available columns change, but
@@ -285,11 +285,11 @@
}
// ── Save panel ────────────────────────────────────────────────────────────
- let saveOpen = $state(false)
- let saveName = $state('')
- let saveGroup = $state('Default')
- let newGroupMode = $state(false)
- let newGroupName = $state('')
+ let saveOpen = $state(false)
+ let saveName = $state('')
+ let saveGroup = $state('Default')
+ let newGroupMode = $state(false)
+ let newGroupName = $state('')
function openSavePanel() {
saveName = ''; saveGroup = $chartGroups[0] ?? 'Default'
@@ -316,22 +316,22 @@
// token IS the Select trigger, so the border, hover and focus ring are drawn
// once by the primitive instead of a wrapper and a nested control each
// painting their own (which is what made the focused state look doubled).
- const axisToken = 'group h-7 shrink-0 gap-0 overflow-hidden rounded-md border-border/40 bg-muted/20 p-0 pr-1.5 transition-colors hover:border-border/60 hover:bg-muted/30 [&_svg]:size-3 [&_svg]:text-muted-foreground/40'
- const axisLabel = 'flex h-full shrink-0 select-none items-center border-r border-border/30 px-2 text-ui-2xs font-semibold uppercase tracking-widest text-muted-foreground/35'
+ const axisToken = 'group h-7 shrink-0 gap-0 overflow-hidden rounded-md border-border/40 bg-muted/20 p-0 pr-1.5 transition-colors hover:border-border/60 hover:bg-muted/30 [&_svg]:size-3 [&_svg]:text-muted-foreground'
+ const axisLabel = 'flex h-full shrink-0 select-none items-center border-r border-border/30 px-2 text-ui-2xs font-semibold uppercase tracking-widest text-muted-foreground'
const axisValue = 'truncate px-2 font-mono text-ui-xs text-foreground'
const axisContent = 'z-[120] max-h-[20rem] min-w-[11rem] p-1'
// No radius here: Select.Item's own rounded-lg is derived from the panel's
// radius minus its padding, and overriding it breaks that relationship.
const axisItem = 'py-1.5 pl-2 font-mono text-ui-xs'
- const iconBtn = 'inline-flex size-7 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground'
+ const iconBtn = 'inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground'
{#if !chartable}
-
-
Need at least one numeric column to chart
+
+
Need at least one numeric column to chart
{:else}
@@ -356,7 +356,7 @@
>
{currentEntry?.label ?? 'Chart'}
-
+
@@ -370,15 +370,15 @@
>
-
+
{#if pickerSearch}
-
(pickerSearch = '')} class="text-muted-foreground/40 hover:text-muted-foreground">
+ (pickerSearch = '')} class="text-muted-foreground hover:text-muted-foreground">
{/if}
@@ -387,11 +387,11 @@
{#if filteredByGroup.length === 0}
-
No charts match "{pickerSearch}"
+
No charts match "{pickerSearch}"
{:else}
{#each filteredByGroup as grp (grp.group)}
-
{grp.group}
+
{grp.group}
{#each grp.charts as t (t.id)}
-
{rows.length.toLocaleString()} rows
+
{rows.length.toLocaleString()} rows
@@ -494,12 +494,12 @@
{#if saveOpen}
-
Save as
+
Save as
{#if !newGroupMode}
@@ -507,7 +507,7 @@
{saveGroup}
@@ -515,7 +515,7 @@
{#each $chartGroups as g (g)}
{g} {/each}
-
{ newGroupMode = true }}>
+ { newGroupMode = true }}>
{:else}
@@ -523,9 +523,9 @@
type="text"
placeholder="New group name…"
bind:value={newGroupName}
- class="h-6 w-36 rounded-lg border-2 border-border bg-background/80 px-2 font-mono text-ui-xs text-foreground outline-none placeholder:text-muted-foreground/40 focus:border-ring/55 focus:ring-2 focus:ring-ring/15"
+ class= "field-surface h-6 w-36 bg-background/80 px-2 font-mono text-ui-xs text-foreground outline-none placeholder:text-muted-foreground"
/>
- (newGroupMode = false)}>
+ (newGroupMode = false)}>
{/if}
@@ -554,7 +554,7 @@
{#if rows.length === 0}
-
No data to display
+
No data to display
+
sampled {MAX_CHART_ROWS.toLocaleString()} of {rows.length.toLocaleString()} rows
{/if}
{#snippet failed(error, reset)}
This chart couldn't render
-
{error instanceof Error ? error.message : String(error)}
+
{error instanceof Error ? error.message : String(error)}
Retry
{/snippet}
diff --git a/src/lib/components/ChartsPage.svelte b/src/lib/components/ChartsPage.svelte
index 0c103b46..e953c0bb 100644
--- a/src/lib/components/ChartsPage.svelte
+++ b/src/lib/components/ChartsPage.svelte
@@ -176,7 +176,7 @@
}
const btnIconSm =
- "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground";
+ "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground";
/**
* Add chart directly to a specific dashboard (or create one if none exist).
@@ -202,7 +202,7 @@
{#if !connection}
-
+
Connect to a database to view saved charts
@@ -213,10 +213,10 @@
class="studio-chrome flex shrink-0 items-center gap-2 border-b border-border/50 bg-panel px-4 py-2"
data-studio-chrome
>
-
+
Saved Charts
{totalCharts}
@@ -224,7 +224,7 @@
{#if !newGroupOpen}
{
newGroupOpen = true;
newGroupInput = "";
@@ -239,7 +239,7 @@
type="text"
placeholder="Group name…"
bind:value={newGroupInput}
- class="h-6 rounded-lg border-2 border-border bg-background/80 px-2 font-mono text-ui-xs outline-none placeholder:text-muted-foreground/40 focus:border-ring/55 focus:ring-2 focus:ring-ring/15"
+ class= "field-surface h-6 bg-background/80 px-2 font-mono text-ui-xs outline-none placeholder:text-muted-foreground"
style="width:150px"
onkeydown={(e) => {
if (e.key === "Enter") commitNewGroup();
@@ -279,16 +279,16 @@
-
No saved charts yet
-
+
Save charts from the Query Editor to see them here
Run a query
@@ -304,7 +304,7 @@
-
+
{#if renamingGroupName === grpData.group}
{grpData.charts.length}
{#if grpData.group !== "Default"}
@@ -348,7 +348,7 @@
title="Rename group"
onclick={() => startRenameGroup(grpData.group)}
>
-
+
handleDeleteGroup(grpData.group)}
>
-
{/if}
{/if}
@@ -389,7 +389,7 @@
-
{/if}
@@ -404,7 +404,7 @@
title="Open SQL in editor"
onclick={() => handleRunSql(chart)}
>
-
+
Run
@@ -420,7 +420,7 @@
: chart.id;
}}
>
-
+
Dashboard
{#if dashPickerChartId === chart.id}
@@ -437,12 +437,12 @@
}}
>
{d.name}
{#if d.id === $activeDashboardId}
active
{/if}
@@ -451,7 +451,7 @@
{
e.stopPropagation();
addToNewDashboard(chart.id);
@@ -475,7 +475,7 @@
title="Rename"
onclick={() => startRenameChart(chart.id)}
>
-
-
{#if moveChartId === chart.id}
g !== chart.group).length === 0}
No other groups
@@ -529,7 +529,7 @@
: "Delete"}
onclick={() => handleDeleteChart(chart.id)}
>
-
+
@@ -554,7 +554,7 @@
type="button"
class={cn(btnIconSm, "size-4 shrink-0")}
onclick={commitRenameChart}
- >
{/if}
{entry?.label ?? chart.config.type}
@@ -588,12 +588,12 @@
{#if grpData.charts.length === 0}
-
{grpData.group}
0
{#if grpData.group !== "Default"}
@@ -603,12 +603,12 @@
title="Delete empty group"
onclick={() => handleDeleteGroup(grpData.group)}
>
-
No charts in this group
diff --git a/src/lib/components/ChoroplethChart.svelte b/src/lib/components/ChoroplethChart.svelte
index e710e1ef..8162f9db 100644
--- a/src/lib/components/ChoroplethChart.svelte
+++ b/src/lib/components/ChoroplethChart.svelte
@@ -133,9 +133,9 @@
}
function buildOption() {
- const fg = isDark ? '#e5e7eb' : '#111827'
- const muted = isDark ? 'rgba(255,255,255,0.45)' : 'rgba(0,0,0,0.45)'
- const land = isDark ? '#1e2433' : '#d1d5db'
+ const fg = isDark ? '#e5e7eb' : '#111827'
+ const muted = isDark ? 'rgba(255,255,255,0.45)' : 'rgba(0,0,0,0.45)'
+ const land = isDark ? '#1e2433' : '#d1d5db'
const border = isDark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.12)'
return {
@@ -232,7 +232,7 @@
{#if !spec?.data?.length}
- No data
+ No data
{:else}
@@ -248,7 +248,7 @@
>Retry
{:else if loading}
-
+
⟳ Loading map…
{/if}
diff --git a/src/lib/components/CloudflareLogin.svelte b/src/lib/components/CloudflareLogin.svelte
index 07857f5a..573de0ae 100644
--- a/src/lib/components/CloudflareLogin.svelte
+++ b/src/lib/components/CloudflareLogin.svelte
@@ -69,6 +69,35 @@
}
})
+ /**
+ * Nothing loads forever.
+ *
+ * The panel sat on "Loading your Cloudflare accounts…" indefinitely: the
+ * shared Cloudflare HTTP client had no timeout (reqwest has no default), so a
+ * stalled request left the Tauri command awaiting and this `await` never
+ * returned - no error, no dropdown, no way back. The client is bounded now;
+ * this is the backstop for everything else on that path, the keychain read
+ * included.
+ * @template T
+ * @param {Promise
} work
+ * @param {number} ms
+ * @param {string} what
+ * @returns {Promise}
+ */
+ function withTimeout(work, ms, what) {
+ /** @type {ReturnType} */
+ let timer
+ return Promise.race([
+ work,
+ new Promise((_, reject) => {
+ timer = setTimeout(
+ () => reject(new Error(`Timed out ${what}. Check your connection and try again.`)),
+ ms,
+ )
+ }),
+ ]).finally(() => clearTimeout(timer))
+ }
+
/** Turn a raw backend error into a calm title + one-line explanation. */
function friendlyError(msg) {
const m = String(msg ?? '')
@@ -110,10 +139,16 @@
}
async function loadAccounts() {
+ phase = 'fetching'
+ errorMsg = ''
try {
const { cfGetValidToken } = await import('$lib/cloudflare.js')
- const token = await cfGetValidToken()
- accounts = await cloudflareListAccounts(token)
+ const token = await withTimeout(cfGetValidToken(), 20_000, 'reading your Cloudflare session')
+ accounts = await withTimeout(
+ cloudflareListAccounts(token),
+ 20_000,
+ 'listing your Cloudflare accounts',
+ )
phase = 'selecting'
// Auto-select an account so the D1 database list loads immediately; the
// user can still switch accounts via the dropdown when there are several.
@@ -137,8 +172,12 @@
loadingDbs = true
try {
const { cfGetValidToken } = await import('$lib/cloudflare.js')
- const token = await cfGetValidToken()
- databases = await cloudflareListD1Databases(token, id)
+ const token = await withTimeout(cfGetValidToken(), 20_000, 'reading your Cloudflare session')
+ databases = await withTimeout(
+ cloudflareListD1Databases(token, id),
+ 20_000,
+ 'listing D1 databases for this account',
+ )
} catch (e) {
// Show the error card - staying in 'selecting' rendered a misleading
// "No D1 databases in this account" empty state over a real failure.
@@ -221,13 +260,30 @@
{:else if phase === 'error'}
-
+
+ {@const signedIn = !!email}
+
{#snippet mark()}
-
+
+ (signedIn ? loadAccounts() : startAuth())}>
+
+ {#if signedIn}
+
+
+ {/if}
+
{/snippet}
@@ -243,13 +299,13 @@
{email}
+ {email}
{/if}
- Account
+ Account
({ value: a.id, label: a.name }))}
placeholder="Search accounts…"
@@ -271,7 +327,7 @@
{selectedAccountName || '- select account -'}
@@ -280,20 +336,20 @@
{/snippet}
{#snippet item(it)}
- {it.label}
{#if it.value === selectedAccountId}
{:else if accounts.length === 1}
- Account · {accounts[0].name}
+ Account · {accounts[0].name}
{/if}
{#if selectedAccountId}
-
D1 Database
+
D1 Database
{#if databases.length > 0}
-
{selectedDbName || '- select database -'}
@@ -318,7 +374,7 @@
{/snippet}
{#snippet item(it)}
- {it.label}
{#if it.value === selectedDbUuid}
+
Loading databases…
{:else}
-
-
No D1 databases in this account.
+
+
No D1 databases in this account.
selectAccount(selectedAccountId)}
>
{column}
{#if dataType}
- {dataType}
+ {dataType}
{/if}
diff --git a/src/lib/components/CommandPalette.svelte b/src/lib/components/CommandPalette.svelte
index 18e55448..e9133953 100644
--- a/src/lib/components/CommandPalette.svelte
+++ b/src/lib/components/CommandPalette.svelte
@@ -97,7 +97,7 @@
}
// Single source of truth for page destinations - rendered both in the root
- // "Views" group and in the dedicated "Go to page" navigator (Ctrl/⌘+P). Add a
+ // "Views" group and in the dedicated "Go to page" navigator (Ctrl/⌘+Shift+P). Add a
// page once here and it shows up in both. `keys` is an optional shortcut hint.
const pageItems = $derived([
{ icon: 'key-round', label: 'Redis Keyspace', action: onopenredis, show: connected && isRedis, value: 'redis keyspace keys browse key value store console cli' },
@@ -376,6 +376,37 @@
}
}
+ // The mouse's back button inside the palette: a sub-page (tables, pages, ask)
+ // steps back to root, root closes. Same reasoning as the connection dialog -
+ // the global handler bails while an overlay is open, but "back" still means
+ // something in here. Capture-phase and stopped so the global one never sees
+ // it, and the default is suppressed either way: unhandled, the webview walks
+ // its own document history and navigates out of the app.
+ $effect(() => {
+ if (!open) return
+ /** @param {MouseEvent} e */
+ function onMouseNav(e) {
+ if (e.button !== 3 && e.button !== 4) return
+ e.preventDefault()
+ e.stopPropagation()
+ if (e.button !== 3) return
+ if (page !== 'root') page = 'root'
+ else open = false
+ }
+ /** Swallow the paired auxclick/mouseup so the webview cannot act on them. */
+ function swallowAux(/** @type {MouseEvent} */ e) {
+ if (e.button === 3 || e.button === 4) { e.preventDefault(); e.stopPropagation() }
+ }
+ document.addEventListener('mousedown', onMouseNav, { capture: true })
+ document.addEventListener('auxclick', swallowAux, { capture: true })
+ document.addEventListener('mouseup', swallowAux, { capture: true })
+ return () => {
+ document.removeEventListener('mousedown', onMouseNav, { capture: true })
+ document.removeEventListener('auxclick', swallowAux, { capture: true })
+ document.removeEventListener('mouseup', swallowAux, { capture: true })
+ }
+ })
+
$effect(() => {
if (!open) {
// Abort any in-flight quick-ask: closing mid-stream must stop the tool
@@ -407,7 +438,7 @@
// Derived table groups - used in both the root page and the dedicated tables page
const regularTables = $derived(tables.filter((t) => !t.tableKind || t.tableKind === 'table' || t.tableKind === 'foreign_table'))
- const viewTables = $derived(tables.filter((t) => t.tableKind === 'view'))
+ const viewTables = $derived(tables.filter((t) => t.tableKind === 'view'))
const matViewTables = $derived(tables.filter((t) => t.tableKind === 'materialized_view'))
// Search text bound from Command.Input. We filter + cap the Tables page
@@ -432,8 +463,8 @@
const words = l.split(/[\s_.\-]+/).filter(Boolean)
return { t, l, loose: stripSep(l), words, initials: words.map((w) => w[0]).join('') }
}
- const _loweredRegular = $derived(regularTables.map(prep))
- const _loweredViews = $derived(viewTables.map(prep))
+ const _loweredRegular = $derived(regularTables.map(prep))
+ const _loweredViews = $derived(viewTables.map(prep))
const _loweredMatViews = $derived(matViewTables.map(prep))
/**
@@ -498,8 +529,8 @@
return { items: scored.slice(0, TABLES_PAGE_CAP).map((x) => x.t), total: scored.length }
}
- const tablesPageRegular = $derived(filterAndCap(_loweredRegular))
- const tablesPageViews = $derived(filterAndCap(_loweredViews))
+ const tablesPageRegular = $derived(filterAndCap(_loweredRegular))
+ const tablesPageViews = $derived(filterAndCap(_loweredViews))
const tablesPageMatViews = $derived(filterAndCap(_loweredMatViews))
// On tables page: shouldFilter=false so bits-ui skips its sort/filter pass entirely
@@ -552,8 +583,8 @@
title="Command menu"
description="Search tables, schemas, and commands"
class={page === 'ask'
- ? 'w-[min(820px,calc(100vw-3rem))] sm:max-w-none'
- : 'w-[min(540px,calc(100vw-2rem))] sm:max-w-none'}
+ ? 'w-[min(51.25rem,calc(100vw-3rem))] sm:max-w-none'
+ : 'w-[min(33.75rem,calc(100vw-2rem))] sm:max-w-none'}
>
{#snippet children()}
@@ -577,13 +608,13 @@
- /
+ /
{pageLabel[page]}
{/if}
@@ -592,7 +623,7 @@
one exchange at a time, so answers and their result tables get clipped. -->
{#if page !== 'ask'}
- No results.
+ No results.
{/if}
@@ -615,7 +646,7 @@
{:else if turn.role === 'tool'}
-
+
{#if turn.status === 'running'}
{#each turn.result.columns.slice(0, 5) as c}
- {c}
+ {c}
{/each}
@@ -636,7 +667,7 @@
{#each turn.result.rows as row, ri}
{#each row.slice(0, 5) as cell}
- {cell === null ? 'NULL' : String(cell)}
+ {cell === null ? 'NULL' : String(cell)}
{/each}
{/each}
@@ -644,7 +675,7 @@
{#if turn.result.total > turn.result.rows.length}
-
showing {turn.result.rows.length} of {turn.result.total} rows
+
showing {turn.result.rows.length} of {turn.result.total} rows
{/if}
{/if}
@@ -652,7 +683,7 @@
{:else}
{#if turn.streaming && !turn.text}
-
+
{:else}
{/if}
@@ -682,7 +713,7 @@
{ const q = lastAskQuestion; open = false; onaskcontinue(q) }}>
{/if}
-
Type below and press ↵ to follow up
+
Type below and press ↵ to follow up
{/if}
@@ -692,7 +723,7 @@
startAsk(paletteSearch)}>
Ask AI: "{paletteSearch}"
+ Ask AI: "{paletteSearch}"
@@ -739,7 +770,7 @@
navigate('tables')}>
All {tables.length} tables & views…
-
{/if}
@@ -870,7 +901,7 @@
{#if savedConnections.length > 0}
{savedConnections.length}
{/if}
-
+
@@ -879,7 +910,7 @@
navigate('docker')}>
Docker
-
@@ -899,7 +930,7 @@
{/each}
{#if tablesPageRegular.total > tablesPageRegular.items.length}
-
+
Showing {tablesPageRegular.items.length} of {tablesPageRegular.total}, keep typing to narrow.
{/if}
@@ -914,7 +945,7 @@
{/each}
{#if tablesPageViews.total > tablesPageViews.items.length}
-
+
Showing {tablesPageViews.items.length} of {tablesPageViews.total}, keep typing to narrow.
{/if}
@@ -933,7 +964,7 @@
{/each}
{#if tablesPageMatViews.total > tablesPageMatViews.items.length}
-
+
Showing {tablesPageMatViews.items.length} of {tablesPageMatViews.total}, keep typing to narrow.
{/if}
diff --git a/src/lib/components/ConfirmDialog.svelte b/src/lib/components/ConfirmDialog.svelte
index 68d4af7a..b5325058 100644
--- a/src/lib/components/ConfirmDialog.svelte
+++ b/src/lib/components/ConfirmDialog.svelte
@@ -9,6 +9,7 @@
*/
import Icon from './Icon.svelte'
import * as Dialog from '$lib/components/ui/dialog/index.js'
+ import { Button } from '$lib/components/ui/button/index.js'
import { cn } from '$lib/utils.js'
let {
@@ -99,24 +100,24 @@
showCloseButton={false}
{onkeydown}
{onOpenAutoFocus}
- class="w-[min(440px,calc(100vw-2rem))] sm:max-w-none gap-0 overflow-hidden p-0"
+ class="w-[min(32.5rem,calc(100vw-2rem))] sm:max-w-none gap-0 overflow-hidden p-0"
>
{title}
{#if body}
-
{@render body()}
+
{@render body()}
{:else if description}
-
{description}
+
{description}
{/if}
{#if note}
-
{note}
+
{note}
{/if}
@@ -126,32 +127,26 @@
{/if}
-
-
-
+ {cancelLabel}
+
{#if confirmIcon}↵
+ ↵
{/if}
-
+
diff --git a/src/lib/components/ConnectionModal.svelte b/src/lib/components/ConnectionModal.svelte
index 20ee5a79..36527229 100644
--- a/src/lib/components/ConnectionModal.svelte
+++ b/src/lib/components/ConnectionModal.svelte
@@ -1,5 +1,5 @@
diff --git a/src/lib/components/CreateDatabaseDialog.svelte b/src/lib/components/CreateDatabaseDialog.svelte
index f6895272..7a3c5796 100644
--- a/src/lib/components/CreateDatabaseDialog.svelte
+++ b/src/lib/components/CreateDatabaseDialog.svelte
@@ -106,23 +106,23 @@
}
}
- const inputCls = "h-8 w-full rounded-lg border-2 border-border bg-background px-3 text-ui-xs outline-none placeholder:text-muted-foreground/40 focus:border-ring/55 focus:ring-2 focus:ring-ring/15 disabled:opacity-50"
- const selectCls = "h-8 w-full rounded-md border-2 border-border bg-background px-2.5 text-ui-xs outline-none focus:border-ring/55 focus:ring-2 focus:ring-ring/15 disabled:opacity-50"
+ const inputCls = "field-surface h-8 w-full bg-background px-3 text-ui-xs outline-none placeholder:text-muted-foreground disabled:opacity-50"
+ const selectCls = "field-surface h-8 w-full bg-background px-2.5 text-ui-xs outline-none disabled:opacity-50"
const labelCls = "mb-1.5 block text-ui-xs font-medium text-muted-foreground"
-
+
-
-
Create Database
-
- {isMySQL ? 'MySQL' : 'PostgreSQL'} · new database on this server
+
+
Create database
+
+ {isMySQL ? 'MySQL' : 'PostgreSQL'} · on this server
@@ -133,7 +133,9 @@
- Database name *
+ Database name
+ *
+ (required)
-
Letters, digits, underscores · max 63 chars
+
+ Letters, digits, underscores · max 63 characters
+
(showAdvanced = !showAdvanced)}
>
- Advanced options
+ Advanced options
{#if !showAdvanced}
-
- encoding, collation, owner…
+
+ encoding, collation, owner
{/if}
{#if showAdvanced}
-
+
{#if !isMySQL}
@@ -246,7 +254,7 @@
Connection limit
- (-1 = unlimited)
+ (-1 = unlimited)
{
@@ -269,7 +277,7 @@
(open = false)}
disabled={loading}
>
diff --git a/src/lib/components/CreateSchemaDialog.svelte b/src/lib/components/CreateSchemaDialog.svelte
index 0c9510c6..91179584 100644
--- a/src/lib/components/CreateSchemaDialog.svelte
+++ b/src/lib/components/CreateSchemaDialog.svelte
@@ -45,25 +45,25 @@
}
}
- const lbl = 'mb-1.5 block text-ui-3xs font-semibold uppercase tracking-[0.07em] text-muted-foreground/50'
- const inp = 'h-8 w-full rounded-lg border-2 border-border bg-muted/[0.4] px-3 font-mono text-ui-xs outline-none placeholder:text-muted-foreground/30 focus:border-border/50 focus:ring-0'
+ const lbl = 'mb-1.5 block text-ui-3xs font-semibold uppercase tracking-[0.07em] text-muted-foreground'
+ const inp = 'h-8 w-full rounded-lg border-2 border-border bg-muted/[0.4] px-3 font-mono text-ui-xs outline-none placeholder:text-muted-foreground focus:border-border/50 focus:ring-0'
{ if (!v) reset() }}>
+
-
Create Schema
-
A namespace for tables, views and functions
+
A namespace for tables, views and functions
-
+
@@ -88,14 +88,14 @@
SQL preview
-
{sql}
+
{sql}
{ reset(); open = false }}>Cancel
{
- const n = name.trim() || 'sequence_name'
+ const n = name.trim() || 'sequence_name'
const inc = increment.trim() || '1'
const start = startValue.trim() || '1'
return `CREATE SEQUENCE "${schema}"."${n}"
@@ -65,25 +65,25 @@
} finally { saving = false; confirmOpen = false }
}
- const lbl = 'mb-1.5 block text-ui-3xs font-semibold uppercase tracking-[0.07em] text-muted-foreground/50'
- const inp = 'h-8 w-full rounded-lg border-2 border-border bg-muted/[0.4] px-3 font-mono text-ui-xs outline-none placeholder:text-muted-foreground/30 focus:border-border/50 focus:ring-0 [appearance:none] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none'
+ const lbl = 'mb-1.5 block text-ui-3xs font-semibold uppercase tracking-[0.07em] text-muted-foreground'
+ const inp = 'h-8 w-full rounded-lg border-2 border-border bg-muted/[0.4] px-3 font-mono text-ui-xs outline-none placeholder:text-muted-foreground focus:border-border/50 focus:ring-0 [appearance:none] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none'
{ if (!v) reset() }}>
+
-
Create Sequence
-
Auto-incrementing counter in {schema}
+
Auto-incrementing counter in {schema}
-
+
@@ -102,7 +102,7 @@
(dataType = t)}>{t}
{/each}
@@ -144,14 +144,14 @@
Cycle
-
Restart from minimum when max is reached
+
Restart from minimum when max is reached
SQL preview
-
{sql}
+
{sql}
@@ -160,7 +160,7 @@
{ reset(); open = false }}>Cancel
@@ -171,16 +171,16 @@
Columns
- {cols.filter(c => c.name.trim()).length}
+ {cols.filter(c => c.name.trim()).length}
- Name
- Type
- PK
- NN
- Default
+ Name
+ Type
+ PK
+ NN
+ Default
@@ -228,7 +228,7 @@
/>
removeCol(col.id)}
title="Remove column"
disabled={cols.length === 1}
@@ -252,7 +252,7 @@
{#if sql}
-
SQL preview
+
SQL preview
{sql}
{ if (!v) reset() }}>
+
-
Create Trigger
-
PostgreSQL trigger on {schema}
+
PostgreSQL trigger on {schema}
-
+
@@ -129,7 +129,7 @@
(timing = t)}>{t}
{/each}
@@ -140,12 +140,12 @@
(rowLevel = true)}>Row
(rowLevel = false)}>Statement
@@ -160,7 +160,7 @@
toggleEvent(ev)}>{ev}
{/each}
@@ -183,7 +183,7 @@
SQL preview
-
{sql}
+
{sql}
@@ -192,7 +192,7 @@
{ reset(); open = false }}>Cancel
Cascade
-
Also drop all dependent objects
+
Also drop all dependent objects
-
Will execute
+
Will execute
{isDropAction ? 'DROP TABLE' : 'TRUNCATE TABLE'}
"{schema}"."{table}"
{#if isDropAction && cascade}
- CASCADE
+ CASCADE
{/if}
diff --git a/src/lib/components/DashboardPage.svelte b/src/lib/components/DashboardPage.svelte
index 52f97087..d2662357 100644
--- a/src/lib/components/DashboardPage.svelte
+++ b/src/lib/components/DashboardPage.svelte
@@ -236,7 +236,7 @@
{#if !connection}
-
+
Connect to a database to view dashboards
@@ -248,13 +248,13 @@
class="studio-chrome flex h-10 shrink-0 items-center gap-2 border-b border-border bg-panel px-3"
data-studio-chrome
>
-
+
(dashDropdownOpen = !dashDropdownOpen)}
>
{#if editingName}
@@ -282,7 +282,7 @@
{:else}
{activeDash?.name ?? "Select dashboard"}
-
@@ -309,7 +309,7 @@
{ e.stopPropagation(); deleteDashboard(d.id); }}
onkeydown={(e) => { if (e.key === "Enter") { e.stopPropagation(); deleteDashboard(d.id); } }}
>
@@ -326,7 +326,7 @@
type="text"
bind:value={nameInput}
placeholder="Dashboard name…"
- class="h-7 flex-1 rounded-md border-2 border-border bg-background px-2 font-mono text-ui-xs outline-none focus:border-ring/55 focus:ring-2 focus:ring-ring/15"
+ class= "field-surface h-7 flex-1 bg-background px-2 font-mono text-ui-xs outline-none"
onkeydown={(e) => {
if (e.key === "Enter") handleCreateDashboard();
if (e.key === "Escape") namingOpen = false;
@@ -339,7 +339,7 @@
{:else}
{ namingOpen = true; nameInput = ""; }}
>
@@ -371,7 +371,7 @@
"flex h-7 w-7 items-center justify-center text-ui-2xs transition-colors first:rounded-l-md last:rounded-r-md",
activeDash.columns === cols
? "bg-primary/15 text-primary font-medium"
- : "text-muted-foreground/50 hover:bg-muted/60 hover:text-foreground",
+ : "text-muted-foreground hover:bg-muted/60 hover:text-foreground",
)}
title="{cols} columns"
onclick={() => updateDashboard(activeDash.id, { columns: cols })}
@@ -386,7 +386,7 @@
"inline-flex size-7 items-center justify-center rounded-md transition-colors",
confirmDeleteDash
? "bg-destructive/15 text-destructive hover:bg-destructive/25"
- : "text-muted-foreground/30 hover:bg-muted/60 hover:text-destructive",
+ : "text-muted-foreground hover:bg-muted/60 hover:text-destructive",
)}
title={confirmDeleteDash ? "Click again to confirm delete" : "Delete dashboard"}
onclick={handleDeleteDashboard}
@@ -400,7 +400,7 @@
{#if activeDash.items.length > 0}
setViewOnly(true)}
>
@@ -427,7 +427,7 @@
setViewOnly(false)}
>
@@ -438,11 +438,11 @@
{#if !activeDash}
-
No dashboard yet
-
+
Create a dashboard to arrange your saved charts
@@ -459,12 +459,12 @@
{:else if activeDash.items.length === 0}
-
-
Add charts to build your dashboard
+
Add charts to build your dashboard
(pickerOpen = true)}
>
@@ -525,7 +525,7 @@
"flex size-5 items-center justify-center rounded-md text-ui-2xs font-mono transition-colors",
span === s
? "bg-primary/15 text-primary"
- : "text-muted-foreground/40 hover:bg-muted/60 hover:text-foreground",
+ : "text-muted-foreground hover:bg-muted/60 hover:text-foreground",
)}
title="{s} column{s > 1 ? 's' : ''}"
>{s}
@@ -536,7 +536,7 @@
removeChartFromDashboard(activeDash.id, item.id)}
- class="ml-1 flex size-5 items-center justify-center rounded-md text-muted-foreground/0 transition-colors group-hover:text-muted-foreground/40 hover:!text-destructive"
+ class="ml-1 flex size-5 items-center justify-center rounded-md text-muted-foreground transition-colors group-hover:text-muted-foreground hover:!text-destructive"
title="Remove from dashboard"
>
{:else}
-
+
No preview
@@ -579,13 +579,13 @@
Add chart to dashboard
- (pickerOpen = false)} class="text-muted-foreground/50 hover:text-foreground">
+ (pickerOpen = false)} class="text-muted-foreground hover:text-foreground">
{#if $savedCharts.length === 0}
-
+
No saved charts yet. Save a chart from the Query Editor first.
{:else}
@@ -604,14 +604,14 @@
{:else}
-
{chart.name}
-
{chart.group}
+
{chart.group}
{/each}
diff --git a/src/lib/components/DataDiffPage.svelte b/src/lib/components/DataDiffPage.svelte
index c0ff3a69..e87bfd5a 100644
--- a/src/lib/components/DataDiffPage.svelte
+++ b/src/lib/components/DataDiffPage.svelte
@@ -1,6 +1,7 @@
+
-
{isRename ? 'Rename database' : 'Duplicate database'}
-
- {isRename ? 'Renames' : 'Copies'} {source}
+
+ {isRename ? 'Renames' : 'Copies'} {source}
{isRename ? 'on this server' : 'with all of its data'}
-
+
@@ -129,12 +129,12 @@
{#if nameError}
{nameError}
{:else if trimmed && trimmed === source}
-
That is already its name
+
That is already its name
{/if}
+
The copy is taken server-side, so a large database takes a while and needs the disk space twice over.
{/if}
@@ -143,7 +143,7 @@
SQL preview
- {sql}
+ {sql}
{#if error}
@@ -153,7 +153,7 @@