@impakers/debug 1.4.17 → 1.4.19

package/dist/react.js

@@ -2295,6 +2295,17 @@ async function uploadFile(endpoint, file, context, taskId) {
   }
   return res.json();
 }
+async function fetchHistory(endpoint, options = {}) {
+  const params = new URLSearchParams();
+  if (options.since) params.set("since", options.since);
+  if (options.date) params.set("date", options.date);
+  if (options.limit) params.set("limit", String(options.limit));
+  const qs = params.toString();
+  const url = `${endpoint}/history${qs ? `?${qs}` : ""}`;
+  const res = await apiFetch(url);
+  const data = await res.json();
+  return data.events || [];
+}
 
 // src/core/sourcemap-resolver.ts
 var import_trace_mapping = require("@jridgewell/trace-mapping");
@@ -2470,9 +2481,32 @@ function PendingMarker({ x, y, accentColor }) {
 // src/components/comment-thread/index.tsx
 var import_react3 = require("react");
 
+// src/components/loading-spinner/styles.module.scss
+var css3 = "@keyframes styles-module__spin___h0C6p {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.styles-module__container___YKn1h {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 24px 16px;\n}\n\n.styles-module__spinner___4ELZK {\n  width: 20px;\n  height: 20px;\n  border: 2px solid #e5e7eb;\n  border-top-color: #6b7280;\n  border-radius: 50%;\n  animation: styles-module__spin___h0C6p 0.6s linear infinite;\n}\n\n.styles-module__message___70Ayy {\n  font-size: 12px;\n  color: #9ca3af;\n}";
+var classNames3 = { "container": "styles-module__container___YKn1h", "spinner": "styles-module__spinner___4ELZK", "spin": "styles-module__spin___h0C6p", "message": "styles-module__message___70Ayy" };
+if (typeof document !== "undefined") {
+  let style = document.getElementById("impakers-debug-styles-loading-spinner-styles");
+  if (!style) {
+    style = document.createElement("style");
+    style.id = "impakers-debug-styles-loading-spinner-styles";
+    document.head.appendChild(style);
+  }
+  style.textContent = css3;
+}
+var styles_module_default3 = classNames3;
+
+// src/components/loading-spinner/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function LoadingSpinner({ message = "\uB85C\uB529 \uC911..." }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.spinner }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.message, children: message })
+  ] });
+}
+
 // src/components/comment-thread/styles.module.scss
-var css3 = '@keyframes styles-module__threadIn___pBTFZ {\n  from {\n    opacity: 0;\n    transform: scale(0.96) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__threadOut___-ccKh {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n}\n.styles-module__thread___ua2EO {\n  position: fixed;\n  width: 340px;\n  max-height: min(480px, 100vh - 40px);\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n  z-index: 100002;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  font-size: 13px;\n  color: #1a1a1a;\n  animation: styles-module__threadIn___pBTFZ 0.15s ease-out;\n  -webkit-font-smoothing: antialiased;\n}\n.styles-module__thread___ua2EO.styles-module__exiting___RIPeX {\n  animation: styles-module__threadOut___-ccKh 0.12s ease-in forwards;\n  pointer-events: none;\n}\n\n.styles-module__header___GiEBq {\n  padding: 14px 16px 10px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  flex-shrink: 0;\n}\n\n.styles-module__avatar___JElAd {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__headerInfo___E8809 {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__headerTop___eDiCd {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n\n.styles-module__authorName___T1BfB {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__timestamp___WusBf {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__headerActions___8FsMY {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__headerAction___Tinmq {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__headerAction___Tinmq:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__headerAction___Tinmq svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__title___qkfqY {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.styles-module__commentsList___kYqAR {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__comment___pW3IO {\n  padding: 10px 16px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n.styles-module__comment___pW3IO:hover {\n  background: #f9fafb;\n}\n.styles-module__comment___pW3IO:hover .styles-module__commentActions___wO0fs {\n  opacity: 1;\n}\n\n.styles-module__commentHighlight___EiTmx {\n  background: #eff6ff;\n  border-left: 2px solid #3b82f6;\n  padding-left: 14px;\n}\n\n.styles-module__commentContent___RObGr {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__commentTop___BbTF3 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 2px;\n}\n\n.styles-module__commentAuthor___tBjpl {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__commentTime___0OLrz {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__commentActions___wO0fs {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.12s;\n}\n\n.styles-module__commentText___ldy2V {\n  font-size: 13px;\n  color: #374151;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.styles-module__screenshot___jUqau {\n  margin-top: 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  position: relative;\n  max-width: 200px;\n}\n.styles-module__screenshot___jUqau img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.styles-module__screenshot___jUqau .styles-module__screenshotBadge___roEqY {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n.styles-module__fileCard___-iOro {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition: background 0.12s;\n  max-width: 200px;\n}\n.styles-module__fileCard___-iOro:hover {\n  background: #f3f4f6;\n}\n\n.styles-module__fileIcon___dNJMT {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  background: #e5e7eb;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n  letter-spacing: 0.5px;\n}\n\n.styles-module__fileInfo___dVrLV {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styles-module__fileCardName___SHOj- {\n  font-size: 12px;\n  font-weight: 500;\n  color: #1a1a1a;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__fileCardSize___W53JL {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__pendingFile___-OSRs {\n  position: relative;\n  margin: 0 16px 8px;\n  padding: 8px 10px;\n  padding-right: 30px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__divider___kDjxN {\n  height: 1px;\n  background: #f3f4f6;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.styles-module__pendingImage___gHaF3 {\n  position: relative;\n  margin: 0 16px 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-height: 120px;\n  flex-shrink: 0;\n}\n.styles-module__pendingImage___gHaF3 img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  max-height: 120px;\n}\n\n.styles-module__pendingRemove___FRL4h {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n.styles-module__pendingRemove___FRL4h:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__replyArea___VQn9b {\n  padding: 10px 16px 8px;\n  border-top: 1px solid #f3f4f6;\n  flex-shrink: 0;\n}\n\n.styles-module__replyInput___uZNBW {\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  resize: none;\n  padding: 0;\n  min-height: 36px;\n  max-height: 120px;\n  line-height: 1.55;\n  transition: height 0.1s ease;\n}\n.styles-module__replyInput___uZNBW::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__replyToolbar___fTFJU {\n  display: flex;\n  align-items: center;\n  padding: 4px 16px 10px;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.styles-module__replyTool___Ho-Rx {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replyTool___Ho-Rx:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__replyTool___Ho-Rx svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__replySend___e0VSb {\n  margin-left: auto;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replySend___e0VSb:hover {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb.styles-module__active___R--Jj {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__empty___XXGiw {\n  padding: 24px 16px;\n  text-align: center;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.styles-module__statusBadge___el8ml {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 2px 8px;\n  border-radius: 10px;\n  margin-left: auto;\n}\n.styles-module__statusBadge___el8ml.styles-module__todo___rUWBr {\n  background: #fef3c7;\n  color: #92400e;\n}\n.styles-module__statusBadge___el8ml.styles-module__inProgress___HEWgU {\n  background: #dbeafe;\n  color: #1e40af;\n}\n.styles-module__statusBadge___el8ml.styles-module__done___zC12n {\n  background: #dcfce7;\n  color: #166534;\n}\n\n.styles-module__lightbox___KoWEF {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: zoom-out;\n}\n.styles-module__lightbox___KoWEF img {\n  max-width: 90vw;\n  max-height: 90vh;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  cursor: default;\n}\n\n.styles-module__lightboxClose___tGZlm {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__lightboxClose___tGZlm:hover {\n  background: rgba(255, 255, 255, 0.25);\n}';
-var classNames3 = { "thread": "styles-module__thread___ua2EO", "threadIn": "styles-module__threadIn___pBTFZ", "exiting": "styles-module__exiting___RIPeX", "threadOut": "styles-module__threadOut___-ccKh", "header": "styles-module__header___GiEBq", "avatar": "styles-module__avatar___JElAd", "headerInfo": "styles-module__headerInfo___E8809", "headerTop": "styles-module__headerTop___eDiCd", "authorName": "styles-module__authorName___T1BfB", "timestamp": "styles-module__timestamp___WusBf", "headerActions": "styles-module__headerActions___8FsMY", "headerAction": "styles-module__headerAction___Tinmq", "title": "styles-module__title___qkfqY", "commentsList": "styles-module__commentsList___kYqAR", "comment": "styles-module__comment___pW3IO", "commentActions": "styles-module__commentActions___wO0fs", "commentHighlight": "styles-module__commentHighlight___EiTmx", "commentContent": "styles-module__commentContent___RObGr", "commentTop": "styles-module__commentTop___BbTF3", "commentAuthor": "styles-module__commentAuthor___tBjpl", "commentTime": "styles-module__commentTime___0OLrz", "commentText": "styles-module__commentText___ldy2V", "screenshot": "styles-module__screenshot___jUqau", "screenshotBadge": "styles-module__screenshotBadge___roEqY", "fileCard": "styles-module__fileCard___-iOro", "fileIcon": "styles-module__fileIcon___dNJMT", "fileInfo": "styles-module__fileInfo___dVrLV", "fileCardName": "styles-module__fileCardName___SHOj-", "fileCardSize": "styles-module__fileCardSize___W53JL", "pendingFile": "styles-module__pendingFile___-OSRs", "divider": "styles-module__divider___kDjxN", "pendingImage": "styles-module__pendingImage___gHaF3", "pendingRemove": "styles-module__pendingRemove___FRL4h", "replyArea": "styles-module__replyArea___VQn9b", "replyInput": "styles-module__replyInput___uZNBW", "replyToolbar": "styles-module__replyToolbar___fTFJU", "replyTool": "styles-module__replyTool___Ho-Rx", "replySend": "styles-module__replySend___e0VSb", "active": "styles-module__active___R--Jj", "empty": "styles-module__empty___XXGiw", "statusBadge": "styles-module__statusBadge___el8ml", "todo": "styles-module__todo___rUWBr", "inProgress": "styles-module__inProgress___HEWgU", "done": "styles-module__done___zC12n", "lightbox": "styles-module__lightbox___KoWEF", "lightboxClose": "styles-module__lightboxClose___tGZlm" };
+var css4 = '@keyframes styles-module__threadIn___pBTFZ {\n  from {\n    opacity: 0;\n    transform: scale(0.96) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__threadOut___-ccKh {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n}\n.styles-module__thread___ua2EO {\n  position: fixed;\n  width: 340px;\n  max-height: min(480px, 100vh - 40px);\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n  z-index: 100002;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  font-size: 13px;\n  color: #1a1a1a;\n  animation: styles-module__threadIn___pBTFZ 0.15s ease-out;\n  -webkit-font-smoothing: antialiased;\n}\n.styles-module__thread___ua2EO.styles-module__exiting___RIPeX {\n  animation: styles-module__threadOut___-ccKh 0.12s ease-in forwards;\n  pointer-events: none;\n}\n\n.styles-module__header___GiEBq {\n  padding: 14px 16px 10px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  flex-shrink: 0;\n  background: #f5f5f5;\n}\n\n.styles-module__avatar___JElAd {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__headerInfo___E8809 {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__headerTop___eDiCd {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n\n.styles-module__authorName___T1BfB {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__timestamp___WusBf {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__headerActions___8FsMY {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__headerAction___Tinmq {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__headerAction___Tinmq:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__headerAction___Tinmq svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__title___qkfqY {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.styles-module__commentsList___kYqAR {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__comment___pW3IO {\n  padding: 10px 16px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n.styles-module__comment___pW3IO:hover {\n  background: #f9fafb;\n}\n.styles-module__comment___pW3IO:hover .styles-module__commentActions___wO0fs {\n  opacity: 1;\n}\n\n.styles-module__commentHighlight___EiTmx {\n  background: #eff6ff;\n  border-left: 2px solid #3b82f6;\n  padding-left: 14px;\n}\n\n.styles-module__commentContent___RObGr {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__commentTop___BbTF3 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 2px;\n}\n\n.styles-module__commentAuthor___tBjpl {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__commentTime___0OLrz {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__commentActions___wO0fs {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.12s;\n}\n\n.styles-module__commentText___ldy2V {\n  font-size: 13px;\n  color: #374151;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.styles-module__screenshot___jUqau {\n  margin-top: 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  position: relative;\n  max-width: 200px;\n}\n.styles-module__screenshot___jUqau img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.styles-module__screenshot___jUqau .styles-module__screenshotBadge___roEqY {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n.styles-module__fileCard___-iOro {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition: background 0.12s;\n  max-width: 200px;\n}\n.styles-module__fileCard___-iOro:hover {\n  background: #f3f4f6;\n}\n\n.styles-module__fileIcon___dNJMT {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  background: #e5e7eb;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n  letter-spacing: 0.5px;\n}\n\n.styles-module__fileInfo___dVrLV {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styles-module__fileCardName___SHOj- {\n  font-size: 12px;\n  font-weight: 500;\n  color: #1a1a1a;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__fileCardSize___W53JL {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__pendingFile___-OSRs {\n  position: relative;\n  margin: 0 16px 8px;\n  padding: 8px 10px;\n  padding-right: 30px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__divider___kDjxN {\n  height: 1px;\n  background: #f3f4f6;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.styles-module__pendingImage___gHaF3 {\n  position: relative;\n  margin: 0 16px 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-height: 120px;\n  flex-shrink: 0;\n}\n.styles-module__pendingImage___gHaF3 img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  max-height: 120px;\n}\n\n.styles-module__pendingRemove___FRL4h {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n.styles-module__pendingRemove___FRL4h:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__replyArea___VQn9b {\n  padding: 10px 16px 8px;\n  border-top: 1px solid #f3f4f6;\n  flex-shrink: 0;\n}\n\n.styles-module__replyInput___uZNBW {\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  resize: none;\n  padding: 0;\n  min-height: 36px;\n  max-height: 120px;\n  line-height: 1.55;\n  transition: height 0.1s ease;\n}\n.styles-module__replyInput___uZNBW::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__replyToolbar___fTFJU {\n  display: flex;\n  align-items: center;\n  padding: 4px 16px 10px;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.styles-module__replyTool___Ho-Rx {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replyTool___Ho-Rx:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__replyTool___Ho-Rx svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__replySend___e0VSb {\n  margin-left: auto;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replySend___e0VSb:hover {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb.styles-module__active___R--Jj {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__empty___XXGiw {\n  padding: 24px 16px;\n  text-align: center;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.styles-module__statusBadge___el8ml {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 2px 8px;\n  border-radius: 10px;\n  margin-left: auto;\n}\n.styles-module__statusBadge___el8ml.styles-module__todo___rUWBr {\n  background: #fef3c7;\n  color: #92400e;\n}\n.styles-module__statusBadge___el8ml.styles-module__inProgress___HEWgU {\n  background: #dbeafe;\n  color: #1e40af;\n}\n.styles-module__statusBadge___el8ml.styles-module__done___zC12n {\n  background: #dcfce7;\n  color: #166534;\n}\n\n.styles-module__lightbox___KoWEF {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: zoom-out;\n}\n.styles-module__lightbox___KoWEF img {\n  max-width: 90vw;\n  max-height: 90vh;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  cursor: default;\n}\n\n.styles-module__lightboxClose___tGZlm {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__lightboxClose___tGZlm:hover {\n  background: rgba(255, 255, 255, 0.25);\n}';
+var classNames4 = { "thread": "styles-module__thread___ua2EO", "threadIn": "styles-module__threadIn___pBTFZ", "exiting": "styles-module__exiting___RIPeX", "threadOut": "styles-module__threadOut___-ccKh", "header": "styles-module__header___GiEBq", "avatar": "styles-module__avatar___JElAd", "headerInfo": "styles-module__headerInfo___E8809", "headerTop": "styles-module__headerTop___eDiCd", "authorName": "styles-module__authorName___T1BfB", "timestamp": "styles-module__timestamp___WusBf", "headerActions": "styles-module__headerActions___8FsMY", "headerAction": "styles-module__headerAction___Tinmq", "title": "styles-module__title___qkfqY", "commentsList": "styles-module__commentsList___kYqAR", "comment": "styles-module__comment___pW3IO", "commentActions": "styles-module__commentActions___wO0fs", "commentHighlight": "styles-module__commentHighlight___EiTmx", "commentContent": "styles-module__commentContent___RObGr", "commentTop": "styles-module__commentTop___BbTF3", "commentAuthor": "styles-module__commentAuthor___tBjpl", "commentTime": "styles-module__commentTime___0OLrz", "commentText": "styles-module__commentText___ldy2V", "screenshot": "styles-module__screenshot___jUqau", "screenshotBadge": "styles-module__screenshotBadge___roEqY", "fileCard": "styles-module__fileCard___-iOro", "fileIcon": "styles-module__fileIcon___dNJMT", "fileInfo": "styles-module__fileInfo___dVrLV", "fileCardName": "styles-module__fileCardName___SHOj-", "fileCardSize": "styles-module__fileCardSize___W53JL", "pendingFile": "styles-module__pendingFile___-OSRs", "divider": "styles-module__divider___kDjxN", "pendingImage": "styles-module__pendingImage___gHaF3", "pendingRemove": "styles-module__pendingRemove___FRL4h", "replyArea": "styles-module__replyArea___VQn9b", "replyInput": "styles-module__replyInput___uZNBW", "replyToolbar": "styles-module__replyToolbar___fTFJU", "replyTool": "styles-module__replyTool___Ho-Rx", "replySend": "styles-module__replySend___e0VSb", "active": "styles-module__active___R--Jj", "empty": "styles-module__empty___XXGiw", "statusBadge": "styles-module__statusBadge___el8ml", "todo": "styles-module__todo___rUWBr", "inProgress": "styles-module__inProgress___HEWgU", "done": "styles-module__done___zC12n", "lightbox": "styles-module__lightbox___KoWEF", "lightboxClose": "styles-module__lightboxClose___tGZlm" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-comment-thread-styles");
   if (!style) {
@@ -2480,24 +2514,24 @@ if (typeof document !== "undefined") {
     style.id = "impakers-debug-styles-comment-thread-styles";
     document.head.appendChild(style);
   }
-  style.textContent = css3;
+  style.textContent = css4;
 }
-var styles_module_default3 = classNames3;
+var styles_module_default4 = classNames4;
 
 // src/components/comment-thread/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function formatTime(dateStr) {
   const date = new Date(dateStr);
   const diff = Date.now() - date.getTime();
   const pad = (n) => String(n).padStart(2, "0");
-  const abs = `${pad(date.getMonth() + 1)}.${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+  const abs = `${date.getMonth() + 1}/${date.getDate()} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
   const m = Math.floor(diff / 6e4);
-  if (m < 1) return `${abs} (just now)`;
-  if (m < 60) return `${abs} (${m}m)`;
+  if (m < 1) return `${abs} (\uBC29\uAE08)`;
+  if (m < 60) return `${abs} (${m}\uBD84 \uC804)`;
   const h = Math.floor(m / 60);
-  if (h < 24) return `${abs} (${h}h)`;
+  if (h < 24) return `${abs} (${h}\uC2DC\uAC04 \uC804)`;
   const d = Math.floor(h / 24);
-  return `${abs} (${d}d)`;
+  return `${abs} (${d}\uC77C \uC804)`;
 }
 function getInitials(name) {
   return name.slice(0, 1).toUpperCase();
@@ -2524,6 +2558,7 @@ function CommentThread({
   left,
   top,
   bottom,
+  loading,
   onClose,
   onReply
 }) {
@@ -2544,7 +2579,7 @@ function CommentThread({
     if (capturingDom) return;
     const handler = (e) => {
       const target = e.target;
-      if (target.closest(`.${styles_module_default3.thread}`)) return;
+      if (target.closest(`.${styles_module_default4.thread}`)) return;
       if (target.closest("[data-annotation-marker]")) return;
       if (target.closest("[data-impakers-debug]")) return;
       handleClose();
@@ -2663,57 +2698,61 @@ function CommentThread({
     ...top !== void 0 ? { top } : {},
     ...bottom !== void 0 ? { bottom } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "div",
     {
-      className: `${styles_module_default3.thread} ${exiting ? styles_module_default3.exiting : ""}`,
+      className: `${styles_module_default4.thread} ${exiting ? styles_module_default4.exiting : ""}`,
       style: positionStyle,
       "data-impakers-debug": "",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.avatar, children: getInitials(task.authorName || currentUserName) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.headerInfo, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.headerTop, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.authorName, children: task.authorName || currentUserName }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.timestamp, children: formatTime(task.createdAt) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.avatar, children: getInitials(task.authorName || currentUserName) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.headerInfo, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.headerTop, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.authorName, children: task.authorName || currentUserName }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.timestamp, children: formatTime(task.createdAt) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.title, children: feedbackTitle })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.title, children: feedbackTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.headerActions, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.headerAction, onClick: handleClose, title: "\uB2EB\uAE30", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.headerActions, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.headerAction, onClick: handleClose, title: "\uB2EB\uAE30", type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) }) })
         ] }),
