cyclecad 3.9.14 → 3.9.18

package/app/index.html

@@ -962,6 +962,47 @@
     </div>
   </div>
 
+  <div class="menu-item" style="color:#00ccff;">
+    ExplodeView
+    <div class="menu-dropdown" style="min-width:220px;">
+      <button class="menu-item-link" data-action="ev-load-model">Load Model (STL/OBJ/glTF/STEP)</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-explode">Explode / Collapse</button>
+      <button class="menu-item-link" data-action="ev-section-cut">Section Cut (X/Y/Z)</button>
+      <button class="menu-item-link" data-action="ev-assembly-tree">Assembly Tree</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-measure-distance">Measure Distance</button>
+      <button class="menu-item-link" data-action="ev-measure-angle">Measure Angle</button>
+      <button class="menu-item-link" data-action="ev-measure-volume">Measure Volume</button>
+      <button class="menu-item-link" data-action="ev-measure-area">Measure Surface Area</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-wall-thickness">Wall Thickness Analysis</button>
+      <button class="menu-item-link" data-action="ev-draft-angle">Draft Angle Analysis</button>
+      <button class="menu-item-link" data-action="ev-interference">Interference Check</button>
+      <button class="menu-item-link" data-action="ev-mass-properties">Mass Properties / CoG</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-bom">Bill of Materials (BOM)</button>
+      <button class="menu-item-link" data-action="ev-annotations">Add Annotation</button>
+      <button class="menu-item-link" data-action="ev-gdt">GD&T Annotation</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-wireframe">Toggle Wireframe</button>
+      <button class="menu-item-link" data-action="ev-transparency">Toggle Transparency</button>
+      <button class="menu-item-link" data-action="ev-xray">Toggle X-Ray</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-screenshot">Screenshot (2x Retina)</button>
+      <button class="menu-item-link" data-action="ev-export-stl">Export Part as STL</button>
+      <button class="menu-item-link" data-action="ev-export-obj">Export Scene as OBJ</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-ai-analyze">AI Model Analysis</button>
+      <button class="menu-item-link" data-action="ev-ai-narrator">AI Part Narrator</button>
+      <button class="menu-item-link" data-action="ev-assembly-anim">Animated Assembly Guide</button>
+      <button class="menu-item-link" data-action="ev-search">Smart Part Search</button>
+      <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="ev-ar-mode">AR Mode (WebXR)</button>
+      <button class="menu-item-link" data-action="ev-language">Language (EN/DE/FR/ES/IT/PT)</button>
+    </div>
+  </div>
+
   <div class="menu-item">
     Tools
     <div class="menu-dropdown">
@@ -982,6 +1023,11 @@
       <button class="menu-item-link" data-action="tools-auto-assembly">Auto-Assemble Parts</button>
       <button class="menu-item-link" data-action="tools-parametric">Parametric from Example</button>
       <div class="menu-separator"></div>
+      <button class="menu-item-link" data-action="tools-image-to-cad">Image-to-CAD (AI Vision)</button>
+      <button class="menu-item-link" data-action="tools-openscad">OpenSCAD Editor</button>
+      <button class="menu-item-link" data-action="tools-param-sliders">Parametric Sliders</button>
+      <button class="menu-item-link" data-action="tools-scad-export">SCAD Export / Import</button>
+      <div class="menu-separator"></div>
       <button class="menu-item-link" data-action="tools-settings">Settings...</button>
     </div>
   </div>
@@ -1011,6 +1057,7 @@
     <button class="workspace-tab" data-workspace="manufacture">Manufacture</button>
     <button class="workspace-tab" data-workspace="render">Render</button>
     <button class="workspace-tab" data-workspace="animation">Animation</button>
+    <button class="workspace-tab" data-workspace="explodeview" style="color:#00ccff;">ExplodeView</button>
 
     <div class="toolbar-divider"></div>
 
@@ -1048,6 +1095,23 @@
       <button class="toolbar-icon-btn" title="Explode" data-action="assembly-explode">💥</button>
     </div>
 
