feat(Sky): Add OTEL + PostHog telemetry bridges and streamline workbench loading

Implement build-baked telemetry for debug builds:
- Add OTELBridge.ts: PerformanceObserver capturing all `land:*` marks → OTLP/HTTP
- Add PostHogBridge.ts: Error tracking and analytics via CDN (tree-shaken in prod)
- Add TelemetryBridge.astro: Shared component loading both bridges for all workbenches

Refactor workbench loading to use performance.mark() instead of console.log:
- Browser.astro, BrowserTest.astro, Electron/Layout.astro, Mountain.astro
- Consistent `land:{workbench}:{stage}:{start|done|error}` naming
- Enables OTELBridge to capture complete boot sequence timing

Update Wind preload import paths:
- `@codeeditorland/wind/Target/Function/Install` → `@codeeditorland/wind/Target/Function/Install/Function/Install`

Enhance astro.config.ts build:
- Step 13: Copy built-in VS Code extensions from .build/extensions/
- PostHog build telemetry: sends step timings to analytics on build complete
- Vite proxy: OTLP /v1/traces → localhost:4318 for Jaeger/OTEL collector

BREAKING CHANGE: Wind preload import path changed; ensure Wind is rebuilt.

Author: NikolaRHristov

README.md

@@ -38,7 +38,7 @@ The UI Component Layer for `Land` 🏞️.
 
 Welcome to **Sky** 🌌, the declarative **UI component layer** of the
 **Land** 🏞️ Code Editor. Built with the **`Astro`** framework, `Sky` renders
-the user interface — editor, side bar, activity bar, status bar, and panels. It
+the user interface - editor, side bar, activity bar, status bar, and panels. It
 operates within the **`Tauri`** webview alongside `Wind`, consuming state and
 services from the `Wind` service layer to display and manage the editor's visual
 presentation.
@@ -74,7 +74,7 @@ presentation.
   through environment-based selection:
   - **A1 (Browser/BrowserProxy):** Browser-based workbench with optional service
     proxy.
-  - **A2 (Mountain — RECOMMENDED):** Browser workbench with Mountain-backed
+  - **A2 (Mountain - RECOMMENDED):** Browser workbench with Mountain-backed
     providers.
   - **A3 (Electron):** Electron workbench with polyfills for `VS Code`.
 - **Component Modularity:** Organized into Pages (routes), Workbenches
@@ -147,26 +147,26 @@ graph LR
     classDef mountain fill:#f0d0ff,stroke:#9b59b6,stroke-width:2px,color:#2c0050;
     classDef external fill:#ebebeb,stroke:#888,stroke-dasharray:5 5,color:#333;
 
-    subgraph "🌌 Sky — UI Component Layer (Tauri Webview)"
-        Pages["Pages — index, Browser, Electron, Mountain, Isolation"]:::sky
-        Workbenches["Workbench Components — Browser, Mountain, Default, NLS"]:::sky
-        WorkbenchImpl["Workbench Implementations — BrowserProxy/, Electron/"]:::sky
+    subgraph "🌌 Sky - UI Component Layer (Tauri Webview)"
+        Pages["Pages - index, Browser, Electron, Mountain, Isolation"]:::sky
+        Workbenches["Workbench Components - Browser, Mountain, Default, NLS"]:::sky
+        WorkbenchImpl["Workbench Implementations - BrowserProxy/, Electron/"]:::sky
     end
 
-    subgraph "🍃 Wind — Service Layer (Tauri Webview)"
-        PreloadJS["Preload.js — Environment Shim"]:::wind
+    subgraph "🍃 Wind - Service Layer (Tauri Webview)"
+        PreloadJS["Preload.js - Environment Shim"]:::wind
         WindServices["Wind Effect-TS Services"]:::wind
         TauriIntegrations["Wind/Tauri Integrations"]:::wind
     end
 
-    subgraph "📱 Tauri Shell & Mountain — Rust Backend"
+    subgraph "📱 Tauri Shell & Mountain - Rust Backend"
         TauriWindow["Tauri Window API"]:::tauri
         TauriEvents["Tauri Event System"]:::tauri
-        MountainCore["⛰️ Mountain — Rust Core"]:::mountain
+        MountainCore["⛰️ Mountain - Rust Core"]:::mountain
     end
 
     subgraph "📦 External"
-        VSCodeComponents["VS Code Core UI — @codeeditorland/output"]:::external
+        VSCodeComponents["VS Code Core UI - @codeeditorland/output"]:::external
     end
 
     Pages --> Workbenches

Source/Function/Markup/Base.astro

@@ -28,7 +28,7 @@ import Meta from "../Meta.astro";
 			// (resolves against http://localhost URL) instead of
 			// vscode-file:// URLs that WKWebView can't import().
 			globalThis._VSCODE_USE_RELATIVE_IMPORTS = true;
