No backup runs yet.
+Run a backup — its history appears here.
+| Run | +Trigger | +Duration | +Status | +Detail | + {#if showRepo}Repo | {/if} ++ |
|---|---|---|---|---|---|---|
| {exec.triggeredAt ? formatDateTime(exec.triggeredAt, true) : '—'} | +
+
+ |
+ {formatDuration(exec.duration)} | +
+
+ |
+ + {#if exec.errorMessage} + {cleanError(exec.errorMessage)} + {:else if exec.status === 'success' && exec.details?.dataAdded !== undefined} + {exec.details.filesNew ?? 0} new · {exec.details.filesChanged ?? 0} changed · {formatBytes(exec.details.dataAdded ?? 0)} + {:else} + — + {/if} + | + {#if showRepo} + {@const RepoIcon = getRepoTypeIcon(exec._repository || "")} +
+ {#if exec._repository || exec._destinationName}
+ |
+ {/if}
+
+
+ {#if onViewLog}
+
+ {/if}
+ {#if isFail && exec.errorMessage}
+
+ {/if}
+
+ |
+
|
+
+
+
+
+ {exec.errorMessage}
+ |
+
{name}
{bindMounts.length} bind mount{bindMounts.length !== 1 ? 's' : ''} detected
+Contents are captured in the snapshot, but bind sources are host paths. Restoring to a different environment requires those exact paths on the target host — otherwise services start with empty mounts.
+{emptyLabel}
+{/if} diff --git a/src/lib/components/cloud-icons/AmazonS3.svelte b/src/lib/components/cloud-icons/AmazonS3.svelte new file mode 100644 index 0000000..2bf64be --- /dev/null +++ b/src/lib/components/cloud-icons/AmazonS3.svelte @@ -0,0 +1,12 @@ + + + diff --git a/src/lib/components/cloud-icons/AzureBlob.svelte b/src/lib/components/cloud-icons/AzureBlob.svelte new file mode 100644 index 0000000..7c707a0 --- /dev/null +++ b/src/lib/components/cloud-icons/AzureBlob.svelte @@ -0,0 +1,11 @@ + + + diff --git a/src/lib/components/cloud-icons/Backblaze.svelte b/src/lib/components/cloud-icons/Backblaze.svelte new file mode 100644 index 0000000..7e8563f --- /dev/null +++ b/src/lib/components/cloud-icons/Backblaze.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/components/cloud-icons/GoogleCloud.svelte b/src/lib/components/cloud-icons/GoogleCloud.svelte new file mode 100644 index 0000000..57b9796 --- /dev/null +++ b/src/lib/components/cloud-icons/GoogleCloud.svelte @@ -0,0 +1,7 @@ + + + diff --git a/src/lib/components/cloud-icons/RestServer.svelte b/src/lib/components/cloud-icons/RestServer.svelte new file mode 100644 index 0000000..e86d0ea --- /dev/null +++ b/src/lib/components/cloud-icons/RestServer.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/components/cloud-icons/index.ts b/src/lib/components/cloud-icons/index.ts new file mode 100644 index 0000000..d5c6d31 --- /dev/null +++ b/src/lib/components/cloud-icons/index.ts @@ -0,0 +1,5 @@ +export { default as AmazonS3Icon } from './AmazonS3.svelte'; +export { default as BackblazeIcon } from './Backblaze.svelte'; +export { default as AzureBlobIcon } from './AzureBlob.svelte'; +export { default as GoogleCloudIcon } from './GoogleCloud.svelte'; +export { default as RestServerIcon } from './RestServer.svelte'; diff --git a/src/lib/components/cron-editor.svelte b/src/lib/components/cron-editor.svelte index 45e939d..f2f4bf2 100644 --- a/src/lib/components/cron-editor.svelte +++ b/src/lib/components/cron-editor.svelte @@ -10,11 +10,13 @@ interface Props { value: string; - onchange: (cron: string) => void; + onchange?: (cron: string) => void; disabled?: boolean; + compact?: boolean; + invalid?: boolean; } - let { value, onchange, disabled = false }: Props = $props(); + let { value = $bindable(), onchange, disabled = false, compact = false, invalid = $bindable(false) }: Props = $props(); // Detect schedule type from cron expression function detectScheduleType(cron: string): 'daily' | 'weekly' | 'custom' { @@ -86,7 +88,8 @@ return; } - onchange(newCron); + value = newCron; + onchange?.(newCron); } // Handle schedule type change @@ -106,12 +109,14 @@ if (type === 'daily') { minute = '0'; hour = '3'; - onchange('0 3 * * *'); + value = '0 3 * * *'; + onchange?.(value); } else if (type === 'weekly') { minute = '0'; hour = '3'; dayOfWeek = '1'; // Monday - onchange('0 3 * * 1'); + value = '0 3 * * 1'; + onchange?.(value); } previousScheduleType = type; } @@ -134,7 +139,8 @@ function handleCustomCronInput(e: Event) { const newValue = (e.currentTarget as HTMLInputElement).value; - onchange(newValue); + value = newValue; + onchange?.(newValue); } // Validate cron expression (supports 5-field and 6-field with seconds) @@ -148,6 +154,12 @@ return parts.every((part) => cronFieldPattern.test(part)); } + // Sync validity to bindable prop so parents can gate Save buttons + $effect(() => { + const next = !value || !value.trim() ? true : !isValidCron(value); + if (invalid !== next) invalid = next; + }); + // Human-readable description using cronstrue let humanReadable = $derived(() => { if (!value) return ''; @@ -202,10 +214,26 @@ ]; -{readable}
+ {/if} +- {readable} -
- {/if} -+ {readable} +
+{/if} +{/if} diff --git a/src/lib/components/data-grid/DataGrid.svelte b/src/lib/components/data-grid/DataGrid.svelte index 6ad2919..a372d7e 100644 --- a/src/lib/components/data-grid/DataGrid.svelte +++ b/src/lib/components/data-grid/DataGrid.svelte @@ -764,6 +764,7 @@