-        task.comments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.divider }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.commentsList, ref: listRef, children: task.comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.comment, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.avatar, style: { width: 22, height: 22, fontSize: 10 }, children: getInitials(comment.authorName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.commentContent, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.commentTop, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.commentAuthor, children: comment.authorName }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.commentTime, children: formatTime(comment.createdAt) })
+        loading && task.comments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.divider }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingSpinner, { message: "\uB313\uAE00 \uB85C\uB529 \uC911..." })
+        ] }),
+        task.comments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.divider }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.commentsList, ref: listRef, children: task.comments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.comment, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.avatar, style: { width: 22, height: 22, fontSize: 10 }, children: getInitials(comment.authorName) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.commentContent, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.commentTop, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.commentAuthor, children: comment.authorName }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.commentTime, children: formatTime(comment.createdAt) })
               ] }),
-              comment.content && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.commentText, children: comment.content }),
-              comment.imageUrl && comment.imageUrl !== "loading..." && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              comment.content && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.commentText, children: comment.content }),
+              comment.imageUrl && comment.imageUrl !== "loading..." && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "div",
                 {
-                  className: styles_module_default3.screenshot,
+                  className: styles_module_default4.screenshot,
                   onClick: () => setLightboxSrc(comment.imageUrl),
                   style: { cursor: "pointer" },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: comment.imageUrl, alt: "screenshot" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: comment.imageUrl, alt: "screenshot" })
                 }
               ),
-              comment.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              comment.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                 "a",
                 {
-                  className: styles_module_default3.fileCard,
+                  className: styles_module_default4.fileCard,
                   href: comment.fileUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
                   onClick: (e) => e.stopPropagation(),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileIcon, children: getFileIcon(comment.fileType || "") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: styles_module_default3.fileInfo, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileCardName, children: comment.fileName || "\uD30C\uC77C" }),
-                      comment.fileSize != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileCardSize, children: formatFileSize(comment.fileSize) })
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileIcon, children: getFileIcon(comment.fileType || "") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: styles_module_default4.fileInfo, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileCardName, children: comment.fileName || "\uD30C\uC77C" }),
+                      comment.fileSize != null && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileCardSize, children: formatFileSize(comment.fileSize) })
                     ] })
                   ]
                 }
@@ -2721,23 +2760,23 @@ function CommentThread({
             ] })
           ] }, comment.id)) })
         ] }),
-        pendingImage && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.pendingImage, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: pendingImage, alt: "pending" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.pendingRemove, onClick: () => setPendingImage(null), type: "button", children: "\xD7" })
+        pendingImage && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.pendingImage, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: pendingImage, alt: "pending" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.pendingRemove, onClick: () => setPendingImage(null), type: "button", children: "\xD7" })
         ] }),
-        pendingFile && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.pendingFile, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileIcon, children: getFileIcon(pendingFile.type) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: styles_module_default3.fileInfo, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileCardName, children: pendingFile.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.fileCardSize, children: formatFileSize(pendingFile.size) })
+        pendingFile && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.pendingFile, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileIcon, children: getFileIcon(pendingFile.type) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: styles_module_default4.fileInfo, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileCardName, children: pendingFile.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.fileCardSize, children: formatFileSize(pendingFile.size) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.pendingRemove, onClick: () => setPendingFile(null), type: "button", children: "\xD7" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.pendingRemove, onClick: () => setPendingFile(null), type: "button", children: "\xD7" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.replyArea, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles_module_default4.replyArea, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "textarea",
           {
             ref: textareaRef,
-            className: styles_module_default3.replyInput,
+            className: styles_module_default4.replyInput,
             placeholder: "Reply...",
             value: replyText,
             onChange: (e) => {
@@ -2750,31 +2789,31 @@ function CommentThread({
             rows: 2
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.replyToolbar, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.replyTool, onClick: handleAttachClick, type: "button", title: "\uD30C\uC77C \uCCA8\uBD80", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.replyToolbar, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.replyTool, onClick: handleAttachClick, type: "button", title: "\uD30C\uC77C \uCCA8\uBD80", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.replyTool, onClick: handleCameraClick, type: "button", title: "\uC694\uC18C \uC2A4\uD06C\uB9B0\uC0F7", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14.5 4h-5L7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2h-3l-2.5-3z" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "13", r: "3" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.replyTool, onClick: handleCameraClick, type: "button", title: "\uC694\uC18C \uC2A4\uD06C\uB9B0\uC0F7", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M14.5 4h-5L7 7H4a2 2 0 00-2 2v9a2 2 0 002 2h16a2 2 0 002-2V9a2 2 0 00-2-2h-3l-2.5-3z" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "13", r: "3" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
-              className: `${styles_module_default3.replySend} ${replyText.trim() || pendingImage || pendingFile ? styles_module_default3.active : ""}`,
+              className: `${styles_module_default4.replySend} ${replyText.trim() || pendingImage || pendingFile ? styles_module_default4.active : ""}`,
               onClick: handleSend,
               disabled: !replyText.trim() && !pendingImage && !pendingFile,
               type: "button",
               title: "\uC804\uC1A1",
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
               ] })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -2784,9 +2823,9 @@ function CommentThread({
             onChange: handleFileChange
           }
         ),
-        lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.lightbox, onClick: () => setLightboxSrc(null), "data-impakers-debug": "", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: lightboxSrc, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.lightboxClose, onClick: () => setLightboxSrc(null), type: "button", children: "\xD7" })
+        lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles_module_default4.lightbox, onClick: () => setLightboxSrc(null), "data-impakers-debug": "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: lightboxSrc, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: styles_module_default4.lightboxClose, onClick: () => setLightboxSrc(null), type: "button", children: "\xD7" })
         ] })
       ]
     }
@@ -2797,8 +2836,8 @@ function CommentThread({
 var import_react4 = require("react");
 
 // src/components/fab-menu/styles.module.scss
-var css4 = '@keyframes styles-module__fabEnter___DMJoo {\n  from {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__menuItemIn___GfmJ3 {\n  from {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__menuItemOut___s0nQD {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n}\n.styles-module__fab___wShP- {\n  touch-action: none;\n  z-index: 99999;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #18181b;\n  color: white;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n  animation: styles-module__fabEnter___DMJoo 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n  position: relative;\n}\n.styles-module__fab___wShP- svg {\n  width: 20px;\n  height: 20px;\n  transition: transform 0.2s ease;\n}\n.styles-module__fab___wShP-:hover {\n  transform: scale(1.08);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12);\n}\n.styles-module__fab___wShP-:active {\n  transform: scale(0.96);\n}\n.styles-module__fab___wShP-.styles-module__expanded___qyto6 svg {\n  transform: rotate(45deg);\n}\n\n.styles-module__menuItems___1qNsE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  z-index: 99999;\n}\n\n.styles-module__menuItem___pB75H {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  color: #374151;\n  border: 1px solid #e5e7eb;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);\n  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, border-color 0.12s ease;\n  position: relative;\n}\n.styles-module__menuItem___pB75H svg {\n  width: 18px;\n  height: 18px;\n}\n.styles-module__menuItem___pB75H:hover {\n  transform: scale(1.08);\n  background: #f9fafb;\n  border-color: #d1d5db;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n.styles-module__menuItem___pB75H:active {\n  transform: scale(0.96);\n}\n.styles-module__menuItem___pB75H.styles-module__active___7ktmc {\n  background: #18181b;\n  color: #fff;\n  border-color: #18181b;\n}\n\n.styles-module__menuItem___pB75H:nth-child(1) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 0ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(2) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 40ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(3) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 80ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(4) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 120ms both;\n}\n\n.styles-module__menuItemClosing___m4o-a:nth-child(1) {\n  animation: styles-module__menuItemOut___s0nQD 0.1s ease-in 40ms both;\n}\n\n.styles-module__menuItemClosing___m4o-a:nth-child(2) {\n  animation: styles-module__menuItemOut___s0nQD 0.1s ease-in 0ms both;\n}\n\n.styles-module__tooltip___Cy6kg {\n  position: absolute;\n  right: calc(100% + 10px);\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 5px 10px;\n  border-radius: 6px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.12s ease;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}\n\n.styles-module__menuItem___pB75H:hover .styles-module__tooltip___Cy6kg {\n  opacity: 1;\n}\n\n.styles-module__contextMenu___A8fQt {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.08);\n  padding: 4px;\n  min-width: 140px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__menuItemIn___GfmJ3 0.1s ease-out;\n}\n\n.styles-module__contextMenuItem___1u9io {\n  display: block;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: #18181b;\n  text-align: left;\n  cursor: pointer;\n  border-radius: 6px;\n  font-family: inherit;\n}\n.styles-module__contextMenuItem___1u9io:hover {\n  background: #f4f4f5;\n}\n\n.styles-module__badge___zmiZx {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 4px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}';
-var classNames4 = { "fab": "styles-module__fab___wShP-", "fabEnter": "styles-module__fabEnter___DMJoo", "expanded": "styles-module__expanded___qyto6", "menuItems": "styles-module__menuItems___1qNsE", "menuItem": "styles-module__menuItem___pB75H", "active": "styles-module__active___7ktmc", "menuItemIn": "styles-module__menuItemIn___GfmJ3", "menuItemClosing": "styles-module__menuItemClosing___m4o-a", "menuItemOut": "styles-module__menuItemOut___s0nQD", "tooltip": "styles-module__tooltip___Cy6kg", "contextMenu": "styles-module__contextMenu___A8fQt", "contextMenuItem": "styles-module__contextMenuItem___1u9io", "badge": "styles-module__badge___zmiZx" };
+var css5 = '@keyframes styles-module__fabEnter___DMJoo {\n  from {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__menuItemIn___GfmJ3 {\n  from {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__menuItemOut___s0nQD {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n}\n.styles-module__fab___wShP- {\n  touch-action: none;\n  z-index: 99999;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #18181b;\n  color: white;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n  animation: styles-module__fabEnter___DMJoo 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n  position: relative;\n}\n.styles-module__fab___wShP- svg {\n  width: 20px;\n  height: 20px;\n  transition: transform 0.2s ease;\n}\n.styles-module__fab___wShP-:hover {\n  transform: scale(1.08);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12);\n}\n.styles-module__fab___wShP-:active {\n  transform: scale(0.96);\n}\n.styles-module__fab___wShP-.styles-module__expanded___qyto6 svg {\n  transform: rotate(45deg);\n}\n\n.styles-module__menuItems___1qNsE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  z-index: 99999;\n}\n\n.styles-module__menuItem___pB75H {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #fff;\n  color: #374151;\n  border: 1px solid #e5e7eb;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);\n  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, border-color 0.12s ease;\n  position: relative;\n}\n.styles-module__menuItem___pB75H svg {\n  width: 18px;\n  height: 18px;\n}\n.styles-module__menuItem___pB75H:hover {\n  transform: scale(1.08);\n  background: #f9fafb;\n  border-color: #d1d5db;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n.styles-module__menuItem___pB75H:active {\n  transform: scale(0.96);\n}\n.styles-module__menuItem___pB75H.styles-module__active___7ktmc {\n  background: #18181b;\n  color: #fff;\n  border-color: #18181b;\n}\n\n.styles-module__menuItem___pB75H:nth-child(1) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 0ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(2) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 40ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(3) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 80ms both;\n}\n\n.styles-module__menuItem___pB75H:nth-child(4) {\n  animation: styles-module__menuItemIn___GfmJ3 0.15s cubic-bezier(0.22, 1, 0.36, 1) 120ms both;\n}\n\n.styles-module__menuItemClosing___m4o-a:nth-child(1) {\n  animation: styles-module__menuItemOut___s0nQD 0.1s ease-in 40ms both;\n}\n\n.styles-module__menuItemClosing___m4o-a:nth-child(2) {\n  animation: styles-module__menuItemOut___s0nQD 0.1s ease-in 0ms both;\n}\n\n.styles-module__tooltip___Cy6kg {\n  position: absolute;\n  right: calc(100% + 10px);\n  white-space: nowrap;\n  background: rgba(0, 0, 0, 0.85);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 5px 10px;\n  border-radius: 6px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.12s ease;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}\n\n.styles-module__menuItem___pB75H:hover .styles-module__tooltip___Cy6kg {\n  opacity: 1;\n}\n\n.styles-module__contextMenu___A8fQt {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.08);\n  padding: 4px;\n  min-width: 140px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__menuItemIn___GfmJ3 0.1s ease-out;\n}\n\n.styles-module__contextMenuItem___1u9io {\n  display: block;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: #18181b;\n  text-align: left;\n  cursor: pointer;\n  border-radius: 6px;\n  font-family: inherit;\n}\n.styles-module__contextMenuItem___1u9io:hover {\n  background: #f4f4f5;\n}\n\n.styles-module__badge___zmiZx {\n  position: absolute;\n  top: -4px;\n  right: -4px;\n  min-width: 16px;\n  height: 16px;\n  border-radius: 8px;\n  background: #ef4444;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 4px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}';
+var classNames5 = { "fab": "styles-module__fab___wShP-", "fabEnter": "styles-module__fabEnter___DMJoo", "expanded": "styles-module__expanded___qyto6", "menuItems": "styles-module__menuItems___1qNsE", "menuItem": "styles-module__menuItem___pB75H", "active": "styles-module__active___7ktmc", "menuItemIn": "styles-module__menuItemIn___GfmJ3", "menuItemClosing": "styles-module__menuItemClosing___m4o-a", "menuItemOut": "styles-module__menuItemOut___s0nQD", "tooltip": "styles-module__tooltip___Cy6kg", "contextMenu": "styles-module__contextMenu___A8fQt", "contextMenuItem": "styles-module__contextMenuItem___1u9io", "badge": "styles-module__badge___zmiZx" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-fab-menu-styles");
   if (!style) {
@@ -2806,12 +2845,12 @@ if (typeof document !== "undefined") {
     style.id = "impakers-debug-styles-fab-menu-styles";
     document.head.appendChild(style);
   }
-  style.textContent = css4;
+  style.textContent = css5;
 }
-var styles_module_default4 = classNames4;
+var styles_module_default5 = classNames5;
 
 // src/components/fab-menu/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function FabMenu({ items, onSelect, onHide, onDoubleTap }) {
   const [expanded, setExpanded] = (0, import_react4.useState)(false);
   const [closing, setClosing] = (0, import_react4.useState)(false);
@@ -2890,11 +2929,11 @@ function FabMenu({ items, onSelect, onHide, onDoubleTap }) {
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [expanded, showContextMenu, closeMenu]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    (expanded || closing) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    (expanded || closing) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
-        className: styles_module_default4.menuItems,
+        className: styles_module_default5.menuItems,
         style: {
           position: "fixed",
           right: position.right + (44 - 40) / 2,
@@ -2904,10 +2943,10 @@ function FabMenu({ items, onSelect, onHide, onDoubleTap }) {
         },
         "data-impakers-debug": "",
         "data-impakers-fab": "",
-        children: [...items].reverse().map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        children: [...items].reverse().map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           "button",
           {
-            className: `${styles_module_default4.menuItem} ${item.active ? styles_module_default4.active : ""} ${closing ? styles_module_default4.menuItemClosing : ""}`,
+            className: `${styles_module_default5.menuItem} ${item.active ? styles_module_default5.active : ""} ${closing ? styles_module_default5.menuItemClosing : ""}`,
             style: { animationDelay: closing ? `${i * 30}ms` : `${(items.length - 1 - i) * 40}ms` },
             onClick: (e) => {
               e.stopPropagation();
@@ -2919,19 +2958,19 @@ function FabMenu({ items, onSelect, onHide, onDoubleTap }) {
             "data-impakers-debug": "",
             children: [
               item.icon,
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.tooltip, children: item.label }),
-              item.badge && item.badge > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles_module_default4.badge, children: item.badge > 99 ? "99+" : item.badge }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.tooltip, children: item.label }),
+              item.badge && item.badge > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.badge, children: item.badge > 99 ? "99+" : item.badge }) : null
             ]
           },
           item.id
         ))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         ref: fabRef,
