From 24dc46eeb8ea03306d3ba5387d6e878495d6a462 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Sun, 26 Apr 2026 00:28:21 +0200
Subject: [PATCH] fix(merge-plan): snapshot proposal prop to avoid
 structuredClone proxy throw

structuredClone on a Svelte 5 reactive Proxy throws DataCloneError during
component init, causing MergeProposalPanel to silently fail to mount.
Replace with \$state.snapshot which is the documented way to deep-copy a
reactive prop into a local editable state.
---
 web/src/lib/components/admin/MergeProposalPanel.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/src/lib/components/admin/MergeProposalPanel.svelte b/web/src/lib/components/admin/MergeProposalPanel.svelte
index f5f04bb..fb77441 100644
--- a/web/src/lib/components/admin/MergeProposalPanel.svelte
+++ b/web/src/lib/components/admin/MergeProposalPanel.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { untrack } from 'svelte';
 	import Button from '$lib/components/ui/Button.svelte';
 	import type { AdminMarketDetail, DuplicateMarket, MarketMergeProposal } from '$lib/api/types.js';
 	import { fieldLabels, formatValue } from './fieldRenderers.js';
@@ -16,7 +15,7 @@
 	let { proposal, candidate, current, applying, onApply, onClose }: Props = $props();
 
 	// Local copy the admin can edit before applying.
-	let edited = $state(untrack(() => structuredClone(proposal)));
+	let edited = $state($state.snapshot(proposal));
 
 	const fieldOrder = Object.keys(edited.field_merges ?? {});