cyclecad 3.9.0 → 3.9.2

package/app/index.html

@@ -1145,8 +1145,10 @@
     </div>
 
     <!-- Viewport -->
-    <div id="viewport-container">
+    <div id="viewport-container" style="position:relative;">
       <canvas id="viewport"></canvas>
+      <!-- ViewCube -->
+      <div id="viewcube" style="position:absolute;top:12px;right:12px;width:90px;height:90px;pointer-events:auto;z-index:100;"></div>
     </div>
 
     <!-- Right Panel (Properties) -->
@@ -1306,6 +1308,72 @@
 
 </div>
 
+<!-- Welcome Splash Screen -->
+<div id="welcome-panel" style="position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:9999;">
+  <div style="background:var(--bg-secondary,#252526);border:1px solid var(--border-color,#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 data-action="new-sketch" style="background:#0284C7;color:#fff;border:none;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.2s;" onmouseover="this.style.background='#0369a1'" onmouseout="this.style.background='#0284C7'">
+        <div style="font-size:24px;margin-bottom:6px;">✏️</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 data-action="import" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.2s;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <div style="font-size:24px;margin-bottom:6px;">📂</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 data-action="ai-generate" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.2s;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <div style="font-size:24px;margin-bottom:6px;">🤖</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 data-action="load-inventor" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.2s;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <div style="font-size:24px;margin-bottom:6px;">🏭</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>
+    <div style="color:#666;font-size:11px;">v0.9.0 &middot; 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>
+</div>
+
+<!-- Welcome Splash Screen -->
+<div id="welcome-panel" style="position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:9999;">
+  <div style="background:var(--bg-secondary,#252526);border:1px solid var(--border-color,#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 data-action="new-sketch" style="background:#0284C7;color:#fff;border:none;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;" onmouseover="this.style.background='#0369a1'" onmouseout="this.style.background='#0284C7'">
+        <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 data-action="import" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <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 data-action="ai-generate" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <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 data-action="load-inventor" style="background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;" onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#374151'">
+        <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>
+    <div style="color:#666;font-size:11px;">v0.9.0 &middot; 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>
+</div>
+
 <!-- Modal Dialogs -->
 <div id="dialog-overlay" class="modal-overlay">
   <div class="modal-dialog">
@@ -1447,22 +1515,6 @@
   const grid = new THREE.GridHelper(500, 50, 0x444444, 0x333333);
   scene.add(grid);
 
-  // Demo geometry — a sample part so viewport isn't empty
-  const boxGeo = new THREE.BoxGeometry(60, 40, 80);
-  const boxMat = new THREE.MeshStandardMaterial({ color: 0x0284C7, metalness: 0.3, roughness: 0.6 });
-  const box = new THREE.Mesh(boxGeo, boxMat);
-  box.position.y = 20;
-  box.castShadow = true;
-  box.receiveShadow = true;
-  scene.add(box);
-
-  const cylGeo = new THREE.CylinderGeometry(12, 12, 50, 32);
-  const cylMat = new THREE.MeshStandardMaterial({ color: 0x10b981, metalness: 0.4, roughness: 0.5 });
-  const cyl = new THREE.Mesh(cylGeo, cylMat);
-  cyl.position.set(0, 45, 0);
-  cyl.castShadow = true;
-  scene.add(cyl);
-
   // Ground plane
   const groundGeo = new THREE.PlaneGeometry(500, 500);
   const groundMat = new THREE.ShadowMaterial({ opacity: 0.15 });
@@ -1475,11 +1527,89 @@
   new ResizeObserver(resizeViewport).observe(viewportEl);
   resizeViewport(); // Call initial resize to set canvas dimensions
 
