diff --git a/i18n/en.json b/i18n/en.json
index c3cee6dd87..4c7ce77076 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -1509,7 +1509,6 @@
   "no_results_description": "Try a synonym or more general keyword",
   "no_shared_albums_message": "Create an album to share photos and videos with people in your network",
   "no_uploads_in_progress": "No uploads in progress",
-  "no_workflows_yet": "No workflows yet",
   "not_allowed": "Not allowed",
   "not_available": "N/A",
   "not_in_any_album": "Not in any album",
@@ -2276,6 +2275,7 @@
   "workflow_delete_prompt": "Are you sure you want to delete this workflow?",
   "workflow_deleted": "Workflow deleted",
   "workflow_description": "Workflow description",
+  "workflow_info": "Workflow info",
   "workflow_json": "Workflow JSON",
   "workflow_json_help": "Edit the workflow configuration in JSON format. Changes will sync to the visual builder.",
   "workflow_name": "Workflow name",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6a5b504521..8beab96e29 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -718,7 +718,7 @@ importers:
         version: link:../open-api/typescript-sdk
       '@immich/ui':
         specifier: ^0.50.0
-        version: 0.50.0(@sveltejs/kit@2.49.0(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)
+        version: 0.50.0(@sveltejs/kit@2.49.0(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.94.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.94.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)
       '@mapbox/mapbox-gl-rtl-text':
         specifier: 0.2.3
         version: 0.2.3(mapbox-gl@1.13.3)
@@ -15007,7 +15007,7 @@ snapshots:
     dependencies:
       svelte: 5.45.2
 
-  '@immich/ui@0.50.0(@sveltejs/kit@2.49.0(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)':
+  '@immich/ui@0.50.0(@sveltejs/kit@2.49.0(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.94.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)(vite@7.2.4(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.94.2)(terser@5.44.0)(yaml@2.8.2)))(svelte@5.45.2)':
     dependencies:
       '@immich/svelte-markdown-preprocess': 0.1.0(svelte@5.45.2)
       '@internationalized/date': 3.10.0
diff --git a/web/src/lib/assets/empty-workflows.svg b/web/src/lib/assets/empty-workflows.svg
new file mode 100644
index 0000000000..f601ca984a
--- /dev/null
+++ b/web/src/lib/assets/empty-workflows.svg
@@ -0,0 +1 @@
+<svg width="900" height="600" viewBox="0 0 900 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="transparent" d="M0 0h900v600H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M279.457 345.206v-90.36c0-30.398 16.166-58.5 42.428-73.794l85.388-49.696a85.412 85.412 0 0 1 85.9 0l85.388 49.696c26.281 15.294 42.447 43.396 42.447 73.794v90.36c0 30.398-16.166 58.5-42.428 73.794l-85.388 49.696a85.416 85.416 0 0 1-85.9 0L321.904 419c-26.281-15.294-42.447-43.396-42.447-73.794z" fill="#a9a9ab"/><path fill-rule="evenodd" clip-rule="evenodd" d="M459.481 207.761c.568-4.09-4.68-6.255-7.16-2.953l-84.628 112.669c-1.98 2.636-.099 6.402 3.198 6.402h74.506a4 4 0 0 1 3.962 4.55l-8.859 63.773c-.568 4.091 4.681 6.255 7.161 2.953l84.627-112.669c1.981-2.636.1-6.402-3.198-6.402h-74.505a4 4 0 0 1-3.962-4.55l8.858-63.773z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M665.486 434.276h5.305a2.318 2.318 0 0 1 2.316 2.316v5.305a2.317 2.317 0 0 1-2.316 2.315h-5.305a2.323 2.323 0 0 1-2.315-2.315v-5.305c-.011-1.272 1.033-2.316 2.315-2.316zm18.392 0h5.306a2.325 2.325 0 0 1 2.315 2.316v5.305a2.317 2.317 0 0 1-2.315 2.315h-5.306a2.324 2.324 0 0 1-2.315-2.315v-5.305a2.325 2.325 0 0 1 2.315-2.316zm18.406 0h5.305a2.325 2.325 0 0 1 2.316 2.316v5.305a2.317 2.317 0 0 1-2.316 2.315h-5.305a2.323 2.323 0 0 1-2.315-2.315v-5.305c-.011-1.272 1.032-2.316 2.315-2.316zm18.393 0h5.305a2.325 2.325 0 0 1 2.316 2.316v5.305a2.317 2.317 0 0 1-2.316 2.315h-5.305a2.326 2.326 0 0 1-2.326-2.315v-5.305a2.34 2.34 0 0 1 2.326-2.316zm18.394 0h5.305a2.327 2.327 0 0 1 2.327 2.316v5.305a2.32 2.32 0 0 1-2.327 2.315h-5.305a2.323 2.323 0 0 1-2.315-2.315v-5.305a2.324 2.324 0 0 1 2.315-2.316zm-54.518 20.057h5.305a2.325 2.325 0 0 1 2.316 2.316v5.316a2.325 2.325 0 0 1-2.316 2.315h-5.305a2.317 2.317 0 0 1-2.315-2.315v-5.306a2.312 2.312 0 0 1 2.315-2.326zm18.393 0h5.305a2.324 2.324 0 0 1 2.315 2.316v5.316a2.324 2.324 0 0 1-2.315 2.315h-5.305a2.325 2.325 0 0 1-2.316-2.315v-5.306a2.313 2.313 0 0 1 2.316-2.326zm18.394 0h5.305a2.327 2.327 0 0 1 2.326 2.316v5.316a2.326 2.326 0 0 1-2.326 2.315h-5.305a2.325 2.325 0 0 1-2.316-2.315v-5.306a2.327 2.327 0 0 1 2.316-2.326zm-19.056-41.603h5.305a2.324 2.324 0 0 1 2.316 2.315v5.305a2.318 2.318 0 0 1-2.316 2.316h-5.305a2.324 2.324 0 0 1-2.315-2.316v-5.305c-.011-1.272 1.032-2.315 2.315-2.315zm18.393 0h5.305a2.324 2.324 0 0 1 2.316 2.315v5.305a2.318 2.318 0 0 1-2.316 2.316h-5.305a2.327 2.327 0 0 1-2.326-2.316v-5.305a2.34 2.34 0 0 1 2.326-2.315z" fill="#E1E4E5"/><path d="M705.906 321.348c-9.263 10.72-27.928 9.781-27.928 9.781s-3.636-18.32 5.636-29.035c9.262-10.72 27.918-9.787 27.918-9.787s3.636 18.321-5.626 29.041z" fill="url(#a)"/><path d="M170.231 299.913c-13.686 3.242-28.162-8.365-28.162-8.365s7.725-16.857 21.416-20.09c13.686-3.242 28.157 8.355 28.157 8.355s-7.725 16.858-21.411 20.1z" fill="url(#b)"/><path d="M377.117 115.387c13.812-2.792 22.112-19.425 22.112-19.425s-14.1-12.096-27.912-9.293c-13.812 2.793-22.112 19.414-22.112 19.414s14.1 12.096 27.912 9.304z" fill="url(#c)"/><path d="M590.84 520.606c22.282-5.12 35.032-32.453 35.032-32.453s-23.387-19.015-45.669-13.877c-22.282 5.12-35.033 32.435-35.033 32.435s23.387 19.015 45.67 13.895z" fill="url(#d)"/><circle cx="761" cy="361" r="6" transform="rotate(180 761 361)" fill="#a9a9ab"/><circle r="8.223" transform="matrix(-1 0 0 1 228.559 225.966)" fill="#a9a9ab"/><ellipse rx="13.816" ry="14.392" transform="matrix(-1 0 0 1 682.111 151.99)" fill="#a9a9ab"/><circle r="10.938" transform="matrix(-1 0 0 1 224.343 444.268)" fill="#a9a9ab"/><ellipse rx="13.323" ry="12.811" transform="matrix(-1 0 0 1 335.323 487.811)" fill="#E1E4E5"/><circle r="8.761" transform="matrix(-1 0 0 1 220.015 321.647)" fill="#E1E4E5"/><ellipse rx="7.687" ry="8.199" transform="matrix(0 -1 -1 0 449.686 522.199)" fill="#E1E4E5"/><circle r="7.475" transform="matrix(-1 0 0 1 514.475 101.475)" fill="#E1E4E5"/><circle r="7.305" transform="scale(1 -1) rotate(-75 -148.79 -314.306)" fill="#E1E4E5"/><circle r="9.718" transform="matrix(-1 0 0 1 278.718 137.718)" fill="#E1E4E5"/><ellipse rx="7.475" ry="5.98" transform="matrix(-1 0 0 1 728.104 228.79)" fill="#E1E4E5"/><circle r="15.202" transform="scale(1 -1) rotate(-75 211.984 -463.287)" fill="#E1E4E5"/><path d="M673.355 216h.195c1.158 16.407 13.36 16.66 13.36 16.66s-13.455.262-13.455 19.22c0-18.958-13.455-19.22-13.455-19.22s12.197-.253 13.355-16.66zM188 139h.337c1.994 28.712 23.008 29.154 23.008 29.154s-23.172.46-23.172 33.636c0-33.176-23.173-33.636-23.173-33.636s21.006-.442 23-29.154z" fill="#E1E4E5"/><defs><linearGradient id="a" x1="668.58" y1="358.33" x2="733.017" y2="241.446" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient><linearGradient id="b" x1="118.692" y1="307.975" x2="238.502" y2="251.372" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient><linearGradient id="c" x1="427.388" y1="101.099" x2="294.641" y2="99.868" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient><linearGradient id="d" x1="671.765" y1="495.279" x2="456.404" y2="498.965" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/web/src/lib/components/workflows/WorkflowPickerField.svelte b/web/src/lib/components/workflows/WorkflowPickerField.svelte
index 4e56f0c4be..b47a64c147 100644
--- a/web/src/lib/components/workflows/WorkflowPickerField.svelte
+++ b/web/src/lib/components/workflows/WorkflowPickerField.svelte
@@ -24,7 +24,6 @@
 
   let pickerMetadata = $state<AlbumResponseDto | PersonResponseDto | AlbumResponseDto[] | PersonResponseDto[]>();
 
-  // Fetch metadata for existing picker values (albums/people)
   $effect(() => {
     if (!value) {
       pickerMetadata = undefined;
diff --git a/web/src/routes/(user)/utilities/workflows/+page.svelte b/web/src/routes/(user)/utilities/workflows/+page.svelte
index ce57ae87ce..be9e521684 100644
--- a/web/src/routes/(user)/utilities/workflows/+page.svelte
+++ b/web/src/routes/(user)/utilities/workflows/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
+  import emptyWorkflows from '$lib/assets/empty-workflows.svg';
   import UserPageLayout from '$lib/components/layouts/user-page-layout.svelte';
+  import EmptyPlaceholder from '$lib/components/shared-components/empty-placeholder.svelte';
   import { AppRoute } from '$lib/constants';
   import type { WorkflowPayload } from '$lib/services/workflow.service';
   import { handleError } from '$lib/utils/handle-error';
@@ -187,17 +189,13 @@
   <section class="flex place-content-center sm:mx-4">
     <section class="w-full pb-28 sm:w-5/6 md:w-4xl">
       {#if workflows.length === 0}
-        <div class="flex flex-col items-center justify-center gap-4 py-20">
-          <Icon icon={mdiPlay} size="64" class="text-immich-primary dark:text-immich-dark-primary" />
-          <h2 class="text-2xl font-semibold">{$t('no_workflows_yet')}</h2>
-          <p class="text-center text-sm text-muted">
-            {$t('workflows_help_text')}
-          </p>
-          <Button shape="round" color="primary" onclick={handleCreateWorkflow}>
-            <Icon icon={mdiPlus} size="18" />
-            {$t('create_first_workflow')}
-          </Button>
-        </div>
+        <EmptyPlaceholder
+          title={$t('create_first_workflow')}
+          text={$t('workflows_help_text')}
+          onClick={handleCreateWorkflow}
+          src={emptyWorkflows}
+          class="mt-10 mx-auto"
+        />
       {:else}
         <div class="my-6 grid gap-6">
           {#each workflows as workflow (workflow.id)}
diff --git a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
index 043bf77b58..abd429ce7e 100644
--- a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
+++ b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
@@ -370,19 +370,38 @@
             <div class="flex place-items-start gap-3">
               <Icon icon={mdiInformationOutline} size="20" class="mt-1" />
               <div class="flex flex-col">
-                <CardTitle>Basic information</CardTitle>
-                <CardDescription>Describing the workflow</CardDescription>
+                <CardTitle>
+                  {$t('workflow_info')}
+                </CardTitle>
               </div>
             </div>
           </CardHeader>
 
           <CardBody>
-            <VStack gap={6}>
-              <Field class="text-sm" label={$t('name')} for="workflow-name" required>
+            <VStack gap={4}>
+              <div
+                class="relative overflow-hidden border p-4 w-full rounded-xl"
+                class:bg-primary-50={editWorkflow.enabled}
+              >
+                <Field
+                  label={editWorkflow.enabled ? $t('enabled') : $t('disabled')}
+                  for="workflow-enabled"
+                  color={editWorkflow.enabled ? 'primary' : 'secondary'}
+                >
+                  <Switch id="workflow-enabled" bind:checked={editWorkflow.enabled} />
+                </Field>
+              </div>
+
+              <Field label={$t('name')} for="workflow-name" required>
                 <Input id="workflow-name" placeholder={$t('workflow_name')} bind:value={name} />
               </Field>
-              <Field class="text-sm" label={$t('description')} for="workflow-description">
-                <Textarea id="workflow-description" placeholder={$t('workflow_description')} bind:value={description} />
+              <Field label={$t('description')} for="workflow-description">
+                <Textarea
+                  id="workflow-description"
+                  grow
+                  placeholder={$t('workflow_description')}
+                  bind:value={description}
+                />
               </Field>
             </VStack>
           </CardBody>
@@ -559,7 +578,7 @@
 
 <ControlAppBar onClose={() => goto(AppRoute.WORKFLOWS)} backIcon={mdiArrowLeft} tailwindClasses="fixed! top-0! w-full">
   {#snippet leading()}
-    <p>{data.meta.title}</p>
+    <Text>{data.meta.title}</Text>
   {/snippet}
 
   {#snippet trailing()}
@@ -588,11 +607,6 @@
         </Button>
       </HStack>
 
-      <HStack gap={2}>
-        <Text class="text-sm">{editWorkflow.enabled ? 'ON' : 'OFF'}</Text>
-        <Switch bind:checked={editWorkflow.enabled} />
-      </HStack>
-
       <Button leadingIcon={mdiContentSave} size="small" color="primary" onclick={updateWorkflow} disabled={!hasChanges}>
         {$t('save')}
       </Button>