From 456674cc3e8de0685953e0ec02e3673c3d9630ed Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 13 Mar 2026 15:07:46 -0400
Subject: [PATCH] fix(launcher): remove ghost Flowbite close btn; add working
 Close btn in footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Flowbite Dialog component (which Drawer wraps internally) renders a
<CloseButton type='submit'> by default when dismissable=true. Since the
Drawer does not use the form/dialog mechanism, that button appeared at the
bottom of the drawer but did nothing. Fix: dismissable={false} on the cfg
Drawer suppresses it.

launcher_cfg.svelte footer redesigned:
- Lower-left: Close button (always visible) — mirrors top-right X, useful
  when the user has scrolled down through long config sections
- Lower-right: Reload (always visible, shorter label)
- Full-width Debug Panel button (edit_mode only, below the row)

Click-outside behavior unchanged — Flowbite Dialog outsideclose defaults
to true, so tapping outside the drawer still closes it.
---
 .../(launcher)/launcher/+layout.svelte        |  1 +
 .../[event_id]/(launcher)/launcher_cfg.svelte | 27 +++++++++++++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
index e141a736..a39fe272 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
@@ -874,6 +874,7 @@
 </div>
 
 <Drawer
+    dismissable={false}
     class="bg-orange-50 dark:bg-slate-800 opacity-90 hover:opacity-97 transition-all duration-300 border border-gray-300 dark:border-gray-600 w-full md:w-96 lg:w-[32rem]"
     placement="left"
     {...{
diff --git a/src/routes/events/[event_id]/(launcher)/launcher_cfg.svelte b/src/routes/events/[event_id]/(launcher)/launcher_cfg.svelte
index c03f35bf..a9597a6c 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher_cfg.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher_cfg.svelte
@@ -216,28 +216,39 @@
         class="w-full flex flex-col gap-2 border-t border-surface-500/20 pt-4 mt-auto"
     >
         <div class="grid grid-cols-2 gap-2">
+            <!-- Close button — always visible in lower-left as a second dismissal point.
+                 Useful in kiosk/iframe mode where the top-right close btn may scroll out of view. -->
             <button
                 type="button"
-                onclick={() =>
-                    ($events_loc.launcher.hide_drawer__debug = false)}
-                class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500 transition-all"
-                class:hidden={!$ae_loc.edit_mode}
+                onclick={() => ($events_loc.launcher.hide_drawer__cfg = true)}
+                class="btn btn-sm preset-tonal-surface hover:preset-filled-surface-500 transition-all"
             >
-                <span class="fas fa-bug mr-2"></span>
-                Debug Panel
+                <span class="fas fa-times mr-2"></span>
+                Close
             </button>
 
             <button
                 type="button"
                 onclick={() => location.reload()}
                 class="btn btn-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition-all"
-                class:col-span-2={!$ae_loc.edit_mode}
             >
                 <span class="fas fa-sync-alt mr-2"></span>
-                Reload Page
+                Reload
             </button>
         </div>
 
+        {#if $ae_loc.edit_mode}
+            <button
+                type="button"
+                onclick={() =>
+                    ($events_loc.launcher.hide_drawer__debug = false)}
+                class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500 transition-all w-full"
+            >
+                <span class="fas fa-bug mr-2"></span>
+                Debug Panel
+            </button>
+        {/if}
+
         <p
             class="text-[9px] text-center opacity-40 uppercase font-bold tracking-widest mt-2"
         >