-        className: `${styles_module_default4.fab} ${expanded ? styles_module_default4.expanded : ""}`,
+        className: `${styles_module_default5.fab} ${expanded ? styles_module_default5.expanded : ""}`,
         style: { position: "fixed", right: position.right, bottom: position.bottom },
         onPointerDown: handleFabPointerDown,
         onPointerMove: handleFabPointerMove,
@@ -2941,30 +2980,30 @@ function FabMenu({ items, onSelect, onHide, onDoubleTap }) {
         "aria-label": "\uD53C\uB4DC\uBC31 \uBA54\uB274",
         "data-impakers-debug": "",
         "data-impakers-fab": "",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
         ] })
       }
     ),
-    showContextMenu && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    showContextMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
         style: { position: "fixed", inset: 0, zIndex: 2147483647 },
         onMouseDown: () => setShowContextMenu(null),
         "data-impakers-debug": "",
         "data-impakers-fab": "",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "div",
           {
-            className: styles_module_default4.contextMenu,
+            className: styles_module_default5.contextMenu,
             style: { position: "fixed", left: showContextMenu.x, top: showContextMenu.y, zIndex: 2147483647 },
             onMouseDown: (e) => e.stopPropagation(),
             "data-impakers-fab": "",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
-                className: styles_module_default4.contextMenuItem,
+                className: styles_module_default5.contextMenuItem,
                 onMouseDown: (e) => {
                   e.stopPropagation();
                   setShowContextMenu(null);
@@ -2986,8 +3025,8 @@ var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/components/inbox-panel/styles.module.scss
-var css5 = '@keyframes styles-module__slideIn___0o0s- {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes styles-module__slideOut___nKrBX {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes styles-module__fadeIn___j09Ts {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.styles-module__backdrop___zYhcU {\n  position: fixed;\n  inset: 0;\n  z-index: 100003;\n  animation: styles-module__fadeIn___j09Ts 0.15s ease-out;\n}\n\n.styles-module__panel___6YS8k {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 420px;\n  max-width: 100vw;\n  background: #fafafa;\n  z-index: 100004;\n  display: flex;\n  flex-direction: column;\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08);\n  animation: styles-module__slideIn___0o0s- 0.2s ease-out;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n.styles-module__panel___6YS8k.styles-module__exiting___6A-Ag {\n  animation: styles-module__slideOut___nKrBX 0.15s ease-in forwards;\n}\n\n.styles-module__header___fBbGz {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__headerLeft___e0YLf {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__headerTitle___oEPJa {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__closeBtn___-H8ra {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  transition: background 0.12s, color 0.12s;\n}\n.styles-module__closeBtn___-H8ra:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n.styles-module__closeBtn___-H8ra svg {\n  width: 18px;\n  height: 18px;\n}\n\n.styles-module__tabs___nfuX7 {\n  display: flex;\n  padding: 0 20px;\n  gap: 0;\n  border-bottom: 1px solid #e5e7eb;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__tab___Hc-jn {\n  padding: 10px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #6b7280;\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  transition: color 0.12s, border-color 0.12s;\n  font-family: inherit;\n}\n.styles-module__tab___Hc-jn:hover {\n  color: #374151;\n}\n.styles-module__tab___Hc-jn.styles-module__active___ZQzA5 {\n  color: #18181b;\n  border-bottom-color: #18181b;\n}\n\n.styles-module__tabBadge___IdFDQ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  background: #e5e7eb;\n  color: #374151;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  margin-left: 6px;\n}\n\n.styles-module__statusFilter___qtBXs {\n  display: flex;\n  gap: 6px;\n  padding: 10px 20px;\n  border-bottom: 1px solid #f3f4f6;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__filterChip___l2s74 {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #6b7280;\n  background: #f3f4f6;\n  border: 1px solid transparent;\n  border-radius: 16px;\n  cursor: pointer;\n  transition: all 0.12s;\n  font-family: inherit;\n}\n.styles-module__filterChip___l2s74:hover {\n  color: #374151;\n  background: #e5e7eb;\n}\n.styles-module__filterChip___l2s74.styles-module__active___ZQzA5 {\n  color: #18181b;\n  background: #fff;\n  border-color: #d1d5db;\n}\n\n.styles-module__filterCount___KukiQ {\n  font-size: 11px;\n  font-weight: 600;\n  color: inherit;\n  opacity: 0.7;\n}\n\n.styles-module__content___L2lRw {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n.styles-module__content___L2lRw::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__content___L2lRw::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__card___F8qwd {\n  background: #fff;\n  border-radius: 12px;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: box-shadow 0.12s;\n  cursor: pointer;\n}\n.styles-module__card___F8qwd:hover {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__cardHeader___QOVGR {\n  padding: 14px 16px 8px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.styles-module__cardAvatar___FfKmW {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__cardInfo___BmrdF {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__cardMeta___7p9KD {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n\n.styles-module__cardAuthor___YvnuR {\n  font-size: 13px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__cardTime___N1Png {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__cardActions___7QF72 {\n  display: flex;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__cardAction___t4b3V {\n  width: 26px;\n  height: 26px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__cardAction___t4b3V:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__cardAction___t4b3V svg {\n  width: 14px;\n  height: 14px;\n}\n\n.styles-module__cardTitle___xJxDN {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  padding: 0 16px 8px;\n}\n\n.styles-module__cardScreenshot___I5-QL {\n  margin: 0 16px 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  position: relative;\n  max-height: 160px;\n}\n.styles-module__cardScreenshot___I5-QL img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.styles-module__cardRoute___U4gB6 {\n  margin: 0 16px 10px;\n  padding: 8px 12px;\n  background: #f9fafb;\n  border: 1px solid #f3f4f6;\n  border-radius: 8px;\n  font-size: 12px;\n  color: #6b7280;\n  line-height: 1.4;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  transition: background 0.12s, border-color 0.12s;\n}\n.styles-module__cardRoute___U4gB6:hover {\n  background: #f3f4f6;\n  border-color: #d1d5db;\n  color: #3b82f6;\n}\n.styles-module__cardRoute___U4gB6:hover .styles-module__cardRoutePath___zP-fh {\n  color: #3b82f6;\n}\n.styles-module__cardRoute___U4gB6:hover .styles-module__cardRouteIcon___SBqGj {\n  color: #3b82f6;\n}\n\n.styles-module__cardRouteName___BDH75 {\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__cardRoutePath___zP-fh {\n  flex: 1;\n  min-width: 0;\n  color: #9ca3af;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: color 0.12s;\n}\n\n.styles-module__cardRouteIcon___SBqGj {\n  flex-shrink: 0;\n  color: #9ca3af;\n  transition: color 0.12s;\n}\n\n.styles-module__cardFooter___wfPa4 {\n  padding: 8px 16px 12px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__cardReplyDot___YnqzI {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #16a34a;\n  flex-shrink: 0;\n}\n\n.styles-module__cardReplyCount___O1khL {\n  font-size: 12px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__statusDot___l4IHG {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__statusDot___l4IHG.styles-module__todo___894P6 {\n  background: #f59e0b;\n}\n.styles-module__statusDot___l4IHG.styles-module__inProgress___IZ1mJ {\n  background: #3b82f6;\n}\n.styles-module__statusDot___l4IHG.styles-module__done___n4cWP {\n  background: #16a34a;\n}\n\n.styles-module__empty___IADrw {\n  text-align: center;\n  padding: 48px 20px;\n  color: #9ca3af;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.styles-module__emptyIcon___1x5wT {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #f3f4f6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 12px;\n  color: #9ca3af;\n}\n.styles-module__emptyIcon___1x5wT svg {\n  width: 24px;\n  height: 24px;\n}\n\n.styles-module__checkBtn___KjHxm {\n  width: 28px;\n  height: 28px;\n  border: 2px solid #d1d5db;\n  border-radius: 50%;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: transparent;\n  transition: all 0.15s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__checkBtn___KjHxm svg {\n  width: 14px;\n  height: 14px;\n}\n.styles-module__checkBtn___KjHxm:hover {\n  border-color: #16a34a;\n  color: #16a34a;\n}\n.styles-module__checkBtn___KjHxm.styles-module__checked___8pype {\n  border-color: #16a34a;\n  background: #16a34a;\n  color: #fff;\n}\n\n.styles-module__cardDone___-m4w- {\n  opacity: 0.6;\n}\n.styles-module__cardDone___-m4w- .styles-module__cardTitle___xJxDN {\n  text-decoration: line-through;\n  color: #9ca3af;\n}\n\n.styles-module__backBtn___PTIAl {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__backBtn___PTIAl:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__detailView___36cvH {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.styles-module__detailHeader___Hepgq {\n  display: flex;\n  gap: 10px;\n  padding: 16px 20px;\n  border-bottom: 1px solid #f3f4f6;\n}\n\n.styles-module__detailTitle___7TvrX {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  margin-top: 4px;\n}\n\n.styles-module__detailScreenshot___UPF0f {\n  margin: 0 20px 0;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-height: 180px;\n}\n.styles-module__detailScreenshot___UPF0f img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.styles-module__commentsList___5Uigg {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n.styles-module__commentsList___5Uigg::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__commentsList___5Uigg::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__commentItem___5u78u {\n  display: flex;\n  gap: 10px;\n  padding: 10px 20px;\n}\n.styles-module__commentItem___5u78u:hover {\n  background: #f9fafb;\n}\n\n.styles-module__commentAvatar___OatKg {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__commentBody___gmv1J {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__commentMeta___JNJa3 {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-bottom: 2px;\n}\n\n.styles-module__commentAuthorName___XNVRk {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__commentTime___CokGf {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__commentContent___yMiLR {\n  font-size: 13px;\n  color: #374151;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.styles-module__loadingComments___zpATD, .styles-module__noComments___kvl90 {\n  text-align: center;\n  padding: 24px 20px;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.styles-module__replyBox___FO-XS {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid #f3f4f6;\n  background: #fff;\n}\n\n.styles-module__replyInput___k8C9e {\n  flex: 1;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  resize: none;\n  outline: none;\n  min-height: 20px;\n  max-height: 80px;\n  line-height: 1.5;\n  transition: border-color 0.12s;\n}\n.styles-module__replyInput___k8C9e:focus {\n  border-color: #18181b;\n}\n.styles-module__replyInput___k8C9e::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__sendBtn___pBzWa {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #d1d5db;\n  transition: color 0.12s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__sendBtn___pBzWa.styles-module__active___ZQzA5 {\n  color: #3b82f6;\n}\n.styles-module__sendBtn___pBzWa:hover {\n  color: #3b82f6;\n}\n\n.styles-module__commentImage___LuH8X {\n  margin-top: 6px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-width: 240px;\n  cursor: pointer;\n  transition: opacity 0.12s;\n}\n.styles-module__commentImage___LuH8X:hover {\n  opacity: 0.9;\n}\n.styles-module__commentImage___LuH8X img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.styles-module__commentFileCard___XE44y {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  cursor: pointer;\n  transition: background 0.12s;\n  max-width: 240px;\n}\n.styles-module__commentFileCard___XE44y:hover {\n  background: #f3f4f6;\n}\n\n.styles-module__commentFileIcon___G58-y {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  background: #e5e7eb;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n  letter-spacing: 0.5px;\n}\n\n.styles-module__commentFileInfo___OFIhR {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styles-module__commentFileName___NUoII {\n  font-size: 12px;\n  font-weight: 500;\n  color: #1a1a1a;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__commentFileSize___sokU8 {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__filePreviewOverlay___5RxYd {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.styles-module__filePreviewModal___MGJLW {\n  width: 90vw;\n  max-width: 960px;\n  height: 80vh;\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}\n\n.styles-module__filePreviewHeader___E9SWJ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #e5e7eb;\n  flex-shrink: 0;\n}\n\n.styles-module__filePreviewName___z8t-L {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__filePreviewActions___weizo {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__filePreviewOpen___JpaEs {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #3b82f6;\n  text-decoration: none;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.12s;\n}\n.styles-module__filePreviewOpen___JpaEs:hover {\n  background: #eff6ff;\n}\n\n.styles-module__filePreviewClose___TFcbr {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  font-size: 18px;\n  transition: background 0.12s, color 0.12s;\n}\n.styles-module__filePreviewClose___TFcbr:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__filePreviewBody___gwg1S {\n  flex: 1;\n  overflow: hidden;\n}\n\n.styles-module__filePreviewIframe___OQ3Oo {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.styles-module__filePreviewFallback___U1rB2 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 12px;\n  color: #6b7280;\n  font-size: 14px;\n}\n.styles-module__filePreviewFallback___U1rB2 a {\n  color: #3b82f6;\n  text-decoration: none;\n  font-weight: 500;\n}\n.styles-module__filePreviewFallback___U1rB2 a:hover {\n  text-decoration: underline;\n}\n\n.styles-module__filePreviewFallbackIcon___0--41 {\n  width: 56px;\n  height: 56px;\n  border-radius: 12px;\n  background: #f3f4f6;\n  color: #6b7280;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.styles-module__lightbox___8CDdt {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: zoom-out;\n}\n.styles-module__lightbox___8CDdt img {\n  max-width: 90vw;\n  max-height: 90vh;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  cursor: default;\n}\n\n.styles-module__lightboxClose___VGfjh {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__lightboxClose___VGfjh:hover {\n  background: rgba(255, 255, 255, 0.25);\n}';
-var classNames5 = { "backdrop": "styles-module__backdrop___zYhcU", "fadeIn": "styles-module__fadeIn___j09Ts", "panel": "styles-module__panel___6YS8k", "slideIn": "styles-module__slideIn___0o0s-", "exiting": "styles-module__exiting___6A-Ag", "slideOut": "styles-module__slideOut___nKrBX", "header": "styles-module__header___fBbGz", "headerLeft": "styles-module__headerLeft___e0YLf", "headerTitle": "styles-module__headerTitle___oEPJa", "closeBtn": "styles-module__closeBtn___-H8ra", "tabs": "styles-module__tabs___nfuX7", "tab": "styles-module__tab___Hc-jn", "active": "styles-module__active___ZQzA5", "tabBadge": "styles-module__tabBadge___IdFDQ", "statusFilter": "styles-module__statusFilter___qtBXs", "filterChip": "styles-module__filterChip___l2s74", "filterCount": "styles-module__filterCount___KukiQ", "content": "styles-module__content___L2lRw", "card": "styles-module__card___F8qwd", "cardHeader": "styles-module__cardHeader___QOVGR", "cardAvatar": "styles-module__cardAvatar___FfKmW", "cardInfo": "styles-module__cardInfo___BmrdF", "cardMeta": "styles-module__cardMeta___7p9KD", "cardAuthor": "styles-module__cardAuthor___YvnuR", "cardTime": "styles-module__cardTime___N1Png", "cardActions": "styles-module__cardActions___7QF72", "cardAction": "styles-module__cardAction___t4b3V", "cardTitle": "styles-module__cardTitle___xJxDN", "cardScreenshot": "styles-module__cardScreenshot___I5-QL", "cardRoute": "styles-module__cardRoute___U4gB6", "cardRoutePath": "styles-module__cardRoutePath___zP-fh", "cardRouteIcon": "styles-module__cardRouteIcon___SBqGj", "cardRouteName": "styles-module__cardRouteName___BDH75", "cardFooter": "styles-module__cardFooter___wfPa4", "cardReplyDot": "styles-module__cardReplyDot___YnqzI", "cardReplyCount": "styles-module__cardReplyCount___O1khL", "statusDot": "styles-module__statusDot___l4IHG", "todo": "styles-module__todo___894P6", "inProgress": "styles-module__inProgress___IZ1mJ", "done": "styles-module__done___n4cWP", "empty": "styles-module__empty___IADrw", "emptyIcon": "styles-module__emptyIcon___1x5wT", "checkBtn": "styles-module__checkBtn___KjHxm", "checked": "styles-module__checked___8pype", "cardDone": "styles-module__cardDone___-m4w-", "backBtn": "styles-module__backBtn___PTIAl", "detailView": "styles-module__detailView___36cvH", "detailHeader": "styles-module__detailHeader___Hepgq", "detailTitle": "styles-module__detailTitle___7TvrX", "detailScreenshot": "styles-module__detailScreenshot___UPF0f", "commentsList": "styles-module__commentsList___5Uigg", "commentItem": "styles-module__commentItem___5u78u", "commentAvatar": "styles-module__commentAvatar___OatKg", "commentBody": "styles-module__commentBody___gmv1J", "commentMeta": "styles-module__commentMeta___JNJa3", "commentAuthorName": "styles-module__commentAuthorName___XNVRk", "commentTime": "styles-module__commentTime___CokGf", "commentContent": "styles-module__commentContent___yMiLR", "loadingComments": "styles-module__loadingComments___zpATD", "noComments": "styles-module__noComments___kvl90", "replyBox": "styles-module__replyBox___FO-XS", "replyInput": "styles-module__replyInput___k8C9e", "sendBtn": "styles-module__sendBtn___pBzWa", "commentImage": "styles-module__commentImage___LuH8X", "commentFileCard": "styles-module__commentFileCard___XE44y", "commentFileIcon": "styles-module__commentFileIcon___G58-y", "commentFileInfo": "styles-module__commentFileInfo___OFIhR", "commentFileName": "styles-module__commentFileName___NUoII", "commentFileSize": "styles-module__commentFileSize___sokU8", "filePreviewOverlay": "styles-module__filePreviewOverlay___5RxYd", "filePreviewModal": "styles-module__filePreviewModal___MGJLW", "filePreviewHeader": "styles-module__filePreviewHeader___E9SWJ", "filePreviewName": "styles-module__filePreviewName___z8t-L", "filePreviewActions": "styles-module__filePreviewActions___weizo", "filePreviewOpen": "styles-module__filePreviewOpen___JpaEs", "filePreviewClose": "styles-module__filePreviewClose___TFcbr", "filePreviewBody": "styles-module__filePreviewBody___gwg1S", "filePreviewIframe": "styles-module__filePreviewIframe___OQ3Oo", "filePreviewFallback": "styles-module__filePreviewFallback___U1rB2", "filePreviewFallbackIcon": "styles-module__filePreviewFallbackIcon___0--41", "lightbox": "styles-module__lightbox___8CDdt", "lightboxClose": "styles-module__lightboxClose___VGfjh" };
+var css6 = '@keyframes styles-module__slideIn___0o0s- {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes styles-module__slideOut___nKrBX {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes styles-module__fadeIn___j09Ts {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.styles-module__backdrop___zYhcU {\n  position: fixed;\n  inset: 0;\n  z-index: 100003;\n  animation: styles-module__fadeIn___j09Ts 0.15s ease-out;\n}\n\n.styles-module__panel___6YS8k {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 420px;\n  max-width: 100vw;\n  background: #fafafa;\n  z-index: 100004;\n  display: flex;\n  flex-direction: column;\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08);\n  animation: styles-module__slideIn___0o0s- 0.2s ease-out;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n.styles-module__panel___6YS8k.styles-module__exiting___6A-Ag {\n  animation: styles-module__slideOut___nKrBX 0.15s ease-in forwards;\n}\n\n.styles-module__header___fBbGz {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid #e5e7eb;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__headerLeft___e0YLf {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__headerTitle___oEPJa {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__closeBtn___-H8ra {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  transition: background 0.12s, color 0.12s;\n}\n.styles-module__closeBtn___-H8ra:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n.styles-module__closeBtn___-H8ra svg {\n  width: 18px;\n  height: 18px;\n}\n\n.styles-module__tabs___nfuX7 {\n  display: flex;\n  padding: 0 20px;\n  gap: 0;\n  border-bottom: 1px solid #e5e7eb;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__tab___Hc-jn {\n  padding: 10px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #6b7280;\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  transition: color 0.12s, border-color 0.12s;\n  font-family: inherit;\n}\n.styles-module__tab___Hc-jn:hover {\n  color: #374151;\n}\n.styles-module__tab___Hc-jn.styles-module__active___ZQzA5 {\n  color: #18181b;\n  border-bottom-color: #18181b;\n}\n\n.styles-module__tabBadge___IdFDQ {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  background: #e5e7eb;\n  color: #374151;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 0 5px;\n  margin-left: 6px;\n}\n\n.styles-module__statusFilter___qtBXs {\n  display: flex;\n  gap: 6px;\n  padding: 10px 20px;\n  border-bottom: 1px solid #f3f4f6;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__filterChip___l2s74 {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #6b7280;\n  background: #f3f4f6;\n  border: 1px solid transparent;\n  border-radius: 16px;\n  cursor: pointer;\n  transition: all 0.12s;\n  font-family: inherit;\n}\n.styles-module__filterChip___l2s74:hover {\n  color: #374151;\n  background: #e5e7eb;\n}\n.styles-module__filterChip___l2s74.styles-module__active___ZQzA5 {\n  color: #18181b;\n  background: #fff;\n  border-color: #d1d5db;\n}\n\n.styles-module__filterCount___KukiQ {\n  font-size: 11px;\n  font-weight: 600;\n  color: inherit;\n  opacity: 0.7;\n}\n\n.styles-module__content___L2lRw {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n}\n.styles-module__content___L2lRw::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__content___L2lRw::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__card___F8qwd {\n  background: #fff;\n  border-radius: 12px;\n  border: 1px solid #e5e7eb;\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: box-shadow 0.12s;\n  cursor: pointer;\n}\n.styles-module__card___F8qwd:hover {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.styles-module__cardHeader___QOVGR {\n  padding: 14px 16px 8px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.styles-module__cardAvatar___FfKmW {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__cardInfo___BmrdF {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__cardMeta___7p9KD {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n\n.styles-module__cardAuthor___YvnuR {\n  font-size: 13px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__cardTime___N1Png {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__cardActions___7QF72 {\n  display: flex;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__cardAction___t4b3V {\n  width: 26px;\n  height: 26px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__cardAction___t4b3V:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__cardAction___t4b3V svg {\n  width: 14px;\n  height: 14px;\n}\n\n.styles-module__cardTitle___xJxDN {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  padding: 0 16px 8px;\n}\n\n.styles-module__cardScreenshot___I5-QL {\n  margin: 0 16px 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  position: relative;\n  max-height: 160px;\n}\n.styles-module__cardScreenshot___I5-QL img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.styles-module__cardRoute___U4gB6 {\n  margin: 0 16px 10px;\n  padding: 8px 12px;\n  background: #f9fafb;\n  border: 1px solid #f3f4f6;\n  border-radius: 8px;\n  font-size: 12px;\n  color: #6b7280;\n  line-height: 1.4;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  transition: background 0.12s, border-color 0.12s;\n}\n.styles-module__cardRoute___U4gB6:hover {\n  background: #f3f4f6;\n  border-color: #d1d5db;\n  color: #3b82f6;\n}\n.styles-module__cardRoute___U4gB6:hover .styles-module__cardRoutePath___zP-fh {\n  color: #3b82f6;\n}\n.styles-module__cardRoute___U4gB6:hover .styles-module__cardRouteIcon___SBqGj {\n  color: #3b82f6;\n}\n\n.styles-module__cardRouteName___BDH75 {\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__cardRoutePath___zP-fh {\n  flex: 1;\n  min-width: 0;\n  color: #9ca3af;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  transition: color 0.12s;\n}\n\n.styles-module__cardRouteIcon___SBqGj {\n  flex-shrink: 0;\n  color: #9ca3af;\n  transition: color 0.12s;\n}\n\n.styles-module__cardStatusTime___S62W1 {\n  padding: 0 16px 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.styles-module__cardStatusTime___S62W1 span {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__cardFooter___wfPa4 {\n  padding: 8px 16px 12px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__cardReplyDot___YnqzI {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #16a34a;\n  flex-shrink: 0;\n}\n\n.styles-module__cardReplyCount___O1khL {\n  font-size: 12px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__statusDot___l4IHG {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__statusDot___l4IHG.styles-module__todo___894P6 {\n  background: #f59e0b;\n}\n.styles-module__statusDot___l4IHG.styles-module__inProgress___IZ1mJ {\n  background: #3b82f6;\n}\n.styles-module__statusDot___l4IHG.styles-module__done___n4cWP {\n  background: #16a34a;\n}\n\n.styles-module__empty___IADrw {\n  text-align: center;\n  padding: 48px 20px;\n  color: #9ca3af;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.styles-module__emptyIcon___1x5wT {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #f3f4f6;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 12px;\n  color: #9ca3af;\n}\n.styles-module__emptyIcon___1x5wT svg {\n  width: 24px;\n  height: 24px;\n}\n\n.styles-module__checkBtn___KjHxm {\n  width: 28px;\n  height: 28px;\n  border: 2px solid #d1d5db;\n  border-radius: 50%;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: transparent;\n  transition: all 0.15s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__checkBtn___KjHxm svg {\n  width: 14px;\n  height: 14px;\n}\n.styles-module__checkBtn___KjHxm:hover {\n  border-color: #16a34a;\n  color: #16a34a;\n}\n.styles-module__checkBtn___KjHxm.styles-module__checked___8pype {\n  border-color: #16a34a;\n  background: #16a34a;\n  color: #fff;\n}\n\n.styles-module__cardDone___-m4w- {\n  opacity: 0.6;\n}\n.styles-module__cardDone___-m4w- .styles-module__cardTitle___xJxDN {\n  text-decoration: line-through;\n  color: #9ca3af;\n}\n\n.styles-module__backBtn___PTIAl {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__backBtn___PTIAl:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__detailView___36cvH {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.styles-module__detailHeader___Hepgq {\n  display: flex;\n  gap: 10px;\n  padding: 16px 20px;\n  background: #f5f5f5;\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.styles-module__detailTitle___7TvrX {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  margin-top: 4px;\n}\n\n.styles-module__detailScreenshot___UPF0f {\n  margin: 0 20px 0;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-height: 180px;\n}\n.styles-module__detailScreenshot___UPF0f img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n}\n\n.styles-module__commentsList___5Uigg {\n  flex: 1;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n.styles-module__commentsList___5Uigg::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__commentsList___5Uigg::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__commentItem___5u78u {\n  display: flex;\n  gap: 10px;\n  padding: 10px 20px;\n}\n.styles-module__commentItem___5u78u:hover {\n  background: #f9fafb;\n}\n\n.styles-module__commentAvatar___OatKg {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__commentBody___gmv1J {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__commentMeta___JNJa3 {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  margin-bottom: 2px;\n}\n\n.styles-module__commentAuthorName___XNVRk {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__commentTime___CokGf {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__commentContent___yMiLR {\n  font-size: 13px;\n  color: #374151;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.styles-module__loadingComments___zpATD, .styles-module__noComments___kvl90 {\n  text-align: center;\n  padding: 24px 20px;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.styles-module__replyBox___FO-XS {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid #f3f4f6;\n  background: #fff;\n}\n\n.styles-module__replyInput___k8C9e {\n  flex: 1;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 8px 12px;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  resize: none;\n  outline: none;\n  min-height: 20px;\n  max-height: 80px;\n  line-height: 1.5;\n  transition: border-color 0.12s;\n}\n.styles-module__replyInput___k8C9e:focus {\n  border-color: #18181b;\n}\n.styles-module__replyInput___k8C9e::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__sendBtn___pBzWa {\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #d1d5db;\n  transition: color 0.12s;\n  padding: 0;\n  flex-shrink: 0;\n}\n.styles-module__sendBtn___pBzWa.styles-module__active___ZQzA5 {\n  color: #3b82f6;\n}\n.styles-module__sendBtn___pBzWa:hover {\n  color: #3b82f6;\n}\n\n.styles-module__commentImage___LuH8X {\n  margin-top: 6px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-width: 240px;\n  cursor: pointer;\n  transition: opacity 0.12s;\n}\n.styles-module__commentImage___LuH8X:hover {\n  opacity: 0.9;\n}\n.styles-module__commentImage___LuH8X img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.styles-module__commentFileCard___XE44y {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 6px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  cursor: pointer;\n  transition: background 0.12s;\n  max-width: 240px;\n}\n.styles-module__commentFileCard___XE44y:hover {\n  background: #f3f4f6;\n}\n\n.styles-module__commentFileIcon___G58-y {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  background: #e5e7eb;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n  letter-spacing: 0.5px;\n}\n\n.styles-module__commentFileInfo___OFIhR {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styles-module__commentFileName___NUoII {\n  font-size: 12px;\n  font-weight: 500;\n  color: #1a1a1a;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__commentFileSize___sokU8 {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__filePreviewOverlay___5RxYd {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.6);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.styles-module__filePreviewModal___MGJLW {\n  width: 90vw;\n  max-width: 960px;\n  height: 80vh;\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n}\n\n.styles-module__filePreviewHeader___E9SWJ {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #e5e7eb;\n  flex-shrink: 0;\n}\n\n.styles-module__filePreviewName___z8t-L {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__filePreviewActions___weizo {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__filePreviewOpen___JpaEs {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #3b82f6;\n  text-decoration: none;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.12s;\n}\n.styles-module__filePreviewOpen___JpaEs:hover {\n  background: #eff6ff;\n}\n\n.styles-module__filePreviewClose___TFcbr {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n  font-size: 18px;\n  transition: background 0.12s, color 0.12s;\n}\n.styles-module__filePreviewClose___TFcbr:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__filePreviewBody___gwg1S {\n  flex: 1;\n  overflow: hidden;\n}\n\n.styles-module__filePreviewIframe___OQ3Oo {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.styles-module__filePreviewFallback___U1rB2 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 12px;\n  color: #6b7280;\n  font-size: 14px;\n}\n.styles-module__filePreviewFallback___U1rB2 a {\n  color: #3b82f6;\n  text-decoration: none;\n  font-weight: 500;\n}\n.styles-module__filePreviewFallback___U1rB2 a:hover {\n  text-decoration: underline;\n}\n\n.styles-module__filePreviewFallbackIcon___0--41 {\n  width: 56px;\n  height: 56px;\n  border-radius: 12px;\n  background: #f3f4f6;\n  color: #6b7280;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.styles-module__lightbox___8CDdt {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: zoom-out;\n}\n.styles-module__lightbox___8CDdt img {\n  max-width: 90vw;\n  max-height: 90vh;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  cursor: default;\n}\n\n.styles-module__lightboxClose___VGfjh {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__lightboxClose___VGfjh:hover {\n  background: rgba(255, 255, 255, 0.25);\n}\n\n.styles-module__historyFilter___IoWL4 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 10px 20px;\n  border-bottom: 1px solid #f3f4f6;\n  background: #fff;\n  flex-shrink: 0;\n}\n\n.styles-module__historyDateWrap___reBzb {\n  position: relative;\n}\n\n.styles-module__filterChipClear___Sx4c3 {\n  width: 22px;\n  height: 22px;\n  border: none;\n  background: #e5e7eb;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: #6b7280;\n  line-height: 1;\n  transition: background 0.12s;\n  font-family: inherit;\n}\n.styles-module__filterChipClear___Sx4c3:hover {\n  background: #d1d5db;\n}\n\n.styles-module__datePopover___AYzLr {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 10;\n  background: #fff;\n  border: 1px solid #e5e7eb;\n  border-radius: 10px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  padding: 8px;\n}\n\n.styles-module__dateInput___Ofr3Y {\n  border: 1px solid #e5e7eb;\n  border-radius: 6px;\n  padding: 6px 10px;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  outline: none;\n  cursor: pointer;\n}\n.styles-module__dateInput___Ofr3Y:focus {\n  border-color: #18181b;\n}\n\n.styles-module__historyItem___G4kbt {\n  display: flex;\n  gap: 12px;\n  padding: 12px 20px;\n  position: relative;\n  transition: background 0.12s;\n}\n.styles-module__historyItem___G4kbt:hover {\n  background: #f9fafb;\n}\n.styles-module__historyItem___G4kbt:not(:last-child)::before {\n  content: "";\n  position: absolute;\n  left: 29px;\n  top: 24px;\n  bottom: -12px;\n  width: 1px;\n  background: #e5e7eb;\n}\n\n.styles-module__historyDot___0z439 {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 4px;\n  background: #d1d5db;\n}\n\n.styles-module__historyDot_created___G-qjM {\n  background: #6366f1;\n}\n\n.styles-module__historyDot_status_changed___jsanw {\n  background: #3b82f6;\n}\n\n.styles-module__historyDot_comment_added___5-lrl {\n  background: #f59e0b;\n}\n\n.styles-module__historyBody___i-k1p {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__historyMeta___khk0e {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 2px;\n}\n\n.styles-module__historyEvent___P6rQ5 {\n  font-size: 12px;\n  font-weight: 600;\n  color: #374151;\n}\n\n.styles-module__historyTime___bWpM4 {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__historyTitle___gUvXd {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__historyUrl___5xfKq {\n  font-size: 11px;\n  color: #9ca3af;\n  margin-top: 2px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}';
+var classNames6 = { "backdrop": "styles-module__backdrop___zYhcU", "fadeIn": "styles-module__fadeIn___j09Ts", "panel": "styles-module__panel___6YS8k", "slideIn": "styles-module__slideIn___0o0s-", "exiting": "styles-module__exiting___6A-Ag", "slideOut": "styles-module__slideOut___nKrBX", "header": "styles-module__header___fBbGz", "headerLeft": "styles-module__headerLeft___e0YLf", "headerTitle": "styles-module__headerTitle___oEPJa", "closeBtn": "styles-module__closeBtn___-H8ra", "tabs": "styles-module__tabs___nfuX7", "tab": "styles-module__tab___Hc-jn", "active": "styles-module__active___ZQzA5", "tabBadge": "styles-module__tabBadge___IdFDQ", "statusFilter": "styles-module__statusFilter___qtBXs", "filterChip": "styles-module__filterChip___l2s74", "filterCount": "styles-module__filterCount___KukiQ", "content": "styles-module__content___L2lRw", "card": "styles-module__card___F8qwd", "cardHeader": "styles-module__cardHeader___QOVGR", "cardAvatar": "styles-module__cardAvatar___FfKmW", "cardInfo": "styles-module__cardInfo___BmrdF", "cardMeta": "styles-module__cardMeta___7p9KD", "cardAuthor": "styles-module__cardAuthor___YvnuR", "cardTime": "styles-module__cardTime___N1Png", "cardActions": "styles-module__cardActions___7QF72", "cardAction": "styles-module__cardAction___t4b3V", "cardTitle": "styles-module__cardTitle___xJxDN", "cardScreenshot": "styles-module__cardScreenshot___I5-QL", "cardRoute": "styles-module__cardRoute___U4gB6", "cardRoutePath": "styles-module__cardRoutePath___zP-fh", "cardRouteIcon": "styles-module__cardRouteIcon___SBqGj", "cardRouteName": "styles-module__cardRouteName___BDH75", "cardStatusTime": "styles-module__cardStatusTime___S62W1", "cardFooter": "styles-module__cardFooter___wfPa4", "cardReplyDot": "styles-module__cardReplyDot___YnqzI", "cardReplyCount": "styles-module__cardReplyCount___O1khL", "statusDot": "styles-module__statusDot___l4IHG", "todo": "styles-module__todo___894P6", "inProgress": "styles-module__inProgress___IZ1mJ", "done": "styles-module__done___n4cWP", "empty": "styles-module__empty___IADrw", "emptyIcon": "styles-module__emptyIcon___1x5wT", "checkBtn": "styles-module__checkBtn___KjHxm", "checked": "styles-module__checked___8pype", "cardDone": "styles-module__cardDone___-m4w-", "backBtn": "styles-module__backBtn___PTIAl", "detailView": "styles-module__detailView___36cvH", "detailHeader": "styles-module__detailHeader___Hepgq", "detailTitle": "styles-module__detailTitle___7TvrX", "detailScreenshot": "styles-module__detailScreenshot___UPF0f", "commentsList": "styles-module__commentsList___5Uigg", "commentItem": "styles-module__commentItem___5u78u", "commentAvatar": "styles-module__commentAvatar___OatKg", "commentBody": "styles-module__commentBody___gmv1J", "commentMeta": "styles-module__commentMeta___JNJa3", "commentAuthorName": "styles-module__commentAuthorName___XNVRk", "commentTime": "styles-module__commentTime___CokGf", "commentContent": "styles-module__commentContent___yMiLR", "loadingComments": "styles-module__loadingComments___zpATD", "noComments": "styles-module__noComments___kvl90", "replyBox": "styles-module__replyBox___FO-XS", "replyInput": "styles-module__replyInput___k8C9e", "sendBtn": "styles-module__sendBtn___pBzWa", "commentImage": "styles-module__commentImage___LuH8X", "commentFileCard": "styles-module__commentFileCard___XE44y", "commentFileIcon": "styles-module__commentFileIcon___G58-y", "commentFileInfo": "styles-module__commentFileInfo___OFIhR", "commentFileName": "styles-module__commentFileName___NUoII", "commentFileSize": "styles-module__commentFileSize___sokU8", "filePreviewOverlay": "styles-module__filePreviewOverlay___5RxYd", "filePreviewModal": "styles-module__filePreviewModal___MGJLW", "filePreviewHeader": "styles-module__filePreviewHeader___E9SWJ", "filePreviewName": "styles-module__filePreviewName___z8t-L", "filePreviewActions": "styles-module__filePreviewActions___weizo", "filePreviewOpen": "styles-module__filePreviewOpen___JpaEs", "filePreviewClose": "styles-module__filePreviewClose___TFcbr", "filePreviewBody": "styles-module__filePreviewBody___gwg1S", "filePreviewIframe": "styles-module__filePreviewIframe___OQ3Oo", "filePreviewFallback": "styles-module__filePreviewFallback___U1rB2", "filePreviewFallbackIcon": "styles-module__filePreviewFallbackIcon___0--41", "lightbox": "styles-module__lightbox___8CDdt", "lightboxClose": "styles-module__lightboxClose___VGfjh", "historyFilter": "styles-module__historyFilter___IoWL4", "historyDateWrap": "styles-module__historyDateWrap___reBzb", "filterChipClear": "styles-module__filterChipClear___Sx4c3", "datePopover": "styles-module__datePopover___AYzLr", "dateInput": "styles-module__dateInput___Ofr3Y", "historyItem": "styles-module__historyItem___G4kbt", "historyDot": "styles-module__historyDot___0z439", "historyDot_created": "styles-module__historyDot_created___G-qjM", "historyDot_status_changed": "styles-module__historyDot_status_changed___jsanw", "historyDot_comment_added": "styles-module__historyDot_comment_added___5-lrl", "historyBody": "styles-module__historyBody___i-k1p", "historyMeta": "styles-module__historyMeta___khk0e", "historyEvent": "styles-module__historyEvent___P6rQ5", "historyTime": "styles-module__historyTime___bWpM4", "historyTitle": "styles-module__historyTitle___gUvXd", "historyUrl": "styles-module__historyUrl___5xfKq" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-inbox-panel-styles");
   if (!style) {
@@ -2995,12 +3034,12 @@ if (typeof document !== "undefined") {
     style.id = "impakers-debug-styles-inbox-panel-styles";
     document.head.appendChild(style);
   }
-  style.textContent = css5;
+  style.textContent = css6;
 }
-var styles_module_default5 = classNames5;
+var styles_module_default6 = classNames6;
 
 // src/components/inbox-panel/index.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function ImageLightbox({ src, onClose }) {
   (0, import_react5.useEffect)(() => {
     const handler = (e) => {
@@ -3009,9 +3048,9 @@ function ImageLightbox({ src, onClose }) {
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.lightbox, onClick: onClose, "data-impakers-debug": "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.lightboxClose, onClick: onClose, type: "button", children: "\xD7" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.lightbox, onClick: onClose, "data-impakers-debug": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: styles_module_default6.lightboxClose, onClick: onClose, type: "button", children: "\xD7" })
   ] });
 }
 function formatFileSize2(bytes) {
@@ -3060,25 +3099,25 @@ function FilePreviewModal({
     return () => document.removeEventListener("keydown", handler);
   }, [onClose]);
   const previewSrc = getPreviewSrc(fileUrl, fileType, fileSource);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.filePreviewOverlay, onClick: onClose, "data-impakers-debug": "", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.filePreviewModal, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.filePreviewHeader, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.filePreviewName, children: fileName }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.filePreviewActions, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { href: fileUrl, target: "_blank", rel: "noopener noreferrer", className: styles_module_default5.filePreviewOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.filePreviewOverlay, onClick: onClose, "data-impakers-debug": "", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.filePreviewModal, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.filePreviewHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.filePreviewName, children: fileName }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.filePreviewActions, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("a", { href: fileUrl, target: "_blank", rel: "noopener noreferrer", className: styles_module_default6.filePreviewOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "14", height: "14", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
           ] }),
           "\uC5F4\uAE30"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.filePreviewClose, onClick: onClose, type: "button", children: "\xD7" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: styles_module_default6.filePreviewClose, onClick: onClose, type: "button", children: "\xD7" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.filePreviewBody, children: previewSrc ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("iframe", { src: previewSrc, className: styles_module_default5.filePreviewIframe, title: fileName }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.filePreviewFallback, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.filePreviewFallbackIcon, children: getFileIcon2(fileType) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: fileUrl, target: "_blank", rel: "noopener noreferrer", children: "\uD30C\uC77C \uC5F4\uAE30" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.filePreviewBody, children: previewSrc ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("iframe", { src: previewSrc, className: styles_module_default6.filePreviewIframe, title: fileName }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.filePreviewFallback, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.filePreviewFallbackIcon, children: getFileIcon2(fileType) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "\uBBF8\uB9AC\uBCF4\uAE30\uB97C \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: fileUrl, target: "_blank", rel: "noopener noreferrer", children: "\uD30C\uC77C \uC5F4\uAE30" })
     ] }) })
   ] }) });
 }
