cyclecad 0.8.7 → 0.9.6

package/app/index.html

@@ -1387,13 +1387,13 @@
   <!-- Token Engine — Initialize early so window.cycleCAD.tokens is available -->
   <script src="./js/token-engine.js"></script>
   <!-- New Architecture Modules (ES modules need type="module") -->
-  <script type="module" src="./js/material-library.js?v=64"></script>
+  <script type="module" src="./js/material-library.js?v=77"></script>
   <script src="./js/dfm-analyzer.js"></script>
-  <script type="module" src="./js/cam-pipeline.js?v=64"></script>
+  <script type="module" src="./js/cam-pipeline.js?v=77"></script>
   <script src="./js/connected-fabs.js"></script>
-  <script type="module" src="./js/ai-copilot.js?v=64"></script>
-  <script type="module" src="./js/collaboration.js?v=64"></script>
-  <script type="module" src="./js/collaboration-ui.js?v=64"></script>
+  <script type="module" src="./js/ai-copilot.js?v=77"></script>
+  <script type="module" src="./js/collaboration.js?v=77"></script>
+  <script type="module" src="./js/collaboration-ui.js?v=77"></script>
   <!-- CadXStudio-killer modules (IIFE, no imports) -->
   <script src="./js/text-to-cad.js"></script>
   <script src="./js/cam-operations.js"></script>
@@ -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="color: rgba(255,255,255,0.45); font-size: 0.8rem; margin: 4px 0 0 0; letter-spacing: 1px;">v0.8.7</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;">v0.9.6</p>
       </div>
       <div class="splash-options">
         <button class="splash-button splash-button-primary" id="btn-empty-project" style="grid-column: 1 / -1;">
@@ -1568,6 +1568,7 @@
       <!-- Right-side: Theme + Help + Reset -->
       <div style="margin-left:auto;display:flex;gap:2px;">
         <button class="toolbar-button" id="btn-theme-toggle" title="Toggle Light/Dark Mode" style="background:rgba(255,200,50,0.12);border:1px solid rgba(255,200,50,0.3);"><span class="toolbar-icon" id="theme-icon">☀</span></button>
+        <button class="toolbar-button" id="btn-console" title="Console (` or Ctrl+Shift+C)" onclick="window._toggleInAppConsole?.()" style="background:rgba(248,81,73,0.1);"><span class="toolbar-icon" style="font-size:11px;">&#9638;</span></button>
         <button class="toolbar-button" id="btn-help" title="Help (?)" style="background:rgba(88,166,255,0.1);"><span class="toolbar-icon">?</span></button>
         <button class="toolbar-button" id="btn-hard-reset" title="Clear cache & reload" style="color:#f55;"><span class="toolbar-icon">🔄</span></button>
       </div>
@@ -1681,8 +1682,19 @@
           <div id="tab-chat" style="display: none;">
             <!-- Chat tab populated by JavaScript -->
           </div>
-          <div id="tab-guide" style="display: none;">
-            <!-- Rebuild guide populated by JavaScript -->
+          <div id="tab-guide" style="display: none; padding: 12px; color: var(--text-primary); font-size: 13px; overflow-y: auto;">
+            <h3 style="margin:0 0 12px 0;color:var(--accent-blue);font-size:15px;">Quick Start Guide</h3>
+            <div style="margin-bottom:10px;"><b>1. Create shapes</b><br>Use Chat or toolbar: "box 50mm", "cylinder r20 h40", "gear 60mm 24 teeth"</div>
+            <div style="margin-bottom:10px;"><b>2. Modify parts</b><br>"move it up 20", "rotate 45", "scale 2x", "fillet 5mm", "reduce height to 30"</div>
+            <div style="margin-bottom:10px;"><b>3. Boolean operations</b><br>"subtract box from cylinder", "intersect", "union"</div>
+            <div style="margin-bottom:10px;"><b>4. Scene management</b><br>"delete it", "undo", "hide it", "show all", "clear scene"</div>
+            <div style="margin-bottom:10px;"><b>5. Sketch mode</b><br>Click Sketch in toolbar, draw with line/rect/circle/arc, then extrude</div>
+            <div style="margin-bottom:10px;"><b>6. Export</b><br>"export stl", "export obj", "export dxf", "export gltf"</div>
+            <div style="margin-bottom:10px;"><b>7. Keyboard shortcuts</b><br>S=Sketch, E=Extrude, F=Fillet, C=Chamfer, G=Grid, W=Wireframe, Del=Delete, ?=Help</div>
+            <hr style="border-color:var(--border-color);margin:16px 0;">
+            <div style="margin-bottom:10px;"><b>AI Chat</b><br>Type natural language in the Chat tab. Understands typos: "cylindr", "interset", "subtrat"</div>
+            <div style="margin-bottom:10px;"><b>Import</b><br>Supports Inventor .ipt/.iam, STL, OBJ, and STEP (via server)</div>
+            <div><b>Agent API</b><br>window.cycleCAD.execute({ method: "shape.cylinder", params: { radius: 25, height: 60 } })</div>
           </div>
           <div id="tab-tokens" style="display: none; overflow-y: auto;">
             <!-- Token dashboard populated by token-dashboard.js -->
