cyclecad 3.10.1 → 3.10.3

package/app/index.html

@@ -130,6 +130,9 @@
     .menu-item:hover .menu-dropdown {
       display: flex;
     }
+    .menu-item.open .menu-dropdown { display: flex !important; }
+    .menu-dropdown { padding-top: 2px; margin-top: -2px; }
+    .menu-item.open { background: var(--bg-tertiary); }
 
     .menu-item-link {
       padding: 8px 16px;
@@ -1534,7 +1537,8 @@ window._dismissSplash = function(action) {
 <script type="module" src="/app/js/marketplace.js"></script>
 
 <!-- Killer Feature Modules -->
-<script src="/app/js/modules/ai-copilot.js"></script>
+<script src="/app/js/agent-api.js?v=a41b98a5"></script>
+<script src="/app/js/modules/ai-copilot.js?v=14e5d5d7"></script>
 <script src="/app/js/modules/text-to-cad.js"></script>
 <script src="/app/js/modules/photo-to-cad.js"></script>
 <script src="/app/js/modules/manufacturability.js"></script>
@@ -2871,5 +2875,75 @@ window._dismissSplash = function(action) {
   initializeUI();
 </script>
 
+<script>
+(function(){
+  function initMenuPin(){
+    const items = document.querySelectorAll('.menu-item');
+    if (!items.length) { setTimeout(initMenuPin, 300); return; }
+    items.forEach(item => {
+      const drop = item.querySelector('.menu-dropdown');
+      if (!drop) return;
+      // Click on menu-item itself (NOT children) toggles open
+      item.addEventListener('click', (e) => {
+        if (e.target.closest('.menu-dropdown')) return; // clicks inside dropdown bubble to their own handler
+        e.stopPropagation();
+        const wasOpen = item.classList.contains('open');
+        document.querySelectorAll('.menu-item.open').forEach(x => x.classList.remove('open'));
+        if (!wasOpen) item.classList.add('open');
+      });
+      // Clicks on menu-item-link close the menu after action
+      drop.addEventListener('click', (e) => {
+        if (e.target.classList.contains('menu-item-link')) {
+          setTimeout(() => item.classList.remove('open'), 50);
+        }
+      });
+    });
+    // Click outside closes any open menu
+    document.addEventListener('click', (e) => {
+      if (!e.target.closest('.menu-item')) {
+        document.querySelectorAll('.menu-item.open').forEach(x => x.classList.remove('open'));
+      }
+    });
+    console.log('[menu-pin] wired', items.length, 'menu items');
+  }
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initMenuPin);
+  else initMenuPin();
+})();
+</script>
+<script>
+(function(){
+  function initDialogDrag(){
+    const dlg = document.getElementById('dialog-overlay');
+    const title = document.getElementById('dialog-title');
+    if (!dlg || !title) { setTimeout(initDialogDrag, 300); return; }
+    let dragging = false, ox = 0, oy = 0, sx = 0, sy = 0;
+    const inner = dlg.querySelector('.dialog-container, .dialog-content, [class*="dialog-"]:not([id])') || dlg.firstElementChild;
+    if (!inner) return;
+    inner.setAttribute('data-dialog-drag', 'wired');
+    title.style.cursor = 'move';
+    title.style.userSelect = 'none';
+    title.addEventListener('pointerdown', (e) => {
+      dragging = true; sx = e.clientX; sy = e.clientY;
+      const rect = inner.getBoundingClientRect();
+      ox = rect.left; oy = rect.top;
+      inner.style.position = 'fixed';
+      inner.style.margin = '0';
+      inner.style.left = ox + 'px';
+      inner.style.top = oy + 'px';
+      inner.style.transform = 'none';
+      title.setPointerCapture(e.pointerId);
+    });
+    title.addEventListener('pointermove', (e) => {
+      if (!dragging) return;
+      inner.style.left = (ox + e.clientX - sx) + 'px';
+      inner.style.top  = (oy + e.clientY - sy) + 'px';
+    });
+    title.addEventListener('pointerup', (e) => { dragging = false; try { title.releasePointerCapture(e.pointerId); } catch(_){} });
+    console.log('[dialog-drag] wired');
+  }
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', initDialogDrag);
+  else initDialogDrag();
+})();
+</script>
 </body>
 </html>

package/app/js/killer-features.js

@@ -57,11 +57,11 @@ export const KillerFeatures = {
   registerKeyboardShortcuts() {
     document.addEventListener('keydown', (e) => {
       if (e.ctrlKey || e.metaKey) {
-        if (e.key === 'k') { e.preventDefault(); this.features.aiCopilot?.show(); }
-        if (e.key === 'p') { e.preventDefault(); this.features.physics?.toggle(); }
-        if (e.key === 'g') { e.preventDefault(); this.features.generative?.show(); }
-        if (e.key === 'c') { e.preventDefault(); this.features.costEstimator?.show(); }
-        if (e.key === 't') { e.preventDefault(); this.features.parameterTable?.show(); }
+        if (e.key === 'k' && e.shiftKey) { e.preventDefault(); this.features.aiCopilot?.show(); }
+        if (e.key === 'p' && e.shiftKey) { e.preventDefault(); this.features.physics?.toggle(); }
+        if (e.key === 'g' && e.shiftKey) { e.preventDefault(); this.features.generative?.show(); }
+        if (e.key === 'c' && e.shiftKey) { e.preventDefault(); this.features.costEstimator?.toggle(); }
+        if (e.key === 't' && e.shiftKey) { e.preventDefault(); this.features.parameterTable?.show(); }
       }
     });
   },
@@ -609,6 +609,17 @@ export const KillerFeatures = {
     const estimator = {
       show() {
         this.createPanel();
+        const p = document.getElementById('kf-cost-panel');
+        if (p) p.style.display = 'block';
+      },
+      hide() {
+        const p = document.getElementById('kf-cost-panel');
+        if (p) p.style.display = 'none';
+      },
+      toggle() {
+        const p = document.getElementById('kf-cost-panel');
+        if (p && p.style.display !== 'none') this.hide();
+        else this.show();
       },
 
       createPanel() {
@@ -624,7 +635,7 @@ export const KillerFeatures = {
         `;
 
         panel.innerHTML = `
-          <h3 style="margin: 0 0 16px 0; font-size: 16px;">Manufacturing Cost</h3>
+          <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px"><h3 style="margin: 0; font-size: 16px;">Manufacturing Cost</h3><button id="kf-cost-close" style="background:rgba(0,0,0,0.2);border:0;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1">x</button></div>
 
           <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px;">
             <div style="background: rgba(0,0,0,0.15); padding: 12px; border-radius: 8px; text-align: center;">
@@ -658,6 +669,7 @@ export const KillerFeatures = {
         `;
 
         document.body.appendChild(panel);
+        document.getElementById('kf-cost-close')?.addEventListener('click', () => estimator.hide());
         this.updateCosts();
 
         // Listen to scene changes