From bde7d7254b5c2ebfedbd1cb743057e64106ced7c Mon Sep 17 00:00:00 2001
From: timonrieger <mail@timonrieger.de>
Date: Fri, 27 Feb 2026 16:37:10 +0100
Subject: [PATCH] web type fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

in Zod semantics, .default(x) means “if the input is undefined, substitute x”, so the schema must accept undefined, which effectively makes that value optional-at-input
---
 .../memory-page/memory-viewer.svelte           |  2 +-
 .../ServerStatisticsPanel.svelte               | 10 +++++-----
 web/src/lib/services/asset.service.ts          |  2 +-
 web/src/lib/utils/asset-utils.ts               |  4 ++--
 .../library-management/(list)/+layout.svelte   |  6 +++---
 .../library-management/[id]/+layout.svelte     |  6 +++---
 web/src/routes/admin/users/[id]/+layout.svelte | 18 +++++++++---------
 7 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/web/src/lib/components/memory-page/memory-viewer.svelte b/web/src/lib/components/memory-page/memory-viewer.svelte
index bafd26f3d0..ed52f6cbd4 100644
--- a/web/src/lib/components/memory-page/memory-viewer.svelte
+++ b/web/src/lib/components/memory-page/memory-viewer.svelte
@@ -107,7 +107,7 @@
       });
     } else {
       progressBarController = new Tween<number>(0, {
-        duration: (from: number, to: number) => (to ? $preferences.memories.duration * 1000 * (to - from) : 0),
+        duration: (from: number, to: number) => (to ? $preferences.memories.duration! * 1000 * (to - from) : 0),
       });
     }
   };
diff --git a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
index 3ae5e4283a..f0ec02a44c 100644
--- a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
+++ b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
@@ -32,7 +32,7 @@
   };
 
   const TiB = 1024 ** 4;
-  let [statsUsage, statsUsageUnit] = $derived(getBytesWithUnit(stats.usage, stats.usage > TiB ? 2 : 0));
+  let [statsUsage, statsUsageUnit] = $derived(getBytesWithUnit(stats.usage!, stats.usage! > TiB ? 2 : 0));
 </script>
 
 <div class="flex flex-col gap-5 my-4">
@@ -40,8 +40,8 @@
     <Text class="mb-2" fontWeight="medium">{$t('total_usage')}</Text>
 
     <div class="hidden justify-between lg:flex gap-4">
-      <StatsCard icon={mdiCameraIris} title={$t('photos')} value={stats.photos} />
-      <StatsCard icon={mdiPlayCircle} title={$t('videos')} value={stats.videos} />
+      <StatsCard icon={mdiCameraIris} title={$t('photos')} value={stats.photos!} />
+      <StatsCard icon={mdiPlayCircle} title={$t('videos')} value={stats.videos!} />
       <StatsCard icon={mdiChartPie} title={$t('storage')} value={statsUsage} unit={statsUsageUnit} />
     </div>
 
@@ -54,7 +54,7 @@
           </div>
 
           <div class="relative text-center font-mono text-2xl font-medium">
-            <span class="text-light-300">{zeros(stats.photos)}</span><span class="text-primary">{stats.photos}</span>
+            <span class="text-light-300">{zeros(stats.photos!)}</span><span class="text-primary">{stats.photos}</span>
           </div>
         </div>
         <div class="flex flex-wrap gap-x-12">
@@ -64,7 +64,7 @@
           </div>
 
           <div class="relative text-center font-mono text-2xl font-medium">
-            <span class="text-light-300">{zeros(stats.videos)}</span><span class="text-primary">{stats.videos}</span>
+            <span class="text-light-300">{zeros(stats.videos!)}</span><span class="text-primary">{stats.videos}</span>
           </div>
         </div>
         <div class="flex flex-wrap gap-x-5">
diff --git a/web/src/lib/services/asset.service.ts b/web/src/lib/services/asset.service.ts
index bbe4d9301b..9d9e17f93b 100644
--- a/web/src/lib/services/asset.service.ts
+++ b/web/src/lib/services/asset.service.ts
@@ -221,7 +221,7 @@ export const getAssetActions = ($t: MessageFormatter, asset: AssetResponseDto) =
     title: $t('add_tag'),
     icon: mdiTagPlusOutline,
     type: $t('assets'),
-    $if: () => userPreferences.tags.enabled,
+    $if: () => userPreferences.tags.enabled!,
     onAction: () => modalManager.show(AssetTagModal, { assetIds: [asset.id] }),
     shortcuts: { key: 't' },
   };
