Upload 18 files

app.py

@@ -143,6 +143,7 @@ class WebDevRequest(BaseModel):
     prompt: str
     existing_code: str | None = None
     mode: str = "html"  # "html" or "react"
+    error_message: str | None = None  # For agentic error fixing
 
 @app.post("/webdev/generate")
 async def handle_webdev(request: WebDevRequest):
@@ -150,7 +151,8 @@ async def handle_webdev(request: WebDevRequest):
         result = webdev_agent.generate(
             prompt=request.prompt,
             refine_code=request.existing_code,
-            mode=request.mode
+            mode=request.mode,
+            error_message=request.error_message
         )
         return result
     except Exception as e:

jade/webdev.py

@@ -97,7 +97,7 @@ DESIGN:
 
 OUTPUT: Only the JSON object, nothing else."""
 
-    def generate(self, prompt: str, refine_code: str = None, mode: str = "html") -> dict:
+    def generate(self, prompt: str, refine_code: str = None, mode: str = "html", error_message: str = None) -> dict:
         """
         Generate or refine code based on prompt
         
@@ -105,6 +105,7 @@ OUTPUT: Only the JSON object, nothing else."""
             prompt: User's description
             refine_code: Optional existing code to refine
             mode: "html" for HTML generation, "react" for React/Sandpack
+            error_message: If provided, fix this error in the code
             
         Returns:
             dict with code/files and success status
@@ -113,7 +114,26 @@ OUTPUT: Only the JSON object, nothing else."""
             system_prompt = self.react_prompt if mode == "react" else self.html_prompt
             
             if mode == "react":
-                if refine_code:
+                # Error fix mode - agentic correction
+                if error_message and refine_code:
+                    user_message = f"""The following React code has a compilation error.
+
+ERROR MESSAGE:
+{error_message}
+
+CURRENT CODE (JSON):
+{refine_code}
+
+Fix the error and return the corrected JSON. Keep all the functionality intact.
+Common fixes:
+- Remove TypeScript syntax (no interfaces, type annotations)
+- Fix JSX syntax errors
+- Ensure all components are properly defined
+- Use simple function components
+
+Return ONLY the fixed JSON object."""
+                
+                elif refine_code:
                     user_message = f"""Current files:
 {refine_code}
 
@@ -129,7 +149,7 @@ Update the React app based on the feedback. Output the complete updated JSON."""
                         {"role": "system", "content": system_prompt},
                         {"role": "user", "content": user_message}
                     ],
-                    temperature=0.7,
+                    temperature=0.5 if error_message else 0.7,  # Lower temp for fixes
                     max_tokens=16000
                 )
                 
@@ -162,7 +182,16 @@ Update the React app based on the feedback. Output the complete updated JSON."""
                     return {"success": False, "error": "Failed to parse React code"}
             
             else:  # HTML mode
-                if refine_code:
+                if error_message and refine_code:
+                    user_message = f"""Fix this error in the HTML:
+
+ERROR: {error_message}
+
+CODE:
+{refine_code}
+
+Return the fixed HTML code."""
+                elif refine_code:
                     user_message = f"""Current code:
 ```html
 {refine_code}
@@ -180,7 +209,7 @@ Update the code based on the feedback. Output the complete updated HTML file."""
                         {"role": "system", "content": system_prompt},
                         {"role": "user", "content": user_message}
                     ],
-                    temperature=0.7,
+                    temperature=0.5 if error_message else 0.7,
                     max_tokens=8000
                 )