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] =?UTF-8?q?feat:=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=EA=B4=80=EB=A6=AC=20=EA=B8=B0?=
 =?UTF-8?q?=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');
+    });
 });