@@ -3086,14 +3125,14 @@ function formatTime2(dateStr) {
   const date = new Date(dateStr);
   const diff = Date.now() - date.getTime();
   const pad = (n) => String(n).padStart(2, "0");
-  const abs = `${pad(date.getMonth() + 1)}.${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+  const abs = `${date.getMonth() + 1}/${date.getDate()} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
   const m = Math.floor(diff / 6e4);
-  if (m < 1) return `${abs} (just now)`;
-  if (m < 60) return `${abs} (${m}m)`;
+  if (m < 1) return `${abs} (\uBC29\uAE08)`;
+  if (m < 60) return `${abs} (${m}\uBD84 \uC804)`;
   const h = Math.floor(m / 60);
-  if (h < 24) return `${abs} (${h}h)`;
+  if (h < 24) return `${abs} (${h}\uC2DC\uAC04 \uC804)`;
   const d = Math.floor(h / 24);
-  return `${abs} (${d}d)`;
+  return `${abs} (${d}\uC77C \uC804)`;
 }
 function getInitials2(name) {
   return name.slice(0, 1).toUpperCase();
@@ -3106,10 +3145,17 @@ function InboxPanel({
   endpoint,
   currentUserName,
   currentUserId,
-  onClose
+  onClose,
+  onHistoryViewed,
+  newNotiCount
 }) {
   const [tab, setTab] = (0, import_react5.useState)("page");
   const [statusFilter, setStatusFilter] = (0, import_react5.useState)("todo");
+  const [historyDate, setHistoryDate] = (0, import_react5.useState)("");
+  const [showDatePicker, setShowDatePicker] = (0, import_react5.useState)(false);
+  const datePickerRef = (0, import_react5.useRef)(null);
+  const [historyEvents, setHistoryEvents] = (0, import_react5.useState)([]);
+  const [historyLoading, setHistoryLoading] = (0, import_react5.useState)(false);
   const [exiting, setExiting] = (0, import_react5.useState)(false);
   const [selectedItem, setSelectedItem] = (0, import_react5.useState)(null);
   const [comments, setComments] = (0, import_react5.useState)([]);
@@ -3158,6 +3204,16 @@ function InboxPanel({
   (0, import_react5.useEffect)(() => {
     commentsEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [comments.length]);
+  (0, import_react5.useEffect)(() => {
+    if (!showDatePicker) return;
+    const handler = (e) => {
+      if (datePickerRef.current && !datePickerRef.current.contains(e.target)) {
+        setShowDatePicker(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [showDatePicker]);
   (0, import_react5.useEffect)(() => {
     if (selectedItem) replyRef.current?.focus();
   }, [selectedItem]);
@@ -3180,64 +3236,69 @@ function InboxPanel({
     }
     if (e.key === "Escape") handleClose();
   }, [handleSendReply, handleClose]);
-  const rawItems = tab === "page" ? pageItems : allItems;
+  const rawItems = tab === "page" ? pageItems : tab === "all" ? allItems : [];
   const items = rawItems.filter((item) => item.status === statusFilter);
   const todoCount = rawItems.filter((item) => item.status === "todo").length;
   const inProgressCount = rawItems.filter((item) => item.status === "in_progress").length;
   const doneCount = rawItems.filter((item) => item.status === "done").length;
+  (0, import_react5.useEffect)(() => {
+    if (tab !== "history") return;
+    setHistoryLoading(true);
+    fetchHistory(endpoint, { date: historyDate || void 0, limit: 200 }).then(setHistoryEvents).catch(() => setHistoryEvents([])).finally(() => setHistoryLoading(false));
+  }, [tab, historyDate, endpoint]);
   if (typeof document === "undefined") return null;
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-impakers-debug": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.backdrop, onClick: handleClose }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `${styles_module_default5.panel} ${exiting ? styles_module_default5.exiting : ""}`, "data-impakers-debug": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.headerLeft, children: [
-            selectedItem && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.backBtn, onClick: handleClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "15 18 9 12 15 6" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.headerTitle, children: selectedItem ? selectedItem.title.replace(/^\[피드백\]\s*/, "") : serviceName || "Feedback" })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-impakers-debug": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.backdrop, onClick: handleClose }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${styles_module_default6.panel} ${exiting ? styles_module_default6.exiting : ""}`, "data-impakers-debug": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.headerLeft, children: [
+            selectedItem && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: styles_module_default6.backBtn, onClick: handleClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "15 18 9 12 15 6" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.headerTitle, children: selectedItem ? "\uD53C\uB4DC\uBC31 \uC0C1\uC138" : serviceName || "Feedback" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.closeBtn, onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: styles_module_default6.closeBtn, onClick: () => {
             setExiting(true);
             setTimeout(() => onClose(), 150);
-          }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
+          }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
         ] }),
-        selectedItem ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.detailView, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.detailHeader, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.cardAvatar, children: getInitials2(selectedItem.authorName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.cardMeta, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardAuthor, children: selectedItem.authorName }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardTime, children: formatTime2(selectedItem.createdAt) })
+        selectedItem ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.detailView, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.detailHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.cardAvatar, children: getInitials2(selectedItem.authorName) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.cardMeta, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardAuthor, children: selectedItem.authorName }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardTime, children: formatTime2(selectedItem.createdAt) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.detailTitle, children: selectedItem.title.replace(/^\[피드백\]\s*/, "") })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.detailTitle, children: selectedItem.title.replace(/^\[피드백\]\s*/, "") })
             ] })
           ] }),
