Fix: React Error #31 by enforcing strict AI schemas and defensive rendering

backend/main.py

@@ -127,57 +127,58 @@ def _patient_card(p: Dict) -> Dict:
 # ── Agents ────────────────────────────────────────────────────────────────────
 
 def agent_triage(record: Dict, override_key: str = None) -> Dict:
-    prompt = f"""You are an ER Danger Pattern Specialist. Analyze for 'Time-to-Collapse' risks.
-REASONING: Finding → Danger → Risk → Urgency.
-PATIENT: {json.dumps(record)}
-Return ONLY JSON: {{ "critical_risks": [...], "severity": 1-3, "severity_label": "...", "chief_complaint": "...", "agent_reasoning": [...] }}"""
-    
+    prompt = f"""You are an ER Danger Pattern Specialist.
+Analyze PATIENT: {json.dumps(record)}
+Return ONLY JSON:
+{{
+  "critical_risks": [
+    {{
+      "finding": "e.g. Glucose 48",
+      "danger": "e.g. Brain starvation",
+      "risk": "e.g. Seizure/Coma",
+      "urgency": "IMMEDIATE"
+    }}
+  ],
+  "severity": 1,
+  "severity_label": "IMMEDIATE",
+  "chief_complaint": "Summary",
+  "agent_reasoning": ["Step 1", "Step 2"]
+}}"""
     r = _gemini(prompt, override_key=override_key)
     if r: return r
     
-    # Fallback with diagnostic info
+    # Fallback
     v = record.get("vitals", {})
     spo2 = float(v.get("SpO2", 100)) if v.get("SpO2") else 100
     hr = float(v.get("Heart Rate", 80)) if v.get("Heart Rate") else 80
     sev = 1 if (spo2 < 90 or hr > 130 or hr < 45) else 2 if (spo2 < 93 or hr > 110) else 3
     labels = {1: "IMMEDIATE", 2: "EMERGENT", 3: "URGENT"}
-    
     return {
         "critical_risks": [], "severity": sev, "severity_label": labels[sev],
-        "chief_complaint": "Stabilization (LLM Unreachable)",
-        "agent_reasoning": ["Connectivity Error: Gemini brain did not respond. Check API Key.", "Calculated based on vital thresholds."]
+        "chief_complaint": "Stabilization (LLM Offline)",
+        "agent_reasoning": ["Connectivity Error: Gemini brain did not respond."]
     }
 
 def agent_contraindication(record: Dict, proposed_treatment: str = "", triage: Dict = None, override_key: str = None) -> Dict:
     context = f"TREATMENT: {proposed_treatment}" if proposed_treatment else "SAFETY SCAN"
-    prompt = f"ED Safety Guardian. PATIENT: {json.dumps(record)}\nTRIAGE: {json.dumps(triage)}\n{context}\nReturn JSON: {{ 'treatment_verdict': '...', 'verdict_reason': '...', 'agent_reasoning': [...] }}"
-    
+    prompt = f"ED Safety Guardian. PATIENT: {json.dumps(record)}\nTRIAGE: {json.dumps(triage)}\n{context}\nReturn ONLY JSON: {{ 'treatment_verdict': 'SAFE|CAUTION|CONTRAINDICATED', 'verdict_reason': 'string', 'agent_reasoning': ['string'] }}"
     r = _gemini(prompt, override_key=override_key)
-    return r or {
-        "treatment_verdict": "NOT_EVALUATED", 
-        "verdict_reason": "AI brain offline. Manual review required.",
-        "agent_reasoning": ["Safety Agent failed to connect to Gemini."]
-    }
+    return r or {"treatment_verdict": "NOT_EVALUATED", "verdict_reason": "AI offline.", "agent_reasoning": ["Failed to connect."]}
 
 def agent_labs(record: Dict, triage: Dict = None, override_key: str = None) -> Dict:
-    prompt = f"Pathologist. PATIENT: {json.dumps(record)}\nTRIAGE: {json.dumps(triage)}\nReturn JSON: {{ 'critical_labs': [...], 'agent_reasoning': [...] }}"
+    prompt = f"Pathologist. PATIENT: {json.dumps(record)}\nReturn ONLY JSON: {{ 'critical_labs': [{{'name':'string','value':'string','significance':'string'}}], 'agent_reasoning': ['string'] }}"
     r = _gemini(prompt, override_key=override_key)
-    return r or {"critical_labs": [], "agent_reasoning": ["Lab Interpreter failed to connect to Gemini."]}
+    return r or {"critical_labs": [], "agent_reasoning": ["Failed to connect."]}
 
 def agent_differentials(record: Dict, triage: Dict = None, labs: Dict = None, override_key: str = None) -> Dict:
-    prompt = f"Chief Resident. PATIENT: {json.dumps(record)}\nLABS: {json.dumps(labs)}\nReturn JSON: {{ 'differentials': [...], 'agent_reasoning': [...] }}"
+    prompt = f"Chief Resident. PATIENT: {json.dumps(record)}\nReturn ONLY JSON: {{ 'differentials': [{{'diagnosis':'string','likelihood':'HIGH','supporting_evidence':['string']}}], 'agent_reasoning': ['string'] }}"
     r = _gemini(prompt, override_key=override_key)
