From c8e3b312d1bb4a79484e0acd9cb5271352389e74 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 3 Oct 2024 20:25:57 -0400
Subject: [PATCH 1/7] double decker nav

---
 .../(authed)/playground/[id]/+page.svelte     |  6 ++++-
 .../playground/[id]/AppControls.svelte        | 18 ++++++++++++++-
 apps/svelte.dev/src/routes/+layout.svelte     |  6 ++++-
 .../routes/docs/[...path]/OnThisPage.svelte   |  1 +
 packages/repl/src/lib/Repl.svelte             |  1 +
 packages/site-kit/src/lib/nav/Nav.svelte      | 22 ++++++++++---------
 6 files changed, 41 insertions(+), 13 deletions(-)

diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
index 2b12eaf87d..0089a201cd 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
@@ -106,7 +106,7 @@
 		position: relative;
 		height: calc(100% - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 		height: calc(100dvh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
-		--app-controls-h: 5.6rem;
+		--app-controls-h: 5rem;
 		--pane-controls-h: 4.2rem;
 		overflow: hidden;
 		background-color: var(--sk-back-1);
@@ -115,6 +115,10 @@
 		box-sizing: border-box;
 		display: flex;
 		flex-direction: column;
+
+		@media (min-width: 800px) {
+			--app-controls-h: 4rem;
+		}
 	}
 
 	/* temp fix for #2499 and #2550 while waiting for a fix for https://github.com/sveltejs/svelte-repl/issues/8 */
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 7f358979c3..bb194f94ea 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -268,10 +268,26 @@ export default app;`
 		align-items: center;
 		justify-content: space-between;
 		padding: 0.6rem var(--sk-page-padding-side);
-		background-color: var(--sk-back-4);
+		background-color: var(--sk-back-2);
 		color: var(--sk-text-1);
 		white-space: nowrap;
 		flex: 0;
+
+		&::after {
+			content: '';
+			position: absolute;
+			left: 0;
+			bottom: -4px;
+			width: 100%;
+			height: 4px;
+			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
+			z-index: 2;
+		}
+
+		@media (min-width: 800px) {
+			padding-top: 0;
+			padding-bottom: 1rem;
+		}
 	}
 
 	.buttons {
diff --git a/apps/svelte.dev/src/routes/+layout.svelte b/apps/svelte.dev/src/routes/+layout.svelte
index 83e4eafa45..be7321d0e4 100644
--- a/apps/svelte.dev/src/routes/+layout.svelte
+++ b/apps/svelte.dev/src/routes/+layout.svelte
@@ -23,7 +23,11 @@
 
 <Shell nav_visible={$page.route.id !== '/(authed)/playground/[id]/embed'}>
 	{#snippet top_nav()}
-		<Nav title={data.nav_title} links={data.nav_links}>
+		<Nav
+			title={data.nav_title}
+			links={data.nav_links}
+			shadow={!$page.route.id?.startsWith('/playground')}
+		>
 			{#snippet search()}
 				<Search />
 			{/snippet}
diff --git a/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte b/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte
index 3c8a40b853..820ddc2690 100644
--- a/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte
+++ b/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte
@@ -65,6 +65,7 @@
 			ul {
 				margin: 0;
 				list-style: none;
+				font-size: var(--sk-font-size-body-small);
 			}
 
 			/* Only show the title link if it's in the sidebar */
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 1d8162a141..6625dfd900 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -335,6 +335,7 @@
 		width: 100%;
 		height: calc(100dvh - var(--sk-nav-height));
 		background: var(--sk-back-1);
+		padding: 1rem 0 0 0;
 	}
 
 	.container :global(section) {
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index 14d6d67c56..b27223eee2 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -21,9 +21,10 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		links: NavigationLink[];
 		search?: Snippet;
 		external_links?: Snippet;
+		shadow: boolean;
 	}
 
-	let { home_title = 'Homepage', title, links, search, external_links }: Props = $props();
+	let { home_title = 'Homepage', title, links, search, external_links, shadow }: Props = $props();
 
 	let visible = $state(true);
 
@@ -66,6 +67,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	class:visible={visible || $nav_open}
 	class:$nav_open
 	class:dark={$theme.current === 'dark'}
+	class:shadow
 	style:z-index={$overlay_open && ($searching || $on_this_page_open) ? 80 : null}
 	aria-label="Primary"
 >
@@ -147,16 +149,16 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		transition-property: transform, background;
 		isolation: isolate;
 		font-family: var(--sk-font-ui);
-	}
 
-	nav::after {
-		content: '';
-		position: absolute;
-		left: 0;
-		top: -4px;
-		width: 100%;
-		height: 4px;
-		background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);
+		&.shadow::after {
+			content: '';
+			position: absolute;
+			left: 0;
+			top: -4px;
+			width: 100%;
+			height: 4px;
+			background: linear-gradient(to top, rgba(0, 0, 0, 0.05), transparent);
+		}
 	}
 
 	a {

From 6ac4a6cc0cd5f313935acb844d6bfea5bf79f5fd Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Thu, 3 Oct 2024 22:01:07 -0400
Subject: [PATCH 2/7] WIP

---
 apps/svelte.dev/package.json                  |   2 +-
 .../playground/[id]/AppControls.svelte        |   1 -
 packages/repl/package.json                    |   2 +-
 .../src/lib/Input/ComponentSelector.svelte    | 105 ++++++----
 packages/repl/src/lib/Input/file-new.svg      |   3 +
 packages/repl/src/lib/Input/file.svg          |   3 +
 .../repl/src/lib/InputOutputToggle.svelte     |   2 +-
 packages/repl/src/lib/Output/Output.svelte    |  29 ++-
 .../repl/src/lib/Output/PaneWithPanel.svelte  |   2 +-
 packages/repl/src/lib/Repl.svelte             |  70 ++++---
 packages/site-kit/package.json                |   2 +-
 pnpm-lock.yaml                                | 198 +++++++++---------
 12 files changed, 235 insertions(+), 184 deletions(-)
 create mode 100644 packages/repl/src/lib/Input/file-new.svg
 create mode 100644 packages/repl/src/lib/Input/file.svg

diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json
index 1d904e8bd7..bdb8c8692a 100644
--- a/apps/svelte.dev/package.json
+++ b/apps/svelte.dev/package.json
@@ -81,7 +81,7 @@
 		"satori-html": "^0.3.2",
 		"shiki": "^1.6.4",
 		"shiki-twoslash": "^3.1.2",
-		"svelte": "5.0.0-next.243",
+		"svelte": "5.0.0-next.260",
 		"svelte-check": "^4.0.0",
 		"svelte-preprocess": "^5.1.4",
 		"tiny-glob": "^0.2.9",
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index bb194f94ea..42d517c82b 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -280,7 +280,6 @@ export default app;`
 			bottom: -4px;
 			width: 100%;
 			height: 4px;
-			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
 			z-index: 2;
 		}
 
