From eb99efb014ad1ddecd1f7b4154f1aecda63afd94 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: Fri, 6 Feb 2026 20:23:50 +0900
Subject: [PATCH 1/9] =?UTF-8?q?feat:=ED=99=88=ED=83=9D=EC=8A=A4=20?=
 =?UTF-8?q?=EC=88=98=EB=8F=99=EC=9E=85=EB=A0=A5=20=EB=AA=A8=EB=8B=AC?=
 =?UTF-8?q?=EC=97=90=20=EA=B1=B0=EB=9E=98=EC=B2=98=20=EC=84=A0=ED=83=9D=20?=
 =?UTF-8?q?=EB=93=9C=EB=A1=AD=EB=8B=A4=EC=9A=B4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- HometaxTradingPartnerSelect 컴포넌트 추가 (검색+키보드 탐색)
- HometaxAddTradingPartnerModal 컴포넌트 추가 (신규 거래처 등록)
- 거래처 선택 시 거래처명+사업자번호 자동채움
- 매출/매입 전환 시 거래처 선택 초기화
- 카드내역 불러오기와 거래처 드롭다운 동기화
- 수정 모달 시 기존 거래처명으로 드롭다운 매칭

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../views/barobill/hometax/index.blade.php    | 304 +++++++++++++++++-
 1 file changed, 302 insertions(+), 2 deletions(-)

diff --git a/resources/views/barobill/hometax/index.blade.php b/resources/views/barobill/hometax/index.blade.php
index 098c354a..4d93b038 100644
--- a/resources/views/barobill/hometax/index.blade.php
+++ b/resources/views/barobill/hometax/index.blade.php
@@ -61,7 +61,7 @@
 <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
 
 <script type="text/babel">
-    const { useState, useEffect, useCallback } = React;
+    const { useState, useEffect, useCallback, useRef } = React;
 
     // API Routes
     const API = {
@@ -414,6 +414,10 @@ className="px-2 py-1 bg-red-50 text-red-700 rounded text-xs hover:bg-red-100 tra
         const [showManualModal, setShowManualModal] = useState(false);
         const [manualEditData, setManualEditData] = useState(null);
 
+        // 거래처 관련
+        const [tradingPartners, setTradingPartners] = useState([]);
+        const [showAddPartnerModal, setShowAddPartnerModal] = useState(false);
+
         // 분개 모달
         const [showJournalModal, setShowJournalModal] = useState(false);
         const [journalInvoice, setJournalInvoice] = useState(null);
@@ -422,6 +426,7 @@ className="px-2 py-1 bg-red-50 text-red-700 rounded text-xs hover:bg-red-100 tra
         useEffect(() => {
             loadSalesData();
             loadCollectStatus();
+            fetchTradingPartners();
         }, []);
 
         // 탭 변경 시 해당 탭 데이터 로드 (아직 로드되지 않은 경우)
@@ -589,6 +594,16 @@ className="px-2 py-1 bg-red-50 text-red-700 rounded text-xs hover:bg-red-100 tra
             }
         };
 
+        const fetchTradingPartners = async () => {
+            try {
+                const res = await fetch('/finance/journal-entries/trading-partners');
+                const data = await res.json();
+                if (data.success) setTradingPartners(data.data);
+            } catch (err) {
+                console.error('거래처 목록 조회 오류:', err);
+            }
+        };
+
         const handleRequestCollect = async () => {
             if (!confirm('홈택스 데이터 수집을 요청하시겠습니까?\n수집에는 시간이 걸릴 수 있습니다.')) return;
 
@@ -1331,9 +1346,21 @@ className="px-4 py-2 bg-stone-100 text-stone-700 rounded-lg text-sm font-medium
                         onSave={handleManualSave}
                         editData={manualEditData}
                         invoiceType={activeTab}
+                        tradingPartners={tradingPartners}
+                        onAddPartner={() => setShowAddPartnerModal(true)}
                     />
                 )}
 
+                {/* 거래처 추가 모달 */}
+                <HometaxAddTradingPartnerModal
+                    isOpen={showAddPartnerModal}
+                    onClose={() => setShowAddPartnerModal(false)}
+                    onSaved={(newPartner) => {
+                        setTradingPartners(prev => [...prev, newPartner]);
+                        setShowAddPartnerModal(false);
+                    }}
+                />
+
                 {/* 분개 모달 */}
                 {showJournalModal && journalInvoice && (
                     <JournalEntryModal
@@ -1347,10 +1374,219 @@ className="px-4 py-2 bg-stone-100 text-stone-700 rounded-lg text-sm font-medium
         );
     };
 
+    // ============================================
+    // HometaxTradingPartnerSelect - 거래처 드롭다운
+    // ============================================
+    const HometaxTradingPartnerSelect = ({ value, valueName, onChange, tradingPartners, onAddPartner }) => {
+        const [isOpen, setIsOpen] = useState(false);
+        const [search, setSearch] = useState('');
+        const [highlightIndex, setHighlightIndex] = useState(-1);
+        const containerRef = useRef(null);
+        const listRef = useRef(null);
+
+        const displayText = valueName || '';
+
+        const filteredPartners = tradingPartners.filter(p => {
+            if (!search) return true;
+            const s = search.toLowerCase();
+            return p.name.toLowerCase().includes(s) || (p.biz_no && p.biz_no.includes(search));
+        });
+
+        useEffect(() => { setHighlightIndex(-1); }, [search]);
+        useEffect(() => {
+            const handleClickOutside = (e) => {
+                if (containerRef.current && !containerRef.current.contains(e.target)) {
+                    setIsOpen(false); setSearch(''); setHighlightIndex(-1);
+                }
+            };
+            document.addEventListener('mousedown', handleClickOutside);
+            return () => document.removeEventListener('mousedown', handleClickOutside);
+        }, []);
+
+        const handleSelect = (partner) => {
+            onChange(partner.id, partner.name, partner.biz_no || '');
+            setIsOpen(false); setSearch(''); setHighlightIndex(-1);
+        };
+        const handleClear = (e) => { e.stopPropagation(); onChange(null, '', ''); setSearch(''); };
+
+        const handleKeyDown = (e) => {
+            const maxIndex = Math.min(filteredPartners.length, 50) - 1;
+            if (e.key === 'ArrowDown') {
+                e.preventDefault();
+                const ni = highlightIndex < maxIndex ? highlightIndex + 1 : 0;
+                setHighlightIndex(ni);
+                setTimeout(() => { listRef.current?.children[ni]?.scrollIntoView({ block: 'nearest' }); }, 0);
+            } else if (e.key === 'ArrowUp') {
+                e.preventDefault();
+                const ni = highlightIndex > 0 ? highlightIndex - 1 : maxIndex;
+                setHighlightIndex(ni);
+                setTimeout(() => { listRef.current?.children[ni]?.scrollIntoView({ block: 'nearest' }); }, 0);
+            } else if (e.key === 'Enter' && filteredPartners.length > 0) {
+                e.preventDefault();
+                handleSelect(filteredPartners[highlightIndex >= 0 ? highlightIndex : 0]);
+            } else if (e.key === 'Escape') {
+                setIsOpen(false); setSearch(''); setHighlightIndex(-1);
+            }
+        };
+
+        return (
+            <div ref={containerRef} className="relative">
+                <div onClick={() => setIsOpen(!isOpen)}
+                    className={`w-full px-3 py-2 text-sm border rounded-lg cursor-pointer flex items-center justify-between gap-1 ${isOpen ? 'border-violet-500 ring-2 ring-violet-500' : 'border-stone-300'} bg-white`}>
+                    <span className={displayText ? 'text-stone-900 truncate' : 'text-stone-400'}>{displayText || '거래처 선택'}</span>
+                    <div className="flex items-center gap-1 flex-shrink-0">
+                        {value && <button onClick={handleClear} className="text-stone-400 hover:text-stone-600">
+                            <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" /></svg>
+                        </button>}
+                        <svg className={`w-3.5 h-3.5 text-stone-400 transition-transform ${isOpen ? 'rotate-180' : ''}`} fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M19 9l-7 7-7-7" /></svg>
+                    </div>
+                </div>
+                {isOpen && (
+                    <div className="absolute z-[60] mt-1 w-72 bg-white border border-stone-200 rounded-lg shadow-lg">
+                        <div className="p-2 border-b border-stone-100">
+                            <input type="text" value={search} onChange={(e) => setSearch(e.target.value)} onKeyDown={handleKeyDown}
+                                placeholder="거래처명 또는 사업자번호 검색..." className="w-full px-2.5 py-1.5 text-sm border border-stone-200 rounded-lg focus:ring-1 focus:ring-violet-500 outline-none" autoFocus />
+                        </div>
+                        <div className="border-b border-stone-100">
+                            <button onClick={(e) => { e.stopPropagation(); setIsOpen(false); onAddPartner && onAddPartner(); }}
+                                className="w-full px-3 py-2 text-xs text-violet-600 hover:bg-violet-50 font-medium flex items-center gap-1 justify-center transition-colors">
+                                <svg className="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 4v16m8-8H4" /></svg>
+                                거래처 추가
+                            </button>
+                        </div>
+                        <div ref={listRef} className="max-h-48 overflow-y-auto">
+                            {filteredPartners.length === 0 ? (
+                                <div className="px-3 py-2 text-xs text-stone-400 text-center">검색 결과 없음</div>
+                            ) : filteredPartners.slice(0, 50).map((p, index) => (
+                                <div key={p.id} onClick={() => handleSelect(p)}
+                                    className={`px-3 py-1.5 text-sm cursor-pointer ${index === highlightIndex ? 'bg-violet-600 text-white font-semibold' : value === p.id ? 'bg-violet-100 text-violet-700' : 'text-stone-700 hover:bg-violet-50'}`}>
+                                    <span className="font-medium">{p.name}</span>
+                                    {p.biz_no && <span className={`ml-1 text-xs ${index === highlightIndex ? 'text-violet-100' : 'text-stone-400'}`}>({p.biz_no})</span>}
+                                </div>
+                            ))}
+                            {filteredPartners.length > 50 && <div className="px-3 py-1 text-xs text-stone-400 text-center border-t">+{filteredPartners.length - 50}개 더 있음</div>}
+                        </div>
+                    </div>
+                )}
+            </div>
+        );
+    };
+
+    // ============================================
+    // HometaxAddTradingPartnerModal - 거래처 추가 모달
+    // ============================================
+    const HometaxAddTradingPartnerModal = ({ isOpen, onClose, onSaved }) => {
+        const [saving, setSaving] = useState(false);
+        const [form, setForm] = useState({
+            name: '', type: 'vendor', category: '기타', bizNo: '', contact: '', manager: '', memo: '',
+        });
+
+        const categories = ['기타', '제조업', '도소매업', '서비스업', '건설업', 'IT', '금융', '물류'];
+
+        const handleSave = async () => {
+            if (!form.name.trim()) { notify('거래처명을 입력하세요.', 'warning'); return; }
+            setSaving(true);
+            try {
+                const res = await fetch('/finance/partners/store', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': CSRF_TOKEN },
+                    body: JSON.stringify(form),
+                });
+                const data = await res.json();
+                if (data.success) {
+                    onSaved({ id: data.data.id, name: data.data.name, biz_no: data.data.bizNo, type: data.data.type });
+                    setForm({ name: '', type: 'vendor', category: '기타', bizNo: '', contact: '', manager: '', memo: '' });
+                    onClose();
+                    notify('거래처가 추가되었습니다.', 'success');
+                } else {
+                    notify(data.message || '저장에 실패했습니다.', 'error');
+                }
+            } catch (err) {
+                notify('저장 중 오류가 발생했습니다.', 'error');
+            } finally {
+                setSaving(false);
+            }
+        };
+
+        if (!isOpen) return null;
+
+        return (
+            <div className="fixed inset-0 z-[100] flex items-center justify-center">
+                <div className="absolute inset-0 bg-black/40" />
+                <div className="relative bg-white rounded-xl shadow-2xl w-full max-w-md mx-4">
+                    <div className="flex items-center justify-between px-5 py-4 border-b border-stone-200">
+                        <h3 className="text-base font-bold text-stone-800">거래처 추가</h3>
+                        <button onClick={onClose} className="p-1 text-stone-400 hover:text-stone-600 rounded">
+                            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" /></svg>
+                        </button>
+                    </div>
+                    <div className="px-5 py-4 space-y-3">
+                        <div>
+                            <label className="block text-xs font-medium text-stone-500 mb-1">거래처명 <span className="text-red-500">*</span></label>
+                            <input type="text" value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })}
+                                placeholder="거래처명을 입력하세요"
+                                className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none" autoFocus />
+                        </div>
+                        <div className="grid grid-cols-2 gap-3">
+                            <div>
+                                <label className="block text-xs font-medium text-stone-500 mb-1">구분</label>
+                                <select value={form.type} onChange={(e) => setForm({ ...form, type: e.target.value })}
+                                    className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none">
+                                    <option value="vendor">거래처</option>
+                                    <option value="freelancer">프리랜서</option>
+                                </select>
+                            </div>
+                            <div>
+                                <label className="block text-xs font-medium text-stone-500 mb-1">업종</label>
+                                <select value={form.category} onChange={(e) => setForm({ ...form, category: e.target.value })}
+                                    className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none">
+                                    {categories.map(c => <option key={c} value={c}>{c}</option>)}
+                                </select>
+                            </div>
+                        </div>
+                        <div>
+                            <label className="block text-xs font-medium text-stone-500 mb-1">사업자번호</label>
+                            <input type="text" value={form.bizNo} onChange={(e) => setForm({ ...form, bizNo: e.target.value })}
+                                placeholder="000-00-00000"
+                                className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none" />
+                        </div>
+                        <div className="grid grid-cols-2 gap-3">
+                            <div>
+                                <label className="block text-xs font-medium text-stone-500 mb-1">연락처</label>
+                                <input type="text" value={form.contact} onChange={(e) => setForm({ ...form, contact: e.target.value })}
+                                    placeholder="전화번호"
+                                    className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none" />
+                            </div>
+                            <div>
+                                <label className="block text-xs font-medium text-stone-500 mb-1">담당자</label>
+                                <input type="text" value={form.manager} onChange={(e) => setForm({ ...form, manager: e.target.value })}
+                                    placeholder="담당자명"
+                                    className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none" />
+                            </div>
+                        </div>
+                        <div>
+                            <label className="block text-xs font-medium text-stone-500 mb-1">메모</label>
+                            <input type="text" value={form.memo} onChange={(e) => setForm({ ...form, memo: e.target.value })}
+                                placeholder="메모"
+                                className="w-full px-3 py-2 text-sm border border-stone-200 rounded-lg focus:ring-2 focus:ring-violet-500 outline-none" />
+                        </div>
+                    </div>
+                    <div className="flex justify-end gap-2 px-5 py-4 border-t border-stone-200">
+                        <button onClick={onClose} className="px-4 py-2 text-sm text-stone-600 bg-stone-100 rounded-lg hover:bg-stone-200 transition-colors">취소</button>
+                        <button onClick={handleSave} disabled={saving}
+                            className="px-4 py-2 text-sm font-medium text-white bg-violet-600 rounded-lg hover:bg-violet-700 transition-colors disabled:opacity-50">
+                            {saving ? '저장 중...' : '저장'}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        );
+    };
+
     // ============================================
     // ManualInputModal - 수동입력 모달
     // ============================================
