diff --git a/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx b/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
index c13850d5..603ece1f 100755
--- a/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
+++ b/frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
@@ -219,7 +219,16 @@ export default function ServiceMonitoring() {
     };
 
   const nameToCheck = 'service-monitoring-limit-client-portal';
+  const fileBillingCheck = 'file-billing-client-portal';
+  const fileDiagnosisCheck = 'file-diagnosis-client-portal';
+  const filePendukungCheck = 'file-pendukung-medis-client-portal';
+  const benefitCheck = 'benefit-client-portal';
+
   const doesNameExist = checkIfNameExists(nameToCheck);
+  const viewfileBilling = checkIfNameExists(fileBillingCheck);
+  const viewfileDiagnosis = checkIfNameExists(fileDiagnosisCheck);
+  const viewfilePendukungCheck = checkIfNameExists(filePendukungCheck);
+  const viewBenefitCheck = checkIfNameExists(benefitCheck);
   const navigate = useNavigate();
   const controller = new AbortController();
 
@@ -283,6 +292,8 @@ export default function ServiceMonitoring() {
   const formatNumber = (number) => {
     return new Intl.NumberFormat('id-ID').format(number);
   };
+
+  console.log(viewfileBilling, 'test')
   const LimitPlanCard = ({ title, current, total }) => (
     <Card variant="outlined" sx={{ minWidth: 200, m: 1 }}>
       <CardContent>
@@ -581,6 +592,37 @@ export default function ServiceMonitoring() {
                         (
                           data.files.result.map((file, index) =>
                           (
+                            file.type == 'final-log-result' &&  viewfilePendukungCheck ?
+                              (
+                                <Stack direction="column" spacing={2} key={index}>
+                                    <Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
+                                    <a
+                                        href={file.url}
+                                        download={file.original_name ? file.original_name : 'test'}
+                                        style={{ cursor: 'pointer', textDecoration: 'none', color: '#19BBBB' }}
+                                        target="_blank"
+                                    >
+                                        <Typography variant="body2" gutterBottom>{file.original_name ? file.original_name : '-'}</Typography>
+                                    </a>
+                                    </Stack>
+                                </Stack>
+                              ) :
+                            file.type == 'final-log-diagnosis' &&  viewfileDiagnosis ?
+                              (
+                                <Stack direction="column" spacing={2} key={index}>
+                                    <Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
+                                    <a
+                                        href={file.url}
+                                        download={file.original_name ? file.original_name : 'test'}
+                                        style={{ cursor: 'pointer', textDecoration: 'none', color: '#19BBBB' }}
+                                        target="_blank"
+                                    >
+                                        <Typography variant="body2" gutterBottom>{file.original_name ? file.original_name : '-'}</Typography>
+                                    </a>
+                                    </Stack>
+                                </Stack>
+                              ) :
+                            file.type == 'final-log-kondisi' &&  viewfileBilling ?
                               (
                                 <Stack direction="column" spacing={2} key={index}>
                                     <Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
@@ -595,6 +637,7 @@ export default function ServiceMonitoring() {
                                     </Stack>
                                 </Stack>
                               )
+                              : ''
                           )
                         )
                         ) : (
@@ -749,163 +792,171 @@ export default function ServiceMonitoring() {
                       </Typography>
                     </Grid>
                   </Grid>
-                  <Grid item container spacing={1.5}>
-                    <Grid item>
-                      <Typography variant="subtitle2" color={'grey.600'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Benefits'}
-                      </Typography>
-                    </Grid>
-                    <Grid item container>
+                  {viewBenefitCheck ? (
+                    <Grid item container spacing={1.5}>
                       <Grid item>
-                        {loading ? (
-                          <Skeleton animation="wave" width={300} />
-                        ) : data && data.benefits && data.benefits.length > 0 ? (
-                          data.benefits.map((benefitValue, benefitIndex) => (
-                            <List
-                              subheader={
-                                <ListSubheader>
-                                  <Typography variant="subtitle2" color={'grey.700'}>
-                                    {benefitIndex + 1 + `. ` + benefitValue.name}
-                                  </Typography>
-                                </ListSubheader>
-                              }
-                              key={benefitIndex}
-                            >
-                              <ListItem sx={{ paddingLeft: 4 }}>
-                                <ListItemText>
-                                  <Typography
-                                    variant="subtitle2"
-                                    color={'grey.900'}
-                                    component={'div'}
-                                    display="flex"
-                                    alignItems={'center'}
-                                    gap={1}
-                                  >
-                                    <CircleIcon sx={{ width: 8 }} />
-                                    Amount Incurred : Rp {fSplit(benefitValue.amountApproved)}
-                                  </Typography>
-                                </ListItemText>
-                              </ListItem>
-                              <ListItem sx={{ paddingLeft: 4 }}>
-                                <ListItemText>
-                                  <Typography
-                                    variant="subtitle2"
-                                    color={'grey.900'}
-                                    component={'div'}
-                                    display="flex"
-                                    alignItems={'center'}
-                                    gap={1}
-                                  >
-                                    <CircleIcon sx={{ width: 8 }} />
-                                    Amount Approved : Rp {fSplit(benefitValue.amountApproved)}
-                                  </Typography>
-                                </ListItemText>
-                              </ListItem>
-                              <ListItem sx={{ paddingLeft: 4 }}>
-                                <ListItemText>
-                                  <Typography
-                                    variant="subtitle2"
-                                    color={'grey.900'}
-                                    component={'div'}
-                                    display="flex"
-                                    alignItems={'center'}
-                                    gap={1}
-                                  >
-                                    <CircleIcon sx={{ width: 8 }} />
-                                    Amount Not Approved : Rp {fSplit(benefitValue.amountNotAprroved)}
-                                  </Typography>
-                                </ListItemText>
-                              </ListItem>
-                              <ListItem sx={{ paddingLeft: 4 }}>
-                                <ListItemText>
-                                  <Typography
-                                    variant="subtitle2"
-                                    color={'grey.900'}
-                                    component={'div'}
-                                    display="flex"
-                                    alignItems={'center'}
-                                    gap={1}
-                                  >
-                                    <CircleIcon sx={{ width: 8 }} />
-                                    Excess Paid : Rp {fSplit(benefitValue.excessPaid)}
-                                  </Typography>
-                                </ListItemText>
-                              </ListItem>
-                              <ListItem sx={{ paddingLeft: 4 }}>
-                                <ListItemText>
-                                  <Typography
-                                    variant="subtitle2"
-                                    color={'grey.900'}
-                                    component={'div'}
-                                    display="flex"
-                                    alignItems={'center'}
-                                    gap={1}
-                                  >
-                                    <CircleIcon sx={{ width: 8 }} />
-                                    Description : {benefitValue.description}
-                                  </Typography>
-                                </ListItemText>
-                              </ListItem>
-                            </List>
-                          ))
-                        ) : (
-                          <Typography variant="subtitle1" color={'grey.800'}>
-                            -
-                          </Typography>
-                        )}
+                        <Typography variant="subtitle2" color={'grey.600'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Benefits'}
+                        </Typography>
+                      </Grid>
+                      <Grid item container>
+                        <Grid item>
+                          {loading ? (
+                            <Skeleton animation="wave" width={300} />
+                          ) : data && data.benefits && data.benefits.length > 0 ? (
+                            data.benefits.map((benefitValue, benefitIndex) => (
+                              <List
+                                subheader={
+                                  <ListSubheader>
+                                    <Typography variant="subtitle2" color={'grey.700'}>
+                                      {benefitIndex + 1 + `. ` + benefitValue.name}
+                                    </Typography>
+                                  </ListSubheader>
+                                }
+                                key={benefitIndex}
+                              >
+                                <ListItem sx={{ paddingLeft: 4 }}>
+                                  <ListItemText>
+                                    <Typography
+                                      variant="subtitle2"
+                                      color={'grey.900'}
+                                      component={'div'}
+                                      display="flex"
+                                      alignItems={'center'}
+                                      gap={1}
+                                    >
+                                      <CircleIcon sx={{ width: 8 }} />
+                                      Amount Incurred : Rp {fSplit(benefitValue.amountApproved)}
+                                    </Typography>
+                                  </ListItemText>
+                                </ListItem>
+                                <ListItem sx={{ paddingLeft: 4 }}>
+                                  <ListItemText>
+                                    <Typography
+                                      variant="subtitle2"
+                                      color={'grey.900'}
+                                      component={'div'}
+                                      display="flex"
+                                      alignItems={'center'}
+                                      gap={1}
+                                    >
+                                      <CircleIcon sx={{ width: 8 }} />
+                                      Amount Approved : Rp {fSplit(benefitValue.amountApproved)}
+                                    </Typography>
+                                  </ListItemText>
+                                </ListItem>
+                                <ListItem sx={{ paddingLeft: 4 }}>
+                                  <ListItemText>
+                                    <Typography
+                                      variant="subtitle2"
+                                      color={'grey.900'}
+                                      component={'div'}
+                                      display="flex"
+                                      alignItems={'center'}
+                                      gap={1}
+                                    >
+                                      <CircleIcon sx={{ width: 8 }} />
+                                      Amount Not Approved : Rp {fSplit(benefitValue.amountNotAprroved)}
+                                    </Typography>
+                                  </ListItemText>
+                                </ListItem>
+                                <ListItem sx={{ paddingLeft: 4 }}>
+                                  <ListItemText>
+                                    <Typography
+                                      variant="subtitle2"
+                                      color={'grey.900'}
+                                      component={'div'}
+                                      display="flex"
+                                      alignItems={'center'}
+                                      gap={1}
+                                    >
+                                      <CircleIcon sx={{ width: 8 }} />
+                                      Excess Paid : Rp {fSplit(benefitValue.excessPaid)}
+                                    </Typography>
+                                  </ListItemText>
+                                </ListItem>
+                                <ListItem sx={{ paddingLeft: 4 }}>
+                                  <ListItemText>
+                                    <Typography
+                                      variant="subtitle2"
+                                      color={'grey.900'}
+                                      component={'div'}
+                                      display="flex"
+                                      alignItems={'center'}
+                                      gap={1}
+                                    >
+                                      <CircleIcon sx={{ width: 8 }} />
+                                      Description : {benefitValue.description}
+                                    </Typography>
+                                  </ListItemText>
+                                </ListItem>
+                              </List>
+                            ))
+                          ) : (
+                            <Typography variant="subtitle1" color={'grey.800'}>
+                              -
+                            </Typography>
+                          )}
+                        </Grid>
                       </Grid>
                     </Grid>
-                  </Grid>
-                  <Grid item container spacing={1.5}>
-                    <Grid item>
-                      <Typography variant="subtitle2" color={'grey.600'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Benefits Total'}
-                      </Typography>
+                    
+                  ) : ('')
+                  }
+                  
+                  {viewBenefitCheck ? (
+                      <Grid item container spacing={1.5}>
+                      <Grid item>
+                        <Typography variant="subtitle2" color={'grey.600'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Benefits Total'}
+                        </Typography>
+                      </Grid>
+                      <Grid item xs={12}>
+                        <Typography variant="subtitle1" color={'grey.800'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Incurred : Rp. '}
+                          {loading ? (
+                            <Skeleton animation={'wave'} width={300} />
+                          ) : data && data.benefitTotal ? (
+                              fSplit(data.benefitTotal.totalIncurred)
+                          ) : (
+                            '-'
+                          )}
+                        </Typography>
+                        <Typography variant="subtitle1" color={'grey.800'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Approve : Rp. '}
+                          {loading ? (
+                            <Skeleton animation={'wave'} width={300} />
+                          ) : data && data.benefitTotal ? (
+                              fSplit(data.benefitTotal.totalApprove)
+                          ) : (
+                            '-'
+                          )}
+                        </Typography>
+                        <Typography variant="subtitle1" color={'grey.800'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Not Approve : Rp.'}
+                          {loading ? (
+                            <Skeleton animation={'wave'} width={300} />
+                          ) : data && data.benefitTotal ? (
+                              fSplit(data.benefitTotal.totalNotApprove)
+                          ) : (
+                            '-'
+                          )}
+                        </Typography>
+                        <Typography variant="subtitle1" color={'grey.800'}>
+                          {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Excess : Rp.'}
+                          {loading ? (
+                            <Skeleton animation={'wave'} width={300} />
+                          ) : data && data.benefitTotal ? (
+                              fSplit(data.benefitTotal.totalExcess)
+                          ) : (
+                            '-'
+                          )}
+                        </Typography>
+                      </Grid>
                     </Grid>
-                    <Grid item xs={12}>
-                      <Typography variant="subtitle1" color={'grey.800'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Incurred : Rp. '}
-                        {loading ? (
-                          <Skeleton animation={'wave'} width={300} />
-                        ) : data && data.benefitTotal ? (
-                             fSplit(data.benefitTotal.totalIncurred)
-                        ) : (
-                          '-'
-                        )}
-                      </Typography>
-                      <Typography variant="subtitle1" color={'grey.800'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Approve : Rp. '}
-                        {loading ? (
-                          <Skeleton animation={'wave'} width={300} />
-                        ) : data && data.benefitTotal ? (
-                             fSplit(data.benefitTotal.totalApprove)
-                        ) : (
-                          '-'
-                        )}
-                      </Typography>
-                      <Typography variant="subtitle1" color={'grey.800'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Not Approve : Rp.'}
-                        {loading ? (
-                          <Skeleton animation={'wave'} width={300} />
-                        ) : data && data.benefitTotal ? (
-                             fSplit(data.benefitTotal.totalNotApprove)
-                        ) : (
-                          '-'
-                        )}
-                      </Typography>
-                      <Typography variant="subtitle1" color={'grey.800'}>
-                        {loading ? <Skeleton animation={'wave'} width={200} /> : 'Total Excess : Rp.'}
-                        {loading ? (
-                          <Skeleton animation={'wave'} width={300} />
-                        ) : data && data.benefitTotal ? (
-                             fSplit(data.benefitTotal.totalExcess)
-                        ) : (
-                          '-'
-                        )}
-                      </Typography>
-                    </Grid>
-                  </Grid>
-                  <Grid item container xs={12} spacing={1.5}>
+                  ) : ('')}
+                 
+                    <Grid item container xs={12} spacing={1.5}>
                     <Grid item xs={12}>
                       <Typography variant="subtitle2" color={'grey.600'}>
                         {loading ? <Skeleton animation={'wave'} width={200} /> : 'Hospital'}
diff --git a/frontend/hospital-portal/public/lang/en-US.json b/frontend/hospital-portal/public/lang/en-US.json
index 2f260eca..0465c907 100755
--- a/frontend/hospital-portal/public/lang/en-US.json
+++ b/frontend/hospital-portal/public/lang/en-US.json
@@ -33,6 +33,7 @@
   "txtSubmissionDate" : "Admission Date",
   "txtDataNotFound" : "Data Not Found",
   "txtConditionDocument" : "Condition Document",
+  "txtBillingDocument" : "Billing Document",
   "txtDiagnosisDokument" : "Diagnosis Dokument",
   "txtSupportingResultDocument" : "Supporting Result Document",
   "txtAddResult" : "Add Result",
diff --git a/frontend/hospital-portal/public/lang/id-ID.json b/frontend/hospital-portal/public/lang/id-ID.json
index 52ea72a6..6de2c0b0 100755
--- a/frontend/hospital-portal/public/lang/id-ID.json
+++ b/frontend/hospital-portal/public/lang/id-ID.json
@@ -33,8 +33,9 @@
   "txtSubmissionDate" : "Tanggal Masuk",
   "txtDataNotFound" : "Data Tidak Ditemukan",
   "txtConditionDocument" : "Dokumen Kondisi",
+  "txtBillingDocument" : "Dokumen Billing",
   "txtDiagnosisDokument" : "Dokumen Diagnosis",
-  "txtSupportingResultDocument" : "Dokumen Pendukung",
+  "txtSupportingResultDocument" : "Dokumen Pendukung Medis",
   "txtAddResult" : "Tambah Hasil",
   "txtServiceType" : "Tipe Layanan",
   "txtAdditionalDocuments" : "Dokumen Tambahan",
diff --git a/frontend/hospital-portal/src/lang/en-US.json b/frontend/hospital-portal/src/lang/en-US.json
index 9a51911d..1e0de623 100755
--- a/frontend/hospital-portal/src/lang/en-US.json
+++ b/frontend/hospital-portal/src/lang/en-US.json
@@ -33,6 +33,7 @@
   "txtSubmissionDate" : "Admission Date",
   "txtDataNotFound" : "Data Not Found",
   "txtConditionDocument" : "Condition Document",
+  "txtBillingDocument" : "Billing Document",
   "txtDiagnosisDokument" : "Diagnosis Dokument",
   "txtSupportingResultDocument" : "Supporting Result Document",
   "txtAddResult" : "Add Result",
diff --git a/frontend/hospital-portal/src/lang/id-ID.json b/frontend/hospital-portal/src/lang/id-ID.json
index d830cd4a..956c82fa 100755
--- a/frontend/hospital-portal/src/lang/id-ID.json
+++ b/frontend/hospital-portal/src/lang/id-ID.json
@@ -33,8 +33,9 @@
   "txtSubmissionDate" : "Tanggal Masuk",
   "txtDataNotFound" : "Data Tidak Ditemukan",
   "txtConditionDocument" : "Dokumen Kondisi",
+  "txtBillingDocument" : "Dokumen Billing",
   "txtDiagnosisDokument" : "Dokumen Diagnosis",
-  "txtSupportingResultDocument" : "Dokumen Pendukung",
+  "txtSupportingResultDocument" : "Dokumen Pendukung Medis",
   "txtAddResult" : "Tambah Hasil",
   "txtServiceType" : "Tipe Layanan",
   "txtAdditionalDocuments" : "Dokumen Tambahan",
diff --git a/frontend/hospital-portal/src/sections/dashboard/DialogFinalLog.tsx b/frontend/hospital-portal/src/sections/dashboard/DialogFinalLog.tsx
index ad566dde..79fe4de6 100755
--- a/frontend/hospital-portal/src/sections/dashboard/DialogFinalLog.tsx
+++ b/frontend/hospital-portal/src/sections/dashboard/DialogFinalLog.tsx
@@ -148,7 +148,7 @@ export default function DialogFinalLog({ member, getData, onClose, handleSubmitS
         {/* -------------------------------Upload Dokumen Kondisi------------------------------- */}
         <Stack sx={{ marginTop: 2 }}>
           <Typography variant="body1" sx={{fontWeight:'bold'}}>
-             {localeData.txtConditionDocument}
+             {localeData.txtBillingDocument}
           </Typography>
           {/* <Typography variant="body2">Hasil Lab, </Typography> */}
           <Stack