@impakers/debug 1.3.1 → 1.3.4

package/dist/react.js

@@ -1576,39 +1576,6 @@ ${a.stack?.split("\n").slice(0, 3).join("\n")}`;
   });
 }
 installConsoleCapture();
-var MAX_NETWORK_ERRORS = 5;
-var recentNetworkErrors = [];
-var fetchPatched = false;
-function installFetchCapture() {
-  if (fetchPatched || typeof window === "undefined") return;
-  fetchPatched = true;
-  const originalFetch = window.fetch;
-  window.fetch = async (input, init) => {
-    const method = init?.method || "GET";
-    const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-    try {
-      const response = await originalFetch(input, init);
-      if (!response.ok && response.status >= 400) {
-        recentNetworkErrors.push({
-          url: url.slice(0, 200),
-          status: response.status,
-          method
-        });
-        if (recentNetworkErrors.length > MAX_NETWORK_ERRORS) recentNetworkErrors.shift();
-      }
-      return response;
-    } catch (err) {
-      recentNetworkErrors.push({
-        url: url.slice(0, 200),
-        status: 0,
-        method
-      });
-      if (recentNetworkErrors.length > MAX_NETWORK_ERRORS) recentNetworkErrors.shift();
-      throw err;
-    }
-  };
-}
-installFetchCapture();
 function parseBrowser(ua) {
   const edge = ua.match(/Edg\/(\d+[\d.]*)/);
   if (edge) return `Edge ${edge[1]}`;
@@ -1743,7 +1710,6 @@ function collectMetadata(getUser) {
     cookies: parseCookies(),
     jwtClaims: findAndDecodeJwt() ?? void 0,
     consoleErrors: recentConsoleErrors.length > 0 ? [...recentConsoleErrors] : void 0,
-    networkErrors: recentNetworkErrors.length > 0 ? [...recentNetworkErrors] : void 0,
     performance: getPagePerformance()
   };
   if (getUser) {
@@ -1786,94 +1752,313 @@ async function apiFetch(url, options = {}) {
   return res;
 }
 var cache = /* @__PURE__ */ new Map();
+var inflightRequests = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Map();
 var CACHE_TTL = 3e4;
-function getCached(key) {
-  const entry = cache.get(key);
-  if (!entry) return null;
-  if (Date.now() - entry.timestamp > CACHE_TTL) {
-    cache.delete(key);
-    return null;
-  }
-  return entry.data;
+function getFeedbacksCacheKey(url) {
+  return `feedbacks:${url}`;
+}
+function getAllFeedbacksCacheKey() {
+  return "feedbacks:__all__";
+}
+function getCommentsCacheKey(taskId) {
+  return `comments:${taskId}`;
 }
 function setCache(key, data) {
   cache.set(key, { data, timestamp: Date.now() });
+  const subs = listeners.get(key);
+  if (!subs) return;
+  subs.forEach((listener) => listener(data));
+}
+function peekCache(key) {
+  const entry = cache.get(key);
+  return entry?.data ?? null;
+}
+function isCacheFresh(key) {
+  const entry = cache.get(key);
+  if (!entry) return false;
+  return Date.now() - entry.timestamp <= CACHE_TTL;
+}
+function getMatchingKeys(pattern) {
+  return Array.from(cache.keys()).filter((key) => key.includes(pattern));
 }
-function invalidateCache(pattern) {
-  if (!pattern) {
-    cache.clear();
-    return;
+function snapshotCaches(pattern) {
+  const snapshots = /* @__PURE__ */ new Map();
+  for (const key of getMatchingKeys(pattern)) {
+    const value = peekCache(key);
+    if (value !== null) snapshots.set(key, value);
   }
-  for (const key of cache.keys()) {
-    if (key.includes(pattern)) cache.delete(key);
+  return snapshots;
+}
+function restoreSnapshots(snapshots) {
+  snapshots.forEach((value, key) => setCache(key, value));
+}
+function mutateCache(key, updater) {
+  const next = updater(peekCache(key));
+  setCache(key, next);
+  return next;
+}
+function mutateMatchingCaches(pattern, updater) {
+  for (const key of getMatchingKeys(pattern)) {
+    const current = peekCache(key);
+    if (current === null) continue;
+    setCache(key, updater(current));
   }
 }
+async function revalidateCache(key, fetcher) {
+  const existing = inflightRequests.get(key);
+  if (existing) return existing;
+  const request = (async () => {
+    try {
+      const data = await fetcher();
+      setCache(key, data);
+      return data;
+    } finally {
+      inflightRequests.delete(key);
+    }
+  })();
+  inflightRequests.set(key, request);
+  return request;
+}
+async function readWithCache(key, fetcher, options = {}) {
+  const cached = peekCache(key);
+  if (cached !== null && !options.force) {
+    if (options.staleWhileRevalidate || !isCacheFresh(key)) {
+      void revalidateCache(key, fetcher);
+    }
+    return cached;
+  }
+  return revalidateCache(key, fetcher);
+}
+function subscribeCache(key, listener) {
+  const subs = listeners.get(key) || /* @__PURE__ */ new Set();
+  subs.add(listener);
+  listeners.set(key, subs);
+  return () => {
+    const current = listeners.get(key);
+    if (!current) return;
+    current.delete(listener);
+    if (current.size === 0) listeners.delete(key);
+  };
+}
+function getCachedSnapshot(key) {
+  return peekCache(key);
+}
 async function submitFeedback(endpoint, payload) {
-  const res = await apiFetch(endpoint, {
-    method: "POST",
-    body: JSON.stringify(payload)
-  });
-  if (payload.feedbackUrl) {
-    invalidateCache(`feedbacks:${payload.feedbackUrl}`);
+  const tempTaskId = `temp-task-${Date.now()}`;
+  const feedbackUrl = payload.feedbackUrl;
+  const marker = payload.feedbackMarker;
+  const previousFeedbacks = feedbackUrl ? peekCache(getFeedbacksCacheKey(feedbackUrl)) || [] : null;
+  const previousAll = peekCache(getAllFeedbacksCacheKey());
+  const optimisticTask = feedbackUrl ? {
+    id: tempTaskId,
+    taskNumber: 0,
+    title: payload.title,
+    status: "todo",
+    priority: payload.priority,
+    feedbackUrl,
+    feedbackMarker: marker || null,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    commentCount: 0,
+    _optimistic: true
+  } : null;
+  if (feedbackUrl && optimisticTask) {
+    setCache(getFeedbacksCacheKey(feedbackUrl), [optimisticTask, ...previousFeedbacks]);
+    if (previousAll) {
+      setCache(getAllFeedbacksCacheKey(), [optimisticTask, ...previousAll]);
+    }
   }
-  invalidateCache("feedbacks:");
   try {
-    return await res.json();
-  } catch {
-    return {};
-  }
-}
-async function fetchFeedbacks(endpoint, url) {
-  const cacheKey = `feedbacks:${url}`;
-  const cached = getCached(cacheKey);
-  if (cached) return cached;
-  const res = await apiFetch(`${endpoint}?url=${encodeURIComponent(url)}`);
-  const data = await res.json();
-  const tasks = data.tasks || [];
-  setCache(cacheKey, tasks);
-  return tasks;
-}
-async function fetchComments(endpoint, taskId) {
-  const cacheKey = `comments:${taskId}`;
-  const cached = getCached(cacheKey);
-  if (cached) return cached;
-  const res = await apiFetch(`${endpoint}/${taskId}/comments`);
-  const data = await res.json();
-  const comments = data.comments || [];
-  setCache(cacheKey, comments);
-  return comments;
-}
-async function postComment(endpoint, taskId, content, authorName, authorId, screenshot) {
+    const res = await apiFetch(endpoint, {
+      method: "POST",
+      body: JSON.stringify(payload)
+    });
+    const result = await res.json().catch(() => ({}));
+    if (feedbackUrl && optimisticTask) {
+      const finalTask = {
+        ...optimisticTask,
+        id: result.taskId || tempTaskId,
+        taskNumber: result.taskNumber || 0,
+        _optimistic: false
+      };
+      mutateCache(
+        getFeedbacksCacheKey(feedbackUrl),
+        (current) => (current || []).map((item) => item.id === tempTaskId ? finalTask : item)
+      );
+      if (previousAll) {
+        mutateCache(
+          getAllFeedbacksCacheKey(),
+          (current) => (current || []).map((item) => item.id === tempTaskId ? finalTask : item)
+        );
+      }
+      void revalidateFeedbacks(endpoint, feedbackUrl).catch(() => {
+      });
+      if (previousAll) void revalidateAllFeedbacks(endpoint).catch(() => {
+      });
+    }
+    return result;
+  } catch (error) {
+    if (feedbackUrl && previousFeedbacks) {
+      setCache(getFeedbacksCacheKey(feedbackUrl), previousFeedbacks);
+    }
+    if (previousAll) {
+      setCache(getAllFeedbacksCacheKey(), previousAll);
+    }
+    throw error;
+  }
+}
+async function fetchFeedbacks(endpoint, url, options = {}) {
+  const cacheKey = getFeedbacksCacheKey(url);
+  return readWithCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}?url=${encodeURIComponent(url)}`);
+    const data = await res.json();
+    return data.tasks || [];
+  }, options);
+}
+async function revalidateFeedbacks(endpoint, url) {
+  const cacheKey = getFeedbacksCacheKey(url);
+  return revalidateCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}?url=${encodeURIComponent(url)}`);
+    const data = await res.json();
+    return data.tasks || [];
+  });
+}
+async function revalidateAllFeedbacks(endpoint) {
+  const cacheKey = getAllFeedbacksCacheKey();
+  return revalidateCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}?url=__all__`);
+    const data = await res.json();
+    return data.tasks || [];
+  });
+}
+async function fetchComments(endpoint, taskId, options = {}) {
+  const cacheKey = getCommentsCacheKey(taskId);
+  return readWithCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}/${taskId}/comments`);
+    const data = await res.json();
+    return data.comments || [];
+  }, options);
+}
+async function revalidateComments(endpoint, taskId) {
+  const cacheKey = getCommentsCacheKey(taskId);
+  return revalidateCache(cacheKey, async () => {
+    const res = await apiFetch(`${endpoint}/${taskId}/comments`);
+    const data = await res.json();
+    return data.comments || [];
+  });
+}
+function incrementCommentCount(taskId, delta) {
+  mutateMatchingCaches(
+    "feedbacks:",
+    (items) => items.map((item) => item.id === taskId ? { ...item, commentCount: Math.max(0, (item.commentCount || 0) + delta) } : item)
+  );
+}
+function revalidateCachedFeedbackLists(endpoint) {
+  const feedbackKeys = getMatchingKeys("feedbacks:");
+  feedbackKeys.forEach((key) => {
+    const url = key.replace("feedbacks:", "");
+    if (url === "__all__") {
+      void revalidateAllFeedbacks(endpoint).catch(() => {
+      });
+    } else {
+      void revalidateFeedbacks(endpoint, url).catch(() => {
+      });
+    }
+  });
+}
+async function postComment(endpoint, taskId, content, authorName, authorId, screenshot, file) {
   const tempComment = {
     id: `temp-${Date.now()}`,
     content,
     authorName,
     authorId,
-    imageUrl: screenshot ? "loading..." : void 0,
+    imageUrl: screenshot || void 0,
+    fileUrl: file?.url,
+    fileName: file?.fileName,
+    fileType: file?.fileType,
+    fileSize: file?.fileSize,
+    fileSource: file?.fileSource,
     createdAt: (/* @__PURE__ */ new Date()).toISOString()
   };
-  const cacheKey = `comments:${taskId}`;
-  const existing = getCached(cacheKey) || [];
-  setCache(cacheKey, [...existing, tempComment]);
-  const res = await apiFetch(`${endpoint}/${taskId}/comments`, {
+  const cacheKey = getCommentsCacheKey(taskId);
+  const previousComments = peekCache(cacheKey) || [];
+  const feedbackSnapshots = snapshotCaches("feedbacks:");
+  setCache(cacheKey, [...previousComments, tempComment]);
+  incrementCommentCount(taskId, 1);
+  try {
+    const res = await apiFetch(`${endpoint}/${taskId}/comments`, {
+      method: "POST",
+      body: JSON.stringify({
+        content,
+        authorName,
+        authorId,
+        screenshot,
+        ...file && {
+          fileUrl: file.url,
+          fileName: file.fileName,
+          fileType: file.fileType,
+          fileSize: file.fileSize,
+          fileSource: file.fileSource
+        }
+      })
+    });
+    const data = await res.json();
+    const serverComment = data.comment;
+    mutateCache(
+      cacheKey,
+      (current) => (current || []).map((comment) => comment.id === tempComment.id ? serverComment : comment)
+    );
+    void revalidateComments(endpoint, taskId);
+    revalidateCachedFeedbackLists(endpoint);
+    return serverComment;
+  } catch (error) {
+    setCache(cacheKey, previousComments);
+    restoreSnapshots(feedbackSnapshots);
+    throw error;
+  }
+}
+var MAX_FILE_SIZE = 4.5 * 1024 * 1024;
+async function uploadFile(endpoint, file, context, taskId) {
+  if (file.size > MAX_FILE_SIZE) {
+    throw new Error(`\uD30C\uC77C \uD06C\uAE30\uAC00 4.5MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4. (${(file.size / 1024 / 1024).toFixed(1)}MB)`);
+  }
+  const token = getToken();
+  const formData = new FormData();
+  formData.append("file", file);
+  formData.append("context", context);
+  if (taskId) formData.append("taskId", taskId);
+  const res = await fetch(`${endpoint}/upload`, {
     method: "POST",
-    body: JSON.stringify({ content, authorName, authorId, screenshot })
+    headers: {
+      Authorization: `Bearer ${token}`
+      // Content-Type은 FormData가 자동 설정 (boundary 포함)
+    },
+    body: formData
   });
-  const data = await res.json();
-  const serverComment = data.comment;
-  const updated = (getCached(cacheKey) || []).map(
-    (c) => c.id === tempComment.id ? serverComment : c
-  );
-  setCache(cacheKey, updated);
-  invalidateCache("feedbacks:");
-  return serverComment;
+  if (!res.ok) {
+    if (res.status === 401) throw new Error("\uC778\uC99D\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+    if (res.status === 413) throw new Error("\uD30C\uC77C \uD06C\uAE30\uAC00 4.5MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.");
+    const err = await res.json().catch(() => ({ error: "\uD30C\uC77C \uC5C5\uB85C\uB4DC \uC2E4\uD328" }));
+    throw new Error(err.error || "\uD30C\uC77C \uC5C5\uB85C\uB4DC \uC2E4\uD328");
+  }
+  return res.json();
 }
 async function updateTaskStatus(endpoint, taskId, status) {
-  await apiFetch(`${endpoint}/${taskId}/status`, {
-    method: "PATCH",
-    body: JSON.stringify({ status })
-  });
-  invalidateCache("feedbacks:");
+  const snapshots = snapshotCaches("feedbacks:");
+  mutateMatchingCaches(
+    "feedbacks:",
+    (items) => items.map((item) => item.id === taskId ? { ...item, status } : item)
+  );
+  try {
+    await apiFetch(`${endpoint}/${taskId}/status`, {
+      method: "PATCH",
+      body: JSON.stringify({ status })
+    });
+    revalidateCachedFeedbackLists(endpoint);
+  } catch (error) {
+    restoreSnapshots(snapshots);
+    throw error;
+  }
 }
 
 // src/core/sourcemap-resolver.ts
@@ -2025,8 +2210,8 @@ function PendingMarker({ x, y, accentColor }) {
 var import_react3 = require("react");
 
 // 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: 480px;\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}\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  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__divider___kDjxN {\n  height: 1px;\n  background: #f3f4f6;\n  margin: 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}\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}\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: 20px;\n  max-height: 80px;\n  line-height: 1.5;\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}\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", "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 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: 480px;\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}\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  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}\n\n.styles-module__divider___kDjxN {\n  height: 1px;\n  background: #f3f4f6;\n  margin: 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}\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}\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: 20px;\n  max-height: 80px;\n  line-height: 1.5;\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}\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" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-comment-thread-styles");
   if (!style) {
@@ -2054,6 +2239,21 @@ function timeAgo(dateStr) {
 function getInitials(name) {
   return name.slice(0, 1).toUpperCase();
 }
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)}KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
+}
+function getFileIcon(mimeType) {
+  if (mimeType.includes("pdf")) return "PDF";
+  if (mimeType.includes("spreadsheet") || mimeType.includes("excel") || mimeType.includes("csv")) return "XLS";
+  if (mimeType.includes("presentation") || mimeType.includes("powerpoint")) return "PPT";
+  if (mimeType.includes("document") || mimeType.includes("word")) return "DOC";
+  if (mimeType.includes("zip") || mimeType.includes("compressed") || mimeType.includes("archive")) return "ZIP";
+  if (mimeType.includes("video")) return "VID";
+  if (mimeType.includes("audio")) return "AUD";
+  return "FILE";
+}
 function CommentThread({
   task,
   currentUserName,
@@ -2068,6 +2268,7 @@ function CommentThread({
   const [replyText, setReplyText] = (0, import_react3.useState)("");
   const [exiting, setExiting] = (0, import_react3.useState)(false);
   const [pendingImage, setPendingImage] = (0, import_react3.useState)(null);
+  const [pendingFile, setPendingFile] = (0, import_react3.useState)(null);
   const [capturingDom, setCapturingDom] = (0, import_react3.useState)(false);
   const textareaRef = (0, import_react3.useRef)(null);
   const listRef = (0, import_react3.useRef)(null);
@@ -2094,11 +2295,12 @@ function CommentThread({
     setTimeout(() => onClose(), 120);
   }, [onClose]);
   const handleSend = (0, import_react3.useCallback)(() => {
-    if (!replyText.trim() && !pendingImage) return;
-    onReply(task.id, replyText.trim(), pendingImage || void 0);
+    if (!replyText.trim() && !pendingImage && !pendingFile) return;
+    onReply(task.id, replyText.trim(), pendingImage || void 0, pendingFile || void 0);
     setReplyText("");
     setPendingImage(null);
-  }, [replyText, pendingImage, task.id, onReply]);
+    setPendingFile(null);
+  }, [replyText, pendingImage, pendingFile, task.id, onReply]);
   const handleKeyDown = (0, import_react3.useCallback)(
     (e) => {
       e.stopPropagation();
@@ -2174,12 +2376,23 @@ function CommentThread({
   }, []);
   const handleFileChange = (0, import_react3.useCallback)((e) => {
     const file = e.target.files?.[0];
-    if (!file || !file.type.startsWith("image/")) return;
-    const reader = new FileReader();
-    reader.onload = () => {
-      setPendingImage(reader.result);
-    };
-    reader.readAsDataURL(file);
+    if (!file) return;
+    if (file.size > 4.5 * 1024 * 1024) {
+      console.warn("[@impakers/debug] \uD30C\uC77C \uD06C\uAE30\uAC00 4.5MB\uB97C \uCD08\uACFC\uD569\uB2C8\uB2E4.");
+      e.target.value = "";
+      return;
+    }
+    if (file.type.startsWith("image/")) {
+      setPendingFile(null);
+      const reader = new FileReader();
+      reader.onload = () => {
+        setPendingImage(reader.result);
+      };
+      reader.readAsDataURL(file);
+    } else {
+      setPendingImage(null);
+      setPendingFile(file);
+    }
     e.target.value = "";
   }, []);
   const feedbackTitle = task.title.replace(/^\[피드백\]\s*/, "");
@@ -2228,6 +2441,23 @@ function CommentThread({
                   style: { cursor: "pointer" },
                   children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: comment.imageUrl, alt: "screenshot" })
                 }
+              ),
+              comment.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                "a",
+                {
+                  className: styles_module_default3.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) })
+                    ] })
+                  ]
+                }
               )
             ] })
           ] }, comment.id)) })
@@ -2236,6 +2466,14 @@ function CommentThread({
           /* @__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" })
         ] }),
+        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) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.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)(
           "textarea",
           {
@@ -2249,7 +2487,7 @@ function CommentThread({
           }
         ) }),
         /* @__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: "\uC774\uBBF8\uC9C0 \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)("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" })
           ] }) }),
@@ -2260,9 +2498,9 @@ function CommentThread({
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "button",
             {
-              className: `${styles_module_default3.replySend} ${replyText.trim() || pendingImage ? styles_module_default3.active : ""}`,
+              className: `${styles_module_default3.replySend} ${replyText.trim() || pendingImage || pendingFile ? styles_module_default3.active : ""}`,
               onClick: handleSend,
-              disabled: !replyText.trim() && !pendingImage,
+              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: [
@@ -2277,7 +2515,7 @@ function CommentThread({
           {
             ref: fileInputRef,
             type: "file",
-            accept: "image/*",
+            accept: "*/*",
             style: { display: "none" },
             onChange: handleFileChange
           }
@@ -2475,8 +2713,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__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}\n\n.styles-module__cardRouteName___BDH75 {\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__cardRoutePath___zP-fh {\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  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__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", "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", "cardRouteName": "styles-module__cardRouteName___BDH75", "cardRoutePath": "styles-module__cardRoutePath___zP-fh", "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", "lightbox": "styles-module__lightbox___8CDdt", "lightboxClose": "styles-module__lightboxClose___VGfjh" };
+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__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}\n\n.styles-module__cardRouteName___BDH75 {\n  font-weight: 500;\n  color: #374151;\n}\n\n.styles-module__cardRoutePath___zP-fh {\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  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", "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", "cardRouteName": "styles-module__cardRouteName___BDH75", "cardRoutePath": "styles-module__cardRoutePath___zP-fh", "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" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-inbox-panel-styles");
   if (!style) {
@@ -2503,6 +2741,74 @@ function ImageLightbox({ src, onClose }) {
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.lightboxClose, onClick: onClose, type: "button", children: "\xD7" })
   ] });
 }
+function formatFileSize2(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(0)}KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)}MB`;
+}
+function getFileIcon2(mimeType) {
+  if (mimeType.includes("pdf")) return "PDF";
+  if (mimeType.includes("spreadsheet") || mimeType.includes("excel") || mimeType.includes("csv")) return "XLS";
+  if (mimeType.includes("presentation") || mimeType.includes("powerpoint")) return "PPT";
+  if (mimeType.includes("document") || mimeType.includes("word")) return "DOC";
+  if (mimeType.includes("zip") || mimeType.includes("compressed") || mimeType.includes("archive")) return "ZIP";
+  if (mimeType.includes("video")) return "VID";
+  if (mimeType.includes("audio")) return "AUD";
+  return "FILE";
+}
+function extractDriveFileId(url) {
+  const match = url.match(/\/d\/([^/]+)/);
+  return match ? match[1] : null;
+}
+function getPreviewSrc(fileUrl, fileType, fileSource) {
+  const isOffice = /\.(pptx?|xlsx?|docx?)$/i.test(fileUrl) || fileType.includes("presentation") || fileType.includes("powerpoint") || fileType.includes("spreadsheet") || fileType.includes("excel") || fileType.includes("document") || fileType.includes("word") || fileType.includes("msword");
+  if (fileSource === "google_drive") {
+    const fileId = extractDriveFileId(fileUrl);
+    if (fileId) return `https://drive.google.com/file/d/${fileId}/preview`;
+  }
+  if (isOffice && fileSource !== "google_drive") {
+    return `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(fileUrl)}`;
+  }
+  if (fileType.includes("pdf")) return fileUrl;
+  return null;
+}
+function FilePreviewModal({
+  fileUrl,
+  fileName,
+  fileType,
+  fileSource,
+  onClose
+}) {
+  (0, import_react5.useEffect)(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handler);
+    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" })
+          ] }),
+          "\uC5F4\uAE30"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.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" })
+    ] }) })
+  ] }) });
+}
 function timeAgo2(dateStr) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const m = Math.floor(diff / 6e4);