+    <!-- ExplodeView Workspace Tools -->
+    <div id="explodeview-tools" class="workspace-tools" style="display: none;">
+      <button class="toolbar-icon-btn" title="Load Model" data-action="ev-load-model">📂</button>
+      <button class="toolbar-icon-btn" title="Explode" data-action="ev-explode">💥</button>
+      <button class="toolbar-icon-btn" title="Section Cut" data-action="ev-section-cut">✂</button>
+      <button class="toolbar-icon-btn" title="Measure" data-action="ev-measure-distance">📏</button>
+      <button class="toolbar-icon-btn" title="Wall Thickness" data-action="ev-wall-thickness">🧱</button>
+      <button class="toolbar-icon-btn" title="Mass Properties" data-action="ev-mass-properties">⚖</button>
+      <button class="toolbar-icon-btn" title="BOM" data-action="ev-bom">📊</button>
+      <button class="toolbar-icon-btn" title="Annotate" data-action="ev-annotations">📌</button>
+      <button class="toolbar-icon-btn" title="Wireframe" data-action="ev-wireframe">🔲</button>
+      <button class="toolbar-icon-btn" title="X-Ray" data-action="ev-xray">👁</button>
+      <button class="toolbar-icon-btn" title="Screenshot" data-action="ev-screenshot">📸</button>
+      <button class="toolbar-icon-btn" title="AI Analyze" data-action="ev-ai-analyze">🤖</button>
+      <button class="toolbar-icon-btn" title="Search Parts" data-action="ev-search">🔍</button>
+    </div>
+
     <!-- Drawing Workspace Tools -->
     <div id="drawing-tools" class="workspace-tools" style="display: none;">
       <button class="toolbar-icon-btn" title="New Drawing" data-action="drawing-new">📄</button>
@@ -1154,6 +1218,42 @@
       <canvas id="viewport"></canvas>
       <!-- ViewCube -->
       <div id="viewcube" style="position:absolute;top:12px;right:12px;width:120px;height:120px;pointer-events:auto;z-index:100;"></div>
+      <!-- Viewer Mode Toggle -->
+      <button id="btn-viewer-mode-toggle" style="position:absolute;top:12px;left:12px;z-index:100;background:#0284C7;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.4);display:flex;align-items:center;gap:6px;" title="Toggle Viewer Mode (ExplodeView)">
+        <span style="font-size:16px;">&#128065;</span> Viewer Mode
+      </button>
+      <!-- Viewer Mode Control Panel (hidden by default) -->
+      <div id="viewer-panel" style="display:none;position:absolute;bottom:12px;left:12px;right:12px;z-index:90;background:rgba(30,30,30,0.95);border:1px solid #3e3e42;border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px rgba(0,0,0,0.5);">
+        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;">
+          <span style="font-weight:600;font-size:13px;color:#e0e0e0;">ExplodeView Controls</span>
+          <div style="display:flex;gap:6px;">
+            <button id="viewer-load-file" style="background:#10b981;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer;font-weight:600;">Load File</button>
+            <button id="viewer-export-bom" style="background:#0284C7;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer;font-weight:600;">Export BOM</button>
+            <button id="viewer-screenshot" style="background:#6366f1;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer;font-weight:600;">Screenshot</button>
+          </div>
+        </div>
+        <!-- Explode Slider -->
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
+          <span style="font-size:11px;color:#a0a0a0;min-width:50px;">Explode:</span>
+          <input id="viewer-explode-slider" type="range" min="0" max="100" value="0" style="flex:1;accent-color:#0284C7;height:6px;">
+          <span id="viewer-explode-value" style="font-size:11px;color:#e0e0e0;min-width:30px;">0%</span>
+        </div>
+        <!-- Section Cut -->
+        <div style="display:flex;align-items:center;gap:10px;margin-bottom:6px;">
+          <span style="font-size:11px;color:#a0a0a0;min-width:50px;">Section:</span>
+          <button id="viewer-section-x" style="background:#374151;color:#ef4444;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;font-weight:600;">X</button>
+          <button id="viewer-section-y" style="background:#374151;color:#10b981;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;font-weight:600;">Y</button>
+          <button id="viewer-section-z" style="background:#374151;color:#3b82f6;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;font-weight:600;">Z</button>
+          <button id="viewer-section-off" style="background:#374151;color:#a0a0a0;border:1px solid #4b5563;border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer;">Off</button>
+          <input id="viewer-section-slider" type="range" min="-100" max="100" value="0" style="flex:1;accent-color:#f59e0b;height:6px;">
+        </div>
+        <!-- Part Info -->
+        <div id="viewer-part-info" style="font-size:11px;color:#888;margin-top:4px;">
+          <span id="viewer-parts-count">No model loaded</span> · <span id="viewer-selected-part">Select a part to inspect</span>
+        </div>
+        <!-- Hidden file input -->
+        <input type="file" id="viewer-file-input" accept=".stl,.obj,.gltf,.glb,.step,.stp" style="display:none;" multiple>
+      </div>
     </div>
 
     <!-- Right Panel (Properties) -->
