From 47cc16ba035dc9198423b0ff7adbfdbd427e00fa 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, 22 Mar 2026 21:01:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20[RD]=20=EC=98=A8=EB=B3=B4=EB=94=A9=20?=
 =?UTF-8?q?=EA=B0=80=EC=9D=B4=EB=93=9C=20HX-Redirect=20=EC=A0=9C=EA=B1=B0,?=
 =?UTF-8?q?=20HTMX=20=EC=8A=A4=EC=99=91=20=EB=B0=A9=EC=8B=9D=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD=20(=EB=A0=88=EC=9D=B4=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EA=B9=A8=EC=A7=90=20=EC=88=98=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Http/Controllers/RdController.php         |   6 +-
 .../views/rd/onboarding-guide/index.blade.php | 141 ++++++------------
 2 files changed, 48 insertions(+), 99 deletions(-)

diff --git a/app/Http/Controllers/RdController.php b/app/Http/Controllers/RdController.php
index f0cba5c2..7bd042ce 100644
--- a/app/Http/Controllers/RdController.php
+++ b/app/Http/Controllers/RdController.php
@@ -773,12 +773,8 @@ public function autoQuotation(Request $request): View|\Illuminate\Http\Response
     /**
      * 온보딩 도움말기능
      */
-    public function onboardingGuide(Request $request): View|\Illuminate\Http\Response
+    public function onboardingGuide(): View
     {
-        if ($request->header('HX-Request')) {
-            return response('', 200)->header('HX-Redirect', route('rd.onboarding-guide'));
-        }
-
         return view('rd.onboarding-guide.index');
     }
 }
diff --git a/resources/views/rd/onboarding-guide/index.blade.php b/resources/views/rd/onboarding-guide/index.blade.php
index 10114abb..48a763e6 100644
--- a/resources/views/rd/onboarding-guide/index.blade.php
+++ b/resources/views/rd/onboarding-guide/index.blade.php
@@ -246,104 +246,57 @@
         </div>
     </div>
 </div>
-@endsection
 
