\\`;\n\n if (Array.isArray(value)) {\n formHtml += \\`

\\${label}\\`;\n value.forEach((item, index) => {\n if (typeof item === 'string') {\n const itemPath = \\`\\${newPath}[\\${index}]\\`;\n formHtml += \\`

Item \\${index + 1}

\\`;\n }\n // Future enhancement: handle array of objects\n });\n formHtml += \\`

\\`;\n } else if (typeof value === 'object' && value !== null) {\n formHtml += \\`

\\${label}\\`;\n formHtml += createFormFromObject(value, newPath); // Recursion\n formHtml += \\`

\\`;\n } else {\n const isTextArea = typeof value === 'string' && value.length > 80;\n if (isTextArea) {\n formHtml += \\`

\\${label}

\\`;\n } else {\n formHtml += \\`

\\${label}

\\`;\n }\n }\n formHtml += \\`

\\`;\n }\n return formHtml;\n};\n// --- END NEW DYNAMIC FORM LOGIC ---\n\nconst renderPatientBanner = () => {\n if (!patientContext || !patientContext.procName) {\n patientBanner.style.display = 'none';\n return;\n }\n const ptName = patientContext.ptName ? \\`\\${escapeHtml(patientContext.ptName)}, \\` : '';\n patientContextDisplay.innerHTML = \\`\n

PATIENT

\\${ptName}\\${patientContext.ptAge || 'N/A'} yr, \\${patientContext.ptWtKg || 'N/A'} kg

ASA

\\${patientContext.asa || 'N/A'}

PROCEDURE

\\${escapeHtml(patientContext.procName)}

\n \\`;\n patientBanner.style.display = 'block';\n};\n\nconst renderSection = (title, content, itemRenderer) => {\n if (!content || (Array.isArray(content) && content.length === 0)) return '';\n const itemsHtml = Array.isArray(content) ? '

\\${escapeHtml(item)}

' : \\`