+  // ===== ViewCube =====
+  const vcContainer = document.getElementById('viewcube');
+  const vcScene = new THREE.Scene();
+  const vcCamera = new THREE.PerspectiveCamera(40, 1, 0.1, 100);
+  vcCamera.position.set(0, 0, 3.5);
+  const vcRenderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
+  vcRenderer.setSize(90, 90);
+  vcRenderer.setPixelRatio(window.devicePixelRatio);
+  vcContainer.appendChild(vcRenderer.domElement);
+
+  // Cube faces
+  const faceLabels = ['Right', 'Left', 'Top', 'Bottom', 'Front', 'Back'];
+  const faceColors = [0x3b82f6, 0x3b82f6, 0x10b981, 0x10b981, 0x0284C7, 0x0284C7];
+  const cubeMats = faceLabels.map((label, i) => {
+    const canvas = document.createElement('canvas');
+    canvas.width = 128; canvas.height = 128;
+    const ctx = canvas.getContext('2d');
+    ctx.fillStyle = '#' + faceColors[i].toString(16).padStart(6, '0');
+    ctx.fillRect(0, 0, 128, 128);
+    ctx.strokeStyle = '#1e293b';
+    ctx.lineWidth = 3;
+    ctx.strokeRect(1, 1, 126, 126);
+    ctx.fillStyle = '#fff';
+    ctx.font = 'bold 22px Arial';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(label, 64, 64);
+    const tex = new THREE.CanvasTexture(canvas);
+    return new THREE.MeshBasicMaterial({ map: tex });
+  });
+  const vcCube = new THREE.Mesh(new THREE.BoxGeometry(1.6, 1.6, 1.6), cubeMats);
+  vcScene.add(vcCube);
+
+  // Axis lines on viewcube
+  const axLen = 1.3;
+  const axMat = (c) => new THREE.LineBasicMaterial({ color: c });
+  const axGeo = (v) => new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(), v]);
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(axLen, 0, 0)), axMat(0xff4444)));
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(0, axLen, 0)), axMat(0x44ff44)));
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(0, 0, axLen)), axMat(0x4444ff)));
+
+  // ViewCube click → snap camera to face
+  const vcViews = {
+    Right:  { x: 3, y: 0, z: 0 },
+    Left:   { x: -3, y: 0, z: 0 },
+    Top:    { x: 0, y: 3, z: 0 },
+    Bottom: { x: 0, y: -3, z: 0 },
+    Front:  { x: 0, y: 0, z: 3 },
+    Back:   { x: 0, y: 0, z: -3 }
+  };
+  const vcRay = new THREE.Raycaster();
+  const vcMouse = new THREE.Vector2();
+  vcRenderer.domElement.addEventListener('click', (e) => {
+    const rect = vcRenderer.domElement.getBoundingClientRect();
+    vcMouse.x = ((e.clientX - rect.left) / rect.width) * 2 - 1;
+    vcMouse.y = -((e.clientY - rect.top) / rect.height) * 2 + 1;
+    vcRay.setFromCamera(vcMouse, vcCamera);
+    const hits = vcRay.intersectObject(vcCube);
+    if (hits.length > 0) {
+      const fi = hits[0].face.materialIndex;
+      const label = faceLabels[fi];
+      const v = vcViews[label];
+      if (v) {
+        const dist = camera.position.length();
+        const s = dist / 3;
+        camera.position.set(v.x * s, v.y * s, v.z * s);
+        camera.lookAt(controls.target);
+        controls.update();
+      }
+    }
+  });
+  vcRenderer.domElement.style.cursor = 'pointer';
+
   // Animation loop
   function animate() {
     requestAnimationFrame(animate);
     controls.update();
     renderer.render(scene, camera);
+    // Sync ViewCube with main camera
+    const dir = new THREE.Vector3();
+    camera.getWorldDirection(dir);
+    vcCube.quaternion.copy(camera.quaternion).invert();
+    vcRenderer.render(vcScene, vcCamera);
   }
   animate();
 
@@ -1513,6 +1643,34 @@
   const statusBar = document.getElementById('status-bar');
   const timelineContent = document.getElementById('timeline-content');
 