-    const ManualInputModal = ({ isOpen, onClose, onSave, editData, invoiceType }) => {
+    const ManualInputModal = ({ isOpen, onClose, onSave, editData, invoiceType, tradingPartners, onAddPartner }) => {
         const [form, setForm] = useState({
             invoice_type: editData?.invoiceType || editData?.invoice_type || invoiceType || 'sales',
             write_date: editData?.writeDateFormatted || editData?.write_date || formatKoreanDate(getKoreanNow()),
@@ -1368,8 +1604,55 @@ className="px-4 py-2 bg-stone-100 text-stone-700 rounded-lg text-sm font-medium
         const [showCardPicker, setShowCardPicker] = useState(false);
         const [saving, setSaving] = useState(false);
 
+        // 거래처 드롭다운 상태
+        const [selectedPartnerId, setSelectedPartnerId] = useState(() => {
+            // 수정 모드일 때 기존 거래처명으로 매칭 시도
+            if (editData && tradingPartners) {
+                const isSalesEdit = (editData.invoiceType || editData.invoice_type || invoiceType) === 'sales';
+                const corpName = isSalesEdit
+                    ? (editData.invoiceeCorpName || editData.invoicee_corp_name || '')
+                    : (editData.invoicerCorpName || editData.invoicer_corp_name || '');
+                const matched = tradingPartners.find(p => p.name === corpName);
+                return matched ? matched.id : null;
+            }
+            return null;
+        });
+        const [selectedPartnerName, setSelectedPartnerName] = useState(() => {
+            if (editData) {
+                const isSalesEdit = (editData.invoiceType || editData.invoice_type || invoiceType) === 'sales';
+                return isSalesEdit
+                    ? (editData.invoiceeCorpName || editData.invoicee_corp_name || '')
+                    : (editData.invoicerCorpName || editData.invoicer_corp_name || '');
+            }
+            return '';
+        });
+
         const handleChange = (field, value) => {
             setForm(prev => ({ ...prev, [field]: value }));
+            // 매출/매입 전환 시 거래처 선택 초기화
+            if (field === 'invoice_type') {
+                setSelectedPartnerId(null);
+                setSelectedPartnerName('');
+            }
+        };
+
+        const handlePartnerSelect = (partnerId, partnerName, bizNo) => {
+            setSelectedPartnerId(partnerId);
+            setSelectedPartnerName(partnerName);
+            const isSalesNow = form.invoice_type === 'sales';
+            if (isSalesNow) {
+                setForm(prev => ({
+                    ...prev,
+                    invoicee_corp_name: partnerName || '',
+                    invoicee_corp_num: bizNo || prev.invoicee_corp_num,
+                }));
+            } else {
+                setForm(prev => ({
+                    ...prev,
+                    invoicer_corp_name: partnerName || '',
+                    invoicer_corp_num: bizNo || prev.invoicer_corp_num,
+                }));
+            }
         };
 
         const totalAmount = (parseFloat(form.supply_amount) || 0) + (parseFloat(form.tax_amount) || 0);
@@ -1405,6 +1688,12 @@ className="px-4 py-2 bg-stone-100 text-stone-700 rounded-lg text-sm font-medium
                 write_date: card.useDate || prev.write_date,
                 remark: `카드승인 ${card.approvalNum || ''}`.trim(),
             }));
+            // 카드내역 선택 시 거래처 드롭다운도 동기화
+            if (card.merchantName) {
+                setSelectedPartnerName(card.merchantName);
+                const matched = tradingPartners.find(p => p.name === card.merchantName);
+                setSelectedPartnerId(matched ? matched.id : null);
+            }
             setShowCardPicker(false);
         };
 
@@ -1466,6 +1755,17 @@ className="px-3 py-1.5 bg-violet-100 text-violet-700 rounded-lg text-xs font-med
                                     </button>
                                 )}
                             </div>
+                            {/* 거래처 드롭다운 선택 */}
+                            <div>
+                                <label className="block text-xs text-stone-500 mb-1">거래처 검색</label>
+                                <HometaxTradingPartnerSelect
+                                    value={selectedPartnerId}
+                                    valueName={selectedPartnerName}
+                                    onChange={handlePartnerSelect}
+                                    tradingPartners={tradingPartners || []}
+                                    onAddPartner={onAddPartner}
+                                />
+                            </div>
                             <div className="grid grid-cols-2 gap-3">
                                 <div>
                                     <label className="block text-xs text-stone-500 mb-1">{isSales ? '공급받는자명' : '공급자명'} *</label>

From 47fbb7e79286d329a26218a0d6b7e1d4a6890a93 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: Fri, 6 Feb 2026 20:28:01 +0900
Subject: [PATCH 2/9] =?UTF-8?q?fix:=EA=B1=B0=EB=9E=98=EC=B2=98=20=EB=93=9C?=
 =?UTF-8?q?=EB=A1=AD=EB=8B=A4=EC=9A=B4=EC=9D=84=20=EA=B3=B5=EA=B8=89?=
 =?UTF-8?q?=EB=B0=9B=EB=8A=94=EC=9E=90=EB=AA=85=20=EC=9C=84=EC=B9=98?=
 =?UTF-8?q?=EC=97=90=20=EC=A7=81=EC=A0=91=20=EB=B0=B0=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 별도 "거래처 검색" 줄 제거
- 공급받는자명/공급자명 텍스트 input을 드롭다운으로 교체
- 드롭다운 안에 거래처 추가 버튼 포함

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../views/barobill/hometax/index.blade.php    | 23 +++++--------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/resources/views/barobill/hometax/index.blade.php b/resources/views/barobill/hometax/index.blade.php
index 4d93b038..c85820f6 100644
--- a/resources/views/barobill/hometax/index.blade.php
+++ b/resources/views/barobill/hometax/index.blade.php
@@ -1755,26 +1755,15 @@ className="px-3 py-1.5 bg-violet-100 text-violet-700 rounded-lg text-xs font-med
                                     </button>
                                 )}
                             </div>
-                            {/* 거래처 드롭다운 선택 */}
-                            <div>
-                                <label className="block text-xs text-stone-500 mb-1">거래처 검색</label>
-                                <HometaxTradingPartnerSelect
-                                    value={selectedPartnerId}
-                                    valueName={selectedPartnerName}
-                                    onChange={handlePartnerSelect}
-                                    tradingPartners={tradingPartners || []}
-                                    onAddPartner={onAddPartner}
-                                />
-                            </div>
                             <div className="grid grid-cols-2 gap-3">
                                 <div>
                                     <label className="block text-xs text-stone-500 mb-1">{isSales ? '공급받는자명' : '공급자명'} *</label>
-                                    <input
-                                        type="text"
-                                        value={isSales ? form.invoicee_corp_name : form.invoicer_corp_name}
-                                        onChange={(e) => handleChange(isSales ? 'invoicee_corp_name' : 'invoicer_corp_name', e.target.value)}
-                                        className="w-full px-3 py-2 border border-stone-300 rounded-lg text-sm focus:ring-2 focus:ring-violet-500 focus:border-violet-500 outline-none"
-                                        placeholder="거래처명"
+                                    <HometaxTradingPartnerSelect
+                                        value={selectedPartnerId}
+                                        valueName={isSales ? form.invoicee_corp_name : form.invoicer_corp_name}
+                                        onChange={handlePartnerSelect}
+                                        tradingPartners={tradingPartners || []}
+                                        onAddPartner={onAddPartner}
                                     />
                                 </div>
                                 <div>

From a507f7dc6974fa134a7c5fc583e11e231abd28a7 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: Fri, 6 Feb 2026 21:01:35 +0900
Subject: [PATCH 3/9] =?UTF-8?q?feat:=EC=9D=B8=ED=84=B0=EB=B7=B0=20?=
 =?UTF-8?q?=EC=8B=9C=EB=82=98=EB=A6=AC=EC=98=A4=20=EA=B4=80=EB=A6=AC=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