-          selectedItem.screenshot && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.detailScreenshot, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: selectedItem.screenshot, alt: "screenshot" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.commentsList, children: [
-            loadingComments && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.loadingComments, children: "\uB313\uAE00 \uB85C\uB529 \uC911..." }),
-            !loadingComments && comments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.noComments, children: "\uC544\uC9C1 \uB313\uAE00\uC774 \uC5C6\uC2B5\uB2C8\uB2E4" }),
-            comments.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.commentItem, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.commentAvatar, style: { width: 22, height: 22, fontSize: 10 }, children: getInitials2(c.authorName) }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.commentBody, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.commentMeta, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentAuthorName, children: c.authorName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentTime, children: formatTime2(c.createdAt) })
+          selectedItem.screenshot && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.detailScreenshot, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: selectedItem.screenshot, alt: "screenshot" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.commentsList, children: [
+            loadingComments && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoadingSpinner, { message: "\uB313\uAE00 \uB85C\uB529 \uC911..." }),
+            !loadingComments && comments.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.noComments, children: "\uC544\uC9C1 \uB313\uAE00\uC774 \uC5C6\uC2B5\uB2C8\uB2E4" }),
+            comments.map((c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.commentItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.commentAvatar, style: { width: 22, height: 22, fontSize: 10 }, children: getInitials2(c.authorName) }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.commentBody, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.commentMeta, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.commentAuthorName, children: c.authorName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.commentTime, children: formatTime2(c.createdAt) })
                 ] }),