+  // ===== Welcome Splash =====
+  const welcomePanel = document.getElementById('welcome-panel');
+  if (welcomePanel) {
+    const dismissWelcome = () => { welcomePanel.style.display = 'none'; };
+    const wb1 = welcomePanel.querySelector('[data-action="new-sketch"]');
+    if (wb1) wb1.onclick = () => { dismissWelcome(); handleMenuAction('sketch-new'); };
+    const wb2 = welcomePanel.querySelector('[data-action="import"]');
+    if (wb2) wb2.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+    const wb3 = welcomePanel.querySelector('[data-action="ai-generate"]');
+    if (wb3) wb3.onclick = () => { dismissWelcome(); handleMenuAction('tools-text-to-cad'); };
+    const wb4 = welcomePanel.querySelector('[data-action="load-inventor"]');
+    if (wb4) wb4.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+  }
+
+  // ===== Welcome Splash =====
+  const welcomePanel = document.getElementById('welcome-panel');
+  if (welcomePanel) {
+    const dismissWelcome = () => { welcomePanel.style.display = 'none'; };
+    const wb1 = welcomePanel.querySelector('[data-action="new-sketch"]');
+    if (wb1) wb1.onclick = () => { dismissWelcome(); handleMenuAction('sketch-new'); };
+    const wb2 = welcomePanel.querySelector('[data-action="import"]');
+    if (wb2) wb2.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+    const wb3 = welcomePanel.querySelector('[data-action="ai-generate"]');
+    if (wb3) wb3.onclick = () => { dismissWelcome(); handleMenuAction('tools-text-to-cad'); };
+    const wb4 = welcomePanel.querySelector('[data-action="load-inventor"]');
+    if (wb4) wb4.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+  }
+
   // ===== Menu Actions Handler =====
   function handleMenuAction(action) {
     switch (action) {
@@ -1562,99 +1720,87 @@
         break;
       case 'tools-text-to-cad':
         if (window.CycleCAD && window.CycleCAD.TextToCAD) {
-          const ttcPanel = window.CycleCAD.TextToCAD.getUI();
           showDialog('Text-to-CAD (AI)', '');
-          const dlg = document.querySelector('.dialog-content');
-          if (dlg) { dlg.innerHTML = ''; dlg.appendChild(ttcPanel); dlg.style.maxHeight = '500px'; dlg.style.overflow = 'auto'; }
-        }
+          const db1 = document.getElementById('dialog-body');
+          if (db1) { db1.innerHTML = ''; db1.appendChild(window.CycleCAD.TextToCAD.getUI()); db1.style.maxHeight = '500px'; db1.style.overflow = 'auto'; }
+        } else { showToast('TextToCAD module not loaded', 'error'); }
         break;
       case 'tools-photo-to-cad':
         if (window.CycleCAD && window.CycleCAD.PhotoToCAD) {
-          const ptcPanel = window.CycleCAD.PhotoToCAD.getUI();
           showDialog('Photo-to-CAD', '');
-          const dlg2 = document.querySelector('.dialog-content');
-          if (dlg2) { dlg2.innerHTML = ''; dlg2.appendChild(ptcPanel); dlg2.style.maxHeight = '500px'; dlg2.style.overflow = 'auto'; }
-        }
+          const db2 = document.getElementById('dialog-body');
+          if (db2) { db2.innerHTML = ''; db2.appendChild(window.CycleCAD.PhotoToCAD.getUI()); db2.style.maxHeight = '500px'; db2.style.overflow = 'auto'; }
+        } else { showToast('PhotoToCAD module not loaded', 'error'); }
         break;
       case 'tools-dfm':
         if (window.CycleCAD && window.CycleCAD.Manufacturability) {
-          const dfmPanel = window.CycleCAD.Manufacturability.getUI();
           showDialog('Manufacturability Check', '');
-          const dlg3 = document.querySelector('.dialog-content');
-          if (dlg3) { dlg3.innerHTML = ''; dlg3.appendChild(dfmPanel); dlg3.style.maxHeight = '500px'; dlg3.style.overflow = 'auto'; }
-        }
+          const db3 = document.getElementById('dialog-body');
+          if (db3) { db3.innerHTML = ''; db3.appendChild(window.CycleCAD.Manufacturability.getUI()); db3.style.maxHeight = '500px'; db3.style.overflow = 'auto'; }
+        } else { showToast('Manufacturability module not loaded', 'error'); }
         break;
       case 'tools-generative':
         if (window.CycleCAD && window.CycleCAD.GenerativeDesign) {
-          const genPanel = window.CycleCAD.GenerativeDesign.getUI();
           showDialog('Generative Design', '');
-          const dlg4 = document.querySelector('.dialog-content');
-          if (dlg4) { dlg4.innerHTML = ''; dlg4.appendChild(genPanel); dlg4.style.maxHeight = '500px'; dlg4.style.overflow = 'auto'; }
-        }
+          const db4 = document.getElementById('dialog-body');
+          if (db4) { db4.innerHTML = ''; db4.appendChild(window.CycleCAD.GenerativeDesign.getUI()); db4.style.maxHeight = '500px'; db4.style.overflow = 'auto'; }
+        } else { showToast('GenerativeDesign module not loaded', 'error'); }
         break;
       case 'tools-physics':
         if (window.CycleCAD && window.CycleCAD.MultiPhysics) {
-          const physPanel = window.CycleCAD.MultiPhysics.getUI();
           showDialog('Multi-Physics Simulation', '');
-          const dlg5 = document.querySelector('.dialog-content');
-          if (dlg5) { dlg5.innerHTML = ''; dlg5.appendChild(physPanel); dlg5.style.maxHeight = '500px'; dlg5.style.overflow = 'auto'; }
-        }
+          const db5 = document.getElementById('dialog-body');
+          if (db5) { db5.innerHTML = ''; db5.appendChild(window.CycleCAD.MultiPhysics.getUI()); db5.style.maxHeight = '500px'; db5.style.overflow = 'auto'; }
+        } else { showToast('MultiPhysics module not loaded', 'error'); }
         break;
       case 'tools-parts':
         if (window.CycleCAD && window.CycleCAD.SmartParts) {
-          const partsPanel = window.CycleCAD.SmartParts.getUI();
           showDialog('Smart Parts Library', '');
-          const dlg6 = document.querySelector('.dialog-content');
-          if (dlg6) { dlg6.innerHTML = ''; dlg6.appendChild(partsPanel); dlg6.style.maxHeight = '500px'; dlg6.style.overflow = 'auto'; }
-        }
+          const db6 = document.getElementById('dialog-body');
+          if (db6) { db6.innerHTML = ''; db6.appendChild(window.CycleCAD.SmartParts.getUI()); db6.style.maxHeight = '500px'; db6.style.overflow = 'auto'; }
+        } else { showToast('SmartParts module not loaded', 'error'); }
         break;
       case 'tools-smart-assembly':
         if (window.CycleCAD && window.CycleCAD.SmartAssembly) {
-          const saPanel = window.CycleCAD.SmartAssembly.getUI();
           showDialog('Smart Assembly Mating', '');
-          const dlg7 = document.querySelector('.dialog-content');
-          if (dlg7) { dlg7.innerHTML = ''; dlg7.appendChild(saPanel); dlg7.style.maxHeight = '500px'; dlg7.style.overflow = 'auto'; }
-        }
+          const db7 = document.getElementById('dialog-body');
+          if (db7) { db7.innerHTML = ''; db7.appendChild(window.CycleCAD.SmartAssembly.getUI()); db7.style.maxHeight = '500px'; db7.style.overflow = 'auto'; }
+        } else { showToast('SmartAssembly module not loaded', 'error'); }
         break;
       case 'tools-digital-twin':
         if (window.CycleCAD && window.CycleCAD.DigitalTwin) {
-          const dtPanel = window.CycleCAD.DigitalTwin.getUI();
           showDialog('Digital Twin — Live Data', '');
-          const dlg8 = document.querySelector('.dialog-content');
-          if (dlg8) { dlg8.innerHTML = ''; dlg8.appendChild(dtPanel); dlg8.style.maxHeight = '500px'; dlg8.style.overflow = 'auto'; }
-        }
+          const db8 = document.getElementById('dialog-body');
+          if (db8) { db8.innerHTML = ''; db8.appendChild(window.CycleCAD.DigitalTwin.getUI()); db8.style.maxHeight = '500px'; db8.style.overflow = 'auto'; }
+        } else { showToast('DigitalTwin module not loaded', 'error'); }
         break;
       case 'tools-machine':
         if (window.CycleCAD && window.CycleCAD.MachineControl) {
-          const mcPanel = window.CycleCAD.MachineControl.getUI();
           showDialog('Machine Control — CNC / 3D Printer', '');
-          const dlg9 = document.querySelector('.dialog-content');
-          if (dlg9) { dlg9.innerHTML = ''; dlg9.appendChild(mcPanel); dlg9.style.maxHeight = '500px'; dlg9.style.overflow = 'auto'; }
-        }
+          const db9 = document.getElementById('dialog-body');
+          if (db9) { db9.innerHTML = ''; db9.appendChild(window.CycleCAD.MachineControl.getUI()); db9.style.maxHeight = '500px'; db9.style.overflow = 'auto'; }
+        } else { showToast('MachineControl module not loaded', 'error'); }
         break;
       case 'tools-notebook':
         if (window.CycleCAD && window.CycleCAD.EngineeringNotebook) {
-          const nbPanel = window.CycleCAD.EngineeringNotebook.getUI();
           showDialog('Engineering Notebook', '');
-          const dlg10 = document.querySelector('.dialog-content');
-          if (dlg10) { dlg10.innerHTML = ''; dlg10.appendChild(nbPanel); dlg10.style.maxHeight = '500px'; dlg10.style.overflow = 'auto'; }
-        }
+          const db10 = document.getElementById('dialog-body');
+          if (db10) { db10.innerHTML = ''; db10.appendChild(window.CycleCAD.EngineeringNotebook.getUI()); db10.style.maxHeight = '500px'; db10.style.overflow = 'auto'; }
+        } else { showToast('EngineeringNotebook module not loaded', 'error'); }
         break;
       case 'tools-auto-assembly':
         if (window.CycleCAD && window.CycleCAD.AutoAssembly) {
-          const aaPanel = window.CycleCAD.AutoAssembly.getUI();
           showDialog('Auto-Assemble Parts', '');
-          const dlg11 = document.querySelector('.dialog-content');
-          if (dlg11) { dlg11.innerHTML = ''; dlg11.appendChild(aaPanel); dlg11.style.maxHeight = '500px'; dlg11.style.overflow = 'auto'; }
-        }
+          const db11 = document.getElementById('dialog-body');
+          if (db11) { db11.innerHTML = ''; db11.appendChild(window.CycleCAD.AutoAssembly.getUI()); db11.style.maxHeight = '500px'; db11.style.overflow = 'auto'; }
+        } else { showToast('AutoAssembly module not loaded', 'error'); }
         break;
       case 'tools-parametric':
         if (window.CycleCAD && window.CycleCAD.ParametricFromExample) {
-          const pfPanel = window.CycleCAD.ParametricFromExample.getUI();
           showDialog('Parametric from Example', '');
-          const dlg12 = document.querySelector('.dialog-content');
-          if (dlg12) { dlg12.innerHTML = ''; dlg12.appendChild(pfPanel); dlg12.style.maxHeight = '500px'; dlg12.style.overflow = 'auto'; }
-        }
+          const db12 = document.getElementById('dialog-body');
+          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;
       default:
         showToast(`${action}`, 'success');

