@saluzi/saluzi-edu 0.1.69 → 0.1.71

package/dist/parade/web/cube.js

@@ -203,23 +203,42 @@ document.addEventListener('contextmenu', function (e) {
   ctxMenu.style.top = e.clientY + 'px'
 })
 
-// Frameless window drag via IPC (Electron). Left-click anywhere (except the
-// context menu) starts a native drag — the main process polls the cursor and
-// moves the window until mouseup. Right-click is left untouched so
-// 'contextmenu' fires normally and the Close menu works.
+// Frameless window drag + corner resize via IPC (Electron). Left-click on
+// the body starts a move-drag; left-click on a .corner-handle starts a
+// proportional resize. The main process polls the cursor and moves/resizes
+// the window until mouseup. Right-click is left untouched so 'contextmenu'
+// fires normally and the Close menu works.
+var isResizing = false
 if (window.parade && typeof window.parade.startDrag === 'function') {
   document.addEventListener('mousedown', function (e) {
     if (e.button !== 0) return // left button only
     if (e.target.closest('#ctx-menu')) return // don't drag from menu
-    window.parade.startDrag()
+    var cornerEl = e.target.closest('[data-corner]')
+    if (cornerEl && typeof window.parade.startResize === 'function') {
+      isResizing = true
+      window.parade.startResize(cornerEl.dataset.corner)
+    } else {
+      isResizing = false
+      window.parade.startDrag()
+    }
   })
   document.addEventListener('mouseup', function (e) {
     if (e.button !== 0) return
-    window.parade.stopDrag()
+    if (isResizing && typeof window.parade.stopResize === 'function') {
+      window.parade.stopResize()
+    } else {
+      window.parade.stopDrag()
+    }
+    isResizing = false
   })
-  // If the mouse leaves the window while dragging, stop too.
+  // If the mouse leaves the window while dragging/resizing, stop too.
   window.addEventListener('blur', function () {
-    window.parade.stopDrag()
+    if (isResizing && typeof window.parade.stopResize === 'function') {
+      window.parade.stopResize()
+    } else {
+      window.parade.stopDrag()
+    }
+    isResizing = false
   })
 }
 

package/dist/parade/web/index.html

@@ -37,7 +37,7 @@
      The cube canvas inside auto-syncs its buffer to the display size, so the
      cube renders correctly at any window dimension. */
   #cube-stage {
-    flex: 0 0 43%;  /* ~120px of 280px, but proportional so it scales */
+    flex: 0 0 43%;  /* ~95px of 220px, but proportional so it scales */
     height: 100%;
     position: relative;
     background:
@@ -177,6 +177,21 @@
     z-index: 100;
   }
 
+  /* ---- Corner resize handles ----
+     Invisible 12x12px hit areas in each corner. Cursor changes to the
+     directional resize icon on hover; left-click-and-drag proportionally
+     resizes the window (aspect-locked) via IPC to the electron main process. */
+  .corner-handle {
+    position: fixed;
+    width: 12px;
+    height: 12px;
+    z-index: 200;
+  }
+  .corner-tl { top: 0; left: 0; cursor: nwse-resize; }
+  .corner-tr { top: 0; right: 0; cursor: nesw-resize; }
+  .corner-bl { bottom: 0; left: 0; cursor: nesw-resize; }
+  .corner-br { bottom: 0; right: 0; cursor: nwse-resize; }
+
   /* ---- Context menu ---- */
   #ctx-menu {
     display: none;
@@ -223,6 +238,11 @@
     <div class="ctx-item" id="ctx-close">Close</div>
   </div>
   <div id="ws-status" title="WS: connecting"></div>
+  <!-- Corner resize handles: invisible hit areas at each corner -->
+  <div class="corner-handle corner-tl" data-corner="tl"></div>
+  <div class="corner-handle corner-tr" data-corner="tr"></div>
+  <div class="corner-handle corner-bl" data-corner="bl"></div>
+  <div class="corner-handle corner-br" data-corner="br"></div>
   <script src="cube.js"></script>
 </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saluzi/saluzi-edu",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "description": "Saluzi CLI - interactive AI coding assistant in the terminal",
   "license": "MIT",
   "type": "module",