-@push('scripts')
-<script type="module">
-    // Vite 모듈 로드 후 실행 보장
-    const demoGuide = new SamOnboarding('onboarding-demo', [
-        {
-            element: '#demo-stat-card',
-            title: '1. 통계 카드',
-            description: '주요 지표를 한눈에 확인할 수 있는 통계 카드입니다.<br>실시간으로 업데이트되는 현황을 파악하세요.',
-            side: 'bottom',
-        },
-        {
-            element: '#demo-progress-card',
-            title: '2. 진행 현황',
-            description: '전체 작업 대비 완료율을 보여줍니다.<br>목표 달성률을 추적하세요.',
-            side: 'bottom',
-        },
-        {
-            element: '#demo-alert-card',
-            title: '3. 주의 항목',
-            description: '확인이 필요한 항목의 수를 표시합니다.<br>클릭하면 상세 목록으로 이동합니다.',
-            side: 'bottom',
-        },
-        {
-            element: '#demo-btn-create',
-            title: '4. 신규 등록',
-            description: '새로운 항목을 등록할 수 있는 버튼입니다.<br>클릭하면 등록 폼이 열립니다.',
-            side: 'bottom',
-        },
-        {
-            element: '#demo-btn-filter',
-            title: '5. 필터',
-            description: '날짜, 상태, 담당자 등 다양한 조건으로<br>데이터를 필터링할 수 있습니다.',
-            side: 'bottom',
-        },
-        {
-            element: '#demo-data-table',
-            title: '6. 데이터 목록',
-            description: '등록된 데이터를 테이블 형태로 확인합니다.<br>행을 클릭하면 상세 페이지로 이동합니다.',
-            side: 'top',
-        },
-    ]);
-
-    // 전역 함수로 등록 (onclick에서 사용)
-    window.startDemoGuide = function() {
-        demoGuide.reset();
-        demoGuide.start();
-    };
-
-    window.resetDemoGuide = function() {
-        demoGuide.reset();
-        updateDemoStatus();
-    };
-
-    function updateDemoStatus() {
-        const status = document.getElementById('demo-status');
-        if (demoGuide.isCompleted()) {
-            status.innerHTML = '<span class="text-green-600"><i class="ri-check-line"></i> 데모 가이드 완료됨</span>';
-        } else {
-            status.innerHTML = '<span class="text-gray-400">아직 체험하지 않음</span>';
-        }
-    }
-
-    function renderAppliedPages() {
-        const keys = GuideRegistry.keys();
-        const list = document.getElementById('applied-pages-list');
-        const noMsg = document.getElementById('no-pages-msg');
-
-        if (keys.length === 0) {
-            noMsg.style.display = '';
+<!-- 스크립트: @section('content') 안에 배치하여 HTMX 스왑 시에도 실행 -->
+<script>
+(function() {
+    function init() {
+        if (typeof SamOnboarding === 'undefined') {
+            setTimeout(init, 100);
             return;
         }
 
-        noMsg.style.display = 'none';
-        list.innerHTML = keys.map(key => {
-            const completed = localStorage.getItem(`sam_onboarding_${key}`) === 'completed';
-            const statusBadge = completed
-                ? '<span class="bg-green-100 text-green-700 px-2 py-1 rounded-full text-xs">완료</span>'
-                : '<span class="bg-gray-100 text-gray-500 px-2 py-1 rounded-full text-xs">미완료</span>';
-            return `
-                <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 hover:bg-gray-50">
-                    <div class="flex items-center gap-3">
-                        <i class="ri-file-text-line text-gray-400"></i>
-                        <span class="text-sm font-medium text-gray-700">${key}</span>
-                    </div>
-                    <div class="flex items-center gap-2">
-                        ${statusBadge}
-                        <button onclick="localStorage.removeItem('sam_onboarding_${key}'); renderAppliedPages();"
-                                class="text-xs text-gray-400 hover:text-gray-600" title="초기화">
-                            <i class="ri-refresh-line"></i>
-                        </button>
-                    </div>
-                </div>`;
-        }).join('');
+        var demoGuide = new SamOnboarding('onboarding-demo', [
+            { element: '#demo-stat-card', title: '1. 통계 카드', description: '주요 지표를 한눈에 확인할 수 있는 통계 카드입니다.<br>실시간으로 업데이트되는 현황을 파악하세요.', side: 'bottom' },
+            { element: '#demo-progress-card', title: '2. 진행 현황', description: '전체 작업 대비 완료율을 보여줍니다.<br>목표 달성률을 추적하세요.', side: 'bottom' },
+            { element: '#demo-alert-card', title: '3. 주의 항목', description: '확인이 필요한 항목의 수를 표시합니다.<br>클릭하면 상세 목록으로 이동합니다.', side: 'bottom' },
+            { element: '#demo-btn-create', title: '4. 신규 등록', description: '새로운 항목을 등록할 수 있는 버튼입니다.<br>클릭하면 등록 폼이 열립니다.', side: 'bottom' },
+            { element: '#demo-btn-filter', title: '5. 필터', description: '날짜, 상태, 담당자 등 다양한 조건으로<br>데이터를 필터링할 수 있습니다.', side: 'bottom' },
+            { element: '#demo-data-table', title: '6. 데이터 목록', description: '등록된 데이터를 테이블 형태로 확인합니다.<br>행을 클릭하면 상세 페이지로 이동합니다.', side: 'top' },
+        ]);
+
+        window.startDemoGuide = function() { demoGuide.reset(); demoGuide.start(); };
+        window.resetDemoGuide = function() { demoGuide.reset(); updateStatus(); };
+
+        function updateStatus() {
+            var el = document.getElementById('demo-status');
+            if (!el) return;
+            el.innerHTML = demoGuide.isCompleted()
+                ? '<span class="text-green-600"><i class="ri-check-line"></i> 데모 가이드 완료됨</span>'
+                : '<span class="text-gray-400">아직 체험하지 않음</span>';
+        }
+
+        function renderPages() {
+            var keys = GuideRegistry.keys();
+            var list = document.getElementById('applied-pages-list');
+            var noMsg = document.getElementById('no-pages-msg');
+            if (!list || !noMsg) return;
+            if (keys.length === 0) { noMsg.style.display = ''; return; }
+            noMsg.style.display = 'none';
+            list.innerHTML = keys.map(function(key) {
+                var done = localStorage.getItem('sam_onboarding_' + key) === 'completed';
+                var badge = done
+                    ? '<span class="bg-green-100 text-green-700 px-2 py-1 rounded-full text-xs">완료</span>'
+                    : '<span class="bg-gray-100 text-gray-500 px-2 py-1 rounded-full text-xs">미완료</span>';
+                return '<div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 hover:bg-gray-50"><div class="flex items-center gap-3"><i class="ri-file-text-line text-gray-400"></i><span class="text-sm font-medium text-gray-700">' + key + '</span></div><div class="flex items-center gap-2">' + badge + '</div></div>';
+            }).join('');
+        }
+
+        updateStatus();
+        renderPages();
     }
 
-    updateDemoStatus();
-    renderAppliedPages();
+    init();
+})();
 </script>
-@endpush
+@endsection