@@ -1336,13 +1436,15 @@ window._dismissSplash = function(action) {
   <div style="background:#252526;border:1px solid #3c3c3c;border-radius:12px;padding:40px 48px;max-width:560px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5);">
     <div style="font-size:36px;margin-bottom:4px;"><span style="color:#0284C7;font-weight:700;">cycle</span><span style="color:#e0e0e0;font-weight:300;">CAD</span></div>
     <div style="color:#888;font-size:13px;margin-bottom:28px;">Agent-First Parametric 3D CAD Modeler</div>
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;">
-      <button id="splash-sketch" style="background:#0284C7;color:#fff;border:none;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;"><div style="font-size:24px;margin-bottom:6px;">&#9999;&#65039;</div>New Sketch<div style="font-size:11px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:4px;">Start with a 2D sketch</div></button>
-      <button id="splash-import" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;"><div style="font-size:24px;margin-bottom:6px;">&#128194;</div>Open / Import<div style="font-size:11px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:4px;">STEP, STL, Inventor, JSON</div></button>
-      <button id="splash-textcad" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;"><div style="font-size:24px;margin-bottom:6px;">&#129302;</div>Text-to-CAD<div style="font-size:11px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:4px;">Describe a part in English</div></button>
-      <button id="splash-inventor" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;"><div style="font-size:24px;margin-bottom:6px;">&#127981;</div>Inventor Project<div style="font-size:11px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:4px;">Load .ipj / .ipt / .iam</div></button>
+    <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;">
+      <button id="splash-sketch" style="background:#0284C7;color:#fff;border:none;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#9999;&#65039;</div>New Sketch<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">2D sketch</div></button>
+      <button id="splash-textcad" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#129302;</div>Text-to-CAD<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">Describe in English</div></button>
+      <button id="splash-imagecad" style="background:#374151;color:#fff;border:1px solid #10b981;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#128247;</div>Image-to-CAD<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">Photo or sketch</div></button>
+      <button id="splash-import" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#128194;</div>Open / Import<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">STEP, STL, SCAD</div></button>
+      <button id="splash-openscad" style="background:#374151;color:#fff;border:1px solid #f59e0b;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#128187;</div>OpenSCAD<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">Code editor + WASM</div></button>
+      <button id="splash-inventor" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:16px 12px;cursor:pointer;font-size:13px;font-weight:600;"><div style="font-size:22px;margin-bottom:4px;">&#127981;</div>Inventor Project<div style="font-size:10px;font-weight:400;color:rgba(255,255,255,0.7);margin-top:3px;">.ipj / .ipt / .iam</div></button>
     </div>
-    <div style="color:#666;font-size:11px;">12 killer features &middot; 46 modules &middot; <a href="https://github.com/vvlars-cmd/cyclecad" target="_blank" style="color:#0284C7;text-decoration:none;">GitHub</a></div>
+    <div style="color:#666;font-size:11px;">16 killer features &middot; 50 modules &middot; <a href="https://github.com/vvlars-cmd/cyclecad" target="_blank" style="color:#0284C7;text-decoration:none;">GitHub</a></div>
   </div>
 </div>
 <script>
@@ -1350,7 +1452,9 @@ window._dismissSplash = function(action) {
   function dismiss() { document.getElementById("welcome-panel").style.display = "none"; }
   document.getElementById("splash-sketch").addEventListener("click", dismiss);
   document.getElementById("splash-import").addEventListener("click", dismiss);
-  document.getElementById("splash-textcad").addEventListener("click", dismiss);
+  document.getElementById("splash-textcad").addEventListener("click", function() { dismiss(); setTimeout(() => { if (window.app) window.app.handleMenuAction('tools-text-to-cad'); }, 100); });
+  document.getElementById("splash-imagecad").addEventListener("click", function() { dismiss(); setTimeout(() => { if (window.app) window.app.handleMenuAction('tools-image-to-cad'); }, 100); });
+  document.getElementById("splash-openscad").addEventListener("click", function() { dismiss(); setTimeout(() => { if (window.app) window.app.handleMenuAction('tools-openscad'); }, 100); });
   document.getElementById("splash-inventor").addEventListener("click", dismiss);
 })();
 </script>
