fixes

app.py

@@ -1,21 +1,37 @@
 import gradio as gr
 
-# ---------------- STYLES ----------------
-css = """
-body {background-color:#0f172a;}
-.gradio-container {font-family: Arial;}
-"""
+# ===============================
+# FUNCTIONS
+# ===============================
 
-# ---------------- FUNCTIONS ----------------
 def monitor(image):
+    if image is None:
+        return None, "Waiting for camera..."
     status = "SAFE ✅"
     return image, status
 
+
 def grocery_calc(protein_goal):
-    return f"Estimated Intake: 62g / {protein_goal}g"
+    current = 62  # demo value
+    return f"Estimated Protein Intake: {current}g / {protein_goal}g"
+
 
-# ---------------- APP ----------------
-with gr.Blocks(css=css, title="Kitchen AI Dashboard") as demo:
+# ===============================
+# CUSTOM CSS
+# ===============================
+
+css = """
+body {
+    background-color: #0f172a;
+    color: white;
+}
+"""
+
+# ===============================
+# UI
+# ===============================
+
+with gr.Blocks(title="Kitchen AI Dashboard") as demo:
 
     gr.Markdown("# 🍳 AI Kitchen Safety & Smart Grocery Dashboard")
 
@@ -28,71 +44,111 @@ with gr.Blocks(css=css, title="Kitchen AI Dashboard") as demo:
             overview_btn = gr.Button("Overview")
             monitor_btn = gr.Button("Live Monitor")
             grocery_btn = gr.Button("Smart Grocery")
-            model_btn = gr.Button("Model Details")
             logs_btn = gr.Button("Weekly Logs")
             team_btn = gr.Button("Team")
 
         # -------- MAIN PANEL ----------
         with gr.Column(scale=4):
 
-            content = gr.Markdown("Welcome to Kitchen AI System")
-
-            # MONITOR AREA
-            cam = gr.Image(source="webcam", visible=False)
-            status = gr.Textbox(label="Hazard Status", visible=False)
+            content = gr.Markdown(
+                "Welcome to the AI Kitchen Monitoring System"
+            )
+
+            # CAMERA
+            cam = gr.Image(
+                sources=["webcam"],
+                visible=False,
+                label="Kitchen Camera"
+            )
+
+            status = gr.Textbox(
+                label="Hazard Status",
+                visible=False
+            )
+
+            # GROCERY
+            protein = gr.Slider(
+                50,
+                150,
+                value=100,
+                label="Daily Protein Goal",
+                visible=False
+            )
 
-            # GROCERY AREA
-            protein = gr.Slider(50,150,value=100,
-                                label="Daily Protein Goal",
-                                visible=False)
             grocery_output = gr.Textbox(
-                                label="Protein Analysis",
-                                visible=False)
-
-    # ---------- NAVIGATION LOGIC ----------
-    def show_overview():
-        return (
-            "AI system for kitchen safety and nutrition monitoring.",
-            gr.update(visible=False),
-            gr.update(visible=False),
-            gr.update(visible=False),
-            gr.update(visible=False),
-        )
-
-    def show_monitor():
-        return (
-            "Live Kitchen Monitoring",
-            gr.update(visible=True),
-            gr.update(visible=True),
-            gr.update(visible=False),
-            gr.update(visible=False),
-        )
-
-    def show_grocery():
-        return (
-            "Smart Grocery Intelligence",
-            gr.update(visible=False),
-            gr.update(visible=False),
-            gr.update(visible=True),
-            gr.update(visible=True),
-        )
-
-    overview_btn.click(
-        show_overview,
-        outputs=[content, cam, status, protein, grocery_output]
+                label="Protein Analysis",
+                visible=False
+            )
+
+# ===============================
+# NAVIGATION FUNCTIONS
+# ===============================
+
+def show_overview():
+    return (
+        "## Overview\n"
+        "AI system for kitchen safety monitoring and "
+        "smart grocery intelligence using HOG + ML models.",
+        gr.update(visible=False),
+        gr.update(visible=False),
+        gr.update(visible=False),
+        gr.update(visible=False),
     )
 
-    monitor_btn.click(
-        show_monitor,
-        outputs=[content, cam, status, protein, grocery_output]
+
+def show_monitor():
+    return (
+        "## Live Kitchen Monitoring",
+        gr.update(visible=True),
+        gr.update(visible=True),
+        gr.update(visible=False),
+        gr.update(visible=False),
     )
 
-    grocery_btn.click(
-        show_grocery,
-        outputs=[content, cam, status, protein, grocery_output]
+
+def show_grocery():
+    return (
+        "## Smart Grocery Intelligence",
+        gr.update(visible=False),
+        gr.update(visible=False),
+        gr.update(visible=True),
+        gr.update(visible=True),
     )
 
-    cam.change(monitor, cam, [cam, status])
-    protein.change(grocery_calc, protein, grocery_output)
+
+# ===============================
+# BUTTON EVENTS
+# ===============================
+
+overview_btn.click(
+    show_overview,
+    outputs=[content, cam, status, protein, grocery_output],
+)
+
+monitor_btn.click(
+    show_monitor,
+    outputs=[content, cam, status, protein, grocery_output],
+)
+
+grocery_btn.click(
+    show_grocery,
+    outputs=[content, cam, status, protein, grocery_output],
+)
+
+cam.change(
+    monitor,
+    inputs=cam,
+    outputs=[cam, status],
+)
+
+protein.change(
+    grocery_calc,
+    inputs=protein,
+    outputs=grocery_output,
+)
+
+# ===============================
+# LAUNCH
+# ===============================
 
 demo.launch()

requirements.txt

@@ -0,0 +1,4 @@
+gradio
+opencv-python-headless
+numpy
+scikit-learn