From c1d29aca3186b676e2a504ca2169d6c83663f2e9 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 12:40:00 +0900
Subject: [PATCH 1/9] =?UTF-8?q?refactor(ai):=20=EB=A9=94=ED=83=80=20?=
 =?UTF-8?q?=EC=B6=94=EC=B6=9C=20=EB=AA=A8=EB=8D=B8=20=EB=B6=84=EB=A6=AC=20?=
 =?UTF-8?q?=EB=B0=8F=20=ED=94=84=EB=A1=AC=ED=94=84=ED=8A=B8=20=EC=B6=9C?=
 =?UTF-8?q?=EB=A0=A5=20=EA=B8=B8=EC=9D=B4=20=EC=B6=95=EC=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- extractDisputeMeta 전용 모델을 gemini-2.0-flash-lite로 분리
- moderation 모델도 gemini-2.0-flash-lite로 변경
- 제목 30자→20자, 요약 100자→50자로 축소

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/ai/judgment.ts   | 14 ++++++++------
 src/lib/ai/moderation.ts |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/lib/ai/judgment.ts b/src/lib/ai/judgment.ts
index 894f47c..3677fd0 100644
--- a/src/lib/ai/judgment.ts
+++ b/src/lib/ai/judgment.ts
@@ -48,6 +48,8 @@ export interface JudgmentResult {
 // Step 1: 진술 저장 시 — title / summary 추출
 // ============================================================
 
+const META_MODEL = 'gemini-2.0-flash-lite'
+
 const META_PROMPT = `당신은 한국어 갈등 조정 서비스 TALKY-OWL의 AI입니다.
 사용자가 작성한 갈등 진술을 바탕으로 사건 제목과 요약을 추출하세요.
 
@@ -59,8 +61,8 @@ const META_PROMPT = `당신은 한국어 갈등 조정 서비스 TALKY-OWL의 AI
 아래 JSON만 반환하세요. 설명이나 마크다운 없이 JSON만 출력하세요.
 
 {
-  "title": "사건을 한 줄로 표현하는 제목 (30자 이내)",
-  "summary": "갈등 상황을 중립적으로 요약한 문장 (100자 이내, 당사자를 '상대방'으로 지칭)"
+  "title": "사건을 한 줄로 표현하는 제목 (20자 이내)",
+  "summary": "갈등 상황을 한 줄로 중립적으로 요약 (50자 이내, 당사자를 '상대방'으로 지칭)"
 }`
 
 export async function extractDisputeMeta(statement: string): Promise<DisputeMetaResult> {
@@ -68,7 +70,7 @@ export async function extractDisputeMeta(statement: string): Promise<DisputeMeta
   if (!apiKey) throw new Error('GEMINI_API_KEY is not configured')
 
   const genAI = new GoogleGenerativeAI(apiKey)
-  const model = genAI.getGenerativeModel({ model: MODEL_NAME })
+  const model = genAI.getGenerativeModel({ model: META_MODEL })
 
   const prompt = META_PROMPT.replace('{statement}', statement)
   const result = await model.generateContent(prompt)
@@ -89,9 +91,9 @@ export async function extractDisputeMeta(statement: string): Promise<DisputeMeta
   }
 
   return {
-    title: parsed.title.slice(0, 30),
-    summary: parsed.summary.slice(0, 100),
-    modelName: MODEL_NAME,
+    title: parsed.title.slice(0, 20),
+    summary: parsed.summary.slice(0, 50),
+    modelName: META_MODEL,
   }
 }
 
diff --git a/src/lib/ai/moderation.ts b/src/lib/ai/moderation.ts
index 02ffb3b..9d68923 100644
--- a/src/lib/ai/moderation.ts
+++ b/src/lib/ai/moderation.ts
@@ -9,7 +9,7 @@ export interface ModerationResult {
   modelName: string
 }
 
-const MODEL_NAME = 'gemini-2.5-flash'
+const MODEL_NAME = 'gemini-2.0-flash-lite'
 
 const PROMPT_TEMPLATE = `You are a content moderation AI for a Korean conflict resolution service called TALKY-OWL.
 Users submit personal dispute statements in Korean.

From 4eee5cb9bc1f92325388c9f6c176325d0d181177 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 12:40:09 +0900
Subject: [PATCH 2/9] =?UTF-8?q?feat(dispute):=20=EC=82=AC=EA=B1=B4?=
 =?UTF-8?q?=EC=A2=85=EB=A3=8C=20API=20=EB=B0=8F=20=ED=9B=85=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PATCH /api/disputes/[id]/status 엔드포인트 추가
- closeDispute API 함수 및 useCloseDispute 훅 추가
- DisputePage 사건종료 버튼에 훅 연결 및 로딩/에러 처리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(page)/disputes/[id]/page.tsx     | 13 ++-
 src/app/api/disputes/[id]/status/route.ts | 98 +++++++++++++++++++++++
 src/domains/dispute/dispute.api.ts        | 10 +++
 src/domains/dispute/dispute.hooks.ts      | 12 ++-
 4 files changed, 130 insertions(+), 3 deletions(-)
 create mode 100644 src/app/api/disputes/[id]/status/route.ts

diff --git a/src/app/(page)/disputes/[id]/page.tsx b/src/app/(page)/disputes/[id]/page.tsx
index 346e89b..0d8e133 100644
--- a/src/app/(page)/disputes/[id]/page.tsx
+++ b/src/app/(page)/disputes/[id]/page.tsx
@@ -10,7 +10,7 @@ import Spinner from '@/components/ui/Spinner'
 import StatusBadge from '@/components/ui/StatusBadge'
 import CategoryIcon from '@/components/ui/CategoryIcon'
 import InviteChoiceModal from '@/components/room/InviteChoiceModal'
-import { useDispute, useRequestJudgment } from '@/domains/dispute/dispute.hooks'
+import { useDispute, useRequestJudgment, useCloseDispute } from '@/domains/dispute/dispute.hooks'
 import { useToastStore } from '@/stores/toastStore'
 import styles from './DisputePage.module.scss'
 
@@ -32,6 +32,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
 
   const { data: dispute, isLoading: fetchLoading } = useDispute(id)
   const { mutate: requestJudgment, isPending: isJudging } = useRequestJudgment(id)
+  const { mutate: closeDispute, isPending: isClosing } = useCloseDispute(id)
   const showToast = useToastStore((s) => s.show)
 
   const [activeTab, setActiveTab] = React.useState('statement')
@@ -190,7 +191,15 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
       {!isCompleted && (
         <div className={styles.footer}>
           <div className={styles.footerRow}>
-            <Button variant="outline">사건종료</Button>
+            <Button
+              variant="outline"
+              disabled={isClosing}
+              onClick={() => closeDispute(undefined, {
+                onError: (error) => showToast(error instanceof Error ? error.message : '사건 종료에 실패했습니다.'),
+              })}
+            >
+              {isClosing ? '종료 중...' : '사건종료'}
+            </Button>
             <Button
               disabled={!canJudge}
               onClick={() => isSolo ? setShowSoloModal(true) : void runJudge()}
diff --git a/src/app/api/disputes/[id]/status/route.ts b/src/app/api/disputes/[id]/status/route.ts
new file mode 100644
index 0000000..9a43d41
--- /dev/null
+++ b/src/app/api/disputes/[id]/status/route.ts
@@ -0,0 +1,98 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getServerSession } from 'next-auth'
+import { z } from 'zod'
+import { authOptions } from '@/lib/auth'
+import { prisma } from '@/lib/db'
+import { getSessionUserId } from '@/lib/auth/session'
+import type { ApiResponse } from '@/types/common'
+import type { DisputeStatus } from '@/types/dispute'
+
+const ALLOWED_STATUSES = ['closed', 'waiting_opponent', 'both_submitted'] as const
+
+const statusSchema = z.object({
+  status: z.enum(ALLOWED_STATUSES, {
+    errorMap: () => ({ message: '허용되지 않는 상태값입니다.' }),
+  }),
+})
+
+// PATCH /api/disputes/:id/status
+// dispute status 변경. 참여자만 가능.
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> },
+) {
+  const session = await getServerSession(authOptions)
+  const userId = getSessionUserId(session)
+  if (!userId) {
+    return NextResponse.json<ApiResponse>(
+      { success: false, error: { code: 'UNAUTHORIZED', message: '로그인이 필요합니다.' } },
+      { status: 401 },
+    )
+  }
+
+  const { id } = await params
+
+  let body: unknown
+  try {
+    body = await request.json()
+  } catch {
+    return NextResponse.json<ApiResponse>(
+      { success: false, error: { code: 'INVALID_REQUEST', message: '요청 본문을 파싱할 수 없습니다.' } },
+      { status: 400 },
+    )
+  }
+
+  const parsed = statusSchema.safeParse(body)
+  if (!parsed.success) {
+    return NextResponse.json<ApiResponse>(
+      { success: false, error: { code: 'VALIDATION_ERROR', message: parsed.error.errors[0]?.message ?? '입력값이 올바르지 않습니다.' } },
+      { status: 400 },
+    )
+  }
+
+  const { status: newStatus } = parsed.data
+
+  try {
+    const [participant, dispute] = await Promise.all([
+      prisma.disputeParticipant.findFirst({ where: { disputeId: id, userId } }),
+      prisma.dispute.findFirst({ where: { id, deletedAt: null } }),
+    ])
+
+    if (!dispute) {
+      return NextResponse.json<ApiResponse>(
+        { success: false, error: { code: 'DISPUTE_NOT_FOUND', message: '사건을 찾을 수 없습니다.' } },
+        { status: 404 },
+      )
+    }
+
+    if (!participant) {
+      return NextResponse.json<ApiResponse>(
+        { success: false, error: { code: 'FORBIDDEN', message: '해당 사건의 참여자가 아닙니다.' } },
+        { status: 403 },
+      )
+    }
+
+    const terminalStatuses = ['JUDGED', 'CLOSED', 'DELETED', 'EXPIRED']
+    if (terminalStatuses.includes(dispute.status)) {
+      return NextResponse.json<ApiResponse>(
+        { success: false, error: { code: 'DISPUTE_NOT_MODIFIABLE', message: '이미 종료된 사건입니다.' } },
+        { status: 409 },
+      )
+    }
+
+    const updated = await prisma.dispute.update({
+      where: { id },
+      data: { status: newStatus.toUpperCase() as Uppercase<typeof newStatus> },
+    })
+
+    return NextResponse.json<ApiResponse<{ status: DisputeStatus }>>({
+      success: true,
+      data: { status: updated.status.toLowerCase() as DisputeStatus },
+    })
+  } catch {
+    return NextResponse.json<ApiResponse>(
+      { success: false, error: { code: 'INTERNAL_SERVER_ERROR', message: '서버 오류가 발생했습니다.' } },
+      { status: 500 },
+    )
+  }
+}
diff --git a/src/domains/dispute/dispute.api.ts b/src/domains/dispute/dispute.api.ts
index ca21c33..5833ae2 100644
--- a/src/domains/dispute/dispute.api.ts
+++ b/src/domains/dispute/dispute.api.ts
@@ -47,3 +47,13 @@ export async function requestJudgment(disputeId: string): Promise<void> {
   const json = await parseJson(res, 'AI 판결 요청 실패')
   if (!json.success) throw new Error(json.error?.message ?? 'AI 판결 요청 실패')
 }