package/app/js/modules/text-to-cad.js

@@ -212,7 +212,7 @@
     if (/add|with|plus/.test(lower)) return 'add';
     if (/(fillet|chamfer|pattern|shell|subtract|cut)/.test(lower)) return 'modify';
     if (/combine|merge|join|union/.test(lower)) return 'combine';
-    if /(array|repeat|pattern)/.test(lower)) return 'pattern';
+    if (/(array|repeat|pattern)/.test(lower)) return 'pattern';
     if (/export|save|output/.test(lower)) return 'export';
     return 'create';
   }

package/fix-splash-viewcube.sh

@@ -0,0 +1,181 @@
+#!/bin/bash
+# cycleCAD Fix: Welcome Splash + ViewCube + Dialog Selectors + Remove Demo Geometry
+# Run from ~/cyclecad: bash fix-splash-viewcube.sh
+
+set -e
+cd "$(dirname "$0")"
+
+echo "=== Fix 1: text-to-cad.js syntax error (line 215) ==="
+sed -i.bak 's/    if \/(array|repeat|pattern)\/.test(lower)) return '\''pattern'\'';/    if (\/(array|repeat|pattern)\/.test(lower)) return '\''pattern'\'';/' app/js/modules/text-to-cad.js
+rm -f app/js/modules/text-to-cad.js.bak
+
+echo "=== Fix 2: Replace .dialog-content with #dialog-body in all 12 tool handlers ==="
+sed -i.bak "s/document.querySelector('.dialog-content')/document.getElementById('dialog-body')/g" app/index.html
+rm -f app/index.html.bak
+
+echo "=== Fix 3: Remove demo geometry (box + cylinder) ==="
+# Remove the demo geometry block between "Demo geometry" and "Ground plane"
+python3 -c "
+import re
+with open('app/index.html', 'r') as f:
+    content = f.read()
+
+# Remove demo geometry block
+content = re.sub(
+    r'  // Demo geometry.*?scene\.add\(cyl\);\n\n  // Ground plane',
+    '  // Ground plane',
+    content,
+    flags=re.DOTALL
+)
+with open('app/index.html', 'w') as f:
+    f.write(content)
+print('Demo geometry removed')
+"
+
+echo "=== Fix 4: Add welcome splash panel ==="
+python3 -c "
+with open('app/index.html', 'r') as f:
+    content = f.read()
+
+splash = '''<!-- Welcome Splash Screen -->
+<div id=\"welcome-panel\" style=\"position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:9999;\">
+  <div style=\"background:var(--bg-secondary,#252526);border:1px solid var(--border-color,#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 data-action=\"new-sketch\" style=\"background:#0284C7;color:#fff;border:none;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;\" onmouseover=\"this.style.background='#0369a1'\" onmouseout=\"this.style.background='#0284C7'\">
+        <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 data-action=\"import\" style=\"background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;\" onmouseover=\"this.style.background='#4b5563'\" onmouseout=\"this.style.background='#374151'\">
+        <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 data-action=\"ai-generate\" style=\"background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;\" onmouseover=\"this.style.background='#4b5563'\" onmouseout=\"this.style.background='#374151'\">
+        <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 data-action=\"load-inventor\" style=\"background:#374151;color:#fff;border:1px solid #4b5563;border-radius:8px;padding:18px 16px;cursor:pointer;font-size:14px;font-weight:600;\" onmouseover=\"this.style.background='#4b5563'\" onmouseout=\"this.style.background='#374151'\">
+        <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>
+    <div style=\"color:#666;font-size:11px;\">v0.9.0 &middot; 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>
+</div>
+
+'''
+
+# Insert before modal dialogs
+content = content.replace('<!-- Modal Dialogs -->', splash + '<!-- Modal Dialogs -->')
+with open('app/index.html', 'w') as f:
+    f.write(content)
+print('Welcome splash added')
+"
+
+echo "=== Fix 5: Add ViewCube to viewport ==="
+python3 -c "
+with open('app/index.html', 'r') as f:
+    content = f.read()
+
+# Add position:relative and viewcube div to viewport-container
+content = content.replace(
+    '<div id=\"viewport-container\">',
+    '<div id=\"viewport-container\" style=\"position:relative;\">'
+)
+content = content.replace(
+    '</canvas>\n    </div>\n\n    <!-- Right Panel',
+    '</canvas>\n      <div id=\"viewcube\" style=\"position:absolute;top:12px;right:12px;width:90px;height:90px;pointer-events:auto;z-index:100;\"></div>\n    </div>\n\n    <!-- Right Panel'
+)
+
+# Add ViewCube JS before animation loop
+viewcube_js = '''  // ===== ViewCube =====
+  const vcContainer = document.getElementById('viewcube');
+  const vcScene = new THREE.Scene();
+  const vcCamera = new THREE.PerspectiveCamera(40, 1, 0.1, 100);
+  vcCamera.position.set(0, 0, 3.5);
+  const vcRenderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
+  vcRenderer.setSize(90, 90);
+  vcRenderer.setPixelRatio(window.devicePixelRatio);
+  vcContainer.appendChild(vcRenderer.domElement);
+  const faceLabels = ['Right', 'Left', 'Top', 'Bottom', 'Front', 'Back'];
+  const faceColors = [0x3b82f6, 0x3b82f6, 0x10b981, 0x10b981, 0x0284C7, 0x0284C7];
+  const cubeMats = faceLabels.map((label, i) => {
+    const canvas = document.createElement('canvas');
+    canvas.width = 128; canvas.height = 128;
+    const ctx = canvas.getContext('2d');
+    ctx.fillStyle = '#' + faceColors[i].toString(16).padStart(6, '0');
+    ctx.fillRect(0, 0, 128, 128);
+    ctx.strokeStyle = '#1e293b'; ctx.lineWidth = 3; ctx.strokeRect(1, 1, 126, 126);
+    ctx.fillStyle = '#fff'; ctx.font = 'bold 22px Arial'; ctx.textAlign = 'center'; ctx.textBaseline = 'middle';
+    ctx.fillText(label, 64, 64);
+    return new THREE.MeshBasicMaterial({ map: new THREE.CanvasTexture(canvas) });
+  });
+  const vcCube = new THREE.Mesh(new THREE.BoxGeometry(1.6, 1.6, 1.6), cubeMats);
+  vcScene.add(vcCube);
+  const axLen = 1.3;
+  const axMat = (c) => new THREE.LineBasicMaterial({ color: c });
+  const axGeo = (v) => new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(), v]);
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(axLen, 0, 0)), axMat(0xff4444)));
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(0, axLen, 0)), axMat(0x44ff44)));
+  vcScene.add(new THREE.Line(axGeo(new THREE.Vector3(0, 0, axLen)), axMat(0x4444ff)));
+  const vcViews = { Right:{x:3,y:0,z:0}, Left:{x:-3,y:0,z:0}, Top:{x:0,y:3,z:0}, Bottom:{x:0,y:-3,z:0}, Front:{x:0,y:0,z:3}, Back:{x:0,y:0,z:-3} };
+  const vcRay = new THREE.Raycaster(); const vcMouse = new THREE.Vector2();
+  vcRenderer.domElement.addEventListener('click', (e) => {
+    const rect = vcRenderer.domElement.getBoundingClientRect();
+    vcMouse.x = ((e.clientX - rect.left) / rect.width) * 2 - 1;
+    vcMouse.y = -((e.clientY - rect.top) / rect.height) * 2 + 1;
+    vcRay.setFromCamera(vcMouse, vcCamera);
+    const hits = vcRay.intersectObject(vcCube);
+    if (hits.length > 0) {
+      const v = vcViews[faceLabels[hits[0].face.materialIndex]];
+      if (v) { const s = camera.position.length() / 3; camera.position.set(v.x*s, v.y*s, v.z*s); camera.lookAt(controls.target); controls.update(); }
+    }
+  });
+  vcRenderer.domElement.style.cursor = 'pointer';
+
+'''
+
+content = content.replace(
+    '  // Animation loop\n  function animate() {\n    requestAnimationFrame(animate);\n    controls.update();\n    renderer.render(scene, camera);\n  }',
+    viewcube_js + '  // Animation loop\n  function animate() {\n    requestAnimationFrame(animate);\n    controls.update();\n    renderer.render(scene, camera);\n    vcCube.quaternion.copy(camera.quaternion).invert();\n    vcRenderer.render(vcScene, vcCamera);\n  }'
+)
+
+# Add welcome splash wiring before menu handler
+splash_js = '''  // ===== Welcome Splash =====
+  const welcomePanel = document.getElementById('welcome-panel');
+  if (welcomePanel) {
+    const dismissWelcome = () => { welcomePanel.style.display = 'none'; };
+    const wb1 = welcomePanel.querySelector('[data-action=\"new-sketch\"]');
+    if (wb1) wb1.onclick = () => { dismissWelcome(); handleMenuAction('sketch-new'); };
+    const wb2 = welcomePanel.querySelector('[data-action=\"import\"]');
+    if (wb2) wb2.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+    const wb3 = welcomePanel.querySelector('[data-action=\"ai-generate\"]');
+    if (wb3) wb3.onclick = () => { dismissWelcome(); handleMenuAction('tools-text-to-cad'); };
+    const wb4 = welcomePanel.querySelector('[data-action=\"load-inventor\"]');
+    if (wb4) wb4.onclick = () => { dismissWelcome(); handleMenuAction('file-import'); };
+  }
+
+'''
+
+content = content.replace('  // ===== Menu Actions Handler =====', splash_js + '  // ===== Menu Actions Handler =====')
+
+with open('app/index.html', 'w') as f:
+    f.write(content)
+print('ViewCube + welcome wiring added')
+"
+
+echo ""
+echo "=== All fixes applied! ==="
+echo ""
+echo "Now run:"
+echo "  git add app/index.html app/js/modules/text-to-cad.js"
+echo "  git commit -m 'Fix: welcome splash, ViewCube, dialog selectors, remove demo geometry'"
+echo "  git push origin main"
+echo "  npm version patch && npm publish"

