feat: Add real-time IO/interlock updates, HW status display, and history page

- Implement real-time IO value updates via IOValueChanged event
- Add interlock toggle and real-time interlock change events
- Fix ToggleLight to check return value of DIO.SetRoomLight
- Add HW status display in Footer matching WinForms HWState
- Implement GetHWStatus API and 250ms broadcast interval
- Create HistoryPage React component for work history viewing
- Add GetHistoryData API for database queries
- Add date range selection, search, filter, and CSV export
- Add History button in Header navigation
- Add PickerMoveDialog component for manage operations
- Fix DataSet column names (idx, PRNATTACH, PRNVALID, qtymax)

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

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

FrontEnd/components/FunctionMenu.tsx

@@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import { Package, X, ChevronRight } from 'lucide-react';
 import { comms } from '../communication';
 import { useAlert } from '../contexts/AlertContext';
+import { usePickerMove } from '../App';
 
 interface FunctionMenuProps {
     isOpen: boolean;
@@ -12,6 +13,7 @@ export const FunctionMenu: React.FC<FunctionMenuProps> = ({ isOpen, onClose }) =
     const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null);
     const menuRef = useRef<HTMLDivElement>(null);
     const { showAlert } = useAlert();
+    const { openPickerMove } = usePickerMove();
 
     useEffect(() => {
         const handleClickOutside = (event: MouseEvent) => {
@@ -29,8 +31,6 @@ export const FunctionMenu: React.FC<FunctionMenuProps> = ({ isOpen, onClose }) =
         };
     }, [isOpen, onClose]);
 
-    if (!isOpen) return null;
-
     const handleCommand = async (commandFn: () => Promise<{ success: boolean; message: string }>, actionName: string) => {
         try {
             const result = await commandFn();
@@ -55,6 +55,8 @@ export const FunctionMenu: React.FC<FunctionMenuProps> = ({ isOpen, onClose }) =
     };
 
     return (
+    <>
+        {isOpen && (
         <div
             ref={menuRef}
             className="absolute top-20 left-1/2 -translate-x-1/2 z-50 bg-black/95 backdrop-blur-md border border-neon-blue/50 rounded-lg shadow-glow-blue min-w-[300px]"
@@ -77,7 +79,12 @@ export const FunctionMenu: React.FC<FunctionMenuProps> = ({ isOpen, onClose }) =
             <div className="p-2">
                 {/* Manage */}
                 <button
-                    onClick={() => handleCommand(() => comms.openManage(), 'Manage')}
+                    onClick={async () => {
+                        const success = await openPickerMove();
+                        if (success) {
+                            onClose();
+                        }
+                    }}
                     className="w-full flex items-center justify-between px-4 py-3 text-left text-slate-300 hover:bg-neon-blue/10 hover:text-neon-blue rounded transition-colors font-tech"
                 >
                     <span>Manage</span>
@@ -136,5 +143,7 @@ export const FunctionMenu: React.FC<FunctionMenuProps> = ({ isOpen, onClose }) =
                 </div>
             </div>
         </div>
+        )}
+    </>
     );
 };