- InterviewScenarioController: 카테고리/항목/질문 CRUD + 세션 관리 API
- InterviewScenarioService: 비즈니스 로직 (트리 조회, 세션 시작/토글/완료)
- MNG 모델 5개: InterviewCategory, InterviewTemplate, InterviewQuestion, InterviewSession, InterviewAnswer
- React 뷰: 2-패널 레이아웃 (카테고리 사이드바 + 항목/질문 관리)
- 인터뷰 실시 모달: 카테고리 선택 → 체크리스트 → 완료
- 인터뷰 기록 모달: 기록 목록 + 상세 보기
- InterviewMenuSeeder: 영업관리 > 인터뷰 시나리오 메뉴 추가
- 라우트 18개 추가 (sales/interviews/api/*)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../Sales/InterviewScenarioController.php     | 208 ++++
 app/Models/Interview/InterviewAnswer.php      |  40 +
 app/Models/Interview/InterviewCategory.php    |  39 +
 app/Models/Interview/InterviewQuestion.php    |  39 +
 app/Models/Interview/InterviewSession.php     |  52 +
 app/Models/Interview/InterviewTemplate.php    |  40 +
 .../Sales/InterviewScenarioService.php        | 287 ++++++
 database/seeders/InterviewMenuSeeder.php      |  57 ++
 .../views/sales/interviews/index.blade.php    | 926 ++++++++++++++++++
 routes/web.php                                |  26 +
 10 files changed, 1714 insertions(+)
 create mode 100644 app/Http/Controllers/Sales/InterviewScenarioController.php
 create mode 100644 app/Models/Interview/InterviewAnswer.php
 create mode 100644 app/Models/Interview/InterviewCategory.php
 create mode 100644 app/Models/Interview/InterviewQuestion.php
 create mode 100644 app/Models/Interview/InterviewSession.php
 create mode 100644 app/Models/Interview/InterviewTemplate.php
 create mode 100644 app/Services/Sales/InterviewScenarioService.php
 create mode 100644 database/seeders/InterviewMenuSeeder.php
 create mode 100644 resources/views/sales/interviews/index.blade.php

diff --git a/app/Http/Controllers/Sales/InterviewScenarioController.php b/app/Http/Controllers/Sales/InterviewScenarioController.php
new file mode 100644
index 00000000..c11436a2
--- /dev/null
+++ b/app/Http/Controllers/Sales/InterviewScenarioController.php
@@ -0,0 +1,208 @@
+<?php
+
+namespace App\Http\Controllers\Sales;
+
+use App\Http\Controllers\Controller;
+use App\Services\Sales\InterviewScenarioService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\View\View;
+
+class InterviewScenarioController extends Controller
+{
+    public function __construct(
+        private InterviewScenarioService $service,
+    ) {}
+
+    // ============================================================
+    // 페이지
+    // ============================================================
+
+    public function index(Request $request): View|Response
+    {
+        if ($request->header('HX-Request')) {
+            return response('', 200)->header('HX-Redirect', route('sales.interviews.index'));
+        }
+
+        return view('sales.interviews.index');
+    }
+
+    // ============================================================
+    // 카테고리 API
+    // ============================================================
+
+    public function categories(): JsonResponse
+    {
+        return response()->json($this->service->getCategories());
+    }
+
+    public function storeCategory(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:100',
+            'description' => 'nullable|string',
+        ]);
+
+        $category = $this->service->createCategory($validated);
+
+        return response()->json($category, 201);
+    }
+
+    public function updateCategory(Request $request, int $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:100',
+            'description' => 'nullable|string',
+        ]);
+
+        $category = $this->service->updateCategory($id, $validated);
+
+        return response()->json($category);
+    }
+
+    public function destroyCategory(int $id): JsonResponse
+    {
+        $this->service->deleteCategory($id);
+
+        return response()->json(['message' => '삭제되었습니다.']);
+    }
+
+    // ============================================================
+    // 트리 API
+    // ============================================================
+
+    public function tree(): JsonResponse
+    {
+        return response()->json($this->service->getTree());
+    }
+
+    // ============================================================
+    // 템플릿(항목) API
+    // ============================================================
+
+    public function storeTemplate(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'interview_category_id' => 'required|integer|exists:interview_categories,id',
+            'name' => 'required|string|max:200',
+            'description' => 'nullable|string',
+        ]);
+
+        $template = $this->service->createTemplate($validated);
+
+        return response()->json($template, 201);
+    }
+
+    public function updateTemplate(Request $request, int $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'name' => 'required|string|max:200',
+            'description' => 'nullable|string',
+        ]);
+
+        $template = $this->service->updateTemplate($id, $validated);
+
+        return response()->json($template);
+    }
+
+    public function destroyTemplate(int $id): JsonResponse
+    {
+        $this->service->deleteTemplate($id);
+
+        return response()->json(['message' => '삭제되었습니다.']);
+    }
+
+    // ============================================================
+    // 질문 API
+    // ============================================================
+
+    public function storeQuestion(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'interview_template_id' => 'required|integer|exists:interview_templates,id',
+            'question_text' => 'required|string|max:500',
+            'question_type' => 'nullable|string|in:checkbox,text',
+            'is_required' => 'nullable|boolean',
+        ]);
+
+        $question = $this->service->createQuestion($validated);
+
+        return response()->json($question, 201);
+    }
+
+    public function updateQuestion(Request $request, int $id): JsonResponse
+    {
+        $validated = $request->validate([
+            'question_text' => 'required|string|max:500',
+            'question_type' => 'nullable|string|in:checkbox,text',
+            'is_required' => 'nullable|boolean',
+        ]);
+
+        $question = $this->service->updateQuestion($id, $validated);
+
+        return response()->json($question);
+    }
+
+    public function destroyQuestion(int $id): JsonResponse
+    {
+        $this->service->deleteQuestion($id);
+
+        return response()->json(['message' => '삭제되었습니다.']);
+    }
+
+    // ============================================================
+    // 세션 API
+    // ============================================================
+
+    public function sessions(Request $request): JsonResponse
+    {
+        $filters = $request->only(['status', 'category_id']);
+        $sessions = $this->service->getSessions($filters);
+
+        return response()->json($sessions);
+    }
+
+    public function storeSession(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'interview_category_id' => 'required|integer|exists:interview_categories,id',
+            'interviewee_name' => 'nullable|string|max:100',
+            'interviewee_company' => 'nullable|string|max:200',
+            'interview_date' => 'nullable|date',
+            'memo' => 'nullable|string',
+        ]);
+
+        $session = $this->service->startSession($validated);
+
+        return response()->json($session, 201);
+    }
+
+    public function showSession(int $id): JsonResponse
+    {
+        $session = $this->service->getSessionDetail($id);
+
+        return response()->json($session);
+    }
+
+    public function toggleAnswer(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'session_id' => 'required|integer',
+            'question_id' => 'required|integer',
+            'answer_text' => 'nullable|string',
+            'memo' => 'nullable|string',
+        ]);
+
+        $answer = $this->service->toggleAnswer($validated);
+
+        return response()->json($answer);
+    }
+
+    public function completeSession(int $id): JsonResponse
+    {
+        $session = $this->service->completeSession($id);
+
+        return response()->json($session);
+    }
+}
diff --git a/app/Models/Interview/InterviewAnswer.php b/app/Models/Interview/InterviewAnswer.php
new file mode 100644
index 00000000..cd484388
--- /dev/null
+++ b/app/Models/Interview/InterviewAnswer.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Models\Interview;
+
+use App\Traits\BelongsToTenant;
+use Illuminate\Database\Eloquent\Model;
+
+class InterviewAnswer extends Model
+{
+    use BelongsToTenant;
+
+    protected $fillable = [
+        'tenant_id',
+        'interview_session_id',
+        'interview_question_id',
+        'interview_template_id',
+        'is_checked',
+        'answer_text',
+        'memo',
+    ];
+
+    protected $casts = [
+        'is_checked' => 'boolean',
+    ];
+
+    public function session()
+    {
+        return $this->belongsTo(InterviewSession::class, 'interview_session_id');
+    }
+
+    public function question()
+    {
+        return $this->belongsTo(InterviewQuestion::class, 'interview_question_id');
+    }
+
+    public function template()
+    {
+        return $this->belongsTo(InterviewTemplate::class, 'interview_template_id');
+    }
+}
diff --git a/app/Models/Interview/InterviewCategory.php b/app/Models/Interview/InterviewCategory.php
new file mode 100644
index 00000000..dac8c0af
--- /dev/null
+++ b/app/Models/Interview/InterviewCategory.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Models\Interview;
+
+use App\Traits\BelongsToTenant;
+use App\Traits\ModelTrait;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class InterviewCategory extends Model
+{
+    use BelongsToTenant, ModelTrait, SoftDeletes;
+
+    protected $fillable = [
+        'tenant_id',
+        'name',
+        'description',
+        'sort_order',
+        'is_active',
+        'created_by',
+        'updated_by',
+        'deleted_by',
+    ];
+
+    protected $casts = [
+        'is_active' => 'boolean',
+        'sort_order' => 'integer',
+    ];
+
+    public function templates()
+    {
+        return $this->hasMany(InterviewTemplate::class, 'interview_category_id');
+    }
+
+    public function sessions()
+    {
+        return $this->hasMany(InterviewSession::class, 'interview_category_id');
+    }
+}
diff --git a/app/Models/Interview/InterviewQuestion.php b/app/Models/Interview/InterviewQuestion.php
new file mode 100644
index 00000000..896f6c56
--- /dev/null
+++ b/app/Models/Interview/InterviewQuestion.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Models\Interview;
+
+use App\Traits\BelongsToTenant;
+use App\Traits\ModelTrait;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class InterviewQuestion extends Model
+{
+    use BelongsToTenant, ModelTrait, SoftDeletes;
+
+    protected $fillable = [
+        'tenant_id',
+        'interview_template_id',
+        'question_text',
+        'question_type',
+        'options',
+        'is_required',
+        'sort_order',
+        'is_active',
+        'created_by',
+        'updated_by',
+        'deleted_by',
+    ];
+
+    protected $casts = [
+        'options' => 'array',
+        'is_required' => 'boolean',
+        'is_active' => 'boolean',
+        'sort_order' => 'integer',
+    ];
+
+    public function template()
+    {
+        return $this->belongsTo(InterviewTemplate::class, 'interview_template_id');
+    }
+}
diff --git a/app/Models/Interview/InterviewSession.php b/app/Models/Interview/InterviewSession.php
new file mode 100644
index 00000000..c0733bff
--- /dev/null
+++ b/app/Models/Interview/InterviewSession.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Models\Interview;
+
+use App\Traits\BelongsToTenant;
+use App\Traits\ModelTrait;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class InterviewSession extends Model
+{
+    use BelongsToTenant, ModelTrait, SoftDeletes;
+
+    protected $fillable = [
+        'tenant_id',
+        'interview_category_id',
+        'interviewer_id',
+        'interviewee_name',
+        'interviewee_company',
+        'interview_date',
+        'status',
+        'total_questions',
+        'answered_questions',
+        'memo',
+        'completed_at',
+        'created_by',
+        'updated_by',
+        'deleted_by',
+    ];
+
+    protected $casts = [
+        'interview_date' => 'date',
+        'completed_at' => 'datetime',
+        'total_questions' => 'integer',
+        'answered_questions' => 'integer',
+    ];
+
+    public function category()
+    {
+        return $this->belongsTo(InterviewCategory::class, 'interview_category_id');
+    }
+
+    public function interviewer()
+    {
+        return $this->belongsTo(\App\Models\User::class, 'interviewer_id');
+    }
+
+    public function answers()
+    {
+        return $this->hasMany(InterviewAnswer::class, 'interview_session_id');
+    }
+}
diff --git a/app/Models/Interview/InterviewTemplate.php b/app/Models/Interview/InterviewTemplate.php
new file mode 100644
index 00000000..3b851806
--- /dev/null
+++ b/app/Models/Interview/InterviewTemplate.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Models\Interview;
+
+use App\Traits\BelongsToTenant;
+use App\Traits\ModelTrait;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class InterviewTemplate extends Model
+{
+    use BelongsToTenant, ModelTrait, SoftDeletes;
+
+    protected $fillable = [
+        'tenant_id',
+        'interview_category_id',
+        'name',
+        'description',
+        'sort_order',
+        'is_active',
+        'created_by',
+        'updated_by',
+        'deleted_by',
+    ];
+
+    protected $casts = [
+        'is_active' => 'boolean',
+        'sort_order' => 'integer',
+    ];
+
+    public function category()
+    {
+        return $this->belongsTo(InterviewCategory::class, 'interview_category_id');
+    }
+
+    public function questions()
+    {
+        return $this->hasMany(InterviewQuestion::class, 'interview_template_id');
+    }
+}
diff --git a/app/Services/Sales/InterviewScenarioService.php b/app/Services/Sales/InterviewScenarioService.php
new file mode 100644
index 00000000..3ff8e819
--- /dev/null
+++ b/app/Services/Sales/InterviewScenarioService.php
@@ -0,0 +1,287 @@
+<?php
+
+namespace App\Services\Sales;
+
+use App\Models\Interview\InterviewAnswer;
+use App\Models\Interview\InterviewCategory;
+use App\Models\Interview\InterviewQuestion;
+use App\Models\Interview\InterviewSession;
+use App\Models\Interview\InterviewTemplate;
+use Illuminate\Support\Facades\DB;
+
+class InterviewScenarioService
+{
+    // ============================================================
+    // 카테고리 CRUD
+    // ============================================================
+
+    public function getCategories()
+    {
+        return InterviewCategory::orderBy('sort_order')
+            ->orderBy('id')
+            ->get();
+    }
+
+    public function createCategory(array $data): InterviewCategory
+    {
+        $tenantId = session('selected_tenant_id', 1);
+        $maxSort = InterviewCategory::max('sort_order') ?? 0;
+
+        return InterviewCategory::create([
+            'tenant_id' => $tenantId,
+            'name' => $data['name'],
+            'description' => $data['description'] ?? null,
+            'sort_order' => $maxSort + 1,
+            'is_active' => true,
+            'created_by' => auth()->id(),
+            'updated_by' => auth()->id(),
+        ]);
+    }
+
+    public function updateCategory(int $id, array $data): InterviewCategory
+    {
+        $category = InterviewCategory::findOrFail($id);
+        $category->update([
+            'name' => $data['name'],
+            'description' => $data['description'] ?? null,
+            'updated_by' => auth()->id(),
+        ]);
+
+        return $category->fresh();
+    }
+
+    public function deleteCategory(int $id): void
+    {
+        $category = InterviewCategory::findOrFail($id);
+        $category->update(['deleted_by' => auth()->id()]);
+        $category->delete();
+    }
+
+    // ============================================================
+    // 템플릿(항목) CRUD
+    // ============================================================
+
+    public function createTemplate(array $data): InterviewTemplate
+    {
+        $tenantId = session('selected_tenant_id', 1);
+        $maxSort = InterviewTemplate::where('interview_category_id', $data['interview_category_id'])
+            ->max('sort_order') ?? 0;
+
+        return InterviewTemplate::create([
+            'tenant_id' => $tenantId,
+            'interview_category_id' => $data['interview_category_id'],
+            'name' => $data['name'],
+            'description' => $data['description'] ?? null,
+            'sort_order' => $maxSort + 1,
+            'is_active' => true,
+            'created_by' => auth()->id(),
+            'updated_by' => auth()->id(),
+        ]);
+    }
+
+    public function updateTemplate(int $id, array $data): InterviewTemplate
+    {
+        $template = InterviewTemplate::findOrFail($id);
+        $template->update([
+            'name' => $data['name'],
+            'description' => $data['description'] ?? null,
+            'updated_by' => auth()->id(),
+        ]);
+
+        return $template->fresh();
+    }
+
+    public function deleteTemplate(int $id): void
+    {
+        $template = InterviewTemplate::findOrFail($id);
+        $template->update(['deleted_by' => auth()->id()]);
+        $template->delete();
+    }
+
+    // ============================================================
+    // 질문 CRUD
+    // ============================================================
+
+    public function createQuestion(array $data): InterviewQuestion
+    {
+        $tenantId = session('selected_tenant_id', 1);
+        $maxSort = InterviewQuestion::where('interview_template_id', $data['interview_template_id'])
+            ->max('sort_order') ?? 0;
+
+        return InterviewQuestion::create([
+            'tenant_id' => $tenantId,
+            'interview_template_id' => $data['interview_template_id'],
+            'question_text' => $data['question_text'],
+            'question_type' => $data['question_type'] ?? 'checkbox',
+            'is_required' => $data['is_required'] ?? false,
+            'sort_order' => $maxSort + 1,
+            'is_active' => true,
+            'created_by' => auth()->id(),
+            'updated_by' => auth()->id(),
+        ]);
+    }
+
+    public function updateQuestion(int $id, array $data): InterviewQuestion
+    {
+        $question = InterviewQuestion::findOrFail($id);
+        $question->update([
+            'question_text' => $data['question_text'],
+            'question_type' => $data['question_type'] ?? $question->question_type,
+            'is_required' => $data['is_required'] ?? $question->is_required,
+            'updated_by' => auth()->id(),
+        ]);
+
+        return $question->fresh();
+    }
+
+    public function deleteQuestion(int $id): void
+    {
+        $question = InterviewQuestion::findOrFail($id);
+        $question->update(['deleted_by' => auth()->id()]);
+        $question->delete();
+    }
+
+    // ============================================================
+    // 전체 트리 조회
+    // ============================================================
+
+    public function getTree()
+    {
+        return InterviewCategory::with([
+            'templates' => function ($q) {
+                $q->orderBy('sort_order')->orderBy('id');
+                $q->with(['questions' => function ($q2) {
+                    $q2->orderBy('sort_order')->orderBy('id');
+                }]);
+            },
+        ])
+            ->orderBy('sort_order')
+            ->orderBy('id')
+            ->get();
+    }
+
+    // ============================================================
+    // 세션 관리
+    // ============================================================
+
+    public function getSessions(array $filters = [])
+    {
+        $query = InterviewSession::with(['category', 'interviewer'])
+            ->orderByDesc('interview_date')
+            ->orderByDesc('id');
+
+        if (!empty($filters['status'])) {
+            $query->where('status', $filters['status']);
+        }
+
+        if (!empty($filters['category_id'])) {
+            $query->where('interview_category_id', $filters['category_id']);
+        }
+
+        return $query->paginate(20);
+    }
+
+    public function startSession(array $data): InterviewSession
+    {
+        return DB::transaction(function () use ($data) {
+            $tenantId = session('selected_tenant_id', 1);
+            $categoryId = $data['interview_category_id'];
+
+            // 카테고리의 모든 활성 템플릿과 질문 가져오기
+            $templates = InterviewTemplate::where('interview_category_id', $categoryId)
+                ->where('is_active', true)
+                ->with(['questions' => function ($q) {
+                    $q->where('is_active', true)->orderBy('sort_order');
+                }])
+                ->orderBy('sort_order')
+                ->get();
+
+            $totalQuestions = $templates->sum(fn($t) => $t->questions->count());
+
+            // 세션 생성
+            $session = InterviewSession::create([
+                'tenant_id' => $tenantId,
+                'interview_category_id' => $categoryId,
+                'interviewer_id' => auth()->id(),
+                'interviewee_name' => $data['interviewee_name'] ?? null,
+                'interviewee_company' => $data['interviewee_company'] ?? null,
+                'interview_date' => $data['interview_date'] ?? now()->toDateString(),
+                'status' => 'in_progress',
+                'total_questions' => $totalQuestions,
+                'answered_questions' => 0,
+                'memo' => $data['memo'] ?? null,
+                'created_by' => auth()->id(),
+                'updated_by' => auth()->id(),
+            ]);
+
+            // 모든 질문에 대해 빈 답변 레코드 생성
+            foreach ($templates as $template) {
+                foreach ($template->questions as $question) {
+                    InterviewAnswer::create([
+                        'tenant_id' => $tenantId,
+                        'interview_session_id' => $session->id,
+                        'interview_question_id' => $question->id,
+                        'interview_template_id' => $template->id,
+                        'is_checked' => false,
+                    ]);
+                }
+            }
+
+            return $session;
+        });
+    }
+
+    public function getSessionDetail(int $id)
+    {
+        return InterviewSession::with([
+            'category',
+            'interviewer',
+            'answers' => function ($q) {
+                $q->with(['question', 'template']);
+            },
+        ])->findOrFail($id);
+    }
+
+    public function toggleAnswer(array $data): InterviewAnswer
+    {
+        $answer = InterviewAnswer::where('interview_session_id', $data['session_id'])
+            ->where('interview_question_id', $data['question_id'])
+            ->firstOrFail();
+
+        $answer->update([
+            'is_checked' => !$answer->is_checked,
+            'answer_text' => $data['answer_text'] ?? $answer->answer_text,
+            'memo' => $data['memo'] ?? $answer->memo,
+        ]);
+
+        // answered_questions 갱신
+        $session = InterviewSession::findOrFail($data['session_id']);
+        $answeredCount = InterviewAnswer::where('interview_session_id', $session->id)
+            ->where('is_checked', true)
+            ->count();
+        $session->update([
+            'answered_questions' => $answeredCount,
+            'updated_by' => auth()->id(),
+        ]);
+
+        return $answer->fresh();
+    }
+
+    public function completeSession(int $id): InterviewSession
+    {
+        $session = InterviewSession::findOrFail($id);
+
+        $answeredCount = InterviewAnswer::where('interview_session_id', $session->id)
+            ->where('is_checked', true)
+            ->count();
+
+        $session->update([
+            'status' => 'completed',
+            'answered_questions' => $answeredCount,
+            'completed_at' => now(),
+            'updated_by' => auth()->id(),
+        ]);
+
+        return $session->fresh();
+    }
+}
diff --git a/database/seeders/InterviewMenuSeeder.php b/database/seeders/InterviewMenuSeeder.php
new file mode 100644
index 00000000..e5bae7fd
--- /dev/null
+++ b/database/seeders/InterviewMenuSeeder.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\Commons\Menu;
+use Illuminate\Database\Seeder;
+
+class InterviewMenuSeeder extends Seeder
+{
+    public function run(): void
+    {
+        $tenantId = 1;
+
+        // 영업관리 상위 메뉴 찾기
+        $salesParentId = Menu::where('tenant_id', $tenantId)
+            ->where('name', '영업관리')
+            ->whereNull('parent_id')
+            ->value('id');
+
+        if (!$salesParentId) {
+            $this->command->error('영업관리 메뉴를 찾을 수 없습니다.');
+            return;
+        }
+
+        // 이미 존재하는지 확인
+        $exists = Menu::where('tenant_id', $tenantId)
+            ->where('parent_id', $salesParentId)
+            ->where('name', '인터뷰 시나리오')
+            ->exists();
+
+        if ($exists) {
+            $this->command->info('인터뷰 시나리오 메뉴가 이미 존재합니다.');
+            return;
+        }
+
+        // 영업파트너 승인 메뉴의 sort_order 확인
+        $approvalMenu = Menu::where('tenant_id', $tenantId)
+            ->where('parent_id', $salesParentId)
+            ->where('name', '영업파트너 승인')
+            ->first();
+
+        $sortOrder = $approvalMenu ? $approvalMenu->sort_order + 1 : 10;
+
+        // 인터뷰 시나리오 메뉴 생성
+        Menu::create([
+            'tenant_id' => $tenantId,
+            'parent_id' => $salesParentId,
+            'name' => '인터뷰 시나리오',
+            'url' => '/sales/interviews',
+            'icon' => 'clipboard-check',
+            'sort_order' => $sortOrder,
+            'is_active' => true,
+        ]);
+
+        $this->command->info('인터뷰 시나리오 메뉴가 생성되었습니다.');
+    }
+}
diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
new file mode 100644
index 00000000..671b178e
--- /dev/null
+++ b/resources/views/sales/interviews/index.blade.php
@@ -0,0 +1,926 @@
+@extends('layouts.app')
+
+@section('title', '인터뷰 시나리오 관리')
+
+@push('styles')
+<style>
+    .category-item { transition: background-color 0.15s; }
+    .category-item:hover { background-color: #f3f4f6; }
+    .category-item.active { background-color: #eff6ff; border-left: 3px solid #3b82f6; }
+    .template-card { border: 1px solid #e5e7eb; border-radius: 8px; }
+    .question-row { border-bottom: 1px solid #f3f4f6; }
+    .question-row:last-child { border-bottom: none; }
+    .progress-bar-fill { transition: width 0.3s ease; }
+    .modal-overlay { background: rgba(0,0,0,0.5); }
+    .fade-in { animation: fadeIn 0.2s ease-in; }
+    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
+</style>
+@endpush
+
+@section('content')
+<div id="interview-scenario-root"></div>
+@endsection
+
+@push('scripts')
+<script src="https://unpkg.com/react@18/umd/react.development.js?v={{ time() }}"></script>
+<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js?v={{ time() }}"></script>
+<script src="https://unpkg.com/@babel/standalone/babel.min.js?v={{ time() }}"></script>
+<script src="https://unpkg.com/lucide@latest?v={{ time() }}"></script>
+@verbatim
+<script type="text/babel">
+const { useState, useEffect, useRef, useCallback } = React;
+
+const CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]')?.content;
+
+// ============================================================
+// API 헬퍼
+// ============================================================
+const api = {
+    headers: () => ({
+        'Content-Type': 'application/json',
+        'X-CSRF-TOKEN': CSRF_TOKEN,
+        'Accept': 'application/json',
+    }),
+    async get(url) {
+        const res = await fetch(url, { headers: this.headers() });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        return res.json();
+    },
+    async post(url, data) {
+        const res = await fetch(url, { method: 'POST', headers: this.headers(), body: JSON.stringify(data) });
+        if (!res.ok) { const err = await res.json().catch(() => ({})); throw new Error(err.message || `HTTP ${res.status}`); }
+        return res.json();
+    },
+    async put(url, data) {
+        const res = await fetch(url, { method: 'PUT', headers: this.headers(), body: JSON.stringify(data) });
+        if (!res.ok) { const err = await res.json().catch(() => ({})); throw new Error(err.message || `HTTP ${res.status}`); }
+        return res.json();
+    },
+    async del(url) {
+        const res = await fetch(url, { method: 'DELETE', headers: this.headers() });
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        return res.json();
+    },
+};
+
+// ============================================================
+// Lucide 아이콘 헬퍼
+// ============================================================
+const createIcon = (name) => ({ className = "w-5 h-5", ...props }) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current && lucide.icons[name]) {
+            ref.current.innerHTML = '';
+            const svg = lucide.createElement(lucide.icons[name]);
+            svg.setAttribute('class', className);
+            ref.current.appendChild(svg);
+        }
+    }, [className]);
+    return <span ref={ref} className="inline-flex items-center" {...props} />;
+};
+
+const IconPlus = createIcon('plus');
+const IconEdit = createIcon('pencil');
+const IconTrash = createIcon('trash-2');
+const IconCheck = createIcon('check');
+const IconX = createIcon('x');
+const IconClipboard = createIcon('clipboard-check');
+const IconHistory = createIcon('history');
+const IconPlay = createIcon('play');
+const IconChevronRight = createIcon('chevron-right');
+const IconLoader = createIcon('loader');
+const IconCalendar = createIcon('calendar');
+const IconUser = createIcon('user');
+const IconBuilding = createIcon('building-2');
+const IconFileText = createIcon('file-text');
+const IconCheckCircle = createIcon('check-circle');
+
+// ============================================================
+// 루트 앱
+// ============================================================
+function InterviewScenarioApp() {
+    const [tree, setTree] = useState([]);
+    const [categories, setCategories] = useState([]);
+    const [selectedCategoryId, setSelectedCategoryId] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [showSessionModal, setShowSessionModal] = useState(false);
+    const [showHistoryModal, setShowHistoryModal] = useState(false);
+
+    const loadTree = useCallback(async () => {
+        try {
+            const data = await api.get('/sales/interviews/api/tree');
+            setTree(data);
+            setCategories(data);
+            if (!selectedCategoryId && data.length > 0) {
+                setSelectedCategoryId(data[0].id);
+            }
+        } catch (e) {
+            console.error('트리 로드 실패:', e);
+        } finally {
+            setLoading(false);
+        }
+    }, [selectedCategoryId]);
+
+    useEffect(() => { loadTree(); }, []);
+
+    const selectedCategory = tree.find(c => c.id === selectedCategoryId);
+
+    if (loading) {
+        return (
+            <div className="flex items-center justify-center h-64">
+                <IconLoader className="w-8 h-8 animate-spin text-blue-500" />
+                <span className="ml-2 text-gray-500">로딩 중...</span>
+            </div>
+        );
+    }
+
+    return (
+        <div className="space-y-4">
+            {/* 헤더 */}
+            <div className="flex items-center justify-between">
+                <div className="flex items-center gap-2">
+                    <IconClipboard className="w-6 h-6 text-blue-600" />
+                    <h1 className="text-xl font-bold text-gray-900">인터뷰 시나리오 관리</h1>
+                </div>
+                <div className="flex gap-2">
+                    <button onClick={() => setShowHistoryModal(true)}
+                        className="flex items-center gap-1 px-3 py-2 text-sm bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
+                        <IconHistory className="w-4 h-4" /> 인터뷰 기록
+                    </button>
+                    <button onClick={() => setShowSessionModal(true)}
+                        className="flex items-center gap-1 px-3 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700">
+                        <IconPlay className="w-4 h-4" /> 인터뷰 실시
+                    </button>
+                </div>
+            </div>
+
+            {/* 2-패널 레이아웃 */}
+            <div className="flex gap-4" style={{ minHeight: '600px' }}>
+                {/* 좌측: 카테고리 */}
+                <div className="w-64 flex-shrink-0 bg-white border border-gray-200 rounded-lg overflow-hidden">
+                    <CategorySidebar
+                        categories={categories}
+                        selectedId={selectedCategoryId}
+                        onSelect={setSelectedCategoryId}
+                        onRefresh={loadTree}
+                    />
+                </div>
+
+                {/* 우측: 항목 + 질문 */}
+                <div className="flex-1 bg-white border border-gray-200 rounded-lg overflow-hidden">
+                    <MainContent
+                        category={selectedCategory}
+                        onRefresh={loadTree}
+                    />
+                </div>
+            </div>
+
+            {/* 모달 */}
+            {showSessionModal && (
+                <InterviewSessionModal
+                    categories={categories}
+                    onClose={() => setShowSessionModal(false)}
+                    onComplete={() => { setShowSessionModal(false); loadTree(); }}
+                />
+            )}
+            {showHistoryModal && (
+                <SessionHistoryModal
+                    categories={categories}
+                    onClose={() => setShowHistoryModal(false)}
+                />
+            )}
+        </div>
+    );
+}
+
+// ============================================================
+// 좌측: 카테고리 사이드바
+// ============================================================
+function CategorySidebar({ categories, selectedId, onSelect, onRefresh }) {
+    const [showAdd, setShowAdd] = useState(false);
+    const [newName, setNewName] = useState('');
+    const [editingId, setEditingId] = useState(null);
+    const [editName, setEditName] = useState('');
+
+    const handleAdd = async () => {
+        if (!newName.trim()) return;
+        try {
+            await api.post('/sales/interviews/api/categories', { name: newName.trim() });
+            setNewName('');
+            setShowAdd(false);
+            onRefresh();
+        } catch (e) { alert('카테고리 생성 실패: ' + e.message); }
+    };
+
+    const handleUpdate = async (id) => {
+        if (!editName.trim()) return;
+        try {
+            await api.put(`/sales/interviews/api/categories/${id}`, { name: editName.trim() });
+            setEditingId(null);
+            onRefresh();
+        } catch (e) { alert('수정 실패: ' + e.message); }
+    };
+
+    const handleDelete = async (id) => {
+        if (!confirm('이 카테고리를 삭제하시겠습니까?\n하위 항목과 질문도 함께 삭제됩니다.')) return;
+        try {
+            await api.del(`/sales/interviews/api/categories/${id}`);
+            onRefresh();
+        } catch (e) { alert('삭제 실패: ' + e.message); }
+    };
+
+    return (
+        <div className="flex flex-col h-full">
+            <div className="flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50">
+                <span className="text-sm font-semibold text-gray-700">카테고리</span>
+                <button onClick={() => setShowAdd(!showAdd)} className="text-blue-600 hover:text-blue-800">
+                    <IconPlus className="w-4 h-4" />
+                </button>
+            </div>
+
+            {showAdd && (
+                <div className="px-3 py-2 border-b border-gray-100 bg-blue-50">
+                    <input type="text" value={newName} onChange={e => setNewName(e.target.value)}
+                        onKeyDown={e => e.key === 'Enter' && handleAdd()}
+                        placeholder="카테고리명 입력" autoFocus
+                        className="w-full text-sm border border-gray-300 rounded px-2 py-1 mb-1" />
+                    <div className="flex gap-1 justify-end">
+                        <button onClick={() => { setShowAdd(false); setNewName(''); }}
+                            className="text-xs px-2 py-1 text-gray-500 hover:text-gray-700">취소</button>
+                        <button onClick={handleAdd}
+                            className="text-xs px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700">추가</button>
+                    </div>
+                </div>
+            )}
+
+            <div className="flex-1 overflow-y-auto">
+                {categories.length === 0 && (
+                    <div className="px-4 py-8 text-center text-sm text-gray-400">
+                        카테고리를 추가하세요
+                    </div>
+                )}
+                {categories.map(cat => (
+                    <div key={cat.id}
+                        className={`category-item px-4 py-2.5 cursor-pointer flex items-center justify-between group ${selectedId === cat.id ? 'active' : ''}`}
+                        onClick={() => onSelect(cat.id)}>
+                        {editingId === cat.id ? (
+                            <div className="flex-1 flex items-center gap-1" onClick={e => e.stopPropagation()}>
+                                <input type="text" value={editName} onChange={e => setEditName(e.target.value)}
+                                    onKeyDown={e => { if (e.key === 'Enter') handleUpdate(cat.id); if (e.key === 'Escape') setEditingId(null); }}
+                                    className="flex-1 text-sm border rounded px-1.5 py-0.5" autoFocus />
+                                <button onClick={() => handleUpdate(cat.id)} className="text-green-600 hover:text-green-800">
+                                    <IconCheck className="w-3.5 h-3.5" />
+                                </button>
+                                <button onClick={() => setEditingId(null)} className="text-gray-400 hover:text-gray-600">
+                                    <IconX className="w-3.5 h-3.5" />
+                                </button>
+                            </div>
+                        ) : (
+                            <>
+                                <span className="text-sm text-gray-700 truncate">{cat.name}</span>
+                                <div className="hidden group-hover:flex items-center gap-1" onClick={e => e.stopPropagation()}>
+                                    <button onClick={() => { setEditingId(cat.id); setEditName(cat.name); }}
+                                        className="text-gray-400 hover:text-blue-600">
+                                        <IconEdit className="w-3.5 h-3.5" />
+                                    </button>
+                                    <button onClick={() => handleDelete(cat.id)} className="text-gray-400 hover:text-red-600">
+                                        <IconTrash className="w-3.5 h-3.5" />
+                                    </button>
+                                </div>
+                            </>
+                        )}
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 우측: 메인 콘텐츠 (항목 + 질문)
+// ============================================================
+function MainContent({ category, onRefresh }) {
+    const [showAddTemplate, setShowAddTemplate] = useState(false);
+
+    if (!category) {
+        return (
+            <div className="flex items-center justify-center h-full text-gray-400">
+                <div className="text-center">
+                    <IconClipboard className="w-12 h-12 mx-auto mb-2 text-gray-300" />
+                    <p>카테고리를 선택하세요</p>
+                </div>
+            </div>
+        );
+    }
+
+    const templates = category.templates || [];
+
+    return (
+        <div className="flex flex-col h-full">
+            <div className="flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50">
+                <div>
+                    <span className="text-sm font-semibold text-gray-700">{category.name}</span>
+                    <span className="ml-2 text-xs text-gray-400">{templates.length}개 항목</span>
+                </div>
+            </div>
+
+            <div className="flex-1 overflow-y-auto p-4 space-y-4">
+                {templates.map(tpl => (
+                    <TemplateCard key={tpl.id} template={tpl} onRefresh={onRefresh} />
+                ))}
+
+                {templates.length === 0 && !showAddTemplate && (
+                    <div className="text-center py-8 text-sm text-gray-400">
+                        항목을 추가하여 인터뷰 시나리오를 만드세요
+                    </div>
+                )}
+
+                {showAddTemplate ? (
+                    <AddTemplateForm
+                        categoryId={category.id}
+                        onCancel={() => setShowAddTemplate(false)}
+                        onSaved={() => { setShowAddTemplate(false); onRefresh(); }}
+                    />
+                ) : (
+                    <button onClick={() => setShowAddTemplate(true)}
+                        className="flex items-center gap-1 text-sm text-blue-600 hover:text-blue-800 py-2">
+                        <IconPlus className="w-4 h-4" /> 항목 추가
+                    </button>
+                )}
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 항목 카드
+// ============================================================
+function TemplateCard({ template, onRefresh }) {
+    const [editing, setEditing] = useState(false);
+    const [editName, setEditName] = useState(template.name);
+    const [showAddQuestion, setShowAddQuestion] = useState(false);
+
+    const questions = template.questions || [];
+
+    const handleUpdate = async () => {
+        if (!editName.trim()) return;
+        try {
+            await api.put(`/sales/interviews/api/templates/${template.id}`, { name: editName.trim() });
+            setEditing(false);
+            onRefresh();
+        } catch (e) { alert('수정 실패: ' + e.message); }
+    };
+
+    const handleDelete = async () => {
+        if (!confirm(`"${template.name}" 항목을 삭제하시겠습니까?\n하위 질문도 함께 삭제됩니다.`)) return;
+        try {
+            await api.del(`/sales/interviews/api/templates/${template.id}`);
+            onRefresh();
+        } catch (e) { alert('삭제 실패: ' + e.message); }
+    };
+
+    return (
+        <div className="template-card">
+            {/* 항목 헤더 */}
+            <div className="flex items-center justify-between px-4 py-2.5 bg-gray-50 rounded-t-lg border-b border-gray-200">
+                {editing ? (
+                    <div className="flex-1 flex items-center gap-2">
+                        <input type="text" value={editName} onChange={e => setEditName(e.target.value)}
+                            onKeyDown={e => { if (e.key === 'Enter') handleUpdate(); if (e.key === 'Escape') setEditing(false); }}
+                            className="flex-1 text-sm border rounded px-2 py-1" autoFocus />
+                        <button onClick={handleUpdate} className="text-green-600 hover:text-green-800">
+                            <IconCheck className="w-4 h-4" />
+                        </button>
+                        <button onClick={() => { setEditing(false); setEditName(template.name); }}
+                            className="text-gray-400 hover:text-gray-600">
+                            <IconX className="w-4 h-4" />
+                        </button>
+                    </div>
+                ) : (
+                    <>
+                        <div className="flex items-center gap-2">
+                            <IconFileText className="w-4 h-4 text-gray-500" />
+                            <span className="text-sm font-medium text-gray-800">{template.name}</span>
+                            <span className="text-xs text-gray-400">({questions.length}개 질문)</span>
+                        </div>
+                        <div className="flex items-center gap-1">
+                            <button onClick={() => { setEditing(true); setEditName(template.name); }}
+                                className="text-gray-400 hover:text-blue-600 p-1">
+                                <IconEdit className="w-3.5 h-3.5" />
+                            </button>
+                            <button onClick={handleDelete} className="text-gray-400 hover:text-red-600 p-1">
+                                <IconTrash className="w-3.5 h-3.5" />
+                            </button>
+                        </div>
+                    </>
+                )}
+            </div>
+
+            {/* 질문 목록 */}
+            <div className="divide-y divide-gray-100">
+                {questions.map(q => (
+                    <QuestionItem key={q.id} question={q} onRefresh={onRefresh} />
+                ))}
+            </div>
+
+            {/* 질문 추가 */}
+            <div className="px-4 py-2 border-t border-gray-100">
+                {showAddQuestion ? (
+                    <AddQuestionForm
+                        templateId={template.id}
+                        onCancel={() => setShowAddQuestion(false)}
+                        onSaved={() => { setShowAddQuestion(false); onRefresh(); }}
+                    />
+                ) : (
+                    <button onClick={() => setShowAddQuestion(true)}
+                        className="flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 py-1">
+                        <IconPlus className="w-3.5 h-3.5" /> 질문 추가
+                    </button>
+                )}
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 질문 행
+// ============================================================
+function QuestionItem({ question, onRefresh }) {
+    const [editing, setEditing] = useState(false);
+    const [editText, setEditText] = useState(question.question_text);
+
+    const handleUpdate = async () => {
+        if (!editText.trim()) return;
+        try {
+            await api.put(`/sales/interviews/api/questions/${question.id}`, { question_text: editText.trim() });
+            setEditing(false);
+            onRefresh();
+        } catch (e) { alert('수정 실패: ' + e.message); }
+    };
+
+    const handleDelete = async () => {
+        if (!confirm('이 질문을 삭제하시겠습니까?')) return;
+        try {
+            await api.del(`/sales/interviews/api/questions/${question.id}`);
+            onRefresh();
+        } catch (e) { alert('삭제 실패: ' + e.message); }
+    };
+
+    return (
+        <div className="question-row px-4 py-2 flex items-center justify-between group hover:bg-gray-50">
+            {editing ? (
+                <div className="flex-1 flex items-center gap-2">
+                    <input type="text" value={editText} onChange={e => setEditText(e.target.value)}
+                        onKeyDown={e => { if (e.key === 'Enter') handleUpdate(); if (e.key === 'Escape') setEditing(false); }}
+                        className="flex-1 text-sm border rounded px-2 py-1" autoFocus />
+                    <button onClick={handleUpdate} className="text-green-600 hover:text-green-800">
+                        <IconCheck className="w-3.5 h-3.5" />
+                    </button>
+                    <button onClick={() => { setEditing(false); setEditText(question.question_text); }}
+                        className="text-gray-400 hover:text-gray-600">
+                        <IconX className="w-3.5 h-3.5" />
+                    </button>
+                </div>
+            ) : (
+                <>
+                    <div className="flex items-center gap-2">
+                        <span className="w-5 h-5 border-2 border-gray-300 rounded flex-shrink-0"></span>
+                        <span className="text-sm text-gray-700">{question.question_text}</span>
+                        {question.is_required && <span className="text-xs text-red-500">*필수</span>}
+                    </div>
+                    <div className="hidden group-hover:flex items-center gap-1">
+                        <button onClick={() => { setEditing(true); setEditText(question.question_text); }}
+                            className="text-gray-400 hover:text-blue-600 p-1">
+                            <IconEdit className="w-3 h-3" />
+                        </button>
+                        <button onClick={handleDelete} className="text-gray-400 hover:text-red-600 p-1">
+                            <IconTrash className="w-3 h-3" />
+                        </button>
+                    </div>
+                </>
+            )}
+        </div>
+    );
+}
+
+// ============================================================
+// 항목 추가 폼
+// ============================================================
+function AddTemplateForm({ categoryId, onCancel, onSaved }) {
+    const [name, setName] = useState('');
+
+    const handleSubmit = async () => {
+        if (!name.trim()) return;
+        try {
+            await api.post('/sales/interviews/api/templates', { interview_category_id: categoryId, name: name.trim() });
+            onSaved();
+        } catch (e) { alert('항목 생성 실패: ' + e.message); }
+    };
+
+    return (
+        <div className="template-card p-3 bg-blue-50">
+            <input type="text" value={name} onChange={e => setName(e.target.value)}
+                onKeyDown={e => { if (e.key === 'Enter') handleSubmit(); if (e.key === 'Escape') onCancel(); }}
+                placeholder="항목명 입력 (예: 견적서 제작)" autoFocus
+                className="w-full text-sm border border-gray-300 rounded px-2 py-1.5 mb-2" />
+            <div className="flex gap-2 justify-end">
+                <button onClick={onCancel} className="text-xs px-3 py-1 text-gray-500 hover:text-gray-700">취소</button>
+                <button onClick={handleSubmit} className="text-xs px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700">추가</button>
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 질문 추가 폼
+// ============================================================
+function AddQuestionForm({ templateId, onCancel, onSaved }) {
+    const [text, setText] = useState('');
+
+    const handleSubmit = async () => {
+        if (!text.trim()) return;
+        try {
+            await api.post('/sales/interviews/api/questions', { interview_template_id: templateId, question_text: text.trim() });
+            onSaved();
+        } catch (e) { alert('질문 생성 실패: ' + e.message); }
+    };
+
+    return (
+        <div className="flex items-center gap-2">
+            <input type="text" value={text} onChange={e => setText(e.target.value)}
+                onKeyDown={e => { if (e.key === 'Enter') handleSubmit(); if (e.key === 'Escape') onCancel(); }}
+                placeholder="질문 내용 입력" autoFocus
+                className="flex-1 text-sm border border-gray-300 rounded px-2 py-1" />
+            <button onClick={handleSubmit} className="text-xs px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700">추가</button>
+            <button onClick={onCancel} className="text-xs px-2 py-1 text-gray-500 hover:text-gray-700">취소</button>
+        </div>
+    );
+}
+
+// ============================================================
+// 인터뷰 실시 모달
+// ============================================================
+function InterviewSessionModal({ categories, onClose, onComplete }) {
+    const [step, setStep] = useState('setup'); // setup → checklist
+    const [selectedCategoryId, setSelectedCategoryId] = useState('');
+    const [intervieweeName, setIntervieweeName] = useState('');
+    const [intervieweeCompany, setIntervieweeCompany] = useState('');
+    const [interviewDate, setInterviewDate] = useState(new Date().toISOString().split('T')[0]);
+    const [memo, setMemo] = useState('');
+    const [session, setSession] = useState(null);
+    const [sessionDetail, setSessionDetail] = useState(null);
+    const [submitting, setSubmitting] = useState(false);
+
+    const startInterview = async () => {
+        if (!selectedCategoryId) { alert('카테고리를 선택하세요'); return; }
+        setSubmitting(true);
+        try {
+            const sess = await api.post('/sales/interviews/api/sessions', {
+                interview_category_id: parseInt(selectedCategoryId),
+                interviewee_name: intervieweeName,
+                interviewee_company: intervieweeCompany,
+                interview_date: interviewDate,
+                memo: memo,
+            });
+            setSession(sess);
+            const detail = await api.get(`/sales/interviews/api/sessions/${sess.id}`);
+            setSessionDetail(detail);
+            setStep('checklist');
+        } catch (e) { alert('세션 시작 실패: ' + e.message); }
+        finally { setSubmitting(false); }
+    };
+
+    const handleToggle = async (questionId) => {
+        try {
+            await api.post('/sales/interviews/api/sessions/toggle-answer', {
+                session_id: session.id,
+                question_id: questionId,
+            });
+            const detail = await api.get(`/sales/interviews/api/sessions/${session.id}`);
+            setSessionDetail(detail);
+        } catch (e) { console.error('토글 실패:', e); }
+    };
+
+    const handleComplete = async () => {
+        if (!confirm('인터뷰를 완료하시겠습니까?')) return;
+        try {
+            await api.post(`/sales/interviews/api/sessions/${session.id}/complete`);
+            onComplete();
+        } catch (e) { alert('완료 실패: ' + e.message); }
+    };
+
+    // 답변을 템플릿별로 그룹핑
+    const groupedAnswers = sessionDetail ? (() => {
+        const groups = {};
+        (sessionDetail.answers || []).forEach(a => {
+            const tplId = a.interview_template_id;
+            if (!groups[tplId]) {
+                groups[tplId] = { template: a.template, answers: [] };
+            }
+            groups[tplId].answers.push(a);
+        });
+        return Object.values(groups);
+    })() : [];
+
+    const totalQ = sessionDetail?.total_questions || 0;
+    const answeredQ = sessionDetail?.answered_questions || 0;
+    const progress = totalQ > 0 ? Math.round((answeredQ / totalQ) * 100) : 0;
+
+    return (
+        <div className="fixed inset-0 z-50 flex items-center justify-center modal-overlay fade-in" onClick={onClose}>
+            <div className="bg-white rounded-xl shadow-xl w-full max-w-2xl max-h-[85vh] flex flex-col" onClick={e => e.stopPropagation()}>
+                {/* 모달 헤더 */}
+                <div className="flex items-center justify-between px-6 py-4 border-b border-gray-200">
+                    <h2 className="text-lg font-bold text-gray-900">
+                        {step === 'setup' ? '인터뷰 실시' : '체크리스트'}
+                    </h2>
+                    <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
+                        <IconX className="w-5 h-5" />
+                    </button>
+                </div>
+
+                {/* 모달 본문 */}
+                <div className="flex-1 overflow-y-auto px-6 py-4">
+                    {step === 'setup' && (
+                        <div className="space-y-4">
+                            <div>
+                                <label className="block text-sm font-medium text-gray-700 mb-1">카테고리 *</label>
+                                <select value={selectedCategoryId} onChange={e => setSelectedCategoryId(e.target.value)}
+                                    className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm">
+                                    <option value="">선택하세요</option>
+                                    {categories.map(c => <option key={c.id} value={c.id}>{c.name}</option>)}
+                                </select>
+                            </div>
+                            <div className="grid grid-cols-2 gap-4">
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">면담 상대 이름</label>
+                                    <input type="text" value={intervieweeName} onChange={e => setIntervieweeName(e.target.value)}
+                                        className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm" placeholder="이름" />
+                                </div>
+                                <div>
+                                    <label className="block text-sm font-medium text-gray-700 mb-1">면담 상대 회사</label>
+                                    <input type="text" value={intervieweeCompany} onChange={e => setIntervieweeCompany(e.target.value)}
+                                        className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm" placeholder="회사명" />
+                                </div>
+                            </div>
+                            <div>
+                                <label className="block text-sm font-medium text-gray-700 mb-1">면담 일자</label>
+                                <input type="date" value={interviewDate} onChange={e => setInterviewDate(e.target.value)}
+                                    className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm" />
+                            </div>
+                            <div>
+                                <label className="block text-sm font-medium text-gray-700 mb-1">메모</label>
+                                <textarea value={memo} onChange={e => setMemo(e.target.value)} rows={3}
+                                    className="w-full border border-gray-300 rounded-lg px-3 py-2 text-sm" placeholder="메모 (선택사항)" />
+                            </div>
+                        </div>
+                    )}
+
+                    {step === 'checklist' && sessionDetail && (
+                        <div className="space-y-4">
+                            {/* 진행률 */}
+                            <div className="bg-gray-50 rounded-lg p-3">
+                                <div className="flex items-center justify-between text-sm mb-1">
+                                    <span className="text-gray-600">진행률</span>
+                                    <span className="font-medium text-gray-900">{answeredQ}/{totalQ} ({progress}%)</span>
+                                </div>
+                                <div className="w-full bg-gray-200 rounded-full h-2">
+                                    <div className="progress-bar-fill bg-blue-600 h-2 rounded-full" style={{ width: `${progress}%` }}></div>
+                                </div>
+                            </div>
+
+                            {/* 면담 정보 */}
+                            <div className="flex items-center gap-4 text-xs text-gray-500 bg-gray-50 rounded-lg px-3 py-2">
+                                {sessionDetail.interviewee_name && (
+                                    <span className="flex items-center gap-1"><IconUser className="w-3 h-3" />{sessionDetail.interviewee_name}</span>
+                                )}
+                                {sessionDetail.interviewee_company && (
+                                    <span className="flex items-center gap-1"><IconBuilding className="w-3 h-3" />{sessionDetail.interviewee_company}</span>
+                                )}
+                                <span className="flex items-center gap-1"><IconCalendar className="w-3 h-3" />{sessionDetail.interview_date}</span>
+                            </div>
+
+                            {/* 체크리스트 */}
+                            {groupedAnswers.map((group, gi) => (
+                                <div key={gi} className="border border-gray-200 rounded-lg">
+                                    <div className="px-4 py-2 bg-gray-50 rounded-t-lg border-b border-gray-200">
+                                        <span className="text-sm font-medium text-gray-800">{group.template?.name || '항목'}</span>
+                                    </div>
+                                    <div>
+                                        {group.answers.map(a => (
+                                            <label key={a.id}
+                                                className="flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer border-b border-gray-100 last:border-b-0">
+                                                <input type="checkbox" checked={a.is_checked}
+                                                    onChange={() => handleToggle(a.interview_question_id)}
+                                                    className="w-4 h-4 text-blue-600 rounded border-gray-300" />
+                                                <span className={`text-sm ${a.is_checked ? 'text-gray-400 line-through' : 'text-gray-700'}`}>
+                                                    {a.question?.question_text || '질문'}
+                                                </span>
+                                            </label>
+                                        ))}
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    )}
+                </div>
+
+                {/* 모달 하단 */}
+                <div className="flex items-center justify-end gap-2 px-6 py-4 border-t border-gray-200 bg-gray-50">
+                    {step === 'setup' && (
+                        <>
+                            <button onClick={onClose} className="px-4 py-2 text-sm text-gray-600 hover:text-gray-800">취소</button>
+                            <button onClick={startInterview} disabled={submitting}
+                                className="px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50">
+                                {submitting ? '시작 중...' : '인터뷰 시작'}
+                            </button>
+                        </>
+                    )}
+                    {step === 'checklist' && (
+                        <>
+                            <button onClick={onClose} className="px-4 py-2 text-sm text-gray-600 hover:text-gray-800">닫기 (계속 진행)</button>
+                            <button onClick={handleComplete}
+                                className="flex items-center gap-1 px-4 py-2 text-sm bg-green-600 text-white rounded-lg hover:bg-green-700">
+                                <IconCheckCircle className="w-4 h-4" /> 인터뷰 완료
+                            </button>
+                        </>
+                    )}
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 인터뷰 기록 모달
+// ============================================================
+function SessionHistoryModal({ categories, onClose }) {
+    const [sessions, setSessions] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [selectedSession, setSelectedSession] = useState(null);
+    const [sessionDetail, setSessionDetail] = useState(null);
+
+    useEffect(() => {
+        (async () => {
+            try {
+                const data = await api.get('/sales/interviews/api/sessions');
+                setSessions(data.data || []);
+            } catch (e) { console.error('세션 목록 로드 실패:', e); }
+            finally { setLoading(false); }
+        })();
+    }, []);
+
+    const loadDetail = async (id) => {
+        try {
+            const detail = await api.get(`/sales/interviews/api/sessions/${id}`);
+            setSessionDetail(detail);
+            setSelectedSession(id);
+        } catch (e) { console.error('상세 로드 실패:', e); }
+    };
+
+    // 상세 보기의 답변 그룹핑
+    const groupedAnswers = sessionDetail ? (() => {
+        const groups = {};
+        (sessionDetail.answers || []).forEach(a => {
+            const tplId = a.interview_template_id;
+            if (!groups[tplId]) {
+                groups[tplId] = { template: a.template, answers: [] };
+            }
+            groups[tplId].answers.push(a);
+        });
+        return Object.values(groups);
+    })() : [];
+
+    return (
+        <div className="fixed inset-0 z-50 flex items-center justify-center modal-overlay fade-in" onClick={onClose}>
+            <div className="bg-white rounded-xl shadow-xl w-full max-w-3xl max-h-[85vh] flex flex-col" onClick={e => e.stopPropagation()}>
+                <div className="flex items-center justify-between px-6 py-4 border-b border-gray-200">
+                    <h2 className="text-lg font-bold text-gray-900">
+                        {selectedSession ? '인터뷰 상세' : '인터뷰 기록'}
+                    </h2>
+                    <div className="flex items-center gap-2">
+                        {selectedSession && (
+                            <button onClick={() => { setSelectedSession(null); setSessionDetail(null); }}
+                                className="text-sm text-blue-600 hover:text-blue-800">목록으로</button>
+                        )}
+                        <button onClick={onClose} className="text-gray-400 hover:text-gray-600">
+                            <IconX className="w-5 h-5" />
+                        </button>
+                    </div>
+                </div>
+
+                <div className="flex-1 overflow-y-auto px-6 py-4">
+                    {loading && (
+                        <div className="flex items-center justify-center py-12">
+                            <IconLoader className="w-6 h-6 animate-spin text-blue-500" />
+                        </div>
+                    )}
+
+                    {!loading && !selectedSession && (
+                        <div>
+                            {sessions.length === 0 ? (
+                                <div className="text-center py-12 text-gray-400">인터뷰 기록이 없습니다</div>
+                            ) : (
+                                <table className="w-full text-sm">
+                                    <thead>
+                                        <tr className="text-left text-gray-500 border-b border-gray-200">
+                                            <th className="pb-2 font-medium">일자</th>
+                                            <th className="pb-2 font-medium">카테고리</th>
+                                            <th className="pb-2 font-medium">면담 대상</th>
+                                            <th className="pb-2 font-medium">진행률</th>
+                                            <th className="pb-2 font-medium">상태</th>
+                                            <th className="pb-2 font-medium"></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        {sessions.map(s => (
+                                            <tr key={s.id} className="border-b border-gray-100 hover:bg-gray-50">
+                                                <td className="py-2.5">{s.interview_date}</td>
+                                                <td className="py-2.5">{s.category?.name || '-'}</td>
+                                                <td className="py-2.5">
+                                                    {s.interviewee_name || '-'}
+                                                    {s.interviewee_company && <span className="text-gray-400 text-xs ml-1">({s.interviewee_company})</span>}
+                                                </td>
+                                                <td className="py-2.5">
+                                                    <span className="text-xs">{s.answered_questions}/{s.total_questions}</span>
+                                                </td>
+                                                <td className="py-2.5">
+                                                    <span className={`text-xs px-2 py-0.5 rounded-full ${
+                                                        s.status === 'completed'
+                                                            ? 'bg-green-100 text-green-800'
+                                                            : 'bg-yellow-100 text-yellow-800'
+                                                    }`}>
+                                                        {s.status === 'completed' ? '완료' : '진행중'}
+                                                    </span>
+                                                </td>
+                                                <td className="py-2.5">
+                                                    <button onClick={() => loadDetail(s.id)}
+                                                        className="text-blue-600 hover:text-blue-800 text-xs">상세</button>
+                                                </td>
+                                            </tr>
+                                        ))}
+                                    </tbody>
+                                </table>
+                            )}
+                        </div>
+                    )}
+
+                    {selectedSession && sessionDetail && (
+                        <div className="space-y-4">
+                            {/* 세션 정보 */}
+                            <div className="bg-gray-50 rounded-lg p-4 grid grid-cols-2 gap-3 text-sm">
+                                <div><span className="text-gray-500">카테고리:</span> <span className="font-medium">{sessionDetail.category?.name}</span></div>
+                                <div><span className="text-gray-500">면담일:</span> <span className="font-medium">{sessionDetail.interview_date}</span></div>
+                                <div><span className="text-gray-500">면담자:</span> <span className="font-medium">{sessionDetail.interviewer?.name || '-'}</span></div>
+                                <div><span className="text-gray-500">면담 대상:</span> <span className="font-medium">{sessionDetail.interviewee_name || '-'} {sessionDetail.interviewee_company ? `(${sessionDetail.interviewee_company})` : ''}</span></div>
+                                <div><span className="text-gray-500">진행률:</span> <span className="font-medium">{sessionDetail.answered_questions}/{sessionDetail.total_questions}</span></div>
+                                <div><span className="text-gray-500">상태:</span>
+                                    <span className={`ml-1 text-xs px-2 py-0.5 rounded-full ${sessionDetail.status === 'completed' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'}`}>
+                                        {sessionDetail.status === 'completed' ? '완료' : '진행중'}
+                                    </span>
+                                </div>
+                                {sessionDetail.memo && (
+                                    <div className="col-span-2"><span className="text-gray-500">메모:</span> <span>{sessionDetail.memo}</span></div>
+                                )}
+                            </div>
+
+                            {/* 체크리스트 결과 */}
+                            {groupedAnswers.map((group, gi) => (
+                                <div key={gi} className="border border-gray-200 rounded-lg">
+                                    <div className="px-4 py-2 bg-gray-50 rounded-t-lg border-b border-gray-200">
+                                        <span className="text-sm font-medium text-gray-800">{group.template?.name || '항목'}</span>
+                                    </div>
+                                    <div>
+                                        {group.answers.map(a => (
+                                            <div key={a.id} className="flex items-center gap-3 px-4 py-2 border-b border-gray-100 last:border-b-0">
+                                                {a.is_checked
+                                                    ? <IconCheckCircle className="w-4 h-4 text-green-500 flex-shrink-0" />
+                                                    : <span className="w-4 h-4 border-2 border-gray-300 rounded flex-shrink-0"></span>
+                                                }
+                                                <span className={`text-sm ${a.is_checked ? 'text-gray-700' : 'text-gray-400'}`}>
+                                                    {a.question?.question_text || '질문'}
+                                                </span>
+                                            </div>
+                                        ))}
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    )}
+                </div>
+
+                <div className="flex items-center justify-end px-6 py-3 border-t border-gray-200 bg-gray-50">
+                    <button onClick={onClose} className="px-4 py-2 text-sm text-gray-600 hover:text-gray-800">닫기</button>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// ============================================================
+// 렌더
+// ============================================================
+ReactDOM.createRoot(document.getElementById('interview-scenario-root')).render(<InterviewScenarioApp />);
+</script>
+@endverbatim
+@endpush
diff --git a/routes/web.php b/routes/web.php
index 665ce111..1cfbd881 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1222,4 +1222,30 @@
         Route::post('/products', [\App\Http\Controllers\Sales\SalesContractController::class, 'saveProducts'])->name('products.save');
         Route::get('/products/{tenant}', [\App\Http\Controllers\Sales\SalesContractController::class, 'getProducts'])->name('products.get');
     });
+
+    // 인터뷰 시나리오 관리
+    Route::prefix('interviews')->name('interviews.')->group(function () {
+        Route::get('/', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'index'])->name('index');
+        // 카테고리 API
+        Route::get('/api/categories', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'categories'])->name('api.categories');
+        Route::post('/api/categories', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeCategory'])->name('api.categories.store');
+        Route::put('/api/categories/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'updateCategory'])->name('api.categories.update');
+        Route::delete('/api/categories/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'destroyCategory'])->name('api.categories.destroy');
+        // 트리 API
+        Route::get('/api/tree', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'tree'])->name('api.tree');
+        // 템플릿(항목) API
+        Route::post('/api/templates', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeTemplate'])->name('api.templates.store');
+        Route::put('/api/templates/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'updateTemplate'])->name('api.templates.update');
+        Route::delete('/api/templates/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'destroyTemplate'])->name('api.templates.destroy');
+        // 질문 API
+        Route::post('/api/questions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeQuestion'])->name('api.questions.store');
+        Route::put('/api/questions/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'updateQuestion'])->name('api.questions.update');
+        Route::delete('/api/questions/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'destroyQuestion'])->name('api.questions.destroy');
+        // 세션 API
+        Route::get('/api/sessions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'sessions'])->name('api.sessions');
+        Route::post('/api/sessions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeSession'])->name('api.sessions.store');
+        Route::get('/api/sessions/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'showSession'])->name('api.sessions.show');
+        Route::post('/api/sessions/toggle-answer', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'toggleAnswer'])->name('api.sessions.toggle-answer');
+        Route::post('/api/sessions/{id}/complete', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'completeSession'])->name('api.sessions.complete');
+    });
 });

From d0e4a8e6a28f7c6cee7da6b7464efdf19614d477 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: Fri, 6 Feb 2026 21:09:02 +0900
Subject: [PATCH 4/9] =?UTF-8?q?fix:=EC=9D=B8=ED=84=B0=EB=B7=B0=20=EC=8B=9C?=
 =?UTF-8?q?=EB=82=98=EB=A6=AC=EC=98=A4=20=EB=A9=94=EB=89=B4=EB=A5=BC=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=A0=20=ED=85=8C=EB=84=8C=ED=8A=B8=EC=97=90=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 기존: tenant_id=1에만 메뉴 생성
- 수정: 글로벌(null) + 모든 테넌트의 영업관리 하위에 생성

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 database/seeders/InterviewMenuSeeder.php | 72 ++++++++++++------------
 1 file changed, 37 insertions(+), 35 deletions(-)

diff --git a/database/seeders/InterviewMenuSeeder.php b/database/seeders/InterviewMenuSeeder.php
index e5bae7fd..c468144e 100644
--- a/database/seeders/InterviewMenuSeeder.php
+++ b/database/seeders/InterviewMenuSeeder.php
@@ -9,49 +9,51 @@ class InterviewMenuSeeder extends Seeder
 {
     public function run(): void
     {
-        $tenantId = 1;
-
-        // 영업관리 상위 메뉴 찾기
-        $salesParentId = Menu::where('tenant_id', $tenantId)
+        // 모든 테넌트의 영업관리 메뉴 찾기 (글로벌 포함)
+        $salesMenus = Menu::withoutGlobalScopes()
             ->where('name', '영업관리')
             ->whereNull('parent_id')
-            ->value('id');
+            ->whereNull('deleted_at')
+            ->get();
 
-        if (!$salesParentId) {
+        if ($salesMenus->isEmpty()) {
             $this->command->error('영업관리 메뉴를 찾을 수 없습니다.');
             return;
         }
 
-        // 이미 존재하는지 확인
-        $exists = Menu::where('tenant_id', $tenantId)
-            ->where('parent_id', $salesParentId)
-            ->where('name', '인터뷰 시나리오')
-            ->exists();
+        foreach ($salesMenus as $salesMenu) {
+            $tenantId = $salesMenu->tenant_id;
+            $label = $tenantId ? "tenant_id={$tenantId}" : 'global(tenant_id=null)';
 
-        if ($exists) {
-            $this->command->info('인터뷰 시나리오 메뉴가 이미 존재합니다.');
-            return;
+            // 이미 존재하는지 확인
+            $exists = Menu::withoutGlobalScopes()
+                ->where('parent_id', $salesMenu->id)
+                ->where('name', '인터뷰 시나리오')
+                ->whereNull('deleted_at')
+                ->exists();
+
+            if ($exists) {
+                $this->command->info("[{$label}] 인터뷰 시나리오 메뉴가 이미 존재합니다.");
+                continue;
+            }
+
+            // 마지막 sort_order 확인
+            $maxSort = Menu::withoutGlobalScopes()
+                ->where('parent_id', $salesMenu->id)
+                ->whereNull('deleted_at')
+                ->max('sort_order') ?? 0;
+
+            Menu::withoutGlobalScopes()->create([
+                'tenant_id' => $tenantId,
+                'parent_id' => $salesMenu->id,
+                'name' => '인터뷰 시나리오',
+                'url' => '/sales/interviews',
+                'icon' => 'clipboard-check',
+                'sort_order' => $maxSort + 1,
+                'is_active' => true,
+            ]);
+
+            $this->command->info("[{$label}] 인터뷰 시나리오 메뉴 생성 완료.");
         }
-
-        // 영업파트너 승인 메뉴의 sort_order 확인
-        $approvalMenu = Menu::where('tenant_id', $tenantId)
-            ->where('parent_id', $salesParentId)
-            ->where('name', '영업파트너 승인')
-            ->first();
-
-        $sortOrder = $approvalMenu ? $approvalMenu->sort_order + 1 : 10;
-
-        // 인터뷰 시나리오 메뉴 생성
-        Menu::create([
-            'tenant_id' => $tenantId,
-            'parent_id' => $salesParentId,
-            'name' => '인터뷰 시나리오',
-            'url' => '/sales/interviews',
-            'icon' => 'clipboard-check',
-            'sort_order' => $sortOrder,
-            'is_active' => true,
-        ]);
-
-        $this->command->info('인터뷰 시나리오 메뉴가 생성되었습니다.');
     }
 }

From 98a8dbcab1424582844fc300929ce051f74d1855 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: Fri, 6 Feb 2026 21:19:34 +0900
Subject: [PATCH 5/9] =?UTF-8?q?fix:=EC=9D=B8=ED=84=B0=EB=B7=B0=20=EC=8B=9C?=
 =?UTF-8?q?=EB=82=98=EB=A6=AC=EC=98=A4=20UI=20=EB=B2=84=ED=8A=BC=EC=9D=84?=
 =?UTF-8?q?=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EA=B8=B0=EB=B0=98=EC=9C=BC?=
 =?UTF-8?q?=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Lucide 아이콘 의존 제거하여 버튼 가시성 개선
- 카테고리/항목/질문의 추가/수정/삭제 버튼을 텍스트로 변경
- 빈 상태에서도 카테고리 추가 버튼 명확하게 표시

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../views/sales/interviews/index.blade.php    | 89 ++++++++-----------
 1 file changed, 38 insertions(+), 51 deletions(-)

diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
index 671b178e..65f02b90 100644
--- a/resources/views/sales/interviews/index.blade.php
+++ b/resources/views/sales/interviews/index.blade.php
@@ -233,8 +233,9 @@ function CategorySidebar({ categories, selectedId, onSelect, onRefresh }) {
         <div className="flex flex-col h-full">
             <div className="flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-gray-50">
                 <span className="text-sm font-semibold text-gray-700">카테고리</span>
-                <button onClick={() => setShowAdd(!showAdd)} className="text-blue-600 hover:text-blue-800">
-                    <IconPlus className="w-4 h-4" />
+                <button onClick={() => setShowAdd(!showAdd)}
+                    className="text-xs px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700">
+                    + 추가
                 </button>
             </div>
 
@@ -254,9 +255,13 @@ className="text-xs px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700">
             )}
 
             <div className="flex-1 overflow-y-auto">
-                {categories.length === 0 && (
-                    <div className="px-4 py-8 text-center text-sm text-gray-400">
-                        카테고리를 추가하세요
+                {categories.length === 0 && !showAdd && (
+                    <div className="px-4 py-8 text-center">
+                        <p className="text-sm text-gray-400 mb-3">카테고리가 없습니다</p>
+                        <button onClick={() => setShowAdd(true)}
+                            className="text-sm px-3 py-1.5 bg-blue-600 text-white rounded hover:bg-blue-700">
+                            + 카테고리 추가
+                        </button>
                     </div>
                 )}
                 {categories.map(cat => (
@@ -268,24 +273,19 @@ className={`category-item px-4 py-2.5 cursor-pointer flex items-center justify-b
                                 <input type="text" value={editName} onChange={e => setEditName(e.target.value)}
                                     onKeyDown={e => { if (e.key === 'Enter') handleUpdate(cat.id); if (e.key === 'Escape') setEditingId(null); }}
                                     className="flex-1 text-sm border rounded px-1.5 py-0.5" autoFocus />
-                                <button onClick={() => handleUpdate(cat.id)} className="text-green-600 hover:text-green-800">
-                                    <IconCheck className="w-3.5 h-3.5" />
-                                </button>
-                                <button onClick={() => setEditingId(null)} className="text-gray-400 hover:text-gray-600">
-                                    <IconX className="w-3.5 h-3.5" />
-                                </button>
+                                <button onClick={() => handleUpdate(cat.id)}
+                                    className="text-xs px-1.5 py-0.5 bg-green-600 text-white rounded hover:bg-green-700">저장</button>
+                                <button onClick={() => setEditingId(null)}
+                                    className="text-xs px-1.5 py-0.5 text-gray-500 hover:text-gray-700">취소</button>
                             </div>
                         ) : (
                             <>
                                 <span className="text-sm text-gray-700 truncate">{cat.name}</span>
                                 <div className="hidden group-hover:flex items-center gap-1" onClick={e => e.stopPropagation()}>
                                     <button onClick={() => { setEditingId(cat.id); setEditName(cat.name); }}
-                                        className="text-gray-400 hover:text-blue-600">
-                                        <IconEdit className="w-3.5 h-3.5" />
-                                    </button>
-                                    <button onClick={() => handleDelete(cat.id)} className="text-gray-400 hover:text-red-600">
-                                        <IconTrash className="w-3.5 h-3.5" />
-                                    </button>
+                                        className="text-xs text-blue-600 hover:text-blue-800">수정</button>
+                                    <button onClick={() => handleDelete(cat.id)}
+                                        className="text-xs text-red-500 hover:text-red-700">삭제</button>
                                 </div>
                             </>
                         )}
@@ -306,7 +306,7 @@ function MainContent({ category, onRefresh }) {
         return (
             <div className="flex items-center justify-center h-full text-gray-400">
                 <div className="text-center">
-                    <IconClipboard className="w-12 h-12 mx-auto mb-2 text-gray-300" />
+                    <p className="text-lg mb-1">📋</p>
                     <p>카테고리를 선택하세요</p>
                 </div>
             </div>
@@ -343,8 +343,8 @@ function MainContent({ category, onRefresh }) {
                     />
                 ) : (
                     <button onClick={() => setShowAddTemplate(true)}
-                        className="flex items-center gap-1 text-sm text-blue-600 hover:text-blue-800 py-2">
-                        <IconPlus className="w-4 h-4" /> 항목 추가
+                        className="text-sm px-3 py-1.5 bg-blue-600 text-white rounded hover:bg-blue-700">
+                        + 항목 추가
                     </button>
                 )}
             </div>
@@ -388,29 +388,22 @@ function TemplateCard({ template, onRefresh }) {
                         <input type="text" value={editName} onChange={e => setEditName(e.target.value)}
                             onKeyDown={e => { if (e.key === 'Enter') handleUpdate(); if (e.key === 'Escape') setEditing(false); }}
                             className="flex-1 text-sm border rounded px-2 py-1" autoFocus />
-                        <button onClick={handleUpdate} className="text-green-600 hover:text-green-800">
-                            <IconCheck className="w-4 h-4" />
-                        </button>
+                        <button onClick={handleUpdate}
+                            className="text-xs px-2 py-1 bg-green-600 text-white rounded hover:bg-green-700">저장</button>
                         <button onClick={() => { setEditing(false); setEditName(template.name); }}
-                            className="text-gray-400 hover:text-gray-600">
-                            <IconX className="w-4 h-4" />
-                        </button>
+                            className="text-xs px-2 py-1 text-gray-500 hover:text-gray-700">취소</button>
                     </div>
                 ) : (
                     <>
                         <div className="flex items-center gap-2">
-                            <IconFileText className="w-4 h-4 text-gray-500" />
-                            <span className="text-sm font-medium text-gray-800">{template.name}</span>
+                            <span className="text-sm font-medium text-gray-800">📄 {template.name}</span>
                             <span className="text-xs text-gray-400">({questions.length}개 질문)</span>
                         </div>
-                        <div className="flex items-center gap-1">
+                        <div className="flex items-center gap-2">
                             <button onClick={() => { setEditing(true); setEditName(template.name); }}
-                                className="text-gray-400 hover:text-blue-600 p-1">
-                                <IconEdit className="w-3.5 h-3.5" />
-                            </button>
-                            <button onClick={handleDelete} className="text-gray-400 hover:text-red-600 p-1">
-                                <IconTrash className="w-3.5 h-3.5" />
-                            </button>
+                                className="text-xs text-blue-600 hover:text-blue-800">수정</button>
+                            <button onClick={handleDelete}
+                                className="text-xs text-red-500 hover:text-red-700">삭제</button>
                         </div>
                     </>
                 )}
@@ -433,8 +426,8 @@ className="text-gray-400 hover:text-blue-600 p-1">
                     />
                 ) : (
                     <button onClick={() => setShowAddQuestion(true)}
-                        className="flex items-center gap-1 text-xs text-blue-600 hover:text-blue-800 py-1">
-                        <IconPlus className="w-3.5 h-3.5" /> 질문 추가
+                        className="text-xs text-blue-600 hover:text-blue-800 py-1">
+                        + 질문 추가
                     </button>
                 )}
             </div>
@@ -473,29 +466,23 @@ function QuestionItem({ question, onRefresh }) {
                     <input type="text" value={editText} onChange={e => setEditText(e.target.value)}
                         onKeyDown={e => { if (e.key === 'Enter') handleUpdate(); if (e.key === 'Escape') setEditing(false); }}
                         className="flex-1 text-sm border rounded px-2 py-1" autoFocus />
-                    <button onClick={handleUpdate} className="text-green-600 hover:text-green-800">
-                        <IconCheck className="w-3.5 h-3.5" />
-                    </button>
+                    <button onClick={handleUpdate}
+                        className="text-xs px-1.5 py-0.5 bg-green-600 text-white rounded hover:bg-green-700">저장</button>
                     <button onClick={() => { setEditing(false); setEditText(question.question_text); }}
-                        className="text-gray-400 hover:text-gray-600">
-                        <IconX className="w-3.5 h-3.5" />
-                    </button>
+                        className="text-xs px-1.5 py-0.5 text-gray-500 hover:text-gray-700">취소</button>
                 </div>
             ) : (
                 <>
                     <div className="flex items-center gap-2">
-                        <span className="w-5 h-5 border-2 border-gray-300 rounded flex-shrink-0"></span>
+                        <span className="w-4 h-4 border-2 border-gray-300 rounded flex-shrink-0"></span>
                         <span className="text-sm text-gray-700">{question.question_text}</span>
                         {question.is_required && <span className="text-xs text-red-500">*필수</span>}
                     </div>
-                    <div className="hidden group-hover:flex items-center gap-1">
+                    <div className="hidden group-hover:flex items-center gap-2">
                         <button onClick={() => { setEditing(true); setEditText(question.question_text); }}
-                            className="text-gray-400 hover:text-blue-600 p-1">
-                            <IconEdit className="w-3 h-3" />
-                        </button>
-                        <button onClick={handleDelete} className="text-gray-400 hover:text-red-600 p-1">
-                            <IconTrash className="w-3 h-3" />
-                        </button>
+                            className="text-xs text-blue-600 hover:text-blue-800">수정</button>
+                        <button onClick={handleDelete}
+                            className="text-xs text-red-500 hover:text-red-700">삭제</button>
                     </div>
                 </>
             )}

From 79f6fc29e8debf55d682518fa3e308703c389fce 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: Fri, 6 Feb 2026 21:22:02 +0900
Subject: [PATCH 6/9] =?UTF-8?q?fix:=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95/=EC=82=AD=EC=A0=9C=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20=EC=8B=9C=20=ED=95=AD=EC=83=81=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- hover 의존(hidden group-hover) 제거
- 선택된 카테고리에서 수정/삭제 버튼 항상 노출

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../views/sales/interviews/index.blade.php    | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
index 65f02b90..eb44ba61 100644
--- a/resources/views/sales/interviews/index.blade.php
+++ b/resources/views/sales/interviews/index.blade.php
@@ -266,10 +266,10 @@ className="text-sm px-3 py-1.5 bg-blue-600 text-white rounded hover:bg-blue-700"
                 )}
                 {categories.map(cat => (
                     <div key={cat.id}
-                        className={`category-item px-4 py-2.5 cursor-pointer flex items-center justify-between group ${selectedId === cat.id ? 'active' : ''}`}
+                        className={`category-item px-3 py-2.5 cursor-pointer ${selectedId === cat.id ? 'active' : ''}`}
                         onClick={() => onSelect(cat.id)}>
                         {editingId === cat.id ? (
-                            <div className="flex-1 flex items-center gap-1" onClick={e => e.stopPropagation()}>
+                            <div className="flex items-center gap-1" onClick={e => e.stopPropagation()}>
                                 <input type="text" value={editName} onChange={e => setEditName(e.target.value)}
                                     onKeyDown={e => { if (e.key === 'Enter') handleUpdate(cat.id); if (e.key === 'Escape') setEditingId(null); }}
                                     className="flex-1 text-sm border rounded px-1.5 py-0.5" autoFocus />
@@ -279,15 +279,17 @@ className="text-xs px-1.5 py-0.5 bg-green-600 text-white rounded hover:bg-green-
                                     className="text-xs px-1.5 py-0.5 text-gray-500 hover:text-gray-700">취소</button>
                             </div>
                         ) : (
-                            <>
+                            <div className="flex items-center justify-between">
                                 <span className="text-sm text-gray-700 truncate">{cat.name}</span>
-                                <div className="hidden group-hover:flex items-center gap-1" onClick={e => e.stopPropagation()}>
-                                    <button onClick={() => { setEditingId(cat.id); setEditName(cat.name); }}
-                                        className="text-xs text-blue-600 hover:text-blue-800">수정</button>
-                                    <button onClick={() => handleDelete(cat.id)}
-                                        className="text-xs text-red-500 hover:text-red-700">삭제</button>
-                                </div>
-                            </>
+                                {selectedId === cat.id && (
+                                    <div className="flex items-center gap-1 ml-2 flex-shrink-0" onClick={e => e.stopPropagation()}>
+                                        <button onClick={() => { setEditingId(cat.id); setEditName(cat.name); }}
+                                            className="text-xs text-blue-600 hover:text-blue-800">수정</button>
+                                        <button onClick={() => handleDelete(cat.id)}
+                                            className="text-xs text-red-500 hover:text-red-700">삭제</button>
+                                    </div>
+                                )}
+                            </div>
                         )}
                     </div>
                 ))}

From 32cbef9ae316c4dacf32b3469db44fcb7baddea4 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: Fri, 6 Feb 2026 21:42:14 +0900
Subject: [PATCH 7/9] =?UTF-8?q?feat:=EC=9D=B8=ED=84=B0=EB=B7=B0=20?=
 =?UTF-8?q?=EC=8B=9C=EB=82=98=EB=A6=AC=EC=98=A4=20MD=20=ED=8C=8C=EC=9D=BC?=
 =?UTF-8?q?=20=EC=97=85=EB=A1=9C=EB=93=9C=20=EC=9D=BC=EA=B4=84=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../Sales/InterviewScenarioController.php     | 19 ++++
 .../Sales/InterviewScenarioService.php        | 53 ++++++++++
 .../views/sales/interviews/index.blade.php    | 96 +++++++++++++++++++
 routes/web.php                                |  2 +
 4 files changed, 170 insertions(+)

diff --git a/app/Http/Controllers/Sales/InterviewScenarioController.php b/app/Http/Controllers/Sales/InterviewScenarioController.php
index c11436a2..d169ff55 100644
--- a/app/Http/Controllers/Sales/InterviewScenarioController.php
+++ b/app/Http/Controllers/Sales/InterviewScenarioController.php
@@ -151,6 +151,25 @@ public function destroyQuestion(int $id): JsonResponse
         return response()->json(['message' => '삭제되었습니다.']);
     }
 
+    // ============================================================
+    // MD 파일 일괄 가져오기
+    // ============================================================
+
+    public function bulkImport(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'category_id' => 'required|integer|exists:interview_categories,id',
+            'templates' => 'required|array|min:1',
+            'templates.*.name' => 'required|string|max:200',
+            'templates.*.questions' => 'required|array|min:1',
+            'templates.*.questions.*' => 'required|string|max:500',
+        ]);
+
+        $result = $this->service->bulkImport($validated['category_id'], $validated['templates']);
+
+        return response()->json($result, 201);
+    }
+
     // ============================================================
     // 세션 API
     // ============================================================
diff --git a/app/Services/Sales/InterviewScenarioService.php b/app/Services/Sales/InterviewScenarioService.php
index 3ff8e819..6a35afb2 100644
--- a/app/Services/Sales/InterviewScenarioService.php
+++ b/app/Services/Sales/InterviewScenarioService.php
@@ -141,6 +141,59 @@ public function deleteQuestion(int $id): void
         $question->delete();
     }
 
+    // ============================================================
+    // MD 파일 일괄 가져오기
+    // ============================================================
+
+    public function bulkImport(int $categoryId, array $templates): array
+    {
+        return DB::transaction(function () use ($categoryId, $templates) {
+            $tenantId = session('selected_tenant_id', 1);
+            $userId = auth()->id();
+            $maxTemplateSort = InterviewTemplate::where('interview_category_id', $categoryId)
+                ->max('sort_order') ?? 0;
+
+            $createdTemplates = 0;
+            $createdQuestions = 0;
+
+            foreach ($templates as $tpl) {
+                $maxTemplateSort++;
+                $template = InterviewTemplate::create([
+                    'tenant_id' => $tenantId,
+                    'interview_category_id' => $categoryId,
+                    'name' => $tpl['name'],
+                    'sort_order' => $maxTemplateSort,
+                    'is_active' => true,
+                    'created_by' => $userId,
+                    'updated_by' => $userId,
+                ]);
+                $createdTemplates++;
+
+                $questionSort = 0;
+                foreach ($tpl['questions'] as $questionText) {
+                    $questionSort++;
+                    InterviewQuestion::create([
+                        'tenant_id' => $tenantId,
+                        'interview_template_id' => $template->id,
+                        'question_text' => $questionText,
+                        'question_type' => 'checkbox',
+                        'is_required' => false,
+                        'sort_order' => $questionSort,
+                        'is_active' => true,
+                        'created_by' => $userId,
+                        'updated_by' => $userId,
+                    ]);
+                    $createdQuestions++;
+                }
+            }
+
+            return [
+                'templates_created' => $createdTemplates,
+                'questions_created' => $createdQuestions,
+            ];
+        });
+    }
+
     // ============================================================
     // 전체 트리 조회
     // ============================================================
diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
index eb44ba61..84011c7a 100644
--- a/resources/views/sales/interviews/index.blade.php
+++ b/resources/views/sales/interviews/index.blade.php
@@ -94,6 +94,7 @@
 const IconBuilding = createIcon('building-2');
 const IconFileText = createIcon('file-text');
 const IconCheckCircle = createIcon('check-circle');
+const IconUpload = createIcon('upload');
 
 // ============================================================
 // 루트 앱
@@ -303,6 +304,60 @@ className="text-xs text-red-500 hover:text-red-700">삭제</button>
 // ============================================================
 function MainContent({ category, onRefresh }) {
     const [showAddTemplate, setShowAddTemplate] = useState(false);
+    const [showMdPreview, setShowMdPreview] = useState(false);
+    const [mdParsed, setMdParsed] = useState([]);
+    const [mdImporting, setMdImporting] = useState(false);
+    const fileInputRef = useRef(null);
+
+    const parseMd = (text) => {
+        const lines = text.split('\n');
+        const result = [];
+        let current = null;
+        for (const line of lines) {
+            const headerMatch = line.match(/^#+\s+(.+)/);
+            if (headerMatch) {
+                current = { name: headerMatch[1].trim(), questions: [] };
+                result.push(current);
+                continue;
+            }
+            const listMatch = line.match(/^[-*]\s+(.+)/);
+            if (listMatch && current) {
+                current.questions.push(listMatch[1].trim());
+            }
+        }
+        return result.filter(t => t.questions.length > 0);
+    };
+
+    const handleFileSelect = (e) => {
+        const file = e.target.files[0];
+        if (!file) return;
+        const reader = new FileReader();
+        reader.onload = (ev) => {
+            const parsed = parseMd(ev.target.result);
+            if (parsed.length === 0) {
+                alert('파싱 가능한 항목이 없습니다.\n# 헤더와 - 질문 형식을 확인하세요.');
+                return;
+            }
+            setMdParsed(parsed);
+            setShowMdPreview(true);
+        };
+        reader.readAsText(file);
+        e.target.value = '';
+    };
+
+    const handleBulkImport = async () => {
+        setMdImporting(true);
+        try {
+            await api.post('/sales/interviews/api/bulk-import', {
+                category_id: category.id,
+                templates: mdParsed,
+            });
+            setShowMdPreview(false);
+            setMdParsed([]);
+            onRefresh();
+        } catch (e) { alert('일괄 생성 실패: ' + e.message); }
+        finally { setMdImporting(false); }
+    };
 
     if (!category) {
         return (
@@ -316,6 +371,7 @@ function MainContent({ category, onRefresh }) {
     }
 
     const templates = category.templates || [];
+    const totalMdQuestions = mdParsed.reduce((sum, t) => sum + t.questions.length, 0);
 
     return (
         <div className="flex flex-col h-full">
@@ -324,8 +380,48 @@ function MainContent({ category, onRefresh }) {
                     <span className="text-sm font-semibold text-gray-700">{category.name}</span>
                     <span className="ml-2 text-xs text-gray-400">{templates.length}개 항목</span>
                 </div>
+                <div>
+                    <input type="file" ref={fileInputRef} accept=".md,.txt" onChange={handleFileSelect} className="hidden" />
+                    <button onClick={() => fileInputRef.current?.click()}
+                        className="flex items-center gap-1 text-xs px-3 py-1.5 bg-green-600 text-white rounded hover:bg-green-700">
+                        <IconUpload className="w-3.5 h-3.5" /> MD 업로드
+                    </button>
+                </div>
             </div>
 
+            {/* MD 미리보기 */}
+            {showMdPreview && (
+                <div className="mx-4 mt-3 p-4 bg-green-50 border border-green-200 rounded-lg">
+                    <div className="flex items-center justify-between mb-3">
+                        <span className="text-sm font-semibold text-green-800">
+                            MD 파싱 결과: 항목 {mdParsed.length}개, 질문 {totalMdQuestions}개
+                        </span>
+                        <button onClick={() => { setShowMdPreview(false); setMdParsed([]); }}
+                            className="text-xs text-gray-500 hover:text-gray-700">닫기</button>
+                    </div>
+                    <div className="space-y-2 max-h-60 overflow-y-auto">
+                        {mdParsed.map((tpl, i) => (
+                            <div key={i} className="bg-white rounded border border-green-100 p-2">
+                                <div className="text-sm font-medium text-gray-800 mb-1">📄 {tpl.name}</div>
+                                <ul className="space-y-0.5">
+                                    {tpl.questions.map((q, j) => (
+                                        <li key={j} className="text-xs text-gray-600 pl-3">• {q}</li>
+                                    ))}
+                                </ul>
+                            </div>
+                        ))}
+                    </div>
+                    <div className="flex gap-2 justify-end mt-3">
+                        <button onClick={() => { setShowMdPreview(false); setMdParsed([]); }}
+                            className="text-xs px-3 py-1.5 text-gray-500 hover:text-gray-700">취소</button>
+                        <button onClick={handleBulkImport} disabled={mdImporting}
+                            className="text-xs px-3 py-1.5 bg-green-600 text-white rounded hover:bg-green-700 disabled:opacity-50">
+                            {mdImporting ? '생성 중...' : '확인 - 일괄 생성'}
+                        </button>
+                    </div>
+                </div>
+            )}
+
             <div className="flex-1 overflow-y-auto p-4 space-y-4">
                 {templates.map(tpl => (
                     <TemplateCard key={tpl.id} template={tpl} onRefresh={onRefresh} />
diff --git a/routes/web.php b/routes/web.php
index 1cfbd881..d9b165cd 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1241,6 +1241,8 @@
         Route::post('/api/questions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeQuestion'])->name('api.questions.store');
         Route::put('/api/questions/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'updateQuestion'])->name('api.questions.update');
         Route::delete('/api/questions/{id}', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'destroyQuestion'])->name('api.questions.destroy');
+        // 일괄 가져오기 API
+        Route::post('/api/bulk-import', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'bulkImport'])->name('api.bulk-import');
         // 세션 API
         Route::get('/api/sessions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'sessions'])->name('api.sessions');
         Route::post('/api/sessions', [\App\Http\Controllers\Sales\InterviewScenarioController::class, 'storeSession'])->name('api.sessions.store');

From 57b532a69a2be4cbb391e850a865eed150dffd77 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: Fri, 6 Feb 2026 22:09:09 +0900
Subject: [PATCH 8/9] =?UTF-8?q?docs:=EB=B0=A9=ED=99=94=EC=85=94=ED=84=B0?=
 =?UTF-8?q?=20=EA=B2=AC=EC=A0=81=EA=B5=AC=EC=A1=B0=20=EC=9D=B8=ED=84=B0?=
 =?UTF-8?q?=EB=B7=B0=20=EC=8B=9C=EB=82=98=EB=A6=AC=EC=98=A4=20=EC=83=98?=
 =?UTF-8?q?=ED=94=8C=20MD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 docs/samples/방화셔터_견적구조_인터뷰.md | 87 ++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 docs/samples/방화셔터_견적구조_인터뷰.md

diff --git a/docs/samples/방화셔터_견적구조_인터뷰.md b/docs/samples/방화셔터_견적구조_인터뷰.md
new file mode 100644
index 00000000..45a6f9f7
--- /dev/null
+++ b/docs/samples/방화셔터_견적구조_인터뷰.md
@@ -0,0 +1,87 @@
+# 견적 산출 엑셀 구조 검토
+- 견적 산출 엑셀 파일을 분석했는가?
+- 엑셀 구조를 자세히 검토했는가?
+- 이미 완성된 엑셀을 그대로 활용할 수 있는가?
+- 견적 구조를 문서화하여 설명할 수 있는가?
+
+# 셔터 카테고리 및 제품 분류
+- 통합 견적(견적 산출 + 발주서 작성) 범위를 확인했는가?
+- 스크린 셔터와 철제 셔터의 분류 기준을 확인했는가?
+- 스크린 본체/철제 슬랫 본체에 따른 제품 구분을 이해했는가?
+- 산업용 등 카테고리별 구분 체계를 확인했는가?
+
+# 셔터 제품명 및 구분 구조
+- KSS01, KSS02 등 제품명 체계를 파악했는가?
+- KWW WS 등 대형 제품 포함 여부를 확인했는가?
+- KQTS, KT201 등 전체 제품 목록을 확보했는가?
+- 벽면형, 측면형, 혼합형 등 설치 유형별 분류를 확인했는가?
+
+# 셔터 본체 구성
+- 본체가 스크린 또는 철제 슬랫으로 구성됨을 확인했는가?
+- 본체와 모터가 공통 구성 요소임을 확인했는가?
+- 스크린 본체의 원단 종류(실리카, 와이어, 하이바)를 확인했는가?
+- 스크린의 절단, 미싱, 포장 공정을 파악했는가?
+- 환봉이 부자재 창고에서 별도 관리됨을 확인했는가?
+
+# 전동 개폐기(모터) 구성
+- 전동 개폐기(모터)의 품질심사 용어와 현장 용어 차이를 인지했는가?
+- 모터 내부 구성품(절연 거품, 부자재)을 확인했는가?
+- 모터 용량 범위(150kg~1,500kg)를 파악했는가?
+- 인증 제품의 경우 모터 구성이 고정됨을 확인했는가?
+- 모터를 별도 구매하여 부품으로만 관리하는 현재 방식을 확인했는가?
+
+# 인정제품 vs 비인정제품 구분
+- 인정제품은 모든 구성 요소가 고정된 완전 세트임을 확인했는가?
+- 비인정제품은 본체만/모터만/부자재만 개별 주문 가능함을 확인했는가?
+- 인증 제품의 고정 구성 목록을 확보했는가?
+
+# 연동 제어기 및 부자재
+- 연동 제어기의 노출형/매립형 구분을 확인했는가?
+- 매립형 연동 제어기에 뒷박스 부자재가 추가됨을 확인했는가?
+- 공임과 부자재가 견적의 핵심 항목임을 인지했는가?
+
+# 가이드레일 및 케이스 구성
+- 가이드레일이 제품마다 모양과 치수가 다름을 확인했는가?
+- 가이드레일 표준 길이(2,438mm, 3,305mm, 4,430mm) 조합을 파악했는가?
+- 케이스 크기별(1500×380, 500×380) 부속품 차이를 확인했는가?
+- 가이드레일은 항상 2개씩 필요함을 확인했는가?
+- 판재 절곡 방식에 따른 모양 차이를 이해했는가?
+
+# 오픈 사이즈와 제작 사이즈
+- 오픈 사이즈 입력에 따른 제작 사이즈 산출 방식을 확인했는가?
+- 케이스/가이드레일 길이가 오픈 사이즈 확정 후 산출됨을 이해했는가?
+- 현장 조합 및 용접 방식을 파악했는가?
+- 표준 길이 판재의 현장 절단 방식을 확인했는가?
+
+# BOM 구조 현황 및 문제점
+- 현재 상향식(최하위 부품→상위 조립품) BOM 구조를 파악했는가?
+- 제품별 부품 매칭 정보가 미구현 상태임을 확인했는가?
+- KSS02 선택 시 부품 목록 자동 나열이 안 되는 문제를 인지했는가?
+- 오픈 사이즈 기반 동적 부품 계산이 미구현임을 확인했는가?
+- 케이스 내 부속품 연결이 표시되지 않는 문제를 확인했는가?
+
+# BOM 구조 개선 방안
+- 하향식 BOM 구조(상위 제품→하위 구성품) 도입을 검토했는가?
+- KSS02 등록 시 하위 항목 자동 등록 플로우를 설계했는가?
+- 카테고리별 품목 분류(본체, 절곡품, 부자재) 체계를 수립했는가?
+- 제품-부품 매핑 테이블(기본 구성품/옵션 구성품)을 정의했는가?
+- 오픈 사이즈 입력 시 동적 계산 부품 구분을 설계했는가?
+
+# 품목 등록 시스템 개선
+- 품목 등록 시 상위 품목 선택 기능을 구현할 수 있는가?
+- 카테고리 선택 시 해당 목록만 표시하는 기능을 설계했는가?
+- 제품별 부품 설정 등록 기능을 기획했는가?
+- 상위 부품 선택 시 하위 부품 자동 표시를 구현할 수 있는가?
+
+# 제품 목록 및 데이터 확보
+- 5130 시스템의 제품 수(20개 미만)를 확인했는가?
+- 미등록 제품이 더 있을 가능성을 검토했는가?
+- 전체 제품(약 11개 + 스모크 관련) 목록을 확보했는가?
+- 참고 자료 기반 부품 정리가 완료되었는가?
+
+# 견적 구조 확장 계획
+- 기본 복에서 제품 단위로 견적 확장 계획을 수립했는가?
+- 제품별 원단 확정(예: KSS02→실리카) 정보를 정리했는가?
+- 케이스 부품 종류 확정 및 사이즈/길이의 동적 입력 방식을 설계했는가?
+- 공정 관리와 품목 연동 구조를 검토했는가?
+- 개발팀과의 추가 협의 일정을 확인했는가?

From 655dfc66411eac022dea4bc44566f80ef358a648 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: Fri, 6 Feb 2026 22:15:02 +0900
Subject: [PATCH 9/9] =?UTF-8?q?fix:=EC=A7=88=EB=AC=B8=20=ED=96=89=20hover?=
 =?UTF-8?q?=20=EC=8B=9C=20=EB=AC=B8=EC=9E=A5=20=EB=81=9D=EC=97=90=20?=
 =?UTF-8?q?=EC=A0=81=EC=83=89=20X=20=EC=82=AD=EC=A0=9C=20=EB=B2=84?=
 =?UTF-8?q?=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

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 resources/views/sales/interviews/index.blade.php | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/views/sales/interviews/index.blade.php b/resources/views/sales/interviews/index.blade.php
index 84011c7a..295b7fcc 100644
--- a/resources/views/sales/interviews/index.blade.php
+++ b/resources/views/sales/interviews/index.blade.php
@@ -571,16 +571,18 @@ className="text-xs px-1.5 py-0.5 text-gray-500 hover:text-gray-700">취소</butt
                 </div>
             ) : (
                 <>
-                    <div className="flex items-center gap-2">
+                    <div className="flex items-center gap-2 flex-1 min-w-0">
                         <span className="w-4 h-4 border-2 border-gray-300 rounded flex-shrink-0"></span>
                         <span className="text-sm text-gray-700">{question.question_text}</span>
                         {question.is_required && <span className="text-xs text-red-500">*필수</span>}
+                        <button onClick={handleDelete} title="삭제"
+                            className="hidden group-hover:inline-flex items-center justify-center w-4 h-4 text-red-400 hover:text-red-600 flex-shrink-0">
+                            <IconX className="w-3.5 h-3.5" />
+                        </button>
                     </div>
-                    <div className="hidden group-hover:flex items-center gap-2">
+                    <div className="hidden group-hover:flex items-center gap-2 flex-shrink-0">
                         <button onClick={() => { setEditing(true); setEditText(question.question_text); }}
                             className="text-xs text-blue-600 hover:text-blue-800">수정</button>
-                        <button onClick={handleDelete}
-                            className="text-xs text-red-500 hover:text-red-700">삭제</button>
                     </div>
                 </>
             )}