@impakers/debug 1.4.8 → 1.4.11

package/dist/react.mjs

@@ -106,7 +106,7 @@ _ImpakersDebug._eventTarget = typeof EventTarget !== "undefined" ? new EventTarg
 var ImpakersDebug = _ImpakersDebug;
 
 // src/components/debug-widget/index.tsx
-import { useState as useState5, useCallback as useCallback6, useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useState as useState5, useCallback as useCallback6, useEffect as useEffect5, useRef as useRef5, useMemo } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/components/annotation-popup-css/index.tsx
@@ -1535,70 +1535,14 @@ function findNearestComponentSource(element, maxAncestors = 10) {
 }
 
 // src/utils/capture-element.ts
-var UNSUPPORTED_RE = /\b(?:oklab|oklch|color-mix|(?<![\w-])lab|(?<![\w-])lch)\s*\(/i;
-var COLOR_PROPS = [
-  "color",
-  "background-color",
-  "background-image",
-  "background",
-  "border-color",
-  "border-top-color",
-  "border-right-color",
-  "border-bottom-color",
-  "border-left-color",
-  "outline-color",
-  "text-decoration-color",
-  "box-shadow",
-  "text-shadow",
-  "caret-color",
-  "column-rule-color",
-  "fill",
-  "stroke",
-  "stop-color",
-  "flood-color",
-  "lighting-color"
-];
-function sanitizeUnsupportedColors(clonedDoc) {
-  const allEls = clonedDoc.querySelectorAll("*");
-  for (let i = 0; i < allEls.length; i++) {
-    const el = allEls[i];
-    if (!el.style) continue;
-    let cs = null;
-    for (const prop of COLOR_PROPS) {
-      const inlineVal = el.style.getPropertyValue(prop);
-      if (inlineVal && UNSUPPORTED_RE.test(inlineVal)) {
-        el.style.setProperty(prop, getFallback(prop));
-        continue;
-      }
-      if (!cs) {
-        try {
-          cs = clonedDoc.defaultView.getComputedStyle(el);
-        } catch {
-          break;
-        }
-      }
-      const val = cs.getPropertyValue(prop);
-      if (val && UNSUPPORTED_RE.test(val)) {
-        el.style.setProperty(prop, getFallback(prop));
-      }
-    }
-  }
-}
-function getFallback(prop) {
-  if (prop === "background-image" || prop === "background") return "none";
-  if (prop === "box-shadow" || prop === "text-shadow") return "none";
-  if (prop === "color") return "inherit";
-  return "transparent";
-}
 async function captureElement(el, options = {}) {
   const { quality = 0.7, maxScale = 2 } = options;
-  const html2canvas = (await import("html2canvas")).default;
+  const html2canvas = (await import("html2canvas-pro")).default;
   const canvas = await html2canvas(el, {
     useCORS: true,
     allowTaint: true,
     scale: Math.min(window.devicePixelRatio, maxScale),
-    logging: false,
-    onclone: (clonedDoc) => sanitizeUnsupportedColors(clonedDoc)
+    logging: false
   });
   return canvas.toDataURL("image/jpeg", quality);
 }
@@ -1609,15 +1553,14 @@ async function captureFullPage(options = {}) {
   const hiddenEls = document.querySelectorAll(allSelectors.join(", "));
   try {
     hiddenEls.forEach((el) => el.style.visibility = "hidden");
-    const html2canvas = (await import("html2canvas")).default;
+    const html2canvas = (await import("html2canvas-pro")).default;
     const canvas = await html2canvas(document.body, {
       useCORS: true,
       allowTaint: true,
       scale: 1,
       logging: false,
       width: window.innerWidth,
-      height: window.innerHeight,
-      onclone: (clonedDoc) => sanitizeUnsupportedColors(clonedDoc)
+      height: window.innerHeight
     });
     return canvas.toDataURL("image/jpeg", quality);
   } catch {
@@ -2478,7 +2421,7 @@ function PendingMarker({ x, y, accentColor }) {
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2 } from "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__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: 36px;\n  max-height: 120px;\n  line-height: 1.55;\n  transition: height 0.1s ease;\n}\n.styles-module__replyInput___uZNBW::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__replyToolbar___fTFJU {\n  display: flex;\n  align-items: center;\n  padding: 4px 16px 10px;\n  gap: 4px;\n}\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 css3 = '@keyframes styles-module__threadIn___pBTFZ {\n  from {\n    opacity: 0;\n    transform: scale(0.96) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__threadOut___-ccKh {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n}\n.styles-module__thread___ua2EO {\n  position: fixed;\n  width: 340px;\n  max-height: min(480px, 100vh - 40px);\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);\n  z-index: 100002;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n  font-size: 13px;\n  color: #1a1a1a;\n  animation: styles-module__threadIn___pBTFZ 0.15s ease-out;\n  -webkit-font-smoothing: antialiased;\n}\n.styles-module__thread___ua2EO.styles-module__exiting___RIPeX {\n  animation: styles-module__threadOut___-ccKh 0.12s ease-in forwards;\n  pointer-events: none;\n}\n\n.styles-module__header___GiEBq {\n  padding: 14px 16px 10px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  flex-shrink: 0;\n}\n\n.styles-module__avatar___JElAd {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #16a34a;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 600;\n  flex-shrink: 0;\n}\n\n.styles-module__headerInfo___E8809 {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__headerTop___eDiCd {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 4px;\n}\n\n.styles-module__authorName___T1BfB {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__timestamp___WusBf {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__headerActions___8FsMY {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.styles-module__headerAction___Tinmq {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__headerAction___Tinmq:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__headerAction___Tinmq svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__title___qkfqY {\n  font-size: 13px;\n  color: #1a1a1a;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.styles-module__commentsList___kYqAR {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 0;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar {\n  width: 4px;\n}\n.styles-module__commentsList___kYqAR::-webkit-scrollbar-thumb {\n  background: #d1d5db;\n  border-radius: 2px;\n}\n\n.styles-module__comment___pW3IO {\n  padding: 10px 16px;\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n}\n.styles-module__comment___pW3IO:hover {\n  background: #f9fafb;\n}\n.styles-module__comment___pW3IO:hover .styles-module__commentActions___wO0fs {\n  opacity: 1;\n}\n\n.styles-module__commentHighlight___EiTmx {\n  background: #eff6ff;\n  border-left: 2px solid #3b82f6;\n  padding-left: 14px;\n}\n\n.styles-module__commentContent___RObGr {\n  flex: 1;\n  min-width: 0;\n}\n\n.styles-module__commentTop___BbTF3 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 2px;\n}\n\n.styles-module__commentAuthor___tBjpl {\n  font-size: 13px;\n  font-weight: 600;\n  color: #1a1a1a;\n}\n\n.styles-module__commentTime___0OLrz {\n  font-size: 12px;\n  color: #9ca3af;\n}\n\n.styles-module__commentActions___wO0fs {\n  display: flex;\n  gap: 2px;\n  opacity: 0;\n  transition: opacity 0.12s;\n}\n\n.styles-module__commentText___ldy2V {\n  font-size: 13px;\n  color: #374151;\n  line-height: 1.5;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.styles-module__screenshot___jUqau {\n  margin-top: 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  position: relative;\n  max-width: 200px;\n}\n.styles-module__screenshot___jUqau img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.styles-module__screenshot___jUqau .styles-module__screenshotBadge___roEqY {\n  position: absolute;\n  top: 6px;\n  right: 6px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n.styles-module__fileCard___-iOro {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  padding: 8px 10px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  text-decoration: none;\n  color: inherit;\n  cursor: pointer;\n  transition: background 0.12s;\n  max-width: 200px;\n}\n.styles-module__fileCard___-iOro:hover {\n  background: #f3f4f6;\n}\n\n.styles-module__fileIcon___dNJMT {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  background: #e5e7eb;\n  color: #374151;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  font-weight: 700;\n  flex-shrink: 0;\n  letter-spacing: 0.5px;\n}\n\n.styles-module__fileInfo___dVrLV {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.styles-module__fileCardName___SHOj- {\n  font-size: 12px;\n  font-weight: 500;\n  color: #1a1a1a;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__fileCardSize___W53JL {\n  font-size: 11px;\n  color: #9ca3af;\n}\n\n.styles-module__pendingFile___-OSRs {\n  position: relative;\n  margin: 0 16px 8px;\n  padding: 8px 10px;\n  padding-right: 30px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  background: #f9fafb;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__divider___kDjxN {\n  height: 1px;\n  background: #f3f4f6;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.styles-module__pendingImage___gHaF3 {\n  position: relative;\n  margin: 0 16px 8px;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  overflow: hidden;\n  max-height: 120px;\n  flex-shrink: 0;\n}\n.styles-module__pendingImage___gHaF3 img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  max-height: 120px;\n}\n\n.styles-module__pendingRemove___FRL4h {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n.styles-module__pendingRemove___FRL4h:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__replyArea___VQn9b {\n  padding: 10px 16px 8px;\n  border-top: 1px solid #f3f4f6;\n  flex-shrink: 0;\n}\n\n.styles-module__replyInput___uZNBW {\n  width: 100%;\n  border: none;\n  outline: none;\n  font-size: 13px;\n  font-family: inherit;\n  color: #1a1a1a;\n  resize: none;\n  padding: 0;\n  min-height: 36px;\n  max-height: 120px;\n  line-height: 1.55;\n  transition: height 0.1s ease;\n}\n.styles-module__replyInput___uZNBW::placeholder {\n  color: #9ca3af;\n}\n\n.styles-module__replyToolbar___fTFJU {\n  display: flex;\n  align-items: center;\n  padding: 4px 16px 10px;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.styles-module__replyTool___Ho-Rx {\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replyTool___Ho-Rx:hover {\n  background: #f3f4f6;\n  color: #374151;\n}\n.styles-module__replyTool___Ho-Rx svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__replySend___e0VSb {\n  margin-left: auto;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  color: #9ca3af;\n  transition: background 0.12s, color 0.12s;\n  padding: 0;\n}\n.styles-module__replySend___e0VSb:hover {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb.styles-module__active___R--Jj {\n  color: #3b82f6;\n}\n.styles-module__replySend___e0VSb svg {\n  width: 16px;\n  height: 16px;\n}\n\n.styles-module__empty___XXGiw {\n  padding: 24px 16px;\n  text-align: center;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.styles-module__statusBadge___el8ml {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  padding: 2px 8px;\n  border-radius: 10px;\n  margin-left: auto;\n}\n.styles-module__statusBadge___el8ml.styles-module__todo___rUWBr {\n  background: #fef3c7;\n  color: #92400e;\n}\n.styles-module__statusBadge___el8ml.styles-module__inProgress___HEWgU {\n  background: #dbeafe;\n  color: #1e40af;\n}\n.styles-module__statusBadge___el8ml.styles-module__done___zC12n {\n  background: #dcfce7;\n  color: #166534;\n}\n\n.styles-module__lightbox___KoWEF {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483647;\n  background: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: zoom-out;\n}\n.styles-module__lightbox___KoWEF img {\n  max-width: 90vw;\n  max-height: 90vh;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n  cursor: default;\n}\n\n.styles-module__lightboxClose___tGZlm {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__lightboxClose___tGZlm:hover {\n  background: rgba(255, 255, 255, 0.25);\n}';
 var classNames3 = { "thread": "styles-module__thread___ua2EO", "threadIn": "styles-module__threadIn___pBTFZ", "exiting": "styles-module__exiting___RIPeX", "threadOut": "styles-module__threadOut___-ccKh", "header": "styles-module__header___GiEBq", "avatar": "styles-module__avatar___JElAd", "headerInfo": "styles-module__headerInfo___E8809", "headerTop": "styles-module__headerTop___eDiCd", "authorName": "styles-module__authorName___T1BfB", "timestamp": "styles-module__timestamp___WusBf", "headerActions": "styles-module__headerActions___8FsMY", "headerAction": "styles-module__headerAction___Tinmq", "title": "styles-module__title___qkfqY", "commentsList": "styles-module__commentsList___kYqAR", "comment": "styles-module__comment___pW3IO", "commentActions": "styles-module__commentActions___wO0fs", "commentHighlight": "styles-module__commentHighlight___EiTmx", "commentContent": "styles-module__commentContent___RObGr", "commentTop": "styles-module__commentTop___BbTF3", "commentAuthor": "styles-module__commentAuthor___tBjpl", "commentTime": "styles-module__commentTime___0OLrz", "commentText": "styles-module__commentText___ldy2V", "screenshot": "styles-module__screenshot___jUqau", "screenshotBadge": "styles-module__screenshotBadge___roEqY", "fileCard": "styles-module__fileCard___-iOro", "fileIcon": "styles-module__fileIcon___dNJMT", "fileInfo": "styles-module__fileInfo___dVrLV", "fileCardName": "styles-module__fileCardName___SHOj-", "fileCardSize": "styles-module__fileCardSize___W53JL", "pendingFile": "styles-module__pendingFile___-OSRs", "divider": "styles-module__divider___kDjxN", "pendingImage": "styles-module__pendingImage___gHaF3", "pendingRemove": "styles-module__pendingRemove___FRL4h", "replyArea": "styles-module__replyArea___VQn9b", "replyInput": "styles-module__replyInput___uZNBW", "replyToolbar": "styles-module__replyToolbar___fTFJU", "replyTool": "styles-module__replyTool___Ho-Rx", "replySend": "styles-module__replySend___e0VSb", "active": "styles-module__active___R--Jj", "empty": "styles-module__empty___XXGiw", "statusBadge": "styles-module__statusBadge___el8ml", "todo": "styles-module__todo___rUWBr", "inProgress": "styles-module__inProgress___HEWgU", "done": "styles-module__done___zC12n", "lightbox": "styles-module__lightbox___KoWEF", "lightboxClose": "styles-module__lightboxClose___tGZlm" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-comment-thread-styles");
@@ -2677,10 +2620,10 @@ function CommentThread({
       onClick: (e) => e.stopPropagation(),
       children: [
         /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.header, children: [
-          /* @__PURE__ */ jsx4("div", { className: styles_module_default3.avatar, children: getInitials(currentUserName) }),
+          /* @__PURE__ */ jsx4("div", { className: styles_module_default3.avatar, children: getInitials(task.authorName || currentUserName) }),
           /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.headerInfo, children: [
             /* @__PURE__ */ jsxs4("div", { className: styles_module_default3.headerTop, children: [
-              /* @__PURE__ */ jsx4("span", { className: styles_module_default3.authorName, children: currentUserName }),
+              /* @__PURE__ */ jsx4("span", { className: styles_module_default3.authorName, children: task.authorName || currentUserName }),
               /* @__PURE__ */ jsx4("span", { className: styles_module_default3.timestamp, children: timeAgo(task.createdAt) })
             ] }),
             /* @__PURE__ */ jsx4("div", { className: styles_module_default3.title, children: feedbackTitle })
@@ -3397,8 +3340,9 @@ import { createPortal as createPortal2 } from "react-dom";
 var SETTINGS_KEY = "impakers-debug-settings";
 var DEFAULTS = {
   markerColor: "#6366f1",
-  // indigo — 눈에 잘 보이는 기본 색상
-  markersVisible: true
+  markersVisible: true,
+  hideDoneMarkers: false,
+  showOnlyMine: false
 };
 function loadSettings() {
   try {
@@ -3444,6 +3388,12 @@ function SettingsPanel({ settings, onChange, onClose }) {
   const handleToggleMarkers = useCallback5(() => {
     onChange({ ...settings, markersVisible: !settings.markersVisible });
   }, [settings, onChange]);
+  const handleToggleHideDone = useCallback5(() => {
+    onChange({ ...settings, hideDoneMarkers: !settings.hideDoneMarkers });
+  }, [settings, onChange]);
+  const handleToggleShowOnlyMine = useCallback5(() => {
+    onChange({ ...settings, showOnlyMine: !settings.showOnlyMine });
+  }, [settings, onChange]);
   const handleColorChange = useCallback5((color) => {
     onChange({ ...settings, markerColor: color });
   }, [settings, onChange]);
@@ -3469,6 +3419,30 @@ function SettingsPanel({ settings, onChange, onClose }) {
               }
             )
           ] }),
+          /* @__PURE__ */ jsxs7("div", { className: styles_module_default6.field, children: [
+            /* @__PURE__ */ jsx7("div", { className: styles_module_default6.fieldLabel, children: "\uC644\uB8CC \uD540 \uC228\uAE30\uAE30" }),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                className: `${styles_module_default6.toggle} ${settings.hideDoneMarkers ? styles_module_default6.on : ""}`,
+                onClick: handleToggleHideDone,
+                type: "button",
+                children: /* @__PURE__ */ jsx7("span", { className: styles_module_default6.toggleThumb })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: styles_module_default6.field, children: [
+            /* @__PURE__ */ jsx7("div", { className: styles_module_default6.fieldLabel, children: "\uB0B4\uAC00 \uCD94\uAC00\uD55C \uAC83\uB9CC" }),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                className: `${styles_module_default6.toggle} ${settings.showOnlyMine ? styles_module_default6.on : ""}`,
+                onClick: handleToggleShowOnlyMine,
+                type: "button",
+                children: /* @__PURE__ */ jsx7("span", { className: styles_module_default6.toggleThumb })
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxs7("div", { className: styles_module_default6.field, children: [
             /* @__PURE__ */ jsx7("div", { className: styles_module_default6.fieldLabel, children: "\uB9C8\uCEE4 \uC0C9\uC0C1" }),
             /* @__PURE__ */ jsx7("div", { className: styles_module_default6.colors, children: MARKER_COLORS.map((c) => /* @__PURE__ */ jsx7(
@@ -3904,15 +3878,17 @@ function DebugWidget({ endpoint, getUser, onHide }) {
         if (routeMatch?.context) {
           metadata.routeDebug = routeMatch.context;
         }
-        const descriptionParts = [comment];
+        const debugParts = [];
+        debugParts.push(`## \uD53C\uB4DC\uBC31 ${comment}`);
         if (debugTargets.length > 0) {
-          descriptionParts.push(
-            "\n\n---\n**\uB514\uBC84\uAE45 \uD0C0\uAC9F \uD30C\uC77C**:",
-            ...debugTargets.map((target) => {
-              const suffix = target.line ? `:${target.line}${typeof target.column === "number" ? `:${target.column}` : ""}` : "";
-              return `- [${target.kind}] \`${target.file}${suffix}\` (${target.reason})`;
-            })
-          );
+          debugParts.push("");
+          debugParts.push("---");
+          debugParts.push("");
+          debugParts.push("**\uB514\uBC84\uAE45 \uD0C0\uAC9F \uD30C\uC77C**:");
+          debugTargets.forEach((target) => {
+            const suffix = target.line ? `:${target.line}${typeof target.column === "number" ? `:${target.column}` : ""}` : "";
+            debugParts.push(`- [${target.kind}] \`${target.file}${suffix}\` (${target.reason})`);
+          });
         }
         const elementInfo = [];
         if (pendingAnnotation.element) {
@@ -3942,29 +3918,67 @@ function DebugWidget({ endpoint, getUser, onHide }) {
           elementInfo.push(`**\uC811\uADFC\uC131**: ${pendingAnnotation.accessibility}`);
         }
         if (elementInfo.length > 0) {
-          descriptionParts.push(`
-
----
-${elementInfo.join("\n")}`);
+          debugParts.push("");
+          debugParts.push("---");
+          debugParts.push("");
+          elementInfo.forEach((line) => debugParts.push(line));
         }
         if (metadata.consoleErrors?.length) {
-          descriptionParts.push(`
-**\uCD5C\uADFC \uCF58\uC194 \uC5D0\uB7EC**:`);
-          metadata.consoleErrors.slice(-10).forEach((e) => descriptionParts.push(`- \`${e.slice(0, 200)}\``));
+          debugParts.push("");
+          debugParts.push("---");
+          debugParts.push("");
+          debugParts.push("**\uCD5C\uADFC \uCF58\uC194 \uC5D0\uB7EC**:");
+          metadata.consoleErrors.slice(-10).forEach((e) => debugParts.push(`- \`${e.slice(0, 200)}\``));
         }
         if (metadata.consoleLogs?.length) {
           const recentLogs = metadata.consoleLogs.filter((l) => l.level === "error" || l.level === "warn").slice(-10);
           if (recentLogs.length > 0) {
-            descriptionParts.push(`
-**\uCD5C\uADFC \uCF58\uC194 \uB85C\uADF8**:`);
-            recentLogs.forEach((l) => descriptionParts.push(`- [${l.level}] \`${l.message.slice(0, 200)}\``));
+            debugParts.push("");
+            debugParts.push("**\uCD5C\uADFC \uCF58\uC194 \uB85C\uADF8**:");
+            recentLogs.forEach((l) => debugParts.push(`- [${l.level}] \`${l.message.slice(0, 200)}\``));
+          }
+        }
+        debugParts.push("");
+        debugParts.push("---");
+        debugParts.push("");
+        debugParts.push("## \uD658\uACBD \uC815\uBCF4");
+        debugParts.push("");
+        debugParts.push(`- **URL**: ${metadata.url}`);
+        debugParts.push(`- **\uC2DC\uC810**: ${new Date(metadata.timestamp).toLocaleString("ko-KR")}`);
+        debugParts.push(`- **\uBE0C\uB77C\uC6B0\uC800**: ${metadata.browser}`);
+        debugParts.push(`- **\uD654\uBA74**: ${metadata.viewport} (@${metadata.pixelRatio}x)`);
+        debugParts.push(`- **\uC5B8\uC5B4**: ${metadata.language}`);
+        if (metadata.user?.name) {
+          debugParts.push(`- **\uC0AC\uC6A9\uC790**: ${metadata.user.name}`);
+        }
+        if (metadata.performance && Object.keys(metadata.performance).length > 0) {
+          debugParts.push("");
+          debugParts.push("---");
+          debugParts.push("");
+          debugParts.push("## \uC131\uB2A5");
+          debugParts.push("");
+          debugParts.push("| \uD56D\uBAA9 | \uAC12 |");
+          debugParts.push("|------|-----|");
+          const perfLabels = {
+            pageLoadTime: "\uD398\uC774\uC9C0 \uB85C\uB529",
+            domContentLoaded: "DOM \uB85C\uB4DC",
+            ttfb: "TTFB",
+            firstContentfulPaint: "FCP",
+            usedJSHeapMB: "\uBA54\uBAA8\uB9AC \uC0AC\uC6A9",
+            totalJSHeapMB: "\uBA54\uBAA8\uB9AC \uC804\uCCB4"
+          };
+          for (const [key, value] of Object.entries(metadata.performance)) {
+            const label = perfLabels[key] || key;
+            const unit = key.includes("Heap") ? "MB" : "ms";
+            debugParts.push(`| ${label} | ${value}${unit} |`);
           }
         }
         const result = await submitFeedback(endpoint, {
           title: comment.slice(0, 100),
-          description: descriptionParts.join("\n"),
+          description: "",
           priority: "medium",
           metadata,
+          debugInfo: debugParts.join("\n"),
           screenshot,
           feedbackUrl: window.location.pathname,
           feedbackMarker: {
@@ -4138,6 +4152,15 @@ ${elementInfo.join("\n")}`);
     }
   ];
   const currentPath = routePath;
+  const currentUserName = getUser?.()?.name ? String(getUser().name) : null;
+  const visibleAnnotations = useMemo(() => {
+    return annotations.filter((a) => {
+      const task = serverTasks.find((t) => t.id === a.id);
+      if (settings.hideDoneMarkers && (a.status === "done" || a.status === "resolved")) return false;
+      if (settings.showOnlyMine && task?.authorName && currentUserName && task.authorName !== currentUserName) return false;
+      return true;
+    });
+  }, [annotations, serverTasks, settings.hideDoneMarkers, settings.showOnlyMine, currentUserName]);
   const allInboxItems = serverTasks.map((task) => ({
     id: task.id,
     title: task.title || "\uD53C\uB4DC\uBC31",
@@ -4256,7 +4279,7 @@ ${elementInfo.join("\n")}`);
           );
         })()
       ] }),
-      /* @__PURE__ */ jsx8("div", { className: styles_module_default7.markersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: annotations.filter((a) => !a.isFixed).map((annotation, i) => /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx8("div", { className: styles_module_default7.markersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: visibleAnnotations.filter((a) => !a.isFixed).map((annotation, i) => /* @__PURE__ */ jsx8(
         AnnotationMarker,
         {
           annotation,
@@ -4275,7 +4298,7 @@ ${elementInfo.join("\n")}`);
         annotation.id
       )) }),
       /* @__PURE__ */ jsxs8("div", { className: styles_module_default7.fixedMarkersLayer, "data-impakers-debug": "", style: { display: settings.markersVisible ? void 0 : "none" }, children: [
-        annotations.filter((a) => a.isFixed).map((annotation, i) => /* @__PURE__ */ jsx8(
+        visibleAnnotations.filter((a) => a.isFixed).map((annotation, i) => /* @__PURE__ */ jsx8(
           AnnotationMarker,
           {
             annotation,
@@ -4334,6 +4357,7 @@ ${elementInfo.join("\n")}`);
           id: annotation.id,
           title: taskData?.title || annotation.comment || "\uD53C\uB4DC\uBC31",
           status: taskData?.status || "todo",
+          authorName: taskData?.authorName || void 0,
           createdAt: taskData?.createdAt || new Date(annotation.timestamp).toISOString(),
           comments: threadComments[annotation.id] || []
         };