diff --git a/packages/repl/package.json b/packages/repl/package.json
index 5fd8e0e9f9..81b16c531c 100644
--- a/packages/repl/package.json
+++ b/packages/repl/package.json
@@ -80,7 +80,7 @@
 		"esrap": "^1.2.2",
 		"marked": "^14.1.2",
 		"resolve.exports": "^2.0.2",
-		"svelte": "^5.0.0-next.243",
+		"svelte": "5.0.0-next.260",
 		"zimmerframe": "^1.1.2"
 	}
 }
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index b255a13ba6..1729942399 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -217,6 +217,7 @@
 				on:drop|preventDefault={dragEnd}
 			>
 				<i class="drag-handle"></i>
+
 				{#if file.name === 'App' && filename !== editing_name}
 					<div class="uneditable">
 						App.svelte{#if show_modified && file.modified}*{/if}
@@ -226,7 +227,9 @@
 
 					{#if editing_file}
 						<span class="input-sizer">
-							{input_value + (/\./.test(input_value) ? '' : `.${editing_file.type}`)}
+							<span style="color: transparent">{input_value}</span>
+							{#if !/\./.test(input_value)}.{editing_file.type}{/if}
+							<!-- {input_value + (/\./.test(input_value) ? '' : `.${editing_file.type}`)} -->
 						</span>
 
 						<!-- svelte-ignore a11y_autofocus -->
@@ -272,12 +275,12 @@
 		{/each}
 	</div>
 
-	<button class="add-new" on:click={add_new} title="add new component">
-		<svg width="12" height="12" viewBox="0 0 24 24">
-			<line stroke="#999" x1="12" y1="5" x2="12" y2="19" />
-			<line stroke="#999" x1="5" y1="12" x2="19" y2="12" />
-		</svg>
-	</button>
+	<button
+		class="add-new"
+		on:click={add_new}
+		aria-label="add new component"
+		title="add new component"
+	></button>
 
 	<div class="runes-info"><RunesInfo {runes} /></div>
 
@@ -287,9 +290,19 @@
 <style>
 	.component-selector {
 		position: relative;
-		border-bottom: 1px solid var(--sk-text-4);
-		/* overflow: hidden; */
 		display: flex;
+		padding: 0 1rem 0 0;
+
+		/* fake border (allows tab borders to appear above it) */
+		&::before {
+			content: '';
+			position: absolute;
+			width: 100%;
+			height: 1px;
+			bottom: 0px;
+			left: 0;
+			background-color: var(--sk-back-4);
+		}
 	}
 
 	.file-tabs {
@@ -303,22 +316,43 @@
 	.file-tabs .button,
 	.add-new {
 		position: relative;
-		display: inline-block;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
 		font: var(--sk-font-size-ui-small) / 1.8rem var(--sk-font-ui);
-		background: var(--sk-back-1);
 		border: none;
-		border-bottom: 3px solid transparent;
-		padding: 12px 14px 8px 16px;
+		padding: 0 1rem;
+		height: 100%;
+		aspect-ratio: 1;
 		margin: 0;
 		color: var(--sk-text-3);
 		border-radius: 0;
 		cursor: pointer;
 	}
 
-	.file-tabs .button.active {
-		/* color: var(--second); */
-		color: var(--sk-text-2, #333);
-		border-bottom: 3px solid var(--sk-theme-1);
+	.add-new {
+		background: url(./file-new.svg) 50% 50% no-repeat;
+		background-size: 1em;
+	}
+
+	.file-tabs .button {
+		padding: 0 1rem 0 2em;
+
+		.drag-handle {
+			cursor: move;
+			width: 2em;
+			height: 100%;
+			position: absolute;
+			left: 0em;
+			top: 0;
+			background: url(./file.svg) 50% 50% no-repeat;
+			background-size: 1em;
+		}
+
+		&.active {
+			color: var(--sk-text-2, #333);
+			border-bottom: 1px solid var(--sk-theme-1);
+		}
 	}
 
 	.editable,
@@ -331,19 +365,27 @@
 	}
 
 	.input-sizer {
+		display: flex;
 		color: var(--sk-text-3, #ccc);
 	}
 
 	input {
 		position: absolute;
 		width: 100%;
-		left: 16px;
-		top: 12px;
-		font: 400 12px/1.5 var(--sk-font-body);
 		border: none;
-		color: var(--sk-theme-3);
+		color: var(--sk-theme-1);
 		outline: none;
 		background-color: transparent;
+		top: 0;
+		left: 0;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-family: var(--sk-font-ui);
+		font-size: var(--sk-font-size-ui-small);
+		padding: 0 1rem 1px 2em;
+		box-sizing: border-box;
 	}
 
 	.duplicate {
@@ -406,27 +448,6 @@
 		justify-content: flex-end;
 	}
 
-	.drag-handle {
-		cursor: move;
-		width: 5px;
-		height: 25px;
-		position: absolute;
-		left: 5px;
-		top: 9px;
-		--drag-handle-color: #dedede;
-		background: linear-gradient(
-			to right,
-			var(--sk-back-4, --drag-handle-color) 1px,
-			var(--sk-back-1, white) 1px,
-			var(--sk-back-1, white) 2px,
-			var(--sk-back-4, --drag-handle-color) 2px,
-			var(--sk-back-4, --drag-handle-color) 3px,
-			var(--sk-back-1, white) 3px,
-			var(--sk-back-1, white) 4px,
-			var(--sk-back-4, --drag-handle-color) 4px
-		);
-	}
-
 	svg {
 		position: relative;
 		overflow: hidden;
diff --git a/packages/repl/src/lib/Input/file-new.svg b/packages/repl/src/lib/Input/file-new.svg
new file mode 100644
index 0000000000..6f8b1b14bb
--- /dev/null
+++ b/packages/repl/src/lib/Input/file-new.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44771 22 4 21.5523 4 21V3C4 2.44771 4.44771 2 5 2H15M20 7H15V2M20 7L15 2M12 10.5V17.5M8.5 14H15.5" stroke="#676778" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/repl/src/lib/Input/file.svg b/packages/repl/src/lib/Input/file.svg
new file mode 100644
index 0000000000..ebc7e4db3c
--- /dev/null
+++ b/packages/repl/src/lib/Input/file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 7V21C20 21.5523 19.5523 22 19 22H5C4.44771 22 4 21.5523 4 21V3C4 2.44771 4.44771 2 5 2H15M20 7H15V2M20 7L15 2" stroke="#676778" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/repl/src/lib/InputOutputToggle.svelte b/packages/repl/src/lib/InputOutputToggle.svelte
index 5b1356b35e..61a739f703 100644
--- a/packages/repl/src/lib/InputOutputToggle.svelte
+++ b/packages/repl/src/lib/InputOutputToggle.svelte
@@ -24,7 +24,7 @@
 		align-items: center;
 		justify-content: center;
 		width: 100%;
-		height: 42px;
+		height: var(--pane-controls-h);
 		border-top: 1px solid var(--sk-theme-2);
 		z-index: 2;
 	}
diff --git a/packages/repl/src/lib/Output/Output.svelte b/packages/repl/src/lib/Output/Output.svelte
index 0f3a30409f..bb5a941f09 100644
--- a/packages/repl/src/lib/Output/Output.svelte
+++ b/packages/repl/src/lib/Output/Output.svelte
@@ -106,28 +106,38 @@
 
 <style>
 	.view-toggle {
-		height: 4.2rem;
-		border-bottom: 1px solid var(--sk-text-4);
+		height: var(--pane-controls-h);
+		overflow: hidden;
 		white-space: nowrap;
 		box-sizing: border-box;
+
+		/* fake border (allows tab borders to appear above it) */
+		&::before {
+			content: '';
+			position: absolute;
+			width: 100%;
+			height: 1px;
+			bottom: 0px;
+			left: 0;
+			background-color: var(--sk-back-4);
+		}
 	}
 
 	button {
-		/* width: 50%;
-		height: 100%; */
-		background: var(--sk-back-1, white);
+		height: 100%;
+		background: transparent;
 		text-align: left;
 		position: relative;
 		font: var(--sk-font-size-ui-small) / 1.8rem var(--sk-font-ui);
 		border: none;
-		border-bottom: 3px solid transparent;
-		padding: 12px 12px 8px 12px;
+		border-bottom: 1px solid transparent;
+		padding: 0 1rem;
 		color: var(--sk-text-2, #999);
 		border-radius: 0;
 	}
 
 	button.active {
-		border-bottom: 3px solid var(--sk-theme-1, --prime);
+		border-bottom: 1px solid var(--sk-theme-1, --prime);
 		color: var(--sk-text-1, #333);
 	}
 
@@ -138,7 +148,7 @@
 	.tab-content {
 		position: absolute;
 		width: 100%;
-		height: calc(100% - 42px) !important;
+		height: calc(100% - var(--pane-controls-h)) !important;
 		visibility: hidden;
 		pointer-events: none;
 	}
@@ -147,6 +157,7 @@
 		visibility: visible;
 		pointer-events: all;
 	}
+
 	iframe {
 		width: 100%;
 		height: 100%;
diff --git a/packages/repl/src/lib/Output/PaneWithPanel.svelte b/packages/repl/src/lib/Output/PaneWithPanel.svelte
index 0eb872c372..3f115d3095 100644
--- a/packages/repl/src/lib/Output/PaneWithPanel.svelte
+++ b/packages/repl/src/lib/Output/PaneWithPanel.svelte
@@ -56,7 +56,7 @@
 
 <style>
 	.panel-header {
-		height: 42px;
+		height: var(--pane-controls-h);
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 6625dfd900..555c07317d 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -331,32 +331,46 @@
 
 <style>
 	.container {
+		--pane-controls-h: 4.2rem;
 		position: relative;
 		width: 100%;
 		height: calc(100dvh - var(--sk-nav-height));
 		background: var(--sk-back-1);
 		padding: 1rem 0 0 0;
-	}
 
-	.container :global(section) {
-		position: relative;
-		padding: 42px 0 0 0;
-		height: 100%;
-		box-sizing: border-box;
-	}
+		:global {
+			section {
+				position: relative;
+				padding: var(--pane-controls-h) 0 0 0;
+				height: 100%;
+				box-sizing: border-box;
+
+				& > :first-child {
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: var(--pane-controls-h);
+					box-sizing: border-box;
+				}
 
-	.container :global(section) > :global(*):first-child {
-		position: absolute;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 42px;
-		box-sizing: border-box;
-	}
+				& > :last-child {
+					width: 100%;
+					height: 100%;
+				}
+			}
 
-	.container :global(section) > :global(*):last-child {
-		width: 100%;
-		height: 100%;
+			.divider::after {
+				background-color: var(--sk-text-1);
+				filter: drop-shadow(0 0 3px hsl(0 0 0 / 0.5));
+				opacity: 0.1;
+			}
+
+			[data-pane='main'] > .divider::after {
+				height: calc(100% - var(--pane-controls-h));
+				top: var(--pane-controls-h);
+			}
+		}
 	}
 
 	.viewport {
@@ -365,7 +379,7 @@
 
 	.toggleable .viewport {
 		width: 200%;
-		height: calc(100% - 42px);
+		height: calc(100% - var(--pane-controls-h));
 		transition: transform 0.3s;
 	}
 
@@ -375,16 +389,18 @@
 
 	/* on mobile, override the <SplitPane> controls */
 	@media (max-width: 799px) {
-		:global([data-pane='main']) {
-			--pos: 50% !important;
-		}
+		:global {
+			[data-pane='main'] {
+				--pos: 50% !important;
+			}
 
-		:global([data-pane='editor']) {
-			--pos: 5.4rem !important;
-		}
+			[data-pane='editor'] {
+				--pos: 5.4rem !important;
+			}
 
-		:global([data-pane]) :global(.divider) {
-			cursor: default;
+			[data-pane] .divider {
+				cursor: default;
+			}
 		}
 	}
 </style>
diff --git a/packages/site-kit/package.json b/packages/site-kit/package.json
index b2bf09c16a..01f8be6517 100644
--- a/packages/site-kit/package.json
+++ b/packages/site-kit/package.json
@@ -40,7 +40,7 @@
 		"prettier": "^3.3.2",
 		"prettier-plugin-svelte": "^3.2.4",
 		"shiki-twoslash": "^3.1.2",
-		"svelte": "^5.0.0-next.243",
+		"svelte": "5.0.0-next.260",
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.5.4",
 		"vite": "^5.4.3"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3cdc4c660e..86a99f0139 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -67,7 +67,7 @@ importers:
         version: 6.2.1(@codemirror/commands@6.5.0)(@codemirror/language@6.10.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)
       '@rich_harris/svelte-split-pane':
         specifier: ^1.1.3
-        version: 1.1.3(svelte@5.0.0-next.243)
+        version: 1.1.3(svelte@5.0.0-next.260)
       '@sveltejs/repl':
         specifier: workspace:*
         version: link:../../packages/repl
@@ -76,7 +76,7 @@ importers:
         version: 3.1.0
       '@vercel/speed-insights':
         specifier: ^1.0.0
-        version: 1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)
+        version: 1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)
       '@webcontainer/api':
         specifier: ^1.1.5
         version: 1.1.9
@@ -140,19 +140,19 @@ importers:
         version: 2.43.4
       '@sveltejs/adapter-vercel':
         specifier: ^5.4.3
-        version: 5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
+        version: 5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))
       '@sveltejs/enhanced-img':
         specifier: ^0.3.4
-        version: 0.3.4(rollup@4.21.2)(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        version: 0.3.4(rollup@4.21.2)(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/kit':
         specifier: ^2.5.25
-        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/site-kit':
         specifier: workspace:*
         version: link:../../packages/site-kit
       '@sveltejs/vite-plugin-svelte':
         specifier: 4.0.0-next.6
-        version: 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+        version: 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/cookie':
         specifier: ^0.6.0
         version: 0.6.0
@@ -188,7 +188,7 @@ importers:
         version: 3.3.2
       prettier-plugin-svelte:
         specifier: ^3.2.4
-        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.243)
+        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.260)
       satori:
         specifier: ^0.10.13
         version: 0.10.13
@@ -202,14 +202,14 @@ importers:
         specifier: ^3.1.2
         version: 3.1.2(typescript@5.5.4)
       svelte:
-        specifier: 5.0.0-next.243
-        version: 5.0.0-next.243
+        specifier: 5.0.0-next.260
+        version: 5.0.0-next.260
       svelte-check:
         specifier: ^4.0.0
-        version: 4.0.1(svelte@5.0.0-next.243)(typescript@5.5.4)
+        version: 4.0.1(svelte@5.0.0-next.260)(typescript@5.5.4)
       svelte-preprocess:
         specifier: ^5.1.4
-        version: 5.1.4(postcss@8.4.45)(svelte@5.0.0-next.243)(typescript@5.5.4)
+        version: 5.1.4(postcss@8.4.45)(svelte@5.0.0-next.260)(typescript@5.5.4)
       tiny-glob:
         specifier: ^0.2.9
         version: 0.2.9
@@ -275,7 +275,7 @@ importers:
         version: 6.2.1(@codemirror/commands@6.5.0)(@codemirror/language@6.10.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.26.3)
       '@rich_harris/svelte-split-pane':
         specifier: ^1.1.3
-        version: 1.1.3(svelte@5.0.0-next.243)
+        version: 1.1.3(svelte@5.0.0-next.260)
       '@rollup/browser':
         specifier: ^4.17.2
         version: 4.17.2
@@ -284,7 +284,7 @@ importers:
         version: link:../site-kit
       '@sveltejs/svelte-json-tree':
         specifier: ^2.2.0
-        version: 2.2.0(svelte@5.0.0-next.243)
+        version: 2.2.0(svelte@5.0.0-next.260)
       acorn:
         specifier: ^8.11.3
         version: 8.11.3
@@ -301,8 +301,8 @@ importers:
         specifier: ^2.0.2
         version: 2.0.2
       svelte:
-        specifier: ^5.0.0-next.243
-        version: 5.0.0-next.243
+        specifier: 5.0.0-next.260
+        version: 5.0.0-next.260
       zimmerframe:
         specifier: ^1.1.2
         version: 1.1.2
@@ -312,16 +312,16 @@ importers:
         version: 1.2.1
       '@sveltejs/adapter-auto':
         specifier: ^3.0.0
-        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))
+        version: 3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))
       '@sveltejs/kit':
         specifier: ^2.0.0
-        version: 2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+        version: 2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       '@sveltejs/package':
         specifier: ^2.0.0
-        version: 2.3.1(svelte@5.0.0-next.243)(typescript@5.5.4)
+        version: 2.3.1(svelte@5.0.0-next.260)(typescript@5.5.4)
       '@sveltejs/vite-plugin-svelte':
         specifier: 4.0.0-next.6
-        version: 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+        version: 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/estree':
         specifier: ^1.0.5
         version: 1.0.5
@@ -330,13 +330,13 @@ importers:
         version: 3.3.2
       prettier-plugin-svelte:
         specifier: ^3.2.4
-        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.243)
+        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.260)
       publint:
         specifier: ^0.1.9
         version: 0.1.16
       svelte-check:
         specifier: ^4.0.0
-        version: 4.0.1(svelte@5.0.0-next.243)(typescript@5.5.4)
+        version: 4.0.1(svelte@5.0.0-next.260)(typescript@5.5.4)
       typescript:
         specifier: ^5.5.4
         version: 5.5.4
@@ -369,11 +369,11 @@ importers:
         version: 2.2.3
       svelte-persisted-store:
         specifier: ^0.9.2
-        version: 0.9.4(svelte@5.0.0-next.243)
+        version: 0.9.4(svelte@5.0.0-next.260)
     devDependencies:
       '@sveltejs/kit':
         specifier: ^2.5.25
-        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
+        version: 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
       '@types/node':
         specifier: ^20.12.11
         version: 20.12.11
@@ -391,16 +391,16 @@ importers:
         version: 3.3.2
       prettier-plugin-svelte:
         specifier: ^3.2.4
-        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.243)
+        version: 3.2.4(prettier@3.3.2)(svelte@5.0.0-next.260)
       shiki-twoslash:
         specifier: ^3.1.2
         version: 3.1.2(typescript@5.5.4)
       svelte:
-        specifier: ^5.0.0-next.243
-        version: 5.0.0-next.243
+        specifier: 5.0.0-next.260
+        version: 5.0.0-next.260
       svelte-check:
         specifier: ^4.0.0
-        version: 4.0.1(svelte@5.0.0-next.243)(typescript@5.5.4)
+        version: 4.0.1(svelte@5.0.0-next.260)(typescript@5.5.4)
       typescript:
         specifier: ^5.5.4
         version: 5.5.4
@@ -1411,6 +1411,9 @@ packages:
   '@types/estree@1.0.5':
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
 
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+
   '@types/geojson@7946.0.14':
     resolution: {integrity: sha512-WCfD5Ht3ZesJUsONdhvm84dmzWOiOzOAqOncN0++w0lBw1o8OuDNJF2McvvCef/yBqb/HYRahp1BYtODFQ8bRg==}
 
@@ -1544,8 +1547,9 @@ packages:
   argparse@1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
 
-  aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
 
   array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
@@ -1741,10 +1745,6 @@ packages:
   delegates@1.0.0:
     resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
 
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
   detect-indent@6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
@@ -2670,8 +2670,8 @@ packages:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
 
-  svelte@5.0.0-next.243:
-    resolution: {integrity: sha512-+oXjRInUyBfZXAEY8hmpf3F0eghAVCoWasotz1iOp2G5CyH4KR7jPxWOgjbgsgpL4zlMiN32MEYU1+I+QsC+nQ==}
+  svelte@5.0.0-next.260:
+    resolution: {integrity: sha512-TGcvG71DUklf5P4UmJxOQiVxWYLPp4c6o+NUjmVMsAXKsCMXOTXw+QpnmEWw5D95Sj7SrmAGeIT+p/uvHAUZXg==}
     engines: {node: '>=18'}
 
   tar@6.2.1:
@@ -3802,9 +3802,9 @@ snapshots:
       '@resvg/resvg-js-win32-ia32-msvc': 2.6.2
       '@resvg/resvg-js-win32-x64-msvc': 2.6.2
 
-  '@rich_harris/svelte-split-pane@1.1.3(svelte@5.0.0-next.243)':
+  '@rich_harris/svelte-split-pane@1.1.3(svelte@5.0.0-next.260)':
     dependencies:
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
 
   '@rollup/browser@4.17.2':
     dependencies:
@@ -3920,33 +3920,33 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))':
+  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))':
     dependencies:
-      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/kit': 2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-vercel@5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
+  '@sveltejs/adapter-vercel@5.4.3(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))':
     dependencies:
-      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@vercel/nft': 0.27.2
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/enhanced-img@0.3.4(rollup@4.21.2)(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/enhanced-img@0.3.4(rollup@4.21.2)(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
       magic-string: 0.30.11
-      svelte: 5.0.0-next.243
-      svelte-parse-markup: 0.1.5(svelte@5.0.0-next.243)
+      svelte: 5.0.0-next.260
+      svelte-parse-markup: 0.1.5(svelte@5.0.0-next.260)
       vite: 5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)
       vite-imagetools: 7.0.4(rollup@4.21.2)
     transitivePeerDependencies:
       - rollup
 
-  '@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
+  '@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -3958,13 +3958,13 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       tiny-glob: 0.2.9
       vite: 5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)
 
-  '@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -3976,13 +3976,13 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       tiny-glob: 0.2.9
       vite: 5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)
 
-  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/kit@2.5.7(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.0.0
@@ -3994,86 +3994,86 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.4
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       tiny-glob: 0.2.9
       vite: 5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)
 
-  '@sveltejs/package@2.3.1(svelte@5.0.0-next.243)(typescript@5.5.4)':
+  '@sveltejs/package@2.3.1(svelte@5.0.0-next.260)(typescript@5.5.4)':
     dependencies:
       chokidar: 3.6.0
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.2
-      svelte: 5.0.0-next.243
-      svelte2tsx: 0.7.8(svelte@5.0.0-next.243)(typescript@5.5.4)
+      svelte: 5.0.0-next.260
+      svelte2tsx: 0.7.8(svelte@5.0.0-next.260)(typescript@5.5.4)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/svelte-json-tree@2.2.0(svelte@5.0.0-next.243)':
+  '@sveltejs/svelte-json-tree@2.2.0(svelte@5.0.0-next.260)':
     dependencies:
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
       debug: 4.3.6
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       debug: 4.3.6
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte': 4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       debug: 4.3.6
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
       debug: 4.3.6
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.11
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.3(@types/node@20.12.11)(lightningcss@1.25.1)
       vitefu: 0.2.5(vite@5.4.3(@types/node@20.12.11)(lightningcss@1.25.1))
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
       debug: 4.3.6
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.11
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.3(@types/node@20.14.2)(lightningcss@1.25.1)
       vitefu: 0.2.5(vite@5.4.3(@types/node@20.14.2)(lightningcss@1.25.1))
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
+  '@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.0-next.2(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
       debug: 4.3.6
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.11
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       vite: 5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)
       vitefu: 0.2.5(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
     transitivePeerDependencies:
@@ -4089,6 +4089,8 @@ snapshots:
 
   '@types/estree@1.0.5': {}
 
+  '@types/estree@1.0.6': {}
+
   '@types/geojson@7946.0.14': {}
 
   '@types/node@12.20.55': {}
@@ -4151,10 +4153,10 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vercel/speed-insights@1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)':
+  '@vercel/speed-insights@1.0.11(@sveltejs/kit@2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)':
     optionalDependencies:
-      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.243)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
-      svelte: 5.0.0-next.243
+      '@sveltejs/kit': 2.5.25(@sveltejs/vite-plugin-svelte@4.0.0-next.6(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.0.0-next.260)(vite@5.4.7(@types/node@20.14.2)(lightningcss@1.25.1))
+      svelte: 5.0.0-next.260
 
   '@webcontainer/api@1.1.9': {}
 
@@ -4210,9 +4212,7 @@ snapshots:
     dependencies:
       sprintf-js: 1.0.3
 
-  aria-query@5.3.0:
-    dependencies:
-      dequal: 2.0.3
+  aria-query@5.3.2: {}
 
   array-union@2.1.0: {}
 
@@ -4388,8 +4388,6 @@ snapshots:
 
   delegates@1.0.0: {}
 
-  dequal@2.0.3: {}
-
   detect-indent@6.1.0: {}
 
   detect-libc@1.0.3: {}
@@ -4690,7 +4688,7 @@ snapshots:
 
   is-reference@3.0.2:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   is-subdir@1.2.0:
     dependencies:
@@ -5024,10 +5022,10 @@ snapshots:
       path-exists: 4.0.0
       which-pm: 2.0.0
 
-  prettier-plugin-svelte@3.2.4(prettier@3.3.2)(svelte@5.0.0-next.243):
+  prettier-plugin-svelte@3.2.4(prettier@3.3.2)(svelte@5.0.0-next.260):
     dependencies:
       prettier: 3.3.2
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
 
   prettier@2.8.8: {}
 
@@ -5269,53 +5267,53 @@ snapshots:
     dependencies:
       has-flag: 3.0.0
 
-  svelte-check@4.0.1(svelte@5.0.0-next.243)(typescript@5.5.4):
+  svelte-check@4.0.1(svelte@5.0.0-next.260)(typescript@5.5.4):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       chokidar: 3.6.0
       fdir: 6.3.0
       picocolors: 1.0.1
       sade: 1.8.1
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       typescript: 5.5.4
     transitivePeerDependencies:
       - picomatch
 
-  svelte-parse-markup@0.1.5(svelte@5.0.0-next.243):
+  svelte-parse-markup@0.1.5(svelte@5.0.0-next.260):
     dependencies:
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
 
-  svelte-persisted-store@0.9.4(svelte@5.0.0-next.243):
+  svelte-persisted-store@0.9.4(svelte@5.0.0-next.260):
     dependencies:
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
 
-  svelte-preprocess@5.1.4(postcss@8.4.45)(svelte@5.0.0-next.243)(typescript@5.5.4):
+  svelte-preprocess@5.1.4(postcss@8.4.45)(svelte@5.0.0-next.260)(typescript@5.5.4):
     dependencies:
       '@types/pug': 2.0.10
       detect-indent: 6.1.0
       magic-string: 0.30.11
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
     optionalDependencies:
       postcss: 8.4.45
       typescript: 5.5.4
 
-  svelte2tsx@0.7.8(svelte@5.0.0-next.243)(typescript@5.5.4):
+  svelte2tsx@0.7.8(svelte@5.0.0-next.260)(typescript@5.5.4):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 5.0.0-next.243
+      svelte: 5.0.0-next.260
       typescript: 5.5.4
 
-  svelte@5.0.0-next.243:
+  svelte@5.0.0-next.260:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       acorn: 8.12.1
       acorn-typescript: 1.4.13(acorn@8.12.1)
-      aria-query: 5.3.0
+      aria-query: 5.3.2
       axobject-query: 4.1.0
       esm-env: 1.0.0
       esrap: 1.2.2

From f282cff026a29773237119f4730448440c1b6a97 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 4 Oct 2024 08:15:14 -0400
Subject: [PATCH 3/7] tweak

---
 .../routes/(authed)/playground/[id]/AppControls.svelte |  1 +
 apps/svelte.dev/src/routes/+layout.svelte              |  2 +-
 packages/site-kit/src/lib/nav/Nav.svelte               | 10 +++++-----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 42d517c82b..7bd0750d8c 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -281,6 +281,7 @@ export default app;`
 			width: 100%;
 			height: 4px;
 			z-index: 2;
+			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
 		}
 
 		@media (min-width: 800px) {
diff --git a/apps/svelte.dev/src/routes/+layout.svelte b/apps/svelte.dev/src/routes/+layout.svelte
index be7321d0e4..28bd34375d 100644
--- a/apps/svelte.dev/src/routes/+layout.svelte
+++ b/apps/svelte.dev/src/routes/+layout.svelte
@@ -26,7 +26,7 @@
 		<Nav
 			title={data.nav_title}
 			links={data.nav_links}
-			shadow={!$page.route.id?.startsWith('/playground')}
+			shadow={!$page.route.id?.startsWith('/(authed)/playground')}
 		>
 			{#snippet search()}
 				<Search />
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index 225c6445f0..93262193cf 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -305,12 +305,12 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		nav {
 			display: grid;
 			grid-template-columns: auto 1fr 1fr;
-		}
 
-		nav::after {
-			top: auto;
-			bottom: -4px;
-			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
+			&.shadow::after {
+				top: auto;
+				bottom: -4px;
+				background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), transparent);
+			}
 		}
 
 		.menu {

From cd5a93006949c72bd1b37a62ffde6ad83b49223d Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 4 Oct 2024 08:17:39 -0400
Subject: [PATCH 4/7] fix theme toggle glitch

---
 packages/site-kit/src/lib/nav/Nav.svelte | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
index 93262193cf..8b50313298 100644
--- a/packages/site-kit/src/lib/nav/Nav.svelte
+++ b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -145,8 +145,6 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		background-color: var(--sk-back-2);
 		font-family: var(--sk-font-body);
 		user-select: none;
-		transition: 0.4s var(--quint-out);
-		transition-property: transform, background;
 		isolation: isolate;
 		font-family: var(--sk-font-ui);
 

From f0ea6e4d5fdb5655d968e4bec99a6b71d118264f Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 4 Oct 2024 08:27:02 -0400
Subject: [PATCH 5/7] finesse

---
 packages/repl/src/lib/theme.ts | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/repl/src/lib/theme.ts b/packages/repl/src/lib/theme.ts
index 3a6c4db490..64f96d542e 100644
--- a/packages/repl/src/lib/theme.ts
+++ b/packages/repl/src/lib/theme.ts
@@ -32,9 +32,26 @@ const svelteThemeStyles = EditorView.theme(
 		},
 
 		'.cm-content': {
+			// ensure no gap between top of editor and highlighted first/last line
+			paddingTop: '0px',
+			paddingBottom: '0px',
 			caretColor: 'var(--sk-theme-3)'
 		},
 
+		'.cm-content .cm-line:first-child': {
+			paddingTop: '4px'
+		},
+
+		'.cm-content .cm-line:last-child': {
+			paddingBottom: '4px'
+		},
+
+		'.cm-lineNumbers .cm-gutterElement:not(:last-child)': {
+			display: 'flex',
+			justifyContent: 'end',
+			alignItems: 'end'
+		},
+
 		'.cm-cursor, .cm-dropCursor': { borderLeftColor: 'var(--sk-theme-3)' },
 		'&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection':
 			{ backgroundColor: 'var(--sk-selection-color)' },

From 4bec13918354c74091519f875964f8ed2fac199e Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 4 Oct 2024 08:30:54 -0400
Subject: [PATCH 6/7] tweaks

---
 .../(authed)/playground/[id]/AppControls.svelte  | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 7bd0750d8c..995be33f7e 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -272,6 +272,7 @@ export default app;`
 		color: var(--sk-text-1);
 		white-space: nowrap;
 		flex: 0;
+		gap: 2rem;
 
 		&::after {
 			content: '';
@@ -327,24 +328,13 @@ export default app;`
 		border: none;
 		color: currentColor;
 		font-family: var(--sk-font-ui);
-		opacity: 0.7;
-		outline: none;
 		flex: 1;
-		margin: 0 0.2em 0 0.4rem;
-		padding-top: 0.2em;
+		margin: 0 0.2em 0 0rem;
+		padding: 0.2rem;
 		border-bottom: 1px solid transparent;
 		font-size: var(--sk-font-size-ui-medium);
 	}
 
-	input:hover {
-		border-bottom: 1px solid currentColor;
-		opacity: 1;
-	}
-	input:focus {
-		border-bottom: 1px solid currentColor;
-		opacity: 1;
-	}
-
 	button span {
 		display: none;
 	}

From 6114c3995c0cd79daec68eeba9800368ec582e5e Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 4 Oct 2024 08:32:40 -0400
Subject: [PATCH 7/7] unused

---
 .../src/routes/(authed)/playground/[id]/AppControls.svelte       | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index 995be33f7e..13aadc3585 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -331,7 +331,6 @@ export default app;`
 		flex: 1;
 		margin: 0 0.2em 0 0rem;
 		padding: 0.2rem;
-		border-bottom: 1px solid transparent;
 		font-size: var(--sk-font-size-ui-medium);
 	}