@@ -1762,25 +1774,27 @@
   <script type="module">
     import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.170.0/build/three.module.js';
     const _v = '50';
-    import { initViewport, setView, addToScene, removeFromScene, getScene, getCamera, getControls, toggleGrid as vpToggleGrid, toggleWireframe as vpToggleWireframe, fitToObject, fitAll } from './js/viewport.js?v=64';
-    import { startSketch, endSketch, setTool, getEntities, clearSketch } from './js/sketch.js?v=64';
-    import { extrudeProfile, createPrimitive, rebuildFeature, createMaterial } from './js/operations.js?v=64';
-    import { initChat, parseCADPrompt, addMessage } from './js/ai-chat.js?v=64';
-    import { initTree, addFeature, selectFeature, onSelect } from './js/tree.js?v=64';
-    import { initParams, showParams, onParamChange } from './js/params.js?v=64';
-    import { exportSTL, exportOBJ, exportJSON } from './js/export.js?v=64';
-    import { initShortcuts } from './js/shortcuts.js?v=64';
-    import { createReverseEngineerPanel, importFile, analyzeGeometry, reconstructFeatureTree, createWalkthrough } from './js/reverse-engineer.js?v=64';
-    import { createInventorPanel, parseInventorFile } from './js/inventor-parser.js?v=64';
-    import { loadProject, showFolderPicker, parseIPJ } from './js/project-loader.js?v=64';
-    import { initProjectBrowser, showBrowser, hideBrowser, setProject, onFileSelect } from './js/project-browser.js?v=64';
-    import { generateGuide, renderGuide, exportGuideHTML } from './js/rebuild-guide.js?v=64';
-    import { solveConstraints, addConstraint, removeConstraint, autoDetectConstraints, isFullyConstrained, getAllConstraints, clearAllConstraints } from './js/constraint-solver.js?v=64';
-    import { createSweep, createLoft, createBend, createFlange, createTab, createSlot, unfoldSheetMetal, createSpring, createThread } from './js/advanced-ops.js?v=64';
-    import Assembly from './js/assembly.js?v=64';
-    import { exportSketchToDXF, exportProjectionToDXF, exportMultiViewDXF, export3DDXF, downloadDXF } from './js/dxf-export.js?v=64';
-    import { initAgentAPI } from './js/agent-api.js?v=64';
-    import { initTokenDashboard } from './js/token-dashboard.js?v=64';
+    import { initViewport, setView, addToScene, removeFromScene, getScene, getCamera, getControls, toggleGrid as vpToggleGrid, toggleWireframe as vpToggleWireframe, fitToObject } from './js/viewport.js?v=77';
+    // fitAll defined locally to avoid import failures from cached viewport.js
+    function fitAll(padding = 1.2) { const s = getScene(); if (s) fitToObject(s, padding); }
+    import { startSketch, endSketch, setTool, getEntities, clearSketch } from './js/sketch.js?v=77';
+    import { extrudeProfile, createPrimitive, rebuildFeature, createMaterial } from './js/operations.js?v=77';
+    import { initChat, parseCADPrompt, addMessage } from './js/ai-chat.js?v=77';
+    import { initTree, addFeature, selectFeature, onSelect, removeFeature } from './js/tree.js?v=77';
+    import { initParams, showParams, onParamChange } from './js/params.js?v=77';
+    import { exportSTL, exportOBJ, exportJSON } from './js/export.js?v=77';
+    import { initShortcuts } from './js/shortcuts.js?v=77';
+    import { createReverseEngineerPanel, importFile, analyzeGeometry, reconstructFeatureTree, createWalkthrough } from './js/reverse-engineer.js?v=77';
+    import { createInventorPanel, parseInventorFile } from './js/inventor-parser.js?v=77';
+    import { loadProject, showFolderPicker, parseIPJ } from './js/project-loader.js?v=77';
+    import { initProjectBrowser, showBrowser, hideBrowser, setProject, onFileSelect } from './js/project-browser.js?v=77';
+    import { generateGuide, renderGuide, exportGuideHTML } from './js/rebuild-guide.js?v=77';
+    import { solveConstraints, addConstraint, removeConstraint, autoDetectConstraints, isFullyConstrained, getAllConstraints, clearAllConstraints } from './js/constraint-solver.js?v=77';
+    import { createSweep, createLoft, createBend, createFlange, createTab, createSlot, unfoldSheetMetal, createSpring, createThread } from './js/advanced-ops.js?v=77';
+    import Assembly from './js/assembly.js?v=77';
+    import { exportSketchToDXF, exportProjectionToDXF, exportMultiViewDXF, export3DDXF, downloadDXF } from './js/dxf-export.js?v=77';
+    import { initAgentAPI } from './js/agent-api.js?v=77';
+    import { initTokenDashboard } from './js/token-dashboard.js?v=77';
 
     // ========== Application State ==========
     const APP = {
@@ -1994,7 +2008,7 @@
 
         // Initialize Agent API — the primary interface
         await tryStepAsync('agentAPI', async () => {
-        const agentImports = await import('./js/agent-api.js?v=64');
+        const agentImports = await import('./js/agent-api.js?v=77');
         const agentSession = initAgentAPI({
           viewport: {
             getCamera,
@@ -2869,21 +2883,40 @@
         const splash = document.getElementById('welcome-splash');
         if (splash) splash.classList.add('hidden');
 
-        const result = createPrimitive(prompt.type || prompt.action, prompt.params || prompt);
+        // ---- Handle ACTION commands (delete, undo, move, etc.) ----
+        if (prompt.action) {
+          executeAction(prompt);
+          return;
+        }
+
+        // ---- Handle CREATE commands (box, cylinder, etc.) ----
+        const pType = prompt.type || prompt.action;
+        const pParams = prompt.params || prompt;
+        const result = createPrimitive(pType, pParams);
         const mesh = result.mesh || result;
         addToScene(mesh);
         if (result.wireframe) addToScene(result.wireframe);
 
+        // Build descriptive name
+        let desc = pType;
+        if (pParams.width && pParams.height) desc = `${pType} ${pParams.width}×${pParams.height}${pParams.thickness ? '×' + pParams.thickness : ''}mm`;
+        else if (pParams.radius && pParams.height) desc = `${pType} r${pParams.radius} h${pParams.height}mm`;
+        else if (pParams.radius) desc = `${pType} r${pParams.radius}mm`;
+        else if (pParams.width) desc = `${pType} ${pParams.width}mm`;
+
         const feature = {
           id: 'feature_' + Date.now(),
-          name: prompt.name || prompt.type || prompt.action || 'Part',
-          type: prompt.type || prompt.action,
+          name: prompt.name || desc || 'Part',
+          type: pType,
           mesh: mesh,
-          params: prompt.params || prompt,
+          params: pParams,
+          _geometryJSON: mesh.geometry ? mesh.geometry.toJSON() : null,
+          _materialColor: mesh.material?.color ? '#' + mesh.material.color.getHexString() : '#58a6ff',
         };
         APP.features.push(feature);
         addFeature(feature);
         pushHistory();
+        fitToObject(mesh);
         updateStatus(`Created: ${feature.name}`);
       } catch (err) {
         console.error('AI create failed:', err);
@@ -2891,6 +2924,391 @@
       }
     }
 
+    function executeAction(cmd) {
+      const features = APP.features;
+
+      switch (cmd.action) {
+        case 'delete': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length) {
+            const f = features[idx];
+            if (f.mesh) removeFromScene(f.mesh);
+            features.splice(idx, 1);
+            removeFeature(idx);
+            APP.selectedFeature = null;
+            pushHistory();
+            updateStatus(`Deleted: ${f.name || 'Part'}`);
+          }
+          break;
+        }
+        case 'undo': undo(); break;
+        case 'redo': redo(); break;
+        case 'clearScene': {
+          features.forEach(f => { if (f.mesh) removeFromScene(f.mesh); });
+          APP.features = [];
+          // Clear tree
+          const treeEl = document.getElementById('feature-tree');
+          if (treeEl) treeEl.innerHTML = '';
+          pushHistory();
+          updateStatus('Scene cleared');
+          break;
+        }
+        case 'hide': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh) {
+            features[idx].mesh.visible = false;
+            updateStatus(`Hidden: ${features[idx].name || 'Part'}`);
+          }
+          break;
+        }
+        case 'showAll': {
+          features.forEach(f => { if (f.mesh) f.mesh.visible = true; });
+          updateStatus('All parts visible');
+          break;
+        }
+        case 'select': {
+          let idx = cmd.index;
+          if (idx >= 0 && idx < features.length) {
+            APP.selectedFeature = features[idx];
+            APP.selectedFeatureIndex = idx;
+            selectFeature(idx);
+            updateStatus(`Selected: ${features[idx].name || 'Part'}`);
+          }
+          break;
+        }
+        case 'move': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh) {
+            const mesh = features[idx].mesh;
+            const dist = cmd.distance || 20;
+            if (cmd.axis === 'x') mesh.position.x += dist;
+            else if (cmd.axis === 'y') mesh.position.y += dist;
+            else if (cmd.axis === 'z') mesh.position.z += dist;
+            pushHistory();
+            updateStatus(`Moved: ${features[idx].name || 'Part'}`);
+          }
+          break;
+        }
+        case 'rotate': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh) {
+            const mesh = features[idx].mesh;
+            const angle = (cmd.angle || 90) * Math.PI / 180;
+            if (cmd.axis === 'x') mesh.rotation.x += angle;
+            else if (cmd.axis === 'y') mesh.rotation.y += angle;
+            else if (cmd.axis === 'z') mesh.rotation.z += angle;
+            pushHistory();
+            updateStatus(`Rotated: ${features[idx].name || 'Part'}`);
+          }
+          break;
+        }
+        case 'scale': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh) {
+            const mesh = features[idx].mesh;
+            const factor = cmd.factor || 1.5;
+            mesh.scale.multiplyScalar(factor);
+            pushHistory();
+            updateStatus(`Scaled: ${features[idx].name || 'Part'} × ${factor}`);
+          }
+          break;
+        }
+        case 'duplicate': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh) {
+            const orig = features[idx];
+            const clonedMesh = orig.mesh.clone();
+            clonedMesh.position.x += 30; // offset so it's visible
+            addToScene(clonedMesh);
+            const newFeature = {
+              id: 'feature_' + Date.now(),
+              name: (orig.name || 'Part') + ' (copy)',
+              type: orig.type,
+              mesh: clonedMesh,
+              params: { ...(orig.params || {}) },
+              _geometryJSON: clonedMesh.geometry ? clonedMesh.geometry.toJSON() : null,
+              _materialColor: orig._materialColor || '#58a6ff',
+            };
+            APP.features.push(newFeature);
+            addFeature(newFeature);
+            pushHistory();
+            updateStatus(`Duplicated: ${orig.name || 'Part'}`);
+          }
+          break;
+        }
+        case 'color': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length && features[idx].mesh?.material) {
+            const colorMap = { red: 0xff0000, green: 0x00ff00, blue: 0x0000ff, yellow: 0xffff00, orange: 0xff8800, purple: 0x8800ff, white: 0xffffff, black: 0x222222, gray: 0x888888, grey: 0x888888, silver: 0xc0c0c0, gold: 0xffd700, pink: 0xff69b4, cyan: 0x00ffff, magenta: 0xff00ff };
+            const hex = colorMap[cmd.color] || 0x58a6ff;
+            features[idx].mesh.material.color.setHex(hex);
+            features[idx]._materialColor = '#' + hex.toString(16).padStart(6, '0');
+            updateStatus(`Colored: ${features[idx].name || 'Part'} → ${cmd.color}`);
+          }
+          break;
+        }
+        case 'rename': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length) {
+            features[idx].name = cmd.name;
+            updateStatus(`Renamed to: ${cmd.name}`);
+          }
+          break;
+        }
+        case 'fitAll': {
+          fitAll();
+          updateStatus('View reset');
+          break;
+        }
+        case 'wireframe': {
+          vpToggleWireframe();
+          updateStatus('Wireframe toggled');
+          break;
+        }
+        case 'grid': {
+          vpToggleGrid();
+          updateStatus('Grid toggled');
+          break;
+        }
+        case 'export': {
+          if (cmd.format === 'stl') exportSTL();
+          else if (cmd.format === 'obj') exportOBJ();
+          else exportSTL();
+          updateStatus(`Exported ${(cmd.format || 'STL').toUpperCase()}`);
+          break;
+        }
+        case 'booleanSubtract':
+        case 'booleanIntersect':
+        case 'booleanUnion': {
+          updateStatus(`Boolean ${cmd.action.replace('boolean', '')} — coming soon (requires CSG kernel)`);
+          break;
+        }
+        // --- MODIFY DIMENSION (recreate part with new params) ---
+        case 'modifyDimension': {
+          let idx = cmd.index;
+          if (idx === -1 || idx === undefined) idx = features.length - 1;
+          if (idx >= 0 && idx < features.length) {
+            const f = features[idx];
+            const oldParams = { ...(f.params || {}) };
+            const dim = cmd.dimension;
+            const val = cmd.value;
+
+            // Map dimension name to param key
+            if (dim === 'height' || dim === 'tall' || dim === 'high') {
+              oldParams.height = val;
+            } else if (dim === 'width' || dim === 'wide') {
+              oldParams.width = val;
+            } else if (dim === 'depth' || dim === 'deep' || dim === 'long') {
+              oldParams.depth = val;
+            } else if (dim === 'radius') {
+              oldParams.radius = val;
+            } else if (dim === 'diameter') {
+              oldParams.radius = val / 2;
+            } else if (dim === 'thickness') {
+              oldParams.thickness = val;
+            } else if (dim === 'size') {
+              oldParams.width = val; oldParams.height = val; oldParams.depth = val;
+              if (oldParams.radius !== undefined) oldParams.radius = val / 2;
+            }
+
+            // Recreate the part with new params
+            try {
+              const pType = f.type || 'box';
+              const result = createPrimitive(pType, oldParams);
+              const newMesh = result.mesh || result;
+
+              // Copy position/rotation from old mesh
+              if (f.mesh) {
+                newMesh.position.copy(f.mesh.position);
+                newMesh.rotation.copy(f.mesh.rotation);
+                newMesh.scale.copy(f.mesh.scale);
+                removeFromScene(f.mesh);
+              }
+              addToScene(newMesh);
+              if (result.wireframe) addToScene(result.wireframe);
+
+              // Update feature in place
+              f.mesh = newMesh;
+              f.params = oldParams;
+              f._geometryJSON = newMesh.geometry ? newMesh.geometry.toJSON() : null;
+              f._materialColor = newMesh.material?.color ? '#' + newMesh.material.color.getHexString() : f._materialColor;
+
+              // Update name
+              let desc = pType;
+              if (oldParams.width && oldParams.height) desc = `${pType} ${oldParams.width}×${oldParams.height}${oldParams.depth ? '×' + oldParams.depth : ''}mm`;
+              else if (oldParams.radius && oldParams.height) desc = `${pType} r${oldParams.radius} h${oldParams.height}mm`;
+              else if (oldParams.radius) desc = `${pType} r${oldParams.radius}mm`;
+              f.name = desc;
+
+              pushHistory();
+              fitToObject(newMesh);
+              updateStatus(`Modified: ${f.name}`);
+            } catch (err) {
+              console.error('Modify failed:', err);
+              updateStatus('Modify failed: ' + err.message);
+            }
+          }
+          break;
+        }
+        // --- SKETCH ---
+        case 'startSketch': {
+          startNewSketch();
+          updateStatus('Sketch mode active');
+          break;
+        }
+        case 'endSketch': {
+          endSketch();
+          APP.mode = 'idle';
+          updateStatus('Sketch completed');
+          break;
+        }
+        case 'sketchTool': {
+          if (APP.mode !== 'sketch') startNewSketch();
+          if (cmd.tool) setTool(cmd.tool);
+          updateStatus(`Sketch tool: ${cmd.tool}`);
+          break;
+        }
+        // --- EXTRUDE / REVOLVE ---
+        case 'extrude': {
+          doExtrude();
+          break;
+        }
+        case 'revolve': {
+          updateStatus('Revolve — select sketch first');
+          break;
+        }
+        case 'cut': {
+          updateStatus('Cut mode — select tool body');
+          break;
+        }
+        // --- ADVANCED OPS ---
+        case 'sweep': { updateStatus('Sweep — select profile and path'); break; }
+        case 'loft': { updateStatus('Loft — select profiles'); break; }
+        case 'shell': { updateStatus(`Shell ${cmd.thickness || 2}mm — select face to remove`); break; }
+        case 'pattern': { updateStatus(`Pattern ${cmd.count || 4} copies`); break; }
+        case 'mirror': { updateStatus(`Mirror across ${(cmd.plane || 'Y').toUpperCase()} plane`); break; }
+        case 'thread': { updateStatus('Thread — select cylindrical face'); break; }
+        case 'spring': { updateStatus(`Spring d=${cmd.diameter || 20}mm`); break; }
+        case 'bend': { updateStatus('Sheet metal bend'); break; }
+        case 'unfold': { updateStatus('Unfolding flat pattern'); break; }
+        // --- VIEWS ---
+        case 'setView': {
+          const viewMap = { front: 'front', top: 'top', right: 'right', left: 'left', back: 'back', bottom: 'bottom', isometric: 'iso', iso: 'iso' };
+          const v = viewMap[cmd.view] || 'front';
+          try { setView(v); } catch(e) {}
+          updateStatus(`${cmd.view} view`);
+          break;
+        }
+        case 'zoomIn': {
+          const cam = getCamera();
+          if (cam) { cam.position.multiplyScalar(0.75); cam.updateProjectionMatrix(); }
+          updateStatus('Zoomed in');
+          break;
+        }
+        case 'zoomOut': {
+          const cam2 = getCamera();
+          if (cam2) { cam2.position.multiplyScalar(1.33); cam2.updateProjectionMatrix(); }
+          updateStatus('Zoomed out');
+          break;
+        }
+        case 'toggleTheme': {
+          document.getElementById('btn-theme-toggle')?.click();
+          updateStatus('Theme toggled');
+          break;
+        }
+        // --- PANELS ---
+        case 'openPanel': {
+          const panelBtnMap = {
+            help: 'btn-help', properties: null, guide: null, tokens: null,
+            marketplace: 'btn-marketplace-v2', gdt: 'btn-gdt', misumi: 'btn-misumi',
+            console: 'btn-console', dfm: 'btn-dfm', copilot: 'btn-ai-copilot',
+            reverseEngineer: 'btn-reverse-engineer', materials: 'btn-materials',
+            generative: 'btn-generative', cam: 'btn-cam', gcode: 'btn-gcode',
+            collab: 'btn-collab', vr: 'btn-vr'
+          };
+          // For tab panels, switch tabs
+          if (['properties', 'guide', 'tokens'].includes(cmd.panel)) {
+            document.querySelector(`[data-tab="${cmd.panel}"]`)?.click();
+          } else {
+            const btnId = panelBtnMap[cmd.panel];
+            if (btnId) document.getElementById(btnId)?.click();
+          }
+          updateStatus(`Opened: ${cmd.panel}`);
+          break;
+        }
+        // --- IMPORT ---
+        case 'import': {
+          if (cmd.format === 'inventor') {
+            document.getElementById('btn-inventor-import')?.click();
+          } else if (cmd.format === 'step' || cmd.format === 'stl' || cmd.format === 'obj') {
+            document.getElementById('btn-reverse-engineer')?.click();
+          }
+          updateStatus(`Import ${cmd.format}`);
+          break;
+        }
+        // --- ASSEMBLY ---
+        case 'assemblyMode': {
+          document.getElementById('tool-assembly')?.click();
+          updateStatus('Assembly mode');
+          break;
+        }
+        case 'explode': {
+          document.getElementById('tool-explode')?.click();
+          updateStatus('Exploded view');
+          break;
+        }
+        // --- MEASURE / SECTION ---
+        case 'measure': {
+          updateStatus('Measure tool — click two points');
+          break;
+        }
+        case 'section': {
+          document.getElementById('btn-section')?.click();
+          updateStatus('Section cut active');
+          break;
+        }
+        // --- SCREENSHOT ---
+        case 'screenshot': {
+          try {
+            const renderer = window._renderer || getScene()?.parent;
+            const canvas = document.querySelector('canvas');
+            if (canvas) {
+              const link = document.createElement('a');
+              link.download = 'cyclecad-screenshot.png';
+              link.href = canvas.toDataURL('image/png');
+              link.click();
+              updateStatus('Screenshot saved');
+            }
+          } catch(e) { updateStatus('Screenshot failed'); }
+          break;
+        }
+        // --- SAVE / LOAD ---
+        case 'save': {
+          try { exportJSON(); updateStatus('Project saved as JSON'); } catch(e) { updateStatus('Save failed'); }
+          break;
+        }
+        case 'load': {
+          updateStatus('Use Import toolbar button to load files');
+          break;
+        }
+        // --- CONSTRAINTS ---
+        case 'addConstraint': {
+          updateStatus(`Constraint: ${cmd.type} — select entities in sketch mode`);
+          break;
+        }
+        default:
+          updateStatus(`Unknown action: ${cmd.action}`);
+      }
+    }
+
     function cancelOperation() {
       if (APP.mode === 'sketch') {
         endSketch();
@@ -2911,9 +3329,14 @@
 
     function deleteSelected() {
       if (!APP.selectedFeature) return;
-      removeFromScene(APP.selectedFeature.mesh);
-      APP.features = APP.features.filter(f => f.id !== APP.selectedFeature.id);
+      const idx = APP.features.findIndex(f => f.id === APP.selectedFeature.id);
+      if (APP.selectedFeature.mesh) removeFromScene(APP.selectedFeature.mesh);
+      if (idx >= 0) {
+        APP.features.splice(idx, 1);
+        removeFeature(idx);
+      }
       APP.selectedFeature = null;
+      APP.selectedFeatureIndex = -1;
       pushHistory();
       updateStatus('Feature deleted');
     }
@@ -3613,7 +4036,7 @@
         'vr-panel': '🥽 CAD2VR',
         'generative-panel': '🧬 Generative Design'
       };
-      header.innerHTML = `<span style="font-weight:600;font-size:13px;">${titles[panelId] || moduleKey}</span><button onclick="document.getElementById('${panelId}').style.display='none'" style="background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;">✕</button>`;
+      header.innerHTML = `<span style="font-weight:600;font-size:13px;">${titles[panelId] || moduleKey}</span><button onclick="document.getElementById('${panelId}').style.display='none'" style="width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,80,80,0.15);border:1px solid rgba(255,80,80,0.3);color:#f88;cursor:pointer;font-size:14px;border-radius:5px;font-weight:700;">✕</button>`;
       panel.appendChild(header);
 
       const body = document.createElement('div');
@@ -3966,13 +4389,16 @@
       if (panel) { panel.style.display = panel.style.display === 'none' ? 'flex' : 'none'; return; }
       panel = document.createElement('div');
       panel.id = 'help-tutorials-panel';
-      panel.style.cssText = 'position:fixed;top:60px;left:50%;transform:translateX(-50%);width:680px;max-height:85vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;z-index:600;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6);';
+      panel.style.cssText = 'position:fixed;top:60px;left:50%;transform:translateX(-50%);width:680px;max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;z-index:600;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6);';
       panel.innerHTML = `
         <div style="display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:10px 10px 0 0;">
           <span style="font-weight:700;font-size:15px;">? Help & Tutorials</span>
-          <button onclick="document.getElementById('help-tutorials-panel').style.display='none'" style="background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;">x</button>
+          <button onclick="document.getElementById('help-tutorials-panel').style.display='none'" style="width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,80,80,0.15);border:1px solid rgba(255,80,80,0.3);color:#f88;cursor:pointer;font-size:16px;border-radius:6px;font-weight:700;">✕</button>
+        </div>
+        <div style="padding:10px 18px;border-bottom:1px solid var(--border-color);">
+          <input id="help-search-input" type="text" placeholder="Search features, shortcuts, tutorials..." style="width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;box-sizing:border-box;">
         </div>
-        <div style="padding:18px;">
+        <div style="padding:18px;overflow-y:auto;flex:1;min-height:0;">
           <!-- Tutorials Section -->
           <div style="margin-bottom:20px;">
             <h3 style="font-size:14px;font-weight:600;margin-bottom:12px;color:var(--accent-blue);">Tutorials</h3>
@@ -4056,6 +4482,35 @@
           </div>
         `).join('');
       }