-                c.content && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.commentContent, children: c.content }),
-                c.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                c.content && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.commentContent, children: c.content }),
+                c.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "div",
                   {
-                    className: styles_module_default5.commentImage,
+                    className: styles_module_default6.commentImage,
                     onClick: (e) => {
                       e.stopPropagation();
                       setLightboxSrc(c.imageUrl);
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: c.imageUrl, alt: "attachment" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: c.imageUrl, alt: "attachment" })
                   }
                 ),
-                c.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                c.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                   "div",
                   {
-                    className: styles_module_default5.commentFileCard,
+                    className: styles_module_default6.commentFileCard,
                     onClick: (e) => {
                       e.stopPropagation();
                       setFilePreview({
@@ -3248,24 +3309,24 @@ function InboxPanel({
                       });
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentFileIcon, children: getFileIcon2(c.fileType || "") }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: styles_module_default5.commentFileInfo, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentFileName, children: c.fileName || "\uD30C\uC77C" }),
-                        c.fileSize != null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentFileSize, children: formatFileSize2(c.fileSize) })
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.commentFileIcon, children: getFileIcon2(c.fileType || "") }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: styles_module_default6.commentFileInfo, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.commentFileName, children: c.fileName || "\uD30C\uC77C" }),
+                        c.fileSize != null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.commentFileSize, children: formatFileSize2(c.fileSize) })
                       ] })
                     ]
                   }
                 )
               ] })
             ] }, c.id)),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: commentsEndRef })
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: commentsEndRef })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.replyBox, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.replyBox, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "textarea",
               {
                 ref: replyRef,
-                className: styles_module_default5.replyInput,
+                className: styles_module_default6.replyInput,
                 placeholder: "Reply...",
                 value: replyText,
                 onChange: (e) => {
@@ -3278,114 +3339,204 @@ function InboxPanel({
                 rows: 2
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
-                className: `${styles_module_default5.sendBtn} ${replyText.trim() ? styles_module_default5.active : ""}`,
+                className: `${styles_module_default6.sendBtn} ${replyText.trim() ? styles_module_default6.active : ""}`,
                 onClick: handleSendReply,
                 disabled: !replyText.trim(),
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "16", height: "16", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
                 ] })
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.tabs, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: `${styles_module_default5.tab} ${tab === "page" ? styles_module_default5.active : ""}`, onClick: () => setTab("page"), type: "button", children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.tabs, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: `${styles_module_default6.tab} ${tab === "page" ? styles_module_default6.active : ""}`, onClick: () => setTab("page"), type: "button", children: [
               "This Page",
-              pageItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.tabBadge, children: pageItems.length })
+              pageItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.tabBadge, children: pageItems.length })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: `${styles_module_default5.tab} ${tab === "all" ? styles_module_default5.active : ""}`, onClick: () => setTab("all"), type: "button", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: `${styles_module_default6.tab} ${tab === "all" ? styles_module_default6.active : ""}`, onClick: () => setTab("all"), type: "button", children: [
               "All",
-              allItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.tabBadge, children: allItems.length })
+              allItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.tabBadge, children: allItems.length })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: `${styles_module_default6.tab} ${tab === "history" ? styles_module_default6.active : ""}`, onClick: () => {
+              setTab("history");
+              onHistoryViewed?.();
+            }, type: "button", children: [
+              "History",
+              newNotiCount && newNotiCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.tabBadge, children: newNotiCount }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.statusFilter, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              "button",
-              {
-                className: `${styles_module_default5.filterChip} ${statusFilter === "todo" ? styles_module_default5.active : ""}`,
-                onClick: () => setStatusFilter("todo"),
-                type: "button",
-                children: [
-                  "\uC9C4\uD589\uC804",
-                  todoCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.filterCount, children: todoCount })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              "button",
-              {
-                className: `${styles_module_default5.filterChip} ${statusFilter === "in_progress" ? styles_module_default5.active : ""}`,
-                onClick: () => setStatusFilter("in_progress"),
-                type: "button",
-                children: [
-                  "\uC9C4\uD589\uC911",
-                  inProgressCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.filterCount, children: inProgressCount })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              "button",
-              {
-                className: `${styles_module_default5.filterChip} ${statusFilter === "done" ? styles_module_default5.active : ""}`,
-                onClick: () => setStatusFilter("done"),
-                type: "button",
-                children: [
-                  "\uC644\uB8CC",
-                  doneCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.filterCount, children: doneCount })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.content, children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.empty, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.emptyIcon, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) }) }),
-            tab === "page" ? "\uC774 \uD398\uC774\uC9C0\uC5D0 \uD53C\uB4DC\uBC31\uC774 \uC5C6\uC2B5\uB2C8\uB2E4" : "\uD53C\uB4DC\uBC31\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
-          ] }) : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `${styles_module_default5.card} ${item.status === "done" ? styles_module_default5.cardDone : ""}`, onClick: () => handleItemClick(item), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.cardHeader, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.cardAvatar, children: getInitials2(item.authorName) }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.cardInfo, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.cardMeta, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardAuthor, children: item.authorName }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardTime, children: formatTime2(item.createdAt) })
-              ] }) })
+          tab === "history" ? (
+            /* === History 뷰 === */
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.historyFilter, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.historyDateWrap, ref: datePickerRef, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                    "button",
+                    {
+                      className: `${styles_module_default6.filterChip} ${historyDate ? styles_module_default6.active : ""}`,
+                      onClick: () => setShowDatePicker((v) => !v),
+                      type: "button",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "13", height: "13", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+                        ] }),
+                        historyDate ? `${new Date(historyDate).getMonth() + 1}/${new Date(historyDate).getDate()}` : "\uB0A0\uC9DC"
+                      ]
+                    }
+                  ),
+                  showDatePicker && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.datePopover, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "input",
+                    {
+                      type: "date",
+                      value: historyDate,
+                      onChange: (e) => {
+                        setHistoryDate(e.target.value);
+                        setShowDatePicker(false);
+                      },
+                      className: styles_module_default6.dateInput,
+                      autoFocus: true
+                    }
+                  ) })
+                ] }),
+                historyDate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "button",
+                  {
+                    className: styles_module_default6.filterChipClear,
+                    onClick: () => setHistoryDate(""),
+                    type: "button",
+                    title: "\uD544\uD130 \uCD08\uAE30\uD654",
+                    children: "\xD7"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.content, children: historyLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.empty, children: "\uB85C\uB529 \uC911..." }) : historyEvents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.empty, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.emptyIcon, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "12 6 12 12 16 14" })
+                ] }) }),
+                "\uD788\uC2A4\uD1A0\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4"
+              ] }) : historyEvents.map((ev, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.historyItem, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `${styles_module_default6.historyDot} ${styles_module_default6[`historyDot_${ev.action}`]}` }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.historyBody, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.historyMeta, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: styles_module_default6.historyEvent, children: [
+                      ev.action === "created" && "\uD53C\uB4DC\uBC31 \uC0DD\uC131",
+                      ev.action === "status_changed" && ev.toStatus === "in_progress" && "\uC9C4\uD589 \uC2DC\uC791",
+                      ev.action === "status_changed" && ev.toStatus === "done" && "\uC644\uB8CC \uCC98\uB9AC",
+                      ev.action === "status_changed" && ev.toStatus === "todo" && "\uC7AC\uC624\uD508",
+                      ev.action === "comment_added" && `\uB313\uAE00 (${ev.actorName || "\uC775\uBA85"})`
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.historyTime, children: formatTime2(ev.createdAt) })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.historyTitle, children: (ev.taskTitle || "").replace(/^\[피드백\]\s*/, "") }),
+                  ev.feedbackUrl && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.historyUrl, children: ev.feedbackUrl })
+                ] })
+              ] }, `${ev.id}-${ev.action}-${i}`)) })
+            ] })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.statusFilter, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "button",
+                {
+                  className: `${styles_module_default6.filterChip} ${statusFilter === "todo" ? styles_module_default6.active : ""}`,
+                  onClick: () => setStatusFilter("todo"),
+                  type: "button",
+                  children: [
+                    "\uC9C4\uD589\uC804",
+                    todoCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.filterCount, children: todoCount })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "button",
+                {
+                  className: `${styles_module_default6.filterChip} ${statusFilter === "in_progress" ? styles_module_default6.active : ""}`,
+                  onClick: () => setStatusFilter("in_progress"),
+                  type: "button",
+                  children: [
+                    "\uC9C4\uD589\uC911",
+                    inProgressCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.filterCount, children: inProgressCount })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "button",
+                {
+                  className: `${styles_module_default6.filterChip} ${statusFilter === "done" ? styles_module_default6.active : ""}`,
+                  onClick: () => setStatusFilter("done"),
+                  type: "button",
+                  children: [
+                    "\uC644\uB8CC",
+                    doneCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.filterCount, children: doneCount })
+                  ]
+                }
+              )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.cardTitle, children: item.title.replace(/^\[피드백\]\s*/, "") }),
-            item.screenshot && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.cardScreenshot, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: item.screenshot, alt: "screenshot" }) }),
-            tab === "all" && item.feedbackUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              "div",
-              {
-                className: styles_module_default5.cardRoute,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  window.location.href = item.feedbackUrl;
-                },
-                title: "\uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardRoutePath, children: item.feedbackUrl }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { className: styles_module_default5.cardRouteIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.cardFooter, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.cardReplyDot }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: styles_module_default5.cardReplyCount, children: [
-                item.commentCount,
-                " ",
-                item.commentCount === 1 ? "Reply" : "Replies"
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.content, children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.empty, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.emptyIcon, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) }) }),
+              tab === "page" ? "\uC774 \uD398\uC774\uC9C0\uC5D0 \uD53C\uB4DC\uBC31\uC774 \uC5C6\uC2B5\uB2C8\uB2E4" : "\uD53C\uB4DC\uBC31\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
+            ] }) : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${styles_module_default6.card} ${item.status === "done" ? styles_module_default6.cardDone : ""}`, onClick: () => handleItemClick(item), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.cardHeader, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.cardAvatar, children: getInitials2(item.authorName) }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.cardInfo, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.cardMeta, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardAuthor, children: item.authorName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardTime, children: formatTime2(item.createdAt) })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.cardTitle, children: item.title.replace(/^\[피드백\]\s*/, "") }),
+              item.screenshot && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.cardScreenshot, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: item.screenshot, alt: "screenshot" }) }),
+              tab === "all" && item.feedbackUrl && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+                "div",
+                {
+                  className: styles_module_default6.cardRoute,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    window.location.href = item.feedbackUrl;
+                  },
+                  title: "\uD398\uC774\uC9C0\uB85C \uC774\uB3D9",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardRoutePath, children: item.feedbackUrl }),
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { className: styles_module_default6.cardRouteIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "12", height: "12", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                    ] })
+                  ]
+                }
+              ),
+              (item.startedAt || item.completedAt) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.cardStatusTime, children: [
+                item.startedAt && item.status !== "todo" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+                  "\uC9C4\uD589 \uC2DC\uC791: ",
+                  formatTime2(item.startedAt)
+                ] }),
+                item.completedAt && item.status === "done" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+                  "\uC644\uB8CC: ",
+                  formatTime2(item.completedAt)
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.cardFooter, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.cardReplyDot }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: styles_module_default6.cardReplyCount, children: [
+                  item.commentCount,
+                  " ",
+                  item.commentCount === 1 ? "Reply" : "Replies"
+                ] })
               ] })
-            ] })
-          ] }, item.id)) })
+            ] }, item.id)) })
+          ] })
         ] })
       ] }),
-      lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) }),
-      filePreview && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) }),
+      filePreview && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         FilePreviewModal,
         {
           fileUrl: filePreview.url,
@@ -3437,8 +3588,8 @@ var MARKER_COLORS = [
 ];
 
 // src/components/settings-panel/styles.module.scss
-var css6 = '@keyframes styles-module__panelIn___SmRh6 {\n  from {\n    opacity: 0;\n    transform: translateY(8px) scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n.styles-module__backdrop___--cMp {\n  position: fixed;\n  inset: 0;\n  z-index: 100005;\n}\n\n.styles-module__panel___z6xiJ {\n  position: fixed;\n  bottom: 80px;\n  right: 24px;\n  width: 280px;\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n  z-index: 100006;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__panelIn___SmRh6 0.15s ease-out;\n  -webkit-font-smoothing: antialiased;\n}\n\n.styles-module__header___NkOur {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid #f3f4f6;\n}\n\n.styles-module__title___tsKZw {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__closeBtn___-OQ4Y {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n}\n.styles-module__closeBtn___-OQ4Y:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__body___9pyCP {\n  padding: 12px 16px 16px;\n}\n\n.styles-module__field___vnQMl {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.styles-module__fieldLabel___2WUKB {\n  font-size: 13px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__toggle___uWsqC {\n  width: 40px;\n  height: 22px;\n  border-radius: 11px;\n  background: #d1d5db;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  transition: background 0.2s;\n  padding: 0;\n}\n.styles-module__toggle___uWsqC.styles-module__on___W27kf {\n  background: #18181b;\n}\n\n.styles-module__toggleThumb___wyckC {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: transform 0.2s;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n.styles-module__on___W27kf .styles-module__toggleThumb___wyckC {\n  transform: translateX(18px);\n}\n\n.styles-module__colors___vgFGZ {\n  display: flex;\n  gap: 6px;\n}\n\n.styles-module__colorBtn___N7dGu {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: transform 0.12s, border-color 0.12s;\n  padding: 0;\n}\n.styles-module__colorBtn___N7dGu:hover {\n  transform: scale(1.15);\n}\n.styles-module__colorBtn___N7dGu.styles-module__selected___0tVDH {\n  border-color: #18181b;\n  transform: scale(1.15);\n}';
-var classNames6 = { "backdrop": "styles-module__backdrop___--cMp", "panel": "styles-module__panel___z6xiJ", "panelIn": "styles-module__panelIn___SmRh6", "header": "styles-module__header___NkOur", "title": "styles-module__title___tsKZw", "closeBtn": "styles-module__closeBtn___-OQ4Y", "body": "styles-module__body___9pyCP", "field": "styles-module__field___vnQMl", "fieldLabel": "styles-module__fieldLabel___2WUKB", "toggle": "styles-module__toggle___uWsqC", "on": "styles-module__on___W27kf", "toggleThumb": "styles-module__toggleThumb___wyckC", "colors": "styles-module__colors___vgFGZ", "colorBtn": "styles-module__colorBtn___N7dGu", "selected": "styles-module__selected___0tVDH" };
+var css7 = '@keyframes styles-module__panelIn___SmRh6 {\n  from {\n    opacity: 0;\n    transform: translateY(8px) scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n.styles-module__backdrop___--cMp {\n  position: fixed;\n  inset: 0;\n  z-index: 100005;\n}\n\n.styles-module__panel___z6xiJ {\n  position: fixed;\n  bottom: 80px;\n  right: 24px;\n  width: 280px;\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n  z-index: 100006;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__panelIn___SmRh6 0.15s ease-out;\n  -webkit-font-smoothing: antialiased;\n}\n\n.styles-module__header___NkOur {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid #f3f4f6;\n}\n\n.styles-module__title___tsKZw {\n  font-size: 14px;\n  font-weight: 600;\n  color: #18181b;\n}\n\n.styles-module__closeBtn___-OQ4Y {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #6b7280;\n}\n.styles-module__closeBtn___-OQ4Y:hover {\n  background: #f3f4f6;\n  color: #18181b;\n}\n\n.styles-module__body___9pyCP {\n  padding: 12px 16px 16px;\n}\n\n.styles-module__field___vnQMl {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.styles-module__fieldLabel___2WUKB {\n  font-size: 13px;\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__toggle___uWsqC {\n  width: 40px;\n  height: 22px;\n  border-radius: 11px;\n  background: #d1d5db;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  transition: background 0.2s;\n  padding: 0;\n}\n.styles-module__toggle___uWsqC.styles-module__on___W27kf {\n  background: #18181b;\n}\n\n.styles-module__toggleThumb___wyckC {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: #fff;\n  transition: transform 0.2s;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n.styles-module__on___W27kf .styles-module__toggleThumb___wyckC {\n  transform: translateX(18px);\n}\n\n.styles-module__colors___vgFGZ {\n  display: flex;\n  gap: 6px;\n}\n\n.styles-module__colorBtn___N7dGu {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: transform 0.12s, border-color 0.12s;\n  padding: 0;\n}\n.styles-module__colorBtn___N7dGu:hover {\n  transform: scale(1.15);\n}\n.styles-module__colorBtn___N7dGu.styles-module__selected___0tVDH {\n  border-color: #18181b;\n  transform: scale(1.15);\n}';
+var classNames7 = { "backdrop": "styles-module__backdrop___--cMp", "panel": "styles-module__panel___z6xiJ", "panelIn": "styles-module__panelIn___SmRh6", "header": "styles-module__header___NkOur", "title": "styles-module__title___tsKZw", "closeBtn": "styles-module__closeBtn___-OQ4Y", "body": "styles-module__body___9pyCP", "field": "styles-module__field___vnQMl", "fieldLabel": "styles-module__fieldLabel___2WUKB", "toggle": "styles-module__toggle___uWsqC", "on": "styles-module__on___W27kf", "toggleThumb": "styles-module__toggleThumb___wyckC", "colors": "styles-module__colors___vgFGZ", "colorBtn": "styles-module__colorBtn___N7dGu", "selected": "styles-module__selected___0tVDH" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-settings-panel-styles");
   if (!style) {
@@ -3446,12 +3597,12 @@ if (typeof document !== "undefined") {
     style.id = "impakers-debug-styles-settings-panel-styles";
     document.head.appendChild(style);
   }
-  style.textContent = css6;
+  style.textContent = css7;
 }
-var styles_module_default6 = classNames6;
+var styles_module_default7 = classNames7;
 
 // src/components/settings-panel/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function SettingsPanel({ settings, onChange, onClose }) {
   const handleToggleMarkers = (0, import_react6.useCallback)(() => {
     onChange({ ...settings, markersVisible: !settings.markersVisible });
@@ -3467,56 +3618,56 @@ function SettingsPanel({ settings, onChange, onClose }) {
   }, [settings, onChange]);
   if (typeof document === "undefined") return null;
   return (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-impakers-debug": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.backdrop, onClick: onClose }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.panel, "data-impakers-debug": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.title, children: "\uC124\uC815" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: styles_module_default6.closeBtn, onClick: onClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-impakers-debug": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.backdrop, onClick: onClose }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.panel, "data-impakers-debug": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: styles_module_default7.title, children: "\uC124\uC815" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: styles_module_default7.closeBtn, onClick: onClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.body, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.field, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.fieldLabel, children: "\uB9C8\uCEE4 \uD45C\uC2DC" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.body, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.fieldLabel, children: "\uB9C8\uCEE4 \uD45C\uC2DC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
-                className: `${styles_module_default6.toggle} ${settings.markersVisible ? styles_module_default6.on : ""}`,
+                className: `${styles_module_default7.toggle} ${settings.markersVisible ? styles_module_default7.on : ""}`,
                 onClick: handleToggleMarkers,
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.toggleThumb })
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: styles_module_default7.toggleThumb })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.field, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.fieldLabel, children: "\uC644\uB8CC \uD540 \uC228\uAE30\uAE30" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.fieldLabel, children: "\uC644\uB8CC \uD540 \uC228\uAE30\uAE30" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
-                className: `${styles_module_default6.toggle} ${settings.hideDoneMarkers ? styles_module_default6.on : ""}`,
+                className: `${styles_module_default7.toggle} ${settings.hideDoneMarkers ? styles_module_default7.on : ""}`,
                 onClick: handleToggleHideDone,
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.toggleThumb })
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: styles_module_default7.toggleThumb })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.field, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.fieldLabel, children: "\uB0B4\uAC00 \uCD94\uAC00\uD55C \uAC83\uB9CC" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.fieldLabel, children: "\uB0B4\uAC00 \uCD94\uAC00\uD55C \uAC83\uB9CC" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
-                className: `${styles_module_default6.toggle} ${settings.showOnlyMine ? styles_module_default6.on : ""}`,
+                className: `${styles_module_default7.toggle} ${settings.showOnlyMine ? styles_module_default7.on : ""}`,
                 onClick: handleToggleShowOnlyMine,
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: styles_module_default6.toggleThumb })
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: styles_module_default7.toggleThumb })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: styles_module_default6.field, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.fieldLabel, children: "\uB9C8\uCEE4 \uC0C9\uC0C1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: styles_module_default6.colors, children: MARKER_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.fieldLabel, children: "\uB9C8\uCEE4 \uC0C9\uC0C1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.colors, children: MARKER_COLORS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "button",
               {
-                className: `${styles_module_default6.colorBtn} ${settings.markerColor === c.value ? styles_module_default6.selected : ""}`,
+                className: `${styles_module_default7.colorBtn} ${settings.markerColor === c.value ? styles_module_default7.selected : ""}`,
                 style: { background: c.value },
                 onClick: () => handleColorChange(c.value),
                 title: c.label,
@@ -3533,8 +3684,8 @@ function SettingsPanel({ settings, onChange, onClose }) {
 }
 
 // src/components/debug-widget/styles.module.scss
-var css7 = '.styles-module__markersLayer___VR1cD svg[fill=none],\n.styles-module__fixedMarkersLayer___wBuxm svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__markersLayer___VR1cD svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___wBuxm svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n@keyframes styles-module__fadeIn___PpRqy {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__fadeOut___tZb9S {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__hoverHighlightIn___ljC4F {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__hoverTooltipIn___tncNM {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__fabEnter___9koyT {\n  from {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.styles-module__fab___6FrCF {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #18181b;\n  color: white;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  z-index: 99999;\n  animation: styles-module__fabEnter___9koyT 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n  touch-action: none;\n}\n.styles-module__fab___6FrCF svg {\n  width: 20px;\n  height: 20px;\n}\n.styles-module__fab___6FrCF:hover {\n  transform: scale(1.08);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12);\n}\n.styles-module__fab___6FrCF:active {\n  transform: scale(0.96);\n}\n.styles-module__fab___6FrCF.styles-module__active___X5PRD {\n  background: #dc2626;\n}\n\n.styles-module__hoverHighlight___9kGLL {\n  position: fixed;\n  border: 2px solid rgba(0, 136, 255, 0.5);\n  border-radius: 4px;\n  background-color: rgba(0, 136, 255, 0.04);\n  pointer-events: none !important;\n  box-sizing: border-box;\n  will-change: opacity;\n  z-index: 99997;\n}\n.styles-module__hoverHighlight___9kGLL.styles-module__enter___jAi-c {\n  animation: styles-module__hoverHighlightIn___ljC4F 0.12s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___2meUm {\n  position: fixed;\n  border: 2px solid rgba(0, 136, 255, 0.6);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: rgba(0, 136, 255, 0.05);\n  box-sizing: border-box;\n  will-change: opacity;\n  z-index: 99997;\n}\n.styles-module__singleSelectOutline___2meUm.styles-module__enter___jAi-c {\n  animation: styles-module__fadeIn___PpRqy 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___JE1Bs {\n  position: fixed;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.85);\n  padding: 0.35rem 0.6rem;\n  border-radius: 0.375rem;\n  pointer-events: none !important;\n  white-space: nowrap;\n  max-width: 280px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  z-index: 99999;\n}\n.styles-module__hoverTooltip___JE1Bs.styles-module__enter___jAi-c {\n  animation: styles-module__hoverTooltipIn___tncNM 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___wPGYi {\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.15rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___lNqTP {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___VR1cD {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__markersLayer___VR1cD > * {\n  pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___wBuxm {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___wBuxm > * {\n  pointer-events: auto;\n}\n\n.styles-module__contextMenu___nDXft {\n  position: fixed;\n  z-index: 2147483647;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.08);\n  padding: 4px;\n  min-width: 140px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__fadeIn___PpRqy 0.1s ease-out;\n}\n\n.styles-module__contextMenuItem___69GKu {\n  display: block;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: #18181b;\n  text-align: left;\n  cursor: pointer;\n  border-radius: 6px;\n  font-family: inherit;\n}\n.styles-module__contextMenuItem___69GKu:hover {\n  background: #f4f4f5;\n}\n\n@keyframes styles-module__toastIn___V382h {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__toastOut___zlqxG {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n.styles-module__toast___gV3Sa {\n  position: fixed;\n  bottom: 80px;\n  right: 24px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: white;\n  border: 1px solid #e5e5e5;\n  border-radius: 8px;\n  padding: 10px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #18181b;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  z-index: 100000;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__toastIn___V382h 0.2s ease-out, styles-module__toastOut___zlqxG 0.3s ease-in 2.7s forwards;\n  max-width: 320px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.styles-module__toast___gV3Sa span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.styles-module__toast___gV3Sa.styles-module__toastError___Q-8dn {\n  border-color: #fecaca;\n  background: #fef2f2;\n  color: #991b1b;\n  animation: styles-module__toastIn___V382h 0.2s ease-out, styles-module__toastOut___zlqxG 0.3s ease-in 3.7s forwards;\n}\n\n@keyframes styles-module__countdownPulse___ngZrL {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.15);\n  }\n}\n.styles-module__countdownOverlay___GruQJ {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  z-index: 100002;\n  pointer-events: auto;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__fadeIn___PpRqy 0.2s ease-out;\n}\n\n.styles-module__countdownNumber___VAmkI {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  background: rgba(24, 24, 27, 0.9);\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  font-weight: 700;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n  animation: styles-module__countdownPulse___ngZrL 1s ease-in-out infinite;\n}\n\n.styles-module__countdownLabel___px-ao {\n  font-size: 13px;\n  font-weight: 500;\n  color: #18181b;\n  background: rgba(255, 255, 255, 0.95);\n  padding: 6px 14px;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__countdownCancel___8cRgZ {\n  font-size: 12px;\n  color: #6b7280;\n  background: rgba(255, 255, 255, 0.9);\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 4px 12px;\n  cursor: pointer;\n  font-family: inherit;\n  transition: background 0.12s;\n}\n.styles-module__countdownCancel___8cRgZ:hover {\n  background: #f3f4f6;\n}\n\nhtml.impakers-selecting {\n  cursor: crosshair !important;\n}\nhtml.impakers-selecting * {\n  cursor: crosshair !important;\n}';
-var classNames7 = { "markersLayer": "styles-module__markersLayer___VR1cD", "fixedMarkersLayer": "styles-module__fixedMarkersLayer___wBuxm", "fab": "styles-module__fab___6FrCF", "fabEnter": "styles-module__fabEnter___9koyT", "active": "styles-module__active___X5PRD", "hoverHighlight": "styles-module__hoverHighlight___9kGLL", "enter": "styles-module__enter___jAi-c", "hoverHighlightIn": "styles-module__hoverHighlightIn___ljC4F", "singleSelectOutline": "styles-module__singleSelectOutline___2meUm", "fadeIn": "styles-module__fadeIn___PpRqy", "hoverTooltip": "styles-module__hoverTooltip___JE1Bs", "hoverTooltipIn": "styles-module__hoverTooltipIn___tncNM", "hoverReactPath": "styles-module__hoverReactPath___wPGYi", "hoverElementName": "styles-module__hoverElementName___lNqTP", "contextMenu": "styles-module__contextMenu___nDXft", "contextMenuItem": "styles-module__contextMenuItem___69GKu", "toast": "styles-module__toast___gV3Sa", "toastIn": "styles-module__toastIn___V382h", "toastOut": "styles-module__toastOut___zlqxG", "toastError": "styles-module__toastError___Q-8dn", "countdownOverlay": "styles-module__countdownOverlay___GruQJ", "countdownNumber": "styles-module__countdownNumber___VAmkI", "countdownPulse": "styles-module__countdownPulse___ngZrL", "countdownLabel": "styles-module__countdownLabel___px-ao", "countdownCancel": "styles-module__countdownCancel___8cRgZ", "fadeOut": "styles-module__fadeOut___tZb9S" };
+var css8 = '.styles-module__markersLayer___VR1cD svg[fill=none],\n.styles-module__fixedMarkersLayer___wBuxm svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__markersLayer___VR1cD svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___wBuxm svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n@keyframes styles-module__fadeIn___PpRqy {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__fadeOut___tZb9S {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__hoverHighlightIn___ljC4F {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__hoverTooltipIn___tncNM {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__fabEnter___9koyT {\n  from {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.styles-module__fab___6FrCF {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #18181b;\n  color: white;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  z-index: 99999;\n  animation: styles-module__fabEnter___9koyT 0.3s cubic-bezier(0.22, 1, 0.36, 1);\n  touch-action: none;\n}\n.styles-module__fab___6FrCF svg {\n  width: 20px;\n  height: 20px;\n}\n.styles-module__fab___6FrCF:hover {\n  transform: scale(1.08);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.12);\n}\n.styles-module__fab___6FrCF:active {\n  transform: scale(0.96);\n}\n.styles-module__fab___6FrCF.styles-module__active___X5PRD {\n  background: #dc2626;\n}\n\n.styles-module__hoverHighlight___9kGLL {\n  position: fixed;\n  border: 2px solid rgba(0, 136, 255, 0.5);\n  border-radius: 4px;\n  background-color: rgba(0, 136, 255, 0.04);\n  pointer-events: none !important;\n  box-sizing: border-box;\n  will-change: opacity;\n  z-index: 99997;\n}\n.styles-module__hoverHighlight___9kGLL.styles-module__enter___jAi-c {\n  animation: styles-module__hoverHighlightIn___ljC4F 0.12s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___2meUm {\n  position: fixed;\n  border: 2px solid rgba(0, 136, 255, 0.6);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: rgba(0, 136, 255, 0.05);\n  box-sizing: border-box;\n  will-change: opacity;\n  z-index: 99997;\n}\n.styles-module__singleSelectOutline___2meUm.styles-module__enter___jAi-c {\n  animation: styles-module__fadeIn___PpRqy 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___JE1Bs {\n  position: fixed;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.85);\n  padding: 0.35rem 0.6rem;\n  border-radius: 0.375rem;\n  pointer-events: none !important;\n  white-space: nowrap;\n  max-width: 280px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  z-index: 99999;\n}\n.styles-module__hoverTooltip___JE1Bs.styles-module__enter___jAi-c {\n  animation: styles-module__hoverTooltipIn___tncNM 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___wPGYi {\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.15rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___lNqTP {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___VR1cD {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__markersLayer___VR1cD > * {\n  pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___wBuxm {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___wBuxm > * {\n  pointer-events: auto;\n}\n\n.styles-module__contextMenu___nDXft {\n  position: fixed;\n  z-index: 2147483647;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.08);\n  padding: 4px;\n  min-width: 140px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__fadeIn___PpRqy 0.1s ease-out;\n}\n\n.styles-module__contextMenuItem___69GKu {\n  display: block;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  font-size: 13px;\n  color: #18181b;\n  text-align: left;\n  cursor: pointer;\n  border-radius: 6px;\n  font-family: inherit;\n}\n.styles-module__contextMenuItem___69GKu:hover {\n  background: #f4f4f5;\n}\n\n@keyframes styles-module__toastIn___V382h {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__toastOut___zlqxG {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n.styles-module__toast___gV3Sa {\n  position: fixed;\n  bottom: 80px;\n  right: 24px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: white;\n  border: 1px solid #e5e5e5;\n  border-radius: 8px;\n  padding: 10px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #18181b;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  z-index: 100000;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__toastIn___V382h 0.2s ease-out, styles-module__toastOut___zlqxG 0.3s ease-in 2.7s forwards;\n  max-width: 320px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.styles-module__toast___gV3Sa span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.styles-module__toast___gV3Sa.styles-module__toastError___Q-8dn {\n  border-color: #fecaca;\n  background: #fef2f2;\n  color: #991b1b;\n  animation: styles-module__toastIn___V382h 0.2s ease-out, styles-module__toastOut___zlqxG 0.3s ease-in 3.7s forwards;\n}\n\n@keyframes styles-module__countdownPulse___ngZrL {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.15);\n  }\n}\n.styles-module__countdownOverlay___GruQJ {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  z-index: 100002;\n  pointer-events: auto;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  animation: styles-module__fadeIn___PpRqy 0.2s ease-out;\n}\n\n.styles-module__countdownNumber___VAmkI {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  background: rgba(24, 24, 27, 0.9);\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  font-weight: 700;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\n  animation: styles-module__countdownPulse___ngZrL 1s ease-in-out infinite;\n}\n\n.styles-module__countdownLabel___px-ao {\n  font-size: 13px;\n  font-weight: 500;\n  color: #18181b;\n  background: rgba(255, 255, 255, 0.95);\n  padding: 6px 14px;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__countdownCancel___8cRgZ {\n  font-size: 12px;\n  color: #6b7280;\n  background: rgba(255, 255, 255, 0.9);\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 4px 12px;\n  cursor: pointer;\n  font-family: inherit;\n  transition: background 0.12s;\n}\n.styles-module__countdownCancel___8cRgZ:hover {\n  background: #f3f4f6;\n}\n\nhtml.impakers-selecting {\n  cursor: crosshair !important;\n}\nhtml.impakers-selecting * {\n  cursor: crosshair !important;\n}';
+var classNames8 = { "markersLayer": "styles-module__markersLayer___VR1cD", "fixedMarkersLayer": "styles-module__fixedMarkersLayer___wBuxm", "fab": "styles-module__fab___6FrCF", "fabEnter": "styles-module__fabEnter___9koyT", "active": "styles-module__active___X5PRD", "hoverHighlight": "styles-module__hoverHighlight___9kGLL", "enter": "styles-module__enter___jAi-c", "hoverHighlightIn": "styles-module__hoverHighlightIn___ljC4F", "singleSelectOutline": "styles-module__singleSelectOutline___2meUm", "fadeIn": "styles-module__fadeIn___PpRqy", "hoverTooltip": "styles-module__hoverTooltip___JE1Bs", "hoverTooltipIn": "styles-module__hoverTooltipIn___tncNM", "hoverReactPath": "styles-module__hoverReactPath___wPGYi", "hoverElementName": "styles-module__hoverElementName___lNqTP", "contextMenu": "styles-module__contextMenu___nDXft", "contextMenuItem": "styles-module__contextMenuItem___69GKu", "toast": "styles-module__toast___gV3Sa", "toastIn": "styles-module__toastIn___V382h", "toastOut": "styles-module__toastOut___zlqxG", "toastError": "styles-module__toastError___Q-8dn", "countdownOverlay": "styles-module__countdownOverlay___GruQJ", "countdownNumber": "styles-module__countdownNumber___VAmkI", "countdownPulse": "styles-module__countdownPulse___ngZrL", "countdownLabel": "styles-module__countdownLabel___px-ao", "countdownCancel": "styles-module__countdownCancel___8cRgZ", "fadeOut": "styles-module__fadeOut___tZb9S" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-debug-widget-styles");
   if (!style) {
@@ -3542,12 +3693,12 @@ if (typeof document !== "undefined") {
     style.id = "impakers-debug-styles-debug-widget-styles";
     document.head.appendChild(style);
   }
-  style.textContent = css7;
+  style.textContent = css8;
 }
-var styles_module_default7 = classNames7;
+var styles_module_default8 = classNames8;
 
 // src/components/debug-widget/index.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function deepElementFromPoint(x, y) {
   let element = document.elementFromPoint(x, y);
   if (!element) return null;
@@ -3666,6 +3817,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
   const [toastError, setToastError] = (0, import_react7.useState)(null);
   const [activeThread, setActiveThread] = (0, import_react7.useState)(null);
   const [threadComments, setThreadComments] = (0, import_react7.useState)({});
+  const [threadLoading, setThreadLoading] = (0, import_react7.useState)(false);
   const [serverTasks, setServerTasks] = (0, import_react7.useState)([]);
   const [allServerTasks, setAllServerTasks] = (0, import_react7.useState)([]);
   const [showInbox, setShowInbox] = (0, import_react7.useState)(false);
@@ -3673,6 +3825,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
   const [settings, setSettings] = (0, import_react7.useState)(() => loadSettings());
   const [routePath, setRoutePath] = (0, import_react7.useState)(() => window.location.pathname);
   const [hasHydratedServerTasks, setHasHydratedServerTasks] = (0, import_react7.useState)(false);
+  const [newNotiCount, setNewNotiCount] = (0, import_react7.useState)(0);
   const [delayCountdown, setDelayCountdown] = (0, import_react7.useState)(null);
   const delayTimerRef = (0, import_react7.useRef)(null);
   const popupRef = (0, import_react7.useRef)(null);
@@ -3772,6 +3925,16 @@ function DebugWidget({ endpoint, getUser, onHide }) {
     });
     return unsubscribe;
   }, [endpoint, routePath]);
+  const LAST_SEEN_KEY = "impakers-debug-history-last-seen";
+  (0, import_react7.useEffect)(() => {
+    const lastSeen = localStorage.getItem(LAST_SEEN_KEY) || (/* @__PURE__ */ new Date(0)).toISOString();
+    fetchHistory(endpoint, { since: lastSeen, limit: 100 }).then((events) => setNewNotiCount(events.length)).catch(() => {
+    });
+  }, [endpoint]);
+  const handleHistoryViewed = (0, import_react7.useCallback)(() => {
+    localStorage.setItem(LAST_SEEN_KEY, (/* @__PURE__ */ new Date()).toISOString());
+    setNewNotiCount(0);
+  }, []);
   (0, import_react7.useEffect)(() => {
     if (!hasHydratedServerTasks) return;
     const serverAnnotations = serverTasks.map(taskToAnnotation).filter((annotation) => annotation !== null);
@@ -4122,12 +4285,15 @@ function DebugWidget({ endpoint, getUser, onHide }) {
     const cached = getCachedSnapshot(cacheKey);
     if (cached) {
       setThreadComments((prev) => ({ ...prev, [activeThread]: cached }));
+      setThreadLoading(false);
+    } else {
+      setThreadLoading(true);
     }
     const unsubscribe = subscribeCache(cacheKey, (comments) => {
       setThreadComments((prev) => ({ ...prev, [activeThread]: comments }));
+      setThreadLoading(false);
     });
-    fetchComments(endpoint, activeThread, { staleWhileRevalidate: true }).catch(() => {
-    });
+    fetchComments(endpoint, activeThread, { staleWhileRevalidate: true }).then(() => setThreadLoading(false)).catch(() => setThreadLoading(false));
     return unsubscribe;
   }, [activeThread, endpoint]);
   const handleThreadReply = (0, import_react7.useCallback)(async (taskId, content, screenshot, file) => {
@@ -4196,31 +4362,31 @@ function DebugWidget({ endpoint, getUser, onHide }) {
       id: "comment",
       label: "\uD53C\uB4DC\uBC31",
       active: isActive,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) })
     },
     {
       id: "delay-capture",
       label: "\uB51C\uB808\uC774 \uCEA1\uCC98",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "12 6 12 12 16 14" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "12 6 12 12 16 14" })
       ] })
     },
     {
       id: "inbox",
       label: "Inbox",
-      badge: annotations.length || void 0,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z" })
+      badge: newNotiCount || void 0,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M5.45 5.11L2 12v6a2 2 0 002 2h16a2 2 0 002-2v-6l-3.45-6.89A2 2 0 0016.76 4H7.24a2 2 0 00-1.79 1.11z" })
       ] })
     },
     {
       id: "settings",
       label: "\uC124\uC815",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z" })
       ] })
     }
   ];
@@ -4234,29 +4400,23 @@ function DebugWidget({ endpoint, getUser, onHide }) {
       return true;
     });
   }, [annotations, serverTasks, settings.hideDoneMarkers, settings.showOnlyMine, currentUserName]);
-  const allInboxItems = serverTasks.map((task) => ({
+  const toInboxItem = (task, fallbackUrl) => ({
     id: task.id,
     title: task.title || "\uD53C\uB4DC\uBC31",
     status: task.status,
     priority: task.priority,
     authorName: task.authorName || "\uC775\uBA85",
-    feedbackUrl: task.feedbackUrl || currentPath,
+    feedbackUrl: task.feedbackUrl || fallbackUrl,
     createdAt: task.createdAt,
+    startedAt: task.startedAt,
+    completedAt: task.completedAt,
     commentCount: task.commentCount || 0
-  }));
-  const allRouteItems = allServerTasks.map((task) => ({
-    id: task.id,
-    title: task.title || "\uD53C\uB4DC\uBC31",
-    status: task.status,
-    priority: task.priority,
-    authorName: task.authorName || "\uC775\uBA85",
-    feedbackUrl: task.feedbackUrl || "",
-    createdAt: task.createdAt,
-    commentCount: task.commentCount || 0
-  }));
+  });
+  const allInboxItems = serverTasks.map((t) => toInboxItem(t, currentPath));
+  const allRouteItems = allServerTasks.map((t) => toInboxItem(t, ""));
   return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-impakers-debug": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-impakers-debug": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         FabMenu,
         {
           items: fabItems,
@@ -4265,7 +4425,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           onDoubleTap: toggleActive
         }
       ),
-      showInbox && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      showInbox && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         InboxPanel,
         {
           pageItems: allInboxItems,
@@ -4275,10 +4435,12 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           endpoint,
           currentUserName: getUser?.()?.name ? String(getUser().name) : "\uC775\uBA85",
           currentUserId: getUser?.()?.id ? String(getUser().id) : void 0,
-          onClose: () => setShowInbox(false)
+          onClose: () => setShowInbox(false),
+          onHistoryViewed: handleHistoryViewed,
+          newNotiCount
         }
       ),
-      showSettings && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      showSettings && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         SettingsPanel,
         {
           settings,
@@ -4286,11 +4448,11 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           onClose: () => setShowSettings(false)
         }
       ),
-      isActive && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-        hoverInfo?.rect && !pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      isActive && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        hoverInfo?.rect && !pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "div",
           {
-            className: `${styles_module_default7.hoverHighlight} ${styles_module_default7.enter}`,
+            className: `${styles_module_default8.hoverHighlight} ${styles_module_default8.enter}`,
             style: {
               left: hoverInfo.rect.left,
               top: hoverInfo.rect.top,
@@ -4299,24 +4461,24 @@ function DebugWidget({ endpoint, getUser, onHide }) {
             }
           }
         ),
-        hoverInfo && !pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+        hoverInfo && !pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "div",
           {
-            className: `${styles_module_default7.hoverTooltip} ${styles_module_default7.enter}`,
+            className: `${styles_module_default8.hoverTooltip} ${styles_module_default8.enter}`,
             style: {
               left: Math.min(hoverPosition.x + 14, window.innerWidth - 200),
               top: hoverPosition.y + 14
             },
             children: [
-              hoverInfo.reactComponents && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.hoverReactPath, children: hoverInfo.reactComponents }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.hoverElementName, children: hoverInfo.elementName })
+              hoverInfo.reactComponents && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default8.hoverReactPath, children: hoverInfo.reactComponents }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default8.hoverElementName, children: hoverInfo.elementName })
             ]
           }
         ),
-        hoveredRect && hoveredMarkerId && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        hoveredRect && hoveredMarkerId && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "div",
           {
-            className: `${styles_module_default7.singleSelectOutline} ${styles_module_default7.enter}`,
+            className: `${styles_module_default8.singleSelectOutline} ${styles_module_default8.enter}`,
             style: {
               left: hoveredRect.left,
               top: hoveredRect.top,
@@ -4327,16 +4489,16 @@ function DebugWidget({ endpoint, getUser, onHide }) {
         ),
         pendingAnnotation?.targetElement && (() => {
           const r = pendingAnnotation.targetElement.getBoundingClientRect();
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "div",
             {
-              className: `${styles_module_default7.singleSelectOutline} ${styles_module_default7.enter}`,
+              className: `${styles_module_default8.singleSelectOutline} ${styles_module_default8.enter}`,
               style: { left: r.left, top: r.top, width: r.width, height: r.height }
             }
           );
         })()
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.markersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: visibleAnnotations.filter((a) => !a.isFixed).map((annotation, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default8.markersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: visibleAnnotations.filter((a) => !a.isFixed).map((annotation, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         AnnotationMarker,
         {
           annotation,
@@ -4354,8 +4516,8 @@ function DebugWidget({ endpoint, getUser, onHide }) {
         },
         annotation.id
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.fixedMarkersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: [
-        visibleAnnotations.filter((a) => a.isFixed).map((annotation, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles_module_default8.fixedMarkersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: [
+        visibleAnnotations.filter((a) => a.isFixed).map((annotation, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           AnnotationMarker,
           {
             annotation,
@@ -4373,7 +4535,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           },
           annotation.id
         )),
-        pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           PendingMarker,
           {
             x: pendingAnnotation.x,
@@ -4383,7 +4545,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           }
         )
       ] }),
-      pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      pendingAnnotation && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         AnnotationPopupCSS,
         {
           ref: popupRef,
@@ -4418,7 +4580,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           createdAt: taskData?.createdAt || new Date(annotation.timestamp).toISOString(),
           comments: threadComments[annotation.id] || []
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           CommentThread,
           {
             task,
@@ -4426,18 +4588,19 @@ function DebugWidget({ endpoint, getUser, onHide }) {
             currentUserId: getUser?.()?.id ? String(getUser().id) : void 0,
             left: threadLeft,
             top: threadTop,
+            loading: threadLoading,
             onClose: handleThreadClose,
             onReply: handleThreadReply
           }
         );
       })(),
-      delayCountdown !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.countdownOverlay, "data-impakers-debug": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.countdownNumber, children: delayCountdown }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: styles_module_default7.countdownLabel, children: "\uD53C\uB4DC\uBC31 \uBAA8\uB4DC \uD65C\uC131\uD654\uAE4C\uC9C0..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      delayCountdown !== null && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles_module_default8.countdownOverlay, "data-impakers-debug": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default8.countdownNumber, children: delayCountdown }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles_module_default8.countdownLabel, children: "\uD53C\uB4DC\uBC31 \uBAA8\uB4DC \uD65C\uC131\uD654\uAE4C\uC9C0..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
-            className: styles_module_default7.countdownCancel,
+            className: styles_module_default8.countdownCancel,
             onClick: () => {
               if (delayTimerRef.current) clearTimeout(delayTimerRef.current);
               setDelayCountdown(null);
@@ -4447,17 +4610,17 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           }
         )
       ] }),
-      showToast && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: styles_module_default7.toast, "data-impakers-debug": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#16a34a", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "20 6 9 17 4 12" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\uD0DC\uC2A4\uD06C \uC0DD\uC131\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4" })
+      showToast && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles_module_default8.toast, "data-impakers-debug": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#16a34a", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("polyline", { points: "20 6 9 17 4 12" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "\uD0DC\uC2A4\uD06C \uC0DD\uC131\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4" })
       ] }),
-      toastError && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `${styles_module_default7.toast} ${styles_module_default7.toastError}`, "data-impakers-debug": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#ef4444", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+      toastError && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${styles_module_default8.toast} ${styles_module_default8.toastError}`, "data-impakers-debug": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#ef4444", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: toastError })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: toastError })
       ] })
     ] }),
     document.body
