diff --git a/apps/web/src/pages/health/PatientDetail.tsx b/apps/web/src/pages/health/PatientDetail.tsx
index 02ed469..2025cf6 100644
--- a/apps/web/src/pages/health/PatientDetail.tsx
+++ b/apps/web/src/pages/health/PatientDetail.tsx
@@ -18,6 +18,7 @@ import {
 import { ArrowLeftOutlined, EditOutlined } from '@ant-design/icons';
 import { patientApi } from '../../api/health/patients';
 import { AuthButton } from '../../components/AuthButton';
+import { CopilotBadge } from '../../components/Copilot';
 import type {
   PatientDetail as PatientDetailType,
   UpdatePatientReq,
@@ -71,6 +72,7 @@ export default function PatientDetail() {
   }, [id]);
 
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     fetchPatient();
   }, [fetchPatient]);
 
@@ -199,6 +201,7 @@ export default function PatientDetail() {
               <Space size={8} style={{ marginTop: 4 }}>
                 <StatusTag status={patient.status} />
                 <StatusTag status={patient.verification_status} />
+                <CopilotBadge patientId={id} />
               </Space>
             </div>
           </div>