From 0af9a4ce1167c6abb0492d15a2fd749d05885248 Mon Sep 17 00:00:00 2001
From: dax <me@dax.ist>
Date: Tue, 4 Aug 2026 20:13:11 +0100
Subject: fix preview flicker: hide only best-dir preview when ghost shows,
 keep dropzones hit-testable

---
 public/app.css    | 1 +
 public/app.js     | 2 +-
 public/index.html | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/app.css b/public/app.css
index a0cde93..bbc2655 100644
--- a/public/app.css
+++ b/public/app.css
@@ -55,6 +55,7 @@ html, body {
 }
 .dropzone { position: absolute; cursor: pointer; }
 .dropzone.hidden { visibility: hidden; }
+.dropzone .preview.hide { visibility: hidden; }
 .dropzone .preview {
   width: 100%;
   height: 100%;
diff --git a/public/app.js b/public/app.js
index 780bc98..cab053e 100644
--- a/public/app.js
+++ b/public/app.js
@@ -359,7 +359,7 @@ function setPreviewHidden(hidden) {
   ghostVisible = hidden
   if (!cur) return
   const entry = zones.get(cur.id)
-  if (entry) for (const z of entry.els) z.classList.toggle("hidden", hidden)
+  if (entry) entry.prevEl.classList.toggle("hide", hidden)
 }
 function showGhost(p) {
   if (!p) return
diff --git a/public/index.html b/public/index.html
index 736d446..1fab56b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="color-scheme" content="dark">
   <title>pathways</title>
-  <link rel="stylesheet" href="/app.css?v=45">
+  <link rel="stylesheet" href="/app.css?v=46">
 </head>
 <body>
   <main id="stage">
@@ -29,6 +29,6 @@
     <span id="progress-text"></span>
   </div>
   <div id="toast" role="status" aria-live="polite"></div>
-  <script src="/app.js?v=45"></script>
+  <script src="/app.js?v=46"></script>
 </body>
 </html>
-- 
cgit v1.3.1