package/index.html

@@ -569,8 +569,8 @@
 
     <p class="fade-up d3">
       CAD was built for humans with a mouse. We built it for AI agents.<br>
-      No GUI. No training. No screen required. Agents are the only interface.<br>
-      Every agent — from GPT to Claude to Gemini — designs, validates, and manufactures through cycleCAD.
+      12 killer features. 46 modules. 52,000+ lines of code. Zero install.<br>
+      Every agent — from GPT to Claude to Gemini — designs, simulates, and manufactures through cycleCAD.
     </p>
 
     <div class="hero-ctas fade-up d4">
@@ -742,49 +742,103 @@
        ============================================================ -->
   <section class="solution" id="features">
     <div class="container">
-      <div class="section-label reveal">THE SOLUTION</div>
-      <h2 class="reveal">Built for <span class="gradient-text">the modern designer</span></h2>
-      <div class="feature-cards">
+      <div class="section-label reveal">THE PLATFORM</div>
+      <h2 class="reveal">12 killer features. <span class="gradient-text">Zero competition.</span></h2>
+      <p class="subtitle reveal">No other browser CAD has all of these. Most desktop tools don't either. v3.9.0 — 52,000+ lines of module code across 46 modules.</p>
+
+      <!-- Stats Bar -->
+      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:2.5rem 0;text-align:center;" class="reveal">
+        <div style="background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;">
+          <div style="font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">12</div>
+          <div style="color:var(--text-secondary);font-size:0.85rem;margin-top:4px;">Killer Features</div>
+        </div>
+        <div style="background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;">
+          <div style="font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">52K+</div>
+          <div style="color:var(--text-secondary);font-size:0.85rem;margin-top:4px;">Lines of Code</div>
+        </div>
+        <div style="background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;">
+          <div style="font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">46</div>
+          <div style="color:var(--text-secondary);font-size:0.85rem;margin-top:4px;">JS Modules</div>
+        </div>
+        <div style="background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:20px;">
+          <div style="font-size:2rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">200+</div>
+          <div style="color:var(--text-secondary);font-size:0.85rem;margin-top:4px;">Standard Parts</div>
+        </div>
+      </div>
+
+      <div class="feature-cards" style="grid-template-columns:repeat(3,1fr);">
+        <!-- Row 1: AI-Powered Design -->
         <div class="feature-card reveal">
           <div class="feature-icon gold">⚡</div>