diff --git a/web/src/lib/utils/asset-utils.ts b/web/src/lib/utils/asset-utils.ts
index 73a6965dd9..84a31dec22 100644
--- a/web/src/lib/utils/asset-utils.ts
+++ b/web/src/lib/utils/asset-utils.ts
@@ -331,7 +331,7 @@ export const deleteStack = async (stackIds: string[]) => {
 
     const assets = stacks.flatMap((stack) => stack.assets);
     for (const asset of assets) {
-      asset.stack = null;
+      asset.stack = undefined;
     }
 
     return assets;
@@ -350,7 +350,7 @@ export const keepThisDeleteOthers = async (keepAsset: AssetResponseDto, stack: S
 
     toastManager.success($t('kept_this_deleted_others', { values: { count: assetsToDeleteIds.length } }));
 
-    keepAsset.stack = null;
+    keepAsset.stack = undefined;
     return keepAsset;
   } catch (error) {
     handleError(error, $t('errors.failed_to_keep_this_delete_others'));
diff --git a/web/src/routes/admin/library-management/(list)/+layout.svelte b/web/src/routes/admin/library-management/(list)/+layout.svelte
index 72aa44c5fe..9441255bd5 100644
--- a/web/src/routes/admin/library-management/(list)/+layout.svelte
+++ b/web/src/routes/admin/library-management/(list)/+layout.svelte
@@ -95,7 +95,7 @@
           <TableBody>
             {#each libraries as library (library.id + library.name)}
               {@const { photos, usage, videos } = statistics[library.id]}
-              {@const [diskUsage, diskUsageUnit] = getBytesWithUnit(usage, 0)}
+              {@const [diskUsage, diskUsageUnit] = getBytesWithUnit(usage!, 0)}
               {@const owner = owners[library.id]}
               <TableRow>
                 <TableCell class={classes.column1}>
@@ -104,8 +104,8 @@
                 <TableCell class={classes.column2}>
                   <Link href={Route.viewUser(owner)}>{owner.name}</Link>
                 </TableCell>
-                <TableCell class={classes.column3}>{photos.toLocaleString($locale)}</TableCell>
-                <TableCell class={classes.column4}>{videos.toLocaleString($locale)}</TableCell>
+                <TableCell class={classes.column3}>{photos!.toLocaleString($locale)}</TableCell>
+                <TableCell class={classes.column4}>{videos!.toLocaleString($locale)}</TableCell>
                 <TableCell class={classes.column5}>{diskUsage} {diskUsageUnit}</TableCell>
                 <TableCell class={classes.column6}>
                   <ContextMenuButton color="primary" aria-label={$t('open')} items={getActionsForLibrary(library)} />
diff --git a/web/src/routes/admin/library-management/[id]/+layout.svelte b/web/src/routes/admin/library-management/[id]/+layout.svelte
index 280c302882..8714df5799 100644
--- a/web/src/routes/admin/library-management/[id]/+layout.svelte
+++ b/web/src/routes/admin/library-management/[id]/+layout.svelte
@@ -30,7 +30,7 @@
   const { children, data }: Props = $props();
 
   const statistics = data.statistics;
-  const [storageUsage, unit] = getBytesWithUnit(statistics.usage);
+  const [storageUsage, unit] = getBytesWithUnit(statistics.usage!);
 
   let library = $state(data.library);
 
@@ -61,8 +61,8 @@
     <div class="grid gap-4 grid-cols-1 lg:grid-cols-2 w-full">
       <Heading tag="h1" size="large" class="col-span-full my-4">{library.name}</Heading>
       <div class="flex flex-col lg:flex-row gap-4 col-span-full">
-        <ServerStatisticsCard icon={mdiCameraIris} title={$t('photos')} value={statistics.photos} />
-        <ServerStatisticsCard icon={mdiPlayCircle} title={$t('videos')} value={statistics.videos} />
+        <ServerStatisticsCard icon={mdiCameraIris} title={$t('photos')} value={statistics.photos!} />
+        <ServerStatisticsCard icon={mdiPlayCircle} title={$t('videos')} value={statistics.videos!} />
         <ServerStatisticsCard icon={mdiChartPie} title={$t('usage')} value={storageUsage} {unit} />
       </div>
 
diff --git a/web/src/routes/admin/users/[id]/+layout.svelte b/web/src/routes/admin/users/[id]/+layout.svelte
index db86d05e72..f585ac3414 100644
--- a/web/src/routes/admin/users/[id]/+layout.svelte
+++ b/web/src/routes/admin/users/[id]/+layout.svelte
@@ -156,15 +156,15 @@
 
         <AdminCard icon={mdiFeatureSearchOutline} title={$t('features')}>
           <Stack gap={3}>
-            <FeatureSetting title={$t('email_notifications')} state={userPreferences.emailNotifications.enabled} />
-            <FeatureSetting title={$t('folders')} state={userPreferences.folders.enabled} />
-            <FeatureSetting title={$t('memories')} state={userPreferences.memories.enabled} />
-            <FeatureSetting title={$t('people')} state={userPreferences.people.enabled} />
-            <FeatureSetting title={$t('rating')} state={userPreferences.ratings.enabled} />
-            <FeatureSetting title={$t('shared_links')} state={userPreferences.sharedLinks.enabled} />
-            <FeatureSetting title={$t('show_supporter_badge')} state={userPreferences.purchase.showSupportBadge} />
-            <FeatureSetting title={$t('tags')} state={userPreferences.tags.enabled} />
-            <FeatureSetting title={$t('gcast_enabled')} state={userPreferences.cast.gCastEnabled} />
+            <FeatureSetting title={$t('email_notifications')} state={userPreferences.emailNotifications.enabled!} />
+            <FeatureSetting title={$t('folders')} state={userPreferences.folders.enabled!} />
+            <FeatureSetting title={$t('memories')} state={userPreferences.memories.enabled!} />
+            <FeatureSetting title={$t('people')} state={userPreferences.people.enabled!} />
+            <FeatureSetting title={$t('rating')} state={userPreferences.ratings.enabled!} />
+            <FeatureSetting title={$t('shared_links')} state={userPreferences.sharedLinks.enabled!} />
+            <FeatureSetting title={$t('show_supporter_badge')} state={userPreferences.purchase.showSupportBadge!} />
+            <FeatureSetting title={$t('tags')} state={userPreferences.tags.enabled!} />
+            <FeatureSetting title={$t('gcast_enabled')} state={userPreferences.cast.gCastEnabled!} />
           </Stack>
         </AdminCard>