+
+export async function closeDispute(disputeId: string): Promise<void> {
+  const res = await fetch(`/api/disputes/${disputeId}/status`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ status: 'closed' }),
+  })
+  const json = await parseJson(res, '사건 종료 실패')
+  if (!json.success) throw new Error(json.error?.message ?? '사건 종료 실패')
+}
diff --git a/src/domains/dispute/dispute.hooks.ts b/src/domains/dispute/dispute.hooks.ts
index b7f7db8..ee1ea75 100644
--- a/src/domains/dispute/dispute.hooks.ts
+++ b/src/domains/dispute/dispute.hooks.ts
@@ -1,7 +1,7 @@
 'use client'
 
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { fetchDispute, saveStatement, submitStatement, requestJudgment } from './dispute.api'
+import { fetchDispute, saveStatement, submitStatement, requestJudgment, closeDispute } from './dispute.api'
 
 export const disputeKeys = {
   detail: (id: string) => ['dispute', id] as const,
@@ -44,3 +44,13 @@ export function useRequestJudgment(disputeId: string) {
     },
   })
 }
+
+export function useCloseDispute(disputeId: string) {
+  const queryClient = useQueryClient()
+  return useMutation({
+    mutationFn: () => closeDispute(disputeId),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: disputeKeys.detail(disputeId) })
+    },
+  })
+}

