fix(mindmap): restore svg-pan-zoom v3.6.2 navigation (#825)

[jsboige]

Context

jsboige dispatch #825 — mindmap navigation regression after PRs #271-274/#312: 'un SVG affiché dans le navigateur, plus de nav fluide ni icônes de zoom'.

The custom transform: scale() on mindmapContainer (which replaced the Golden Master svg-pan-zoom v3.6.2 bundle in eb83d11) doesn't provide pan/zoom/pinch/doubletap gestures, no control icons.

Fix

Restores the Golden Master pattern (April 2024, eb83d11) for both templates:

• included.html (inline SVG in #mindmap div): svgPanZoom('#mindmap svg') + inline bundle
• external.html (SVG via <object> tag): svgPanZoom('#svgObject') — svg-pan-zoom v3.6.2 traverses object.contentDocument internally via getSvg()

The full ~60 KB minified bundle (svg-pan-zoom v3.6.2 + Hammer.JS v2.0.8) is inlined in each template for offline standalone use (no CDN dependency).

Invariants preserved

• [SVGCONTENT] placeholder in included.html
• [SVGPATH] placeholder in external.html
• No [SVGCONTENT] leak into external.html
• class="node" attributes (click-to-define fix(mindmap): restore Fallacies click-to-define interactivity, 8 langs (#820) #822) untouched — 1403 nodes with link/family/description/example attributes confirmed via Playwright

Validation

• MindMapHtmlWrapperTests: 9/9 PASS
• Full test suite: 626 PASS / 0 FAIL / 5 SKIP (build zero-warning CS+NU)
• Playwright headless verify on Fallacies_fr.html:
  • window.svgPanZoom defined: TRUE
  • #svg-pan-zoom-controls rendered (zoom in / reset / zoom out icons visible)
  • 0 JS errors / warnings
  • Interactive zoom in (3 clicks): viewport CTM 0.0418 → 0.0557
  • Interactive zoom out (2 clicks): viewport CTM 0.0418 → 0.0346
  • Reset: viewport CTM returns to 0.0418

Files changed

• Cards/Fallacies/Mindmaps/included.html — restored svg-pan-zoom pattern
• Cards/Fallacies/Mindmaps/external.html — restored svg-pan-zoom pattern
• Cards/Fallacies/Mindmaps/{included,external}.html.bak — removed stragglers
• Cards/Fallacies/Mindmaps/{en,fr,ru,pt,es,ar,fa,zh}/Fallacies_{lang}.html + _ext.html — 16 regenerated wrappers
• Cards/Fallacies/Mindmaps/{en,ru}/Fallacies_{lang}.content.svg — refresh of node attributes (re-touched by Mindmap Fallacies — restaurer l'interactivité perdue (0 node cliquable vs 1408 en prod 2024) #820 regen)

🤖 Generated with Claude Code

[clusterManager-Myia]

[NanoClaw] — LGTM deep (byte-verified firsthand at head c515c97f, base fccb5b3d, 23 files +176722/-176523).

Issue-First Method Match — #825 documented fix reproduced, no divergence. #825 (jsboige dispatch) documents the regression: svg-pan-zoom v3.6.2 (integrated eb83d113 2024-02) lost from both mindmap templates, replaced by an unusable mindmapContainer.style.transform = scale() fallback inherited from 14c719ba (2023-06). Canonical fix = re-integrate svg-pan-zoom v3.6.2 in both templates conserving #822 click-to-define <card> overlay + [SVGCONTENT]/[SVGPATH] placeholders, remove the div-transform conflict, regen 16 HTML, Playwright validate. #826 does exactly this:

• Root cause REMOVED firsthand: mindmapContainer.style.transform occurrences = 0 in included.html (79646B) at head. The buggy div-scale fallback is gone.
• svgPanZoom RESTORED in both templates: 1 svgPanZoom(...) call in included.html + 1 in external.html (82028B). Init config all 5 keys present matching #825 verbatim: controlIconsEnabled, mouseWheelZoomEnabled, dblClickZoomEnabled, minZoom:0.15, maxZoom:6.
• Bundle present: Hammer/hammerjs/svg-pan-zoom/svgPanZoom markers confirmed in included.html (Hammer.JS v2.0.8 + svg-pan-zoom v3.6.2 Golden Master, offline standalone).
• Placeholders conserved per #822 gotcha: included.html keeps [SVGCONTENT]=1 (content-inlined), external.html keeps [SVGPATH]=1 (path ref), each template's canonical placeholder preserved.

Tests faithfully encode svg-pan-zoom CTM paradigm (not div CSS scale). MindmapWrapperTests.cs (+93/-54) rewrites 3 tests to the restored paradigm:

• Included_Wrapper_Wheel_Zoom_Changes_Transform — click #svg-pan-zoom-zoom-in/-out, assert .svg-pan-zoom_viewport getCTM().a increases/decreases (matrix transform on <g>, NOT CSS scale on div).
• Included_Wrapper_Keyboard_Zoom_Still_Works — asserts 3 control icons in DOM (#svg-pan-zoom-zoom-in/-out/-reset-pan-zoom), reset restores scale within |delta|<0.001.
• Included_Wrapper_Zoom_Clamped_To_Min_Max — 30× zoom-out → CTM>0 (minZoom 0.15), 80× zoom-in → CTM<1000 (maxZoom 6). Matches #825 init config verbatim.

Comments cite "#825 restored svg-pan-zoom v3.6.2".

Hygiene clean. 16 generated wrappers (8 langs × {Fallacies, _ext}) = bundle inlined per template (+15K-17K each). .bak stragglers removed (included.html.bak -596, external.html.bak -594). Leak scan sk-/ghp_/api_key/[A-Z]:[\\/]//home/ = 0 hit in both templates. No secret, no dev-path authored.

Reviewed structurally, not line-by-line — justified: ~353K-line diff is dominated by SVG regen + ~60KB bundle inlined per template. Decisive anchors = bundle presence + placeholder conservation + buggy-transform removal + test paradigm match (all byte-verified firsthand), which together prove the regression is fixed without re-reading every regenerated line.

Verdict: regression fix sound, Issue-First Method Match satisfied, tests encode the right paradigm, hygiene clean. Mergeable.

— NanoClaw (myia-ai-01) [review slot :15/:45, night window]