From 6102e75a9ed7590b2fafcd009d653eac71e61f93 Mon Sep 17 00:00:00 2001
From: NotAShelf <raf@notashelf.dev>
Date: Tue, 14 Apr 2026 13:02:13 +0300
Subject: [PATCH] packages/web: allow editing invalid JSON paste; show
 snapshots list with 1+ entries

Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: I627907cd02575fb6e84c7837cf1712746a6a6964
---
 .../web/src/components/ComparisonView.tsx     | 32 +++++++++----------
 packages/web/src/components/FileUpload.tsx    |  3 +-
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/packages/web/src/components/ComparisonView.tsx b/packages/web/src/components/ComparisonView.tsx
index 8b58ad4..e67bb8b 100644
--- a/packages/web/src/components/ComparisonView.tsx
+++ b/packages/web/src/components/ComparisonView.tsx
@@ -195,6 +195,22 @@ const ComparisonView: Component<ComparisonViewProps> = props => {
         </div>
       </Show>
 
+      <Show when={props.entries.length > 0}>
+        <div class="snapshots-list">
+          <h4>Saved Snapshots</h4>
+          <For each={props.entries}>
+            {entry => (
+              <div class="snapshot-item">
+                <span class="snapshot-name">{entry.name}</span>
+                <button class="delete-btn" onClick={() => props.onDelete(entry.id)}>
+                  <XIcon size={16} />
+                </button>
+              </div>
+            )}
+          </For>
+        </div>
+      </Show>
+
       <Show
         when={props.entries.length >= 2}
         fallback={
@@ -215,22 +231,6 @@ const ComparisonView: Component<ComparisonViewProps> = props => {
           </div>
         }
       >
-        <Show when={props.entries.length > 0}>
-          <div class="snapshots-list">
-            <h4>Saved Snapshots</h4>
-            <For each={props.entries}>
-              {entry => (
-                <div class="snapshot-item">
-                  <span class="snapshot-name">{entry.name}</span>
-                  <button class="delete-btn" onClick={() => props.onDelete(entry.id)}>
-                    <XIcon size={16} />
-                  </button>
-                </div>
-              )}
-            </For>
-          </div>
-        </Show>
-
         <Show
           when={leftEntry() && rightEntry()}
           fallback={
diff --git a/packages/web/src/components/FileUpload.tsx b/packages/web/src/components/FileUpload.tsx
index 1bb8c7f..5a2f34e 100644
--- a/packages/web/src/components/FileUpload.tsx
+++ b/packages/web/src/components/FileUpload.tsx
@@ -87,11 +87,12 @@ export default function FileUpload(props: FileUploadProps) {
             onPaste={e => {
               const text = e.clipboardData?.getData('text');
               if (!text) return;
-              e.preventDefault();
               try {
                 JSON.parse(text);
+                e.preventDefault();
                 props.onTextLoad(text);
               } catch {
+                setTextInput(text);
                 setError('Invalid JSON in clipboard');
               }
             }}