+
+      // Wire search
+      const helpSearchInput = document.getElementById('help-search-input');
+      if (helpSearchInput) {
+        let hst;
+        helpSearchInput.addEventListener('input', () => {
+          clearTimeout(hst);
+          hst = setTimeout(() => {
+            const q = helpSearchInput.value.toLowerCase().trim();
+            // Filter feature categories
+            panel.querySelectorAll('#help-feature-list > div').forEach(cat => {
+              const items = cat.querySelectorAll('div:last-child > div');
+              let any = false;
+              items.forEach(item => {
+                const m = !q || item.textContent.toLowerCase().includes(q);
+                item.style.display = m ? '' : 'none';
+                if (m) any = true;
+              });
+              cat.style.display = (!q || any) ? '' : 'none';
+              // Auto-expand matching categories
+              if (q && any) {
+                const content = cat.querySelector('div:last-child');
+                if (content) content.style.display = 'block';
+              }
+            });
+          }, 150);
+        });
+        helpSearchInput.focus();
+      }
     });
 
     // ? key opens help
@@ -4065,6 +4520,86 @@
       }
     });
 
+    // ========== In-App Console (Ctrl+Shift+C) ==========
+    (function initInAppConsole() {
+      let consolePanel = null;
+      const logs = [];
+      const maxLogs = 200;
+      const origConsole = { log: console.log, warn: console.warn, error: console.error, info: console.info };
+
+      function capture(level, args) {
+        const ts = new Date().toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });
+        const msg = Array.from(args).map(a => {
+          if (typeof a === 'string') return a;
+          try { return JSON.stringify(a); } catch { return String(a); }
+        }).join(' ');
+        logs.push({ ts, level, msg });
+        if (logs.length > maxLogs) logs.shift();
+        if (consolePanel?.style.display !== 'none') renderConsoleLogs();
+      }
+
+      console.log = function() { origConsole.log.apply(console, arguments); capture('log', arguments); };
+      console.warn = function() { origConsole.warn.apply(console, arguments); capture('warn', arguments); };
+      console.error = function() { origConsole.error.apply(console, arguments); capture('error', arguments); };
+      console.info = function() { origConsole.info.apply(console, arguments); capture('info', arguments); };
+
+      window.addEventListener('error', (e) => {
+        capture('error', [`Uncaught: ${e.message} (${e.filename}:${e.lineno})`]);
+      });
+      window.addEventListener('unhandledrejection', (e) => {
+        capture('error', [`Unhandled Promise: ${e.reason}`]);
+      });
+
+      function renderConsoleLogs() {
+        const body = consolePanel?.querySelector('#console-log-body');
+        if (!body) return;
+        body.innerHTML = logs.map(l => {
+          const color = l.level === 'error' ? '#f85149' : l.level === 'warn' ? '#d29922' : l.level === 'info' ? '#58a6ff' : '#8b949e';
+          return `<div style="padding:2px 8px;font-size:11px;font-family:monospace;border-bottom:1px solid rgba(255,255,255,0.05);word-break:break-all;"><span style="color:${color};font-weight:600;margin-right:6px;">[${l.level.toUpperCase()}]</span><span style="color:#555;margin-right:6px;">${l.ts}</span><span style="color:var(--text-primary);">${l.msg.replace(/</g,'&lt;')}</span></div>`;
+        }).join('');
+        body.scrollTop = body.scrollHeight;
+      }
+
+      function toggleConsole() {
+        if (!consolePanel) {
+          consolePanel = document.createElement('div');
+          consolePanel.id = 'in-app-console';
+          consolePanel.style.cssText = 'position:fixed;bottom:32px;left:0;right:0;height:220px;background:#0d1117;border-top:2px solid #f85149;z-index:700;display:flex;flex-direction:column;font-family:monospace;';
+          consolePanel.innerHTML = `
+            <div style="display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#161b22;border-bottom:1px solid #30363d;">
+              <div style="display:flex;align-items:center;gap:12px;">
+                <span style="font-weight:700;font-size:12px;color:#f0f0f0;">Console</span>
+                <span id="console-error-count" style="font-size:10px;color:#f85149;"></span>
+              </div>
+              <div style="display:flex;gap:6px;">
+                <button onclick="document.getElementById('in-app-console').querySelector('#console-log-body').innerHTML='';window._consoleLogs=[];" style="padding:3px 10px;background:rgba(255,255,255,0.08);border:1px solid #30363d;color:#8b949e;border-radius:4px;cursor:pointer;font-size:10px;">Clear</button>
+                <button onclick="document.getElementById('in-app-console').style.display='none'" style="width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(255,80,80,0.15);border:1px solid rgba(255,80,80,0.3);color:#f88;cursor:pointer;font-size:14px;border-radius:4px;font-weight:700;">✕</button>
+              </div>
+            </div>
+            <div id="console-log-body" style="flex:1;overflow-y:auto;min-height:0;"></div>
+          `;
+          document.body.appendChild(consolePanel);
+        } else {
+          consolePanel.style.display = consolePanel.style.display === 'none' ? 'flex' : 'none';
+        }
+        renderConsoleLogs();
+        const errCount = logs.filter(l => l.level === 'error').length;
+        const ec = consolePanel.querySelector('#console-error-count');
+        if (ec) ec.textContent = errCount ? `${errCount} errors` : '';
+      }
+
+      // Ctrl+Shift+C or backtick to open console
+      document.addEventListener('keydown', (e) => {
+        if ((e.ctrlKey && e.shiftKey && e.key === 'C') || (e.key === '`' && !e.ctrlKey && document.activeElement.tagName !== 'INPUT' && document.activeElement.tagName !== 'TEXTAREA')) {
+          e.preventDefault();
+          toggleConsole();
+        }
+      });
+
+      // Expose for toolbar button
+      window._toggleInAppConsole = toggleConsole;
+    })();
+
   </script>
 
   <!-- Operation Dialogs -->
@@ -4414,6 +4949,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 v0.8.7</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 v0.9.6</span>
 </body>
 </html>