cyclecad 3.9.1 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cyclecad",
-  "version": "3.9.1",
+  "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": {