fix: 피드백 리스트 표시

egbim/app.js

@@ -32,6 +32,62 @@
     return readJson(STORAGE_KEY, []).filter(function (post) { return post.category !== '공지사항'; });
   }
 
+  function firstValue(source, keys) {
+    if (!source || typeof source !== "object") return "";
+    for (let index = 0; index < keys.length; index += 1) {
+      const value = source[keys[index]];
+      if (value !== undefined && value !== null && value !== "") return value;
+    }
+    return "";
+  }
+
+  function normalizeCategory(value) {
+    const raw = String(value || "").trim();
+    return ({
+      ERROR_QNA: "오류문의",
+      IMPROVEMENT_QNA: "개선문의",
+      GENERAL_QNA: "일반문의",
+      오류: "오류문의",
+      개선: "개선문의",
+      일반: "일반문의"
+    })[raw.toUpperCase()] || raw || "일반문의";
+  }
+
+  function normalizeRemotePost(item) {
+    item = item || {};
+    const requester = item.requester || item.author || item.user || {};
+    const fields = item.fields && typeof item.fields === "object" && !Array.isArray(item.fields) ? item.fields : {};
+    function value(keys) {
+      return firstValue(item, keys) || firstValue(fields, keys) || firstValue(requester, keys);
+    }
+    const createdAt = value(["createdAt", "created_at", "date"]) || new Date().toISOString();
+    const secret = value(["is_secret", "isSecret", "secret"]);
+    return {
+      id: value(["id", "feedbackId", "feedback_id"]),
+      feedbackId: value(["id", "feedbackId", "feedback_id"]),
+      requesterId: value(["requester_id", "requesterId", "requester_uuid"]) || firstValue(requester, ["id", "uuid", "userId"]),
+      requesterTenantId: value(["requester_tenant_id", "requesterTenantId", "tenant_id", "tenantId"]),
+      category: normalizeCategory(value(["Category", "category"])),
+      company: value(["requester_company", "company", "organization", "tenant_name", "tenantName", "requester_affiliation"]),
+      department: value(["requester_department", "department", "team"]) || "-",
+      author: value(["requester_name", "author_name", "authorName", "name", "author"]) || "작성자",
+      title: value(["title", "subject"]) || "제목 없음",
+      content: value(["contents", "content", "body"]) || "",
+      date: String(createdAt).slice(0, 10),
+      createdAt: createdAt,
+      status: normalizeStatus(value(["feedback_status", "feedbackStatus", "status_code", "status"])),
+      secret: secret === true || String(secret).toLowerCase() === "true" || String(secret) === "1",
+      attachments: value(["attachments", "images"]) || [],
+      raw: item
+    };
+  }
+
+  async function loadRemotePosts() {
+    const result = await requestJson("/api/feedbacks?limit=100&page=1", { method: "GET" });
+    const items = Array.isArray(result) ? result : (result.items || result.data && result.data.items || []);
+    return { posts: (Array.isArray(items) ? items : []).map(normalizeRemotePost).filter(function (post) { return post.id; }), meta: result.meta || result.data && result.data.meta || {} };
+  }
+
   function savePost(post) {
     const posts = readJson(STORAGE_KEY, []);
     posts.unshift(post);
@@ -139,6 +195,23 @@
     } catch (error) { return {}; }
   }
 