@@ -2535,6 +2841,7 @@ function InboxPanel({
   const [loadingComments, setLoadingComments] = (0, import_react5.useState)(false);
   const [replyText, setReplyText] = (0, import_react5.useState)("");
   const [lightboxSrc, setLightboxSrc] = (0, import_react5.useState)(null);
+  const [filePreview, setFilePreview] = (0, import_react5.useState)(null);
   const replyRef = (0, import_react5.useRef)(null);
   const commentsEndRef = (0, import_react5.useRef)(null);
   const handleClose = (0, import_react5.useCallback)(() => {
@@ -2553,16 +2860,30 @@ function InboxPanel({
       return;
     }
     setSelectedItem(item);
-    setLoadingComments(true);
-    try {
-      const data = await fetchComments(endpoint, item.id);
-      setComments(data);
-    } catch {
-      setComments([]);
-    } finally {
+    const cached = getCachedSnapshot(getCommentsCacheKey(item.id));
+    setComments(cached || []);
+    setLoadingComments(!cached);
+  }, [endpoint]);
+  (0, import_react5.useEffect)(() => {
+    if (!selectedItem) return;
+    const cacheKey = getCommentsCacheKey(selectedItem.id);
+    const cached = getCachedSnapshot(cacheKey);
+    if (cached) {
+      setComments(cached);
       setLoadingComments(false);
     }
-  }, [endpoint]);
+    const unsubscribe = subscribeCache(cacheKey, (nextComments) => {
+      setComments(nextComments);
+      setLoadingComments(false);
+    });
+    fetchComments(endpoint, selectedItem.id, { staleWhileRevalidate: true }).then((data) => {
+      setComments(data);
+      setLoadingComments(false);
+    }).catch(() => {
+      setLoadingComments(false);
+    });
+    return unsubscribe;
+  }, [selectedItem, endpoint]);
   (0, import_react5.useEffect)(() => {
     commentsEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [comments.length]);
@@ -2573,17 +2894,8 @@ function InboxPanel({
     if (!replyText.trim() || !selectedItem) return;
     const content = replyText.trim();
     setReplyText("");
-    const temp = {
-      id: `temp-${Date.now()}`,
-      content,
-      authorName: currentUserName,
-      authorId: currentUserId,
-      createdAt: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    setComments((prev) => [...prev, temp]);
     try {
-      const serverComment = await postComment(endpoint, selectedItem.id, content, currentUserName, currentUserId);
-      setComments((prev) => prev.map((c) => c.id === temp.id ? serverComment : c));
+      await postComment(endpoint, selectedItem.id, content, currentUserName, currentUserId);
     } catch (err) {
       console.error("[@impakers/debug] \uCF54\uBA58\uD2B8 \uC804\uC1A1 \uC2E4\uD328:", err);
     }
@@ -2597,15 +2909,12 @@ function InboxPanel({
     }
     if (e.key === "Escape") handleClose();
   }, [handleSendReply, handleClose]);
-  const [statusOverrides, setStatusOverrides] = (0, import_react5.useState)({});
   const handleToggleStatus = (0, import_react5.useCallback)((item, e) => {
     e.stopPropagation();
     const newStatus = item.status === "done" ? "todo" : "done";
-    setStatusOverrides((prev) => ({ ...prev, [item.id]: newStatus }));
     onStatusChange?.(item.id, newStatus);
   }, [onStatusChange]);
-  const applyOverrides = (items2) => items2.map((item) => statusOverrides[item.id] ? { ...item, status: statusOverrides[item.id] } : item);
-  const items = applyOverrides(tab === "page" ? pageItems : allItems);
+  const items = tab === "page" ? pageItems : allItems;
   if (typeof document === "undefined") return null;
   return (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-impakers-debug": "", children: [
@@ -2654,6 +2963,28 @@ function InboxPanel({
                     },
                     children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: c.imageUrl, alt: "attachment" })
                   }
+                ),
+                c.fileUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                  "div",
+                  {
+                    className: styles_module_default5.commentFileCard,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setFilePreview({
+                        url: c.fileUrl,
+                        name: c.fileName || "\uD30C\uC77C",
+                        type: c.fileType || "",
+                        source: c.fileSource
+                      });
+                    },
+                    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) })
+                      ] })
+                    ]
+                  }
                 )
               ] })
             ] }, c.id)),