\\${escapeHtml(String(content)).replace(/\\\\n/g, '
')}

\\`;\n return \\`

\\${title}

\\${itemsHtml}

\\`;\n};\n\nconst renderResult = (task, result, container) => {\n let html = '';\n let isCrisis = false;\n\n const formatProcedure = (proc) => {\n if (!proc) return 'N/A';\n if (typeof proc === 'string') return proc;\n if (typeof proc === 'object' && proc !== null) return proc.name || JSON.stringify(proc);\n return 'N/A';\n };\n\n const formatDrugName = (drug) => {\n if (typeof drug === 'string') {\n return escapeHtml(drug);\n }\n if (typeof drug === 'object' && drug !== null && drug.name) {\n return escapeHtml(drug.name);\n }\n return 'N/A';\n };\n\n switch (task) {\n case 'PREOP':\n if (result.assessment || result.plan) {\n html += \\`

Pre-Operative Assessment

\\`;\n html += renderSection('Patient Summary', result.assessment?.patientSummary);\n html += renderSection('Procedure', formatProcedure(result.assessment?.procedure));\n html += renderSection('Key Anesthetic Risks', result.assessment?.keyRisks, item => \\`

\\${escapeHtml(item.risk)}: \\${escapeHtml(item.rationale)}

\\`);\n html += renderSection('Recommended Investigations', result.assessment?.recommendedInvestigations);\n html += renderSection('Anesthetic Type', result.plan?.anestheticType);\n html += renderSection('Monitoring Plan', result.plan?.monitoring);\n html += renderSection('Medication Management', result.plan?.medicationManagement);\n } else if (result.summary) {\n html += \\`

Pre-Operative Summary

\\`;\n html += renderSection('Summary', result.summary);\n }\n break;\n \n // --- MODIFICATION IS HERE: Render a dynamic form for the DRUG task ---\n case 'DRUG':\n const drugName = formatDrugName(result.drug);\n html += \\`

Drug Info: \\${drugName}

\\`;\n if (typeof result.drug === 'object') {\n const formContent = createFormFromObject(result.drug);\n html += \\`\\`;\n } else {\n // Fallback for simple string result\n html += \\`

Received basic information for \\${drugName}.

\\`;\n }\n break;\n // --- END MODIFICATION ---\n\n case 'PLAN':\n html += \\`

Anesthetic Plan: \\${escapeHtml(result.focus || patientContext.procName)}

\\`;\n if (result.planByPhase) {\n html += renderSection('Premedication', result.planByPhase.premedication);\n html += renderSection('Induction', result.planByPhase.induction);\n html += renderSection('Maintenance', result.planByPhase.maintenance);\n html += renderSection('Emergence', result.planByPhase.emergence);\n html += renderSection('Post-Operative Care', result.planByPhase.postOp);\n }\n html += renderSection('Contingency Planning', result.contingencyPlanning, item => \\`

\\${escapeHtml(item.problem)}:

\\${escapeHtml(s)}

\\`);\n break;\n case 'GUIDELINE':\n html += \\`

Guideline: \\${escapeHtml(result.topic)}

\\`;\n html += renderSection('Key Recommendations', result.keyRecommendations, item => \\`

\\${escapeHtml(item.recommendation)} \\${item.strength ? \\`(\\${escapeHtml(item.strength)})\\` : ''}

\\`);\n if (result.sourceUrl) html += \\`

Source

\\${result.sourceUrl}

\\`;\n break;\n case 'CHECKLIST':\n html += \\`

Checklist: \\${escapeHtml(result.title)}

\\${escapeHtml(item.label)}

';\n break;\n case 'CRISIS':\n isCrisis = true;\n html += \\`

CRISIS: \\${escapeHtml(result.crisisName)}

\\`;\n html += renderSection('1. Initial Steps', result.initialSteps);\n html += renderSection('2. Treatment Protocol', result.treatmentProtocol, item => \\`

\\${escapeHtml(item.step)}: \\${escapeHtml(item.details)} \\${item.drugDose ? \\`[\\${escapeHtml(item.drugDose)}]\\` : ''}

\\`);\n html += renderSection('3. Follow-up Care', result.followUpCare);\n if (result.source) html += renderSection('Source', result.source);\n break;\n case 'HELP':\n html += \\`

\\${escapeHtml(result.title)}

\\`;\n html += \\`

\\${escapeHtml(result.description)}

\\`;\n html += renderSection('Available Commands', result.commands, item => \\`

\\${escapeHtml(item.name)}: \\${escapeHtml(item.usage)}
Example: \"\\${escapeHtml(item.example)}\"

\\`);\n break;\n case 'DIAG':\n conversationState = { history: [], lastResponse: null, sign: result.sign };\n html += \\`

Differential Diagnosis for: \\${escapeHtml(result.sign)}

\\`;\n html += renderSection('Initial Actions', result.initialActions);\n html += \\`

\\`;\n break;\n default:\n html = \\`

\\${task || 'Result'}

\\${escapeHtml(JSON.stringify(result, null, 2))}

\\`;\n }\n container.innerHTML = \\`

\\${html}

Disclaimer: \\${escapeHtml(result.disclaimer)}

\\`;\n\n if (task === 'DIAG' && result.interactivePathway) renderDiagPathway(container.querySelector('.diag-pathway-section'), result.interactivePathway);\n container.querySelectorAll('.checklist-item').forEach(item => {\n item.addEventListener('click', e => {\n const cb = item.querySelector('input[type=\"checkbox\"]');\n if (e.target !== cb) cb.checked = !cb.checked;\n item.classList.toggle('checked', cb.checked);\n });\n });\n // Add a listener to prevent default form submission\n const form = container.querySelector('.dynamic-form');\n if(form) {\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n console.log(\"Form submission intercepted. Add save logic here.\");\n alert(\"Form submission handled in console. This is where you would save the data.\");\n });\n }\n};\n\nconst renderDiagPathway = (element, pathway) => {\n const onOptionClick = async (option) => {\n element.innerHTML = '

Thinking...

';\n conversationState.history.push({ question: pathway.initialQuestion, options: pathway.options.map(o => o.response) });\n conversationState.lastResponse = option.response;\n const res = await fetch(API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ endpoint: 'follow-up', task: 'DIAG', patientContext: patientContext, conversationState: conversationState }) });\n const data = await res.json();\n if (!res.ok) {\n element.innerHTML = \\`

\\${data.error || 'Follow-up failed.'}

\\`;\n return;\n }\n renderDiagPathway(element, data.result.interactivePathway);\n };\n let html = \\`

\\${escapeHtml(pathway.initialQuestion)}

\\`;\n pathway.options.forEach(opt => {\n if (opt.differential && !opt.followUpQuestion) {\n html += \\`

Final Differential: \\${escapeHtml(opt.differential)}

\\${escapeHtml(opt.rationale)}

\\`;\n } else {\n html += \\`\\`;\n }\n });\n element.innerHTML = html + '

';\n element.querySelectorAll('.diag-option-btn').forEach((btn, i) => btn.addEventListener('click', () => onOptionClick(pathway.options[i])));\n};\n\nconst handleCommand = async () => {\n const commandText = commandInput.value.trim();\n if (!commandText) return;\n togglePalette(false);\n mainContent.innerHTML = '

Analyzing & Executing...

';\n try {\n const res = await fetch(API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ endpoint: 'full-process', command: commandText, patientContext: patientContext }) });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || 'API request failed.');\n patientContext = data.patientContext || {};\n renderPatientBanner();\n const container = document.createElement('div');\n renderResult(data.task, data.result, container);\n mainContent.innerHTML = '';\n mainContent.appendChild(container);\n commandInput.value = '';\n } catch (err) {\n mainContent.innerHTML = \\`

\\${escapeHtml(err.message)}

\\`;\n }\n};\n\nconst renderPaletteSuggestions = () => {\n const query = commandInput.value.toLowerCase();\n const filtered = query ? defaultCommands.filter(cmd => cmd.name.toLowerCase().includes(query) || cmd.example.toLowerCase().includes(query)) : defaultCommands;\n resultsContainer.innerHTML = '';\n activePaletteIndex = 0;\n filtered.forEach((item, index) => {\n const el = document.createElement('div');\n el.className = 'palette-item';\n if (index === activePaletteIndex) el.classList.add('active');\n el.innerHTML = \\`\\${item.icon}\\${item.name}\\${item.example}\\`;\n el.addEventListener('click', () => {\n commandInput.value = item.example;\n handleCommand();\n });\n resultsContainer.appendChild(el);\n });\n};\n\nconst togglePalette = (show) => {\n commandPalette.classList.toggle('visible', show);\n if (show) {\n commandInput.value = '';\n commandInput.focus();\n renderPaletteSuggestions();\n }\n};\n\n$('#new-command-btn').addEventListener('click', () => togglePalette(true));\ncommandPalette.addEventListener('click', (e) => {\n if (e.target === commandPalette) togglePalette(false);\n});\n\ncommandInput.addEventListener('input', renderPaletteSuggestions);\n\ncommandInput.addEventListener('keydown', e => {\n const items = resultsContainer.querySelectorAll('.palette-item');\n if (items.length === 0) {\n if (e.key === 'Enter') handleCommand();\n return;\n }\n const active = items[activePaletteIndex];\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n active?.classList.remove('active');\n activePaletteIndex = (activePaletteIndex + 1) % items.length;\n items[activePaletteIndex]?.classList.add('active');\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n active?.classList.remove('active');\n activePaletteIndex = (activePaletteIndex - 1 + items.length) % items.length;\n items[activePaletteIndex]?.classList.add('active');\n } else if (e.key === 'Enter') {\n e.preventDefault();\n active ? active.click() : handleCommand();\n }\n});\n\ndocument.addEventListener('keydown', e => {\n if ((e.ctrlKey || e.metaKey) && e.key === 'k') {\n e.preventDefault();\n togglePalette(true);\n }\n if (e.key === 'Escape' && commandPalette.classList.contains('visible')) {\n togglePalette(false);\n }\n});\n`;","deleted","label",[98],"permalink","https://www.val.town/x/legal/med-copilot/code/app.js.ts","extension","actionData","errors"]