readme updates

Author: shubhammalhotra28

README.md

@@ -6,7 +6,7 @@ A minimal React + TypeScript starter app demonstrating **on-device AI in the bro
 
 | Tab | What it does |
 |-----|-------------|
-| **Chat** | Stream text from an on-device LLM (SmolLM2 360M) |
+| **Chat** | Stream text from an on-device LLM (LFM2 350M) |
 | **Vision** | Point your camera and describe what the VLM sees (LFM2-VL 450M) |
 | **Voice** | Speak naturally — VAD detects speech, STT transcribes, LLM responds, TTS speaks back |
 
@@ -31,9 +31,10 @@ Open [http://localhost:5173](http://localhost:5173). Models are downloaded on fi
 The app imports everything from `@runanywhere/web`:
 
 ```typescript
-import { RunAnywhere, TextGeneration, VLMWorkerBridge } from '@runanywhere/web';
+import { RunAnywhere, SDKEnvironment } from '@runanywhere/web';
+import { TextGeneration, VLMWorkerBridge } from '@runanywhere/web-llamacpp';
 
-await RunAnywhere.initialize({ environment: 'development' });
+await RunAnywhere.initialize({ environment: SDKEnvironment.Development });
 
 // Stream LLM text
 const { stream } = await TextGeneration.generateStream('Hello!', { maxTokens: 200 });

src/components/VisionTab.tsx

@@ -39,19 +39,37 @@ export function VisionTab() {
   const startCamera = useCallback(async () => {
     if (captureRef.current?.isCapturing) return;
 
-    const cam = new VideoCapture({ facingMode: 'environment' });
-    await cam.start();
-    captureRef.current = cam;
-
-    const mount = videoMountRef.current;
-    if (mount) {
-      const el = cam.videoElement;
-      el.style.width = '100%';
-      el.style.borderRadius = '12px';
-      mount.appendChild(el);
-    }
+    setError(null);
+
+    try {
+      const cam = new VideoCapture({ facingMode: 'environment' });
+      await cam.start();
+      captureRef.current = cam;
+
+      const mount = videoMountRef.current;
+      if (mount) {
+        const el = cam.videoElement;
+        el.style.width = '100%';
+        el.style.borderRadius = '12px';
+        mount.appendChild(el);
+      }
 
-    setCameraActive(true);
+      setCameraActive(true);
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+
+      if (msg.includes('NotAllowed') || msg.includes('Permission')) {
+        setError(
+          'Camera permission denied. On macOS, check System Settings → Privacy & Security → Camera and ensure your browser is allowed.',
+        );
+      } else if (msg.includes('NotFound') || msg.includes('DevicesNotFound')) {
+        setError('No camera found on this device.');
+      } else if (msg.includes('NotReadable') || msg.includes('TrackStartError')) {
+        setError('Camera is in use by another application.');
+      } else {
+        setError(`Camera error: ${msg}`);
+      }
+    }
   }, []);
 
   // Cleanup on unmount