-			// esbuild __name helper — required by Dependency/out/ files loaded in
+			// esbuild __name helper - required by Dependency/out/ files loaded in
 			// extension host worker contexts that don't have their own __name definition.
 			if (typeof globalThis.__name === "undefined") {
 				Object.defineProperty(globalThis, "__name", {

Source/Function/SkyBridge.ts

@@ -61,7 +61,7 @@ function GetOrCreateChannel(Id: string, Name?: string): string[] {
 		// Announce channel creation to VS Code workbench output panel
 		const Wb = GetWorkbench();
 		if (Wb && Name) {
-			// Use logger as a lightweight sink — a real IOutputService integration
+			// Use logger as a lightweight sink - a real IOutputService integration
 			// requires AMD require('vs/workbench/services/output/common/output')
 			Wb.commands
 				.executeCommand("workbench.action.output.show")

Source/Workbench/Browser.astro

@@ -1,21 +1,19 @@
 ---
 import NLS from "./NLS.astro";
+import TelemetryBridge from "./TelemetryBridge.astro";
 ---
 
 <Fragment>
 	<NLS />
+	<TelemetryBridge />
 
-	<!-- VS Code Browser Workbench — loaded via inline script to bypass Vite bundling.
-	     /vs/ is served from Sky/Public/vs → Output/Target/Microsoft/VSCode/vs (symlink).
-	     Relative imports inside workbench.js (../../../base/...) resolve against /vs/. -->
 	<script is:inline type="module">
 		try {
+			performance.mark("land:browser:workbench:start");
 			await import("/vs/code/browser/workbench/workbench.js");
-		} catch (error) {
-			console.error(
-				"[Browser] Failed to load VS Code browser workbench:",
-				error,
-			);
+			performance.mark("land:browser:workbench:loaded");
+		} catch {
+			performance.mark("land:browser:workbench:error");
 		}
 	</script>
 </Fragment>

Source/Workbench/BrowserProxy/Layout.astro

@@ -24,10 +24,12 @@
 import { Astro } from "astro:global";
 
 import NLS from "../NLS.astro";
+import TelemetryBridge from "../TelemetryBridge.astro";
 ---
 
 <Fragment>
 	<NLS />
+	<TelemetryBridge />
 
 	<!-- Wind Preload Script - Required for VSCode workbench -->
 	<script type="module">

Source/Workbench/BrowserProxy/WindPreload.ts

@@ -1,31 +1,14 @@
 /**
- * browser-proxy-wind-preload.ts - Wind preload installation script for Browser Proxy
- *
- * This script installs the Wind preload polyfill which provides VSCode-compatible
- * globals (window.vscode, window.preloadGlobals) for the browser workbench.
+ * Wind preload for BrowserProxy workbench (A1).
+ * Zero console.* output. Tracing via performance.mark().
  */
 
-import Install from "@codeeditorland/wind/Target/Function/Install";
+import Install from "@codeeditorland/wind/Target/Function/Install/Function/Install";
 
-// Install the Wind preload polyfill (window.vscode globals)
-Install()
-	.then(() => {
-
-		// Verify preloadGlobals is available
-		if (window.preloadGlobals && window.preloadGlobals.process) {
-			const process = window.preloadGlobals.process;
-		} else {
-		}
-
-		// Verify window.vscode is available
-		if (window.vscode) {
-		} else {
-		}
-
-		// Verify Wind preload ready flag
-		if (window.__WIND_PRELOAD_READY__) {
-		} else {
-		}
-	})
-	.catch((error: unknown) => {
-	});
+try {
+	performance.mark("land:browserproxy:preload:start");
+	await Install();
+	performance.mark("land:browserproxy:preload:done");
+} catch {
+	performance.mark("land:browserproxy:preload:error");
+}

Source/Workbench/BrowserProxy/Workbench.ts

@@ -10,7 +10,7 @@ interface MountainProxyWindow extends Window {
 }
 
 try {
-	// Variable URL: Rollup only analyzes string literals — an identifier
+	// Variable URL: Rollup only analyzes string literals - an identifier
 	// reference is treated as truly dynamic and never resolved at build time.
 	const WorkbenchUrl = "/vs/code/browser/workbench/workbench.js";
 	await import(WorkbenchUrl);

Source/Workbench/BrowserTest.astro

@@ -1,94 +1,37 @@
 ---
 /**
  * BrowserTest.astro - Browser VSCode Workbench Test Page
- *
- * This page tests the browser-compatible VSCode workbench in the Tauri environment.
- * It's a diagnostic tool to verify if the browser workbench can load without
- * the vscode-file:// CSP error that the Electron workbench causes.
- *
- * Key differences from Default.astro:
- * - Uses browser workbench (vs/code/browser/workbench/workbench.js)
- * - Not Electron workbench (vs/code/electron-browser/workbench/workbench.js)
- *
- * Expected outcome:
- * - Browser workbench should load without vscode-file:// CSP errors
- * - Identifies what additional setup is needed (providers, IPC handlers, etc.)
- * - Informs whether to proceed with Approach A2 (browser workbench + Mountain providers)
+ * Diagnostic: tests browser workbench in Tauri without Electron polyfills.
  */
 
 import NLS from "./NLS.astro";
+import TelemetryBridge from "./TelemetryBridge.astro";
 ---
 
 <Fragment>
 	<NLS />
+	<TelemetryBridge />
 
-	<!-- Wind Preload Script - Required for VSCode workbench -->
 	<script type="module">
-		import Install from "@codeeditorland/wind/Target/Function/Install";
-
-		console.log(
-			"[BrowserTest] ===== Starting Wind preload installation =====",
-		);
-
-		// Install the Wind preload polyfill (window.vscode globals)
-		// This must run before VSCode workbench.js which expects window.vscode
-		Install()
-			.then(() => {
-				console.log(
-					"[BrowserTest] ✓ Wind preload installed successfully",
-				);
-
-				// Verify preloadGlobals is available
-				if (window.preloadGlobals && window.preloadGlobals.process) {
-					console.log(
-						"[BrowserTest] ✓ preloadGlobals.process is available",
-					);
-				} else {
-					console.warn(
-						"[BrowserTest] ⚠ preloadGlobals.process not available",
-					);
-				}
-
-				// Verify window.vscode is available
-				if (window.vscode) {
-					console.log("[BrowserTest] ✓ window.vscode is available");
-					console.log(
-						"[BrowserTest] ✓ Window.vscode methods:",
-						Object.keys(window.vscode || {}),
-					);
-				} else {
-					console.error(
-						"[BrowserTest] ✗ window.vscode not available",
-					);
-				}
-
-				console.log(
-					"[BrowserTest] ===== Wind preload installation complete =====",
-				);
-			})
-			.catch(
-				/** @param {any} _error */ (_error) => {
-					console.error("[BrowserTest] ✗ Wind preload install error");
-				},
+		performance.mark("land:browsertest:preload:start");
+		try {
+			const { default: Install } = await import(
+				"@codeeditorland/wind/Target/Function/Install/Function/Install"
 			);
+			await Install();
+			performance.mark("land:browsertest:preload:done");
+		} catch {
+			performance.mark("land:browsertest:preload:error");
+		}
 	</script>
 
-	<!-- Browser Workbench Script — is:inline bypasses Vite bundling entirely -->
 	<script is:inline type="module">
 		try {
+			performance.mark("land:browsertest:workbench:start");
 			await import("/vs/code/browser/workbench/workbench.js");
-			console.log(
-				"[BrowserTest] ===== Loading browser VSCode workbench =====",
-			);
-			console.log(
-				"[BrowserTest] ✓ Browser workbench script loaded successfully",
-			);
-		} catch (error) {
-			console.error(
-				"[BrowserTest] Failed to load VS Code browser workbench:",
-				error,
-			);
+			performance.mark("land:browsertest:workbench:loaded");
+		} catch {
+			performance.mark("land:browsertest:workbench:error");
 		}
-		console.log("[BrowserTest] ===== Workbench load attempted =====");
 	</script>
 </Fragment>

Source/Workbench/Electron/Layout.astro

@@ -3,38 +3,35 @@
  * Electron Workbench Layout (Approach A3)
  *
  * Scripts must load sequentially:
- * 1. Wind Preload (Install) — sets window.vscode, process globals
- * 2. Polyfills — augments process/fs/ipc (depends on #1)
- * 3. Bootstrap — Effect-TS service init (depends on #1)
- * 4. Workbench — loads electron-browser/workbench.js (depends on #1-3)
+ * 1. Wind Preload (Install) - sets window.vscode, process globals
+ * 2. Polyfills - augments process/fs/ipc (depends on #1)
+ * 3. Bootstrap - Effect-TS service init (depends on #1)
+ * 4. Workbench - loads electron-browser/workbench.js (depends on #1-3)
  *
  * All four are chained in a single <script type="module"> so that
  * each `await import()` completes before the next begins.
  */
 
 import NLS from "../NLS.astro";
+import TelemetryBridge from "../TelemetryBridge.astro";
 ---
 
 <Fragment>
 	<NLS />
+	<TelemetryBridge />
 
 	<!-- Sequential: Preload → Polyfills → Bootstrap → Workbench -->
 	<script type="module">
-		// 0. OTEL Bridge — PerformanceObserver for land:* marks → OTLP/HTTP
-		//    Build-baked: included in dev, tree-shaken in prod.
-		//    Catches all marks (buffered:true) including those from steps 1-4.
-		import "./OTELBridge.js";
-
-		// 1. Wind Preload — must complete first (sets window.vscode)
+		// 1. Wind Preload - must complete first (sets window.vscode)
 		await import("./WindPreload.js");
 
-		// 2. Electron API Polyfills — depends on Wind process globals
+		// 2. Electron API Polyfills - depends on Wind process globals
 		await import("./Polyfills.js");
 
-		// 3. Wind Effect-TS Bootstrap — depends on preload
+		// 3. Wind Effect-TS Bootstrap - depends on preload
 		await import("./Bootstrap.js");
 
-		// 4. Electron Workbench — depends on everything above
+		// 4. Electron Workbench - depends on everything above
 		await import("./Workbench.js");
 	</script>
 </Fragment>