@@ -4467,7 +4630,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
 // src/ui/AuthPromptPortal.tsx
 var import_react8 = require("react");
 var import_react_dom4 = require("react-dom");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
   const [code, setCode] = (0, import_react8.useState)("");
   const [loading, setLoading] = (0, import_react8.useState)(false);
@@ -4491,7 +4654,7 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
   );
   if (typeof document === "undefined") return null;
   return (0, import_react_dom4.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { "data-impakers-debug": "", style: {
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { "data-impakers-debug": "", style: {
       position: "fixed",
       inset: 0,
       zIndex: 2147483647,
@@ -4500,7 +4663,7 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
       justifyContent: "center",
       fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           onClick: onClose,
@@ -4511,7 +4674,7 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: {
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: {
         position: "relative",
         width: 360,
         background: "white",
@@ -4519,15 +4682,15 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
         boxShadow: "0 16px 48px rgba(0,0,0,0.16)",
         overflow: "hidden"
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: {
           display: "flex",
           alignItems: "center",
           justifyContent: "space-between",
           padding: "16px 20px",
           borderBottom: "1px solid #e5e5e5"
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { style: { fontSize: 15, fontWeight: 600, color: "#18181b", margin: 0 }, children: "\uD53C\uB4DC\uBC31 \uC704\uC82F \uC778\uC99D" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { style: { fontSize: 15, fontWeight: 600, color: "#18181b", margin: 0 }, children: "\uD53C\uB4DC\uBC31 \uC704\uC82F \uC778\uC99D" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "button",
             {
               onClick: onClose,
@@ -4544,12 +4707,12 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
                 borderRadius: 6,
                 color: "#71717a"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { padding: 20 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { style: {
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { padding: 20 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { style: {
             fontSize: 13,
             color: "#71717a",
             textAlign: "center",
@@ -4557,10 +4720,10 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
             lineHeight: 1.5
           }, children: [
             "\uC11C\uBE44\uC2A4 \uC2DC\uD06C\uB9BF \uCF54\uB4DC\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
             "\uCF54\uB4DC\uB294 \uC784\uD328\uCEE4\uC2A4 OS\uC5D0\uC11C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: {
+          error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: {
             background: "#fef2f2",
             border: "1px solid #fecaca",
             color: "#dc2626",
@@ -4569,8 +4732,8 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
             fontSize: 13,
             marginBottom: 12
           }, children: error }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { onSubmit: handleSubmit, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: handleSubmit, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "input",
               {
                 type: "text",
@@ -4597,7 +4760,7 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "button",
               {
                 type: "submit",
@@ -4627,7 +4790,7 @@ function AuthPromptPortal({ endpoint, onSuccess, onClose }) {
 }
 
 // src/react.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function ImpakersDebugProvider({ endpoint, getUser }) {
   const [authenticated, setAuthenticated] = (0, import_react9.useState)(false);
   const [showAuth, setShowAuth] = (0, import_react9.useState)(false);
@@ -4701,9 +4864,9 @@ function ImpakersDebugProvider({ endpoint, getUser }) {
     } catch {
     }
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    authenticated && !hidden && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DebugWidget, { endpoint, getUser, onHide: handleHide }),
-    showAuth && !authenticated && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    authenticated && !hidden && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DebugWidget, { endpoint, getUser, onHide: handleHide }),
+    showAuth && !authenticated && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       AuthPromptPortal,
       {
         endpoint,