feat: strengthen design skill and refresh all showcases

apps/site/public/work/hannam-jari/scripts/admin.js

@@ -22,7 +22,7 @@
     },
     "DEMO-HJ-102": {
       title: "한강 가까운 복층 주거",
-      status: "쇼케이스 공개",
+      status: "예시 공개",
       statusClass: "status-pass",
       trade: "전세",
       type: "공동주택",
@@ -32,7 +32,7 @@
       moveIn: "2026.11.30 이후 협의",
       image: "../assets/hannam-evening-640.webp",
       imageAlt: "서울 언덕길의 석재 주거 건물 연출 이미지",
-      blockers: "데모 통과",
+      blockers: "안내 확인",
       ai: "수정 후 승인"
     },
     "DEMO-HJ-103": {
@@ -57,7 +57,7 @@
       trade: "매매",
       type: "단독주택",
       price: "상담 종료",
-      area: "예시 공개 종료",
+      area: "목록에서 제외",
       rooms: "공개 목록 제외",
       moveIn: "해당 없음",
       image: "../assets/hannam-evening-640.webp",
@@ -162,7 +162,7 @@
     if (!inspector) return;
     inspector.classList.add("is-open");
     workbench?.classList.remove("is-inspector-closed");
-    $("[data-inspector-id]", inspector).textContent = `${id} · 예시 매물`;
+    $("[data-inspector-id]", inspector).textContent = `자료번호 ${id.replace("DEMO-HJ-", "")} · 예시 매물`;
     $("[data-inspector-title]", inspector).textContent = detail.title;
     const status = $("[data-inspector-status]", inspector);
     status.textContent = detail.status;
@@ -180,7 +180,7 @@
     if (basicGrid) {
       const pairs = [
         ["거래 형태", detail.trade],
-        ["예시 가격", detail.price],
+        ["표시 가격", detail.price],
         ["유형", detail.type],
         ["전용 면적", detail.area],
         ["방과 욕실", detail.rooms],
@@ -199,7 +199,7 @@
 
     updateInspectorBackdrop();
     if (focus) $("[data-close-inspector]", inspector)?.focus();
-    announce(`${detail.title} 조사관을 열었습니다. ${detail.status} 상태입니다.`);
+    announce(`${detail.title} 상세 정보를 열었습니다. ${detail.status} 상태입니다.`);
   };
 
   const closeInspector = ({ restoreFocus = false } = {}) => {
@@ -216,7 +216,7 @@
     if (restoreFocus && previousId) {
       $(`[data-queue-row][data-id="${previousId}"] [data-select-row]`)?.focus();
     }
-    announce("조사관과 선택 행을 함께 닫았습니다.");
+    announce("선택한 매물 정보를 닫았습니다.");
   };
 
   const activateTab = (name, focus = false) => {
@@ -258,7 +258,7 @@
   const updateResultCount = () => {
     const visible = getRows().filter((row) => !row.classList.contains("is-hidden"));
     const result = $("[data-result-count]");
-    if (result) result.textContent = `${visible.length}개 예시`;
+    if (result) result.textContent = `${visible.length}건`;
     const empty = $("[data-queue-empty]");
     if (state.mode === "normal") empty.hidden = visible.length !== 0;
     return visible.length;
@@ -276,7 +276,7 @@
     const emptyTitle = $("[data-empty-title]");
     const emptyCopy = $("[data-empty-copy]");
     if (count === 0 && state.mode === "normal") {
-      emptyTitle.textContent = "현재 조건에 맞는 예시가 없습니다.";
+      emptyTitle.textContent = "현재 조건에 맞는 항목이 없습니다.";
       emptyCopy.textContent = "검색어와 필터를 초기화하면 전체 대기열을 다시 볼 수 있습니다.";
     }
   };
@@ -320,9 +320,9 @@
     if (mode === "empty") {
       const empty = $("[data-queue-empty]");
       empty.hidden = false;
-      $("[data-empty-title]").textContent = "아직 접수된 예시 매물이 없습니다.";
-      $("[data-empty-copy]").textContent = "새 예시 초안을 만들거나 다른 상태를 시연할 수 있습니다.";
-      announce("빈 대기열 상태를 시연합니다.");
+      $("[data-empty-title]").textContent = "아직 표시할 항목이 없습니다.";
+      $("[data-empty-copy]").textContent = "검색어와 필터를 초기화하면 전체 목록을 다시 볼 수 있습니다.";
+      announce("현재 표시할 항목이 없습니다.");
       return;
     }
 
@@ -333,8 +333,8 @@
     }
 
     if (mode === "save-error") {
-      showBanner("저장 경로를 확인할 수 없습니다.", "입력은 화면에 남지만 저장 성공으로 표시하지 않습니다. 수정 시연을 누르면 실패 처리를 확인할 수 있습니다.", "error");
-      announce("저장 실패 상태를 시연합니다.");
+      showBanner("지금은 변경 내용을 보관할 수 없습니다.", "입력은 화면에 남지만 완료로 표시하지 않습니다.", "error");
+      announce("저장할 수 없는 상태입니다.");
       return;
     }
 
@@ -347,25 +347,25 @@
         status.textContent = "자료 오래됨";
         status.className = "status-badge status-warn";
       }
-      announce("자료 오래됨 상태를 시연합니다.");
+      announce("자료가 오래되어 다시 확인이 필요합니다.");
       return;
     }
 
     if (mode === "conflict") {
-      showBanner("다른 예시 담당자가 먼저 수정했습니다.", "현재 버전 7과 서버 예시 버전 8의 차이를 확인한 뒤 다시 저장해야 합니다.", "error");
-      announce("버전 충돌 상태를 시연합니다.");
+      showBanner("다른 담당자가 먼저 수정했습니다.", "현재 내용과 최신 자료의 차이를 확인한 뒤 다시 저장해야 합니다.", "error");
+      announce("최신 자료와 차이가 있어 다시 확인이 필요합니다.");
       return;
     }
 
     if (mode === "permission") {
       document.body.classList.add("is-permission-limited");
       $$('[data-review-ai], [data-simulate-save], [data-new-draft]').forEach((button) => button.disabled = true);
-      showBanner("중개보조 예시 권한으로 보는 중입니다.", "초안과 일정은 정리할 수 있지만 법정 검수 승인, AI 최종 승인과 게시를 할 수 없습니다.", "info");
-      announce("권한 제한 상태를 시연합니다.");
+      showBanner("중개보조 권한으로 보는 중입니다.", "초안과 일정은 정리할 수 있지만 법정 검수 승인, AI 최종 승인과 게시를 할 수 없습니다.", "info");
+      announce("현재 권한으로는 승인과 게시를 할 수 없습니다.");
       return;
     }
 