From 5bd23183ad083c168721131c65a7d546825c265f Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 12:40:16 +0900
Subject: [PATCH 3/9] =?UTF-8?q?fix(statement):=20=EC=A7=84=EC=88=A0=20?=
 =?UTF-8?q?=EC=A0=9C=EC=B6=9C=20=ED=9B=84=20=EC=83=81=ED=83=9C=20=EC=97=85?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=8A=B8=20=EB=B0=8F=20=ED=8C=90=EA=B2=B0=20?=
 =?UTF-8?q?=EC=9A=94=EC=B2=AD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 진술 제출 시 dispute 상태를 waiting_opponent로 업데이트
- fire-and-forget 방식으로 judge API 호출 추가

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(page)/disputes/[id]/statement/page.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/app/(page)/disputes/[id]/statement/page.tsx b/src/app/(page)/disputes/[id]/statement/page.tsx
index e29c9eb..0d9094e 100644
--- a/src/app/(page)/disputes/[id]/statement/page.tsx
+++ b/src/app/(page)/disputes/[id]/statement/page.tsx
@@ -63,6 +63,14 @@ export default function StatementPage({
         return
       }
 
+      await fetch(`/api/disputes/${id}/status`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ status: 'waiting_opponent' }),
+      })
+
+      fetch(`/api/disputes/${id}/judge`, { method: 'POST' }).catch(() => {})
+
       router.push(`/disputes/${id}`)
     } catch {
       setFilterMessage('네트워크 오류가 발생했습니다. 다시 시도해주세요.')

From e4b0f65a23a4c0cece0c1e1f80df6a5f715a5840 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 12:40:24 +0900
Subject: [PATCH 4/9] =?UTF-8?q?refactor(home):=20AbortController=EB=A5=BC?=
 =?UTF-8?q?=20AbortSignal.timeout=EC=9C=BC=EB=A1=9C=20=EB=8B=A8=EC=88=9C?=
 =?UTF-8?q?=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/home/NewCaseButton.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/home/NewCaseButton.tsx b/src/components/home/NewCaseButton.tsx
index 4c2bd23..0174759 100644
--- a/src/components/home/NewCaseButton.tsx
+++ b/src/components/home/NewCaseButton.tsx
@@ -30,14 +30,12 @@ export default function NewCaseButton() {
     setIsOpen(false)
     setIsCreating(true)
     setErrorMessage(null)
-    const controller = new AbortController()
-    const timeout = setTimeout(() => controller.abort(), 5000)
     try {
       const roomRes = await fetch('/api/rooms', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ categoryGroup: category }),
-        signal: controller.signal,
+        signal: AbortSignal.timeout(8000),
       })
       const roomJson = await roomRes.json() as { success: boolean; data?: { id: string }; error?: { message?: string } }
       if (!roomJson.success || !roomJson.data) throw new Error(roomJson.error?.message)
