From e24be0f43e7dd9b2401ac32b8ed1707c15926109 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 09:08:21 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20[planning-design]=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=EB=B0=94=20=EC=A0=91=EA=B8=B0/=ED=8E=BC=EC=B9=98?=
 =?UTF-8?q?=EA=B8=B0=20=EB=B2=84=ED=8A=BC=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  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/resources/views/rd/planning-design/index.blade.php b/resources/views/rd/planning-design/index.blade.php
index 660edb54..652f6f2c 100644
--- a/resources/views/rd/planning-design/index.blade.php
+++ b/resources/views/rd/planning-design/index.blade.php
@@ -75,6 +75,7 @@
 .pc-body {
     display: flex;
     flex: 1;
+    position: relative;
     min-height: 0;
     overflow: hidden;
 }
@@ -101,6 +102,23 @@
     transition: all 0.15s; background: none; border-top: none; border-left: none; border-right: none;
 }
 .pc-sidebar-tab.active { color: var(--pc-indigo); border-bottom-color: var(--pc-indigo); }
+.pc-sidebar-collapse-btn {
+    width: 28px; height: 28px; flex-shrink: 0;
+    display: flex; align-items: center; justify-content: center;
+    background: none; border: none; color: #94a3b8; cursor: pointer;
+    border-radius: 4px; margin-left: auto; transition: all 0.15s;
+}
+.pc-sidebar-collapse-btn:hover { background: #f1f5f9; color: #475569; }
+.pc-sidebar-expand-btn {
+    position: absolute; left: 0; top: 50%;
+    transform: translateY(-50%);
+    width: 16px; height: 48px; z-index: 50;
+    background: #f1f5f9; border: 1px solid #e2e8f0;
+    border-left: none; border-radius: 0 6px 6px 0;
+    display: flex; align-items: center; justify-content: center;
+    cursor: pointer; color: #94a3b8; transition: all 0.15s;
+}
+.pc-sidebar-expand-btn:hover { background: #e2e8f0; color: #475569; width: 20px; }
 .pc-sidebar-panel {
     flex: 1; overflow-y: auto; padding: 12px;
     display: none;
@@ -1077,12 +1095,20 @@
     {{-- ===== Body ===== --}}
     <div class="pc-body">
 
+        {{-- Sidebar Expand Button (visible when collapsed) --}}
+        <button class="pc-sidebar-expand-btn" x-show="!sidebarOpen" x-cloak @click="sidebarOpen = true" title="패널 펼치기">
+            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 6 15 12 9 18"/></svg>
+        </button>
+
         {{-- Left Sidebar --}}
         <div class="pc-sidebar" :class="{ collapsed: !sidebarOpen }">
             <div class="pc-sidebar-tabs">
                 <button class="pc-sidebar-tab" :class="{ active: sidebarTab === 'palette' }" @click="sidebarTab = 'palette'">노드</button>
                 <button class="pc-sidebar-tab" :class="{ active: sidebarTab === 'properties' }" @click="sidebarTab = 'properties'">속성</button>
                 <button class="pc-sidebar-tab" :class="{ active: sidebarTab === 'projects' }" @click="sidebarTab = 'projects'">프로젝트</button>
+                <button class="pc-sidebar-collapse-btn" @click="sidebarOpen = false" title="패널 접기">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
+                </button>
             </div>
 
             {{-- Palette Panel --}}