-    announce("정상 데모 상태로 돌아왔습니다.");
+    announce("기본 목록을 다시 보여 줍니다.");
   };
 
   const openDialog = (dialog) => {
@@ -380,11 +380,11 @@
 
   const simulateSave = () => {
     if (state.mode === "permission") {
-      announce("현재 예시 권한으로는 매물 정보를 수정할 수 없습니다.");
+      announce("현재 권한으로는 매물 정보를 수정할 수 없습니다.");
       return;
     }
     if (state.mode === "conflict") {
-      showBanner("버전 충돌로 저장하지 않았습니다.", "서버 예시 버전 8을 다시 불러오거나 현재 수정을 별도 초안으로 남겨야 합니다.", "error");
+      showBanner("최신 자료와 차이가 있어 저장하지 않았습니다.", "최신 내용을 다시 확인하거나 현재 수정을 별도 초안으로 남겨야 합니다.", "error");
       announce("버전 충돌로 저장하지 않았습니다.");
       return;
     }
@@ -393,12 +393,12 @@
       announce("저장에 실패했습니다. 성공으로 처리하지 않았습니다.");
       return;
     }
-    announce("수정 시연을 마쳤습니다. 서버가 없는 데모라 실제 저장하지 않았습니다.");
+    announce("변경 내용을 확인했습니다. 실제로 저장되거나 전송되지는 않습니다.");
   };
 
   const createDraft = () => {
     if (state.mode === "permission") {
-      announce("현재 예시 권한으로는 새 초안을 만들 수 없습니다.");
+      announce("현재 권한으로는 새 초안을 만들 수 없습니다.");
       return;
     }
     if (state.draftCreated) {
@@ -407,7 +407,7 @@
     }
     state.draftCreated = true;
     listingDetails["DEMO-HJ-NEW"] = {
-      title: "제목 없는 새 예시 초안",
+      title: "제목 없는 새 항목",
       status: "초안",
       statusClass: "status-demo",
       trade: "미선택",
@@ -427,15 +427,15 @@
     row.dataset.id = "DEMO-HJ-NEW";
     row.dataset.status = "draft";
     row.dataset.updated = new Date().toISOString();
-    row.dataset.title = "제목 없는 새 예시 초안";
+    row.dataset.title = "제목 없는 새 항목";
     row.setAttribute("aria-selected", "false");
     row.innerHTML = `
-      <td class="row-cell-select"><button type="button" class="row-select-overlay" data-select-row aria-label="제목 없는 새 예시 초안 조사관 열기"></button><span class="row-title" aria-hidden="true"><span class="row-thumb row-thumb-draft"><i></i></span><span><strong>제목 없는 새 예시 초안</strong><small>DEMO-HJ-NEW · 예시 매물</small></span></span></td>
-      <td><span>미선택</span><small>유형 미선택</small></td><td><strong>입력 전</strong><small>면적 입력 전</small></td><td><span>방금</span><small>데모 초안</small></td><td><span class="cell-status is-blocked"><i aria-hidden="true"></i>입력 대기</span></td><td><span class="cell-status is-muted"><i aria-hidden="true"></i>실행 전</span></td><td><span class="assignee"><i>김</i>김유진</span></td>`;
+      <td class="row-cell-select"><button type="button" class="row-select-overlay" data-select-row aria-label="제목 없는 새 항목 상세 정보 열기"></button><span class="row-title" aria-hidden="true"><span class="row-thumb row-thumb-draft"><i></i></span><span><strong>제목 없는 새 항목</strong><small>새 예시 매물</small></span></span></td>
+      <td><span>미선택</span><small>유형 미선택</small></td><td><strong>입력 전</strong><small>면적 입력 전</small></td><td><span>방금</span><small>새 항목</small></td><td><span class="cell-status is-blocked"><i aria-hidden="true"></i>입력 대기</span></td><td><span class="cell-status is-muted"><i aria-hidden="true"></i>분석 전</span></td><td><span class="assignee"><i>김</i>김유진</span></td>`;
     queueBody.prepend(row);
     applyFilters();
     openInspector("DEMO-HJ-NEW", true);
-    announce("새 예시 초안을 만들었습니다. 외부 서버에는 저장하지 않았습니다.");
+    announce("새 항목을 만들었습니다. 실제로 저장되거나 전송되지는 않습니다.");
   };
 
   const handleRowSelection = (button) => {
@@ -523,7 +523,7 @@
 
     $("[data-review-ai]")?.addEventListener("click", (event) => {
       if (state.mode === "permission") {
-        announce("현재 예시 권한으로는 AI 결과를 승인할 수 없습니다.");
+        announce("현재 권한으로는 AI 결과를 승인할 수 없습니다.");
         return;
       }
       event.currentTarget.textContent = "수정 후 승인됨";
@@ -533,20 +533,20 @@
         badge.textContent = "수정 후 승인";
         badge.className = "status-badge status-pass";
       }
-      announce("AI 참고 분석을 수정 후 승인 상태로 바꿨습니다. 데모 외부에는 게시하지 않았습니다.");
+      announce("AI 참고 결과를 수정 후 확인 상태로 바꿨습니다. 실제 광고에는 사용되지 않습니다.");
     });
 
     $$('[data-claim-action]').forEach((button) => button.addEventListener("click", () => {
       button.textContent = button.dataset.claimAction === "edit" ? "수정 반영" : "확인됨";
       button.disabled = true;
-      announce("주장 검토 상태를 데모 안에서만 바꿨습니다.");
+      announce("표시 문구의 검토 상태를 이 화면에서만 바꿨습니다.");
     }));
 
     $("[data-reschedule]")?.addEventListener("click", (event) => {
       const card = event.currentTarget.closest(".appointment-card");
       const time = $("div > strong", card);
       time.textContent = time.textContent.includes("3:30") ? "오후 5:00~5:30" : "오후 3:30~4:00";
-      announce("예시 상담 시간을 바꿨습니다. 외부 알림은 보내지 않았습니다.");
+      announce("안내용 상담 시간을 바꿨습니다. 알림은 전송되지 않았습니다.");
     });
 
     $("[data-simulate-log-failure]")?.addEventListener("click", () => {