feat(protocol): add shared WebSocket contract package

apps/vela-ui/package.json

@@ -10,10 +10,11 @@
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json"
   },
-  "dependencies": {
-    "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.17.1",
-    "svelte": "^5.19.5"
+	"dependencies": {
+		"@vela/protocol": "0.0.0",
+		"@sveltejs/adapter-auto": "^3.3.1",
+		"@sveltejs/kit": "^2.17.1",
+		"svelte": "^5.19.5"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^5.0.3",

apps/vela-ui/src/routes/+page.svelte

@@ -7,8 +7,14 @@
 </svelte:head>
 
 <script>
+	import {
+		CLIENT_EVENT_TYPES,
+		PROTOCOL_PACKAGE_NAME,
+		SERVER_EVENT_TYPES
+	} from '@vela/protocol';
+
 	const appStatus = 'Bootstrapped';
-	const nextFocus = 'Wire the voice session contract to the gateway.';
+	const nextFocus = `Build the voice session shell on top of ${PROTOCOL_PACKAGE_NAME}.`;
 </script>
 
 <div class="page">
@@ -20,6 +26,11 @@
 			streaming session UI will be added in later increments.
 		</p>
 
+		<p class="contract-note">
+			Shared protocol package loaded with {CLIENT_EVENT_TYPES.length} client event types and
+			{SERVER_EVENT_TYPES.length} server event types.
+		</p>
+
 		<div class="meta">
 			<div>
 				<span>Status</span>
@@ -76,6 +87,10 @@
 		color: #c7d6e8;
 	}
 
+	.contract-note {
+		margin-top: 1rem;
+	}
+
 	.meta {
 		margin-top: 1.5rem;
 		display: grid;