diff --git a/app/Http/Controllers/Juil/MeetingMinuteController.php b/app/Http/Controllers/Juil/MeetingMinuteController.php
new file mode 100644
index 00000000..3aece9e3
--- /dev/null
+++ b/app/Http/Controllers/Juil/MeetingMinuteController.php
@@ -0,0 +1,273 @@
+<?php
+
+namespace App\Http\Controllers\Juil;
+
+use App\Helpers\AiTokenHelper;
+use App\Http\Controllers\Controller;
+use App\Models\Juil\MeetingMinute;
+use App\Services\GoogleCloudService;
+use App\Services\MeetingMinuteService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+use Symfony\Component\HttpFoundation\Response;
+
+class MeetingMinuteController extends Controller
+{
+    public function __construct(
+        private readonly MeetingMinuteService $service
+    ) {}
+
+    public function index(Request $request): View|Response
+    {
+        if ($request->header('HX-Request')) {
+            return response('', 200)->header('HX-Redirect', route('juil.meeting-minutes.index'));
+        }
+
+        return view('juil.meeting-minutes');
+    }
+
+    public function list(Request $request): JsonResponse
+    {
+        $params = $request->only(['search', 'date_from', 'date_to', 'status', 'per_page']);
+        $meetings = $this->service->getList($params);
+
+        return response()->json([
+            'success' => true,
+            'data' => $meetings,
+        ]);
+    }
+
+    public function show(int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::with(['user', 'segments'])->find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        return response()->json([
+            'success' => true,
+            'data' => $meeting,
+        ]);
+    }
+
+    public function store(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'title' => 'nullable|string|max:300',
+            'folder' => 'nullable|string|max:100',
+            'participants' => 'nullable|array',
+            'meeting_date' => 'nullable|date',
+            'meeting_time' => 'nullable',
+            'stt_language' => 'nullable|string|max:10',
+        ]);
+
+        $meeting = $this->service->create($validated);
+
+        return response()->json([
+            'success' => true,
+            'message' => '회의록이 생성되었습니다.',
+            'data' => $meeting,
+        ], 201);
+    }
+
+    public function update(Request $request, int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        $validated = $request->validate([
+            'title' => 'nullable|string|max:300',
+            'folder' => 'nullable|string|max:100',
+            'participants' => 'nullable|array',
+            'meeting_date' => 'nullable|date',
+            'meeting_time' => 'nullable',
+        ]);
+
+        $meeting = $this->service->update($meeting, $validated);
+
+        return response()->json([
+            'success' => true,
+            'message' => '회의록이 수정되었습니다.',
+            'data' => $meeting,
+        ]);
+    }
+
+    public function destroy(int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        $this->service->delete($meeting);
+
+        return response()->json([
+            'success' => true,
+            'message' => '회의록이 삭제되었습니다.',
+        ]);
+    }
+
+    public function saveSegments(Request $request, int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        $validated = $request->validate([
+            'segments' => 'required|array',
+            'segments.*.speaker_name' => 'required|string|max:100',
+            'segments.*.speaker_label' => 'nullable|string|max:20',
+            'segments.*.text' => 'required|string',
+            'segments.*.start_time_ms' => 'nullable|integer|min:0',
+            'segments.*.end_time_ms' => 'nullable|integer|min:0',
+            'segments.*.is_manual_speaker' => 'nullable|boolean',
+        ]);
+
+        $meeting = $this->service->saveSegments($meeting, $validated['segments']);
+
+        return response()->json([
+            'success' => true,
+            'message' => '세그먼트가 저장되었습니다.',
+            'data' => $meeting,
+        ]);
+    }
+
+    public function uploadAudio(Request $request, int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        $validated = $request->validate([
+            'audio' => 'required|file|max:102400',
+            'duration_seconds' => 'required|integer|min:0',
+        ]);
+
+        $result = $this->service->uploadAudio($meeting, $request->file('audio'), $validated['duration_seconds']);
+
+        if (! $result) {
+            return response()->json([
+                'success' => false,
+                'message' => '오디오 업로드에 실패했습니다.',
+            ], 500);
+        }
+
+        return response()->json([
+            'success' => true,
+            'message' => '오디오가 업로드되었습니다.',
+            'data' => $meeting->fresh(),
+        ]);
+    }
+
+    public function summarize(int $id): JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        if (empty($meeting->full_transcript)) {
+            return response()->json([
+                'success' => false,
+                'message' => '요약할 텍스트가 없습니다. 먼저 녹음을 진행해주세요.',
+            ], 422);
+        }
+
+        $result = $this->service->generateSummary($meeting);
+
+        if (! $result) {
+            return response()->json([
+                'success' => false,
+                'message' => 'AI 요약에 실패했습니다.',
+            ], 500);
+        }
+
+        return response()->json([
+            'success' => true,
+            'message' => 'AI 요약이 완료되었습니다.',
+            'data' => $meeting->fresh(),
+        ]);
+    }
+
+    public function downloadAudio(Request $request, int $id): Response|JsonResponse
+    {
+        $meeting = MeetingMinute::find($id);
+
+        if (! $meeting) {
+            return response()->json([
+                'success' => false,
+                'message' => '회의록을 찾을 수 없습니다.',
+            ], 404);
+        }
+
+        if (! $meeting->audio_file_path) {
+            return response()->json([
+                'success' => false,
+                'message' => '오디오 파일이 없습니다.',
+            ], 404);
+        }
+
+        $googleCloudService = app(GoogleCloudService::class);
+        $content = $googleCloudService->downloadFromStorage($meeting->audio_file_path);
+
+        if (! $content) {
+            return response()->json([
+                'success' => false,
+                'message' => '파일 다운로드에 실패했습니다.',
+            ], 500);
+        }
+
+        $extension = pathinfo($meeting->audio_file_path, PATHINFO_EXTENSION) ?: 'webm';
+        $mimeType = 'audio/' . $extension;
+
+        $safeTitle = preg_replace('/[\/\\\\:*?"<>|]/', '_', $meeting->title);
+        $filename = "{$safeTitle}.{$extension}";
+        $encodedFilename = rawurlencode($filename);
+
+        return response($content)
+            ->header('Content-Type', $mimeType)
+            ->header('Content-Length', strlen($content))
+            ->header('Content-Disposition', "attachment; filename=\"{$encodedFilename}\"; filename*=UTF-8''{$encodedFilename}")
+            ->header('Cache-Control', 'private, max-age=3600');
+    }
+
+    public function logSttUsage(Request $request): JsonResponse
+    {
+        $validated = $request->validate([
+            'duration_seconds' => 'required|integer|min:1',
+        ]);
+
+        $this->service->logSttUsage($validated['duration_seconds']);
+
+        return response()->json(['success' => true]);
+    }
+}
diff --git a/app/Models/Juil/MeetingMinute.php b/app/Models/Juil/MeetingMinute.php
new file mode 100644
index 00000000..b2b405c1
--- /dev/null
+++ b/app/Models/Juil/MeetingMinute.php
@@ -0,0 +1,79 @@
+<?php
+
+namespace App\Models\Juil;
+
+use App\Models\User;
+use App\Traits\BelongsToTenant;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class MeetingMinute extends Model
+{
+    use BelongsToTenant, SoftDeletes;
+
+    protected $table = 'meeting_minutes';
+
+    const STATUS_DRAFT = 'DRAFT';
+    const STATUS_RECORDING = 'RECORDING';
+    const STATUS_PROCESSING = 'PROCESSING';
+    const STATUS_COMPLETED = 'COMPLETED';
+    const STATUS_FAILED = 'FAILED';
+
+    protected $fillable = [
+        'tenant_id',
+        'user_id',
+        'title',
+        'folder',
+        'participants',
+        'meeting_date',
+        'meeting_time',
+        'duration_seconds',
+        'audio_file_path',
+        'audio_gcs_uri',
+        'audio_file_size',
+        'full_transcript',
+        'summary',
+        'decisions',
+        'action_items',
+        'status',
+        'stt_language',
+    ];
+
+    protected $casts = [
+        'participants' => 'array',
+        'decisions' => 'array',
+        'action_items' => 'array',
+        'meeting_date' => 'date',
+        'duration_seconds' => 'integer',
+        'audio_file_size' => 'integer',
+        'created_at' => 'datetime',
+        'updated_at' => 'datetime',
+        'deleted_at' => 'datetime',
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function segments(): HasMany
+    {
+        return $this->hasMany(MeetingMinuteSegment::class)->orderBy('segment_order');
+    }
+
+    public function getFormattedDurationAttribute(): string
+    {
+        $seconds = $this->duration_seconds;
+        $hours = floor($seconds / 3600);
+        $minutes = floor(($seconds % 3600) / 60);
+        $secs = $seconds % 60;
+
+        if ($hours > 0) {
+            return sprintf('%d:%02d:%02d', $hours, $minutes, $secs);
+        }
+
+        return sprintf('%02d:%02d', $minutes, $secs);
+    }
+}
diff --git a/app/Models/Juil/MeetingMinuteSegment.php b/app/Models/Juil/MeetingMinuteSegment.php
new file mode 100644
index 00000000..e2ffc8ad
--- /dev/null
+++ b/app/Models/Juil/MeetingMinuteSegment.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Models\Juil;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class MeetingMinuteSegment extends Model
+{
+    protected $table = 'meeting_minute_segments';
+
+    protected $fillable = [
+        'meeting_minute_id',
+        'segment_order',
+        'speaker_name',
+        'speaker_label',
+        'text',
+        'start_time_ms',
+        'end_time_ms',
+        'is_manual_speaker',
+    ];
+
+    protected $casts = [
+        'segment_order' => 'integer',
+        'start_time_ms' => 'integer',
+        'end_time_ms' => 'integer',
+        'is_manual_speaker' => 'boolean',
+        'created_at' => 'datetime',
+        'updated_at' => 'datetime',
+    ];
+
+    public function meetingMinute(): BelongsTo
+    {
+        return $this->belongsTo(MeetingMinute::class);
+    }
+}
diff --git a/app/Services/MeetingMinuteService.php b/app/Services/MeetingMinuteService.php
new file mode 100644
index 00000000..17964a68
--- /dev/null
+++ b/app/Services/MeetingMinuteService.php
@@ -0,0 +1,423 @@
+<?php
+
+namespace App\Services;
+
+use App\Helpers\AiTokenHelper;
+use App\Models\Juil\MeetingMinute;
+use App\Models\Juil\MeetingMinuteSegment;
+use App\Models\System\AiConfig;
+use Illuminate\Contracts\Pagination\LengthAwarePaginator;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+
+class MeetingMinuteService
+{
+    public function __construct(
+        private readonly GoogleCloudService $googleCloudService
+    ) {}
+
+    public function getList(array $params): LengthAwarePaginator
+    {
+        $query = MeetingMinute::with('user:id,name')
+            ->orderBy('meeting_date', 'desc')
+            ->orderBy('id', 'desc');
+
+        if (! empty($params['search'])) {
+            $search = $params['search'];
+            $query->where(function ($q) use ($search) {
+                $q->where('title', 'like', "%{$search}%")
+                    ->orWhere('full_transcript', 'like', "%{$search}%");
+            });
+        }
+
+        if (! empty($params['date_from'])) {
+            $query->where('meeting_date', '>=', $params['date_from']);
+        }
+
+        if (! empty($params['date_to'])) {
+            $query->where('meeting_date', '<=', $params['date_to']);
+        }
+
+        if (! empty($params['status'])) {
+            $query->where('status', $params['status']);
+        }
+
+        $perPage = (int) ($params['per_page'] ?? 12);
+
+        return $query->paginate($perPage);
+    }
+
+    public function create(array $data): MeetingMinute
+    {
+        return MeetingMinute::create([
+            'tenant_id' => session('selected_tenant_id'),
+            'user_id' => Auth::id(),
+            'title' => $data['title'] ?? '무제 회의록',
+            'folder' => $data['folder'] ?? null,
+            'participants' => $data['participants'] ?? null,
+            'meeting_date' => $data['meeting_date'] ?? now()->toDateString(),
+            'meeting_time' => $data['meeting_time'] ?? now()->format('H:i'),
+            'status' => MeetingMinute::STATUS_DRAFT,
+            'stt_language' => $data['stt_language'] ?? 'ko-KR',
+        ]);
+    }
+
+    public function update(MeetingMinute $meeting, array $data): MeetingMinute
+    {
+        $meeting->update(array_filter([
+            'title' => $data['title'] ?? null,
+            'folder' => array_key_exists('folder', $data) ? $data['folder'] : null,
+            'participants' => array_key_exists('participants', $data) ? $data['participants'] : null,
+            'meeting_date' => $data['meeting_date'] ?? null,
+            'meeting_time' => $data['meeting_time'] ?? null,
+        ], fn ($v) => $v !== null));
+
+        return $meeting->fresh();
+    }
+
+    public function delete(MeetingMinute $meeting): bool
+    {
+        if ($meeting->audio_file_path) {
+            $this->googleCloudService->deleteFromStorage($meeting->audio_file_path);
+        }
+
+        return $meeting->delete();
+    }
+
+    public function saveSegments(MeetingMinute $meeting, array $segments): MeetingMinute
+    {
+        // 기존 세그먼트 삭제 후 새로 생성
+        $meeting->segments()->delete();
+
+        $fullTranscript = '';
+
+        foreach ($segments as $index => $segment) {
+            MeetingMinuteSegment::create([
+                'meeting_minute_id' => $meeting->id,
+                'segment_order' => $index,
+                'speaker_name' => $segment['speaker_name'] ?? '화자 1',
+                'speaker_label' => $segment['speaker_label'] ?? null,
+                'text' => $segment['text'] ?? '',
+                'start_time_ms' => $segment['start_time_ms'] ?? 0,
+                'end_time_ms' => $segment['end_time_ms'] ?? null,
+                'is_manual_speaker' => $segment['is_manual_speaker'] ?? true,
+            ]);
+
+            $speakerName = $segment['speaker_name'] ?? '화자 1';
+            $text = $segment['text'] ?? '';
+            $fullTranscript .= "[{$speakerName}] {$text}\n";
+        }
+
+        $meeting->update([
+            'full_transcript' => trim($fullTranscript),
+            'status' => MeetingMinute::STATUS_DRAFT,
+        ]);
+
+        return $meeting->fresh()->load('segments');
+    }
+
+    public function uploadAudio(MeetingMinute $meeting, $file, int $durationSeconds): bool
+    {
+        $extension = $file->getClientOriginalExtension() ?: 'webm';
+        $objectName = sprintf(
+            'meeting-minutes/%d/%d/%s.%s',
+            $meeting->tenant_id,
+            $meeting->id,
+            now()->format('YmdHis'),
+            $extension
+        );
+
+        $tempPath = $file->getRealPath();
+        $result = $this->googleCloudService->uploadToStorage($tempPath, $objectName);
+
+        if (! $result) {
+            Log::error('MeetingMinute: GCS 오디오 업로드 실패', [
+                'meeting_id' => $meeting->id,
+            ]);
+
+            return false;
+        }
+
+        $meeting->update([
+            'audio_file_path' => $objectName,
+            'audio_gcs_uri' => $result['uri'],
+            'audio_file_size' => $result['size'] ?? $file->getSize(),
+            'duration_seconds' => $durationSeconds,
+        ]);
+
+        AiTokenHelper::saveGcsStorageUsage('회의록-GCS저장', $result['size'] ?? $file->getSize());
+
+        return true;
+    }
+
+    public function generateSummary(MeetingMinute $meeting): ?array
+    {
+        if (empty($meeting->full_transcript)) {
+            return null;
+        }
+
+        $meeting->update(['status' => MeetingMinute::STATUS_PROCESSING]);
+
+        $config = AiConfig::getActiveGemini();
+
+        if (! $config) {
+            Log::warning('Gemini API 설정이 없습니다.');
+            $meeting->update(['status' => MeetingMinute::STATUS_FAILED]);
+
+            return null;
+        }
+
+        $prompt = $this->buildSummaryPrompt($meeting->full_transcript);
+
+        try {
+            $result = $this->callGeminiForSummary($config, $prompt);
+
+            if (! $result) {
+                $meeting->update(['status' => MeetingMinute::STATUS_FAILED]);
+
+                return null;
+            }
+
+            $meeting->update([
+                'summary' => $result['summary'] ?? null,
+                'decisions' => $result['decisions'] ?? [],
+                'action_items' => $result['action_items'] ?? [],
+                'status' => MeetingMinute::STATUS_COMPLETED,
+            ]);
+
+            return $result;
+        } catch (\Exception $e) {
+            Log::error('MeetingMinute: Gemini 요약 실패', [
+                'meeting_id' => $meeting->id,
+                'error' => $e->getMessage(),
+            ]);
+            $meeting->update(['status' => MeetingMinute::STATUS_FAILED]);
+
+            return null;
+        }
+    }
+
+    public function logSttUsage(int $durationSeconds): void
+    {
+        AiTokenHelper::saveSttUsage('회의록-음성인식', $durationSeconds);
+    }
+
+    private function buildSummaryPrompt(string $transcript): string
+    {
+        return <<<PROMPT
+다음은 회의 녹취록입니다. 이 내용을 분석하여 아래 JSON 형식으로 정확히 응답해주세요.
+다른 텍스트 없이 JSON만 응답해주세요.
+
+## 응답 형식 (JSON):
+{
+  "summary": "회의 전체 요약 (3-5문장)",
+  "decisions": ["결정사항 1", "결정사항 2"],
+  "action_items": [
+    {"assignee": "담당자명", "task": "할일 내용", "deadline": "기한 또는 null"}
+  ],
+  "keywords": ["핵심 키워드1", "핵심 키워드2"]
+}
+
+## 주의사항:
+- summary는 회의의 핵심 내용을 간결하게 요약
+- decisions는 회의에서 확정된 결정사항만 포함
+- action_items의 assignee는 녹취록에서 파악 가능한 경우만 기입, 불명확하면 "미정"
+- keywords는 3-5개의 핵심 키워드
+
+## 녹취록:
+{$transcript}
+PROMPT;
+    }
+
+    private function callGeminiForSummary(AiConfig $config, string $prompt): ?array
+    {
+        if ($config->isVertexAi()) {
+            $responseText = $this->callVertexAiApi($config, $prompt);
+        } else {
+            $responseText = $this->callGoogleAiStudioApi($config, $prompt);
+        }
+
+        if (! $responseText) {
+            return null;
+        }
+
+        // JSON 파싱 (코드블록 제거)
+        $cleaned = preg_replace('/```json\s*/', '', $responseText);
+        $cleaned = preg_replace('/```\s*/', '', $cleaned);
+        $cleaned = trim($cleaned);
+
+        $parsed = json_decode($cleaned, true);
+
+        if (json_last_error() !== JSON_ERROR_NONE) {
+            Log::warning('MeetingMinute: Gemini JSON 파싱 실패', [
+                'response' => mb_substr($responseText, 0, 500),
+            ]);
+
+            return [
+                'summary' => $responseText,
+                'decisions' => [],
+                'action_items' => [],
+                'keywords' => [],
+            ];
+        }
+
+        return $parsed;
+    }
+
+    private function callGoogleAiStudioApi(AiConfig $config, string $prompt): ?string
+    {
+        $model = $config->model;
+        $apiKey = $config->api_key;
+        $baseUrl = $config->base_url ?? 'https://generativelanguage.googleapis.com/v1beta';
+
+        $url = "{$baseUrl}/models/{$model}:generateContent?key={$apiKey}";
+
+        return $this->callGeminiApi($url, $prompt, [
+            'Content-Type' => 'application/json',
+        ], false);
+    }
+
+    private function callVertexAiApi(AiConfig $config, string $prompt): ?string
+    {
+        $model = $config->model;
+        $projectId = $config->getProjectId();
+        $region = $config->getRegion();
+
+        if (! $projectId) {
+            Log::error('Vertex AI 프로젝트 ID가 설정되지 않았습니다.');
+
+            return null;
+        }
+
+        $accessToken = $this->getAccessToken($config);
+        if (! $accessToken) {
+            Log::error('Google Cloud 인증 실패');
+
+            return null;
+        }
+
+        $url = "https://{$region}-aiplatform.googleapis.com/v1/projects/{$projectId}/locations/{$region}/publishers/google/models/{$model}:generateContent";
+
+        return $this->callGeminiApi($url, $prompt, [
+            'Authorization' => 'Bearer ' . $accessToken,
+            'Content-Type' => 'application/json',
+        ], true);
+    }
+
+    private function getAccessToken(AiConfig $config): ?string
+    {
+        $configuredPath = $config->getServiceAccountPath();
+
+        $possiblePaths = array_filter([
+            $configuredPath,
+            '/var/www/sales/apikey/google_service_account.json',
+            storage_path('app/google_service_account.json'),
+        ]);
+
+        $serviceAccountPath = null;
+        foreach ($possiblePaths as $path) {
+            if ($path && file_exists($path)) {
+                $serviceAccountPath = $path;
+                break;
+            }
+        }
+
+        if (! $serviceAccountPath) {
+            Log::error('Service account file not found', ['tried_paths' => $possiblePaths]);
+
+            return null;
+        }
+
+        $serviceAccount = json_decode(file_get_contents($serviceAccountPath), true);
+        if (! $serviceAccount) {
+            return null;
+        }
+
+        $now = time();
+        $jwtHeader = $this->base64UrlEncode(json_encode(['alg' => 'RS256', 'typ' => 'JWT']));
+        $jwtClaim = $this->base64UrlEncode(json_encode([
+            'iss' => $serviceAccount['client_email'],
+            'scope' => 'https://www.googleapis.com/auth/cloud-platform',
+            'aud' => 'https://oauth2.googleapis.com/token',
+            'exp' => $now + 3600,
+            'iat' => $now,
+        ]));
+
+        $privateKey = openssl_pkey_get_private($serviceAccount['private_key']);
+        if (! $privateKey) {
+            return null;
+        }
+
+        openssl_sign($jwtHeader . '.' . $jwtClaim, $signature, $privateKey, OPENSSL_ALGO_SHA256);
+        $jwt = $jwtHeader . '.' . $jwtClaim . '.' . $this->base64UrlEncode($signature);
+
+        try {
+            $response = Http::asForm()->post('https://oauth2.googleapis.com/token', [
+                'grant_type' => 'urn:ietf:params:oauth:grant-type:jwt-bearer',
+                'assertion' => $jwt,
+            ]);
+
+            if ($response->successful()) {
+                return $response->json()['access_token'] ?? null;
+            }
+
+            return null;
+        } catch (\Exception $e) {
+            Log::error('OAuth token request exception', ['error' => $e->getMessage()]);
+
+            return null;
+        }
+    }
+
+    private function base64UrlEncode(string $data): string
+    {
+        return rtrim(strtr(base64_encode($data), '+/', '-_'), '=');
+    }
+
+    private function callGeminiApi(string $url, string $prompt, array $headers, bool $isVertexAi = false): ?string
+    {
+        $content = [
+            'parts' => [
+                ['text' => $prompt],
+            ],
+        ];
+
+        if ($isVertexAi) {
+            $content['role'] = 'user';
+        }
+
+        try {
+            $response = Http::timeout(120)
+                ->withHeaders($headers)
+                ->post($url, [
+                    'contents' => [$content],
+                    'generationConfig' => [
+                        'temperature' => 0.3,
+                        'topK' => 40,
+                        'topP' => 0.95,
+                        'maxOutputTokens' => 4096,
+                    ],
+                ]);
+
+            if (! $response->successful()) {
+                Log::error('MeetingMinute Gemini API error', [
+                    'status' => $response->status(),
+                    'body' => $response->body(),
+                ]);
+
+                return null;
+            }
+
+            $result = $response->json();
+
+            AiTokenHelper::saveGeminiUsage($result, $result['modelVersion'] ?? 'gemini', '회의록-AI요약');
+
+            return $result['candidates'][0]['content']['parts'][0]['text'] ?? null;
+        } catch (\Exception $e) {
+            Log::error('MeetingMinute Gemini API 예외', ['error' => $e->getMessage()]);
+
+            return null;
+        }
+    }
+}
diff --git a/resources/views/juil/meeting-minutes.blade.php b/resources/views/juil/meeting-minutes.blade.php
new file mode 100644
index 00000000..265b686f
--- /dev/null
+++ b/resources/views/juil/meeting-minutes.blade.php
@@ -0,0 +1,876 @@
+@extends('layouts.app')
+
+@section('title', '회의록 작성')
+
+@section('content')
+<div id="root"></div>
+@endsection
+
+@push('scripts')
+<script src="https://cdn.tailwindcss.com"></script>
+<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+<script type="text/babel">
+@verbatim
+const { useState, useEffect, useCallback, useRef, useMemo } = React;
+
+const API = {
+    list: '/juil/meeting-minutes/list',
+    store: '/juil/meeting-minutes',
+    show: (id) => `/juil/meeting-minutes/${id}`,
+    update: (id) => `/juil/meeting-minutes/${id}`,
+    destroy: (id) => `/juil/meeting-minutes/${id}`,
+    saveSegments: (id) => `/juil/meeting-minutes/${id}/segments`,
+    uploadAudio: (id) => `/juil/meeting-minutes/${id}/upload-audio`,
+    summarize: (id) => `/juil/meeting-minutes/${id}/summarize`,
+    downloadAudio: (id) => `/juil/meeting-minutes/${id}/download-audio`,
+    logSttUsage: '/juil/meeting-minutes/log-stt-usage',
+};
+
+const CSRF_TOKEN = document.querySelector('meta[name="csrf-token"]')?.content || '';
+
+const SPEAKER_COLORS = [
+    { name: '화자 1', bg: 'bg-blue-50', border: 'border-blue-200', text: 'text-blue-700', badge: 'bg-blue-100 text-blue-800', dot: 'bg-blue-500' },
+    { name: '화자 2', bg: 'bg-green-50', border: 'border-green-200', text: 'text-green-700', badge: 'bg-green-100 text-green-800', dot: 'bg-green-500' },
+    { name: '화자 3', bg: 'bg-purple-50', border: 'border-purple-200', text: 'text-purple-700', badge: 'bg-purple-100 text-purple-800', dot: 'bg-purple-500' },
+    { name: '화자 4', bg: 'bg-orange-50', border: 'border-orange-200', text: 'text-orange-700', badge: 'bg-orange-100 text-orange-800', dot: 'bg-orange-500' },
+];
+
+const STATUS_LABELS = {
+    DRAFT: { label: '초안', color: 'bg-gray-100 text-gray-800' },
+    RECORDING: { label: '녹음중', color: 'bg-red-100 text-red-800' },
+    PROCESSING: { label: '처리중', color: 'bg-yellow-100 text-yellow-800' },
+    COMPLETED: { label: '완료', color: 'bg-green-100 text-green-800' },
+    FAILED: { label: '실패', color: 'bg-red-100 text-red-800' },
+};
+
+const LANGUAGES = [
+    { code: 'ko-KR', label: '한국어' },
+    { code: 'en-US', label: 'English' },
+    { code: 'ja-JP', label: '日本語' },
+    { code: 'zh-CN', label: '中文' },
+];
+
+async function apiFetch(url, options = {}) {
+    const { headers: optHeaders, ...restOptions } = options;
+    const res = await fetch(url, {
+        ...restOptions,
+        headers: {
+            'X-CSRF-TOKEN': CSRF_TOKEN,
+            'Accept': 'application/json',
+            ...optHeaders,
+        },
+    });
+    if (!res.ok) {
+        const err = await res.json().catch(() => ({ message: '요청 처리 중 오류가 발생했습니다.' }));
+        throw new Error(err.message || `HTTP ${res.status}`);
+    }
+    return res.json();
+}
+
+function formatDuration(seconds) {
+    const h = Math.floor(seconds / 3600);
+    const m = Math.floor((seconds % 3600) / 60);
+    const s = seconds % 60;
+    if (h > 0) return `${h}:${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;
+    return `${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;
+}
+
+function formatMs(ms) {
+    const totalSec = Math.floor(ms / 1000);
+    const m = Math.floor(totalSec / 60);
+    const s = totalSec % 60;
+    return `${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;
+}
+
+// ========== Toast ==========
+function ToastNotification({ toast, onClose }) {
+    useEffect(() => {
+        if (toast) {
+            const t = setTimeout(onClose, 3000);
+            return () => clearTimeout(t);
+        }
+    }, [toast]);
+    if (!toast) return null;
+    const colors = toast.type === 'error' ? 'bg-red-500' : toast.type === 'warning' ? 'bg-yellow-500' : 'bg-green-500';
+    return (
+        <div className={`fixed top-4 right-4 z-50 ${colors} text-white px-4 py-3 rounded-lg shadow-lg flex items-center gap-2 max-w-sm`}>
+            <span className="flex-1 text-sm">{toast.message}</span>
+            <button onClick={onClose} className="text-white/80 hover:text-white">&times;</button>
+        </div>
+    );
+}
+
+// ========== MeetingCard ==========
+function MeetingCard({ meeting, onClick }) {
+    const st = STATUS_LABELS[meeting.status] || STATUS_LABELS.DRAFT;
+    const date = meeting.meeting_date ? new Date(meeting.meeting_date).toLocaleDateString('ko-KR') : '';
+    const participants = meeting.participants || [];
+
+    return (
+        <div onClick={() => onClick(meeting.id)} className="bg-white rounded-lg border border-gray-200 p-4 hover:shadow-md hover:border-blue-300 transition-all cursor-pointer">
+            <div className="flex items-start justify-between mb-2">
+                <h3 className="font-medium text-gray-900 truncate flex-1">{meeting.title}</h3>
+                <span className={`ml-2 px-2 py-0.5 rounded-full text-xs font-medium ${st.color}`}>{st.label}</span>
+            </div>
+            <div className="text-sm text-gray-500 space-y-1">
+                <div className="flex items-center gap-2">
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
+                    <span>{date}</span>
+                    {meeting.duration_seconds > 0 && <span className="text-gray-400">| {formatDuration(meeting.duration_seconds)}</span>}
+                </div>
+                {participants.length > 0 && (
+                    <div className="flex flex-wrap gap-1 mt-1">
+                        {participants.slice(0, 3).map((p, i) => (
+                            <span key={i} className="inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-gray-100 text-gray-600">{p}</span>
+                        ))}
+                        {participants.length > 3 && <span className="text-xs text-gray-400">+{participants.length - 3}</span>}
+                    </div>
+                )}
+                {meeting.folder && <div className="text-xs text-gray-400 mt-1">📁 {meeting.folder}</div>}
+            </div>
+        </div>
+    );
+}
+
+// ========== MeetingList ==========
+function MeetingList({ onSelect, onNew, showToast }) {
+    const [meetings, setMeetings] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [search, setSearch] = useState('');
+    const [pagination, setPagination] = useState(null);
+
+    const loadMeetings = useCallback(async (page = 1) => {
+        setLoading(true);
+        try {
+            const params = new URLSearchParams({ per_page: 12, page });
+            if (search) params.set('search', search);
+            const res = await apiFetch(`${API.list}?${params}`);
+            setMeetings(res.data.data || []);
+            setPagination({ current_page: res.data.current_page, last_page: res.data.last_page, total: res.data.total });
+        } catch (e) {
+            showToast(e.message, 'error');
+        } finally {
+            setLoading(false);
+        }
+    }, [search]);
+
+    useEffect(() => { loadMeetings(); }, [loadMeetings]);
+
+    const handleCreate = async () => {
+        try {
+            const res = await apiFetch(API.store, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ title: '무제 회의록', meeting_date: new Date().toISOString().split('T')[0] }),
+            });
+            showToast('새 회의록이 생성되었습니다.');
+            onSelect(res.data.id);
+        } catch (e) {
+            showToast(e.message, 'error');
+        }
+    };
+
+    return (
+        <div className="max-w-6xl mx-auto p-4">
+            <div className="flex items-center justify-between mb-6">
+                <div>
+                    <h1 className="text-2xl font-bold text-gray-900">회의록</h1>
+                    <p className="text-sm text-gray-500 mt-1">AI 음성 인식 + 자동 요약 회의록</p>
+                </div>
+                <button onClick={handleCreate} className="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition flex items-center gap-2 text-sm font-medium">
+                    <svg className="w-5 h-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 className="mb-4">
+                <input type="text" value={search} onChange={(e) => setSearch(e.target.value)} placeholder="회의록 검색..." className="w-full max-w-md px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm" />
+            </div>
+
+            {loading ? (
+                <div className="flex items-center justify-center py-20">
+                    <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
+                </div>
+            ) : meetings.length === 0 ? (
+                <div className="text-center py-20 text-gray-500">
+                    <svg className="w-16 h-16 mx-auto mb-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1} d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" /></svg>
+                    <p className="text-lg font-medium">회의록이 없습니다</p>
+                    <p className="text-sm mt-1">새 회의록을 만들어 음성 녹음을 시작하세요.</p>
+                    <button onClick={handleCreate} className="mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 text-sm">새 회의록 만들기</button>
+                </div>
+            ) : (
+                <>
+                    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                        {meetings.map(m => <MeetingCard key={m.id} meeting={m} onClick={onSelect} />)}
+                    </div>
+                    {pagination && pagination.last_page > 1 && (
+                        <div className="flex justify-center gap-2 mt-6">
+                            {Array.from({ length: pagination.last_page }, (_, i) => i + 1).map(p => (
+                                <button key={p} onClick={() => loadMeetings(p)} className={`px-3 py-1 rounded text-sm ${p === pagination.current_page ? 'bg-blue-600 text-white' : 'bg-white border text-gray-700 hover:bg-gray-50'}`}>{p}</button>
+                            ))}
+                        </div>
+                    )}
+                </>
+            )}
+        </div>
+    );
+}
+
+// ========== MeetingDetail ==========
+function MeetingDetail({ meetingId, onBack, showToast }) {
+    const [meeting, setMeeting] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [activeTab, setActiveTab] = useState('conversation');
+    const [showSummary, setShowSummary] = useState(true);
+
+    // 녹음 상태
+    const [isRecording, setIsRecording] = useState(false);
+    const [recordingTime, setRecordingTime] = useState(0);
+    const [localSegments, setLocalSegments] = useState([]);
+    const [interimText, setInterimText] = useState('');
+    const [currentSpeakerIdx, setCurrentSpeakerIdx] = useState(0);
+    const [speakers, setSpeakers] = useState([{ name: '화자 1' }, { name: '화자 2' }]);
+    const [sttLanguage, setSttLanguage] = useState('ko-KR');
+
+    // 편집 상태
+    const [editingTitle, setEditingTitle] = useState(false);
+    const [titleValue, setTitleValue] = useState('');
+    const [saving, setSaving] = useState(false);
+    const [summarizing, setSummarizing] = useState(false);
+
+    // refs
+    const mediaRecorderRef = useRef(null);
+    const audioChunksRef = useRef([]);
+    const recognitionRef = useRef(null);
+    const streamRef = useRef(null);
+    const timerRef = useRef(null);
+    const transcriptRef = useRef(null);
+    const startTimeRef = useRef(null);
+
+    const loadMeeting = useCallback(async () => {
+        try {
+            const res = await apiFetch(API.show(meetingId));
+            const data = res.data;
+            setMeeting(data);
+            setTitleValue(data.title);
+            setSttLanguage(data.stt_language || 'ko-KR');
+            if (data.segments && data.segments.length > 0) {
+                setLocalSegments(data.segments.map(s => ({
+                    speaker_name: s.speaker_name,
+                    text: s.text,
+                    start_time_ms: s.start_time_ms,
+                    end_time_ms: s.end_time_ms,
+                    is_final: true,
+                })));
+                // 화자 목록 복원
+                const uniqueSpeakers = [...new Set(data.segments.map(s => s.speaker_name))];
+                if (uniqueSpeakers.length > 0) {
+                    setSpeakers(uniqueSpeakers.map(n => ({ name: n })));
+                }
+            }
+        } catch (e) {
+            showToast(e.message, 'error');
+        } finally {
+            setLoading(false);
+        }
+    }, [meetingId]);
+
+    useEffect(() => { loadMeeting(); }, [loadMeeting]);
+
+    // 타이머
+    useEffect(() => {
+        if (isRecording) {
+            timerRef.current = setInterval(() => setRecordingTime(prev => prev + 1), 1000);
+        } else if (timerRef.current) {
+            clearInterval(timerRef.current);
+        }
+        return () => { if (timerRef.current) clearInterval(timerRef.current); };
+    }, [isRecording]);
+
+    // 자동 스크롤
+    useEffect(() => {
+        if (transcriptRef.current) {
+            transcriptRef.current.scrollTop = transcriptRef.current.scrollHeight;
+        }
+    }, [localSegments, interimText]);
+
+    const currentSpeaker = speakers[currentSpeakerIdx] || speakers[0];
+    const speakerColor = SPEAKER_COLORS[currentSpeakerIdx % SPEAKER_COLORS.length];
+
+    const getSpeakerColor = (name) => {
+        const idx = speakers.findIndex(s => s.name === name);
+        return SPEAKER_COLORS[idx >= 0 ? idx % SPEAKER_COLORS.length : 0];
+    };
+
+    // ===== 녹음 시작 =====
+    const startRecording = async () => {
+        try {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            streamRef.current = stream;
+
+            // MediaRecorder
+            const recorder = new MediaRecorder(stream);
+            audioChunksRef.current = [];
+            recorder.ondataavailable = (e) => { if (e.data.size > 0) audioChunksRef.current.push(e.data); };
+            recorder.start();
+            mediaRecorderRef.current = recorder;
+
+            // Web Speech API
+            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+            if (SpeechRecognition) {
+                const recognition = new SpeechRecognition();
+                recognition.lang = sttLanguage;
+                recognition.continuous = true;
+                recognition.interimResults = true;
+                recognition.maxAlternatives = 1;
+
+                recognition.onresult = (event) => {
+                    let currentInterim = '';
+                    for (let i = event.resultIndex; i < event.results.length; i++) {
+                        const text = event.results[i][0].transcript;
+                        if (event.results[i].isFinal) {
+                            const now = Date.now();
+                            const startMs = startTimeRef.current ? now - startTimeRef.current : 0;
+                            setLocalSegments(prev => [...prev, {
+                                speaker_name: currentSpeaker.name,
+                                text: text.trim(),
+                                start_time_ms: startMs,
+                                end_time_ms: null,
+                                is_final: true,
+                            }]);
+                            currentInterim = '';
+                        } else {
+                            currentInterim = text;
+                        }
+                    }
+                    setInterimText(currentInterim);
+                };
+
+                recognition.onerror = (event) => {
+                    if (event.error === 'no-speech' || event.error === 'aborted') return;
+                    console.warn('STT error:', event.error);
+                };
+
+                recognition.onend = () => {
+                    if (isRecordingRef.current && recognitionRef.current) {
+                        try { recognitionRef.current.start(); } catch (e) {}
+                    }
+                };
+
+                recognition.start();
+                recognitionRef.current = recognition;
+            }
+
+            startTimeRef.current = Date.now();
+            setRecordingTime(0);
+            setIsRecording(true);
+        } catch (e) {
+            showToast('마이크 접근 권한이 필요합니다.', 'error');
+        }
+    };
+
+    // isRecording ref (onend에서 접근)
+    const isRecordingRef = useRef(false);
+    useEffect(() => { isRecordingRef.current = isRecording; }, [isRecording]);
+
+    // ===== 녹음 중지 =====
+    const stopRecording = async () => {
+        setIsRecording(false);
+
+        if (recognitionRef.current) {
+            recognitionRef.current.onend = null;
+            recognitionRef.current.stop();
+            recognitionRef.current = null;
+        }
+
+        if (streamRef.current) {
+            streamRef.current.getTracks().forEach(t => t.stop());
+            streamRef.current = null;
+        }
+
+        // MediaRecorder 중지 → blob 생성
+        const recorder = mediaRecorderRef.current;
+        if (recorder && recorder.state !== 'inactive') {
+            await new Promise(resolve => {
+                recorder.onstop = resolve;
+                recorder.stop();
+            });
+        }
+
+        const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });
+        const duration = recordingTime;
+
+        // 1. 세그먼트 저장
+        setSaving(true);
+        try {
+            const segmentsToSave = localSegments.filter(s => s.is_final).map((s, i) => ({
+                speaker_name: s.speaker_name,
+                text: s.text,
+                start_time_ms: s.start_time_ms || 0,
+                end_time_ms: s.end_time_ms || null,
+                is_manual_speaker: true,
+            }));
+
+            if (segmentsToSave.length > 0) {
+                await apiFetch(API.saveSegments(meetingId), {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ segments: segmentsToSave }),
+                });
+            }
+
+            // 2. 오디오 업로드
+            if (audioBlob.size > 0 && duration > 0) {
+                const formData = new FormData();
+                formData.append('audio', audioBlob, 'recording.webm');
+                formData.append('duration_seconds', duration);
+                await apiFetch(API.uploadAudio(meetingId), {
+                    method: 'POST',
+                    body: formData,
+                });
+            }
+
+            // 3. STT 사용량 로깅
+            if (duration > 0) {
+                await apiFetch(API.logSttUsage, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ duration_seconds: duration }),
+                }).catch(() => {});
+            }
+
+            showToast('녹음이 저장되었습니다.');
+
+            // 4. 자동 요약
+            if (segmentsToSave.length > 0) {
+                setSummarizing(true);
+                try {
+                    await apiFetch(API.summarize(meetingId), { method: 'POST' });
+                    showToast('AI 요약이 완료되었습니다.');
+                } catch (e) {
+                    showToast('AI 요약 실패: ' + e.message, 'warning');
+                } finally {
+                    setSummarizing(false);
+                }
+            }
+
+            // 새로고침
+            await loadMeeting();
+        } catch (e) {
+            showToast('저장 실패: ' + e.message, 'error');
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    // ===== 화자 전환 =====
+    const switchSpeaker = (idx) => {
+        setCurrentSpeakerIdx(idx);
+    };
+
+    const addSpeaker = () => {
+        if (speakers.length >= 4) return;
+        const newIdx = speakers.length;
+        setSpeakers(prev => [...prev, { name: `화자 ${newIdx + 1}` }]);
+    };
+
+    // ===== 제목 인라인 편집 =====
+    const saveTitle = async () => {
+        if (!titleValue.trim()) return;
+        try {
+            await apiFetch(API.update(meetingId), {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ title: titleValue.trim() }),
+            });
+            setMeeting(prev => ({ ...prev, title: titleValue.trim() }));
+            setEditingTitle(false);
+        } catch (e) {
+            showToast(e.message, 'error');
+        }
+    };
+
+    // ===== 삭제 =====
+    const handleDelete = async () => {
+        if (!confirm('이 회의록을 삭제하시겠습니까?')) return;
+        try {
+            await apiFetch(API.destroy(meetingId), { method: 'DELETE' });
+            showToast('회의록이 삭제되었습니다.');
+            onBack();
+        } catch (e) {
+            showToast(e.message, 'error');
+        }
+    };
+
+    // ===== 노트 복사 =====
+    const copyNotes = () => {
+        const lines = localSegments.filter(s => s.is_final).map(s => `[${s.speaker_name}] ${s.text}`);
+        const text = lines.join('\n');
+        navigator.clipboard.writeText(text).then(() => showToast('클립보드에 복사되었습니다.'));
+    };
+
+    // ===== 수동 요약 =====
+    const handleSummarize = async () => {
+        setSummarizing(true);
+        try {
+            await apiFetch(API.summarize(meetingId), { method: 'POST' });
+            showToast('AI 요약이 완료되었습니다.');
+            await loadMeeting();
+        } catch (e) {
+            showToast(e.message, 'error');
+        } finally {
+            setSummarizing(false);
+        }
+    };
+
+    if (loading) {
+        return <div className="flex items-center justify-center h-96"><div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div></div>;
+    }
+
+    if (!meeting) {
+        return <div className="text-center py-20 text-gray-500">회의록을 찾을 수 없습니다.</div>;
+    }
+
+    const segments = localSegments.filter(s => s.is_final);
+
+    return (
+        <div className="flex flex-col h-[calc(100vh-64px)]">
+            {/* Header */}
+            <div className="bg-white border-b px-4 py-3 flex-shrink-0">
+                <div className="flex items-center gap-3">
+                    <button onClick={onBack} className="text-gray-500 hover:text-gray-700 p-1">
+                        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" /></svg>
+                    </button>
+                    {editingTitle ? (
+                        <input value={titleValue} onChange={(e) => setTitleValue(e.target.value)} onBlur={saveTitle} onKeyDown={(e) => e.key === 'Enter' && saveTitle()} autoFocus className="text-lg font-bold border-b-2 border-blue-500 outline-none bg-transparent flex-1" />
+                    ) : (
+                        <h1 onClick={() => setEditingTitle(true)} className="text-lg font-bold text-gray-900 cursor-pointer hover:text-blue-600 flex-1 truncate">{meeting.title}</h1>
+                    )}
+                    <div className="flex items-center gap-2 flex-shrink-0">
+                        <button onClick={copyNotes} className="text-gray-500 hover:text-gray-700 text-sm flex items-center gap-1 px-2 py-1 rounded hover:bg-gray-100" title="노트 복사">
+                            <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
+                            복사
+                        </button>
+                        {meeting.audio_file_path && (
+                            <a href={API.downloadAudio(meetingId)} className="text-gray-500 hover:text-gray-700 text-sm flex items-center gap-1 px-2 py-1 rounded hover:bg-gray-100" title="음성 다운로드">
+                                <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" /></svg>
+                            </a>
+                        )}
+                        <button onClick={handleDelete} className="text-red-400 hover:text-red-600 p-1" title="삭제">
+                            <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+                        </button>
+                    </div>
+                </div>
+                <div className="flex items-center gap-3 mt-2 text-sm text-gray-500 flex-wrap">
+                    <span className="flex items-center gap-1">
+                        <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="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
+                        {meeting.meeting_date ? new Date(meeting.meeting_date).toLocaleDateString('ko-KR') : ''}
+                    </span>
+                    {meeting.duration_seconds > 0 && (
+                        <span className="flex items-center gap-1">
+                            <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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+                            {formatDuration(meeting.duration_seconds)}
+                        </span>
+                    )}
+                    {meeting.participants && meeting.participants.length > 0 && (
+                        <div className="flex items-center gap-1">
+                            <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 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" /></svg>
+                            {meeting.participants.join(', ')}
+                        </div>
+                    )}
+                    {meeting.status && <span className={`px-2 py-0.5 rounded-full text-xs font-medium ${(STATUS_LABELS[meeting.status] || STATUS_LABELS.DRAFT).color}`}>{(STATUS_LABELS[meeting.status] || STATUS_LABELS.DRAFT).label}</span>}
+                </div>
+            </div>
+
+            {/* Tab Bar */}
+            <div className="bg-white border-b px-4 flex items-center gap-4 flex-shrink-0">
+                <button onClick={() => setActiveTab('conversation')} className={`py-2.5 text-sm font-medium border-b-2 transition ${activeTab === 'conversation' ? 'border-blue-600 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700'}`}>대화 기록</button>
+                <button onClick={() => setActiveTab('script')} className={`py-2.5 text-sm font-medium border-b-2 transition ${activeTab === 'script' ? 'border-blue-600 text-blue-600' : 'border-transparent text-gray-500 hover:text-gray-700'}`}>스크립트</button>
+                <div className="flex-1"></div>
+                <button onClick={() => setShowSummary(!showSummary)} className={`py-2.5 text-sm font-medium flex items-center gap-1 ${showSummary ? 'text-blue-600' : 'text-gray-500'}`}>
+                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg>
+                    AI 요약
+                </button>
+            </div>
+
+            {/* Main Content */}
+            <div className="flex flex-1 overflow-hidden">
+                {/* Left: Transcript */}
+                <div className="flex-1 overflow-y-auto p-4" ref={transcriptRef}>
+                    {activeTab === 'conversation' ? (
+                        <ConversationView segments={segments} interimText={interimText} isRecording={isRecording} currentSpeaker={currentSpeaker} getSpeakerColor={getSpeakerColor} />
+                    ) : (
+                        <ScriptView segments={segments} interimText={interimText} isRecording={isRecording} />
+                    )}
+                </div>
+
+                {/* Right: Summary Panel */}
+                {showSummary && (
+                    <div className="w-80 border-l bg-gray-50 overflow-y-auto flex-shrink-0">
+                        <SummaryPanel meeting={meeting} onSummarize={handleSummarize} summarizing={summarizing} />
+                    </div>
+                )}
+            </div>
+
+            {/* Bottom: Recording Control Bar */}
+            <RecordingControlBar
+                isRecording={isRecording}
+                recordingTime={recordingTime}
+                currentSpeakerIdx={currentSpeakerIdx}
+                speakers={speakers}
+                sttLanguage={sttLanguage}
+                onStart={startRecording}
+                onStop={stopRecording}
+                onSwitchSpeaker={switchSpeaker}
+                onAddSpeaker={addSpeaker}
+                onLanguageChange={setSttLanguage}
+                onSummarize={handleSummarize}
+                saving={saving}
+                summarizing={summarizing}
+                hasSegments={segments.length > 0}
+            />
+        </div>
+    );
+}
+
+// ========== ConversationView ==========
+function ConversationView({ segments, interimText, isRecording, currentSpeaker, getSpeakerColor }) {
+    if (segments.length === 0 && !interimText) {
+        return (
+            <div className="flex flex-col items-center justify-center h-full text-gray-400">
+                <svg className="w-16 h-16 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1} d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" /></svg>
+                <p className="text-lg">녹음 버튼을 눌러 시작하세요</p>
+                <p className="text-sm mt-1">실시간 음성 인식이 대화를 기록합니다</p>
+            </div>
+        );
+    }
+
+    // 연속 같은 화자 세그먼트 그룹화
+    const groups = [];
+    segments.forEach((seg, i) => {
+        if (i === 0 || seg.speaker_name !== segments[i - 1].speaker_name) {
+            groups.push({ speaker_name: seg.speaker_name, texts: [seg] });
+        } else {
+            groups[groups.length - 1].texts.push(seg);
+        }
+    });
+
+    return (
+        <div className="space-y-3">
+            {groups.map((group, gi) => {
+                const color = getSpeakerColor(group.speaker_name);
+                return (
+                    <div key={gi} className={`rounded-lg border p-3 ${color.bg} ${color.border}`}>
+                        <div className="flex items-center gap-2 mb-1.5">
+                            <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${color.badge}`}>
+                                <span className={`w-2 h-2 rounded-full ${color.dot} mr-1`}></span>
+                                {group.speaker_name}
+                            </span>
+                            {group.texts[0].start_time_ms > 0 && (
+                                <span className="text-xs text-gray-400">{formatMs(group.texts[0].start_time_ms)}</span>
+                            )}
+                        </div>
+                        <div className="text-sm text-gray-800 leading-relaxed">
+                            {group.texts.map((t, ti) => <span key={ti}>{ti > 0 ? ' ' : ''}{t.text}</span>)}
+                        </div>
+                    </div>
+                );
+            })}
+
+            {/* Interim (미확정) */}
+            {isRecording && interimText && (
+                <div className="rounded-lg border-2 border-dashed border-gray-300 p-3 bg-white">
+                    <div className="flex items-center gap-2 mb-1.5">
+                        <span className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${getSpeakerColor(currentSpeaker.name).badge}`}>
+                            <span className={`w-2 h-2 rounded-full bg-red-500 mr-1 animate-pulse`}></span>
+                            {currentSpeaker.name}
+                        </span>
+                        <span className="text-xs text-gray-400">인식 중...</span>
+                    </div>
+                    <div className="text-sm text-gray-400 italic leading-relaxed">{interimText}</div>
+                </div>
+            )}
+        </div>
+    );
+}
+
+// ========== ScriptView ==========
+function ScriptView({ segments, interimText, isRecording }) {
+    if (segments.length === 0 && !interimText) {
+        return <div className="text-center py-20 text-gray-400">스크립트가 없습니다.</div>;
+    }
+
+    return (
+        <div className="prose prose-sm max-w-none">
+            <div className="text-sm text-gray-800 leading-relaxed whitespace-pre-wrap">
+                {segments.map((s, i) => <span key={i}>{s.text}{i < segments.length - 1 ? ' ' : ''}</span>)}
+                {isRecording && interimText && <span className="text-gray-400 italic"> {interimText}</span>}
+            </div>
+        </div>
+    );
+}
+
+// ========== SummaryPanel ==========
+function SummaryPanel({ meeting, onSummarize, summarizing }) {
+    const hasSummary = meeting.summary || (meeting.decisions && meeting.decisions.length > 0) || (meeting.action_items && meeting.action_items.length > 0);
+
+    return (
+        <div className="p-4">
+            <div className="flex items-center justify-between mb-4">
+                <h3 className="font-semibold text-gray-900 text-sm">AI 요약</h3>
+                <button onClick={onSummarize} disabled={summarizing} className="text-xs text-blue-600 hover:text-blue-700 disabled:text-gray-400 flex items-center gap-1">
+                    {summarizing ? (
+                        <><div className="animate-spin rounded-full h-3 w-3 border-b-2 border-blue-600"></div> 요약 중...</>
+                    ) : (
+                        <><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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" /></svg> 요약 실행</>
+                    )}
+                </button>
+            </div>
+
+            {!hasSummary ? (
+                <div className="text-center py-8 text-gray-400">
+                    <svg className="w-10 h-10 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg>
+                    <p className="text-sm">녹음 완료 후 AI가 자동으로 요약합니다</p>
+                </div>
+            ) : (
+                <div className="space-y-4">
+                    {meeting.summary && (
+                        <div>
+                            <h4 className="text-xs font-semibold text-gray-500 uppercase mb-1">회의 요약</h4>
+                            <p className="text-sm text-gray-700 leading-relaxed">{meeting.summary}</p>
+                        </div>
+                    )}
+
+                    {meeting.decisions && meeting.decisions.length > 0 && (
+                        <div>
+                            <h4 className="text-xs font-semibold text-gray-500 uppercase mb-1">결정사항</h4>
+                            <ul className="space-y-1">
+                                {meeting.decisions.map((d, i) => (
+                                    <li key={i} className="flex items-start gap-2 text-sm text-gray-700">
+                                        <span className="text-green-500 mt-0.5">&#10003;</span>
+                                        <span>{d}</span>
+                                    </li>
+                                ))}
+                            </ul>
+                        </div>
+                    )}
+
+                    {meeting.action_items && meeting.action_items.length > 0 && (
+                        <div>
+                            <h4 className="text-xs font-semibold text-gray-500 uppercase mb-1">액션 아이템</h4>
+                            <ul className="space-y-2">
+                                {meeting.action_items.map((item, i) => (
+                                    <li key={i} className="bg-white rounded border p-2">
+                                        <div className="text-sm text-gray-800">{item.task || item}</div>
+                                        <div className="flex items-center gap-2 mt-1 text-xs text-gray-500">
+                                            {item.assignee && <span className="bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded">{item.assignee}</span>}
+                                            {item.deadline && <span className="bg-orange-50 text-orange-700 px-1.5 py-0.5 rounded">{item.deadline}</span>}
+                                        </div>
+                                    </li>
+                                ))}
+                            </ul>
+                        </div>
+                    )}
+                </div>
+            )}
+        </div>
+    );
+}
+
+// ========== RecordingControlBar ==========
+function RecordingControlBar({ isRecording, recordingTime, currentSpeakerIdx, speakers, sttLanguage, onStart, onStop, onSwitchSpeaker, onAddSpeaker, onLanguageChange, onSummarize, saving, summarizing, hasSegments }) {
+    return (
+        <div className="bg-white border-t shadow-lg px-4 py-3 flex-shrink-0">
+            <div className="flex items-center justify-between gap-4">
+                {/* Language */}
+                <div className="flex items-center gap-2">
+                    <select value={sttLanguage} onChange={(e) => onLanguageChange(e.target.value)} disabled={isRecording} className="text-sm border rounded px-2 py-1.5 bg-white disabled:bg-gray-100 disabled:text-gray-400">
+                        {LANGUAGES.map(l => <option key={l.code} value={l.code}>{l.label}</option>)}
+                    </select>
+                </div>
+
+                {/* Speaker Selection */}
+                <div className="flex items-center gap-1">
+                    {speakers.map((sp, idx) => {
+                        const c = SPEAKER_COLORS[idx % SPEAKER_COLORS.length];
+                        return (
+                            <button key={idx} onClick={() => onSwitchSpeaker(idx)} className={`px-3 py-1.5 rounded-full text-xs font-medium transition ${currentSpeakerIdx === idx ? `${c.badge} ring-2 ring-offset-1 ring-blue-400` : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}>
+                                {sp.name}
+                            </button>
+                        );
+                    })}
+                    {speakers.length < 4 && (
+                        <button onClick={onAddSpeaker} disabled={isRecording} className="px-2 py-1.5 rounded-full text-xs text-gray-400 hover:text-gray-600 hover:bg-gray-100 disabled:opacity-50" title="화자 추가">+</button>
+                    )}
+                </div>
+
+                {/* Record Button */}
+                <div className="flex items-center gap-3">
+                    {isRecording ? (
+                        <button onClick={onStop} disabled={saving} className="bg-red-600 text-white px-5 py-2 rounded-full hover:bg-red-700 transition flex items-center gap-2 text-sm font-medium shadow-lg disabled:opacity-50">
+                            <span className="w-3 h-3 bg-white rounded-sm"></span>
+                            중지
+                        </button>
+                    ) : (
+                        <button onClick={onStart} disabled={saving} className="bg-red-500 text-white px-5 py-2 rounded-full hover:bg-red-600 transition flex items-center gap-2 text-sm font-medium shadow-lg disabled:opacity-50">
+                            <span className="w-3 h-3 bg-white rounded-full"></span>
+                            녹음
+                        </button>
+                    )}
+                    <span className="text-sm font-mono text-gray-600 min-w-[60px]">{formatDuration(recordingTime)}</span>
+                    {isRecording && <span className="flex items-center gap-1 text-xs text-red-500"><span className="w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>REC</span>}
+                </div>
+
+                {/* AI Summary Button */}
+                <div className="flex items-center gap-2">
+                    {saving && <span className="text-xs text-blue-500 flex items-center gap-1"><div className="animate-spin rounded-full h-3 w-3 border-b-2 border-blue-500"></div>저장 중...</span>}
+                    {summarizing && <span className="text-xs text-purple-500 flex items-center gap-1"><div className="animate-spin rounded-full h-3 w-3 border-b-2 border-purple-500"></div>요약 중...</span>}
+                    <button onClick={onSummarize} disabled={summarizing || isRecording || !hasSegments} className="bg-purple-600 text-white px-3 py-1.5 rounded-lg hover:bg-purple-700 transition text-xs font-medium disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1">
+                        <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /></svg>
+                        AI 요약
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// ========== App ==========
+function App() {
+    const [currentView, setCurrentView] = useState('list');
+    const [selectedId, setSelectedId] = useState(null);
+    const [toast, setToast] = useState(null);
+
+    const showToast = useCallback((message, type = 'success') => {
+        setToast({ message, type });
+    }, []);
+
+    const handleSelect = (id) => {
+        setSelectedId(id);
+        setCurrentView('detail');
+    };
+
+    const handleBack = () => {
+        setSelectedId(null);
+        setCurrentView('list');
+    };
+
+    return (
+        <>
+            <ToastNotification toast={toast} onClose={() => setToast(null)} />
+            {currentView === 'list' ? (
+                <MeetingList onSelect={handleSelect} showToast={showToast} />
+            ) : (
+                <MeetingDetail meetingId={selectedId} onBack={handleBack} showToast={showToast} />
+            )}
+        </>
+    );
+}
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(<App />);
+@endverbatim
+</script>
+@endpush
diff --git a/routes/web.php b/routes/web.php
index 460444e2..edf3deb4 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -32,6 +32,7 @@
 use App\Http\Controllers\RolePermissionController;
 use App\Http\Controllers\Sales\SalesProductController;
 use App\Http\Controllers\Juil\ConstructionSitePhotoController;
+use App\Http\Controllers\Juil\MeetingMinuteController;
 use App\Http\Controllers\Juil\PlanningController;
 use App\Http\Controllers\Stats\StatDashboardController;
 use App\Http\Controllers\System\AiConfigController;
@@ -1327,4 +1328,19 @@
         Route::get('/{id}/download/{type}', [ConstructionSitePhotoController::class, 'downloadPhoto'])->name('download');
         Route::post('/log-stt-usage', [ConstructionSitePhotoController::class, 'logSttUsage'])->name('log-stt-usage');
     });
+
+    // 회의록 작성
+    Route::prefix('meeting-minutes')->name('meeting-minutes.')->group(function () {
+        Route::get('/', [MeetingMinuteController::class, 'index'])->name('index');
+        Route::get('/list', [MeetingMinuteController::class, 'list'])->name('list');
+        Route::post('/', [MeetingMinuteController::class, 'store'])->name('store');
+        Route::post('/log-stt-usage', [MeetingMinuteController::class, 'logSttUsage'])->name('log-stt-usage');
+        Route::get('/{id}', [MeetingMinuteController::class, 'show'])->name('show');
+        Route::put('/{id}', [MeetingMinuteController::class, 'update'])->name('update');
+        Route::delete('/{id}', [MeetingMinuteController::class, 'destroy'])->name('destroy');
+        Route::post('/{id}/segments', [MeetingMinuteController::class, 'saveSegments'])->name('save-segments');
+        Route::post('/{id}/upload-audio', [MeetingMinuteController::class, 'uploadAudio'])->name('upload-audio');
+        Route::post('/{id}/summarize', [MeetingMinuteController::class, 'summarize'])->name('summarize');
+        Route::get('/{id}/download-audio', [MeetingMinuteController::class, 'downloadAudio'])->name('download-audio');
+    });
 });