fix: auto-fill ports for default selected template on page load

Problem:
- When create studio page loads, first template is selected by default
- But port mappings are not auto-filled for this default template
- User has to manually change template to trigger port auto-fill
- vscode-single-select component needs time to initialize

Solution:
- Add setTimeout (100ms) to wait for component initialization
- Retry after 200ms if component value not ready on first check
- Ensures initial template change event fires after DOM is ready
- Auto-fills default ports and expands Advanced Options on page load

Now users immediately see the default template's port configuration
without needing to manually change the template selection.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: andystime

vscode-extension/src/views/createStudioPanel.ts

@@ -479,11 +479,23 @@ export class CreateStudioPanel {
                     }
                 });
 
-                // Trigger initial template info display
-                const initialTemplate = document.getElementById('template').value;
-                if (initialTemplate) {
-                    document.getElementById('template').dispatchEvent(new Event('change'));
-                }
+                // Trigger initial template info display after component initialization
+                // Use setTimeout to ensure vscode-single-select component is fully initialized
+                setTimeout(() => {
+                    const templateSelect = document.getElementById('template');
+                    const initialTemplate = templateSelect.value;
+                    if (initialTemplate) {
+                        templateSelect.dispatchEvent(new Event('change'));
+                    } else {
+                        // If no value yet, wait a bit longer and try again
+                        setTimeout(() => {
+                            const retryTemplate = templateSelect.value;
+                            if (retryTemplate) {
+                                templateSelect.dispatchEvent(new Event('change'));
+                            }
+                        }, 200);
+                    }
+                }, 100);
 
                 document.getElementById('create-btn').addEventListener('click', () => {
                     const name = document.getElementById('name').value;