@@ -46,7 +44,7 @@ export default function NewCaseButton() {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ roomId: roomJson.data.id, categoryGroup: category, title: '새 사건' }),
-        signal: controller.signal,
+        signal: AbortSignal.timeout(8000),
       })
       const disputeJson = await disputeRes.json() as { success: boolean; data?: { id: string }; error?: { message?: string } }
       if (!disputeJson.success || !disputeJson.data) throw new Error(disputeJson.error?.message)
@@ -56,7 +54,6 @@ export default function NewCaseButton() {
       setErrorMessage(err instanceof Error && err.message ? err.message : '사건 생성에 실패했습니다. 다시 시도해주세요.')
       setIsOpen(true)
     } finally {
-      clearTimeout(timeout)
       setIsCreating(false)
     }
   }

From 0290619e7087941ac1e277c9b0aed43036ef6282 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 12:40:42 +0900
Subject: [PATCH 5/9] =?UTF-8?q?fix(dispute):=20DisputePage=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EB=84=88=EB=B9=84=20=EB=B0=8F=20=ED=91=B8=ED=84=B0?=
 =?UTF-8?q?=20=EB=B3=B4=EB=8D=94=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(page)/disputes/[id]/DisputePage.module.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/(page)/disputes/[id]/DisputePage.module.scss b/src/app/(page)/disputes/[id]/DisputePage.module.scss
index 0861919..a56eefc 100644
--- a/src/app/(page)/disputes/[id]/DisputePage.module.scss
+++ b/src/app/(page)/disputes/[id]/DisputePage.module.scss
@@ -231,12 +231,11 @@
   align-items: center;
   justify-content: space-between;
   padding: fn.r(16) fn.r(20);
-  margin: 0 fn.r(20) fn.r(12);
   background: #{v.$color-primary-100};
   border-radius: fn.r(8);
   border: none;
   cursor: pointer;
-  width: calc(100% - fn.r(40));
+  width: 100%;
   text-align: left;
 }
 
@@ -280,7 +279,6 @@
   right: 0;
   padding: fn.r(16) fn.r(20);
   background: var(--bg-page);