+  function getTenantName(tenant) {
+    if (!tenant || typeof tenant !== 'object') return '';
+    return tenant.name || tenant.tenantName || tenant.displayName || tenant.label || tenant.nameKo || tenant.koreanName || '';
+  }
+
+  function getCompanyNameFromEmail(email) {
+    const domain = String(email || '').split('@').pop().trim().toLowerCase();
+    return ({
+      'samaneng.com': '삼안',
+      'hanmaceng.co.kr': '한맥기술',
+      'brsw.kr': '바론그룹',
+      'jangheon.co.kr': '장헌산업',
+      'jangheon.com': '(주)장헌',
+      'hallasanup.com': '한라산업개발'
+    })[domain] || '';
+  }
+
   function collectSsoClaims() {
     const storedClaims = parseJson(
       sessionStorage.getItem('ssoClaims') || sessionStorage.getItem('baronClaims') || sessionStorage.getItem('claims'),
@@ -159,9 +232,13 @@
     const tenantId = raw.tenantId || raw.tenant_id || custom.tenantId || custom.tenant_id || claims.tenantId || claims.tenant_id || (tenantList[0] && (tenantList[0].id || tenantList[0].tenantId)) || '';
     const tenantIds = tenantList.map(function (tenant) { return typeof tenant === 'string' ? tenant : (tenant.id || tenant.tenantId || tenant.key || ''); }).filter(Boolean);
     if (tenantId && tenantIds.indexOf(tenantId) === -1) tenantIds.unshift(tenantId);
+    const primaryTenant = tenantList.find(function (tenant) { return typeof tenant !== 'string' && (tenant.id || tenant.tenantId) === tenantId; }) || tenantList[0] || {};
+    const tenantName = raw.tenantName || raw.tenant_name || custom.tenantName || custom.tenant_name || claims.tenantName || claims.tenant_name || getTenantName(primaryTenant);
     const ssoSubject = raw.ssoSubject || raw.oauthSubject || raw.subject || claims.sub || claims.subject || raw.userId || sessionStorage.getItem('descopeUserId') || '';
     const userUuid = raw.userUuid || raw.userId || claims.userId || claims.user_id || sessionStorage.getItem('descopeUserId') || '';
     const loginId = raw.loginId || (raw.loginIds || [])[0] || raw.email || claims.email || claimProfile.email || sessionStorage.getItem('loginId') || readCookie('descope_login_id') || '';
+    const email = raw.email || claims.email || claimProfile.email || sessionStorage.getItem('loginId') || '';
+    const company = getCompanyNameFromEmail(email) || custom.company || raw.company || claims.company || sessionStorage.getItem('company') || '';
     return {
       userUuid: userUuid,
       ssoSubject: ssoSubject,
@@ -172,10 +249,11 @@
       scope: raw.scope || claims.scope || sessionStorage.getItem('ssoScope') || '',
       roles: raw.roles || raw.roleNames || claims.roles || claims.roleNames || [],
       loginId: loginId,
-      email: raw.email || claims.email || claimProfile.email || sessionStorage.getItem('loginId') || '',
+      email: email,
       name: raw.name || claims.name || claimProfile.name || sessionStorage.getItem('userName') || readCookie('descope_user_name') || '',
       phone: raw.phone || raw.phoneNumber || claims.phone || claims.phone_number || sessionStorage.getItem('phone') || '',
-      company: custom.company || raw.company || claims.company || sessionStorage.getItem('company') || '',
+      tenantName: tenantName,
+      company: company,
       familyCompany: custom.familyCompany || custom.family_company || raw.familyCompany || sessionStorage.getItem('familyCompany') || '',
       department: custom.team || custom.department || raw.department || claims.department || sessionStorage.getItem('team') || '',
       rawClaims: claims
@@ -260,7 +338,8 @@
   }
 
   async function requestJson(path, options) {
-    const sameOriginProxy = !config.apiBaseUrl && (path === config.createFeedbackPath || /^\/api\/feedbacks\/[^/]+(?:\/comments)?$/.test(path));
+    const requestPath = String(path).split("?")[0];
+    const sameOriginProxy = !config.apiBaseUrl && (requestPath === config.createFeedbackPath || requestPath === "/api/feedbacks" || /^\/api\/feedbacks\/[^\/]+(?:\/comments)?$/.test(requestPath));
     if (!config.apiBaseUrl && !sameOriginProxy) return { local: true };
     const target = config.apiBaseUrl ? config.apiBaseUrl.replace(/\/$/, '') + path : path;
     const response = await fetch(target, Object.assign({ credentials: 'include' }, options));
@@ -313,53 +392,76 @@
   }
 
   function initList() {
-    const tableBody = qs('#qaRows');
+    const tableBody = qs("#qaRows");
     if (!tableBody) return;
-    const searchForm = qs('#searchForm');
-    const empty = qs('#tableEmpty');
-    const resultCount = qs('#resultCount');
-    const pagination = qs('#pagination');
+    const searchForm = qs("#searchForm");
+    const empty = qs("#tableEmpty");
+    const resultCount = qs("#resultCount");
+    const pagination = qs("#pagination");
     let page = 1;
+    let posts = getPosts();
+    let remoteLoaded = false;
+
+    function getPostCompany(post, user) {
+      const company = user && (user.company || user.tenantName);
+      if (company && post.requesterTenantId && user.tenantId && String(post.requesterTenantId) === String(user.tenantId)) return company;
+      return post.company || "외부 사용자";
+    }
 
     function render() {
-      const query = (qs('#query').value || '').trim().toLowerCase();
-      const selectedCategory = qs('input[name="category"]:checked');
-      const categoryFilter = selectedCategory ? selectedCategory.value : '전체';
-      const onlyMine = qs('#onlyMine').checked;
+      const query = (qs("#query").value || "").trim().toLowerCase();
+      const selectedCategory = qs("input[name=category]:checked");
+      const categoryFilter = selectedCategory ? selectedCategory.value : "전체";
+      const onlyMine = qs("#onlyMine").checked;
       const user = getAuthUser();
-      const filtered = getPosts().filter(function (post) {
-        const matchesCategory = categoryFilter === '전체' || categoryFilter === post.category;
-        const haystack = [post.title, post.content, post.company, post.department, post.author].join(' ').toLowerCase();
+      const filtered = posts.filter(function (post) {
+        const matchesCategory = categoryFilter === "전체" || categoryFilter === post.category;
+        const company = getPostCompany(post, user);
+        const haystack = [post.title, post.content, company, post.department, post.author].join(" ").toLowerCase();
         const matchesQuery = !query || haystack.indexOf(query) > -1;
-        const matchesMine = !onlyMine || (user && (post.author === user.name || post.author === user.loginId));
+        const matchesMine = !onlyMine || isPostOwner(post, user);
         return matchesCategory && matchesQuery && matchesMine;
       });
       const pageSize = config.pageSize || 10;
       const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
       page = Math.min(page, totalPages);
       const rows = filtered.slice((page - 1) * pageSize, page * pageSize);
-      if (resultCount) resultCount.textContent = '총 ' + filtered.length + '건';
-      empty.style.display = rows.length ? 'none' : 'block';
+      if (resultCount) resultCount.textContent = "총 " + filtered.length + "건";
+      if (empty) {
+        empty.textContent = remoteLoaded || posts.length ? "검색 조건에 맞는 문의가 없습니다." : "문의 목록을 불러오는 중입니다.";
+        empty.style.display = rows.length ? "none" : "block";
+      }
       tableBody.innerHTML = rows.map(function (post, index) {
-        const isNotice = post.category === '공지사항';
-        const number = isNotice ? '공지' : filtered.length - ((page - 1) * pageSize + index);
+        const isNotice = post.category === "공지사항";
+        const number = isNotice ? "공지" : filtered.length - ((page - 1) * pageSize + index);
         const status = normalizeStatus(post.status);
-        const statusClass = status === '답변완료' ? 'done' : (status === '문의검토' || status === '정밀검토' ? 'review' : '');
-        return '<tr class="' + (isNotice ? 'notice-row' : '') + '" data-id="' + escapeHtml(post.id) + '">' +
-          '<td>' + number + '</td><td class="category-cell">' + escapeHtml(post.category.replace('문의', '')) + '</td>' +
-          '<td>' + escapeHtml(post.company) + '</td><td>' + escapeHtml(post.department) + '</td><td>' + escapeHtml(post.author) + '</td>' +
-          '<td class="subject"><span class="subject-link">' + (post.secret ? '<span class="lock">🔒</span>' : '') + escapeHtml(post.title) + '</span>' + (!isNotice && post.date === '2026-09-17' ? '<span class="new-mark">N</span>' : '') + '</td>' +
-          '<td>' + escapeHtml(post.date) + '</td><td>' + (status ? '<span class="status ' + statusClass + '">' + escapeHtml(status) + '</span>' : '-') + '</td></tr>';
-      }).join('');
-      qsa('#qaRows tr').forEach(function (row) { row.addEventListener('click', function () { window.location.href = 'detail.html?id=' + encodeURIComponent(row.dataset.id); }); });
-      pagination.innerHTML = Array.from({ length: totalPages }, function (_, i) { return '<button type="button" class="' + (i + 1 === page ? 'active' : '') + '" data-page="' + (i + 1) + '">' + (i + 1) + '</button>'; }).join('');
-      qsa('#pagination button').forEach(function (button) { button.addEventListener('click', function () { page = Number(button.dataset.page); render(); window.scrollTo({ top: 360, behavior: 'smooth' }); }); });
+        const statusClass = status === "답변완료" ? "done" : (status === "문의검토" || status === "정밀검토" ? "review" : "");
+        const company = getPostCompany(post, user);
+        return "<tr class=\"" + (isNotice ? "notice-row" : "") + "\" data-id=\"" + escapeHtml(post.id) + "\">" +
+          "<td>" + number + "</td><td class=\"category-cell\">" + escapeHtml(post.category.replace("문의", "")) + "</td>" +
+          "<td>" + escapeHtml(company) + "</td><td>" + escapeHtml(post.department) + "</td><td>" + escapeHtml(post.author) + "</td>" +
+          "<td class=\"subject\"><span class=\"subject-link\">" + (post.secret ? "<span class=\"lock\">🔒</span>" : "") + escapeHtml(post.title) + "</span>" + (!isNotice && post.date === "2026-09-17" ? "<span class=\"new-mark\">N</span>" : "") + "</td>" +
+          "<td>" + escapeHtml(post.date) + "</td><td>" + (status ? "<span class=\"status " + statusClass + "\">" + escapeHtml(status) + "</span>" : "-") + "</td></tr>";
+      }).join("");
+      qsa("#qaRows tr").forEach(function (row) { row.addEventListener("click", function () { window.location.href = "detail.html?id=" + encodeURIComponent(row.dataset.id); }); });
+      pagination.innerHTML = Array.from({ length: totalPages }, function (_, i) { return "<button type=\"button\" class=\"" + (i + 1 === page ? "active" : "") + "\" data-page=\"" + (i + 1) + "\">" + (i + 1) + "</button>"; }).join("");
+      qsa("#pagination button").forEach(function (button) { button.addEventListener("click", function () { page = Number(button.dataset.page); render(); window.scrollTo({ top: 360, behavior: "smooth" }); }); });
     }
 
-    searchForm.addEventListener('submit', function (event) { event.preventDefault(); page = 1; render(); });
-    qsa('input[name="category"], #onlyMine').forEach(function (input) { input.addEventListener('change', function () { page = 1; render(); }); });
+    searchForm.addEventListener("submit", function (event) { event.preventDefault(); page = 1; render(); });
+    qsa("input[name=category], #onlyMine").forEach(function (input) { input.addEventListener("change", function () { page = 1; render(); }); });
     render();
-    refreshRemoteStatuses(getPosts()).then(function (changed) { if (changed) render(); });
+    if (authReady) authReady.then(render);
+    loadRemotePosts().then(function (result) {
+      posts = result.posts;
+      remoteLoaded = true;
+      render();
+    }).catch(function (error) {
+      console.warn("[QA] feedback list load failed:", error.message);
+      remoteLoaded = true;
+      render();
+      refreshRemoteStatuses(posts).then(function (changed) { if (changed) render(); });
+    });
   }
 
   function initWrite() {
@@ -383,7 +485,7 @@
       if (!qs('#category').value || !title || !content) { errorBox.textContent = '구분, 제목, 내용을 모두 입력해주세요.'; errorBox.style.display = 'block'; return; }
       const feedbackId = makeUuid();
       const createdAt = new Date().toISOString();
-      const post = { id: feedbackId, feedbackId: feedbackId, requesterId: currentUser.requesterId, requesterTenantId: currentUser.requesterTenantId, category: qs('#category').value, company: currentUser.familyCompany || currentUser.company || '외부 사용자', department: currentUser.department || '-', author: currentUser.name || currentUser.loginId, title: title, date: createdAt.slice(0, 10), createdAt: createdAt, status: '접수', secret: qs('#secret').checked, content: content };
+      const post = { id: feedbackId, feedbackId: feedbackId, requesterId: currentUser.requesterId, requesterTenantId: currentUser.requesterTenantId, category: qs('#category').value, company: currentUser.company || currentUser.tenantName || currentUser.familyCompany || '외부 사용자', department: currentUser.department || '-', author: currentUser.name || currentUser.loginId, title: title, date: createdAt.slice(0, 10), createdAt: createdAt, status: '접수', secret: qs('#secret').checked, content: content };
       const submitButton = qs('#submitButton');
       submitButton.disabled = true;
       submitButton.textContent = '등록 중...';
@@ -407,7 +509,7 @@
     });
   }
 
