`;
+ html += `
⚠ ${exc.config.title}
`;
+ if (exc.config.predicted && exc.config.actual) {
+ html += `
Predicted: ${exc.config.predicted}
`;
+ html += `
Actual: ${exc.config.actual}
`;
+ }
+ html += `
${exc.config.detail}
`;
+ html += '
';
+
+ // Energy axis
+ html += '
';
+ html += '
ENERGY
';
+
+ // Valence rows (reversed so highest energy is at top)
+ const valenceReversed = [...sortedValence].reverse();
+ for (const orb of valenceReversed) {
+ const numBoxes = NUM_ORBITALS[orb.type];
+ const boxes = distributeElectrons(orb.electrons, numBoxes);
+ const maxE = MAX_ELECTRONS[orb.type];
+ const isFull = orb.electrons === maxE;
+ const isHalf = orb.electrons === maxE / 2;
+
+ // Is this the subshell involved in the exception?
+ const isExcRow = hasConfigException && (
+ orb.type === 'd' || orb.type === 'f' ||
+ (orb.type === 's' && orb.electrons === 1 && hasConfigException)
+ );
+
+ html += `
`;
+ html += `
${orb.n}${orb.type}`;
+ html += '
';
+ for (const boxE of boxes) {
+ html += renderOrbitalBox(boxE, orb.type);
+ }
+ html += '
';
+ html += `
${orb.electrons}/${maxE}`;
+ if (isHalf) html += ' ½';
+ if (isFull) html += ' ✓';
+ html += '';
+ if (isExcRow) html += '
⚠';
+ html += '
';
+ }
+
+ // Core divider + label
+ if (coreSymbol && core.length > 0) {
+ html += '
';
+ html += `
[${coreSymbol}] core — ${core.reduce((s, o) => s + o.electrons, 0)} electrons
`;
+
+ // Show core rows collapsed (smaller)
+ const coreReversed = [...core].sort((a, b) => energyOrder(a.n, a.type) - energyOrder(b.n, b.type)).reverse();
+ for (const orb of coreReversed) {
+ const numBoxes = NUM_ORBITALS[orb.type];
+ const boxes = distributeElectrons(orb.electrons, numBoxes);
+ html += `
`;
+ html += `
${orb.n}${orb.type}`;
+ html += '
';
+ for (const boxE of boxes) {
+ html += renderOrbitalBox(boxE, orb.type);
+ }
+ html += '
';
+ html += `
${orb.electrons}/${MAX_ELECTRONS[orb.type]}`;
+ html += '
';
+ }
+ }
+
+ html += '