diff --git a/packages/sdk/index.html b/packages/sdk/index.html
index dcc9b62..2d5f948 100644
--- a/packages/sdk/index.html
+++ b/packages/sdk/index.html
@@ -418,6 +418,11 @@ <h3>Console Logs</h3>
             processedVideo: document.getElementById('processed-video')
         };
         
+        // Pre-populate API key from environment variable if available
+        if (import.meta.env.VITE_DECART_API_KEY) {
+            elements.apiKey.value = import.meta.env.VITE_DECART_API_KEY;
+        }
+
         // Logging system
         function addLog(message, type = 'info') {
             const timestamp = new Date().toLocaleTimeString();
@@ -574,10 +579,10 @@ <h3>Console Logs</h3>
         
         // Disconnect
         elements.disconnectBtn.addEventListener('click', () => {
-            if (decartClient) {
+            if (decartRealtime) {
                 addLog('Disconnecting from Decart...', 'info');
-                // Note: The SDK doesn't seem to have a disconnect method, 
-                // so we'll just reset our state
+                decartRealtime.disconnect();
+                decartRealtime = null;
                 decartClient = null;
             }