From 390f44fb81f0dc615a92ce79ae04a9342f027b81 Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Fri, 27 Feb 2026 14:15:39 +0100
Subject: [PATCH] remove |local modifier from transitions (default in Svelte 5)

In Svelte 5, transitions are local by default, making the |local
modifier redundant. Removed from all 31 files (43 occurrences).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/ArgInput.svelte    |  2 +-
 .../lib/components/ArrayTypeNarrowing.svelte   |  2 +-
 .../src/lib/components/CollapseLink.svelte     |  2 +-
 .../src/lib/components/DeployToSetting.svelte  |  2 +-
 .../src/lib/components/IdEditorInput.svelte    |  2 +-
 .../src/lib/components/ScriptBuilder.svelte    |  2 +-
 frontend/src/lib/components/Slider.svelte      |  2 +-
 .../editor/componentsPanel/CssProperty.svelte  |  2 +-
 .../editor/componentsPanel/ListItem.svelte     |  2 +-
 .../settingsPanel/CSSMigrationModal.svelte     |  2 +-
 .../editor/settingsPanel/ComponentPanel.svelte |  2 +-
 .../settingsPanel/GridTabDisabled.svelte       |  2 +-
 .../editor/settingsPanel/GridTabHidden.svelte  |  2 +-
 .../secondaryMenu/SecondaryMenu.svelte         |  2 +-
 .../lib/components/common/alert/Alert.svelte   |  2 +-
 .../clearableInput/ClearableInput.svelte       |  2 +-
 .../confirmationModal/ConfirmationModal.svelte |  2 +-
 .../common/fileUpload/FileUploadModal.svelte   |  2 +-
 .../src/lib/components/common/menu/Menu.svelte |  2 +-
 .../lib/components/common/modal/Modal.svelte   |  2 +-
 .../lib/components/common/modal/Modal2.svelte  |  2 +-
 .../flows/map/FlowModuleSchemaItem.svelte      | 18 +++++++++---------
 .../components/flows/map/VirtualItem.svelte    |  4 ++--
 .../git_sync/GitSyncRepositoryCard.svelte      |  6 +++---
 .../instanceSettings/EmailChannelCard.svelte   |  2 +-
 .../src/lib/components/jobs/JobPreview.svelte  |  2 +-
 .../components/triggers/TriggerFilters.svelte  |  2 +-
 .../mqtt/MqttEditorConfigSection.svelte        |  2 +-
 .../WebsocketTriggerEditorInner.svelte         |  2 +-
 .../workspaceSettings/AISettings.svelte        |  4 ++--
 .../workspaceSettings/ModelTokenLimits.svelte  |  2 +-
 31 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index 8e4c072971..3d8a12047e 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -869,7 +869,7 @@
 											<div class="flex w-full items-center relative">
 												{#snippet deleteItemBtn()}
 													<button
-														transition:fade|local={{ duration: 100 }}
+														transition:fade={{ duration: 100 }}
 														class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
 														aria-label="Clear"
 														onclick={() => {
diff --git a/frontend/src/lib/components/ArrayTypeNarrowing.svelte b/frontend/src/lib/components/ArrayTypeNarrowing.svelte
index 9c68f4523a..639e11ca2d 100644
--- a/frontend/src/lib/components/ArrayTypeNarrowing.svelte
+++ b/frontend/src/lib/components/ArrayTypeNarrowing.svelte
@@ -130,7 +130,7 @@
 					<input id="input" type="text" bind:value={itemsType.enum[index]} />
 					<div>
 						<button
-							transition:fade|local={{ duration: 100 }}
+							transition:fade={{ duration: 100 }}
 							class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
 							onclick={() => {
 								if (itemsType && itemsType.enum) {
diff --git a/frontend/src/lib/components/CollapseLink.svelte b/frontend/src/lib/components/CollapseLink.svelte
index c752b2d7ce..fddbac8e90 100644
--- a/frontend/src/lib/components/CollapseLink.svelte
+++ b/frontend/src/lib/components/CollapseLink.svelte
@@ -27,6 +27,6 @@
 	</button>
 
 	{#if open}
-		<div transition:slide|local={{ duration: 100 }}>{@render children?.()}</div>
+		<div transition:slide={{ duration: 100 }}>{@render children?.()}</div>
 	{/if}
 </div>
diff --git a/frontend/src/lib/components/DeployToSetting.svelte b/frontend/src/lib/components/DeployToSetting.svelte
index c66f868c31..71b71983aa 100644
--- a/frontend/src/lib/components/DeployToSetting.svelte
+++ b/frontend/src/lib/components/DeployToSetting.svelte
@@ -192,7 +192,7 @@
 								placeholder="e.g., f/*, u/admin/**"
 							/>
 							<button
-								transition:fade|local={{ duration: 100 }}
+								transition:fade={{ duration: 100 }}
 								class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover ml-2"
 								aria-label="Clear"
 								onclick={() => {
diff --git a/frontend/src/lib/components/IdEditorInput.svelte b/frontend/src/lib/components/IdEditorInput.svelte
index 7b85d8e52b..95773c3f84 100644
--- a/frontend/src/lib/components/IdEditorInput.svelte
+++ b/frontend/src/lib/components/IdEditorInput.svelte
@@ -102,7 +102,7 @@
 	</div>
 	{#if error != ''}
 		<div
-			transition:slide|local={{ duration: 100 }}
+			transition:slide={{ duration: 100 }}
 			class="w-full text-sm text-red-600 whitespace-pre-wrap pt-1"
 		>
 			{error}
diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte
index d2bfe61d32..0c96297bb7 100644
--- a/frontend/src/lib/components/ScriptBuilder.svelte
+++ b/frontend/src/lib/components/ScriptBuilder.svelte
@@ -1686,7 +1686,7 @@
 																/>
 															{/if}
 															<button
-																transition:fade|local={{ duration: 50 }}
+																transition:fade={{ duration: 50 }}
 																class="rounded-full p-1 bg-surface/60 duration-200 hover:bg-gray-200 absolute right-2"
 																aria-label="Clear"
 																onclick={() => {
diff --git a/frontend/src/lib/components/Slider.svelte b/frontend/src/lib/components/Slider.svelte
index e3269cde09..a96b93805d 100644
--- a/frontend/src/lib/components/Slider.svelte
+++ b/frontend/src/lib/components/Slider.svelte
@@ -37,5 +37,5 @@
 	{/if}
 </Button>
 {#if view}
-	<div class="my-4 px-2" transition:slide|local>{@render children?.()}</div>
+	<div class="my-4 px-2" transition:slide>{@render children?.()}</div>
 {/if}
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
index 972754eddb..640b9b155c 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -190,7 +190,7 @@
 					</div>
 					{#if quickStyleProperties?.length && isQuickMenuOpen}
 						<div class="text-xs mb-1 font-medium">Rich editor</div>
-						<div transition:slide|local={{ duration: 200 }} class="w-full">
+						<div transition:slide={{ duration: 200 }} class="w-full">
 							<QuickStyleMenu
 								bind:value={value.style}
 								properties={quickStyleProperties}
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
index 24ea32fa18..0a4834c53c 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
@@ -78,7 +78,7 @@
 			<ChevronDown class="rotate-0 duration-300 {isOpen ? '!rotate-180' : ''}" />
 		</button>
 		{#if isOpen}
-			<div transition:slide|local={{ duration: 300 }} class="px-2 {contentWrapperClasses}">
+			<div transition:slide={{ duration: 300 }} class="px-2 {contentWrapperClasses}">
 				{@render children?.()}
 			</div>
 		{/if}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
index f4250d44ae..cdd4e314bc 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
@@ -135,7 +135,7 @@
 
 {#if migrationModalOpen}
 	<Portal name="css-global-migration-modal" class="z-[5000] absolute">
-		<div transition:fadeFast|local class={' top-0 bottom-0 left-0 right-0 z-[5000]'} role="dialog">
+		<div transition:fadeFast class={' top-0 bottom-0 left-0 right-0 z-[5000]'} role="dialog">
 			<div
 				class={twMerge(
 					'fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity',
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index 77bc050615..151ae001d1 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -517,7 +517,7 @@
 				</div>
 				<AlignmentEditor bind:component={item.data} />
 				{#if viewCssOptions}
-					<div transition:slide|local class="w-full">
+					<div transition:slide class="w-full">
 						{#each Object.keys(ccomponents[component.type]?.customCss ?? {}) as name}
 							{#if item.data?.customCss != undefined}
 								<div class="w-full mb-2">
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
index 23786d5047..d9dbc807c2 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabDisabled.svelte
@@ -40,7 +40,7 @@
 />
 
 {#if disablable}
-	<div transition:slide|local>
+	<div transition:slide>
 		<InputsSpecEditor
 			key="tabDisabled {index}"
 			bind:componentInput={field}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabHidden.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabHidden.svelte
index de194d36e5..7af9311031 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridTabHidden.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridTabHidden.svelte
@@ -40,7 +40,7 @@
 />
 
 {#if hideable}
-	<div transition:slide|local>
+	<div transition:slide>
 		<InputsSpecEditor
 			key="tabHidden {index}"
 			bind:componentInput={field}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
index 877c48bf35..7661023b16 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
@@ -23,7 +23,7 @@
 >
 	{#if $secondaryMenu.isOpen && $secondaryMenu.component}
 		<div
-			transition:fly|local={{ duration: 300, x: right ? width : -width, y: 0, opacity: 1 }}
+			transition:fly={{ duration: 300, x: right ? width : -width, y: 0, opacity: 1 }}
 			class="flex flex-col w-full h-full bg-surface"
 		>
 			<div
diff --git a/frontend/src/lib/components/common/alert/Alert.svelte b/frontend/src/lib/components/common/alert/Alert.svelte
index 7c03de5dca..40d2c3bf78 100644
--- a/frontend/src/lib/components/common/alert/Alert.svelte
+++ b/frontend/src/lib/components/common/alert/Alert.svelte
@@ -97,7 +97,7 @@
 			</div>
 
 			{#if children && !isCollapsed}
-				<div transition:slide|local={{ duration: 200 }} class="mt-2">
+				<div transition:slide={{ duration: 200 }} class="mt-2">
 					<div
 						class={twMerge('text-xs', classes[type].descriptionClass, descriptionClass)}
 						style={descriptionStyle}
diff --git a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
index 5e5a28c5fc..1f332fab32 100644
--- a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
+++ b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
@@ -83,7 +83,7 @@
 	{/if}
 	{#if value && isHovered}
 		<button
-			transition:fade|local={{ duration: 80 }}
+			transition:fade={{ duration: 80 }}
 			class="absolute z-10 top-[9.5px] right-2 rounded-full p-0.5 text-primary bg-surface-secondary
 			 hover:bg-surface-hover focus:bg-surface-hover {buttonClass}"
 			aria-label="Clear"
diff --git a/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte b/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
index a04923e156..70624c8305 100644
--- a/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
+++ b/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
@@ -83,7 +83,7 @@
 
 {#if open}
 	<div
-		transition:fadeFast|local
+		transition:fadeFast
 		class={'fixed top-0 bottom-0 left-0 right-0 z-[5000]'}
 		role="dialog"
 		{id}
diff --git a/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte b/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
index 2a7de694aa..6a263dff79 100644
--- a/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
+++ b/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
@@ -35,7 +35,7 @@
 
 {#if open}
 	<div
-		transition:fadeFast|local
+		transition:fadeFast
 		class={'fixed top-0 bottom-0 left-0 right-0 z-[5000]'}
 		role="dialog"
 	>
diff --git a/frontend/src/lib/components/common/menu/Menu.svelte b/frontend/src/lib/components/common/menu/Menu.svelte
index 3ff9a40b74..519aada62b 100644
--- a/frontend/src/lib/components/common/menu/Menu.svelte
+++ b/frontend/src/lib/components/common/menu/Menu.svelte
@@ -109,7 +109,7 @@
 	</div>
 	{#if show}
 		<div
-			transition:fade|local={{ duration: transitionDuration }}
+			transition:fade={{ duration: transitionDuration }}
 			class={classNames(
 				'z-50 absolute mt-2 rounded-md shadow-lg bg-surface ring-1 ring-black ring-opacity-5 focus:outline-none',
 				placementsClasses[placement],
diff --git a/frontend/src/lib/components/common/modal/Modal.svelte b/frontend/src/lib/components/common/modal/Modal.svelte
index ee1e062eb2..bbb4a435cc 100644
--- a/frontend/src/lib/components/common/modal/Modal.svelte
+++ b/frontend/src/lib/components/common/modal/Modal.svelte
@@ -63,7 +63,7 @@
 	<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 	<div
 		onclick={() => (open = false)}
-		transition:fadeFast|local
+		transition:fadeFast
 		class={'fixed top-0 bottom-0 left-0 right-0 z-[9999]'}
 		role="dialog"
 		tabindex="-1"
diff --git a/frontend/src/lib/components/common/modal/Modal2.svelte b/frontend/src/lib/components/common/modal/Modal2.svelte
index 19ed59268c..f8ccc368c3 100644
--- a/frontend/src/lib/components/common/modal/Modal2.svelte
+++ b/frontend/src/lib/components/common/modal/Modal2.svelte
@@ -77,7 +77,7 @@
 	<Portal name="always-mounted" {target}>
 		<div
 			class={'fixed top-0 bottom-0 left-0 right-0 transition-all z-[1110] overflow-auto bg-black bg-opacity-60 w-full h-full'}
-			transition:fadeFast|local
+			transition:fadeFast
 		>
 			<div class="flex min-h-full items-center justify-center p-8">
 				<div
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
index 8d465f2c6a..495ad1fe42 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
@@ -298,7 +298,7 @@
 			{#if retry}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 					>
 						{#if retries}<span class="text-red-400 mr-2">{retries}</span>{/if}
@@ -313,7 +313,7 @@
 			{#if concurrency}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Gauge size={12} />
@@ -326,7 +326,7 @@
 			{#if debouncing}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Timer size={12} />
@@ -339,7 +339,7 @@
 			{#if cache}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Database size={12} />
@@ -352,7 +352,7 @@
 			{#if earlyStop}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Square size={12} />
@@ -365,7 +365,7 @@
 			{#if skip}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<SkipForward size={12} />
@@ -378,7 +378,7 @@
 			{#if suspend}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<PhoneIncoming size={12} />
@@ -391,7 +391,7 @@
 			{#if sleep}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Bed size={12} />
@@ -404,7 +404,7 @@
 			{#if mock?.enabled}
 				<Popover notClickable>
 					<button
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 						onclick={() => {
 							outputPicker?.toggleOpen()
diff --git a/frontend/src/lib/components/flows/map/VirtualItem.svelte b/frontend/src/lib/components/flows/map/VirtualItem.svelte
index d3f67ccb2f..43f3cd70af 100644
--- a/frontend/src/lib/components/flows/map/VirtualItem.svelte
+++ b/frontend/src/lib/components/flows/map/VirtualItem.svelte
@@ -164,7 +164,7 @@
 			{#if cache}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Database size={12} />
@@ -177,7 +177,7 @@
 			{#if earlyStop}
 				<Popover notClickable>
 					<div
-						transition:fade|local={{ duration: 200 }}
+						transition:fade={{ duration: 200 }}
 						class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
 					>
 						<Square size={12} />
diff --git a/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte b/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
index af6f361286..6708f873cb 100644
--- a/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
+++ b/frontend/src/lib/components/git_sync/GitSyncRepositoryCard.svelte
@@ -329,7 +329,7 @@
 		</button>
 	{/if}
 	{#if !confirmingDelete}
-		<div transition:fade|local={{ duration: 100 }}>
+		<div transition:fade={{ duration: 100 }}>
 			<Button
 				size="xs"
 				variant="default"
@@ -343,14 +343,14 @@
 	{:else}
 		<div class="flex gap-1">
 			<button
-				transition:fade|local={{ duration: 100 }}
+				transition:fade={{ duration: 100 }}
 				class="px-3 py-1 text-xs bg-red-500 text-white rounded duration-200 hover:bg-red-600"
 				onclick={confirmDelete}
 			>
 				Confirm delete
 			</button>
 			<button
-				transition:fade|local={{ duration: 100 }}
+				transition:fade={{ duration: 100 }}
 				class="px-2 py-1 text-xs bg-surface-secondary rounded duration-200 hover:bg-surface-hover"
 				onclick={cancelDelete}
 			>
diff --git a/frontend/src/lib/components/instanceSettings/EmailChannelCard.svelte b/frontend/src/lib/components/instanceSettings/EmailChannelCard.svelte
index 389aa2a931..9464a17968 100644
--- a/frontend/src/lib/components/instanceSettings/EmailChannelCard.svelte
+++ b/frontend/src/lib/components/instanceSettings/EmailChannelCard.svelte
@@ -65,7 +65,7 @@
 			<!-- Email Inputs -->
 			<div class="space-y-2">
 				{#each channels as channel}
-					<div class="flex items-center gap-2 w-full" transition:fade|local={{ duration: 200 }}>
+					<div class="flex items-center gap-2 w-full" transition:fade={{ duration: 200 }}>
 						<TextInput
 							inputProps={{
 								type: 'email',
diff --git a/frontend/src/lib/components/jobs/JobPreview.svelte b/frontend/src/lib/components/jobs/JobPreview.svelte
index 972cff6799..7fd3f59a48 100644
--- a/frontend/src/lib/components/jobs/JobPreview.svelte
+++ b/frontend/src/lib/components/jobs/JobPreview.svelte
@@ -103,7 +103,7 @@
 	{@render children?.({ open })}
 	{#if open}
 		<div
-			transition:fade|local={{ duration: 50 }}
+			transition:fade={{ duration: 50 }}
 			class={twMerge(
 				'absolute z-50  -left-10 bg-surface rounded border shadow-md flex flex-col gap-4 items-start w-[600px] h-80 overflow-hidden',
 				popupOnTop ? 'bottom-[35px]' : 'top-[35px]',
diff --git a/frontend/src/lib/components/triggers/TriggerFilters.svelte b/frontend/src/lib/components/triggers/TriggerFilters.svelte
index e2657f6cbd..20f50df54a 100644
--- a/frontend/src/lib/components/triggers/TriggerFilters.svelte
+++ b/frontend/src/lib/components/triggers/TriggerFilters.svelte
@@ -41,7 +41,7 @@
 					{/if}
 				</div>
 				<button
-					transition:fade|local={{ duration: 100 }}
+					transition:fade={{ duration: 100 }}
 					class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
 					aria-label="Clear"
 					onclick={() => {
diff --git a/frontend/src/lib/components/triggers/mqtt/MqttEditorConfigSection.svelte b/frontend/src/lib/components/triggers/mqtt/MqttEditorConfigSection.svelte
index 4768f77008..7565021e50 100644
--- a/frontend/src/lib/components/triggers/mqtt/MqttEditorConfigSection.svelte
+++ b/frontend/src/lib/components/triggers/mqtt/MqttEditorConfigSection.svelte
@@ -149,7 +149,7 @@
 								</label>
 							</div>
 							<button
-								transition:fade|local={{ duration: 100 }}
+								transition:fade={{ duration: 100 }}
 								class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
 								aria-label="Clear"
 								onclick={() => {
diff --git a/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
index c3a50fa820..61a807e101 100644
--- a/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
@@ -650,7 +650,7 @@
 								{/if}
 							</div>
 							<button
-								transition:fade|local={{ duration: 100 }}
+								transition:fade={{ duration: 100 }}
 								class="rounded-full p-1 bg-surface-secondary duration-200 hover:bg-surface-hover"
 								aria-label="Clear"
 								onclick={() => {
diff --git a/frontend/src/lib/components/workspaceSettings/AISettings.svelte b/frontend/src/lib/components/workspaceSettings/AISettings.svelte
index 2ed3432a3c..578358f266 100644
--- a/frontend/src/lib/components/workspaceSettings/AISettings.svelte
+++ b/frontend/src/lib/components/workspaceSettings/AISettings.svelte
@@ -246,7 +246,7 @@
 					{#if aiProviders[provider]}
 						<div
 							class="mb-4 flex flex-col gap-6 border p-4 rounded-md mt-2"
-							transition:slide|local={{ duration: 150 }}
+							transition:slide={{ duration: 150 }}
 						>
 							<Label label="Resource">
 								<div class="flex flex-row gap-1">
@@ -328,7 +328,7 @@
 		</SettingCard>
 
 		{#if codeCompletionModel != undefined}
-			<div transition:slide|local={{ duration: 150 }} class="mt-6">
+			<div transition:slide={{ duration: 150 }} class="mt-6">
 				<SettingCard label="Code completion model">
 					<Select
 						items={safeSelectItems(autocompleteModels)}
diff --git a/frontend/src/lib/components/workspaceSettings/ModelTokenLimits.svelte b/frontend/src/lib/components/workspaceSettings/ModelTokenLimits.svelte
index 7ad9034e3b..9e6626de86 100644
--- a/frontend/src/lib/components/workspaceSettings/ModelTokenLimits.svelte
+++ b/frontend/src/lib/components/workspaceSettings/ModelTokenLimits.svelte
@@ -127,7 +127,7 @@
 					</button>
 
 					{#if isExpanded}
-						<div transition:slide|local={{ duration: 200 }} class="p-4 border-t">
+						<div transition:slide={{ duration: 200 }} class="p-4 border-t">
 							<div class="space-y-3">
 								{#each models as { model }}
 									{@const currentTokens = getCurrentTokensForModel(provider as AIProvider, model)}