cyclecad 1.0.4 → 1.0.6

package/app/index.html

@@ -1419,7 +1419,7 @@
           <span class="splash-logo-cycle">cycle</span><span class="splash-logo-cad">CAD</span>
         </div>
         <p class="splash-subtitle">Parametric 3D CAD Modeler for the Mechanical Designer</p>
-        <p style="display:inline-block; color:#0066cc; font-size:1rem; margin:12px 0 0 0; letter-spacing:2px; font-family:monospace; font-weight:700; background:rgba(0,102,204,0.08); border:1.5px solid rgba(0,102,204,0.25); border-radius:8px; padding:5px 20px;">v1.0.4</p>
+        <p style="display:inline-block; color:#0066cc; font-size:1rem; margin:12px 0 0 0; letter-spacing:2px; font-family:monospace; font-weight:700; background:rgba(0,102,204,0.08); border:1.5px solid rgba(0,102,204,0.25); border-radius:8px; padding:5px 20px;">v1.0.5</p>
       </div>
       <div class="splash-options">
         <button class="splash-button splash-button-primary" id="btn-empty-project" style="grid-column: 1 / -1;">
@@ -2904,6 +2904,11 @@
         const pParams = prompt.params || prompt;
         const result = createPrimitive(pType, pParams);
         const mesh = result.mesh || result;
+        // Apply position offset for multi-item placement (e.g., 4 holes around a part)
+        if (pParams._offsetX || pParams._offsetZ) {
+          mesh.position.x += (pParams._offsetX || 0) * 0.1;
+          mesh.position.z += (pParams._offsetZ || 0) * 0.1;
+        }
         addToScene(mesh);
         if (result.wireframe) addToScene(result.wireframe);
 
@@ -3554,7 +3559,7 @@
       init();
     }
 
-    window.cycleCAD = Object.assign(window.cycleCAD || {}, { version: '1.0.0', APP, init });
+    window.cycleCAD = Object.assign(window.cycleCAD || {}, { version: '1.0.6', APP, init });
 
     // Expose dialog functions globally so inline onclick="" handlers work
     window.openDialog = openDialog;
@@ -4029,7 +4034,31 @@
       panel.style.cssText = 'position:fixed;top:60px;right:320px;width:420px;max-height:80vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;z-index:500;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);';
 
       const header = document.createElement('div');