-          <h3>Browser-native CAD</h3>
-          <p>Full parametric 3D modeler running entirely in your browser. Three.js-powered viewport with real-time rendering. No plugins, no install, no waiting.</p>
+          <h3>Text-to-CAD (AI)</h3>
+          <p>Type "flanged cylinder 50mm with 4 bolt holes on 70mm PCD" and watch it appear in real-time. 18 shape types, NLP parser, live ghost preview, multi-step builder.</p>
         </div>
         <div class="feature-card reveal">
-          <div class="feature-icon blue">🤖</div>
-          <h3>AI-powered tools</h3>
-          <p>AI part identification, smart natural language search, automated assembly instructions, and an integrated chatbot that understands your model.</p>
+          <div class="feature-icon blue">📷</div>
+          <h3>Photo-to-CAD</h3>
+          <p>Take a photo of any part — edge detection, contour extraction, and 3D reconstruction. Sobel + Hough transforms, reference scaling, Gemini Vision AI enhancement.</p>
         </div>
         <div class="feature-card reveal">
           <div class="feature-icon teal">🏭</div>
-          <h3>Native Inventor parsing</h3>
-          <p>Open Autodesk Inventor .ipt and .iam files directly in the browser. Extract features, parameters, and assembly constraints. Generate rebuild guides automatically.</p>
+          <h3>Manufacturability (DFM)</h3>
+          <p>Instant feedback for 9 processes: CNC, FDM, SLA, SLS, injection molding, sheet metal, sand/investment/die casting. 20+ materials database with cost estimator.</p>
         </div>