-  border-top: 1px solid var(--border-default);
 }
 
 .footerRow {

From 3cf44264b018a9bfe32e371f742410f26db30750 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 14:29:15 +0900
Subject: [PATCH 6/9] =?UTF-8?q?fix(dispute):=20=EC=9E=90=EB=8F=99=20judge?=
 =?UTF-8?q?=20=ED=98=B8=EC=B6=9C=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=8A=A4=ED=94=BC=EB=84=88=20=EC=A1=B0=EA=B1=B4=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- statement 제출 후 fire-and-forget judge 호출 제거
- 스피너를 DB status 기반이 아닌 isJudging (API 호출 중) 기준으로만 표시
- 판결 완료 후 query invalidation으로 자동 UI 전환

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(page)/disputes/[id]/page.tsx           | 3 +--
 src/app/(page)/disputes/[id]/statement/page.tsx | 2 --
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/(page)/disputes/[id]/page.tsx b/src/app/(page)/disputes/[id]/page.tsx
index 0d8e133..ab03b73 100644
--- a/src/app/(page)/disputes/[id]/page.tsx
+++ b/src/app/(page)/disputes/[id]/page.tsx
@@ -69,13 +69,12 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
     setShowSoloModal(false)
     requestJudgment(undefined, {
       onError: (error) => showToast(error instanceof Error ? error.message : 'AI 판결 요청에 실패했습니다.'),
-      onSuccess: () => router.refresh(),
     })
   }
 
   if (fetchLoading) return null
 
