Add webview-based wizard UI with sidebar icon and navigation controls

[Copilot]

Adds a visual multi-step wizard as an alternative to the command-palette flow. Users can now launch the wizard from a sidebar icon and navigate through steps using Previous/Next/Complete buttons.

Implementation

Webview Provider (WizardWebviewProvider.ts - 1,120 lines)

• 8-step wizard with embedded HTML/CSS/JS
• Message-based architecture for webview ↔ extension communication
• Step validation and state management
• Dynamic data loading (databases, providers, data sources, tables)
• Integrates with existing VirtualizationWizard backend via public methods

Sidebar Integration (WizardViewProvider.ts)

• Activity bar icon with custom SVG (database stack)
• Tree view provider for wizard launch
• New commands: openWizardWebview, refreshView

Architecture

// Webview handles UI, delegates to existing wizard for logic
private async _executeWizard() {
    const provider = this._wizard['provider'];
    const detectedSchema = await provider.detectSchema(remote, dataSource);
    const script = provider.generateCreateScript(item, detectedSchema, dataSource, schema);
    await provider.cleanupDiscoveryTables();
}

Changes to Existing Code

• Made VirtualizationWizard.GetMSSQLAPI() and EnsureSchemaExists() public
• Added view container and commands to package.json
• Original command-palette wizard preserved for backward compatibility

UI Flow

1. Connection (native MSSQL dialog) → 2. Database → 3. Provider (MSSQL/MariaDB/Oracle) → 4. Schema → 5. Data Source → 6. External Databases (multi-select) → 7. Tables/Views (multi-select) → 8. Generate

Progress indicator shows "Step X of 8" throughout. All form fields validate before allowing progression. Previous button enabled after step 1.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.