RSC complete

Author: VolksRat71

src/lib/components/steps/RSCStep.svelte

@@ -151,10 +151,12 @@
 				flowStatus: 'RSC request...',
 				requestPosition: 'start'
 			}},
-			// "browser sends a request"
+			// Request starts moving when narration mentions it
 			{ time: times.requestStart, state: { requestPosition: 'center' }},
-			{ time: times.requestStart + 1, state: { requestPosition: 'end' }},
-			// "server doesn't wait" - server starts processing
+			// Request arrives at server BEFORE server lights up
+			// Travel time is half the gap between requestStart and serverDoesntWait, minimum 1s
+			{ time: times.requestStart + Math.max(1, (times.serverDoesntWait - times.requestStart) / 2), state: { requestPosition: 'end' }},
+			// "server doesn't wait" - server starts processing (after request arrives)
 			{ time: times.serverDoesntWait, state: {
 				clientStatus: 'Streaming...',
 				clientStatusClass: 'processing',

src/lib/utils/triggers/expert/rsc-triggers.ts

@@ -7,16 +7,18 @@ import type { RSCKeyframeTriggers } from '../types';
 // Expert-level trigger phrases from approved script
 // TIMING NOTES (from whisper):
 // - "client requests a route" at 7.32s - request starts
-// - "server begins rendering immediately" at 9.5s - server lights up (after 1s travel)
-// - "doesn't wait for the slowest data dependency" at 13.5s
+// - "server begins rendering immediately" at 9.5s - server lights up
+// - Request takes 1s to travel, so we need serverDoesntWait >= requestStart + 1
 // - "server streams React Flight" at 19.82s - streaming begins
 // - "First, you get the shell" at 32.74s - shell renders
-// - "Header, sidebar, welcome copy, footer" at 42.72s-45.76s
+// - "Header," at 42.72s, "sidebar," at 43.42s, "welcome copy," at 44.28s, "footer." at 45.4s
 const TRIGGER_CONFIG = {
-	// Request starts when narration says "client requests"
+	// Request starts when narration says "client requests" (7.32s)
+	// Request travels for 1s, arrives at 8.32s
 	requestStart:       { phrase: "client requests a route",                                     fallback: 7.0 },
 
-	// Server lights up when "server begins rendering" (after request arrives)
+	// Server lights up AFTER request arrives - use "server begins" at 9.5s
+	// This is > requestStart + 1 (8.32s), so timing works
 	serverDoesntWait:   { phrase: "server begins rendering",                                     fallback: 9.5 },
 
 	// Streaming starts when "server streams React Flight"
@@ -25,11 +27,12 @@ const TRIGGER_CONFIG = {
 	// Shell renders when "First, you get the shell"
 	shellRenders:       { phrase: "First, you get the shell",                                    fallback: 32.0 },
 
-	// Components stream in sequence - "Header, sidebar, welcome copy, footer"
-	headerRenders:      { phrase: "Header,",                                                     fallback: 42.5 },
-	sidebarRenders:     { phrase: "sidebar,",                                                    fallback: 43.5 },
-	welcomeRenders:     { phrase: "welcome copy,",                                               fallback: 44.5 },
-	footerRenders:      { phrase: "footer.",                                                     fallback: 45.5 },
+	// Components stream in sequence - match actual whisper timestamps
+	// "Header," at 42.72s, "sidebar," at 43.42s, "welcome copy," at 44.28s, "footer." at 45.4s
+	headerRenders:      { phrase: "Header,",                                                     fallback: 42.7 },
+	sidebarRenders:     { phrase: "sidebar,",                                                    fallback: 43.4 },
+	welcomeRenders:     { phrase: "welcome copy,",                                               fallback: 44.3 },
+	footerRenders:      { phrase: "footer.",                                                     fallback: 45.4 },
 
 	// Fast components done - "incremental patch"
 	fastComponentsDone: { phrase: "incremental patch the client can reconcile",                  fallback: 47.0 },

src/lib/utils/triggers/stakeholder/rsc-triggers.ts

@@ -6,7 +6,7 @@ import type { RSCKeyframeTriggers } from '../types';
 
 // Stakeholder-level trigger phrases from approved script
 const TRIGGER_CONFIG = {
-	requestStart:       { phrase: "customer places an order",                                    fallback: 3.0 },
+	requestStart:       { phrase: "places an order",                                             fallback: 4.4 },
 	serverDoesntWait:   { phrase: "instead of waiting for every single item",                    fallback: 8.0 },
 	startsStreaming:    { phrase: "starts serving what's ready immediately",                     fallback: 12.0 },
 	shellRenders:       { phrase: "brings out the table setting and menus",                      fallback: 18.0 },

src/routes/+page.svelte

@@ -7,6 +7,15 @@
 	import FixStep from '$lib/components/steps/FixStep.svelte';
 	import LessonsStep from '$lib/components/steps/LessonsStep.svelte';
 	import { navigation } from '$lib/stores/navigation.svelte';
+	import { userPreferences } from '$lib/stores/userPreferences.svelte';
+	import { onMount } from 'svelte';
+
+	// Mark user as visited on first load
+	onMount(() => {
+		if (!userPreferences.hasVisited) {
+			userPreferences.markVisited();
+		}
+	});
 </script>
 
 <Header />