feat: Add vision controls, function menu, and custom alert dialogs

- Add Vision menu with Camera (QRCode) and Barcode (Keyence) controls
- Add Function menu with Manage, Log Viewer, and folder navigation
- Add quick action buttons (Manual, Light, Print, Cancel) to header
- Replace browser alert() with custom AlertDialog component
- Add MachineBridge methods for vision, lighting, folders, and manual operations
- Add WebSocketServer handlers for all new commands
- Add communication layer methods for frontend-backend integration

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

FrontEnd/App.tsx

@@ -6,6 +6,7 @@ import { IOMonitorPage } from './pages/IOMonitorPage';
 import { RecipePage } from './pages/RecipePage';
 import { SystemState, Recipe, IOPoint, LogEntry, RobotTarget, ConfigItem } from './types';
 import { comms } from './communication';
+import { AlertProvider } from './contexts/AlertContext';
 
 // --- MOCK DATA ---
 
@@ -187,52 +188,55 @@ export default function App() {
   };
 
   return (
-    <HashRouter>
-      <Layout
-        currentTime={currentTime}
-        isHostConnected={isHostConnected}
-        robotTarget={robotTarget}
-        onTabChange={setActiveTab}
-        activeTab={activeTab}
-        isLoading={isLoading}
-      >
-        <Routes>
-          <Route
-            path="/"
-            element={
-              <HomePage
-                systemState={systemState}
-                currentRecipe={currentRecipe}
-                robotTarget={robotTarget}
-                logs={logs}
-                ioPoints={ioPoints}
-                doorStates={doorStates}
-                isLowPressure={isLowPressure}
-                isEmergencyStop={isEmergencyStop}
-                activeTab={activeTab}
-                onSelectRecipe={handleSelectRecipe}
-                onMove={moveAxis}
-                onControl={handleControl}
-                onSaveConfig={handleSaveConfig}
-                onCloseTab={() => setActiveTab(null)}
-                videoRef={videoRef}
-              />
-            }
-          />
-          <Route
-            path="/io-monitor"
-            element={
-              <IOMonitorPage
-                onToggle={toggleIO}
-              />
-            }
-          />
-          <Route
-            path="/recipe"
-            element={<RecipePage />}
-          />
-        </Routes>
-      </Layout>
-    </HashRouter>
+    <AlertProvider>
+      <HashRouter>
+        <Layout
+          currentTime={currentTime}
+          isHostConnected={isHostConnected}
+          robotTarget={robotTarget}
+          onTabChange={setActiveTab}
+          activeTab={activeTab}
+          isLoading={isLoading}
+        >
+          <Routes>
+            <Route
+              path="/"
+              element={
+                <HomePage
+                  systemState={systemState}
+                  currentRecipe={currentRecipe}
+                  robotTarget={robotTarget}
+                  logs={logs}
+                  ioPoints={ioPoints}
+                  doorStates={doorStates}
+                  isLowPressure={isLowPressure}
+                  isEmergencyStop={isEmergencyStop}
+                  isHostConnected={isHostConnected}
+                  activeTab={activeTab}
+                  onSelectRecipe={handleSelectRecipe}
+                  onMove={moveAxis}
+                  onControl={handleControl}
+                  onSaveConfig={handleSaveConfig}
+                  onCloseTab={() => setActiveTab(null)}
+                  videoRef={videoRef}
+                />
+              }
+            />
+            <Route
+              path="/io-monitor"
+              element={
+                <IOMonitorPage
+                  onToggle={toggleIO}
+                />
+              }
+            />
+            <Route
+              path="/recipe"
+              element={<RecipePage />}
+            />
+          </Routes>
+        </Layout>
+      </HashRouter>
+    </AlertProvider>
   );
 }