-    return r or {"differentials": [], "agent_reasoning": ["Differential Agent failed to connect to Gemini."]}
+    return r or {"differentials": [], "agent_reasoning": ["Failed to connect."]}
 
 def agent_action_protocol(record: Dict, triage: Dict, contra: Dict, labs: Dict, diffs: Dict, override_key: str = None) -> Dict:
-    prompt = f"ED Attending. Action Mapping.\nTRIAGE: {json.dumps(triage)}\nSAFETY: {json.dumps(contra)}\nLABS: {json.dumps(labs)}\nDIFFS: {json.dumps(diffs)}\nReturn JSON: {{ 'primary_directive': '...', 'action_mapping': [...], 'clinical_summary': '...', 'agent_reasoning': [...] }}"
+    prompt = f"ED Attending. Return ONLY JSON: {{ 'primary_directive': 'string', 'action_mapping': [{{'condition':'string','action':'string'}}], 'clinical_summary': 'string', 'agent_reasoning': ['string'] }}"
     r = _gemini(prompt, override_key=override_key)
-    return r or {
-        "primary_directive": "Stabilize patient immediately (LLM Offline)",
-        "action_mapping": [],
-        "clinical_summary": "System operating in safety-fallback mode due to connectivity issues.",
-        "agent_reasoning": ["Attending Agent failed to reach Gemini brain."]
-    }
+    return r or {"primary_directive": "Stabilize patient.", "action_mapping": [], "clinical_summary": "Offline.", "agent_reasoning": ["Failed to connect."]}
 
 # ── API Endpoints ─────────────────────────────────────────────────────────────
 

frontend/dist/index.html

@@ -7,7 +7,7 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <title>CodeBlue Context</title>
-    <script type="module" crossorigin src="/assets/index-C0LhoLqc.js"></script>
+    <script type="module" crossorigin src="/assets/index-DiPQ1rSL.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DKXwe-v6.css">
   </head>
   <body>

frontend/src/BriefPanel.jsx

@@ -4,6 +4,13 @@ import { ShieldAlert, FlaskConical, Stethoscope, ListChecks, AlertTriangle, Cloc
 
 const API_BASE = import.meta.env.VITE_API_BASE || '';
 
+const renderText = (val) => {
+  if (val === null || val === undefined) return '';
+  if (typeof val === 'string') return val;
+  if (typeof val === 'object') return JSON.stringify(val);
+  return String(val);
+};
+
 function Section({ title, icon, children, accent }) {
   return (
     <div className="fade-up" style={{
@@ -191,23 +198,23 @@ export function BriefPanel({ data, patient }) {
           </div>
         )}
 
-        {/* Immediate Critical Risks */}
+        {/* Immediate Critical Risks (Condition-First) */}
         {triage.critical_risks?.length > 0 && (
           <SectionBlock title="Immediate Critical Risks" icon={<ShieldAlert size={14}/>} accent="var(--red-critical)">
             <div className="pulse-critical" style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
               {triage.critical_risks.map((r, i) => (
-                <div key={i} style={{ 
+                <div key={`${r.condition}-${i}`} style={{ 
                   background: 'rgba(239, 68, 68, 0.08)', border: '1px solid rgba(239, 68, 68, 0.2)',
                   borderRadius: 10, padding: '10px 14px'
                 }}>
                   <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 4 }}>
                     <AlertTriangle size={14} color="var(--red-critical)" />
                     <span style={{ fontWeight: 800, fontSize: 12, color: 'var(--red-critical)' }}>
-                      {r.condition} ({r.evidence})
+                      {renderText(r.finding || r.condition)} {r.evidence && `(${renderText(r.evidence)})`}
                     </span>
                   </div>
                   <div style={{ fontSize: 11, color: 'var(--text-secondary)', marginLeft: 22 }}>
-                    → risk of <span style={{ fontWeight: 700, color: 'var(--text-primary)' }}>{r.danger}</span>
+                    → {renderText(r.risk)} <span style={{ opacity: 0.6 }}>[{renderText(r.danger)}]</span>
                   </div>
                 </div>
               ))}
@@ -265,7 +272,7 @@ export function BriefPanel({ data, patient }) {
               {collectiveReasoning.map((r, i) => (
                 <div key={i} style={{ fontSize: 10.5, color: 'var(--text-secondary)', display: 'flex', gap: 10 }}>
                   <span style={{ fontWeight: 800, color: 'var(--purple-ai)', minWidth: 60, textTransform: 'uppercase', fontSize: 9 }}>{r.agent}</span>
-                  <span style={{ lineHeight: 1.4 }}>{r.text}</span>
+                  <span style={{ lineHeight: 1.4 }}>{renderText(r.text)}</span>
                 </div>
               ))}
             </div>