-  function initDetail() {
+  async function initDetail() {
     const detail = qs('#detail');
     if (!detail) return;
     const detailListLink = qs('.detail-actions > a', detail);
@@ -415,7 +517,15 @@
     const bottomBackButton = qs('#backButton', detail);
     if (bottomBackButton && bottomBackButton.parentElement) bottomBackButton.parentElement.remove();
     const id = new URLSearchParams(window.location.search).get('id') || 'EG-1048';
-    const post = getPosts().find(function (item) { return item.id === id; });
+    let post = getPosts().find(function (item) { return item.id === id; });
+    if (!post) {
+      try {
+        const result = await requestJson("/api/feedbacks/" + encodeURIComponent(id), { method: "GET" });
+        post = normalizeRemotePost(result.feedback || result.data || result);
+      } catch (error) {
+        console.warn("[QA] feedback detail load failed:", error.message);
+      }
+    }
     if (!post) {
       qs('[data-detail-title]').textContent = '문의 내용을 찾을 수 없습니다.';
       qs('[data-detail-content]').textContent = '목록에 등록된 문의가 없습니다.';
@@ -426,7 +536,8 @@
     qs('[data-detail-status]').textContent = normalizeStatus(post.status) || '공지';
     qs('[data-detail-date]').textContent = post.date;
     qs('[data-detail-author]').textContent = post.author;
-    qs('[data-detail-company]').textContent = post.company;
+    const detailUser = getAuthUser();
+    qs('[data-detail-company]').textContent = detailUser && (detailUser.company || detailUser.tenantName) && post.requesterTenantId && String(detailUser.tenantId) === String(post.requesterTenantId) ? (detailUser.company || detailUser.tenantName) : (post.company || '외부 사용자');
     qs('[data-detail-department]').textContent = post.department;
     qs('[data-detail-content]').textContent = post.content;
     qs('[data-detail-secret]').hidden = !post.secret;

egbim/detail.html

@@ -4,5 +4,5 @@
 <body>
   <main class="egbim-page"><section class="page-hero"><div class="hero-inner"><span class="hero-kicker">EG-BIM SUPPORT</span><h1>Q&amp;A</h1><p>EG-BIM 관련 문의하기</p></div><nav class="sub-nav" aria-label="EG-BIM 지원 메뉴"><div class="sub-nav-inner"><a href="index.html" aria-current="page">문의하기(Q&amp;A)</a><a href="#" aria-disabled="true" class="disabled-tab">원격지원</a></div></nav></section>
     <section class="page-shell" id="detail"><div class="section-heading"><div><h2>문의 상세</h2><p>문의 내용과 답변을 확인할 수 있습니다.</p></div></div><article class="detail-card"><div class="detail-head"><div class="detail-title-line"><h2><span class="category" data-detail-category>문의</span> <span data-detail-title>문의 제목</span></h2><span class="status review" data-detail-status>문의접수</span></div><div class="detail-meta"><span data-detail-date>2026-09-17</span><span data-detail-author>작성자</span><span data-detail-company>회사</span><span data-detail-department>부서</span><span data-detail-secret hidden>🔒 비밀글</span></div></div><div class="detail-body" data-detail-content></div><div class="attachments"><h3>첨부파일</h3><div data-detail-attachments><span class="help-text">첨부된 파일이 없습니다.</span></div></div><div class="detail-actions"><div class="owner-actions"><button class="button button-outline" id="editButton" type="button" hidden>수정</button><button class="button button-danger" id="deleteButton" type="button" hidden>삭제</button></div><a class="button button-outline" href="index.html">목록</a></div></article><form id="editForm" class="edit-form" hidden><h3>문의 수정</h3><div class="form-row"><label class="form-label" for="editCategory">구분</label><div class="form-control"><select id="editCategory" class="select"><option value="오류문의">오류문의</option><option value="개선문의">개선문의</option><option value="일반문의">일반문의</option></select></div></div><div class="form-row"><label class="form-label" for="editTitle">제목</label><div class="form-control"><input id="editTitle" class="input" maxlength="200" required></div></div><div class="form-row"><label class="form-label" for="editContent">내용</label><div class="form-control column"><textarea id="editContent" class="textarea" maxlength="10000" required></textarea></div></div><div class="form-row"><div class="form-label">설정</div><div class="form-control"><label class="check"><input id="editSecret" type="checkbox"> 비밀글</label></div></div><div class="form-footer"><button class="button button-outline" id="editCancel" type="button">취소</button><button class="button button-primary" type="submit">수정 저장</button></div><div id="editError" class="form-error" role="alert" hidden></div></form><section class="comment-box"><h3>답변 <span id="commentCount">0</span></h3><div id="comments"></div><form id="commentForm" class="comment-form"><label class="sr-only" for="commentContent">댓글 내용</label><textarea id="commentContent" class="textarea" maxlength="5000" placeholder="답변 또는 추가 문의를 입력해주세요" required></textarea><div class="comment-attachment-input"><label class="button button-primary comment-image-button" for="commentImages">이미지 첨부</label><input id="commentImages" type="file" accept="image/*" multiple><div id="commentImagePreview" class="comment-image-preview"></div></div><div class="comment-form-actions"><span id="commentError" class="form-error" role="alert" hidden></span><button class="button button-primary" id="commentSubmit" type="submit">댓글 등록</button></div></form></section><div class="form-footer"><button class="button button-outline" id="backButton" type="button">목록으로</button></div></section>
-  </main><script src="config.js?v=20260921-3"></script><script src="app.js?v=20260921-3"></script>
+  </main><script src="config.js?v=20260921-3"></script><script src="app.js?v=20260928-1"></script>
 </body></html>

egbim/index.html

@@ -23,6 +23,6 @@
     </section>
   </main>
   <div id="toast" class="toast" role="status" aria-live="polite"></div>
-  <script src="config.js?v=20260921-3"></script><script src="app.js?v=20260921-3"></script>
+  <script src="config.js?v=20260921-3"></script><script src="app.js?v=20260928-1"></script>
 </body>
 </html>

egbim/write.html

@@ -4,5 +4,5 @@
 <body>
   <main class="egbim-page"><section class="page-hero"><div class="hero-inner"><span class="hero-kicker">EG-BIM SUPPORT</span><h1>Q&amp;A</h1><p>EG-BIM 관련 문의하기</p></div><nav class="sub-nav" aria-label="EG-BIM 지원 메뉴"><div class="sub-nav-inner"><a href="index.html" aria-current="page">문의하기(Q&amp;A)</a><a href="#" aria-disabled="true" class="disabled-tab">원격지원</a></div></nav></section>
     <section class="page-shell"><div class="section-heading"><div><h2>문의 등록</h2><p>로그인한 사용자 정보로 문의가 등록됩니다.</p></div></div><div class="form-notice" data-auth-state>로그인 상태를 확인하고 있습니다.</div><div class="form-error" id="formError" role="alert"></div><form id="qaForm" novalidate><div class="form-card" id="writeFields"><div class="form-row"><label class="form-label" for="category">구분 <span class="required">*</span></label><div class="form-control"><select class="select" id="category" required><option value="">선택해주세요</option><option>오류문의</option><option>개선문의</option><option>일반문의</option></select></div></div><div class="form-row"><label class="form-label" for="title">제목 <span class="required">*</span></label><div class="form-control"><input class="input" id="title" type="text" maxlength="100" placeholder="문의 제목을 입력해주세요" required></div></div><div class="form-row"><span class="form-label">공개 설정</span><div class="form-control"><label class="check"><input id="secret" type="checkbox"> 비밀글로 등록</label></div></div><div class="form-row"><label class="form-label" for="content">내용 <span class="required">*</span></label><div class="form-control column"><textarea class="textarea" id="content" placeholder="문의 내용을 작성해주세요" required></textarea><span class="help-text">개인정보, 비밀번호, 인증번호 등 민감한 정보는 입력하지 마세요.</span></div></div><div class="form-row"><label class="form-label" for="attachment">첨부파일</label><div class="form-control column"><input class="file-input" id="attachment" type="file" multiple><span class="help-text">파일은 문의와 함께 안전하게 업로드됩니다. 파일당 최대 30MB</span></div></div></div><div class="form-footer"><a class="button button-outline" href="index.html">취소</a><button class="button button-primary" id="submitButton" type="submit">문의 등록</button></div></form></section>
-  </main><div id="toast" class="toast" role="status" aria-live="polite"></div><script src="config.js?v=20260921-3"></script><script src="app.js?v=20260921-3"></script>
+  </main><div id="toast" class="toast" role="status" aria-live="polite"></div><script src="config.js?v=20260921-3"></script><script src="app.js?v=20260928-1"></script>
 </body></html>