Update RemoteDesktopModal.vue

packages/frontend/src/components/RemoteDesktopModal.vue

@@ -156,7 +156,7 @@ const connectRdp = async (useInputValues = false) => {
       disconnectRdp();
     };
 
-    guacClient.value.connect();
+    guacClient.value.connect(''); // Keep the '' change
 
   } catch (error: any) {
     statusMessage.value = `${t('remoteDesktopModal.errors.connectionFailed')}: ${error.response?.data?.message || error.message || String(error)}`;
@@ -290,9 +290,8 @@ watch(() => props.connection, (newConnection, oldConnection) => {
 });
 
 </script>
-
 <template>
-<div class="fixed inset-0 z-50 flex items-center justify-center bg-overlay p-4 backdrop-blur-sm">
+  <div class="fixed inset-0 z-50 flex items-center justify-center bg-overlay p-4 backdrop-blur-sm">
      <div
         :style="modalStyle"
         class="bg-background text-foreground rounded-lg shadow-xl max-w-6xl max-h-[90vh] flex flex-col overflow-hidden border border-border"
@@ -375,19 +374,18 @@ watch(() => props.connection, (newConnection, oldConnection) => {
          </div>
        </div>
     </div>
-</div>
+  </div>
 </template>
-
 <style scoped>
 .rdp-display-container {
-overflow: hidden;
+  overflow: hidden;
-position: relative;
+  position: relative;
 }
 
 .rdp-display-container :deep(div) {
 }
 
 .rdp-display-container :deep(canvas) {
-z-index: 999;
+  z-index: 999;
 }
 </style>