From 889c527154dc342ee291a4d4d4963cb0d66a734e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=B3=B4=EA=B3=A4?=
 <lightone2017@codebridge-x.com>
Date: Sun, 8 Mar 2026 00:20:42 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[planning-design]=20=EB=A9=94=EB=89=B4/?=
 =?UTF-8?q?=EC=BA=94=EB=B2=84=EC=8A=A4=20=EA=B2=BD=EA=B3=84=20=EB=93=9C?=
 =?UTF-8?q?=EB=9E=98=EA=B7=B8=20=EB=A6=AC=EC=82=AC=EC=9D=B4=EC=A6=88=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/rd/planning-design/index.blade.php  | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/resources/views/rd/planning-design/index.blade.php b/resources/views/rd/planning-design/index.blade.php
index 80c1286c..04568590 100644
--- a/resources/views/rd/planning-design/index.blade.php
+++ b/resources/views/rd/planning-design/index.blade.php
@@ -562,9 +562,14 @@
 
 /* Left Menu Panel */
 .sb-menu-panel {
-    width: 160px; flex-shrink: 0; border-right: 1px solid #e2e8f0;
+    flex-shrink: 0; border-right: none;
     padding: 12px 0; font-size: 11px; overflow-y: auto; background: #f8fafc;
 }
+.sb-menu-resizer {
+    width: 5px; flex-shrink: 0; cursor: col-resize; background: #e2e8f0;
+    transition: background .15s;
+}
+.sb-menu-resizer:hover, .sb-menu-resizer.active { background: #818cf8; }
 .sb-menu-section { font-size: 8px; font-weight: 700; color: #94a3b8; padding: 4px 12px; text-transform: uppercase; }
 .sb-menu-item {
     padding: 5px 12px 5px 16px; color: #64748b; cursor: default;
@@ -1484,9 +1489,11 @@
                                 </div>
                             </div>
 
-                            <div class="sb-page-body">
+                            <div class="sb-page-body"
+                                 @mousemove.window="if(_sbMenuResize){ sbMenuWidth = Math.max(80, Math.min(400, _sbMenuResize.startW + $event.clientX - _sbMenuResize.startX)); }"
+                                 @mouseup.window="if(_sbMenuResize){ _sbMenuResize = null; document.querySelector('.sb-menu-resizer.active')?.classList.remove('active'); }">
                                 {{-- Left Menu --}}
-                                <div class="sb-menu-panel">
+                                <div class="sb-menu-panel" :style="'width:' + sbMenuWidth + 'px'">
                                     <div class="sb-menu-logo" x-text="sb.docInfo.projectName || 'LOGO'"></div>
                                     <div class="sb-menu-section">ERP 메뉴</div>
                                     <template x-for="menu in sb.menuTree" :key="menu.name">
@@ -1501,6 +1508,10 @@
                                     </template>
                                 </div>
 
+                                {{-- Menu / Content Resizer --}}
+                                <div class="sb-menu-resizer"
+                                     @mousedown.prevent="_sbMenuResize = { startX: $event.clientX, startW: sbMenuWidth }; $event.target.classList.add('active')"></div>
+
                                 {{-- Content + Description --}}
                                 <div class="sb-content-area">
                                     {{-- Block Editor Area (moved toolbar to sb-topbar above) --}}
@@ -1974,6 +1985,8 @@ function planningCanvas() {
         _sbDrag: null,   // { blk, startX, startY, origX, origY }
         _sbResize: null, // { blk, dir, startX, startY, origW, origH }
         _sbClipboard: null, // copied block data
+        sbMenuWidth: 160,
+        _sbMenuResize: null,
         _sbHistory: [],
         _sbHistoryIdx: -1,
         _sbHistoryPaused: false,