diff --git a/web/src/lib/components/workflows/SchemaFormFields.svelte b/web/src/lib/components/workflows/SchemaFormFields.svelte
index 090683c77f..54d1e81ca6 100644
--- a/web/src/lib/components/workflows/SchemaFormFields.svelte
+++ b/web/src/lib/components/workflows/SchemaFormFields.svelte
@@ -3,11 +3,11 @@
   import { Field, Input, MultiSelect, Select, Switch, Text, type SelectItem } from '@immich/ui';
   import WorkflowPickerField from './WorkflowPickerField.svelte';
 
-  interface Props {
+  type Props = {
     schema: object | null;
     config: Record<string, unknown>;
     configKey?: string;
-  }
+  };
 
   let { schema = null, config = $bindable({}), configKey }: Props = $props();
 
diff --git a/web/src/lib/components/workflows/WorkflowCardConnector.svelte b/web/src/lib/components/workflows/WorkflowCardConnector.svelte
index 94868ad011..9666311980 100644
--- a/web/src/lib/components/workflows/WorkflowCardConnector.svelte
+++ b/web/src/lib/components/workflows/WorkflowCardConnector.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  interface Props {
+  type Props = {
     animated?: boolean;
-  }
+  };
 
   let { animated = true }: Props = $props();
 </script>
diff --git a/web/src/lib/components/workflows/WorkflowJsonEditor.svelte b/web/src/lib/components/workflows/WorkflowJsonEditor.svelte
index a5ad3eed74..5401eeb5f0 100644
--- a/web/src/lib/components/workflows/WorkflowJsonEditor.svelte
+++ b/web/src/lib/components/workflows/WorkflowJsonEditor.svelte
@@ -5,11 +5,11 @@
   import { mdiCodeJson } from '@mdi/js';
   import { JSONEditor, Mode, type Content, type OnChangeStatus } from 'svelte-jsoneditor';
 
-  interface Props {
+  type Props = {
     jsonContent: WorkflowPayload;
     onApply: () => void;
     onContentChange: (content: WorkflowPayload) => void;
-  }
+  };
 
   let { jsonContent, onApply, onContentChange }: Props = $props();
 
diff --git a/web/src/lib/components/workflows/WorkflowPickerField.svelte b/web/src/lib/components/workflows/WorkflowPickerField.svelte
index b47a64c147..7fcc26e40f 100644
--- a/web/src/lib/components/workflows/WorkflowPickerField.svelte
+++ b/web/src/lib/components/workflows/WorkflowPickerField.svelte
@@ -8,12 +8,12 @@
   import { mdiClose, mdiPlus } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     component: ComponentConfig;
     configKey: string;
     value: string | string[] | undefined;
     onchange: (value: string | string[]) => void;
-  }
+  };
 
   let { component, configKey, value = $bindable(), onchange }: Props = $props();
 
diff --git a/web/src/lib/components/workflows/WorkflowSummary.svelte b/web/src/lib/components/workflows/WorkflowSummary.svelte
index 0ead163efe..0a3e4d62f9 100644
--- a/web/src/lib/components/workflows/WorkflowSummary.svelte
+++ b/web/src/lib/components/workflows/WorkflowSummary.svelte
@@ -9,11 +9,11 @@
   import { mdiClose, mdiFilterOutline, mdiFlashOutline, mdiPlayCircleOutline, mdiViewDashboardOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     trigger: PluginTriggerResponseDto;
     filters: PluginFilterResponseDto[];
     actions: PluginActionResponseDto[];
-  }
+  };
 
   let { trigger, filters, actions }: Props = $props();
 
diff --git a/web/src/lib/components/workflows/WorkflowTriggerCard.svelte b/web/src/lib/components/workflows/WorkflowTriggerCard.svelte
index 0cb2d64449..dd0421caf2 100644
--- a/web/src/lib/components/workflows/WorkflowTriggerCard.svelte
+++ b/web/src/lib/components/workflows/WorkflowTriggerCard.svelte
@@ -4,11 +4,11 @@
   import { mdiFaceRecognition, mdiFileUploadOutline, mdiLightningBolt } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     trigger: PluginTriggerResponseDto;
     selected: boolean;
     onclick: () => void;
-  }
+  };
 
   let { trigger, selected, onclick }: Props = $props();
 
diff --git a/web/src/lib/modals/AddWorkflowStepModal.svelte b/web/src/lib/modals/AddWorkflowStepModal.svelte
index 5cf8231d49..8a351f17d4 100644
--- a/web/src/lib/modals/AddWorkflowStepModal.svelte
+++ b/web/src/lib/modals/AddWorkflowStepModal.svelte
@@ -4,12 +4,12 @@
   import { mdiFilterOutline, mdiPlayCircleOutline } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     filters: PluginFilterResponseDto[];
     actions: PluginActionResponseDto[];
     onClose: (result?: { type: 'filter' | 'action'; item: PluginFilterResponseDto | PluginActionResponseDto }) => void;
     type?: 'filter' | 'action';
-  }
+  };
 
   let { filters, actions, onClose, type }: Props = $props();
 
diff --git a/web/src/lib/modals/PeoplePickerModal.svelte b/web/src/lib/modals/PeoplePickerModal.svelte
index 19b1d33bea..66e98885a3 100644
--- a/web/src/lib/modals/PeoplePickerModal.svelte
+++ b/web/src/lib/modals/PeoplePickerModal.svelte
@@ -8,11 +8,11 @@
   import { onMount } from 'svelte';
   import { t } from 'svelte-i18n';
 
-  interface Props {
+  type Props = {
     multiple?: boolean;
     excludedIds?: string[];
     onClose: (people?: PersonResponseDto[]) => void;
-  }
+  };
 
   let { multiple = false, excludedIds = [], onClose }: Props = $props();
 
diff --git a/web/src/routes/(user)/utilities/workflows/+page.svelte b/web/src/routes/(user)/utilities/workflows/+page.svelte
index be9e521684..5b16d0da04 100644
--- a/web/src/routes/(user)/utilities/workflows/+page.svelte
+++ b/web/src/routes/(user)/utilities/workflows/+page.svelte
@@ -37,9 +37,9 @@
   import { SvelteMap, SvelteSet } from 'svelte/reactivity';
   import type { PageData } from './$types';
 
-  interface Props {
+  type Props = {
     data: PageData;
-  }
+  };
 
   let { data }: Props = $props();
 
diff --git a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
index abd429ce7e..db55305f02 100644
--- a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
+++ b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
@@ -56,9 +56,9 @@
   import { t } from 'svelte-i18n';
   import type { PageData } from './$types';
 
-  interface Props {
+  type Props = {
     data: PageData;
-  }
+  };
 
   let { data }: Props = $props();