wip: update

i18n/en.json

@@ -1338,5 +1338,6 @@
   "years_ago": "{years, plural, one {# year} other {# years}} ago",
   "yes": "Yes",
   "you_dont_have_any_shared_links": "You don't have any shared links",
-  "zoom_image": "Zoom Image"
+  "zoom_image": "Zoom Image",
+  "workflows": "Workflows"
 }

web/src/lib/components/utilities-page/utilities-menu.svelte

@@ -17,4 +17,14 @@
     </span>
     {$t('review_duplicates')}
   </a>
+
+  <a
+    href={AppRoute.WORKFLOWS}
+    class="w-full hover:bg-gray-100 dark:hover:bg-immich-dark-gray flex items-center gap-4 p-4"
+  >
+    <span
+      ><Icon path={mdiContentDuplicate} class="text-immich-primary dark:text-immich-dark-primary" size="24" />
+    </span>
+    {$t('workflows')}
+  </a>
 </div>

web/src/lib/constants.ts

@@ -46,6 +46,7 @@ export enum AppRoute {
 
   UTILITIES = '/utilities',
   DUPLICATES = '/utilities/duplicates',
+  WORKFLOWS = '/utilities/workflows',
 
   FOLDERS = '/folders',
   TAGS = '/tags',

web/src/routes/(user)/utilities/workflows/+page.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
+  import type { PageData } from './$types';
+
+  interface Props {
+    data: PageData;
+  }
+
+  let { data }: Props = $props();
+</script>
+
+<UserPageLayout title={data.meta.title}>
+  <div class="w-full h-full bg-gray-50 dark:bg-immich-dark-gray rounded-xl p-6">hello</div>
+</UserPageLayout>

web/src/routes/(user)/utilities/workflows/+page.ts

@@ -0,0 +1,14 @@
+import { authenticate } from '$lib/utils/auth';
+import { getFormatter } from '$lib/utils/i18n';
+import type { PageLoad } from './$types';
+
+export const load = (async () => {
+  await authenticate();
+  const $t = await getFormatter();
+
+  return {
+    meta: {
+      title: $t('workflows'),
+    },
+  };
+}) satisfies PageLoad;