SUMMARY:
Fixed diagram to be 75% smaller in surface area (50% linear reduction) and
improved SVG detection logic to properly initialize click handlers.
CHANGES:
1. Diagram Sizing (architecture.html):
- Changed from w-24/w-32/w-40 (90% reduction) to w-48/w-56/w-64 (75% reduction)
- Mobile: w-48 = 192px (50% of 384px original)
- Tablet: sm:w-56 = 224px (50% of 448px original)
- Desktop: lg:w-64 = 256px (50% of 512px original)
- Surface area now 25% of original (75% reduction as requested)
2. SVG Detection Logic (interactive-diagram.js):
- Split null check from tagName validation
- Added clearer console logging for debugging
- tagName check now handles undefined gracefully
- Should properly detect SVG and attach click handlers
PREVIOUS ISSUE:
- Diagram was w-24/w-32/w-40 (6.25% surface area = 93.75% reduction)
- SVG detection check was failing, preventing click handlers from attaching
- Combined null && tagName check was too strict
FIXES:
✓ Diagram is now 75% smaller by surface area (not 90%)
✓ SVG detection should properly initialize
✓ Click handlers should attach to service nodes
Cache-busting: v=20251019170000
🤖 Generated with Claude Code (https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
dd32dac99b