From e5e5b69ad8041db7f17a5438904847ad61b7d4a1 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:17:05 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[planning-design]=20=EB=B8=94=EB=A1=9D?=
 =?UTF-8?q?=20=ED=88=B4=EB=B0=94=EB=A5=BC=20=EB=8B=A8=EC=9C=84=EC=97=85?=
 =?UTF-8?q?=EB=AC=B4=20=EC=83=81=EB=8B=A8=EC=9C=BC=EB=A1=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/rd/planning-design/index.blade.php  | 158 +++++++++---------
 1 file changed, 80 insertions(+), 78 deletions(-)

diff --git a/resources/views/rd/planning-design/index.blade.php b/resources/views/rd/planning-design/index.blade.php
index 222bdbaf..80c1286c 100644
--- a/resources/views/rd/planning-design/index.blade.php
+++ b/resources/views/rd/planning-design/index.blade.php
@@ -632,7 +632,7 @@
 /* Block Editor (Wireframe) */
 .sb-block-toolbar {
     display: flex; align-items: center; gap: 4px; padding: 6px 12px;
-    border-bottom: 1px solid #e2e8f0; background: #fafbfc; flex-wrap: wrap;
+    border-bottom: 1px solid #e2e8f0; background: #fafbfc; flex-wrap: wrap; flex-shrink: 0;
 }
 .sb-block-toolbar-btn {
     padding: 3px 8px; border: 1px solid #e2e8f0; border-radius: 5px;
@@ -1333,6 +1333,83 @@
 
         {{-- Storyboard View --}}
         <div class="sb-wrap" x-show="viewMode === 'storyboard'">
+            {{-- Block Toolbar (상단) --}}
+            <div class="sb-block-toolbar">
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('heading')">H1</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('heading2')">H2</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('text')">T 텍스트</button>
+                <div class="sb-block-toolbar-sep"></div>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('table')">▦ 테이블</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('callout')">💡 콜아웃</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('todo')">☑ 체크리스트</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('code')">{ } 코드</button>
+                <div class="sb-block-toolbar-sep"></div>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('button')">🔘 버튼</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('input')">⊡ 입력필드</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('select')">▿ 셀렉트</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('card')">▣ 카드</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('badges')">● 뱃지</button>
+                <div class="sb-block-toolbar-sep"></div>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('image')">🖼 이미지</button>
+                <button class="sb-block-toolbar-btn" @click="sbAddBlock('divider')">― 구분선</button>
+                <div class="sb-block-toolbar-sep"></div>
+                {{-- Template Dropdown --}}
+                <div class="sb-tpl-dropdown" @click.outside="sbTplOpen = false">
+                    <button class="sb-tpl-trigger" x-ref="sbTplBtn" @click="sbToggleTplPanel()">📋 템플릿 <span style="font-size:8px;">▾</span></button>
+                    <div class="sb-tpl-panel" x-ref="sbTplPanel" x-show="sbTplOpen" x-cloak x-transition>
+                        <div class="sb-tpl-tabs">
+                            <div class="sb-tpl-tab" :class="{ active: sbTplTab === 'preset' }" @click="sbTplTab = 'preset'">기본 템플릿</div>
+                            <div class="sb-tpl-tab" :class="{ active: sbTplTab === 'custom' }" @click="sbTplTab = 'custom'">내 템플릿</div>
+                        </div>
+                        <input class="sb-tpl-search" type="text" placeholder="템플릿 검색..." x-model="sbTplSearch">
+                        <div class="sb-tpl-list">
+                            {{-- Preset Templates --}}
+                            <template x-if="sbTplTab === 'preset'">
+                                <div>
+                                    <template x-for="tpl in sbFilteredPresets" :key="tpl.name">
+                                        <div class="sb-tpl-item" @click="sbInsertTemplate(tpl); sbTplOpen = false;">
+                                            <div class="sb-tpl-item-icon" x-text="tpl.icon"></div>
+                                            <div class="sb-tpl-item-info">
+                                                <div class="sb-tpl-item-name" x-text="tpl.name"></div>
+                                                <div class="sb-tpl-item-desc" x-text="tpl.desc"></div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                    <div class="sb-tpl-empty" x-show="sbFilteredPresets.length === 0">검색 결과가 없습니다</div>
+                                </div>
+                            </template>
+                            {{-- Custom Templates --}}
+                            <template x-if="sbTplTab === 'custom'">
+                                <div>
+                                    <template x-for="(tpl, ti) in sbFilteredCustoms" :key="tpl.name">
+                                        <div class="sb-tpl-item">
+                                            <div class="sb-tpl-item-icon">📄</div>
+                                            <div class="sb-tpl-item-info" @click="sbInsertTemplate(tpl); sbTplOpen = false;">
+                                                <div class="sb-tpl-item-name" x-text="tpl.name"></div>
+                                                <div class="sb-tpl-item-desc" x-text="tpl.blocks.length + '개 블록'"></div>
+                                            </div>
+                                            <div class="sb-tpl-item-actions">
+                                                <button class="sb-tpl-item-btn" @click.stop="sbDeleteCustomTemplate(ti)" title="삭제">×</button>
+                                            </div>
+                                        </div>
+                                    </template>
+                                    <div class="sb-tpl-empty" x-show="sbFilteredCustoms.length === 0 && !sbTplSearch">
+                                        저장된 템플릿이 없습니다<br>
+                                        <span style="font-size:10px;">현재 페이지 블록을 아래에서 저장하세요</span>
+                                    </div>
+                                    <div class="sb-tpl-empty" x-show="sbFilteredCustoms.length === 0 && sbTplSearch">검색 결과가 없습니다</div>
+                                </div>
+                            </template>
+                        </div>
+                        {{-- Save current blocks as template --}}
+                        <div class="sb-tpl-save-bar">
+                            <input class="sb-tpl-save-input" type="text" placeholder="현재 블록을 템플릿으로 저장..." x-model="sbTplSaveName" @keydown.enter="sbSaveAsTemplate()">
+                            <button class="sb-tpl-save-btn" @click="sbSaveAsTemplate()" :disabled="!sbTplSaveName.trim()">저장</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             {{-- Storyboard Top Bar --}}
             <div class="sb-topbar">
                 <label>프로젝트</label>
@@ -1426,83 +1503,8 @@
 
                                 {{-- Content + Description --}}
                                 <div class="sb-content-area">
-                                    {{-- Block Toolbar --}}
-                                    <div class="sb-block-toolbar">
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('heading')">H1</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('heading2')">H2</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('text')">T 텍스트</button>
-                                        <div class="sb-block-toolbar-sep"></div>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('table')">▦ 테이블</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('callout')">💡 콜아웃</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('todo')">☑ 체크리스트</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('code')">{ } 코드</button>
-                                        <div class="sb-block-toolbar-sep"></div>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('button')">🔘 버튼</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('input')">⊡ 입력필드</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('select')">▿ 셀렉트</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('card')">▣ 카드</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('badges')">● 뱃지</button>
-                                        <div class="sb-block-toolbar-sep"></div>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('image')">🖼 이미지</button>
-                                        <button class="sb-block-toolbar-btn" @click="sbAddBlock('divider')">― 구분선</button>
-                                        <input type="file" accept="image/*" x-ref="sbBlockImageInput" style="display:none;" @change="sbBlockUploadImage($event)">
-                                        <div class="sb-block-toolbar-sep"></div>
-                                        {{-- Template Dropdown --}}
-                                        <div class="sb-tpl-dropdown" @click.outside="sbTplOpen = false">
-                                            <button class="sb-tpl-trigger" x-ref="sbTplBtn" @click="sbToggleTplPanel()">📋 템플릿 <span style="font-size:8px;">▾</span></button>
-                                            <div class="sb-tpl-panel" x-ref="sbTplPanel" x-show="sbTplOpen" x-cloak x-transition>
-                                                <div class="sb-tpl-tabs">
-                                                    <div class="sb-tpl-tab" :class="{ active: sbTplTab === 'preset' }" @click="sbTplTab = 'preset'">기본 템플릿</div>
-                                                    <div class="sb-tpl-tab" :class="{ active: sbTplTab === 'custom' }" @click="sbTplTab = 'custom'">내 템플릿</div>
-                                                </div>
-                                                <input class="sb-tpl-search" type="text" placeholder="템플릿 검색..." x-model="sbTplSearch">
-                                                <div class="sb-tpl-list">
-                                                    {{-- Preset Templates --}}
-                                                    <template x-if="sbTplTab === 'preset'">
-                                                        <div>
-                                                            <template x-for="tpl in sbFilteredPresets" :key="tpl.name">
-                                                                <div class="sb-tpl-item" @click="sbInsertTemplate(tpl); sbTplOpen = false;">
-                                                                    <div class="sb-tpl-item-icon" x-text="tpl.icon"></div>
-                                                                    <div class="sb-tpl-item-info">
-                                                                        <div class="sb-tpl-item-name" x-text="tpl.name"></div>
-                                                                        <div class="sb-tpl-item-desc" x-text="tpl.desc"></div>
-                                                                    </div>
-                                                                </div>
-                                                            </template>
-                                                            <div class="sb-tpl-empty" x-show="sbFilteredPresets.length === 0">검색 결과가 없습니다</div>
-                                                        </div>
-                                                    </template>
-                                                    {{-- Custom Templates --}}
-                                                    <template x-if="sbTplTab === 'custom'">
-                                                        <div>
-                                                            <template x-for="(tpl, ti) in sbFilteredCustoms" :key="tpl.name">
-                                                                <div class="sb-tpl-item">
-                                                                    <div class="sb-tpl-item-icon">📄</div>
-                                                                    <div class="sb-tpl-item-info" @click="sbInsertTemplate(tpl); sbTplOpen = false;">
-                                                                        <div class="sb-tpl-item-name" x-text="tpl.name"></div>
-                                                                        <div class="sb-tpl-item-desc" x-text="tpl.blocks.length + '개 블록'"></div>
-                                                                    </div>
-                                                                    <div class="sb-tpl-item-actions">
-                                                                        <button class="sb-tpl-item-btn" @click.stop="sbDeleteCustomTemplate(ti)" title="삭제">×</button>
-                                                                    </div>
-                                                                </div>
-                                                            </template>
-                                                            <div class="sb-tpl-empty" x-show="sbFilteredCustoms.length === 0 && !sbTplSearch">
-                                                                저장된 템플릿이 없습니다<br>
-                                                                <span style="font-size:10px;">현재 페이지 블록을 아래에서 저장하세요</span>
-                                                            </div>
-                                                            <div class="sb-tpl-empty" x-show="sbFilteredCustoms.length === 0 && sbTplSearch">검색 결과가 없습니다</div>
-                                                        </div>
-                                                    </template>
-                                                </div>
-                                                {{-- Save current blocks as template --}}
-                                                <div class="sb-tpl-save-bar">
-                                                    <input class="sb-tpl-save-input" type="text" placeholder="현재 블록을 템플릿으로 저장..." x-model="sbTplSaveName" @keydown.enter="sbSaveAsTemplate()">
-                                                    <button class="sb-tpl-save-btn" @click="sbSaveAsTemplate()" :disabled="!sbTplSaveName.trim()">저장</button>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
+                                    {{-- Block Editor Area (moved toolbar to sb-topbar above) --}}
+                                    <input type="file" accept="image/*" x-ref="sbBlockImageInput" style="display:none;" @change="sbBlockUploadImage($event)">
 
                                     {{-- Block Editor Area (Free Canvas) --}}
                                     <div class="sb-blocks-area" x-ref="sbCanvas"