cyclecad 3.10.0 → 3.10.2

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=407987b9"></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>