From 8c1a87ded0ce0c43c730f5140a78c1408cc5526e Mon Sep 17 00:00:00 2001
From: LGram16 <tindevil82@gmail.com>
Date: Mon, 24 Nov 2025 23:27:02 +0900
Subject: [PATCH] feat: Add recipe management page routing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 frontend/App.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/App.tsx b/frontend/App.tsx
index 1cac6cf..ee1da5e 100644
--- a/frontend/App.tsx
+++ b/frontend/App.tsx
@@ -3,6 +3,7 @@ import { HashRouter, Routes, Route } from 'react-router-dom';
 import { Layout } from './components/layout/Layout';
 import { HomePage } from './pages/HomePage';
 import { IOMonitorPage } from './pages/IOMonitorPage';
+import { RecipePage } from './pages/RecipePage';
 import { SystemState, Recipe, IOPoint, LogEntry, RobotTarget, ConfigItem } from './types';
 import { comms } from './communication';
 
@@ -246,6 +247,10 @@ export default function App() {
               />
             }
           />
+          <Route
+            path="/recipe"
+            element={<RecipePage />}
+          />
         </Routes>
       </Layout>
     </HashRouter>