Close config when clicking outside

pvcweb-vue/src/components/ConfigPanel.vue

@@ -1,6 +1,14 @@
 <template>
+  <div>
+    <!-- Overlay that captures clicks outside the panel -->
+    <div 
+      v-if="modelValue" 
+      class="config-overlay"
+      @click="closePanel"
+    ></div>
+    
     <div class="config-panel" :class="{ 'open': modelValue }">
-    <div class="config-content">
+      <div class="config-content" @click.stop>
         <h3>Configuration</h3>
         <form @submit.prevent="saveConfig">
           <div class="mb-3">
@@ -47,6 +55,7 @@
         </form>
       </div>
     </div>
+  </div>
 </template>
 
 <script setup>
@@ -81,6 +90,16 @@ const closePanel = () => {
 </script>
 
 <style scoped>
+.config-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 999;
+}
+
 .config-panel {
   position: fixed;
   top: 0;