API Status 페이지 기능 및 UI 업데이트:

- 상태 모니터링 시각 및 세부 정보 노출 관련 로직 추가
- 지연 필터 및 상대 시간 표기 기능 구현
- 점검/장애 필터 옵션 및 탐지 메타 정보 조회 로직 보완

src/main/resources/static/css/main.css

@@ -26711,6 +26711,7 @@ input[type=checkbox]:checked + .custom-checkbox {
   --as-radius: 12px;
   --as-pill: 999px;
   display: grid;
+  grid-template-columns: minmax(0, 1fr);
   gap: 20px;
   padding: 0 0 70px;
 }
@@ -27488,7 +27489,13 @@ input[type=checkbox]:checked + .custom-checkbox {
     justify-content: space-between;
   }
   .api-status .as-index-bar {
-    height: 36px;
+    height: 40px;
+  }
+  .api-status .as-index-bar .as-index-cell {
+    flex: 0 0 12px;
+  }
+  .api-status .as-uptime .as-bar-chart .as-bar {
+    flex: 0 0 12px;
   }
   .api-status .as-issue-card {
     padding: 18px 16px;

src/main/resources/templates/views/djb/apistatus/index.html

@@ -10,13 +10,16 @@
     <div class="as-title-banner">
       <div class="as-title-banner-inner">
         <h1>API Status</h1>
-        <div class="as-title-meta" th:if="${lastStatusUpdatedAt != null}">
-          <p class="as-title-meta-main">
+        <div class="as-title-meta" th:if="${lastFireAt != null or lastStatusChangedAt != null}">
+          <p class="as-title-meta-main" th:if="${lastFireAt != null}">
             <span class="as-title-dot"></span>
-            <span>마지막 상태 갱신 </span>
-            <strong th:text="${#temporals.format(lastStatusUpdatedAt, 'yyyy-MM-dd HH:mm')} + ' KST'">-</strong>
+            <span>마지막 점검 </span>
+            <strong th:text="${lastFireRelative}">-</strong>
           </p>
-          <p class="as-title-meta-sub">API 상태 모니터링 최근 반영 시각</p>
+          <p class="as-title-meta-sub" th:if="${lastFireAt != null}"
+             th:text="${#temporals.format(lastFireAt, 'yyyy-MM-dd HH:mm')} + ' KST · API 상태 모니터링 실행 시각'">-</p>
+          <p class="as-title-meta-sub" th:if="${lastStatusChangedAt != null}"
+             th:text="'마지막 상태 변경 ' + ${#temporals.format(lastStatusChangedAt, 'yyyy-MM-dd HH:mm')} + ' KST'">-</p>
         </div>
       </div>
     </div>

src/main/resources/templates/views/djb/apistatus/issues.html

@@ -83,8 +83,9 @@
         <div class="as-filter-field">
           <label class="as-filter-label" for="filterKindSelect">유형</label>
           <select id="filterKindSelect" class="as-input">
-            <option value="">장애 + 점검</option>
+            <option value="">전체 유형</option>
             <option value="INCIDENT">장애만</option>
+            <option value="DELAY">지연만</option>
             <option value="MAINTENANCE">점검만</option>
           </select>
         </div>