From 06e6ef83b801a3ca014af4629abad76ac2d35eef Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 27 Jan 2026 22:44:26 -0500
Subject: [PATCH 01/71] failing test (#12791)

---
 .../tests/hydration/samples/safari-borking-2/Child.svelte   | 6 ++++++
 .../tests/hydration/samples/safari-borking-2/_config.js     | 5 +++++
 .../tests/hydration/samples/safari-borking-2/_override.html | 1 +
 .../tests/hydration/samples/safari-borking-2/main.svelte    | 6 ++++++
 4 files changed, 18 insertions(+)
 create mode 100644 packages/svelte/tests/hydration/samples/safari-borking-2/Child.svelte
 create mode 100644 packages/svelte/tests/hydration/samples/safari-borking-2/_config.js
 create mode 100644 packages/svelte/tests/hydration/samples/safari-borking-2/_override.html
 create mode 100644 packages/svelte/tests/hydration/samples/safari-borking-2/main.svelte

diff --git a/packages/svelte/tests/hydration/samples/safari-borking-2/Child.svelte b/packages/svelte/tests/hydration/samples/safari-borking-2/Child.svelte
new file mode 100644
index 0000000000..a62bd4ec90
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/safari-borking-2/Child.svelte
@@ -0,0 +1,6 @@
+<script>
+	const message = `call +636-555-3226 now`;
+</script>
+
+<hr />
+{message}
diff --git a/packages/svelte/tests/hydration/samples/safari-borking-2/_config.js b/packages/svelte/tests/hydration/samples/safari-borking-2/_config.js
new file mode 100644
index 0000000000..cf22ff2c85
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/safari-borking-2/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	expect_hydration_error: true
+});
diff --git a/packages/svelte/tests/hydration/samples/safari-borking-2/_override.html b/packages/svelte/tests/hydration/samples/safari-borking-2/_override.html
new file mode 100644
index 0000000000..17ec01970a
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/safari-borking-2/_override.html
@@ -0,0 +1 @@
+<!--[--><hr> call <a href="tel:+636-555-3226">+636-555-3226</a> now<!----> <p>42</p><!--]-->
diff --git a/packages/svelte/tests/hydration/samples/safari-borking-2/main.svelte b/packages/svelte/tests/hydration/samples/safari-borking-2/main.svelte
new file mode 100644
index 0000000000..daa25067ec
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/safari-borking-2/main.svelte
@@ -0,0 +1,6 @@
+<script>
+	import Child from './Child.svelte';
+</script>
+
+<Child />
+<p>{40 + 2}</p>

From 16fec7207a39d6f913e1ec32fbe5b2a6f2db838f Mon Sep 17 00:00:00 2001
From: PandaMan <joewartson757@gmail.com>
Date: Thu, 29 Jan 2026 00:17:38 +0800
Subject: [PATCH 02/71] fix: make onintrostart respect delay parameter (#17567)

* fix: make onintrostart respect delay parameter

Fixes #14009

The onintrostart event now fires after the delay period completes,
rather than immediately when the transition is initiated. This ensures
that the event accurately reflects when the intro animation actually
starts.

Changes:
- Added on_start callback parameter to animate() function
- Dispatch introstart event after delay animation finishes
- Handle edge case where duration is 0 but delay > 0

* fix: format code with prettier

* add (failing) tests

* fix

* changeset

* missed a spot

* fix

---------

Co-authored-by: Miner <miner@example.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/sweet-rings-watch.md               |  5 +++
 .../client/dom/elements/transitions.js        |  9 +++---
 .../transition-delayed-events-css/_config.js  | 32 +++++++++++++++++++
 .../transition-delayed-events-css/main.svelte | 23 +++++++++++++
 .../transition-delayed-events-js/_config.js   | 32 +++++++++++++++++++
 .../transition-delayed-events-js/main.svelte  | 23 +++++++++++++
 6 files changed, 119 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/sweet-rings-watch.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/main.svelte

diff --git a/.changeset/sweet-rings-watch.md b/.changeset/sweet-rings-watch.md
new file mode 100644
index 0000000000..8ce11b2672
--- /dev/null
+++ b/.changeset/sweet-rings-watch.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: fire introstart/outrostart events after delay, if specified
diff --git a/packages/svelte/src/internal/client/dom/elements/transitions.js b/packages/svelte/src/internal/client/dom/elements/transitions.js
index e9f0953df7..170b40780a 100644
--- a/packages/svelte/src/internal/client/dom/elements/transitions.js
+++ b/packages/svelte/src/internal/client/dom/elements/transitions.js
@@ -239,8 +239,6 @@ export function transition(flags, element, get_fn, get_params) {
 				intro?.abort();
 			}
 
-			dispatch_event(element, 'introstart');
-
 			intro = animate(element, get_options(), outro, 1, () => {
 				dispatch_event(element, 'introend');
 
@@ -260,8 +258,6 @@ export function transition(flags, element, get_fn, get_params) {
 
 			element.inert = true;
 
-			dispatch_event(element, 'outrostart');
-
 			outro = animate(element, get_options(), intro, 0, () => {
 				dispatch_event(element, 'outroend');
 				fn?.();
@@ -345,7 +341,8 @@ function animate(element, options, counterpart, t2, on_finish) {
 
 	counterpart?.deactivate();
 
-	if (!options?.duration) {
+	if (!options?.duration && !options?.delay) {
+		dispatch_event(element, is_intro ? 'introstart' : 'outrostart');
 		on_finish();
 
 		return {
@@ -385,6 +382,8 @@ function animate(element, options, counterpart, t2, on_finish) {
 		// remove dummy animation from the stack to prevent conflict with main animation
 		animation.cancel();
 
+		dispatch_event(element, is_intro ? 'introstart' : 'outrostart');
+
 		// for bidirectional transitions, we start from the current position,
 		// rather than doing a full intro/outro
 		var t1 = counterpart?.t() ?? 1 - t2;
diff --git a/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/_config.js b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/_config.js
new file mode 100644
index 0000000000..36daefa3b7
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/_config.js
@@ -0,0 +1,32 @@
+import { flushSync } from '../../../../src/index-client.js';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, raf, target, logs }) {
+		const [btn] = target.querySelectorAll('button');
+
+		// in
+		flushSync(() => btn.click());
+		assert.deepEqual(logs, []);
+		raf.tick(1);
+		assert.deepEqual(logs, []);
+
+		raf.tick(100);
+		assert.deepEqual(logs, ['introstart']);
+
+		raf.tick(200);
+		assert.deepEqual(logs, ['introstart', 'introend']);
+
+		// out
+		flushSync(() => btn.click());
+		assert.deepEqual(logs, ['introstart', 'introend']);
+		raf.tick(201);
+		assert.deepEqual(logs, ['introstart', 'introend']);
+
+		raf.tick(300);
+		assert.deepEqual(logs, ['introstart', 'introend', 'outrostart']);
+
+		raf.tick(400);
+		assert.deepEqual(logs, ['introstart', 'introend', 'outrostart', 'outroend']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/main.svelte b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/main.svelte
new file mode 100644
index 0000000000..cd91790c17
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-css/main.svelte
@@ -0,0 +1,23 @@
+<script>
+	function fade(_) {
+		return {
+			delay: 100,
+			duration: 100,
+			css: (t) => `opacity: ${t}`
+		};
+	}
+
+	let visible = $state(false);
+</script>
+
+<button onclick={() => (visible = !visible)}>toggle</button>
+
+{#if visible}
+	<p
+		transition:fade
+		onintrostart={() => console.log('introstart')}
+		onintroend={() => console.log('introend')}
+		onoutrostart={() => console.log('outrostart')}
+		onoutroend={() => console.log('outroend')}
+	>delayed fade</p>
+{/if}
diff --git a/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/_config.js b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/_config.js
new file mode 100644
index 0000000000..36daefa3b7
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/_config.js
@@ -0,0 +1,32 @@
+import { flushSync } from '../../../../src/index-client.js';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, raf, target, logs }) {
+		const [btn] = target.querySelectorAll('button');
+
+		// in
+		flushSync(() => btn.click());
+		assert.deepEqual(logs, []);
+		raf.tick(1);
+		assert.deepEqual(logs, []);
+
+		raf.tick(100);
+		assert.deepEqual(logs, ['introstart']);
+
+		raf.tick(200);
+		assert.deepEqual(logs, ['introstart', 'introend']);
+
+		// out
+		flushSync(() => btn.click());
+		assert.deepEqual(logs, ['introstart', 'introend']);
+		raf.tick(201);
+		assert.deepEqual(logs, ['introstart', 'introend']);
+
+		raf.tick(300);
+		assert.deepEqual(logs, ['introstart', 'introend', 'outrostart']);
+
+		raf.tick(400);
+		assert.deepEqual(logs, ['introstart', 'introend', 'outrostart', 'outroend']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/main.svelte b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/main.svelte
new file mode 100644
index 0000000000..c7167aa8c7
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/transition-delayed-events-js/main.svelte
@@ -0,0 +1,23 @@
+<script>
+	function fade(node) {
+		return {
+			delay: 100,
+			duration: 100,
+			tick: (t) => node.style.opacity = t
+		};
+	}
+
+	let visible = $state(false);
+</script>
+
+<button onclick={() => (visible = !visible)}>toggle</button>
+
+{#if visible}
+	<p
+		transition:fade
+		onintrostart={() => console.log('introstart')}
+		onintroend={() => console.log('introend')}
+		onoutrostart={() => console.log('outrostart')}
+		onoutroend={() => console.log('outroend')}
+	>delayed fade</p>
+{/if}

From 08448c501b97a4617171ee9db69c60aa3bd0bbcc Mon Sep 17 00:00:00 2001
From: GiantDragon9090 <102870250+GiantDragon9090@users.noreply.github.com>
Date: Wed, 28 Jan 2026 09:55:32 -0800
Subject: [PATCH 03/71] docs: update FAQ to mention SvelteKit hash-based
 routing support (#17546)

Fixes #14919

Co-authored-by: Gittensor Miner <miner@gittensor.io>
---
 documentation/docs/07-misc/99-faq.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/documentation/docs/07-misc/99-faq.md b/documentation/docs/07-misc/99-faq.md
index 4c1d19a262..035629e5ae 100644
--- a/documentation/docs/07-misc/99-faq.md
+++ b/documentation/docs/07-misc/99-faq.md
@@ -91,7 +91,7 @@ Some resources for getting started with testing:
 
 ## Is there a router?
 
-The official routing library is [SvelteKit](/docs/kit). SvelteKit provides a filesystem router, server-side rendering (SSR), and hot module reloading (HMR) in one easy-to-use package. It shares similarities with Next.js for React and Nuxt.js for Vue.
+The official routing library is [SvelteKit](/docs/kit). SvelteKit provides a filesystem router, server-side rendering (SSR), and hot module reloading (HMR) in one easy-to-use package. It shares similarities with Next.js for React and Nuxt.js for Vue. SvelteKit also supports hash-based routing for client-side applications.
 
 However, you can use any router library. A sampling of available routers are highlighted [on the packages page](/packages#routing).
 

From 3256a75b547d9ee440be0c2b51865b31cb6d9c88 Mon Sep 17 00:00:00 2001
From: Razin Shafayet <sumonislamk29@gmail.com>
Date: Wed, 28 Jan 2026 23:56:17 +0600
Subject: [PATCH 04/71] fix: ignore popover elements in
 a11y_consider_explicit_label check (#17367)

* fix: ignore popover elements in a11y_consider_explicit_label check

* chore: add changeset

* Apply suggestions from code review

* Apply suggestions from code review

* fix

---------

Co-authored-by: Rich Harris <hello@rich-harris.dev>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/shaggy-phones-laugh.md                  |  5 +++++
 .../phases/2-analyze/visitors/shared/a11y/index.js |  4 ++++
 .../samples/a11y-popover-label/input.svelte        |  3 +++
 .../samples/a11y-popover-label/warnings.json       | 14 ++++++++++++++
 4 files changed, 26 insertions(+)
 create mode 100644 .changeset/shaggy-phones-laugh.md
 create mode 100644 packages/svelte/tests/validator/samples/a11y-popover-label/input.svelte
 create mode 100644 packages/svelte/tests/validator/samples/a11y-popover-label/warnings.json

diff --git a/.changeset/shaggy-phones-laugh.md b/.changeset/shaggy-phones-laugh.md
new file mode 100644
index 0000000000..8cb711491b
--- /dev/null
+++ b/.changeset/shaggy-phones-laugh.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: disregard `popover` elements when determining whether an element has content
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
index 50b107d068..f5f4982ed2 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
@@ -824,6 +824,10 @@ function has_content(element) {
 		}
 
 		if (node.type === 'RegularElement' || node.type === 'SvelteElement') {
+			if (node.attributes.some((a) => a.type === 'Attribute' && a.name === 'popover')) {
+				continue;
+			}
+
 			if (
 				node.name === 'img' &&
 				node.attributes.some((node) => node.type === 'Attribute' && node.name === 'alt')
diff --git a/packages/svelte/tests/validator/samples/a11y-popover-label/input.svelte b/packages/svelte/tests/validator/samples/a11y-popover-label/input.svelte
new file mode 100644
index 0000000000..6fafa0a10c
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/a11y-popover-label/input.svelte
@@ -0,0 +1,3 @@
+<button interestfor="my-hint">
+	<div id="my-hint" popover="hint">hello</div>
+</button>
\ No newline at end of file
diff --git a/packages/svelte/tests/validator/samples/a11y-popover-label/warnings.json b/packages/svelte/tests/validator/samples/a11y-popover-label/warnings.json
new file mode 100644
index 0000000000..f5fd09c89d
--- /dev/null
+++ b/packages/svelte/tests/validator/samples/a11y-popover-label/warnings.json
@@ -0,0 +1,14 @@
+[
+	{
+		"code": "a11y_consider_explicit_label",
+		"message": "Buttons and links should either contain text or have an `aria-label`, `aria-labelledby` or `title` attribute",
+		"start": {
+			"line": 1,
+			"column": 0
+		},
+		"end": {
+			"line": 3,
+			"column": 9
+		}
+	}
+]

From 2b4253f33271dbe8024cfb3946964e4cd6df0315 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 13:40:10 -0500
Subject: [PATCH 05/71] chore: allow sandbox to 'download' from tests (#17576)

---
 playgrounds/sandbox/scripts/download.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/playgrounds/sandbox/scripts/download.js b/playgrounds/sandbox/scripts/download.js
index b0bad54e73..e3c862cb61 100644
--- a/playgrounds/sandbox/scripts/download.js
+++ b/playgrounds/sandbox/scripts/download.js
@@ -39,10 +39,14 @@ function is_local_directory(arg) {
 // Check if it's a local directory first (before URL parsing)
 const is_local = is_local_directory(url_arg);
 
+const resolved_test_path = ['runtime-runes', 'runtime-legacy']
+	.map((d) => path.resolve(`${base_dir}/../../../packages/svelte/tests/${d}/samples/${url_arg}`))
+	.find(fs.existsSync);
+
 /** @type {URL | null} */
 let url = null;
 
-if (!is_local) {
+if (!is_local && !resolved_test_path) {
 	try {
 		url = new URL(url_arg);
 	} catch (e) {
@@ -599,6 +603,17 @@ let files;
 if (is_local) {
 	console.log(`Processing local directory: ${url_arg}`);
 	files = process_directory(url_arg);
+} else if (resolved_test_path) {
+	// Copy files from test
+	console.log(`Processing test ${url_arg}`);
+	files = get_all_files(resolved_test_path)
+		.filter((file) => !file.path.includes('_'))
+		.map((file) => {
+			return {
+				name: file.name === 'main.svelte' ? 'App.svelte' : file.name,
+				contents: file.contents
+			};
+		});
 } else if (url && is_github_url(url)) {
 	// GitHub repository handling
 	await with_tmp_dir(base_dir, (tmp_dir) => {

From 37cd40d2e5d1868810b87705287eedd4f0370bdd Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 14:23:27 -0500
Subject: [PATCH 06/71] fix: more conservative assignment_value_stale warnings
 (#17574)

---
 .changeset/plain-dancers-double.md            |  5 ++++
 .../client/visitors/AssignmentExpression.js   |  5 +++-
 packages/svelte/src/compiler/phases/scope.js  |  8 ++++++
 .../svelte/src/internal/client/dev/assign.js  |  3 ++-
 .../_config.js                                | 25 ++++++++-----------
 .../main.svelte                               | 11 ++++++++
 6 files changed, 40 insertions(+), 17 deletions(-)
 create mode 100644 .changeset/plain-dancers-double.md

diff --git a/.changeset/plain-dancers-double.md b/.changeset/plain-dancers-double.md
new file mode 100644
index 0000000000..ab47b8e4c7
--- /dev/null
+++ b/.changeset/plain-dancers-double.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: more conservative assignment_value_stale warnings
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
index 731569aaae..0f6a619357 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
@@ -162,7 +162,10 @@ function build_assignment(operator, left, right, context) {
 	// will be pushed to. we do this by transforming it to something like
 	// `$.assign_nullish(object, 'items', [])`
 	let should_transform =
-		dev && path.at(-1) !== 'ExpressionStatement' && is_non_coercive_operator(operator);
+		dev &&
+		path.at(-1) !== 'ExpressionStatement' &&
+		is_non_coercive_operator(operator) &&
+		!context.state.scope.evaluate(right).is_primitive;
 
 	// special case — ignore `onclick={() => (...)}`
 	if (
diff --git a/packages/svelte/src/compiler/phases/scope.js b/packages/svelte/src/compiler/phases/scope.js
index 2a0c76f756..52efd93210 100644
--- a/packages/svelte/src/compiler/phases/scope.js
+++ b/packages/svelte/src/compiler/phases/scope.js
@@ -228,6 +228,13 @@ class Evaluation {
 	 */
 	is_number = true;
 
+	/**
+	 * True if the value is known to be a primitive
+	 * @readonly
+	 * @type {boolean}
+	 */
+	is_primitive = true;
+
 	/**
 	 * True if the value is known to be a function
 	 * @readonly
@@ -577,6 +584,7 @@ class Evaluation {
 
 			if (value === UNKNOWN) {
 				this.has_unknown = true;
+				this.is_primitive = false;
 			}
 		}
 
diff --git a/packages/svelte/src/internal/client/dev/assign.js b/packages/svelte/src/internal/client/dev/assign.js
index d9ef7497d5..3b48e736b5 100644
--- a/packages/svelte/src/internal/client/dev/assign.js
+++ b/packages/svelte/src/internal/client/dev/assign.js
@@ -1,3 +1,4 @@
+import { STATE_SYMBOL } from '#client/constants';
 import { sanitize_location } from '../../../utils.js';
 import { untrack } from '../runtime.js';
 import * as w from '../warnings.js';
@@ -10,7 +11,7 @@ import * as w from '../warnings.js';
  * @param {string} location
  */
 function compare(a, b, property, location) {
-	if (a !== b) {
+	if (a !== b && typeof b === 'object' && STATE_SYMBOL in b) {
 		w.assignment_value_stale(property, /** @type {string} */ (sanitize_location(location)));
 	}
 
diff --git a/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/_config.js b/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/_config.js
index 4462f492fa..2ff2634822 100644
--- a/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/_config.js
@@ -6,31 +6,26 @@ export default test({
 		dev: true
 	},
 
-	html: `<button>items: null</button> <div>x</div> <input type="checkbox" value="1"><input type="checkbox" value="2"><input>`,
-
 	test({ assert, target, warnings }) {
-		const btn = target.querySelector('button');
-		ok(btn);
+		const [button1, button2, button3] = target.querySelectorAll('button');
+		ok(button1);
 
-		flushSync(() => btn.click());
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button>items: []</button> <div>x</div> <input type="checkbox" value="1"><input type="checkbox" value="2"><input>`
-		);
+		flushSync(() => button1.click());
+		assert.htmlEqual(button1.innerHTML, `items: []`);
 
-		flushSync(() => btn.click());
-		assert.htmlEqual(
-			target.innerHTML,
-			`<button>items: [0]</button> <div>x</div> <input type="checkbox" value="1"><input type="checkbox" value="2"><input>`
-		);
+		flushSync(() => button1.click());
+		assert.htmlEqual(button1.innerHTML, `items: [0]`);
 
 		const input = target.querySelector('input');
 		ok(input);
 		input.checked = true;
 		flushSync(() => input.dispatchEvent(new Event('change', { bubbles: true })));
 
+		flushSync(() => button2.click());
+		flushSync(() => button3.click());
+
 		assert.deepEqual(warnings, [
-			'Assignment to `items` property (main.svelte:9:24) will evaluate to the right-hand side, not the value of `items` following the assignment. This may result in unexpected behaviour.'
+			'Assignment to `items` property (main.svelte:17:24) will evaluate to the right-hand side, not the value of `items` following the assignment. This may result in unexpected behaviour.'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/main.svelte b/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/main.svelte
index a79fe873b7..02320a3128 100644
--- a/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/proxy-coercive-assignment-warning/main.svelte
@@ -1,9 +1,17 @@
  <script>
 	import Test from './Test.svelte';
 
+	let { opacity = 0.5 } = $props();
+
 	let entries = $state([]);
 	let object = $state({ items: null, group: [] });
 	let elementFunBind = $state();
+
+	// should omit $.assign via static analysis
+	const fixed = (node) => node.style.opacity = 0.5;
+
+	// should use $.assign, but it should not warn
+	const unknown = (node) => node.style.opacity = opacity;
 </script>
 
 <button onclick={() => (object.items ??= []).push(object.items.length)}>
@@ -23,3 +31,6 @@
 	<input bind:this={() => {}, (e) => (context.element = e)} />
 {/snippet}
 {@render funBind({ set element(e) { elementFunBind = e } })}
+
+<button onclick={(e) => (fixed(e.currentTarget))}>change opacity (fixed)</button>
+<button onclick={(e) => (unknown(e.currentTarget))}>change opacity (unknown)</button>

From ece2e83eb9d0e2a97d7db50d41f68ce2edfb697d Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 16:09:32 -0500
Subject: [PATCH 07/71] fix: increment signal versions when discarding forks
 (#17577)

* fix: always update an UNINITIALIZED derived on read

Co-authored-by: David Roizenman <hmnd@users.noreply.github.com>

* obsolete comments

* rename test

* add tests, fix

* revert

* Update .changeset/vast-hornets-draw.md

---------

Co-authored-by: David Roizenman <hmnd@users.noreply.github.com>
---
 .changeset/vast-hornets-draw.md               |  5 +++
 .../src/internal/client/reactivity/batch.js   |  7 ++++
 .../fork-derived-uncached-1/_config.js        | 40 +++++++++++++++++++
 .../fork-derived-uncached-1/main.svelte       | 23 +++++++++++
 .../fork-derived-uncached-2/_config.js        | 38 ++++++++++++++++++
 .../fork-derived-uncached-2/main.svelte       | 23 +++++++++++
 .../fork-derived-uncached-3/_config.js        | 32 +++++++++++++++
 .../fork-derived-uncached-3/main.svelte       | 23 +++++++++++
 8 files changed, 191 insertions(+)
 create mode 100644 .changeset/vast-hornets-draw.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/main.svelte

diff --git a/.changeset/vast-hornets-draw.md b/.changeset/vast-hornets-draw.md
new file mode 100644
index 0000000000..256439e9da
--- /dev/null
+++ b/.changeset/vast-hornets-draw.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: increment signal versions when discarding forks
diff --git a/packages/svelte/src/internal/client/reactivity/batch.js b/packages/svelte/src/internal/client/reactivity/batch.js
index 134ebe53a2..d82f965541 100644
--- a/packages/svelte/src/internal/client/reactivity/batch.js
+++ b/packages/svelte/src/internal/client/reactivity/batch.js
@@ -972,6 +972,13 @@ export function fork(fn) {
 			await settled;
 		},
 		discard: () => {
+			// cause any MAYBE_DIRTY deriveds to update
+			// if they depend on things thath changed
+			// inside the discarded fork
+			for (var source of batch.current.keys()) {
+				source.wv = increment_write_version();
+			}
+
 			if (!committed && batches.has(batch)) {
 				batches.delete(batch);
 				batch.discard();
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/_config.js b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/_config.js
new file mode 100644
index 0000000000..fb50ceb9b1
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/_config.js
@@ -0,0 +1,40 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip_no_async: true,
+	async test({ assert, target }) {
+		const [fork, toggle, increment] = target.querySelectorAll('button');
+
+		// derived is first evaluated in block effect, then discarded
+		flushSync(() => fork.click());
+
+		// should not throw "Cannot convert a Symbol value to a string" due to cached UNINITIALIZED from first fork
+		flushSync(() => fork.click());
+
+		// should not reflect the temporary change to `clicks` inside the fork
+		flushSync(() => toggle.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>fork</button>
+				<button>toggle</button>
+				<button>clicks: 0</button>
+				<p>0</p>
+			`
+		);
+
+		flushSync(() => increment.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>fork</button>
+				<button>toggle</button>
+				<button>clicks: 1</button>
+				<p>2</p>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/main.svelte b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/main.svelte
new file mode 100644
index 0000000000..08ebaba25a
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-1/main.svelte
@@ -0,0 +1,23 @@
+<script>
+	import { fork } from "svelte";
+
+	let clicks = $state(0);
+	let show = $state(false);
+	const derived = $derived(clicks * 2);
+</script>
+
+<button onclick={() => {
+	fork(() => {
+		clicks += 1;
+		show = true;
+	}).discard();
+}}>fork</button>
+
+<button onclick={() => show = !show}>toggle</button>
+
+<button onclick={() => clicks++}>clicks: {clicks}</button>
+
+{#if show}
+	<p>{derived}</p>
+{/if}
+
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/_config.js b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/_config.js
new file mode 100644
index 0000000000..21ab140fc0
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/_config.js
@@ -0,0 +1,38 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip_no_async: true,
+	async test({ assert, target }) {
+		const [fork, toggle, increment] = target.querySelectorAll('button');
+
+		// derived is first evaluated in block effect, then discarded
+		flushSync(() => fork.click());
+
+		// should not reflect the temporary change to `clicks` inside the fork
+		// or throw "Cannot convert a Symbol value to a string" due to cached UNINITIALIZED
+		flushSync(() => toggle.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>fork</button>
+				<button>toggle</button>
+				<button>clicks: 0</button>
+				<p>0</p>
+			`
+		);
+
+		flushSync(() => increment.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>fork</button>
+				<button>toggle</button>
+				<button>clicks: 1</button>
+				<p>2</p>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/main.svelte b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/main.svelte
new file mode 100644
index 0000000000..08ebaba25a
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-2/main.svelte
@@ -0,0 +1,23 @@
+<script>
+	import { fork } from "svelte";
+
+	let clicks = $state(0);
+	let show = $state(false);
+	const derived = $derived(clicks * 2);
+</script>
+
+<button onclick={() => {
+	fork(() => {
+		clicks += 1;
+		show = true;
+	}).discard();
+}}>fork</button>
+
+<button onclick={() => show = !show}>toggle</button>
+
+<button onclick={() => clicks++}>clicks: {clicks}</button>
+
+{#if show}
+	<p>{derived}</p>
+{/if}
+
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/_config.js b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/_config.js
new file mode 100644
index 0000000000..4827aa99f3
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/_config.js
@@ -0,0 +1,32 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip_no_async: true,
+	async test({ assert, target }) {
+		const [fork, toggle, increment] = target.querySelectorAll('button');
+
+		// initialize derived by showing it
+		flushSync(() => toggle.click());
+		flushSync(() => toggle.click());
+
+		// increment clicks
+		flushSync(() => increment.click());
+
+		// update derived, but without writing to `derived.v`
+		flushSync(() => fork.click());
+
+		// show derived
+		flushSync(() => toggle.click());
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+				<button>fork</button>
+				<button>toggle</button>
+				<button>clicks: 1</button>
+				<p>2</p>
+			`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/main.svelte b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/main.svelte
new file mode 100644
index 0000000000..08ebaba25a
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-uncached-3/main.svelte
@@ -0,0 +1,23 @@
+<script>
+	import { fork } from "svelte";
+
+	let clicks = $state(0);
+	let show = $state(false);
+	const derived = $derived(clicks * 2);
+</script>
+
+<button onclick={() => {
+	fork(() => {
+		clicks += 1;
+		show = true;
+	}).discard();
+}}>fork</button>
+
+<button onclick={() => show = !show}>toggle</button>
+
+<button onclick={() => clicks++}>clicks: {clicks}</button>
+
+{#if show}
+	<p>{derived}</p>
+{/if}
+

From 3608b3c8691cf855ec2cdeb623b904d2b95eddcc Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 16:59:40 -0500
Subject: [PATCH 08/71] fix: preserve old dependencies when updating reaction
 inside fork (#17579)

Co-authored-by: David Roizenman <hmnd@users.noreply.github.com>
---
 .changeset/fuzzy-spies-love.md                |  5 ++++
 .../svelte/src/internal/client/runtime.js     | 18 ++++++++++---
 .../_config.js                                | 25 +++++++++++++++++
 .../main.svelte                               | 27 +++++++++++++++++++
 4 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/fuzzy-spies-love.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/main.svelte

diff --git a/.changeset/fuzzy-spies-love.md b/.changeset/fuzzy-spies-love.md
new file mode 100644
index 0000000000..9129d986bc
--- /dev/null
+++ b/.changeset/fuzzy-spies-love.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: preserve old dependencies when updating reaction inside fork
diff --git a/packages/svelte/src/internal/client/runtime.js b/packages/svelte/src/internal/client/runtime.js
index 2075081f96..70eeabb789 100644
--- a/packages/svelte/src/internal/client/runtime.js
+++ b/packages/svelte/src/internal/client/runtime.js
@@ -43,7 +43,13 @@ import {
 	set_dev_current_component_function,
 	set_dev_stack
 } from './context.js';
-import { Batch, batch_values, flushSync, schedule_effect } from './reactivity/batch.js';
+import {
+	Batch,
+	batch_values,
+	current_batch,
+	flushSync,
+	schedule_effect
+} from './reactivity/batch.js';
 import { handle_error } from './error-handling.js';
 import { UNINITIALIZED } from '../../constants.js';
 import { captured_signals } from './legacy.js';
@@ -249,10 +255,16 @@ export function update_reaction(reaction) {
 		var result = fn();
 		var deps = reaction.deps;
 
+		// Don't remove reactions during fork;
+		// they must remain for when fork is discarded
+		var is_fork = current_batch?.is_fork;
+
 		if (new_deps !== null) {
 			var i;
 
-			remove_reactions(reaction, skipped_deps);
+			if (!is_fork) {
+				remove_reactions(reaction, skipped_deps);
+			}
 
 			if (deps !== null && skipped_deps > 0) {
 				deps.length = skipped_deps + new_deps.length;
@@ -268,7 +280,7 @@ export function update_reaction(reaction) {
 					(deps[i].reactions ??= []).push(reaction);
 				}
 			}
-		} else if (deps !== null && skipped_deps < deps.length) {
+		} else if (!is_fork && deps !== null && skipped_deps < deps.length) {
 			remove_reactions(reaction, skipped_deps);
 			deps.length = skipped_deps;
 		}
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/_config.js b/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/_config.js
new file mode 100644
index 0000000000..c5db69f7d4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/_config.js
@@ -0,0 +1,25 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip_no_async: true,
+	async test({ assert, target }) {
+		const [fork_btn, _toggle_btn, inc_count_1_btn] = target.querySelectorAll('button');
+		const p = /** @type {HTMLElement} */ (target.querySelector('p'));
+
+		assert.equal(p.textContent, '0');
+
+		// Trigger derived to re-evaluate during fork and switch to tracking count_2
+		flushSync(() => {
+			fork_btn.click();
+		});
+
+		assert.equal(p.textContent, '0');
+
+		flushSync(() => {
+			inc_count_1_btn.click();
+		});
+
+		assert.equal(p.textContent, '1');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/main.svelte b/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/main.svelte
new file mode 100644
index 0000000000..800c82b56b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/fork-derived-dependency-rollback/main.svelte
@@ -0,0 +1,27 @@
+<script>
+	import { fork } from 'svelte';
+
+	let show_count_1 = $state(true);
+	let count_1 = $state(0);
+	let count_2 = $state(0);
+
+	const count = $derived(show_count_1 ? count_1 : count_2);
+</script>
+
+<!-- This if block causes the derived to execute during the fork, switching its dependency
+     away from count_1 and over to count_2. After discard, count_1 should still be tracked. -->
+{#if count}
+{/if}
+
+<button onclick={() => {
+	const f = fork(() => {
+		show_count_1 = !show_count_1;
+	});
+	f.discard();
+}}>fork toggle</button>
+
+<button onclick={() => show_count_1 = !show_count_1}>toggle</button>
+<button onclick={() => count_1++}>increment count 1</button>
+<button onclick={() => count_2++}>increment count 2</button>
+
+<p>{count}</p>

From 1c131f11ca6a49d1ffba07d3d02bb895c668ef00 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 19:00:13 -0500
Subject: [PATCH 09/71] fix: reset effects inside skipped branches (#17581)

* fix: prevent reactivity loss during fork

fixes #17197, fixes #17304, fixes #17301, fixes #17309

* add samples

* add changeset

* fix var casing in tests

* don't remove reactions during fork

* add sample for derived dep tracking in fork

* fix sample type check error

* set derived.v on first eval in fork

* add sample for derived.v remaining UNINITIALIZED

* lost current_batch import in runtime.js

* Delete how

* Update packages/svelte/src/internal/client/reactivity/deriveds.js

* delete test in favour of #17577

* extract runtime.js changes into separate PR

* alternative approach

* revert

* clear skipped branches when deferring

* fix

* fix

* changeset

* rename test

* update test

* unused test

---------

Co-authored-by: David Roizenman <david@hmnd.io>
Co-authored-by: Paolo Ricciuti <ricciutipaolo@gmail.com>
Co-authored-by: Tee Ming <chewteeming01@gmail.com>
---
 .changeset/common-boats-travel.md             |  5 ++++
 .../src/internal/client/reactivity/batch.js   | 24 +++++++++++++++++++
 .../samples/async-skipped-branch/_config.js   | 21 ++++++++++++++++
 .../samples/async-skipped-branch/main.svelte  | 22 +++++++++++++++++
 4 files changed, 72 insertions(+)
 create mode 100644 .changeset/common-boats-travel.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-skipped-branch/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-skipped-branch/main.svelte

diff --git a/.changeset/common-boats-travel.md b/.changeset/common-boats-travel.md
new file mode 100644
index 0000000000..bd3012bbf2
--- /dev/null
+++ b/.changeset/common-boats-travel.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: reset effects inside skipped branches
diff --git a/packages/svelte/src/internal/client/reactivity/batch.js b/packages/svelte/src/internal/client/reactivity/batch.js
index d82f965541..2b6e84889b 100644
--- a/packages/svelte/src/internal/client/reactivity/batch.js
+++ b/packages/svelte/src/internal/client/reactivity/batch.js
@@ -171,6 +171,10 @@ export class Batch {
 		if (this.is_deferred()) {
 			this.#defer_effects(render_effects);
 			this.#defer_effects(effects);
+
+			for (const e of this.skipped_effects) {
+				reset_branch(e);
+			}
 		} else {
 			// append/remove branches
 			for (const fn of this.#commit_callbacks) fn();
@@ -881,6 +885,26 @@ export function eager(fn) {
 	return value;
 }
 
+/**
+ * Mark all the effects inside a skipped branch CLEAN, so that
+ * they can be correctly rescheduled later
+ * @param {Effect} effect
+ */
+function reset_branch(effect) {
+	// clean branch = nothing dirty inside, no need to traverse further
+	if ((effect.f & BRANCH_EFFECT) !== 0 && (effect.f & CLEAN) !== 0) {
+		return;
+	}
+
+	set_signal_status(effect, CLEAN);
+
+	var e = effect.first;
+	while (e !== null) {
+		reset_branch(e);
+		e = e.next;
+	}
+}
+
 /**
  * Creates a 'fork', in which state changes are evaluated but not applied to the DOM.
  * This is useful for speculatively loading data (for example) when you suspect that
diff --git a/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/_config.js b/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/_config.js
new file mode 100644
index 0000000000..9741b1e836
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/_config.js
@@ -0,0 +1,21 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip_no_async: true,
+	async test({ assert, target }) {
+		const [fork_btn, counter_btn] = target.querySelectorAll('button');
+
+		flushSync(() => {
+			fork_btn.click();
+		});
+
+		assert.equal(counter_btn.textContent, '0');
+
+		flushSync(() => {
+			counter_btn.click();
+		});
+
+		assert.equal(counter_btn.textContent, '1');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/main.svelte
new file mode 100644
index 0000000000..163609ac58
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-skipped-branch/main.svelte
@@ -0,0 +1,22 @@
+<script>
+	let show = $state(false);
+	let show_async = $state(false);
+	let count = $state(0);
+</script>
+
+<button onclick={() => {
+	show = true;
+	show_async = true;
+}}>show</button>
+
+{#if show}
+	hi
+{:else}
+	{#if show || !show}
+		<button onclick={() => count++}>{count}</button>
+	{/if}
+{/if}
+
+{#if show_async}
+	{await new Promise(() => {})}
+{/if}

From 2d62ffee9c2396c05f65c677c9b298a7fcfb4020 Mon Sep 17 00:00:00 2001
From: Paolo Ricciuti <ricciutipaolo@gmail.com>
Date: Thu, 29 Jan 2026 01:28:39 +0100
Subject: [PATCH 10/71] fix: throw for unset `createContext` get on the server
 (#17580)

* fix: throw for unset `createContext` get on the server

* smol tweak

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/better-groups-swim.md                     |  5 +++++
 packages/svelte/src/internal/server/context.js       | 12 +++++++++++-
 .../samples/context-not-set-throws/_config.js        |  5 +++++
 .../samples/context-not-set-throws/main.svelte       |  9 +++++++++
 packages/svelte/tests/server-side-rendering/test.ts  |  8 ++++++--
 5 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/better-groups-swim.md
 create mode 100644 packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/_config.js
 create mode 100644 packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/main.svelte

diff --git a/.changeset/better-groups-swim.md b/.changeset/better-groups-swim.md
new file mode 100644
index 0000000000..0287bb142f
--- /dev/null
+++ b/.changeset/better-groups-swim.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: throw for unset `createContext` get on the server
diff --git a/packages/svelte/src/internal/server/context.js b/packages/svelte/src/internal/server/context.js
index 7779da4c1d..6a7dc1f883 100644
--- a/packages/svelte/src/internal/server/context.js
+++ b/packages/svelte/src/internal/server/context.js
@@ -17,7 +17,17 @@ export function set_ssr_context(v) {
  */
 export function createContext() {
 	const key = {};
-	return [() => getContext(key), (context) => setContext(key, context)];
+
+	return [
+		() => {
+			if (!hasContext(key)) {
+				e.missing_context();
+			}
+
+			return getContext(key);
+		},
+		(context) => setContext(key, context)
+	];
 }
 
 /**
diff --git a/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/_config.js b/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/_config.js
new file mode 100644
index 0000000000..575844faf6
--- /dev/null
+++ b/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	error: 'missing_context'
+});
diff --git a/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/main.svelte b/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/main.svelte
new file mode 100644
index 0000000000..c52ad927c7
--- /dev/null
+++ b/packages/svelte/tests/server-side-rendering/samples/context-not-set-throws/main.svelte
@@ -0,0 +1,9 @@
+<script module>
+	import { createContext } from 'svelte';
+
+	const [get] = createContext();
+</script>
+
+<script>
+	get();
+</script>
\ No newline at end of file
diff --git a/packages/svelte/tests/server-side-rendering/test.ts b/packages/svelte/tests/server-side-rendering/test.ts
index 2bfc84c7a1..ca98fdd9aa 100644
--- a/packages/svelte/tests/server-side-rendering/test.ts
+++ b/packages/svelte/tests/server-side-rendering/test.ts
@@ -12,6 +12,7 @@ import { assert_html_equal_with_options } from '../html_equal.js';
 import { suite_with_variants, type BaseTest } from '../suite.js';
 import type { CompileOptions } from '#compiler';
 import { seen } from '../../src/internal/server/dev.js';
+import type { SyncRenderOutput } from '#server';
 
 interface SSRTest extends BaseTest {
 	mode?: ('sync' | 'async')[];
@@ -76,6 +77,9 @@ const { test, run } = suite_with_variants<SSRTest, 'sync' | 'async', CompileOpti
 
 		let rendered;
 		let errored = false;
+		let body: SyncRenderOutput['body'];
+		let head: SyncRenderOutput['head'];
+		let hashes: SyncRenderOutput['hashes'];
 		try {
 			const render_result = render(Component, {
 				props: config.props || {},
@@ -83,6 +87,8 @@ const { test, run } = suite_with_variants<SSRTest, 'sync' | 'async', CompileOpti
 				csp: config.csp
 			});
 			rendered = is_async ? await render_result : render_result;
+			// we need to access these inside the try-catch otherwise errors in the script tag are not caught
+			({ body, head, hashes } = rendered);
 		} catch (error) {
 			errored = true;
 			if (config.error) {
@@ -97,8 +103,6 @@ const { test, run } = suite_with_variants<SSRTest, 'sync' | 'async', CompileOpti
 			assert.fail('Expected an error to be thrown, but rendering succeeded.');
 		}
 
-		const { body, head, hashes } = rendered;
-
 		fs.writeFileSync(
 			`${test_dir}/_output/${is_async ? 'async_rendered.html' : 'rendered.html'}`,
 			body

From 9d1dd2e1999e84082acff22def7bec1ba26a6680 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 28 Jan 2026 20:53:28 -0500
Subject: [PATCH 11/71] Version Packages (#17564)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/better-groups-swim.md   |  5 -----
 .changeset/common-boats-travel.md  |  5 -----
 .changeset/fuzzy-spies-love.md     |  5 -----
 .changeset/loose-sloths-guess.md   |  5 -----
 .changeset/plain-dancers-double.md |  5 -----
 .changeset/shaggy-phones-laugh.md  |  5 -----
 .changeset/sweet-rings-watch.md    |  5 -----
 .changeset/vast-hornets-draw.md    |  5 -----
 packages/svelte/CHANGELOG.md       | 22 ++++++++++++++++++++++
 packages/svelte/package.json       |  2 +-
 packages/svelte/src/version.js     |  2 +-
 11 files changed, 24 insertions(+), 42 deletions(-)
 delete mode 100644 .changeset/better-groups-swim.md
 delete mode 100644 .changeset/common-boats-travel.md
 delete mode 100644 .changeset/fuzzy-spies-love.md
 delete mode 100644 .changeset/loose-sloths-guess.md
 delete mode 100644 .changeset/plain-dancers-double.md
 delete mode 100644 .changeset/shaggy-phones-laugh.md
 delete mode 100644 .changeset/sweet-rings-watch.md
 delete mode 100644 .changeset/vast-hornets-draw.md

diff --git a/.changeset/better-groups-swim.md b/.changeset/better-groups-swim.md
deleted file mode 100644
index 0287bb142f..0000000000
--- a/.changeset/better-groups-swim.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: throw for unset `createContext` get on the server
diff --git a/.changeset/common-boats-travel.md b/.changeset/common-boats-travel.md
deleted file mode 100644
index bd3012bbf2..0000000000
--- a/.changeset/common-boats-travel.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: reset effects inside skipped branches
diff --git a/.changeset/fuzzy-spies-love.md b/.changeset/fuzzy-spies-love.md
deleted file mode 100644
index 9129d986bc..0000000000
--- a/.changeset/fuzzy-spies-love.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: preserve old dependencies when updating reaction inside fork
diff --git a/.changeset/loose-sloths-guess.md b/.changeset/loose-sloths-guess.md
deleted file mode 100644
index 450040349d..0000000000
--- a/.changeset/loose-sloths-guess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': minor
----
-
-feat: allow passing `ShadowRootInit` object to custom element `shadow` option
diff --git a/.changeset/plain-dancers-double.md b/.changeset/plain-dancers-double.md
deleted file mode 100644
index ab47b8e4c7..0000000000
--- a/.changeset/plain-dancers-double.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: more conservative assignment_value_stale warnings
diff --git a/.changeset/shaggy-phones-laugh.md b/.changeset/shaggy-phones-laugh.md
deleted file mode 100644
index 8cb711491b..0000000000
--- a/.changeset/shaggy-phones-laugh.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: disregard `popover` elements when determining whether an element has content
diff --git a/.changeset/sweet-rings-watch.md b/.changeset/sweet-rings-watch.md
deleted file mode 100644
index 8ce11b2672..0000000000
--- a/.changeset/sweet-rings-watch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: fire introstart/outrostart events after delay, if specified
diff --git a/.changeset/vast-hornets-draw.md b/.changeset/vast-hornets-draw.md
deleted file mode 100644
index 256439e9da..0000000000
--- a/.changeset/vast-hornets-draw.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: increment signal versions when discarding forks
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index af503dbb20..7abc4fb302 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,27 @@
 # svelte
 
+## 5.49.0
+
+### Minor Changes
+
+- feat: allow passing `ShadowRootInit` object to custom element `shadow` option ([#17088](https://github.com/sveltejs/svelte/pull/17088))
+
+### Patch Changes
+
+- fix: throw for unset `createContext` get on the server ([#17580](https://github.com/sveltejs/svelte/pull/17580))
+
+- fix: reset effects inside skipped branches ([#17581](https://github.com/sveltejs/svelte/pull/17581))
+
+- fix: preserve old dependencies when updating reaction inside fork ([#17579](https://github.com/sveltejs/svelte/pull/17579))
+
+- fix: more conservative assignment_value_stale warnings ([#17574](https://github.com/sveltejs/svelte/pull/17574))
+
+- fix: disregard `popover` elements when determining whether an element has content ([#17367](https://github.com/sveltejs/svelte/pull/17367))
+
+- fix: fire introstart/outrostart events after delay, if specified ([#17567](https://github.com/sveltejs/svelte/pull/17567))
+
+- fix: increment signal versions when discarding forks ([#17577](https://github.com/sveltejs/svelte/pull/17577))
+
 ## 5.48.5
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index ace4c9bd08..699473ecc6 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.48.5",
+  "version": "5.49.0",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 4338ba83ae..9be1ccff87 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.48.5';
+export const VERSION = '5.49.0';
 export const PUBLIC_VERSION = '5';

From 82fde88780647ac9699d9dec4108580f1865e55b Mon Sep 17 00:00:00 2001
From: Manuel <30698007+manuel3108@users.noreply.github.com>
Date: Thu, 29 Jan 2026 03:54:29 +0100
Subject: [PATCH 12/71] fix: `print()` multiline behaviour (#17319)

* way cleaner new line handling for base_elements

* fix

* more fixes

* use esrap preview

* changeset

* bump `esrap`

* update snapshot

* update more snapshots

* Update .changeset/rich-zoos-walk.md

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/rich-zoos-walk.md                  |  5 ++
 packages/svelte/package.json                  |  2 +-
 packages/svelte/src/compiler/print/index.js   | 64 ++++---------------
 .../output.svelte                             |  2 +-
 .../output.svelte                             |  2 +-
 .../output.svelte                             |  2 +-
 .../print/samples/formatting/input.svelte     |  9 ++-
 .../print/samples/formatting/output.svelte    | 34 +++++++++-
 .../print/samples/html-document/output.svelte |  4 ++
 .../samples/style-directive/output.svelte     |  5 +-
 .../samples/svelte-fragment/output.svelte     |  1 +
 .../print/samples/svelte-head/output.svelte   |  1 +
 .../_expected/client/index.svelte.js          |  2 -
 .../_expected/server/index.svelte.js          |  1 -
 .../_expected/client/index.svelte.js          |  2 -
 .../_expected/server/index.svelte.js          |  2 -
 .../_expected/client/index.svelte.js          |  1 -
 pnpm-lock.yaml                                | 10 +--
 18 files changed, 75 insertions(+), 74 deletions(-)
 create mode 100644 .changeset/rich-zoos-walk.md

diff --git a/.changeset/rich-zoos-walk.md b/.changeset/rich-zoos-walk.md
new file mode 100644
index 0000000000..fc540d7123
--- /dev/null
+++ b/.changeset/rich-zoos-walk.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: properly separate multiline html blocks from each other in `print()`
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 699473ecc6..d7dc67d528 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -176,7 +176,7 @@
     "clsx": "^2.1.1",
     "devalue": "^5.6.2",
     "esm-env": "^1.2.1",
-    "esrap": "^2.2.1",
+    "esrap": "^2.2.2",
     "is-reference": "^3.0.3",
     "locate-character": "^3.0.0",
     "magic-string": "^0.30.11",
diff --git a/packages/svelte/src/compiler/print/index.js b/packages/svelte/src/compiler/print/index.js
index 4aed743dba..094c578b83 100644
--- a/packages/svelte/src/compiler/print/index.js
+++ b/packages/svelte/src/compiler/print/index.js
@@ -115,57 +115,17 @@ function base_element(node, context) {
 	const is_doctype_node = node.name.toLowerCase() === '!doctype';
 	const is_self_closing =
 		is_void(node.name) || (node.type === 'Component' && node.fragment.nodes.length === 0);
-	let multiline_content = false;
 
 	if (is_doctype_node) child_context.write(`>`);
 	else if (is_self_closing) {
 		child_context.write(`${multiline_attributes ? '' : ' '}/>`);
 	} else {
 		child_context.write('>');
-
-		// Process the element's content in a separate context for measurement
-		const content_context = child_context.new();
-		const allow_inline_content = child_context.measure() < LINE_BREAK_THRESHOLD;
-		block(content_context, node.fragment, allow_inline_content);
-
-		// Determine if content should be formatted on multiple lines
-		multiline_content = content_context.measure() > LINE_BREAK_THRESHOLD;
-
-		if (multiline_content) {
-			child_context.newline();
-
-			// Only indent if attributes are inline and content itself isn't already multiline
-			const should_indent = !multiline_attributes && !content_context.multiline;
-			if (should_indent) {
-				child_context.indent();
-			}
-
-			child_context.append(content_context);
-
-			if (should_indent) {
-				child_context.dedent();
-			}
-
-			child_context.newline();
-		} else {
-			child_context.append(content_context);
-		}
-
+		block(child_context, node.fragment, true);
 		child_context.write(`</${node.name}>`);
 	}
 
-	const break_line_after = child_context.measure() > LINE_BREAK_THRESHOLD;
-
-	if ((multiline_content || multiline_attributes) && !context.empty()) {
-		context.newline();
-	}
-
 	context.append(child_context);
-
-	if (is_self_closing) return;
-	if (multiline_content || multiline_attributes || break_line_after) {
-		context.newline();
-	}
 }
 
 /** @type {Visitors<AST.SvelteNode>} */
@@ -412,6 +372,8 @@ const svelte_visitors = {
 				}
 			} else {
 				sequence.push(child_node);
+
+				if (child_node.type === 'RegularElement') flush();
 			}
 		}
 
@@ -420,18 +382,20 @@ const svelte_visitors = {
 		let multiline = false;
 		let width = 0;
 
-		const child_contexts = items.map((sequence) => {
-			const child_context = context.new();
+		const child_contexts = items
+			.filter((x) => x.length > 0)
+			.map((sequence) => {
+				const child_context = context.new();
 
-			for (const node of sequence) {
-				child_context.visit(node);
-				multiline ||= child_context.multiline;
-			}
+				for (const node of sequence) {
+					child_context.visit(node);
+					multiline ||= child_context.multiline;
+				}
 
-			width += child_context.measure();
+				width += child_context.measure();
 
-			return child_context;
-		});
+				return child_context;
+			});
 
 		multiline ||= width > LINE_BREAK_THRESHOLD;
 
diff --git a/packages/svelte/tests/migrate/samples/impossible-migrate-$derived-derived-var-3/output.svelte b/packages/svelte/tests/migrate/samples/impossible-migrate-$derived-derived-var-3/output.svelte
index 26012e1115..90d2e2e036 100644
--- a/packages/svelte/tests/migrate/samples/impossible-migrate-$derived-derived-var-3/output.svelte
+++ b/packages/svelte/tests/migrate/samples/impossible-migrate-$derived-derived-var-3/output.svelte
@@ -4,4 +4,4 @@
 </script>
 <Component>
 	<slot name="derived" slot="derived" />
-</Component>
+</Component>
\ No newline at end of file
diff --git a/packages/svelte/tests/migrate/samples/impossible-migrate-slot-change-name/output.svelte b/packages/svelte/tests/migrate/samples/impossible-migrate-slot-change-name/output.svelte
index 328966b63b..20e41646b3 100644
--- a/packages/svelte/tests/migrate/samples/impossible-migrate-slot-change-name/output.svelte
+++ b/packages/svelte/tests/migrate/samples/impossible-migrate-slot-change-name/output.svelte
@@ -3,4 +3,4 @@
 	let body;
 </script>
 
-<slot name="body"></slot>
+<slot name="body"></slot>
\ No newline at end of file
diff --git a/packages/svelte/tests/migrate/samples/impossible-migrate-slot-non-identifier/output.svelte b/packages/svelte/tests/migrate/samples/impossible-migrate-slot-non-identifier/output.svelte
index 1e763577df..49e9462768 100644
--- a/packages/svelte/tests/migrate/samples/impossible-migrate-slot-non-identifier/output.svelte
+++ b/packages/svelte/tests/migrate/samples/impossible-migrate-slot-non-identifier/output.svelte
@@ -1,2 +1,2 @@
 <!-- @migration-task Error while migrating Svelte code: This migration would change the name of a slot (dashed-name to dashed_name) making the component unusable -->
-<slot name="dashed-name"></slot>
+<slot name="dashed-name"></slot>
\ No newline at end of file
diff --git a/packages/svelte/tests/print/samples/formatting/input.svelte b/packages/svelte/tests/print/samples/formatting/input.svelte
index 9b1898e9c8..43c3b363cb 100644
--- a/packages/svelte/tests/print/samples/formatting/input.svelte
+++ b/packages/svelte/tests/print/samples/formatting/input.svelte
@@ -1 +1,8 @@
-<script>import { setLocale } from '$lib/paraglide/runtime';import { m } from '$lib/paraglide/messages.js';</script><h1>{m.hello_world({ name: 'SvelteKit User' })}</h1><div><button onclick={() => setLocale('en')}>en</button><button	onclick={() => setLocale('es')}>es</button></div><p>If you use VSCode, install the <a href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension" target="_blank">Sherlock i18n extension</a>for a better i18n experience.</p>
+<script>import { setLocale } from '$lib/paraglide/runtime';import { m } from '$lib/paraglide/messages.js';</script>
+
+<h1>{m.hello_world({ name: 'SvelteKit User' })}</h1><div><button onclick={() => setLocale('en')}>en</button><button	onclick={() => setLocale('es')}>es</button></div><p>If you use VSCode, install the <a href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension" target="_blank">Sherlock i18n extension</a>for a better i18n experience.</p>
+
+<Component><div><button>Hello, this is a test</button><button>Hello, this is a test</button></div></Component>
+<Component><button>Hello, this is a test</button><button>Hello, this is a test</button></Component>
+<button class="foo bar" aria-label="click" onclick={() => console.log("clicked")}>Click me!</button>
+<button class="foo bar" aria-label="click" onclick={() => console.log("clicked")}><span>some fancy looking</span><span>really long button text</span></button>
diff --git a/packages/svelte/tests/print/samples/formatting/output.svelte b/packages/svelte/tests/print/samples/formatting/output.svelte
index 7b40642580..ba871c66a5 100644
--- a/packages/svelte/tests/print/samples/formatting/output.svelte
+++ b/packages/svelte/tests/print/samples/formatting/output.svelte
@@ -4,18 +4,46 @@
 </script>
 
 <h1>{m.hello_world({ name: 'SvelteKit User' })}</h1>
+
 <div>
 	<button onclick={() => setLocale('en')}>en</button>
 	<button onclick={() => setLocale('es')}>es</button>
 </div>
+
 <p>
 	If you use VSCode, install the 
 
 	<a
 		href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension"
 		target="_blank"
-	>
-		Sherlock i18n extension
-	</a>
+	>Sherlock i18n extension</a>
+
 	for a better i18n experience.
 </p>
+
+<Component>
+	<div>
+		<button>Hello, this is a test</button>
+		<button>Hello, this is a test</button>
+	</div>
+</Component>
+
+<Component>
+	<button>Hello, this is a test</button>
+	<button>Hello, this is a test</button>
+</Component>
+
+<button
+	class="foo bar"
+	aria-label="click"
+	onclick={() => console.log("clicked")}
+>Click me!</button>
+
+<button
+	class="foo bar"
+	aria-label="click"
+	onclick={() => console.log("clicked")}
+>
+	<span>some fancy looking</span>
+	<span>really long button text</span>
+</button>
diff --git a/packages/svelte/tests/print/samples/html-document/output.svelte b/packages/svelte/tests/print/samples/html-document/output.svelte
index 765f9ca84b..94ef78d0a3 100644
--- a/packages/svelte/tests/print/samples/html-document/output.svelte
+++ b/packages/svelte/tests/print/samples/html-document/output.svelte
@@ -1,12 +1,16 @@
 <!doctype html>
+
 <html>
 	<head>
 		<meta charset="utf-8" />
+
 		<meta
 			name="viewport"
 			content="width=device-width, initial-scale=1.0"
 		/>
+
 		<title>Svelte App</title>
 	</head>
+
 	<body><div>Hello World</div></body>
 </html>
diff --git a/packages/svelte/tests/print/samples/style-directive/output.svelte b/packages/svelte/tests/print/samples/style-directive/output.svelte
index 5aa3a6dcdb..27c12c5d47 100644
--- a/packages/svelte/tests/print/samples/style-directive/output.svelte
+++ b/packages/svelte/tests/print/samples/style-directive/output.svelte
@@ -1,8 +1,7 @@
 <div style:color="red">...</div>
+
 <div
 	style:color
 	style:width="12rem"
 	style:background-color={darkMode ? 'black' : 'white'}
->
-	...
-</div>
+>...</div>
diff --git a/packages/svelte/tests/print/samples/svelte-fragment/output.svelte b/packages/svelte/tests/print/samples/svelte-fragment/output.svelte
index eb80023626..73a4451ed8 100644
--- a/packages/svelte/tests/print/samples/svelte-fragment/output.svelte
+++ b/packages/svelte/tests/print/samples/svelte-fragment/output.svelte
@@ -4,6 +4,7 @@
 
 <Widget>
 	<h1 slot="header">Hello</h1>
+
 	<svelte:fragment slot="footer">
 		<p>All rights reserved.</p>
 		<p>Copyright (c) 2019 Svelte Industries</p>
diff --git a/packages/svelte/tests/print/samples/svelte-head/output.svelte b/packages/svelte/tests/print/samples/svelte-head/output.svelte
index 68d352260e..da4345d731 100644
--- a/packages/svelte/tests/print/samples/svelte-head/output.svelte
+++ b/packages/svelte/tests/print/samples/svelte-head/output.svelte
@@ -1,5 +1,6 @@
 <svelte:head>
 	<title>Hello world!</title>
+
 	<meta
 		name="description"
 		content="This is where the description goes for SEO"
diff --git a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js
index 7d1fe4ec67..a8b1a43495 100644
--- a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/client/index.svelte.js
@@ -10,7 +10,6 @@ export default function Async_in_derived($$anchor, $$props) {
 	var $$promises = $.run([
 		async () => yes1 = await $.async_derived(() => 1),
 		async () => yes2 = await $.async_derived(async () => foo(await 1)),
-
 		() => no1 = $.derived(async () => {
 			return await 1;
 		}),
@@ -33,7 +32,6 @@ export default function Async_in_derived($$anchor, $$props) {
 			var promises = $.run([
 				async () => yes1 = (await $.save($.async_derived(async () => (await $.save(1))())))(),
 				async () => yes2 = (await $.save($.async_derived(async () => foo((await $.save(1))()))))(),
-
 				() => no1 = $.derived(() => (async () => {
 					return await 1;
 				})()),
diff --git a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js
index 1fd184fa79..58358b3ded 100644
--- a/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-in-derived/_expected/server/index.svelte.js
@@ -8,7 +8,6 @@ export default function Async_in_derived($$renderer, $$props) {
 		var $$promises = $$renderer.run([
 			async () => yes1 = await 1,
 			async () => yes2 = foo(await 1),
-
 			() => no1 = (async () => {
 				return await 1;
 			})(),
diff --git a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js
index 218951b836..762a23754c 100644
--- a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/client/index.svelte.js
@@ -14,7 +14,6 @@ export default function Function_prop_no_getter($$anchor) {
 		onmousedown: () => $.set(count, $.get(count) + 1),
 		onmouseup,
 		onmouseenter: () => $.set(count, plusOne($.get(count)), true),
-
 		children: ($$anchor, $$slotProps) => {
 			$.next();
 
@@ -23,7 +22,6 @@ export default function Function_prop_no_getter($$anchor) {
 			$.template_effect(() => $.set_text(text, `clicks: ${$.get(count) ?? ''}`));
 			$.append($$anchor, text);
 		},
-
 		$$slots: { default: true }
 	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
index 855ae30d21..e2936b7f6e 100644
--- a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
@@ -13,11 +13,9 @@ export default function Function_prop_no_getter($$renderer) {
 		onmousedown: () => count += 1,
 		onmouseup,
 		onmouseenter: () => count = plusOne(count),
-
 		children: ($$renderer) => {
 			$$renderer.push(`<!---->clicks: ${$.escape(count)}`);
 		},
-
 		$$slots: { default: true }
 	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/functional-templating/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/functional-templating/_expected/client/index.svelte.js
index d4034dc55d..792d5421e1 100644
--- a/packages/svelte/tests/snapshot/samples/functional-templating/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/functional-templating/_expected/client/index.svelte.js
@@ -6,7 +6,6 @@ var root = $.from_tree(
 	[
 		['h1', null, 'hello'],
 		' ',
-
 		[
 			'div',
 			{ class: 'potato' },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b616fc0577..b14dc104ba 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -96,8 +96,8 @@ importers:
         specifier: ^1.2.1
         version: 1.2.1
       esrap:
-        specifier: ^2.2.1
-        version: 2.2.1
+        specifier: ^2.2.2
+        version: 2.2.2
       is-reference:
         specifier: ^3.0.3
         version: 3.0.3
@@ -1356,8 +1356,8 @@ packages:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
 
-  esrap@2.2.1:
-    resolution: {integrity: sha512-GiYWG34AN/4CUyaWAgunGt0Rxvr1PTMlGC0vvEov/uOQYWne2bpN03Um+k8jT+q3op33mKouP2zeJ6OlM+qeUg==}
+  esrap@2.2.2:
+    resolution: {integrity: sha512-zA6497ha+qKvoWIK+WM9NAh5ni17sKZKhbS5B3PoYbBvaYHZWoS33zmFybmyqpn07RLUxSmn+RCls2/XF+d0oQ==}
 
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
@@ -3720,7 +3720,7 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
-  esrap@2.2.1:
+  esrap@2.2.2:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 

From ffd65e90febc29feaca48e142126a4087fcaca9f Mon Sep 17 00:00:00 2001
From: 7nik <kifiranet@gmail.com>
Date: Thu, 29 Jan 2026 04:56:05 +0200
Subject: [PATCH 13/71] chore: allow testing in production env (#16840)

* allow testing in production env

* oops
---
 .../samples/production/_config.js             |  5 ++
 .../samples/production/main.svelte            |  7 ++
 packages/svelte/tests/suite.ts                | 66 +++++++++++++++++--
 3 files changed, 74 insertions(+), 4 deletions(-)
 create mode 100644 packages/svelte/tests/runtime-runes/samples/production/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/production/main.svelte

diff --git a/packages/svelte/tests/runtime-runes/samples/production/_config.js b/packages/svelte/tests/runtime-runes/samples/production/_config.js
new file mode 100644
index 0000000000..ce36c9d95b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/production/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	production: true
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/production/main.svelte b/packages/svelte/tests/runtime-runes/samples/production/main.svelte
new file mode 100644
index 0000000000..d9cff745d1
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/production/main.svelte
@@ -0,0 +1,7 @@
+<script>
+    import { DEV } from "esm-env";
+
+    if (DEV) {
+        throw new Error("Dev-only code must not run");
+    }
+</script>
\ No newline at end of file
diff --git a/packages/svelte/tests/suite.ts b/packages/svelte/tests/suite.ts
index bbd252b8e1..72c40f526b 100644
--- a/packages/svelte/tests/suite.ts
+++ b/packages/svelte/tests/suite.ts
@@ -1,9 +1,11 @@
 import fs from 'node:fs';
-import { it } from 'vitest';
+import { it, vi } from 'vitest';
 
 export interface BaseTest {
 	skip?: boolean;
 	solo?: boolean;
+	/** Set `DEV` to `false` */
+	production?: boolean;
 }
 
 /**
@@ -27,11 +29,31 @@ export function suite<Test extends BaseTest>(fn: (config: Test, test_dir: string
 	return {
 		test: (config: Test) => config,
 		run: async (cwd: string, samples_dir = 'samples') => {
+			const production_tests: Array<[Function, string, Function]> = [];
+
 			await for_each_dir<Test>(cwd, samples_dir, (config, dir) => {
 				let it_fn = config.skip ? it.skip : config.solo ? it.only : it;
 
-				it_fn(dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`));
+				if (config.production) {
+					production_tests.push([it_fn, dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`)]);
+				} else {
+					it_fn(dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`));
+				}
 			});
+
+			let mocked = false;
+			for (const [it, name, test] of production_tests) {
+				it(name, () => {
+					if (!mocked) {
+						vi.doMock('esm-env', async (importEnv) => ({
+							...(await importEnv()),
+							DEV: false
+						}));
+						mocked = true;
+					}
+					return test();
+				});
+			}
 		}
 	};
 }
@@ -45,6 +67,8 @@ export function suite_with_variants<Test extends BaseTest, Variants extends stri
 	return {
 		test: (config: Test) => config,
 		run: async (cwd: string, samples_dir = 'samples') => {
+			const production_tests: Array<[Function, string, Function]> = [];
+
 			await for_each_dir<Test>(cwd, samples_dir, (config, dir) => {
 				let called_common = false;
 				let common: any = undefined;
@@ -57,15 +81,35 @@ export function suite_with_variants<Test extends BaseTest, Variants extends stri
 					const solo = config.solo;
 					let it_fn = skip ? it.skip : solo ? it.only : it;
 
-					it_fn(`${dir} (${variant})`, async () => {
+					const test = async () => {
 						if (!called_common) {
 							called_common = true;
 							common = await common_setup(config, `${cwd}/${samples_dir}/${dir}`);
 						}
 						return fn(config, `${cwd}/${samples_dir}/${dir}`, variant, common);
-					});
+					};
+
+					if (config.production) {
+						production_tests.push([it_fn, `${dir} (${variant})`, test]);
+					} else {
+						it_fn(`${dir} (${variant})`, test);
+					}
 				}
 			});
+
+			let mocked = false;
+			for (const [it, name, test] of production_tests) {
+				it(name, () => {
+					if (!mocked) {
+						vi.doMock('esm-env', async (importEnv) => ({
+							...(await importEnv()),
+							DEV: false
+						}));
+						mocked = true;
+					}
+					return test();
+				});
+			}
 		}
 	};
 }
@@ -108,3 +152,17 @@ export function assert_ok(value: any): asserts value {
 		throw new Error(`Expected truthy value, got ${value}`);
 	}
 }
+
+function run_in_production(fn: (...args: any[]) => void | Promise<void>) {
+	return async (...args: any[]) => {
+		vi.doMock('esm-env', async (importEnv) => ({
+			...(await importEnv()),
+			DEV: false
+		}));
+		try {
+			await fn(...args);
+		} finally {
+			vi.doUnmock('esm-env');
+		}
+	};
+}

From 26b09ec420bca70d4a718f61dd83393cc2af7b72 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 28 Jan 2026 23:12:48 -0500
Subject: [PATCH 14/71] chore: bump playwright (#17565)

* chore: bump playwright

* maybe this will help somehow?

* err whatever

* fix
---
 package.json                                  |  2 +-
 packages/svelte/package.json                  |  2 +-
 .../samples/head-scripts/_config.js           |  2 +-
 packages/svelte/tests/runtime-browser/test.ts |  1 +
 pnpm-lock.yaml                                | 30 +++++++++----------
 5 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/package.json b/package.json
index 24be8bd2bc..e7faf26c13 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "eslint-plugin-lube": "^0.4.3",
     "eslint-plugin-svelte": "^3.11.0",
     "jsdom": "25.0.1",
-    "playwright": "^1.46.1",
+    "playwright": "^1.58.0",
     "prettier": "^3.2.4",
     "prettier-plugin-svelte": "^3.4.0",
     "svelte": "workspace:^",
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index d7dc67d528..389488dcda 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -150,7 +150,7 @@
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.25",
-    "@playwright/test": "^1.46.1",
+    "@playwright/test": "^1.58.0",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
diff --git a/packages/svelte/tests/runtime-browser/samples/head-scripts/_config.js b/packages/svelte/tests/runtime-browser/samples/head-scripts/_config.js
index 3ff1bf7286..4f0e53925b 100644
--- a/packages/svelte/tests/runtime-browser/samples/head-scripts/_config.js
+++ b/packages/svelte/tests/runtime-browser/samples/head-scripts/_config.js
@@ -4,7 +4,7 @@ export default test({
 	mode: ['client'],
 	async test({ assert, window }) {
 		// wait the script to load (maybe there a better way)
-		await new Promise((resolve) => setTimeout(resolve, 1));
+		await new Promise((resolve) => setTimeout(resolve, 100));
 		assert.htmlEqual(
 			window.document.body.innerHTML,
 			`<main><b id="r1">1</b><b id="r2">2</b><b id="r3">3</b></main>`
diff --git a/packages/svelte/tests/runtime-browser/test.ts b/packages/svelte/tests/runtime-browser/test.ts
index 597b2909dc..525f9ba89f 100644
--- a/packages/svelte/tests/runtime-browser/test.ts
+++ b/packages/svelte/tests/runtime-browser/test.ts
@@ -197,6 +197,7 @@ async function run_test(
 		const page = await browser.newPage();
 		page.on('console', (message) => {
 			let method = message.type();
+			// @ts-ignore
 			if (method === 'warning') method = 'warn';
 			// @ts-ignore
 			console[method](message.text());
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b14dc104ba..6d3e66825c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -39,8 +39,8 @@ importers:
         specifier: 25.0.1
         version: 25.0.1
       playwright:
-        specifier: ^1.46.1
-        version: 1.46.1
+        specifier: ^1.58.0
+        version: 1.58.0
       prettier:
         specifier: ^3.2.4
         version: 3.2.4
@@ -115,8 +115,8 @@ importers:
         specifier: ^0.3.25
         version: 0.3.31
       '@playwright/test':
-        specifier: ^1.46.1
-        version: 1.46.1
+        specifier: ^1.58.0
+        version: 1.58.0
       '@rollup/plugin-commonjs':
         specifier: ^28.0.1
         version: 28.0.1(rollup@4.52.5)
@@ -667,8 +667,8 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
-  '@playwright/test@1.46.1':
-    resolution: {integrity: sha512-Fq6SwLujA/DOIvNC2EL/SojJnkKf/rAwJ//APpJJHRyMi1PdKrY3Az+4XNQ51N4RTbItbIByQ0jgd1tayq1aeA==}
+  '@playwright/test@1.58.0':
+    resolution: {integrity: sha512-fWza+Lpbj6SkQKCrU6si4iu+fD2dD3gxNHFhUPxsfXBPhnv3rRSQVd0NtBUT9Z/RhF/boCBcuUaMUSTRTopjZg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -1937,13 +1937,13 @@ packages:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
 
-  playwright-core@1.46.1:
-    resolution: {integrity: sha512-h9LqIQaAv+CYvWzsZ+h3RsrqCStkBHlgo6/TJlFst3cOTlLghBQlJwPOZKQJTKNaD3QIB7aAVQ+gfWbN3NXB7A==}
+  playwright-core@1.58.0:
+    resolution: {integrity: sha512-aaoB1RWrdNi3//rOeKuMiS65UCcgOVljU46At6eFcOFPFHWtd2weHRRow6z/n+Lec0Lvu0k9ZPKJSjPugikirw==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.46.1:
-    resolution: {integrity: sha512-oPcr1yqoXLCkgKtD5eNUPLiN40rYEM39odNpIb6VE6S7/15gJmA1NzVv6zJYusV0e7tzvkU/utBFNa/Kpxmwng==}
+  playwright@1.58.0:
+    resolution: {integrity: sha512-2SVA0sbPktiIY/MCOPX8e86ehA/e+tDNq+e5Y8qjKYti2Z/JG7xnronT/TXTIkKbYGWlCbuucZ6dziEgkoEjQQ==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -2973,9 +2973,9 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
-  '@playwright/test@1.46.1':
+  '@playwright/test@1.58.0':
     dependencies:
-      playwright: 1.46.1
+      playwright: 1.58.0
 
   '@polka/url@1.0.0-next.25': {}
 
@@ -4253,11 +4253,11 @@ snapshots:
 
   pify@4.0.1: {}
 
-  playwright-core@1.46.1: {}
+  playwright-core@1.58.0: {}
 
-  playwright@1.46.1:
+  playwright@1.58.0:
     dependencies:
-      playwright-core: 1.46.1
+      playwright-core: 1.58.0
     optionalDependencies:
       fsevents: 2.3.2
 

From 704d0cd765d1c7d92601888e95898fcd99ce550c Mon Sep 17 00:00:00 2001
From: 7nik <kifiranet@gmail.com>
Date: Thu, 29 Jan 2026 23:00:39 +0200
Subject: [PATCH 15/71] chore: allow testing in production env 2 (#17590)

* Revert "chore: allow testing in production env (#16840)"

This reverts commit ffd65e90febc29feaca48e142126a4087fcaca9f.

* new approach
---
 .../samples/production-internals/Child.svelte |  5 ++
 .../samples/production-internals/_config.js   | 12 ++++
 .../samples/production-internals/main.svelte  | 19 ++++++
 .../samples/production/main.svelte            |  0
 .../svelte/tests/runtime-production/test.ts   | 17 +++++
 .../samples/production/_config.js             |  5 --
 packages/svelte/tests/suite.ts                | 66 ++-----------------
 7 files changed, 57 insertions(+), 67 deletions(-)
 create mode 100644 packages/svelte/tests/runtime-production/samples/production-internals/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-production/samples/production-internals/_config.js
 create mode 100644 packages/svelte/tests/runtime-production/samples/production-internals/main.svelte
 rename packages/svelte/tests/{runtime-runes => runtime-production}/samples/production/main.svelte (100%)
 create mode 100644 packages/svelte/tests/runtime-production/test.ts
 delete mode 100644 packages/svelte/tests/runtime-runes/samples/production/_config.js

diff --git a/packages/svelte/tests/runtime-production/samples/production-internals/Child.svelte b/packages/svelte/tests/runtime-production/samples/production-internals/Child.svelte
new file mode 100644
index 0000000000..36b548ab8b
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/production-internals/Child.svelte
@@ -0,0 +1,5 @@
+<script>
+	let { foo = $bindable(42) } = $props();
+</script>
+
+{foo};
diff --git a/packages/svelte/tests/runtime-production/samples/production-internals/_config.js b/packages/svelte/tests/runtime-production/samples/production-internals/_config.js
new file mode 100644
index 0000000000..6ac08f7012
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/production-internals/_config.js
@@ -0,0 +1,12 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ target }) {
+		let button = target.querySelector('button');
+
+		button?.click();
+
+		flushSync();
+	}
+});
diff --git a/packages/svelte/tests/runtime-production/samples/production-internals/main.svelte b/packages/svelte/tests/runtime-production/samples/production-internals/main.svelte
new file mode 100644
index 0000000000..0629644a01
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/production-internals/main.svelte
@@ -0,0 +1,19 @@
+<script>
+	import Child from "./Child.svelte";
+
+	let foo;
+
+	function onerror(err) {
+		// re-throw if it isn't the production error
+		// do in a such way because config.error is checked via `includes`
+		if (err.message !== 'https://svelte.dev/e/props_invalid_value') {
+			throw err;
+		}
+	}
+</script>
+
+<svelte:boundary {onerror}>
+	<Child bind:foo />
+</svelte:boundary>
+
+
diff --git a/packages/svelte/tests/runtime-runes/samples/production/main.svelte b/packages/svelte/tests/runtime-production/samples/production/main.svelte
similarity index 100%
rename from packages/svelte/tests/runtime-runes/samples/production/main.svelte
rename to packages/svelte/tests/runtime-production/samples/production/main.svelte
diff --git a/packages/svelte/tests/runtime-production/test.ts b/packages/svelte/tests/runtime-production/test.ts
new file mode 100644
index 0000000000..1c9a00ab83
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/test.ts
@@ -0,0 +1,17 @@
+// @vitest-environment jsdom
+
+import { vi } from 'vitest';
+import { runtime_suite, ok } from '../runtime-legacy/shared';
+
+vi.mock('esm-env', async (importEnv) => {
+	return {
+		...(await importEnv()),
+		DEV: false
+	};
+});
+
+const { test, run } = runtime_suite(true);
+
+export { test, ok };
+
+await run(__dirname);
diff --git a/packages/svelte/tests/runtime-runes/samples/production/_config.js b/packages/svelte/tests/runtime-runes/samples/production/_config.js
deleted file mode 100644
index ce36c9d95b..0000000000
--- a/packages/svelte/tests/runtime-runes/samples/production/_config.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { test } from '../../test';
-
-export default test({
-	production: true
-});
diff --git a/packages/svelte/tests/suite.ts b/packages/svelte/tests/suite.ts
index 72c40f526b..bbd252b8e1 100644
--- a/packages/svelte/tests/suite.ts
+++ b/packages/svelte/tests/suite.ts
@@ -1,11 +1,9 @@
 import fs from 'node:fs';
-import { it, vi } from 'vitest';
+import { it } from 'vitest';
 
 export interface BaseTest {
 	skip?: boolean;
 	solo?: boolean;
-	/** Set `DEV` to `false` */
-	production?: boolean;
 }
 
 /**
@@ -29,31 +27,11 @@ export function suite<Test extends BaseTest>(fn: (config: Test, test_dir: string
 	return {
 		test: (config: Test) => config,
 		run: async (cwd: string, samples_dir = 'samples') => {
-			const production_tests: Array<[Function, string, Function]> = [];
-
 			await for_each_dir<Test>(cwd, samples_dir, (config, dir) => {
 				let it_fn = config.skip ? it.skip : config.solo ? it.only : it;
 
-				if (config.production) {
-					production_tests.push([it_fn, dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`)]);
-				} else {
-					it_fn(dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`));
-				}
+				it_fn(dir, () => fn(config, `${cwd}/${samples_dir}/${dir}`));
 			});
-
-			let mocked = false;
-			for (const [it, name, test] of production_tests) {
-				it(name, () => {
-					if (!mocked) {
-						vi.doMock('esm-env', async (importEnv) => ({
-							...(await importEnv()),
-							DEV: false
-						}));
-						mocked = true;
-					}
-					return test();
-				});
-			}
 		}
 	};
 }
@@ -67,8 +45,6 @@ export function suite_with_variants<Test extends BaseTest, Variants extends stri
 	return {
 		test: (config: Test) => config,
 		run: async (cwd: string, samples_dir = 'samples') => {
-			const production_tests: Array<[Function, string, Function]> = [];
-
 			await for_each_dir<Test>(cwd, samples_dir, (config, dir) => {
 				let called_common = false;
 				let common: any = undefined;
@@ -81,35 +57,15 @@ export function suite_with_variants<Test extends BaseTest, Variants extends stri
 					const solo = config.solo;
 					let it_fn = skip ? it.skip : solo ? it.only : it;
 
-					const test = async () => {
+					it_fn(`${dir} (${variant})`, async () => {
 						if (!called_common) {
 							called_common = true;
 							common = await common_setup(config, `${cwd}/${samples_dir}/${dir}`);
 						}
 						return fn(config, `${cwd}/${samples_dir}/${dir}`, variant, common);
-					};
-
-					if (config.production) {
-						production_tests.push([it_fn, `${dir} (${variant})`, test]);
-					} else {
-						it_fn(`${dir} (${variant})`, test);
-					}
+					});
 				}
 			});
-
-			let mocked = false;
-			for (const [it, name, test] of production_tests) {
-				it(name, () => {
-					if (!mocked) {
-						vi.doMock('esm-env', async (importEnv) => ({
-							...(await importEnv()),
-							DEV: false
-						}));
-						mocked = true;
-					}
-					return test();
-				});
-			}
 		}
 	};
 }
@@ -152,17 +108,3 @@ export function assert_ok(value: any): asserts value {
 		throw new Error(`Expected truthy value, got ${value}`);
 	}
 }
-
-function run_in_production(fn: (...args: any[]) => void | Promise<void>) {
-	return async (...args: any[]) => {
-		vi.doMock('esm-env', async (importEnv) => ({
-			...(await importEnv()),
-			DEV: false
-		}));
-		try {
-			await fn(...args);
-		} finally {
-			vi.doUnmock('esm-env');
-		}
-	};
-}

From 5656dd569a36b02e8871d7461631975601e879d1 Mon Sep 17 00:00:00 2001
From: Antonio Bennett <31296212+Antonio-Bennett@users.noreply.github.com>
Date: Thu, 29 Jan 2026 19:23:34 -0500
Subject: [PATCH 16/71] fix: handle renderer.run rejections (#17591)

* fix: handle renderer run rejections

* add test

* changeset

* simplify

* explanatory comment

---------

Co-authored-by: Antonio Bennett <abennett@mabelslabels.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/tidy-zebras-design.md                           | 5 +++++
 packages/svelte/src/internal/server/renderer.js            | 6 ++++++
 .../runtime-runes/samples/async-error-in-script/_config.js | 6 ++++++
 .../samples/async-error-in-script/main.svelte              | 7 +++++++
 4 files changed, 24 insertions(+)
 create mode 100644 .changeset/tidy-zebras-design.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-error-in-script/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-error-in-script/main.svelte

diff --git a/.changeset/tidy-zebras-design.md b/.changeset/tidy-zebras-design.md
new file mode 100644
index 0000000000..3b18af798f
--- /dev/null
+++ b/.changeset/tidy-zebras-design.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: prevent unhandled exceptions arising from dangling promises in <script>
diff --git a/packages/svelte/src/internal/server/renderer.js b/packages/svelte/src/internal/server/renderer.js
index 4da0b05cfd..65f9bcae6a 100644
--- a/packages/svelte/src/internal/server/renderer.js
+++ b/packages/svelte/src/internal/server/renderer.js
@@ -11,6 +11,7 @@ import { attributes } from './index.js';
 import { get_render_context, with_render_context, init_render_context } from './render-context.js';
 import { sha256 } from './crypto.js';
 import * as devalue from 'devalue';
+import { noop } from '../shared/utils.js';
 
 /** @typedef {'head' | 'body'} RendererType */
 /** @typedef {{ [key in RendererType]: string }} AccumulatedContent */
@@ -162,6 +163,11 @@ export class Renderer {
 			promises.push(promise);
 		}
 
+		// prevent unhandled rejections, and attach the promise to the renderer instance
+		// so that rejections correctly cause rendering to fail
+		promise.catch(noop);
+		this.promise = promise;
+
 		return promises;
 	}
 
diff --git a/packages/svelte/tests/runtime-runes/samples/async-error-in-script/_config.js b/packages/svelte/tests/runtime-runes/samples/async-error-in-script/_config.js
new file mode 100644
index 0000000000..2e0fab473c
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-error-in-script/_config.js
@@ -0,0 +1,6 @@
+import { test } from '../../test';
+
+export default test({
+	mode: ['async-server', 'hydrate'],
+	error: 'oops'
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-error-in-script/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-error-in-script/main.svelte
new file mode 100644
index 0000000000..64d9e6ce08
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-error-in-script/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	await 1;
+
+	throw new Error('oops');
+</script>
+
+<h1>hello</h1>

From ebe583f2bb1d341b9e0474374124796d0f035e5c Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 29 Jan 2026 19:28:36 -0500
Subject: [PATCH 17/71] fix: only create async functions in SSR output when
 necessary (#17593)

* fix: only create async functions in SSR output when necessary

* actually...

* simplify generated code a bit more

* simplify
---
 .changeset/hot-insects-stare.md               |  5 +++++
 .../server/visitors/RegularElement.js         | 20 +++++++++----------
 .../server/visitors/SvelteElement.js          |  2 +-
 .../server/visitors/shared/utils.js           |  5 ++---
 4 files changed, 18 insertions(+), 14 deletions(-)
 create mode 100644 .changeset/hot-insects-stare.md

diff --git a/.changeset/hot-insects-stare.md b/.changeset/hot-insects-stare.md
new file mode 100644
index 0000000000..fb4109c35e
--- /dev/null
+++ b/.changeset/hot-insects-stare.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: only create async functions in SSR output when necessary
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
index 79858b95d9..5b905752f4 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
@@ -70,8 +70,7 @@ export function RegularElement(node, context) {
 		if (optimiser.expressions.length > 0) {
 			context.state.template.push(
 				create_child_block(
-					b.block([optimiser.apply(), ...state.init, ...build_template(state.template)]),
-					true
+					b.block([optimiser.apply(), ...state.init, ...build_template(state.template)])
 				)
 			);
 		} else {
@@ -133,7 +132,7 @@ export function RegularElement(node, context) {
 
 		if (optimiser.expressions.length > 0) {
 			context.state.template.push(
-				create_child_block(b.block([optimiser.apply(), ...state.init, statement]), true)
+				create_child_block(b.block([optimiser.apply(), ...state.init, statement]))
 			);
 		} else {
 			context.state.template.push(...state.init, statement);
@@ -186,7 +185,7 @@ export function RegularElement(node, context) {
 
 		if (optimiser.expressions.length > 0) {
 			context.state.template.push(
-				create_child_block(b.block([optimiser.apply(), ...state.init, statement]), true)
+				create_child_block(b.block([optimiser.apply(), ...state.init, statement]))
 			);
 		} else {
 			context.state.template.push(...state.init, statement);
@@ -236,18 +235,19 @@ export function RegularElement(node, context) {
 	}
 
 	if (optimiser.is_async()) {
-		let statement = create_child_block(
-			b.block([optimiser.apply(), ...state.init, ...build_template(state.template)]),
-			true
-		);
+		let statements = [...state.init, ...build_template(state.template)];
+
+		if (optimiser.has_await) {
+			statements = [create_child_block(b.block([optimiser.apply(), ...statements]))];
+		}
 
 		const blockers = optimiser.blockers();
 
 		if (blockers.elements.length > 0) {
-			statement = create_async_block(b.block([statement]), blockers, false, false);
+			statements = [create_async_block(b.block(statements), blockers, false, false)];
 		}
 
-		context.state.template.push(statement);
+		context.state.template.push(...statements);
 	} else {
 		context.state.init.push(...state.init);
 		context.state.template.push(...state.template);
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
index 1ac15893f2..75ba323e20 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
@@ -79,7 +79,7 @@ export function SvelteElement(node, context) {
 	);
 
 	if (optimiser.expressions.length > 0) {
-		statement = create_child_block(b.block([optimiser.apply(), statement]), true);
+		statement = create_child_block(b.block([optimiser.apply(), statement]));
 	}
 
 	statements.push(statement);
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
index 4736a7c5da..b02a935ed2 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
@@ -264,11 +264,10 @@ export function build_getter(node, state) {
 /**
  * Creates a `$$renderer.child(...)` expression statement
  * @param {BlockStatement | Expression} body
- * @param {boolean} async
  * @returns {Statement}
  */
-export function create_child_block(body, async) {
-	return b.stmt(b.call('$$renderer.child', b.arrow([b.id('$$renderer')], body, async)));
+export function create_child_block(body) {
+	return b.stmt(b.call('$$renderer.child', b.arrow([b.id('$$renderer')], body, true)));
 }
 
 /**

From 8933653fbea644699ca2a2d316f017ad3cdfb269 Mon Sep 17 00:00:00 2001
From: FORMI <239411042+Richman018@users.noreply.github.com>
Date: Fri, 30 Jan 2026 09:40:40 +0800
Subject: [PATCH 18/71] fix: merge consecutive text nodes during hydration for
 large text content (#17587)

* fix: merge consecutive text nodes during hydration for large text content

Fixes #17582

Browsers automatically split text nodes exceeding 65536 characters into
multiple consecutive text nodes during HTML parsing. This causes hydration
mismatches when Svelte expects a single text node.

The fix merges consecutive text nodes during hydration by:
- Detecting when the current node is a text node
- Finding all consecutive text node siblings
- Merging their content into the first text node
- Removing the extra text nodes

This restores correct hydration behavior for large text content.

* add test, fix

* fix

* fix

* changeset

---------

Co-authored-by: Miner <miner@example.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/deep-bears-see.md                  |  5 ++
 .../src/internal/client/dom/operations.js     | 73 ++++++++++++++-----
 .../src/internal/client/dom/template.js       |  6 +-
 .../hydrate-large-text-node/_config.js        | 24 ++++++
 .../hydrate-large-text-node/main.svelte       |  5 ++
 packages/svelte/tests/runtime-browser/test.ts |  2 +-
 6 files changed, 93 insertions(+), 22 deletions(-)
 create mode 100644 .changeset/deep-bears-see.md
 create mode 100644 packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/_config.js
 create mode 100644 packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/main.svelte

diff --git a/.changeset/deep-bears-see.md b/.changeset/deep-bears-see.md
new file mode 100644
index 0000000000..9f59b31d12
--- /dev/null
+++ b/.changeset/deep-bears-see.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: merge consecutive large text nodes
diff --git a/packages/svelte/src/internal/client/dom/operations.js b/packages/svelte/src/internal/client/dom/operations.js
index 479c2ba0a5..61a48bcbfb 100644
--- a/packages/svelte/src/internal/client/dom/operations.js
+++ b/packages/svelte/src/internal/client/dom/operations.js
@@ -122,6 +122,10 @@ export function child(node, is_text) {
 		return text;
 	}
 
+	if (is_text) {
+		merge_text_nodes(/** @type {Text} */ (child));
+	}
+
 	set_hydrate_node(child);
 	return child;
 }
@@ -142,14 +146,18 @@ export function first_child(node, is_text = false) {
 		return first;
 	}
 
-	// if an {expression} is empty during SSR, there might be no
-	// text node to hydrate — we must therefore create one
-	if (is_text && hydrate_node?.nodeType !== TEXT_NODE) {
-		var text = create_text();
+	if (is_text) {
+		// if an {expression} is empty during SSR, there might be no
+		// text node to hydrate — we must therefore create one
+		if (hydrate_node?.nodeType !== TEXT_NODE) {
+			var text = create_text();
 
-		hydrate_node?.before(text);
-		set_hydrate_node(text);
-		return text;
+			hydrate_node?.before(text);
+			set_hydrate_node(text);
+			return text;
+		}
+
+		merge_text_nodes(/** @type {Text} */ (hydrate_node));
 	}
 
 	return hydrate_node;
@@ -175,20 +183,24 @@ export function sibling(node, count = 1, is_text = false) {
 		return next_sibling;
 	}
 
-	// if a sibling {expression} is empty during SSR, there might be no
-	// text node to hydrate — we must therefore create one
-	if (is_text && next_sibling?.nodeType !== TEXT_NODE) {
-		var text = create_text();
-		// If the next sibling is `null` and we're handling text then it's because
-		// the SSR content was empty for the text, so we need to generate a new text
-		// node and insert it after the last sibling
-		if (next_sibling === null) {
-			last_sibling?.after(text);
-		} else {
-			next_sibling.before(text);
+	if (is_text) {
+		// if a sibling {expression} is empty during SSR, there might be no
+		// text node to hydrate — we must therefore create one
+		if (next_sibling?.nodeType !== TEXT_NODE) {
+			var text = create_text();
+			// If the next sibling is `null` and we're handling text then it's because
+			// the SSR content was empty for the text, so we need to generate a new text
+			// node and insert it after the last sibling
+			if (next_sibling === null) {
+				last_sibling?.after(text);
+			} else {
+				next_sibling.before(text);
+			}
+			set_hydrate_node(text);
+			return text;
 		}
-		set_hydrate_node(text);
-		return text;
+
+		merge_text_nodes(/** @type {Text} */ (next_sibling));
 	}
 
 	set_hydrate_node(next_sibling);
@@ -258,3 +270,24 @@ export function set_attribute(element, key, value = '') {
 	}
 	return element.setAttribute(key, value);
 }
+
+/**
+ * Browsers split text nodes larger than 65536 bytes when parsing.
+ * For hydration to succeed, we need to stitch them back together
+ * @param {Text} text
+ */
+export function merge_text_nodes(text) {
+	if (/** @type {string} */ (text.nodeValue).length < 65536) {
+		return;
+	}
+
+	let next = text.nextSibling;
+
+	while (next !== null && next.nodeType === TEXT_NODE) {
+		next.remove();
+
+		/** @type {string} */ (text.nodeValue) += /** @type {string} */ (next.nodeValue);
+
+		next = text.nextSibling;
+	}
+}
diff --git a/packages/svelte/src/internal/client/dom/template.js b/packages/svelte/src/internal/client/dom/template.js
index 0d827218bc..567fbeabf0 100644
--- a/packages/svelte/src/internal/client/dom/template.js
+++ b/packages/svelte/src/internal/client/dom/template.js
@@ -4,11 +4,13 @@ import { hydrate_next, hydrate_node, hydrating, set_hydrate_node } from './hydra
 import {
 	create_text,
 	get_first_child,
+	get_next_sibling,
 	is_firefox,
 	create_element,
 	create_fragment,
 	create_comment,
-	set_attribute
+	set_attribute,
+	merge_text_nodes
 } from './operations.js';
 import { create_fragment_from_html } from './reconciler.js';
 import { active_effect } from '../runtime.js';
@@ -310,6 +312,8 @@ export function text(value = '') {
 		// if an {expression} is empty during SSR, we need to insert an empty text node
 		node.before((node = create_text()));
 		set_hydrate_node(node);
+	} else {
+		merge_text_nodes(/** @type {Text} */ (node));
 	}
 
 	assign_nodes(node, node);
diff --git a/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/_config.js b/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/_config.js
new file mode 100644
index 0000000000..3a52b1ccd3
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/_config.js
@@ -0,0 +1,24 @@
+import { test } from '../../assert';
+
+// Browsers split text nodes > 65536 characters into multiple consecutive text nodes
+// during HTML parsing. This test verifies that hydration correctly merges them.
+const LARGE_TEXT = 'x'.repeat(70000);
+
+export default test({
+	mode: ['hydrate'],
+	skip_mode: ['client'],
+
+	props: {
+		text: LARGE_TEXT
+	},
+
+	async test({ assert, target }) {
+		const [p] = target.querySelectorAll('p');
+
+		// The text content should be preserved after hydration
+		assert.equal(p.textContent?.trim(), LARGE_TEXT);
+		// After hydration, there should be only one text node (plus possible comment nodes)
+		const textNodes = [...p.childNodes].filter((node) => node.nodeType === 3);
+		assert.equal(textNodes.length, 1, `Expected 1 text node, got ${textNodes.length}`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/main.svelte b/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/main.svelte
new file mode 100644
index 0000000000..d65358dabc
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/hydrate-large-text-node/main.svelte
@@ -0,0 +1,5 @@
+<script>
+	let { text } = $props();
+</script>
+
+<p>{text}</p>
diff --git a/packages/svelte/tests/runtime-browser/test.ts b/packages/svelte/tests/runtime-browser/test.ts
index 525f9ba89f..54cdc0f8be 100644
--- a/packages/svelte/tests/runtime-browser/test.ts
+++ b/packages/svelte/tests/runtime-browser/test.ts
@@ -213,7 +213,7 @@ async function run_test(
 		}
 
 		// uncomment to see what was generated
-		// fs.writeFileSync(`${test_dir}/_actual.js`, build_result.outputFiles[0].text);
+		// fs.writeFileSync(`${test_dir}/_output/bundle-${hydrate}.js`, build_result.outputFiles[0].text);
 		const test_result = await page.evaluate(
 			build_result.outputFiles[0].text + ";test.default(document.querySelector('main'))"
 		);

From 92e6721c035d336458ebbe6cb23236ac8e7fd50c Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 29 Jan 2026 22:32:41 -0500
Subject: [PATCH 19/71] Version Packages (#17585)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/deep-bears-see.md     |  5 -----
 .changeset/hot-insects-stare.md  |  5 -----
 .changeset/rich-zoos-walk.md     |  5 -----
 .changeset/tidy-zebras-design.md |  5 -----
 packages/svelte/CHANGELOG.md     | 12 ++++++++++++
 packages/svelte/package.json     |  2 +-
 packages/svelte/src/version.js   |  2 +-
 7 files changed, 14 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/deep-bears-see.md
 delete mode 100644 .changeset/hot-insects-stare.md
 delete mode 100644 .changeset/rich-zoos-walk.md
 delete mode 100644 .changeset/tidy-zebras-design.md

diff --git a/.changeset/deep-bears-see.md b/.changeset/deep-bears-see.md
deleted file mode 100644
index 9f59b31d12..0000000000
--- a/.changeset/deep-bears-see.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: merge consecutive large text nodes
diff --git a/.changeset/hot-insects-stare.md b/.changeset/hot-insects-stare.md
deleted file mode 100644
index fb4109c35e..0000000000
--- a/.changeset/hot-insects-stare.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: only create async functions in SSR output when necessary
diff --git a/.changeset/rich-zoos-walk.md b/.changeset/rich-zoos-walk.md
deleted file mode 100644
index fc540d7123..0000000000
--- a/.changeset/rich-zoos-walk.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: properly separate multiline html blocks from each other in `print()`
diff --git a/.changeset/tidy-zebras-design.md b/.changeset/tidy-zebras-design.md
deleted file mode 100644
index 3b18af798f..0000000000
--- a/.changeset/tidy-zebras-design.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: prevent unhandled exceptions arising from dangling promises in <script>
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 7abc4fb302..c7c38302e8 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,17 @@
 # svelte
 
+## 5.49.1
+
+### Patch Changes
+
+- fix: merge consecutive large text nodes ([#17587](https://github.com/sveltejs/svelte/pull/17587))
+
+- fix: only create async functions in SSR output when necessary ([#17593](https://github.com/sveltejs/svelte/pull/17593))
+
+- fix: properly separate multiline html blocks from each other in `print()` ([#17319](https://github.com/sveltejs/svelte/pull/17319))
+
+- fix: prevent unhandled exceptions arising from dangling promises in <script> ([#17591](https://github.com/sveltejs/svelte/pull/17591))
+
 ## 5.49.0
 
 ### Minor Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 389488dcda..fd4b98679e 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.49.0",
+  "version": "5.49.1",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 9be1ccff87..557b1ff156 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.49.0';
+export const VERSION = '5.49.1';
 export const PUBLIC_VERSION = '5';

From cd8d40af1ae755ca7c889f3aa1b6c3d8d0c14dd7 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Mon, 2 Feb 2026 22:40:14 +0100
Subject: [PATCH 20/71] chore: robustify playground decode (#17606)

For some reason LLMs like to percent-encode stuff, this makes the download script still run in that case
---
 playgrounds/sandbox/scripts/download.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/playgrounds/sandbox/scripts/download.js b/playgrounds/sandbox/scripts/download.js
index e3c862cb61..538b4956fe 100644
--- a/playgrounds/sandbox/scripts/download.js
+++ b/playgrounds/sandbox/scripts/download.js
@@ -635,7 +635,19 @@ if (is_local) {
 } else if (url && url.origin === 'https://svelte.dev' && url.pathname.startsWith('/playground/')) {
 	// Svelte playground URL handling (existing logic)
 	if (url.hash.length > 1) {
-		const decoded = atob(url.hash.slice(1).replaceAll('-', '+').replaceAll('_', '/'));
+		// Decode percent-encoded characters (e.g., %5F => _), and replace base64 chars.
+		let decoded;
+		try {
+			// First, decode URI components to handle %xx encodings (e.g. %5F -> _) (LLMs calling this script sometimes encode them for some reason)
+			decoded = url.hash.slice(1);
+			decoded = decodeURIComponent(decoded);
+
+			// Now, restore for base64 (replace -/+, _/ /)
+			decoded = atob(decoded.replaceAll('-', '+').replaceAll('_', '/'));
+		} catch (e) {
+			console.error('Failed to decode URL hash:', e);
+			process.exit(1);
+		}
 		// putting it directly into the blob gives a corrupted file
 		const u8 = new Uint8Array(decoded.length);
 		for (let i = 0; i < decoded.length; i++) {

From bc4dc1d10d54ecbc61398a248f8a45a4f4bcfa13 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Wed, 4 Feb 2026 10:28:32 +0100
Subject: [PATCH 21/71] fix: avoid erroneous async derived expressions for
 blocks (#17604)

fixes #17595

When an if/key/etc block has an expression that depends on an async blocker (e.g., is inside a component with top level `await`), the compiler incorrectly treats the expression as async - even when the expression itself contains no `await`.

This causes the expression to be added to `$.async`'s `expressions` array, which wraps it in an `async_derived`. This is not only unnecessary but also buggy: it breaks the direct reactive connection between the source and its dependent effects, causing inconsistent effect executions.

The fix is to only add expressions to `$.async`'s `expressions` array when they actually contain an `await`.

When a branch is speculatively marked for destruction (condition temporarily falsy), its child effects are reset to `CLEAN` to prevent them running in a doomed branch (as of #17581). However, if the branch survives (condition becomes truthy again), those effects remain `CLEAN` and never run - the source was already marked dirty before the reset, so no new dirty marking occurs.

The fix is to change `skipped_effects` from a `Set` to a `Map` that tracks which child effects were dirty/maybe_dirty before being reset. When a branch is unskipped (survives), restore their status and reschedule them.

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/some-teams-pay.md                  |  5 ++
 .changeset/yummy-insects-wonder.md            |  5 ++
 .../3-transform/client/visitors/EachBlock.js  | 15 +++--
 .../3-transform/client/visitors/HtmlTag.js    | 14 ++--
 .../3-transform/client/visitors/IfBlock.js    | 14 ++--
 .../3-transform/client/visitors/KeyBlock.js   | 32 +++++----
 .../client/visitors/SvelteElement.js          | 14 ++--
 .../internal/client/dom/blocks/branches.js    |  8 +--
 .../src/internal/client/dom/blocks/each.js    |  4 +-
 .../src/internal/client/reactivity/batch.js   | 65 +++++++++++++++----
 .../svelte/tests/runtime-legacy/shared.ts     |  4 +-
 .../Child.svelte                              |  9 +++
 .../_config.js                                | 16 +++++
 .../main.svelte                               | 14 ++++
 14 files changed, 166 insertions(+), 53 deletions(-)
 create mode 100644 .changeset/some-teams-pay.md
 create mode 100644 .changeset/yummy-insects-wonder.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/main.svelte

diff --git a/.changeset/some-teams-pay.md b/.changeset/some-teams-pay.md
new file mode 100644
index 0000000000..d7ae69566d
--- /dev/null
+++ b/.changeset/some-teams-pay.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: avoid erroneous async derived expressions for blocks
diff --git a/.changeset/yummy-insects-wonder.md b/.changeset/yummy-insects-wonder.md
new file mode 100644
index 0000000000..6e705cd8cf
--- /dev/null
+++ b/.changeset/yummy-insects-wonder.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: reschedule effects inside unskipped branches
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
index c0bfe272e5..1dbc34fdc3 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
@@ -312,10 +312,10 @@ export function EachBlock(node, context) {
 		declarations.push(b.let(node.index, index));
 	}
 
-	const is_async = node.metadata.expression.is_async();
+	const has_await = node.metadata.expression.has_await;
 
-	const get_collection = b.thunk(collection, node.metadata.expression.has_await);
-	const thunk = is_async ? b.thunk(b.call('$.get', b.id('$$collection'))) : get_collection;
+	const get_collection = b.thunk(collection, has_await);
+	const thunk = has_await ? b.thunk(b.call('$.get', b.id('$$collection'))) : get_collection;
 
 	const render_args = [b.id('$$anchor'), item];
 	if (uses_index || collection_id) render_args.push(index);
@@ -342,15 +342,18 @@ export function EachBlock(node, context) {
 		statements.unshift(b.stmt(b.call('$.validate_each_keys', thunk, key_function)));
 	}
 
-	if (is_async) {
+	if (node.metadata.expression.is_async()) {
 		context.state.init.push(
 			b.stmt(
 				b.call(
 					'$.async',
 					context.state.node,
 					node.metadata.expression.blockers(),
-					b.array([get_collection]),
-					b.arrow([context.state.node, b.id('$$collection')], b.block(statements))
+					has_await ? b.array([get_collection]) : b.void0,
+					b.arrow(
+						has_await ? [context.state.node, b.id('$$collection')] : [context.state.node],
+						b.block(statements)
+					)
 				)
 			)
 		);
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/HtmlTag.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/HtmlTag.js
index 0567edc610..2706cf7f0a 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/HtmlTag.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/HtmlTag.js
@@ -11,10 +11,11 @@ import { build_expression } from './shared/utils.js';
 export function HtmlTag(node, context) {
 	context.state.template.push_comment();
 
-	const is_async = node.metadata.expression.is_async();
+	const has_await = node.metadata.expression.has_await;
+	const has_blockers = node.metadata.expression.has_blockers();
 
 	const expression = build_expression(context, node.expression, node.metadata.expression);
-	const html = is_async ? b.call('$.get', b.id('$$html')) : expression;
+	const html = has_await ? b.call('$.get', b.id('$$html')) : expression;
 
 	const is_svg = context.state.metadata.namespace === 'svg';
 	const is_mathml = context.state.metadata.namespace === 'mathml';
@@ -31,15 +32,18 @@ export function HtmlTag(node, context) {
 	);
 
 	// push into init, so that bindings run afterwards, which might trigger another run and override hydration
-	if (is_async) {
+	if (has_await || has_blockers) {
 		context.state.init.push(
 			b.stmt(
 				b.call(
 					'$.async',
 					context.state.node,
 					node.metadata.expression.blockers(),
-					b.array([b.thunk(expression, node.metadata.expression.has_await)]),
-					b.arrow([context.state.node, b.id('$$html')], b.block([statement]))
+					has_await ? b.array([b.thunk(expression, true)]) : b.void0,
+					b.arrow(
+						has_await ? [context.state.node, b.id('$$html')] : [context.state.node],
+						b.block([statement])
+					)
 				)
 			)
 		);
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
index fcbb59ba74..c0e66635df 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
@@ -25,10 +25,11 @@ export function IfBlock(node, context) {
 		statements.push(b.var(alternate_id, b.arrow([b.id('$$anchor')], alternate)));
 	}
 
-	const is_async = node.metadata.expression.is_async();
+	const has_await = node.metadata.expression.has_await;
+	const has_blockers = node.metadata.expression.has_blockers();
 
 	const expression = build_expression(context, node.test, node.metadata.expression);
-	const test = is_async ? b.call('$.get', b.id('$$condition')) : expression;
+	const test = has_await ? b.call('$.get', b.id('$$condition')) : expression;
 
 	/** @type {Expression[]} */
 	const args = [
@@ -72,15 +73,18 @@ export function IfBlock(node, context) {
 
 	statements.push(add_svelte_meta(b.call('$.if', ...args), node, 'if'));
 
-	if (is_async) {
+	if (has_await || has_blockers) {
 		context.state.init.push(
 			b.stmt(
 				b.call(
 					'$.async',
 					context.state.node,
 					node.metadata.expression.blockers(),
-					b.array([b.thunk(expression, node.metadata.expression.has_await)]),
-					b.arrow([context.state.node, b.id('$$condition')], b.block(statements))
+					has_await ? b.array([b.thunk(expression, true)]) : b.void0,
+					b.arrow(
+						has_await ? [context.state.node, b.id('$$condition')] : [context.state.node],
+						b.block(statements)
+					)
 				)
 			)
 		);
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/KeyBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/KeyBlock.js
index d050155e8b..143a4e8edd 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/KeyBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/KeyBlock.js
@@ -11,29 +11,35 @@ import { build_expression, add_svelte_meta } from './shared/utils.js';
 export function KeyBlock(node, context) {
 	context.state.template.push_comment();
 
-	const is_async = node.metadata.expression.is_async();
+	const has_await = node.metadata.expression.has_await;
+	const has_blockers = node.metadata.expression.has_blockers();
 
 	const expression = build_expression(context, node.expression, node.metadata.expression);
-	const key = b.thunk(is_async ? b.call('$.get', b.id('$$key')) : expression);
+	const key = b.thunk(has_await ? b.call('$.get', b.id('$$key')) : expression);
 	const body = /** @type {Expression} */ (context.visit(node.fragment));
 
-	let statement = add_svelte_meta(
+	const statement = add_svelte_meta(
 		b.call('$.key', context.state.node, key, b.arrow([b.id('$$anchor')], body)),
 		node,
 		'key'
 	);
 
-	if (is_async) {
-		statement = b.stmt(
-			b.call(
-				'$.async',
-				context.state.node,
-				node.metadata.expression.blockers(),
-				b.array([b.thunk(expression, node.metadata.expression.has_await)]),
-				b.arrow([context.state.node, b.id('$$key')], b.block([statement]))
+	if (has_await || has_blockers) {
+		context.state.init.push(
+			b.stmt(
+				b.call(
+					'$.async',
+					context.state.node,
+					node.metadata.expression.blockers(),
+					has_await ? b.array([b.thunk(expression, true)]) : b.void0,
+					b.arrow(
+						has_await ? [context.state.node, b.id('$$key')] : [context.state.node],
+						b.block([statement])
+					)
+				)
 			)
 		);
+	} else {
+		context.state.init.push(statement);
 	}
-
-	context.state.init.push(statement);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/SvelteElement.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/SvelteElement.js
index c8192cf00a..10024298fa 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/SvelteElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/SvelteElement.js
@@ -93,10 +93,11 @@ export function SvelteElement(node, context) {
 		);
 	}
 
-	const is_async = node.metadata.expression.is_async();
+	const has_await = node.metadata.expression.has_await;
+	const has_blockers = node.metadata.expression.has_blockers();
 
 	const expression = /** @type {Expression} */ (context.visit(node.tag));
-	const get_tag = b.thunk(is_async ? b.call('$.get', b.id('$$tag')) : expression);
+	const get_tag = b.thunk(has_await ? b.call('$.get', b.id('$$tag')) : expression);
 
 	/** @type {Statement[]} */
 	const inner = inner_context.state.init;
@@ -139,15 +140,18 @@ export function SvelteElement(node, context) {
 		)
 	);
 
-	if (is_async) {
+	if (has_await || has_blockers) {
 		context.state.init.push(
 			b.stmt(
 				b.call(
 					'$.async',
 					context.state.node,
 					node.metadata.expression.blockers(),
-					b.array([b.thunk(expression, node.metadata.expression.has_await)]),
-					b.arrow([context.state.node, b.id('$$tag')], b.block(statements))
+					has_await ? b.array([b.thunk(expression, true)]) : b.void0,
+					b.arrow(
+						has_await ? [context.state.node, b.id('$$tag')] : [context.state.node],
+						b.block(statements)
+					)
 				)
 			)
 		);
diff --git a/packages/svelte/src/internal/client/dom/blocks/branches.js b/packages/svelte/src/internal/client/dom/blocks/branches.js
index 527f0b0a8f..6b77903574 100644
--- a/packages/svelte/src/internal/client/dom/blocks/branches.js
+++ b/packages/svelte/src/internal/client/dom/blocks/branches.js
@@ -200,17 +200,17 @@ export class BranchManager {
 		if (defer) {
 			for (const [k, effect] of this.#onscreen) {
 				if (k === key) {
-					batch.skipped_effects.delete(effect);
+					batch.unskip_effect(effect);
 				} else {
-					batch.skipped_effects.add(effect);
+					batch.skip_effect(effect);
 				}
 			}
 
 			for (const [k, branch] of this.#offscreen) {
 				if (k === key) {
-					batch.skipped_effects.delete(branch.effect);
+					batch.unskip_effect(branch.effect);
 				} else {
-					batch.skipped_effects.add(branch.effect);
+					batch.skip_effect(branch.effect);
 				}
 			}
 
diff --git a/packages/svelte/src/internal/client/dom/blocks/each.js b/packages/svelte/src/internal/client/dom/blocks/each.js
index 232656ec11..6eaeac0f38 100644
--- a/packages/svelte/src/internal/client/dom/blocks/each.js
+++ b/packages/svelte/src/internal/client/dom/blocks/each.js
@@ -257,7 +257,7 @@ export function each(node, flags, get_collection, get_key, render_fn, fallback_f
 				if (item.i) internal_set(item.i, index);
 
 				if (defer) {
-					batch.skipped_effects.delete(item.e);
+					batch.unskip_effect(item.e);
 				}
 			} else {
 				item = create_item(
@@ -299,7 +299,7 @@ export function each(node, flags, get_collection, get_key, render_fn, fallback_f
 			if (defer) {
 				for (const [key, item] of items) {
 					if (!keys.has(key)) {
-						batch.skipped_effects.add(item.e);
+						batch.skip_effect(item.e);
 					}
 				}
 
diff --git a/packages/svelte/src/internal/client/reactivity/batch.js b/packages/svelte/src/internal/client/reactivity/batch.js
index 2b6e84889b..cef2df4716 100644
--- a/packages/svelte/src/internal/client/reactivity/batch.js
+++ b/packages/svelte/src/internal/client/reactivity/batch.js
@@ -130,11 +130,13 @@ export class Batch {
 	#maybe_dirty_effects = new Set();
 
 	/**
-	 * A set of branches that still exist, but will be destroyed when this batch
-	 * is committed — we skip over these during `process`
-	 * @type {Set<Effect>}
+	 * A map of branches that still exist, but will be destroyed when this batch
+	 * is committed — we skip over these during `process`.
+	 * The value contains child effects that were dirty/maybe_dirty before being reset,
+	 * so they can be rescheduled if the branch survives.
+	 * @type {Map<Effect, { d: Effect[], m: Effect[] }>}
 	 */
-	skipped_effects = new Set();
+	#skipped_branches = new Map();
 
 	is_fork = false;
 
@@ -144,6 +146,38 @@ export class Batch {
 		return this.is_fork || this.#blocking_pending > 0;
 	}
 
+	/**
+	 * Add an effect to the #skipped_branches map and reset its children
+	 * @param {Effect} effect
+	 */
+	skip_effect(effect) {
+		if (!this.#skipped_branches.has(effect)) {
+			this.#skipped_branches.set(effect, { d: [], m: [] });
+		}
+	}
+
+	/**
+	 * Remove an effect from the #skipped_branches map and reschedule
+	 * any tracked dirty/maybe_dirty child effects
+	 * @param {Effect} effect
+	 */
+	unskip_effect(effect) {
+		var tracked = this.#skipped_branches.get(effect);
+		if (tracked) {
+			this.#skipped_branches.delete(effect);
+
+			for (var e of tracked.d) {
+				set_signal_status(e, DIRTY);
+				schedule_effect(e);
+			}
+
+			for (e of tracked.m) {
+				set_signal_status(e, MAYBE_DIRTY);
+				schedule_effect(e);
+			}
+		}
+	}
+
 	/**
 	 *
 	 * @param {Effect[]} root_effects
@@ -172,8 +206,8 @@ export class Batch {
 			this.#defer_effects(render_effects);
 			this.#defer_effects(effects);
 
-			for (const e of this.skipped_effects) {
-				reset_branch(e);
+			for (const [e, t] of this.#skipped_branches) {
+				reset_branch(e, t);
 			}
 		} else {
 			// append/remove branches
@@ -220,7 +254,7 @@ export class Batch {
 			var is_branch = (flags & (BRANCH_EFFECT | ROOT_EFFECT)) !== 0;
 			var is_skippable_branch = is_branch && (flags & CLEAN) !== 0;
 
-			var skip = is_skippable_branch || (flags & INERT) !== 0 || this.skipped_effects.has(effect);
+			var skip = is_skippable_branch || (flags & INERT) !== 0 || this.#skipped_branches.has(effect);
 
 			// Inside a `<svelte:boundary>` with a pending snippet,
 			// all effects are deferred until the boundary resolves
@@ -807,7 +841,8 @@ export function schedule_effect(signal) {
 		var flags = effect.f;
 
 		// if the effect is being scheduled because a parent (each/await/etc) block
-		// updated an internal source, bail out or we'll cause a second flush
+		// updated an internal source, or because a branch is being unskipped,
+		// bail out or we'll cause a second flush
 		if (
 			is_flushing &&
 			effect === active_effect &&
@@ -887,20 +922,28 @@ export function eager(fn) {
 
 /**
  * Mark all the effects inside a skipped branch CLEAN, so that
- * they can be correctly rescheduled later
+ * they can be correctly rescheduled later. Tracks dirty and maybe_dirty
+ * effects so they can be rescheduled if the branch survives.
  * @param {Effect} effect
+ * @param {{ d: Effect[], m: Effect[] }} tracked
  */
-function reset_branch(effect) {
+function reset_branch(effect, tracked) {
 	// clean branch = nothing dirty inside, no need to traverse further
 	if ((effect.f & BRANCH_EFFECT) !== 0 && (effect.f & CLEAN) !== 0) {
 		return;
 	}
 
+	if ((effect.f & DIRTY) !== 0) {
+		tracked.d.push(effect);
+	} else if ((effect.f & MAYBE_DIRTY) !== 0) {
+		tracked.m.push(effect);
+	}
+
 	set_signal_status(effect, CLEAN);
 
 	var e = effect.first;
 	while (e !== null) {
-		reset_branch(e);
+		reset_branch(e, tracked);
 		e = e.next;
 	}
 }
diff --git a/packages/svelte/tests/runtime-legacy/shared.ts b/packages/svelte/tests/runtime-legacy/shared.ts
index 13975c68ee..8c29a6ada2 100644
--- a/packages/svelte/tests/runtime-legacy/shared.ts
+++ b/packages/svelte/tests/runtime-legacy/shared.ts
@@ -47,9 +47,9 @@ export interface RuntimeTest<Props extends Record<string, any> = Record<string,
 	mode?: Array<'server' | 'async-server' | 'client' | 'hydrate'>;
 	/** Temporarily skip specific modes, without skipping the entire test */
 	skip_mode?: Array<'server' | 'async-server' | 'client' | 'hydrate'>;
-	/** Skip if running with process.env.NO_ASYNC */
+	/** Skip if running with process.env.SVELTE_NO_ASYNC */
 	skip_no_async?: boolean;
-	/** Skip if running without process.env.NO_ASYNC */
+	/** Skip if running without process.env.SVELTE_NO_ASYNC */
 	skip_async?: boolean;
 	html?: string;
 	ssrHtml?: string;
diff --git a/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/Child.svelte b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/Child.svelte
new file mode 100644
index 0000000000..fecbe222e3
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/Child.svelte
@@ -0,0 +1,9 @@
+<script>
+	let { id } = $props();
+
+	// BUG: This logs 'undefined' on unmount when parent has async derived
+	const data = $derived(await Promise.resolve(id).then((x) => {
+		console.log('promise resolved with:', x);
+		return x;
+	}));
+</script>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/_config.js b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/_config.js
new file mode 100644
index 0000000000..2f371bc6b7
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/_config.js
@@ -0,0 +1,16 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target, logs }) {
+		await tick();
+
+		assert.deepEqual(logs, ['promise resolved with:', 'some-id']);
+
+		const button = target.querySelector('button');
+		button?.click();
+		await tick();
+
+		assert.deepEqual(logs, ['promise resolved with:', 'some-id']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/main.svelte
new file mode 100644
index 0000000000..d5cdd5967e
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-derived-unmount-undefined-props/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import Child from './Child.svelte';
+
+	// This async derived in parent triggers the bug
+	const something = $derived(await Promise.resolve('test'));
+
+	let active = $state('some-id');
+</script>
+
+{#if active}
+	<Child id={active} />
+{/if}
+
+<button onclick={() => active = undefined}>close</button>

From baba15ab981a3b090eaabefe3425f5f4ea9a8074 Mon Sep 17 00:00:00 2001
From: Tee Ming <chewteeming01@gmail.com>
Date: Thu, 5 Feb 2026 00:31:33 +0800
Subject: [PATCH 22/71] fix: avoid 'node:crypto' cloudflare warnings (#17612)

* fix: avoid 'node:crypto' cloudflare warnings

* format

* changeset

* Apply suggestion from @teemingc
---
 .changeset/violet-pans-know.md                | 5 +++++
 packages/svelte/src/internal/server/crypto.js | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/violet-pans-know.md

diff --git a/.changeset/violet-pans-know.md b/.changeset/violet-pans-know.md
new file mode 100644
index 0000000000..59bf1dcaaf
--- /dev/null
+++ b/.changeset/violet-pans-know.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: avoid Cloudflare warnings about not having the "node:crypto" module
diff --git a/packages/svelte/src/internal/server/crypto.js b/packages/svelte/src/internal/server/crypto.js
index 8727635481..9bb6ecdd39 100644
--- a/packages/svelte/src/internal/server/crypto.js
+++ b/packages/svelte/src/internal/server/crypto.js
@@ -12,7 +12,8 @@ export async function sha256(data) {
 	crypto ??= globalThis.crypto?.subtle?.digest
 		? globalThis.crypto
 		: // @ts-ignore - we don't install node types in the prod build
-			(await import('node:crypto')).webcrypto;
+			// don't use 'node:crypto' because static analysers will think we rely on node when we don't
+			(await import('node:' + 'crypto')).webcrypto;
 
 	const hash_buffer = await crypto.subtle.digest('SHA-256', text_encoder.encode(data));
 

From 05229d96823cc88d11c0b4a81b357cdb67f69326 Mon Sep 17 00:00:00 2001
From: Tee Ming <chewteeming01@gmail.com>
Date: Thu, 5 Feb 2026 00:32:33 +0800
Subject: [PATCH 23/71] chore: remove SvelteKit data attributes from
 elements.d.ts (#17613)

* Remove SvelteKit data attributes from elements.d.ts

Removed SvelteKit specific data attributes from elements.d.ts.

* Remove SvelteKit data attributes from elements.d.ts

Removed SvelteKit data attributes from elements.d.ts.

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 .changeset/quiet-buttons-bathe.md |  5 +++++
 packages/svelte/elements.d.ts     | 17 -----------------
 2 files changed, 5 insertions(+), 17 deletions(-)
 create mode 100644 .changeset/quiet-buttons-bathe.md

diff --git a/.changeset/quiet-buttons-bathe.md b/.changeset/quiet-buttons-bathe.md
new file mode 100644
index 0000000000..419a5569b4
--- /dev/null
+++ b/.changeset/quiet-buttons-bathe.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+chore: remove SvelteKit data attributes from elements.d.ts
diff --git a/packages/svelte/elements.d.ts b/packages/svelte/elements.d.ts
index fa74124472..885004dd2a 100644
--- a/packages/svelte/elements.d.ts
+++ b/packages/svelte/elements.d.ts
@@ -851,23 +851,6 @@ export interface HTMLAttributes<T extends EventTarget> extends AriaAttributes, D
 	readonly 'bind:offsetWidth'?: number | undefined | null;
 	readonly 'bind:offsetHeight'?: number | undefined | null;
 
-	// SvelteKit
-	'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
-	'data-sveltekit-noscroll'?: true | '' | 'off' | undefined | null;
-	'data-sveltekit-preload-code'?:
-		| true
-		| ''
-		| 'eager'
-		| 'viewport'
-		| 'hover'
-		| 'tap'
-		| 'off'
-		| undefined
-		| null;
-	'data-sveltekit-preload-data'?: true | '' | 'hover' | 'tap' | 'off' | undefined | null;
-	'data-sveltekit-reload'?: true | '' | 'off' | undefined | null;
-	'data-sveltekit-replacestate'?: true | '' | 'off' | undefined | null;
-
 	// allow any data- attribute
 	[key: `data-${string}`]: any;
 

From eb63a6bbbaffec07890ae181b02edf4c52e2586a Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 4 Feb 2026 11:52:30 -0500
Subject: [PATCH 24/71] Version Packages (#17614)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/quiet-buttons-bathe.md  |  5 -----
 .changeset/some-teams-pay.md       |  5 -----
 .changeset/violet-pans-know.md     |  5 -----
 .changeset/yummy-insects-wonder.md |  5 -----
 packages/svelte/CHANGELOG.md       | 12 ++++++++++++
 packages/svelte/package.json       |  2 +-
 packages/svelte/src/version.js     |  2 +-
 7 files changed, 14 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/quiet-buttons-bathe.md
 delete mode 100644 .changeset/some-teams-pay.md
 delete mode 100644 .changeset/violet-pans-know.md
 delete mode 100644 .changeset/yummy-insects-wonder.md

diff --git a/.changeset/quiet-buttons-bathe.md b/.changeset/quiet-buttons-bathe.md
deleted file mode 100644
index 419a5569b4..0000000000
--- a/.changeset/quiet-buttons-bathe.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"svelte": patch
----
-
-chore: remove SvelteKit data attributes from elements.d.ts
diff --git a/.changeset/some-teams-pay.md b/.changeset/some-teams-pay.md
deleted file mode 100644
index d7ae69566d..0000000000
--- a/.changeset/some-teams-pay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: avoid erroneous async derived expressions for blocks
diff --git a/.changeset/violet-pans-know.md b/.changeset/violet-pans-know.md
deleted file mode 100644
index 59bf1dcaaf..0000000000
--- a/.changeset/violet-pans-know.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: avoid Cloudflare warnings about not having the "node:crypto" module
diff --git a/.changeset/yummy-insects-wonder.md b/.changeset/yummy-insects-wonder.md
deleted file mode 100644
index 6e705cd8cf..0000000000
--- a/.changeset/yummy-insects-wonder.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: reschedule effects inside unskipped branches
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index c7c38302e8..a71effd5dd 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,17 @@
 # svelte
 
+## 5.49.2
+
+### Patch Changes
+
+- chore: remove SvelteKit data attributes from elements.d.ts ([#17613](https://github.com/sveltejs/svelte/pull/17613))
+
+- fix: avoid erroneous async derived expressions for blocks ([#17604](https://github.com/sveltejs/svelte/pull/17604))
+
+- fix: avoid Cloudflare warnings about not having the "node:crypto" module ([#17612](https://github.com/sveltejs/svelte/pull/17612))
+
+- fix: reschedule effects inside unskipped branches ([#17604](https://github.com/sveltejs/svelte/pull/17604))
+
 ## 5.49.1
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index fd4b98679e..48f492783f 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.49.1",
+  "version": "5.49.2",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 557b1ff156..31538c3fe7 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.49.1';
+export const VERSION = '5.49.2';
 export const PUBLIC_VERSION = '5';

From 4f41e816baa007fb6a4e31164da49576e87e342e Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 4 Feb 2026 13:07:46 -0500
Subject: [PATCH 25/71] fix: ensure infinite effect loops are cleared after
 flushing (#17601)

* failing effect-loop-infinite test

* fix
---
 .changeset/chatty-mammals-find.md                     |  5 +++++
 .../svelte/src/internal/client/reactivity/batch.js    |  3 ++-
 packages/svelte/tests/runtime-legacy/shared.ts        |  2 ++
 .../samples/effect-loop-infinite/_config.js           | 11 ++++++-----
 4 files changed, 15 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/chatty-mammals-find.md

diff --git a/.changeset/chatty-mammals-find.md b/.changeset/chatty-mammals-find.md
new file mode 100644
index 0000000000..373dc0059a
--- /dev/null
+++ b/.changeset/chatty-mammals-find.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure infinite effect loops are cleared after flushing
diff --git a/packages/svelte/src/internal/client/reactivity/batch.js b/packages/svelte/src/internal/client/reactivity/batch.js
index cef2df4716..9bf93c873f 100644
--- a/packages/svelte/src/internal/client/reactivity/batch.js
+++ b/packages/svelte/src/internal/client/reactivity/batch.js
@@ -647,8 +647,9 @@ function flush_effects() {
 			}
 		}
 	} finally {
-		is_flushing = false;
+		queued_root_effects = [];
 
+		is_flushing = false;
 		last_scheduled_effect = null;
 
 		if (DEV) {
diff --git a/packages/svelte/tests/runtime-legacy/shared.ts b/packages/svelte/tests/runtime-legacy/shared.ts
index 8c29a6ada2..c5317f822e 100644
--- a/packages/svelte/tests/runtime-legacy/shared.ts
+++ b/packages/svelte/tests/runtime-legacy/shared.ts
@@ -521,6 +521,8 @@ async function run_test_variant(
 						errors,
 						hydrate: hydrate_fn
 					});
+
+					flushSync();
 				}
 
 				if (config.runtime_error && !unhandled_rejection) {
diff --git a/packages/svelte/tests/runtime-runes/samples/effect-loop-infinite/_config.js b/packages/svelte/tests/runtime-runes/samples/effect-loop-infinite/_config.js
index 57f60c2b44..44cf5b09e2 100644
--- a/packages/svelte/tests/runtime-runes/samples/effect-loop-infinite/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/effect-loop-infinite/_config.js
@@ -11,11 +11,12 @@ export default test({
 	test({ assert, errors }) {
 		const [button] = document.querySelectorAll('button');
 
-		try {
+		assert.throws(() => {
 			flushSync(() => button.click());
-		} catch (e) {
-			assert.equal(errors.length, 1); // for whatever reason we can't get the name which should be 'updated at'
-			assert.ok(/** @type {Error} */ (e).message.startsWith('effect_update_depth_exceeded'));
-		}
+		}, /effect_update_depth_exceeded/);
+
+		assert.equal(errors.length, 1);
+
+		assert.doesNotThrow(flushSync);
 	}
 });

From d7a8e3d1300fbb802b84a6ebf0f3f71ed734a556 Mon Sep 17 00:00:00 2001
From: 7nik <kifiranet@gmail.com>
Date: Wed, 4 Feb 2026 21:51:50 +0200
Subject: [PATCH 26/71] fix: emit `each_key_duplicate` error in production
 (#16724)

* fix: emit `each_key_duplicate` error in production

* fix: preserve key

* Update packages/svelte/src/internal/client/dom/blocks/each.js

Co-authored-by: Rich Harris <rich.harris@vercel.com>

* Update packages/svelte/src/internal/client/dom/blocks/each.js

Co-authored-by: Rich Harris <rich.harris@vercel.com>

* fix: ensure keys are validated

* fix silly test name

* fix: cover other case of duplicate keys

* emit error on hydration

* ensure the error is handled

* drop useless tests

* unused

* finish merge

* add lost check back

* chore: bump playwright (#17565)

* chore: bump playwright

* maybe this will help somehow?

* err whatever

* fix

* chore: allow testing in production env 2 (#17590)

* Revert "chore: allow testing in production env (#16840)"

This reverts commit ffd65e90febc29feaca48e142126a4087fcaca9f.

* new approach

* fix: handle renderer.run rejections (#17591)

* fix: handle renderer run rejections

* add test

* changeset

* simplify

* explanatory comment

---------

Co-authored-by: Antonio Bennett <abennett@mabelslabels.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>

* fix: only create async functions in SSR output when necessary (#17593)

* fix: only create async functions in SSR output when necessary

* actually...

* simplify generated code a bit more

* simplify

* fix: merge consecutive text nodes during hydration for large text content (#17587)

* fix: merge consecutive text nodes during hydration for large text content

Fixes #17582

Browsers automatically split text nodes exceeding 65536 characters into
multiple consecutive text nodes during HTML parsing. This causes hydration
mismatches when Svelte expects a single text node.

The fix merges consecutive text nodes during hydration by:
- Detecting when the current node is a text node
- Finding all consecutive text node siblings
- Merging their content into the first text node
- Removing the extra text nodes

This restores correct hydration behavior for large text content.

* add test, fix

* fix

* fix

* changeset

---------

Co-authored-by: Miner <miner@example.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>

* Version Packages (#17585)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Revert "drop useless tests"

This reverts commit 65f77ef8409d6e8c91163f36853d36b05ec01ae8.

* update tests

* fix test

* we don't need to expose this function any more

* figured it out... we cant have errors during reconcile

* simplify

* tweak

* unused

* revert no-longer-needed change

* unused

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
Co-authored-by: Antonio Bennett <31296212+Antonio-Bennett@users.noreply.github.com>
Co-authored-by: Antonio Bennett <abennett@mabelslabels.com>
Co-authored-by: FORMI <239411042+Richman018@users.noreply.github.com>
Co-authored-by: Miner <miner@example.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/sharp-snakes-poke.md               |  5 +++
 .../3-transform/client/visitors/EachBlock.js  |  4 --
 .../src/internal/client/dom/blocks/each.js    | 37 +++++++++++++++++++
 packages/svelte/src/internal/client/index.js  |  2 +-
 .../svelte/src/internal/client/validate.js    | 34 -----------------
 .../samples/keyed-each-unique-2/_config.js    | 12 ++++++
 .../samples/keyed-each-unique-2/main.svelte   |  8 ++++
 .../samples/keyed-each-unique-3/_config.js    |  5 +++
 .../samples/keyed-each-unique-3/main.svelte   |  7 ++++
 .../samples/keyed-each-unique/_config.js      | 12 ++++++
 .../samples/keyed-each-unique/main.svelte     |  8 ++++
 11 files changed, 95 insertions(+), 39 deletions(-)
 create mode 100644 .changeset/sharp-snakes-poke.md
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/_config.js
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/main.svelte
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/_config.js
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/main.svelte
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique/_config.js
 create mode 100644 packages/svelte/tests/runtime-production/samples/keyed-each-unique/main.svelte

diff --git a/.changeset/sharp-snakes-poke.md b/.changeset/sharp-snakes-poke.md
new file mode 100644
index 0000000000..7f7f8aa7b2
--- /dev/null
+++ b/.changeset/sharp-snakes-poke.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: emit `each_key_duplicate` error in production
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
index 1dbc34fdc3..b2724fa90f 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
@@ -338,10 +338,6 @@ export function EachBlock(node, context) {
 
 	const statements = [add_svelte_meta(b.call('$.each', ...args), node, 'each')];
 
-	if (dev && node.metadata.keyed) {
-		statements.unshift(b.stmt(b.call('$.validate_each_keys', thunk, key_function)));
-	}
-
 	if (node.metadata.expression.is_async()) {
 		context.state.init.push(
 			b.stmt(
diff --git a/packages/svelte/src/internal/client/dom/blocks/each.js b/packages/svelte/src/internal/client/dom/blocks/each.js
index 6eaeac0f38..25f7cf91eb 100644
--- a/packages/svelte/src/internal/client/dom/blocks/each.js
+++ b/packages/svelte/src/internal/client/dom/blocks/each.js
@@ -40,6 +40,7 @@ import { get } from '../../runtime.js';
 import { DEV } from 'esm-env';
 import { derived_safe_equal } from '../../reactivity/deriveds.js';
 import { current_batch } from '../../reactivity/batch.js';
+import * as e from '../../errors.js';
 
 // When making substantive changes to this file, validate them with the each block stress test:
 // https://svelte.dev/playground/1972b2cf46564476ad8c8c6405b23b7b
@@ -290,6 +291,15 @@ export function each(node, flags, get_collection, get_key, render_fn, fallback_f
 			}
 		}
 
+		if (length > keys.size) {
+			if (DEV) {
+				validate_each_keys(array, get_key);
+			} else {
+				// in prod, the additional information isn't printed, so don't bother computing it
+				e.each_key_duplicate('', '', '');
+			}
+		}
+
 		// remove excess nodes
 		if (hydrating && length > 0) {
 			set_hydrate_node(skip_nodes());
@@ -676,3 +686,30 @@ function link(state, prev, next) {
 		next.prev = prev;
 	}
 }
+
+/**
+ * @param {Array<any>} array
+ * @param {(item: any, index: number) => string} key_fn
+ * @returns {void}
+ */
+function validate_each_keys(array, key_fn) {
+	const keys = new Map();
+	const length = array.length;
+
+	for (let i = 0; i < length; i++) {
+		const key = key_fn(array[i], i);
+
+		if (keys.has(key)) {
+			const a = String(keys.get(key));
+			const b = String(i);
+
+			/** @type {string | null} */
+			let k = String(key);
+			if (k.startsWith('[object ')) k = null;
+
+			e.each_key_duplicate(a, b, k);
+		}
+
+		keys.set(key, i);
+	}
+}
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index 1d9f7dfff7..7fcaf77dc5 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -158,7 +158,7 @@ export {
 	deep_read_state,
 	active_effect
 } from './runtime.js';
-export { validate_binding, validate_each_keys } from './validate.js';
+export { validate_binding } from './validate.js';
 export { raf } from './timing.js';
 export { proxy } from './proxy.js';
 export { create_custom_element } from './dom/elements/custom-element.js';
diff --git a/packages/svelte/src/internal/client/validate.js b/packages/svelte/src/internal/client/validate.js
index 48a44db304..a169225f1e 100644
--- a/packages/svelte/src/internal/client/validate.js
+++ b/packages/svelte/src/internal/client/validate.js
@@ -1,45 +1,11 @@
 /** @import { Blocker } from '#client' */
 import { dev_current_component_function } from './context.js';
-import { is_array } from '../shared/utils.js';
-import * as e from './errors.js';
 import { FILENAME } from '../../constants.js';
 import { render_effect } from './reactivity/effects.js';
 import * as w from './warnings.js';
 import { capture_store_binding } from './reactivity/store.js';
 import { run_after_blockers } from './reactivity/async.js';
 
-/**
- * @param {() => any} collection
- * @param {(item: any, index: number) => string} key_fn
- * @returns {void}
- */
-export function validate_each_keys(collection, key_fn) {
-	render_effect(() => {
-		const keys = new Map();
-		const maybe_array = collection();
-		const array = is_array(maybe_array)
-			? maybe_array
-			: maybe_array == null
-				? []
-				: Array.from(maybe_array);
-		const length = array.length;
-		for (let i = 0; i < length; i++) {
-			const key = key_fn(array[i], i);
-			if (keys.has(key)) {
-				const a = String(keys.get(key));
-				const b = String(i);
-
-				/** @type {string | null} */
-				let k = String(key);
-				if (k.startsWith('[object ')) k = null;
-
-				e.each_key_duplicate(a, b, k);
-			}
-			keys.set(key, i);
-		}
-	});
-}
-
 /**
  * @param {string} binding
  * @param {Blocker[]} blockers
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/_config.js b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/_config.js
new file mode 100644
index 0000000000..bc945876ea
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/_config.js
@@ -0,0 +1,12 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, target }) {
+		let button = target.querySelector('button');
+
+		button?.click();
+
+		assert.throws(flushSync, 'https://svelte.dev/e/each_key_duplicate');
+	}
+});
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/main.svelte b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/main.svelte
new file mode 100644
index 0000000000..f8ba50d866
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-2/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	let data = $state([1, 2, 3]);
+</script>
+
+<button onclick={() => data = [1, 1, 1]}>add</button>
+{#each data as d (d)}
+	{d}
+{/each}
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/_config.js b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/_config.js
new file mode 100644
index 0000000000..7e1840200a
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	error: 'each_key_duplicate'
+});
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/main.svelte b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/main.svelte
new file mode 100644
index 0000000000..a05781bcb9
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique-3/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	let data = [1, 1, 1];
+</script>
+
+{#each data as d (d)}
+	{d}
+{/each}
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique/_config.js b/packages/svelte/tests/runtime-production/samples/keyed-each-unique/_config.js
new file mode 100644
index 0000000000..bc945876ea
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique/_config.js
@@ -0,0 +1,12 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, target }) {
+		let button = target.querySelector('button');
+
+		button?.click();
+
+		assert.throws(flushSync, 'https://svelte.dev/e/each_key_duplicate');
+	}
+});
diff --git a/packages/svelte/tests/runtime-production/samples/keyed-each-unique/main.svelte b/packages/svelte/tests/runtime-production/samples/keyed-each-unique/main.svelte
new file mode 100644
index 0000000000..3d52179372
--- /dev/null
+++ b/packages/svelte/tests/runtime-production/samples/keyed-each-unique/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	let data = $state([1, 2, 3, 4, 5]);
+</script>
+
+<button onclick={() => data = [1, 1, 3, 1]}>add</button>
+{#each data as d (d)}
+	{d}
+{/each}

From f05f946feafd804de3416742e5d2379651087b2e Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 5 Feb 2026 09:57:16 -0500
Subject: [PATCH 27/71] fix: add vite-ignore comment inside dynamic crypto
 import (#17623)

---
 .changeset/forty-worlds-attack.md             | 5 +++++
 packages/svelte/src/internal/server/crypto.js | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/forty-worlds-attack.md

diff --git a/.changeset/forty-worlds-attack.md b/.changeset/forty-worlds-attack.md
new file mode 100644
index 0000000000..52bb3644c0
--- /dev/null
+++ b/.changeset/forty-worlds-attack.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: add vite-ignore comment inside dynamic crypto import
diff --git a/packages/svelte/src/internal/server/crypto.js b/packages/svelte/src/internal/server/crypto.js
index 9bb6ecdd39..76d66b6d1a 100644
--- a/packages/svelte/src/internal/server/crypto.js
+++ b/packages/svelte/src/internal/server/crypto.js
@@ -13,7 +13,7 @@ export async function sha256(data) {
 		? globalThis.crypto
 		: // @ts-ignore - we don't install node types in the prod build
 			// don't use 'node:crypto' because static analysers will think we rely on node when we don't
-			(await import('node:' + 'crypto')).webcrypto;
+			(await import(/* @vite-ignore */ 'node:' + 'crypto')).webcrypto;
 
 	const hash_buffer = await crypto.subtle.digest('SHA-256', text_encoder.encode(data));
 

From fcbd3e325a62c4a2c83ff51f721fdfe26b7451d9 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 5 Feb 2026 09:59:07 -0500
Subject: [PATCH 28/71] feat: allow use of createContext when instantiating
 components programmatically (#17575)

* feat: allow use of createContext when instantiating components programmatically

* docs
---
 .changeset/orange-ants-greet.md               |  5 ++++
 documentation/docs/06-runtime/02-context.md   | 26 +++++++++++++++++++
 packages/svelte/src/internal/client/render.js | 12 +++------
 .../svelte/src/internal/server/renderer.js    | 12 +++------
 .../create-context-programmatic/Child.svelte  |  7 +++++
 .../create-context-programmatic/_config.js    |  8 ++++++
 .../create-context-programmatic/main.svelte   | 20 ++++++++++++++
 7 files changed, 74 insertions(+), 16 deletions(-)
 create mode 100644 .changeset/orange-ants-greet.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/create-context-programmatic/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/create-context-programmatic/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/create-context-programmatic/main.svelte

diff --git a/.changeset/orange-ants-greet.md b/.changeset/orange-ants-greet.md
new file mode 100644
index 0000000000..6f7c684fee
--- /dev/null
+++ b/.changeset/orange-ants-greet.md
@@ -0,0 +1,5 @@
+---
+'svelte': minor
+---
+
+feat: allow use of createContext when instantiating components programmatically
diff --git a/documentation/docs/06-runtime/02-context.md b/documentation/docs/06-runtime/02-context.md
index 0dfb996164..61b203f93e 100644
--- a/documentation/docs/06-runtime/02-context.md
+++ b/documentation/docs/06-runtime/02-context.md
@@ -97,6 +97,32 @@ import { createContext } from 'svelte';
 export const [getUserContext, setUserContext] = createContext<User>();
 ```
 
+When writing [component tests](testing#Unit-and-component-tests-with-Vitest-Component-testing), it can be useful to create a wrapper component that sets the context in order to check the behaviour of a component that uses it. As of version 5.49, you can do this sort of thing:
+
+```js
+import { mount, unmount } from 'svelte';
+import { expect, test } from 'vitest';
+import { setUserContext } from './context';
+import MyComponent from './MyComponent.svelte';
+
+test('MyComponent', () => {
+	function Wrapper(...args) {
+		setUserContext({ name: 'Bob' });
+		return MyComponent(...args);
+	}
+
+	const component = mount(Wrapper, {
+		target: document.body
+	});
+
+	expect(document.body.innerHTML).toBe('<h1>Hello Bob!</h1>');
+
+	unmount(component);
+});
+```
+
+This approach also works with [`hydrate`](imperative-component-api#hydrate) and [`render`](imperative-component-api#render).
+
 ## Replacing global state
 
 When you have state shared by many different components, you might be tempted to put it in its own module and just import it wherever it's needed:
diff --git a/packages/svelte/src/internal/client/render.js b/packages/svelte/src/internal/client/render.js
index c76f0b1ce7..c09f5fdd05 100644
--- a/packages/svelte/src/internal/client/render.js
+++ b/packages/svelte/src/internal/client/render.js
@@ -208,11 +208,9 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
 				pending: () => {}
 			},
 			(anchor_node) => {
-				if (context) {
-					push({});
-					var ctx = /** @type {ComponentContext} */ (component_context);
-					ctx.c = context;
-				}
+				push({});
+				var ctx = /** @type {ComponentContext} */ (component_context);
+				if (context) ctx.c = context;
 
 				if (events) {
 					// We can't spread the object or else we'd lose the state proxy stuff, if it is one
@@ -241,9 +239,7 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
 					}
 				}
 
-				if (context) {
-					pop();
-				}
+				pop();
 			}
 		);
 
diff --git a/packages/svelte/src/internal/server/renderer.js b/packages/svelte/src/internal/server/renderer.js
index 65f9bcae6a..49f4c1b7d2 100644
--- a/packages/svelte/src/internal/server/renderer.js
+++ b/packages/svelte/src/internal/server/renderer.js
@@ -617,18 +617,14 @@ export class Renderer {
 
 		renderer.push(BLOCK_OPEN);
 
-		if (options.context) {
-			push();
-			/** @type {SSRContext} */ (ssr_context).c = options.context;
-			/** @type {SSRContext} */ (ssr_context).r = renderer;
-		}
+		push();
+		if (options.context) /** @type {SSRContext} */ (ssr_context).c = options.context;
+		/** @type {SSRContext} */ (ssr_context).r = renderer;
 
 		// @ts-expect-error
 		component(renderer, options.props ?? {});
 
-		if (options.context) {
-			pop();
-		}
+		pop();
 
 		renderer.push(BLOCK_CLOSE);
 
diff --git a/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/Child.svelte b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/Child.svelte
new file mode 100644
index 0000000000..3e39d5043e
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/Child.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { get } from './main.svelte';
+
+	const message = get();
+</script>
+
+<h1>{message}</h1>
diff --git a/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/_config.js b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/_config.js
new file mode 100644
index 0000000000..f4374c8759
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/_config.js
@@ -0,0 +1,8 @@
+import { test } from '../../test';
+
+export default test({
+	ssrHtml: `<div></div>`,
+	html: `<div><h1>hello</h1></div>`,
+
+	test() {}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/main.svelte b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/main.svelte
new file mode 100644
index 0000000000..3c42dbf180
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/create-context-programmatic/main.svelte
@@ -0,0 +1,20 @@
+<script module>
+	import { createContext, mount } from 'svelte';
+	import Child from './Child.svelte';
+
+	/** @type {ReturnType<typeof createContext<string>>} */
+	const [get, set] = createContext();
+
+	export { get };
+
+	function Wrapper(Component) {
+		return (...args) => {
+			set('hello');
+			return Component(...args);
+		};
+	}
+</script>
+
+<div {@attach (target) => {
+	mount(Wrapper(Child), { target });
+}}></div>

From 3970e7a302e29fa09eb3c0351301f260401e32f0 Mon Sep 17 00:00:00 2001
From: Elliott Johnson <sejohnson@torchcloudconsulting.com>
Date: Thu, 5 Feb 2026 13:58:50 -0700
Subject: [PATCH 29/71] chore: fix pkg.pr.new workflow (#17633)

---
 .github/workflows/pkg.pr.new-comment.yml | 115 -------------
 .github/workflows/pkg.pr.new.yml         | 205 +++++++++++++++++++++--
 2 files changed, 190 insertions(+), 130 deletions(-)
 delete mode 100644 .github/workflows/pkg.pr.new-comment.yml

diff --git a/.github/workflows/pkg.pr.new-comment.yml b/.github/workflows/pkg.pr.new-comment.yml
deleted file mode 100644
index 64495cc5c8..0000000000
--- a/.github/workflows/pkg.pr.new-comment.yml
+++ /dev/null
@@ -1,115 +0,0 @@
-name: Update pkg.pr.new comment
-
-on:
-  workflow_run:
-    workflows: ['Publish Any Commit']
-    types:
-      - completed
-
-permissions:
-  pull-requests: write
-
-jobs:
-  build:
-    name: 'Update comment'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Download artifact
-        uses: actions/download-artifact@v7
-        with:
-          name: output
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          run-id: ${{ github.event.workflow_run.id }}
-
-      - run: ls -R .
-      - name: 'Post or update comment'
-        uses: actions/github-script@v8
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-          script: |
-            const fs = require('fs');
-            const output = JSON.parse(fs.readFileSync('output.json', 'utf8'));
-
-            const bot_comment_identifier = `<!-- pkg.pr.new comment -->`;
-
-            const body = (number) => `${bot_comment_identifier}
-
-            [Playground](https://svelte.dev/playground?version=pr-${number})
-
-            \`\`\`
-            ${output.packages.map((p) => `pnpm add https://pkg.pr.new/${p.name}@${number}`).join('\n')}
-            \`\`\`
-            `;
-
-            async function find_bot_comment(issue_number) {
-              if (!issue_number) return null;
-              const comments = await github.rest.issues.listComments({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                issue_number: issue_number,
-              });
-              return comments.data.find((comment) =>
-                comment.body.includes(bot_comment_identifier)
-              );
-            }
-
-            async function create_or_update_comment(issue_number) {
-              if (!issue_number) {
-                console.log('No issue number provided. Cannot post or update comment.');
-                return;
-              }
-
-              const existing_comment = await find_bot_comment(issue_number);
-              if (existing_comment) {
-                await github.rest.issues.updateComment({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  comment_id: existing_comment.id,
-                  body: body(issue_number),
-                });
-              } else {
-                await github.rest.issues.createComment({
-                  issue_number: issue_number,
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  body: body(issue_number),
-                });
-              }
-            }
-
-            async function log_publish_info() {
-              const svelte_package = output.packages.find(p => p.name === 'svelte');
-              const svelte_sha = svelte_package.url.replace(/^.+@([^@]+)$/, '$1');
-              console.log('\n' + '='.repeat(50));
-              console.log('Publish Information');
-              console.log('='.repeat(50));
-              console.log('\nPublished Packages:');
-              console.log(output.packages.map((p) => `${p.name} - pnpm add https://pkg.pr.new/${p.name}@${p.url.replace(/^.+@([^@]+)$/, '$1')}`).join('\n'));
-              if(svelte_sha){
-                console.log('\nPlayground URL:');
-                console.log(`\nhttps://svelte.dev/playground?version=commit-${svelte_sha}`)
-              }
-              console.log('\n' + '='.repeat(50));
-            }
-
-            if (output.event_name === 'pull_request') {
-              if (output.number) {
-                await create_or_update_comment(output.number);
-              }
-            } else if (output.event_name === 'push') {
-              const pull_requests = await github.rest.pulls.list({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                state: 'open',
-                head: `${context.repo.owner}:${output.ref.replace('refs/heads/', '')}`,
-              });
-
-              if (pull_requests.data.length > 0) {
-                await create_or_update_comment(pull_requests.data[0].number);
-              } else {
-                console.log(
-                  'No open pull request found for this push. Logging publish information to console:'
-                );
-                await log_publish_info();
-              }
-            }
diff --git a/.github/workflows/pkg.pr.new.yml b/.github/workflows/pkg.pr.new.yml
index 252cbed769..51b7472911 100644
--- a/.github/workflows/pkg.pr.new.yml
+++ b/.github/workflows/pkg.pr.new.yml
@@ -1,16 +1,51 @@
-name: Publish Any Commit
-on: [push, pull_request]
+name: pkg.pr.new
+on:
+  pull_request_target:
+    types: [opened, synchronize]
+  push:
+    branches: [main]
 
 permissions: {}
 
 jobs:
-  build:
-    permissions: {}
+  # This job determines the environment to use for the build job. It ensures that:
+  # - For pushes to main, we use the "Publish pkg.pr.new (maintainers)" environment.
+  # - For PRs from the same repository, we also use the "Publish pkg.pr.new (maintainers)" environment, since these are trusted.
+  # - For PRs from forks, we use the "Publish pkg.pr.new (external contributors)" environment, which requires manual approval by a maintainer before the build job can run.
+  #   This protects us from running untrusted code while still allowing external contributors to use pkg.pr.new.
+  resolve-env:
+    runs-on: ubuntu-latest
+    outputs:
+      environment: ${{ steps.resolve.outputs.environment }}
+    steps:
+      - name: Determine environment
+        id: resolve
+        run: |
+          if [[ "${{ github.event_name }}" == "push" ]]; then
+            echo "environment=Publish pkg.pr.new (maintainers)" >> "$GITHUB_OUTPUT"
+          elif [[ "${{ github.event.pull_request.head.repo.full_name }}" == "${{ github.repository }}" ]]; then
+            echo "environment=Publish pkg.pr.new (maintainers)" >> "$GITHUB_OUTPUT"
+          else
+            echo "environment=Publish pkg.pr.new (external contributors)" >> "$GITHUB_OUTPUT"
+          fi
 
+  build:
+    needs: resolve-env
     runs-on: ubuntu-latest
+    # This is the line that ensures forks require manual approval before running the build job
+    environment: ${{ needs.resolve-env.outputs.environment }}
+
+    # No permissions — this job runs user-controlled code
+    permissions: {}
 
     steps:
       - uses: actions/checkout@v6
+        with:
+          # For pull_request_target, we must explicitly check out the PR head.
+          # This is safe because the environment gate above has already fired —
+          # an org member has approved this specific commit for external PRs.
+          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v6
         with:
@@ -24,21 +59,161 @@ jobs:
         run: pnpm build
 
       - run: pnpx pkg-pr-new publish --comment=off --json output.json --compact --no-template './packages/svelte'
-      - name: Add metadata to output
+
+      - name: Upload output
+        uses: actions/upload-artifact@v4
+        with:
+          name: output
+          path: ./output.json
+
+  # Sanitizes the untrusted output from the build job before it's consumed by
+  # jobs with elevated permissions. This ensures that only known package names
+  # and valid SHA prefixes make it through.
+  sanitize:
+    needs: build
+    runs-on: ubuntu-latest
+
+    permissions: {}
+
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v7
+        with:
+          name: output
+
+      - name: Sanitize output
+        uses: actions/github-script@v8
+        with:
+          script: |
+            const fs = require('fs');
+            const raw = JSON.parse(fs.readFileSync('output.json', 'utf8'));
+
+            const ALLOWED_PACKAGES = new Set(['svelte']);
+            const SHA_PATTERN = /^[0-9a-f]{6}$/;
+
+            const packages = (raw.packages || [])
+              .filter(p => {
+                if (!ALLOWED_PACKAGES.has(p.name)) {
+                  console.log(`Skipping unexpected package: ${JSON.stringify(p.name)}`);
+                  return false;
+                }
+                const sha = p.url?.replace(/^.+@([^@]+)$/, '$1');
+                if (!sha || !SHA_PATTERN.test(sha)) {
+                  console.log(`Skipping package with invalid SHA: ${JSON.stringify(p.url)}`);
+                  return false;
+                }
+                return true;
+              })
+              .map(p => ({
+                name: p.name,
+                sha: p.url.replace(/^.+@([^@]+)$/, '$1'),
+              }));
+
+            fs.writeFileSync('sanitized-output.json', JSON.stringify({ packages }), 'utf8');
+
+      - name: Upload sanitized output
+        uses: actions/upload-artifact@v4
+        with:
+          name: sanitized-output
+          path: ./sanitized-output.json
+
+  comment:
+    needs: sanitize
+    if: github.event_name == 'pull_request_target'
+    runs-on: ubuntu-latest
+
+    permissions:
+      pull-requests: write
+
+    steps:
+      - name: Download sanitized artifact
+        uses: actions/download-artifact@v7
+        with:
+          name: sanitized-output
+
+      - name: Post or update comment
         uses: actions/github-script@v8
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           script: |
             const fs = require('fs');
-            const output = JSON.parse(fs.readFileSync('output.json', 'utf8'));
-            output.number = context.issue.number;
-            output.event_name = context.eventName;
-            output.ref = context.ref;
-            fs.writeFileSync('output.json', JSON.stringify(output), 'utf8');
-      - name: Upload output
-        uses: actions/upload-artifact@v6
+            const { packages } = JSON.parse(fs.readFileSync('sanitized-output.json', 'utf8'));
+
+            if (packages.length === 0) {
+              console.log('No valid packages found. Skipping comment.');
+              return;
+            }
+
+            // Issue number from trusted event context, never from the artifact
+            const issue_number = context.issue.number;
+
+            const bot_comment_identifier = `<!-- pkg.pr.new comment -->`;
+
+            const body = `${bot_comment_identifier}
+
+            [Playground](https://svelte.dev/playground?version=pr-${issue_number})
+
+            \`\`\`
+            ${packages.map(p => `pnpm add https://pkg.pr.new/${p.name}@${issue_number}`).join('\n')}
+            \`\`\`
+            `;
+
+            const comments = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number,
+            });
+            const existing = comments.data.find(c => c.body.includes(bot_comment_identifier));
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number,
+                body,
+              });
+            }
+
+  log:
+    needs: sanitize
+    if: github.event_name == 'push'
+    runs-on: ubuntu-latest
+
+    permissions: {}
+
+    steps:
+      - name: Download sanitized artifact
+        uses: actions/download-artifact@v7
         with:
-          name: output
-          path: ./output.json
+          name: sanitized-output
+
+      - name: Log publish info
+        uses: actions/github-script@v8
+        with:
+          script: |
+            const fs = require('fs');
+            const { packages } = JSON.parse(fs.readFileSync('sanitized-output.json', 'utf8'));
+
+            if (packages.length === 0) {
+              console.log('No valid packages found.');
+              return;
+            }
 
-      - run: ls -R .
+            console.log('\n' + '='.repeat(50));
+            console.log('Publish Information');
+            console.log('='.repeat(50));
+            for (const p of packages) {
+              console.log(`${p.name} - pnpm add https://pkg.pr.new/${p.name}@${p.sha}`);
+            }
+            const svelte = packages.find(p => p.name === 'svelte');
+            if (svelte) {
+              console.log(`\nPlayground: https://svelte.dev/playground?version=commit-${svelte.sha}`);
+            }
+            console.log('='.repeat(50));

From 660c4c12b1e1c50d067dfd800465bea21d29651f Mon Sep 17 00:00:00 2001
From: Elliott Johnson <sejohnson@torchcloudconsulting.com>
Date: Thu, 5 Feb 2026 14:04:56 -0700
Subject: [PATCH 30/71] chore: off-by-one in workflow (#17634)

---
 .github/workflows/pkg.pr.new.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/pkg.pr.new.yml b/.github/workflows/pkg.pr.new.yml
index 51b7472911..0f0c433361 100644
--- a/.github/workflows/pkg.pr.new.yml
+++ b/.github/workflows/pkg.pr.new.yml
@@ -89,7 +89,7 @@ jobs:
             const raw = JSON.parse(fs.readFileSync('output.json', 'utf8'));
 
             const ALLOWED_PACKAGES = new Set(['svelte']);
-            const SHA_PATTERN = /^[0-9a-f]{6}$/;
+            const SHA_PATTERN = /^[0-9a-f]{7}$/;
 
             const packages = (raw.packages || [])
               .filter(p => {

From a75866f34d5b64e0c40b2888a5f89a69ec1151f9 Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Thu, 5 Feb 2026 23:03:40 +0100
Subject: [PATCH 31/71] fix: detect store in each block expression regardless
 of AST shape (#17636)

The store invalidation detection in each blocks only checked for
Identifier and MemberExpression AST node types. This caused bind:
on iteration variables to silently fail when the expression used
logical operators (e.g. `{#each $store.items ?? [] as item}`).

Use expression metadata dependencies instead of AST type checking
to find store_sub bindings, which correctly handles all expression
shapes.

Fixes #14625
---
 .changeset/fix-each-bind-store-logical.md     |  5 +++++
 .../3-transform/client/visitors/EachBlock.js  | 12 ++++------
 .../store-each-binding-logical/_config.js     | 22 +++++++++++++++++++
 .../store-each-binding-logical/main.svelte    | 13 +++++++++++
 4 files changed, 44 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/fix-each-bind-store-logical.md
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/main.svelte

diff --git a/.changeset/fix-each-bind-store-logical.md b/.changeset/fix-each-bind-store-logical.md
new file mode 100644
index 0000000000..1327015124
--- /dev/null
+++ b/.changeset/fix-each-bind-store-logical.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: detect store in each block expression regardless of AST shape
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
index b2724fa90f..a1371b516a 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/EachBlock.js
@@ -101,15 +101,11 @@ export function EachBlock(node, context) {
 	}
 
 	// If the array is a store expression, we need to invalidate it when the array is changed.
-	// This doesn't catch all cases, but all the ones that Svelte 4 catches, too.
 	let store_to_invalidate = '';
-	if (node.expression.type === 'Identifier' || node.expression.type === 'MemberExpression') {
-		const id = object(node.expression);
-		if (id) {
-			const binding = context.state.scope.get(id.name);
-			if (binding?.kind === 'store_sub') {
-				store_to_invalidate = id.name;
-			}
+	for (const binding of node.metadata.expression.dependencies) {
+		if (binding.kind === 'store_sub') {
+			store_to_invalidate = binding.node.name;
+			break;
 		}
 	}
 
diff --git a/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/_config.js b/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/_config.js
new file mode 100644
index 0000000000..1134b20d0c
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/_config.js
@@ -0,0 +1,22 @@
+import { flushSync } from 'svelte';
+import { ok, test } from '../../test';
+
+export default test({
+	test({ assert, target, window }) {
+		const input = target.querySelector('input');
+		ok(input);
+
+		const event = new window.Event('input');
+		input.value = 'changed';
+		input.dispatchEvent(event);
+		flushSync();
+
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<input>
+			<p>changed</p>
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/main.svelte b/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/main.svelte
new file mode 100644
index 0000000000..77731ea5a4
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/store-each-binding-logical/main.svelte
@@ -0,0 +1,13 @@
+<script>
+	import { writable } from 'svelte/store';
+
+	const items = writable([
+		{ id: 0, text: 'initial' }
+	]);
+</script>
+
+{#each $items ?? [] as item}
+	<input bind:value={item.text}>
+{/each}
+
+<p>{$items[0].text}</p>

From f5304ec8c944b1893e8150449d26cf07af910d7b Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 6 Feb 2026 04:11:26 -0500
Subject: [PATCH 32/71] chore: simplify SSR code (#17639)

creates a few abstractions in the compiler code around common "if-else" scenarios, as well as introducing a new runtime render helper

---------

Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>
Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 .../3-transform/client/visitors/Fragment.js   |  40 +++---
 .../3-transform/server/transform-server.js    |  11 +-
 .../phases/3-transform/server/types.d.ts      |   3 +-
 .../3-transform/server/visitors/AwaitBlock.js |  15 ++-
 .../3-transform/server/visitors/EachBlock.js  |  30 ++---
 .../3-transform/server/visitors/Fragment.js   |   2 +-
 .../3-transform/server/visitors/HtmlTag.js    |  25 ++--
 .../3-transform/server/visitors/IfBlock.js    |  21 ++--
 .../server/visitors/RegularElement.js         |  55 ++------
 .../3-transform/server/visitors/RenderTag.js  |  14 +--
 .../server/visitors/SlotElement.js            |  11 +-
 .../server/visitors/SvelteElement.js          |  53 +++-----
 .../server/visitors/shared/component.js       |  41 ++----
 .../server/visitors/shared/utils.js           | 118 +++++++++---------
 .../svelte/src/internal/server/renderer.js    |   9 ++
 .../_expected/server/index.svelte.js          |   6 +-
 .../_expected/server/index.svelte.js          |   2 +-
 .../_expected/server/index.svelte.js          |   2 +-
 .../_expected/server/index.svelte.js          |   2 +-
 .../_expected/server/index.svelte.js          |   2 +-
 .../_expected/server/index.svelte.js          |   6 +-
 21 files changed, 184 insertions(+), 284 deletions(-)

diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
index 79a443967c..f463111c4d 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
@@ -120,34 +120,32 @@ export function Fragment(node, context) {
 
 			state.init.unshift(b.var(id, b.call('$.text')));
 			close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
+		} else if (is_standalone) {
+			// no need to create a template, we can just use the existing block's anchor
+			process_children(trimmed, () => b.id('$$anchor'), false, { ...context, state });
 		} else {
-			if (is_standalone) {
-				// no need to create a template, we can just use the existing block's anchor
-				process_children(trimmed, () => b.id('$$anchor'), false, { ...context, state });
-			} else {
-				/** @type {(is_text: boolean) => Expression} */
-				const expression = (is_text) => b.call('$.first_child', id, is_text && b.true);
-
-				process_children(trimmed, expression, false, { ...context, state });
+			/** @type {(is_text: boolean) => Expression} */
+			const expression = (is_text) => b.call('$.first_child', id, is_text && b.true);
 
-				let flags = TEMPLATE_FRAGMENT;
+			process_children(trimmed, expression, false, { ...context, state });
 
-				if (state.template.needs_import_node) {
-					flags |= TEMPLATE_USE_IMPORT_NODE;
-				}
+			let flags = TEMPLATE_FRAGMENT;
 
-				if (state.template.nodes.length === 1 && state.template.nodes[0].type === 'comment') {
-					// special case — we can use `$.comment` instead of creating a unique template
-					state.init.unshift(b.var(id, b.call('$.comment')));
-				} else {
-					const template = transform_template(state, namespace, flags);
-					state.hoisted.push(b.var(template_name, template));
+			if (state.template.needs_import_node) {
+				flags |= TEMPLATE_USE_IMPORT_NODE;
+			}
 
-					state.init.unshift(b.var(id, b.call(template_name)));
-				}
+			if (state.template.nodes.length === 1 && state.template.nodes[0].type === 'comment') {
+				// special case — we can use `$.comment` instead of creating a unique template
+				state.init.unshift(b.var(id, b.call('$.comment')));
+			} else {
+				const template = transform_template(state, namespace, flags);
+				state.hoisted.push(b.var(template_name, template));
 
-				close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
+				state.init.unshift(b.var(id, b.call(template_name)));
 			}
+
+			close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
 		}
 	}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
index 0e2f68d0f5..b9f1441bff 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
@@ -41,7 +41,6 @@ import { TitleElement } from './visitors/TitleElement.js';
 import { UpdateExpression } from './visitors/UpdateExpression.js';
 import { VariableDeclaration } from './visitors/VariableDeclaration.js';
 import { SvelteBoundary } from './visitors/SvelteBoundary.js';
-import { call_component_renderer } from './visitors/shared/utils.js';
 
 /** @type {Visitors} */
 const global_visitors = {
@@ -105,7 +104,7 @@ export function server_component(analysis, options) {
 		namespace: options.namespace,
 		preserve_whitespace: options.preserveWhitespace,
 		state_fields: new Map(),
-		skip_hydration_boundaries: false,
+		is_standalone: false,
 		is_instance: false
 	};
 
@@ -260,7 +259,13 @@ export function server_component(analysis, options) {
 
 	if (should_inject_context) {
 		component_block = b.block([
-			call_component_renderer(component_block, dev && b.id(component_name))
+			b.stmt(
+				b.call(
+					'$$renderer.component',
+					b.arrow([b.id('$$renderer')], component_block, false),
+					dev && b.id(component_name)
+				)
+			)
 		]);
 	}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/types.d.ts b/packages/svelte/src/compiler/phases/3-transform/server/types.d.ts
index e7a72fb8ad..4912728a1e 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/types.d.ts
+++ b/packages/svelte/src/compiler/phases/3-transform/server/types.d.ts
@@ -26,7 +26,8 @@ export interface ComponentServerTransformState extends ServerTransformState {
 	readonly template: Array<Statement | Expression>;
 	readonly namespace: Namespace;
 	readonly preserve_whitespace: boolean;
-	readonly skip_hydration_boundaries: boolean;
+	/** True if the current node is a) a component or render tag and b) the sole child of a block  */
+	readonly is_standalone: boolean;
 	/** Transformed async `{@const }` declarations (if any) and those coming after them */
 	async_consts?: {
 		id: Identifier;
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js
index b8d2e42144..84c2a81612 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js
@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, create_async_block } from './shared/utils.js';
+import { block_close, create_child_block } from './shared/utils.js';
 
 /**
  * @param {AST.AwaitBlock} node
@@ -25,13 +25,12 @@ export function AwaitBlock(node, context) {
 		)
 	);
 
-	if (node.metadata.expression.is_async()) {
-		statement = create_async_block(
-			b.block([statement]),
+	context.state.template.push(
+		...create_child_block(
+			[statement],
 			node.metadata.expression.blockers(),
 			node.metadata.expression.has_await
-		);
-	}
-
-	context.state.template.push(statement, block_close);
+		),
+		block_close
+	);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/EachBlock.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/EachBlock.js
index 3c0a8c1676..cb5a61d52f 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/EachBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/EachBlock.js
@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, block_open, block_open_else, create_async_block } from './shared/utils.js';
+import { block_close, block_open, block_open_else, create_child_block } from './shared/utils.js';
 
 /**
  * @param {AST.EachBlock} node
@@ -18,8 +18,8 @@ export function EachBlock(node, context) {
 
 	const array_id = state.scope.root.unique('each_array');
 
-	/** @type {Statement} */
-	let block = b.block([b.const(array_id, b.call('$.ensure_array_like', collection))]);
+	/** @type {Statement[]} */
+	let statements = [b.const(array_id, b.call('$.ensure_array_like', collection))];
 
 	/** @type {Statement[]} */
 	const each = [];
@@ -53,7 +53,7 @@ export function EachBlock(node, context) {
 
 		fallback.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open_else)));
 
-		block.body.push(
+		statements.push(
 			b.if(
 				b.binary('!==', b.member(array_id, 'length'), b.literal(0)),
 				b.block([open, for_loop]),
@@ -62,19 +62,15 @@ export function EachBlock(node, context) {
 		);
 	} else {
 		state.template.push(block_open);
-		block.body.push(for_loop);
+		statements.push(for_loop);
 	}
 
-	if (node.metadata.expression.is_async()) {
-		state.template.push(
-			create_async_block(
-				block,
-				node.metadata.expression.blockers(),
-				node.metadata.expression.has_await
-			),
-			block_close
-		);
-	} else {
-		state.template.push(...block.body, block_close);
-	}
+	state.template.push(
+		...create_child_block(
+			statements,
+			node.metadata.expression.blockers(),
+			node.metadata.expression.has_await
+		),
+		block_close
+	);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/Fragment.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/Fragment.js
index ef5bd985ae..a6ff33c7ab 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/Fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/Fragment.js
@@ -28,7 +28,7 @@ export function Fragment(node, context) {
 		init: [],
 		template: [],
 		namespace,
-		skip_hydration_boundaries: is_standalone,
+		is_standalone,
 		async_consts: undefined
 	};
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/HtmlTag.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/HtmlTag.js
index 3f423fa60d..ee790c3e7c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/HtmlTag.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/HtmlTag.js
@@ -2,25 +2,24 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, block_open, create_push } from './shared/utils.js';
+import { create_child_block } from './shared/utils.js';
 
 /**
  * @param {AST.HtmlTag} node
  * @param {ComponentContext} context
  */
 export function HtmlTag(node, context) {
-	const expression = /** @type {Expression} */ (context.visit(node.expression));
-	const call = b.call('$.html', expression);
+	const expression = b.call('$.html', /** @type {Expression} */ (context.visit(node.expression)));
 
-	const has_await = node.metadata.expression.has_await;
-
-	if (has_await) {
-		context.state.template.push(block_open);
-	}
-
-	context.state.template.push(create_push(call, node.metadata.expression, true));
-
-	if (has_await) {
-		context.state.template.push(block_close);
+	if (node.metadata.expression.is_async()) {
+		context.state.template.push(
+			...create_child_block(
+				[b.stmt(b.call('$$renderer.push', expression))],
+				node.metadata.expression.blockers(),
+				node.metadata.expression.has_await
+			)
+		);
+	} else {
+		context.state.template.push(expression);
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
index e8418343be..06b1b1e966 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, block_open, block_open_else, create_async_block } from './shared/utils.js';
+import { block_close, block_open, block_open_else, create_child_block } from './shared/utils.js';
 
 /**
  * @param {AST.IfBlock} node
@@ -23,17 +23,12 @@ export function IfBlock(node, context) {
 	/** @type {Statement} */
 	let statement = b.if(test, consequent, alternate);
 
-	const is_async = node.metadata.expression.is_async();
-
-	const has_await = node.metadata.expression.has_await;
-
-	if (is_async || has_await) {
-		statement = create_async_block(
-			b.block([statement]),
+	context.state.template.push(
+		...create_child_block(
+			[statement],
 			node.metadata.expression.blockers(),
-			!!has_await
-		);
-	}
-
-	context.state.template.push(statement, block_close);
+			node.metadata.expression.has_await
+		),
+		block_close
+	);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
index 5b905752f4..1c6bb0a198 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
@@ -1,5 +1,4 @@
 /** @import { Expression } from 'estree' */
-/** @import { Location } from 'locate-character' */
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext, ComponentServerTransformState } from '../types.js' */
 /** @import { Scope } from '../../../scope.js' */
@@ -8,13 +7,7 @@ import { dev, locator } from '../../../../state.js';
 import * as b from '#compiler/builders';
 import { clean_nodes, determine_namespace_for_children } from '../../utils.js';
 import { build_element_attributes, prepare_element_spread_object } from './shared/element.js';
-import {
-	process_children,
-	build_template,
-	create_child_block,
-	PromiseOptimiser,
-	create_async_block
-} from './shared/utils.js';
+import { process_children, build_template, PromiseOptimiser } from './shared/utils.js';
 import { is_customizable_select_element } from '../../../nodes.js';
 
 /**
@@ -66,17 +59,9 @@ export function RegularElement(node, context) {
 			b.literal(`</${node.name}>`)
 		);
 
-		// TODO this is a real edge case, would be good to DRY this out
-		if (optimiser.expressions.length > 0) {
-			context.state.template.push(
-				create_child_block(
-					b.block([optimiser.apply(), ...state.init, ...build_template(state.template)])
-				)
-			);
-		} else {
-			context.state.init.push(...state.init);
-			context.state.template.push(...state.template);
-		}
+		context.state.template.push(
+			...optimiser.render([...state.init, ...build_template(state.template)])
+		);
 
 		return;
 	}
@@ -130,13 +115,7 @@ export function RegularElement(node, context) {
 
 		const statement = b.stmt(b.call('$$renderer.select', attributes, fn, ...rest));
 
-		if (optimiser.expressions.length > 0) {
-			context.state.template.push(
-				create_child_block(b.block([optimiser.apply(), ...state.init, statement]))
-			);
-		} else {
-			context.state.template.push(...state.init, statement);
-		}
+		context.state.template.push(...optimiser.render([...state.init, statement]));
 
 		return;
 	}
@@ -183,13 +162,7 @@ export function RegularElement(node, context) {
 
 		const statement = b.stmt(b.call('$$renderer.option', attributes, body, ...rest));
 
-		if (optimiser.expressions.length > 0) {
-			context.state.template.push(
-				create_child_block(b.block([optimiser.apply(), ...state.init, statement]))
-			);
-		} else {
-			context.state.template.push(...state.init, statement);
-		}
+		context.state.template.push(...optimiser.render([...state.init, statement]));
 
 		return;
 	}
@@ -235,19 +208,9 @@ export function RegularElement(node, context) {
 	}
 
 	if (optimiser.is_async()) {
-		let statements = [...state.init, ...build_template(state.template)];
-
-		if (optimiser.has_await) {
-			statements = [create_child_block(b.block([optimiser.apply(), ...statements]))];
-		}
-
-		const blockers = optimiser.blockers();
-
-		if (blockers.elements.length > 0) {
-			statements = [create_async_block(b.block(statements), blockers, false, false)];
-		}
-
-		context.state.template.push(...statements);
+		context.state.template.push(
+			...optimiser.render([...state.init, ...build_template(state.template)])
+		);
 	} else {
 		context.state.init.push(...state.init);
 		context.state.template.push(...state.template);
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
index 6d7cef0d95..fe20e85e1b 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
@@ -3,7 +3,7 @@
 /** @import { ComponentContext } from '../types.js' */
 import { unwrap_optional } from '../../../../utils/ast.js';
 import * as b from '#compiler/builders';
-import { create_async_block, empty_comment, PromiseOptimiser } from './shared/utils.js';
+import { empty_comment, PromiseOptimiser } from './shared/utils.js';
 
 /**
  * @param {AST.RenderTag} node
@@ -35,17 +35,9 @@ export function RenderTag(node, context) {
 		)
 	);
 
-	if (optimiser.is_async()) {
-		statement = create_async_block(
-			b.block([optimiser.apply(), statement]),
-			optimiser.blockers(),
-			optimiser.has_await
-		);
-	}
-
-	context.state.template.push(statement);
+	context.state.template.push(...optimiser.render_block([statement]));
 
-	if (!context.state.skip_hydration_boundaries) {
+	if (!context.state.is_standalone) {
 		context.state.template.push(empty_comment);
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SlotElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SlotElement.js
index d0f8e25d02..3cebdf4541 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SlotElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SlotElement.js
@@ -5,7 +5,6 @@ import * as b from '#compiler/builders';
 import {
 	build_attribute_value,
 	PromiseOptimiser,
-	create_async_block,
 	block_open,
 	block_close
 } from './shared/utils.js';
@@ -65,13 +64,5 @@ export function SlotElement(node, context) {
 		fallback
 	);
 
-	const statement = optimiser.is_async()
-		? create_async_block(
-				b.block([optimiser.apply(), b.stmt(slot)]),
-				optimiser.blockers(),
-				optimiser.has_await
-			)
-		: b.stmt(slot);
-
-	context.state.template.push(block_open, statement, block_close);
+	context.state.template.push(block_open, ...optimiser.render_block([b.stmt(slot)]), block_close);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
index 75ba323e20..398ecc68a2 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js
@@ -1,4 +1,3 @@
-/** @import { Location } from 'locate-character' */
 /** @import { BlockStatement, Expression, Statement } from 'estree' */
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
@@ -6,12 +5,7 @@ import { dev, locator } from '../../../../state.js';
 import * as b from '#compiler/builders';
 import { determine_namespace_for_children } from '../../utils.js';
 import { build_element_attributes } from './shared/element.js';
-import {
-	build_template,
-	create_async_block,
-	create_child_block,
-	PromiseOptimiser
-} from './shared/utils.js';
+import { build_template, create_child_block, PromiseOptimiser } from './shared/utils.js';
 
 /**
  * @param {AST.SvelteElement} node
@@ -67,36 +61,29 @@ export function SvelteElement(node, context) {
 	const attributes = b.block([...state.init, ...build_template(state.template)]);
 	const children = /** @type {BlockStatement} */ (context.visit(node.fragment, state));
 
-	/** @type {Statement} */
-	let statement = b.stmt(
-		b.call(
-			'$.element',
-			b.id('$$renderer'),
-			tag,
-			attributes.body.length > 0 && b.thunk(attributes),
-			children.body.length > 0 && b.thunk(children)
-		)
+	statements.push(
+		...optimiser.render([
+			b.stmt(
+				b.call(
+					'$.element',
+					b.id('$$renderer'),
+					tag,
+					attributes.body.length > 0 && b.thunk(attributes),
+					children.body.length > 0 && b.thunk(children)
+				)
+			)
+		])
 	);
 
-	if (optimiser.expressions.length > 0) {
-		statement = create_child_block(b.block([optimiser.apply(), statement]));
-	}
-
-	statements.push(statement);
-
 	if (dev) {
 		statements.push(b.stmt(b.call('$.pop_element')));
 	}
 
-	if (node.metadata.expression.is_async()) {
-		statements = [
-			create_async_block(
-				b.block(statements),
-				node.metadata.expression.blockers(),
-				node.metadata.expression.has_await
-			)
-		];
-	}
-
-	context.state.template.push(...statements);
+	context.state.template.push(
+		...create_child_block(
+			statements,
+			node.metadata.expression.blockers(),
+			node.metadata.expression.has_await
+		)
+	);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
index cfd9a27d7b..fe49a67b28 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
@@ -1,12 +1,7 @@
 /** @import { BlockStatement, Expression, Pattern, Property, SequenceExpression, Statement } from 'estree' */
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../../types.js' */
-import {
-	empty_comment,
-	build_attribute_value,
-	create_async_block,
-	PromiseOptimiser
-} from './utils.js';
+import { empty_comment, build_attribute_value, PromiseOptimiser } from './utils.js';
 import * as b from '#compiler/builders';
 import { is_element_node } from '../../../../nodes.js';
 import { dev } from '../../../../../state.js';
@@ -325,32 +320,16 @@ export function build_inline_component(node, expression, context) {
 		optimiser.check_blockers(node.metadata.expression);
 	}
 
-	const is_async = optimiser.is_async();
-
-	if (is_async) {
-		statement = create_async_block(
-			b.block([
-				optimiser.apply(),
-				dynamic && custom_css_props.length === 0
-					? b.stmt(b.call('$$renderer.push', empty_comment))
-					: b.empty,
-				statement
-			]),
-			optimiser.blockers(),
-			optimiser.has_await
-		);
-	} else if (dynamic && custom_css_props.length === 0) {
-		context.state.template.push(empty_comment);
-	}
-
-	context.state.template.push(statement);
+	context.state.template.push(
+		...optimiser.render_block([
+			dynamic && custom_css_props.length === 0
+				? b.stmt(b.call('$$renderer.push', empty_comment))
+				: b.empty,
+			statement
+		])
+	);
 
-	if (
-		!is_async &&
-		!context.state.skip_hydration_boundaries &&
-		custom_css_props.length === 0 &&
-		optimiser.expressions.length === 0
-	) {
+	if (!optimiser.is_async() && !context.state.is_standalone && custom_css_props.length === 0) {
 		context.state.template.push(empty_comment);
 	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
index b02a935ed2..ee14a4d135 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
@@ -81,7 +81,19 @@ export function process_children(nodes, { visit, state }) {
 			flush();
 
 			const expression = /** @type {Expression} */ (visit(node.expression));
-			state.template.push(create_push(b.call('$.escape', expression), node.metadata.expression));
+
+			let call = b.call(
+				'$$renderer.push',
+				b.thunk(b.call('$.escape', expression), node.metadata.expression.has_await)
+			);
+
+			const blockers = node.metadata.expression.blockers();
+
+			if (blockers.elements.length > 0) {
+				call = b.call('$$renderer.async', blockers, b.arrow([b.id('$$renderer')], call));
+			}
+
+			state.template.push(b.stmt(call));
 		} else if (node.type === 'Text' || node.type === 'Comment' || node.type === 'ExpressionTag') {
 			sequence.push(node);
 		} else {
@@ -262,72 +274,20 @@ export function build_getter(node, state) {
 }
 
 /**
- * Creates a `$$renderer.child(...)` expression statement
- * @param {BlockStatement | Expression} body
- * @returns {Statement}
- */
-export function create_child_block(body) {
-	return b.stmt(b.call('$$renderer.child', b.arrow([b.id('$$renderer')], body, true)));
-}
-
-/**
- * Creates a `$$renderer.async(...)` expression statement
- * @param {BlockStatement | Expression} body
+ * @param {Statement[]} statements
  * @param {ArrayExpression} blockers
  * @param {boolean} has_await
- * @param {boolean} needs_hydration_markers
  */
-export function create_async_block(
-	body,
-	blockers = b.array([]),
-	has_await = true,
-	needs_hydration_markers = true
-) {
-	return b.stmt(
-		b.call(
-			needs_hydration_markers ? '$$renderer.async_block' : '$$renderer.async',
-			blockers,
-			b.arrow([b.id('$$renderer')], body, has_await)
-		)
-	);
-}
-
-/**
- * @param {Expression} expression
- * @param {ExpressionMetadata} metadata
- * @param {boolean} needs_hydration_markers
- * @returns {Expression | Statement}
- */
-export function create_push(expression, metadata, needs_hydration_markers = false) {
-	if (metadata.is_async()) {
-		let statement = b.stmt(b.call('$$renderer.push', b.thunk(expression, metadata.has_await)));
-
-		const blockers = metadata.blockers();
-
-		if (blockers.elements.length > 0) {
-			statement = create_async_block(
-				b.block([statement]),
-				blockers,
-				false,
-				needs_hydration_markers
-			);
-		}
-
-		return statement;
+export function create_child_block(statements, blockers, has_await) {
+	if (blockers.elements.length === 0 && !has_await) {
+		return statements;
 	}
 
-	return expression;
-}
+	const fn = b.arrow([b.id('$$renderer')], b.block(statements), has_await);
 
-/**
- * @param {BlockStatement | Expression} body
- * @param {Identifier | false} component_fn_id
- * @returns {Statement}
- */
-export function call_component_renderer(body, component_fn_id) {
-	return b.stmt(
-		b.call('$$renderer.component', b.arrow([b.id('$$renderer')], body, false), component_fn_id)
-	);
+	return blockers.elements.length > 0
+		? [b.stmt(b.call('$$renderer.async_block', blockers, fn))]
+		: [b.stmt(b.call('$$renderer.child_block', fn))];
 }
 
 /**
@@ -373,7 +333,7 @@ export class PromiseOptimiser {
 		}
 	}
 
-	apply() {
+	#apply() {
 		if (this.expressions.length === 0) {
 			return b.empty;
 		}
@@ -403,4 +363,38 @@ export class PromiseOptimiser {
 	is_async() {
 		return this.expressions.length > 0 || this.#blockers.size > 0;
 	}
+
+	/**
+	 * @param {Statement[]} statements
+	 * @returns {Statement[]}
+	 */
+	render(statements) {
+		if (!this.is_async()) {
+			return statements;
+		}
+
+		const fn = b.arrow(
+			[b.id('$$renderer')],
+			b.block([this.#apply(), ...statements]),
+			this.has_await
+		);
+
+		const blockers = this.blockers();
+
+		return blockers.elements.length > 0
+			? [b.stmt(b.call('$$renderer.async', blockers, fn))]
+			: [b.stmt(b.call('$$renderer.child', fn))];
+	}
+
+	/**
+	 * @param {Statement[]} statements
+	 * @returns {Statement[]}
+	 */
+	render_block(statements) {
+		if (!this.is_async()) {
+			return statements;
+		}
+
+		return create_child_block([this.#apply(), ...statements], this.blockers(), this.has_await);
+	}
 }
diff --git a/packages/svelte/src/internal/server/renderer.js b/packages/svelte/src/internal/server/renderer.js
index 49f4c1b7d2..62196350bf 100644
--- a/packages/svelte/src/internal/server/renderer.js
+++ b/packages/svelte/src/internal/server/renderer.js
@@ -171,6 +171,15 @@ export class Renderer {
 		return promises;
 	}
 
+	/**
+	 * @param {(renderer: Renderer) => MaybePromise<void>} fn
+	 */
+	child_block(fn) {
+		this.#out.push(BLOCK_OPEN);
+		this.child(fn);
+		this.#out.push(BLOCK_CLOSE);
+	}
+
 	/**
 	 * Create a child renderer. The child renderer inherits the state from the parent,
 	 * but has its own content.
diff --git a/packages/svelte/tests/snapshot/samples/async-const/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-const/_expected/server/index.svelte.js
index a726b903bc..03bbc5ba88 100644
--- a/packages/svelte/tests/snapshot/samples/async-const/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-const/_expected/server/index.svelte.js
@@ -19,11 +19,7 @@ export default function Async_const($$renderer) {
 		]);
 
 		$$renderer.push(`<p>`);
-
-		$$renderer.async([promises[1]], ($$renderer) => {
-			$$renderer.push(() => $.escape(b));
-		});
-
+		$$renderer.async([promises[1]], ($$renderer) => $$renderer.push(() => $.escape(b)));
 		$$renderer.push(`</p>`);
 	} else {
 		$$renderer.push('<!--[!-->');
diff --git a/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/server/index.svelte.js
index 7249fd6e4f..b331875d04 100644
--- a/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-each-fallback-hoisting/_expected/server/index.svelte.js
@@ -2,7 +2,7 @@ import 'svelte/internal/flags/async';
 import * as $ from 'svelte/internal/server';
 
 export default function Async_each_fallback_hoisting($$renderer) {
-	$$renderer.async_block([], async ($$renderer) => {
+	$$renderer.child_block(async ($$renderer) => {
 		const each_array = $.ensure_array_like((await $.save(Promise.resolve([])))());
 
 		if (each_array.length !== 0) {
diff --git a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js
index 43fe9414eb..86948b4a3a 100644
--- a/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-each-hoisting/_expected/server/index.svelte.js
@@ -8,7 +8,7 @@ export default function Async_each_hoisting($$renderer) {
 
 	$$renderer.push(`<!--[-->`);
 
-	$$renderer.async_block([], async ($$renderer) => {
+	$$renderer.child_block(async ($$renderer) => {
 		const each_array = $.ensure_array_like((await $.save(Promise.resolve([first, second, third])))());
 
 		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
diff --git a/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/server/index.svelte.js
index 1e7330429a..c69c038973 100644
--- a/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-if-alternate-hoisting/_expected/server/index.svelte.js
@@ -2,7 +2,7 @@ import 'svelte/internal/flags/async';
 import * as $ from 'svelte/internal/server';
 
 export default function Async_if_alternate_hoisting($$renderer) {
-	$$renderer.async_block([], async ($$renderer) => {
+	$$renderer.child_block(async ($$renderer) => {
 		if ((await $.save(Promise.resolve(false)))()) {
 			$$renderer.push('<!--[-->');
 			$$renderer.push(async () => $.escape(await Promise.reject('no no no')));
diff --git a/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/server/index.svelte.js
index 1ca24cf81a..1355ba34f0 100644
--- a/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-if-hoisting/_expected/server/index.svelte.js
@@ -2,7 +2,7 @@ import 'svelte/internal/flags/async';
 import * as $ from 'svelte/internal/server';
 
 export default function Async_if_hoisting($$renderer) {
-	$$renderer.async_block([], async ($$renderer) => {
+	$$renderer.child_block(async ($$renderer) => {
 		if ((await $.save(Promise.resolve(true)))()) {
 			$$renderer.push('<!--[-->');
 			$$renderer.push(async () => $.escape(await Promise.resolve('yes yes yes')));
diff --git a/packages/svelte/tests/snapshot/samples/async-top-level-inspect-server/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-top-level-inspect-server/_expected/server/index.svelte.js
index eb99a2fe1d..cff5f2d569 100644
--- a/packages/svelte/tests/snapshot/samples/async-top-level-inspect-server/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/async-top-level-inspect-server/_expected/server/index.svelte.js
@@ -6,10 +6,6 @@ export default function Async_top_level_inspect_server($$renderer) {
 	var $$promises = $$renderer.run([async () => data = await Promise.resolve(42),,]);
 
 	$$renderer.push(`<p>`);
-
-	$$renderer.async([$$promises[1]], ($$renderer) => {
-		$$renderer.push(() => $.escape(data));
-	});
-
+	$$renderer.async([$$promises[1]], ($$renderer) => $$renderer.push(() => $.escape(data)));
 	$$renderer.push(`</p>`);
 }
\ No newline at end of file

From bc449758695ec0b5cd34b4cdfa7aaf1ccbc5105b Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 6 Feb 2026 04:19:14 -0500
Subject: [PATCH 33/71] fix: properly hydrate already-resolved async blocks
 (alternative) (#17641)

This is basically #17611, minus #17640, plus #17639. We need to add the $.next() call after render tags as well as components; rather than duplicating the logic, we can use is_standalone to determine when this is necessary (since this is what prevents $.append(...) from being used).

Fixes #17261
Fixes #17608
---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 .changeset/poor-students-nail.md              |  5 ++++
 .../3-transform/client/transform-client.js    |  1 +
 .../phases/3-transform/client/types.d.ts      |  3 +++
 .../3-transform/client/visitors/Fragment.js   |  5 +++-
 .../3-transform/client/visitors/RenderTag.js  |  4 ++++
 .../client/visitors/shared/component.js       | 24 ++++++++++++-------
 .../server/visitors/shared/component.js       |  8 ++++++-
 .../Inner.svelte                              |  4 ++++
 .../Outer.svelte                              |  4 ++++
 .../Trigger.svelte                            |  7 ++++++
 .../_config.js                                | 10 ++++++++
 .../main.svelte                               | 16 +++++++++++++
 .../Component.svelte                          |  5 ++++
 .../async-each-item-duplication/_config.js    | 14 +++++++++++
 .../async-each-item-duplication/main.svelte   | 10 ++++++++
 15 files changed, 109 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/poor-students-nail.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Inner.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Outer.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Trigger.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/Component.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/main.svelte

diff --git a/.changeset/poor-students-nail.md b/.changeset/poor-students-nail.md
new file mode 100644
index 0000000000..cee650c002
--- /dev/null
+++ b/.changeset/poor-students-nail.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: properly hydrate already-resolved async blocks
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js b/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
index d5ce3caaa9..b50a73b8b6 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/transform-client.js
@@ -166,6 +166,7 @@ export function client_component(analysis, options) {
 		in_constructor: false,
 		instance_level_snippets: [],
 		module_level_snippets: [],
+		is_standalone: false,
 
 		// these are set inside the `Fragment` visitor, and cannot be used until then
 		init: /** @type {any} */ (null),
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
index 4438ec015b..287bf24ac6 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
+++ b/packages/svelte/src/compiler/phases/3-transform/client/types.d.ts
@@ -83,6 +83,9 @@ export interface ComponentClientTransformState extends ClientTransformState {
 	readonly instance_level_snippets: VariableDeclaration[];
 	/** Snippets hoisted to the module */
 	readonly module_level_snippets: VariableDeclaration[];
+
+	/** True if the current node is a) a component or render tag and b) the sole child of a block  */
+	readonly is_standalone: boolean;
 }
 
 export type Context = import('zimmerframe').Context<AST.SvelteNode, ClientTransformState>;
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
index f463111c4d..00b0cfaa2e 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
@@ -122,7 +122,10 @@ export function Fragment(node, context) {
 			close = b.stmt(b.call('$.append', b.id('$$anchor'), id));
 		} else if (is_standalone) {
 			// no need to create a template, we can just use the existing block's anchor
-			process_children(trimmed, () => b.id('$$anchor'), false, { ...context, state });
+			process_children(trimmed, () => b.id('$$anchor'), false, {
+				...context,
+				state: { ...state, is_standalone }
+			});
 		} else {
 			/** @type {(is_text: boolean) => Expression} */
 			const expression = (is_text) => b.call('$.first_child', id, is_text && b.true);
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RenderTag.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RenderTag.js
index d14336bb7e..5d39cf2216 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RenderTag.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RenderTag.js
@@ -85,6 +85,10 @@ export function RenderTag(node, context) {
 				)
 			)
 		);
+
+		if (context.state.is_standalone) {
+			context.state.init.push(b.stmt(b.call('$.next')));
+		}
 	} else {
 		context.state.init.push(statements.length === 1 ? statements[0] : b.block(statements));
 	}
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
index bb72794af8..1d6d3413bf 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
@@ -461,7 +461,7 @@ export function build_component(node, component_name, loc, context) {
 		memoizer.check_blockers(node.metadata.expression);
 	}
 
-	const statements = [...snippet_declarations, ...memoizer.deriveds(context.state.analysis.runes)];
+	let statements = [...snippet_declarations, ...memoizer.deriveds(context.state.analysis.runes)];
 
 	if (is_component_dynamic) {
 		const prev = fn;
@@ -515,15 +515,21 @@ export function build_component(node, component_name, loc, context) {
 	const blockers = memoizer.blockers();
 
 	if (async_values || blockers) {
-		return b.stmt(
-			b.call(
-				'$.async',
-				anchor,
-				blockers,
-				async_values,
-				b.arrow([b.id('$$anchor'), ...memoizer.async_ids()], b.block(statements))
+		statements = [
+			b.stmt(
+				b.call(
+					'$.async',
+					anchor,
+					blockers,
+					async_values,
+					b.arrow([b.id('$$anchor'), ...memoizer.async_ids()], b.block(statements))
+				)
 			)
-		);
+		];
+
+		if (context.state.is_standalone) {
+			statements.push(b.stmt(b.call('$.next')));
+		}
 	}
 
 	return statements.length > 1 ? b.block(statements) : statements[0];
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
index fe49a67b28..6a2c6eb0be 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
@@ -101,10 +101,16 @@ export function build_inline_component(node, expression, context) {
 			}
 
 			push_prop(b.prop('init', b.key(attribute.name), value));
-		} else if (attribute.type === 'BindDirective' && attribute.name !== 'this') {
+		} else if (attribute.type === 'BindDirective') {
 			// Bindings are a bit special: we don't want to add them to (async) deriveds but we need to check if they have blockers
 			optimiser.check_blockers(attribute.metadata.expression);
 
+			if (attribute.name === 'this') {
+				// bind:this is client-only, but we still need to check for blockers to ensure
+				// the server generates matching hydration markers if the client wraps in $.async
+				continue;
+			}
+
 			if (attribute.expression.type === 'SequenceExpression') {
 				const [get, set] = /** @type {SequenceExpression} */ (context.visit(attribute.expression))
 					.expressions;
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Inner.svelte b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Inner.svelte
new file mode 100644
index 0000000000..99f885189b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Inner.svelte
@@ -0,0 +1,4 @@
+<script>
+  let { children } = $props()
+</script>
+<div>{@render children?.()}</div>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Outer.svelte b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Outer.svelte
new file mode 100644
index 0000000000..99f885189b
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Outer.svelte
@@ -0,0 +1,4 @@
+<script>
+  let { children } = $props()
+</script>
+<div>{@render children?.()}</div>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Trigger.svelte b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Trigger.svelte
new file mode 100644
index 0000000000..fc434d748e
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/Trigger.svelte
@@ -0,0 +1,7 @@
+<script lang='ts'>
+  import type { Attachment } from 'svelte/attachments'
+
+  export function action(): Attachment<HTMLElement> {
+    return ()=>{}
+  }
+</script>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/_config.js b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/_config.js
new file mode 100644
index 0000000000..d77ba45ae4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/_config.js
@@ -0,0 +1,10 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['hydrate'],
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, '<div><div>foo</div></div>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/main.svelte
new file mode 100644
index 0000000000..6cfc73ca25
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-attach-hydration-mismatch/main.svelte
@@ -0,0 +1,16 @@
+<script>
+  import Outer from './Outer.svelte'
+  import Inner from './Inner.svelte'
+  import Trigger from './Trigger.svelte'
+
+  const data = $derived(await Promise.resolve(['a', 'b']))
+  let trigger = $state()
+</script>
+
+<Outer>
+  <Inner {@attach trigger?.action}>
+    foo
+  </Inner>
+</Outer>
+
+<Trigger bind:this={trigger} />
diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/Component.svelte b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/Component.svelte
new file mode 100644
index 0000000000..9f4e638629
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/Component.svelte
@@ -0,0 +1,5 @@
+<script>
+	let { message, another } = $props()
+</script>
+
+<p>{message}</p>
diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/_config.js b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/_config.js
new file mode 100644
index 0000000000..2e20f83f7f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/_config.js
@@ -0,0 +1,14 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['hydrate'],
+
+	ssrHtml: `<p>item 1</p><p>item 2</p><p>item 3</p>`,
+	html: `<p>item 1</p><p>item 2</p><p>item 3</p>`,
+
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, '<p>item 1</p><p>item 2</p><p>item 3</p>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/main.svelte
new file mode 100644
index 0000000000..ae54b63414
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-each-item-duplication/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	import Component from './Component.svelte'
+
+	const messages = await Promise.resolve(["item 1", "item 2", "item 3"])
+	const another = { test: 'test' }
+</script>
+
+{#each messages as message}
+	<Component {message} {another} />
+{/each}

From 6e5f2b157a02df4dd1f4e2ad3275655bc52cd023 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 6 Feb 2026 10:54:15 -0500
Subject: [PATCH 34/71] fix: exit resolved async blocks on correct node when
 hydrating (#17640)

* fix: exit resolved async blocks on correct node when hydrating

* expand test + fix

* tweak, add note to self

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>
---
 .changeset/tiny-owls-pay.md                    |  5 +++++
 .../src/internal/client/dom/blocks/async.js    | 15 ++++++++++++++-
 .../samples/async-if-hydration/Child.svelte    |  5 +++++
 .../samples/async-if-hydration/_config.js      | 11 +++++++++++
 .../samples/async-if-hydration/main.svelte     | 18 ++++++++++++++++++
 5 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tiny-owls-pay.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-hydration/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte

diff --git a/.changeset/tiny-owls-pay.md b/.changeset/tiny-owls-pay.md
new file mode 100644
index 0000000000..ac25500258
--- /dev/null
+++ b/.changeset/tiny-owls-pay.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: exit resolved async blocks on correct node when hydrating
diff --git a/packages/svelte/src/internal/client/dom/blocks/async.js b/packages/svelte/src/internal/client/dom/blocks/async.js
index 0e3ab33dda..e8c9cf0643 100644
--- a/packages/svelte/src/internal/client/dom/blocks/async.js
+++ b/packages/svelte/src/internal/client/dom/blocks/async.js
@@ -20,13 +20,27 @@ import { get_boundary } from './boundary.js';
  */
 export function async(node, blockers = [], expressions = [], fn) {
 	var was_hydrating = hydrating;
+	var end = null;
 
 	if (was_hydrating) {
 		hydrate_next();
+		end = skip_nodes(false);
 	}
 
 	if (expressions.length === 0 && blockers.every((b) => b.settled)) {
 		fn(node);
+
+		// This is necessary because it is not guaranteed that the render function will
+		// advance the hydration node to $.async's end marker: it may stop at an inner
+		// block's end marker (in case of an inner if block for example), but it also may
+		// stop at the correct $.async end marker (in case of component child) - hence
+		// we can't just use hydrate_next()
+		// TODO this feels indicative of a bug elsewhere; ideally we wouldn't need
+		// to double-traverse in the already-resolved case
+		if (was_hydrating) {
+			set_hydrate_node(end);
+		}
+
 		return;
 	}
 
@@ -39,7 +53,6 @@ export function async(node, blockers = [], expressions = [], fn) {
 
 	if (was_hydrating) {
 		var previous_hydrate_node = hydrate_node;
-		var end = skip_nodes(false);
 		set_hydrate_node(end);
 	}
 
diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-hydration/Child.svelte b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/Child.svelte
new file mode 100644
index 0000000000..02ef294d99
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/Child.svelte
@@ -0,0 +1,5 @@
+<script>
+    let { b } = $props();
+</script>
+
+{b}
diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js
new file mode 100644
index 0000000000..8132e9c522
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/_config.js
@@ -0,0 +1,11 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['hydrate'],
+
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, `<div><p>hello</p></div> <div>true</div>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte
new file mode 100644
index 0000000000..3b08d41640
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-if-hydration/main.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import Child from "./Child.svelte";
+
+	await 1;
+	let b = true;
+	let a = true;
+</script>
+
+{#if a}
+	<div>
+		{#if b}
+			<p>hello</p>
+		{/if}
+	</div>
+	<div>
+		<Child {b} />
+	</div>
+{/if}

From 989492f0572cb6dd4beaf621dfbba0bcd409913c Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Fri, 6 Feb 2026 17:01:41 +0100
Subject: [PATCH 35/71] fix: use "set up" (verb) instead of "setup" (noun) in
 comments (#17632)

"Setup" is a noun/adjective, while "set up" is the verb form.
---
 documentation/docs/07-misc/02-testing.md | 2 +-
 packages/svelte/tests/signals/test.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/documentation/docs/07-misc/02-testing.md b/documentation/docs/07-misc/02-testing.md
index 85db7fc01f..c1bc69c1c2 100644
--- a/documentation/docs/07-misc/02-testing.md
+++ b/documentation/docs/07-misc/02-testing.md
@@ -181,7 +181,7 @@ export default defineConfig({
 		/* ... */
 	],
 	test: {
-		// If you are testing components client-side, you need to setup a DOM environment.
+		// If you are testing components client-side, you need to set up a DOM environment.
 		// If not all your files should have this environment, you can use a
 		// `// @vitest-environment jsdom` comment at the top of the test files instead.
 		environment: 'jsdom'
diff --git a/packages/svelte/tests/signals/test.ts b/packages/svelte/tests/signals/test.ts
index 23c4bb42f9..5486ccdb45 100644
--- a/packages/svelte/tests/signals/test.ts
+++ b/packages/svelte/tests/signals/test.ts
@@ -21,7 +21,7 @@ import { disable_async_mode_flag, enable_async_mode_flag } from '../../src/inter
 
 /**
  * @param runes runes mode
- * @param fn A function that returns a function because we first need to setup all the signals
+ * @param fn A function that returns a function because we first need to set up all the signals
  * 			 and then execute the test in order to simulate a real component
  */
 function run_test(runes: boolean, fn: (runes: boolean) => () => void) {

From 01db7b8c2a0dbc7eb1fb8f1eff116f2b5b5b3ba9 Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Fri, 6 Feb 2026 17:03:14 +0100
Subject: [PATCH 36/71] fix: update migration guide to reflect current passive
 events (#17631)

Remove `onwheel` and `onmousewheel` from the list of passive events
in the v5 migration guide. Since #13322, only `ontouchstart` and
`ontouchmove` are passive by default, matching the basic-markup docs.

Closes #17430
---
 documentation/docs/07-misc/07-v5-migration-guide.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/documentation/docs/07-misc/07-v5-migration-guide.md b/documentation/docs/07-misc/07-v5-migration-guide.md
index 40cbc3bd9e..5a80734b7a 100644
--- a/documentation/docs/07-misc/07-v5-migration-guide.md
+++ b/documentation/docs/07-misc/07-v5-migration-guide.md
@@ -778,9 +778,9 @@ In Svelte 4, doing the following triggered reactivity:
 
 This is because the Svelte compiler treated the assignment to `foo.value` as an instruction to update anything that referenced `foo`. In Svelte 5, reactivity is determined at runtime rather than compile time, so you should define `value` as a reactive `$state` field on the `Foo` class. Wrapping `new Foo()` with `$state(...)` will have no effect — only vanilla objects and arrays are made deeply reactive.
 
-### Touch and wheel events are passive
+### Touch events are passive
 
-When using `onwheel`, `onmousewheel`, `ontouchstart` and `ontouchmove` event attributes, the handlers are [passive](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#using_passive_listeners) to align with browser defaults. This greatly improves responsiveness by allowing the browser to scroll the document immediately, rather than waiting to see if the event handler calls `event.preventDefault()`.
+When using `ontouchstart` and `ontouchmove` event attributes, the handlers are [passive](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#using_passive_listeners) to align with browser defaults. This greatly improves responsiveness by allowing the browser to scroll the document immediately, rather than waiting to see if the event handler calls `event.preventDefault()`.
 
 In the very rare cases that you need to prevent these event defaults, you should use [`on`](/docs/svelte/svelte-events#on) instead (for example inside an action).
 

From 0c715afdab2c3077b32793a41a7ddccb3be65c64 Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Fri, 6 Feb 2026 17:03:58 +0100
Subject: [PATCH 37/71] fix: correct spelling errors in test files (#17630)

Fix "wich" -> "which", "aswell" -> "as well" in CSS global-block test,
and "occurence" -> "occurrence" in sourcemaps test type definition.
---
 packages/svelte/tests/css/samples/global-block/expected.css | 4 ++--
 packages/svelte/tests/css/samples/global-block/input.svelte | 4 ++--
 packages/svelte/tests/sourcemaps/test.ts                    | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/svelte/tests/css/samples/global-block/expected.css b/packages/svelte/tests/css/samples/global-block/expected.css
index be1838fd98..ef68280093 100644
--- a/packages/svelte/tests/css/samples/global-block/expected.css
+++ b/packages/svelte/tests/css/samples/global-block/expected.css
@@ -39,7 +39,7 @@
 		/*}*/
 	}
 
-	/* ...wich is equivalent to `div :global { &.x { ...} }` ... */
+	/* ...which is equivalent to `div :global { &.x { ...} }` ... */
 	div.svelte-xyz {
 		&.x {
 			color: green;
@@ -51,7 +51,7 @@
 		color: green;
 	}
 
-	/* ...and therefore `div { :global.x { ... }` aswell */
+	/* ...and therefore `div { :global.x { ... }` as well */
 	div.svelte-xyz {
 		&.x {
 			color: green;
diff --git a/packages/svelte/tests/css/samples/global-block/input.svelte b/packages/svelte/tests/css/samples/global-block/input.svelte
index 86d438031a..1a9993bfe0 100644
--- a/packages/svelte/tests/css/samples/global-block/input.svelte
+++ b/packages/svelte/tests/css/samples/global-block/input.svelte
@@ -41,7 +41,7 @@
 		}
 	}
 
-	/* ...wich is equivalent to `div :global { &.x { ...} }` ... */
+	/* ...which is equivalent to `div :global { &.x { ...} }` ... */
 	div :global {
 		&.x {
 			color: green;
@@ -53,7 +53,7 @@
 		color: green;
 	}
 
-	/* ...and therefore `div { :global.x { ... }` aswell */
+	/* ...and therefore `div { :global.x { ... }` as well */
 	div {
 		:global.x {
 			color: green;
diff --git a/packages/svelte/tests/sourcemaps/test.ts b/packages/svelte/tests/sourcemaps/test.ts
index 0ac0e6f905..6749483079 100644
--- a/packages/svelte/tests/sourcemaps/test.ts
+++ b/packages/svelte/tests/sourcemaps/test.ts
@@ -8,9 +8,9 @@ import { decode } from '@jridgewell/sourcemap-codec';
 type SourceMapEntry =
 	| string
 	| {
-			/** If not the first occurence, but the nth should be found */
+			/** If not the first occurrence, but the nth should be found */
 			idxOriginal?: number;
-			/** If not the first occurence, but the nth should be found */
+			/** If not the first occurrence, but the nth should be found */
 			idxGenerated?: number;
 			/** The original string to find */
 			str: string;

From 4453e4895d407df6895f481257b675a43ed702c6 Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Fri, 6 Feb 2026 17:04:42 +0100
Subject: [PATCH 38/71] fix: fix spelling errors in media-query and test file
 (#17628)

- media-query.js: parentehesis -> parenthesis
- error-boundary-12/main.svelte: occured -> occurred
---
 packages/svelte/src/reactivity/media-query.js                   | 2 +-
 .../tests/runtime-runes/samples/error-boundary-12/main.svelte   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/reactivity/media-query.js b/packages/svelte/src/reactivity/media-query.js
index d286709719..6d1d084298 100644
--- a/packages/svelte/src/reactivity/media-query.js
+++ b/packages/svelte/src/reactivity/media-query.js
@@ -7,7 +7,7 @@ const parenthesis_regex = /\(.+\)/;
 //
 // eg: new MediaQuery('screen')
 //
-// however because of the auto-parenthesis logic in the constructor since there's no parentehesis
+// however because of the auto-parenthesis logic in the constructor since there's no parenthesis
 // in the media query they'll be surrounded by parenthesis
 //
 // however we can check if the media query is only composed of these keywords
diff --git a/packages/svelte/tests/runtime-runes/samples/error-boundary-12/main.svelte b/packages/svelte/tests/runtime-runes/samples/error-boundary-12/main.svelte
index d9dee1e2b0..748acab91e 100644
--- a/packages/svelte/tests/runtime-runes/samples/error-boundary-12/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/error-boundary-12/main.svelte
@@ -15,6 +15,6 @@
 	{d}
 
 	{#snippet failed()}
-		<p>Error occured</p>
+		<p>Error occurred</p>
 	{/snippet}
 </svelte:boundary>

From f71a6813b7bf9c53b1dce0b5f3a1232f55b1f26a Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Fri, 6 Feb 2026 17:13:54 +0100
Subject: [PATCH 39/71] fix: treat menu element like ul/ol for a11y role checks
 (#17638)

* treat menu element like ul/ol for a11y role checks

The <menu> element has the same implicit role (list) as <ul> and <ol>,
so it should receive the same treatment in a11y checks:

- Allow <menu role="list"> without redundant role warning (CSS
  list-style:none can remove semantics, role restores them)
- Allow <menu> with interactive roles like menu, menubar, radiogroup,
  tablist, tree, treegrid (same exceptions as ul/ol)

Fixes #8529

* changeset

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 .changeset/fix-menu-element-a11y-roles.md            |  5 +++++
 .../2-analyze/visitors/shared/a11y/constants.js      |  1 +
 .../phases/2-analyze/visitors/shared/a11y/index.js   |  2 +-
 .../input.svelte                                     |  7 +++++++
 .../samples/a11y-no-redundant-roles/input.svelte     |  4 ++--
 .../samples/a11y-no-redundant-roles/warnings.json    | 12 ------------
 6 files changed, 16 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/fix-menu-element-a11y-roles.md

diff --git a/.changeset/fix-menu-element-a11y-roles.md b/.changeset/fix-menu-element-a11y-roles.md
new file mode 100644
index 0000000000..75cfe8d310
--- /dev/null
+++ b/.changeset/fix-menu-element-a11y-roles.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: treat `<menu>` like `<ul>`/`<ol>` for a11y role checks
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/constants.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/constants.js
index 684ea92094..49099c2cb1 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/constants.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/constants.js
@@ -174,6 +174,7 @@ export const input_type_to_implicit_role = new Map([
 export const a11y_non_interactive_element_to_interactive_role_exceptions = {
 	ul: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
 	ol: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
+	menu: ['listbox', 'menu', 'menubar', 'radiogroup', 'tablist', 'tree', 'treegrid'],
 	li: ['menuitem', 'option', 'row', 'tab', 'treeitem'],
 	table: ['grid'],
 	td: ['gridcell'],
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
index f5f4982ed2..45de8b10a1 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/shared/a11y/index.js
@@ -167,7 +167,7 @@ export function check_element(node, context) {
 					if (
 						current_role === get_implicit_role(node.name, attribute_map) &&
 						// <ul role="list"> is ok because CSS list-style:none removes the semantics and this is a way to bring them back
-						!['ul', 'ol', 'li'].includes(node.name) &&
+						!['ul', 'ol', 'li', 'menu'].includes(node.name) &&
 						// <a role="link" /> is ok because without href the a tag doesn't have a role of link
 						!(node.name === 'a' && !attribute_map.has('href'))
 					) {
diff --git a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
index e5db8719b0..edfa3eeada 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-noninteractive-element-to-interactive-role/input.svelte
@@ -69,6 +69,13 @@
 <li role="menuitem"></li>
 <li role="row"></li>
 <li role="treeitem" aria-selected={false}></li>
+<!-- menu -->
+<menu role="menu"></menu>
+<menu role="menubar"></menu>
+<menu role="radiogroup"></menu>
+<menu role="tablist"></menu>
+<menu role="tree"></menu>
+<menu role="treegrid"></menu>
 
 <!-- VALID: elements assigned an interactive role. -->
 <div role="button"></div>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
index 2ccd765aa2..9e06ebe420 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
+++ b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/input.svelte
@@ -22,7 +22,7 @@
 <!-- <li role="listitem" /> allowed since CSS list-style none removes semantic meaning and role brings it back -->
 <link role="link" />
 <main role="main"></main>
-<menu role="list"></menu>
+<!-- <menu role="list" /> allowed, same as ul/ol above -->
 <nav role="navigation"></nav>
 <!-- <ol role="list" /> allowed, see comment above -->
 <optgroup role="group"></optgroup>
@@ -44,5 +44,5 @@
 <footer role="contentinfo"></footer>
 
 <!-- Allowed -->
-<!-- svelte-ignore a11y_no_noninteractive_element_to_interactive_role -->
+<!-- menu has same interactive role exceptions as ul/ol -->
 <menu role="menu"></menu>
diff --git a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/warnings.json b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/warnings.json
index 861f000aef..e041037d71 100644
--- a/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/warnings.json
+++ b/packages/svelte/tests/validator/samples/a11y-no-redundant-roles/warnings.json
@@ -275,18 +275,6 @@
 			"line": 24
 		}
 	},
-	{
-		"code": "a11y_no_redundant_roles",
-		"end": {
-			"column": 17,
-			"line": 25
-		},
-		"message": "Redundant role 'list'",
-		"start": {
-			"column": 6,
-			"line": 25
-		}
-	},
 	{
 		"code": "a11y_no_redundant_roles",
 		"end": {

From bd7b8aa10807be8884f5e7224340f8d980d971ec Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 6 Feb 2026 11:37:25 -0500
Subject: [PATCH 40/71] chore: fix broken css test (#17644)

---
 packages/svelte/tests/css/samples/global-block/_config.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/svelte/tests/css/samples/global-block/_config.js b/packages/svelte/tests/css/samples/global-block/_config.js
index 18a56e9a97..84b4989f76 100644
--- a/packages/svelte/tests/css/samples/global-block/_config.js
+++ b/packages/svelte/tests/css/samples/global-block/_config.js
@@ -9,12 +9,12 @@ export default test({
 			start: {
 				line: 73,
 				column: 1,
-				character: 964
+				character: 966
 			},
 			end: {
 				line: 73,
 				column: 16,
-				character: 979
+				character: 981
 			}
 		},
 		{
@@ -23,12 +23,12 @@ export default test({
 			start: {
 				line: 104,
 				column: 29,
-				character: 1270
+				character: 1272
 			},
 			end: {
 				line: 104,
 				column: 43,
-				character: 1284
+				character: 1286
 			}
 		}
 	]

From 57cb393796841538c1b38ef99dd2be48815604a5 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 6 Feb 2026 11:57:49 -0500
Subject: [PATCH 41/71] fix: allow NaN in key blocks (#17642)

* fix: allow NaN in key blocks

* lol whoops

* Update packages/svelte/src/internal/client/dom/blocks/key.js

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 .changeset/clear-olives-share.md                |  5 +++++
 .../src/internal/client/dom/blocks/key.js       |  7 +++++++
 .../runtime-runes/samples/key-nan/_config.js    | 17 +++++++++++++++++
 .../runtime-runes/samples/key-nan/main.svelte   | 10 ++++++++++
 4 files changed, 39 insertions(+)
 create mode 100644 .changeset/clear-olives-share.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/key-nan/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/key-nan/main.svelte

diff --git a/.changeset/clear-olives-share.md b/.changeset/clear-olives-share.md
new file mode 100644
index 0000000000..975b2b21b6
--- /dev/null
+++ b/.changeset/clear-olives-share.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: allow `{#key NaN}`
diff --git a/packages/svelte/src/internal/client/dom/blocks/key.js b/packages/svelte/src/internal/client/dom/blocks/key.js
index 849b1c2447..dd40d8a1b8 100644
--- a/packages/svelte/src/internal/client/dom/blocks/key.js
+++ b/packages/svelte/src/internal/client/dom/blocks/key.js
@@ -4,6 +4,8 @@ import { block } from '../../reactivity/effects.js';
 import { hydrate_next, hydrating } from '../hydration.js';
 import { BranchManager } from './branches.js';
 
+const NAN = Symbol('NaN');
+
 /**
  * @template V
  * @param {TemplateNode} node
@@ -23,6 +25,11 @@ export function key(node, get_key, render_fn) {
 	block(() => {
 		var key = get_key();
 
+		// NaN !== NaN, hence we do this workaround to not trigger remounts unnecessarily
+		if (key !== key) {
+			key = /** @type {any} */ (NAN);
+		}
+
 		// key blocks in Svelte <5 had stupid semantics
 		if (legacy && key !== null && typeof key === 'object') {
 			key = /** @type {V} */ ({});
diff --git a/packages/svelte/tests/runtime-runes/samples/key-nan/_config.js b/packages/svelte/tests/runtime-runes/samples/key-nan/_config.js
new file mode 100644
index 0000000000..bd0dd06761
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/key-nan/_config.js
@@ -0,0 +1,17 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	html: '<button>update</button><p>it rendered</p>',
+
+	test({ assert, target, logs }) {
+		assert.deepEqual(logs, ['rendering']);
+
+		const btn = target.querySelector('button');
+		flushSync(() => btn?.click());
+
+		// should not re-render
+		assert.deepEqual(logs, ['rendering']);
+		assert.htmlEqual(target.innerHTML, '<button>update</button><p>it rendered</p>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/key-nan/main.svelte b/packages/svelte/tests/runtime-runes/samples/key-nan/main.svelte
new file mode 100644
index 0000000000..24f7f2d179
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/key-nan/main.svelte
@@ -0,0 +1,10 @@
+<script>
+	let x = $state(NaN);
+</script>
+
+<button onclick={() => x = NaN}>update</button>
+
+{#key x}
+	{console.log('rendering')}
+	<p>it rendered</p>
+{/key}

From 863c9d6875470ad7699614fe278c0d99903d30f8 Mon Sep 17 00:00:00 2001
From: Andrew Aquino <dawneraq@gmail.com>
Date: Fri, 6 Feb 2026 10:27:13 -0800
Subject: [PATCH 42/71] chore: wrap JSDoc URLs in @see and @link tags (#17617)

* docs: wrap JSDoc URLs in @see and @link tags

* fix: move curly brace to end of URL

* chore: add changeset

* add link text

* regenerate

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/loud-bottles-own.md                |  5 ++++
 packages/svelte/src/ambient.d.ts              | 28 +++++++++----------
 .../src/compiler/phases/1-parse/read/style.js |  2 +-
 .../client/dom/elements/bindings/size.js      |  5 ++--
 .../samples/transition-component/_config.js   |  2 +-
 packages/svelte/types/index.d.ts              | 28 +++++++++----------
 6 files changed, 37 insertions(+), 33 deletions(-)
 create mode 100644 .changeset/loud-bottles-own.md

diff --git a/.changeset/loud-bottles-own.md b/.changeset/loud-bottles-own.md
new file mode 100644
index 0000000000..493dc6c47f
--- /dev/null
+++ b/.changeset/loud-bottles-own.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+chore: wrap JSDoc URLs in `@see` and `@link` tags
diff --git a/packages/svelte/src/ambient.d.ts b/packages/svelte/src/ambient.d.ts
index ec5b799470..159a568477 100644
--- a/packages/svelte/src/ambient.d.ts
+++ b/packages/svelte/src/ambient.d.ts
@@ -16,7 +16,7 @@ declare module '*.svelte' {
  * let count = $state(0);
  * ```
  *
- * https://svelte.dev/docs/svelte/$state
+ * @see {@link https://svelte.dev/docs/svelte/$state Documentation}
  *
  * @param initial The initial value
  */
@@ -126,7 +126,7 @@ declare namespace $state {
 	 * </button>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$state#$state.raw
+	 * @see {@link https://svelte.dev/docs/svelte/$state#$state.raw Documentation}
 	 *
 	 * @param initial The initial value
 	 */
@@ -147,7 +147,7 @@ declare namespace $state {
 	 * </script>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$state#$state.snapshot
+	 * @see {@link https://svelte.dev/docs/svelte/$state#$state.snapshot Documentation}
 	 *
 	 * @param state The value to snapshot
 	 */
@@ -187,7 +187,7 @@ declare namespace $state {
  * let double = $derived(count * 2);
  * ```
  *
- * https://svelte.dev/docs/svelte/$derived
+ * @see {@link https://svelte.dev/docs/svelte/$derived Documentation}
  *
  * @param expression The derived state expression
  */
@@ -209,7 +209,7 @@ declare namespace $derived {
 	 * });
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$derived#$derived.by
+	 * @see {@link https://svelte.dev/docs/svelte/$derived#$derived.by Documentation}
 	 */
 	export function by<T>(fn: () => T): T;
 
@@ -251,7 +251,7 @@ declare namespace $derived {
  *
  * Does not run during server-side rendering.
  *
- * https://svelte.dev/docs/svelte/$effect
+ * @see {@link https://svelte.dev/docs/svelte/$effect Documentation}
  * @param fn The function to execute
  */
 declare function $effect(fn: () => void | (() => void)): void;
@@ -270,7 +270,7 @@ declare namespace $effect {
 	 *
 	 * Does not run during server-side rendering.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.pre
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.pre Documentation}
 	 * @param fn The function to execute
 	 */
 	export function pre(fn: () => void | (() => void)): void;
@@ -278,7 +278,7 @@ declare namespace $effect {
 	/**
 	 * Returns the number of promises that are pending in the current boundary, not including child boundaries.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.pending
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.pending Documentation}
 	 */
 	export function pending(): number;
 
@@ -300,7 +300,7 @@ declare namespace $effect {
 	 *
 	 * This allows you to (for example) add things like subscriptions without causing memory leaks, by putting them in child effects.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.tracking
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.tracking Documentation}
 	 */
 	export function tracking(): boolean;
 
@@ -328,7 +328,7 @@ declare namespace $effect {
 	 * <button onclick={() => cleanup()}>cleanup</button>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.root
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.root Documentation}
 	 */
 	export function root(fn: () => void | (() => void)): () => void;
 
@@ -364,7 +364,7 @@ declare namespace $effect {
  * let { optionalProp = 42, requiredProp, bindableProp = $bindable() }: { optionalProp?: number; requiredProps: string; bindableProp: boolean } = $props();
  * ```
  *
- * https://svelte.dev/docs/svelte/$props
+ * @see {@link https://svelte.dev/docs/svelte/$props Documentation}
  */
 declare function $props(): any;
 
@@ -410,7 +410,7 @@ declare namespace $props {
  * let { propName = $bindable() }: { propName: boolean } = $props();
  * ```
  *
- * https://svelte.dev/docs/svelte/$bindable
+ * @see {@link https://svelte.dev/docs/svelte/$bindable Documentation}
  */
 declare function $bindable<T>(fallback?: T): T;
 
@@ -456,7 +456,7 @@ declare namespace $bindable {
  * $inspect(x, y).with(() => { debugger; });
  * ```
  *
- * https://svelte.dev/docs/svelte/$inspect
+ * @see {@link https://svelte.dev/docs/svelte/$inspect Documentation}
  */
 declare function $inspect<T extends any[]>(
 	...values: T
@@ -522,7 +522,7 @@ declare namespace $inspect {
  *
  * Only available inside custom element components, and only on the client-side.
  *
- * https://svelte.dev/docs/svelte/$host
+ * @see {@link https://svelte.dev/docs/svelte/$host Documentation}
  */
 declare function $host<El extends HTMLElement = HTMLElement>(): El;
 
diff --git a/packages/svelte/src/compiler/phases/1-parse/read/style.js b/packages/svelte/src/compiler/phases/1-parse/read/style.js
index 55647b2c94..4f2db349cd 100644
--- a/packages/svelte/src/compiler/phases/1-parse/read/style.js
+++ b/packages/svelte/src/compiler/phases/1-parse/read/style.js
@@ -568,7 +568,7 @@ function read_attribute_value(parser) {
 }
 
 /**
- * https://www.w3.org/TR/css-syntax-3/#ident-token-diagram
+ * @see {@link https://www.w3.org/TR/css-syntax-3/#ident-token-diagram CSS Syntax Module Level 3}
  * @param {Parser} parser
  */
 function read_identifier(parser) {
diff --git a/packages/svelte/src/internal/client/dom/elements/bindings/size.js b/packages/svelte/src/internal/client/dom/elements/bindings/size.js
index a76c70aab1..016ee5a547 100644
--- a/packages/svelte/src/internal/client/dom/elements/bindings/size.js
+++ b/packages/svelte/src/internal/client/dom/elements/bindings/size.js
@@ -2,9 +2,8 @@ import { effect, teardown } from '../../../reactivity/effects.js';
 import { untrack } from '../../../runtime.js';
 
 /**
- * Resize observer singleton.
- * One listener per element only!
- * https://groups.google.com/a/chromium.org/g/blink-dev/c/z6ienONUb5A/m/F5-VcUZtBAAJ
+ * We create one listener for all elements
+ * @see {@link https://groups.google.com/a/chromium.org/g/blink-dev/c/z6ienONUb5A/m/F5-VcUZtBAAJ Explanation}
  */
 class ResizeObserverSingleton {
 	/** */
diff --git a/packages/svelte/tests/runtime-runes/samples/transition-component/_config.js b/packages/svelte/tests/runtime-runes/samples/transition-component/_config.js
index 414a8b0cc2..1bdf3a5a2e 100644
--- a/packages/svelte/tests/runtime-runes/samples/transition-component/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/transition-component/_config.js
@@ -3,7 +3,7 @@ import { test } from '../../test';
 
 /**
  * $.component() should not break transition
- * https://github.com/sveltejs/svelte/issues/13645
+ * @see {@link https://github.com/sveltejs/svelte/issues/13645}
  */
 export default test({
 	test({ assert, raf, target }) {
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 730e0ff655..62c0e210be 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -3188,7 +3188,7 @@ declare module 'svelte/types/compiler/interfaces' {
  * let count = $state(0);
  * ```
  *
- * https://svelte.dev/docs/svelte/$state
+ * @see {@link https://svelte.dev/docs/svelte/$state Documentation}
  *
  * @param initial The initial value
  */
@@ -3298,7 +3298,7 @@ declare namespace $state {
 	 * </button>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$state#$state.raw
+	 * @see {@link https://svelte.dev/docs/svelte/$state#$state.raw Documentation}
 	 *
 	 * @param initial The initial value
 	 */
@@ -3319,7 +3319,7 @@ declare namespace $state {
 	 * </script>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$state#$state.snapshot
+	 * @see {@link https://svelte.dev/docs/svelte/$state#$state.snapshot Documentation}
 	 *
 	 * @param state The value to snapshot
 	 */
@@ -3359,7 +3359,7 @@ declare namespace $state {
  * let double = $derived(count * 2);
  * ```
  *
- * https://svelte.dev/docs/svelte/$derived
+ * @see {@link https://svelte.dev/docs/svelte/$derived Documentation}
  *
  * @param expression The derived state expression
  */
@@ -3381,7 +3381,7 @@ declare namespace $derived {
 	 * });
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$derived#$derived.by
+	 * @see {@link https://svelte.dev/docs/svelte/$derived#$derived.by Documentation}
 	 */
 	export function by<T>(fn: () => T): T;
 
@@ -3423,7 +3423,7 @@ declare namespace $derived {
  *
  * Does not run during server-side rendering.
  *
- * https://svelte.dev/docs/svelte/$effect
+ * @see {@link https://svelte.dev/docs/svelte/$effect Documentation}
  * @param fn The function to execute
  */
 declare function $effect(fn: () => void | (() => void)): void;
@@ -3442,7 +3442,7 @@ declare namespace $effect {
 	 *
 	 * Does not run during server-side rendering.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.pre
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.pre Documentation}
 	 * @param fn The function to execute
 	 */
 	export function pre(fn: () => void | (() => void)): void;
@@ -3450,7 +3450,7 @@ declare namespace $effect {
 	/**
 	 * Returns the number of promises that are pending in the current boundary, not including child boundaries.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.pending
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.pending Documentation}
 	 */
 	export function pending(): number;
 
@@ -3472,7 +3472,7 @@ declare namespace $effect {
 	 *
 	 * This allows you to (for example) add things like subscriptions without causing memory leaks, by putting them in child effects.
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.tracking
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.tracking Documentation}
 	 */
 	export function tracking(): boolean;
 
@@ -3500,7 +3500,7 @@ declare namespace $effect {
 	 * <button onclick={() => cleanup()}>cleanup</button>
 	 * ```
 	 *
-	 * https://svelte.dev/docs/svelte/$effect#$effect.root
+	 * @see {@link https://svelte.dev/docs/svelte/$effect#$effect.root Documentation}
 	 */
 	export function root(fn: () => void | (() => void)): () => void;
 
@@ -3536,7 +3536,7 @@ declare namespace $effect {
  * let { optionalProp = 42, requiredProp, bindableProp = $bindable() }: { optionalProp?: number; requiredProps: string; bindableProp: boolean } = $props();
  * ```
  *
- * https://svelte.dev/docs/svelte/$props
+ * @see {@link https://svelte.dev/docs/svelte/$props Documentation}
  */
 declare function $props(): any;
 
@@ -3582,7 +3582,7 @@ declare namespace $props {
  * let { propName = $bindable() }: { propName: boolean } = $props();
  * ```
  *
- * https://svelte.dev/docs/svelte/$bindable
+ * @see {@link https://svelte.dev/docs/svelte/$bindable Documentation}
  */
 declare function $bindable<T>(fallback?: T): T;
 
@@ -3628,7 +3628,7 @@ declare namespace $bindable {
  * $inspect(x, y).with(() => { debugger; });
  * ```
  *
- * https://svelte.dev/docs/svelte/$inspect
+ * @see {@link https://svelte.dev/docs/svelte/$inspect Documentation}
  */
 declare function $inspect<T extends any[]>(
 	...values: T
@@ -3694,7 +3694,7 @@ declare namespace $inspect {
  *
  * Only available inside custom element components, and only on the client-side.
  *
- * https://svelte.dev/docs/svelte/$host
+ * @see {@link https://svelte.dev/docs/svelte/$host Documentation}
  */
 declare function $host<El extends HTMLElement = HTMLElement>(): El;
 

From bb00d5b6e75da491bcee7860d3428458fd2f46ef Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 6 Feb 2026 15:05:08 -0500
Subject: [PATCH 43/71] Version Packages (#17615)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/chatty-mammals-find.md         |  5 -----
 .changeset/clear-olives-share.md          |  5 -----
 .changeset/fix-each-bind-store-logical.md |  5 -----
 .changeset/fix-menu-element-a11y-roles.md |  5 -----
 .changeset/forty-worlds-attack.md         |  5 -----
 .changeset/loud-bottles-own.md            |  5 -----
 .changeset/orange-ants-greet.md           |  5 -----
 .changeset/poor-students-nail.md          |  5 -----
 .changeset/sharp-snakes-poke.md           |  5 -----
 .changeset/tiny-owls-pay.md               |  5 -----
 packages/svelte/CHANGELOG.md              | 26 +++++++++++++++++++++++
 packages/svelte/package.json              |  2 +-
 packages/svelte/src/version.js            |  2 +-
 13 files changed, 28 insertions(+), 52 deletions(-)
 delete mode 100644 .changeset/chatty-mammals-find.md
 delete mode 100644 .changeset/clear-olives-share.md
 delete mode 100644 .changeset/fix-each-bind-store-logical.md
 delete mode 100644 .changeset/fix-menu-element-a11y-roles.md
 delete mode 100644 .changeset/forty-worlds-attack.md
 delete mode 100644 .changeset/loud-bottles-own.md
 delete mode 100644 .changeset/orange-ants-greet.md
 delete mode 100644 .changeset/poor-students-nail.md
 delete mode 100644 .changeset/sharp-snakes-poke.md
 delete mode 100644 .changeset/tiny-owls-pay.md

diff --git a/.changeset/chatty-mammals-find.md b/.changeset/chatty-mammals-find.md
deleted file mode 100644
index 373dc0059a..0000000000
--- a/.changeset/chatty-mammals-find.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: ensure infinite effect loops are cleared after flushing
diff --git a/.changeset/clear-olives-share.md b/.changeset/clear-olives-share.md
deleted file mode 100644
index 975b2b21b6..0000000000
--- a/.changeset/clear-olives-share.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: allow `{#key NaN}`
diff --git a/.changeset/fix-each-bind-store-logical.md b/.changeset/fix-each-bind-store-logical.md
deleted file mode 100644
index 1327015124..0000000000
--- a/.changeset/fix-each-bind-store-logical.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: detect store in each block expression regardless of AST shape
diff --git a/.changeset/fix-menu-element-a11y-roles.md b/.changeset/fix-menu-element-a11y-roles.md
deleted file mode 100644
index 75cfe8d310..0000000000
--- a/.changeset/fix-menu-element-a11y-roles.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: treat `<menu>` like `<ul>`/`<ol>` for a11y role checks
diff --git a/.changeset/forty-worlds-attack.md b/.changeset/forty-worlds-attack.md
deleted file mode 100644
index 52bb3644c0..0000000000
--- a/.changeset/forty-worlds-attack.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: add vite-ignore comment inside dynamic crypto import
diff --git a/.changeset/loud-bottles-own.md b/.changeset/loud-bottles-own.md
deleted file mode 100644
index 493dc6c47f..0000000000
--- a/.changeset/loud-bottles-own.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-chore: wrap JSDoc URLs in `@see` and `@link` tags
diff --git a/.changeset/orange-ants-greet.md b/.changeset/orange-ants-greet.md
deleted file mode 100644
index 6f7c684fee..0000000000
--- a/.changeset/orange-ants-greet.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': minor
----
-
-feat: allow use of createContext when instantiating components programmatically
diff --git a/.changeset/poor-students-nail.md b/.changeset/poor-students-nail.md
deleted file mode 100644
index cee650c002..0000000000
--- a/.changeset/poor-students-nail.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"svelte": patch
----
-
-fix: properly hydrate already-resolved async blocks
diff --git a/.changeset/sharp-snakes-poke.md b/.changeset/sharp-snakes-poke.md
deleted file mode 100644
index 7f7f8aa7b2..0000000000
--- a/.changeset/sharp-snakes-poke.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: emit `each_key_duplicate` error in production
diff --git a/.changeset/tiny-owls-pay.md b/.changeset/tiny-owls-pay.md
deleted file mode 100644
index ac25500258..0000000000
--- a/.changeset/tiny-owls-pay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: exit resolved async blocks on correct node when hydrating
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index a71effd5dd..b251e778ef 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,31 @@
 # svelte
 
+## 5.50.0
+
+### Minor Changes
+
+- feat: allow use of createContext when instantiating components programmatically ([#17575](https://github.com/sveltejs/svelte/pull/17575))
+
+### Patch Changes
+
+- fix: ensure infinite effect loops are cleared after flushing ([#17601](https://github.com/sveltejs/svelte/pull/17601))
+
+- fix: allow `{#key NaN}` ([#17642](https://github.com/sveltejs/svelte/pull/17642))
+
+- fix: detect store in each block expression regardless of AST shape ([#17636](https://github.com/sveltejs/svelte/pull/17636))
+
+- fix: treat `<menu>` like `<ul>`/`<ol>` for a11y role checks ([#17638](https://github.com/sveltejs/svelte/pull/17638))
+
+- fix: add vite-ignore comment inside dynamic crypto import ([#17623](https://github.com/sveltejs/svelte/pull/17623))
+
+- chore: wrap JSDoc URLs in `@see` and `@link` tags ([#17617](https://github.com/sveltejs/svelte/pull/17617))
+
+- fix: properly hydrate already-resolved async blocks ([#17641](https://github.com/sveltejs/svelte/pull/17641))
+
+- fix: emit `each_key_duplicate` error in production ([#16724](https://github.com/sveltejs/svelte/pull/16724))
+
+- fix: exit resolved async blocks on correct node when hydrating ([#17640](https://github.com/sveltejs/svelte/pull/17640))
+
 ## 5.49.2
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 48f492783f..82d0d1a8ed 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.49.2",
+  "version": "5.50.0",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 31538c3fe7..3aefb2e1f6 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.49.2';
+export const VERSION = '5.50.0';
 export const PUBLIC_VERSION = '5';

From 9749ee869c4a3473a50a3a42daa2ee8896d41898 Mon Sep 17 00:00:00 2001
From: 7nik <kifiranet@gmail.com>
Date: Sat, 7 Feb 2026 01:09:42 +0200
Subject: [PATCH 44/71] chore: add xhtml tests (#17597)

* add xhtml tests

* unused

* tweak

* more tests

* tweak

* we don't need to actually check the HTML - if it's malformed in SSR or mount, it will throw

* same here

* unused, so we can revert this

* and this

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 eslint.config.js                              |  1 +
 packages/svelte/tests/html_equal.js           | 16 ++++++++--------
 .../samples/attribute-quotes/_config.js       |  3 +++
 .../samples/attribute-quotes/main.svelte      |  2 ++
 .../samples/autoclosed-tags/_config.js        |  3 +++
 .../samples/autoclosed-tags/main.svelte       |  6 ++++++
 .../samples/boolean-attributes/_config.js     |  5 +++++
 .../samples/boolean-attributes/main.svelte    |  1 +
 .../samples/comment-marker/_config.js         |  3 +++
 .../samples/comment-marker/main.svelte        |  1 +
 .../runtime-xhtml/samples/is-xhtml/_config.js |  8 ++++++++
 .../samples/is-xhtml/main.svelte              |  5 +++++
 .../samples/void-tags/_config.js              |  3 +++
 .../samples/void-tags/main.svelte             | 15 +++++++++++++++
 packages/svelte/tests/runtime-xhtml/test.ts   |  9 +++++++++
 vitest-xhtml-environment.ts                   | 19 +++++++++++++++++++
 16 files changed, 92 insertions(+), 8 deletions(-)
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/comment-marker/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/comment-marker/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/is-xhtml/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/is-xhtml/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/void-tags/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/void-tags/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/test.ts
 create mode 100644 vitest-xhtml-environment.ts

diff --git a/eslint.config.js b/eslint.config.js
index 0e0e0bc729..04d9294394 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -102,6 +102,7 @@ export default [
 			'playgrounds/sandbox/**',
 			// exclude top level config files
 			'*.config.js',
+			'vitest-xhtml-environment.ts',
 			// documentation can contain invalid examples
 			'documentation',
 			'tmp/**'
diff --git a/packages/svelte/tests/html_equal.js b/packages/svelte/tests/html_equal.js
index 76a4a957a5..cdb8f52e37 100644
--- a/packages/svelte/tests/html_equal.js
+++ b/packages/svelte/tests/html_equal.js
@@ -9,7 +9,9 @@ function clean_children(node, opts) {
 	let previous = null;
 	let has_element_children = false;
 	let template =
-		node.nodeName === 'TEMPLATE' ? /** @type {HTMLTemplateElement} */ (node) : undefined;
+		node.nodeName.toUpperCase() === 'TEMPLATE'
+			? /** @type {HTMLTemplateElement} */ (node)
+			: undefined;
 
 	if (template) {
 		const div = document.createElement('div');
@@ -23,22 +25,20 @@ function clean_children(node, opts) {
 	});
 
 	attributes.forEach((attr) => {
-		node.removeAttribute(attr.name);
+		if (attr.name !== 'xmlns') node.removeAttribute(attr.name);
 	});
 
-	attributes.forEach((attr) => {
+	attributes.forEach(({ name, value }) => {
 		// Strip out the special onload/onerror hydration events from the test output
-		if ((attr.name === 'onload' || attr.name === 'onerror') && attr.value === 'this.__e=event') {
+		if (['onload', 'onerror', 'xmlns'].includes(name) && value === 'this.__e=event') {
 			return;
 		}
 
-		let value = attr.value;
-
-		if (attr.name === 'class') {
+		if (name === 'class') {
 			value = value.replace(/svelte-\w+/, 'svelte-xyz123');
 		}
 
-		node.setAttribute(attr.name, value);
+		node.setAttribute(name, value);
 	});
 
 	for (let child of [...node.childNodes]) {
diff --git a/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/_config.js b/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/_config.js
new file mode 100644
index 0000000000..f47bee71df
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/main.svelte
new file mode 100644
index 0000000000..82db611c12
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/attribute-quotes/main.svelte
@@ -0,0 +1,2 @@
+<div foo=bar></div>
+<div foo='bar baz'></div>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/_config.js b/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/_config.js
new file mode 100644
index 0000000000..f47bee71df
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/main.svelte
new file mode 100644
index 0000000000..18a4463ce1
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/autoclosed-tags/main.svelte
@@ -0,0 +1,6 @@
+<ul><li><li></ul>
+<dl><dt><dd><dd></dl>
+<p><p><div></div>
+<ruby><rp><rt><rt></ruby>
+<select><option><optgroup><optgroup></select>
+<table><thead><tbody><tfoot><tbody><tr><td><th></tr><tr></table>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
new file mode 100644
index 0000000000..f965e04b02
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	skip: true
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/main.svelte
new file mode 100644
index 0000000000..3d2fc88d10
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/main.svelte
@@ -0,0 +1 @@
+<input disabled hidden>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/comment-marker/_config.js b/packages/svelte/tests/runtime-xhtml/samples/comment-marker/_config.js
new file mode 100644
index 0000000000..f47bee71df
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/comment-marker/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/comment-marker/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/comment-marker/main.svelte
new file mode 100644
index 0000000000..8dd87ce81e
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/comment-marker/main.svelte
@@ -0,0 +1 @@
+{#each [1,2] as i}{i}{/each}
diff --git a/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/_config.js b/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/_config.js
new file mode 100644
index 0000000000..52dddb4ad7
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/_config.js
@@ -0,0 +1,8 @@
+import { test } from '../../test';
+
+export default test({
+	mode: ['client'],
+	test({ assert, target }) {
+		assert.htmlEqual(target.innerHTML, `<div>div</div>`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/main.svelte
new file mode 100644
index 0000000000..27a4378d0f
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/is-xhtml/main.svelte
@@ -0,0 +1,5 @@
+<script>
+	let elem = $state();
+	let nodeName = $derived(elem?.nodeName);
+</script>
+<div bind:this={elem}>{nodeName}</div>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/void-tags/_config.js b/packages/svelte/tests/runtime-xhtml/samples/void-tags/_config.js
new file mode 100644
index 0000000000..f47bee71df
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/void-tags/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/void-tags/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/void-tags/main.svelte
new file mode 100644
index 0000000000..08ea2838b3
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/void-tags/main.svelte
@@ -0,0 +1,15 @@
+<area alt="">
+<base>
+<br>
+<col>
+<embed>
+<hr>
+<img alt="">
+<input>
+<keygen>
+<link>
+<meta>
+<param>
+<source>
+<track>
+<wbr>
diff --git a/packages/svelte/tests/runtime-xhtml/test.ts b/packages/svelte/tests/runtime-xhtml/test.ts
new file mode 100644
index 0000000000..416300dc58
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/test.ts
@@ -0,0 +1,9 @@
+// @vitest-environment vitest-xhtml-environment.ts
+
+import { runtime_suite, ok } from '../runtime-legacy/shared';
+
+const { test, run } = runtime_suite(true);
+
+export { test, ok };
+
+await run(__dirname);
diff --git a/vitest-xhtml-environment.ts b/vitest-xhtml-environment.ts
new file mode 100644
index 0000000000..dc8b271440
--- /dev/null
+++ b/vitest-xhtml-environment.ts
@@ -0,0 +1,19 @@
+import { type Environment, builtinEnvironments } from 'vitest/environments';
+
+const xhtml_page = `<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body></body></html>`;
+
+export default <Environment>{
+	name: 'jsdom-xhtml',
+	transformMode: 'web',
+	setup(global, { jsdom = {} }) {
+		return builtinEnvironments.jsdom.setup(global, {
+			jsdom: {
+				...jsdom,
+				html: xhtml_page,
+				contentType: 'application/xhtml+xml'
+			}
+		});
+	}
+};

From 6ad6eb1bbf5bce809eb8e2f4495b422fc7c60c51 Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Sat, 7 Feb 2026 00:38:22 +0100
Subject: [PATCH 45/71] docs: add section on conditional attachments (#17599)

---
 documentation/docs/03-template-syntax/09-@attach.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/documentation/docs/03-template-syntax/09-@attach.md b/documentation/docs/03-template-syntax/09-@attach.md
index b25fbb32a6..8814ead487 100644
--- a/documentation/docs/03-template-syntax/09-@attach.md
+++ b/documentation/docs/03-template-syntax/09-@attach.md
@@ -82,6 +82,14 @@ Attachments can also be created inline ([demo](/playground/untitled#H4sIAAAAAAAA
 > [!NOTE]
 > The nested effect runs whenever `color` changes, while the outer effect (where `canvas.getContext(...)` is called) only runs once, since it doesn't read any reactive state.
 
+## Conditional attachments
+
+Falsy values like `false` or `undefined` are treated as no attachment, enabling conditional usage:
+
+```svelte
+<div {@attach enabled && myAttachment}>...</div>
+```
+
 ## Passing attachments to components
 
 When used on a component, `{@attach ...}` will create a prop whose key is a [`Symbol`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol). If the component then [spreads](/tutorial/svelte/spread-props) props onto an element, the element will receive those attachments.

From d047bc6e2a7238fadff45d09a779a17dc14aeafd Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Sat, 7 Feb 2026 19:49:03 -0500
Subject: [PATCH 46/71] fix: render boolean attribute values as empty strings
 for XHTML compliance (#17648)

---
 .changeset/tired-cities-wink.md                           | 5 +++++
 .../phases/3-transform/client/visitors/RegularElement.js  | 5 +----
 .../phases/3-transform/server/visitors/shared/element.js  | 8 +-------
 .../runtime-xhtml/samples/boolean-attributes/_config.js   | 4 +---
 .../skip-static-subtree/_expected/server/index.svelte.js  | 2 +-
 5 files changed, 9 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/tired-cities-wink.md

diff --git a/.changeset/tired-cities-wink.md b/.changeset/tired-cities-wink.md
new file mode 100644
index 0000000000..a319b5b2b0
--- /dev/null
+++ b/.changeset/tired-cities-wink.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: render boolean attribute values as empty strings for XHTML compliance
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
index 720522beaf..f651586dd8 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
@@ -256,10 +256,7 @@ export function RegularElement(node, context) {
 				}
 
 				if (name !== 'class' || value) {
-					context.state.template.set_prop(
-						attribute.name,
-						is_boolean_attribute(name) && value === true ? undefined : value === true ? '' : value
-					);
+					context.state.template.set_prop(attribute.name, value === true ? '' : value);
 				}
 			} else if (name === 'autofocus') {
 				let { value } = build_attribute_value(attribute.value, context);
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
index 979efef6b9..f4f491c056 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
@@ -235,13 +235,7 @@ export function build_element_attributes(node, context, transform) {
 
 				if (name !== 'class' || literal_value) {
 					context.state.template.push(
-						b.literal(
-							` ${attribute.name}${
-								is_boolean_attribute(name) && literal_value === true
-									? ''
-									: `="${literal_value === true ? '' : String(literal_value)}"`
-							}`
-						)
+						b.literal(` ${attribute.name}="${literal_value === true ? '' : String(literal_value)}"`)
 					);
 				}
 
diff --git a/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
index f965e04b02..f47bee71df 100644
--- a/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
+++ b/packages/svelte/tests/runtime-xhtml/samples/boolean-attributes/_config.js
@@ -1,5 +1,3 @@
 import { test } from '../../test';
 
-export default test({
-	skip: true
-});
+export default test({});
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
index 7a9f6193d7..b1babb514c 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
@@ -3,7 +3,7 @@ import * as $ from 'svelte/internal/server';
 export default function Skip_static_subtree($$renderer, $$props) {
 	let { title, content } = $$props;
 
-	$$renderer.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus/></div> <div><source muted/></div> <select>`);
+	$$renderer.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus=""/></div> <div><source muted=""/></div> <select>`);
 
 	$$renderer.option({ value: 'a' }, ($$renderer) => {
 		$$renderer.push(`a`);

From 0a404c986380f7a9880733864229c4be9e08e098 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Sun, 8 Feb 2026 01:51:21 +0100
Subject: [PATCH 47/71] fix: prevent async render tag hydration mismatches
 (#17652)

If the render tag is wrapped in `$.async`, that `$.async` call already contains surrounding markers, so we must not add our own to avoid hydration mismatches. Related to #17641, fixes #17225
---
 .changeset/two-places-speak.md                    |  5 +++++
 .../3-transform/server/visitors/RenderTag.js      |  4 +++-
 .../samples/async-render-hydration/_config.js     | 11 +++++++++++
 .../samples/async-render-hydration/main.svelte    | 15 +++++++++++++++
 4 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/two-places-speak.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-render-hydration/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-render-hydration/main.svelte

diff --git a/.changeset/two-places-speak.md b/.changeset/two-places-speak.md
new file mode 100644
index 0000000000..957377b26b
--- /dev/null
+++ b/.changeset/two-places-speak.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: prevent async render tag hydration mismatches
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
index fe20e85e1b..ac671c0188 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js
@@ -37,7 +37,9 @@ export function RenderTag(node, context) {
 
 	context.state.template.push(...optimiser.render_block([statement]));
 
-	if (!context.state.is_standalone) {
+	// If the render tag is wrapped in $.async, that $.async call already contains surrounding markers,
+	// so we don't need to (or rather must not, to avoid hydration mismatches) add our own.
+	if (!optimiser.is_async() && !context.state.is_standalone) {
 		context.state.template.push(empty_comment);
 	}
 }
diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-hydration/_config.js b/packages/svelte/tests/runtime-runes/samples/async-render-hydration/_config.js
new file mode 100644
index 0000000000..2e37b0b9ac
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-render-hydration/_config.js
@@ -0,0 +1,11 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['hydrate'],
+
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, `Count: 1 Double: 2`);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-hydration/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-render-hydration/main.svelte
new file mode 100644
index 0000000000..e26ff87567
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-render-hydration/main.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+	let count = $state(1);
+	async function getDouble(count: number) {
+		return count * 2;
+	}
+	const double = $derived(await getDouble(count));
+</script>
+
+Count: {count}
+
+{#snippet ssr(num: number)}
+	{num}
+{/snippet}
+
+Double: {@render ssr(double)}

From 67c4a3811770daeac3ec1df48a99f39659e4a980 Mon Sep 17 00:00:00 2001
From: Mohit Kourav <mohitdas852@gmail.com>
Date: Sun, 8 Feb 2026 06:22:56 +0530
Subject: [PATCH 48/71] docs: add explanatory comments to empty catch blocks
 (#17651)

* docs: add explanatory comments to empty catch blocks

* Update equality.js

* Refactor error handling in inspect.js

Simplified error handling in render_effect.

* Update inspect.js

* Update packages/svelte/src/internal/client/dev/console-log.js

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
---
 packages/svelte/src/internal/client/dev/console-log.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/internal/client/dev/console-log.js b/packages/svelte/src/internal/client/dev/console-log.js
index d314359ef6..38860eb767 100644
--- a/packages/svelte/src/internal/client/dev/console-log.js
+++ b/packages/svelte/src/internal/client/dev/console-log.js
@@ -28,7 +28,9 @@ export function log_if_contains_state(method, ...objects) {
 				// eslint-disable-next-line no-console
 				console.log('%c[snapshot]', 'color: grey', ...transformed);
 			}
-		} catch {}
+		} catch {
+			// Errors can occur when trying to snapshot objects with getters that throw or non-enumerable properties.
+		}
 	});
 
 	return objects;

From f09785424b87e52cefe27d7ed725c2559829e2e6 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Mon, 9 Feb 2026 14:37:05 -0500
Subject: [PATCH 49/71] docs: add crosslinks (#17663)

---
 documentation/docs/02-runes/02-$state.md                 | 1 +
 documentation/docs/02-runes/03-$derived.md               | 1 +
 documentation/docs/02-runes/04-$effect.md                | 1 +
 documentation/docs/02-runes/05-$props.md                 | 1 +
 documentation/docs/02-runes/07-$inspect.md               | 1 +
 documentation/docs/03-template-syntax/02-if.md           | 1 +
 documentation/docs/03-template-syntax/03-each.md         | 1 +
 documentation/docs/03-template-syntax/04-key.md          | 1 +
 documentation/docs/03-template-syntax/05-await.md        | 1 +
 documentation/docs/03-template-syntax/08-@html.md        | 1 +
 documentation/docs/03-template-syntax/09-@attach.md      | 1 +
 documentation/docs/03-template-syntax/14-transition.md   | 1 +
 documentation/docs/03-template-syntax/15-in-and-out.md   | 3 ++-
 documentation/docs/03-template-syntax/17-style.md        | 1 +
 documentation/docs/03-template-syntax/18-class.md        | 1 +
 documentation/docs/04-styling/01-scoped-styles.md        | 1 +
 documentation/docs/04-styling/02-global-styles.md        | 1 +
 documentation/docs/04-styling/03-custom-properties.md    | 1 +
 documentation/docs/98-reference/21-svelte-attachments.md | 1 +
 documentation/docs/98-reference/21-svelte-transition.md  | 1 +
 20 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/documentation/docs/02-runes/02-$state.md b/documentation/docs/02-runes/02-$state.md
index 6fbf3b8895..d763b6578f 100644
--- a/documentation/docs/02-runes/02-$state.md
+++ b/documentation/docs/02-runes/02-$state.md
@@ -1,5 +1,6 @@
 ---
 title: $state
+tags: rune-state
 ---
 
 The `$state` rune allows you to create _reactive state_, which means that your UI _reacts_ when it changes.
diff --git a/documentation/docs/02-runes/03-$derived.md b/documentation/docs/02-runes/03-$derived.md
index d3e46eb22d..35cb6c1912 100644
--- a/documentation/docs/02-runes/03-$derived.md
+++ b/documentation/docs/02-runes/03-$derived.md
@@ -1,5 +1,6 @@
 ---
 title: $derived
+tags: rune-derived
 ---
 
 Derived state is declared with the `$derived` rune:
diff --git a/documentation/docs/02-runes/04-$effect.md b/documentation/docs/02-runes/04-$effect.md
index 6c42f55795..d41c5b8e6a 100644
--- a/documentation/docs/02-runes/04-$effect.md
+++ b/documentation/docs/02-runes/04-$effect.md
@@ -1,5 +1,6 @@
 ---
 title: $effect
+tags: rune-effect
 ---
 
 Effects are functions that run when state updates, and can be used for things like calling third-party libraries, drawing on `<canvas>` elements, or making network requests. They only run in the browser, not during server-side rendering.
diff --git a/documentation/docs/02-runes/05-$props.md b/documentation/docs/02-runes/05-$props.md
index bd5ae16853..737cdf523e 100644
--- a/documentation/docs/02-runes/05-$props.md
+++ b/documentation/docs/02-runes/05-$props.md
@@ -1,5 +1,6 @@
 ---
 title: $props
+tags: rune-props
 ---
 
 The inputs to a component are referred to as _props_, which is short for _properties_. You pass props to components just like you pass attributes to elements:
diff --git a/documentation/docs/02-runes/07-$inspect.md b/documentation/docs/02-runes/07-$inspect.md
index 6d47e30e27..f67e250b45 100644
--- a/documentation/docs/02-runes/07-$inspect.md
+++ b/documentation/docs/02-runes/07-$inspect.md
@@ -1,5 +1,6 @@
 ---
 title: $inspect
+tags: rune-inspect
 ---
 
 > [!NOTE] `$inspect` only works during development. In a production build it becomes a noop.
diff --git a/documentation/docs/03-template-syntax/02-if.md b/documentation/docs/03-template-syntax/02-if.md
index 1378733e6f..499f6d219c 100644
--- a/documentation/docs/03-template-syntax/02-if.md
+++ b/documentation/docs/03-template-syntax/02-if.md
@@ -1,5 +1,6 @@
 ---
 title: {#if ...}
+tags: template-if
 ---
 
 ```svelte
diff --git a/documentation/docs/03-template-syntax/03-each.md b/documentation/docs/03-template-syntax/03-each.md
index 57ed0def71..424e16a18a 100644
--- a/documentation/docs/03-template-syntax/03-each.md
+++ b/documentation/docs/03-template-syntax/03-each.md
@@ -1,5 +1,6 @@
 ---
 title: {#each ...}
+tags: template-each
 ---
 
 ```svelte
diff --git a/documentation/docs/03-template-syntax/04-key.md b/documentation/docs/03-template-syntax/04-key.md
index 10b6ab4358..6c88e28f86 100644
--- a/documentation/docs/03-template-syntax/04-key.md
+++ b/documentation/docs/03-template-syntax/04-key.md
@@ -1,5 +1,6 @@
 ---
 title: {#key ...}
+tags: template-key
 ---
 
 ```svelte
diff --git a/documentation/docs/03-template-syntax/05-await.md b/documentation/docs/03-template-syntax/05-await.md
index 842b3c7e32..aebaf8d33a 100644
--- a/documentation/docs/03-template-syntax/05-await.md
+++ b/documentation/docs/03-template-syntax/05-await.md
@@ -1,5 +1,6 @@
 ---
 title: {#await ...}
+tags: template-await
 ---
 
 ```svelte
diff --git a/documentation/docs/03-template-syntax/08-@html.md b/documentation/docs/03-template-syntax/08-@html.md
index 6d8a8be0c6..36b8ad36b3 100644
--- a/documentation/docs/03-template-syntax/08-@html.md
+++ b/documentation/docs/03-template-syntax/08-@html.md
@@ -1,5 +1,6 @@
 ---
 title: {@html ...}
+tags: template-html
 ---
 
 To inject raw HTML into your component, use the `{@html ...}` tag:
diff --git a/documentation/docs/03-template-syntax/09-@attach.md b/documentation/docs/03-template-syntax/09-@attach.md
index 8814ead487..0087923b15 100644
--- a/documentation/docs/03-template-syntax/09-@attach.md
+++ b/documentation/docs/03-template-syntax/09-@attach.md
@@ -1,5 +1,6 @@
 ---
 title: {@attach ...}
+tags: attachments
 ---
 
 Attachments are functions that run in an [effect]($effect) when an element is mounted to the DOM or when [state]($state) read inside the function updates.
diff --git a/documentation/docs/03-template-syntax/14-transition.md b/documentation/docs/03-template-syntax/14-transition.md
index c51175c272..9b14b7b25b 100644
--- a/documentation/docs/03-template-syntax/14-transition.md
+++ b/documentation/docs/03-template-syntax/14-transition.md
@@ -1,5 +1,6 @@
 ---
 title: transition:
+tags: transitions
 ---
 
 A _transition_ is triggered by an element entering or leaving the DOM as a result of a state change.
diff --git a/documentation/docs/03-template-syntax/15-in-and-out.md b/documentation/docs/03-template-syntax/15-in-and-out.md
index f4e37c845e..8adb62bf14 100644
--- a/documentation/docs/03-template-syntax/15-in-and-out.md
+++ b/documentation/docs/03-template-syntax/15-in-and-out.md
@@ -1,5 +1,6 @@
 ---
 title: in: and out:
+tags: transitions
 ---
 
 The `in:` and `out:` directives are identical to [`transition:`](transition), except that the resulting transitions are not bidirectional — an `in` transition will continue to 'play' alongside the `out` transition, rather than reversing, if the block is outroed while the transition is in progress. If an out transition is aborted, transitions will restart from scratch.
@@ -7,7 +8,7 @@ The `in:` and `out:` directives are identical to [`transition:`](transition), ex
 ```svelte
 <script>
   import { fade, fly } from 'svelte/transition';
-  
+
   let visible = $state(false);
 </script>
 
diff --git a/documentation/docs/03-template-syntax/17-style.md b/documentation/docs/03-template-syntax/17-style.md
index aa61cdcde3..8b25c221d6 100644
--- a/documentation/docs/03-template-syntax/17-style.md
+++ b/documentation/docs/03-template-syntax/17-style.md
@@ -1,5 +1,6 @@
 ---
 title: style:
+tags: template-style
 ---
 
 The `style:` directive provides a shorthand for setting multiple styles on an element.
diff --git a/documentation/docs/03-template-syntax/18-class.md b/documentation/docs/03-template-syntax/18-class.md
index db85db4b37..5d7cb3100d 100644
--- a/documentation/docs/03-template-syntax/18-class.md
+++ b/documentation/docs/03-template-syntax/18-class.md
@@ -1,5 +1,6 @@
 ---
 title: class
+tags: template-style
 ---
 
 There are two ways to set classes on elements: the `class` attribute, and the `class:` directive.
diff --git a/documentation/docs/04-styling/01-scoped-styles.md b/documentation/docs/04-styling/01-scoped-styles.md
index eae26d0cb1..cdfbeab19b 100644
--- a/documentation/docs/04-styling/01-scoped-styles.md
+++ b/documentation/docs/04-styling/01-scoped-styles.md
@@ -1,5 +1,6 @@
 ---
 title: Scoped styles
+tags: styles-scoped
 ---
 
 Svelte components can include a `<style>` element containing CSS that belongs to the component. This CSS is _scoped_ by default, meaning that styles will not apply to any elements on the page outside the component in question.
diff --git a/documentation/docs/04-styling/02-global-styles.md b/documentation/docs/04-styling/02-global-styles.md
index 8e9cf8d0cb..140b976dc5 100644
--- a/documentation/docs/04-styling/02-global-styles.md
+++ b/documentation/docs/04-styling/02-global-styles.md
@@ -1,5 +1,6 @@
 ---
 title: Global styles
+tags: styles-global
 ---
 
 ## :global(...)
diff --git a/documentation/docs/04-styling/03-custom-properties.md b/documentation/docs/04-styling/03-custom-properties.md
index 49984c6ce4..09faee3a98 100644
--- a/documentation/docs/04-styling/03-custom-properties.md
+++ b/documentation/docs/04-styling/03-custom-properties.md
@@ -1,5 +1,6 @@
 ---
 title: Custom properties
+tags: styles-custom-properties
 ---
 
 You can pass CSS custom properties — both static and dynamic — to components:
diff --git a/documentation/docs/98-reference/21-svelte-attachments.md b/documentation/docs/98-reference/21-svelte-attachments.md
index e446bdddc2..c414d3bbca 100644
--- a/documentation/docs/98-reference/21-svelte-attachments.md
+++ b/documentation/docs/98-reference/21-svelte-attachments.md
@@ -1,5 +1,6 @@
 ---
 title: svelte/attachments
+tags: attachments
 ---
 
 > MODULE: svelte/attachments
diff --git a/documentation/docs/98-reference/21-svelte-transition.md b/documentation/docs/98-reference/21-svelte-transition.md
index 396bc0aebf..e2ff6dbd0e 100644
--- a/documentation/docs/98-reference/21-svelte-transition.md
+++ b/documentation/docs/98-reference/21-svelte-transition.md
@@ -1,5 +1,6 @@
 ---
 title: svelte/transition
+tags: transitions
 ---
 
 > MODULE: svelte/transition

From 35c845e35deefb621f73b2f3d8845441c3669705 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Mon, 9 Feb 2026 20:58:37 -0500
Subject: [PATCH 50/71] Version Packages (#17653)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/tired-cities-wink.md | 5 -----
 .changeset/two-places-speak.md  | 5 -----
 packages/svelte/CHANGELOG.md    | 8 ++++++++
 packages/svelte/package.json    | 2 +-
 packages/svelte/src/version.js  | 2 +-
 5 files changed, 10 insertions(+), 12 deletions(-)
 delete mode 100644 .changeset/tired-cities-wink.md
 delete mode 100644 .changeset/two-places-speak.md

diff --git a/.changeset/tired-cities-wink.md b/.changeset/tired-cities-wink.md
deleted file mode 100644
index a319b5b2b0..0000000000
--- a/.changeset/tired-cities-wink.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: render boolean attribute values as empty strings for XHTML compliance
diff --git a/.changeset/two-places-speak.md b/.changeset/two-places-speak.md
deleted file mode 100644
index 957377b26b..0000000000
--- a/.changeset/two-places-speak.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: prevent async render tag hydration mismatches
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index b251e778ef..3fcc8edfc1 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,13 @@
 # svelte
 
+## 5.50.1
+
+### Patch Changes
+
+- fix: render boolean attribute values as empty strings for XHTML compliance ([#17648](https://github.com/sveltejs/svelte/pull/17648))
+
+- fix: prevent async render tag hydration mismatches ([#17652](https://github.com/sveltejs/svelte/pull/17652))
+
 ## 5.50.0
 
 ### Minor Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 82d0d1a8ed..8ebb0a6b32 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.50.0",
+  "version": "5.50.1",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 3aefb2e1f6..0af5fb8ca0 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.50.0';
+export const VERSION = '5.50.1';
 export const PUBLIC_VERSION = '5';

From bd5480b9d08ef0022c03345b914694aa73e30d33 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Tue, 10 Feb 2026 15:45:34 +0100
Subject: [PATCH 51/71] fix: reduce if block nesting (#17662)

* fix: reduce if block nesting

This reduces if block nesting similar to how we did it in #15250 (which got lost during the `await` feature introduction): If the if expression doesn't contain an await expression or is not dependent on a blocker that is not already resolved, then we can avoid creating a separate `$.if()` statement. The one trade-off is that we'll do re-invocations  for all the conditions leading up to the condition that matches. Therefore non-simple if expressions are wrapper in `$.derived` to avoid excessive recomputations.

closes #17659 (~320 markers in prod mode possible now; less in dev because of our "wrap this component with devtime info" method)
helps with #15200

* tweak

* feedback
---
 .changeset/wild-dolls-hang.md                 |   5 +
 .../phases/2-analyze/visitors/IfBlock.js      |  19 ++
 .../3-transform/client/visitors/Fragment.js   |   6 +-
 .../3-transform/client/visitors/IfBlock.js    |  85 +++++---
 .../3-transform/server/visitors/IfBlock.js    |  34 ++-
 packages/svelte/src/compiler/phases/nodes.js  |  13 ++
 .../svelte/src/compiler/types/template.d.ts   |   2 +
 .../src/internal/client/dom/blocks/if.js      |  36 ++--
 .../src/internal/client/dom/hydration.js      |   7 +-
 .../samples/async-if-nested/_config.js        |  12 ++
 .../samples/async-if-nested/main.svelte       |  21 ++
 .../async-state-new-branch/Child.svelte       |   7 +
 .../samples/async-state-new-branch/_config.js |  47 ++++
 .../async-state-new-branch/main.svelte        |  28 +++
 .../samples/async-if-chain/_config.js         |   3 +
 .../_expected/client/index.svelte.js          | 201 ++++++++++++++++++
 .../_expected/server/index.svelte.js          | 110 ++++++++++
 .../samples/async-if-chain/index.svelte       |  59 +++++
 18 files changed, 647 insertions(+), 48 deletions(-)
 create mode 100644 .changeset/wild-dolls-hang.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-nested/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-if-nested/main.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-state-new-branch/Child.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-state-new-branch/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-state-new-branch/main.svelte
 create mode 100644 packages/svelte/tests/snapshot/samples/async-if-chain/_config.js
 create mode 100644 packages/svelte/tests/snapshot/samples/async-if-chain/_expected/client/index.svelte.js
 create mode 100644 packages/svelte/tests/snapshot/samples/async-if-chain/_expected/server/index.svelte.js
 create mode 100644 packages/svelte/tests/snapshot/samples/async-if-chain/index.svelte

diff --git a/.changeset/wild-dolls-hang.md b/.changeset/wild-dolls-hang.md
new file mode 100644
index 0000000000..a7b3436d69
--- /dev/null
+++ b/.changeset/wild-dolls-hang.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: reduce if block nesting
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/IfBlock.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/IfBlock.js
index dcdae3587f..64855abdaf 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/IfBlock.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/IfBlock.js
@@ -24,4 +24,23 @@ export function IfBlock(node, context) {
 
 	context.visit(node.consequent);
 	if (node.alternate) context.visit(node.alternate);
+
+	// Check if we can flatten branches
+	const alt = node.alternate;
+
+	if (alt && alt.nodes.length === 1 && alt.nodes[0].type === 'IfBlock' && alt.nodes[0].elseif) {
+		const elseif = alt.nodes[0];
+
+		// Don't flatten if this else-if has an await expression or new blockers
+		// TODO would be nice to check the await expression itself to see if it's awaiting the same thing as a previous if expression
+		if (
+			!elseif.metadata.expression.has_await &&
+			!elseif.metadata.expression.has_more_blockers_than(node.metadata.expression)
+		) {
+			// Roll the existing flattened branches (if any) into this one, then delete those of the else-if block
+			// to avoid processing them multiple times as we walk down the chain during code transformation.
+			node.metadata.flattened = [elseif, ...(elseif.metadata.flattened ?? [])];
+			elseif.metadata.flattened = undefined;
+		}
+	}
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
index 00b0cfaa2e..be919d380c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/Fragment.js
@@ -47,7 +47,11 @@ export function Fragment(node, context) {
 	const is_single_element = trimmed.length === 1 && trimmed[0].type === 'RegularElement';
 	const is_single_child_not_needing_template =
 		trimmed.length === 1 &&
-		(trimmed[0].type === 'SvelteFragment' || trimmed[0].type === 'TitleElement');
+		(trimmed[0].type === 'SvelteFragment' ||
+			trimmed[0].type === 'TitleElement' ||
+			(trimmed[0].type === 'IfBlock' &&
+				trimmed[0].elseif &&
+				/** @type {AST.IfBlock} */ (parent).metadata.flattened?.includes(trimmed[0])));
 	const template_name = context.state.scope.root.unique('root'); // TODO infer name from parent
 
 	/** @type {Statement[]} */
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
index c0e66635df..0d31c42d11 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/IfBlock.js
@@ -1,4 +1,4 @@
-/** @import { BlockStatement, Expression } from 'estree' */
+/** @import { BlockStatement, Expression, IfStatement, Statement } from 'estree' */
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types' */
 import * as b from '#compiler/builders';
@@ -10,40 +10,75 @@ import { build_expression, add_svelte_meta } from './shared/utils.js';
  */
 export function IfBlock(node, context) {
 	context.state.template.push_comment();
+
+	/** @type {Statement[]} */
 	const statements = [];
 
-	const consequent = /** @type {BlockStatement} */ (context.visit(node.consequent));
-	const consequent_id = b.id(context.state.scope.generate('consequent'));
+	const has_await = node.metadata.expression.has_await;
+	const has_blockers = node.metadata.expression.has_blockers();
+	const expression = build_expression(context, node.test, node.metadata.expression);
+
+	// Build the if/else-if/else chain
+	let index = 0;
+	/** @type {IfStatement | undefined} */
+	let first_if;
+	/** @type {IfStatement | undefined} */
+	let last_if;
+	/** @type {AST.IfBlock | undefined} */
+	let last_alt;
 
-	statements.push(b.var(consequent_id, b.arrow([b.id('$$anchor')], consequent)));
+	for (const branch of [node, ...(node.metadata.flattened ?? [])]) {
+		const consequent = /** @type {BlockStatement} */ (context.visit(branch.consequent));
+		const consequent_id = b.id(context.state.scope.generate('consequent'));
+		statements.push(b.var(consequent_id, b.arrow([b.id('$$anchor')], consequent)));
 
-	let alternate_id;
+		// Build the test expression for this branch
+		/** @type {Expression} */
+		let test;
 
-	if (node.alternate) {
-		const alternate = /** @type {BlockStatement} */ (context.visit(node.alternate));
-		alternate_id = b.id(context.state.scope.generate('alternate'));
-		statements.push(b.var(alternate_id, b.arrow([b.id('$$anchor')], alternate)));
+		if (branch.metadata.expression.has_await) {
+			// Top-level condition with await: already resolved by $.async wrapper
+			test = b.call('$.get', b.id('$$condition'));
+		} else {
+			const expression = build_expression(context, branch.test, branch.metadata.expression);
+
+			if (branch.metadata.expression.has_call) {
+				const derived_id = b.id(context.state.scope.generate('d'));
+				statements.push(b.var(derived_id, b.call('$.derived', b.arrow([], expression))));
+				test = b.call('$.get', derived_id);
+			} else {
+				test = expression;
+			}
+		}
+
+		const render_call = b.stmt(b.call('$$render', consequent_id, index > 0 && b.literal(index)));
+		const new_if = b.if(test, render_call);
+
+		if (last_if) {
+			last_if.alternate = new_if;
+		} else {
+			first_if = new_if;
+		}
+
+		last_alt = branch;
+		last_if = new_if;
+		index++;
 	}
 
-	const has_await = node.metadata.expression.has_await;
-	const has_blockers = node.metadata.expression.has_blockers();
+	// Handle final alternate (else branch, remaining async chain, or nothing)
+	if (last_if && last_alt?.alternate) {
+		const alternate = /** @type {BlockStatement} */ (context.visit(last_alt.alternate));
+		const alternate_id = b.id(context.state.scope.generate('alternate'));
+		statements.push(b.var(alternate_id, b.arrow([b.id('$$anchor')], alternate)));
 
-	const expression = build_expression(context, node.test, node.metadata.expression);
-	const test = has_await ? b.call('$.get', b.id('$$condition')) : expression;
+		last_if.alternate = b.stmt(b.call('$$render', alternate_id, b.literal(false)));
+	}
 
+	// Build $.if() arguments
 	/** @type {Expression[]} */
 	const args = [
 		context.state.node,
-		b.arrow(
-			[b.id('$$render')],
-			b.block([
-				b.if(
-					test,
-					b.stmt(b.call('$$render', consequent_id)),
-					alternate_id && b.stmt(b.call('$$render', alternate_id, b.literal(false)))
-				)
-			])
-		)
+		b.arrow([b.id('$$render')], first_if ? b.block([first_if]) : b.block([]))
 	];
 
 	if (node.elseif) {
@@ -67,7 +102,9 @@ export function IfBlock(node, context) {
 		//
 		// ...even though they're logically equivalent. In the first case, the
 		// transition will only play when `y` changes, but in the second it
-		// should play when `x` or `y` change — both are considered 'local'
+		// should play when `x` or `y` change — both are considered 'local'.
+		// This could also be a non-flattened elseif (because it has an async expression).
+		// In both cases mark as elseif so the runtime uses EFFECT_TRANSPARENT for transitions.
 		args.push(b.true);
 	}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
index 06b1b1e966..e3f5f88705 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js
@@ -1,4 +1,4 @@
-/** @import { BlockStatement, Expression, Statement } from 'estree' */
+/** @import { BlockStatement, Expression, IfStatement, Statement } from 'estree' */
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
@@ -9,23 +9,37 @@ import { block_close, block_open, block_open_else, create_child_block } from './
  * @param {ComponentContext} context
  */
 export function IfBlock(node, context) {
-	const test = /** @type {Expression} */ (context.visit(node.test));
 	const consequent = /** @type {BlockStatement} */ (context.visit(node.consequent));
+	consequent.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open)));
 
-	const alternate = node.alternate
-		? /** @type {BlockStatement} */ (context.visit(node.alternate))
-		: b.block([]);
+	/** @type {IfStatement} */
+	let if_statement = b.if(/** @type {Expression} */ (context.visit(node.test)), consequent);
 
-	consequent.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open)));
+	let index = 1;
+	let current_if = if_statement;
+	let alt = node.alternate;
+
+	// Walk the else-if chain, flattening branches
+	for (const elseif of node.metadata.flattened ?? []) {
+		const branch = /** @type {BlockStatement} */ (context.visit(elseif.consequent));
+		branch.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), b.literal(`<!--[${index++}-->`))));
+
+		current_if = current_if.alternate = b.if(
+			/** @type {Expression} */ (context.visit(elseif.test)),
+			branch
+		);
+		alt = elseif.alternate;
+	}
 
-	alternate.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open_else)));
+	// Handle final else (or remaining async chain)
+	const final_alternate = alt ? /** @type {BlockStatement} */ (context.visit(alt)) : b.block([]);
 
-	/** @type {Statement} */
-	let statement = b.if(test, consequent, alternate);
+	final_alternate.body.unshift(b.stmt(b.call(b.id('$$renderer.push'), block_open_else)));
+	current_if.alternate = final_alternate;
 
 	context.state.template.push(
 		...create_child_block(
-			[statement],
+			[if_statement],
 			node.metadata.expression.blockers(),
 			node.metadata.expression.has_await
 		),
diff --git a/packages/svelte/src/compiler/phases/nodes.js b/packages/svelte/src/compiler/phases/nodes.js
index f302603409..2e54f333a8 100644
--- a/packages/svelte/src/compiler/phases/nodes.js
+++ b/packages/svelte/src/compiler/phases/nodes.js
@@ -118,6 +118,19 @@ export class ExpressionMetadata {
 		return this.#get_blockers().size > 0;
 	}
 
+	/**
+	 * @param {ExpressionMetadata} other
+	 */
+	has_more_blockers_than(other) {
+		for (const blocker of this.#get_blockers()) {
+			if (!other.#get_blockers().has(blocker)) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+
 	is_async() {
 		return this.has_await || this.#get_blockers().size > 0;
 	}
diff --git a/packages/svelte/src/compiler/types/template.d.ts b/packages/svelte/src/compiler/types/template.d.ts
index b924406d0f..d44a31349a 100644
--- a/packages/svelte/src/compiler/types/template.d.ts
+++ b/packages/svelte/src/compiler/types/template.d.ts
@@ -483,6 +483,8 @@ export namespace AST {
 		alternate: Fragment | null;
 		/** @internal */
 		metadata: {
+			/** List of else-if blocks that can be flattened into this if block */
+			flattened?: IfBlock[];
 			expression: ExpressionMetadata;
 		};
 	}
diff --git a/packages/svelte/src/internal/client/dom/blocks/if.js b/packages/svelte/src/internal/client/dom/blocks/if.js
index 7fa5ca464d..f2b1cf80a5 100644
--- a/packages/svelte/src/internal/client/dom/blocks/if.js
+++ b/packages/svelte/src/internal/client/dom/blocks/if.js
@@ -9,14 +9,12 @@ import {
 	set_hydrating
 } from '../hydration.js';
 import { block } from '../../reactivity/effects.js';
-import { HYDRATION_START_ELSE } from '../../../../constants.js';
 import { BranchManager } from './branches.js';
-
-// TODO reinstate https://github.com/sveltejs/svelte/pull/15250
+import { HYDRATION_START, HYDRATION_START_ELSE } from '../../../../constants.js';
 
 /**
  * @param {TemplateNode} node
- * @param {(branch: (fn: (anchor: Node) => void, flag?: boolean) => void) => void} fn
+ * @param {(branch: (fn: (anchor: Node) => void, key?: number | false) => void) => void} fn
  * @param {boolean} [elseif] True if this is an `{:else if ...}` block rather than an `{#if ...}`, as that affects which transitions are considered 'local'
  * @returns {void}
  */
@@ -29,14 +27,28 @@ export function if_block(node, fn, elseif = false) {
 	var flags = elseif ? EFFECT_TRANSPARENT : 0;
 
 	/**
-	 * @param {boolean} condition,
+	 * @param {number | false} key
 	 * @param {null | ((anchor: Node) => void)} fn
 	 */
-	function update_branch(condition, fn) {
+	function update_branch(key, fn) {
 		if (hydrating) {
-			const is_else = read_hydration_instruction(node) === HYDRATION_START_ELSE;
+			const data = read_hydration_instruction(node);
+
+			/**
+			 * @type {number | false}
+			 * "[" = branch 0, "[1" = branch 1, "[2" = branch 2, ..., "[!" = else (false)
+			 */
+			var hydrated_key;
+
+			if (data === HYDRATION_START) {
+				hydrated_key = 0;
+			} else if (data === HYDRATION_START_ELSE) {
+				hydrated_key = false;
+			} else {
+				hydrated_key = parseInt(data.substring(1)); // "[1", "[2", etc.
+			}
 
-			if (condition === is_else) {
+			if (key !== hydrated_key) {
 				// Hydration mismatch: remove everything inside the anchor and start fresh.
 				// This could happen with `{#if browser}...{/if}`, for example
 				var anchor = skip_nodes();
@@ -45,22 +57,22 @@ export function if_block(node, fn, elseif = false) {
 				branches.anchor = anchor;
 
 				set_hydrating(false);
-				branches.ensure(condition, fn);
+				branches.ensure(key, fn);
 				set_hydrating(true);
 
 				return;
 			}
 		}
 
-		branches.ensure(condition, fn);
+		branches.ensure(key, fn);
 	}
 
 	block(() => {
 		var has_branch = false;
 
-		fn((fn, flag = true) => {
+		fn((fn, key = 0) => {
 			has_branch = true;
-			update_branch(flag, fn);
+			update_branch(key, fn);
 		});
 
 		if (!has_branch) {
diff --git a/packages/svelte/src/internal/client/dom/hydration.js b/packages/svelte/src/internal/client/dom/hydration.js
index 7a9ef33d1b..83833f493d 100644
--- a/packages/svelte/src/internal/client/dom/hydration.js
+++ b/packages/svelte/src/internal/client/dom/hydration.js
@@ -95,7 +95,12 @@ export function skip_nodes(remove = true) {
 			if (data === HYDRATION_END) {
 				if (depth === 0) return node;
 				depth -= 1;
-			} else if (data === HYDRATION_START || data === HYDRATION_START_ELSE) {
+			} else if (
+				data === HYDRATION_START ||
+				data === HYDRATION_START_ELSE ||
+				// "[1", "[2", etc. for if blocks
+				(data[0] === '[' && !isNaN(Number(data.slice(1))))
+			) {
 				depth += 1;
 			}
 		}
diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-nested/_config.js b/packages/svelte/tests/runtime-runes/samples/async-if-nested/_config.js
new file mode 100644
index 0000000000..49cae28cc4
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-if-nested/_config.js
@@ -0,0 +1,12 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['async-server', 'hydrate', 'client'],
+	ssrHtml: `bar blocking`,
+
+	async test({ assert, target }) {
+		await tick();
+		assert.htmlEqual(target.innerHTML, 'bar blocking');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-if-nested/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-if-nested/main.svelte
new file mode 100644
index 0000000000..cfb17e3c76
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-if-nested/main.svelte
@@ -0,0 +1,21 @@
+<script>
+  let foo = $state(false);
+  let blocking = $derived(await foo);
+  let bar = Promise.resolve(true);
+</script>
+
+{#if foo}
+  foo
+{:else if await bar}
+  bar
+{:else}
+  else
+{/if}
+
+{#if foo}
+  foo
+{:else if !blocking}
+  blocking
+{:else}
+  else
+{/if}
diff --git a/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/Child.svelte b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/Child.svelte
new file mode 100644
index 0000000000..6b765526c8
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/Child.svelte
@@ -0,0 +1,7 @@
+<script>
+	let { x } = $props();
+	console.log(x);
+	$effect(() => console.log('$effect: '+ x))
+</script>
+
+{x}
diff --git a/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/_config.js b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/_config.js
new file mode 100644
index 0000000000..f2091eb6ab
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/_config.js
@@ -0,0 +1,47 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	skip: true, // this fails on main, too; skip for now
+	async test({ assert, target, logs }) {
+		const [x, y, resolve] = target.querySelectorAll('button');
+
+		x.click();
+		await tick();
+		assert.deepEqual(logs, ['universe']);
+
+		y.click();
+		await tick();
+		assert.deepEqual(logs, ['universe', 'world', '$effect: world']);
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<button>x</button>
+			<button>y++</button>
+			<button>resolve</button>
+			world
+		`
+		);
+
+		resolve.click();
+		await tick();
+		assert.deepEqual(logs, [
+			'universe',
+			'world',
+			'$effect: world',
+			'$effect: universe',
+			'$effect: universe'
+		]);
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<button>x</button>
+			<button>y++</button>
+			<button>resolve</button>
+			universe
+			universe
+			universe
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/main.svelte
new file mode 100644
index 0000000000..8edc718de2
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-state-new-branch/main.svelte
@@ -0,0 +1,28 @@
+<script>
+	import Child from './Child.svelte';
+
+	let x = $state('world');
+	let y = $state(0);
+	let deferred = [];
+
+	function delay(s) {
+		const d = Promise.withResolvers();
+		deferred.push(() => d.resolve(s))
+		return d.promise;
+	}
+</script>
+
+<button onclick={() => x = 'universe'}>x</button>
+
+<button onclick={() => y++}>y++</button>
+
+<button onclick={() => deferred.shift()()}>resolve</button>
+
+{#if x === 'universe'}
+	{await delay(x)}
+	<Child {x} />
+{/if}
+
+{#if y > 0}
+	<Child {x} />
+{/if}
diff --git a/packages/svelte/tests/snapshot/samples/async-if-chain/_config.js b/packages/svelte/tests/snapshot/samples/async-if-chain/_config.js
new file mode 100644
index 0000000000..2e30bbeb16
--- /dev/null
+++ b/packages/svelte/tests/snapshot/samples/async-if-chain/_config.js
@@ -0,0 +1,3 @@
+import { test } from '../../test';
+
+export default test({ compileOptions: { experimental: { async: true } } });
diff --git a/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/client/index.svelte.js
new file mode 100644
index 0000000000..b55e3010b8
--- /dev/null
+++ b/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/client/index.svelte.js
@@ -0,0 +1,201 @@
+import 'svelte/internal/disclose-version';
+import 'svelte/internal/flags/async';
+import * as $ from 'svelte/internal/client';
+
+var root = $.from_html(`<!> <!> <!> <!> <!>`, 1);
+
+export default function Async_if_chain($$anchor) {
+	function complex1() {
+		return 1;
+	}
+
+	let foo = true;
+	var blocking;
+	var $$promises = $.run([async () => blocking = await $.async_derived(() => foo)]);
+	var fragment = root();
+	var node = $.first_child(fragment);
+
+	$.async(node, [$$promises[0]], void 0, (node) => {
+		var consequent = ($$anchor) => {
+			var text = $.text('foo');
+
+			$.append($$anchor, text);
+		};
+
+		var consequent_1 = ($$anchor) => {
+			var text_1 = $.text('bar');
+
+			$.append($$anchor, text_1);
+		};
+
+		var alternate = ($$anchor) => {
+			var text_2 = $.text('else');
+
+			$.append($$anchor, text_2);
+		};
+
+		$.if(node, ($$render) => {
+			if (foo) $$render(consequent); else if (bar) $$render(consequent_1, 1); else $$render(alternate, false);
+		});
+	});
+
+	var node_1 = $.sibling(node, 2);
+
+	$.async(node_1, [$$promises[0]], [() => foo], (node_1, $$condition) => {
+		var consequent_2 = ($$anchor) => {
+			var text_3 = $.text('foo');
+
+			$.append($$anchor, text_3);
+		};
+
+		var consequent_3 = ($$anchor) => {
+			var text_4 = $.text('bar');
+
+			$.append($$anchor, text_4);
+		};
+
+		var alternate_2 = ($$anchor) => {
+			var fragment_1 = $.comment();
+			var node_2 = $.first_child(fragment_1);
+
+			$.async(node_2, [], [() => baz], (node_2, $$condition) => {
+				var consequent_4 = ($$anchor) => {
+					var text_5 = $.text('baz');
+
+					$.append($$anchor, text_5);
+				};
+
+				var alternate_1 = ($$anchor) => {
+					var text_6 = $.text('else');
+
+					$.append($$anchor, text_6);
+				};
+
+				$.if(
+					node_2,
+					($$render) => {
+						if ($.get($$condition)) $$render(consequent_4); else $$render(alternate_1, false);
+					},
+					true
+				);
+			});
+
+			$.append($$anchor, fragment_1);
+		};
+
+		$.if(node_1, ($$render) => {
+			if ($.get($$condition)) $$render(consequent_2); else if (bar) $$render(consequent_3, 1); else $$render(alternate_2, false);
+		});
+	});
+
+	var node_3 = $.sibling(node_1, 2);
+
+	$.async(node_3, [$$promises[0]], [async () => (await $.save(foo))() > 10], (node_3, $$condition) => {
+		var consequent_5 = ($$anchor) => {
+			var text_7 = $.text('foo');
+
+			$.append($$anchor, text_7);
+		};
+
+		var consequent_6 = ($$anchor) => {
+			var text_8 = $.text('bar');
+
+			$.append($$anchor, text_8);
+		};
+
+		var alternate_4 = ($$anchor) => {
+			var fragment_2 = $.comment();
+			var node_4 = $.first_child(fragment_2);
+
+			$.async(node_4, [$$promises[0]], [async () => (await $.save(foo))() > 5], (node_4, $$condition) => {
+				var consequent_7 = ($$anchor) => {
+					var text_9 = $.text('baz');
+
+					$.append($$anchor, text_9);
+				};
+
+				var alternate_3 = ($$anchor) => {
+					var text_10 = $.text('else');
+
+					$.append($$anchor, text_10);
+				};
+
+				$.if(
+					node_4,
+					($$render) => {
+						if ($.get($$condition)) $$render(consequent_7); else $$render(alternate_3, false);
+					},
+					true
+				);
+			});
+
+			$.append($$anchor, fragment_2);
+		};
+
+		$.if(node_3, ($$render) => {
+			if ($.get($$condition)) $$render(consequent_5); else if (bar) $$render(consequent_6, 1); else $$render(alternate_4, false);
+		});
+	});
+
+	var node_5 = $.sibling(node_3, 2);
+
+	{
+		var consequent_8 = ($$anchor) => {
+			var text_11 = $.text('foo');
+
+			$.append($$anchor, text_11);
+		};
+
+		var consequent_9 = ($$anchor) => {
+			var text_12 = $.text('bar');
+
+			$.append($$anchor, text_12);
+		};
+
+		var consequent_10 = ($$anchor) => {
+			var text_13 = $.text('baz');
+
+			$.append($$anchor, text_13);
+		};
+
+		var d = $.derived(() => complex1() * complex2 > 100);
+
+		var alternate_5 = ($$anchor) => {
+			var text_14 = $.text('else');
+
+			$.append($$anchor, text_14);
+		};
+
+		$.if(node_5, ($$render) => {
+			if (simple1) $$render(consequent_8); else if (simple2 > 10) $$render(consequent_9, 1); else if ($.get(d)) $$render(consequent_10, 2); else $$render(alternate_5, false);
+		});
+	}
+
+	var node_6 = $.sibling(node_5, 2);
+
+	$.async(node_6, [$$promises[0]], void 0, (node_6) => {
+		var consequent_11 = ($$anchor) => {
+			var text_15 = $.text('foo');
+
+			$.append($$anchor, text_15);
+		};
+
+		var consequent_12 = ($$anchor) => {
+			var text_16 = $.text('bar');
+
+			$.append($$anchor, text_16);
+		};
+
+		var alternate_6 = ($$anchor) => {
+			var text_17 = $.text('else');
+
+			$.append($$anchor, text_17);
+		};
+
+		$.if(node_6, ($$render) => {
+			if ($.get(blocking) > 10) $$render(consequent_11); else if ($.get(blocking) > 5) $$render(consequent_12, 1); else $$render(alternate_6, false);
+		});
+	});
+
+	$.append($$anchor, fragment);
+}
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/server/index.svelte.js
new file mode 100644
index 0000000000..91315edb94
--- /dev/null
+++ b/packages/svelte/tests/snapshot/samples/async-if-chain/_expected/server/index.svelte.js
@@ -0,0 +1,110 @@
+import 'svelte/internal/flags/async';
+import * as $ from 'svelte/internal/server';
+
+export default function Async_if_chain($$renderer) {
+	function complex1() {
+		return 1;
+	}
+
+	let foo = true;
+	var blocking;
+	var $$promises = $$renderer.run([async () => blocking = await foo]);
+
+	$$renderer.async_block([$$promises[0]], ($$renderer) => {
+		if (foo) {
+			$$renderer.push('<!--[-->');
+			$$renderer.push(`foo`);
+		} else if (bar) {
+			$$renderer.push('<!--[1-->');
+			$$renderer.push(`bar`);
+		} else {
+			$$renderer.push('<!--[!-->');
+			$$renderer.push(`else`);
+		}
+	});
+
+	$$renderer.push(`<!--]--> `);
+
+	$$renderer.async_block([$$promises[0]], async ($$renderer) => {
+		if ((await $.save(foo))()) {
+			$$renderer.push('<!--[-->');
+			$$renderer.push(`foo`);
+		} else if (bar) {
+			$$renderer.push('<!--[1-->');
+			$$renderer.push(`bar`);
+		} else {
+			$$renderer.push('<!--[!-->');
+
+			$$renderer.child_block(async ($$renderer) => {
+				if ((await $.save(baz))()) {
+					$$renderer.push('<!--[-->');
+					$$renderer.push(`baz`);
+				} else {
+					$$renderer.push('<!--[!-->');
+					$$renderer.push(`else`);
+				}
+			});
+
+			$$renderer.push(`<!--]-->`);
+		}
+	});
+
+	$$renderer.push(`<!--]--> `);
+
+	$$renderer.async_block([$$promises[0]], async ($$renderer) => {
+		if ((await $.save(foo))() > 10) {
+			$$renderer.push('<!--[-->');
+			$$renderer.push(`foo`);
+		} else if (bar) {
+			$$renderer.push('<!--[1-->');
+			$$renderer.push(`bar`);
+		} else {
+			$$renderer.push('<!--[!-->');
+
+			$$renderer.async_block([$$promises[0]], async ($$renderer) => {
+				if ((await $.save(foo))() > 5) {
+					$$renderer.push('<!--[-->');
+					$$renderer.push(`baz`);
+				} else {
+					$$renderer.push('<!--[!-->');
+					$$renderer.push(`else`);
+				}
+			});
+
+			$$renderer.push(`<!--]-->`);
+		}
+	});
+
+	$$renderer.push(`<!--]--> `);
+
+	if (simple1) {
+		$$renderer.push('<!--[-->');
+		$$renderer.push(`foo`);
+	} else if (simple2 > 10) {
+		$$renderer.push('<!--[1-->');
+		$$renderer.push(`bar`);
+	} else if (complex1() * complex2 > 100) {
+		$$renderer.push('<!--[2-->');
+		$$renderer.push(`baz`);
+	} else {
+		$$renderer.push('<!--[!-->');
+		$$renderer.push(`else`);
+	}
+
+	$$renderer.push(`<!--]--> `);
+
+	$$renderer.async_block([$$promises[0]], ($$renderer) => {
+		if (blocking > 10) {
+			$$renderer.push('<!--[-->');
+			$$renderer.push(`foo`);
+		} else if (blocking > 5) {
+			$$renderer.push('<!--[1-->');
+			$$renderer.push(`bar`);
+		} else {
+			$$renderer.push('<!--[!-->');
+			$$renderer.push(`else`);
+		}
+	});
+
+	$$renderer.push(`<!--]-->`);
+}
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/async-if-chain/index.svelte b/packages/svelte/tests/snapshot/samples/async-if-chain/index.svelte
new file mode 100644
index 0000000000..1f216af0b0
--- /dev/null
+++ b/packages/svelte/tests/snapshot/samples/async-if-chain/index.svelte
@@ -0,0 +1,59 @@
+<script>
+  function complex1() {
+    return 1;
+  }
+
+  let foo = $state(true);
+  let blocking = $derived(await foo);
+</script>
+
+<!-- simple chain - should have no nested $.if() -->
+{#if foo}
+  foo
+{:else if bar}
+  bar
+{:else}
+  else
+{/if}
+
+<!-- simple chain with await expressions - should have $.if() at each await expression -->
+{#if await foo}
+  foo
+{:else if bar}
+  bar
+{:else if await baz}
+  baz
+{:else}
+  else
+{/if}
+
+<!-- simple chain with await expressions #2 - should have $.if() at each await expression (ideally we can detect that await foo is unnecessary to await multiple times and this is one $.if()) -->
+{#if await foo > 10}
+  foo
+{:else if bar}
+  bar
+{:else if await foo > 5}
+  baz
+{:else}
+  else
+{/if}
+
+<!-- simple chain with some expressions that cause a $.derived - should be one $.if() -->
+{#if simple1}
+  foo
+{:else if simple2 > 10}
+  bar
+{:else if complex1() * complex2 > 100}
+  baz
+{:else}
+  else
+{/if}
+
+<!-- simple chain with blocking expressions - should be one $.if() -->
+{#if blocking > 10}
+  foo
+{:else if blocking > 5}
+  bar
+{:else}
+  else
+{/if}

From 15fe6b85c09ab543f603f64121fb86df9dbb02f7 Mon Sep 17 00:00:00 2001
From: Mohit Kourav <mohitdas852@gmail.com>
Date: Tue, 10 Feb 2026 20:36:26 +0530
Subject: [PATCH 52/71] feat: add warning when media.play() fails in
 bind:paused (#17656)

* feat: add warning when media.play() fails in bind:paused

* chore: fix formatting in media.js

* chore: use Rich Harris's suggested approach for media.play() error handling

* Apply suggestion from @Rich-Harris

---------

Co-authored-by: Rich Harris <hello@rich-harris.dev>
---
 .changeset/orange-wasps-visit.md                             | 5 +++++
 .../src/internal/client/dom/elements/bindings/media.js       | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/orange-wasps-visit.md

diff --git a/.changeset/orange-wasps-visit.md b/.changeset/orange-wasps-visit.md
new file mode 100644
index 0000000000..972ff636b8
--- /dev/null
+++ b/.changeset/orange-wasps-visit.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: don't swallow `DOMException` when `media.play()` fails in `bind:paused`
diff --git a/packages/svelte/src/internal/client/dom/elements/bindings/media.js b/packages/svelte/src/internal/client/dom/elements/bindings/media.js
index f96ee05989..87da950375 100644
--- a/packages/svelte/src/internal/client/dom/elements/bindings/media.js
+++ b/packages/svelte/src/internal/client/dom/elements/bindings/media.js
@@ -175,8 +175,9 @@ export function bind_paused(media, get, set = get) {
 			if (paused) {
 				media.pause();
 			} else {
-				media.play().catch(() => {
+				media.play().catch((error) => {
 					set((paused = true));
+					throw error;
 				});
 			}
 		}

From e3d7f3986f8b0117ce6358e1c6e54f5d5e38d3e8 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 10 Feb 2026 15:23:29 -0500
Subject: [PATCH 53/71] chore: update ESLint to v10 (#17670)

* chore: update ESLint to v10

Update eslint and related plugins/configs. Bump CI lint job to Node 24
(ESLint 10 requires ^20.19.0 || ^22.13.0 || >=24). Replace removed
Linter.FlatConfig type with Linter.Config.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix: address new `no-useless-assignment` violations from ESLint 10

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* dedupe

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 .github/workflows/ci.yml                      |   2 +-
 eslint.config.js                              |   2 +-
 package.json                                  |  18 +-
 .../phases/1-parse/utils/fuzzymatch.js        |   3 +-
 .../server/visitors/shared/element.js         |   2 +-
 packages/svelte/src/internal/client/proxy.js  |   2 +-
 .../src/internal/client/reactivity/sources.js |   1 +
 pnpm-lock.yaml                                | 546 +++++++++---------
 8 files changed, 294 insertions(+), 282 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8dcf1e45dc..23d814d527 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -86,7 +86,7 @@ jobs:
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version: 24
           cache: pnpm
       - name: install
         run: pnpm install --frozen-lockfile
diff --git a/eslint.config.js b/eslint.config.js
index 04d9294394..0e8382427b 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -33,7 +33,7 @@ const no_compiler_imports = {
 	}
 };
 
-/** @type {import('eslint').Linter.FlatConfig[]} */
+/** @type {import('eslint').Linter.Config[]} */
 export default [
 	...svelte_config,
 	{
diff --git a/package.json b/package.json
index e7faf26c13..b305ce9cd1 100644
--- a/package.json
+++ b/package.json
@@ -27,22 +27,30 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
-    "@sveltejs/eslint-config": "^8.3.3",
+    "@sveltejs/eslint-config": "^8.3.5",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
     "@types/node": "^20.11.5",
     "@types/picomatch": "^4.0.2",
     "@vitest/coverage-v8": "^2.1.9",
-    "eslint": "^9.9.1",
-    "eslint-plugin-lube": "^0.4.3",
-    "eslint-plugin-svelte": "^3.11.0",
+    "@eslint/js": "^10.0.0",
+    "eslint": "^10.0.0",
+    "eslint-plugin-lube": "^0.5.1",
+    "eslint-plugin-svelte": "^3.15.0",
     "jsdom": "25.0.1",
     "playwright": "^1.58.0",
     "prettier": "^3.2.4",
     "prettier-plugin-svelte": "^3.4.0",
     "svelte": "workspace:^",
     "typescript": "^5.5.4",
-    "typescript-eslint": "^8.48.1",
+    "typescript-eslint": "^8.55.0",
     "v8-natives": "^1.2.5",
     "vitest": "^2.1.9"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "allowedVersions": {
+        "eslint": "10"
+      }
+    }
   }
 }
diff --git a/packages/svelte/src/compiler/phases/1-parse/utils/fuzzymatch.js b/packages/svelte/src/compiler/phases/1-parse/utils/fuzzymatch.js
index 28b314cdd5..c8cf7f14ff 100644
--- a/packages/svelte/src/compiler/phases/1-parse/utils/fuzzymatch.js
+++ b/packages/svelte/src/compiler/phases/1-parse/utils/fuzzymatch.js
@@ -46,10 +46,11 @@ function levenshtein(str1, str2) {
 	/** @type {number[]} */
 	const current = [];
 	let prev = 0;
-	let value = 0;
 
 	for (let i = 0; i <= str2.length; i++) {
 		for (let j = 0; j <= str1.length; j++) {
+			let value;
+
 			if (i && j) {
 				if (str1.charAt(j - 1) === str2.charAt(i - 1)) {
 					value = prev;
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
index f4f491c056..5bc8fb15b5 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
@@ -538,7 +538,7 @@ function build_attr_style(style_directives, expression, context, transform) {
 				name = name.toLowerCase();
 			}
 
-			const property = b.init(directive.name, expression);
+			const property = b.init(name, expression);
 			if (directive.modifiers.includes('important')) {
 				important_properties.push(property);
 			} else {
diff --git a/packages/svelte/src/internal/client/proxy.js b/packages/svelte/src/internal/client/proxy.js
index c8802e2672..51333e597f 100644
--- a/packages/svelte/src/internal/client/proxy.js
+++ b/packages/svelte/src/internal/client/proxy.js
@@ -126,7 +126,7 @@ export function proxy(value) {
 			}
 			var s = sources.get(prop);
 			if (s === undefined) {
-				s = with_parent(() => {
+				with_parent(() => {
 					var s = source(descriptor.value, stack);
 					sources.set(prop, s);
 					if (DEV && typeof prop === 'string') {
diff --git a/packages/svelte/src/internal/client/reactivity/sources.js b/packages/svelte/src/internal/client/reactivity/sources.js
index 3ef08588c4..52dd4ebe41 100644
--- a/packages/svelte/src/internal/client/reactivity/sources.js
+++ b/packages/svelte/src/internal/client/reactivity/sources.js
@@ -302,6 +302,7 @@ export function update_pre(source, d = 1) {
 	var value = get(source);
 
 	// @ts-expect-error
+	// eslint-disable-next-line no-useless-assignment -- `++`/`--` used for return value, not side effect on `value`
 	return set(source, d === 1 ? ++value : --value);
 }
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6d3e66825c..48c2a52cc5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,9 +11,12 @@ importers:
       '@changesets/cli':
         specifier: ^2.29.8
         version: 2.29.8(@types/node@20.19.17)
+      '@eslint/js':
+        specifier: ^10.0.0
+        version: 10.0.1(eslint@10.0.0)
       '@sveltejs/eslint-config':
-        specifier: ^8.3.3
-        version: 8.3.3(@stylistic/eslint-plugin-js@1.8.0(eslint@9.9.1))(eslint-config-prettier@9.1.0(eslint@9.9.1))(eslint-plugin-n@17.16.1(eslint@9.9.1)(typescript@5.5.4))(eslint-plugin-svelte@3.11.0(eslint@9.9.1)(svelte@packages+svelte))(eslint@9.9.1)(typescript-eslint@8.48.1(eslint@9.9.1)(typescript@5.5.4))(typescript@5.5.4)
+        specifier: ^8.3.5
+        version: 8.3.5(@stylistic/eslint-plugin-js@1.8.0(eslint@10.0.0))(eslint-config-prettier@9.1.0(eslint@10.0.0))(eslint-plugin-n@17.16.1(eslint@10.0.0)(typescript@5.5.4))(eslint-plugin-svelte@3.15.0(eslint@10.0.0)(svelte@packages+svelte))(eslint@10.0.0)(typescript-eslint@8.55.0(eslint@10.0.0)(typescript@5.5.4))(typescript@5.5.4)
       '@svitejs/changesets-changelog-github-compact':
         specifier: ^1.1.0
         version: 1.1.0
@@ -27,14 +30,14 @@ importers:
         specifier: ^2.1.9
         version: 2.1.9(vitest@2.1.9(@types/node@20.19.17)(jsdom@25.0.1)(lightningcss@1.23.0)(sass@1.70.0)(terser@5.27.0))
       eslint:
-        specifier: ^9.9.1
-        version: 9.9.1
+        specifier: ^10.0.0
+        version: 10.0.0
       eslint-plugin-lube:
-        specifier: ^0.4.3
-        version: 0.4.3
+        specifier: ^0.5.1
+        version: 0.5.1(eslint@10.0.0)
       eslint-plugin-svelte:
-        specifier: ^3.11.0
-        version: 3.11.0(eslint@9.9.1)(svelte@packages+svelte)
+        specifier: ^3.15.0
+        version: 3.15.0(eslint@10.0.0)(svelte@packages+svelte)
       jsdom:
         specifier: 25.0.1
         version: 25.0.1
@@ -54,8 +57,8 @@ importers:
         specifier: ^5.5.4
         version: 5.5.4
       typescript-eslint:
-        specifier: ^8.48.1
-        version: 8.48.1(eslint@9.9.1)(typescript@5.5.4)
+        specifier: ^8.55.0
+        version: 8.55.0(eslint@10.0.0)(typescript@5.5.4)
       v8-natives:
         specifier: ^1.2.5
         version: 1.2.5
@@ -570,8 +573,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@eslint-community/eslint-utils@4.9.0':
-    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
@@ -580,28 +583,49 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
-  '@eslint/config-array@0.18.0':
-    resolution: {integrity: sha512-fTxvnS1sRMu3+JjXwJG0j/i4RT9u4qJ+lqS/yCGap4lH4zZGzQ7tu+xZqQmcMZq5OBZDL4QRxQzRjkWcGt8IVw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  '@eslint/config-array@0.23.1':
+    resolution: {integrity: sha512-uVSdg/V4dfQmTjJzR0szNczjOH/J+FyUMMjYtr07xFRXR7EDf9i1qdxrD0VusZH9knj1/ecxzCQQxyic5NzAiA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/eslintrc@3.1.0':
-    resolution: {integrity: sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  '@eslint/config-helpers@0.5.2':
+    resolution: {integrity: sha512-a5MxrdDXEvqnIq+LisyCX6tQMPF/dSJpCfBgBauY+pNZ28yCtSsTvyTYrMhaI+LK26bVyCJfJkT0u8KIj2i1dQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/js@9.9.1':
-    resolution: {integrity: sha512-xIDQRsfg5hNBqHz04H1R3scSVwmI+KUbqjsQKHKQ1DAUSaUjYPReZZmS/5PNiKu1fUvzDd6H7DEDKACSEhu+TQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  '@eslint/core@1.1.0':
+    resolution: {integrity: sha512-/nr9K9wkr3P1EzFTdFdMoLuo1PmIxjmwvPozwoSodjNBdefGujXQUF93u1DDZpEaTuDvMsIQddsd35BwtrW9Xw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
-  '@eslint/object-schema@2.1.4':
-    resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  '@eslint/js@10.0.1':
+    resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    peerDependencies:
+      eslint: ^10.0.0
+    peerDependenciesMeta:
+      eslint:
+        optional: true
+
+  '@eslint/object-schema@3.0.1':
+    resolution: {integrity: sha512-P9cq2dpr+LU8j3qbLygLcSZrl2/ds/pUpfnHNNuk5HW7mnngHs+6WSq5C9mO3rqRX8A1poxqLTC9cu0KOyJlBg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/plugin-kit@0.6.0':
+    resolution: {integrity: sha512-bIZEUzOI1jkhviX2cp5vNyXQc6olzb2ohewQubuYlMXZ2Q/XjBO0x0XhGPvc9fjSIiUN0vw+0hq53BJ4eQSJKQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
 
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
 
-  '@humanwhocodes/retry@0.3.0':
-    resolution: {integrity: sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==}
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
   '@inquirer/external-editor@1.0.2':
@@ -613,6 +637,14 @@ packages:
       '@types/node':
         optional: true
 
+  '@isaacs/balanced-match@4.0.1':
+    resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
+    engines: {node: 20 || >=22}
+
+  '@isaacs/brace-expansion@5.0.1':
+    resolution: {integrity: sha512-WMz71T1JS624nWj2n2fnYAuPovhv7EUhk69R6i9dsVyzxt5eM3bjwvgk9L+APE1TRscGysAVMANkB0jh0LQZrQ==}
+    engines: {node: 20 || >=22}
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -841,8 +873,8 @@ packages:
     peerDependencies:
       acorn: ^8.9.0
 
-  '@sveltejs/eslint-config@8.3.3':
-    resolution: {integrity: sha512-vkrQgEmhokFEOpuTo7NlVXJJMJJGNzxjmkQCTkHSwIOdzQSUukDIJ4038IjdcnIERSIlo4OpLAydWLx52BVyQA==}
+  '@sveltejs/eslint-config@8.3.5':
+    resolution: {integrity: sha512-f8g5v1GNQePIJq6Rh3mf0riXx+7+IsRaTS7nn8w7r2RZFPPkuBAHGcHST9BTJOQb5UCSnPmst7BJHEDIlVtP3A==}
     peerDependencies:
       '@stylistic/eslint-plugin-js': '>= 1'
       eslint: '>= 9'
@@ -877,6 +909,9 @@ packages:
   '@types/eslint@8.56.12':
     resolution: {integrity: sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==}
 
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
@@ -898,63 +933,63 @@ packages:
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
-  '@typescript-eslint/eslint-plugin@8.48.1':
-    resolution: {integrity: sha512-X63hI1bxl5ohelzr0LY5coufyl0LJNthld+abwxpCoo6Gq+hSqhKwci7MUWkXo67mzgUK6YFByhmaHmUcuBJmA==}
+  '@typescript-eslint/eslint-plugin@8.55.0':
+    resolution: {integrity: sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.48.1
+      '@typescript-eslint/parser': ^8.55.0
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/parser@8.48.1':
-    resolution: {integrity: sha512-PC0PDZfJg8sP7cmKe6L3QIL8GZwU5aRvUFedqSIpw3B+QjRSUZeeITC2M5XKeMXEzL6wccN196iy3JLwKNvDVA==}
+  '@typescript-eslint/parser@8.55.0':
+    resolution: {integrity: sha512-4z2nCSBfVIMnbuu8uinj+f0o4qOeggYJLbjpPHka3KH1om7e+H9yLKTYgksTaHcGco+NClhhY2vyO3HsMH1RGw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/project-service@8.48.1':
-    resolution: {integrity: sha512-HQWSicah4s9z2/HifRPQ6b6R7G+SBx64JlFQpgSSHWPKdvCZX57XCbszg/bapbRsOEv42q5tayTYcEFpACcX1w==}
+  '@typescript-eslint/project-service@8.55.0':
+    resolution: {integrity: sha512-zRcVVPFUYWa3kNnjaZGXSu3xkKV1zXy8M4nO/pElzQhFweb7PPtluDLQtKArEOGmjXoRjnUZ29NjOiF0eCDkcQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/scope-manager@8.48.1':
-    resolution: {integrity: sha512-rj4vWQsytQbLxC5Bf4XwZ0/CKd362DkWMUkviT7DCS057SK64D5lH74sSGzhI6PDD2HCEq02xAP9cX68dYyg1w==}
+  '@typescript-eslint/scope-manager@8.55.0':
+    resolution: {integrity: sha512-fVu5Omrd3jeqeQLiB9f1YsuK/iHFOwb04bCtY4BSCLgjNbOD33ZdV6KyEqplHr+IlpgT0QTZ/iJ+wT7hvTx49Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/tsconfig-utils@8.48.1':
-    resolution: {integrity: sha512-k0Jhs4CpEffIBm6wPaCXBAD7jxBtrHjrSgtfCjUvPp9AZ78lXKdTR8fxyZO5y4vWNlOvYXRtngSZNSn+H53Jkw==}
+  '@typescript-eslint/tsconfig-utils@8.55.0':
+    resolution: {integrity: sha512-1R9cXqY7RQd7WuqSN47PK9EDpgFUK3VqdmbYrvWJZYDd0cavROGn+74ktWBlmJ13NXUQKlZ/iAEQHI/V0kKe0Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.48.1':
-    resolution: {integrity: sha512-1jEop81a3LrJQLTf/1VfPQdhIY4PlGDBc/i67EVWObrtvcziysbLN3oReexHOM6N3jyXgCrkBsZpqwH0hiDOQg==}
+  '@typescript-eslint/type-utils@8.55.0':
+    resolution: {integrity: sha512-x1iH2unH4qAt6I37I2CGlsNs+B9WGxurP2uyZLRz6UJoZWDBx9cJL1xVN/FiOmHEONEg6RIufdvyT0TEYIgC5g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/types@8.48.1':
-    resolution: {integrity: sha512-+fZ3LZNeiELGmimrujsDCT4CRIbq5oXdHe7chLiW8qzqyPMnn1puNstCrMNVAqwcl2FdIxkuJ4tOs/RFDBVc/Q==}
+  '@typescript-eslint/types@8.55.0':
+    resolution: {integrity: sha512-ujT0Je8GI5BJWi+/mMoR0wxwVEQaxM+pi30xuMiJETlX80OPovb2p9E8ss87gnSVtYXtJoU9U1Cowcr6w2FE0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.48.1':
-    resolution: {integrity: sha512-/9wQ4PqaefTK6POVTjJaYS0bynCgzh6ClJHGSBj06XEHjkfylzB+A3qvyaXnErEZSaxhIo4YdyBgq6j4RysxDg==}
+  '@typescript-eslint/typescript-estree@8.55.0':
+    resolution: {integrity: sha512-EwrH67bSWdx/3aRQhCoxDaHM+CrZjotc2UCCpEDVqfCE+7OjKAGWNY2HsCSTEVvWH2clYQK8pdeLp42EVs+xQw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/utils@8.48.1':
-    resolution: {integrity: sha512-fAnhLrDjiVfey5wwFRwrweyRlCmdz5ZxXz2G/4cLn0YDLjTapmN4gcCsTBR1N2rWnZSDeWpYtgLDsJt+FpmcwA==}
+  '@typescript-eslint/utils@8.55.0':
+    resolution: {integrity: sha512-BqZEsnPGdYpgyEIkDC1BadNY8oMwckftxBT+C8W0g1iKPdeqKZBtTfnvcq0nf60u7MkjFO8RBvpRGZBPw4L2ow==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/visitor-keys@8.48.1':
-    resolution: {integrity: sha512-BmxxndzEWhE4TIEEMBs8lP3MBWN3jFPs/p6gPm/wkv02o41hI6cq9AuSmGAaTTHPtA1FTi2jBre4A9rm5ZmX+Q==}
+  '@typescript-eslint/visitor-keys@8.55.0':
+    resolution: {integrity: sha512-AxNRwEie8Nn4eFS1FzDMJWIISMGoXMb037sgCBJ3UR6o0fQTzr2tqN9WT+DkWJPhIdQCfV7T6D387566VtnCJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@vitest/coverage-v8@2.1.9':
@@ -1079,9 +1114,6 @@ packages:
   birpc@2.5.0:
     resolution: {integrity: sha512-VSWO/W6nNQdyP520F1mhf+Lc2f8pjGQOtoHHm7Ze8Go1kX7akpVIrtTa0fn+HB0QJEDVacl6aO08YE0PgXfdnQ==}
 
-  brace-expansion@1.1.12:
-    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
-
   brace-expansion@2.0.2:
     resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
@@ -1100,18 +1132,10 @@ packages:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
 
-  callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-
   chai@5.3.3:
     resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
     engines: {node: '>=18'}
 
-  chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-
   chardet@2.1.0:
     resolution: {integrity: sha512-bNFETTG/pM5ryzQ9Ad0lJOTa6HWD/YsScAR3EnCPZRPlQh77JocYktSHOUHelyhm8IARL+o4c4F1bP5KVOjiRA==}
 
@@ -1148,9 +1172,6 @@ packages:
   commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
 
-  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -1295,8 +1316,10 @@ packages:
     peerDependencies:
       eslint: '>=8'
 
-  eslint-plugin-lube@0.4.3:
-    resolution: {integrity: sha512-BVO83tRo090d6a04cl45Gb761SD79cOT6wKxxWrpsH7Rv8I0SJvc79ijE11vvyxxCMiGUVq/w4NqqPJAHyYfSQ==}
+  eslint-plugin-lube@0.5.1:
+    resolution: {integrity: sha512-z01UM0LAI/Z+b9qGoVqN3RNycXbYXi6i4/QT0He58LdBVmmOd+z4tJQmvOqEh3A4TVtSQcGYq4/4wX/OebGISQ==}
+    peerDependencies:
+      eslint: '>=9.0.0'
 
   eslint-plugin-n@17.16.1:
     resolution: {integrity: sha512-/7FVAwjUrix9P5lycnsYRIQRwFo/DZROD+ZXWLpE+/EZWLyuLvyFaRdAPYJSz+nlAdZIZp+LAzlBerQSVYUNFg==}
@@ -1304,11 +1327,11 @@ packages:
     peerDependencies:
       eslint: '>=8.23.0'
 
-  eslint-plugin-svelte@3.11.0:
-    resolution: {integrity: sha512-KliWlkieHyEa65aQIkRwUFfHzT5Cn4u3BQQsu3KlkJOs7c1u7ryn84EWaOjEzilbKgttT4OfBURA8Uc4JBSQIw==}
+  eslint-plugin-svelte@3.15.0:
+    resolution: {integrity: sha512-QKB7zqfuB8aChOfBTComgDptMf2yxiJx7FE04nneCmtQzgTHvY8UJkuh8J2Rz7KB9FFV9aTHX6r7rdYGvG8T9Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: ^8.57.1 || ^9.0.0
+      eslint: ^8.57.1 || ^9.0.0 || ^10.0.0
       svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       svelte:
@@ -1318,6 +1341,10 @@ packages:
     resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  eslint-scope@9.1.0:
+    resolution: {integrity: sha512-CkWE42hOJsNj9FJRaoMX9waUFYhqY4jmyLFdAdzZr6VaCg3ynLYx4WnOdkaIifGfH4gsUcBTn4OZbHXkpLD0FQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
   eslint-visitor-keys@3.4.3:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1326,9 +1353,13 @@ packages:
     resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  eslint@9.9.1:
-    resolution: {integrity: sha512-dHvhrbfr4xFQ9/dq+jcVneZMyRYLjggWjk6RVsIiHsP8Rz6yZ8LvZ//iU4TrZF+SXWG+JkNF2OyiZRvzgRDqMg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  eslint-visitor-keys@5.0.0:
+    resolution: {integrity: sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.0.0:
+    resolution: {integrity: sha512-O0piBKY36YSJhlFSG8p9VUdPV/SxxS4FYDWVpr/9GJuMaepzwlf4J8I4ov1b+ySQfDTPhc3DtLaxcT1fN0yqCg==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
     hasBin: true
     peerDependencies:
       jiti: '*'
@@ -1343,6 +1374,10 @@ packages:
     resolution: {integrity: sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  espree@11.1.0:
+    resolution: {integrity: sha512-WFWYhO1fV4iYkqOOvq8FbqIhr2pYfoDY0kCotMkDeNtGpiGGkZ1iov2u8ydjtgM8yF8rzK7oaTbw2NAzbAbehw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1352,8 +1387,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  esquery@1.5.0:
-    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
 
   esrap@2.2.2:
@@ -1474,12 +1509,9 @@ packages:
 
   glob@10.5.0:
     resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
-  globals@14.0.0:
-    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
-    engines: {node: '>=18'}
-
   globals@15.15.0:
     resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
     engines: {node: '>=18'}
@@ -1488,6 +1520,10 @@ packages:
     resolution: {integrity: sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==}
     engines: {node: '>=18'}
 
+  globals@17.3.0:
+    resolution: {integrity: sha512-yMqGUQVVCkD4tqjOJf3TnrvaaHDMYp4VlUSObbkIiuCPe/ofdMBFIAcBbCSRFWOnos6qRiTVStDwqPLUclaxIw==}
+    engines: {node: '>=18'}
+
   globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -1495,9 +1531,6 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1544,10 +1577,6 @@ packages:
   immutable@4.3.7:
     resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}
 
-  import-fresh@3.3.0:
-    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
-    engines: {node: '>=6'}
-
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -1588,10 +1617,6 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  is-path-inside@3.0.3:
-    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
-    engines: {node: '>=8'}
-
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
@@ -1751,9 +1776,6 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
   lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
 
@@ -1789,8 +1811,9 @@ packages:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+  minimatch@10.1.2:
+    resolution: {integrity: sha512-fu656aJ0n2kcXwsnwnv9g24tkU5uSmOlTjd6WyyaKm2Z+h1qmY6bAjrcaIxF/BslFqbZ8UBtbJi7KgQOZD2PTw==}
+    engines: {node: 20 || >=22}
 
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
@@ -1883,10 +1906,6 @@ packages:
   package-manager-detector@0.2.11:
     resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==}
 
-  parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-
   parse5@7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
 
@@ -2028,10 +2047,6 @@ packages:
     resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
     engines: {node: '>=8'}
 
-  resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-
   resolve-from@5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
@@ -2162,10 +2177,6 @@ packages:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
 
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -2174,9 +2185,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svelte-eslint-parser@1.3.0:
-    resolution: {integrity: sha512-VCgMHKV7UtOGcGLGNFSbmdm6kEKjtzo5nnpGU/mnx4OsFY6bZ7QwRF5DUx+Hokw5Lvdyo8dpk8B1m8mliomrNg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+  svelte-eslint-parser@1.4.1:
+    resolution: {integrity: sha512-1eqkfQ93goAhjAXxZiu1SaKI9+0/sxp4JIWQwUpsz7ybehRE5L8dNuz7Iry7K22R47p5/+s9EM+38nHV2OlgXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0, pnpm: 10.24.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
@@ -2203,9 +2214,6 @@ packages:
     resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
     engines: {node: '>=18'}
 
-  text-table@0.2.0:
-    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
-
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
@@ -2268,8 +2276,8 @@ packages:
     peerDependencies:
       typescript: '>=4.2.0'
 
-  ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
@@ -2283,8 +2291,8 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  typescript-eslint@8.48.1:
-    resolution: {integrity: sha512-FbOKN1fqNoXp1hIl5KYpObVrp0mCn+CLgn479nmu2IsRMrx2vyv74MmsBLVlhg8qVwNFGbXSp8fh1zp8pEoC2A==}
+  typescript-eslint@8.55.0:
+    resolution: {integrity: sha512-HE4wj+r5lmDVS9gdaN0/+iqNvPZwGfnJ5lZuz7s5vLlg9ODw0bIiiETaios9LvFI1U94/VBXGm3CB2Y5cNFMpw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -2471,6 +2479,7 @@ packages:
   whatwg-encoding@3.1.1:
     resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
     engines: {node: '>=18'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
 
   whatwg-mimetype@4.0.0:
     resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
@@ -2860,42 +2869,50 @@ snapshots:
   '@esbuild/win32-x64@0.25.11':
     optional: true
 
-  '@eslint-community/eslint-utils@4.9.0(eslint@9.9.1)':
+  '@eslint-community/eslint-utils@4.9.1(eslint@10.0.0)':
     dependencies:
-      eslint: 9.9.1
+      eslint: 10.0.0
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint/config-array@0.18.0':
+  '@eslint/config-array@0.23.1':
     dependencies:
-      '@eslint/object-schema': 2.1.4
+      '@eslint/object-schema': 3.0.1
       debug: 4.4.3
-      minimatch: 3.1.2
+      minimatch: 10.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/eslintrc@3.1.0':
+  '@eslint/config-helpers@0.5.2':
     dependencies:
-      ajv: 6.12.6
-      debug: 4.4.3
-      espree: 10.1.0
-      globals: 14.0.0
-      ignore: 5.3.2
-      import-fresh: 3.3.0
-      js-yaml: 4.1.1
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
+      '@eslint/core': 1.1.0
 
-  '@eslint/js@9.9.1': {}
+  '@eslint/core@1.1.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
 
-  '@eslint/object-schema@2.1.4': {}
+  '@eslint/js@10.0.1(eslint@10.0.0)':
+    optionalDependencies:
+      eslint: 10.0.0
+
+  '@eslint/object-schema@3.0.1': {}
+
+  '@eslint/plugin-kit@0.6.0':
+    dependencies:
+      '@eslint/core': 1.1.0
+      levn: 0.4.1
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
 
   '@humanwhocodes/module-importer@1.0.1': {}
 
-  '@humanwhocodes/retry@0.3.0': {}
+  '@humanwhocodes/retry@0.4.3': {}
 
   '@inquirer/external-editor@1.0.2(@types/node@20.19.17)':
     dependencies:
@@ -2904,6 +2921,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 20.19.17
 
+  '@isaacs/balanced-match@4.0.1': {}
+
+  '@isaacs/brace-expansion@5.0.1':
+    dependencies:
+      '@isaacs/balanced-match': 4.0.1
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -3087,12 +3110,12 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.52.5':
     optional: true
 
-  '@stylistic/eslint-plugin-js@1.8.0(eslint@9.9.1)':
+  '@stylistic/eslint-plugin-js@1.8.0(eslint@10.0.0)':
     dependencies:
       '@types/eslint': 8.56.12
       acorn: 8.15.0
       escape-string-regexp: 4.0.0
-      eslint: 9.9.1
+      eslint: 10.0.0
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
 
@@ -3100,16 +3123,16 @@ snapshots:
     dependencies:
       acorn: 8.15.0
 
-  '@sveltejs/eslint-config@8.3.3(@stylistic/eslint-plugin-js@1.8.0(eslint@9.9.1))(eslint-config-prettier@9.1.0(eslint@9.9.1))(eslint-plugin-n@17.16.1(eslint@9.9.1)(typescript@5.5.4))(eslint-plugin-svelte@3.11.0(eslint@9.9.1)(svelte@packages+svelte))(eslint@9.9.1)(typescript-eslint@8.48.1(eslint@9.9.1)(typescript@5.5.4))(typescript@5.5.4)':
+  '@sveltejs/eslint-config@8.3.5(@stylistic/eslint-plugin-js@1.8.0(eslint@10.0.0))(eslint-config-prettier@9.1.0(eslint@10.0.0))(eslint-plugin-n@17.16.1(eslint@10.0.0)(typescript@5.5.4))(eslint-plugin-svelte@3.15.0(eslint@10.0.0)(svelte@packages+svelte))(eslint@10.0.0)(typescript-eslint@8.55.0(eslint@10.0.0)(typescript@5.5.4))(typescript@5.5.4)':
     dependencies:
-      '@stylistic/eslint-plugin-js': 1.8.0(eslint@9.9.1)
-      eslint: 9.9.1
-      eslint-config-prettier: 9.1.0(eslint@9.9.1)
-      eslint-plugin-n: 17.16.1(eslint@9.9.1)(typescript@5.5.4)
-      eslint-plugin-svelte: 3.11.0(eslint@9.9.1)(svelte@packages+svelte)
-      globals: 15.15.0
+      '@stylistic/eslint-plugin-js': 1.8.0(eslint@10.0.0)
+      eslint: 10.0.0
+      eslint-config-prettier: 9.1.0(eslint@10.0.0)
+      eslint-plugin-n: 17.16.1(eslint@10.0.0)(typescript@5.5.4)
+      eslint-plugin-svelte: 3.15.0(eslint@10.0.0)(svelte@packages+svelte)
+      globals: 17.3.0
       typescript: 5.5.4
-      typescript-eslint: 8.48.1(eslint@9.9.1)(typescript@5.5.4)
+      typescript-eslint: 8.55.0(eslint@10.0.0)(typescript@5.5.4)
 
   '@sveltejs/vite-plugin-svelte-inspector@5.0.1(@sveltejs/vite-plugin-svelte@6.2.0(svelte@packages+svelte)(vite@7.1.11(@types/node@24.5.2)(lightningcss@1.23.0)(sass@1.70.0)(terser@5.27.0)))(svelte@packages+svelte)(vite@7.1.11(@types/node@24.5.2)(lightningcss@1.23.0)(sass@1.70.0)(terser@5.27.0))':
     dependencies:
@@ -3146,6 +3169,8 @@ snapshots:
       '@types/estree': 1.0.8
       '@types/json-schema': 7.0.15
 
+  '@types/esrecurse@4.3.1': {}
+
   '@types/estree@1.0.8': {}
 
   '@types/json-schema@7.0.15': {}
@@ -3164,96 +3189,95 @@ snapshots:
 
   '@types/resolve@1.20.2': {}
 
-  '@typescript-eslint/eslint-plugin@8.48.1(@typescript-eslint/parser@8.48.1(eslint@9.9.1)(typescript@5.5.4))(eslint@9.9.1)(typescript@5.5.4)':
+  '@typescript-eslint/eslint-plugin@8.55.0(@typescript-eslint/parser@8.55.0(eslint@10.0.0)(typescript@5.5.4))(eslint@10.0.0)(typescript@5.5.4)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/type-utils': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
-      '@typescript-eslint/visitor-keys': 8.48.1
-      eslint: 9.9.1
-      graphemer: 1.4.0
+      '@typescript-eslint/parser': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/type-utils': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
+      '@typescript-eslint/visitor-keys': 8.55.0
+      eslint: 10.0.0
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.5.4)
+      ts-api-utils: 2.4.0(typescript@5.5.4)
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.48.1(eslint@9.9.1)(typescript@5.5.4)':
+  '@typescript-eslint/parser@8.55.0(eslint@10.0.0)(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/visitor-keys': 8.48.1
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/visitor-keys': 8.55.0
       debug: 4.4.3
-      eslint: 9.9.1
+      eslint: 10.0.0
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.48.1(typescript@5.5.4)':
+  '@typescript-eslint/project-service@8.55.0(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/tsconfig-utils': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/types': 8.55.0
       debug: 4.4.3
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.48.1':
+  '@typescript-eslint/scope-manager@8.55.0':
     dependencies:
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/visitor-keys': 8.48.1
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/visitor-keys': 8.55.0
 
-  '@typescript-eslint/tsconfig-utils@8.48.1(typescript@5.5.4)':
+  '@typescript-eslint/tsconfig-utils@8.55.0(typescript@5.5.4)':
     dependencies:
       typescript: 5.5.4
 
-  '@typescript-eslint/type-utils@8.48.1(eslint@9.9.1)(typescript@5.5.4)':
+  '@typescript-eslint/type-utils@8.55.0(eslint@10.0.0)(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
       debug: 4.4.3
-      eslint: 9.9.1
-      ts-api-utils: 2.1.0(typescript@5.5.4)
+      eslint: 10.0.0
+      ts-api-utils: 2.4.0(typescript@5.5.4)
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.48.1': {}
+  '@typescript-eslint/types@8.55.0': {}
 
-  '@typescript-eslint/typescript-estree@8.48.1(typescript@5.5.4)':
+  '@typescript-eslint/typescript-estree@8.55.0(typescript@5.5.4)':
     dependencies:
-      '@typescript-eslint/project-service': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/tsconfig-utils': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/visitor-keys': 8.48.1
+      '@typescript-eslint/project-service': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/tsconfig-utils': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/visitor-keys': 8.55.0
       debug: 4.4.3
       minimatch: 9.0.5
       semver: 7.7.3
       tinyglobby: 0.2.15
-      ts-api-utils: 2.1.0(typescript@5.5.4)
+      ts-api-utils: 2.4.0(typescript@5.5.4)
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.48.1(eslint@9.9.1)(typescript@5.5.4)':
+  '@typescript-eslint/utils@8.55.0(eslint@10.0.0)(typescript@5.5.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.9.1)
-      '@typescript-eslint/scope-manager': 8.48.1
-      '@typescript-eslint/types': 8.48.1
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.5.4)
-      eslint: 9.9.1
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0)
+      '@typescript-eslint/scope-manager': 8.55.0
+      '@typescript-eslint/types': 8.55.0
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.5.4)
+      eslint: 10.0.0
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.48.1':
+  '@typescript-eslint/visitor-keys@8.55.0':
     dependencies:
-      '@typescript-eslint/types': 8.48.1
+      '@typescript-eslint/types': 8.55.0
       eslint-visitor-keys: 4.2.1
 
   '@vitest/coverage-v8@2.1.9(vitest@2.1.9(@types/node@20.19.17)(jsdom@25.0.1)(lightningcss@1.23.0)(sass@1.70.0)(terser@5.27.0))':
@@ -3380,11 +3404,6 @@ snapshots:
 
   birpc@2.5.0: {}
 
-  brace-expansion@1.1.12:
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-
   brace-expansion@2.0.2:
     dependencies:
       balanced-match: 1.0.2
@@ -3401,8 +3420,6 @@ snapshots:
 
   cac@6.7.14: {}
 
-  callsites@3.1.0: {}
-
   chai@5.3.3:
     dependencies:
       assertion-error: 2.0.1
@@ -3411,11 +3428,6 @@ snapshots:
       loupe: 3.2.1
       pathval: 2.0.0
 
-  chalk@4.1.2:
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-
   chardet@2.1.0: {}
 
   check-error@2.1.1: {}
@@ -3451,8 +3463,6 @@ snapshots:
 
   commondir@1.0.1: {}
 
-  concat-map@0.0.1: {}
-
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -3599,31 +3609,33 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-compat-utils@0.5.1(eslint@9.9.1):
+  eslint-compat-utils@0.5.1(eslint@10.0.0):
     dependencies:
-      eslint: 9.9.1
+      eslint: 10.0.0
       semver: 7.7.3
 
-  eslint-config-prettier@9.1.0(eslint@9.9.1):
+  eslint-config-prettier@9.1.0(eslint@10.0.0):
     dependencies:
-      eslint: 9.9.1
+      eslint: 10.0.0
 
-  eslint-plugin-es-x@7.8.0(eslint@9.9.1):
+  eslint-plugin-es-x@7.8.0(eslint@10.0.0):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.9.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0)
       '@eslint-community/regexpp': 4.12.2
-      eslint: 9.9.1
-      eslint-compat-utils: 0.5.1(eslint@9.9.1)
+      eslint: 10.0.0
+      eslint-compat-utils: 0.5.1(eslint@10.0.0)
 
-  eslint-plugin-lube@0.4.3: {}
+  eslint-plugin-lube@0.5.1(eslint@10.0.0):
+    dependencies:
+      eslint: 10.0.0
 
-  eslint-plugin-n@17.16.1(eslint@9.9.1)(typescript@5.5.4):
+  eslint-plugin-n@17.16.1(eslint@10.0.0)(typescript@5.5.4):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.9.1)
-      '@typescript-eslint/utils': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0)
+      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
       enhanced-resolve: 5.18.3
-      eslint: 9.9.1
-      eslint-plugin-es-x: 7.8.0(eslint@9.9.1)
+      eslint: 10.0.0
+      eslint-plugin-es-x: 7.8.0(eslint@10.0.0)
       get-tsconfig: 4.13.0
       globals: 15.15.0
       ignore: 5.3.2
@@ -3634,11 +3646,11 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-plugin-svelte@3.11.0(eslint@9.9.1)(svelte@packages+svelte):
+  eslint-plugin-svelte@3.15.0(eslint@10.0.0)(svelte@packages+svelte):
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.9.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0)
       '@jridgewell/sourcemap-codec': 1.5.0
-      eslint: 9.9.1
+      eslint: 10.0.0
       esutils: 2.0.3
       globals: 16.3.0
       known-css-properties: 0.37.0
@@ -3646,7 +3658,7 @@ snapshots:
       postcss-load-config: 3.1.4(postcss@8.5.6)
       postcss-safe-parser: 7.0.1(postcss@8.5.6)
       semver: 7.7.3
-      svelte-eslint-parser: 1.3.0(svelte@packages+svelte)
+      svelte-eslint-parser: 1.4.1(svelte@packages+svelte)
     optionalDependencies:
       svelte: link:packages/svelte
     transitivePeerDependencies:
@@ -3657,29 +3669,39 @@ snapshots:
       esrecurse: 4.3.0
       estraverse: 5.3.0
 
+  eslint-scope@9.1.0:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.8
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
   eslint-visitor-keys@3.4.3: {}
 
   eslint-visitor-keys@4.2.1: {}
 
-  eslint@9.9.1:
+  eslint-visitor-keys@5.0.0: {}
+
+  eslint@10.0.0:
     dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.9.1)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.0.0)
       '@eslint-community/regexpp': 4.12.2
-      '@eslint/config-array': 0.18.0
-      '@eslint/eslintrc': 3.1.0
-      '@eslint/js': 9.9.1
+      '@eslint/config-array': 0.23.1
+      '@eslint/config-helpers': 0.5.2
+      '@eslint/core': 1.1.0
+      '@eslint/plugin-kit': 0.6.0
+      '@humanfs/node': 0.16.7
       '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.3.0
-      '@nodelib/fs.walk': 1.2.8
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
       ajv: 6.12.6
-      chalk: 4.1.2
       cross-spawn: 7.0.6
       debug: 4.4.3
       escape-string-regexp: 4.0.0
-      eslint-scope: 8.4.0
-      eslint-visitor-keys: 4.2.1
-      espree: 10.1.0
-      esquery: 1.5.0
+      eslint-scope: 9.1.0
+      eslint-visitor-keys: 5.0.0
+      espree: 11.1.0
+      esquery: 1.7.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
       file-entry-cache: 8.0.0
@@ -3688,15 +3710,10 @@ snapshots:
       ignore: 5.3.2
       imurmurhash: 0.1.4
       is-glob: 4.0.3
-      is-path-inside: 3.0.3
       json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
+      minimatch: 10.1.2
       natural-compare: 1.4.0
       optionator: 0.9.3
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
 
@@ -3708,6 +3725,12 @@ snapshots:
       acorn-jsx: 5.3.2(acorn@8.15.0)
       eslint-visitor-keys: 4.2.1
 
+  espree@11.1.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 5.0.0
+
   espree@9.6.1:
     dependencies:
       acorn: 8.15.0
@@ -3716,7 +3739,7 @@ snapshots:
 
   esprima@4.0.1: {}
 
-  esquery@1.5.0:
+  esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
 
@@ -3841,12 +3864,12 @@ snapshots:
       package-json-from-dist: 1.0.0
       path-scurry: 1.11.1
 
-  globals@14.0.0: {}
-
   globals@15.15.0: {}
 
   globals@16.3.0: {}
 
+  globals@17.3.0: {}
+
   globby@11.1.0:
     dependencies:
       array-union: 2.1.0
@@ -3858,8 +3881,6 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
-  graphemer@1.4.0: {}
-
   has-flag@4.0.0: {}
 
   hasown@2.0.0:
@@ -3903,11 +3924,6 @@ snapshots:
   immutable@4.3.7:
     optional: true
 
-  import-fresh@3.3.0:
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-
   imurmurhash@0.1.4: {}
 
   is-binary-path@2.1.0:
@@ -3937,8 +3953,6 @@ snapshots:
 
   is-number@7.0.0: {}
 
-  is-path-inside@3.0.3: {}
-
   is-potential-custom-element-name@1.0.1: {}
 
   is-reference@1.2.1:
@@ -4102,8 +4116,6 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash.merge@4.6.2: {}
-
   lodash.startcase@4.4.0: {}
 
   loupe@3.2.1: {}
@@ -4137,9 +4149,9 @@ snapshots:
     dependencies:
       mime-db: 1.52.0
 
-  minimatch@3.1.2:
+  minimatch@10.1.2:
     dependencies:
-      brace-expansion: 1.1.12
+      '@isaacs/brace-expansion': 5.0.1
 
   minimatch@9.0.5:
     dependencies:
@@ -4216,10 +4228,6 @@ snapshots:
     dependencies:
       quansync: 0.2.11
 
-  parent-module@1.0.1:
-    dependencies:
-      callsites: 3.1.0
-
   parse5@7.1.2:
     dependencies:
       entities: 4.5.0
@@ -4327,8 +4335,6 @@ snapshots:
 
   regexparam@3.0.0: {}
 
-  resolve-from@4.0.0: {}
-
   resolve-from@5.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -4466,15 +4472,13 @@ snapshots:
 
   strip-bom@3.0.0: {}
 
-  strip-json-comments@3.1.1: {}
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte-eslint-parser@1.3.0(svelte@packages+svelte):
+  svelte-eslint-parser@1.4.1(svelte@packages+svelte):
     dependencies:
       eslint-scope: 8.4.0
       eslint-visitor-keys: 4.2.1
@@ -4504,8 +4508,6 @@ snapshots:
       glob: 10.5.0
       minimatch: 9.0.5
 
-  text-table@0.2.0: {}
-
   tinybench@2.9.0: {}
 
   tinyexec@0.3.2: {}
@@ -4553,7 +4555,7 @@ snapshots:
     dependencies:
       typescript: 5.5.4
 
-  ts-api-utils@2.1.0(typescript@5.5.4):
+  ts-api-utils@2.4.0(typescript@5.5.4):
     dependencies:
       typescript: 5.5.4
 
@@ -4566,13 +4568,13 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
-  typescript-eslint@8.48.1(eslint@9.9.1)(typescript@5.5.4):
+  typescript-eslint@8.55.0(eslint@10.0.0)(typescript@5.5.4):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.48.1(@typescript-eslint/parser@8.48.1(eslint@9.9.1)(typescript@5.5.4))(eslint@9.9.1)(typescript@5.5.4)
-      '@typescript-eslint/parser': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
-      '@typescript-eslint/typescript-estree': 8.48.1(typescript@5.5.4)
-      '@typescript-eslint/utils': 8.48.1(eslint@9.9.1)(typescript@5.5.4)
-      eslint: 9.9.1
+      '@typescript-eslint/eslint-plugin': 8.55.0(@typescript-eslint/parser@8.55.0(eslint@10.0.0)(typescript@5.5.4))(eslint@10.0.0)(typescript@5.5.4)
+      '@typescript-eslint/parser': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
+      '@typescript-eslint/typescript-estree': 8.55.0(typescript@5.5.4)
+      '@typescript-eslint/utils': 8.55.0(eslint@10.0.0)(typescript@5.5.4)
+      eslint: 10.0.0
       typescript: 5.5.4
     transitivePeerDependencies:
       - supports-color

From b0ca0b84dec787697d76fe077c7acca8e102ab01 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Wed, 11 Feb 2026 16:25:14 +0100
Subject: [PATCH 54/71] fix: robustify blocker calculation (#17676)

This was actually several bugs:
- We used `scopes` for the blockers, that's actually the template
scopes, should be `instance.scopes` instead
- We missed setting the scope for `touch`
- We didn't take return statements into account when calculating
blockers. We cannot know when/if something within the return statement
is called, so we gotta assume it is and touch everything transitively
from it

Combined this fixes #17667 (and possibly other cases not showing up in
the issue tracker yet)

Initially I just thought "ok I guess we have to traverse into functions,
too" but then I thought that feels too unoptimized and came up with the
return-statement-inspection, at which point I discovered the other bugs.

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [x] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`
---
 .changeset/true-cities-retire.md              |  5 ++
 .../src/compiler/phases/2-analyze/index.js    | 61 ++++++++++++-------
 .../_config.js                                | 14 +++++
 .../main.svelte                               | 41 +++++++++++++
 4 files changed, 99 insertions(+), 22 deletions(-)
 create mode 100644 .changeset/true-cities-retire.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/main.svelte

diff --git a/.changeset/true-cities-retire.md b/.changeset/true-cities-retire.md
new file mode 100644
index 0000000000..c1846e9267
--- /dev/null
+++ b/.changeset/true-cities-retire.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: robustify blocker calculation
diff --git a/packages/svelte/src/compiler/phases/2-analyze/index.js b/packages/svelte/src/compiler/phases/2-analyze/index.js
index ef0b35f560..969af842cc 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/index.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/index.js
@@ -690,7 +690,7 @@ export function analyze_component(root, source, options) {
 		}
 	}
 
-	calculate_blockers(instance, scopes, analysis);
+	calculate_blockers(instance, analysis);
 
 	if (analysis.runes) {
 		const props_refs = module.scope.references.get('$$props');
@@ -940,11 +940,10 @@ export function analyze_component(root, source, options) {
  * top level statements. This includes indirect blockers such as functions referencing async top level statements.
  *
  * @param {Js} instance
- * @param {Map<AST.SvelteNode, Scope>} scopes
  * @param {ComponentAnalysis} analysis
  * @returns {void}
  */
-function calculate_blockers(instance, scopes, analysis) {
+function calculate_blockers(instance, analysis) {
 	/**
 	 * @param {ESTree.Node} expression
 	 * @param {Scope} scope
@@ -959,6 +958,14 @@ function calculate_blockers(instance, scopes, analysis) {
 			expression,
 			{ scope },
 			{
+				_(node, context) {
+					const scope = instance.scopes.get(node);
+					if (scope) {
+						context.next({ scope });
+					} else {
+						context.next();
+					}
+				},
 				ImportDeclaration(node) {},
 				Identifier(node, context) {
 					const parent = /** @type {ESTree.Node} */ (context.path.at(-1));
@@ -979,14 +986,11 @@ function calculate_blockers(instance, scopes, analysis) {
 
 	/**
 	 * @param {ESTree.Node} node
-	 * @param {Set<ESTree.Node>} seen
 	 * @param {Set<Binding>} reads
 	 * @param {Set<Binding>} writes
+	 * @param {Scope} scope
 	 */
-	const trace_references = (node, reads, writes, seen = new Set()) => {
-		if (seen.has(node)) return;
-		seen.add(node);
-
+	const trace_references = (node, reads, writes, scope) => {
 		/**
 		 * @param {ESTree.Pattern} node
 		 * @param {Scope} scope
@@ -1005,10 +1009,10 @@ function calculate_blockers(instance, scopes, analysis) {
 
 		walk(
 			node,
-			{ scope: instance.scope },
+			{ scope },
 			{
 				_(node, context) {
-					const scope = scopes.get(node);
+					const scope = instance.scopes.get(node);
 					if (scope) {
 						context.next({ scope });
 					} else {
@@ -1040,10 +1044,6 @@ function calculate_blockers(instance, scopes, analysis) {
 						writes.add(b);
 					}
 				},
-				// don't look inside functions until they are called
-				ArrowFunctionExpression(_, context) {},
-				FunctionDeclaration(_, context) {},
-				FunctionExpression(_, context) {},
 				Identifier(node, context) {
 					const parent = /** @type {ESTree.Node} */ (context.path.at(-1));
 					if (is_reference(node, parent)) {
@@ -1052,7 +1052,19 @@ function calculate_blockers(instance, scopes, analysis) {
 							reads.add(binding);
 						}
 					}
-				}
+				},
+				ReturnStatement(node, context) {
+					// We have to assume that anything returned from a function, even if it's a function itself,
+					// might be called immediately, so we have to touch all references within it. Example:
+					// function foo() { return () => blocker; } foo(); // blocker is touched
+					if (node.argument) {
+						touch(node.argument, context.state.scope, reads);
+					}
+				},
+				// don't look inside functions until they are called
+				ArrowFunctionExpression(_, context) {},
+				FunctionDeclaration(_, context) {},
+				FunctionExpression(_, context) {}
 			}
 		);
 	};
@@ -1132,7 +1144,7 @@ function calculate_blockers(instance, scopes, analysis) {
 					/** @type {Set<Binding>} */
 					const writes = new Set();
 
-					trace_references(declarator, reads, writes);
+					trace_references(declarator, reads, writes, instance.scope);
 
 					const blocker = /** @type {NonNullable<Binding['blocker']>} */ (
 						b.member(promises, b.literal(analysis.instance_body.async.length), true)
@@ -1160,7 +1172,7 @@ function calculate_blockers(instance, scopes, analysis) {
 			/** @type {Set<Binding>} */
 			const writes = new Set();
 
-			trace_references(node, reads, writes);
+			trace_references(node, reads, writes, instance.scope);
 
 			const blocker = /** @type {NonNullable<Binding['blocker']>} */ (
 				b.member(promises, b.literal(analysis.instance_body.async.length), true)
@@ -1184,12 +1196,17 @@ function calculate_blockers(instance, scopes, analysis) {
 	for (const fn of functions) {
 		/** @type {Set<Binding>} */
 		const reads_writes = new Set();
-		const body =
+		const init =
 			fn.type === 'VariableDeclarator'
-				? /** @type {ESTree.FunctionExpression | ESTree.ArrowFunctionExpression} */ (fn.init).body
-				: fn.body;
-
-		trace_references(body, reads_writes, reads_writes);
+				? /** @type {ESTree.FunctionExpression | ESTree.ArrowFunctionExpression} */ (fn.init)
+				: fn;
+
+		trace_references(
+			init.body,
+			reads_writes,
+			reads_writes,
+			/** @type {Scope} */ (instance.scopes.get(init))
+		);
 
 		const max = [...reads_writes].reduce((max, binding) => {
 			if (binding.blocker) {
diff --git a/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/_config.js b/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/_config.js
new file mode 100644
index 0000000000..080e2d278c
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/_config.js
@@ -0,0 +1,14 @@
+import { tick } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	mode: ['async-server', 'client', 'hydrate'],
+	ssrHtml: 'true true true true true',
+
+	async test({ assert, target }) {
+		await new Promise((resolve) => setTimeout(resolve, 10));
+		await tick();
+
+		assert.htmlEqual(target.innerHTML, 'true true true true true');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/main.svelte
new file mode 100644
index 0000000000..5f79a14830
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/async-bind-factory-function-remote/main.svelte
@@ -0,0 +1,41 @@
+<script>
+	let checked = $derived(await new Promise((r) => setTimeout(() => r(true)), 10));
+
+	const checkedFactory = () => {
+		return () => checked;
+	}
+
+	function indirectCheckedFactory() {
+		return checkedFactory();
+	}
+
+	function callFactory(factory) {
+		return factory();
+	}
+
+	function indirectCallFactory() {
+		return callFactory(indirectCheckedFactory);
+	}
+
+	function indirectChecked2() {
+		const indirect = () => checkedFactory()();
+		return indirect;
+	}
+</script>
+
+<!-- force into separate effects -->
+{#if true}
+	{checkedFactory()()}
+{/if}
+{#if true}
+	{indirectCheckedFactory()()}
+{/if}
+{#if true}
+	{callFactory(checkedFactory)()}
+{/if}
+{#if true}
+	{indirectCallFactory()()}
+{/if}
+{#if true}
+	{indirectChecked2()()}
+{/if}

From 3c6bb6faba559d23dac95eb8cd1d10db190ee4a7 Mon Sep 17 00:00:00 2001
From: Manuel <30698007+manuel3108@users.noreply.github.com>
Date: Wed, 11 Feb 2026 21:36:54 +0100
Subject: [PATCH 55/71] chore: provide proper public type for `parseCss` result
 (#17654)

Currently, the [newly introduced `parseCss` from
`svelte/compiler`](https://github.com/sveltejs/svelte/pull/17496)
returns `Omit<AST.CSS.StyleSheet, 'attributes' | 'content'>`. If you try
to work with this in external tooling, everywhere where you pass around
the result of this method, you need to use that type as well, which is
quite cumbersome. (I'm trying to integrate this into `sv` to get rid of
a workaround)

This creates a new type in the CSS AST to differentiate between one
stylesheet only having the roles, and one beeing the full one that is
used in `parse` itself. Im 100% open on the name of the new type or any
better ideas.

### Before submitting the PR, please make sure you do the following

- [ ] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [ ] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/tender-pugs-hide.md              |  5 +++++
 packages/svelte/src/compiler/index.js       |  4 ++--
 packages/svelte/src/compiler/types/css.d.ts | 11 +++++++++--
 packages/svelte/tests/css-parse.test.ts     |  6 +++---
 packages/svelte/types/index.d.ts            | 13 ++++++++++---
 5 files changed, 29 insertions(+), 10 deletions(-)
 create mode 100644 .changeset/tender-pugs-hide.md

diff --git a/.changeset/tender-pugs-hide.md b/.changeset/tender-pugs-hide.md
new file mode 100644
index 0000000000..260f49614e
--- /dev/null
+++ b/.changeset/tender-pugs-hide.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+chore: provide proper public type for `parseCss` result
diff --git a/packages/svelte/src/compiler/index.js b/packages/svelte/src/compiler/index.js
index acfef6a320..e864c4a1f4 100644
--- a/packages/svelte/src/compiler/index.js
+++ b/packages/svelte/src/compiler/index.js
@@ -123,7 +123,7 @@ export function parse(source, { modern, loose } = {}) {
  * The parseCss function parses a CSS stylesheet, returning its abstract syntax tree.
  *
  * @param {string} source The CSS source code
- * @returns {Omit<AST.CSS.StyleSheet, 'attributes' | 'content'>}
+ * @returns {AST.CSS.StyleSheetFile}
  */
 export function parseCss(source) {
 	source = remove_bom(source);
@@ -135,7 +135,7 @@ export function parseCss(source) {
 	const children = parse_stylesheet(parser);
 
 	return {
-		type: 'StyleSheet',
+		type: 'StyleSheetFile',
 		start: 0,
 		end: source.length,
 		children
diff --git a/packages/svelte/src/compiler/types/css.d.ts b/packages/svelte/src/compiler/types/css.d.ts
index 154a06ffb1..13eb880d83 100644
--- a/packages/svelte/src/compiler/types/css.d.ts
+++ b/packages/svelte/src/compiler/types/css.d.ts
@@ -6,10 +6,17 @@ export namespace _CSS {
 		end: number;
 	}
 
-	export interface StyleSheet extends BaseNode {
+	export interface StyleSheetBase extends BaseNode {
+		children: Array<Atrule | Rule>;
+	}
+
+	export interface StyleSheetFile extends StyleSheetBase {
+		type: 'StyleSheetFile';
+	}
+
+	export interface StyleSheet extends StyleSheetBase {
 		type: 'StyleSheet';
 		attributes: any[]; // TODO
-		children: Array<Atrule | Rule>;
 		content: {
 			start: number;
 			end: number;
diff --git a/packages/svelte/tests/css-parse.test.ts b/packages/svelte/tests/css-parse.test.ts
index 4d8ef8601b..3a53e97955 100644
--- a/packages/svelte/tests/css-parse.test.ts
+++ b/packages/svelte/tests/css-parse.test.ts
@@ -4,7 +4,7 @@ import { parseCss } from 'svelte/compiler';
 describe('parseCss', () => {
 	it('parses a simple rule', () => {
 		const ast = parseCss('div { color: red; }');
-		assert.equal(ast.type, 'StyleSheet');
+		assert.equal(ast.type, 'StyleSheetFile');
 		assert.equal(ast.children.length, 1);
 		assert.equal(ast.children[0].type, 'Rule');
 	});
@@ -57,7 +57,7 @@ describe('parseCss', () => {
 
 	it('parses empty stylesheet', () => {
 		const ast = parseCss('');
-		assert.equal(ast.type, 'StyleSheet');
+		assert.equal(ast.type, 'StyleSheetFile');
 		assert.equal(ast.children.length, 0);
 		assert.equal(ast.start, 0);
 		assert.equal(ast.end, 0);
@@ -138,7 +138,7 @@ describe('parseCss', () => {
 
 	it('parses escaped characters', () => {
 		const ast = parseCss("div { background: url('./example.png?\\''); }");
-		assert.equal(ast.type, 'StyleSheet');
+		assert.equal(ast.type, 'StyleSheetFile');
 		assert.equal(ast.children.length, 1);
 		const rule = ast.children[0];
 		assert.equal(rule.type, 'Rule');
diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts
index 62c0e210be..e7aa5395b8 100644
--- a/packages/svelte/types/index.d.ts
+++ b/packages/svelte/types/index.d.ts
@@ -889,7 +889,7 @@ declare module 'svelte/compiler' {
 	 *
 	 * @param source The CSS source code
 	 * */
-	export function parseCss(source: string): Omit<AST.CSS.StyleSheet, "attributes" | "content">;
+	export function parseCss(source: string): AST.CSS.StyleSheetFile;
 	/**
 	 * @deprecated Replace this with `import { walk } from 'estree-walker'`
 	 * */
@@ -1673,10 +1673,17 @@ declare module 'svelte/compiler' {
 			end: number;
 		}
 
-		export interface StyleSheet extends BaseNode {
+		export interface StyleSheetBase extends BaseNode {
+			children: Array<Atrule | Rule>;
+		}
+
+		export interface StyleSheetFile extends StyleSheetBase {
+			type: 'StyleSheetFile';
+		}
+
+		export interface StyleSheet extends StyleSheetBase {
 			type: 'StyleSheet';
 			attributes: any[]; // TODO
-			children: Array<Atrule | Rule>;
 			content: {
 				start: number;
 				end: number;

From 684cdba2538bd7cfc695fcd8516ecbd21b3c08b5 Mon Sep 17 00:00:00 2001
From: Artyom Alekseevich <47069814+FrankFMY@users.noreply.github.com>
Date: Wed, 11 Feb 2026 21:53:23 +0100
Subject: [PATCH 56/71] fix: resolve effect_update_depth_exceeded with select
 bind:value in legacy mode (#17645)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

Fixes #13768

`<select bind:value={derived.prop}>` in legacy (non-runes) components
throws `effect_update_depth_exceeded` when the bound value comes from a
`$:` reactive statement.

**Root cause:** `setup_select_synchronization` created a
`template_effect` that called `invalidate_inner_signals`, which reads
and writes the same signals on every change — creating an infinite
update loop when those signals feed back into derived state.

**Fix:** Remove the effect-based synchronization entirely. Instead,
populate `legacy_indirect_bindings` during the analyze phase for
`<select bind:value>` elements, and call `invalidate_inner_signals`
inline at the mutation point in `AssignmentExpression` — only when the
binding is actually mutated, avoiding the read-write cycle.

Based on the approach outlined in #16200.

## Changes

- **`scope.js`**: Add `legacy_indirect_bindings` field to `Binding`
class
- **`RegularElement.js` (analyze)**: For `<select bind:value={foo}>`,
collect scope references as indirect bindings on the bound variable
- **`RegularElement.js` (transform)**: Remove
`setup_select_synchronization` function and its call site
- **`AssignmentExpression.js` (transform)**: When mutating a binding
with indirect bindings, append `invalidate_inner_signals` call after the
mutation

## Test plan

- Added `binding-select-reactive-derived` test that reproduces the exact
scenario from #13768
- All 3291 runtime-legacy tests pass (0 regressions)
- All 2312 runtime-runes tests pass
- All snapshot and compiler tests pass

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/fix-select-bind-legacy-sync.md     |  5 ++
 .../2-analyze/visitors/RegularElement.js      | 30 ++++++++++
 .../client/visitors/AssignmentExpression.js   | 23 ++++++-
 .../client/visitors/RegularElement.js         | 60 -------------------
 packages/svelte/src/compiler/phases/scope.js  |  6 ++
 .../_config.js                                | 37 ++++++++++++
 .../main.svelte                               | 21 +++++++
 7 files changed, 120 insertions(+), 62 deletions(-)
 create mode 100644 .changeset/fix-select-bind-legacy-sync.md
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/main.svelte

diff --git a/.changeset/fix-select-bind-legacy-sync.md b/.changeset/fix-select-bind-legacy-sync.md
new file mode 100644
index 0000000000..bf363f0fc4
--- /dev/null
+++ b/.changeset/fix-select-bind-legacy-sync.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: resolve `effect_update_depth_exceeded` when using `bind:value` on `<select>` with derived state in legacy mode
diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
index c7b40109a3..bc65bd65db 100644
--- a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js
@@ -16,6 +16,8 @@ import { regex_starts_with_newline } from '../../patterns.js';
 import { check_element } from './shared/a11y/index.js';
 import { validate_element } from './shared/element.js';
 import { mark_subtree_dynamic } from './shared/fragment.js';
+import { object } from '../../../utils/ast.js';
+import { runes } from '../../../state.js';
 
 /**
  * @param {AST.RegularElement} node
@@ -64,6 +66,34 @@ export function RegularElement(node, context) {
 		}
 	}
 
+	// Special case: `<select bind:value={foo}><option>{bar}</option>`
+	// means we need to invalidate `bar` whenever `foo` is mutated
+	if (node.name === 'select' && !runes) {
+		for (const attribute of node.attributes) {
+			if (
+				attribute.type === 'BindDirective' &&
+				attribute.name === 'value' &&
+				attribute.expression.type !== 'SequenceExpression'
+			) {
+				const identifier = object(attribute.expression);
+				const binding = identifier && context.state.scope.get(identifier.name);
+
+				if (binding) {
+					for (const name of context.state.scope.references.keys()) {
+						if (name === binding.node.name) continue;
+						const indirect = context.state.scope.get(name);
+
+						if (indirect) {
+							binding.legacy_indirect_bindings.add(indirect);
+						}
+					}
+				}
+
+				break;
+			}
+		}
+	}
+
 	// Special case: single expression tag child of option element -> add "fake" attribute
 	// to ensure that value types are the same (else for example numbers would be strings)
 	if (
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
index 0f6a619357..1379669e77 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/AssignmentExpression.js
@@ -8,7 +8,7 @@ import {
 	is_event_attribute
 } from '../../../../utils/ast.js';
 import { dev, locate_node } from '../../../../state.js';
-import { should_proxy } from '../utils.js';
+import { build_getter, should_proxy } from '../utils.js';
 import { visit_assignment_expression } from '../../shared/assignments.js';
 import { validate_mutation } from './shared/utils.js';
 import { get_rune } from '../../../scope.js';
@@ -147,7 +147,7 @@ function build_assignment(operator, left, right, context) {
 
 	// mutation
 	if (transform?.mutate) {
-		return transform.mutate(
+		let mutation = transform.mutate(
 			object,
 			b.assignment(
 				operator,
@@ -155,6 +155,25 @@ function build_assignment(operator, left, right, context) {
 				/** @type {Expression} */ (context.visit(right))
 			)
 		);
+
+		if (binding.legacy_indirect_bindings.size > 0) {
+			mutation = b.sequence([
+				mutation,
+				b.call(
+					'$.invalidate_inner_signals',
+					b.arrow(
+						[],
+						b.block(
+							Array.from(binding.legacy_indirect_bindings).map((binding) =>
+								b.stmt(build_getter({ ...binding.node }, context.state))
+							)
+						)
+					)
+				)
+			]);
+		}
+
+		return mutation;
 	}
 
 	// in cases like `(object.items ??= []).push(value)`, we may need to warn
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
index f651586dd8..7469dcda5b 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
@@ -199,10 +199,6 @@ export function RegularElement(node, context) {
 		}
 	}
 
-	if (node.name === 'select' && bindings.has('value')) {
-		setup_select_synchronization(/** @type {AST.BindDirective} */ (bindings.get('value')), context);
-	}
-
 	// Let bindings first, they can be used on attributes
 	context.state.init.push(...lets);
 
@@ -501,62 +497,6 @@ export function RegularElement(node, context) {
 	context.state.template.pop_element();
 }
 
-/**
- * Special case: if we have a value binding on a select element, we need to set up synchronization
- * between the value binding and inner signals, for indirect updates
- * @param {AST.BindDirective} value_binding
- * @param {ComponentContext} context
- */
-function setup_select_synchronization(value_binding, context) {
-	if (context.state.analysis.runes) return;
-
-	let bound = value_binding.expression;
-
-	if (bound.type === 'SequenceExpression') {
-		return;
-	}
-
-	while (bound.type === 'MemberExpression') {
-		bound = /** @type {Identifier | MemberExpression} */ (bound.object);
-	}
-
-	/** @type {string[]} */
-	const names = [];
-
-	for (const [name, refs] of context.state.scope.references) {
-		if (
-			refs.length > 0 &&
-			// prevent infinite loop
-			name !== bound.name
-		) {
-			names.push(name);
-		}
-	}
-
-	const invalidator = b.call(
-		'$.invalidate_inner_signals',
-		b.thunk(
-			b.block(
-				names.map((name) => {
-					const serialized = build_getter(b.id(name), context.state);
-					return b.stmt(serialized);
-				})
-			)
-		)
-	);
-
-	context.state.init.push(
-		b.stmt(
-			b.call(
-				'$.template_effect',
-				b.thunk(
-					b.block([b.stmt(/** @type {Expression} */ (context.visit(bound))), b.stmt(invalidator)])
-				)
-			)
-		)
-	);
-}
-
 /**
  * @param {AST.ClassDirective[]} class_directives
  * @param {ComponentContext} context
diff --git a/packages/svelte/src/compiler/phases/scope.js b/packages/svelte/src/compiler/phases/scope.js
index 52efd93210..a320718f58 100644
--- a/packages/svelte/src/compiler/phases/scope.js
+++ b/packages/svelte/src/compiler/phases/scope.js
@@ -120,6 +120,12 @@ export class Binding {
 	 */
 	legacy_dependencies = [];
 
+	/**
+	 * Bindings that should be invalidated when this binding is invalidated
+	 * @type {Set<Binding>}
+	 */
+	legacy_indirect_bindings = new Set();
+
 	/**
 	 * Legacy props: the `class` in `{ export klass as class}`. $props(): The `class` in { class: klass } = $props()
 	 * @type {string | null}
diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/_config.js b/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/_config.js
new file mode 100644
index 0000000000..54f1fea7d0
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/_config.js
@@ -0,0 +1,37 @@
+import { test } from '../../test';
+
+export default test({
+	ssrHtml: `
+		<select>
+			<option selected="" value="">Select</option>
+			<option value="us">US</option>
+			<option value="uk">UK</option>
+		</select>
+	`,
+
+	async test({ assert, target, window, variant }) {
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<select>
+				<option${variant === 'hydrate' ? ' selected=""' : ''} value="">Select</option>
+				<option value="us">US</option>
+				<option value="uk">UK</option>
+			</select>
+		`
+		);
+
+		const [select] = target.querySelectorAll('select');
+		const options = target.querySelectorAll('option');
+
+		assert.equal(select.value, '');
+
+		const change = new window.Event('change');
+
+		// Select "UK"
+		options[2].selected = true;
+		await select.dispatchEvent(change);
+
+		assert.equal(select.value, 'uk');
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/main.svelte b/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/main.svelte
new file mode 100644
index 0000000000..57342347f5
--- /dev/null
+++ b/packages/svelte/tests/runtime-legacy/samples/binding-select-reactive-derived/main.svelte
@@ -0,0 +1,21 @@
+<script>
+	const default_details = {
+		country: '',
+	}
+
+	$: data = {
+		locked: false,
+		details: null,
+	}
+
+	$: details = data.details ?? default_details
+</script>
+
+<select
+	bind:value={details.country}
+	disabled={data.locked}
+>
+	<option value="">Select</option>
+	<option value="us">US</option>
+	<option value="uk">UK</option>
+</select>

From 015e744962e46a13011f8c7e3cdd4db7c9f742ff Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Wed, 11 Feb 2026 16:08:12 -0500
Subject: [PATCH 57/71] Version Packages (#17668)

This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## svelte@5.50.2

### Patch Changes

- fix: resolve `effect_update_depth_exceeded` when using `bind:value` on
`<select>` with derived state in legacy mode
([#17645](https://github.com/sveltejs/svelte/pull/17645))

- fix: don't swallow `DOMException` when `media.play()` fails in
`bind:paused` ([#17656](https://github.com/sveltejs/svelte/pull/17656))

- chore: provide proper public type for `parseCss` result
([#17654](https://github.com/sveltejs/svelte/pull/17654))

- fix: robustify blocker calculation
([#17676](https://github.com/sveltejs/svelte/pull/17676))

- fix: reduce if block nesting
([#17662](https://github.com/sveltejs/svelte/pull/17662))

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/fix-select-bind-legacy-sync.md |  5 -----
 .changeset/orange-wasps-visit.md          |  5 -----
 .changeset/tender-pugs-hide.md            |  5 -----
 .changeset/true-cities-retire.md          |  5 -----
 .changeset/wild-dolls-hang.md             |  5 -----
 packages/svelte/CHANGELOG.md              | 14 ++++++++++++++
 packages/svelte/package.json              |  2 +-
 packages/svelte/src/version.js            |  2 +-
 8 files changed, 16 insertions(+), 27 deletions(-)
 delete mode 100644 .changeset/fix-select-bind-legacy-sync.md
 delete mode 100644 .changeset/orange-wasps-visit.md
 delete mode 100644 .changeset/tender-pugs-hide.md
 delete mode 100644 .changeset/true-cities-retire.md
 delete mode 100644 .changeset/wild-dolls-hang.md

diff --git a/.changeset/fix-select-bind-legacy-sync.md b/.changeset/fix-select-bind-legacy-sync.md
deleted file mode 100644
index bf363f0fc4..0000000000
--- a/.changeset/fix-select-bind-legacy-sync.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: resolve `effect_update_depth_exceeded` when using `bind:value` on `<select>` with derived state in legacy mode
diff --git a/.changeset/orange-wasps-visit.md b/.changeset/orange-wasps-visit.md
deleted file mode 100644
index 972ff636b8..0000000000
--- a/.changeset/orange-wasps-visit.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: don't swallow `DOMException` when `media.play()` fails in `bind:paused`
diff --git a/.changeset/tender-pugs-hide.md b/.changeset/tender-pugs-hide.md
deleted file mode 100644
index 260f49614e..0000000000
--- a/.changeset/tender-pugs-hide.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-chore: provide proper public type for `parseCss` result
diff --git a/.changeset/true-cities-retire.md b/.changeset/true-cities-retire.md
deleted file mode 100644
index c1846e9267..0000000000
--- a/.changeset/true-cities-retire.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: robustify blocker calculation
diff --git a/.changeset/wild-dolls-hang.md b/.changeset/wild-dolls-hang.md
deleted file mode 100644
index a7b3436d69..0000000000
--- a/.changeset/wild-dolls-hang.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: reduce if block nesting
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 3fcc8edfc1..5882398fb0 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,19 @@
 # svelte
 
+## 5.50.2
+
+### Patch Changes
+
+- fix: resolve `effect_update_depth_exceeded` when using `bind:value` on `<select>` with derived state in legacy mode ([#17645](https://github.com/sveltejs/svelte/pull/17645))
+
+- fix: don't swallow `DOMException` when `media.play()` fails in `bind:paused` ([#17656](https://github.com/sveltejs/svelte/pull/17656))
+
+- chore: provide proper public type for `parseCss` result ([#17654](https://github.com/sveltejs/svelte/pull/17654))
+
+- fix: robustify blocker calculation ([#17676](https://github.com/sveltejs/svelte/pull/17676))
+
+- fix: reduce if block nesting ([#17662](https://github.com/sveltejs/svelte/pull/17662))
+
 ## 5.50.1
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 8ebb0a6b32..15b58f7b0d 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.50.1",
+  "version": "5.50.2",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 0af5fb8ca0..bbf1b4d532 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.50.1';
+export const VERSION = '5.50.2';
 export const PUBLIC_VERSION = '5';

From bcd170ceb009c4b6bcd11134c71a06d380a7d857 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 11 Feb 2026 16:45:52 -0500
Subject: [PATCH 58/71] fix: always lowercase HTML elements, for XHTML
 compliance (#17664)

Another XHTML thing, per
https://github.com/sveltejs/svelte/pull/17418#issuecomment-3863029273
(that PR doesn't address this issue)

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [x] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`
---
 .changeset/full-doors-stand.md                |  5 +++
 .../client/transform-template/template.js     |  6 ++-
 .../client/transform-template/types.d.ts      |  1 +
 .../client/visitors/RegularElement.js         | 37 +++++++++----------
 .../client/visitors/shared/component.js       |  4 +-
 .../server/visitors/RegularElement.js         | 24 ++++++------
 .../server/visitors/shared/element.js         |  2 +-
 .../samples/lowercase-tags/_config.js         |  9 +++++
 .../samples/lowercase-tags/main.svelte        |  1 +
 9 files changed, 51 insertions(+), 38 deletions(-)
 create mode 100644 .changeset/full-doors-stand.md
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/main.svelte

diff --git a/.changeset/full-doors-stand.md b/.changeset/full-doors-stand.md
new file mode 100644
index 0000000000..15a4897b36
--- /dev/null
+++ b/.changeset/full-doors-stand.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: always lowercase HTML elements, for XHTML compliance
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/transform-template/template.js b/packages/svelte/src/compiler/phases/3-transform/client/transform-template/template.js
index 8f7f8a1f43..f546ce4962 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/transform-template/template.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/transform-template/template.js
@@ -30,13 +30,15 @@ export class Template {
 	/**
 	 * @param {string} name
 	 * @param {number} start
+	 * @param {boolean} is_html
 	 */
-	push_element(name, start) {
+	push_element(name, start, is_html) {
 		this.#element = {
 			type: 'element',
 			name,
 			attributes: {},
 			children: [],
+			is_html,
 			start
 		};
 
@@ -100,7 +102,7 @@ function stringify(item) {
 	for (const key in item.attributes) {
 		const value = item.attributes[key];
 
-		str += ` ${key}`;
+		str += ` ${item.is_html ? key.toLowerCase() : key}`;
 		if (value !== undefined) str += `="${escape_html(value, true)}"`;
 	}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/transform-template/types.d.ts b/packages/svelte/src/compiler/phases/3-transform/client/transform-template/types.d.ts
index 1555e10ef0..2ccb4dc5c7 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/transform-template/types.d.ts
+++ b/packages/svelte/src/compiler/phases/3-transform/client/transform-template/types.d.ts
@@ -5,6 +5,7 @@ export interface Element {
 	name: string;
 	attributes: Record<string, string | undefined>;
 	children: Node[];
+	is_html: boolean;
 	/** used for populating __svelte_meta */
 	start: number;
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
index 7469dcda5b..0579d80b74 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/RegularElement.js
@@ -38,9 +38,11 @@ import { TEMPLATE_FRAGMENT } from '../../../../../constants.js';
  * @param {ComponentContext} context
  */
 export function RegularElement(node, context) {
-	context.state.template.push_element(node.name, node.start);
+	const is_html = context.state.metadata.namespace === 'html' && node.name !== 'svg';
+	const name = is_html ? node.name.toLowerCase() : node.name;
+	context.state.template.push_element(name, node.start, is_html);
 
-	if (node.name === 'noscript') {
+	if (name === 'noscript') {
 		context.state.template.pop_element();
 		return;
 	}
@@ -53,9 +55,9 @@ export function RegularElement(node, context) {
 	// Therefore we need to use importNode instead, which doesn't have this caveat.
 	// Additionally, Webkit browsers need importNode for video elements for autoplay
 	// to work correctly.
-	context.state.template.needs_import_node ||= node.name === 'video' || is_custom_element;
+	context.state.template.needs_import_node ||= name === 'video' || is_custom_element;
 
-	context.state.template.contains_script_tag ||= node.name === 'script';
+	context.state.template.contains_script_tag ||= name === 'script';
 
 	/** @type {Array<AST.Attribute | AST.SpreadAttribute>} */
 	const attributes = [];
@@ -161,7 +163,7 @@ export function RegularElement(node, context) {
 		}
 	}
 
-	if (node.name === 'input') {
+	if (name === 'input') {
 		const has_value_attribute = attributes.some(
 			(attribute) =>
 				attribute.type === 'Attribute' &&
@@ -190,7 +192,7 @@ export function RegularElement(node, context) {
 		}
 	}
 
-	if (node.name === 'textarea') {
+	if (name === 'textarea') {
 		const attribute = lookup.get('value') ?? lookup.get('checked');
 		const needs_content_reset = attribute && !is_text_attribute(attribute);
 
@@ -206,10 +208,7 @@ export function RegularElement(node, context) {
 
 	/** If true, needs `__value` for inputs */
 	const needs_special_value_handling =
-		node.name === 'option' ||
-		node.name === 'select' ||
-		bindings.has('group') ||
-		bindings.has('checked');
+		name === 'option' || name === 'select' || bindings.has('group') || bindings.has('checked');
 
 	if (has_spread) {
 		build_attribute_effect(
@@ -258,7 +257,6 @@ export function RegularElement(node, context) {
 				let { value } = build_attribute_value(attribute.value, context);
 				context.state.init.push(b.stmt(b.call('$.autofocus', node_id, value)));
 			} else if (name === 'class') {
-				const is_html = context.state.metadata.namespace === 'html' && node.name !== 'svg';
 				build_set_class(node, node_id, attribute, class_directives, context, is_html);
 			} else if (name === 'style') {
 				build_set_style(node_id, attribute, style_directives, context);
@@ -279,7 +277,7 @@ export function RegularElement(node, context) {
 	}
 
 	if (
-		is_load_error_element(node.name) &&
+		is_load_error_element(name) &&
 		(has_spread || has_use || lookup.has('onload') || lookup.has('onerror'))
 	) {
 		context.state.after_update.push(b.stmt(b.call('$.replay_events', node_id)));
@@ -307,8 +305,7 @@ export function RegularElement(node, context) {
 		...context.state,
 		metadata,
 		scope: /** @type {Scope} */ (context.state.scopes.get(node.fragment)),
-		preserve_whitespace:
-			context.state.preserve_whitespace || node.name === 'pre' || node.name === 'textarea'
+		preserve_whitespace: context.state.preserve_whitespace || name === 'pre' || name === 'textarea'
 	};
 
 	const { hoisted, trimmed } = clean_nodes(
@@ -317,7 +314,7 @@ export function RegularElement(node, context) {
 		context.path,
 		state.metadata.namespace,
 		state,
-		node.name === 'script' || state.preserve_whitespace,
+		name === 'script' || state.preserve_whitespace,
 		state.options.preserveComments
 	);
 
@@ -363,7 +360,7 @@ export function RegularElement(node, context) {
 		context.state.template.push_comment();
 
 		// Create a separate template for the rich content
-		const template_name = context.state.scope.root.unique(`${node.name}_content`);
+		const template_name = context.state.scope.root.unique(`${name}_content`);
 		const fragment_id = b.id(context.state.scope.generate('fragment'));
 		const anchor_id = b.id(context.state.scope.generate('anchor'));
 
@@ -414,7 +411,7 @@ export function RegularElement(node, context) {
 
 		// The same applies if it's a `<template>` element, since we need to
 		// set the value of `hydrate_node` to `node.content`
-		if (node.name === 'template') {
+		if (name === 'template') {
 			needs_reset = true;
 			child_state.init.push(b.stmt(b.call('$.hydrate_template', arg)));
 			arg = b.member(arg, 'content');
@@ -451,7 +448,7 @@ export function RegularElement(node, context) {
 		context.state.after_update.push(...element_state.after_update);
 	}
 
-	if (node.name === 'selectedcontent') {
+	if (name === 'selectedcontent') {
 		context.state.init.push(
 			b.stmt(
 				b.call(
@@ -483,11 +480,11 @@ export function RegularElement(node, context) {
 			// this node is an `option` that didn't have a `value` attribute, but had
 			// a single-expression child, so we treat the value of that expression as
 			// the value of the option
-			build_element_special_value_attribute(node.name, node_id, synthetic_attribute, context, true);
+			build_element_special_value_attribute(name, node_id, synthetic_attribute, context, true);
 		} else {
 			for (const attribute of /** @type {AST.Attribute[]} */ (attributes)) {
 				if (attribute.name === 'value') {
-					build_element_special_value_attribute(node.name, node_id, attribute, context);
+					build_element_special_value_attribute(name, node_id, attribute, context);
 					break;
 				}
 			}
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
index 1d6d3413bf..216bf08b5c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/component.js
@@ -488,10 +488,10 @@ export function build_component(node, component_name, loc, context) {
 	if (Object.keys(custom_css_props).length > 0) {
 		if (context.state.metadata.namespace === 'svg') {
 			// this boils down to <g><!></g>
-			context.state.template.push_element('g', node.start);
+			context.state.template.push_element('g', node.start, false);
 		} else {
 			// this boils down to <svelte-css-wrapper style='display: contents'><!></svelte-css-wrapper>
-			context.state.template.push_element('svelte-css-wrapper', node.start);
+			context.state.template.push_element('svelte-css-wrapper', node.start, false);
 			context.state.template.set_prop('style', 'display: contents');
 		}
 
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
index 1c6bb0a198..e653f545af 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js
@@ -15,6 +15,7 @@ import { is_customizable_select_element } from '../../../nodes.js';
  * @param {ComponentContext} context
  */
 export function RegularElement(node, context) {
+	const name = context.state.namespace === 'html' ? node.name.toLowerCase() : node.name;
 	const namespace = determine_namespace_for_children(node, context.state.namespace);
 
 	/** @type {ComponentServerTransformState} */
@@ -27,7 +28,7 @@ export function RegularElement(node, context) {
 		template: []
 	};
 
-	const node_is_void = is_void(node.name);
+	const node_is_void = is_void(name);
 
 	const optimiser = new PromiseOptimiser();
 
@@ -35,28 +36,28 @@ export function RegularElement(node, context) {
 	// avoid calling build_element_attributes here to prevent evaluating/awaiting
 	// attribute expressions twice. We'll handle attributes in the special branch.
 	const is_select_special =
-		node.name === 'select' &&
+		name === 'select' &&
 		node.attributes.some(
 			(attribute) =>
 				((attribute.type === 'Attribute' || attribute.type === 'BindDirective') &&
 					attribute.name === 'value') ||
 				attribute.type === 'SpreadAttribute'
 		);
-	const is_option_special = node.name === 'option';
+	const is_option_special = name === 'option';
 	const is_special = is_select_special || is_option_special;
 
 	let body = /** @type {Expression | null} */ (null);
 	if (!is_special) {
 		// only open the tag in the non-special path
-		state.template.push(b.literal(`<${node.name}`));
+		state.template.push(b.literal(`<${name}`));
 		body = build_element_attributes(node, { ...context, state }, optimiser.transform);
 		state.template.push(b.literal(node_is_void ? '/>' : '>')); // add `/>` for XHTML compliance
 	}
 
-	if ((node.name === 'script' || node.name === 'style') && node.fragment.nodes.length === 1) {
+	if ((name === 'script' || name === 'style') && node.fragment.nodes.length === 1) {
 		state.template.push(
 			b.literal(/** @type {AST.Text} */ (node.fragment.nodes[0]).data),
-			b.literal(`</${node.name}>`)
+			b.literal(`</${name}>`)
 		);
 
 		context.state.template.push(
@@ -90,7 +91,7 @@ export function RegularElement(node, context) {
 				b.call(
 					'$.push_element',
 					b.id('$$renderer'),
-					b.literal(node.name),
+					b.literal(name),
 					b.literal(location.line),
 					b.literal(location.column)
 				)
@@ -142,7 +143,7 @@ export function RegularElement(node, context) {
 						b.call(
 							'$.push_element',
 							b.id('$$renderer'),
-							b.literal(node.name),
+							b.literal(name),
 							b.literal(location.line),
 							b.literal(location.column)
 						)
@@ -191,16 +192,13 @@ export function RegularElement(node, context) {
 	} else {
 		// For optgroup or select with rich content, add hydration marker at the start
 		process_children(trimmed, { ...context, state });
-		if (
-			(node.name === 'optgroup' || node.name === 'select') &&
-			is_customizable_select_element(node)
-		) {
+		if ((name === 'optgroup' || name === 'select') && is_customizable_select_element(node)) {
 			state.template.push(b.literal('<!>'));
 		}
 	}
 
 	if (!node_is_void) {
-		state.template.push(b.literal(`</${node.name}>`));
+		state.template.push(b.literal(`</${name}>`));
 	}
 
 	if (dev) {
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
index 5bc8fb15b5..ac02a6b918 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/element.js
@@ -235,7 +235,7 @@ export function build_element_attributes(node, context, transform) {
 
 				if (name !== 'class' || literal_value) {
 					context.state.template.push(
-						b.literal(` ${attribute.name}="${literal_value === true ? '' : String(literal_value)}"`)
+						b.literal(` ${name}="${literal_value === true ? '' : String(literal_value)}"`)
 					);
 				}
 
diff --git a/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/_config.js b/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/_config.js
new file mode 100644
index 0000000000..a92f216349
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/_config.js
@@ -0,0 +1,9 @@
+import { test } from '../../test';
+
+export default test({
+	test({ assert, target }) {
+		const [input] = target.querySelectorAll('input');
+
+		assert.equal(input.disabled, true);
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/main.svelte
new file mode 100644
index 0000000000..7c48b6bc4b
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/lowercase-tags/main.svelte
@@ -0,0 +1 @@
+<iNPUT dIsAbLeD />

From 9400689e1cc314ef59496fd0c6627f91e1185f6b Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 12 Feb 2026 06:11:41 -0500
Subject: [PATCH 59/71] chore: use create_element everywhere (#17683)

follow-up to #17418. This replaces every occurrence of
`document.createElement` with a helper, `create_element`, that delegates
to `document.createElementNS`. This makes the code a tiny bit simpler
and in theory should allow Svelte to run on `text/xml` documents, though
I'm not ready to add a test suite to prevent regressions for something
so niche.

If we choose to merge this, I think we can safely close #17418 as all
the other points (around case sensitivity etc) have already been taken
care of AFAICT.

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [ ] Ideally, include a test that fails without this PR but passes with
it.
- [ ] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

---------

Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>
Co-authored-by: Tee Ming <chewteeming01@gmail.com>
---
 .../internal/client/dom/blocks/svelte-element.js   | 14 +++++++-------
 packages/svelte/src/internal/client/dom/css.js     |  3 ++-
 .../internal/client/dom/elements/custom-element.js |  3 ++-
 .../client/dom/elements/customizable-select.js     |  4 ++--
 .../svelte/src/internal/client/dom/operations.js   | 14 +++++++-------
 .../svelte/src/internal/client/dom/reconciler.js   |  4 +++-
 .../svelte/src/internal/client/dom/template.js     |  2 +-
 7 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/packages/svelte/src/internal/client/dom/blocks/svelte-element.js b/packages/svelte/src/internal/client/dom/blocks/svelte-element.js
index 47dfe7707d..6df020d2d7 100644
--- a/packages/svelte/src/internal/client/dom/blocks/svelte-element.js
+++ b/packages/svelte/src/internal/client/dom/blocks/svelte-element.js
@@ -7,7 +7,7 @@ import {
 	set_hydrate_node,
 	set_hydrating
 } from '../hydration.js';
-import { create_text, get_first_child } from '../operations.js';
+import { create_element, create_text, get_first_child } from '../operations.js';
 import { block, teardown } from '../../reactivity/effects.js';
 import { set_should_intro } from '../../render.js';
 import { active_effect } from '../../runtime.js';
@@ -57,7 +57,11 @@ export function element(node, get_tag, is_svg, render_fn, get_namespace, locatio
 
 	block(() => {
 		const next_tag = get_tag() || null;
-		var ns = get_namespace ? get_namespace() : is_svg || next_tag === 'svg' ? NAMESPACE_SVG : null;
+		var ns = get_namespace
+			? get_namespace()
+			: is_svg || next_tag === 'svg'
+				? NAMESPACE_SVG
+				: undefined;
 
 		if (next_tag === null) {
 			branches.ensure(null, null);
@@ -67,11 +71,7 @@ export function element(node, get_tag, is_svg, render_fn, get_namespace, locatio
 
 		branches.ensure(next_tag, (anchor) => {
 			if (next_tag) {
-				element = hydrating
-					? /** @type {Element} */ (element)
-					: ns
-						? document.createElementNS(ns, next_tag)
-						: document.createElement(next_tag);
+				element = hydrating ? /** @type {Element} */ (element) : create_element(next_tag, ns);
 
 				if (DEV && location) {
 					// @ts-expect-error
diff --git a/packages/svelte/src/internal/client/dom/css.js b/packages/svelte/src/internal/client/dom/css.js
index 8e6faa0e32..74bf2d49f9 100644
--- a/packages/svelte/src/internal/client/dom/css.js
+++ b/packages/svelte/src/internal/client/dom/css.js
@@ -1,6 +1,7 @@
 import { DEV } from 'esm-env';
 import { register_style } from '../dev/css.js';
 import { effect } from '../reactivity/effects.js';
+import { create_element } from './operations.js';
 
 /**
  * @param {Node} anchor
@@ -18,7 +19,7 @@ export function append_styles(anchor, css) {
 		// Always querying the DOM is roughly the same perf as additionally checking for presence in a map first assuming
 		// that you'll get cache hits half of the time, so we just always query the dom for simplicity and code savings.
 		if (!target.querySelector('#' + css.hash)) {
-			const style = document.createElement('style');
+			const style = create_element('style');
 			style.id = css.hash;
 			style.textContent = css.code;
 
diff --git a/packages/svelte/src/internal/client/dom/elements/custom-element.js b/packages/svelte/src/internal/client/dom/elements/custom-element.js
index 40d3d68ec0..8316fa7656 100644
--- a/packages/svelte/src/internal/client/dom/elements/custom-element.js
+++ b/packages/svelte/src/internal/client/dom/elements/custom-element.js
@@ -2,6 +2,7 @@ import { createClassComponent } from '../../../../legacy/legacy-client.js';
 import { effect_root, render_effect } from '../../reactivity/effects.js';
 import { append } from '../template.js';
 import { define_property, get_descriptor, object_keys } from '../../../shared/utils.js';
+import { create_element } from '../operations.js';
 
 /**
  * @typedef {Object} CustomElementPropDefinition
@@ -103,7 +104,7 @@ if (typeof HTMLElement === 'function') {
 					 * @param {Element} anchor
 					 */
 					return (anchor) => {
-						const slot = document.createElement('slot');
+						const slot = create_element('slot');
 						if (name !== 'default') slot.name = name;
 
 						append(anchor, slot);
diff --git a/packages/svelte/src/internal/client/dom/elements/customizable-select.js b/packages/svelte/src/internal/client/dom/elements/customizable-select.js
index 1858565d2a..b9f20f63a8 100644
--- a/packages/svelte/src/internal/client/dom/elements/customizable-select.js
+++ b/packages/svelte/src/internal/client/dom/elements/customizable-select.js
@@ -1,5 +1,5 @@
 import { hydrating, reset, set_hydrate_node, set_hydrating } from '../hydration.js';
-import { create_comment } from '../operations.js';
+import { create_comment, create_element } from '../operations.js';
 import { attach } from './attachments.js';
 
 /** @type {boolean | null} */
@@ -13,7 +13,7 @@ let supported = null;
  */
 function is_supported() {
 	if (supported === null) {
-		var select = document.createElement('select');
+		var select = create_element('select');
 		select.innerHTML = '<option><span>t</span></option>';
 		supported = /** @type {Element} */ (select.firstChild)?.firstChild?.nodeType === 1;
 	}
diff --git a/packages/svelte/src/internal/client/dom/operations.js b/packages/svelte/src/internal/client/dom/operations.js
index 61a48bcbfb..876f039a0e 100644
--- a/packages/svelte/src/internal/client/dom/operations.js
+++ b/packages/svelte/src/internal/client/dom/operations.js
@@ -7,6 +7,7 @@ import { active_effect } from '../runtime.js';
 import { async_mode_flag } from '../../flags/index.js';
 import { TEXT_NODE, EFFECT_RAN } from '#client/constants';
 import { eager_block_effects } from '../reactivity/batch.js';
+import { NAMESPACE_HTML } from '../../../constants.js';
 
 // export these for reference in the compiled code, making global name deduplication unnecessary
 /** @type {Window} */
@@ -231,18 +232,17 @@ export function should_defer_append() {
 }
 
 /**
- *
- * @param {string} tag
+ * @template {keyof HTMLElementTagNameMap | string} T
+ * @param {T} tag
  * @param {string} [namespace]
  * @param {string} [is]
- * @returns
+ * @returns {T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element}
  */
 export function create_element(tag, namespace, is) {
 	let options = is ? { is } : undefined;
-	if (namespace) {
-		return document.createElementNS(namespace, tag, options);
-	}
-	return document.createElement(tag, options);
+	return /** @type {T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element} */ (
+		document.createElementNS(namespace ?? NAMESPACE_HTML, tag, options)
+	);
 }
 
 export function create_fragment() {
diff --git a/packages/svelte/src/internal/client/dom/reconciler.js b/packages/svelte/src/internal/client/dom/reconciler.js
index 8d3b5c0495..54f2e23c6e 100644
--- a/packages/svelte/src/internal/client/dom/reconciler.js
+++ b/packages/svelte/src/internal/client/dom/reconciler.js
@@ -1,6 +1,8 @@
+import { create_element } from './operations.js';
+
 /** @param {string} html */
 export function create_fragment_from_html(html) {
-	var elem = document.createElement('template');
+	var elem = create_element('template');
 	elem.innerHTML = html.replaceAll('<!>', '<!---->'); // XHTML compliance
 	return elem.content;
 }
diff --git a/packages/svelte/src/internal/client/dom/template.js b/packages/svelte/src/internal/client/dom/template.js
index 567fbeabf0..9c2f2fe82f 100644
--- a/packages/svelte/src/internal/client/dom/template.js
+++ b/packages/svelte/src/internal/client/dom/template.js
@@ -275,7 +275,7 @@ function run_scripts(node) {
 	const effect = /** @type {Effect & { nodes: EffectNodes }} */ (active_effect);
 
 	for (const script of scripts) {
-		const clone = document.createElement('script');
+		const clone = create_element('script');
 		for (var attribute of script.attributes) {
 			clone.setAttribute(attribute.name, attribute.value);
 		}

From 4eee2f7c924e3bbd48e288b97e9395fb902079f4 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 12 Feb 2026 09:15:32 -0500
Subject: [PATCH 60/71] fix: freeze effects-inside-deriveds when disconnecting,
 unfreeze on reconnect (#17682)

This supersedes #16595, and fixes the issue by 'freezing' effects inside
deriveds when those deriveds are disconnected, and unfreezing them when
they reconnect. This is preferable to the current asymmetric behaviour
on `main` (in which effects are destroyed when the derived is
disconnected, and never recreated) and #16595, which causes the derived
itself to be re-evaluated.

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [x] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`
---
 .changeset/ninety-emus-drop.md                |  5 ++
 .../svelte/src/internal/client/constants.js   |  6 +--
 .../svelte/src/internal/client/context.js     |  2 +-
 .../client/dom/elements/transitions.js        |  4 +-
 .../src/internal/client/dom/operations.js     |  4 +-
 .../src/internal/client/dom/template.js       |  4 +-
 .../src/internal/client/error-handling.js     |  4 +-
 .../src/internal/client/reactivity/batch.js   | 19 ++++---
 .../internal/client/reactivity/deriveds.js    | 54 +++++++++++++++++--
 .../src/internal/client/reactivity/effects.js |  5 +-
 .../svelte/src/internal/client/runtime.js     | 18 +++++--
 .../effect-inside-derived-frozen/_config.js   | 42 +++++++++++++++
 .../effect-inside-derived-frozen/main.svelte  | 53 ++++++++++++++++++
 13 files changed, 187 insertions(+), 33 deletions(-)
 create mode 100644 .changeset/ninety-emus-drop.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/main.svelte

diff --git a/.changeset/ninety-emus-drop.md b/.changeset/ninety-emus-drop.md
new file mode 100644
index 0000000000..94c7a75148
--- /dev/null
+++ b/.changeset/ninety-emus-drop.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: freeze effects-inside-deriveds when disconnecting, unfreeze on reconnect
diff --git a/packages/svelte/src/internal/client/constants.js b/packages/svelte/src/internal/client/constants.js
index a1bdb8a985..451f8191ae 100644
--- a/packages/svelte/src/internal/client/constants.js
+++ b/packages/svelte/src/internal/client/constants.js
@@ -27,10 +27,10 @@ export const DIRTY = 1 << 11;
 export const MAYBE_DIRTY = 1 << 12;
 export const INERT = 1 << 13;
 export const DESTROYED = 1 << 14;
+/** Set once a reaction has run for the first time */
+export const REACTION_RAN = 1 << 15;
 
 // Flags exclusive to effects
-/** Set once an effect that should run synchronously has run */
-export const EFFECT_RAN = 1 << 15;
 /**
  * 'Transparent' effects do not create a transition boundary.
  * This is on a block effect 99% of the time but may also be on a branch effect if its parent block effect was pruned
@@ -48,7 +48,7 @@ export const EFFECT_OFFSCREEN = 1 << 25;
  * Will be lifted during execution of the derived and during checking its dirty state (both are necessary
  * because a derived might be checked but not executed).
  */
-export const WAS_MARKED = 1 << 15;
+export const WAS_MARKED = 1 << 16;
 
 // Flags used for async
 export const REACTION_IS_UPDATING = 1 << 21;
diff --git a/packages/svelte/src/internal/client/context.js b/packages/svelte/src/internal/client/context.js
index ffdb342adb..36c735272c 100644
--- a/packages/svelte/src/internal/client/context.js
+++ b/packages/svelte/src/internal/client/context.js
@@ -5,7 +5,7 @@ import { active_effect, active_reaction } from './runtime.js';
 import { create_user_effect } from './reactivity/effects.js';
 import { async_mode_flag, legacy_mode_flag } from '../flags/index.js';
 import { FILENAME } from '../../constants.js';
-import { BRANCH_EFFECT, EFFECT_RAN } from './constants.js';
+import { BRANCH_EFFECT, REACTION_RAN } from './constants.js';
 
 /** @type {ComponentContext | null} */
 export let component_context = null;
diff --git a/packages/svelte/src/internal/client/dom/elements/transitions.js b/packages/svelte/src/internal/client/dom/elements/transitions.js
index 170b40780a..0c5431f030 100644
--- a/packages/svelte/src/internal/client/dom/elements/transitions.js
+++ b/packages/svelte/src/internal/client/dom/elements/transitions.js
@@ -5,7 +5,7 @@ import { active_effect, untrack } from '../../runtime.js';
 import { loop } from '../../loop.js';
 import { should_intro } from '../../render.js';
 import { TRANSITION_GLOBAL, TRANSITION_IN, TRANSITION_OUT } from '../../../../constants.js';
-import { BLOCK_EFFECT, EFFECT_RAN, EFFECT_TRANSPARENT } from '#client/constants';
+import { BLOCK_EFFECT, REACTION_RAN, EFFECT_TRANSPARENT } from '#client/constants';
 import { queue_micro_task } from '../task.js';
 import { without_reactive_context } from './bindings/shared.js';
 
@@ -289,7 +289,7 @@ export function transition(flags, element, get_fn, get_params) {
 				}
 			}
 
-			run = !block || (block.f & EFFECT_RAN) !== 0;
+			run = !block || (block.f & REACTION_RAN) !== 0;
 		}
 
 		if (run) {
diff --git a/packages/svelte/src/internal/client/dom/operations.js b/packages/svelte/src/internal/client/dom/operations.js
index 876f039a0e..4036aa2d61 100644
--- a/packages/svelte/src/internal/client/dom/operations.js
+++ b/packages/svelte/src/internal/client/dom/operations.js
@@ -5,7 +5,7 @@ import { init_array_prototype_warnings } from '../dev/equality.js';
 import { get_descriptor, is_extensible } from '../../shared/utils.js';
 import { active_effect } from '../runtime.js';
 import { async_mode_flag } from '../../flags/index.js';
-import { TEXT_NODE, EFFECT_RAN } from '#client/constants';
+import { TEXT_NODE, REACTION_RAN } from '#client/constants';
 import { eager_block_effects } from '../reactivity/batch.js';
 import { NAMESPACE_HTML } from '../../../constants.js';
 
@@ -228,7 +228,7 @@ export function should_defer_append() {
 	if (eager_block_effects !== null) return false;
 
 	var flags = /** @type {Effect} */ (active_effect).f;
-	return (flags & EFFECT_RAN) !== 0;
+	return (flags & REACTION_RAN) !== 0;
 }
 
 /**
diff --git a/packages/svelte/src/internal/client/dom/template.js b/packages/svelte/src/internal/client/dom/template.js
index 9c2f2fe82f..b0801d7959 100644
--- a/packages/svelte/src/internal/client/dom/template.js
+++ b/packages/svelte/src/internal/client/dom/template.js
@@ -22,7 +22,7 @@ import {
 	TEMPLATE_USE_MATHML,
 	TEMPLATE_USE_SVG
 } from '../../../constants.js';
-import { COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, EFFECT_RAN, TEXT_NODE } from '#client/constants';
+import { COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, REACTION_RAN, TEXT_NODE } from '#client/constants';
 
 /**
  * @param {TemplateNode} start
@@ -353,7 +353,7 @@ export function append(anchor, dom) {
 		// When hydrating and outer component and an inner component is async, i.e. blocked on a promise,
 		// then by the time the inner resolves we have already advanced to the end of the hydrated nodes
 		// of the parent component. Check for defined for that reason to avoid rewinding the parent's end marker.
-		if ((effect.f & EFFECT_RAN) === 0 || effect.nodes.end === null) {
+		if ((effect.f & REACTION_RAN) === 0 || effect.nodes.end === null) {
 			effect.nodes.end = hydrate_node;
 		}
 
diff --git a/packages/svelte/src/internal/client/error-handling.js b/packages/svelte/src/internal/client/error-handling.js
index dcbbf14e20..4736333d1a 100644
--- a/packages/svelte/src/internal/client/error-handling.js
+++ b/packages/svelte/src/internal/client/error-handling.js
@@ -3,7 +3,7 @@
 import { DEV } from 'esm-env';
 import { FILENAME } from '../../constants.js';
 import { is_firefox } from './dom/operations.js';
-import { ERROR_VALUE, BOUNDARY_EFFECT, EFFECT_RAN } from './constants.js';
+import { ERROR_VALUE, BOUNDARY_EFFECT, REACTION_RAN } from './constants.js';
 import { define_property, get_descriptor } from '../shared/utils.js';
 import { active_effect, active_reaction } from './runtime.js';
 
@@ -25,7 +25,7 @@ export function handle_error(error) {
 		adjustments.set(error, get_adjustments(error, effect));
 	}
 
-	if ((effect.f & EFFECT_RAN) === 0) {
+	if ((effect.f & REACTION_RAN) === 0) {
 		// if the error occurred while creating this subtree, we let it
 		// bubble up until it hits a boundary that can handle it
 		if ((effect.f & BOUNDARY_EFFECT) === 0) {
diff --git a/packages/svelte/src/internal/client/reactivity/batch.js b/packages/svelte/src/internal/client/reactivity/batch.js
index 9bf93c873f..82a2d4f484 100644
--- a/packages/svelte/src/internal/client/reactivity/batch.js
+++ b/packages/svelte/src/internal/client/reactivity/batch.js
@@ -701,16 +701,15 @@ function flush_queued_effects(effects) {
 			// don't know if we need to keep them until they are executed. Doing the check
 			// here (rather than in `update_effect`) allows us to skip the work for
 			// immediate effects.
-			if (effect.deps === null && effect.first === null && effect.nodes === null) {
-				// if there's no teardown or abort controller we completely unlink
-				// the effect from the graph
-				if (effect.teardown === null && effect.ac === null) {
-					// remove this effect from the graph
-					unlink_effect(effect);
-				} else {
-					// keep the effect in the graph, but free up some memory
-					effect.fn = null;
-				}
+			if (
+				effect.deps === null &&
+				effect.first === null &&
+				effect.nodes === null &&
+				effect.teardown === null &&
+				effect.ac === null
+			) {
+				// remove this effect from the graph
+				unlink_effect(effect);
 			}
 
 			// If update_effect() has a flushSync() in it, we may have flushed another flush_queued_effects(),
diff --git a/packages/svelte/src/internal/client/reactivity/deriveds.js b/packages/svelte/src/internal/client/reactivity/deriveds.js
index bb732bdd1e..d11854fc91 100644
--- a/packages/svelte/src/internal/client/reactivity/deriveds.js
+++ b/packages/svelte/src/internal/client/reactivity/deriveds.js
@@ -19,12 +19,20 @@ import {
 	increment_write_version,
 	set_active_effect,
 	push_reaction_value,
-	is_destroying_effect
+	is_destroying_effect,
+	update_effect,
+	remove_reactions
 } from '../runtime.js';
 import { equals, safe_equals } from './equality.js';
 import * as e from '../errors.js';
 import * as w from '../warnings.js';
-import { async_effect, destroy_effect, effect_tracking, teardown } from './effects.js';
+import {
+	async_effect,
+	destroy_effect,
+	destroy_effect_children,
+	effect_tracking,
+	teardown
+} from './effects.js';
 import { eager_effects, internal_set, set_eager_effects, source } from './sources.js';
 import { get_error } from '../../shared/dev.js';
 import { async_mode_flag, tracing_mode_flag } from '../../flags/index.js';
@@ -33,7 +41,7 @@ import { component_context } from '../context.js';
 import { UNINITIALIZED } from '../../../constants.js';
 import { batch_values, current_batch } from './batch.js';
 import { unset_context } from './async.js';
-import { deferred, includes } from '../../shared/utils.js';
+import { deferred, includes, noop } from '../../shared/utils.js';
 import { set_signal_status, update_derived_status } from './status.js';
 
 /** @type {Effect | null} */
@@ -392,3 +400,43 @@ export function update_derived(derived) {
 		update_derived_status(derived);
 	}
 }
+
+/**
+ * @param {Derived} derived
+ */
+export function freeze_derived_effects(derived) {
+	if (derived.effects === null) return;
+
+	for (const e of derived.effects) {
+		// if the effect has a teardown function or abort signal, call it
+		if (e.teardown || e.ac) {
+			e.teardown?.();
+			e.ac?.abort(STALE_REACTION);
+
+			// make it a noop so it doesn't get called again if the derived
+			// is unfrozen. we don't set it to `null`, because the existence
+			// of a teardown function is what determines whether the
+			// effect runs again during unfreezing
+			e.teardown = noop;
+			e.ac = null;
+
+			remove_reactions(e, 0);
+			destroy_effect_children(e);
+		}
+	}
+}
+
+/**
+ * @param {Derived} derived
+ */
+export function unfreeze_derived_effects(derived) {
+	if (derived.effects === null) return;
+
+	for (const e of derived.effects) {
+		// if the effect was previously frozen — indicated by the presence
+		// of a teardown function — unfreeze it
+		if (e.teardown) {
+			update_effect(e);
+		}
+	}
+}
diff --git a/packages/svelte/src/internal/client/reactivity/effects.js b/packages/svelte/src/internal/client/reactivity/effects.js
index 5b8dee07b9..512c435a27 100644
--- a/packages/svelte/src/internal/client/reactivity/effects.js
+++ b/packages/svelte/src/internal/client/reactivity/effects.js
@@ -19,7 +19,7 @@ import {
 	EFFECT,
 	DESTROYED,
 	INERT,
-	EFFECT_RAN,
+	REACTION_RAN,
 	BLOCK_EFFECT,
 	ROOT_EFFECT,
 	EFFECT_TRANSPARENT,
@@ -122,7 +122,6 @@ function create_effect(type, fn, sync) {
 	if (sync) {
 		try {
 			update_effect(effect);
-			effect.f |= EFFECT_RAN;
 		} catch (e) {
 			destroy_effect(effect);
 			throw e;
@@ -206,7 +205,7 @@ export function user_effect(fn) {
 	// Non-nested `$effect(...)` in a component should be deferred
 	// until the component is mounted
 	var flags = /** @type {Effect} */ (active_effect).f;
-	var defer = !active_reaction && (flags & BRANCH_EFFECT) !== 0 && (flags & EFFECT_RAN) === 0;
+	var defer = !active_reaction && (flags & BRANCH_EFFECT) !== 0 && (flags & REACTION_RAN) === 0;
 
 	if (defer) {
 		// Top-level `$effect(...)` in an unmounted component — defer until mount
diff --git a/packages/svelte/src/internal/client/runtime.js b/packages/svelte/src/internal/client/runtime.js
index 70eeabb789..e745f7f137 100644
--- a/packages/svelte/src/internal/client/runtime.js
+++ b/packages/svelte/src/internal/client/runtime.js
@@ -22,13 +22,16 @@ import {
 	STALE_REACTION,
 	ERROR_VALUE,
 	WAS_MARKED,
-	MANAGED_EFFECT
+	MANAGED_EFFECT,
+	REACTION_RAN
 } from './constants.js';
 import { old_values } from './reactivity/sources.js';
 import {
 	destroy_derived_effects,
 	execute_derived,
+	freeze_derived_effects,
 	recent_async_deriveds,
+	unfreeze_derived_effects,
 	update_derived
 } from './reactivity/deriveds.js';
 import { async_mode_flag, tracing_mode_flag } from '../flags/index.js';
@@ -253,6 +256,7 @@ export function update_reaction(reaction) {
 		reaction.f |= REACTION_IS_UPDATING;
 		var fn = /** @type {Function} */ (reaction.fn);
 		var result = fn();
+		reaction.f |= REACTION_RAN;
 		var deps = reaction.deps;
 
 		// Don't remove reactions during fork;
@@ -396,8 +400,10 @@ function remove_reaction(signal, dependency) {
 
 		update_derived_status(derived);
 
+		// freeze any effects inside this derived
+		freeze_derived_effects(derived);
+
 		// Disconnect any reactions owned by this reaction
-		destroy_derived_effects(derived);
 		remove_reactions(derived, 0);
 	}
 }
@@ -643,7 +649,7 @@ export function get(signal) {
 			active_reaction !== null &&
 			(is_updating_effect || (active_reaction.f & CONNECTED) !== 0);
 
-		var is_new = derived.deps === null;
+		var is_new = (derived.f & REACTION_RAN) === 0;
 
 		if (is_dirty(derived)) {
 			if (should_connect) {
@@ -656,6 +662,7 @@ export function get(signal) {
 		}
 
 		if (should_connect && !is_new) {
+			unfreeze_derived_effects(derived);
 			reconnect(derived);
 		}
 	}
@@ -677,14 +684,15 @@ export function get(signal) {
  * @param {Derived} derived
  */
 function reconnect(derived) {
-	if (derived.deps === null) return;
-
 	derived.f |= CONNECTED;
 
+	if (derived.deps === null) return;
+
 	for (const dep of derived.deps) {
 		(dep.reactions ??= []).push(derived);
 
 		if ((dep.f & DERIVED) !== 0 && (dep.f & CONNECTED) === 0) {
+			unfreeze_derived_effects(/** @type {Derived} */ (dep));
 			reconnect(/** @type {Derived} */ (dep));
 		}
 	}
diff --git a/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/_config.js b/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/_config.js
new file mode 100644
index 0000000000..fe87a9a89f
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/_config.js
@@ -0,0 +1,42 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, target, logs }) {
+		const [toggle, run] = target.querySelectorAll('button');
+
+		assert.htmlEqual(
+			target.innerHTML,
+			'<button>toggle</button><button>run</button><p>hello: 0</p>'
+		);
+
+		flushSync(() => run.click());
+		assert.deepEqual(logs, []);
+		assert.htmlEqual(
+			target.innerHTML,
+			'<button>toggle</button><button>run</button><p>hello: 1</p>'
+		);
+
+		flushSync(() => toggle.click());
+		assert.deepEqual(logs, ['aborted']);
+		assert.htmlEqual(target.innerHTML, '<button>toggle</button><button>run</button>');
+
+		flushSync(() => run.click());
+		flushSync(() => run.click());
+		flushSync(() => run.click());
+
+		flushSync(() => toggle.click());
+		assert.htmlEqual(
+			target.innerHTML,
+			'<button>toggle</button><button>run</button><p>hello: 1</p>'
+		);
+
+		flushSync(() => run.click());
+		assert.htmlEqual(
+			target.innerHTML,
+			'<button>toggle</button><button>run</button><p>hello: 2</p>'
+		);
+
+		assert.deepEqual(logs, ['aborted']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/main.svelte b/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/main.svelte
new file mode 100644
index 0000000000..1796c99a78
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/effect-inside-derived-frozen/main.svelte
@@ -0,0 +1,53 @@
+<script>
+	import { getAbortSignal } from 'svelte';
+
+	const callbacks = new Map();
+
+	// similar semantics to setInterval, but simpler to test
+	function add(fn) {
+		const id = crypto.randomUUID();
+		callbacks.set(id, fn);
+		return id;
+	}
+
+	function remove(id) {
+		callbacks.delete(id);
+	}
+
+	function run() {
+		for (const fn of callbacks.values()) {
+			fn();
+		}
+	}
+
+	class Timer {
+		constructor(text) {
+			this.elapsed = $state(0);
+			this.text = $derived(text + ': ' + this.elapsed);
+
+			$effect(() => {
+				const id = add(() => {
+					this.elapsed += 1;
+				});
+
+				getAbortSignal().onabort = () => {
+					console.log('aborted');
+				};
+
+				return () => remove(id);
+			});
+		}
+
+	}
+
+	let timer = $derived(new Timer('hello'));
+
+	let visible = $state(true);
+</script>
+
+<button onclick={() => visible = !visible}>toggle</button>
+<button onclick={run}>run</button>
+
+{#if visible}
+	<p>{timer.text}</p>
+{/if}

From b65702968708b220fa8de1aaed2e3dfbb1d76432 Mon Sep 17 00:00:00 2001
From: 7nik <kifiranet@gmail.com>
Date: Thu, 12 Feb 2026 23:52:31 +0200
Subject: [PATCH 61/71]  fix: take into account `nodeName` case sensitivity on
 XHTML pages (#17689)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It should be the last piece of XHTML compliance.
We missed fixing `mutltiple` and `selected` attributes on `<select>` and
`<option>`.
Also, it seems the test runtime-legacy/select-multiple-spread was
broken.
I just copied to runtime-xhtml and updated tests that fail when a
`nodeName` comparison is broken. For `<progress>` no test due to JSDOM
quirks (at least in the past), and for `<template>` and `<script>`
nothing got broken 🤔

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [x] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/clever-rockets-lose.md             |   5 +
 .changeset/eleven-fans-show.md                |   5 +
 .../svelte/src/internal/client/constants.js   |   1 +
 .../client/dom/elements/attributes.js         |  20 +-
 .../src/internal/client/dom/template.js       |  17 +-
 .../svelte/src/internal/server/renderer.js    |   2 +-
 .../src/internal/server/renderer.test.ts      |   6 +-
 .../svelte/src/internal/shared/attributes.js  |   2 +-
 .../samples/select-multiple-spread/_config.js |   7 +-
 .../bind-value-input-type-dynamic/_config.js  |  72 +++++
 .../bind-value-input-type-dynamic/main.svelte |  14 +
 .../form-default-value-spread/_config.js      | 263 ++++++++++++++++++
 .../form-default-value-spread/main.svelte     | 199 +++++++++++++
 .../samples/ignore-mismatched-href/_config.js |  21 ++
 .../ignore-mismatched-href/main.svelte        |   5 +
 .../samples/select-falsy-value/_config.js     |  32 +++
 .../samples/select-falsy-value/main.svelte    |  26 ++
 .../samples/select-multiple-spread/_config.js |  18 ++
 .../select-multiple-spread/main.svelte        |   7 +
 .../select-multiple-spread/select.svelte      |   8 +
 .../_config.js                                |  46 +++
 .../main.svelte                               |  12 +
 22 files changed, 768 insertions(+), 20 deletions(-)
 create mode 100644 .changeset/clever-rockets-lose.md
 create mode 100644 .changeset/eleven-fans-show.md
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/main.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/select.svelte
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/_config.js
 create mode 100644 packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/main.svelte

diff --git a/.changeset/clever-rockets-lose.md b/.changeset/clever-rockets-lose.md
new file mode 100644
index 0000000000..f4623573e2
--- /dev/null
+++ b/.changeset/clever-rockets-lose.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: take into account `nodeName` case sensitivity on XHTML pages
diff --git a/.changeset/eleven-fans-show.md b/.changeset/eleven-fans-show.md
new file mode 100644
index 0000000000..ccfc48aa90
--- /dev/null
+++ b/.changeset/eleven-fans-show.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: render `multiple` and `selected` attributes as empty strings for XHTML compliance
diff --git a/packages/svelte/src/internal/client/constants.js b/packages/svelte/src/internal/client/constants.js
index 451f8191ae..524f35bccf 100644
--- a/packages/svelte/src/internal/client/constants.js
+++ b/packages/svelte/src/internal/client/constants.js
@@ -67,6 +67,7 @@ export const STALE_REACTION = new (class StaleReactionError extends Error {
 	message = 'The reaction that called `getAbortSignal()` was re-run or destroyed';
 })();
 
+export const IS_XHTML = /* @__PURE__ */ globalThis.document?.contentType.includes('xml') ?? false;
 export const ELEMENT_NODE = 1;
 export const TEXT_NODE = 3;
 export const COMMENT_NODE = 8;
diff --git a/packages/svelte/src/internal/client/dom/elements/attributes.js b/packages/svelte/src/internal/client/dom/elements/attributes.js
index 6f1fa7391e..7b55c6dc4b 100644
--- a/packages/svelte/src/internal/client/dom/elements/attributes.js
+++ b/packages/svelte/src/internal/client/dom/elements/attributes.js
@@ -5,7 +5,7 @@ import { get_descriptors, get_prototype_of } from '../../../shared/utils.js';
 import { create_event, delegate } from './events.js';
 import { add_form_reset_listener, autofocus } from './misc.js';
 import * as w from '../../warnings.js';
-import { LOADING_ATTR_SYMBOL } from '#client/constants';
+import { IS_XHTML, LOADING_ATTR_SYMBOL } from '#client/constants';
 import { queue_micro_task } from '../task.js';
 import { is_capture_event, can_delegate_event, normalize_attribute } from '../../../../utils.js';
 import {
@@ -30,6 +30,12 @@ export const STYLE = Symbol('style');
 const IS_CUSTOM_ELEMENT = Symbol('is custom element');
 const IS_HTML = Symbol('is html');
 
+const LINK_TAG = IS_XHTML ? 'link' : 'LINK';
+const INPUT_TAG = IS_XHTML ? 'input' : 'INPUT';
+const OPTION_TAG = IS_XHTML ? 'option' : 'OPTION';
+const SELECT_TAG = IS_XHTML ? 'select' : 'SELECT';
+const PROGRESS_TAG = IS_XHTML ? 'progress' : 'PROGRESS';
+
 /**
  * The value/checked attribute in the template actually corresponds to the defaultValue property, so we need
  * to remove it upon hydration to avoid a bug when someone resets the form value.
@@ -83,7 +89,7 @@ export function set_value(element, value) {
 				value ?? undefined) ||
 		// @ts-expect-error
 		// `progress` elements always need their value set when it's `0`
-		(element.value === value && (value !== 0 || element.nodeName !== 'PROGRESS'))
+		(element.value === value && (value !== 0 || element.nodeName !== PROGRESS_TAG))
 	) {
 		return;
 	}
@@ -168,7 +174,7 @@ export function set_attribute(element, attribute, value, skip_warning) {
 		if (
 			attribute === 'src' ||
 			attribute === 'srcset' ||
-			(attribute === 'href' && element.nodeName === 'LINK')
+			(attribute === 'href' && element.nodeName === LINK_TAG)
 		) {
 			if (!skip_warning) {
 				check_src_in_dev_hydration(element, attribute, value ?? '');
@@ -241,7 +247,7 @@ export function set_custom_element_data(node, prop, value) {
 			(setters_cache.has(node.getAttribute('is') || node.nodeName) ||
 			// customElements may not be available in browser extension contexts
 			!customElements ||
-			customElements.get(node.getAttribute('is') || node.tagName.toLowerCase())
+			customElements.get(node.getAttribute('is') || node.nodeName.toLowerCase())
 				? get_setters(node).includes(prop)
 				: value && typeof value === 'object')
 		) {
@@ -280,7 +286,7 @@ function set_attributes(
 	should_remove_defaults = false,
 	skip_warning = false
 ) {
-	if (hydrating && should_remove_defaults && element.tagName === 'INPUT') {
+	if (hydrating && should_remove_defaults && element.nodeName === INPUT_TAG) {
 		var input = /** @type {HTMLInputElement} */ (element);
 		var attribute = input.type === 'checkbox' ? 'defaultChecked' : 'defaultValue';
 
@@ -302,7 +308,7 @@ function set_attributes(
 	}
 
 	var current = prev || {};
-	var is_option_element = element.tagName === 'OPTION';
+	var is_option_element = element.nodeName === OPTION_TAG;
 
 	for (var key in prev) {
 		if (!(key in next)) {
@@ -505,7 +511,7 @@ export function attribute_effect(
 		/** @type {Record<symbol, Effect>} */
 		var effects = {};
 
-		var is_select = element.nodeName === 'SELECT';
+		var is_select = element.nodeName === SELECT_TAG;
 		var inited = false;
 
 		managed(() => {
diff --git a/packages/svelte/src/internal/client/dom/template.js b/packages/svelte/src/internal/client/dom/template.js
index b0801d7959..a5d0405d0a 100644
--- a/packages/svelte/src/internal/client/dom/template.js
+++ b/packages/svelte/src/internal/client/dom/template.js
@@ -22,7 +22,16 @@ import {
 	TEMPLATE_USE_MATHML,
 	TEMPLATE_USE_SVG
 } from '../../../constants.js';
-import { COMMENT_NODE, DOCUMENT_FRAGMENT_NODE, REACTION_RAN, TEXT_NODE } from '#client/constants';
+import {
+	COMMENT_NODE,
+	DOCUMENT_FRAGMENT_NODE,
+	IS_XHTML,
+	REACTION_RAN,
+	TEXT_NODE
+} from '#client/constants';
+
+const TEMPLATE_TAG = IS_XHTML ? 'template' : 'TEMPLATE';
+const SCRIPT_TAG = IS_XHTML ? 'script' : 'SCRIPT';
 
 /**
  * @param {TemplateNode} start
@@ -186,12 +195,12 @@ function fragment_from_tree(structure, ns) {
 
 		if (children.length > 0) {
 			var target =
-				element.tagName === 'TEMPLATE'
+				element.nodeName === TEMPLATE_TAG
 					? /** @type {HTMLTemplateElement} */ (element).content
 					: element;
 
 			target.append(
-				fragment_from_tree(children, element.tagName === 'foreignObject' ? undefined : namespace)
+				fragment_from_tree(children, element.nodeName === 'foreignObject' ? undefined : namespace)
 			);
 		}
 
@@ -268,7 +277,7 @@ function run_scripts(node) {
 
 	const is_fragment = node.nodeType === DOCUMENT_FRAGMENT_NODE;
 	const scripts =
-		/** @type {HTMLElement} */ (node).tagName === 'SCRIPT'
+		/** @type {HTMLElement} */ (node).nodeName === SCRIPT_TAG
 			? [/** @type {HTMLScriptElement} */ (node)]
 			: node.querySelectorAll('script');
 
diff --git a/packages/svelte/src/internal/server/renderer.js b/packages/svelte/src/internal/server/renderer.js
index 62196350bf..d18a48bdb4 100644
--- a/packages/svelte/src/internal/server/renderer.js
+++ b/packages/svelte/src/internal/server/renderer.js
@@ -272,7 +272,7 @@ export class Renderer {
 			}
 
 			if (value === this.local.select_value) {
-				renderer.#out.push(' selected');
+				renderer.#out.push(' selected=""');
 			}
 
 			renderer.#out.push(`>${body}${is_rich ? '<!>' : ''}</option>`);
diff --git a/packages/svelte/src/internal/server/renderer.test.ts b/packages/svelte/src/internal/server/renderer.test.ts
index 8e9a377a5b..bbbe3f745d 100644
--- a/packages/svelte/src/internal/server/renderer.test.ts
+++ b/packages/svelte/src/internal/server/renderer.test.ts
@@ -187,7 +187,7 @@ test('selects an option with an explicit value', () => {
 	const { head, body } = Renderer.render(component as unknown as Component);
 	expect(head).toBe('');
 	expect(body).toBe(
-		'<!--[--><select><option value="1">one</option><option value="2" selected>two</option><option value="3">three</option></select><!--]-->'
+		'<!--[--><select><option value="1">one</option><option value="2" selected="">two</option><option value="3">three</option></select><!--]-->'
 	);
 });
 
@@ -203,7 +203,7 @@ test('selects an option with an implicit value', () => {
 	const { head, body } = Renderer.render(component as unknown as Component);
 	expect(head).toBe('');
 	expect(body).toBe(
-		'<!--[--><select><option>one</option><option selected>two</option><option>three</option></select><!--]-->'
+		'<!--[--><select><option>one</option><option selected="">two</option><option>three</option></select><!--]-->'
 	);
 });
 
@@ -221,7 +221,7 @@ test('select merges scoped css hash with static class', () => {
 	const { head, body } = Renderer.render(component as unknown as Component);
 	expect(head).toBe('');
 	expect(body).toBe(
-		'<!--[--><select class="foo svelte-hash"><option value="foo" selected>foo</option></select><!--]-->'
+		'<!--[--><select class="foo svelte-hash"><option value="foo" selected="">foo</option></select><!--]-->'
 	);
 });
 
diff --git a/packages/svelte/src/internal/shared/attributes.js b/packages/svelte/src/internal/shared/attributes.js
index 4ad550e8d6..8bfa91f80c 100644
--- a/packages/svelte/src/internal/shared/attributes.js
+++ b/packages/svelte/src/internal/shared/attributes.js
@@ -28,7 +28,7 @@ export function attr(name, value, is_boolean = false) {
 	}
 	if (value == null || (!value && is_boolean)) return '';
 	const normalized = (name in replacements && replacements[name].get(value)) || value;
-	const assignment = is_boolean ? '' : `="${escape_html(normalized, true)}"`;
+	const assignment = is_boolean ? `=""` : `="${escape_html(normalized, true)}"`;
 	return ` ${name}${assignment}`;
 }
 
diff --git a/packages/svelte/tests/runtime-legacy/samples/select-multiple-spread/_config.js b/packages/svelte/tests/runtime-legacy/samples/select-multiple-spread/_config.js
index 0619b1468e..47b38713c8 100644
--- a/packages/svelte/tests/runtime-legacy/samples/select-multiple-spread/_config.js
+++ b/packages/svelte/tests/runtime-legacy/samples/select-multiple-spread/_config.js
@@ -7,9 +7,8 @@ export default test({
 		assert.equal(options[0].selected, true);
 		assert.equal(options[1].selected, false);
 
-		// Shouldn't change the value because the value is not bound.
-		component.value = ['2'];
-		assert.equal(options[0].selected, true);
-		assert.equal(options[1].selected, false);
+		component.attrs = { value: ['2'] };
+		assert.equal(options[0].selected, false);
+		assert.equal(options[1].selected, true);
 	}
 });
diff --git a/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/_config.js b/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/_config.js
new file mode 100644
index 0000000000..0192b48df7
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/_config.js
@@ -0,0 +1,72 @@
+import { tick } from 'svelte';
+import { test, ok } from '../../test';
+
+export default test({
+	html: `
+		<input type="text"/>
+		<input type="text"/>
+		<p>x / y</p>
+
+		<button>change to text</button>
+		<button>change to number</button>
+		<button>change to range</button>
+	`,
+	ssrHtml: `
+		<input type="text" value="x"/>
+		<input type="text" value="y"/>
+		<p>x / y</p>
+
+		<button>change to text</button>
+		<button>change to number</button>
+		<button>change to range</button>
+	`,
+	async test({ assert, target }) {
+		const [in1, in2] = target.querySelectorAll('input');
+		const [btn1, btn2, btn3] = target.querySelectorAll('button');
+		const p = target.querySelector('p');
+		ok(p);
+
+		in1.value = '0';
+		in2.value = '1';
+		in1.dispatchEvent(new window.Event('input', { bubbles: true }));
+		in2.dispatchEvent(new window.Event('input', { bubbles: true }));
+		await tick();
+		btn2?.click();
+		await tick();
+		assert.htmlEqual(p.innerHTML, '0 / 1');
+
+		in1.stepUp();
+		in1.dispatchEvent(new window.Event('input', { bubbles: true }));
+		in2.stepUp();
+		in2.dispatchEvent(new window.Event('input', { bubbles: true }));
+		await tick();
+		assert.htmlEqual(p.innerHTML, '1 / 2');
+
+		btn1?.click();
+		await tick();
+		try {
+			in1.stepUp();
+			assert.fail();
+		} catch (e) {
+			// expected
+		}
+
+		btn3?.click();
+		await tick();
+		in1.stepUp();
+		in1.dispatchEvent(new window.Event('input', { bubbles: true }));
+		in2.stepUp();
+		in2.dispatchEvent(new window.Event('input', { bubbles: true }));
+		await tick();
+		assert.htmlEqual(p.innerHTML, '2 / 3');
+
+		btn1?.click();
+		await tick();
+		in1.value = 'a';
+		in2.value = 'b';
+		in1.dispatchEvent(new window.Event('input', { bubbles: true }));
+		in2.dispatchEvent(new window.Event('input', { bubbles: true }));
+		await tick();
+		assert.htmlEqual(p.innerHTML, 'a / b');
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/main.svelte
new file mode 100644
index 0000000000..82b33feb5f
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/bind-value-input-type-dynamic/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	let dynamic = $state('x');
+	let spread = $state('y');
+	let inputType = $state('text');
+	let props = $derived({type: inputType});
+</script>
+
+<input bind:value={dynamic} type={inputType}>
+<input bind:value={spread} {...props}>
+<p>{dynamic} / {spread}</p>
+
+<button onclick={() => inputType = 'text'}>change to text</button>
+<button onclick={() => inputType = 'number'}>change to number</button>
+<button onclick={() => inputType = 'range'}>change to range</button>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/_config.js b/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/_config.js
new file mode 100644
index 0000000000..26e90e431b
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/_config.js
@@ -0,0 +1,263 @@
+import { test } from '../../test';
+import { flushSync } from 'svelte';
+
+export default test({
+	async test({ assert, target }) {
+		/**
+		 * @param {NodeListOf<any>} inputs
+		 * @param {string} field
+		 * @param {any | any[]} value
+		 */
+		function check_inputs(inputs, field, value) {
+			for (let i = 0; i < inputs.length; i++) {
+				assert.equal(inputs[i][field], Array.isArray(value) ? value[i] : value, `field ${i}`);
+			}
+		}
+
+		/**
+		 * @param {any} input
+		 * @param {string} field
+		 * @param {any} value
+		 */
+		function set_input(input, field, value) {
+			input[field] = value;
+			input.dispatchEvent(
+				new Event(typeof value === 'boolean' ? 'change' : 'input', { bubbles: true })
+			);
+		}
+
+		/**
+		 * @param {HTMLOptionElement} option
+		 */
+		function select_option(option) {
+			option.selected = true;
+			option.dispatchEvent(new Event('change', { bubbles: true }));
+		}
+
+		const after_reset = [];
+
+		const reset = /** @type {HTMLInputElement} */ (target.querySelector('input[type=reset]'));
+		const [test1, test2, test3, test4, test5, test6, test7, test14] =
+			target.querySelectorAll('div');
+		const [test8, test9, test10, test11] = target.querySelectorAll('select');
+		const [
+			test1_span,
+			test2_span,
+			test3_span,
+			test4_span,
+			test5_span,
+			test6_span,
+			test7_span,
+			test8_span,
+			test9_span,
+			test10_span,
+			test11_span
+		] = target.querySelectorAll('span');
+
+		{
+			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
+			const inputs = test1.querySelectorAll('input, textarea');
+			check_inputs(inputs, 'value', 'x');
+			assert.htmlEqual(test1_span.innerHTML, 'x x x x');
+
+			for (const input of inputs) {
+				set_input(input, 'value', 'foo');
+			}
+			flushSync();
+			check_inputs(inputs, 'value', 'foo');
+			assert.htmlEqual(test1_span.innerHTML, 'foo foo foo foo');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'value', 'x');
+				assert.htmlEqual(test1_span.innerHTML, 'x x x x');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
+			const inputs = test2.querySelectorAll('input, textarea');
+			check_inputs(inputs, 'value', 'x');
+			assert.htmlEqual(test2_span.innerHTML, 'x x x x');
+
+			for (const input of inputs) {
+				set_input(input, 'value', 'foo');
+			}
+			flushSync();
+			check_inputs(inputs, 'value', 'foo');
+			assert.htmlEqual(test2_span.innerHTML, 'foo foo foo foo');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'value', 'x');
+				assert.htmlEqual(test2_span.innerHTML, 'x x x x');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
+			const inputs = test3.querySelectorAll('input, textarea');
+			check_inputs(inputs, 'value', 'y');
+			assert.htmlEqual(test3_span.innerHTML, 'y y y y');
+
+			for (const input of inputs) {
+				set_input(input, 'value', 'foo');
+			}
+			flushSync();
+			check_inputs(inputs, 'value', 'foo');
+			assert.htmlEqual(test3_span.innerHTML, 'foo foo foo foo');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'value', 'x');
+				assert.htmlEqual(test3_span.innerHTML, 'x x x x');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement>} */
+			const inputs = test4.querySelectorAll('input');
+			check_inputs(inputs, 'checked', true);
+			assert.htmlEqual(test4_span.innerHTML, 'true true');
+
+			for (const input of inputs) {
+				set_input(input, 'checked', false);
+			}
+			flushSync();
+			check_inputs(inputs, 'checked', false);
+			assert.htmlEqual(test4_span.innerHTML, 'false false');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'checked', true);
+				assert.htmlEqual(test4_span.innerHTML, 'true true');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement>} */
+			const inputs = test5.querySelectorAll('input');
+			check_inputs(inputs, 'checked', true);
+			assert.htmlEqual(test5_span.innerHTML, 'true true');
+
+			for (const input of inputs) {
+				set_input(input, 'checked', false);
+			}
+			flushSync();
+			check_inputs(inputs, 'checked', false);
+			assert.htmlEqual(test5_span.innerHTML, 'false false');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'checked', true);
+				assert.htmlEqual(test5_span.innerHTML, 'true true');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement>} */
+			const inputs = test6.querySelectorAll('input');
+			check_inputs(inputs, 'checked', false);
+			assert.htmlEqual(test6_span.innerHTML, 'false false');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'checked', true);
+				assert.htmlEqual(test6_span.innerHTML, 'true true');
+			});
+		}
+		{
+			/** @type {NodeListOf<HTMLInputElement>} */
+			const inputs = test7.querySelectorAll('input');
+			check_inputs(inputs, 'checked', true);
+			assert.htmlEqual(test7_span.innerHTML, 'true');
+
+			after_reset.push(() => {
+				check_inputs(inputs, 'checked', false);
+				assert.htmlEqual(test7_span.innerHTML, 'false');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLOptionElement>} */
+			const options = test8.querySelectorAll('option');
+			check_inputs(options, 'selected', [false, true, false]);
+			assert.htmlEqual(test8_span.innerHTML, 'b');
+
+			select_option(options[2]);
+			flushSync();
+			check_inputs(options, 'selected', [false, false, true]);
+			assert.htmlEqual(test8_span.innerHTML, 'c');
+
+			after_reset.push(() => {
+				check_inputs(options, 'selected', [false, true, false]);
+				assert.htmlEqual(test8_span.innerHTML, 'b');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLOptionElement>} */
+			const options = test9.querySelectorAll('option');
+			check_inputs(options, 'selected', [false, true, false]);
+			assert.htmlEqual(test9_span.innerHTML, 'b');
+
+			select_option(options[2]);
+			flushSync();
+			check_inputs(options, 'selected', [false, false, true]);
+			assert.htmlEqual(test9_span.innerHTML, 'c');
+
+			after_reset.push(() => {
+				check_inputs(options, 'selected', [false, true, false]);
+				assert.htmlEqual(test9_span.innerHTML, 'b');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLOptionElement>} */
+			const options = test10.querySelectorAll('option');
+			check_inputs(options, 'selected', [false, false, true]);
+			assert.htmlEqual(test10_span.innerHTML, 'c');
+
+			select_option(options[0]);
+			flushSync();
+			check_inputs(options, 'selected', [true, false, false]);
+			assert.htmlEqual(test10_span.innerHTML, 'a');
+
+			after_reset.push(() => {
+				check_inputs(options, 'selected', [false, true, false]);
+				assert.htmlEqual(test10_span.innerHTML, 'b');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLOptionElement>} */
+			const options = test11.querySelectorAll('option');
+			check_inputs(options, 'selected', [false, false, true]);
+			assert.htmlEqual(test11_span.innerHTML, 'c');
+
+			select_option(options[0]);
+			flushSync();
+			check_inputs(options, 'selected', [true, false, false]);
+			assert.htmlEqual(test11_span.innerHTML, 'a');
+
+			after_reset.push(() => {
+				check_inputs(options, 'selected', [false, true, false]);
+				assert.htmlEqual(test11_span.innerHTML, 'b');
+			});
+		}
+
+		{
+			/** @type {NodeListOf<HTMLInputElement | HTMLTextAreaElement>} */
+			const inputs = test14.querySelectorAll('input, textarea');
+			assert.equal(inputs[0].value, 'x');
+			assert.equal(/** @type {HTMLInputElement} */ (inputs[1]).checked, true);
+			// this is still missing...i have no idea how to fix this lol
+			// assert.equal(inputs[2].value, 'x');
+
+			after_reset.push(() => {
+				assert.equal(inputs[0].value, 'y');
+				assert.equal(/** @type {HTMLInputElement} */ (inputs[1]).checked, false);
+				assert.equal(inputs[2].value, 'y');
+			});
+		}
+
+		reset.click();
+		await Promise.resolve();
+		flushSync();
+		after_reset.forEach((fn) => fn());
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/main.svelte
new file mode 100644
index 0000000000..3fc7ef11a5
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/form-default-value-spread/main.svelte
@@ -0,0 +1,199 @@
+<script>
+	let spread = {};
+
+	let value1 = $state();
+	let value2 = $state();
+	let value3 = $state();
+	let value4 = $state();
+	let value5 = $state();
+	let value6 = $state();
+	let value7 = $state();
+	let value8 = $state();
+	let value9 = $state(null);
+	let value10 = $state(null);
+	let value11 = $state(null);
+	let value12 = $state(null);
+	let value13 = $state(null);
+	let value14 = $state(null);
+	let value15 = $state(null);
+	let value16 = $state(null);
+	let value17 = $state('y');
+	let value18 = $state('y');
+	let value19 = $state('y');
+	let value20 = $state('y');
+	let value21 = $state('y');
+	let value22 = $state('y');
+	let value23 = $state('y');
+	let value24 = $state('y');
+
+	let checked1 = $state();
+	let checked2 = $state();
+	let checked3 = $state();
+	let checked4 = $state();
+	let checked5 = $state(null);
+	let checked6 = $state(null);
+	let checked7 = $state(null);
+	let checked8 = $state(null);
+	let checked9 = $state(false);
+	let checked10 = $state(false);
+	let checked11 = $state(false);
+	let checked12 = $state(false);
+	let checked13 = $state(true);
+	let checked14 = $state(true);
+ 
+
+	let selected1 = $state();
+	let selected2 = $state();
+	let selected3 = $state('c');
+	let selected4 = $state('c');
+	let selected5 = $state(['c']);
+	let selected6 = $state(['c']);
+
+	let defaultValue = $state('x');
+	let defaultChecked = $state(true);
+</script>
+
+<form>
+	<p>Input/Textarea value</p>
+	<!-- defaultValue=x, value=undefined -->
+	<div class="test-1">
+		<input {defaultValue} bind:value={value1} {...spread} />
+		<input {defaultValue} value={value2} {...spread} />
+		<input defaultValue="x" bind:value={value3} {...spread} />
+		<input defaultValue="x" value={value4} {...spread} />
+		<textarea {defaultValue} value={value5} {...spread}></textarea>
+		<textarea {defaultValue} bind:value={value6} {...spread}></textarea>
+		<textarea defaultValue="x" value={value7} {...spread}></textarea>
+		<textarea defaultValue="x" bind:value={value8} {...spread}></textarea>
+	</div>
+
+	<!-- defaultValue=x, value=null -->
+	<div class="test-2">
+		<input {defaultValue} bind:value={value9} {...spread} />
+		<input {defaultValue} value={value10} {...spread} />
+		<input defaultValue="x" value={value11} {...spread} />
+		<input defaultValue="x" bind:value={value12} {...spread} />
+		<textarea {defaultValue} value={value13} {...spread}></textarea>
+		<textarea {defaultValue} bind:value={value14} {...spread}></textarea>
+		<textarea defaultValue="x" value={value15} {...spread}></textarea>
+		<textarea defaultValue="x" bind:value={value16} {...spread}></textarea>
+	</div>
+
+	<!-- defaultValue=x, value=y -->
+	<div class="test-3">
+		<input {defaultValue} bind:value={value17} {...spread} />
+		<input {defaultValue} value={value18} {...spread} />
+		<input defaultValue="x" value={value19} {...spread} />
+		<input defaultValue="x" bind:value={value20} {...spread} />
+		<textarea {defaultValue} value={value21} {...spread}></textarea>
+		<textarea {defaultValue} bind:value={value22} {...spread}></textarea>
+		<textarea defaultValue="x" value={value23} {...spread}></textarea>
+		<textarea defaultValue="x" bind:value={value24} {...spread}></textarea>
+	</div>
+
+	<p>Input checked</p>
+	<!-- defaultChecked=true, checked=undefined -->
+	<div class="test-4">
+		<input type="checkbox" {defaultChecked} checked={checked1} {...spread} />
+		<input type="checkbox" {defaultChecked} bind:checked={checked2} {...spread} />
+		<input type="checkbox" defaultChecked checked={checked3} {...spread} />
+		<input type="checkbox" defaultChecked bind:checked={checked4} {...spread} />
+	</div>
+
+	<!-- defaultChecked=true, checked=null -->
+	<div class="test-5">
+		<input type="checkbox" {defaultChecked} checked={checked5} {...spread} />
+		<input type="checkbox" {defaultChecked} bind:checked={checked6} {...spread} />
+		<input type="checkbox" defaultChecked checked={checked7} {...spread} />
+		<input type="checkbox" defaultChecked bind:checked={checked8} {...spread} />
+	</div>
+
+	<!-- defaultChecked=true, checked=false -->
+	<div class="test-6">
+		<input type="checkbox" {defaultChecked} checked={checked9} {...spread} />
+		<input type="checkbox" {defaultChecked} bind:checked={checked10} {...spread} />
+		<input type="checkbox" defaultChecked checked={checked11} {...spread} />
+		<input type="checkbox" defaultChecked bind:checked={checked12} {...spread} />
+	</div>
+
+	<!-- defaultChecked=false, checked=true -->
+	<div class="test-7">
+		<input type="checkbox" defaultChecked={false} checked={checked13} {...spread} />
+		<input type="checkbox" defaultChecked={false} bind:checked={checked14} {...spread} />
+	</div>
+
+	<!-- no support for bind:group; too complex + we may deprecate it in favor of bind:checked={get,set} -->
+
+	<p>Select (single)</p>
+	<!-- select with static checked, value=undefined-->
+	<select bind:value={selected1}>
+		<option value="a">A</option>
+		<option value="b" selected {...spread}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<!-- select with dynamic checked, value=undefined-->
+	<select bind:value={selected2}>
+		<option value="a">A</option>
+		<option value="b" selected={defaultChecked}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<!-- select with static checked, value=something else than default-->
+	<select bind:value={selected3}>
+		<option value="a">A</option>
+		<option value="b" selected {...spread}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<!-- select with dynamic checked, value=something else than default-->
+	<select bind:value={selected4}>
+		<option value="a">A</option>
+		<option value="b" selected={defaultChecked}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<p>Select (multiple)</p>
+    <!-- There's no possibility to have the selected attribute influence a multi select initially,
+	     because we require the value to be an array -->
+
+	<!-- select with static checked, value=something else than default-->
+	<select multiple bind:value={selected5}>
+		<option value="a">A</option>
+		<option value="b" selected {...spread}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<!-- select with dynamic checked, value=something else than default-->
+	<select multiple bind:value={selected6}>
+		<option value="a">A</option>
+		<option value="b" selected={defaultChecked}>B</option>
+		<option value="c">C</option>
+	</select>
+
+	<p>Static values</p>
+	<div class="test-14">
+		<input value="x" defaultValue="y" {...spread} />
+		<input type="checkbox" checked defaultChecked={false} {...spread} />
+		<textarea defaultValue="y" {...spread}>x</textarea>
+	</div>
+
+	<input type="reset" value="Reset" />
+</form>
+
+<p>
+	Bound values:
+	<span class="test-1">{value1} {value3} {value6} {value8}</span>
+	<span class="test-2">{value9} {value12} {value14} {value16}</span>
+	<span class="test-3">{value17} {value20} {value22} {value24}</span>
+	<span class="test-4">{checked2} {checked4}</span>
+	<span class="test-5">{checked6} {checked8}</span>
+	<span class="test-6">{checked10} {checked12}</span>
+	<span class="test-7">{checked14}</span>
+	<span class="test-8">{selected1}</span>
+	<span class="test-9">{selected2}</span>
+	<span class="test-10">{selected3}</span>
+	<span class="test-11">{selected4}</span>
+	<span class="test-12">{selected5}</span>
+	<span class="test-13">{selected6}</span>
+</p>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/_config.js b/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/_config.js
new file mode 100644
index 0000000000..ea044cea64
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/_config.js
@@ -0,0 +1,21 @@
+import { test } from '../../test';
+
+export default test({
+	mode: ['hydrate'],
+
+	server_props: {
+		browser: false
+	},
+
+	props: {
+		browser: true
+	},
+
+	test({ assert, target }) {
+		assert.equal(target.querySelector('link')?.getAttribute('href'), '/bar');
+	},
+
+	warnings: [
+		'The `href` attribute on `<link xmlns="http://www.w3.org/1999/xhtml" href="/bar" />` changed its value between server and client renders. The client value, `/foo`, will be ignored in favour of the server value'
+	]
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/main.svelte
new file mode 100644
index 0000000000..fd5f2a038a
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/ignore-mismatched-href/main.svelte
@@ -0,0 +1,5 @@
+<script>
+	let { browser } = $props();
+</script>
+
+<link href={browser ? '/foo' : '/bar'} />
diff --git a/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/_config.js b/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/_config.js
new file mode 100644
index 0000000000..5d535db521
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/_config.js
@@ -0,0 +1,32 @@
+import { test } from '../../test';
+
+// <option value> is special because falsy values should result in an empty string value attribute
+export default test({
+	mode: ['client'],
+	test({ assert, target }) {
+		assert.htmlEqual(
+			target.innerHTML,
+			`
+			<select>
+				<option value="">Default</option>
+			</select>
+
+			<select>
+				<option value="">Default</option>
+			</select>
+
+			<select>
+				<option value="">Default</option>
+			</select>
+
+			<select>
+				<option value="">Default</option>
+			</select>
+
+			<select>
+				<option value="">Default</option>
+			</select>
+		`
+		);
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/main.svelte
new file mode 100644
index 0000000000..95e96c6d19
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/select-falsy-value/main.svelte
@@ -0,0 +1,26 @@
+<script>
+	let nonreactive = undefined;
+	let reactive = $state();
+	let nonreactive_spread = { value: undefined };
+	let reactive_spread = $state({ value: undefined });
+</script>
+
+<select>
+	<option value={undefined}>Default</option>
+</select>
+
+<select>
+	<option value={nonreactive}>Default</option>
+</select>
+
+<select>
+	<option value={reactive}>Default</option>
+</select>
+
+<select>
+	<option {...nonreactive_spread}>Default</option>
+</select>
+
+<select>
+	<option {...reactive_spread}>Default</option>
+</select>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/_config.js b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/_config.js
new file mode 100644
index 0000000000..607b8e7a39
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/_config.js
@@ -0,0 +1,18 @@
+import { flushSync } from 'svelte';
+import { test } from '../../test';
+
+export default test({
+	test({ assert, component, target }) {
+		const options = target.querySelectorAll('option');
+
+		assert.equal(options[0].selected, true);
+		assert.equal(options[1].selected, false);
+
+		// Shouldn't change the value because the value is not bound.
+		component.attrs = { value: ['2'] };
+		flushSync();
+
+		assert.equal(options[0].selected, false);
+		assert.equal(options[1].selected, true);
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/main.svelte
new file mode 100644
index 0000000000..f5a0900da3
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Select from './select.svelte';
+
+	let { attrs = { value: ['1'] } } = $props();
+</script>
+
+<Select {attrs} />
diff --git a/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/select.svelte b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/select.svelte
new file mode 100644
index 0000000000..8054355135
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/select-multiple-spread/select.svelte
@@ -0,0 +1,8 @@
+<script>
+	let { attrs } = $props();
+</script>
+
+<select multiple  {...attrs}>
+	<option value="1">option 1</option>
+	<option value="2">option 2</option>
+</select>
diff --git a/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/_config.js b/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/_config.js
new file mode 100644
index 0000000000..d952dc2444
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/_config.js
@@ -0,0 +1,46 @@
+import { flushSync } from 'svelte';
+import { ok, test } from '../../test';
+
+export default test({
+	test({ assert, component, target, window }) {
+		const [input1, input2] = target.querySelectorAll('input');
+		const select = target.querySelector('select');
+		ok(select);
+		const [option1, option2] = /** @type {NodeListOf<HTMLOptionElement>} */ (select.childNodes);
+
+		let selections = Array.from(select.selectedOptions);
+		assert.equal(selections.length, 2);
+		assert.ok(selections.includes(option1));
+		assert.ok(selections.includes(option2));
+
+		const event = new window.Event('change');
+
+		input1.checked = false;
+		input1.dispatchEvent(event);
+		flushSync();
+
+		selections = Array.from(select.selectedOptions);
+		assert.equal(selections.length, 1);
+		assert.ok(!selections.includes(option1));
+		assert.ok(selections.includes(option2));
+
+		input2.checked = false;
+		input2.dispatchEvent(event);
+		flushSync();
+		input1.checked = true;
+		input1.dispatchEvent(event);
+		flushSync();
+		selections = Array.from(select.selectedOptions);
+		assert.equal(selections.length, 1);
+		assert.ok(selections.includes(option1));
+		assert.ok(!selections.includes(option2));
+
+		component.spread = { value: ['Hello', 'World'] };
+		flushSync();
+
+		selections = Array.from(select.selectedOptions);
+		assert.equal(selections.length, 2);
+		assert.ok(selections.includes(option1));
+		assert.ok(selections.includes(option2));
+	}
+});
diff --git a/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/main.svelte b/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/main.svelte
new file mode 100644
index 0000000000..298c7754ce
--- /dev/null
+++ b/packages/svelte/tests/runtime-xhtml/samples/spread-element-input-select-multiple/main.svelte
@@ -0,0 +1,12 @@
+<script>
+  let { spread } = $props();
+  let value = $state(['Hello', 'World']);
+</script>
+
+<select multiple {value} {...spread}>
+  <option>Hello</option>
+  <option>World</option>
+</select>
+
+<input type="checkbox" value="Hello" bind:group={value}>
+<input type="checkbox" value="World" bind:group={value}>

From 45a796b32722878a03303eb389a637d5c6e047f7 Mon Sep 17 00:00:00 2001
From: Razin Shafayet <sumonislamk29@gmail.com>
Date: Fri, 13 Feb 2026 04:23:43 +0600
Subject: [PATCH 62/71] fix: propagate `$effect` errors to `<svelte:boundary>`
 (#17684)

Fixes #16342.

Errors thrown inside `$effect` were previously treated as
subtree-creation errors when `EFFECT_RAN === 0`, which caused them to be
rethrown instead of propagating to the nearest `<svelte:boundary>`. As a
result, `$effect` errors bypassed boundaries and appeared as uncaught
runtime errors. This change ensures that errors originating from effects
(`EFFECT`) are routed through `invoke_error_boundary`, allowing them to
bubble up the effect tree and be handled correctly by the closest
boundary. Existing subtree-creation behavior for non-effect cases
remains unchanged.

---

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [x] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/short-worlds-enter.md              |  5 ++++
 .../src/internal/client/error-handling.js     | 30 ++++++++++---------
 .../samples/boundary-effect-error/Test.svelte |  5 ++++
 .../samples/boundary-effect-error/_config.js  | 10 +++++++
 .../samples/boundary-effect-error/main.svelte | 11 +++++++
 5 files changed, 47 insertions(+), 14 deletions(-)
 create mode 100644 .changeset/short-worlds-enter.md
 create mode 100644 packages/svelte/tests/runtime-runes/samples/boundary-effect-error/Test.svelte
 create mode 100644 packages/svelte/tests/runtime-runes/samples/boundary-effect-error/_config.js
 create mode 100644 packages/svelte/tests/runtime-runes/samples/boundary-effect-error/main.svelte

diff --git a/.changeset/short-worlds-enter.md b/.changeset/short-worlds-enter.md
new file mode 100644
index 0000000000..96e0f80370
--- /dev/null
+++ b/.changeset/short-worlds-enter.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: propagate `$effect` errors to `<svelte:boundary>`
diff --git a/packages/svelte/src/internal/client/error-handling.js b/packages/svelte/src/internal/client/error-handling.js
index 4736333d1a..5d16759266 100644
--- a/packages/svelte/src/internal/client/error-handling.js
+++ b/packages/svelte/src/internal/client/error-handling.js
@@ -3,7 +3,7 @@
 import { DEV } from 'esm-env';
 import { FILENAME } from '../../constants.js';
 import { is_firefox } from './dom/operations.js';
-import { ERROR_VALUE, BOUNDARY_EFFECT, REACTION_RAN } from './constants.js';
+import { ERROR_VALUE, BOUNDARY_EFFECT, REACTION_RAN, EFFECT } from './constants.js';
 import { define_property, get_descriptor } from '../shared/utils.js';
 import { active_effect, active_reaction } from './runtime.js';
 
@@ -25,22 +25,19 @@ export function handle_error(error) {
 		adjustments.set(error, get_adjustments(error, effect));
 	}
 
-	if ((effect.f & REACTION_RAN) === 0) {
-		// if the error occurred while creating this subtree, we let it
-		// bubble up until it hits a boundary that can handle it
-		if ((effect.f & BOUNDARY_EFFECT) === 0) {
-			if (DEV && !effect.parent && error instanceof Error) {
-				apply_adjustments(error);
-			}
-
-			throw error;
+	// if the error occurred while creating this subtree, we let it
+	// bubble up until it hits a boundary that can handle it, unless
+	// it's an $effect in which case it doesn't run immediately
+	if ((effect.f & REACTION_RAN) === 0 && (effect.f & EFFECT) === 0) {
+		if (DEV && !effect.parent && error instanceof Error) {
+			apply_adjustments(error);
 		}
 
-		/** @type {Boundary} */ (effect.b).error(error);
-	} else {
-		// otherwise we bubble up the effect tree ourselves
-		invoke_error_boundary(error, effect);
+		throw error;
 	}
+
+	// otherwise we bubble up the effect tree ourselves
+	invoke_error_boundary(error, effect);
 }
 
 /**
@@ -50,6 +47,11 @@ export function handle_error(error) {
 export function invoke_error_boundary(error, effect) {
 	while (effect !== null) {
 		if ((effect.f & BOUNDARY_EFFECT) !== 0) {
+			if ((effect.f & REACTION_RAN) === 0) {
+				// we are still creating the boundary effect
+				throw error;
+			}
+
 			try {
 				/** @type {Boundary} */ (effect.b).error(error);
 				return;
diff --git a/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/Test.svelte b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/Test.svelte
new file mode 100644
index 0000000000..4aec88b712
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/Test.svelte
@@ -0,0 +1,5 @@
+<script>
+  $effect(() => {
+    throw new Error('boom');
+  });
+</script>
diff --git a/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/_config.js b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/_config.js
new file mode 100644
index 0000000000..4d2728abc1
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/_config.js
@@ -0,0 +1,10 @@
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target }) {
+		// allow effects to run / microtasks to flush
+		await Promise.resolve();
+
+		assert.htmlEqual(target.innerHTML, '<p>caught: boom</p>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/main.svelte b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/main.svelte
new file mode 100644
index 0000000000..63968f6b35
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/boundary-effect-error/main.svelte
@@ -0,0 +1,11 @@
+<script>
+  import Test from './Test.svelte';
+</script>
+
+<svelte:boundary>
+  <Test />
+
+  {#snippet failed(e)}
+    <p>caught: {e.message}</p>
+  {/snippet}
+</svelte:boundary>

From c1c664df939013bf044628f12e69d72267da064d Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 12 Feb 2026 17:30:11 -0500
Subject: [PATCH 63/71] Version Packages (#17681)

This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## svelte@5.50.3

### Patch Changes

- fix: take into account `nodeName` case sensitivity on XHTML pages
([#17689](https://github.com/sveltejs/svelte/pull/17689))

- fix: render `multiple` and `selected` attributes as empty strings for
XHTML compliance
([#17689](https://github.com/sveltejs/svelte/pull/17689))

- fix: always lowercase HTML elements, for XHTML compliance
([#17664](https://github.com/sveltejs/svelte/pull/17664))

- fix: freeze effects-inside-deriveds when disconnecting, unfreeze on
reconnect ([#17682](https://github.com/sveltejs/svelte/pull/17682))

- fix: propagate `$effect` errors to `<svelte:boundary>`
([#17684](https://github.com/sveltejs/svelte/pull/17684))

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/clever-rockets-lose.md |  5 -----
 .changeset/eleven-fans-show.md    |  5 -----
 .changeset/full-doors-stand.md    |  5 -----
 .changeset/ninety-emus-drop.md    |  5 -----
 .changeset/short-worlds-enter.md  |  5 -----
 packages/svelte/CHANGELOG.md      | 14 ++++++++++++++
 packages/svelte/package.json      |  2 +-
 packages/svelte/src/version.js    |  2 +-
 8 files changed, 16 insertions(+), 27 deletions(-)
 delete mode 100644 .changeset/clever-rockets-lose.md
 delete mode 100644 .changeset/eleven-fans-show.md
 delete mode 100644 .changeset/full-doors-stand.md
 delete mode 100644 .changeset/ninety-emus-drop.md
 delete mode 100644 .changeset/short-worlds-enter.md

diff --git a/.changeset/clever-rockets-lose.md b/.changeset/clever-rockets-lose.md
deleted file mode 100644
index f4623573e2..0000000000
--- a/.changeset/clever-rockets-lose.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: take into account `nodeName` case sensitivity on XHTML pages
diff --git a/.changeset/eleven-fans-show.md b/.changeset/eleven-fans-show.md
deleted file mode 100644
index ccfc48aa90..0000000000
--- a/.changeset/eleven-fans-show.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: render `multiple` and `selected` attributes as empty strings for XHTML compliance
diff --git a/.changeset/full-doors-stand.md b/.changeset/full-doors-stand.md
deleted file mode 100644
index 15a4897b36..0000000000
--- a/.changeset/full-doors-stand.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: always lowercase HTML elements, for XHTML compliance
diff --git a/.changeset/ninety-emus-drop.md b/.changeset/ninety-emus-drop.md
deleted file mode 100644
index 94c7a75148..0000000000
--- a/.changeset/ninety-emus-drop.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: freeze effects-inside-deriveds when disconnecting, unfreeze on reconnect
diff --git a/.changeset/short-worlds-enter.md b/.changeset/short-worlds-enter.md
deleted file mode 100644
index 96e0f80370..0000000000
--- a/.changeset/short-worlds-enter.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: propagate `$effect` errors to `<svelte:boundary>`
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 5882398fb0..8090b3cb6f 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,19 @@
 # svelte
 
+## 5.50.3
+
+### Patch Changes
+
+- fix: take into account `nodeName` case sensitivity on XHTML pages ([#17689](https://github.com/sveltejs/svelte/pull/17689))
+
+- fix: render `multiple` and `selected` attributes as empty strings for XHTML compliance ([#17689](https://github.com/sveltejs/svelte/pull/17689))
+
+- fix: always lowercase HTML elements, for XHTML compliance ([#17664](https://github.com/sveltejs/svelte/pull/17664))
+
+- fix: freeze effects-inside-deriveds when disconnecting, unfreeze on reconnect ([#17682](https://github.com/sveltejs/svelte/pull/17682))
+
+- fix: propagate `$effect` errors to `<svelte:boundary>` ([#17684](https://github.com/sveltejs/svelte/pull/17684))
+
 ## 5.50.2
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 15b58f7b0d..c47e1ddbcd 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.50.2",
+  "version": "5.50.3",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index bbf1b4d532..648106aeb0 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.50.2';
+export const VERSION = '5.50.3';
 export const PUBLIC_VERSION = '5';

From 75e1992141fddb539b287a0cc969476b7100b37b Mon Sep 17 00:00:00 2001
From: Elliott Johnson <sejohnson@torchcloudconsulting.com>
Date: Thu, 12 Feb 2026 18:47:19 -0700
Subject: [PATCH 64/71] fix: sanitize template-literal-special-characters in
 SSR attribute values (#17692)

Fixes a minor bug where HTML entities could be decoded into significant
characters in the template literal we output for SSR, leading to weird
effects. Not a security issue because it has to be literally written
into the svelte file you're compiling, but still wrong.

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
---
 .changeset/brave-pears-matter.md                           | 5 +++++
 .../phases/3-transform/server/visitors/shared/utils.js     | 6 +++++-
 .../attribute-template-literal-sanitization/_expected.html | 3 +++
 .../attribute-template-literal-sanitization/main.svelte    | 7 +++++++
 4 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/brave-pears-matter.md
 create mode 100644 packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/_expected.html
 create mode 100644 packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/main.svelte

diff --git a/.changeset/brave-pears-matter.md b/.changeset/brave-pears-matter.md
new file mode 100644
index 0000000000..6ab2a4d9bb
--- /dev/null
+++ b/.changeset/brave-pears-matter.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: sanitize template-literal-special-characters in SSR attribute values
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
index ee14a4d135..1af283791c 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js
@@ -225,7 +225,7 @@ export function build_attribute_value(
 		const node = value[i];
 
 		if (node.type === 'Text') {
-			quasi.value.raw += trim_whitespace
+			quasi.value.cooked += trim_whitespace
 				? node.data.replace(regex_whitespaces_strict, ' ')
 				: node.data;
 		} else {
@@ -244,6 +244,10 @@ export function build_attribute_value(
 		}
 	}
 
+	for (const quasi of quasis) {
+		quasi.value.raw = sanitize_template_string(/** @type {string} */ (quasi.value.cooked));
+	}
+
 	return b.template(quasis, expressions);
 }
 
diff --git a/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/_expected.html b/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/_expected.html
new file mode 100644
index 0000000000..a4bbe1a371
--- /dev/null
+++ b/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/_expected.html
@@ -0,0 +1,3 @@
+<div title="${inject} world"></div>
+<div title="`backtick world"></div>
+<div title="back\slash world"></div>
diff --git a/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/main.svelte b/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/main.svelte
new file mode 100644
index 0000000000..ec1a4a140e
--- /dev/null
+++ b/packages/svelte/tests/server-side-rendering/samples/attribute-template-literal-sanitization/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	export let value = 'world';
+</script>
+
+<div title="&#36;&#123;inject&#125; {value}"></div>
+<div title="&#96;backtick {value}"></div>
+<div title="back\slash {value}"></div>

From 6c15e711e2dd5a312fc0f1c6b437718df4526d8e Mon Sep 17 00:00:00 2001
From: Jay Harris <jay.harris@outlook.co.nz>
Date: Fri, 13 Feb 2026 15:34:59 +1300
Subject: [PATCH 65/71] [fix]: Add support for TrustedTypes in Svelte (#16271)

### Before submitting the PR, please make sure you do the following

Resolves https://github.com/sveltejs/svelte/issues/14438
Resolves https://github.com/sveltejs/svelte/issues/10826

This PR makes it possible to use Svelte on pages which require
`TrustedTypes` support via their CSP by wrapping assignments to
`innerHTML` in a `TrustedTypePolicy` called `svelte-trusted-html` if the
`TrustedTypes` API exists.

Servers can allowlist the policy by setting `require-trusted-types-for
'script'; trusted-types svelte-trusted-html` in their
`Content-Security-Policy` header.

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [ ] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting
Note: I haven't run the tests since I don't have `pnpm` setup properly.

I have tested that:
1. A project with a CSP fails with Tip of Tree Svelte
2. That project works when installing this revision of Svelte
3. The project (with this revision) works in Browsers with no
`TrustedTypes` support (i.e. Firefox, Safari)

- [ ] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

My test project is here:
https://github.com/fallaciousreasoning/svelte-tt-test/blob/master/src/routes/%2Bpage.server.js

The only changes to the default project is adding the CSP in
`src/routes/page.server.js`

---------

Co-authored-by: 7nik <kfiiranet@gmail.com>
Co-authored-by: Rich Harris <rich.harris@vercel.com>
Co-authored-by: Rich Harris <hello@rich-harris.dev>
---
 .changeset/witty-lies-happen.md               |  5 ++++
 packages/svelte/package.json                  |  1 +
 .../src/internal/client/dom/blocks/snippet.js |  2 +-
 .../src/internal/client/dom/reconciler.js     | 25 +++++++++++++++++--
 .../src/internal/client/dom/template.js       |  4 +--
 pnpm-lock.yaml                                |  8 ++++++
 6 files changed, 40 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/witty-lies-happen.md

diff --git a/.changeset/witty-lies-happen.md b/.changeset/witty-lies-happen.md
new file mode 100644
index 0000000000..e176103226
--- /dev/null
+++ b/.changeset/witty-lies-happen.md
@@ -0,0 +1,5 @@
+---
+'svelte': minor
+---
+
+feat: Use `TrustedTypes` for HTML handling where supported
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index c47e1ddbcd..452187662c 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -170,6 +170,7 @@
     "@jridgewell/sourcemap-codec": "^1.5.0",
     "@sveltejs/acorn-typescript": "^1.0.5",
     "@types/estree": "^1.0.5",
+    "@types/trusted-types": "^2.0.7",
     "acorn": "^8.12.1",
     "aria-query": "^5.3.1",
     "axobject-query": "^4.1.0",
diff --git a/packages/svelte/src/internal/client/dom/blocks/snippet.js b/packages/svelte/src/internal/client/dom/blocks/snippet.js
index 0c4948aca0..7da7e5072d 100644
--- a/packages/svelte/src/internal/client/dom/blocks/snippet.js
+++ b/packages/svelte/src/internal/client/dom/blocks/snippet.js
@@ -83,7 +83,7 @@ export function createRawSnippet(fn) {
 			hydrate_next();
 		} else {
 			var html = snippet.render().trim();
-			var fragment = create_fragment_from_html(html);
+			var fragment = create_fragment_from_html(html, true);
 			element = /** @type {Element} */ (get_first_child(fragment));
 
 			if (DEV && (get_next_sibling(element) !== null || element.nodeType !== ELEMENT_NODE)) {
diff --git a/packages/svelte/src/internal/client/dom/reconciler.js b/packages/svelte/src/internal/client/dom/reconciler.js
index 54f2e23c6e..1f4750ce8f 100644
--- a/packages/svelte/src/internal/client/dom/reconciler.js
+++ b/packages/svelte/src/internal/client/dom/reconciler.js
@@ -1,8 +1,29 @@
+/** @import {} from 'trusted-types' */
+
 import { create_element } from './operations.js';
 
+const policy = /* @__PURE__ */ globalThis?.window?.trustedTypes?.createPolicy(
+	'svelte-trusted-html',
+	{
+		/** @param {string} html */
+		createHTML: (html) => {
+			return html;
+		}
+	}
+);
+
 /** @param {string} html */
-export function create_fragment_from_html(html) {
+function create_trusted_html(html) {
+	return /** @type {string} */ (policy?.createHTML(html) ?? html);
+}
+
+/**
+ * @param {string} html
+ * @param {boolean} trusted
+ */
+export function create_fragment_from_html(html, trusted = false) {
 	var elem = create_element('template');
-	elem.innerHTML = html.replaceAll('<!>', '<!---->'); // XHTML compliance
+	html = html.replaceAll('<!>', '<!---->'); // XHTML compliance
+	elem.innerHTML = trusted ? create_trusted_html(html) : html;
 	return elem.content;
 }
diff --git a/packages/svelte/src/internal/client/dom/template.js b/packages/svelte/src/internal/client/dom/template.js
index a5d0405d0a..7e12ff433f 100644
--- a/packages/svelte/src/internal/client/dom/template.js
+++ b/packages/svelte/src/internal/client/dom/template.js
@@ -70,7 +70,7 @@ export function from_html(content, flags) {
 		}
 
 		if (node === undefined) {
-			node = create_fragment_from_html(has_start ? content : '<!>' + content);
+			node = create_fragment_from_html(has_start ? content : '<!>' + content, true);
 			if (!is_fragment) node = /** @type {TemplateNode} */ (get_first_child(node));
 		}
 
@@ -118,7 +118,7 @@ function from_namespace(content, flags, ns = 'svg') {
 		}
 
 		if (!node) {
-			var fragment = /** @type {DocumentFragment} */ (create_fragment_from_html(wrapped));
+			var fragment = /** @type {DocumentFragment} */ (create_fragment_from_html(wrapped, true));
 			var root = /** @type {Element} */ (get_first_child(fragment));
 
 			if (is_fragment) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 48c2a52cc5..1d3427fae0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -80,6 +80,9 @@ importers:
       '@types/estree':
         specifier: ^1.0.5
         version: 1.0.8
+      '@types/trusted-types':
+        specifier: ^2.0.7
+        version: 2.0.7
       acorn:
         specifier: ^8.12.1
         version: 8.15.0
@@ -933,6 +936,9 @@ packages:
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
   '@typescript-eslint/eslint-plugin@8.55.0':
     resolution: {integrity: sha512-1y/MVSz0NglV1ijHC8OT49mPJ4qhPYjiK08YUQVbIOyu+5k862LKUHFkpKHWu//zmr7hDR2rhwUm6gnCGNmGBQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3189,6 +3195,8 @@ snapshots:
 
   '@types/resolve@1.20.2': {}
 
+  '@types/trusted-types@2.0.7': {}
+
   '@typescript-eslint/eslint-plugin@8.55.0(@typescript-eslint/parser@8.55.0(eslint@10.0.0)(typescript@5.5.4))(eslint@10.0.0)(typescript@5.5.4)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2

From 7cdd8740c6f17e875295592437426eef5e5d7875 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 12 Feb 2026 23:19:04 -0500
Subject: [PATCH 66/71] docs: clarify that each blocks use Array.from (#17691)

closes #17227
---
 documentation/docs/03-template-syntax/03-each.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/documentation/docs/03-template-syntax/03-each.md b/documentation/docs/03-template-syntax/03-each.md
index 424e16a18a..2fe7f28bf2 100644
--- a/documentation/docs/03-template-syntax/03-each.md
+++ b/documentation/docs/03-template-syntax/03-each.md
@@ -13,7 +13,7 @@ tags: template-each
 {#each expression as name, index}...{/each}
 ```
 
-Iterating over values can be done with an each block. The values in question can be arrays, array-like objects (i.e. anything with a `length` property), or iterables like `Map` and `Set`— in other words, anything that can be used with `Array.from`.
+Iterating over values can be done with an each block. The values in question can be arrays, array-like objects (i.e. anything with a `length` property), or iterables like `Map` and `Set`. (Internally, they are converted to arrays with [`Array.from`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from).)
 
 If the value is `null` or `undefined`, it is treated the same as an empty array (which will cause [else blocks](#Else-blocks) to be rendered, where applicable).
 

From 168702d546456514c0a4e61222fb8d3efd74269e Mon Sep 17 00:00:00 2001
From: Elliott Johnson <hello@ell.iott.dev>
Date: Fri, 13 Feb 2026 08:45:25 -0700
Subject: [PATCH 67/71] chore: compensate for github's complete lack of devex
 (#17698)

As far as we can tell, there's no good way to turn off deployment
request notifications. This removes automatic pkg.pr.new builds for
commits not pushed directly to the svelte repository, meaning forks'
commits will have to be manually requested through the GitHub Actions
UI. It also makes the drive-by change of deriving the PR number from the
commit, which technically is a "breaking change" because there _could_
be multiple PRs associated with a commit... but let's just not do that
and we'll be okay.
---
 .github/workflows/pkg.pr.new.yml | 80 +++++++++++++++++++-------------
 1 file changed, 48 insertions(+), 32 deletions(-)

diff --git a/.github/workflows/pkg.pr.new.yml b/.github/workflows/pkg.pr.new.yml
index 0f0c433361..e7cc1facad 100644
--- a/.github/workflows/pkg.pr.new.yml
+++ b/.github/workflows/pkg.pr.new.yml
@@ -4,47 +4,32 @@ on:
     types: [opened, synchronize]
   push:
     branches: [main]
+  workflow_dispatch:
+    inputs:
+      sha:
+        description: 'Commit SHA to build'
+        required: true
+        type: string
 
 permissions: {}
 
 jobs:
-  # This job determines the environment to use for the build job. It ensures that:
-  # - For pushes to main, we use the "Publish pkg.pr.new (maintainers)" environment.
-  # - For PRs from the same repository, we also use the "Publish pkg.pr.new (maintainers)" environment, since these are trusted.
-  # - For PRs from forks, we use the "Publish pkg.pr.new (external contributors)" environment, which requires manual approval by a maintainer before the build job can run.
-  #   This protects us from running untrusted code while still allowing external contributors to use pkg.pr.new.
-  resolve-env:
-    runs-on: ubuntu-latest
-    outputs:
-      environment: ${{ steps.resolve.outputs.environment }}
-    steps:
-      - name: Determine environment
-        id: resolve
-        run: |
-          if [[ "${{ github.event_name }}" == "push" ]]; then
-            echo "environment=Publish pkg.pr.new (maintainers)" >> "$GITHUB_OUTPUT"
-          elif [[ "${{ github.event.pull_request.head.repo.full_name }}" == "${{ github.repository }}" ]]; then
-            echo "environment=Publish pkg.pr.new (maintainers)" >> "$GITHUB_OUTPUT"
-          else
-            echo "environment=Publish pkg.pr.new (external contributors)" >> "$GITHUB_OUTPUT"
-          fi
-
   build:
-    needs: resolve-env
+    # Skip pull_request_target events from forks — maintainers can use workflow_dispatch instead
+    if: >
+      github.event_name != 'pull_request_target' ||
+      github.event.pull_request.head.repo.full_name == github.repository
     runs-on: ubuntu-latest
-    # This is the line that ensures forks require manual approval before running the build job
-    environment: ${{ needs.resolve-env.outputs.environment }}
-
     # No permissions — this job runs user-controlled code
     permissions: {}
 
     steps:
       - uses: actions/checkout@v6
         with:
-          # For pull_request_target, we must explicitly check out the PR head.
-          # This is safe because the environment gate above has already fired —
-          # an org member has approved this specific commit for external PRs.
-          ref: ${{ github.event.pull_request.head.sha || github.sha }}
+          # For pull_request_target, check out the PR head.
+          # For workflow_dispatch, check out the manually specified SHA.
+          # For push, fall back to the push SHA.
+          ref: ${{ github.event.pull_request.head.sha || inputs.sha || github.sha }}
 
       - uses: pnpm/action-setup@v4
       - uses: actions/setup-node@v6
@@ -119,10 +104,11 @@ jobs:
 
   comment:
     needs: sanitize
-    if: github.event_name == 'pull_request_target'
+    if: github.event_name == 'pull_request_target' || github.event_name == 'workflow_dispatch'
     runs-on: ubuntu-latest
 
     permissions:
+      contents: read
       pull-requests: write
 
     steps:
@@ -131,6 +117,37 @@ jobs:
         with:
           name: sanitized-output
 
+      - name: Resolve PR number
+        id: pr
+        uses: actions/github-script@v8
+        with:
+          script: |
+            if (context.eventName === 'pull_request_target') {
+              core.setOutput('number', context.issue.number);
+              return;
+            }
+
+            const { data: pulls } = await github.rest.repos.listPullRequestsAssociatedWithCommit({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              commit_sha: '${{ inputs.sha }}',
+            });
+
+            const open = pulls.filter(p => p.state === 'open');
+
+            if (open.length === 0) {
+              core.setFailed(`No open PR found for commit ${{ inputs.sha }}`);
+              return;
+            }
+
+            if (open.length > 1) {
+              const nums = open.map(p => `#${p.number}`).join(', ');
+              core.setFailed(`Multiple open PRs found for commit ${{ inputs.sha }}: ${nums}`);
+              return;
+            }
+
+            core.setOutput('number', open[0].number);
+
       - name: Post or update comment
         uses: actions/github-script@v8
         with:
@@ -144,8 +161,7 @@ jobs:
               return;
             }
 
-            // Issue number from trusted event context, never from the artifact
-            const issue_number = context.issue.number;
+            const issue_number = parseInt('${{ steps.pr.outputs.number }}', 10);
 
             const bot_comment_identifier = `<!-- pkg.pr.new comment -->`;
 

From 0565dca1f7cbfb862ebf66c390e4b281a67ca6c1 Mon Sep 17 00:00:00 2001
From: Abdelrahman <abdelrahmanbahaa@proton.me>
Date: Fri, 13 Feb 2026 18:23:47 +0200
Subject: [PATCH 68/71] fix: implement ref counting for mount with same target
 (#17695)

### Before submitting the PR, please make sure you do the following

- [x] It's really useful if your PR references an issue where it is
discussed ahead of time. In many cases, features are absent for a
reason. For large changes, please create an RFC:
https://github.com/sveltejs/rfcs
- [x] Prefix your PR title with `feat:`, `fix:`, `chore:`, or `docs:`.
- [x] This message body should clearly illustrate what problems it
solves.
- [ ] Ideally, include a test that fails without this PR but passes with
it.
- [x] If this PR changes code within `packages/svelte/src`, add a
changeset (`npx changeset`).

### Tests and linting

- [x] Run the tests with `pnpm test` and lint the project with `pnpm
lint`

Fixes #17694

Not really sure how to add a failing test here.

The code was generated by Codex 5.3, but I cleaned it up and manually
reviewed it myself. Not sure if this is the best approach to solving the
issue, though. It does add some overhead with the extra maps.

---------

Co-authored-by: Rich Harris <rich.harris@vercel.com>
Co-authored-by: Rich Harris <hello@rich-harris.dev>
---
 .changeset/upset-spiders-study.md             |  5 ++
 packages/svelte/src/internal/client/render.js | 53 ++++++++++++-------
 2 files changed, 38 insertions(+), 20 deletions(-)
 create mode 100644 .changeset/upset-spiders-study.md

diff --git a/.changeset/upset-spiders-study.md b/.changeset/upset-spiders-study.md
new file mode 100644
index 0000000000..3f90828038
--- /dev/null
+++ b/.changeset/upset-spiders-study.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: preserve delegated event handlers as long as one or more root components are using them
diff --git a/packages/svelte/src/internal/client/render.js b/packages/svelte/src/internal/client/render.js
index c09f5fdd05..0d5bc6cb49 100644
--- a/packages/svelte/src/internal/client/render.js
+++ b/packages/svelte/src/internal/client/render.js
@@ -149,8 +149,8 @@ export function hydrate(component, options) {
 	}
 }
 
-/** @type {Map<string, number>} */
-const document_listeners = new Map();
+/** @type {Map<EventTarget, Map<string, number>>} */
+const listeners = new Map();
 
 /**
  * @template {Record<string, any>} Exports
@@ -177,17 +177,25 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
 			// Add the event listener to both the container and the document.
 			// The container listener ensures we catch events from within in case
 			// the outer content stops propagation of the event.
-			target.addEventListener(event_name, handle_event_propagation, { passive });
+			//
+			// The document listener ensures we catch events that originate from elements that were
+			// manually moved outside of the container (e.g. via manual portals).
+			for (const node of [target, document]) {
+				var counts = listeners.get(node);
+
+				if (counts === undefined) {
+					counts = new Map();
+					listeners.set(node, counts);
+				}
 
-			var n = document_listeners.get(event_name);
+				var count = counts.get(event_name);
 
-			if (n === undefined) {
-				// The document listener ensures we catch events that originate from elements that were
-				// manually moved outside of the container (e.g. via manual portals).
-				document.addEventListener(event_name, handle_event_propagation, { passive });
-				document_listeners.set(event_name, 1);
-			} else {
-				document_listeners.set(event_name, n + 1);
+				if (count === undefined) {
+					node.addEventListener(event_name, handle_event_propagation, { passive });
+					counts.set(event_name, 1);
+				} else {
+					counts.set(event_name, count + 1);
+				}
 			}
 		}
 	};
@@ -245,15 +253,20 @@ function _mount(Component, { target, anchor, props = {}, events, context, intro
 
 		return () => {
 			for (var event_name of registered_events) {
-				target.removeEventListener(event_name, handle_event_propagation);
-
-				var n = /** @type {number} */ (document_listeners.get(event_name));
-
-				if (--n === 0) {
-					document.removeEventListener(event_name, handle_event_propagation);
-					document_listeners.delete(event_name);
-				} else {
-					document_listeners.set(event_name, n);
+				for (const node of [target, document]) {
+					var counts = /** @type {Map<string, number>} */ (listeners.get(node));
+					var count = /** @type {number} */ (counts.get(event_name));
+
+					if (--count == 0) {
+						node.removeEventListener(event_name, handle_event_propagation);
+						counts.delete(event_name);
+
+						if (counts.size === 0) {
+							listeners.delete(node);
+						}
+					} else {
+						counts.set(event_name, count);
+					}
 				}
 			}
 

From 86d55220960f78a7f057439346ec294c38f6b35c Mon Sep 17 00:00:00 2001
From: "jyc.dev" <jycouet@gmail.com>
Date: Fri, 13 Feb 2026 18:03:47 +0100
Subject: [PATCH 69/71] fix: follow-up formatting in `print()` for block-level
 elements (#17699)

Follow-up to #17319.

The `Fragment` visitor in `print()` only flushed sequences on
`RegularElement`, causing block-level elements (`Component`,
`SvelteHead`, `SvelteBoundary`, etc.) to be lumped into the same
sequence as adjacent nodes. This broke tools that programmatically
manipulate the AST (e.g.
[sveltejs/cli#915](https://github.com/sveltejs/cli/pull/915)).

The fix flushes before and after all block-level element types, ensuring
they get their own sequence and proper line separation.

### Before

```svelte
<svelte:head><title>Page Title</title></svelte:head><div>no space</div>
<Component /><Component />
<Component><span>child</span></Component><div>after component</div>
<svelte:boundary><div>boundary content</div></svelte:boundary><div>after boundary</div>
<!--comment--><div>after comment</div>
<div>before comment</div>
<!--comment-->

{#each items as item}
	<div>{item}</div>
{/each}<div>after each</div>

{@render children()}<div>after render</div>
<div>before render</div>
{@render children()}
```

### After

```svelte
<svelte:head><title>Page Title</title></svelte:head>
<div>no space</div>
<Component />
<Component />
<Component><span>child</span></Component>
<div>after component</div>
<svelte:boundary><div>boundary content</div></svelte:boundary>
<div>after boundary</div>
<!--comment-->
<div>after comment</div>
<div>before comment</div>
<!--comment-->

{#each items as item}
	<div>{item}</div>
{/each}

<div>after each</div>
{@render children()}
<div>after render</div>
<div>before render</div>
{@render children()}
```
---
 .changeset/print-block-element-separation.md  |  5 +++
 packages/svelte/src/compiler/print/index.js   | 18 +++++++-
 .../block-element-separation/input.svelte     | 25 +++++++++++
 .../block-element-separation/output.svelte    | 42 +++++++++++++++++++
 4 files changed, 88 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/print-block-element-separation.md
 create mode 100644 packages/svelte/tests/print/samples/block-element-separation/input.svelte
 create mode 100644 packages/svelte/tests/print/samples/block-element-separation/output.svelte

diff --git a/.changeset/print-block-element-separation.md b/.changeset/print-block-element-separation.md
new file mode 100644
index 0000000000..57373fba5b
--- /dev/null
+++ b/.changeset/print-block-element-separation.md
@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: follow-up formatting in `print()` — flush block-level elements into separate sequences
diff --git a/packages/svelte/src/compiler/print/index.js b/packages/svelte/src/compiler/print/index.js
index 094c578b83..5543b6b581 100644
--- a/packages/svelte/src/compiler/print/index.js
+++ b/packages/svelte/src/compiler/print/index.js
@@ -371,9 +371,23 @@ const svelte_visitors = {
 					}
 				}
 			} else {
+				const is_block_element =
+					child_node.type === 'RegularElement' ||
+					child_node.type === 'Component' ||
+					child_node.type === 'SvelteHead' ||
+					child_node.type === 'SvelteFragment' ||
+					child_node.type === 'SvelteBoundary' ||
+					child_node.type === 'SvelteDocument' ||
+					child_node.type === 'SvelteSelf' ||
+					child_node.type === 'SvelteWindow' ||
+					child_node.type === 'SvelteComponent' ||
+					child_node.type === 'SvelteElement' ||
+					child_node.type === 'SlotElement' ||
+					child_node.type === 'TitleElement';
+
+				if (is_block_element && sequence.length > 0) flush();
 				sequence.push(child_node);
-
-				if (child_node.type === 'RegularElement') flush();
+				if (is_block_element) flush();
 			}
 		}
 
diff --git a/packages/svelte/tests/print/samples/block-element-separation/input.svelte b/packages/svelte/tests/print/samples/block-element-separation/input.svelte
new file mode 100644
index 0000000000..2a721648fe
--- /dev/null
+++ b/packages/svelte/tests/print/samples/block-element-separation/input.svelte
@@ -0,0 +1,25 @@
+<svelte:head><title>Page Title</title></svelte:head><div>no space</div>
+<Component /><Component />
+<Component><span>child</span></Component><div>after component</div>
+<svelte:boundary><div>boundary content</div></svelte:boundary><div>after boundary</div>
+<!--comment--><div>after comment</div>
+<div>before comment</div><!--comment-->
+{#each items as item}<div>{item}</div>{/each}<div>after each</div>
+{@render children()}<div>after render</div>
+<div>before render</div>{@render children()}
+
+<Component />   <div>with spaces</div>
+<Component><span>child</span></Component>   <div>spaces after component</div>
+<!--comment-->   <div>spaces after comment</div>
+{@render children()}   <div>spaces after render</div>
+
+<Component />
+<div>newline between</div>
+<!--comment-->
+<div>newline after comment</div>
+{#each items as item}
+<div>{item}</div>
+{/each}
+<div>newline after each</div>
+{@render children()}
+<div>after render</div>
diff --git a/packages/svelte/tests/print/samples/block-element-separation/output.svelte b/packages/svelte/tests/print/samples/block-element-separation/output.svelte
new file mode 100644
index 0000000000..380e4f7cee
--- /dev/null
+++ b/packages/svelte/tests/print/samples/block-element-separation/output.svelte
@@ -0,0 +1,42 @@
+<svelte:head><title>Page Title</title></svelte:head>
+<div>no space</div>
+<Component />
+<Component />
+<Component><span>child</span></Component>
+<div>after component</div>
+<svelte:boundary><div>boundary content</div></svelte:boundary>
+<div>after boundary</div>
+<!--comment-->
+<div>after comment</div>
+<div>before comment</div>
+<!--comment-->
+
+{#each items as item}
+	<div>{item}</div>
+{/each}
+
+<div>after each</div>
+{@render children()}
+<div>after render</div>
+<div>before render</div>
+{@render children()}
+<Component />
+<div>with spaces</div>
+<Component><span>child</span></Component>
+<div>spaces after component</div>
+<!--comment-->
+<div>spaces after comment</div>
+{@render children()}
+<div>spaces after render</div>
+<Component />
+<div>newline between</div>
+<!--comment-->
+<div>newline after comment</div>
+
+{#each items as item}
+	<div>{item}</div>
+{/each}
+
+<div>newline after each</div>
+{@render children()}
+<div>after render</div>

From 7b6755eaf68f2a46f88a0b6b09fc2efa44c163e0 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 13 Feb 2026 12:05:52 -0500
Subject: [PATCH 70/71] Version Packages (#17693)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## svelte@5.51.0

### Minor Changes

- feat: Use `TrustedTypes` for HTML handling where supported
([#16271](https://github.com/sveltejs/svelte/pull/16271))

### Patch Changes

- fix: sanitize template-literal-special-characters in SSR attribute
values ([#17692](https://github.com/sveltejs/svelte/pull/17692))

- fix: follow-up formatting in `print()` — flush block-level elements
into separate sequences
([#17699](https://github.com/sveltejs/svelte/pull/17699))

- fix: preserve delegated event handlers as long as one or more root
components are using them
([#17695](https://github.com/sveltejs/svelte/pull/17695))

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/brave-pears-matter.md             |  5 -----
 .changeset/print-block-element-separation.md |  5 -----
 .changeset/upset-spiders-study.md            |  5 -----
 .changeset/witty-lies-happen.md              |  5 -----
 packages/svelte/CHANGELOG.md                 | 14 ++++++++++++++
 packages/svelte/package.json                 |  2 +-
 packages/svelte/src/version.js               |  2 +-
 7 files changed, 16 insertions(+), 22 deletions(-)
 delete mode 100644 .changeset/brave-pears-matter.md
 delete mode 100644 .changeset/print-block-element-separation.md
 delete mode 100644 .changeset/upset-spiders-study.md
 delete mode 100644 .changeset/witty-lies-happen.md

diff --git a/.changeset/brave-pears-matter.md b/.changeset/brave-pears-matter.md
deleted file mode 100644
index 6ab2a4d9bb..0000000000
--- a/.changeset/brave-pears-matter.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"svelte": patch
----
-
-fix: sanitize template-literal-special-characters in SSR attribute values
diff --git a/.changeset/print-block-element-separation.md b/.changeset/print-block-element-separation.md
deleted file mode 100644
index 57373fba5b..0000000000
--- a/.changeset/print-block-element-separation.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"svelte": patch
----
-
-fix: follow-up formatting in `print()` — flush block-level elements into separate sequences
diff --git a/.changeset/upset-spiders-study.md b/.changeset/upset-spiders-study.md
deleted file mode 100644
index 3f90828038..0000000000
--- a/.changeset/upset-spiders-study.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': patch
----
-
-fix: preserve delegated event handlers as long as one or more root components are using them
diff --git a/.changeset/witty-lies-happen.md b/.changeset/witty-lies-happen.md
deleted file mode 100644
index e176103226..0000000000
--- a/.changeset/witty-lies-happen.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'svelte': minor
----
-
-feat: Use `TrustedTypes` for HTML handling where supported
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index 8090b3cb6f..542ae4c8f6 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,19 @@
 # svelte
 
+## 5.51.0
+
+### Minor Changes
+
+- feat: Use `TrustedTypes` for HTML handling where supported ([#16271](https://github.com/sveltejs/svelte/pull/16271))
+
+### Patch Changes
+
+- fix: sanitize template-literal-special-characters in SSR attribute values ([#17692](https://github.com/sveltejs/svelte/pull/17692))
+
+- fix: follow-up formatting in `print()` — flush block-level elements into separate sequences ([#17699](https://github.com/sveltejs/svelte/pull/17699))
+
+- fix: preserve delegated event handlers as long as one or more root components are using them ([#17695](https://github.com/sveltejs/svelte/pull/17695))
+
 ## 5.50.3
 
 ### Patch Changes
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 452187662c..3b650af156 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -2,7 +2,7 @@
   "name": "svelte",
   "description": "Cybernetically enhanced web apps",
   "license": "MIT",
-  "version": "5.50.3",
+  "version": "5.51.0",
   "type": "module",
   "types": "./types/index.d.ts",
   "engines": {
diff --git a/packages/svelte/src/version.js b/packages/svelte/src/version.js
index 648106aeb0..688c22df03 100644
--- a/packages/svelte/src/version.js
+++ b/packages/svelte/src/version.js
@@ -4,5 +4,5 @@
  * The current version, as set in package.json.
  * @type {string}
  */
-export const VERSION = '5.50.3';
+export const VERSION = '5.51.0';
 export const PUBLIC_VERSION = '5';

From 220b526d3aac9db5ba06181165a9c24a663f178b Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 13 Feb 2026 16:47:16 -0500
Subject: [PATCH 71/71] fix: use symbols for encapsulated event delegation
 (#17703)

Alternative to #17690. Closes #17057
---
 .changeset/purple-eagles-enjoy.md             |  5 ++
 .../client/visitors/OnDirective.js            |  2 +-
 .../client/visitors/shared/events.js          | 71 ++++++++++---------
 .../client/dom/elements/attributes.js         | 36 ++++------
 .../internal/client/dom/elements/events.js    | 16 ++++-
 packages/svelte/src/internal/client/index.js  |  2 +-
 .../samples/inspect-derived-2/_config.js      |  2 +-
 .../samples/inspect-multiple/_config.js       |  4 +-
 .../samples/inspect-nested-state/_config.js   |  2 +-
 .../samples/inspect-new-property/_config.js   |  4 +-
 .../samples/inspect-recursive/_config.js      |  4 +-
 .../runtime-runes/samples/inspect/_config.js  |  2 +-
 .../_expected/client/index.svelte.js          |  4 +-
 .../_expected/client/index.svelte.js          |  4 +-
 .../_expected/client/index.svelte.js          |  4 +-
 .../_expected/client/index.svelte.js          |  2 +-
 16 files changed, 88 insertions(+), 76 deletions(-)
 create mode 100644 .changeset/purple-eagles-enjoy.md

diff --git a/.changeset/purple-eagles-enjoy.md b/.changeset/purple-eagles-enjoy.md
new file mode 100644
index 0000000000..318f85a946
--- /dev/null
+++ b/.changeset/purple-eagles-enjoy.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: use symbols for encapsulated event delegation
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/OnDirective.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/OnDirective.js
index 0ee3b0fb10..011d851023 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/OnDirective.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/OnDirective.js
@@ -34,5 +34,5 @@ export function OnDirective(node, context) {
 		node.modifiers.includes('passive') ||
 		(node.modifiers.includes('nonpassive') ? false : undefined);
 
-	return build_event(node.name, context.state.node, handler, capture, passive);
+	return build_event(context, node.name, handler, capture, passive, false);
 }
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/events.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/events.js
index 29edc316ca..9485a33b3d 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/events.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/events.js
@@ -27,55 +27,58 @@ export function visit_event_attribute(node, context) {
 	let handler = build_event_handler(tag.expression, tag.metadata.expression, context);
 
 	if (node.metadata.delegated) {
-		if (!context.state.events.has(event_name)) {
-			context.state.events.add(event_name);
-		}
+		context.state.events.add(event_name);
+	}
 
-		context.state.init.push(
-			b.stmt(
-				b.assignment(
-					'=',
-					b.member(context.state.node, b.id('__' + event_name, node.name_loc)),
-					handler
-				)
-			)
-		);
-	} else {
-		const statement = b.stmt(
-			build_event(
-				event_name,
-				context.state.node,
-				handler,
-				capture,
-				is_passive_event(event_name) ? true : undefined
-			)
-		);
+	const statement = b.stmt(
+		build_event(
+			context,
+			event_name,
+			handler,
+			capture,
+			is_passive_event(event_name) ? true : undefined,
+			node.metadata.delegated
+		)
+	);
 
-		const type = /** @type {AST.SvelteNode} */ (context.path.at(-1)).type;
+	const type = /** @type {AST.SvelteNode} */ (context.path.at(-1)).type;
 
-		if (type === 'SvelteDocument' || type === 'SvelteWindow' || type === 'SvelteBody') {
-			// These nodes are above the component tree, and its events should run parent first
-			context.state.init.push(statement);
-		} else {
-			context.state.after_update.push(statement);
-		}
+	if (type === 'SvelteDocument' || type === 'SvelteWindow' || type === 'SvelteBody') {
+		// These nodes are above the component tree, and its events should run parent first
+		context.state.init.push(statement);
+	} else {
+		context.state.after_update.push(statement);
 	}
 }
 
 /**
  * Creates a `$.event(...)` call for non-delegated event handlers
+ * @param {ComponentContext} context
  * @param {string} event_name
- * @param {Expression} node
  * @param {Expression} handler
  * @param {boolean} capture
  * @param {boolean | undefined} passive
+ * @param {boolean | undefined} delegated
  */
-export function build_event(event_name, node, handler, capture, passive) {
+export function build_event(context, event_name, handler, capture, passive, delegated) {
+	let fn = handler;
+
+	if (dev && handler.type === 'ArrowFunctionExpression') {
+		// create a named function for better debugging
+		const name = context.state.scope.generate(event_name);
+
+		fn = b.function(
+			b.id(name),
+			handler.params,
+			handler.body.type === 'BlockStatement' ? handler.body : b.block([b.return(handler.body)])
+		);
+	}
+
 	return b.call(
-		'$.event',
+		delegated ? '$.delegated' : '$.event',
 		b.literal(event_name),
-		node,
-		handler,
+		context.state.node,
+		fn,
 		capture && b.true,
 		passive === undefined ? undefined : b.literal(passive)
 	);
diff --git a/packages/svelte/src/internal/client/dom/elements/attributes.js b/packages/svelte/src/internal/client/dom/elements/attributes.js
index 7b55c6dc4b..a15fc48596 100644
--- a/packages/svelte/src/internal/client/dom/elements/attributes.js
+++ b/packages/svelte/src/internal/client/dom/elements/attributes.js
@@ -2,7 +2,7 @@
 import { DEV } from 'esm-env';
 import { hydrating, set_hydrating } from '../hydration.js';
 import { get_descriptors, get_prototype_of } from '../../../shared/utils.js';
-import { create_event, delegate } from './events.js';
+import { create_event, delegate, delegated, event, event_symbol } from './events.js';
 import { add_form_reset_listener, autofocus } from './misc.js';
 import * as w from '../../warnings.js';
 import { IS_XHTML, LOADING_ATTR_SYMBOL } from '#client/constants';
@@ -384,14 +384,14 @@ function set_attributes(
 			const opts = {};
 			const event_handle_key = '$$' + key;
 			let event_name = key.slice(2);
-			var delegated = can_delegate_event(event_name);
+			var is_delegated = can_delegate_event(event_name);
 
 			if (is_capture_event(event_name)) {
 				event_name = event_name.slice(0, -7);
 				opts.capture = true;
 			}
 
-			if (!delegated && prev_value) {
+			if (!is_delegated && prev_value) {
 				// Listening to same event but different handler -> our handle function below takes care of this
 				// If we were to remove and add listeners in this case, it could happen that the event is "swallowed"
 				// (the browser seems to not know yet that a new one exists now) and doesn't reach the handler
@@ -402,25 +402,19 @@ function set_attributes(
 				current[event_handle_key] = null;
 			}
 
-			if (value != null) {
-				if (!delegated) {
-					/**
-					 * @this {any}
-					 * @param {Event} evt
-					 */
-					function handle(evt) {
-						current[key].call(this, evt);
-					}
-
-					current[event_handle_key] = create_event(event_name, element, handle, opts);
-				} else {
-					// @ts-ignore
-					element[`__${event_name}`] = value;
-					delegate([event_name]);
+			if (is_delegated) {
+				delegated(event_name, element, value);
+				delegate([event_name]);
+			} else if (value != null) {
+				/**
+				 * @this {any}
+				 * @param {Event} evt
+				 */
+				function handle(evt) {
+					current[key].call(this, evt);
 				}
-			} else if (delegated) {
-				// @ts-ignore
-				element[`__${event_name}`] = undefined;
+
+				current[event_handle_key] = create_event(event_name, element, handle, opts);
 			}
 		} else if (key === 'style') {
 			// avoid using the setter
diff --git a/packages/svelte/src/internal/client/dom/elements/events.js b/packages/svelte/src/internal/client/dom/elements/events.js
index 4c64c8364a..041698eb9d 100644
--- a/packages/svelte/src/internal/client/dom/elements/events.js
+++ b/packages/svelte/src/internal/client/dom/elements/events.js
@@ -11,6 +11,9 @@ import {
 	set_active_reaction
 } from '../../runtime.js';
 import { without_reactive_context } from './bindings/shared.js';
+import { can_delegate_event } from '../../../../utils.js';
+
+export const event_symbol = Symbol('events');
 
 /** @type {Set<string>} */
 export const all_registered_events = new Set();
@@ -127,6 +130,17 @@ export function event(event_name, dom, handler, capture, passive) {
 	}
 }
 
+/**
+ * @param {string} event_name
+ * @param {Element} element
+ * @param {EventListener} [handler]
+ * @returns {void}
+ */
+export function delegated(event_name, element, handler) {
+	// @ts-expect-error
+	(element[event_symbol] ??= {})[event_name] = handler;
+}
+
 /**
  * @param {Array<string>} events
  * @returns {void}
@@ -249,7 +263,7 @@ export function handle_event_propagation(event) {
 
 			try {
 				// @ts-expect-error
-				var delegated = current_target['__' + event_name];
+				var delegated = current_target[event_symbol]?.[event_name];
 
 				if (
 					delegated != null &&
diff --git a/packages/svelte/src/internal/client/index.js b/packages/svelte/src/internal/client/index.js
index 7fcaf77dc5..fedabd6ac1 100644
--- a/packages/svelte/src/internal/client/index.js
+++ b/packages/svelte/src/internal/client/index.js
@@ -40,7 +40,7 @@ export {
 	STYLE
 } from './dom/elements/attributes.js';
 export { set_class } from './dom/elements/class.js';
-export { apply, event, delegate, replay_events } from './dom/elements/events.js';
+export { apply, event, delegated, delegate, replay_events } from './dom/elements/events.js';
 export { autofocus, remove_textarea_child } from './dom/elements/misc.js';
 export { customizable_select, selectedcontent } from './dom/elements/customizable-select.js';
 export { set_style } from './dom/elements/style.js';
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/_config.js
index 3742382759..3471a4df0c 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-derived-2/_config.js
@@ -30,7 +30,7 @@ export default test({
 				},
 				derived: [1]
 			},
-			'at HTMLButtonElement.Main.button.__click'
+			'at HTMLButtonElement.click'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-multiple/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-multiple/_config.js
index 6886f5e53e..c46576de22 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-multiple/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-multiple/_config.js
@@ -17,10 +17,10 @@ export default test({
 			0,
 			1,
 			0,
-			'at HTMLButtonElement.<anonymous>',
+			'at HTMLButtonElement.click',
 			1,
 			1,
-			'at HTMLButtonElement.<anonymous>'
+			'at HTMLButtonElement.click_1'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-nested-state/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-nested-state/_config.js
index 34cd74d780..9f012c0f29 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-nested-state/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-nested-state/_config.js
@@ -16,7 +16,7 @@ export default test({
 			[{ count: 0 }],
 			{ x: { count: 1 } },
 			[{ count: 1 }],
-			'at HTMLButtonElement.<anonymous>'
+			'at HTMLButtonElement.click'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-new-property/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-new-property/_config.js
index 43d217977e..36a9298fa1 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-new-property/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-new-property/_config.js
@@ -15,9 +15,9 @@ export default test({
 			{},
 			[],
 			{ x: 'hello' },
-			'at HTMLButtonElement.Main.button.__click',
+			'at HTMLButtonElement.click',
 			['hello'],
-			'at HTMLButtonElement.Main.button.__click'
+			'at HTMLButtonElement.click'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect-recursive/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect-recursive/_config.js
index 8bf67159f5..199411ed84 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect-recursive/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect-recursive/_config.js
@@ -15,9 +15,9 @@ export default test({
 		assert.deepEqual(normalise_inspect_logs(logs), [
 			[],
 			[{}],
-			'at HTMLButtonElement.Main.button.__click',
+			'at HTMLButtonElement.click',
 			[{}, {}],
-			'at HTMLButtonElement.Main.button.__click'
+			'at HTMLButtonElement.click'
 		]);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/inspect/_config.js b/packages/svelte/tests/runtime-runes/samples/inspect/_config.js
index c05c4b15c4..117edc3ab4 100644
--- a/packages/svelte/tests/runtime-runes/samples/inspect/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/inspect/_config.js
@@ -12,6 +12,6 @@ export default test({
 		b2.click();
 		await Promise.resolve();
 
-		assert.deepEqual(normalise_inspect_logs(logs), [0, 1, 'at HTMLButtonElement.<anonymous>']);
+		assert.deepEqual(normalise_inspect_logs(logs), [0, 1, 'at HTMLButtonElement.click']);
 	}
 });
diff --git a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js
index 52820c1652..e1b87d6280 100644
--- a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/client/index.svelte.js
@@ -13,9 +13,6 @@ export default function Await_block_scope($$anchor) {
 
 	var fragment = root();
 	var button = $.first_child(fragment);
-
-	button.__click = increment;
-
 	var text = $.child(button);
 
 	$.reset(button);
@@ -31,6 +28,7 @@ export default function Await_block_scope($$anchor) {
 		$.set_text(text_1, ` ${counter.count ?? ''}`);
 	});
 
+	$.delegated('click', button, increment);
 	$.append($$anchor, fragment);
 }
 
diff --git a/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/client/index.svelte.js
index ae28419b95..43f2eadc09 100644
--- a/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/client/index.svelte.js
@@ -13,11 +13,11 @@ export default function Delegated_locally_declared_shadowed($$anchor) {
 
 		$.set_attribute(button, 'data-index', index);
 
-		button.__click = (e) => {
+		$.delegated('click', button, (e) => {
 			const index = Number(e.currentTarget.dataset.index);
 
 			console.log(index);
-		};
+		});
 
 		$.append($$anchor, button);
 	});
diff --git a/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/client/index.svelte.js
index 7025c788be..5281a86582 100644
--- a/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/client/index.svelte.js
@@ -16,9 +16,6 @@ export default function Nullish_coallescence_omittance($$anchor) {
 	b.textContent = '123';
 
 	var button = $.sibling(b, 2);
-
-	button.__click = () => $.update(count);
-
 	var text = $.child(button);
 
 	$.reset(button);
@@ -27,6 +24,7 @@ export default function Nullish_coallescence_omittance($$anchor) {
 
 	h1_1.textContent = 'Hello, world';
 	$.template_effect(() => $.set_text(text, `Count is ${$.get(count) ?? ''}`));
+	$.delegated('click', button, () => $.update(count));
 	$.append($$anchor, fragment);
 }
 
diff --git a/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/client/index.svelte.js
index 30691231f4..f3272f0414 100644
--- a/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/client/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/client/index.svelte.js
@@ -25,9 +25,9 @@ export default function State_proxy_literal($$anchor) {
 
 	var button = $.sibling(input_1, 2);
 
-	button.__click = reset;
 	$.bind_value(input, () => $.get(str), ($$value) => $.set(str, $$value));
 	$.bind_value(input_1, () => $.get(tpl), ($$value) => $.set(tpl, $$value));
+	$.delegated('click', button, reset);
 	$.append($$anchor, fragment);
 }