feat(web): 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

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

web/src/lib/i18n/en.json

@@ -1283,6 +1283,7 @@
   "week": "Week",
   "welcome": "Welcome",
   "welcome_to_immich": "Welcome to immich",
+  "workflows": "Workflows",
   "year": "Year",
   "years_ago": "{years, plural, one {# year} other {# years}} ago",
   "yes": "Yes",

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
+  import type { PageData } from './$types';
+  import UtilitiesMenu from '$lib/components/utilities-page/utilities-menu.svelte';
+
+  export let data: PageData;
+</script>
+
+<UserPageLayout title={data.meta.title}>
+  <div class="w-full max-w-xl m-auto"></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;