diff --git a/apps/svelte.dev/content/docs/cli/20-commands/10-sv-create.md b/apps/svelte.dev/content/docs/cli/20-commands/10-sv-create.md
index 1034091a21..21ebdf4f3d 100644
--- a/apps/svelte.dev/content/docs/cli/20-commands/10-sv-create.md
+++ b/apps/svelte.dev/content/docs/cli/20-commands/10-sv-create.md
@@ -13,6 +13,16 @@ npx sv create [options] [path]
 
 ## Options
 
+### `--from-playground <url>`
+
+Create a SvelteKit project from a [playground](/playground) URL. This downloads all playground files, detects external dependencies, and sets up a complete SvelteKit project structure with everything ready to go.
+
+Example:
+
+```sh
+npx sv create --from-playground="https://svelte.dev/playground/hello-world"
+```
+
 ### `--template <name>`
 
 Which project template to use:
diff --git a/apps/svelte.dev/content/docs/kit/10-getting-started/30-project-structure.md b/apps/svelte.dev/content/docs/kit/10-getting-started/30-project-structure.md
index 345b9efe7d..4795c42ff5 100644
--- a/apps/svelte.dev/content/docs/kit/10-getting-started/30-project-structure.md
+++ b/apps/svelte.dev/content/docs/kit/10-getting-started/30-project-structure.md
@@ -53,6 +53,7 @@ The `src` directory contains the meat of your project. Everything except `src/ro
 - `error.html` is the page that is rendered when everything else fails. It can contain the following placeholders:
   - `%sveltekit.status%` — the HTTP status
   - `%sveltekit.error.message%` — the error message
+  - `%sveltekit.version%` — the deployment version, which can be specified with the [`version`](configuration#version) configuration
 - `hooks.client.js` contains your client [hooks](hooks)
 - `hooks.server.js` contains your server [hooks](hooks)
 - `service-worker.js` contains your [service worker](service-workers)
diff --git a/apps/svelte.dev/content/docs/kit/20-core-concepts/60-remote-functions.md b/apps/svelte.dev/content/docs/kit/20-core-concepts/60-remote-functions.md
index 91b29cbd54..7a5646486b 100644
--- a/apps/svelte.dev/content/docs/kit/20-core-concepts/60-remote-functions.md
+++ b/apps/svelte.dev/content/docs/kit/20-core-concepts/60-remote-functions.md
@@ -173,9 +173,62 @@ Any query can be re-fetched via its `refresh` method, which retrieves the latest
 
 > [!NOTE] Queries are cached while they're on the page, meaning `getPosts() === getPosts()`. This means you don't need a reference like `const posts = getPosts()` in order to update the query.
 
+## query.batch
+
+`query.batch` works like `query` except that it batches requests that happen within the same macrotask. This solves the so-called n+1 problem: rather than each query resulting in a separate database call (for example), simultaneous queries are grouped together.
+
+On the server, the callback receives an array of the arguments the function was called with. It must return a function of the form `(input: Input, index: number) => Output`. SvelteKit will then call this with each of the input arguments to resolve the individual calls with their results.
+
+```js
+/// file: weather.remote.js
+// @filename: ambient.d.ts
+declare module '$lib/server/database' {
+	export function sql(strings: TemplateStringsArray, ...values: any[]): Promise<any[]>;
+}
+// @filename: index.js
+// ---cut---
+import * as v from 'valibot';
+import { query } from '$app/server';
+import * as db from '$lib/server/database';
+
+export const getWeather = query.batch(v.string(), async (cities) => {
+	const weather = await db.sql`
+		SELECT * FROM weather
+		WHERE city = ANY(${cities})
+	`;
+	const lookup = new Map(weather.map(w => [w.city, w]));
+
+	return (city) => lookup.get(city);
+});
+```
+
+```svelte
+<!--- file: Weather.svelte --->
+<script>
+	import CityWeather from './CityWeather.svelte';
+	import { getWeather } from './weather.remote.js';
+
+	let { cities } = $props();
+	let limit = $state(5);
+</script>
+
+<h2>Weather</h2>
+
+{#each cities.slice(0, limit) as city}
+	<h3>{city.name}</h3>
+	<CityWeather weather={await getWeather(city.id)} />
+{/each}
+
+{#if cities.length > limit}
+	<button onclick={() => limit += 5}>
+		Load more
+	</button>
+{/if}
+```
+
 ## form
 
-The `form` function makes it easy to write data to the server. It takes a callback that receives the current [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData)...
+The `form` function makes it easy to write data to the server. It takes a callback that receives `data` constructed from the submitted [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData)...
 
 
 ```ts
@@ -207,30 +260,28 @@ export const getPosts = query(async () => { /* ... */ });
 
 export const getPost = query(v.string(), async (slug) => { /* ... */ });
 
-export const createPost = form(async (data) => {
-	// Check the user is logged in
-	const user = await auth.getUser();
-	if (!user) error(401, 'Unauthorized');
-
-	const title = data.get('title');
-	const content = data.get('content');
-
-	// Check the data is valid
-	if (typeof title !== 'string' || typeof content !== 'string') {
-		error(400, 'Title and content are required');
+export const createPost = form(
+	v.object({
+		title: v.pipe(v.string(), v.nonEmpty()),
+		content:v.pipe(v.string(), v.nonEmpty())
+	}),
+	async ({ title, content }) => {
+		// Check the user is logged in
+		const user = await auth.getUser();
+		if (!user) error(401, 'Unauthorized');
+
+		const slug = title.toLowerCase().replace(/ /g, '-');
+
+		// Insert into the database
+		await db.sql`
+			INSERT INTO post (slug, title, content)
+			VALUES (${slug}, ${title}, ${content})
+		`;
+
+		// Redirect to the newly created page
+		redirect(303, `/blog/${slug}`);
 	}
-
-	const slug = title.toLowerCase().replace(/ /g, '-');
-
-	// Insert into the database
-	await db.sql`
-		INSERT INTO post (slug, title, content)
-		VALUES (${slug}, ${title}, ${content})
-	`;
-
-	// Redirect to the newly created page
-	redirect(303, `/blog/${slug}`);
-});
+);
 ```
 
 ...and returns an object that can be spread onto a `<form>` element. The callback is called whenever the form is submitted.
@@ -258,7 +309,184 @@ export const createPost = form(async (data) => {
 </form>
 ```
 
-The form object contains `method` and `action` properties that allow it to work without JavaScript (i.e. it submits data and reloads the page). It also has an `onsubmit` handler that progressively enhances the form when JavaScript is available, submitting data *without* reloading the entire page.
+As with `query`, if the callback uses the submitted `data`, it should be [validated](#query-Query-arguments) by passing a [Standard Schema](https://standardschema.dev) as the first argument to `form`. The one difference is to `query` is that the schema inputs must all be of type `string` or `File`, since that's all the original `FormData` provides. You can however coerce the value into a different type — how to do that depends on the validation library you use.
+
+```ts
+/// file: src/routes/count.remote.js
+import * as v from 'valibot';
+import { form } from '$app/server';
+
+export const setCount = form(
+	v.object({
+		// Valibot:
+		count: v.pipe(v.string(), v.transform((s) => Number(s)), v.number()),
+		// Zod:
+		// count: z.coerce.number()
+	}),
+	async ({ count }) => {
+		// ...
+	}
+);
+```
+
+The `name` attributes on the form controls must correspond to the properties of the schema — `title` and `content` in this case. If you schema contains objects, use object notation:
+
+```svelte
+<!--
+    results in a
+    {
+	   name: { first: string, last: string },
+	   jobs: Array<{ title: string, company: string }>
+	}
+    object
+-->
+<input name="name.first" />
+<input name="name.last" />
+{#each jobs as job, idx}
+	<input name="jobs[{idx}].title">
+	<input name="jobs[{idx}].company">
+{/each}
+```
+
+To indicate a repeated field, use a `[]` suffix:
+
+```svelte
+<label><input type="checkbox" name="language[]" value="html" /> HTML</label>
+<label><input type="checkbox" name="language[]" value="css" /> CSS</label>
+<label><input type="checkbox" name="language[]" value="js" /> JS</label>
+```
+
+If you'd like type safety and autocomplete when setting `name` attributes, use the form object's `field` method:
+
+```svelte
+<label>
+	<h2>Title</h2>
+	<input name={+++createPost.field('title')+++} />
+</label>
+```
+
+This will error during typechecking if `title` does not exist on your schema.
+
+The form object contains `method` and `action` properties that allow it to work without JavaScript (i.e. it submits data and reloads the page). It also has an [attachment](/docs/svelte/@attach) that progressively enhances the form when JavaScript is available, submitting data *without* reloading the entire page.
+
+### Validation
+
+If the submitted data doesn't pass the schema, the callback will not run. Instead, the form object's `issues` object will be populated:
+
+```svelte
+<form {...createPost}>
+	<label>
+		<h2>Title</h2>
+
++++		{#if createPost.issues.title}
+			{#each createPost.issues.title as issue}
+				<p class="issue">{issue.message}</p>
+			{/each}
+		{/if}+++
+
+		<input
+			name="title"
+			+++aria-invalid={!!createPost.issues.title}+++
+		/>
+	</label>
+
+	<label>
+		<h2>Write your post</h2>
+
++++		{#if createPost.issues.content}
+			{#each createPost.issues.content as issue}
+				<p class="issue">{issue.message}</p>
+			{/each}
+		{/if}+++
+
+		<textarea
+			name="content"
+			+++aria-invalid={!!createPost.issues.content}+++
+		></textarea>
+	</label>
+
+	<button>Publish!</button>
+</form>
+```
+
+You don't need to wait until the form is submitted to validate the data — you can call `validate()` programmatically, for example in an `oninput` callback (which will validate the data on every keystroke) or an `onchange` callback:
+
+```svelte
+<form {...createPost} oninput={() => createPost.validate()}>
+	<!-- -->
+</form>
+```
+
+By default, issues will be ignored if they belong to form controls that haven't yet been interacted with. To validate _all_ inputs, call `validate({ includeUntouched: true })`.
+
+For client-side validation, you can specify a _preflight_ schema which will populate `issues` and prevent data being sent to the server if the data doesn't validate:
+
+```svelte
+<script>
+	import * as v from 'valibot';
+	import { createPost } from '../data.remote';
+
+	const schema = v.object({
+		title: v.pipe(v.string(), v.nonEmpty()),
+		content:v.pipe(v.string(), v.nonEmpty())
+	});
+</script>
+
+<h1>Create a new post</h1>
+
+<form {...+++createPost.preflight(schema)+++}>
+	<!-- -->
+</form>
+```
+
+> [!NOTE] The preflight schema can be the same object as your server-side schema, if appropriate, though it won't be able to do server-side checks like 'this value already exists in the database'. Note that you cannot export a schema from a `.remote.ts` or `.remote.js` file, so the schema must either be exported from a shared module, or from a `<script module>` block in the component containing the `<form>`.
+
+### Live inputs
+
+The form object contains a `input` property which reflects its current value. As the user interacts with the form, `input` is automatically updated:
+
+```svelte
+<form {...createPost}>
+	<!-- -->
+</form>
+
+<div class="preview">
+	<h2>{createPost.input.title}</h2>
+	<div>{@html render(createPost.input.content)}</div>
+</div>
+```
+
+### Handling sensitive data
+
+In the case of a non-progressively-enhanced form submission (i.e. where JavaScript is unavailable, for whatever reason) `input` is also populated if the submitted data is invalid, so that the user does not need to fill the entire form out from scratch.
+
+You can prevent sensitive data (such as passwords and credit card numbers) from being sent back to the user by using a name with a leading underscore:
+
+```svelte
+<form {...register}>
+	<label>
+		Username
+		<input
+			name="username"
+			value={register.input.username}
+			aria-invalid={!!register.issues.username}
+		/>
+	</label>
+
+	<label>
+		Password
+		<input
+			type="password"
+			+++name="_password"+++
+			+++aria-invalid={!!register.issues._password}+++
+		/>
+	</label>
+
+	<button>Sign up!</button>
+</form>
+```
+
+In this example, if the data does not validate, only the first `<input>` will be populated when the page reloads.
 
 ### Single-flight mutations
 
@@ -279,25 +507,31 @@ export const getPosts = query(async () => { /* ... */ });
 
 export const getPost = query(v.string(), async (slug) => { /* ... */ });
 
-export const createPost = form(async (data) => {
-	// form logic goes here...
+export const createPost = form(
+	v.object({/* ... */}),
+	async (data) => {
+		// form logic goes here...
 
-	// Refresh `getPosts()` on the server, and send
-	// the data back with the result of `createPost`
-	+++await getPosts().refresh();+++
+		// Refresh `getPosts()` on the server, and send
+		// the data back with the result of `createPost`
+		+++await getPosts().refresh();+++
 
-	// Redirect to the newly created page
-	redirect(303, `/blog/${slug}`);
-});
+		// Redirect to the newly created page
+		redirect(303, `/blog/${slug}`);
+	}
+);
 
-export const updatePost = form(async (data) => {
-	// form logic goes here...
-	const result = externalApi.update(post);
+export const updatePost = form(
+	v.object({/* ... */}),
+	async (data) => {
+		// form logic goes here...
+		const result = externalApi.update(post);
 
-	// The API already gives us the updated post,
-	// no need to refresh it, we can set it directly
-	+++await getPost(post.id).set(result);+++
-});
+		// The API already gives us the updated post,
+		// no need to refresh it, we can set it directly
+		+++await getPost(post.id).set(result);+++
+	}
+);
 ```
 
 The second is to drive the single-flight mutation from the client, which we'll see in the section on [`enhance`](#form-enhance).
@@ -335,11 +569,14 @@ export const getPosts = query(async () => { /* ... */ });
 export const getPost = query(v.string(), async (slug) => { /* ... */ });
 
 // ---cut---
-export const createPost = form(async (data) => {
-	// ...
+export const createPost = form(
+	v.object({/* ... */}),
+	async (data) => {
+		// ...
 
-	return { success: true };
-});
+		return { success: true };
+	}
+);
 ```
 
 ```svelte
@@ -350,7 +587,9 @@ export const createPost = form(async (data) => {
 
 <h1>Create a new post</h1>
 
-<form {...createPost}><!-- ... --></form>
+<form {...createPost}>
+	<!-- -->
+</form>
 
 {#if createPost.result?.success}
 	<p>Successfully published!</p>
@@ -386,9 +625,7 @@ We can customize what happens when the form is submitted with the `enhance` meth
 		showToast('Oh no! Something went wrong');
 	}
 })}>
-	<input name="title" />
-	<textarea name="content"></textarea>
-	<button>publish</button>
+	<!-- -->
 </form>
 ```
 
@@ -465,7 +702,7 @@ The `command` function, like `form`, allows you to write data to the server. Unl
 
 > [!NOTE] Prefer `form` where possible, since it gracefully degrades if JavaScript is disabled or fails to load.
 
-As with `query`, if the function accepts an argument, it should be [validated](#query-Query-arguments) by passing a [Standard Schema](https://standardschema.dev) as the first argument to `command`.
+As with `query` and `form`, if the function accepts an argument, it should be [validated](#query-Query-arguments) by passing a [Standard Schema](https://standardschema.dev) as the first argument to `command`.
 
 ```ts
 /// file: likes.remote.js
diff --git a/apps/svelte.dev/content/docs/kit/25-build-and-deploy/80-adapter-netlify.md b/apps/svelte.dev/content/docs/kit/25-build-and-deploy/80-adapter-netlify.md
index 3fec8f9a69..6388bb0ca7 100644
--- a/apps/svelte.dev/content/docs/kit/25-build-and-deploy/80-adapter-netlify.md
+++ b/apps/svelte.dev/content/docs/kit/25-build-and-deploy/80-adapter-netlify.md
@@ -51,7 +51,7 @@ New projects will use the current Node LTS version by default. However, if you'r
 
 ## Netlify Edge Functions
 
-SvelteKit supports [Netlify Edge Functions](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/). If you pass the option `edge: true` to the `adapter` function, server-side rendering will happen in a Deno-based edge function that's deployed close to the site visitor. If set to `false` (the default), the site will deploy to Node-based Netlify Functions.
+SvelteKit supports [Netlify Edge Functions](https://docs.netlify.com/build/edge-functions/overview/). If you pass the option `edge: true` to the `adapter` function, server-side rendering will happen in a Deno-based edge function that's deployed close to the site visitor. If set to `false` (the default), the site will deploy to Node-based Netlify Functions.
 
 ```js
 /// file: svelte.config.js
diff --git a/apps/svelte.dev/content/docs/kit/30-advanced/70-packaging.md b/apps/svelte.dev/content/docs/kit/30-advanced/70-packaging.md
index 42bbcceaa0..d54406a3ff 100644
--- a/apps/svelte.dev/content/docs/kit/30-advanced/70-packaging.md
+++ b/apps/svelte.dev/content/docs/kit/30-advanced/70-packaging.md
@@ -140,7 +140,7 @@ Setting the `sideEffects` field in `package.json` can help the bundler to be mor
 }
 ```
 
-> If the scripts in your library have side effects, ensure that you update the `sideEffects` field. All scripts are marked as side effect free by default in newly created projects. If a file with side effects is incorrectly marked as having no side effects, it can result in broken functionality.
+> [!NOTE] If the scripts in your library have side effects, ensure that you update the `sideEffects` field. All scripts are marked as side effect free by default in newly created projects. If a file with side effects is incorrectly marked as having no side effects, it can result in broken functionality.
 
 If your package has files with side effects, you can specify them in an array:
 
diff --git a/apps/svelte.dev/content/docs/kit/98-reference/10-@sveltejs-kit.md b/apps/svelte.dev/content/docs/kit/98-reference/10-@sveltejs-kit.md
index 5b13fb4d7f..54dbef0cea 100644
--- a/apps/svelte.dev/content/docs/kit/98-reference/10-@sveltejs-kit.md
+++ b/apps/svelte.dev/content/docs/kit/98-reference/10-@sveltejs-kit.md
@@ -494,39 +494,24 @@ The argument passed to [`afterNavigate`](/docs/kit/$app-navigation#afterNavigate
 <div class="ts-block">
 
 ```dts
-interface AfterNavigate extends Omit<Navigation, 'type'> {/*…*/}
-```
-
-<div class="ts-block-property">
-
-```dts
-type: Exclude<NavigationType, 'leave'>;
-```
-
-<div class="ts-block-property-details">
-
-The type of navigation:
-- `enter`: The app has hydrated/started
-- `form`: The user submitted a `<form method="GET">`
-- `link`: Navigation was triggered by a link click
-- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
-- `popstate`: Navigation was triggered by back/forward navigation
-
-</div>
-</div>
-
-<div class="ts-block-property">
-
-```dts
-willUnload: false;
+type AfterNavigate = (Navigation | NavigationEnter) & {
+	/**
+	 * The type of navigation:
+	 * - `enter`: The app has hydrated/started
+	 * - `form`: The user submitted a `<form method="GET">`
+	 * - `link`: Navigation was triggered by a link click
+	 * - `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+	 * - `popstate`: Navigation was triggered by back/forward navigation
+	 */
+	type: Exclude<NavigationType, 'leave'>;
+	/**
+	 * Since `afterNavigate` callbacks are called after a navigation completes, they will never be called with a navigation that unloads the page.
+	 */
+	willUnload: false;
+};
 ```
 
-<div class="ts-block-property-details">
-
-Since `afterNavigate` callbacks are called after a navigation completes, they will never be called with a navigation that unloads the page.
-
 </div>
-</div></div>
 
 ## AwaitedActions
 
@@ -553,21 +538,15 @@ The argument passed to [`beforeNavigate`](/docs/kit/$app-navigation#beforeNaviga
 <div class="ts-block">
 
 ```dts
-interface BeforeNavigate extends Navigation {/*…*/}
-```
-
-<div class="ts-block-property">
-
-```dts
-cancel: () => void;
+type BeforeNavigate = Navigation & {
+	/**
+	 * Call this to prevent the navigation from starting.
+	 */
+	cancel: () => void;
+};
 ```
 
-<div class="ts-block-property-details">
-
-Call this to prevent the navigation from starting.
-
 </div>
-</div></div>
 
 ## Builder
 
@@ -1581,7 +1560,21 @@ type LoadProperties<
 <div class="ts-block">
 
 ```dts
-interface Navigation {/*…*/}
+type Navigation =
+	| NavigationExternal
+	| NavigationFormSubmit
+	| NavigationPopState
+	| NavigationLink;
+```
+
+</div>
+
+## NavigationBase
+
+<div class="ts-block">
+
+```dts
+interface NavigationBase {/*…*/}
 ```
 
 <div class="ts-block-property">
@@ -1613,17 +1606,12 @@ Where navigation is going to/has gone to
 <div class="ts-block-property">
 
 ```dts
-type: Exclude<NavigationType, 'enter'>;
+willUnload: boolean;
 ```
 
 <div class="ts-block-property-details">
 
-The type of navigation:
-- `form`: The user submitted a `<form method="GET">`
-- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
-- `link`: Navigation was triggered by a link click
-- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
-- `popstate`: Navigation was triggered by back/forward navigation
+Whether or not the navigation will result in the page being unloaded (i.e. not a client-side navigation)
 
 </div>
 </div>
@@ -1631,12 +1619,39 @@ The type of navigation:
 <div class="ts-block-property">
 
 ```dts
-willUnload: boolean;
+complete: Promise<void>;
 ```
 
 <div class="ts-block-property-details">
 
-Whether or not the navigation will result in the page being unloaded (i.e. not a client-side navigation)
+A promise that resolves once the navigation is complete, and rejects if the navigation
+fails or is aborted. In the case of a `willUnload` navigation, the promise will never resolve
+
+</div>
+</div></div>
+
+## NavigationEnter
+
+<div class="ts-block">
+
+```dts
+interface NavigationEnter extends NavigationBase {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+type: 'enter';
+```
+
+<div class="ts-block-property-details">
+
+The type of navigation:
+- `form`: The user submitted a `<form method="GET">`
+- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
+- `link`: Navigation was triggered by a link click
+- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+- `popstate`: Navigation was triggered by back/forward navigation
 
 </div>
 </div>
@@ -1644,7 +1659,7 @@ Whether or not the navigation will result in the page being unloaded (i.e. not a
 <div class="ts-block-property">
 
 ```dts
-delta?: number;
+delta?: undefined;
 ```
 
 <div class="ts-block-property-details">
@@ -1657,13 +1672,12 @@ In case of a history back/forward navigation, the number of steps to go back/for
 <div class="ts-block-property">
 
 ```dts
-complete: Promise<void>;
+event?: undefined;
 ```
 
 <div class="ts-block-property-details">
 
-A promise that resolves once the navigation is complete, and rejects if the navigation
-fails or is aborted. In the case of a `willUnload` navigation, the promise will never resolve
+Dispatched `Event` object when navigation occured by `popstate` or `link`.
 
 </div>
 </div></div>
@@ -1732,6 +1746,201 @@ The URL of the current page
 </div>
 </div></div>
 
+## NavigationExternal
+
+<div class="ts-block">
+
+```dts
+interface NavigationExternal extends NavigationBase {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+type: Exclude<NavigationType, 'enter' | 'popstate' | 'link' | 'form'>;
+```
+
+<div class="ts-block-property-details">
+
+The type of navigation:
+- `form`: The user submitted a `<form method="GET">`
+- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
+- `link`: Navigation was triggered by a link click
+- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+- `popstate`: Navigation was triggered by back/forward navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+delta?: undefined;
+```
+
+<div class="ts-block-property-details">
+
+In case of a history back/forward navigation, the number of steps to go back/forward
+
+</div>
+</div></div>
+
+## NavigationFormSubmit
+
+<div class="ts-block">
+
+```dts
+interface NavigationFormSubmit extends NavigationBase {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+type: 'form';
+```
+
+<div class="ts-block-property-details">
+
+The type of navigation:
+- `form`: The user submitted a `<form method="GET">`
+- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
+- `link`: Navigation was triggered by a link click
+- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+- `popstate`: Navigation was triggered by back/forward navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+event: SubmitEvent;
+```
+
+<div class="ts-block-property-details">
+
+The `SubmitEvent` that caused the navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+delta?: undefined;
+```
+
+<div class="ts-block-property-details">
+
+In case of a history back/forward navigation, the number of steps to go back/forward
+
+</div>
+</div></div>
+
+## NavigationLink
+
+<div class="ts-block">
+
+```dts
+interface NavigationLink extends NavigationBase {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+type: 'link';
+```
+
+<div class="ts-block-property-details">
+
+The type of navigation:
+- `form`: The user submitted a `<form method="GET">`
+- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
+- `link`: Navigation was triggered by a link click
+- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+- `popstate`: Navigation was triggered by back/forward navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+event: PointerEvent;
+```
+
+<div class="ts-block-property-details">
+
+The `PointerEvent` that caused the navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+delta?: undefined;
+```
+
+<div class="ts-block-property-details">
+
+In case of a history back/forward navigation, the number of steps to go back/forward
+
+</div>
+</div></div>
+
+## NavigationPopState
+
+<div class="ts-block">
+
+```dts
+interface NavigationPopState extends NavigationBase {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+type: 'popstate';
+```
+
+<div class="ts-block-property-details">
+
+The type of navigation:
+- `form`: The user submitted a `<form method="GET">`
+- `leave`: The app is being left either because the tab is being closed or a navigation to a different document is occurring
+- `link`: Navigation was triggered by a link click
+- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+- `popstate`: Navigation was triggered by back/forward navigation
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+delta: number;
+```
+
+<div class="ts-block-property-details">
+
+In case of a history back/forward navigation, the number of steps to go back/forward
+
+</div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+event: PopStateEvent;
+```
+
+<div class="ts-block-property-details">
+
+The `PopStateEvent` that caused the navigation
+
+</div>
+</div></div>
+
 ## NavigationTarget
 
 Information about the target of a specific navigation.
@@ -1842,38 +2051,23 @@ The argument passed to [`onNavigate`](/docs/kit/$app-navigation#onNavigate) call
 <div class="ts-block">
 
 ```dts
-interface OnNavigate extends Navigation {/*…*/}
-```
-
-<div class="ts-block-property">
-
-```dts
-type: Exclude<NavigationType, 'enter' | 'leave'>;
-```
-
-<div class="ts-block-property-details">
-
-The type of navigation:
-- `form`: The user submitted a `<form method="GET">`
-- `link`: Navigation was triggered by a link click
-- `goto`: Navigation was triggered by a `goto(...)` call or a redirect
-- `popstate`: Navigation was triggered by back/forward navigation
-
-</div>
-</div>
-
-<div class="ts-block-property">
-
-```dts
-willUnload: false;
+type OnNavigate = Navigation & {
+	/**
+	 * The type of navigation:
+	 * - `form`: The user submitted a `<form method="GET">`
+	 * - `link`: Navigation was triggered by a link click
+	 * - `goto`: Navigation was triggered by a `goto(...)` call or a redirect
+	 * - `popstate`: Navigation was triggered by back/forward navigation
+	 */
+	type: Exclude<NavigationType, 'enter' | 'leave'>;
+	/**
+	 * Since `onNavigate` callbacks are called immediately before a client-side navigation, they will never be called with a navigation that unloads the page.
+	 */
+	willUnload: false;
+};
 ```
 
-<div class="ts-block-property-details">
-
-Since `onNavigate` callbacks are called immediately before a client-side navigation, they will never be called with a navigation that unloads the page.
-
 </div>
-</div></div>
 
 ## Page
 
@@ -2093,17 +2287,20 @@ The return value of a remote `form` function. See [Remote functions](/docs/kit/r
 <div class="ts-block">
 
 ```dts
-type RemoteForm<Result> = {
+type RemoteForm<
+	Input extends RemoteFormInput | void,
+	Output
+> = {
+	/** Attachment that sets up an event handler that intercepts the form submission on the client to prevent a full page reload */
+	[attachment: symbol]: (node: HTMLFormElement) => void;
 	method: 'POST';
 	/** The URL to send the form to. */
 	action: string;
-	/** Event handler that intercepts the form submission on the client to prevent a full page reload */
-	onsubmit: (event: SubmitEvent) => void;
 	/** Use the `enhance` method to influence what happens when the form is submitted. */
 	enhance(
 		callback: (opts: {
 			form: HTMLFormElement;
-			data: FormData;
+			data: Input;
 			submit: () => Promise<void> & {
 				updates: (
 					...queries: Array<
@@ -2111,11 +2308,11 @@ type RemoteForm<Result> = {
 					>
 				) => Promise<void>;
 			};
-		}) => void
+		}) => void | Promise<void>
 	): {
 		method: 'POST';
 		action: string;
-		onsubmit: (event: SubmitEvent) => void;
+		[attachment: symbol]: (node: HTMLFormElement) => void;
 	};
 	/**
 	 * Create an instance of the form for the given key.
@@ -2133,11 +2330,41 @@ type RemoteForm<Result> = {
 	 */
 	for(
 		key: string | number | boolean
-	): Omit<RemoteForm<Result>, 'for'>;
+	): Omit<RemoteForm<Input, Output>, 'for'>;
+	/**
+	 * This method exists to allow you to typecheck `name` attributes. It returns its argument
+	 * @example
+	 * ```svelte
+	 * <input name={login.field('username')} />
+	 * ```
+	 **/
+	field<
+		Name extends keyof UnionToIntersection<
+			FlattenKeys<Input, ''>
+		>
+	>(
+		string: Name
+	): Name;
+	/** Preflight checks */
+	preflight(
+		schema: StandardSchemaV1<Input, any>
+	): RemoteForm<Input, Output>;
+	/** Validate the form contents programmatically */
+	validate(options?: {
+		includeUntouched?: boolean;
+	}): Promise<void>;
 	/** The result of the form submission */
-	get result(): Result | undefined;
+	get result(): Output | undefined;
 	/** The number of pending submissions */
 	get pending(): number;
+	/** The submitted values */
+	input: null | UnionToIntersection<
+		FlattenInput<Input, ''>
+	>;
+	/** Validation issues */
+	issues: null | UnionToIntersection<
+		FlattenIssues<Input, ''>
+	>;
 	/** Spread this onto a `<button>` or `<input type="submit">` */
 	buttonProps: {
 		type: 'submit';
@@ -2148,7 +2375,7 @@ type RemoteForm<Result> = {
 		enhance(
 			callback: (opts: {
 				form: HTMLFormElement;
-				data: FormData;
+				data: Input;
 				submit: () => Promise<void> & {
 					updates: (
 						...queries: Array<
@@ -2156,7 +2383,7 @@ type RemoteForm<Result> = {
 						>
 					) => Promise<void>;
 				};
-			}) => void
+			}) => void | Promise<void>
 		): {
 			type: 'submit';
 			formmethod: 'POST';
@@ -2171,6 +2398,58 @@ type RemoteForm<Result> = {
 
 </div>
 
+## RemoteFormInput
+
+<div class="ts-block">
+
+```dts
+interface RemoteFormInput {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+[key: string]: FormDataEntryValue | FormDataEntryValue[] | RemoteFormInput | RemoteFormInput[];
+```
+
+<div class="ts-block-property-details"></div>
+</div></div>
+
+## RemoteFormIssue
+
+<div class="ts-block">
+
+```dts
+interface RemoteFormIssue {/*…*/}
+```
+
+<div class="ts-block-property">
+
+```dts
+name: string;
+```
+
+<div class="ts-block-property-details"></div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+path: Array<string | number>;
+```
+
+<div class="ts-block-property-details"></div>
+</div>
+
+<div class="ts-block-property">
+
+```dts
+message: string;
+```
+
+<div class="ts-block-property-details"></div>
+</div></div>
+
 ## RemotePrerenderFunction
 
 The return value of a remote `prerender` function. See [Remote functions](/docs/kit/remote-functions#prerender) for full documentation.
diff --git a/apps/svelte.dev/content/docs/kit/98-reference/20-$app-server.md b/apps/svelte.dev/content/docs/kit/98-reference/20-$app-server.md
index be0376ac33..4d27793cd6 100644
--- a/apps/svelte.dev/content/docs/kit/98-reference/20-$app-server.md
+++ b/apps/svelte.dev/content/docs/kit/98-reference/20-$app-server.md
@@ -81,9 +81,39 @@ See [Remote functions](/docs/kit/remote-functions#form) for full documentation.
 <div class="ts-block">
 
 ```dts
-function form<T>(
-	fn: (data: FormData) => MaybePromise<T>
-): RemoteForm<T>;
+function form<Output>(
+	fn: () => Output
+): RemoteForm<void, Output>;
+```
+
+</div>
+
+<div class="ts-block">
+
+```dts
+function form<Input extends RemoteFormInput, Output>(
+	validate: 'unchecked',
+	fn: (data: Input) => MaybePromise<Output>
+): RemoteForm<Input, Output>;
+```
+
+</div>
+
+<div class="ts-block">
+
+```dts
+function form<
+	Schema extends StandardSchemaV1<
+		RemoteFormInput,
+		Record<string, any>
+	>,
+	Output
+>(
+	validate: Schema,
+	fn: (
+		data: StandardSchemaV1.InferOutput<Schema>
+	) => MaybePromise<Output>
+): RemoteForm<StandardSchemaV1.InferInput<Schema>, Output>;
 ```
 
 </div>
@@ -263,4 +293,49 @@ function read(asset: string): Response;
 
 
 
+## query
+
+<div class="ts-block">
+
+```dts
+namespace query {
+	/**
+	 * Creates a batch query function that collects multiple calls and executes them in a single request
+	 *
+	 * See [Remote functions](https://svelte.dev/docs/kit/remote-functions#query.batch) for full documentation.
+	 *
+	 * @since 2.35
+	 */
+	function batch<Input, Output>(
+		validate: 'unchecked',
+		fn: (
+			args: Input[]
+		) => MaybePromise<(arg: Input, idx: number) => Output>
+	): RemoteQueryFunction<Input, Output>;
+	/**
+	 * Creates a batch query function that collects multiple calls and executes them in a single request
+	 *
+	 * See [Remote functions](https://svelte.dev/docs/kit/remote-functions#query.batch) for full documentation.
+	 *
+	 * @since 2.35
+	 */
+	function batch<Schema extends StandardSchemaV1, Output>(
+		schema: Schema,
+		fn: (
+			args: StandardSchemaV1.InferOutput<Schema>[]
+		) => MaybePromise<
+			(
+				arg: StandardSchemaV1.InferOutput<Schema>,
+				idx: number
+			) => Output
+		>
+	): RemoteQueryFunction<
+		StandardSchemaV1.InferInput<Schema>,
+		Output
+	>;
+}
+```
+
+</div>
+
 
diff --git a/apps/svelte.dev/content/docs/svelte/07-misc/02-testing.md b/apps/svelte.dev/content/docs/svelte/07-misc/02-testing.md
index 8c4a9184b9..daf1867cf2 100644
--- a/apps/svelte.dev/content/docs/svelte/07-misc/02-testing.md
+++ b/apps/svelte.dev/content/docs/svelte/07-misc/02-testing.md
@@ -161,9 +161,9 @@ export function logger(getValue) {
 
 ### Component testing
 
-It is possible to test your components in isolation using Vitest.
+It is possible to test your components in isolation, which allows you to render them in a browser (real or simulated), simulate behavior, and make assertions, without spinning up your whole app.
 
-> [!NOTE] Before writing component tests, think about whether you actually need to test the component, or if it's more about the logic _inside_ the component. If so, consider extracting out that logic to test it in isolation, without the overhead of a component
+> [!NOTE] Before writing component tests, think about whether you actually need to test the component, or if it's more about the logic _inside_ the component. If so, consider extracting out that logic to test it in isolation, without the overhead of a component.
 
 To get started, install jsdom (a library that shims DOM APIs):
 
@@ -247,6 +247,48 @@ test('Component', async () => {
 
 When writing component tests that involve two-way bindings, context or snippet props, it's best to create a wrapper component for your specific test and interact with that. `@testing-library/svelte` contains some [examples](https://testing-library.com/docs/svelte-testing-library/example).
 
+### Component testing with Storybook
+
+[Storybook](https://storybook.js.org) is a tool for developing and documenting UI components, and it can also be used to test your components. They're run with Vitest's browser mode, which renders your components in a real browser for the most realistic testing environment.
+
+To get started, first install Storybook ([using Svelte's CLI](/docs/cli/storybook)) in your project via `npx sv add storybook` and choose the recommended configuration that includes testing features. If you're already using Storybook, and for more information on Storybook's testing capabilities, follow the [Storybook testing docs](https://storybook.js.org/docs/writing-tests?renderer=svelte) to get started.
+
+You can create stories for component variations and test interactions with the [play function](https://storybook.js.org/docs/writing-tests/interaction-testing?renderer=svelte#writing-interaction-tests), which allows you to simulate behavior and make assertions using the Testing Library and Vitest APIs. Here's an example of two stories that can be tested, one that renders an empty LoginForm component and one that simulates a user filling out the form:
+
+```svelte
+/// file: LoginForm.stories.svelte
+<script module>
+	import { defineMeta } from '@storybook/addon-svelte-csf';
+	import { expect, fn } from 'storybook/test';
+
+	import LoginForm from './LoginForm.svelte';
+
+	const { Story } = defineMeta({
+		component: LoginForm,
+		args: {
+			// Pass a mock function to the `onSubmit` prop
+			onSubmit: fn(),
+		}
+	});
+</script>
+ 
+<Story name="Empty Form" />
+ 
+<Story
+	name="Filled Form"
+	play={async ({ args, canvas, userEvent }) => {
+		// Simulate a user filling out the form
+		await userEvent.type(canvas.getByTestId('email'), 'email@provider.com');
+		await userEvent.type(canvas.getByTestId('password'), 'a-random-password');
+		await userEvent.click(canvas.getByRole('button'));
+
+		// Run assertions
+		await expect(args.onSubmit).toHaveBeenCalledTimes(1);
+		await expect(canvas.getByText('You’re in!')).toBeInTheDocument();
+	}}
+/>
+```
+
 ## E2E tests using Playwright
 
 E2E (short for 'end to end') tests allow you to test your full application through the eyes of the user. This section uses [Playwright](https://playwright.dev/) as an example, but you can also use other solutions like [Cypress](https://www.cypress.io/) or [NightwatchJS](https://nightwatchjs.org/).
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/client-warnings.md b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/client-warnings.md
index 6f1d677fe9..c95ace2229 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/client-warnings.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/client-warnings.md
@@ -312,6 +312,27 @@ Reactive `$state(...)` proxies and the values they proxy have different identiti
 
 To resolve this, ensure you're comparing values where both values were created with `$state(...)`, or neither were. Note that `$state.raw(...)` will _not_ create a state proxy.
 
+### state_proxy_unmount
+
+```
+Tried to unmount a state proxy, rather than a component
+```
+
+`unmount` was called with a state proxy:
+
+```js
+import { mount, unmount } from 'svelte';
+import Component from './Component.svelte';
+let target = document.body;
+// ---cut---
+let component = $state(mount(Component, { target }));
+
+// later...
+unmount(component);
+```
+
+Avoid using `$state` here. If `component` _does_ need to be reactive for some reason, use `$state.raw` instead.
+
 ### svelte_boundary_reset_noop
 
 ```
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-errors.md b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-errors.md
index c3e8b53c31..6263032212 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-errors.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-errors.md
@@ -1,5 +1,19 @@
 <!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
 
+### await_invalid
+
+```
+Encountered asynchronous work while rendering synchronously.
+```
+
+You (or the framework you're using) called [`render(...)`](svelte-server#render) with a component containing an `await` expression. Either `await` the result of `render` or wrap the `await` (or the component containing it) in a [`<svelte:boundary>`](svelte-boundary) with a `pending` snippet.
+
+### html_deprecated
+
+```
+The `html` property of server render results has been deprecated. Use `body` instead.
+```
+
 ### lifecycle_function_unavailable
 
 ```
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-warnings.md b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-warnings.md
new file mode 100644
index 0000000000..26b3628be9
--- /dev/null
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/server-warnings.md
@@ -0,0 +1,9 @@
+<!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
+
+### experimental_async_ssr
+
+```
+Attempted to use asynchronous rendering without `experimental.async` enabled
+```
+
+Set `experimental.async: true` in your compiler options (usually in `svelte.config.js`) to use async server rendering. This render ran synchronously.
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/shared-errors.md b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/shared-errors.md
index de34b3f5da..6c31aaafd0 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/.generated/shared-errors.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/.generated/shared-errors.md
@@ -1,25 +1,5 @@
 <!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
 
-### await_outside_boundary
-
-```
-Cannot await outside a `<svelte:boundary>` with a `pending` snippet
-```
-
-The `await` keyword can only appear in a `$derived(...)` or template expression, or at the top level of a component's `<script>` block, if it is inside a [`<svelte:boundary>`](/docs/svelte/svelte-boundary) that has a `pending` snippet:
-
-```svelte
-<svelte:boundary>
-	<p>{await getData()}</p>
-
-	{#snippet pending()}
-		<p>loading...</p>
-	{/snippet}
-</svelte:boundary>
-```
-
-This restriction may be lifted in a future version of Svelte.
-
 ### invalid_default_snippet
 
 ```
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-compiler.md b/apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-compiler.md
index 4771fc483b..dbac589b93 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-compiler.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/21-svelte-compiler.md
@@ -790,7 +790,7 @@ cssHash?: CssHashGetter;
 </div>
 
 A function that takes a `{ hash, css, name, filename }` argument and returns the string that is used as a classname for scoped CSS.
-It defaults to returning `svelte-${hash(css)}`.
+It defaults to returning `svelte-${hash(filename ?? css)}`.
 
 </div>
 </div>
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-errors.md b/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-errors.md
index f7dddda62d..0c949bc181 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-errors.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-errors.md
@@ -271,38 +271,32 @@ If it's possible to resolve the error inside the `onerror` callback, you must at
 
 <!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
 
-### lifecycle_function_unavailable
+### await_invalid
 
 ```
-`%name%(...)` is not available on the server
+Encountered asynchronous work while rendering synchronously.
 ```
 
-Certain methods such as `mount` cannot be invoked while running in a server context. Avoid calling them eagerly, i.e. not during render.
-
+You (or the framework you're using) called [`render(...)`](svelte-server#render) with a component containing an `await` expression. Either `await` the result of `render` or wrap the `await` (or the component containing it) in a [`<svelte:boundary>`](svelte-boundary) with a `pending` snippet.
 
-## Shared errors
+### html_deprecated
 
-<!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
+```
+The `html` property of server render results has been deprecated. Use `body` instead.
+```
 
-### await_outside_boundary
+### lifecycle_function_unavailable
 
 ```
-Cannot await outside a `<svelte:boundary>` with a `pending` snippet
+`%name%(...)` is not available on the server
 ```
 
-The `await` keyword can only appear in a `$derived(...)` or template expression, or at the top level of a component's `<script>` block, if it is inside a [`<svelte:boundary>`](/docs/svelte/svelte-boundary) that has a `pending` snippet:
+Certain methods such as `mount` cannot be invoked while running in a server context. Avoid calling them eagerly, i.e. not during render.
 
-```svelte
-<svelte:boundary>
-	<p>{await getData()}</p>
 
-	{#snippet pending()}
-		<p>loading...</p>
-	{/snippet}
-</svelte:boundary>
-```
+## Shared errors
 
-This restriction may be lifted in a future version of Svelte.
+<!-- This file is generated by scripts/process-messages/index.js. Do not edit! -->
 
 ### invalid_default_snippet
 
diff --git a/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-warnings.md b/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-warnings.md
index 1ffbb978b8..7d5bd44cec 100644
--- a/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-warnings.md
+++ b/apps/svelte.dev/content/docs/svelte/98-reference/30-runtime-warnings.md
@@ -319,6 +319,27 @@ Reactive `$state(...)` proxies and the values they proxy have different identiti
 
 To resolve this, ensure you're comparing values where both values were created with `$state(...)`, or neither were. Note that `$state.raw(...)` will _not_ create a state proxy.
 
+### state_proxy_unmount
+
+```
+Tried to unmount a state proxy, rather than a component
+```
+
+`unmount` was called with a state proxy:
+
+```js
+import { mount, unmount } from 'svelte';
+import Component from './Component.svelte';
+let target = document.body;
+// ---cut---
+let component = $state(mount(Component, { target }));
+
+// later...
+unmount(component);
+```
+
+Avoid using `$state` here. If `component` _does_ need to be reactive for some reason, use `$state.raw` instead.
+
 ### svelte_boundary_reset_noop
 
 ```
diff --git a/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-a/src/lib/App.svelte b/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-a/src/lib/App.svelte
index b78a59ab9b..0242ea46de 100644
--- a/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-a/src/lib/App.svelte
+++ b/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-a/src/lib/App.svelte
@@ -1,5 +1,5 @@
 <script>
-	let questions = $state([
+	let questions = [
 		{
 			id: 1,
 			text: `Where did you go to school?`
@@ -12,7 +12,7 @@
 			id: 3,
 			text: `What is another personal fact that an attacker could easily find with Google?`
 		}
-	]);
+	];
 
 	let selected = $state();
 
diff --git a/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-b/src/lib/App.svelte b/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-b/src/lib/App.svelte
index 0c56e68e99..ab8b34b6df 100644
--- a/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-b/src/lib/App.svelte
+++ b/apps/svelte.dev/content/tutorial/01-svelte/06-bindings/04-select-bindings/+assets/app-b/src/lib/App.svelte
@@ -1,5 +1,5 @@
 <script>
-	let questions = $state([
+	let questions = [
 		{
 			id: 1,
 			text: `Where did you go to school?`
@@ -12,7 +12,7 @@
 			id: 3,
 			text: `What is another personal fact that an attacker could easily find with Google?`
 		}
-	]);
+	];
 
 	let selected = $state();
 
diff --git a/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-a/src/routes/+layout.svelte b/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-a/src/routes/+layout.svelte
index ea968e6658..911c53891b 100644
--- a/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-a/src/routes/+layout.svelte
+++ b/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-a/src/routes/+layout.svelte
@@ -11,7 +11,7 @@
 		if (navigating.to) {
 			start = Date.now();
 			end = null;
-			previous = navigating;
+			previous = { ...navigating };
 		} else {
 			end = Date.now();
 		}
diff --git a/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-b/src/routes/+layout.svelte b/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-b/src/routes/+layout.svelte
index 5acef701c7..f1a5b48ed5 100644
--- a/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-b/src/routes/+layout.svelte
+++ b/apps/svelte.dev/content/tutorial/04-advanced-sveltekit/03-link-options/01-preload/+assets/app-b/src/routes/+layout.svelte
@@ -11,7 +11,7 @@
 		if (navigating.to) {
 			start = Date.now();
 			end = null;
-			previous = navigating;
+			previous = { ...navigating };
 		} else {
 			end = Date.now();
 		}
diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json
index 88a9f6797e..e6bc3a452f 100644
--- a/apps/svelte.dev/package.json
+++ b/apps/svelte.dev/package.json
@@ -52,7 +52,7 @@
 		"@supabase/supabase-js": "^2.43.4",
 		"@sveltejs/adapter-vercel": "^5.10.2",
 		"@sveltejs/enhanced-img": "^0.8.1",
-		"@sveltejs/kit": "^2.37.0",
+		"@sveltejs/kit": "^2.42.0",
 		"@sveltejs/site-kit": "workspace:*",
 		"@sveltejs/vite-plugin-svelte": "^6.1.3",
 		"@types/cookie": "^0.6.0",
diff --git a/apps/svelte.dev/src/lib/server/llms.ts b/apps/svelte.dev/src/lib/server/llms.ts
index 69ae4fe761..549d39592a 100644
--- a/apps/svelte.dev/src/lib/server/llms.ts
+++ b/apps/svelte.dev/src/lib/server/llms.ts
@@ -14,7 +14,6 @@ interface MinimizeOptions {
 	remove_details_blocks: boolean;
 	remove_playground_links: boolean;
 	remove_prettier_ignore: boolean;
-	normalize_whitespace: boolean;
 }
 
 interface Topic {
@@ -27,8 +26,7 @@ const defaults: MinimizeOptions = {
 	remove_note_blocks: false,
 	remove_details_blocks: false,
 	remove_playground_links: false,
-	remove_prettier_ignore: false,
-	normalize_whitespace: false
+	remove_prettier_ignore: false
 };
 
 export function generate_llm_content(options: GenerateLlmContentOptions): string {
@@ -105,10 +103,6 @@ function minimize_content(content: string, options?: Partial<MinimizeOptions>):
 			.join('\n');
 	}
 
-	if (settings.normalize_whitespace) {
-		minimized = minimized.replace(/\s+/g, ' ');
-	}
-
 	minimized = minimized.trim();
 
 	return minimized;
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js b/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js
index d74a36b6a9..76b5baf571 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/gzip.js
@@ -6,7 +6,8 @@ export async function compress_and_encode_text(input) {
 		const { done, value } = await reader.read();
 		if (done) {
 			reader.releaseLock();
-			return btoa(buffer).replaceAll('+', '-').replaceAll('/', '_');
+			// Some sites like discord don't like it when links end with =
+			return btoa(buffer).replaceAll('+', '-').replaceAll('/', '_').replace(/=+$/, '');
 		} else {
 			for (let i = 0; i < value.length; i++) {
 				// decoding as utf-8 will make btoa reject the string
diff --git a/apps/svelte.dev/src/routes/llms-medium.txt/+server.ts b/apps/svelte.dev/src/routes/llms-medium.txt/+server.ts
index 12281067e3..600d4709fc 100644
--- a/apps/svelte.dev/src/routes/llms-medium.txt/+server.ts
+++ b/apps/svelte.dev/src/routes/llms-medium.txt/+server.ts
@@ -29,8 +29,7 @@ export function GET() {
 			remove_note_blocks: true,
 			remove_details_blocks: true,
 			remove_playground_links: true,
-			remove_prettier_ignore: true,
-			normalize_whitespace: true
+			remove_prettier_ignore: true
 		}
 	});
 	const content = `<SYSTEM>This is the abridged developer documentation for Svelte and SvelteKit.</SYSTEM>\n\n${main_content}`;
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index 5f93f255b4..cc01153ecb 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -182,13 +182,26 @@
 				<input
 					value={workspace.svelte_version}
 					placeholder="latest"
-					onchange={(ev) => (workspace.svelte_version = ev.currentTarget.value || 'latest')}
+					onchange={(ev) => workspace.set_svelte_version(ev.currentTarget.value || 'latest', true)}
 				/>
 			</label>
 
 			{#if download}
 				<button onclick={download}>Download app</button>
 			{/if}
+
+			<button
+				class="copy-button"
+				title="Copy `npx sv create --from-playground=&quot;...&quot;` to clipboard"
+				aria-label="Copy `npx sv create --from-playground=&quot;...&quot;` to clipboard"
+				onclick={() => {
+					navigator.clipboard.writeText(
+						`npx sv create --from-playground="${window.location.href}"`
+					);
+				}}
+			>
+				Set up locally
+			</button>
 		</Toolbox>
 	</div>
 </div>
@@ -360,4 +373,42 @@
 		stroke-linejoin: round;
 		fill: none;
 	}
+
+	.copy-button {
+		position: relative;
+
+		&::before,
+		&::after {
+			content: '';
+			display: block;
+			position: absolute;
+			width: 100%;
+			height: 100%;
+			right: 0;
+			top: 0;
+			background: currentColor;
+			mask: no-repeat calc(100% - 1rem) 50% / 1.6rem 1.6rem;
+			transition: opacity 0.2s;
+			transition-delay: 0.6s;
+		}
+
+		&::before {
+			mask-image: url(icons/copy-to-clipboard);
+		}
+
+		&::after {
+			mask-image: url(icons/check);
+			opacity: 0;
+		}
+
+		&:active::before {
+			opacity: 0;
+			transition: none;
+		}
+
+		&:active::after {
+			opacity: 1;
+			transition: none;
+		}
+	}
 </style>
diff --git a/packages/repl/src/lib/Output/Output.svelte b/packages/repl/src/lib/Output/Output.svelte
index 82a1784d44..3f9e50dc27 100644
--- a/packages/repl/src/lib/Output/Output.svelte
+++ b/packages/repl/src/lib/Output/Output.svelte
@@ -66,6 +66,8 @@
 
 	let current = $derived(workspace.current_compiled);
 
+	let resultTab: Viewer;
+
 	// TODO this effect is a bit of a code smell
 	$effect(() => {
 		if (current?.error) {
@@ -189,6 +191,15 @@
 			<button class="active">Markdown</button>
 		{:else}
 			<button aria-current={view === 'result'} onclick={() => (view = 'result')}>Result</button>
+			<button
+				aria-current={view === 'result'}
+				aria-label="Reset result"
+				class="reset-result"
+				onclick={() => {
+					view = 'result';
+					resultTab.reset();
+				}}><span class="icon"></span></button
+			>
 			<button aria-current={view === 'js'} onclick={() => (view = 'js')}>JS output</button>
 			<button aria-current={view === 'css'} onclick={() => (view = 'css')}>CSS output</button>
 			<button aria-current={view === 'ast'} onclick={() => (view = 'ast')}>AST output</button>
@@ -199,6 +210,7 @@
 <!-- component viewer -->
 <div class="tab-content" class:visible={!is_markdown && view === 'result'}>
 	<Viewer
+		bind:this={resultTab}
 		bind:error={runtimeError}
 		{status}
 		{relaxed}
@@ -278,6 +290,18 @@
 		&[aria-current='true'] {
 			border-bottom: 1px solid var(--sk-fg-accent);
 		}
+
+		&.reset-result {
+			height: 100%;
+			vertical-align: bottom;
+			margin-left: -1em;
+			cursor: pointer;
+
+			.icon {
+				background: currentColor;
+				mask: url(icons/refresh) 50% / 1.2em no-repeat;
+			}
+		}
 	}
 
 	.tab-content {
diff --git a/packages/repl/src/lib/Output/PaneWithPanel.svelte b/packages/repl/src/lib/Output/PaneWithPanel.svelte
index a550263f2f..c5cc4cf965 100644
--- a/packages/repl/src/lib/Output/PaneWithPanel.svelte
+++ b/packages/repl/src/lib/Output/PaneWithPanel.svelte
@@ -122,6 +122,7 @@
 
 	.panel-body {
 		overflow: auto;
+		max-height: calc(100% - var(--sk-pane-controls-height));
 	}
 
 	.panel-heading {
diff --git a/packages/repl/src/lib/Output/Viewer.svelte b/packages/repl/src/lib/Output/Viewer.svelte
index 6c9ad8f8b4..ff08a8afe7 100644
--- a/packages/repl/src/lib/Output/Viewer.svelte
+++ b/packages/repl/src/lib/Output/Viewer.svelte
@@ -56,6 +56,7 @@
 	let last_console_event: Log;
 
 	let iframe = $state.raw<HTMLIFrameElement>();
+	let iframe_key = $state(1);
 	let pending_imports = $state(0);
 	let pending = false;
 
@@ -105,14 +106,17 @@
 			}
 		});
 
+		return () => {
+			proxy?.destroy();
+		};
+	});
+
+	$effect(() => {
+		proxy!.iframe = iframe!;
 		iframe!.addEventListener('load', () => {
 			proxy?.handle_links();
 			ready = true;
 		});
-
-		return () => {
-			proxy?.destroy();
-		};
 	});
 
 	$effect(() => {
@@ -289,6 +293,12 @@
 		}
 	});
 
+	export const reset = () => {
+		if (!ready || !bundle || bundle.error || error || status) return;
+		ready = false;
+		iframe_key += 1;
+	};
+
 	$effect(() => {
 		if (injectedCSS && proxy && ready) {
 			proxy.eval(
@@ -351,25 +361,35 @@
 		current_log_group = logs = [];
 		onLog?.(logs);
 	}
+
+	function no_blink(_params: object) {
+		return {
+			duration: 50,
+			css: () => `position: absolute; top: 0; left: 0;`
+		};
+	}
 </script>
 
 {#snippet main()}
-	<iframe
-		title="Result"
-		class:inited
-		bind:this={iframe}
-		sandbox={[
-			'allow-scripts',
-			'allow-popups',
-			'allow-forms',
-			'allow-pointer-lock',
-			'allow-modals',
-			can_escape ? 'allow-popups-to-escape-sandbox' : '',
-			relaxed ? 'allow-same-origin' : ''
-		].join(' ')}
-		class={error || pending || pending_imports ? 'greyed-out' : ''}
-		srcdoc={BROWSER ? srcdoc : ''}
-	></iframe>
+	{#key iframe_key}
+		<iframe
+			title="Result"
+			class:inited
+			bind:this={iframe}
+			sandbox={[
+				'allow-scripts',
+				'allow-popups',
+				'allow-forms',
+				'allow-pointer-lock',
+				'allow-modals',
+				can_escape ? 'allow-popups-to-escape-sandbox' : '',
+				relaxed ? 'allow-same-origin' : ''
+			].join(' ')}
+			class={error || pending || pending_imports ? 'greyed-out' : ''}
+			srcdoc={BROWSER ? srcdoc : ''}
+			out:no_blink
+		></iframe>
+	{/key}
 
 	<div class="overlay">
 		{#if bundle?.error}
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 4565c80f82..bca019c8cf 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -127,8 +127,6 @@
 			...workspace.current!,
 			contents: migration!.code
 		});
-
-		rebundle();
 	}
 
 	let width = $state(0);
@@ -142,7 +140,7 @@
 		? new Bundler({
 				svelte_version: svelteVersion,
 				onversion: (version) => {
-					workspace.svelte_version = version;
+					workspace.set_svelte_version(version);
 					onversion?.(version);
 				},
 				onstatus: (message) => {
diff --git a/packages/repl/src/lib/Workspace.svelte.ts b/packages/repl/src/lib/Workspace.svelte.ts
index dd89b8460c..a0a027778c 100644
--- a/packages/repl/src/lib/Workspace.svelte.ts
+++ b/packages/repl/src/lib/Workspace.svelte.ts
@@ -407,14 +407,13 @@ export class Workspace {
 		selected?: string
 	) {
 		this.states.clear();
-		this.set(new_files, selected);
-
-		this.mark_saved();
-
 		this.#tailwind = options.tailwind;
 		this.#aliases = options.aliases;
 
-		const bundle = this.#onreset(new_files);
+		const bundle = this.set(new_files, selected);
+
+		this.mark_saved();
+
 		const diagnostics = this.#reset_diagnostics();
 
 		return Promise.all([bundle, diagnostics])
@@ -458,7 +457,7 @@ export class Workspace {
 			}
 		}
 
-		this.#onreset?.(this.files);
+		return this.#onreset?.(this.files);
 	}
 
 	unlink(view: EditorView) {
@@ -507,10 +506,12 @@ export class Workspace {
 		return this.#svelte_version;
 	}
 
-	set svelte_version(value) {
+	set_svelte_version(value: string, notify = false) {
 		this.#svelte_version = value;
-		this.#update_file(this.#current);
-		this.#reset_diagnostics();
+		if (notify) {
+			this.#update_file(this.#current);
+			this.#reset_diagnostics();
+		}
 	}
 
 	get vim() {
diff --git a/packages/repl/src/lib/workers/bundler/index.ts b/packages/repl/src/lib/workers/bundler/index.ts
index 6e84324a03..1a35db2918 100644
--- a/packages/repl/src/lib/workers/bundler/index.ts
+++ b/packages/repl/src/lib/workers/bundler/index.ts
@@ -76,7 +76,11 @@ self.addEventListener('message', async (event: MessageEvent<BundleMessageData>)
 
 					console.log('[bundle worker result]', result);
 
-					if (JSON.stringify(result.error) === JSON.stringify(ABORT)) return;
+					// error object might be augmented, see https://github.com/rollup/rollup/blob/76a3b8ede4729a71eb522fc29f7d550a4358827b/docs/plugin-development/index.md#thiserror,
+					// hence only check that the specific abort property we set is there
+					if ((result.error as any)?.svelte_bundler_aborted === ABORT.svelte_bundler_aborted) {
+						return;
+					}
 					if (result && uid === current_id) postMessage(result);
 				});
 			} catch (e) {
@@ -111,7 +115,7 @@ function get_svelte(svelte_version: string) {
 	return ready;
 }
 
-const ABORT = { aborted: true };
+const ABORT = { svelte_bundler_aborted: true };
 
 let previous: {
 	key: string;
diff --git a/packages/repl/src/lib/workers/bundler/plugins/commonjs.ts b/packages/repl/src/lib/workers/bundler/plugins/commonjs.ts
index 20d569c945..7840688f59 100644
--- a/packages/repl/src/lib/workers/bundler/plugins/commonjs.ts
+++ b/packages/repl/src/lib/workers/bundler/plugins/commonjs.ts
@@ -42,6 +42,9 @@ const plugin: Plugin = {
 					context.next();
 				},
 				AssignmentExpression: (node, context) => {
+					// walk children to find nested requires
+					context.next();
+
 					if (node.operator !== '=') return;
 					if (node.left.type !== 'MemberExpression') return;
 					if (node.left.object.type !== 'Identifier' || node.left.object.name !== 'exports') return;
@@ -53,8 +56,6 @@ const plugin: Plugin = {
 							`export const ${node.left.property.name} = module.exports.${node.left.property.name};`
 						);
 					}
-
-					context.next();
 				}
 			});
 
diff --git a/packages/repl/src/lib/workers/typescript-strip-types.ts b/packages/repl/src/lib/workers/typescript-strip-types.ts
index 17cc079424..fcefb99512 100644
--- a/packages/repl/src/lib/workers/typescript-strip-types.ts
+++ b/packages/repl/src/lib/workers/typescript-strip-types.ts
@@ -9,24 +9,32 @@ const ParserWithTS = acorn.Parser.extend(tsPlugin());
  * @param {FunctionExpression | FunctionDeclaration} node
  * @param {Context<any, any>} context
  */
-function remove_this_param(
+function remove_this_param_and_optional(
 	node: acorn.FunctionExpression | acorn.FunctionDeclaration,
 	context: Context<any, any>
 ) {
-	const param = node.params[0] as any;
-	if (param?.type === 'Identifier' && param.name === 'this') {
-		if (param.typeAnnotation) {
-			// the type annotation is blanked by another visitor, do it in two parts to prevent an overwrite error
-			ts_blank_space(context, { start: param.start, end: param.typeAnnotation.start });
-			ts_blank_space(context, {
-				start: param.typeAnnotation.end,
-				end: node.params[1]?.start || param.end
-			});
-		} else {
-			ts_blank_space(context, {
-				start: param.start,
-				end: node.params[1]?.start || param.end
-			});
+	for (const param of node.params as Array<acorn.Pattern & Record<string, any>>) {
+		if (param?.type === 'Identifier') {
+			if (param.name === 'this') {
+				if (param.typeAnnotation) {
+					// the type annotation is blanked by another visitor, do it in two parts to prevent an overwrite error
+					ts_blank_space(context, { start: param.start, end: param.typeAnnotation.start });
+					ts_blank_space(context, {
+						start: param.typeAnnotation.end,
+						end: node.params[1]?.start || param.end
+					});
+				} else {
+					ts_blank_space(context, {
+						start: param.start,
+						end: node.params[1]?.start || param.end
+					});
+				}
+			} else if (param.optional) {
+				const question_start = context.state.ms.original.indexOf('?', param.start);
+				if (question_start !== -1 && question_start < param.end) {
+					ts_blank_space(context, { start: question_start, end: question_start + 1 });
+				}
+			}
 		}
 	}
 	return context.next();
@@ -83,6 +91,12 @@ const visitors: Visitors<any, { ms: MagicString }> = {
 			ts_blank_space(context, { start: node.start, end: node.start + node.accessibility.length });
 		}
 
+		delete node.typeAnnotation;
+		delete node.typeParameters;
+		delete node.typeArguments;
+		delete node.returnType;
+		delete node.accessibility;
+
 		context.next();
 	},
 	Decorator(node, context) {
@@ -201,8 +215,8 @@ const visitors: Visitors<any, { ms: MagicString }> = {
 		ts_blank_space(context, { start: node.start, end: node.expression.start });
 		context.visit(node.expression);
 	},
-	FunctionExpression: remove_this_param,
-	FunctionDeclaration: remove_this_param,
+	FunctionExpression: remove_this_param_and_optional,
+	FunctionDeclaration: remove_this_param_and_optional,
 	TSDeclareFunction(node, context) {
 		ts_blank_space(context, node);
 		return empty;
@@ -239,6 +253,16 @@ const visitors: Visitors<any, { ms: MagicString }> = {
 		}
 		context.next();
 	},
+	VariableDeclarator(node, context) {
+		if (node.definite && node.id.type === 'Identifier') {
+			const definite_start = context.state.ms.original.indexOf(
+				'!',
+				node.id.start + node.id.name.length
+			);
+			ts_blank_space(context, { start: definite_start, end: definite_start + 1 });
+		}
+		context.next();
+	},
 	TSModuleDeclaration(node, context) {
 		if (!node.body) {
 			ts_blank_space(context, node);
diff --git a/packages/site-kit/src/lib/codemirror/index.js b/packages/site-kit/src/lib/codemirror/index.js
index 24152606a3..be75f54d3c 100644
--- a/packages/site-kit/src/lib/codemirror/index.js
+++ b/packages/site-kit/src/lib/codemirror/index.js
@@ -25,13 +25,18 @@ const logic_block_snippets = [
 		label: '#await :then',
 		type: 'keyword'
 	}),
-	snippetCompletion('#key ${}}\n\n{/key', { label: '#key', type: 'keyword' })
+	snippetCompletion('#key ${}}\n\n{/key', { label: '#key', type: 'keyword' }),
+	snippetCompletion('#snippet ${}()}\n\n{/snippet', {
+		label: '#snippet',
+		type: 'keyword'
+	})
 ];
 
 const special_tag_snippets = [
 	snippetCompletion('@html ${}', { label: '@html', type: 'keyword' }),
 	snippetCompletion('@debug ${}', { label: '@debug', type: 'keyword' }),
-	snippetCompletion('@const ${}', { label: '@const', type: 'keyword' })
+	snippetCompletion('@const ${}', { label: '@const', type: 'keyword' }),
+	snippetCompletion('@render ${}()', { label: '@render', type: 'keyword' })
 ];
 
 /**
diff --git a/packages/site-kit/src/lib/nav/MobileMenu.svelte b/packages/site-kit/src/lib/nav/MobileMenu.svelte
index 98fa16fe1b..a1c6a2cd29 100644
--- a/packages/site-kit/src/lib/nav/MobileMenu.svelte
+++ b/packages/site-kit/src/lib/nav/MobileMenu.svelte
@@ -147,7 +147,9 @@
 						<ul>
 							<li><a href="/chat">Discord</a></li>
 							<li><a href="https://bsky.app/profile/svelte.dev">Bluesky</a></li>
-							<li><a href="https://github.com/sveltejs/svelte">GitHub</a></li>
+							<li>
+								<a href="https://github.com/sveltejs">GitHub</a>
+							</li>
 						</ul>
 					</div>
 				</div>
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index b71147ad06..d6dd5b5e0f 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -6,7 +6,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	import { overlay_open, on_this_page_open } from '../stores';
 	import { search } from '../state/search.svelte';
 	import Icon from '../components/Icon.svelte';
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 	import ThemeToggle from '../components/ThemeToggle.svelte';
 	import MobileMenu from './MobileMenu.svelte';
 	import type { NavigationLink } from '../types';
@@ -86,7 +86,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 					<Dropdown>
 						<a
 							href="/{link.slug}"
-							aria-current={$page.url.pathname.startsWith(`/${link.slug}`) ? 'page' : undefined}
+							aria-current={page.url.pathname.startsWith(`/${link.slug}`) ? 'page' : undefined}
 						>
 							{link.title}
 
@@ -99,8 +99,8 @@ Top navigation bar for the application. It provides a slot for the left side, th
 									<a
 										class="secondary"
 										href={section.path}
-										aria-current={$page.url.pathname === section.path ||
-										$page.url.pathname.startsWith(section.path!)
+										aria-current={page.url.pathname === section.path ||
+										page.url.pathname.startsWith(section.path!)
 											? 'page'
 											: undefined}
 									>
@@ -113,7 +113,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 				{:else}
 					<a
 						href="/{link.slug}"
-						aria-current={$page.url.pathname.startsWith(`/${link.slug}`) ? 'page' : null}
+						aria-current={page.url.pathname.startsWith(`/${link.slug}`) ? 'page' : null}
 					>
 						{link.title}
 					</a>
@@ -133,7 +133,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 					<span data-icon="bluesky"></span>
 				</a>
 
-				<a href="https://github.com/sveltejs/svelte" aria-label="GitHub Repo">
+				<a href="https://github.com/sveltejs" aria-label="GitHub Organization">
 					<span data-icon="github"></span>
 				</a>
 			</div>
@@ -169,7 +169,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 				open = !open;
 
 				if (open) {
-					const segment = $page.url.pathname.split('/')[1];
+					const segment = page.url.pathname.split('/')[1];
 					current = links.find((link) => link.slug === segment);
 				}
 			}}
diff --git a/packages/site-kit/src/lib/search/SearchBox.svelte b/packages/site-kit/src/lib/search/SearchBox.svelte
index 8950621681..a59ec7b4a3 100644
--- a/packages/site-kit/src/lib/search/SearchBox.svelte
+++ b/packages/site-kit/src/lib/search/SearchBox.svelte
@@ -408,6 +408,7 @@ It appears when the user clicks on the `Search` component or presses the corresp
 	.results {
 		overflow: auto;
 		overscroll-behavior-y: none;
+		scrollbar-color: var(--sk-scrollbar) var(--sk-bg-2);
 	}
 
 	.results-container {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2f2912f035..c31f57c991 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -31,7 +31,7 @@ importers:
         version: 2.0.0(svelte@5.38.2)
       '@sveltejs/amp':
         specifier: ^1.1.5
-        version: 1.1.5(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))
+        version: 1.1.5(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))
       '@sveltejs/repl':
         specifier: workspace:*
         version: link:../../packages/repl
@@ -52,7 +52,7 @@ importers:
         version: 1.3.2
       '@vercel/speed-insights':
         specifier: ^1.1.0
-        version: 1.1.0(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)
+        version: 1.1.0(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)
       '@webcontainer/api':
         specifier: ^1.1.5
         version: 1.1.9
@@ -113,13 +113,13 @@ importers:
         version: 2.43.4
       '@sveltejs/adapter-vercel':
         specifier: ^5.10.2
-        version: 5.10.2(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)
+        version: 5.10.2(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)
       '@sveltejs/enhanced-img':
         specifier: ^0.8.1
         version: 0.8.1(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
       '@sveltejs/kit':
-        specifier: ^2.37.0
-        version: 2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
+        specifier: ^2.42.0
+        version: 2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
       '@sveltejs/site-kit':
         specifier: workspace:*
         version: link:../../packages/site-kit
@@ -1343,8 +1343,8 @@ packages:
       '@opentelemetry/api':
         optional: true
 
-  '@sveltejs/kit@2.37.0':
-    resolution: {integrity: sha512-xgKtpjQ6Ry4mdShd01ht5AODUsW7+K1iValPDq7QX8zI1hWOKREH9GjG8SRCN5tC4K7UXmMhuQam7gbLByVcnw==}
+  '@sveltejs/kit@2.42.0':
+    resolution: {integrity: sha512-ujAqGi88jAHL0eC5OAuH/w9X8uyPEJnFM4Pq6hjO0QARtlVPMKRd5yL5tQ4V9Ts+EHE5JH60CIUAhuUGUxwBUQ==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -4052,9 +4052,9 @@ snapshots:
     dependencies:
       '@sveltejs/kit': 2.34.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@24.3.0)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@24.3.0)(lightningcss@1.30.1)(tsx@4.20.4))
 
-  '@sveltejs/adapter-vercel@5.10.2(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)':
+  '@sveltejs/adapter-vercel@5.10.2(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)':
     dependencies:
-      '@sveltejs/kit': 2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
+      '@sveltejs/kit': 2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
       '@vercel/nft': 0.30.0(rollup@4.46.4)
       esbuild: 0.25.9
     transitivePeerDependencies:
@@ -4062,9 +4062,9 @@ snapshots:
       - rollup
       - supports-color
 
-  '@sveltejs/amp@1.1.5(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))':
+  '@sveltejs/amp@1.1.5(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))':
     dependencies:
-      '@sveltejs/kit': 2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
+      '@sveltejs/kit': 2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
 
   '@sveltejs/enhanced-img@0.8.1(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(rollup@4.46.4)(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))':
     dependencies:
@@ -4117,7 +4117,7 @@ snapshots:
       svelte: 5.38.2
       vite: 7.0.4(@types/node@24.3.0)(lightningcss@1.30.1)(tsx@4.20.4)
 
-  '@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))':
+  '@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))':
     dependencies:
       '@standard-schema/spec': 1.0.0
       '@sveltejs/acorn-typescript': 1.0.5(acorn@8.15.0)
@@ -4299,9 +4299,9 @@ snapshots:
       - rollup
       - supports-color
 
-  '@vercel/speed-insights@1.1.0(@sveltejs/kit@2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)':
+  '@vercel/speed-insights@1.1.0(@sveltejs/kit@2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)':
     optionalDependencies:
-      '@sveltejs/kit': 2.37.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
+      '@sveltejs/kit': 2.42.0(@sveltejs/vite-plugin-svelte@6.1.3(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4)))(svelte@5.38.2)(vite@7.0.4(@types/node@20.19.6)(lightningcss@1.30.1)(tsx@4.20.4))
       svelte: 5.38.2
 
   '@vitest/expect@3.2.4':