-  if (isJudging || dispute?.status === 'judging') {
+  if (isJudging) {
     return (
       <div className={styles.judgingScreen}>
         <div className={styles.judgingContent}>
diff --git a/src/app/(page)/disputes/[id]/statement/page.tsx b/src/app/(page)/disputes/[id]/statement/page.tsx
index 0d9094e..3bfd35e 100644
--- a/src/app/(page)/disputes/[id]/statement/page.tsx
+++ b/src/app/(page)/disputes/[id]/statement/page.tsx
@@ -69,8 +69,6 @@ export default function StatementPage({
         body: JSON.stringify({ status: 'waiting_opponent' }),
       })
 
-      fetch(`/api/disputes/${id}/judge`, { method: 'POST' }).catch(() => {})
-
       router.push(`/disputes/${id}`)
     } catch {
       setFilterMessage('네트워크 오류가 발생했습니다. 다시 시도해주세요.')

From 549389c486a3dfb28403ffb2a2338177bb5ae55a Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 14:30:49 +0900
Subject: [PATCH 7/9] =?UTF-8?q?feat(dispute):=20=EC=83=88=EB=A1=9C?=
 =?UTF-8?q?=EA=B3=A0=EC=B9=A8=20=EB=B2=84=ED=8A=BC=EC=97=90=20dispute=20?=
 =?UTF-8?q?=EC=9E=AC=EC=A1=B0=ED=9A=8C=20=EC=97=B0=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(page)/disputes/[id]/page.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/(page)/disputes/[id]/page.tsx b/src/app/(page)/disputes/[id]/page.tsx
index ab03b73..7d297ba 100644
--- a/src/app/(page)/disputes/[id]/page.tsx
+++ b/src/app/(page)/disputes/[id]/page.tsx
@@ -2,6 +2,7 @@
 
 import React from 'react'
 import { useRouter } from 'next/navigation'
+import { useQueryClient } from '@tanstack/react-query'
 import AutorenewRoundedIcon from '@mui/icons-material/AutorenewRounded'
 import Header from '@/components/layout/Header'
 import Button from '@/components/ui/Button'
@@ -10,7 +11,7 @@ import Spinner from '@/components/ui/Spinner'
 import StatusBadge from '@/components/ui/StatusBadge'
 import CategoryIcon from '@/components/ui/CategoryIcon'
 import InviteChoiceModal from '@/components/room/InviteChoiceModal'
-import { useDispute, useRequestJudgment, useCloseDispute } from '@/domains/dispute/dispute.hooks'
+import { useDispute, useRequestJudgment, useCloseDispute, disputeKeys } from '@/domains/dispute/dispute.hooks'
 import { useToastStore } from '@/stores/toastStore'
 import styles from './DisputePage.module.scss'
 
@@ -29,6 +30,7 @@ const CATEGORY_BG: Record<string, string> = {
 export default function DisputePage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = React.use(params)
   const router = useRouter()
+  const queryClient = useQueryClient()
 
   const { data: dispute, isLoading: fetchLoading } = useDispute(id)
   const { mutate: requestJudgment, isPending: isJudging } = useRequestJudgment(id)
@@ -112,7 +114,10 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
             </div>
             <span className={styles.infoTitle}>{dispute.title}</span>
           </div>
-          <AutorenewRoundedIcon sx={{ fontSize: 24, color: 'var(--icon-secondary)', flexShrink: 0 }} />
+          <AutorenewRoundedIcon
+            sx={{ fontSize: 24, color: 'var(--icon-secondary)', flexShrink: 0, cursor: 'pointer' }}
+            onClick={() => queryClient.invalidateQueries({ queryKey: disputeKeys.detail(id) })}
+          />
         </div>
 
         {dispute.description && (

From 6ccfc94c55c35dc65dd5d034261ce2dd4fabc957 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 15:06:17 +0900
Subject: [PATCH 8/9] =?UTF-8?q?fix(statement):=20=EC=A7=84=EC=88=A0=20?=
 =?UTF-8?q?=EC=A0=80=EC=9E=A5=20=EC=A4=91=20=EC=8A=A4=ED=94=BC=EB=84=88=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EB=B0=8F=20meta=20=EC=B6=94=EC=B6=9C=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C=20=ED=9B=84=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- extractDisputeMeta fire-and-forget → await으로 변경 (title/summary 추출 완료 후 응답)
- 저장 중 fullscreen 스피너 화면 추가
- 중복 PATCH /status 호출 제거 (statements route에서 이미 처리)
- next/image 적용 및 카카오 이미지 도메인 허용 (next.config.ts)
- avatarFallback → 기본 이미지(thumbnail-default.png) 폴백
- categoryChip inline background-color 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 next.config.ts                                |  6 ++++
 .../disputes/[id]/DisputePage.module.scss     |  1 +
 src/app/(page)/disputes/[id]/page.tsx         | 33 ++++++++-----------
 .../[id]/statement/StatementPage.module.scss  | 28 ++++++++++++++++
 .../(page)/disputes/[id]/statement/page.tsx   | 18 ++++++----
 src/app/api/disputes/[id]/statements/route.ts | 17 +++++-----
 6 files changed, 70 insertions(+), 33 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index 1222840..1643065 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -5,6 +5,12 @@ const nextConfig: NextConfig = {
   sassOptions: {
     includePaths: [path.join(process.cwd(), 'src')],
   },
+  images: {
+    remotePatterns: [
+      { protocol: 'https', hostname: 'k.kakaocdn.net' },
+      { protocol: 'https', hostname: '*.kakaocdn.net' },
+    ],
+  },
 };
 
 export default nextConfig;
diff --git a/src/app/(page)/disputes/[id]/DisputePage.module.scss b/src/app/(page)/disputes/[id]/DisputePage.module.scss
index a56eefc..b5d6b6d 100644
--- a/src/app/(page)/disputes/[id]/DisputePage.module.scss
+++ b/src/app/(page)/disputes/[id]/DisputePage.module.scss
@@ -114,6 +114,7 @@
 }
 
 .avatar {
+  position: relative;
   width: fn.r(20);
   height: fn.r(20);
   border-radius: 50%;
diff --git a/src/app/(page)/disputes/[id]/page.tsx b/src/app/(page)/disputes/[id]/page.tsx
index 7d297ba..0c78cc2 100644
--- a/src/app/(page)/disputes/[id]/page.tsx
+++ b/src/app/(page)/disputes/[id]/page.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+import Image from 'next/image'
 import { useRouter } from 'next/navigation'
 import { useQueryClient } from '@tanstack/react-query'
 import AutorenewRoundedIcon from '@mui/icons-material/AutorenewRounded'
@@ -12,6 +13,7 @@ import StatusBadge from '@/components/ui/StatusBadge'
 import CategoryIcon from '@/components/ui/CategoryIcon'
 import InviteChoiceModal from '@/components/room/InviteChoiceModal'
 import { useDispute, useRequestJudgment, useCloseDispute, disputeKeys } from '@/domains/dispute/dispute.hooks'
+import { useUserMe } from '@/domains/user/hooks'
 import { useToastStore } from '@/stores/toastStore'
 import styles from './DisputePage.module.scss'
 
@@ -20,12 +22,6 @@ const TABS = [
   { id: 'statement', label: '진술' },
   { id: 'judgement', label: '판결' },
 ]
-const CATEGORY_BG: Record<string, string> = {
-  romance: 'var(--category-love-bg)',
-  work:    'var(--category-work-bg)',
-  friend:  'var(--category-friend-bg)',
-  family:  'var(--category-family-bg)',
-}
 
 export default function DisputePage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = React.use(params)
@@ -35,6 +31,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
   const { data: dispute, isLoading: fetchLoading } = useDispute(id)
   const { mutate: requestJudgment, isPending: isJudging } = useRequestJudgment(id)
   const { mutate: closeDispute, isPending: isClosing } = useCloseDispute(id)
+  const { data: userMe } = useUserMe()
   const showToast = useToastStore((s) => s.show)
 
   const [activeTab, setActiveTab] = React.useState('statement')
@@ -106,10 +103,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
       <section className={styles.infoCard}>
         <div className={styles.infoRow}>
           <div className={styles.infoTitleGroup}>
-            <div
-              className={styles.categoryChip}
-              style={{ backgroundColor: CATEGORY_BG[dispute.categoryGroup] }}
-            >
+            <div className={styles.categoryChip}>
               <CategoryIcon category={dispute.categoryGroup} />
             </div>
             <span className={styles.infoTitle}>{dispute.title}</span>
@@ -127,15 +121,16 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
         <div className={styles.infoMeta}>
           <div className={styles.infoDateGroup}>
             <div className={styles.avatarStack}>
-              {dispute.participants.slice(0, 2).map((p) => (
-                <div key={p.id} className={styles.avatar}>
-                  {p.profileImageUrl ? (
-                    <img src={p.profileImageUrl} alt="" className={styles.avatarImg} />
-                  ) : (
-                    <div className={styles.avatarFallback} />
-                  )}
-                </div>
-              ))}
+              {dispute.participants.slice(0, 2).map((p) => {
+                const imgSrc = p.profileImageUrl
+                  ?? (p.userId === userMe?.id ? userMe?.profileImageUrl : null)
+                  ?? '/images/common/thumbnail-default.png'
+                return (
+                  <div key={p.id} className={styles.avatar}>
+                    <Image src={imgSrc} alt="" fill className={styles.avatarImg} />
+                  </div>
+                )
+              })}
             </div>
             <span className={styles.infoDate}>{formattedDate}</span>
           </div>
diff --git a/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss b/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
index 5bc3d3f..51611d4 100644
--- a/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
+++ b/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
@@ -122,3 +122,31 @@
   flex-direction: column;
   gap: fn.r(8);
 }
+
+.savingScreen {
+  position: fixed;
+  inset: 0;
+  background: linear-gradient(180deg, #{v.$color-primary-200} 0%, #{v.$color-white} 50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.savingContent {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: fn.r(20);
+  width: fn.r(362);
+}
+
+.savingText {
+  font-family: v.$font-family-base;
+  font-size: v.$font-size-title-m;
+  font-weight: v.$font-weight-semibold;
+  line-height: v.$line-height-title-m;
+  color: var(--text-primary);
+  text-align: center;
+  white-space: pre-line;
+}
+
diff --git a/src/app/(page)/disputes/[id]/statement/page.tsx b/src/app/(page)/disputes/[id]/statement/page.tsx
index 3bfd35e..7f447fd 100644
--- a/src/app/(page)/disputes/[id]/statement/page.tsx
+++ b/src/app/(page)/disputes/[id]/statement/page.tsx
@@ -5,6 +5,7 @@ import { useRouter } from 'next/navigation'
 import Header from '@/components/layout/Header'
 import Button from '@/components/ui/Button'
 import Select from '@/components/ui/Select'
+import Spinner from '@/components/ui/Spinner'
 import Textarea from '@/components/ui/Textarea'
 import { CATEGORY_ICON_MAP, CATEGORY_LABEL_MAP } from '@/components/ui/CategoryIcon'
 import type { CategoryGroup } from '@/types/common'
@@ -63,12 +64,6 @@ export default function StatementPage({
         return
       }
 
-      await fetch(`/api/disputes/${id}/status`, {
-        method: 'PATCH',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ status: 'waiting_opponent' }),
-      })
-
       router.push(`/disputes/${id}`)
     } catch {
       setFilterMessage('네트워크 오류가 발생했습니다. 다시 시도해주세요.')
@@ -77,6 +72,17 @@ export default function StatementPage({
     }
   }
 
+  if (isLoading) {
+    return (
+      <div className={styles.savingScreen}>
+        <div className={styles.savingContent}>
+          <Spinner />
+          <p className={styles.savingText}>{'사건 정보를 분석하고 있어요\n잠시만 기다려주세요'}</p>
+        </div>
+      </div>
+    )
+  }
+
   if (!category) {
     return (
       <div className={styles.page}>
diff --git a/src/app/api/disputes/[id]/statements/route.ts b/src/app/api/disputes/[id]/statements/route.ts
index 5dca3ad..2a0ddac 100644
--- a/src/app/api/disputes/[id]/statements/route.ts
+++ b/src/app/api/disputes/[id]/statements/route.ts
@@ -313,14 +313,15 @@ export async function POST(
 
     // AI 2: title/description 추출 — ROLE_A 최초 저장 시에만 실행 (ROLE_B가 덮어쓰지 않도록)
     if (participant.role === 'ROLE_A' && isNew) {
-      extractDisputeMeta(content)
-        .then((meta) =>
-          prisma.dispute.update({
-            where: { id: disputeId },
-            data: { title: meta.title, description: meta.summary },
-          }),
-        )
-        .catch((err) => console.error('[statements] extractDisputeMeta failed:', err))
+      try {
+        const meta = await extractDisputeMeta(content)
+        await prisma.dispute.update({
+          where: { id: disputeId },
+          data: { title: meta.title, description: meta.summary },
+        })
+      } catch (err) {
+        console.error('[statements] extractDisputeMeta failed:', err)
+      }
     }
 
     return NextResponse.json<ApiResponse<StatementData>>(

From cb209ca1e604119d5048d912c380385d12cc0aa9 Mon Sep 17 00:00:00 2001
From: juahcheon <132863519+juahcheon@users.noreply.github.com>
Date: Sat, 20 Jun 2026 17:15:33 +0900
Subject: [PATCH 9/9] =?UTF-8?q?fix:=20=EC=BD=94=EB=93=9C=EB=A6=AC=EB=B7=B0?=
 =?UTF-8?q?=20=EB=B0=98=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- StatementPage: savingContent 폭 반응형 처리 (min(100%, 362px))
- statements/route: extractDisputeMeta에 10초 타임아웃 추가
- status/route: 동일 상태 재요청 시 멱등 성공 반환
- judgment.ts: Array.from 기반 유니코드 안전 문자열 절단

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../disputes/[id]/statement/StatementPage.module.scss     | 3 ++-
 src/app/api/disputes/[id]/statements/route.ts             | 8 +++++++-
 src/app/api/disputes/[id]/status/route.ts                 | 8 ++++++++
 src/lib/ai/judgment.ts                                    | 4 ++--
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss b/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
index 51611d4..0feb759 100644
--- a/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
+++ b/src/app/(page)/disputes/[id]/statement/StatementPage.module.scss
@@ -137,7 +137,8 @@
   flex-direction: column;
   align-items: center;
   gap: fn.r(20);
-  width: fn.r(362);
+  width: min(100%, fn.r(362));
+  padding: 0 fn.r(16);
 }
 
 .savingText {
diff --git a/src/app/api/disputes/[id]/statements/route.ts b/src/app/api/disputes/[id]/statements/route.ts
index 2a0ddac..7f36be3 100644
--- a/src/app/api/disputes/[id]/statements/route.ts
+++ b/src/app/api/disputes/[id]/statements/route.ts
@@ -313,8 +313,14 @@ export async function POST(
 
     // AI 2: title/description 추출 — ROLE_A 최초 저장 시에만 실행 (ROLE_B가 덮어쓰지 않도록)
     if (participant.role === 'ROLE_A' && isNew) {
+      const META_TIMEOUT_MS = 10000
       try {
-        const meta = await extractDisputeMeta(content)
+        const meta = await Promise.race([
+          extractDisputeMeta(content),
+          new Promise<never>((_, reject) =>
+            setTimeout(() => reject(new Error('extractDisputeMeta timeout')), META_TIMEOUT_MS),
+          ),
+        ])
         await prisma.dispute.update({
           where: { id: disputeId },
           data: { title: meta.title, description: meta.summary },
diff --git a/src/app/api/disputes/[id]/status/route.ts b/src/app/api/disputes/[id]/status/route.ts
index 9a43d41..1c3da4b 100644
--- a/src/app/api/disputes/[id]/status/route.ts
+++ b/src/app/api/disputes/[id]/status/route.ts
@@ -72,6 +72,14 @@ export async function PATCH(
       )
     }
 
+    // 이미 목표 상태면 멱등 성공 반환
+    if (dispute.status === newStatus.toUpperCase()) {
+      return NextResponse.json<ApiResponse<{ status: DisputeStatus }>>({
+        success: true,
+        data: { status: dispute.status.toLowerCase() as DisputeStatus },
+      })
+    }
+
     const terminalStatuses = ['JUDGED', 'CLOSED', 'DELETED', 'EXPIRED']
     if (terminalStatuses.includes(dispute.status)) {
       return NextResponse.json<ApiResponse>(
diff --git a/src/lib/ai/judgment.ts b/src/lib/ai/judgment.ts
index 3677fd0..86bb4aa 100644
--- a/src/lib/ai/judgment.ts
+++ b/src/lib/ai/judgment.ts
@@ -91,8 +91,8 @@ export async function extractDisputeMeta(statement: string): Promise<DisputeMeta
   }
 
   return {
-    title: parsed.title.slice(0, 20),
-    summary: parsed.summary.slice(0, 50),
+    title: Array.from(parsed.title as string).slice(0, 20).join(''),
+    summary: Array.from(parsed.summary as string).slice(0, 50).join(''),
     modelName: META_MODEL,
   }
 }