cyclecad 1.0.4 → 1.0.5

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;">
@@ -4029,7 +4029,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 +5267,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.5</span>
 </body>
 </html>

package/app/js/operations.js

@@ -349,12 +349,17 @@ export function createPrimitive(type, params = {}, options = {}) {
   const { material = 'steel' } = options;
   let geometry;
 
+  // Scale factor: AI copilot provides dimensions in millimeters, but we render at 1:1 scene units
+  // For a 100mm cube to look reasonable in viewport, scale down by 1.0 (1:1 scale)
+  // Most CAD systems use 1 scene unit = 1 mm
+  const SCALE = 1.0;
+
   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 +368,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 +379,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 +387,42 @@ 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 cylinder for hole preview (visual aid — actual hole subtraction happens in boolean operations)
+      // Used by feature.hole commands from AI copilot
+      const holeRadius = (params.radius || 5) * SCALE;
+      const holeDepth = (params.depth || 20) * SCALE;
+      geometry = new THREE.CylinderGeometry(
+        holeRadius,
+        holeRadius,
+        holeDepth,
+        16,
+        1,
+        false
+      );
+      break;
+    }
+
     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 +438,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 +452,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 +466,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 +481,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 +503,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 +514,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.5",
   "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": {