@@ -1425,30 +1529,40 @@ window._dismissSplash = function(action) {
 <div id="toast-container"></div>
 
 <!-- Token Engine & Marketplace Scripts (IIFE-based) -->
-<script src="js/token-engine.js"></script>
-<script src="js/marketplace.js"></script>
+<script src="/app/js/token-engine.js"></script>
+<script type="module" src="/app/js/marketplace.js"></script>
 
 <!-- Killer Feature Modules -->
-<script src="js/modules/text-to-cad.js"></script>
-<script src="js/modules/photo-to-cad.js"></script>
-<script src="js/modules/manufacturability.js"></script>
-<script src="js/modules/generative-design.js"></script>
-<script src="js/modules/multi-physics.js"></script>
-<script src="js/modules/smart-parts.js"></script>
-<script src="js/modules/smart-assembly.js"></script>
-<script src="js/modules/digital-twin.js"></script>
-<script src="js/modules/machine-control.js"></script>
-<script src="js/modules/engineering-notebook.js"></script>
-<script src="js/modules/auto-assembly.js"></script>
-<script src="js/modules/parametric-from-example.js"></script>
+<script src="/app/js/modules/text-to-cad.js"></script>
+<script src="/app/js/modules/photo-to-cad.js"></script>
+<script src="/app/js/modules/manufacturability.js"></script>
+<script src="/app/js/modules/generative-design.js"></script>
+<script src="/app/js/modules/multi-physics.js"></script>
+<script src="/app/js/modules/smart-parts.js"></script>
+<script src="/app/js/modules/smart-assembly.js"></script>
+<script src="/app/js/modules/digital-twin.js"></script>
+<script src="/app/js/modules/machine-control.js"></script>
+<script src="/app/js/modules/engineering-notebook.js"></script>
+<script src="/app/js/modules/auto-assembly.js"></script>
+<script src="/app/js/modules/parametric-from-example.js"></script>
+
+<!-- CADAM-Beating Modules -->
+<script src="/app/js/modules/image-to-cad.js"></script>
+<script src="/app/js/modules/openscad-engine.js"></script>
+<script src="/app/js/modules/parametric-sliders.js"></script>
+<script src="/app/js/modules/scad-export.js"></script>
+
+<!-- Test compatibility shim — bridges method-name mismatches between tests and modules -->
+<script src="/app/js/test-compat-shim.js"></script>
 
 <script type="module">
   // ===== Three.js Imports =====
   import * as THREE from 'three';
   import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-  import { GridHelper } from 'three';
-  import { KillerFeatures } from './js/killer-features.js';
-  import { startSketch, endSketch, setTool, getEntities, clearSketch, entitiesToGeometry } from './js/sketch.js';
+  import { KillerFeatures } from '/app/js/killer-features.js';
+  import { startSketch, endSketch, setTool, getEntities, clearSketch, entitiesToGeometry } from '/app/js/sketch.js';
+  import { initViewerMode } from '/app/js/viewer-mode.js';
+  import { initExplodeView } from '/app/js/explodeview-full.js';
 
   // ===== Three.js Viewport Setup =====
   const scene = new THREE.Scene();
@@ -1649,6 +1763,7 @@ window._dismissSplash = function(action) {
     units: 'mm',
     gridEnabled: true,
     snapEnabled: true,
+    featureTree: [],
   };
 
   // ===== DOM Queries =====
@@ -1680,7 +1795,7 @@ window._dismissSplash = function(action) {
   const timelineContent = document.getElementById('timeline-content');
 
   // ===== Menu Actions Handler =====
-  function handleMenuAction(action) {
+  async function handleMenuAction(action) {
     switch (action) {
       case 'file-new':
         showToast('New project created', 'success');
@@ -1923,6 +2038,265 @@ window._dismissSplash = function(action) {
           if (db12) { db12.innerHTML = ''; db12.appendChild(window.CycleCAD.ParametricFromExample.getUI()); db12.style.maxHeight = '500px'; db12.style.overflow = 'auto'; }
         } else { showToast('ParametricFromExample module not loaded', 'error'); }
         break;
+      case 'tools-image-to-cad':
+        if (window.CycleCAD && window.CycleCAD.ImageToCAD) {
+          showDialog('Image-to-CAD (AI Vision)', '');
+          const dbImg = document.getElementById('dialog-body');
+          if (dbImg) { dbImg.innerHTML = ''; dbImg.appendChild(window.CycleCAD.ImageToCAD.getUI()); dbImg.style.maxHeight = '600px'; dbImg.style.overflow = 'auto'; }
+        } else { showToast('ImageToCAD module not loaded', 'error'); }
+        break;
+      case 'tools-openscad':
+        if (window.CycleCAD && window.CycleCAD.OpenSCADEngine) {
+          showDialog('OpenSCAD Editor', '');
+          const dbScad = document.getElementById('dialog-body');
+          if (dbScad) { dbScad.innerHTML = ''; dbScad.appendChild(window.CycleCAD.OpenSCADEngine.getUI()); dbScad.style.maxHeight = '600px'; dbScad.style.overflow = 'auto'; }
+        } else { showToast('OpenSCADEngine module not loaded', 'error'); }
+        break;
+      case 'tools-param-sliders':
+        if (window.CycleCAD && window.CycleCAD.ParametricSliders) {
+          showDialog('Parametric Sliders', '');
+          const dbSlider = document.getElementById('dialog-body');
+          if (dbSlider) { dbSlider.innerHTML = ''; dbSlider.appendChild(window.CycleCAD.ParametricSliders.getUI()); dbSlider.style.maxHeight = '600px'; dbSlider.style.overflow = 'auto'; }
+        } else { showToast('ParametricSliders module not loaded', 'error'); }
+        break;
+      case 'tools-scad-export':
+        if (window.CycleCAD && window.CycleCAD.SCADExport) {
+          showDialog('SCAD Export / Import', '');
+          const dbExp = document.getElementById('dialog-body');
+          if (dbExp) { dbExp.innerHTML = ''; dbExp.appendChild(window.CycleCAD.SCADExport.getUI()); dbExp.style.maxHeight = '600px'; dbExp.style.overflow = 'auto'; }
+        } else { showToast('SCADExport module not loaded', 'error'); }
+        break;
+      // ===== ExplodeView Menu Actions =====
+      case 'ev-load-model': {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = '.stl,.obj,.gltf,.glb,.step,.stp';
+        input.addEventListener('change', async (e) => {
+          if (e.target.files[0] && window.app.explodeView) {
+            showToast('Loading ' + e.target.files[0].name + '...', 'info');
+            const ext = e.target.files[0].name.split('.').pop().toLowerCase();
+            if (ext === 'step' || ext === 'stp') {
+              await window.app.explodeView.loadSTEP(e.target.files[0]);
+            } else {
+              await window.app.explodeView.loadModel(e.target.files[0]);
+            }
+            showToast('Model loaded', 'success');
+          }
+        });
+        input.click();
+        break;
+      }
+      case 'ev-explode': {
+        showDialog('Explode / Collapse', `
+          <div style="padding:16px;">
+            <label style="display:block;margin-bottom:8px;font-weight:bold;">Explode Amount</label>
+            <input type="range" id="ev-explode-range" min="0" max="100" value="0" style="width:100%;accent-color:#00ccff;">
+            <div id="ev-explode-val" style="text-align:center;margin-top:8px;font-size:18px;color:#00ccff;">0%</div>
+          </div>
+        `);
+        const slider = document.getElementById('ev-explode-range');
+        const val = document.getElementById('ev-explode-val');
+        if (slider && window.app.explodeView) {
+          slider.addEventListener('input', (e) => {
+            const pct = parseInt(e.target.value);
+            window.app.explodeView.explodeParts(pct / 100);
+            val.textContent = pct + '%';
+          });
+        }
+        break;
+      }
+      case 'ev-section-cut': {
+        showDialog('Section Cut', `
+          <div style="padding:16px;">
+            <div style="display:flex;gap:8px;margin-bottom:12px;">
+              <button id="ev-sec-x" style="flex:1;padding:8px;background:#374151;color:#fff;border:none;border-radius:4px;cursor:pointer;">X Axis</button>
+              <button id="ev-sec-y" style="flex:1;padding:8px;background:#374151;color:#fff;border:none;border-radius:4px;cursor:pointer;">Y Axis</button>
+              <button id="ev-sec-z" style="flex:1;padding:8px;background:#374151;color:#fff;border:none;border-radius:4px;cursor:pointer;">Z Axis</button>
+            </div>
+            <input type="range" id="ev-sec-pos" min="-200" max="200" value="0" style="width:100%;accent-color:#00ccff;">
+            <button id="ev-sec-off" style="margin-top:12px;padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;">Disable Section Cut</button>
+          </div>
+        `);
+        let activeAxis = null;
+        ['x','y','z'].forEach(axis => {
+          const btn = document.getElementById('ev-sec-' + axis);
+          if (btn && window.app.explodeView) {
+            btn.addEventListener('click', () => {
+              activeAxis = axis;
+              window.app.explodeView.setSectionCut(axis, 0, true);
+              ['x','y','z'].forEach(a => { document.getElementById('ev-sec-' + a).style.background = a === axis ? '#00ccff' : '#374151'; });
+            });
+          }
+        });
+        const posSlider = document.getElementById('ev-sec-pos');
+        if (posSlider && window.app.explodeView) {
+          posSlider.addEventListener('input', (e) => {
+            if (activeAxis) window.app.explodeView.setSectionCut(activeAxis, parseInt(e.target.value), true);
+          });
+        }
+        const offBtn = document.getElementById('ev-sec-off');
+        if (offBtn && window.app.explodeView) {
+          offBtn.addEventListener('click', () => {
+            ['x','y','z'].forEach(a => window.app.explodeView.setSectionCut(a, 0, false));
+            ['x','y','z'].forEach(a => { document.getElementById('ev-sec-' + a).style.background = '#374151'; });
+            activeAxis = null;
+          });
+        }
+        break;
+      }
+      case 'ev-assembly-tree':
+        if (window.app.explodeView) {
+          const tree = window.app.explodeView.getAssemblyTree();
+          showDialog('Assembly Tree', `<pre style="padding:16px;max-height:400px;overflow:auto;font-size:12px;color:#e0e0e0;">${tree ? JSON.stringify(tree, null, 2) : 'No assembly loaded. Load a model first.'}</pre>`);
+        }
+        break;
+      case 'ev-measure-distance':
+        showToast('Click two points in the viewport to measure distance', 'info');
+        if (window.app.explodeView) window.app.explodeView.startMeasureMode('distance');
+        break;
+      case 'ev-measure-angle':
+        showToast('Click three points (start, center, end) to measure angle', 'info');
+        if (window.app.explodeView) window.app.explodeView.startMeasureMode('angle');
+        break;
+      case 'ev-measure-volume':
+        if (window.app.explodeView) {
+          const vol = window.app.explodeView.computeVolumeOfSelected();
+          showDialog('Volume', `<div style="padding:16px;font-size:16px;color:#00ccff;">${vol != null ? vol.toFixed(2) + ' mm³' : 'Select a part first'}</div>`);
+        }
+        break;
+      case 'ev-measure-area':
+        if (window.app.explodeView) {
+          const area = window.app.explodeView.computeAreaOfSelected();
+          showDialog('Surface Area', `<div style="padding:16px;font-size:16px;color:#00ccff;">${area != null ? area.toFixed(2) + ' mm²' : 'Select a part first'}</div>`);
+        }
+        break;
+      case 'ev-wall-thickness':
+        showToast('Analyzing wall thickness...', 'info');
+        if (window.app.explodeView) window.app.explodeView.analyzeWallThicknessOfSelected();
+        break;
+      case 'ev-draft-angle':
+        showToast('Analyzing draft angles...', 'info');
+        if (window.app.explodeView) window.app.explodeView.analyzeDraftAngleOfSelected();
+        break;
+      case 'ev-interference':
+        if (window.app.explodeView) {
+          const results = window.app.explodeView.checkInterference();
+          showDialog('Interference Check', `<div style="padding:16px;color:#e0e0e0;">${results.length > 0 ? results.map(r => `<div style="margin:4px 0;padding:8px;background:#2d2d30;border-radius:4px;border-left:3px solid #ef4444;">${r}</div>`).join('') : '<div style="color:#10b981;">No interference detected</div>'}</div>`);
+        }
+        break;
+      case 'ev-mass-properties':
+        if (window.app.explodeView) {
+          const props = window.app.explodeView.getMassProperties();
+          showDialog('Mass Properties', `<div style="padding:16px;font-family:monospace;font-size:13px;color:#e0e0e0;line-height:1.8;">
+            <div>Total Mass: <span style="color:#00ccff;">${props.totalMass.toFixed(2)} kg</span></div>
+            <div>Center of Gravity: <span style="color:#00ccff;">(${props.cog.x.toFixed(1)}, ${props.cog.y.toFixed(1)}, ${props.cog.z.toFixed(1)})</span></div>
+            <div>Total Parts: <span style="color:#00ccff;">${props.partCount}</span></div>
+          </div>`);
+        }
+        break;
+      case 'ev-bom':
+        if (window.app.explodeView) {
+          window.app.explodeView.exportBOMcsv();
+          showToast('BOM exported as CSV', 'success');
+        }
+        break;
+      case 'ev-annotations':
+        showToast('Click a point on the model to add an annotation', 'info');
+        if (window.app.explodeView) window.app.explodeView.startAnnotationMode();
+        break;
+      case 'ev-gdt':
+        showToast('Click a surface to add GD&T annotation', 'info');
+        if (window.app.explodeView) window.app.explodeView.startGDTMode();
+        break;
+      case 'ev-wireframe':
+        if (window.app.explodeView) {
+          window.app.explodeView.toggleWireframe();
+          showToast('Wireframe toggled', 'success');
+        }
+        break;
+      case 'ev-transparency':
+        if (window.app.explodeView) {
+          window.app.explodeView.toggleTransparency();
+          showToast('Transparency toggled', 'success');
+        }
+        break;
+      case 'ev-xray':
+        if (window.app.explodeView) {
+          window.app.explodeView.toggleXray();
+          showToast('X-Ray mode toggled', 'success');
+        }
+        break;
+      case 'ev-screenshot':
+        if (window.app.explodeView) {
+          window.app.explodeView.captureScreenshot();
+          showToast('Screenshot saved', 'success');
+        }
+        break;
+      case 'ev-export-stl':
+        if (window.app.explodeView) {
+          window.app.explodeView.exportSTLSelected();
+          showToast('STL exported', 'success');
+        }
+        break;
+      case 'ev-export-obj':
+        if (window.app.explodeView) {
+          window.app.explodeView.exportOBJ();
+          showToast('OBJ exported', 'success');
+        }
+        break;
+      case 'ev-ai-analyze':
+        showToast('AI analyzing model...', 'info');
+        if (window.app.explodeView) {
+          const analysis = await window.app.explodeView.aiAnalyzeModel();
+          showDialog('AI Model Analysis', `<div style="padding:16px;color:#e0e0e0;line-height:1.6;max-height:400px;overflow:auto;">${analysis}</div>`);
+        }
+        break;
+      case 'ev-ai-narrator':
+        showToast('Select a part, then AI will describe its function', 'info');
+        if (window.app.explodeView) {
+          const narration = await window.app.explodeView.aiNarrateSelected();
+          if (narration) showDialog('AI Part Narrator', `<div style="padding:16px;color:#e0e0e0;line-height:1.6;">${narration}</div>`);
+        }
+        break;
+      case 'ev-assembly-anim':
+        if (window.app.explodeView) {
+          window.app.explodeView.playAssemblyAnimation();
+          showToast('Playing assembly animation...', 'info');
+        }
+        break;
+      case 'ev-search': {
+        showDialog('Smart Part Search', `
+          <div style="padding:16px;">
+            <input type="text" id="ev-search-input" placeholder="Search parts (e.g. 'bolt', 'plate', 'shaft')..." style="width:100%;padding:10px;background:#1e1e1e;border:1px solid #3e3e42;color:#e0e0e0;border-radius:4px;font-size:14px;">
+            <div id="ev-search-results" style="margin-top:12px;max-height:300px;overflow:auto;"></div>
+          </div>
+        `);
+        const searchInput = document.getElementById('ev-search-input');
+        if (searchInput && window.app.explodeView) {
+          searchInput.addEventListener('input', (e) => {
+            const results = window.app.explodeView.searchParts(e.target.value);
+            const container = document.getElementById('ev-search-results');
+            container.innerHTML = results.map(r => `<div style="padding:6px 10px;margin:4px 0;background:#2d2d30;border-radius:4px;cursor:pointer;color:#e0e0e0;" onclick="window.app.explodeView.highlightPart('${r.uuid}')">${r.name}</div>`).join('') || '<div style="color:#666;">No matches</div>';
+          });
+        }
+        break;
+      }
+      case 'ev-ar-mode':
+        if (window.app.explodeView) {
+          window.app.explodeView.enterARMode();
+        }
+        break;
+      case 'ev-language': {
+        showDialog('Language', `
+          <div style="padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;">
+            ${['en:English','de:Deutsch','fr:Français','es:Español','it:Italiano','pt:Português'].map(l => {
+              const [code, name] = l.split(':');
+              return `<button onclick="window.app.explodeView && window.app.explodeView.setLanguage('${code}'); document.getElementById('dialog-overlay').style.display='none';" style="padding:12px;background:#2d2d30;border:1px solid #3e3e42;color:#e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;">${name}</button>`;
+            }).join('')}
+          </div>
+        `);
+        break;
+      }
       default:
         showToast(`${action}`, 'success');
     }
@@ -2313,6 +2687,165 @@ window._dismissSplash = function(action) {
       window.CycleCAD.ParametricFromExample.init(scene);
       console.log('[cycleCAD] Parametric from Example initialized');
     }
+
+    // ===== CADAM-Beating Modules =====
+
+    // Initialize Image-to-CAD (AI Vision)
+    if (window.CycleCAD && window.CycleCAD.ImageToCAD) {
+      window.CycleCAD.ImageToCAD.init(scene, renderer, camera);
+      console.log('[cycleCAD] Image-to-CAD (AI Vision) initialized');
+    }
+
+    // Initialize OpenSCAD Engine
+    if (window.CycleCAD && window.CycleCAD.OpenSCADEngine) {
+      window.CycleCAD.OpenSCADEngine.init(scene, renderer);
+      console.log('[cycleCAD] OpenSCAD Engine initialized');
+    }
+
+    // Initialize Parametric Sliders
+    if (window.CycleCAD && window.CycleCAD.ParametricSliders) {
+      window.CycleCAD.ParametricSliders.init(scene, renderer);
+      console.log('[cycleCAD] Parametric Sliders initialized');
+    }
+
+    // Initialize SCAD Export/Import
+    if (window.CycleCAD && window.CycleCAD.SCADExport) {
+      window.CycleCAD.SCADExport.init(scene, camera);
+      console.log('[cycleCAD] SCAD Export/Import initialized');
+    }
+
+    // ===== ExplodeView / Viewer Mode =====
+    let viewerAPI = null;
+    try {
+      viewerAPI = initViewerMode({
+        getScene: () => scene,
+        getCamera: () => camera,
+        getRenderer: () => renderer,
+        getControls: () => controls
+      });
+      console.log('[cycleCAD] ExplodeView Viewer Mode initialized');
+    } catch(e) {
+      console.warn('[cycleCAD] Viewer Mode init failed:', e);
+    }
+
+    // Viewer Mode toggle button
+    const vmToggle = document.getElementById('btn-viewer-mode-toggle');
+    const vmPanel = document.getElementById('viewer-panel');
+    let viewerActive = false;
+
+    if (vmToggle) {
+      vmToggle.addEventListener('click', () => {
+        viewerActive = !viewerActive;
+        if (viewerAPI) viewerAPI.toggleViewerMode(viewerActive);
+        vmPanel.style.display = viewerActive ? 'block' : 'none';
+        vmToggle.style.background = viewerActive ? '#f59e0b' : '#0284C7';
+        vmToggle.innerHTML = viewerActive
+          ? '<span style="font-size:16px;">&#9998;</span> Edit Mode'
+          : '<span style="font-size:16px;">&#128065;</span> Viewer Mode';
+        showToast(viewerActive ? 'Viewer Mode — Load a file to inspect' : 'Edit Mode', 'success');
+      });
+    }
+
+    // Explode slider
+    const explodeSlider = document.getElementById('viewer-explode-slider');
+    const explodeValue = document.getElementById('viewer-explode-value');
+    if (explodeSlider && viewerAPI) {
+      explodeSlider.addEventListener('input', (e) => {
+        const val = parseInt(e.target.value) / 100;
+        viewerAPI.explodeParts(val);
+        explodeValue.textContent = e.target.value + '%';
+      });
+    }
+
+    // Section cut buttons
+    ['x','y','z'].forEach(axis => {
+      const btn = document.getElementById('viewer-section-' + axis);
+      if (btn && viewerAPI) {
+        btn.addEventListener('click', () => {
+          viewerAPI.setSectionCut(axis, parseInt(document.getElementById('viewer-section-slider').value));
+          btn.style.background = '#0284C7';
+          ['x','y','z'].filter(a => a !== axis).forEach(a => {
+            document.getElementById('viewer-section-' + a).style.background = '#374151';
+          });
+        });
+      }
+    });
+    const sectionOff = document.getElementById('viewer-section-off');
+    if (sectionOff && viewerAPI) {
+      sectionOff.addEventListener('click', () => {
+        viewerAPI.setSectionCut(null);
+        ['x','y','z'].forEach(a => {
+          document.getElementById('viewer-section-' + a).style.background = '#374151';
+        });
+      });
+    }
+    const sectionSlider = document.getElementById('viewer-section-slider');
+    if (sectionSlider && viewerAPI) {
+      sectionSlider.addEventListener('input', (e) => {
+        const activeBtn = ['x','y','z'].find(a => document.getElementById('viewer-section-' + a).style.background === 'rgb(2, 132, 199)');
+        if (activeBtn) viewerAPI.setSectionCut(activeBtn, parseInt(e.target.value));
+      });
+    }
+
+    // Load file button
+    const loadFileBtn = document.getElementById('viewer-load-file');
+    const fileInput = document.getElementById('viewer-file-input');
+    if (loadFileBtn && fileInput && viewerAPI) {
+      loadFileBtn.addEventListener('click', () => fileInput.click());
+      fileInput.addEventListener('change', async (e) => {
+        const files = Array.from(e.target.files);
+        for (const file of files) {
+          showToast('Loading ' + file.name + '...', 'info');
+          const url = URL.createObjectURL(file);
+          await viewerAPI.loadFile(url, file.name);
+        }
+        const state = viewerAPI.getViewerState();
+        document.getElementById('viewer-parts-count').textContent = state.allParts.length + ' parts loaded';
+        showToast(files.length + ' file(s) loaded', 'success');
+        fileInput.value = '';
+      });
+    }
+
+    // Export BOM button
+    const bomBtn = document.getElementById('viewer-export-bom');
+    if (bomBtn && viewerAPI) {
+      bomBtn.addEventListener('click', () => {
+        viewerAPI.exportBOM();
+        showToast('BOM exported as CSV', 'success');
+      });
+    }
+
+    // Screenshot button
+    const ssBtn = document.getElementById('viewer-screenshot');
+    if (ssBtn) {
+      ssBtn.addEventListener('click', () => {
+        renderer.render(scene, camera);
+        const dataURL = renderer.domElement.toDataURL('image/png');
+        const a = document.createElement('a');
+        a.href = dataURL;
+        a.download = 'cyclecad-viewer-screenshot.png';
+        a.click();
+        showToast('Screenshot saved', 'success');
+      });
+    }
+
+    // Expose viewer API globally
+    window.app.viewerMode = viewerAPI;
+
+    // ===== ExplodeView FULL Integration (40+ tools) =====
+    let evAPI = null;
+    try {
+      evAPI = initExplodeView({
+        getScene: () => scene,
+        getCamera: () => camera,
+        getRenderer: () => renderer,
+        getControls: () => controls
+      });
+      window.app.explodeView = evAPI;
+      console.log('[cycleCAD] ExplodeView Full initialized — 40+ tools ready');
+    } catch(e) {
+      console.warn('[cycleCAD] ExplodeView Full init failed:', e);
+    }
   }
 
   // ===== Export Global Functions =====