Refactor camera management to conditionally import SDK and handle mock mode; update API base URL references to localhost in documentation and code.

camera-management-api/ai_agent/guides/AI_INTEGRATION_GUIDE.md

@@ -7,14 +7,14 @@ This guide is specifically designed for AI assistants to understand and implemen
 The USDA Vision Camera system provides live video streaming through REST API endpoints. The streaming uses MJPEG format which is natively supported by HTML `<img>` tags and can be easily integrated into React components.
 
 ### Key Characteristics:
-- **Base URL**: `http://vision:8000` (production) or `http://localhost:8000` (development)
+- **Base URL**: `http://localhost:8000` (production) or `http://localhost:8000` (development)
 - **Stream Format**: MJPEG (Motion JPEG)
 - **Content-Type**: `multipart/x-mixed-replace; boundary=frame`
 - **Authentication**: None (add if needed for production)
 - **CORS**: Enabled for all origins (configure for production)
 
 ### Base URL Configuration:
-- **Production**: `http://vision:8000` (requires hostname setup)
+- **Production**: `http://localhost:8000` (requires hostname setup)
 - **Development**: `http://localhost:8000` (local testing)
 - **Custom IP**: `http://192.168.1.100:8000` (replace with actual IP)
 - **Custom hostname**: Configure DNS or /etc/hosts as needed
@@ -77,7 +77,7 @@ GET /cameras/{camera_name}/stream
 ```jsx
 import React, { useState, useEffect } from 'react';
 
-const CameraStream = ({ cameraName, apiBaseUrl = 'http://vision:8000' }) => {
+const CameraStream = ({ cameraName, apiBaseUrl = 'http://localhost:8000' }) => {
   const [isStreaming, setIsStreaming] = useState(false);
   const [error, setError] = useState(null);
   const [loading, setLoading] = useState(false);
@@ -227,7 +227,7 @@ export default CameraStream;
 import React, { useState, useEffect } from 'react';
 import CameraStream from './CameraStream';
 
-const CameraDashboard = ({ apiBaseUrl = 'http://vision:8000' }) => {
+const CameraDashboard = ({ apiBaseUrl = 'http://localhost:8000' }) => {
   const [cameras, setCameras] = useState({});
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -315,7 +315,7 @@ export default CameraDashboard;
 ```jsx
 import { useState, useEffect, useCallback } from 'react';
 
-const useCameraStream = (cameraName, apiBaseUrl = 'http://vision:8000') => {
+const useCameraStream = (cameraName, apiBaseUrl = 'http://localhost:8000') => {
   const [isStreaming, setIsStreaming] = useState(false);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -451,7 +451,7 @@ const CameraStreamTailwind = ({ cameraName }) => {
 ### Environment Variables (.env)
 ```env
 # Production configuration (using 'vision' hostname)
-REACT_APP_CAMERA_API_URL=http://vision:8000
+REACT_APP_CAMERA_API_URL=http://localhost:8000
 REACT_APP_STREAM_REFRESH_INTERVAL=30000
 REACT_APP_STREAM_TIMEOUT=10000
 
@@ -465,7 +465,7 @@ REACT_APP_STREAM_TIMEOUT=10000
 ### API Configuration
 ```javascript
 const apiConfig = {
-  baseUrl: process.env.REACT_APP_CAMERA_API_URL || 'http://vision:8000',
+  baseUrl: process.env.REACT_APP_CAMERA_API_URL || 'http://localhost:8000',
   timeout: parseInt(process.env.REACT_APP_STREAM_TIMEOUT) || 10000,
   refreshInterval: parseInt(process.env.REACT_APP_STREAM_REFRESH_INTERVAL) || 30000,
 };

camera-management-api/ai_agent/references/api-endpoints.http

@@ -3,18 +3,18 @@
 #
 # CONFIGURATION:
 # - Default Base URL: http://localhost:8000 (local development)
-# - Production Base URL: http://vision:8000 (when using hostname 'vision')
+# - Production Base URL: http://localhost:8000 (when using hostname 'vision')
 # - Custom hostname: Update @baseUrl variable below
 #
 # HOSTNAME SETUP:
 # To use 'vision' hostname instead of 'localhost':
 # 1. Add to /etc/hosts: 127.0.0.1 vision
 # 2. Or configure DNS to point 'vision' to the server IP
-# 3. Update camera_preview.html: API_BASE = 'http://vision:8000'
+# 3. Update camera_preview.html: API_BASE = 'http://localhost:8000'
 ###############################################################################
 
 # Base URL Configuration - Change this to match your setup
-@baseUrl = http://vision:8000
+@baseUrl = http://localhost:8000
 # Alternative configurations:
 # @baseUrl = http://localhost:8000        # Local development
 # @baseUrl = http://192.168.1.100:8000    # Specific IP address
@@ -30,8 +30,8 @@
 # - Requires hostname resolution setup
 # - Add to /etc/hosts: 127.0.0.1 vision
 # - Or configure DNS: vision -> server IP address
-# - Update camera_preview.html: API_BASE = 'http://vision:8000'
-# - Set @baseUrl = http://vision:8000
+# - Update camera_preview.html: API_BASE = 'http://localhost:8000'
+# - Set @baseUrl = http://localhost:8000
 
 # Option 2: Using localhost (development)
 # - Works immediately on local machine

camera-management-api/ai_agent/references/camera-api.types.ts

@@ -16,7 +16,7 @@ export interface ApiConfig {
 }
 
 export const defaultApiConfig: ApiConfig = {
-  baseUrl: 'http://vision:8000',  // Production default, change to 'http://localhost:8000' for development
+  baseUrl: 'http://localhost:8000',  // Production default, change to 'http://localhost:8000' for development
   timeout: 10000,
   refreshInterval: 30000,
 };

camera-management-api/ai_agent/references/streaming-api.http

@@ -1,7 +1,7 @@
 ### USDA Vision Camera Streaming API
 ###
 ### CONFIGURATION:
-### - Production: http://vision:8000 (requires hostname setup)
+### - Production: http://localhost:8000 (requires hostname setup)
 ### - Development: http://localhost:8000
 ### - Custom: Update @baseUrl below to match your setup
 ###
@@ -9,7 +9,7 @@
 ### Use with VS Code REST Client extension or similar tools.
 
 # Base URL - Update to match your configuration
-@baseUrl = http://vision:8000
+@baseUrl = http://localhost:8000
 # Alternative: @baseUrl = http://localhost:8000
 
 ### =============================================================================