+
+        <!-- Row 2: Simulation & Optimization -->
         <div class="feature-card reveal">
-          <div class="feature-icon purple">📐</div>
-          <h3>Full parametric modeling</h3>
-          <p>Sketch, extrude, revolve, fillet, chamfer, boolean operations. Constraint-driven design with a live feature tree. Professional-grade CAD.</p>
+          <div class="feature-icon purple">🧬</div>
+          <h3>Generative Design</h3>
+          <p>SIMP topology optimization with live voxel visualization. Define loads and constraints, watch material dissolve away. Marching cubes isosurface, STL export.</p>
         </div>
         <div class="feature-card reveal">
-          <div class="feature-icon warn">🔧</div>
-          <h3>Maintenance intelligence</h3>
-          <p>Heatmaps, wear timelines, service mode, and smart BOM generation with estimated pricing. Design to maintenance planning in one tool.</p>
+          <div class="feature-icon warn">🔬</div>
+          <h3>Multi-Physics Simulation</h3>
+          <p>Structural FEA (Von Mises), thermal analysis, modal frequency, drop test — all in-browser. Conjugate gradient solver, heatmap overlay, deformation visualization.</p>
         </div>
         <div class="feature-card reveal">
-          <div class="feature-icon coral">📦</div>
-          <h3>Embeddable 3D viewer</h3>
-          <p>ExplodeView — our 3D viewer and embeddable widget with 40+ analysis tools. Embed interactive 3D views anywhere with a single script tag.</p>
+          <div class="feature-icon coral">🔩</div>
+          <h3>Smart Parts Library</h3>
+          <p>200+ standard parts: ISO fasteners, bearings, linear rails, extrusions, motors, PCBs. AI-powered fuzzy search, BOM management, McMaster/Misumi/DigiKey cross-ref.</p>
         </div>
