Update app.py

app.py

@@ -1,10 +1,9 @@
 import gradio as gr
 import spaces
 
-# Function to mock the VLLM interpretation and return structured HTML
+
 @spaces.GPU
 def diagnose_router(image):
-    # Structured diagnosis and solution
     result = {
         "Issue_Description": "Internet connectivity problem - The Internet LED is blinking amber.",
         "Root_Cause_Analysis": {
@@ -16,28 +15,28 @@ def diagnose_router(image):
             "Error_Code": "WAN PPPoE Timeout",
             "Possible_Cause": "This error suggests the router cannot authenticate with the ISP's server, likely due to incorrect login credentials or an ISP-side issue."
         },
-        "Step_by_Step_Troubleshooting": {
-            "Step_1": {
+        "Step_by_Step_Troubleshooting": [
+            {
                 "Action": "Verify Ethernet Cable Connection",
                 "Details": "Ensure that the Ethernet cable is securely plugged into the modem's LAN port and the router's WAN port.",
                 "Expected Outcome": "Ethernet cable is securely connected, and the LED light remains stable."
             },
-            "Step_2": {
+            {
                 "Action": "Restart Both Modem and Router",
                 "Details": "Unplug both the modem and router from their power sources, wait for 30 seconds, then plug them back in starting with the modem.",
                 "Expected Outcome": "The router should reattempt to establish a connection with the ISP."
             },
-            "Step_3": {
+            {
                 "Action": "Verify ISP Login Credentials",
                 "Details": "Access the router settings through its web interface and check the PPPoE login credentials (username and password) provided by your ISP.",
                 "Expected Outcome": "Correct credentials should resolve the authentication issue."
             },
-            "Step_4": {
+            {
                 "Action": "Contact ISP Support",
                 "Details": "If the above steps don't work, contact your ISP to check for any issues on their end such as outages or account problems.",
                 "Expected Outcome": "ISP support will help resolve server authentication issues or provide further guidance."
             }
-        },
+        ],
         "Recommended_Actions": {
             "Immediate_Action": "Reconnect cables and restart devices.",
             "If_Unresolved": "Check ISP login credentials and contact ISP if needed.",
@@ -65,22 +64,25 @@ def diagnose_router(image):
         <ol>
     """
 
-    # Loop through each step in the troubleshooting process
-    for step_key, step_data in result["Step_by_Step_Troubleshooting"].items():
+    # Loop through each step in the troubleshooting process (now a list)
+    for step in result["Step_by_Step_Troubleshooting"]:
         html_output += f"""
-            <li><strong>{step_data['Action']}</strong>: {step_data['Details']}<br/>
-            <em>Expected Outcome:</em> {step_data['Expected Outcome']}</li>
+            <li><strong>{step['Action']}</strong>: {step['Details']}<br/>
+            <em>Expected Outcome:</em> {step['Expected Outcome']}</li>
         """
     
+    # Adding the Recommended Actions section
     html_output += f"""
+        </ol>
+
         <h3>Recommended Actions</h3>
         <ul>
             <li><strong>Immediate Action:</strong> {result['Recommended_Actions']['Immediate_Action']}</li>
             <li><strong>If Unresolved:</strong> {result['Recommended_Actions']['If_Unresolved']}</li>
             <li><strong>Preventative Measure:</strong> {result['Recommended_Actions']['Preventative_Measure']}</li>
         </ul>
+    </div>
     """
-
     
     return html_output