8px;">These are opportunities, not defects. Old syntax works unless proven otherwise.

'; const catOrder = ['risk', 'maintainability', 'stylistic']; const catLabels = { risk: 'Potential Risk', maintainability: 'Maintainability', stylistic: 'Stylistic' }; catOrder.forEach(cat => { const items = byCat[cat]; if (!items || !items.length) return; html += `

${catLabels[cat]} (${items.length})

`; items.forEach(p => { html += `
`; html += `

${escapeHtml(p.title)} line ${p.line}

`; html += `

${escapeHtml(p.code)}

`; html += `

${escapeHtml(p.suggestion)}

`; if (p.category_note) { html += `

${escapeHtml(p.category_note)}

`; } html += `
`; }); }); html += ''; } // Branch connections: function tree with verified call relationships // Per GPT-6: distinguish verified calls from inferred connections const branchFuncs = room.functions || []; if (branchFuncs.length > 0 && branchFuncs.length <= 20) { html += '
'; html += '

🔀 Code Branches

'; html += '

'; html += '→ verified call  '; html += '⇢ dependency  '; html += '? unresolved

'; html += '
'; branchFuncs.slice(0, 12).forEach((fn) => { const calls = fn.calls || []; const callers = fn.called_by || []; html += `
`; html += `
`; html += `â—Ź`; html += `${escapeHtml(fn.name)}()`; html += `line ${fn.line}`; html += `
`; if (calls.length > 0) { html += `
`; html += `→ calls: ${calls.slice(0, 5).map(c => `${escapeHtml(c)}()`).join(', ')}`; if (calls.length > 5) html += ` +${calls.length - 5}`; html += `
`; } if (callers.length > 0 && callers.length <= 3) { html += `
`; html += `called by: ${callers.map(c => escapeHtml(c)).join(', ')}`; html += `
`; } html += `
`; }); if (branchFuncs.length > 12) { html += `

+ ${branchFuncs.length - 12} more functions

`; } // Dependencies (imports) const deps = room.dependencies || []; if (deps.length > 0) { html += `

⇢ ${deps.length} external dependencies (imports)

`; } // Routes const routes = room.routes || []; if (routes.length > 0) { html += `

→ ${routes.length} route handlers

`; } html += '
'; } html += `

Analysis: structural only. Runtime behavior (async order, error paths) requires execution tracing — not inferred.

`; return html; } // Explain why a building has its dimensions (deterministic calculation) function geometryExplanation(room) { if (!room.filePath) return ''; const deps = (room.dependencies || []).length; const funcs = (room.functions || []).length; const routes = (room.routes || []).length; // Reconstruct branching from complexity const branching = Math.max(0, (room.complexity || 0) - deps * 2 - funcs - routes * 3); return `Width ${room.size.width.toFixed(1)}m = 4 + complexityĂ—0.15. ` + `Height ${room.size.height.toFixed(1)}m = 3 + complexityĂ—0.2. ` + `Complexity ${room.complexity} = ${deps} dependenciesĂ—2 + ${branching} branches + ` + `${funcs} functions + ${routes} ro