@impakers/debug 1.3.0 → 1.3.1

package/dist/react.js

@@ -2025,8 +2025,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}';
-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" };
+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" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-comment-thread-styles");
   if (!style) {
@@ -2071,6 +2071,7 @@ function CommentThread({
   const [capturingDom, setCapturingDom] = (0, import_react3.useState)(false);
   const textareaRef = (0, import_react3.useRef)(null);
   const listRef = (0, import_react3.useRef)(null);
+  const [lightboxSrc, setLightboxSrc] = (0, import_react3.useState)(null);
   const fileInputRef = (0, import_react3.useRef)(null);
   (0, import_react3.useEffect)(() => {
     if (listRef.current) listRef.current.scrollTop = listRef.current.scrollHeight;
@@ -2219,7 +2220,15 @@ function CommentThread({
                 /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles_module_default3.commentTime, children: timeAgo(comment.createdAt) })
               ] }),
               comment.content && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.commentText, children: comment.content }),
-              comment.imageUrl && comment.imageUrl !== "loading..." && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles_module_default3.screenshot, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: comment.imageUrl, alt: "screenshot" }) })
+              comment.imageUrl && comment.imageUrl !== "loading..." && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "div",
+                {
+                  className: styles_module_default3.screenshot,
+                  onClick: () => setLightboxSrc(comment.imageUrl),
+                  style: { cursor: "pointer" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: comment.imageUrl, alt: "screenshot" })
+                }
+              )
             ] })
           ] }, comment.id)) })
         ] }),
@@ -2272,7 +2281,11 @@ function CommentThread({
             style: { display: "none" },
             onChange: handleFileChange
           }
-        )
+        ),
+        lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles_module_default3.lightbox, onClick: () => setLightboxSrc(null), "data-impakers-debug": "", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: lightboxSrc, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: styles_module_default3.lightboxClose, onClick: () => setLightboxSrc(null), type: "button", children: "\xD7" })
+        ] })
       ]
     }
   );
@@ -2462,8 +2475,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}';
-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" };
+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" };
 if (typeof document !== "undefined") {
   let style = document.getElementById("impakers-debug-styles-inbox-panel-styles");
   if (!style) {
@@ -2477,6 +2490,19 @@ var styles_module_default5 = classNames5;
 
 // src/components/inbox-panel/index.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
+function ImageLightbox({ src, onClose }) {
+  (0, import_react5.useEffect)(() => {
+    const handler = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [onClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles_module_default5.lightbox, onClick: onClose, "data-impakers-debug": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src, alt: "enlarged", onClick: (e) => e.stopPropagation() }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: styles_module_default5.lightboxClose, onClick: onClose, type: "button", children: "\xD7" })
+  ] });
+}
 function timeAgo2(dateStr) {
   const diff = Date.now() - new Date(dateStr).getTime();
   const m = Math.floor(diff / 6e4);
@@ -2508,6 +2534,7 @@ function InboxPanel({
   const [comments, setComments] = (0, import_react5.useState)([]);
   const [loadingComments, setLoadingComments] = (0, import_react5.useState)(false);
   const [replyText, setReplyText] = (0, import_react5.useState)("");
+  const [lightboxSrc, setLightboxSrc] = (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)(() => {
@@ -2616,7 +2643,18 @@ function InboxPanel({
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentAuthorName, children: c.authorName }),
                   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles_module_default5.commentTime, children: timeAgo2(c.createdAt) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.commentContent, children: c.content })
+                c.content && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles_module_default5.commentContent, children: c.content }),
+                c.imageUrl && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "div",
+                  {
+                    className: styles_module_default5.commentImage,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setLightboxSrc(c.imageUrl);
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: c.imageUrl, alt: "attachment" })
+                  }
+                )
               ] })
             ] }, c.id)),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: commentsEndRef })
@@ -2693,7 +2731,8 @@ function InboxPanel({
             ] })
           ] }, item.id)) })
         ] })
-      ] })
+      ] }),
+      lightboxSrc && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageLightbox, { src: lightboxSrc, onClose: () => setLightboxSrc(null) })
     ] }),
     document.body
   );