@@ -2732,7 +3063,17 @@ function InboxPanel({
           ] }, item.id)) })
         ] })
       ] }),
-      lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) })
+      lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) }),
+      filePreview && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        FilePreviewModal,
+        {
+          fileUrl: filePreview.url,
+          fileName: filePreview.name,
+          fileType: filePreview.type,
+          fileSource: filePreview.source,
+          onClose: () => setFilePreview(null)
+        }
+      )
     ] }),
     document.body
   );
@@ -2915,6 +3256,20 @@ function saveRouteAnnotations(annotations) {
   } catch {
   }
 }
+function taskToAnnotation(task) {
+  if (!task.feedbackMarker) return null;
+  return {
+    id: task.id,
+    x: task.feedbackMarker.x,
+    y: task.feedbackMarker.y,
+    comment: task.title.replace(/^\[피드백\]\s*/, ""),
+    element: task.feedbackMarker.element || "",
+    elementPath: "",
+    timestamp: new Date(task.createdAt).getTime(),
+    isFixed: task.feedbackMarker.isFixed,
+    boundingBox: task.feedbackMarker.boundingBox
+  };
+}
 function DebugWidget({ endpoint, getUser, onHide }) {
   const [isActive, setIsActive] = (0, import_react7.useState)(false);
   const [annotations, setAnnotations] = (0, import_react7.useState)(() => loadRouteAnnotations());
@@ -2933,6 +3288,8 @@ function DebugWidget({ endpoint, getUser, onHide }) {
   const [showInbox, setShowInbox] = (0, import_react7.useState)(false);
   const [showSettings, setShowSettings] = (0, import_react7.useState)(false);
   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 popupRef = (0, import_react7.useRef)(null);
   const recentlyAddedIdRef = (0, import_react7.useRef)(null);
   const justSubmittedRef = (0, import_react7.useRef)(false);
@@ -2976,6 +3333,7 @@ function DebugWidget({ endpoint, getUser, onHide }) {
   (0, import_react7.useEffect)(() => {
     setAnnotations(loadRouteAnnotations());
     const handleRouteChange = () => {
+      setRoutePath(window.location.pathname);
       setAnnotations(loadRouteAnnotations());
       setPendingAnnotation(null);
       setHoverInfo(null);
@@ -2992,25 +3350,29 @@ function DebugWidget({ endpoint, getUser, onHide }) {
     };
   }, []);
   (0, import_react7.useEffect)(() => {
-    const currentPath2 = window.location.pathname;
-    fetchFeedbacks(endpoint, currentPath2).then((tasks) => {
+    const cacheKey = getFeedbacksCacheKey(routePath);
+    const cached = getCachedSnapshot(cacheKey);
+    if (cached) {
+      setServerTasks(cached);
+      setHasHydratedServerTasks(true);
+    }
+    const unsubscribe = subscribeCache(cacheKey, (tasks) => {
+      setServerTasks(tasks);
+      setHasHydratedServerTasks(true);
+    });
+    fetchFeedbacks(endpoint, routePath, { staleWhileRevalidate: true }).then((tasks) => {
       setServerTasks(tasks);
-      const serverAnnotations = tasks.filter((t) => t.feedbackMarker).map((t) => ({
-        id: t.id,
-        x: t.feedbackMarker.x,
-        y: t.feedbackMarker.y,
-        comment: t.title.replace(/^\[피드백\]\s*/, ""),
-        element: t.feedbackMarker.element || "",
-        elementPath: "",
-        timestamp: new Date(t.createdAt).getTime(),
-        isFixed: t.feedbackMarker.isFixed,
-        boundingBox: t.feedbackMarker.boundingBox
-      }));
-      setAnnotations(serverAnnotations);
-      saveRouteAnnotations(serverAnnotations);
+      setHasHydratedServerTasks(true);
     }).catch(() => {
     });
-  }, [endpoint]);
+    return unsubscribe;
+  }, [endpoint, routePath]);
+  (0, import_react7.useEffect)(() => {
+    if (!hasHydratedServerTasks) return;
+    const serverAnnotations = serverTasks.map(taskToAnnotation).filter((annotation) => annotation !== null);
+    setAnnotations(serverAnnotations);
+    saveRouteAnnotations(serverAnnotations);
+  }, [serverTasks, hasHydratedServerTasks]);
   const isInitialMount = (0, import_react7.useRef)(true);
   (0, import_react7.useEffect)(() => {
     if (isInitialMount.current) {
@@ -3216,11 +3578,6 @@ ${elementInfo.join("\n")}`);
 **\uCD5C\uADFC \uCF58\uC194 \uC5D0\uB7EC**:`);
           metadata.consoleErrors.forEach((e) => descriptionParts.push(`- \`${e.slice(0, 200)}\``));
         }
-        if (metadata.networkErrors?.length) {
-          descriptionParts.push(`
-**\uCD5C\uADFC \uB124\uD2B8\uC6CC\uD06C \uC2E4\uD328**:`);
-          metadata.networkErrors.forEach((e) => descriptionParts.push(`- ${e.method} ${e.url} \u2192 ${e.status || "FAILED"}`));
-        }
         const result = await submitFeedback(endpoint, {
           title: comment.slice(0, 100),
           description: descriptionParts.join("\n"),
@@ -3238,26 +3595,14 @@ ${elementInfo.join("\n")}`);
         });
         setShowToast(true);
         originalSetTimeout(() => setShowToast(false), 3e3);
-        const newAnnotation = {
-          id: result.taskId || Date.now().toString(),
-          // 서버 UUID 사용
-          x: pendingAnnotation.x,
-          y: pendingAnnotation.y,
-          comment,
-          element: pendingAnnotation.element,
-          elementPath: pendingAnnotation.elementPath,
-          timestamp: Date.now(),
-          selectedText: pendingAnnotation.selectedText,
-          boundingBox: pendingAnnotation.boundingBox,
-          isFixed: pendingAnnotation.isFixed
-        };
-        setAnnotations((prev) => [...prev, newAnnotation]);
-        recentlyAddedIdRef.current = newAnnotation.id;
+        const newTaskId = result.taskId || null;
+        recentlyAddedIdRef.current = newTaskId;
         originalSetTimeout(() => {
           recentlyAddedIdRef.current = null;
         }, 300);
         originalSetTimeout(() => {
-          setAnimatedMarkers((prev) => new Set(prev).add(newAnnotation.id));
+          if (!newTaskId) return;
+          setAnimatedMarkers((prev) => new Set(prev).add(newTaskId));
         }, 250);
         setPendingExiting(true);
         originalSetTimeout(() => {
@@ -3296,43 +3641,34 @@ ${elementInfo.join("\n")}`);
     const newId = annotation.id;
     setActiveThread((prev) => {
       if (prev === newId) return null;
-      fetchComments(endpoint, newId).then((comments) => {
-        setThreadComments((prev2) => ({ ...prev2, [newId]: comments }));
-      }).catch(() => {
-      });
       return newId;
     });
-  }, [endpoint]);
-  const handleThreadReply = (0, import_react7.useCallback)(async (taskId, content, screenshot) => {
+  }, []);
+  (0, import_react7.useEffect)(() => {
+    if (!activeThread) return;
+    const cacheKey = getCommentsCacheKey(activeThread);
+    const cached = getCachedSnapshot(cacheKey);
+    if (cached) {
+      setThreadComments((prev) => ({ ...prev, [activeThread]: cached }));
+    }
+    const unsubscribe = subscribeCache(cacheKey, (comments) => {
+      setThreadComments((prev) => ({ ...prev, [activeThread]: comments }));
+    });
+    fetchComments(endpoint, activeThread, { staleWhileRevalidate: true }).catch(() => {
+    });
+    return unsubscribe;
+  }, [activeThread, endpoint]);
+  const handleThreadReply = (0, import_react7.useCallback)(async (taskId, content, screenshot, file) => {
     const authorName = getUser?.()?.name ? String(getUser().name) : "\uC775\uBA85";
     const authorId = getUser?.()?.id ? String(getUser().id) : void 0;
-    const tempComment = {
-      id: `temp-${Date.now()}`,
-      content,
-      authorName,
-      authorId,
-      imageUrl: screenshot ? screenshot : void 0,
-      // 로컬 미리보기
-      createdAt: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    setThreadComments((prev) => ({
-      ...prev,
-      [taskId]: [...prev[taskId] || [], tempComment]
-    }));
     try {
-      const serverComment = await postComment(endpoint, taskId, content, authorName, authorId, screenshot);
-      setThreadComments((prev) => ({
-        ...prev,
-        [taskId]: (prev[taskId] || []).map(
-          (c) => c.id === tempComment.id ? { ...serverComment } : c
-        )
-      }));
+      let fileResult;
+      if (file) {
+        fileResult = await uploadFile(endpoint, file, "comment", taskId);
+      }
+      await postComment(endpoint, taskId, content, authorName, authorId, screenshot, fileResult);
     } catch (err) {
       console.error("[@impakers/debug] \uCF54\uBA58\uD2B8 \uC804\uC1A1 \uC2E4\uD328:", err);
-      setThreadComments((prev) => ({
-        ...prev,
-        [taskId]: (prev[taskId] || []).filter((c) => c.id !== tempComment.id)
-      }));
     }
   }, [getUser, endpoint]);
   const handleThreadClose = (0, import_react7.useCallback)(() => {
@@ -3400,16 +3736,16 @@ ${elementInfo.join("\n")}`);
       ] })
     }
   ];
-  const currentPath = typeof window !== "undefined" ? window.location.pathname : "/";
-  const allInboxItems = annotations.map((a) => ({
-    id: a.id,
-    title: a.comment || "\uD53C\uB4DC\uBC31",
-    status: "todo",
-    priority: "medium",
+  const currentPath = routePath;
+  const allInboxItems = serverTasks.map((task) => ({
+    id: task.id,
+    title: task.title || "\uD53C\uB4DC\uBC31",
+    status: task.status,
+    priority: task.priority,
     authorName: getUser?.()?.name ? String(getUser().name) : "\uC775\uBA85",
-    feedbackUrl: currentPath,
-    createdAt: new Date(a.timestamp).toISOString(),
-    commentCount: (threadComments[a.id] || []).length
+    feedbackUrl: task.feedbackUrl || currentPath,
+    createdAt: task.createdAt,
+    commentCount: task.commentCount || 0
   }));
   const allRouteItems = (() => {
     const items = [...allInboxItems];
@@ -3461,9 +3797,6 @@ ${elementInfo.join("\n")}`);
           onStatusChange: async (taskId, status) => {
             try {
               await updateTaskStatus(endpoint, taskId, status);
-              const currentPath2 = window.location.pathname;
-              const tasks = await fetchFeedbacks(endpoint, currentPath2);
-              setServerTasks(tasks);
             } catch (err) {
               console.error("[@impakers/debug] \uC0C1\uD0DC \uBCC0\uACBD \uC2E4\uD328:", err);
             }
@@ -3596,6 +3929,7 @@ ${elementInfo.join("\n")}`);
       ),
       activeThread && (() => {
         const annotation = annotations.find((a) => a.id === activeThread);
+        const taskData = serverTasks.find((task2) => task2.id === activeThread);
         if (!annotation) return null;
         const markerX = annotation.x / 100 * window.innerWidth;
         const markerY = annotation.isFixed ? annotation.y : annotation.y - window.scrollY;
@@ -3603,9 +3937,9 @@ ${elementInfo.join("\n")}`);
         const threadTop = Math.max(10, Math.min(markerY, window.innerHeight - 400));
         const task = {
           id: annotation.id,
-          title: annotation.comment || "\uD53C\uB4DC\uBC31",
-          status: "todo",
-          createdAt: new Date(annotation.timestamp).toISOString(),
+          title: taskData?.title || annotation.comment || "\uD53C\uB4DC\uBC31",
+          status: taskData?.status || "todo",
+          createdAt: taskData?.createdAt || new Date(annotation.timestamp).toISOString(),
           comments: threadComments[annotation.id] || []
         };
         return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(