From 69065e7cf009b4ac99b5fbc6a11dd6d919560f0a Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Mon, 5 Oct 2026 22:53:11 +0200
Subject: [PATCH] fix: remove distracting tab switch animation

---
 frontend/src/lib/components/ui/tabs/tabs-content.svelte | 2 +-
 frontend/src/lib/components/ui/tabs/tabs-list.svelte    | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/ui/tabs/tabs-content.svelte b/frontend/src/lib/components/ui/tabs/tabs-content.svelte
index fdfc0fae..335160f9 100644
--- a/frontend/src/lib/components/ui/tabs/tabs-content.svelte
+++ b/frontend/src/lib/components/ui/tabs/tabs-content.svelte
@@ -13,7 +13,7 @@
 	bind:ref
 	data-slot="tabs-content"
 	class={cn(
-		'data-[state=active]:animate-in data-[state=active]:fade-in-0 data-[state=active]:slide-in-from-bottom-1 flex-1 text-sm outline-none data-[state=active]:duration-200 motion-reduce:data-[state=active]:animate-none',
+		'flex-1 text-sm outline-none',
 		className
 	)}
 	{...restProps}
diff --git a/frontend/src/lib/components/ui/tabs/tabs-list.svelte b/frontend/src/lib/components/ui/tabs/tabs-list.svelte
index 4d0dd27b..a00ee70a 100644
--- a/frontend/src/lib/components/ui/tabs/tabs-list.svelte
+++ b/frontend/src/lib/components/ui/tabs/tabs-list.svelte
@@ -18,9 +18,10 @@
 </script>
 
 <script lang="ts">
+	import appConfigStore from '#lib/stores/application-configuration-store.ts';
+	import { cn } from '#lib/utils/style.js';
 	import { Tabs as TabsPrimitive } from 'bits-ui';
 	import { onMount } from 'svelte';
-	import { cn } from '#lib/utils/style.js';
 
 	let {
 		ref = $bindable(null),
@@ -109,7 +110,9 @@
 			aria-hidden="true"
 			data-slot="tabs-indicator"
 			class={cn(
-				'bg-foreground pointer-events-none absolute rounded-full opacity-0 transition-[transform,width,height,opacity] duration-300 ease-out motion-reduce:transition-none',
+				'bg-foreground pointer-events-none absolute rounded-full opacity-0',
+				!$appConfigStore?.disableAnimations &&
+					'transition-[transform,width,height,opacity] duration-300 ease-out motion-reduce:transition-none',
 				indicatorOrientation === 'horizontal' ? 'bottom-0 left-0 h-0.5' : 'top-0 right-0 w-0.5',
 				indicatorVisible && 'opacity-100'
 			)}