From cc3059db832d4f135a6b4554f7bfbee5570869da Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Thu, 10 Sep 2026 12:02:57 +0100
Subject: [PATCH] web/components: experimental: delay skeletons by 200ms

Signed-off-by: oppiliappan <me@oppi.li>
---
 web/src/lib/components/ui/Pending.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/ui/Pending.svelte b/web/src/lib/components/ui/Pending.svelte
index 457cefb5c..f6f5e0231 100644
--- a/web/src/lib/components/ui/Pending.svelte
+++ b/web/src/lib/components/ui/Pending.svelte
@@ -6,14 +6,14 @@
 	interface Props {
 		/** omit to fill in silently, the boundary still owns the suspension */
 		skeleton?: Snippet;
-		/** ms to wait before painting the skeleton, 0 because a navigation commits in ~36ms */
+		/** ms to wait before painting the skeleton, so a fast navigation paints nothing at all */
 		delay?: number;
 		/** without it the error propagates to the nearest +error.svelte */
 		failed?: Snippet<[error: unknown]>;
 		children: Snippet;
 	}
 
-	let { skeleton, delay = 0, failed: failedProp, children }: Props = $props();
+	let { skeleton, delay = 200, failed: failedProp, children }: Props = $props();
 </script>
 
 <!-- keep the browser check, svelte throws the real children away on ssr if pending is set -->
@@ -31,7 +31,6 @@
 	</svelte:boundary>
 {/if}
 
-<!-- a skeleton that lives 66ms never passes ~55% opacity, so it needs no minimum display time -->
 {#snippet gated()}
 	{#if skeleton}
 		<Delayed ms={delay}>
-- 
2.51.2