1 files changed, 24 insertions, 1 deletions
diff --git a/lib/compliance/compliance-response-detail.tsx b/lib/compliance/compliance-response-detail.tsx
index 4c2062d0..0f9ea6c0 100644
--- a/lib/compliance/compliance-response-detail.tsx
+++ b/lib/compliance/compliance-response-detail.tsx
@@ -14,7 +14,8 @@ import {
   Clock, 
   AlertCircle,
   Download,
-  File
+  File,
+  MessageSquare
 } from "lucide-react"
 
 import { 
@@ -24,6 +25,7 @@ import {
   getComplianceSurveyTemplate,
   getComplianceQuestions,
 } from "./services"
+import { AgreementCommentList } from "@/lib/basic-contract/agreement-comments/agreement-comment-list"
 
 interface ComplianceResponseDetailProps {
   templateId: number
@@ -423,6 +425,27 @@ export function ComplianceResponseDetail({ templateId, responseId, promises }: C
           </CardContent>
         </Card>
       )}
+
+      {/* 협의 코멘트 - Red Flag 발생 시 당사가 먼저 코멘트를 달 수 있도록 */}
+      {response.basicContractId && (
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <MessageSquare className="h-5 w-5" />
+              협의 코멘트
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="h-[400px]">
+              <AgreementCommentList
+                basicContractId={response.basicContractId}
+                currentUserType="SHI"
+                readOnly={false}
+              />
+            </div>
+          </CardContent>
+        </Card>
+      )}
     </div>
   )
 }