-      header.style.cssText = 'display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:8px 8px 0 0;cursor:move;';
+      header.style.cssText = 'display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:8px 8px 0 0;cursor:move;user-select:none;';
+
+      // Make panel draggable by header
+      let isDragging = false;
+      let dragOffsetX = 0;
+      let dragOffsetY = 0;
+
+      header.addEventListener('mousedown', (e) => {
+        isDragging = true;
+        const rect = panel.getBoundingClientRect();
+        dragOffsetX = e.clientX - rect.left;
+        dragOffsetY = e.clientY - rect.top;
+        panel.style.zIndex = '9999'; // Bring to front
+      });
+
+      document.addEventListener('mousemove', (e) => {
+        if (!isDragging || !panel.parentElement) return;
+        panel.style.left = (e.clientX - dragOffsetX) + 'px';
+        panel.style.top = (e.clientY - dragOffsetY) + 'px';
+        panel.style.right = 'auto'; // Remove right constraint when dragging
+      });
+
+      document.addEventListener('mouseup', () => {
+        isDragging = false;
+      });
 
       const titles = {
         'copilot-panel': '✨ AI Copilot',
@@ -5243,6 +5272,6 @@
     </div>
   </div>
 
-  <span id="version-badge" style="position:fixed;bottom:42px;left:50%;transform:translateX(-50%);z-index:999;font-size:0.9rem;color:rgba(255,255,255,0.9);letter-spacing:0.1em;white-space:nowrap;padding:6px 16px;user-select:all;pointer-events:auto;font-family:monospace;font-weight:700;background:rgba(0,0,0,0.7);border:1px solid rgba(88,166,255,0.4);border-radius:6px;text-shadow:0 1px 3px rgba(0,0,0,0.5);" title="cycleCAD version">cycleCAD v1.0.4</span>
+  <span id="version-badge" style="position:fixed;bottom:42px;left:50%;transform:translateX(-50%);z-index:999;font-size:0.9rem;color:rgba(255,255,255,0.9);letter-spacing:0.1em;white-space:nowrap;padding:6px 16px;user-select:all;pointer-events:auto;font-family:monospace;font-weight:700;background:rgba(0,0,0,0.7);border:1px solid rgba(88,166,255,0.4);border-radius:6px;text-shadow:0 1px 3px rgba(0,0,0,0.5);" title="cycleCAD version">cycleCAD v1.0.6</span>
 </body>
 </html>

package/app/js/ai-copilot.js

@@ -948,7 +948,19 @@ export async function executeTextCommand(prompt) {
         if (window._executeParsedPrompt) {
           const method = cmd.method || '';
           const type = method.replace('shape.', '').replace('feature.', '');
-          window._executeParsedPrompt({ type, params: cmd.params || {} });
+          // Handle count param (e.g., 4 mounting holes)
+          const count = cmd.params?.count || 1;
+          for (let ci = 0; ci < count; ci++) {
+            const p = Object.assign({}, cmd.params);
+            // Offset multiple items so they don't stack
+            if (count > 1) {
+              const angle = (ci / count) * Math.PI * 2;
+              const spread = (p.radius || 5) * 4;
+              p._offsetX = Math.cos(angle) * spread;
+              p._offsetZ = Math.sin(angle) * spread;
+            }
+            window._executeParsedPrompt({ type, params: p });
+          }
           results.push({ ok: true, method });
         } else if (window.cycleCAD && window.cycleCAD.execute) {
           const result = await window.cycleCAD.execute(cmd);

package/app/js/operations.js

@@ -349,12 +349,16 @@ export function createPrimitive(type, params = {}, options = {}) {
   const { material = 'steel' } = options;
   let geometry;
 
+  // Scale factor: dimensions in mm, viewport units are ~10x smaller for good camera framing
+  // Camera starts at (150,100,150) so a 100mm cube should be ~10 units to look right
+  const SCALE = 0.1;
+
   switch (type) {
     case 'box':
       geometry = new THREE.BoxGeometry(
-        params.width || 1,
-        params.height || 1,
-        params.depth || 1,
+        (params.width || 10) * SCALE,
+        (params.height || 10) * SCALE,
+        (params.depth || 10) * SCALE,
         params.widthSegments || 1,
         params.heightSegments || 1,
         params.depthSegments || 1
@@ -363,9 +367,9 @@ export function createPrimitive(type, params = {}, options = {}) {
 
     case 'cylinder':
       geometry = new THREE.CylinderGeometry(
-        params.radius || 1,
-        params.radius || 1,
-        params.height || 2,
+        (params.radius || 10) * SCALE,
+        (params.radius || 10) * SCALE,
+        (params.height || 20) * SCALE,
         params.segments || 32,
         1,
         params.openEnded || false
@@ -374,7 +378,7 @@ export function createPrimitive(type, params = {}, options = {}) {
 
     case 'sphere':
       geometry = new THREE.SphereGeometry(
-        params.radius || 1,
+        (params.radius || 10) * SCALE,
         params.segments || 32,
         params.segments || 32
       );
@@ -382,26 +386,40 @@ export function createPrimitive(type, params = {}, options = {}) {
 
     case 'cone':
       geometry = new THREE.ConeGeometry(
-        params.bottomRadius || 1,
-        params.height || 2,
+        (params.bottomRadius || 10) * SCALE,
+        (params.height || 20) * SCALE,
         params.segments || 32
       );
       break;
 
     case 'torus':
       geometry = new THREE.TorusGeometry(
-        params.radius || 1,
-        params.tube || 0.4,
+        (params.radius || 10) * SCALE,
+        (params.tube || 4) * SCALE,
         params.radialSegments || 16,
         params.tubeSegments || 100
       );
       break;
 
+    case 'hole': {
+      // Create a dark cylinder for hole preview (visual subtract indicator)
+      const holeRadius = (params.radius || 5) * SCALE;
+      const holeDepth = (params.depth || params.height || 20) * SCALE;
+      geometry = new THREE.CylinderGeometry(holeRadius, holeRadius, holeDepth, 16, 1, false);
+      // Override material to dark red so holes are clearly visible
+      const holeMat = new THREE.MeshStandardMaterial({ color: 0x882222, metalness: 0.3, roughness: 0.7, transparent: true, opacity: 0.85 });
+      const holeMesh = new THREE.Mesh(geometry, holeMat);
+      holeMesh.castShadow = true;
+      holeMesh.receiveShadow = true;
+      const holeWire = createWireframeEdges(holeMesh);
+      return { mesh: holeMesh, wireframe: holeWire, params: { type, params, options } };
+    }
+
     case 'bracket': {
       // L-shaped bracket from width, height, thickness
-      const bw = params.width || 80;
-      const bh = params.height || 40;
-      const bt = params.thickness || 5;
+      const bw = (params.width || 80) * SCALE;
+      const bh = (params.height || 40) * SCALE;
+      const bt = (params.thickness || 5) * SCALE;
       const shape = new THREE.Shape();
       shape.moveTo(0, 0);
       shape.lineTo(bw, 0);
@@ -417,9 +435,9 @@ export function createPrimitive(type, params = {}, options = {}) {
 
     case 'flange': {
       // Annular flange: outer ring with center hole
-      const fo = (params.outerDiameter || params.outerRadius * 2 || 60) / 2;
-      const fi = (params.innerDiameter || params.innerRadius * 2 || 20) / 2;
-      const fh = params.height || params.thickness || 10;
+      const fo = ((params.outerDiameter || params.outerRadius * 2 || 60) / 2) * SCALE;
+      const fi = ((params.innerDiameter || params.innerRadius * 2 || 20) / 2) * SCALE;
+      const fh = (params.height || params.thickness || 10) * SCALE;
       const outerShape = new THREE.Shape();
       outerShape.absarc(0, 0, fo, 0, Math.PI * 2, false);
       const holePath = new THREE.Path();
@@ -431,9 +449,9 @@ export function createPrimitive(type, params = {}, options = {}) {
     }
 
     case 'washer': {
-      const wo = (params.outerDiameter || 20) / 2;
-      const wi = (params.innerDiameter || 10) / 2;
-      const wt = params.thickness || 2;
+      const wo = ((params.outerDiameter || 20) / 2) * SCALE;
+      const wi = ((params.innerDiameter || 10) / 2) * SCALE;
+      const wt = (params.thickness || 2) * SCALE;
       const wShape = new THREE.Shape();
       wShape.absarc(0, 0, wo, 0, Math.PI * 2, false);
       const wHole = new THREE.Path();
@@ -445,9 +463,9 @@ export function createPrimitive(type, params = {}, options = {}) {
     }
 
     case 'spacer': {
-      const so = (params.outerDiameter || params.diameter || 15) / 2;
-      const si = (params.innerDiameter || params.holeDiameter || 6) / 2;
-      const sh = params.height || params.length || 20;
+      const so = (((params.outerDiameter || params.diameter || 15) / 2) * SCALE);
+      const si = (((params.innerDiameter || params.holeDiameter || 6) / 2) * SCALE);
+      const sh = (params.height || params.length || 20) * SCALE;
       const sShape = new THREE.Shape();
       sShape.absarc(0, 0, so, 0, Math.PI * 2, false);
       const sHole = new THREE.Path();
@@ -460,9 +478,9 @@ export function createPrimitive(type, params = {}, options = {}) {
 
     case 'gear': {
       // Simple spur gear approximation
-      const gr = params.radius || params.diameter / 2 || 30;
+      const gr = ((params.radius || params.diameter / 2 || 30) * SCALE);
       const gt = params.teeth || 20;
-      const gd = params.depth || params.thickness || 10;
+      const gd = (params.depth || params.thickness || 10) * SCALE;
       const toothH = gr * 0.15;
       const gShape = new THREE.Shape();
       for (let i = 0; i < gt; i++) {
@@ -482,9 +500,9 @@ export function createPrimitive(type, params = {}, options = {}) {
     }
 
     case 'plate': {
-      const pw = params.width || 100;
-      const ph = params.height || params.depth || 50;
-      const pt = params.thickness || 5;
+      const pw = (params.width || 100) * SCALE;
+      const ph = (params.height || params.depth || 50) * SCALE;
+      const pt = (params.thickness || 5) * SCALE;
       geometry = new THREE.BoxGeometry(pw, pt, ph);
       break;
     }
@@ -493,8 +511,8 @@ export function createPrimitive(type, params = {}, options = {}) {
       // Fallback: treat unknown as a box with available dimensions
       console.warn(`Unknown primitive type "${type}" — creating box fallback`);
       geometry = new THREE.BoxGeometry(
-        params.width || params.diameter || 50,
-        params.height || params.thickness || 50,
+        (params.width || params.diameter || 50) * SCALE,
+        (params.height || params.thickness || 50) * SCALE,
         params.depth || params.thickness || 50
       );
   }

package/package.json

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