Refactor data fetching architecture from centralized App state to
component-local data management for improved maintainability and
data freshness guarantees.
Changes:
- SettingsModal: Fetch config data on modal open
- RecipePanel: Fetch recipe list on panel open
- IOMonitorPage: Fetch IO list on page mount with real-time updates
- Remove unnecessary props drilling through component hierarchy
- Simplify App.tsx by removing centralized config/recipes state
New feature:
- Add InitializeModal for sequential axis initialization (X, Y, Z)
- Each axis initializes with 3-second staggered start
- Progress bar animation for each axis
- Auto-close on completion
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Backend changes (C#):
- Add CopyRecipe method to MachineBridge
- Generates new GUID for copied recipe
- Returns new recipe with current timestamp
- Add DeleteRecipe method to MachineBridge
- Prevents deletion of currently selected recipe
- Returns success/failure status
- Add COPY_RECIPE and DELETE_RECIPE handlers in WebSocketServer
Frontend changes (React/TypeScript):
- Add CopyRecipe and DeleteRecipe to Window interface types
- Add copyRecipe and deleteRecipe methods to communication layer
- Implement handleCopy in RecipePage
- Prompts user for new name
- Adds copied recipe to list
- Selects newly copied recipe
- Implement handleDelete in RecipePage
- Shows confirmation dialog
- Removes recipe from list
- Selects next available recipe
- Connect Copy and Delete buttons with handlers
- Disable buttons when no recipe is selected
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Import RecipePage component in App.tsx
- Register /recipe route in HashRouter
- RecipePage now accessible from RecipePanel MANAGEMENT button
Features available on /recipe page:
- Recipe list with selection
- Recipe editor with name, description, process time, temperature
- Back button to return to main page
- Add/Copy/Delete buttons (UI only, backend TBD)
- Save changes button (mock implementation)
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Update Window interface in types.ts to include SelectRecipe method
- Change chrome and webview to optional properties (chrome?, webview?)
- Add non-null assertions (!) to all window.chrome.webview accesses
- Remove LoadRecipe (replaced with SelectRecipe)
- Fix TypeScript strict null checking errors
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Implement WebView2-based HMI frontend with React + TypeScript + Vite
- Add C# .NET backend with WebSocket communication layer
- Separate UI components into modular structure:
* RecipePanel: Recipe selection and management
* IOPanel: I/O monitoring and control (32 inputs/outputs)
* MotionPanel: Servo control for X/Y/Z axes
* CameraPanel: Vision system feed with HUD overlay
* SettingsModal: System configuration management
- Create reusable UI components (CyberPanel, TechButton, PanelHeader)
- Implement dual-mode communication (WebView2 native + WebSocket fallback)
- Add 3D visualization with Three.js/React Three Fiber
- Fix JSON parsing bug in configuration save handler
- Include comprehensive .gitignore for .NET and Node.js projects
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
