@futo-org/backups-orchestrator-ui 0.43.0 → 0.45.0

package/dist/components/backups/BackupStatus.svelte

@@ -6,7 +6,8 @@
     | "running"
     | "complete"
     | "warned"
-    | "failed";
+    | "failed"
+    | "cancelled";
 </script>
 
 <script lang="ts">
@@ -75,6 +76,12 @@
     forget: "Old backups could not be pruned",
   };
 
+  const cancelled: Record<BackupStatusType, string> = {
+    backup: "Your backup was cancelled",
+    restore: "Your restore was cancelled",
+    forget: "Pruning old backups was cancelled",
+  };
+
   const reassurance: Record<BackupStatusType, string> = {
     backup: "No changes were made to your existing backups.",
     restore: "Your backups are untouched — nothing was lost.",
@@ -106,6 +113,9 @@
       case "failed": {
         return failed[type];
       }
+      case "cancelled": {
+        return cancelled[type];
+      }
       case "complete": {
         return succeeded[type];
       }
@@ -121,7 +131,7 @@
   const titleColor = $derived(
     backupState === "complete"
       ? "success"
-      : backupState === "warned"
+      : backupState === "warned" || backupState === "cancelled"
         ? "warning"
         : backupState === "failed"
           ? "danger"
@@ -131,7 +141,8 @@
   const terminal = $derived(
     backupState === "complete" ||
       backupState === "warned" ||
-      backupState === "failed",
+      backupState === "failed" ||
+      backupState === "cancelled",
   );
 </script>
 

package/dist/components/backups/BackupStatus.svelte.d.ts

@@ -1,5 +1,5 @@
 export type BackupStatusType = "backup" | "restore" | "forget";
-export type BackupStatusState = "connecting" | "running" | "complete" | "warned" | "failed";
+export type BackupStatusState = "connecting" | "running" | "complete" | "warned" | "failed" | "cancelled";
 import type { Snippet } from "svelte";
 type Props = {
     title: string;

package/dist/components/backups/dialogs/ViewStatusModal.svelte

@@ -64,6 +64,9 @@
       case "failed": {
         return "failed";
       }
+      case "cancelled": {
+        return "cancelled";
+      }
       case "warn": {
         return "warned";
       }
@@ -109,6 +112,9 @@
       case "failed": {
         return `${titles[type].done} failed`;
       }
+      case "cancelled": {
+        return `${titles[type].done} cancelled`;
+      }
       default: {
         return titles[type].running;
       }

package/dist/components/backups/metrics-history/MetricsHistoryModal.svelte

@@ -77,10 +77,7 @@
           {@const isStart = entry.started != null}
           {@const isEnd = entry.backup != null}
           {@const isSize = entry.sizeBytes != null && !isStart && !isEnd}
-          {@const succeeded =
-            isEnd &&
-            entry.successfulBackup != null &&
-            entry.successfulBackup === entry.backup}
+          {@const status = entry.backupStatus}
           <Stack gap={1} class="px-4 py-3">
             <HStack class="justify-between gap-4">
               <HStack class="gap-2">
@@ -91,7 +88,7 @@
                     class="text-info-500"
                   />
                   <Text>Backup started</Text>
-                {:else if isEnd && succeeded}
+                {:else if status === 'complete'}
                   <Icon
                     icon={mdiCheckCircleOutline}
                     size="18"
@@ -99,6 +96,38 @@
                   />
                   <Text>Backup finished</Text>
                   <Badge size="tiny" color="success">Success</Badge>
+                {:else if status === 'warn'}
+                  <Icon
+                    icon={mdiAlertCircleOutline}
+                    size="18"
+                    class="text-warning-500"
+                  />
+                  <Text>Backup finished</Text>
+                  <Badge size="tiny" color="warning">Warning</Badge>
+                {:else if status === 'incomplete'}
+                  <Icon
+                    icon={mdiAlertCircleOutline}
+                    size="18"
+                    class="text-warning-500"
+                  />
+                  <Text>Backup incomplete</Text>
+                  <Badge size="tiny" color="warning">Incomplete</Badge>
+                {:else if status === 'failed'}
+                  <Icon
+                    icon={mdiAlertCircleOutline}
+                    size="18"
+                    class="text-danger-500"
+                  />
+                  <Text>Backup finished</Text>
+                  <Badge size="tiny" color="danger">Failed</Badge>
+                {:else if status === 'cancelled'}
+                  <Icon
+                    icon={mdiAlertCircleOutline}
+                    size="18"
+                    class="text-warning-500"
+                  />
+                  <Text>Backup cancelled</Text>
+                  <Badge size="tiny" color="warning">Cancelled</Badge>
                 {:else if isEnd}
                   <Icon
                     icon={mdiAlertCircleOutline}

package/dist/components/backups/run-history/RepositoryRunHistoryItem.svelte

@@ -15,7 +15,7 @@
   };
 
   const { run }: Props = $props();
-  const { ViewLog } = $derived(getRunActions(run));
+  const { ViewLog, DownloadLog } = $derived(getRunActions(run));
 
   const nouns = {
     restore: { name: "restore", running: "Restore", done: "Restored" },
@@ -38,6 +38,13 @@
           icon: mdiCloudOffOutline,
         } as const;
       }
+      case "cancelled": {
+        return {
+          title: `Cancelled ${noun.name}`,
+          color: "warning",
+          icon: mdiCloudOffOutline,
+        } as const;
+      }
       case "warn": {
         return {
           title: `${noun.done} with warnings`,
@@ -63,14 +70,14 @@
   });
 </script>
 
-<StackListItem title={status.title} color={status.color} actions={[ViewLog]}>
+<StackListItem title={status.title} color={status.color} actions={[ViewLog, DownloadLog]}>
   {#snippet icon()}
     <Icon icon={status.icon} />
   {/snippet}
 
   {#if run.status === "incomplete"}
     Started <RelativeTime time={run.start} />
-  {:else if run.status === "failed"}
+  {:else if run.status === "failed" || run.status === "cancelled"}
     Attempted {#if run.end}<RelativeTime time={run.end} />{/if}
   {:else}
     {noun.done} {#if run.end}<RelativeTime time={run.end} />{/if}

package/dist/components/dashboard/DashboardBackupHealth.svelte

@@ -44,6 +44,10 @@
             tally.warned++;
             break;
           }
+          case "incomplete": {
+            tally.incomplete++;
+            break;
+          }
           default: {
             tally.success++;
             break;
@@ -52,7 +56,7 @@
 
         return tally;
       },
-      { success: 0, offline: 0, warned: 0, failed: 0, neverRun: 0 },
+      { success: 0, offline: 0, warned: 0, failed: 0, incomplete: 0, neverRun: 0 },
     ),
   );
 </script>
@@ -79,6 +83,12 @@
           color: "var(--immich-ui-success-500)",
           badge: "success",
         },
+        {
+          value: status.incomplete,
+          label: "In-progress or incomplete",
+          color: "var(--immich-ui-info-400)",
+          badge: "info",
+        },
         {
           value: status.offline,
           label: "Offline",

package/dist/components/dashboard/{Dashboard.svelte.d.ts → DashboardPage.svelte.d.ts}

@@ -3,6 +3,6 @@ type Props = {
     initialData?: RepositoryListResponseDto;
     onViewBackups?: () => void;
 };
-declare const Dashboard: import("svelte").Component<Props, {}, "">;
-type Dashboard = ReturnType<typeof Dashboard>;
-export default Dashboard;
+declare const DashboardPage: import("svelte").Component<Props, {}, "">;
+type DashboardPage = ReturnType<typeof DashboardPage>;
+export default DashboardPage;

package/dist/components/integrations/immich/ImmichBackupAttemptsPage.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import RepositoryRunHistoryPage from "../../backups/run-history/RepositoryRunHistoryPage.svelte";
+  import { Container } from "@immich/ui";
+  import ImmichConfiguredGate from "./ImmichConfiguredGate.svelte";
+
+  type Props = {
+    onUnconfigured: () => void;
+  };
+
+  const { onUnconfigured }: Props = $props();
+</script>
+
+<ImmichConfiguredGate {onUnconfigured}>
+  {#snippet children(repository)}
+    <Container size="medium" center>
+      <RepositoryRunHistoryPage {repository} />
+    </Container>
+  {/snippet}
+</ImmichConfiguredGate>

package/dist/components/integrations/immich/ImmichBackupAttemptsPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    onUnconfigured: () => void;
+};
+declare const ImmichBackupAttemptsPage: import("svelte").Component<Props, {}, "">;
+type ImmichBackupAttemptsPage = ReturnType<typeof ImmichBackupAttemptsPage>;
+export default ImmichBackupAttemptsPage;

package/dist/components/integrations/immich/ImmichBackupSettingsPage.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Container } from "@immich/ui";
+  import ImmichConfiguredGate from "./ImmichConfiguredGate.svelte";
+  import ImmichSettingsBackupContents from "./settings/ImmichSettingsBackupContents.svelte";
+  import ImmichSettingsSchedule from "./settings/ImmichSettingsSchedule.svelte";
+  import ImmichSettingsStorage from "./settings/ImmichSettingsStorage.svelte";
+
+  type Props = {
+    onUnconfigured: () => void;
+  };
+
+  const { onUnconfigured }: Props = $props();
+</script>
+
+<ImmichConfiguredGate {onUnconfigured}>
+  {#snippet children()}
+    <Container size="large" center>
+      <ImmichSettingsBackupContents />
+      <ImmichSettingsSchedule />
+      <ImmichSettingsStorage />
+    </Container>
+  {/snippet}
+</ImmichConfiguredGate>

package/dist/components/integrations/immich/ImmichBackupSettingsPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    onUnconfigured: () => void;
+};
+declare const ImmichBackupSettingsPage: import("svelte").Component<Props, {}, "">;
+type ImmichBackupSettingsPage = ReturnType<typeof ImmichBackupSettingsPage>;
+export default ImmichBackupSettingsPage;

package/dist/components/integrations/immich/ImmichBackupsPage.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
   import UpsellPage from "../../onboarding/upsell/UpsellPage.svelte";
-  import ImmichManageBackup from "./ImmichManageBackup.svelte";
+  import ImmichManageBackupPage from "./ImmichManageBackupPage.svelte";
   import ImmichOnboardingSetupFlow from "./ImmichOnboardingSetupFlow.svelte";
 
   type Question = {
@@ -13,9 +13,19 @@
     price: string;
     includedStorage: string;
     questions: Question[];
+    onConfigure: () => void;
+    onViewAttempts: () => void;
+    onViewSnapshots: () => void;
   };
 
-  const { price, includedStorage, questions }: Props = $props();
+  const {
+    price,
+    includedStorage,
+    questions,
+    onConfigure,
+    onViewAttempts,
+    onViewSnapshots,
+  }: Props = $props();
 </script>
 
 <ImmichOnboardingSetupFlow>
@@ -23,5 +33,5 @@
     <UpsellPage {price} {includedStorage} {questions} onGetStarted={onStart} />
   {/snippet}
 
-  <ImmichManageBackup />
+  <ImmichManageBackupPage {onConfigure} {onViewAttempts} {onViewSnapshots} />
 </ImmichOnboardingSetupFlow>

package/dist/components/integrations/immich/ImmichBackupsPage.svelte.d.ts

@@ -7,6 +7,9 @@ type Props = {
     price: string;
     includedStorage: string;
     questions: Question[];
+    onConfigure: () => void;
+    onViewAttempts: () => void;
+    onViewSnapshots: () => void;
 };
 declare const ImmichBackupsPage: import("svelte").Component<Props, {}, "">;
 type ImmichBackupsPage = ReturnType<typeof ImmichBackupsPage>;

package/dist/components/integrations/immich/ImmichBackupsSidebarItem.svelte

@@ -44,6 +44,10 @@
       case "warn": {
         return { color: "warning", icon: mdiCloudCheckVariantOutline } as const;
       }
+      case "incomplete":
+      case "cancelled": {
+        return { color: "warning", icon: mdiCloudAlertOutline } as const;
+      }
       case "paused": {
         return { color: "warning", icon: mdiCloudAlertOutline } as const;
       }
@@ -93,6 +97,10 @@
       Backup failed
     {:else if status.kind === "warn"}
       Backed up with warnings <RelativeTime time={status.lastBackup} />
+    {:else if status.kind === "incomplete"}
+      Backup did not complete <RelativeTime time={status.lastBackup} />
+    {:else if status.kind === "cancelled"}
+      Backup was cancelled <RelativeTime time={status.lastBackup} />
     {:else if status.kind === "paused"}
       Backups paused
     {:else if status.kind === "unconfigured"}

package/dist/components/integrations/immich/ImmichConfiguredGate.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import OnEvents from "../../util/OnEvents.svelte";
+  import type { LocalRepositoryDto } from "../../../fetch-client";
+  import {
+    useImmichBackupStatus,
+    useImmichBackupStatusEventHandler,
+  } from "../../../services/immich.integration.service";
+  import type { Snippet } from "svelte";
+
+  type Props = {
+    children: Snippet<[LocalRepositoryDto]>;
+    onUnconfigured: () => void;
+  };
+
+  const { children, onUnconfigured }: Props = $props();
+
+  const backup = useImmichBackupStatus();
+
+  const { repository, status } = $derived(backup);
+
+  $effect(() => {
+    if (status.kind === "unconfigured") {
+      onUnconfigured();
+    }
+  });
+</script>
+
+<OnEvents {...useImmichBackupStatusEventHandler()} />
+
+{#if repository}
+  {@render children(repository)}
+{/if}

package/dist/components/integrations/immich/ImmichConfiguredGate.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { LocalRepositoryDto } from "../../../fetch-client";
+import type { Snippet } from "svelte";
+type Props = {
+    children: Snippet<[LocalRepositoryDto]>;
+    onUnconfigured: () => void;
+};
+declare const ImmichConfiguredGate: import("svelte").Component<Props, {}, "">;
+type ImmichConfiguredGate = ReturnType<typeof ImmichConfiguredGate>;
+export default ImmichConfiguredGate;

package/dist/components/integrations/immich/ImmichManageBackupOverview.svelte

@@ -5,6 +5,7 @@
   import type { LocalRepositoryDto, ScheduleDto } from "../../../fetch-client";
   import type { ImmichBackupStatus } from "../../../services/immich.integration.service";
   import { handleCreateBackup } from "../../../services/repository.service";
+  import { handleCancelTask } from "../../../services/task.service";
   import { Button, FormatBytes, Icon } from "@immich/ui";
   import {
     mdiAlert,
@@ -13,6 +14,7 @@
     mdiCloudUploadOutline,
     mdiInformation,
     mdiProgressUpload,
+    mdiStopCircleOutline,
   } from "@mdi/js";
   import cronstrue from "cronstrue";
 
@@ -37,6 +39,10 @@
       case "warn": {
         return { color: "warning", icon: mdiAlert } as const;
       }
+      case "incomplete":
+      case "cancelled": {
+        return { color: "warning", icon: mdiAlert } as const;
+      }
       case "complete": {
         return { color: "success", icon: mdiCheck } as const;
       }
@@ -64,15 +70,28 @@
     </span>
 
     {#snippet trailing()}
-      <Button
-        variant="ghost"
-        size="small"
-        class="whitespace-nowrap"
-        leadingIcon={mdiCloudUploadOutline}
-        onclick={() => void handleCreateBackup(repository.id)}
-      >
-        Back up now
-      </Button>
+      {#if status.kind === "running"}
+        <Button
+          variant="ghost"
+          size="small"
+          color="danger"
+          class="whitespace-nowrap"
+          leadingIcon={mdiStopCircleOutline}
+          onclick={() => void handleCancelTask(repository.id)}
+        >
+          Cancel backup
+        </Button>
+      {:else}
+        <Button
+          variant="ghost"
+          size="small"
+          class="whitespace-nowrap"
+          leadingIcon={mdiCloudUploadOutline}
+          onclick={() => void handleCreateBackup(repository.id)}
+        >
+          Back up now
+        </Button>
+      {/if}
     {/snippet}
 
     {#snippet footer()}
@@ -88,6 +107,10 @@
         Last backup failed <RelativeTime time={status.lastBackup} />
       {:else if status.kind === "warn"}
         Last backup finished with warnings <RelativeTime time={status.lastBackup} />
+      {:else if status.kind === "incomplete"}
+        Last backup did not complete <RelativeTime time={status.lastBackup} />
+      {:else if status.kind === "cancelled"}
+        Last backup was cancelled <RelativeTime time={status.lastBackup} />
       {:else if status.kind === "complete"}
         Last backup successful <RelativeTime time={status.lastBackup} />
       {:else if status.kind === "paused"}

package/dist/components/integrations/immich/ImmichManageBackupPage.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import BackendsList from "../../backends/BackendsList.svelte";
+  import RepositoryRunHistory from "../../backups/run-history/RepositoryRunHistory.svelte";
+  import RepositorySnapshotsList from "../../backups/snapshots-list/RepositorySnapshotsList.svelte";
+  import PageLayout from "../../ui/PageLayout.svelte";
+  import OnEvents from "../../util/OnEvents.svelte";
+  import {
+    getBackupPageActions,
+    useImmichBackupStatus,
+    useImmichBackupStatusEventHandler,
+  } from "../../../services/immich.integration.service";
+  import { Container, Stack } from "@immich/ui";
+  import ImmichManageBackupOverview from "./ImmichManageBackupOverview.svelte";
+
+  type Props = {
+    onConfigure: () => void;
+    onViewAttempts: () => void;
+    onViewSnapshots: () => void;
+  };
+
+  const { onConfigure, onViewAttempts, onViewSnapshots }: Props = $props();
+
+  const backup = useImmichBackupStatus();
+
+  const { repository, schedule } = $derived(backup);
+
+  const { ViewRecoveryKey, Configure } = $derived(
+    getBackupPageActions(repository?.id, onConfigure),
+  );
+</script>
+
+<OnEvents {...useImmichBackupStatusEventHandler()} />
+
+<PageLayout title="Backups" actions={[ViewRecoveryKey, Configure]}>
+  <Container size="medium" center>
+    {#if repository && schedule}
+      <Stack class="mt-4" gap={6}>
+        <ImmichManageBackupOverview {repository} {schedule} status={backup.status} />
+        <BackendsList {repository} />
+        <RepositoryRunHistory {repository} onViewAll={onViewAttempts} />
+        <RepositorySnapshotsList
+          {repository}
+          immich
+          limit={5}
+          onViewAll={onViewSnapshots}
+        />
+      </Stack>
+    {/if}
+  </Container>
+</PageLayout>

package/dist/components/integrations/immich/ImmichManageBackupPage.svelte.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    onConfigure: () => void;
+    onViewAttempts: () => void;
+    onViewSnapshots: () => void;
+};
+declare const ImmichManageBackupPage: import("svelte").Component<Props, {}, "">;
+type ImmichManageBackupPage = ReturnType<typeof ImmichManageBackupPage>;
+export default ImmichManageBackupPage;

package/dist/components/integrations/immich/ImmichSnapshotsPage.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import RepositorySnapshotsPage from "../../backups/snapshots-list/RepositorySnapshotsPage.svelte";
+  import { Container } from "@immich/ui";
+  import ImmichConfiguredGate from "./ImmichConfiguredGate.svelte";
+
+  type Props = {
+    onUnconfigured: () => void;
+  };
+
+  const { onUnconfigured }: Props = $props();
+</script>
+
+<ImmichConfiguredGate {onUnconfigured}>
+  {#snippet children(repository)}
+    <Container size="medium" center>
+      <RepositorySnapshotsPage {repository} immich />
+    </Container>
+  {/snippet}
+</ImmichConfiguredGate>

package/dist/components/integrations/immich/ImmichSnapshotsPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    onUnconfigured: () => void;
+};
+declare const ImmichSnapshotsPage: import("svelte").Component<Props, {}, "">;
+type ImmichSnapshotsPage = ReturnType<typeof ImmichSnapshotsPage>;
+export default ImmichSnapshotsPage;

package/dist/components/test/ImmichTestUi.svelte

@@ -41,7 +41,11 @@
   import MockImmichServerStatus from "./immich/MockImmichServerStatus.svelte";
   import MockImmichPurchaseInfo from "./immich/MockImmichPurchaseInfo.svelte";
   import MockImmichStorageSpace from "./immich/MockImmichStorageSpace.svelte";
+  import PageLayout from "../ui/PageLayout.svelte";
+  import ImmichBackupAttemptsPage from "../integrations/immich/ImmichBackupAttemptsPage.svelte";
+  import ImmichBackupSettingsPage from "../integrations/immich/ImmichBackupSettingsPage.svelte";
   import ImmichBackupsPage from "../integrations/immich/ImmichBackupsPage.svelte";
+  import ImmichSnapshotsPage from "../integrations/immich/ImmichSnapshotsPage.svelte";
   import ImmichOnboardingRestoreFlow from "../integrations/immich/ImmichOnboardingRestoreFlow.svelte";
   import MockImmichHideBackupsReminder from "./immich/MockImmichHideBackupsReminder.svelte";
 
@@ -52,7 +56,13 @@
   const { onExit }: Props = $props();
   const { testUiRestore, demoPadding } = options;
 
-  let route = $state<"photos" | "settings">("photos");
+  let route = $state<
+    | "photos"
+    | "settings"
+    | "backup-settings"
+    | "backup-attempts"
+    | "backup-snapshots"
+  >("photos");
 
   const sampleQuestions = [
     {
@@ -69,6 +79,8 @@
     },
   ];
 
+  const backToBackups = () => (route = "settings");
+
   demoPadding.set(true);
   onDestroy(() => demoPadding.set(false));
 </script>
@@ -186,7 +198,7 @@
 
   <AppShellSidebar class="relative">
     <div class="flex h-full flex-col pt-4 pr-2">
-      {#if route === "settings"}
+      {#if route !== "photos"}
         <ImmichBackupsAdminNavButton href="#" />
 
         <NavbarItem
@@ -247,7 +259,7 @@
           <ImmichBackupsSidebarItem href="#" />
         </MockImmichStorageSpace>
 
-        {#if route !== "settings"}
+        {#if route === "photos"}
           <MockImmichPurchaseInfo />
         {/if}
 
@@ -272,7 +284,22 @@
         },
         ...sampleQuestions,
       ]}
+      onConfigure={() => (route = "backup-settings")}
+      onViewAttempts={() => (route = "backup-attempts")}
+      onViewSnapshots={() => (route = "backup-snapshots")}
     />
+  {:else if route === "backup-settings"}
+    <PageLayout title="Backup settings" onBack={backToBackups}>
+      <ImmichBackupSettingsPage onUnconfigured={backToBackups} />
+    </PageLayout>
+  {:else if route === "backup-attempts"}
+    <PageLayout title="Backup attempts" onBack={backToBackups}>
+      <ImmichBackupAttemptsPage onUnconfigured={backToBackups} />
+    </PageLayout>
+  {:else if route === "backup-snapshots"}
+    <PageLayout title="Snapshots" onBack={backToBackups}>
+      <ImmichSnapshotsPage onUnconfigured={backToBackups} />
+    </PageLayout>
   {:else}
     <MockImmichPhotos />
   {/if}

package/dist/components/test/TestUi.svelte

@@ -15,7 +15,7 @@
   } from "@mdi/js";
   import GlobalSettings from "../settings/GlobalSettings.svelte";
   import BackupsList from "../backups/BackupsList.svelte";
-  import Dashboard from "../dashboard/Dashboard.svelte";
+  import DashboardPage from "../dashboard/DashboardPage.svelte";
   import ScheduleList from "../schedules/ScheduleList.svelte";
 
   let open = $state(true);
@@ -99,7 +99,7 @@
 
   <div class="p-4 flex flex-col gap-2 max-w-6xl m-auto">
     {#if route === "dashboard"}
-      <Dashboard onViewBackups={() => (route = "backups")} />
+      <DashboardPage onViewBackups={() => (route = "backups")} />
     {:else if route === "backups"}
       <BackupsList />
     {:else if route === "config"}

package/dist/components/ui/VisualisationSegmentedBar.svelte

@@ -5,7 +5,7 @@
     value: number;
     label: string;
     color: string;
-    badge: "success" | "warning" | "danger" | "secondary";
+    badge: "success" | "warning" | "danger" | "secondary" | "info";
   };
 
   type Props = {

package/dist/components/ui/VisualisationSegmentedBar.svelte.d.ts

@@ -2,7 +2,7 @@ type Segment = {
     value: number;
     label: string;
     color: string;
-    badge: "success" | "warning" | "danger" | "secondary";
+    badge: "success" | "warning" | "danger" | "secondary" | "info";
 };
 type Props = {
     title: string;

package/dist/fetch-client.d.ts

@@ -81,11 +81,11 @@ export type IntegrationsResponseDto = {
     immichState?: ImmichStateDto;
     immichIntegration?: ImmichIntegrationDto;
 };
-export type TaskStatus = "incomplete" | "complete" | "warn" | "failed";
 export type RepositoryMetricsDto = {
+    lastStarted?: string | null;
     lastBackup?: string | null;
-    lastBackupStatus?: TaskStatus;
-    lastBackupDuration?: number;
+    lastBackupStatus?: ("incomplete" | "complete" | "warn" | "failed" | "cancelled" | null) | null;
+    lastBackupDuration?: number | null;
     sizeBytes: number;
 };
 export type RepositoryMeterDto = {
@@ -135,7 +135,7 @@ export type ScheduleDto = {
     lastRun?: string;
     lastFinished?: string;
 };
-export type RunStatus = "incomplete" | "complete" | "warn" | "failed";
+export type RunStatus = "incomplete" | "complete" | "warn" | "failed" | "cancelled";
 export type RunType = "schedule" | "restore" | "backup" | "forget";
 export type RunDto = {
     id: string;
@@ -162,6 +162,7 @@ export type ConfigureImmichIntegrationRequestDto = {
     libraries: "all" | string[];
     retentionPolicy?: (RetentionPolicyDto) | null;
     paused?: boolean;
+    repositoryId?: string;
 };
 export type ConfigureImmichIntegrationResponseDto = {
     repositoryId: string;
@@ -197,6 +198,7 @@ export type RepositoryCreateRequestDto = {
     /** Internal site code from environment metadata */
     site?: string;
     paths?: string[];
+    retentionPolicy?: (RetentionPolicyDto) | null;
 };
 export type RepositoryCreateResponseDto = {
     repository: LocalRepositoryDto;
@@ -270,6 +272,7 @@ export type RunResponseDto = {
     run: RunDto;
 };
 export type TaskType = "schedule" | "restore" | "backup" | "forget";
+export type TaskStatus = "incomplete" | "complete" | "warn" | "failed" | "cancelled";
 export type ActiveScheduleItemDto = {
     repositoryId: string;
     status: TaskStatus;
@@ -285,6 +288,7 @@ export type RunningTaskListResponse = {
 };
 export type ScheduleCreateRequestDto = {
     name: string;
+    paused?: boolean;
     cron: string;
     repositories: string[];
 };
@@ -349,6 +353,7 @@ export declare function getSnapshotListing(id: string, snapshot: string, { path
     path?: string;
 }, opts?: Oazapfts.RequestOpts): Promise<FilesystemListingResponseDto>;
 export declare function getRun(id: string, opts?: Oazapfts.RequestOpts): Promise<RunResponseDto>;
+export declare function downloadRunLog(id: string, opts?: Oazapfts.RequestOpts): Promise<Blob>;
 export declare function logStreamSse(id: string, opts?: Oazapfts.RequestOpts): Promise<never>;
 export declare function getRunningTasks(opts?: Oazapfts.RequestOpts): Promise<RunningTaskListResponse>;
 export declare function cancelTask(parentId: string, opts?: Oazapfts.RequestOpts): Promise<never>;

package/dist/fetch-client.js

@@ -240,6 +240,11 @@ export function getRun(id, opts) {
         ...opts
     }));
 }
+export function downloadRunLog(id, opts) {
+    return oazapfts.ok(oazapfts.fetchBlob(`/api/yucca/logs/${encodeURIComponent(id)}/download`, {
+        ...opts
+    }));
+}
 export function logStreamSse(id, opts) {
     return oazapfts.ok(oazapfts.fetchText(`/api/yucca/logs/${encodeURIComponent(id)}/stream`, {
         ...opts

package/dist/index.d.ts

@@ -2,13 +2,16 @@ export { default as Suspense } from './components/util/Suspense.svelte';
 export { default as BackendsList } from './components/backends/BackendsList.svelte';
 export { default as BackupsList } from './components/backups/BackupsList.svelte';
 export { default as ViewStatusModal } from './components/backups/dialogs/ViewStatusModal.svelte';
-export { default as Dashboard } from './components/dashboard/Dashboard.svelte';
+export { default as DashboardPage } from './components/dashboard/DashboardPage.svelte';
+export { default as ImmichBackupAttemptsPage } from './components/integrations/immich/ImmichBackupAttemptsPage.svelte';
+export { default as ImmichBackupSettingsPage } from './components/integrations/immich/ImmichBackupSettingsPage.svelte';
 export { default as ImmichBackupsAdminNavButton } from './components/integrations/immich/ImmichBackupsAdminNavButton.svelte';
 export { default as ImmichBackupsPage } from './components/integrations/immich/ImmichBackupsPage.svelte';
 export { default as ImmichBackupsSidebarItem } from './components/integrations/immich/ImmichBackupsSidebarItem.svelte';
-export { default as ImmichManageBackup } from './components/integrations/immich/ImmichManageBackup.svelte';
+export { default as ImmichManageBackupPage } from './components/integrations/immich/ImmichManageBackupPage.svelte';
 export { default as ImmichOnboardingRestoreFlow } from './components/integrations/immich/ImmichOnboardingRestoreFlow.svelte';
 export { default as ImmichOnboardingSetupFlow } from './components/integrations/immich/ImmichOnboardingSetupFlow.svelte';
+export { default as ImmichSnapshotsPage } from './components/integrations/immich/ImmichSnapshotsPage.svelte';
 export { default as OnboardingGate } from './components/onboarding/OnboardingGate.svelte';
 export { default as UpsellModal } from './components/onboarding/upsell/UpsellModal.svelte';
 export { default as UpsellPage } from './components/onboarding/upsell/UpsellPage.svelte';

package/dist/index.js

@@ -2,13 +2,16 @@ export { default as Suspense } from './components/util/Suspense.svelte';
 export { default as BackendsList } from './components/backends/BackendsList.svelte';
 export { default as BackupsList } from './components/backups/BackupsList.svelte';
 export { default as ViewStatusModal } from './components/backups/dialogs/ViewStatusModal.svelte';
-export { default as Dashboard } from './components/dashboard/Dashboard.svelte';
+export { default as DashboardPage } from './components/dashboard/DashboardPage.svelte';
+export { default as ImmichBackupAttemptsPage } from './components/integrations/immich/ImmichBackupAttemptsPage.svelte';
+export { default as ImmichBackupSettingsPage } from './components/integrations/immich/ImmichBackupSettingsPage.svelte';
 export { default as ImmichBackupsAdminNavButton } from './components/integrations/immich/ImmichBackupsAdminNavButton.svelte';
 export { default as ImmichBackupsPage } from './components/integrations/immich/ImmichBackupsPage.svelte';
 export { default as ImmichBackupsSidebarItem } from './components/integrations/immich/ImmichBackupsSidebarItem.svelte';
-export { default as ImmichManageBackup } from './components/integrations/immich/ImmichManageBackup.svelte';
+export { default as ImmichManageBackupPage } from './components/integrations/immich/ImmichManageBackupPage.svelte';
 export { default as ImmichOnboardingRestoreFlow } from './components/integrations/immich/ImmichOnboardingRestoreFlow.svelte';
 export { default as ImmichOnboardingSetupFlow } from './components/integrations/immich/ImmichOnboardingSetupFlow.svelte';
+export { default as ImmichSnapshotsPage } from './components/integrations/immich/ImmichSnapshotsPage.svelte';
 export { default as OnboardingGate } from './components/onboarding/OnboardingGate.svelte';
 export { default as UpsellModal } from './components/onboarding/upsell/UpsellModal.svelte';
 export { default as UpsellPage } from './components/onboarding/upsell/UpsellPage.svelte';

package/dist/services/immich.integration.service.d.ts

@@ -18,7 +18,7 @@ export declare const useImmichBackupStatusEventHandler: () => {
 export type ImmichBackupStatus = {
     kind: 'loading' | 'offline' | 'missing' | 'running' | 'paused' | 'unconfigured' | 'never';
 } | {
-    kind: 'complete' | 'warn' | 'failed';
+    kind: 'complete' | 'warn' | 'incomplete' | 'failed' | 'cancelled';
     lastBackup: string;
 };
 export declare const useImmichBackupStatus: () => {

package/dist/services/runHistory.service.d.ts

@@ -23,4 +23,5 @@ export declare const useRunEventHandler: () => {
 export declare const handleGetRunHistory: (id: string) => Promise<sdk.RunHistoryResponseDto>;
 export declare const getRunActions: (run: RunDto) => {
     ViewLog: ActionItem;
+    DownloadLog: ActionItem;
 };

package/dist/services/runHistory.service.js

@@ -2,6 +2,7 @@ import { sdk } from '..';
 import ViewStatusModal from '../components/backups/dialogs/ViewStatusModal.svelte';
 import { SocketEvent } from '../events';
 import { getRun, getRunHistory } from '../fetch-client';
+import { getProvider } from '../providers';
 import { queryClient } from '../query-client';
 import { handleError } from '../utils/handle-error';
 import { modalManager } from '@immich/ui';
@@ -51,5 +52,9 @@ export const getRunActions = (run) => {
         title: 'View Log',
         onAction: () => void modalManager.open(ViewStatusModal, { logId: run.id }),
     };
-    return { ViewLog };
+    const DownloadLog = {
+        title: 'Download Full Log',
+        onAction: () => window.open(`${getProvider().baseUrl}/api/yucca/logs/${run.id}/download`, '_blank'),
+    };
+    return { ViewLog, DownloadLog };
 };

package/dist/utils/backup-status.d.ts

@@ -1,3 +1,3 @@
 import type { RepositoryMetricsDto } from '../fetch-client';
-export type BackupOutcome = 'never' | 'complete' | 'warn' | 'failed';
+export type BackupOutcome = 'never' | 'complete' | 'warn' | 'incomplete' | 'failed' | 'cancelled';
 export declare const getBackupOutcome: (metrics: RepositoryMetricsDto | undefined) => BackupOutcome;

package/dist/utils/backup-status.js

@@ -1,4 +1,7 @@
 export const getBackupOutcome = (metrics) => {
+    if (metrics?.lastBackupStatus === 'incomplete') {
+        return 'incomplete';
+    }
     if (!metrics?.lastBackup) {
         return 'never';
     }
@@ -6,6 +9,9 @@ export const getBackupOutcome = (metrics) => {
         case 'failed': {
             return 'failed';
         }
+        case 'cancelled': {
+            return 'cancelled';
+        }
         case 'warn': {
             return 'warn';
         }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@futo-org/backups-orchestrator-ui",
   "repository": "https://github.com/immich-app/yucca",
   "description": "Backups orchestrator (UI library)",
-  "version": "0.43.0",
+  "version": "0.45.0",
   "license": "Source First License 1.1",
   "files": [
     "dist",
@@ -55,7 +55,7 @@
     "svelte"
   ],
   "dependencies": {
-    "@immich/ui": "^0.85.0",
+    "@immich/ui": "^0.89.0",
     "@mdi/js": "^7.4.47",
     "@oazapfts/runtime": "^1.1.0",
     "@tanstack/svelte-query": "^6.1.3",
@@ -64,7 +64,7 @@
     "lodash.debounce": "^4.0.8",
     "luxon": "^3.7.2",
     "socket.io-client": "^4.8.3",
-    "@futo-org/backups-api-client": "^0.43.0"
+    "@futo-org/backups-api-client": "^0.45.0"
   },
   "scripts": {
     "dev": "vite dev --port 5174",

package/dist/components/integrations/immich/ImmichBackupSettings.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import { Container } from "@immich/ui";
-  import ImmichSettingsBackupContents from "./settings/ImmichSettingsBackupContents.svelte";
-  import ImmichSettingsSchedule from "./settings/ImmichSettingsSchedule.svelte";
-  import ImmichSettingsStorage from "./settings/ImmichSettingsStorage.svelte";
-</script>
-
-<Container size="large" center>
-  <ImmichSettingsBackupContents />
-  <ImmichSettingsSchedule />
-  <ImmichSettingsStorage />
-</Container>

package/dist/components/integrations/immich/ImmichBackupSettings.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ImmichBackupSettings: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ImmichBackupSettings = InstanceType<typeof ImmichBackupSettings>;
-export default ImmichBackupSettings;

package/dist/components/integrations/immich/ImmichManageBackup.svelte

@@ -1,76 +0,0 @@
-<script lang="ts">
-  import BackendsList from "../../backends/BackendsList.svelte";
-  import RepositoryRunHistory from "../../backups/run-history/RepositoryRunHistory.svelte";
-  import RepositorySnapshotsList from "../../backups/snapshots-list/RepositorySnapshotsList.svelte";
-  import PageLayout from "../../ui/PageLayout.svelte";
-  import OnEvents from "../../util/OnEvents.svelte";
-  import {
-    getBackupPageActions,
-    useImmichBackupStatus,
-    useImmichBackupStatusEventHandler,
-  } from "../../../services/immich.integration.service";
-  import RepositoryRunHistoryPage from "../../backups/run-history/RepositoryRunHistoryPage.svelte";
-  import RepositorySnapshotsPage from "../../backups/snapshots-list/RepositorySnapshotsPage.svelte";
-  import ImmichBackupSettings from "./ImmichBackupSettings.svelte";
-  import { Container, Stack } from "@immich/ui";
-  import ImmichManageBackupOverview from "./ImmichManageBackupOverview.svelte";
-
-  const backup = useImmichBackupStatus();
-
-  const { repository, schedule } = $derived(backup);
-
-  let view = $state<"overview" | "attempts" | "snapshots" | "settings">(
-    "overview",
-  );
-
-  const { ViewRecoveryKey, Configure } = $derived(
-    getBackupPageActions(repository?.id, () => (view = "settings")),
-  );
-</script>
-
-<OnEvents {...useImmichBackupStatusEventHandler()} />
-
-{#if view === "attempts" && repository}
-  <PageLayout title="Backup attempts" onBack={() => (view = "overview")}>
-    <Container size="medium" center>
-      <div class="mt-4">
-        <RepositoryRunHistoryPage {repository} />
-      </div>
-    </Container>
-  </PageLayout>
-{:else if view === "settings"}
-  <PageLayout title="Backup settings" onBack={() => (view = "overview")}>
-    <div class="mt-4">
-      <ImmichBackupSettings />
-    </div>
-  </PageLayout>
-{:else if view === "snapshots" && repository}
-  <PageLayout title="Snapshots" onBack={() => (view = "overview")}>
-    <Container size="medium" center>
-      <div class="mt-4">
-        <RepositorySnapshotsPage {repository} immich />
-      </div>
-    </Container>
-  </PageLayout>
-{:else}
-  <PageLayout title="Backups" actions={[ViewRecoveryKey, Configure]}>
-    <Container size="medium" center>
-      {#if repository && schedule}
-        <Stack class="mt-4" gap={6}>
-          <ImmichManageBackupOverview {repository} {schedule} status={backup.status} />
-          <BackendsList {repository} />
-          <RepositoryRunHistory
-            {repository}
-            onViewAll={() => (view = "attempts")}
-          />
-          <RepositorySnapshotsList
-            {repository}
-            immich
-            limit={5}
-            onViewAll={() => (view = "snapshots")}
-          />
-        </Stack>
-      {/if}
-    </Container>
-  </PageLayout>
-{/if}

package/dist/components/integrations/immich/ImmichManageBackup.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const ImmichManageBackup: import("svelte").Component<Record<string, never>, {}, "">;
-type ImmichManageBackup = ReturnType<typeof ImmichManageBackup>;
-export default ImmichManageBackup;