+
+        <!-- Row 3: Assembly & Automation -->
         <div class="feature-card reveal">
-          <div class="feature-icon gold">🔌</div>
-          <h3>MCP + CLI + API</h3>
-          <p>First-class agent interfaces. AI agents connect via MCP server, CLI commands, or REST API. cycleCAD is infrastructure for autonomous design — not just a GUI.</p>
+          <div class="feature-icon gold">🧲</div>
+          <h3>Smart Assembly Mating</h3>
+          <p>Drag parts near each other — auto-detect 8 constraint types (coincident, concentric, tangent, gear). Motion study with joint animation, interference detection.</p>
         </div>
         <div class="feature-card reveal">
-          <div class="feature-icon teal">♻️</div>
-          <h3>Circular economy</h3>
-          <p>Built-in maintenance heatmaps, wear timelines, rebuild guides, and service mode. Design for disassembly, repair, and reuse — not obsolescence.</p>
+          <div class="feature-icon blue">🤖</div>
+          <h3>Auto-Assemble Parts</h3>
+          <p>AI geometry fingerprinting matches shafts to holes, faces to faces, bolts to bores. One-click assembly with animated placement, collision detection, validation.</p>
         </div>
+        <div class="feature-card reveal">
+          <div class="feature-icon teal">📊</div>
+          <h3>Parametric from Example</h3>
+          <p>Upload 2-5 design variants — AI infers which dimensions are parameters, detects relationships, generates a full parametric family with morphing animation.</p>
+        </div>
+
+        <!-- Row 4: Connected Manufacturing -->
+        <div class="feature-card reveal">
+          <div class="feature-icon purple">📡</div>
+          <h3>Digital Twin Live Data</h3>
+          <p>Connect IoT sensors (MQTT/REST/WebSocket) to your 3D model. Live temperature heatmaps, vibration animation, predictive maintenance, alert dashboard. cycleWASH-ready.</p>
+        </div>
+        <div class="feature-card reveal">
+          <div class="feature-icon warn">🖨️</div>
+          <h3>Machine Control (CNC/3DP)</h3>
+          <p>Built-in G-code generator for FDM, CNC milling, and laser cutting. Connect to OctoPrint, Klipper, or Moonraker. Jog controls, temp monitoring, job tracking.</p>
+        </div>
+        <div class="feature-card reveal">
+          <div class="feature-icon coral">📓</div>
+          <h3>Engineering Notebook</h3>
+          <p>Auto-logs every design action. Rich text entries, AI-powered summaries, version snapshots with visual diff, decision tracking. Export as HTML/Markdown/JSON report.</p>
+        </div>
+      </div>
+
+      <!-- Plus the foundations -->
+      <div style="margin-top:2rem;text-align:center;" class="reveal">
+        <p style="color:var(--text-secondary);font-size:0.95rem;max-width:700px;margin:0 auto;"><strong>Plus the foundations:</strong> Full parametric modeling, native Inventor file parsing, ExplodeView 3D viewer, MCP server + CLI + REST API, $CYCLE token economy, model marketplace, 30+ tutorials, and comprehensive documentation.</p>
       </div>
     </div>
   </section>
@@ -1017,12 +1071,12 @@
           <div class="tier-price">€0</div>
           <div class="tier-period">Forever</div>
           <ul class="tier-features">
-            <li>Full parametric modeling</li>
-            <li>AI part identification</li>
-            <li>ExplodeView 3D viewer</li>
+            <li>All 12 killer features</li>
+            <li>Text-to-CAD + Photo-to-CAD</li>
+            <li>DFM analysis + cost estimator</li>
+            <li>Multi-physics simulation</li>
+            <li>200+ standard parts library</li>
             <li>STL / OBJ / glTF export</li>
-            <li>Inventor file parsing</li>
-            <li>Assembly analysis</li>
             <li>Community support</li>
           </ul>
         </div>
@@ -1034,10 +1088,10 @@
             <li>Everything in Free</li>
             <li>STEP import / export</li>
             <li>Real-time collaboration</li>
-            <li>Cloud storage</li>
-            <li>Priority AI processing</li>
-            <li>Smart BOM with pricing</li>
-            <li>Email support</li>
+            <li>Cloud storage + versioning</li>
+            <li>Machine control (CNC/3DP)</li>
+            <li>Digital twin + IoT sensors</li>
+            <li>Priority support</li>
           </ul>
           <div class="launch-badge">Most Popular</div>
         </div>
@@ -1050,9 +1104,9 @@
             <li>Self-hosted deployment</li>
             <li>SSO / SAML authentication</li>
             <li>SLA guarantee</li>
-            <li>Plugin API access</li>
+            <li>MCP server + REST API</li>
+            <li>Custom agent integrations</li>
             <li>Dedicated support</li>
-            <li>Custom integrations</li>
           </ul>
         </div>
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cyclecad",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "description": "Browser-based parametric 3D CAD modeler with AI-powered tools, native Inventor file parsing, and smart assembly management. No install required.",
   "main": "index.html",
   "bin": {