From 19e765058deca4a18821b9fa586c0dc9fb791d0f Mon Sep 17 00:00:00 2001
From: Vantz Stockwell <vstockwell@predator-mini.local>
Date: Fri, 13 Mar 2026 08:52:18 -0400
Subject: [PATCH] fix: remove extra </div> from Teleport removal in
 HostEditDialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mismatched div count was silently breaking the component in
production builds. 18 opens, 19 closes → now 18/18.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/components/connections/HostEditDialog.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/components/connections/HostEditDialog.vue b/frontend/components/connections/HostEditDialog.vue
index aff5753..a34193d 100644
--- a/frontend/components/connections/HostEditDialog.vue
+++ b/frontend/components/connections/HostEditDialog.vue
@@ -139,10 +139,9 @@ async function save() {
 </script>
 
 <template>
-  <Teleport to="body">
-    <div v-if="visible" class="fixed inset-0 z-50 flex items-center justify-center">
-      <!-- Backdrop -->
-      <div class="absolute inset-0 bg-black/60" @click="close" />
+  <div v-if="visible" class="fixed inset-0 z-[9999] flex items-center justify-center">
+    <!-- Backdrop -->
+    <div class="absolute inset-0 bg-black/70" @click="close" />
       <!-- Dialog -->
       <div class="relative bg-gray-900 border border-gray-700 rounded-lg shadow-xl w-[480px] max-h-[90vh] overflow-y-auto">
         <!-- Header -->
@@ -248,6 +247,5 @@ async function save() {
           </button>
         </div>
       </div>
-    </div>
-  </Teleport>
+  </div>
 </template>