@01.works/visual-review 0.8.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -126,7 +126,7 @@ const review = installVisualReview({
126
126
  // 필요한 경우 await review.refresh();
127
127
  ```
128
128
 
129
- 다른 페이지의 피드백을 여는 동작은 Next.js에서는 native History 연동을 사용하고,
129
+ 다른 페이지의 피드백을 여는 동작은 `/next` entry가 App Router의 `push`로 처리하고,
130
130
  일반 정적/멀티페이지 사이트에서는 실제 페이지 이동을 사용합니다. React Router처럼
131
131
  별도 router API가 필요한 호스트는 `navigateToFeedback: (url) => router.navigate(url)`을
132
132
  전달해야 URL과 렌더링된 페이지가 항상 함께 바뀝니다.
@@ -1,4 +1,4 @@
1
- import{r as e}from"./install-CHc9lD7l.js";import{t}from"./embedded-source-DZCfzGp4.js";import{i as n,init as r}from"@instantdb/core";const i=n.schema({entities:{$users:n.entity({email:n.string().unique().indexed()}),projects:n.entity({name:n.string(),slug:n.string().unique().indexed(),allowedOrigin:n.string().optional(),originDisconnectedAt:n.number().optional(),createdAt:n.number().indexed(),updatedAt:n.number()}),reviewPages:n.entity({projectId:n.string().indexed(),autoRegistrationSlot:n.string().unique().indexed().optional(),name:n.string(),pathname:n.string(),stagingOrigin:n.string(),createdAt:n.number().indexed(),updatedAt:n.number()}),reviewPageBuilds:n.entity({projectId:n.string().indexed(),pageId:n.string().unique().indexed(),buildId:n.string(),gitCommit:n.string().optional(),generatedAt:n.number().optional(),mode:n.string(),updatedAt:n.number().indexed()}),reviewers:n.entity({authUserId:n.string().indexed(),projectId:n.string().indexed(),email:n.string().indexed(),displayName:n.string(),role:n.string(),createdAt:n.number()}),reviewerIdentityClaims:n.entity({reviewerId:n.string().unique().indexed(),projectId:n.string().indexed(),authUserId:n.string().indexed(),email:n.string(),displayName:n.string(),role:n.string(),createdAt:n.number()}),invitations:n.entity({projectId:n.string().indexed(),reviewerId:n.string().indexed().optional(),email:n.string().indexed(),status:n.string().indexed(),claimRevision:n.number(),claimedByAuthUserId:n.string().indexed().optional(),expiresAt:n.number().indexed(),createdAt:n.number(),acceptedAt:n.number().optional(),revokedAt:n.number().optional()}),comments:n.entity({pageId:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string().optional(),anchorSelector:n.string().optional(),anchorOffsetX:n.number().optional(),anchorOffsetY:n.number().optional(),anchorViewportX:n.number().optional(),anchorViewportY:n.number().optional(),targetKind:n.string().optional(),targetPageX:n.number().optional(),targetPageY:n.number().optional(),targetWidth:n.number().optional(),targetHeight:n.number().optional(),targetViewportX:n.number().optional(),targetViewportY:n.number().optional(),targetViewportWidth:n.number().optional(),targetViewportHeight:n.number().optional(),targetPageOrigin:n.string().optional(),targetPagePathname:n.string().optional(),targetPageSearch:n.string().optional(),targetPageHash:n.string().optional(),targetPageTitle:n.string().optional(),targetCapturedAt:n.number().optional(),status:n.string().indexed(),workflowRevision:n.number(),createdAt:n.number().indexed(),updatedAt:n.number().indexed(),resolvedAt:n.number().optional(),resolvedById:n.string().optional()}),commentWorkflowClaims:n.entity({claimKey:n.string().unique().indexed(),commentId:n.string().indexed(),expectedWorkflowRevision:n.number(),createdAt:n.number().indexed()}),commentTargetElements:n.entity({commentId:n.string().indexed(),slotKey:n.string().unique().indexed().optional(),ordinal:n.number(),selector:n.string(),tagName:n.string(),textPreview:n.string(),pageX:n.number(),pageY:n.number(),width:n.number(),height:n.number(),viewportX:n.number(),viewportY:n.number(),viewportWidth:n.number(),viewportHeight:n.number(),authorAuthUserId:n.string().indexed()}),commentScopeEntries:n.entity({commentId:n.string().indexed(),slotKey:n.string().unique().indexed().optional(),ordinal:n.number(),key:n.string(),valueType:n.string(),stringValue:n.string().optional(),numberValue:n.number().optional(),booleanValue:n.boolean().optional(),authorAuthUserId:n.string().indexed()}),commentSourceContexts:n.entity({commentId:n.string().unique().indexed(),pageId:n.string().indexed(),authorAuthUserId:n.string().indexed(),contextJson:n.string(),createdAt:n.number().indexed()}),replies:n.entity({pageId:n.string().indexed(),commentId:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string().optional(),createdAt:n.number().indexed(),updatedAt:n.number().indexed()}),reviewMessages:n.entity({pageId:n.string().indexed(),pathname:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string(),createdAt:n.number().indexed(),updatedAt:n.number().indexed()})},links:{projectOwners:{forward:{on:`projects`,has:`many`,label:`owners`},reverse:{on:`$users`,has:`many`,label:`ownedProjects`}},projectPages:{forward:{on:`projects`,has:`many`,label:`pages`},reverse:{on:`reviewPages`,has:`one`,label:`project`}},pageCurrentBuild:{forward:{on:`reviewPageBuilds`,has:`one`,label:`page`,required:!0,onDelete:`cascade`},reverse:{on:`reviewPages`,has:`one`,label:`currentBuild`}},projectReviewers:{forward:{on:`projects`,has:`many`,label:`reviewers`},reverse:{on:`reviewers`,has:`one`,label:`project`}},reviewerUser:{forward:{on:`reviewers`,has:`one`,label:`$user`},reverse:{on:`$users`,has:`many`,label:`reviewerMemberships`}},projectInvitations:{forward:{on:`projects`,has:`many`,label:`invitations`},reverse:{on:`invitations`,has:`one`,label:`project`}},invitationReviewer:{forward:{on:`invitations`,has:`one`,label:`reviewer`},reverse:{on:`reviewers`,has:`many`,label:`acceptedInvitations`}},invitationActiveUser:{forward:{on:`invitations`,has:`one`,label:`activeUser`},reverse:{on:`$users`,has:`one`,label:`activeReviewInvitation`}},pageComments:{forward:{on:`reviewPages`,has:`many`,label:`comments`},reverse:{on:`comments`,has:`one`,label:`page`}},pageReviewMessages:{forward:{on:`reviewPages`,has:`many`,label:`reviewMessages`},reverse:{on:`reviewMessages`,has:`one`,label:`page`}},commentReplies:{forward:{on:`comments`,has:`many`,label:`replies`},reverse:{on:`replies`,has:`one`,label:`comment`}},commentTargetElements:{forward:{on:`commentTargetElements`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`many`,label:`targetElements`}},commentScopeEntries:{forward:{on:`commentScopeEntries`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`many`,label:`scopeEntries`}},commentSourceContext:{forward:{on:`commentSourceContexts`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`one`,label:`sourceContext`}},pageSourceContexts:{forward:{on:`commentSourceContexts`,has:`one`,label:`page`,required:!0},reverse:{on:`reviewPages`,has:`many`,label:`sourceContexts`}},sourceContextAuthor:{forward:{on:`commentSourceContexts`,has:`one`,label:`author`,required:!0},reverse:{on:`reviewers`,has:`many`,label:`sourceContexts`}},commentAuthor:{forward:{on:`comments`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`comments`}},replyAuthor:{forward:{on:`replies`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`replies`}},reviewMessageAuthor:{forward:{on:`reviewMessages`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`reviewMessages`}}},rooms:{visualReview:{presence:n.entity({reviewerId:n.string(),displayName:n.string(),color:n.string(),active:n.boolean(),cursorX:n.number().optional(),cursorY:n.number().optional(),viewportWidth:n.number().optional(),viewportHeight:n.number().optional()})}}}),a=new Uint8Array([107,167,184,17,157,173,17,209,128,180,0,192,79,212,48,200]);function o(e,t,n){return u(e,n),`${e}:${t}:${n}`}async function s(e,t,n){return l(o(e,t,n))}async function c(e){if(!e.trim())throw Error(`Comment ID is required for source context`);return l(`${e}:source-context`)}async function l(e){let t=globalThis.crypto?.subtle;if(!t)throw Error(`Web Crypto is required to persist review capture context`);let n=new TextEncoder().encode(`01works.visual-review/v1/${e}`),r=new Uint8Array(a.length+n.length);r.set(a),r.set(n,a.length);let i=new Uint8Array(await t.digest(`SHA-1`,r)).slice(0,16);i[6]=i[6]&15|80,i[8]=i[8]&63|128;let o=[...i].map(e=>e.toString(16).padStart(2,`0`)).join(``);return`${o.slice(0,8)}-${o.slice(8,12)}-${o.slice(12,16)}-${o.slice(16,20)}-${o.slice(20)}`}function u(e,t){if(!e.trim())throw Error(`Comment ID is required for capture context`);if(!Number.isSafeInteger(t)||t<0)throw Error(`Capture child ordinal must be a non-negative integer`)}const d=131072,f=32768,p=4096,m=1e3;var h=class extends Error{constructor(e,t){super(e,t),this.name=`InstantCaptureIntegrityError`}};function g(e){let t=se(e,`comment target`,!0),n={kind:t.kind,anchor:pe(t.anchor),region:ge(t.region),elements:t.elements.map(e=>({selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,rect:ge(e.rect),source:null,componentStack:[]})),pageUrl:t.pageUrl,pageTitle:t.pageTitle,capturedAt:t.capturedAt},r={elements:t.elements.map(e=>({selector:e.selector,source:e.source?_e(e.source):null,componentStack:e.componentStack.map(_e)})),...t.sourceProvenance?{sourceProvenance:ve(t.sourceProvenance)}:{}};E(n,d,`Public target`);let i=Te(r,65536,`Source context`);return{publicTarget:n,commentFields:te(n),targetElements:n.elements.map(ne),sourceContextJson:i}}function ee(e,t,n){let r=x(e,n),i={selector:S(r.anchorSelector,`${n} anchor selector`,p),offsetX:T(r.anchorOffsetX,`${n} anchor offsetX`),offsetY:T(r.anchorOffsetY,`${n} anchor offsetY`),viewportX:T(r.anchorViewportX,`${n} anchor viewportX`),viewportY:T(r.anchorViewportY,`${n} anchor viewportY`)},a=ie({kind:r.targetKind,anchor:i,region:{pageX:r.targetPageX,pageY:r.targetPageY,width:r.targetWidth,height:r.targetHeight,viewportX:r.targetViewportX,viewportY:r.targetViewportY,viewportWidth:r.targetViewportWidth,viewportHeight:r.targetViewportHeight},elements:[],pageUrl:he({origin:C(r.targetPageOrigin,`${n} page origin`,1024),pathname:C(r.targetPagePathname,`${n} page pathname`,4096),search:S(r.targetPageSearch,`${n} page search`,1024),hash:S(r.targetPageHash,`${n} page hash`,1024)}),pageTitle:r.targetPageTitle,capturedAt:r.targetCapturedAt},n),o=re(t,`${n} elements`),s=a;for(let e of o)try{s=ie({...a,elements:[...s.elements,e]},n)}catch{}return s}function _(e){let t=oe(e);return t?Object.entries(t).map(([e,t],n)=>typeof t==`string`?{ordinal:n,key:e,valueType:`string`,stringValue:t}:typeof t==`number`?{ordinal:n,key:e,valueType:`number`,numberValue:t}:typeof t==`boolean`?{ordinal:n,key:e,valueType:`boolean`,booleanValue:t}:{ordinal:n,key:e,valueType:`null`}):[]}function v(e){if(!Array.isArray(e)||e.length===0)return;let t=[...e].map(e=>{try{let t=x(e,`Comment scope entry`);return{row:t,ordinal:xe(t.ordinal,`Comment scope entry ordinal`,0,19),id:typeof t.id==`string`?t.id:``}}catch{return null}}).filter(e=>e!==null).sort((e,t)=>e.ordinal-t.ordinal||e.id.localeCompare(t.id)),n={},r=new Set;for(let{row:e,ordinal:i}of t)if(!r.has(i)){r.add(i);try{let t=C(e.key,`Comment scope key`,256);if(Object.hasOwn(n,t))continue;switch(e.valueType){case`string`:n[t]=S(e.stringValue,`Comment scope ${t}`,m);break;case`number`:n[t]=w(e.numberValue,`Comment scope ${t}`);break;case`boolean`:if(typeof e.booleanValue!=`boolean`)throw D(`Comment scope ${t} is invalid`);n[t]=e.booleanValue;break;case`null`:n[t]=null;break;default:throw D(`Comment scope ${t} is invalid`)}}catch{}}if(Object.keys(n).length!==0)try{return E(n,f,`Comment scope`),n}catch{return}}function te(e){let t=new URL(e.pageUrl);return{anchorSelector:e.anchor.selector,anchorOffsetX:e.anchor.offsetX,anchorOffsetY:e.anchor.offsetY,anchorViewportX:e.anchor.viewportX,anchorViewportY:e.anchor.viewportY,targetKind:e.kind,targetPageX:e.region.pageX,targetPageY:e.region.pageY,targetWidth:e.region.width,targetHeight:e.region.height,targetViewportX:e.region.viewportX,targetViewportY:e.region.viewportY,targetViewportWidth:e.region.viewportWidth,targetViewportHeight:e.region.viewportHeight,targetPageOrigin:t.origin,targetPagePathname:me(t.pathname),targetPageSearch:t.search.slice(1),targetPageHash:t.hash.slice(1),targetPageTitle:e.pageTitle,targetCapturedAt:e.capturedAt}}function ne(e,t){return{ordinal:t,selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,pageX:e.rect.pageX,pageY:e.rect.pageY,width:e.rect.width,height:e.rect.height,viewportX:e.rect.viewportX,viewportY:e.rect.viewportY,viewportWidth:e.rect.viewportWidth,viewportHeight:e.rect.viewportHeight}}function re(e,t){if(!Array.isArray(e)||e.length===0)return[];let n=[...e].map(e=>{try{let n=x(e,t);return{row:n,ordinal:xe(n.ordinal,`${t} ordinal`,0,7),id:typeof n.id==`string`?n.id:``}}catch{return null}}).filter(e=>e!==null).sort((e,t)=>e.ordinal-t.ordinal||e.id.localeCompare(t.id)),r=[],i=new Set;for(let{row:e,ordinal:a}of n)if(!i.has(a)){i.add(a);try{r.push(ce({selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,rect:{pageX:e.pageX,pageY:e.pageY,width:e.width,height:e.height,viewportX:e.viewportX,viewportY:e.viewportY,viewportWidth:e.viewportWidth,viewportHeight:e.viewportHeight},source:null,componentStack:[]},`${t}[${a}]`,!1))}catch{}}return r}function ie(e,t){return se(e,t,!1)}function y(e,t=`Comment body`){return C(e,t,2e4)}function ae(e,t=`Comment body`){let n=y(e,t);for(let e of n)if(e.trim())return e;throw D(`${t} is empty`)}function oe(e){if(e==null)return;let t=x(e,`Comment scope`);if(Object.keys(t).length>20)throw D(`Comment scope has too many fields`);let n={};for(let[e,r]of Object.entries(t)){if(!e.trim()||e.length>256)throw D(`Comment scope has an invalid key`);if(typeof r==`string`){if(r.length>m)throw D(`Comment scope ${e} is too long`);n[e]=r}else if(typeof r==`number`)n[e]=w(r,`Comment scope ${e}`);else if(typeof r==`boolean`||r===null)n[e]=r;else throw D(`Comment scope ${e} is invalid`)}return E(n,f,`Comment scope`),n}function se(e,t,n){let r=b(e,t,[`kind`,`anchor`,`region`,`elements`,`pageUrl`,`pageTitle`,`capturedAt`,`sourceProvenance`],[`sourceProvenance`]),i=r.kind;if(i!==`element`&&i!==`region`&&i!==`viewport`)throw D(`${t} kind is invalid`);let a=ye(r.elements,`${t} elements`);if(a.length>8)throw D(`${t} contains too many elements`);if(!n&&r.sourceProvenance!=null)throw D(`${t} exposes source provenance`);let o=C(r.pageUrl,`${t} pageUrl`,8192);we(o,`${t} pageUrl`);let s={kind:i,anchor:le(r.anchor,`${t} anchor`),region:ue(r.region,`${t} region`),elements:a.map((e,r)=>ce(e,`${t} elements[${r}]`,n)),pageUrl:o,pageTitle:S(r.pageTitle,`${t} pageTitle`,m),capturedAt:Se(r.capturedAt,`${t} capturedAt`),...n&&r.sourceProvenance!=null?{sourceProvenance:fe(r.sourceProvenance,`${t} provenance`)}:{}};return E(s,n?196608:d,t),s}function ce(e,t,n){let r=b(e,t,[`selector`,`tagName`,`textPreview`,`rect`,`source`,`componentStack`]),i=ye(r.componentStack,`${t} componentStack`);if(i.length>32)throw D(`${t} componentStack is too large`);if(!n&&(r.source!=null||i.length>0))throw D(`${t} exposes source metadata`);return{selector:C(r.selector,`${t} selector`,p),tagName:C(r.tagName,`${t} tagName`,128),textPreview:S(r.textPreview,`${t} textPreview`,m),rect:ue(r.rect,`${t} rect`),source:n&&r.source!=null?de(r.source,`${t} source`):null,componentStack:n?i.map((e,n)=>de(e,`${t} stack[${n}]`)):[]}}function le(e,t){let n=b(e,t,[`selector`,`offsetX`,`offsetY`,`viewportX`,`viewportY`]);return{selector:S(n.selector,`${t} selector`,p),offsetX:T(n.offsetX,`${t} offsetX`),offsetY:T(n.offsetY,`${t} offsetY`),viewportX:T(n.viewportX,`${t} viewportX`),viewportY:T(n.viewportY,`${t} viewportY`)}}function ue(e,t){let n=b(e,t,[`pageX`,`pageY`,`width`,`height`,`viewportX`,`viewportY`,`viewportWidth`,`viewportHeight`]),r={pageX:w(n.pageX,`${t} pageX`),pageY:w(n.pageY,`${t} pageY`),width:w(n.width,`${t} width`),height:w(n.height,`${t} height`),viewportX:w(n.viewportX,`${t} viewportX`),viewportY:w(n.viewportY,`${t} viewportY`),viewportWidth:w(n.viewportWidth,`${t} viewportWidth`),viewportHeight:w(n.viewportHeight,`${t} viewportHeight`)};if(r.width<0||r.height<0||r.viewportWidth<0||r.viewportHeight<0)throw D(`${t} has a negative dimension`);return r}function de(e,n){let r=b(e,n,[`filePath`,`lineNumber`,`columnNumber`,`componentName`,`origin`,`generated`],[`generated`]),i=r.origin;if(i!==`app`&&i!==`shared-ui`&&i!==`dependency`&&i!==`generated`&&i!==`unknown`)throw D(`${n} origin is invalid`);let a=C(r.filePath,`${n} filePath`,p);return{filePath:a,lineNumber:Ce(r.lineNumber,`${n} lineNumber`),columnNumber:Ce(r.columnNumber,`${n} columnNumber`),componentName:r.componentName==null?null:C(r.componentName,`${n} componentName`,512),origin:t(a)}}function fe(e,t){let n=b(e,t,[`provider`,`build`,`resolvedAt`]),r=n.provider;if(r!==`react-grab`&&r!==`embedded`&&r!==`custom`)throw D(`${t} provider is invalid`);let i=b(n.build,`${t} build`,[`buildId`,`gitCommit`,`generatedAt`,`mode`],[`generatedAt`]),a=i.mode;if(a!==`development`&&a!==`preview`&&a!==`production`)throw D(`${t} build mode is invalid`);return{provider:r,build:{buildId:C(i.buildId,`${t} buildId`,512),gitCommit:i.gitCommit==null?null:C(i.gitCommit,`${t} gitCommit`,256),...i.generatedAt==null?{}:{generatedAt:Se(i.generatedAt,`${t} generatedAt`)},mode:a},resolvedAt:Se(n.resolvedAt,`${t} resolvedAt`)}}function pe(e){return{...e}}function me(e){return e.replace(/\/+$/,``)||`/`}function he(e){return`${e.origin}${e.pathname}${e.search?`?${e.search}`:``}${e.hash?`#${e.hash}`:``}`}function ge(e){return{...e}}function _e(e){return{...e}}function ve(e){return{...e,build:{...e.build}}}function b(e,t,n,r=[]){let i=x(e,t);if(Object.keys(i).some(e=>!n.includes(e)))throw D(`${t} contains unknown fields`);for(let e of n)if(!r.includes(e)&&!Object.hasOwn(i,e))throw D(`${t} is missing ${e}`);return i}function x(e,t){if(!e||typeof e!=`object`||Array.isArray(e))throw D(`${t} is missing or invalid`);return e}function ye(e,t){if(!Array.isArray(e))throw D(`${t} is missing or invalid`);return e}function S(e,t,n){if(typeof e!=`string`||be(e,n)>n)throw D(`${t} is invalid or too long`);return e}function be(e,t){let n=0;for(let r of e)if(n+=1,n>t)return n;return n}function C(e,t,n){let r=S(e,t,n);if(!r.trim())throw D(`${t} is empty`);return r}function w(e,t){if(typeof e!=`number`||!Number.isFinite(e))throw D(`${t} is invalid`);return e}function xe(e,t,n,r){if(typeof e!=`number`||!Number.isSafeInteger(e)||e<n||e>r)throw D(`${t} is invalid`);return e}function T(e,t){let n=w(e,t);if(n<0||n>1)throw D(`${t} is outside 0..1`);return n}function Se(e,t){if(typeof e!=`number`||!Number.isSafeInteger(e)||e<0||e>0xe677d21fdbff)throw D(`${t} is invalid`);return e}function Ce(e,t){if(e===null)return null;if(typeof e!=`number`||!Number.isSafeInteger(e)||e<0)throw D(`${t} is invalid`);return e}function we(e,t){let n;try{n=new URL(e)}catch(e){throw D(`${t} is invalid`,e)}if(n.protocol!==`http:`&&n.protocol!==`https:`)throw D(`${t} must use HTTP or HTTPS`)}function E(e,t,n){Te(e,t,n)}function Te(e,t,n){let r;try{r=JSON.stringify(e)}catch(e){throw D(`${n} cannot be serialized`,e)}if(r.length>t)throw D(`${n} is too large`);return r}function D(e,t){return new h(e,{cause:t instanceof Error?t:void 0})}function Ee(e){if(!e.trim())throw Error(`InstantDB app ID is required`);return r({appId:e,schema:i,devtool:!1})}var De=class{db;session;#e;attachScreenshot;constructor(e,t,n={}){this.db=e,this.session=t,this.#e=n.commentTransport,this.#e&&(this.attachScreenshot=(e,t,n)=>this.#e.uploadScreenshot({pageId:e,commentId:t,screenshot:n}))}async getSnapshot(e){let{data:t}=await this.db.queryOnce(Oe(e,this.session.authUserId));return Ae(e,t.comments,t.replies)}async getProjectSnapshot(e){this.#t(e);let{data:t}=await this.db.queryOnce(ke(e,this.session.authUserId));return je(e,t.comments,t.replies)}subscribe(e,t,n){return this.db.subscribeQuery(Oe(e,this.session.authUserId),r=>{if(r.error){n?.(Re(r.error));return}if(r.data)try{t(Ae(e,r.data.comments,r.data.replies))}catch{n?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})}subscribeProject(e,t,n){return this.#t(e),this.db.subscribeQuery(ke(e,this.session.authUserId),r=>{if(r.error){n?.(Re(r.error));return}if(r.data)try{t(je(e,r.data.comments,r.data.replies))}catch{n?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})}async mutate(e,t){switch(t.type){case`comment.upsert`:{if(t.comment.pageId!==e)throw Error(`Comment page mismatch`);let n=t.comment;if(n.authorId!==this.session.reviewerId)throw Error(`Comment author mismatch`);let r=y(n.body).trim(),i=ae(r),a=M(n.createdAt,`Comment createdAt`),l=M(n.updatedAt,`Comment updatedAt`);if(l<a)throw new h(`Comment updatedAt precedes createdAt`);if(n.createdAt!==n.updatedAt)throw new h(`Comment edits must go through the review service`);if(n.status!==`open`||n.resolvedAt!==void 0||n.resolvedById!==void 0)throw new h(`New comments must start open`);let u=g(n.target);if(!Ie(n.anchor,u.publicTarget.anchor))throw new h(`Comment anchor does not match its target`);if(this.#e){await this.#e.createComment({pageId:e,commentId:n.id,body:r,target:n.target,...n.scope===void 0?{}:{scope:n.scope}});return}let d=_(n.scope),f=await Promise.all(u.targetElements.map(async e=>({element:e,id:await s(n.id,`element`,e.ordinal),slotKey:o(n.id,`element`,e.ordinal)}))),p=await Promise.all(d.map(async e=>({entry:e,id:await s(n.id,`scope`,e.ordinal),slotKey:o(n.id,`scope`,e.ordinal)}))),m=await c(n.id);await this.db.transact([this.db.tx.comments[n.id].update({pageId:e,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:r,bodyContentMarker:i,...u.commentFields,status:n.status,workflowRevision:0,createdAt:a,updatedAt:l}).link({page:e,author:this.session.reviewerId}),...f.map(({element:e,id:t,slotKey:r})=>this.db.tx.commentTargetElements[t].update({commentId:n.id,slotKey:r,authorAuthUserId:this.session.authUserId,...e}).link({comment:n.id})),...p.map(({entry:e,id:t,slotKey:r})=>this.db.tx.commentScopeEntries[t].update({commentId:n.id,slotKey:r,authorAuthUserId:this.session.authUserId,...e}).link({comment:n.id})),this.db.tx.commentSourceContexts[m].update({commentId:n.id,pageId:e,authorAuthUserId:this.session.authUserId,contextJson:u.sourceContextJson,createdAt:a}).link({comment:n.id,page:e,author:this.session.reviewerId})]);return}case`comment.delete`:throw new h(`Comment deletion must go through the review service`);case`reply.upsert`:{let n=t.reply;if(n.authorId!==this.session.reviewerId)throw Error(`Reply author mismatch`);let r=y(n.body,`Reply body`).trim(),i=ae(r,`Reply body`),a=M(n.createdAt,`Reply createdAt`),o=M(n.updatedAt,`Reply updatedAt`);if(o<a)throw new h(`Reply updatedAt precedes createdAt`);if(n.createdAt!==n.updatedAt)throw new h(`Reply edits must go through the review service`);if(this.#e){await this.#e.createReply({commentId:n.commentId,replyId:n.id,body:r});return}await this.db.transact(this.db.tx.replies[n.id].update({pageId:e,commentId:n.commentId,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:r,bodyContentMarker:i,createdAt:a,updatedAt:o}).link({comment:n.commentId,author:this.session.reviewerId}));return}case`reply.delete`:throw new h(`Reply deletion must go through the review service`)}}#t(e){if(!e.trim()||e!==this.session.projectId)throw Error(`Project does not belong to the reviewer session`)}};function Oe(e,t){return{comments:{$:{where:{pageId:e},order:{createdAt:`asc`}},targetElements:{},scopeEntries:{}},replies:{$:{where:{pageId:e},order:{createdAt:`asc`}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function ke(e,t){return{comments:{$:{where:{"page.project.id":e},order:{createdAt:`asc`}},page:{project:{}},targetElements:{},scopeEntries:{}},replies:{$:{where:{"comment.page.project.id":e},order:{createdAt:`asc`}},comment:{page:{project:{}}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function Ae(e,t,n){let r=t.map(t=>Ne(t,e));O(r,`comment`);let i=new Set(r.map(({id:e})=>e)),a=n.map(t=>Pe(t,e));O(a,`reply`);for(let e of a)if(!i.has(e.commentId))throw new h(`Reply ${e.id} references a comment outside the page snapshot`);return{pageId:e,comments:r,replies:a}}function je(e,t,n){let r=new Map,i=t.map(t=>{let n=A(t.pageId,`comment pageId`);Me(t.page,n,e,`comment ${String(t.id)}`);let i=k(t.page,`comment ${String(t.id)} page`),a=Ne(t,n),o=`/`;try{o=new URL(a.target.pageUrl).pathname||`/`}catch{}return r.set(n,{id:n,name:typeof i.name==`string`&&i.name.trim()?i.name.trim():a.target.pageTitle.trim()||o,pathname:typeof i.pathname==`string`&&i.pathname.trim()?i.pathname.trim():o}),a});O(i,`comment`);let a=new Map(i.map(e=>[e.id,e])),o=n.map(t=>{let n=A(t.pageId,`reply pageId`),r=k(t.comment,`reply ${String(t.id)} comment`),i=A(t.commentId,`reply ${String(t.id)} commentId`);if(A(r.id,`reply ${String(t.id)} comment relation id`)!==i)throw new h(`Reply ${String(t.id)} has an inconsistent comment relation`);Me(r.page,n,e,`reply ${String(t.id)}`);let o=Pe(t,n),s=a.get(o.commentId);if(!s||s.pageId!==n)throw new h(`Reply ${o.id} references a comment outside the project snapshot`);return o});return O(o,`reply`),{projectId:e,pages:[...r.values()].sort((e,t)=>e.pathname.localeCompare(t.pathname)||e.id.localeCompare(t.id)),comments:i,replies:o}}function Me(e,t,n,r){let i=k(e,`${r} page`);if(A(i.id,`${r} page id`)!==t)throw new h(`${r} escaped its page relation`);if(A(k(i.project,`${r} project`).id,`${r} project id`)!==n)throw new h(`${r} escaped its project scope`)}function Ne(e,t){let n=k(e,`comment`),r=A(n.id,`comment id`);if(A(n.pageId,`comment ${r} pageId`)!==t)throw new h(`Comment ${r} escaped its page scope`);A(n.authorAuthUserId,`comment ${r} authorAuthUserId`);let i=!(Object.hasOwn(n,`anchor`)&&Object.hasOwn(n,`target`)),a=i?ee(n,n.targetElements,`comment ${r} target`):ie(n.target,`comment ${r} target`),o=i?{...a.anchor}:Fe(n.anchor,`comment ${r} anchor`);if(!Ie(o,a.anchor))throw new h(`Comment ${r} has inconsistent anchors`);let s=n.status;if(s!==`open`&&s!==`resolved`)throw new h(`Comment ${r} has an invalid status`);let c=M(n.createdAt,`comment ${r} createdAt`),l=M(n.updatedAt,`comment ${r} updatedAt`);if(l<c)throw new h(`Comment ${r} updatedAt precedes createdAt`);let u=He(n.resolvedAt,`comment ${r} resolvedAt`),d=Ue(n.resolvedById,`comment ${r} resolvedById`);if(s===`open`&&(u!==void 0||d!==void 0))throw new h(`Open comment ${r} contains resolution metadata`);if(s===`resolved`&&(u===void 0||d===void 0||u!==l))throw new h(`Resolved comment ${r} has invalid workflow metadata`);return{id:r,pageId:t,authorId:A(n.authorId,`comment ${r} authorId`),authorName:A(n.authorName,`comment ${r} authorName`),body:y(n.body,`comment ${r} body`),anchor:o,target:a,...i?Le(v(n.scopeEntries)):n.scope==null?{}:{scope:oe(n.scope)},status:s,workflowRevision:Ve(n.workflowRevision,`comment ${r} workflowRevision`),createdAt:c,updatedAt:l,...u===void 0?{}:{resolvedAt:u},...d===void 0?{}:{resolvedById:d}}}function Pe(e,t){let n=k(e,`reply`),r=A(n.id,`reply id`);if(A(n.pageId,`reply ${r} pageId`)!==t)throw new h(`Reply ${r} escaped its page scope`);A(n.authorAuthUserId,`reply ${r} authorAuthUserId`);let i=M(n.createdAt,`reply ${r} createdAt`),a=M(n.updatedAt,`reply ${r} updatedAt`);if(a<i)throw new h(`Reply ${r} updatedAt precedes createdAt`);return{id:r,commentId:A(n.commentId,`reply ${r} commentId`),authorId:A(n.authorId,`reply ${r} authorId`),authorName:A(n.authorName,`reply ${r} authorName`),body:y(n.body,`reply ${r} body`),createdAt:i,updatedAt:a}}function Fe(e,t){let n=k(e,t);if(Object.keys(n).length!==5||!Object.hasOwn(n,`selector`)||!Object.hasOwn(n,`offsetX`)||!Object.hasOwn(n,`offsetY`)||!Object.hasOwn(n,`viewportX`)||!Object.hasOwn(n,`viewportY`))throw new h(`${t} has invalid fields`);return{selector:Be(n.selector,`${t} selector`),offsetX:j(n.offsetX,`${t} offsetX`),offsetY:j(n.offsetY,`${t} offsetY`),viewportX:j(n.viewportX,`${t} viewportX`),viewportY:j(n.viewportY,`${t} viewportY`)}}function Ie(e,t){return e.selector===t.selector&&e.offsetX===t.offsetX&&e.offsetY===t.offsetY&&e.viewportX===t.viewportX&&e.viewportY===t.viewportY}function Le(e){return e===void 0?{}:{scope:e}}function O(e,t){let n=new Set;for(let r of e){if(n.has(r.id))throw new h(`Duplicate ${t} ${r.id}`);n.add(r.id)}}function Re(e){let t=ze(e).toLowerCase();return t.includes(`expired`)||t.includes(`token`)?{type:`access-lost`,code:`session-expired`,recovery:`reauthenticate`,clearSnapshot:!0}:t.includes(`permission`)||t.includes(`forbidden`)||t.includes(`unauthorized`)?{type:`access-lost`,code:`permission-denied`,recovery:`reauthenticate`,clearSnapshot:!0}:{type:`error`,code:`transport`,recovery:`retry`,clearSnapshot:!0}}function ze(e){return e instanceof Error?e.message:e&&typeof e==`object`&&`message`in e?String(e.message):``}function k(e,t){if(!e||typeof e!=`object`||Array.isArray(e))throw new h(`${t} is missing or invalid`);return e}function Be(e,t){if(typeof e!=`string`)throw new h(`${t} is invalid`);return e}function A(e,t){let n=Be(e,t);if(!n.trim())throw new h(`${t} is empty`);return n}function j(e,t){if(typeof e!=`number`||!Number.isFinite(e)||e<0||e>1)throw new h(`${t} is invalid`);return e}function M(e,t){if(!Number.isSafeInteger(e)||e<0||e>0xe677d21fdbff)throw new h(`${t} is invalid`);return e}function Ve(e,t){if(!Number.isSafeInteger(e)||e<0)throw new h(`${t} is invalid`);return e}function He(e,t){return e==null?void 0:M(e,t)}function Ue(e,t){return e==null?void 0:A(e,t)}Object.freeze({field:`createdAt`,direction:`desc`,tieBreaker:`id`,tieDirection:`desc`}),Object.freeze({comments:200,replies:1e3,sourceContexts:200});var We=class{db;session;roomCredential;#e=new Map;constructor(e,t,n){this.db=e,this.session=t,this.roomCredential=n}subscribe(e,t,n,r){let i=[],a=[],o=!1,s=[],c=()=>{o||n({pageId:e,peers:structuredClone(i),messages:structuredClone(a)})};if(t.cursors){let n=$e(e,t.roomId),a,l,u=this.roomCredential?.id===t.roomId?this.roomCredential:void 0,d=u??{id:t.roomId,expiresAt:2**53-1,refresh:async()=>void 0},f=t=>{let o=this.db.joinRoom(`visualReview`,t),s=o.subscribePresence({},e=>{if(e.error){r?.(F(e.error));return}i=Object.values(e.peers).map(e=>Ke(e)).filter(e=>e!==null).sort((e,t)=>e.displayName.localeCompare(t.displayName)||e.peerId.localeCompare(t.peerId)),c()}),l=a;a=()=>{s(),o.leaveRoom()},this.#e.set(n,{pageId:e,roomId:t,publishPresence:e=>o.publishPresence(e)}),l?.()},p=()=>{if(!u||o)return;let e=Math.max(1e3,d.expiresAt-Date.now()+250);l=setTimeout(()=>{m()},e)},m=async()=>{try{let e=await d.refresh();if(o||!e)return;d={...e,refresh:d.refresh},u&&(u.id=e.id,u.expiresAt=e.expiresAt),f(e.id),p()}catch(e){if(o)return;r?.(F(e)),o||(l=setTimeout(()=>{m()},5e3))}};f(d.id),p(),s.push(()=>{l&&clearTimeout(l),this.#e.delete(n),a?.()})}return t.chat&&s.push(this.db.subscribeQuery(Ge(e,this.session.authUserId),t=>{if(t.error){r?.(F(t.error));return}if(t.data)try{a=t.data.reviewMessages.map(t=>qe(t,e)).sort(et),c()}catch{r?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})),queueMicrotask(c),()=>{if(!o){o=!0;for(let e of s.reverse())try{e()}catch{}}}}publishPresence(e,t,n){let r=this.#e.get($e(e,t));r&&r.publishPresence({reviewerId:this.session.reviewerId,displayName:this.session.displayName,color:n.color,active:n.active,...n.cursorX===void 0?{}:{cursorX:n.cursorX},...n.cursorY===void 0?{}:{cursorY:n.cursorY},...n.viewportWidth===void 0?{}:{viewportWidth:n.viewportWidth},...n.viewportHeight===void 0?{}:{viewportHeight:n.viewportHeight}})}async sendMessage(e,t){if(t.pageId!==e)throw Error(`Review message page mismatch`);if(t.authorId!==this.session.reviewerId)throw Error(`Review message author mismatch`);let n=Je(t.body),r=Ye(t.pathname),i=P(t.createdAt,`Review message createdAt`),a=P(t.updatedAt,`Review message updatedAt`);if(i!==a)throw Error(`New review messages must be immutable`);await this.db.transact(this.db.tx.reviewMessages[t.id].update({pageId:e,pathname:r,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:n,bodyContentMarker:ae(n,`Review message body`),createdAt:i,updatedAt:a}).link({page:e,author:this.session.reviewerId}))}};function Ge(e,t){return{reviewMessages:{$:{where:{pageId:e},order:{createdAt:`asc`}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function Ke(e){let t=Xe(e.reviewerId,128),n=Xe(e.displayName,512),r=typeof e.color==`string`&&/^#[0-9a-f]{6}$/iu.test(e.color)?e.color:null;if(!t||!n||!r||typeof e.active!=`boolean`)return null;let i=Ze(e.cursorX),a=Ze(e.cursorY),o=Qe(e.viewportWidth),s=Qe(e.viewportHeight);return{peerId:e.peerId,reviewerId:t,displayName:n,color:r,active:e.active,...i===void 0?{}:{cursorX:i},...a===void 0?{}:{cursorY:a},...o===void 0?{}:{viewportWidth:o},...s===void 0?{}:{viewportHeight:s}}}function qe(e,t){let n=N(e.id,`Review message id`,128);if(N(e.pageId,`Review message pageId`,128)!==t)throw Error(`Review message page mismatch`);return{id:n,pageId:t,pathname:Ye(e.pathname),authorId:N(e.authorId,`Review message authorId`,128),authorName:N(e.authorName,`Review message authorName`,512),body:Je(e.body),createdAt:P(e.createdAt,`Review message createdAt`),updatedAt:P(e.updatedAt,`Review message updatedAt`)}}function Je(e){return N(e,`Review message body`,4e3)}function Ye(e){let t=N(e,`Review message pathname`,2e3);if(!t.startsWith(`/`))throw Error(`Review message pathname is invalid`);return t}function N(e,t,n){if(typeof e!=`string`)throw Error(`${t} is invalid`);let r=e.trim();if(!r||r.length>n)throw Error(`${t} is invalid`);return r}function Xe(e,t){if(typeof e!=`string`)return null;let n=e.trim();return n&&n.length<=t?n:null}function Ze(e){return typeof e==`number`&&Number.isFinite(e)?e:void 0}function Qe(e){let t=Ze(e);return t!==void 0&&t>0?t:void 0}function P(e,t){if(!Number.isSafeInteger(e)||e<0)throw Error(`${t} is invalid`);return e}function $e(e,t){return JSON.stringify([e,t])}function et(e,t){return e.createdAt-t.createdAt||e.id.localeCompare(t.id)}function F(e){let t=e&&typeof e==`object`&&`code`in e?String(e.code):``;if(/^INVITATION_(?:EXPIRED|NOT_FOUND|REQUIRED|REVOKED)$/u.test(t))return{type:`access-lost`,code:t===`INVITATION_EXPIRED`?`session-expired`:`membership-revoked`,recovery:`reauthenticate`,clearSnapshot:!0};let n=String(e instanceof Error||e&&typeof e==`object`&&`message`in e?e.message:e).toLowerCase();return n.includes(`expired`)||n.includes(`token`)?{type:`access-lost`,code:`session-expired`,recovery:`reauthenticate`,clearSnapshot:!0}:n.includes(`permission`)||n.includes(`forbidden`)||n.includes(`unauthorized`)?{type:`access-lost`,code:`permission-denied`,recovery:`reauthenticate`,clearSnapshot:!0}:{type:`error`,code:`transport`,recovery:`retry`,clearSnapshot:!0}}Object.freeze({field:`createdAt`,direction:`desc`,tieBreaker:`id`,tieDirection:`desc`});const I={$default:`false`},L={$default:`false`},R=`$user.activeReviewInvitation.project.id`;function z(e){return[`auth.id != null`,`size(auth.ref('$user.activeReviewInvitation.id')) == 1`,`size(auth.ref('${R}')) == 1`,`size(auth.ref('$user.activeReviewInvitation.status')) == 1`,`size(auth.ref('$user.activeReviewInvitation.expiresAt')) == 1`,`size(auth.ref('$user.activeReviewInvitation.revokedAt')) == 0`,`size(auth.ref('$user.activeReviewInvitation.project.originDisconnectedAt')) == 0`,`auth.ref('$user.activeReviewInvitation.status')[0] == 'accepted'`,`request.time < timestamp(auth.ref('$user.activeReviewInvitation.expiresAt')[0])`,e].join(` && `)}function B(...e){return e.map(e=>`(${e})`).join(` && `)}function V(...e){return e.map(e=>`(${e})`).join(` || `)}function H(e,t){return`!has(${e}.${t}) || ${e}.${t} == null`}const tt=`actions.data == 'create' && actions.linkedData == 'update'`,nt=e=>`${e}.matches('[^ \\t\\n\\r\\f\\u000b\\u00a0\\u1680\\u2000-\\u200a\\u2028\\u2029\\u202f\\u205f\\u3000\\ufeff]')`,rt=e=>B(`${e} >= 0`,`${e} <= 253402300799999`,`${e} % 1 == 0`),it=e=>B(rt(e),`(request.time - timestamp(${e})).getSeconds() <= 86400`,`(request.time - timestamp(${e})).getSeconds() >= -300`);function U(e){let t=`data.ref('${e}project.allowedOrigin')`,n=`data.ref('${e}stagingOrigin')`;return V(`size(${t}) == 0`,B(`size(${n}) == 1`,`${n}[0] in ${t}`))}const at=z(`auth.ref('${R}')[0] in data.ref('project.id')`);V(`size(data.ref('project.allowedOrigin')) == 0`,B(`has(data.stagingOrigin) && data.stagingOrigin != null`,`data.stagingOrigin in data.ref('project.allowedOrigin')`)),B(`actions.data == 'update' && actions.linkedData == 'create'`,V(`auth.id != null && auth.id in data.ref('project.owners.id')`,at));const ot=z(`auth.ref('${R}')[0] in data.ref('page.project.id')`);U(`page.`),B(tt,V(`auth.id != null && auth.id in data.ref('page.project.owners.id')`,ot),`auth.id != null && auth.id == data.authorAuthUserId && auth.id in data.ref('author.$user.id')`,`data.pageId in data.ref('page.id')`,`data.authorId in data.ref('author.id') && data.authorAuthUserId in data.ref('author.$user.id') && data.authorName in data.ref('author.displayName')`,`data.pageId in data.ref('author.project.pages.id')`),B(tt,`data.pageId == linkedData.id`,`auth.id != null && auth.id == data.authorAuthUserId`,`data.authorId in auth.ref('$user.reviewerMemberships.id')`,`data.authorId in linkedData.ref('project.reviewers.id')`,V(`auth.id != null && auth.id in linkedData.ref('project.owners.id')`,z(`auth.ref('${R}')[0] in linkedData.ref('project.id')`))),V(`auth.id != null && auth.id in data.ref('comment.page.project.owners.id')`,B(z(`auth.ref('${R}')[0] in data.ref('comment.page.project.id')`),U(`comment.page.`))),z(`auth.ref('${R}')[0] in data.ref('comment.page.project.id')`),U(`comment.page.`),z(`auth.ref('${R}')[0] in data.ref('page.project.id')`),U(`page.`);const st=B(`data.reviewerId != null`,`data.projectId in data.ref('project.id')`,`data.reviewerId in data.ref('reviewer.id')`,`data.projectId in data.ref('reviewer.project.id')`,`auth.id in data.ref('reviewer.$user.id')`,`auth.email in data.ref('reviewer.email')`);B(`auth.id != null`,`data.revokedAt == null`,`data.status in ['pending', 'accepted']`,`data.status == 'pending' || data.claimedByAuthUserId == auth.id`,`request.time < timestamp(data.expiresAt)`,`request.modifiedFields.all(field, field in ['status', 'claimedByAuthUserId', 'acceptedAt', 'claimRevision', 'activeUser'])`,`'status' in request.modifiedFields`,`'claimedByAuthUserId' in request.modifiedFields`,`'acceptedAt' in request.modifiedFields`,`'claimRevision' in request.modifiedFields`,`'activeUser' in request.modifiedFields`,`newData.status == 'accepted'`,`newData.claimedByAuthUserId == auth.id`,`newData.claimRevision == data.claimRevision + 1`,`math.abs((request.time - timestamp(newData.acceptedAt)).getMinutes()) <= 1`,st),B(`actions.data == 'update'`,`actions.linkedData == 'update'`,`auth.id != null`,`auth.email != null`,`linkedData.id == auth.id`,`linkedData.email == auth.email`,`data.email == auth.email`,`data.revokedAt == null`,`data.status in ['pending', 'accepted']`,`data.status == 'pending' || data.claimedByAuthUserId == auth.id`,`request.time < timestamp(data.expiresAt)`,`newData.status == 'accepted'`,`newData.claimedByAuthUserId == auth.id`,`newData.claimRevision == data.claimRevision + 1`,`math.abs((request.time - timestamp(newData.acceptedAt)).getMinutes()) <= 1`,st),B(`actions.data == 'update'`,`actions.linkedData == 'update'`,`auth.id != null`,`auth.email != null`,`data.id == auth.id`,`data.email == auth.email`,`linkedData.email == auth.email`,`linkedData.revokedAt == null`,`linkedData.status == 'accepted'`,`linkedData.claimedByAuthUserId == auth.id`,`request.time < timestamp(linkedData.expiresAt)`,`math.abs((request.time - timestamp(linkedData.acceptedAt)).getMinutes()) <= 1`,`linkedData.projectId in linkedData.ref('project.id')`,`linkedData.reviewerId in linkedData.ref('reviewer.id')`,`linkedData.projectId in linkedData.ref('reviewer.project.id')`,`auth.id in linkedData.ref('reviewer.$user.id')`,`auth.email in linkedData.ref('reviewer.email')`),B(`auth.id != null`,`auth.email != null`,`linkedData.id == auth.id`,`linkedData.email == auth.email`,`data.email == auth.email`,`data.claimedByAuthUserId == auth.id`,`auth.id in data.ref('activeUser.id')`),B(`auth.id != null`,`auth.email != null`,`data.id == auth.id`,`data.email == auth.email`,`linkedData.email == auth.email`,`linkedData.claimedByAuthUserId == auth.id`,`auth.id in linkedData.ref('activeUser.id')`),{...I},{...L},{...L},z(`data.id == auth.ref('${R}')[0]`),{...I},B(`isOwner`,V(B(H(`data`,`allowedOrigin`),H(`newData`,`allowedOrigin`)),`newData.allowedOrigin == data.allowedOrigin`),V(B(H(`data`,`originDisconnectedAt`),H(`newData`,`originDisconnectedAt`)),`newData.originDisconnectedAt == data.originDisconnectedAt`)),{...L},{...I},B(`isOwner`,V(B(H(`data`,`autoRegistrationSlot`),H(`newData`,`autoRegistrationSlot`)),`newData.autoRegistrationSlot == data.autoRegistrationSlot`)),{...L},{...I},{...L},z(`auth.ref('${R}')[0] in data.ref('project.id')`),{...I},{...L},{...I},{...I},{...L},{...L},{...I},{...L},{...I},{...I},{...I},{...I},{...I},B(`data.createdAt == data.updatedAt`,it(`data.createdAt`),`size(data.body) > 0`,`size(data.body) <= 4000`,`size(data.bodyContentMarker) == 1`,nt(`data.bodyContentMarker`),`data.body.startsWith(data.bodyContentMarker)`,`size(data.authorName) > 0`,`size(data.authorName) <= 512`,nt(`data.authorName`),`size(data.pathname) > 0`,`size(data.pathname) <= 2000`,`request.modifiedFields.all(field, field in ['pageId', 'pathname', 'authorId', 'authorAuthUserId', 'authorName', 'body', 'bodyContentMarker', 'createdAt', 'updatedAt', 'page', 'author'])`),{...I},{...L};var W=class extends Error{code;constructor(e,t){super(t),this.code=e,this.name=`ReviewerCommentSaveError`}};function ct(e,t){let n=e.replace(/\/+$/,``),r=async(e,r)=>{let i=await t();if(!i)throw new W(`AUTH_REQUIRED`,`로그인 세션이 만료되었습니다. 새로고침 후 다시 시도해 주세요.`);let a;try{a=await fetch(`${n}${e}`,{method:`POST`,headers:{authorization:`Bearer ${i}`,"content-type":`application/json`},body:JSON.stringify(r)})}catch{throw new W(`NETWORK`,`리뷰 서버에 연결하지 못했습니다. 연결을 확인하고 다시 시도해 주세요.`)}if(!a.ok)throw new W(...await ut(a))};return{createComment:e=>r(`/v1/comments`,e),createReply:e=>r(`/v1/replies`,e),uploadScreenshot:async({pageId:e,commentId:r,screenshot:i})=>{let a=await t();if(!a)throw new W(`AUTH_REQUIRED`,`로그인 세션이 만료되어 위치 캡처를 저장하지 못했습니다.`);let o;try{o=await fetch(`${n}/v1/comments/${encodeURIComponent(r)}/screenshot`,{method:`PUT`,headers:{authorization:`Bearer ${a}`,"content-type":i.contentType,"x-review-page-id":e,"x-review-image-width":String(i.width),"x-review-image-height":String(i.height)},body:lt(i.bytes)})}catch{throw new W(`NETWORK`,`리뷰 서버에 연결하지 못해 위치 캡처를 저장하지 못했습니다.`)}if(!o.ok)throw new W(...await ut(o))}}}function lt(e){let t=new Uint8Array(e.byteLength);return t.set(e),t.buffer}async function ut(e){let t=e.status>=500?`리뷰 서버가 코멘트를 저장하지 못했습니다. 잠시 후 다시 시도해 주세요.`:`코멘트를 저장하지 못했습니다.`;try{let n=await e.json();if(!n||typeof n!=`object`)return[`UNKNOWN`,t];let r=n;return[typeof r.error==`string`?r.error:`UNKNOWN`,typeof r.message==`string`&&r.message.trim()?r.message:t]}catch{return[`UNKNOWN`,t]}}var G=class extends Error{code;constructor(e,t){super(t),this.code=e,this.name=`ReviewBootstrapError`}};const K=new Map;function dt(e,t={}){let n=e.trim();if(!n)throw Error(`InstantDB app ID is required`);return{async resolve(e){let r=(t.databaseFactory??Ee)(n),i=await mt(n,r,e.authHost,e.signal,e.styleNonce,t.reviewerToken);for(;;)try{await ft(t.acceptInvitation,{refreshToken:i.refresh_token,invitationId:e.invitationId,suggestedDisplayName:Dt(i.email),authHost:e.authHost,signal:e.signal,styleNonce:e.styleNonce});break}catch(a){if(!Ot(a,`INVITATION_EMAIL_MISMATCH`))throw a;await bt(e.authHost,e.signal,e.styleNonce),i=await ht(n,r,i,e.authHost,e.signal,e.styleNonce,t.reviewerToken)}let{data:a}=await r.queryOnce({reviewers:{$:{where:{authUserId:i.id}}},reviewPages:{$:{where:{stagingOrigin:e.location.origin}}},invitations:{}}),o=pt(a.invitations,a.reviewers,a.reviewPages,{invitationId:e.invitationId,authUserId:i.id,email:i.email??``,location:e.location,now:Date.now()});if(!o.ok)throw new G(o.code,Mt(o.code));let s={authUserId:i.id,reviewerId:o.reviewer.id,projectId:o.reviewer.projectId,invitationId:e.invitationId,email:o.reviewer.email||i.email||``,displayName:o.reviewer.displayName||i.email||`Reviewer`,role:o.reviewer.role===`agency`?`agency`:`reviewer`},c=o.page.id,l=e.collaboration?.scopeId,u=e.collaboration?.cursors===!0&&t.resolveCollaborationRoom?await t.resolveCollaborationRoom({refreshToken:i.refresh_token,invitationId:e.invitationId,pageId:o.page.id,scopeId:e.collaboration.scopeId,signal:e.signal}):void 0,d=u&&t.resolveCollaborationRoom?{...u,refresh:async()=>{let n=await r.getAuth();if(!(!n?.refresh_token||l===void 0))return t.resolveCollaborationRoom?.({refreshToken:n.refresh_token,invitationId:e.invitationId,pageId:c,scopeId:l,signal:new AbortController().signal})}}:void 0,f=0;return{pageId:o.page.id,resolvePage:async n=>{let i=++f,a=()=>i!==f||n.signal.aborted,o=(e,t,n)=>({pageId:e,...n&&d?{collaborationRoomId:n.id}:{},commit:()=>{a()||(c=e,t!==void 0&&(l=t),!(!n||!d)&&(d.id=n.id,d.expiresAt=n.expiresAt))}});if(n.location.origin!==e.location.origin)throw new G(`PAGE_NOT_FOUND`,Mt(`PAGE_NOT_FOUND`));let{data:u}=await r.queryOnce({reviewPages:{$:{where:{stagingOrigin:n.location.origin}}}});if(a())throw kt();let p=Z(n.location.pathname),m=u.reviewPages.find(e=>e.projectId===s.projectId&&e.stagingOrigin===n.location.origin&&Z(e.pathname)===p);if(!m)throw new G(`PAGE_NOT_FOUND`,Mt(`PAGE_NOT_FOUND`));if(n.collaboration?.cursors!==!0||d===void 0||t.resolveCollaborationRoom===void 0||!n.collaboration)return o(m.id,n.collaboration?.scopeId);let h=await r.getAuth();if(a())throw kt();if(!h?.refresh_token)throw Error(`리뷰 세션이 만료되어 실시간 협업 연결을 갱신할 수 없습니다.`);let g=await t.resolveCollaborationRoom({refreshToken:h.refresh_token,invitationId:e.invitationId,pageId:m.id,scopeId:n.collaboration.scopeId,signal:n.signal});if(a())throw kt();return o(m.id,n.collaboration.scopeId,g)},session:s,repository:new De(r,s,{...t.serviceUrl===void 0?{}:{commentTransport:ct(t.serviceUrl,async()=>(await r.getAuth())?.refresh_token??null)}}),...e.collaboration?.cursors===!0||e.collaboration?.chat===!0?{collaborationRepository:new We(r,s,d)}:{},...e.collaboration?.cursors===!0&&d?{collaborationRoomId:d.id}:{},allowedStagingHosts:[e.location.hostname]}}}}async function ft(e,t){if(!e)return;let n={refreshToken:t.refreshToken,invitationId:t.invitationId,signal:t.signal};try{await e(n);return}catch(e){if(!Ot(e,`DISPLAY_NAME_REQUIRED`))throw e}let r=await yt(t.authHost,t.signal,t.suggestedDisplayName,t.styleNonce);await e({...n,displayName:r})}function pt(e,t,n,r){let i=e.find(({id:e})=>e===r.invitationId);if(!i||jt(i.email)!==jt(r.email))return{ok:!1,code:`INVITATION_REQUIRED`};if(i.status===`revoked`)return{ok:!1,code:`INVITATION_REVOKED`};if(i.status===`expired`||i.expiresAt<=r.now)return{ok:!1,code:`INVITATION_EXPIRED`};if(i.status!==`accepted`)return{ok:!1,code:`INVITATION_NOT_ACCEPTED`};let a=t.find(e=>e.authUserId===r.authUserId&&e.projectId===i.projectId);if(!a)return{ok:!1,code:`MEMBERSHIP_REQUIRED`};let o=Z(r.location.pathname),s=n.find(e=>e.projectId===i.projectId&&e.stagingOrigin===r.location.origin&&Z(e.pathname)===o);return s?{ok:!0,invitation:i,reviewer:a,page:s}:{ok:!1,code:`PAGE_NOT_FOUND`}}async function mt(e,t,n,r,i,a){let o=await q(r,()=>t.getAuth());if(o)return o;let s=await gt(e,r);try{return await q(r,()=>t.getAuth())||(a?await q(r,async()=>{await t.auth.signInWithToken(a);let e=await t.getAuth();if(!e)throw Error(`Reviewer session did not establish`);return e}):await vt(t,n,r,i))}finally{s()}}async function ht(e,t,n,r,i,a,o){J(i);let s=await gt(e,i);try{let e=await q(i,()=>t.getAuth());return e&&e.id!==n.id?e:(e&&await q(i,async()=>{await t.auth.signOut()}),J(i),o?await q(i,async()=>{await t.auth.signInWithToken(o);let e=await t.getAuth();if(!e)throw Error(`Reviewer session did not establish`);return e}):await vt(t,r,i,a))}finally{s()}}async function gt(e,t){J(t);let n=K.get(e);return n||(n={held:!1,waiters:[]},K.set(e,n)),n.held?new Promise((e,r)=>{let i,a=()=>{let e=n.waiters.indexOf(i);e<0||(n.waiters.splice(e,1),t.removeEventListener(`abort`,a),r(X()))};i={signal:t,resolve:e,reject:r,abort:a},n.waiters.push(i),t.addEventListener(`abort`,a,{once:!0}),t.aborted&&a()}):(n.held=!0,_t(e,n))}function _t(e,t){let n=!1;return()=>{if(!n){for(n=!0;t.waiters.length>0;){let n=t.waiters.shift();if(n.signal.removeEventListener(`abort`,n.abort),n.signal.aborted){n.reject(X());continue}n.resolve(_t(e,t));return}t.held=!1,K.get(e)===t&&K.delete(e)}}}async function q(e,t){J(e);let n=await t();return J(e),n}function J(e){if(e.aborted)throw X()}function vt(e,t,n,r){try{J(n)}catch(e){return Promise.reject(e)}let i=St(t);i.replaceChildren(Ct(i,r),wt(i));let a=i.querySelector(`form`),o=i.querySelector(`h2`),s=i.querySelector(`.description`),c=a.elements.namedItem(`email`),l=a.elements.namedItem(`code`),u=i.querySelector(`.code`),d=i.querySelector(`button`),f=i.querySelector(`.error`),p=!1;return new Promise((t,r)=>{let m=!1,h=!1,g=!1,ee=()=>{n.removeEventListener(`abort`,v),i.removeEventListener(`keydown`,te),a.removeEventListener(`submit`,ne)},_=e=>{m||(m=!0,ee(),e())},v=()=>{m||(g=!0,ee(),h||_(()=>r(X())))},te=e=>{let t=e;t.key===`Escape`?(t.preventDefault(),v()):t.key===`Tab`&&At(i,t)},ne=async i=>{if(i.preventDefault(),!(m||h)){h=!0,f.textContent=``,d.disabled=!0,a.setAttribute(`aria-busy`,`true`);try{if(J(n),!p){let t=c.value.trim();await q(n,async()=>{await e.auth.sendMagicCode({email:t})}),p=!0,c.readOnly=!0,u.hidden=!1,l.required=!0,o.textContent=`인증 코드`,s.textContent=`${t}로 보낸 코드를 입력하세요.`,d.textContent=`확인`,l.focus();return}await q(n,async()=>{await e.auth.signInWithMagicCode({email:c.value.trim(),code:l.value.trim()})});let r=await q(n,()=>e.getAuth());if(!r)throw Error(`인증 세션을 확인할 수 없습니다.`);_(()=>t(r))}catch(e){if(m||n.aborted||Ot(e,`AUTH_CANCELLED`))return;f.textContent=xt(e)}finally{h=!1,!m&&(g||n.aborted)?_(()=>r(X())):m||(d.disabled=!1,a.removeAttribute(`aria-busy`))}}};n.addEventListener(`abort`,v,{once:!0}),i.addEventListener(`keydown`,te),a.addEventListener(`submit`,ne)})}function yt(e,t,n=``,r){if(t.aborted)return Promise.reject(X());let i=St(e);i.replaceChildren(Ct(i,r),Tt(i));let a=i.querySelector(`form`),o=a.elements.namedItem(`displayName`),s=i.querySelector(`button`),c=i.querySelector(`.error`);return o.value=n.trim().slice(0,120),o.focus(),o.select(),new Promise((e,n)=>{let r=!1,l=e=>{r||(r=!0,t.removeEventListener(`abort`,u),i.removeEventListener(`keydown`,p),a.removeEventListener(`submit`,f),e())},u=()=>l(()=>n(X())),d=()=>{let t=o.value.trim();if(!t){c.textContent=`이름을 입력해 주세요.`,o.focus();return}if(t.length>120){c.textContent=`이름은 120자 이하여야 합니다.`,o.focus();return}c.textContent=``,s.disabled=!0,a.setAttribute(`aria-busy`,`true`),l(()=>e(t))},f=e=>{e.preventDefault(),d()},p=e=>{let t=e;if(t.key===`Escape`){t.preventDefault(),u();return}if(t.key===`Tab`){At(i,t);return}t.key===`Enter`&&!t.isComposing&&t.target===o&&(t.preventDefault(),d())};t.addEventListener(`abort`,u,{once:!0}),i.addEventListener(`keydown`,p),a.addEventListener(`submit`,f)})}function bt(e,t,n){if(t.aborted)return Promise.reject(X());let r=St(e);r.replaceChildren(Ct(r,n),Et(r));let i=r.querySelector(`form`),a=r.querySelector(`button`);return a.focus(),new Promise((e,n)=>{let o=!1,s=e=>{o||(o=!0,t.removeEventListener(`abort`,c),r.removeEventListener(`keydown`,u),i.removeEventListener(`submit`,l),e())},c=()=>s(()=>n(X())),l=t=>{t.preventDefault(),a.disabled=!0,i.setAttribute(`aria-busy`,`true`),s(e)},u=e=>{let t=e;t.key===`Escape`?(t.preventDefault(),c()):t.key===`Tab`&&At(r,t)};t.addEventListener(`abort`,c,{once:!0}),r.addEventListener(`keydown`,u),i.addEventListener(`submit`,l)})}function xt(e){if(e&&typeof e==`object`&&`body`in e){let t=e.body;if(t?.message)return t.message}return e instanceof Error?e.message:`로그인에 실패했습니다. 다시 시도해 주세요.`}function St(e){return e.shadowRoot??e.attachShadow({mode:`open`})}function Ct(e,t){let n=e.ownerDocument.createElement(`style`);return t&&(n.nonce=t),n.textContent=Nt,n}function wt(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-login-title`),n.setAttribute(`aria-describedby`,`visual-review-login-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`Visual Review`);i.id=`visual-review-login-title`;let a=Y(t,`p`,`초대받은 이메일로 계속하세요.`,`description`);a.id=`visual-review-login-description`;let o=t.createElement(`label`);o.append(`이메일`);let s=t.createElement(`input`);s.name=`email`,s.type=`email`,s.autocomplete=`email`,s.required=!0,o.append(s);let c=t.createElement(`label`);c.className=`code`,c.hidden=!0,c.append(`인증 코드`);let l=t.createElement(`input`);l.name=`code`,l.inputMode=`numeric`,l.autocomplete=`one-time-code`,c.append(l);let u=Y(t,`p`,``,`error`);u.setAttribute(`role`,`alert`);let d=Y(t,`button`,`코드 받기`);return d.type=`submit`,n.append(r,i,a,o,c,u,d),n}function Tt(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-name-title`),n.setAttribute(`aria-describedby`,`visual-review-name-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`표시 이름`);i.id=`visual-review-name-title`;let a=Y(t,`p`,`피드백에 이 이름이 표시됩니다.`,`description`);a.id=`visual-review-name-description`;let o=Y(t,`label`,`이름`);o.htmlFor=`visual-review-display-name`;let s=t.createElement(`input`);s.id=`visual-review-display-name`,s.name=`displayName`,s.autocomplete=`name`,s.maxLength=120,s.required=!0;let c=Y(t,`p`,``,`error`);c.setAttribute(`role`,`alert`);let l=Y(t,`button`,`리뷰 시작`);return l.type=`submit`,n.append(r,i,a,o,s,c,l),n}function Et(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-account-title`),n.setAttribute(`aria-describedby`,`visual-review-account-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`계정 확인`);i.id=`visual-review-account-title`;let a=Y(t,`p`,`이 초대는 현재 로그인한 계정과 일치하지 않습니다.`,`description`);a.id=`visual-review-account-description`;let o=Y(t,`button`,`다른 계정으로 계속`);return o.type=`submit`,n.append(r,i,a,o),n}function Y(e,t,n,r){let i=e.createElement(t);return i.textContent=n,r&&(i.className=r),i}function Dt(e){return e?.split(`@`)[0]?.trim().slice(0,120)??``}function Ot(e,t){return!!(e&&typeof e==`object`&&`code`in e&&e.code===t)}function kt(){return new DOMException(`Aborted`,`AbortError`)}function X(){return new G(`AUTH_CANCELLED`,`리뷰 로그인이 취소되었습니다.`)}function At(e,t){let n=Array.from(e.querySelectorAll(`input:not([disabled]),button:not([disabled])`)).filter(e=>!e.closest(`[hidden]`));if(n.length===0)return;let r=n[0],i=n.at(-1);t.shiftKey&&e.activeElement===r?(t.preventDefault(),i.focus()):!t.shiftKey&&e.activeElement===i&&(t.preventDefault(),r.focus())}function Z(e){return e.replace(/\/+$/,``)||`/`}function jt(e){return e.trim().toLowerCase()}function Mt(e){switch(e){case`INVITATION_REQUIRED`:return`현재 계정과 일치하는 리뷰 초대를 찾을 수 없습니다.`;case`INVITATION_NOT_ACCEPTED`:return`아직 수락되지 않은 리뷰 초대입니다.`;case`INVITATION_REVOKED`:return`취소된 리뷰 초대입니다. 계속 검토하려면 담당자에게 다시 요청하세요.`;case`INVITATION_EXPIRED`:return`만료된 리뷰 초대입니다. 담당자에게 새 링크를 요청하세요.`;case`MEMBERSHIP_REQUIRED`:return`이 프로젝트의 reviewer membership이 없습니다.`;case`PAGE_NOT_FOUND`:return`이 페이지는 아직 리뷰 대상이 아닙니다. 담당자에게 문의하세요.`}}const Nt=`
1
+ import{r as e}from"./install-Dah4rYf1.js";import{t}from"./embedded-source-DZCfzGp4.js";import{i as n,init as r}from"@instantdb/core";const i=n.schema({entities:{$users:n.entity({email:n.string().unique().indexed()}),projects:n.entity({name:n.string(),slug:n.string().unique().indexed(),allowedOrigin:n.string().optional(),originDisconnectedAt:n.number().optional(),createdAt:n.number().indexed(),updatedAt:n.number()}),reviewPages:n.entity({projectId:n.string().indexed(),autoRegistrationSlot:n.string().unique().indexed().optional(),name:n.string(),pathname:n.string(),stagingOrigin:n.string(),createdAt:n.number().indexed(),updatedAt:n.number()}),reviewPageBuilds:n.entity({projectId:n.string().indexed(),pageId:n.string().unique().indexed(),buildId:n.string(),gitCommit:n.string().optional(),generatedAt:n.number().optional(),mode:n.string(),updatedAt:n.number().indexed()}),reviewers:n.entity({authUserId:n.string().indexed(),projectId:n.string().indexed(),email:n.string().indexed(),displayName:n.string(),role:n.string(),createdAt:n.number()}),reviewerIdentityClaims:n.entity({reviewerId:n.string().unique().indexed(),projectId:n.string().indexed(),authUserId:n.string().indexed(),email:n.string(),displayName:n.string(),role:n.string(),createdAt:n.number()}),invitations:n.entity({projectId:n.string().indexed(),reviewerId:n.string().indexed().optional(),email:n.string().indexed(),status:n.string().indexed(),claimRevision:n.number(),claimedByAuthUserId:n.string().indexed().optional(),expiresAt:n.number().indexed(),createdAt:n.number(),acceptedAt:n.number().optional(),revokedAt:n.number().optional()}),comments:n.entity({pageId:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string().optional(),anchorSelector:n.string().optional(),anchorOffsetX:n.number().optional(),anchorOffsetY:n.number().optional(),anchorViewportX:n.number().optional(),anchorViewportY:n.number().optional(),targetKind:n.string().optional(),targetPageX:n.number().optional(),targetPageY:n.number().optional(),targetWidth:n.number().optional(),targetHeight:n.number().optional(),targetViewportX:n.number().optional(),targetViewportY:n.number().optional(),targetViewportWidth:n.number().optional(),targetViewportHeight:n.number().optional(),targetPageOrigin:n.string().optional(),targetPagePathname:n.string().optional(),targetPageSearch:n.string().optional(),targetPageHash:n.string().optional(),targetPageTitle:n.string().optional(),targetCapturedAt:n.number().optional(),status:n.string().indexed(),workflowRevision:n.number(),createdAt:n.number().indexed(),updatedAt:n.number().indexed(),resolvedAt:n.number().optional(),resolvedById:n.string().optional()}),commentWorkflowClaims:n.entity({claimKey:n.string().unique().indexed(),commentId:n.string().indexed(),expectedWorkflowRevision:n.number(),createdAt:n.number().indexed()}),commentTargetElements:n.entity({commentId:n.string().indexed(),slotKey:n.string().unique().indexed().optional(),ordinal:n.number(),selector:n.string(),tagName:n.string(),textPreview:n.string(),pageX:n.number(),pageY:n.number(),width:n.number(),height:n.number(),viewportX:n.number(),viewportY:n.number(),viewportWidth:n.number(),viewportHeight:n.number(),authorAuthUserId:n.string().indexed()}),commentScopeEntries:n.entity({commentId:n.string().indexed(),slotKey:n.string().unique().indexed().optional(),ordinal:n.number(),key:n.string(),valueType:n.string(),stringValue:n.string().optional(),numberValue:n.number().optional(),booleanValue:n.boolean().optional(),authorAuthUserId:n.string().indexed()}),commentSourceContexts:n.entity({commentId:n.string().unique().indexed(),pageId:n.string().indexed(),authorAuthUserId:n.string().indexed(),contextJson:n.string(),createdAt:n.number().indexed()}),replies:n.entity({pageId:n.string().indexed(),commentId:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string().optional(),createdAt:n.number().indexed(),updatedAt:n.number().indexed()}),reviewMessages:n.entity({pageId:n.string().indexed(),pathname:n.string().indexed(),authorId:n.string().indexed(),authorAuthUserId:n.string().indexed(),authorName:n.string(),body:n.string(),bodyContentMarker:n.string(),createdAt:n.number().indexed(),updatedAt:n.number().indexed()})},links:{projectOwners:{forward:{on:`projects`,has:`many`,label:`owners`},reverse:{on:`$users`,has:`many`,label:`ownedProjects`}},projectPages:{forward:{on:`projects`,has:`many`,label:`pages`},reverse:{on:`reviewPages`,has:`one`,label:`project`}},pageCurrentBuild:{forward:{on:`reviewPageBuilds`,has:`one`,label:`page`,required:!0,onDelete:`cascade`},reverse:{on:`reviewPages`,has:`one`,label:`currentBuild`}},projectReviewers:{forward:{on:`projects`,has:`many`,label:`reviewers`},reverse:{on:`reviewers`,has:`one`,label:`project`}},reviewerUser:{forward:{on:`reviewers`,has:`one`,label:`$user`},reverse:{on:`$users`,has:`many`,label:`reviewerMemberships`}},projectInvitations:{forward:{on:`projects`,has:`many`,label:`invitations`},reverse:{on:`invitations`,has:`one`,label:`project`}},invitationReviewer:{forward:{on:`invitations`,has:`one`,label:`reviewer`},reverse:{on:`reviewers`,has:`many`,label:`acceptedInvitations`}},invitationActiveUser:{forward:{on:`invitations`,has:`one`,label:`activeUser`},reverse:{on:`$users`,has:`one`,label:`activeReviewInvitation`}},pageComments:{forward:{on:`reviewPages`,has:`many`,label:`comments`},reverse:{on:`comments`,has:`one`,label:`page`}},pageReviewMessages:{forward:{on:`reviewPages`,has:`many`,label:`reviewMessages`},reverse:{on:`reviewMessages`,has:`one`,label:`page`}},commentReplies:{forward:{on:`comments`,has:`many`,label:`replies`},reverse:{on:`replies`,has:`one`,label:`comment`}},commentTargetElements:{forward:{on:`commentTargetElements`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`many`,label:`targetElements`}},commentScopeEntries:{forward:{on:`commentScopeEntries`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`many`,label:`scopeEntries`}},commentSourceContext:{forward:{on:`commentSourceContexts`,has:`one`,label:`comment`,required:!0,onDelete:`cascade`},reverse:{on:`comments`,has:`one`,label:`sourceContext`}},pageSourceContexts:{forward:{on:`commentSourceContexts`,has:`one`,label:`page`,required:!0},reverse:{on:`reviewPages`,has:`many`,label:`sourceContexts`}},sourceContextAuthor:{forward:{on:`commentSourceContexts`,has:`one`,label:`author`,required:!0},reverse:{on:`reviewers`,has:`many`,label:`sourceContexts`}},commentAuthor:{forward:{on:`comments`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`comments`}},replyAuthor:{forward:{on:`replies`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`replies`}},reviewMessageAuthor:{forward:{on:`reviewMessages`,has:`one`,label:`author`},reverse:{on:`reviewers`,has:`many`,label:`reviewMessages`}}},rooms:{visualReview:{presence:n.entity({reviewerId:n.string(),displayName:n.string(),color:n.string(),active:n.boolean(),cursorX:n.number().optional(),cursorY:n.number().optional(),viewportWidth:n.number().optional(),viewportHeight:n.number().optional()})}}}),a=new Uint8Array([107,167,184,17,157,173,17,209,128,180,0,192,79,212,48,200]);function o(e,t,n){return u(e,n),`${e}:${t}:${n}`}async function s(e,t,n){return l(o(e,t,n))}async function c(e){if(!e.trim())throw Error(`Comment ID is required for source context`);return l(`${e}:source-context`)}async function l(e){let t=globalThis.crypto?.subtle;if(!t)throw Error(`Web Crypto is required to persist review capture context`);let n=new TextEncoder().encode(`01works.visual-review/v1/${e}`),r=new Uint8Array(a.length+n.length);r.set(a),r.set(n,a.length);let i=new Uint8Array(await t.digest(`SHA-1`,r)).slice(0,16);i[6]=i[6]&15|80,i[8]=i[8]&63|128;let o=[...i].map(e=>e.toString(16).padStart(2,`0`)).join(``);return`${o.slice(0,8)}-${o.slice(8,12)}-${o.slice(12,16)}-${o.slice(16,20)}-${o.slice(20)}`}function u(e,t){if(!e.trim())throw Error(`Comment ID is required for capture context`);if(!Number.isSafeInteger(t)||t<0)throw Error(`Capture child ordinal must be a non-negative integer`)}const d=131072,f=32768,p=4096,m=1e3;var h=class extends Error{constructor(e,t){super(e,t),this.name=`InstantCaptureIntegrityError`}};function g(e){let t=se(e,`comment target`,!0),n={kind:t.kind,anchor:pe(t.anchor),region:ge(t.region),elements:t.elements.map(e=>({selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,rect:ge(e.rect),source:null,componentStack:[]})),pageUrl:t.pageUrl,pageTitle:t.pageTitle,capturedAt:t.capturedAt},r={elements:t.elements.map(e=>({selector:e.selector,source:e.source?_e(e.source):null,componentStack:e.componentStack.map(_e)})),...t.sourceProvenance?{sourceProvenance:ve(t.sourceProvenance)}:{}};E(n,d,`Public target`);let i=Te(r,65536,`Source context`);return{publicTarget:n,commentFields:te(n),targetElements:n.elements.map(ne),sourceContextJson:i}}function ee(e,t,n){let r=x(e,n),i={selector:S(r.anchorSelector,`${n} anchor selector`,p),offsetX:T(r.anchorOffsetX,`${n} anchor offsetX`),offsetY:T(r.anchorOffsetY,`${n} anchor offsetY`),viewportX:T(r.anchorViewportX,`${n} anchor viewportX`),viewportY:T(r.anchorViewportY,`${n} anchor viewportY`)},a=ie({kind:r.targetKind,anchor:i,region:{pageX:r.targetPageX,pageY:r.targetPageY,width:r.targetWidth,height:r.targetHeight,viewportX:r.targetViewportX,viewportY:r.targetViewportY,viewportWidth:r.targetViewportWidth,viewportHeight:r.targetViewportHeight},elements:[],pageUrl:he({origin:C(r.targetPageOrigin,`${n} page origin`,1024),pathname:C(r.targetPagePathname,`${n} page pathname`,4096),search:S(r.targetPageSearch,`${n} page search`,1024),hash:S(r.targetPageHash,`${n} page hash`,1024)}),pageTitle:r.targetPageTitle,capturedAt:r.targetCapturedAt},n),o=re(t,`${n} elements`),s=a;for(let e of o)try{s=ie({...a,elements:[...s.elements,e]},n)}catch{}return s}function _(e){let t=oe(e);return t?Object.entries(t).map(([e,t],n)=>typeof t==`string`?{ordinal:n,key:e,valueType:`string`,stringValue:t}:typeof t==`number`?{ordinal:n,key:e,valueType:`number`,numberValue:t}:typeof t==`boolean`?{ordinal:n,key:e,valueType:`boolean`,booleanValue:t}:{ordinal:n,key:e,valueType:`null`}):[]}function v(e){if(!Array.isArray(e)||e.length===0)return;let t=[...e].map(e=>{try{let t=x(e,`Comment scope entry`);return{row:t,ordinal:xe(t.ordinal,`Comment scope entry ordinal`,0,19),id:typeof t.id==`string`?t.id:``}}catch{return null}}).filter(e=>e!==null).sort((e,t)=>e.ordinal-t.ordinal||e.id.localeCompare(t.id)),n={},r=new Set;for(let{row:e,ordinal:i}of t)if(!r.has(i)){r.add(i);try{let t=C(e.key,`Comment scope key`,256);if(Object.hasOwn(n,t))continue;switch(e.valueType){case`string`:n[t]=S(e.stringValue,`Comment scope ${t}`,m);break;case`number`:n[t]=w(e.numberValue,`Comment scope ${t}`);break;case`boolean`:if(typeof e.booleanValue!=`boolean`)throw D(`Comment scope ${t} is invalid`);n[t]=e.booleanValue;break;case`null`:n[t]=null;break;default:throw D(`Comment scope ${t} is invalid`)}}catch{}}if(Object.keys(n).length!==0)try{return E(n,f,`Comment scope`),n}catch{return}}function te(e){let t=new URL(e.pageUrl);return{anchorSelector:e.anchor.selector,anchorOffsetX:e.anchor.offsetX,anchorOffsetY:e.anchor.offsetY,anchorViewportX:e.anchor.viewportX,anchorViewportY:e.anchor.viewportY,targetKind:e.kind,targetPageX:e.region.pageX,targetPageY:e.region.pageY,targetWidth:e.region.width,targetHeight:e.region.height,targetViewportX:e.region.viewportX,targetViewportY:e.region.viewportY,targetViewportWidth:e.region.viewportWidth,targetViewportHeight:e.region.viewportHeight,targetPageOrigin:t.origin,targetPagePathname:me(t.pathname),targetPageSearch:t.search.slice(1),targetPageHash:t.hash.slice(1),targetPageTitle:e.pageTitle,targetCapturedAt:e.capturedAt}}function ne(e,t){return{ordinal:t,selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,pageX:e.rect.pageX,pageY:e.rect.pageY,width:e.rect.width,height:e.rect.height,viewportX:e.rect.viewportX,viewportY:e.rect.viewportY,viewportWidth:e.rect.viewportWidth,viewportHeight:e.rect.viewportHeight}}function re(e,t){if(!Array.isArray(e)||e.length===0)return[];let n=[...e].map(e=>{try{let n=x(e,t);return{row:n,ordinal:xe(n.ordinal,`${t} ordinal`,0,7),id:typeof n.id==`string`?n.id:``}}catch{return null}}).filter(e=>e!==null).sort((e,t)=>e.ordinal-t.ordinal||e.id.localeCompare(t.id)),r=[],i=new Set;for(let{row:e,ordinal:a}of n)if(!i.has(a)){i.add(a);try{r.push(ce({selector:e.selector,tagName:e.tagName,textPreview:e.textPreview,rect:{pageX:e.pageX,pageY:e.pageY,width:e.width,height:e.height,viewportX:e.viewportX,viewportY:e.viewportY,viewportWidth:e.viewportWidth,viewportHeight:e.viewportHeight},source:null,componentStack:[]},`${t}[${a}]`,!1))}catch{}}return r}function ie(e,t){return se(e,t,!1)}function y(e,t=`Comment body`){return C(e,t,2e4)}function ae(e,t=`Comment body`){let n=y(e,t);for(let e of n)if(e.trim())return e;throw D(`${t} is empty`)}function oe(e){if(e==null)return;let t=x(e,`Comment scope`);if(Object.keys(t).length>20)throw D(`Comment scope has too many fields`);let n={};for(let[e,r]of Object.entries(t)){if(!e.trim()||e.length>256)throw D(`Comment scope has an invalid key`);if(typeof r==`string`){if(r.length>m)throw D(`Comment scope ${e} is too long`);n[e]=r}else if(typeof r==`number`)n[e]=w(r,`Comment scope ${e}`);else if(typeof r==`boolean`||r===null)n[e]=r;else throw D(`Comment scope ${e} is invalid`)}return E(n,f,`Comment scope`),n}function se(e,t,n){let r=b(e,t,[`kind`,`anchor`,`region`,`elements`,`pageUrl`,`pageTitle`,`capturedAt`,`sourceProvenance`],[`sourceProvenance`]),i=r.kind;if(i!==`element`&&i!==`region`&&i!==`viewport`)throw D(`${t} kind is invalid`);let a=ye(r.elements,`${t} elements`);if(a.length>8)throw D(`${t} contains too many elements`);if(!n&&r.sourceProvenance!=null)throw D(`${t} exposes source provenance`);let o=C(r.pageUrl,`${t} pageUrl`,8192);we(o,`${t} pageUrl`);let s={kind:i,anchor:le(r.anchor,`${t} anchor`),region:ue(r.region,`${t} region`),elements:a.map((e,r)=>ce(e,`${t} elements[${r}]`,n)),pageUrl:o,pageTitle:S(r.pageTitle,`${t} pageTitle`,m),capturedAt:Se(r.capturedAt,`${t} capturedAt`),...n&&r.sourceProvenance!=null?{sourceProvenance:fe(r.sourceProvenance,`${t} provenance`)}:{}};return E(s,n?196608:d,t),s}function ce(e,t,n){let r=b(e,t,[`selector`,`tagName`,`textPreview`,`rect`,`source`,`componentStack`]),i=ye(r.componentStack,`${t} componentStack`);if(i.length>32)throw D(`${t} componentStack is too large`);if(!n&&(r.source!=null||i.length>0))throw D(`${t} exposes source metadata`);return{selector:C(r.selector,`${t} selector`,p),tagName:C(r.tagName,`${t} tagName`,128),textPreview:S(r.textPreview,`${t} textPreview`,m),rect:ue(r.rect,`${t} rect`),source:n&&r.source!=null?de(r.source,`${t} source`):null,componentStack:n?i.map((e,n)=>de(e,`${t} stack[${n}]`)):[]}}function le(e,t){let n=b(e,t,[`selector`,`offsetX`,`offsetY`,`viewportX`,`viewportY`]);return{selector:S(n.selector,`${t} selector`,p),offsetX:T(n.offsetX,`${t} offsetX`),offsetY:T(n.offsetY,`${t} offsetY`),viewportX:T(n.viewportX,`${t} viewportX`),viewportY:T(n.viewportY,`${t} viewportY`)}}function ue(e,t){let n=b(e,t,[`pageX`,`pageY`,`width`,`height`,`viewportX`,`viewportY`,`viewportWidth`,`viewportHeight`]),r={pageX:w(n.pageX,`${t} pageX`),pageY:w(n.pageY,`${t} pageY`),width:w(n.width,`${t} width`),height:w(n.height,`${t} height`),viewportX:w(n.viewportX,`${t} viewportX`),viewportY:w(n.viewportY,`${t} viewportY`),viewportWidth:w(n.viewportWidth,`${t} viewportWidth`),viewportHeight:w(n.viewportHeight,`${t} viewportHeight`)};if(r.width<0||r.height<0||r.viewportWidth<0||r.viewportHeight<0)throw D(`${t} has a negative dimension`);return r}function de(e,n){let r=b(e,n,[`filePath`,`lineNumber`,`columnNumber`,`componentName`,`origin`,`generated`],[`generated`]),i=r.origin;if(i!==`app`&&i!==`shared-ui`&&i!==`dependency`&&i!==`generated`&&i!==`unknown`)throw D(`${n} origin is invalid`);let a=C(r.filePath,`${n} filePath`,p);return{filePath:a,lineNumber:Ce(r.lineNumber,`${n} lineNumber`),columnNumber:Ce(r.columnNumber,`${n} columnNumber`),componentName:r.componentName==null?null:C(r.componentName,`${n} componentName`,512),origin:t(a)}}function fe(e,t){let n=b(e,t,[`provider`,`build`,`resolvedAt`]),r=n.provider;if(r!==`react-grab`&&r!==`embedded`&&r!==`custom`)throw D(`${t} provider is invalid`);let i=b(n.build,`${t} build`,[`buildId`,`gitCommit`,`generatedAt`,`mode`],[`generatedAt`]),a=i.mode;if(a!==`development`&&a!==`preview`&&a!==`production`)throw D(`${t} build mode is invalid`);return{provider:r,build:{buildId:C(i.buildId,`${t} buildId`,512),gitCommit:i.gitCommit==null?null:C(i.gitCommit,`${t} gitCommit`,256),...i.generatedAt==null?{}:{generatedAt:Se(i.generatedAt,`${t} generatedAt`)},mode:a},resolvedAt:Se(n.resolvedAt,`${t} resolvedAt`)}}function pe(e){return{...e}}function me(e){return e.replace(/\/+$/,``)||`/`}function he(e){return`${e.origin}${e.pathname}${e.search?`?${e.search}`:``}${e.hash?`#${e.hash}`:``}`}function ge(e){return{...e}}function _e(e){return{...e}}function ve(e){return{...e,build:{...e.build}}}function b(e,t,n,r=[]){let i=x(e,t);if(Object.keys(i).some(e=>!n.includes(e)))throw D(`${t} contains unknown fields`);for(let e of n)if(!r.includes(e)&&!Object.hasOwn(i,e))throw D(`${t} is missing ${e}`);return i}function x(e,t){if(!e||typeof e!=`object`||Array.isArray(e))throw D(`${t} is missing or invalid`);return e}function ye(e,t){if(!Array.isArray(e))throw D(`${t} is missing or invalid`);return e}function S(e,t,n){if(typeof e!=`string`||be(e,n)>n)throw D(`${t} is invalid or too long`);return e}function be(e,t){let n=0;for(let r of e)if(n+=1,n>t)return n;return n}function C(e,t,n){let r=S(e,t,n);if(!r.trim())throw D(`${t} is empty`);return r}function w(e,t){if(typeof e!=`number`||!Number.isFinite(e))throw D(`${t} is invalid`);return e}function xe(e,t,n,r){if(typeof e!=`number`||!Number.isSafeInteger(e)||e<n||e>r)throw D(`${t} is invalid`);return e}function T(e,t){let n=w(e,t);if(n<0||n>1)throw D(`${t} is outside 0..1`);return n}function Se(e,t){if(typeof e!=`number`||!Number.isSafeInteger(e)||e<0||e>0xe677d21fdbff)throw D(`${t} is invalid`);return e}function Ce(e,t){if(e===null)return null;if(typeof e!=`number`||!Number.isSafeInteger(e)||e<0)throw D(`${t} is invalid`);return e}function we(e,t){let n;try{n=new URL(e)}catch(e){throw D(`${t} is invalid`,e)}if(n.protocol!==`http:`&&n.protocol!==`https:`)throw D(`${t} must use HTTP or HTTPS`)}function E(e,t,n){Te(e,t,n)}function Te(e,t,n){let r;try{r=JSON.stringify(e)}catch(e){throw D(`${n} cannot be serialized`,e)}if(r.length>t)throw D(`${n} is too large`);return r}function D(e,t){return new h(e,{cause:t instanceof Error?t:void 0})}function Ee(e){if(!e.trim())throw Error(`InstantDB app ID is required`);return r({appId:e,schema:i,devtool:!1})}var De=class{db;session;#e;attachScreenshot;constructor(e,t,n={}){this.db=e,this.session=t,this.#e=n.commentTransport,this.#e&&(this.attachScreenshot=(e,t,n)=>this.#e.uploadScreenshot({pageId:e,commentId:t,screenshot:n}))}async getSnapshot(e){let{data:t}=await this.db.queryOnce(Oe(e,this.session.authUserId));return Ae(e,t.comments,t.replies)}async getProjectSnapshot(e){this.#t(e);let{data:t}=await this.db.queryOnce(ke(e,this.session.authUserId));return je(e,t.comments,t.replies)}subscribe(e,t,n){return this.db.subscribeQuery(Oe(e,this.session.authUserId),r=>{if(r.error){n?.(Re(r.error));return}if(r.data)try{t(Ae(e,r.data.comments,r.data.replies))}catch{n?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})}subscribeProject(e,t,n){return this.#t(e),this.db.subscribeQuery(ke(e,this.session.authUserId),r=>{if(r.error){n?.(Re(r.error));return}if(r.data)try{t(je(e,r.data.comments,r.data.replies))}catch{n?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})}async mutate(e,t){switch(t.type){case`comment.upsert`:{if(t.comment.pageId!==e)throw Error(`Comment page mismatch`);let n=t.comment;if(n.authorId!==this.session.reviewerId)throw Error(`Comment author mismatch`);let r=y(n.body).trim(),i=ae(r),a=M(n.createdAt,`Comment createdAt`),l=M(n.updatedAt,`Comment updatedAt`);if(l<a)throw new h(`Comment updatedAt precedes createdAt`);if(n.createdAt!==n.updatedAt)throw new h(`Comment edits must go through the review service`);if(n.status!==`open`||n.resolvedAt!==void 0||n.resolvedById!==void 0)throw new h(`New comments must start open`);let u=g(n.target);if(!Ie(n.anchor,u.publicTarget.anchor))throw new h(`Comment anchor does not match its target`);if(this.#e){await this.#e.createComment({pageId:e,commentId:n.id,body:r,target:n.target,...n.scope===void 0?{}:{scope:n.scope}});return}let d=_(n.scope),f=await Promise.all(u.targetElements.map(async e=>({element:e,id:await s(n.id,`element`,e.ordinal),slotKey:o(n.id,`element`,e.ordinal)}))),p=await Promise.all(d.map(async e=>({entry:e,id:await s(n.id,`scope`,e.ordinal),slotKey:o(n.id,`scope`,e.ordinal)}))),m=await c(n.id);await this.db.transact([this.db.tx.comments[n.id].update({pageId:e,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:r,bodyContentMarker:i,...u.commentFields,status:n.status,workflowRevision:0,createdAt:a,updatedAt:l}).link({page:e,author:this.session.reviewerId}),...f.map(({element:e,id:t,slotKey:r})=>this.db.tx.commentTargetElements[t].update({commentId:n.id,slotKey:r,authorAuthUserId:this.session.authUserId,...e}).link({comment:n.id})),...p.map(({entry:e,id:t,slotKey:r})=>this.db.tx.commentScopeEntries[t].update({commentId:n.id,slotKey:r,authorAuthUserId:this.session.authUserId,...e}).link({comment:n.id})),this.db.tx.commentSourceContexts[m].update({commentId:n.id,pageId:e,authorAuthUserId:this.session.authUserId,contextJson:u.sourceContextJson,createdAt:a}).link({comment:n.id,page:e,author:this.session.reviewerId})]);return}case`comment.delete`:throw new h(`Comment deletion must go through the review service`);case`reply.upsert`:{let n=t.reply;if(n.authorId!==this.session.reviewerId)throw Error(`Reply author mismatch`);let r=y(n.body,`Reply body`).trim(),i=ae(r,`Reply body`),a=M(n.createdAt,`Reply createdAt`),o=M(n.updatedAt,`Reply updatedAt`);if(o<a)throw new h(`Reply updatedAt precedes createdAt`);if(n.createdAt!==n.updatedAt)throw new h(`Reply edits must go through the review service`);if(this.#e){await this.#e.createReply({commentId:n.commentId,replyId:n.id,body:r});return}await this.db.transact(this.db.tx.replies[n.id].update({pageId:e,commentId:n.commentId,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:r,bodyContentMarker:i,createdAt:a,updatedAt:o}).link({comment:n.commentId,author:this.session.reviewerId}));return}case`reply.delete`:throw new h(`Reply deletion must go through the review service`)}}#t(e){if(!e.trim()||e!==this.session.projectId)throw Error(`Project does not belong to the reviewer session`)}};function Oe(e,t){return{comments:{$:{where:{pageId:e},order:{createdAt:`asc`}},targetElements:{},scopeEntries:{}},replies:{$:{where:{pageId:e},order:{createdAt:`asc`}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function ke(e,t){return{comments:{$:{where:{"page.project.id":e},order:{createdAt:`asc`}},page:{project:{}},targetElements:{},scopeEntries:{}},replies:{$:{where:{"comment.page.project.id":e},order:{createdAt:`asc`}},comment:{page:{project:{}}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function Ae(e,t,n){let r=t.map(t=>Ne(t,e));O(r,`comment`);let i=new Set(r.map(({id:e})=>e)),a=n.map(t=>Pe(t,e));O(a,`reply`);for(let e of a)if(!i.has(e.commentId))throw new h(`Reply ${e.id} references a comment outside the page snapshot`);return{pageId:e,comments:r,replies:a}}function je(e,t,n){let r=new Map,i=t.map(t=>{let n=A(t.pageId,`comment pageId`);Me(t.page,n,e,`comment ${String(t.id)}`);let i=k(t.page,`comment ${String(t.id)} page`),a=Ne(t,n),o=`/`;try{o=new URL(a.target.pageUrl).pathname||`/`}catch{}return r.set(n,{id:n,name:typeof i.name==`string`&&i.name.trim()?i.name.trim():a.target.pageTitle.trim()||o,pathname:typeof i.pathname==`string`&&i.pathname.trim()?i.pathname.trim():o}),a});O(i,`comment`);let a=new Map(i.map(e=>[e.id,e])),o=n.map(t=>{let n=A(t.pageId,`reply pageId`),r=k(t.comment,`reply ${String(t.id)} comment`),i=A(t.commentId,`reply ${String(t.id)} commentId`);if(A(r.id,`reply ${String(t.id)} comment relation id`)!==i)throw new h(`Reply ${String(t.id)} has an inconsistent comment relation`);Me(r.page,n,e,`reply ${String(t.id)}`);let o=Pe(t,n),s=a.get(o.commentId);if(!s||s.pageId!==n)throw new h(`Reply ${o.id} references a comment outside the project snapshot`);return o});return O(o,`reply`),{projectId:e,pages:[...r.values()].sort((e,t)=>e.pathname.localeCompare(t.pathname)||e.id.localeCompare(t.id)),comments:i,replies:o}}function Me(e,t,n,r){let i=k(e,`${r} page`);if(A(i.id,`${r} page id`)!==t)throw new h(`${r} escaped its page relation`);if(A(k(i.project,`${r} project`).id,`${r} project id`)!==n)throw new h(`${r} escaped its project scope`)}function Ne(e,t){let n=k(e,`comment`),r=A(n.id,`comment id`);if(A(n.pageId,`comment ${r} pageId`)!==t)throw new h(`Comment ${r} escaped its page scope`);A(n.authorAuthUserId,`comment ${r} authorAuthUserId`);let i=!(Object.hasOwn(n,`anchor`)&&Object.hasOwn(n,`target`)),a=i?ee(n,n.targetElements,`comment ${r} target`):ie(n.target,`comment ${r} target`),o=i?{...a.anchor}:Fe(n.anchor,`comment ${r} anchor`);if(!Ie(o,a.anchor))throw new h(`Comment ${r} has inconsistent anchors`);let s=n.status;if(s!==`open`&&s!==`resolved`)throw new h(`Comment ${r} has an invalid status`);let c=M(n.createdAt,`comment ${r} createdAt`),l=M(n.updatedAt,`comment ${r} updatedAt`);if(l<c)throw new h(`Comment ${r} updatedAt precedes createdAt`);let u=He(n.resolvedAt,`comment ${r} resolvedAt`),d=Ue(n.resolvedById,`comment ${r} resolvedById`);if(s===`open`&&(u!==void 0||d!==void 0))throw new h(`Open comment ${r} contains resolution metadata`);if(s===`resolved`&&(u===void 0||d===void 0||u!==l))throw new h(`Resolved comment ${r} has invalid workflow metadata`);return{id:r,pageId:t,authorId:A(n.authorId,`comment ${r} authorId`),authorName:A(n.authorName,`comment ${r} authorName`),body:y(n.body,`comment ${r} body`),anchor:o,target:a,...i?Le(v(n.scopeEntries)):n.scope==null?{}:{scope:oe(n.scope)},status:s,workflowRevision:Ve(n.workflowRevision,`comment ${r} workflowRevision`),createdAt:c,updatedAt:l,...u===void 0?{}:{resolvedAt:u},...d===void 0?{}:{resolvedById:d}}}function Pe(e,t){let n=k(e,`reply`),r=A(n.id,`reply id`);if(A(n.pageId,`reply ${r} pageId`)!==t)throw new h(`Reply ${r} escaped its page scope`);A(n.authorAuthUserId,`reply ${r} authorAuthUserId`);let i=M(n.createdAt,`reply ${r} createdAt`),a=M(n.updatedAt,`reply ${r} updatedAt`);if(a<i)throw new h(`Reply ${r} updatedAt precedes createdAt`);return{id:r,commentId:A(n.commentId,`reply ${r} commentId`),authorId:A(n.authorId,`reply ${r} authorId`),authorName:A(n.authorName,`reply ${r} authorName`),body:y(n.body,`reply ${r} body`),createdAt:i,updatedAt:a}}function Fe(e,t){let n=k(e,t);if(Object.keys(n).length!==5||!Object.hasOwn(n,`selector`)||!Object.hasOwn(n,`offsetX`)||!Object.hasOwn(n,`offsetY`)||!Object.hasOwn(n,`viewportX`)||!Object.hasOwn(n,`viewportY`))throw new h(`${t} has invalid fields`);return{selector:Be(n.selector,`${t} selector`),offsetX:j(n.offsetX,`${t} offsetX`),offsetY:j(n.offsetY,`${t} offsetY`),viewportX:j(n.viewportX,`${t} viewportX`),viewportY:j(n.viewportY,`${t} viewportY`)}}function Ie(e,t){return e.selector===t.selector&&e.offsetX===t.offsetX&&e.offsetY===t.offsetY&&e.viewportX===t.viewportX&&e.viewportY===t.viewportY}function Le(e){return e===void 0?{}:{scope:e}}function O(e,t){let n=new Set;for(let r of e){if(n.has(r.id))throw new h(`Duplicate ${t} ${r.id}`);n.add(r.id)}}function Re(e){let t=ze(e).toLowerCase();return t.includes(`expired`)||t.includes(`token`)?{type:`access-lost`,code:`session-expired`,recovery:`reauthenticate`,clearSnapshot:!0}:t.includes(`permission`)||t.includes(`forbidden`)||t.includes(`unauthorized`)?{type:`access-lost`,code:`permission-denied`,recovery:`reauthenticate`,clearSnapshot:!0}:{type:`error`,code:`transport`,recovery:`retry`,clearSnapshot:!0}}function ze(e){return e instanceof Error?e.message:e&&typeof e==`object`&&`message`in e?String(e.message):``}function k(e,t){if(!e||typeof e!=`object`||Array.isArray(e))throw new h(`${t} is missing or invalid`);return e}function Be(e,t){if(typeof e!=`string`)throw new h(`${t} is invalid`);return e}function A(e,t){let n=Be(e,t);if(!n.trim())throw new h(`${t} is empty`);return n}function j(e,t){if(typeof e!=`number`||!Number.isFinite(e)||e<0||e>1)throw new h(`${t} is invalid`);return e}function M(e,t){if(!Number.isSafeInteger(e)||e<0||e>0xe677d21fdbff)throw new h(`${t} is invalid`);return e}function Ve(e,t){if(!Number.isSafeInteger(e)||e<0)throw new h(`${t} is invalid`);return e}function He(e,t){return e==null?void 0:M(e,t)}function Ue(e,t){return e==null?void 0:A(e,t)}Object.freeze({field:`createdAt`,direction:`desc`,tieBreaker:`id`,tieDirection:`desc`}),Object.freeze({comments:200,replies:1e3,sourceContexts:200});var We=class{db;session;roomCredential;#e=new Map;constructor(e,t,n){this.db=e,this.session=t,this.roomCredential=n}subscribe(e,t,n,r){let i=[],a=[],o=!1,s=[],c=()=>{o||n({pageId:e,peers:structuredClone(i),messages:structuredClone(a)})};if(t.cursors){let n=$e(e,t.roomId),a,l,u=this.roomCredential?.id===t.roomId?this.roomCredential:void 0,d=u??{id:t.roomId,expiresAt:2**53-1,refresh:async()=>void 0},f=t=>{let o=this.db.joinRoom(`visualReview`,t),s=o.subscribePresence({},e=>{if(e.error){r?.(F(e.error));return}i=Object.values(e.peers).map(e=>Ke(e)).filter(e=>e!==null).sort((e,t)=>e.displayName.localeCompare(t.displayName)||e.peerId.localeCompare(t.peerId)),c()}),l=a;a=()=>{s(),o.leaveRoom()},this.#e.set(n,{pageId:e,roomId:t,publishPresence:e=>o.publishPresence(e)}),l?.()},p=()=>{if(!u||o)return;let e=Math.max(1e3,d.expiresAt-Date.now()+250);l=setTimeout(()=>{m()},e)},m=async()=>{try{let e=await d.refresh();if(o||!e)return;d={...e,refresh:d.refresh},u&&(u.id=e.id,u.expiresAt=e.expiresAt),f(e.id),p()}catch(e){if(o)return;r?.(F(e)),o||(l=setTimeout(()=>{m()},5e3))}};f(d.id),p(),s.push(()=>{l&&clearTimeout(l),this.#e.delete(n),a?.()})}return t.chat&&s.push(this.db.subscribeQuery(Ge(e,this.session.authUserId),t=>{if(t.error){r?.(F(t.error));return}if(t.data)try{a=t.data.reviewMessages.map(t=>qe(t,e)).sort(et),c()}catch{r?.({type:`error`,code:`data-integrity`,recovery:`retry`,clearSnapshot:!0})}})),queueMicrotask(c),()=>{if(!o){o=!0;for(let e of s.reverse())try{e()}catch{}}}}publishPresence(e,t,n){let r=this.#e.get($e(e,t));r&&r.publishPresence({reviewerId:this.session.reviewerId,displayName:this.session.displayName,color:n.color,active:n.active,...n.cursorX===void 0?{}:{cursorX:n.cursorX},...n.cursorY===void 0?{}:{cursorY:n.cursorY},...n.viewportWidth===void 0?{}:{viewportWidth:n.viewportWidth},...n.viewportHeight===void 0?{}:{viewportHeight:n.viewportHeight}})}async sendMessage(e,t){if(t.pageId!==e)throw Error(`Review message page mismatch`);if(t.authorId!==this.session.reviewerId)throw Error(`Review message author mismatch`);let n=Je(t.body),r=Ye(t.pathname),i=P(t.createdAt,`Review message createdAt`),a=P(t.updatedAt,`Review message updatedAt`);if(i!==a)throw Error(`New review messages must be immutable`);await this.db.transact(this.db.tx.reviewMessages[t.id].update({pageId:e,pathname:r,authorId:this.session.reviewerId,authorAuthUserId:this.session.authUserId,authorName:this.session.displayName,body:n,bodyContentMarker:ae(n,`Review message body`),createdAt:i,updatedAt:a}).link({page:e,author:this.session.reviewerId}))}};function Ge(e,t){return{reviewMessages:{$:{where:{pageId:e},order:{createdAt:`asc`}}},$users:{$:{where:{id:t}},activeReviewInvitation:{project:{}}}}}function Ke(e){let t=Xe(e.reviewerId,128),n=Xe(e.displayName,512),r=typeof e.color==`string`&&/^#[0-9a-f]{6}$/iu.test(e.color)?e.color:null;if(!t||!n||!r||typeof e.active!=`boolean`)return null;let i=Ze(e.cursorX),a=Ze(e.cursorY),o=Qe(e.viewportWidth),s=Qe(e.viewportHeight);return{peerId:e.peerId,reviewerId:t,displayName:n,color:r,active:e.active,...i===void 0?{}:{cursorX:i},...a===void 0?{}:{cursorY:a},...o===void 0?{}:{viewportWidth:o},...s===void 0?{}:{viewportHeight:s}}}function qe(e,t){let n=N(e.id,`Review message id`,128);if(N(e.pageId,`Review message pageId`,128)!==t)throw Error(`Review message page mismatch`);return{id:n,pageId:t,pathname:Ye(e.pathname),authorId:N(e.authorId,`Review message authorId`,128),authorName:N(e.authorName,`Review message authorName`,512),body:Je(e.body),createdAt:P(e.createdAt,`Review message createdAt`),updatedAt:P(e.updatedAt,`Review message updatedAt`)}}function Je(e){return N(e,`Review message body`,4e3)}function Ye(e){let t=N(e,`Review message pathname`,2e3);if(!t.startsWith(`/`))throw Error(`Review message pathname is invalid`);return t}function N(e,t,n){if(typeof e!=`string`)throw Error(`${t} is invalid`);let r=e.trim();if(!r||r.length>n)throw Error(`${t} is invalid`);return r}function Xe(e,t){if(typeof e!=`string`)return null;let n=e.trim();return n&&n.length<=t?n:null}function Ze(e){return typeof e==`number`&&Number.isFinite(e)?e:void 0}function Qe(e){let t=Ze(e);return t!==void 0&&t>0?t:void 0}function P(e,t){if(!Number.isSafeInteger(e)||e<0)throw Error(`${t} is invalid`);return e}function $e(e,t){return JSON.stringify([e,t])}function et(e,t){return e.createdAt-t.createdAt||e.id.localeCompare(t.id)}function F(e){let t=e&&typeof e==`object`&&`code`in e?String(e.code):``;if(/^INVITATION_(?:EXPIRED|NOT_FOUND|REQUIRED|REVOKED)$/u.test(t))return{type:`access-lost`,code:t===`INVITATION_EXPIRED`?`session-expired`:`membership-revoked`,recovery:`reauthenticate`,clearSnapshot:!0};let n=String(e instanceof Error||e&&typeof e==`object`&&`message`in e?e.message:e).toLowerCase();return n.includes(`expired`)||n.includes(`token`)?{type:`access-lost`,code:`session-expired`,recovery:`reauthenticate`,clearSnapshot:!0}:n.includes(`permission`)||n.includes(`forbidden`)||n.includes(`unauthorized`)?{type:`access-lost`,code:`permission-denied`,recovery:`reauthenticate`,clearSnapshot:!0}:{type:`error`,code:`transport`,recovery:`retry`,clearSnapshot:!0}}Object.freeze({field:`createdAt`,direction:`desc`,tieBreaker:`id`,tieDirection:`desc`});const I={$default:`false`},L={$default:`false`},R=`$user.activeReviewInvitation.project.id`;function z(e){return[`auth.id != null`,`size(auth.ref('$user.activeReviewInvitation.id')) == 1`,`size(auth.ref('${R}')) == 1`,`size(auth.ref('$user.activeReviewInvitation.status')) == 1`,`size(auth.ref('$user.activeReviewInvitation.expiresAt')) == 1`,`size(auth.ref('$user.activeReviewInvitation.revokedAt')) == 0`,`size(auth.ref('$user.activeReviewInvitation.project.originDisconnectedAt')) == 0`,`auth.ref('$user.activeReviewInvitation.status')[0] == 'accepted'`,`request.time < timestamp(auth.ref('$user.activeReviewInvitation.expiresAt')[0])`,e].join(` && `)}function B(...e){return e.map(e=>`(${e})`).join(` && `)}function V(...e){return e.map(e=>`(${e})`).join(` || `)}function H(e,t){return`!has(${e}.${t}) || ${e}.${t} == null`}const tt=`actions.data == 'create' && actions.linkedData == 'update'`,nt=e=>`${e}.matches('[^ \\t\\n\\r\\f\\u000b\\u00a0\\u1680\\u2000-\\u200a\\u2028\\u2029\\u202f\\u205f\\u3000\\ufeff]')`,rt=e=>B(`${e} >= 0`,`${e} <= 253402300799999`,`${e} % 1 == 0`),it=e=>B(rt(e),`(request.time - timestamp(${e})).getSeconds() <= 86400`,`(request.time - timestamp(${e})).getSeconds() >= -300`);function U(e){let t=`data.ref('${e}project.allowedOrigin')`,n=`data.ref('${e}stagingOrigin')`;return V(`size(${t}) == 0`,B(`size(${n}) == 1`,`${n}[0] in ${t}`))}const at=z(`auth.ref('${R}')[0] in data.ref('project.id')`);V(`size(data.ref('project.allowedOrigin')) == 0`,B(`has(data.stagingOrigin) && data.stagingOrigin != null`,`data.stagingOrigin in data.ref('project.allowedOrigin')`)),B(`actions.data == 'update' && actions.linkedData == 'create'`,V(`auth.id != null && auth.id in data.ref('project.owners.id')`,at));const ot=z(`auth.ref('${R}')[0] in data.ref('page.project.id')`);U(`page.`),B(tt,V(`auth.id != null && auth.id in data.ref('page.project.owners.id')`,ot),`auth.id != null && auth.id == data.authorAuthUserId && auth.id in data.ref('author.$user.id')`,`data.pageId in data.ref('page.id')`,`data.authorId in data.ref('author.id') && data.authorAuthUserId in data.ref('author.$user.id') && data.authorName in data.ref('author.displayName')`,`data.pageId in data.ref('author.project.pages.id')`),B(tt,`data.pageId == linkedData.id`,`auth.id != null && auth.id == data.authorAuthUserId`,`data.authorId in auth.ref('$user.reviewerMemberships.id')`,`data.authorId in linkedData.ref('project.reviewers.id')`,V(`auth.id != null && auth.id in linkedData.ref('project.owners.id')`,z(`auth.ref('${R}')[0] in linkedData.ref('project.id')`))),V(`auth.id != null && auth.id in data.ref('comment.page.project.owners.id')`,B(z(`auth.ref('${R}')[0] in data.ref('comment.page.project.id')`),U(`comment.page.`))),z(`auth.ref('${R}')[0] in data.ref('comment.page.project.id')`),U(`comment.page.`),z(`auth.ref('${R}')[0] in data.ref('page.project.id')`),U(`page.`);const st=B(`data.reviewerId != null`,`data.projectId in data.ref('project.id')`,`data.reviewerId in data.ref('reviewer.id')`,`data.projectId in data.ref('reviewer.project.id')`,`auth.id in data.ref('reviewer.$user.id')`,`auth.email in data.ref('reviewer.email')`);B(`auth.id != null`,`data.revokedAt == null`,`data.status in ['pending', 'accepted']`,`data.status == 'pending' || data.claimedByAuthUserId == auth.id`,`request.time < timestamp(data.expiresAt)`,`request.modifiedFields.all(field, field in ['status', 'claimedByAuthUserId', 'acceptedAt', 'claimRevision', 'activeUser'])`,`'status' in request.modifiedFields`,`'claimedByAuthUserId' in request.modifiedFields`,`'acceptedAt' in request.modifiedFields`,`'claimRevision' in request.modifiedFields`,`'activeUser' in request.modifiedFields`,`newData.status == 'accepted'`,`newData.claimedByAuthUserId == auth.id`,`newData.claimRevision == data.claimRevision + 1`,`math.abs((request.time - timestamp(newData.acceptedAt)).getMinutes()) <= 1`,st),B(`actions.data == 'update'`,`actions.linkedData == 'update'`,`auth.id != null`,`auth.email != null`,`linkedData.id == auth.id`,`linkedData.email == auth.email`,`data.email == auth.email`,`data.revokedAt == null`,`data.status in ['pending', 'accepted']`,`data.status == 'pending' || data.claimedByAuthUserId == auth.id`,`request.time < timestamp(data.expiresAt)`,`newData.status == 'accepted'`,`newData.claimedByAuthUserId == auth.id`,`newData.claimRevision == data.claimRevision + 1`,`math.abs((request.time - timestamp(newData.acceptedAt)).getMinutes()) <= 1`,st),B(`actions.data == 'update'`,`actions.linkedData == 'update'`,`auth.id != null`,`auth.email != null`,`data.id == auth.id`,`data.email == auth.email`,`linkedData.email == auth.email`,`linkedData.revokedAt == null`,`linkedData.status == 'accepted'`,`linkedData.claimedByAuthUserId == auth.id`,`request.time < timestamp(linkedData.expiresAt)`,`math.abs((request.time - timestamp(linkedData.acceptedAt)).getMinutes()) <= 1`,`linkedData.projectId in linkedData.ref('project.id')`,`linkedData.reviewerId in linkedData.ref('reviewer.id')`,`linkedData.projectId in linkedData.ref('reviewer.project.id')`,`auth.id in linkedData.ref('reviewer.$user.id')`,`auth.email in linkedData.ref('reviewer.email')`),B(`auth.id != null`,`auth.email != null`,`linkedData.id == auth.id`,`linkedData.email == auth.email`,`data.email == auth.email`,`data.claimedByAuthUserId == auth.id`,`auth.id in data.ref('activeUser.id')`),B(`auth.id != null`,`auth.email != null`,`data.id == auth.id`,`data.email == auth.email`,`linkedData.email == auth.email`,`linkedData.claimedByAuthUserId == auth.id`,`auth.id in linkedData.ref('activeUser.id')`),{...I},{...L},{...L},z(`data.id == auth.ref('${R}')[0]`),{...I},B(`isOwner`,V(B(H(`data`,`allowedOrigin`),H(`newData`,`allowedOrigin`)),`newData.allowedOrigin == data.allowedOrigin`),V(B(H(`data`,`originDisconnectedAt`),H(`newData`,`originDisconnectedAt`)),`newData.originDisconnectedAt == data.originDisconnectedAt`)),{...L},{...I},B(`isOwner`,V(B(H(`data`,`autoRegistrationSlot`),H(`newData`,`autoRegistrationSlot`)),`newData.autoRegistrationSlot == data.autoRegistrationSlot`)),{...L},{...I},{...L},z(`auth.ref('${R}')[0] in data.ref('project.id')`),{...I},{...L},{...I},{...I},{...L},{...L},{...I},{...L},{...I},{...I},{...I},{...I},{...I},B(`data.createdAt == data.updatedAt`,it(`data.createdAt`),`size(data.body) > 0`,`size(data.body) <= 4000`,`size(data.bodyContentMarker) == 1`,nt(`data.bodyContentMarker`),`data.body.startsWith(data.bodyContentMarker)`,`size(data.authorName) > 0`,`size(data.authorName) <= 512`,nt(`data.authorName`),`size(data.pathname) > 0`,`size(data.pathname) <= 2000`,`request.modifiedFields.all(field, field in ['pageId', 'pathname', 'authorId', 'authorAuthUserId', 'authorName', 'body', 'bodyContentMarker', 'createdAt', 'updatedAt', 'page', 'author'])`),{...I},{...L};var W=class extends Error{code;constructor(e,t){super(t),this.code=e,this.name=`ReviewerCommentSaveError`}};function ct(e,t){let n=e.replace(/\/+$/,``),r=async(e,r)=>{let i=await t();if(!i)throw new W(`AUTH_REQUIRED`,`로그인 세션이 만료되었습니다. 새로고침 후 다시 시도해 주세요.`);let a;try{a=await fetch(`${n}${e}`,{method:`POST`,headers:{authorization:`Bearer ${i}`,"content-type":`application/json`},body:JSON.stringify(r)})}catch{throw new W(`NETWORK`,`리뷰 서버에 연결하지 못했습니다. 연결을 확인하고 다시 시도해 주세요.`)}if(!a.ok)throw new W(...await ut(a))};return{createComment:e=>r(`/v1/comments`,e),createReply:e=>r(`/v1/replies`,e),uploadScreenshot:async({pageId:e,commentId:r,screenshot:i})=>{let a=await t();if(!a)throw new W(`AUTH_REQUIRED`,`로그인 세션이 만료되어 위치 캡처를 저장하지 못했습니다.`);let o;try{o=await fetch(`${n}/v1/comments/${encodeURIComponent(r)}/screenshot`,{method:`PUT`,headers:{authorization:`Bearer ${a}`,"content-type":i.contentType,"x-review-page-id":e,"x-review-image-width":String(i.width),"x-review-image-height":String(i.height)},body:lt(i.bytes)})}catch{throw new W(`NETWORK`,`리뷰 서버에 연결하지 못해 위치 캡처를 저장하지 못했습니다.`)}if(!o.ok)throw new W(...await ut(o))}}}function lt(e){let t=new Uint8Array(e.byteLength);return t.set(e),t.buffer}async function ut(e){let t=e.status>=500?`리뷰 서버가 코멘트를 저장하지 못했습니다. 잠시 후 다시 시도해 주세요.`:`코멘트를 저장하지 못했습니다.`;try{let n=await e.json();if(!n||typeof n!=`object`)return[`UNKNOWN`,t];let r=n;return[typeof r.error==`string`?r.error:`UNKNOWN`,typeof r.message==`string`&&r.message.trim()?r.message:t]}catch{return[`UNKNOWN`,t]}}var G=class extends Error{code;constructor(e,t){super(t),this.code=e,this.name=`ReviewBootstrapError`}};const K=new Map;function dt(e,t={}){let n=e.trim();if(!n)throw Error(`InstantDB app ID is required`);return{async resolve(e){let r=(t.databaseFactory??Ee)(n),i=await mt(n,r,e.authHost,e.signal,e.styleNonce,t.reviewerToken);for(;;)try{await ft(t.acceptInvitation,{refreshToken:i.refresh_token,invitationId:e.invitationId,suggestedDisplayName:Dt(i.email),authHost:e.authHost,signal:e.signal,styleNonce:e.styleNonce});break}catch(a){if(!Ot(a,`INVITATION_EMAIL_MISMATCH`))throw a;await bt(e.authHost,e.signal,e.styleNonce),i=await ht(n,r,i,e.authHost,e.signal,e.styleNonce,t.reviewerToken)}let{data:a}=await r.queryOnce({reviewers:{$:{where:{authUserId:i.id}}},reviewPages:{$:{where:{stagingOrigin:e.location.origin}}},invitations:{}}),o=pt(a.invitations,a.reviewers,a.reviewPages,{invitationId:e.invitationId,authUserId:i.id,email:i.email??``,location:e.location,now:Date.now()});if(!o.ok)throw new G(o.code,Mt(o.code));let s={authUserId:i.id,reviewerId:o.reviewer.id,projectId:o.reviewer.projectId,invitationId:e.invitationId,email:o.reviewer.email||i.email||``,displayName:o.reviewer.displayName||i.email||`Reviewer`,role:o.reviewer.role===`agency`?`agency`:`reviewer`},c=o.page.id,l=e.collaboration?.scopeId,u=e.collaboration?.cursors===!0&&t.resolveCollaborationRoom?await t.resolveCollaborationRoom({refreshToken:i.refresh_token,invitationId:e.invitationId,pageId:o.page.id,scopeId:e.collaboration.scopeId,signal:e.signal}):void 0,d=u&&t.resolveCollaborationRoom?{...u,refresh:async()=>{let n=await r.getAuth();if(!(!n?.refresh_token||l===void 0))return t.resolveCollaborationRoom?.({refreshToken:n.refresh_token,invitationId:e.invitationId,pageId:c,scopeId:l,signal:new AbortController().signal})}}:void 0,f=0;return{pageId:o.page.id,resolvePage:async n=>{let i=++f,a=()=>i!==f||n.signal.aborted,o=(e,t,n)=>({pageId:e,...n&&d?{collaborationRoomId:n.id}:{},commit:()=>{a()||(c=e,t!==void 0&&(l=t),!(!n||!d)&&(d.id=n.id,d.expiresAt=n.expiresAt))}});if(n.location.origin!==e.location.origin)throw new G(`PAGE_NOT_FOUND`,Mt(`PAGE_NOT_FOUND`));let{data:u}=await r.queryOnce({reviewPages:{$:{where:{stagingOrigin:n.location.origin}}}});if(a())throw kt();let p=Z(n.location.pathname),m=u.reviewPages.find(e=>e.projectId===s.projectId&&e.stagingOrigin===n.location.origin&&Z(e.pathname)===p);if(!m)throw new G(`PAGE_NOT_FOUND`,Mt(`PAGE_NOT_FOUND`));if(n.collaboration?.cursors!==!0||d===void 0||t.resolveCollaborationRoom===void 0||!n.collaboration)return o(m.id,n.collaboration?.scopeId);let h=await r.getAuth();if(a())throw kt();if(!h?.refresh_token)throw Error(`리뷰 세션이 만료되어 실시간 협업 연결을 갱신할 수 없습니다.`);let g=await t.resolveCollaborationRoom({refreshToken:h.refresh_token,invitationId:e.invitationId,pageId:m.id,scopeId:n.collaboration.scopeId,signal:n.signal});if(a())throw kt();return o(m.id,n.collaboration.scopeId,g)},session:s,repository:new De(r,s,{...t.serviceUrl===void 0?{}:{commentTransport:ct(t.serviceUrl,async()=>(await r.getAuth())?.refresh_token??null)}}),...e.collaboration?.cursors===!0||e.collaboration?.chat===!0?{collaborationRepository:new We(r,s,d)}:{},...e.collaboration?.cursors===!0&&d?{collaborationRoomId:d.id}:{},allowedStagingHosts:[e.location.hostname]}}}}async function ft(e,t){if(!e)return;let n={refreshToken:t.refreshToken,invitationId:t.invitationId,signal:t.signal};try{await e(n);return}catch(e){if(!Ot(e,`DISPLAY_NAME_REQUIRED`))throw e}let r=await yt(t.authHost,t.signal,t.suggestedDisplayName,t.styleNonce);await e({...n,displayName:r})}function pt(e,t,n,r){let i=e.find(({id:e})=>e===r.invitationId);if(!i||jt(i.email)!==jt(r.email))return{ok:!1,code:`INVITATION_REQUIRED`};if(i.status===`revoked`)return{ok:!1,code:`INVITATION_REVOKED`};if(i.status===`expired`||i.expiresAt<=r.now)return{ok:!1,code:`INVITATION_EXPIRED`};if(i.status!==`accepted`)return{ok:!1,code:`INVITATION_NOT_ACCEPTED`};let a=t.find(e=>e.authUserId===r.authUserId&&e.projectId===i.projectId);if(!a)return{ok:!1,code:`MEMBERSHIP_REQUIRED`};let o=Z(r.location.pathname),s=n.find(e=>e.projectId===i.projectId&&e.stagingOrigin===r.location.origin&&Z(e.pathname)===o);return s?{ok:!0,invitation:i,reviewer:a,page:s}:{ok:!1,code:`PAGE_NOT_FOUND`}}async function mt(e,t,n,r,i,a){let o=await q(r,()=>t.getAuth());if(o)return o;let s=await gt(e,r);try{return await q(r,()=>t.getAuth())||(a?await q(r,async()=>{await t.auth.signInWithToken(a);let e=await t.getAuth();if(!e)throw Error(`Reviewer session did not establish`);return e}):await vt(t,n,r,i))}finally{s()}}async function ht(e,t,n,r,i,a,o){J(i);let s=await gt(e,i);try{let e=await q(i,()=>t.getAuth());return e&&e.id!==n.id?e:(e&&await q(i,async()=>{await t.auth.signOut()}),J(i),o?await q(i,async()=>{await t.auth.signInWithToken(o);let e=await t.getAuth();if(!e)throw Error(`Reviewer session did not establish`);return e}):await vt(t,r,i,a))}finally{s()}}async function gt(e,t){J(t);let n=K.get(e);return n||(n={held:!1,waiters:[]},K.set(e,n)),n.held?new Promise((e,r)=>{let i,a=()=>{let e=n.waiters.indexOf(i);e<0||(n.waiters.splice(e,1),t.removeEventListener(`abort`,a),r(X()))};i={signal:t,resolve:e,reject:r,abort:a},n.waiters.push(i),t.addEventListener(`abort`,a,{once:!0}),t.aborted&&a()}):(n.held=!0,_t(e,n))}function _t(e,t){let n=!1;return()=>{if(!n){for(n=!0;t.waiters.length>0;){let n=t.waiters.shift();if(n.signal.removeEventListener(`abort`,n.abort),n.signal.aborted){n.reject(X());continue}n.resolve(_t(e,t));return}t.held=!1,K.get(e)===t&&K.delete(e)}}}async function q(e,t){J(e);let n=await t();return J(e),n}function J(e){if(e.aborted)throw X()}function vt(e,t,n,r){try{J(n)}catch(e){return Promise.reject(e)}let i=St(t);i.replaceChildren(Ct(i,r),wt(i));let a=i.querySelector(`form`),o=i.querySelector(`h2`),s=i.querySelector(`.description`),c=a.elements.namedItem(`email`),l=a.elements.namedItem(`code`),u=i.querySelector(`.code`),d=i.querySelector(`button`),f=i.querySelector(`.error`),p=!1;return new Promise((t,r)=>{let m=!1,h=!1,g=!1,ee=()=>{n.removeEventListener(`abort`,v),i.removeEventListener(`keydown`,te),a.removeEventListener(`submit`,ne)},_=e=>{m||(m=!0,ee(),e())},v=()=>{m||(g=!0,ee(),h||_(()=>r(X())))},te=e=>{let t=e;t.key===`Escape`?(t.preventDefault(),v()):t.key===`Tab`&&At(i,t)},ne=async i=>{if(i.preventDefault(),!(m||h)){h=!0,f.textContent=``,d.disabled=!0,a.setAttribute(`aria-busy`,`true`);try{if(J(n),!p){let t=c.value.trim();await q(n,async()=>{await e.auth.sendMagicCode({email:t})}),p=!0,c.readOnly=!0,u.hidden=!1,l.required=!0,o.textContent=`인증 코드`,s.textContent=`${t}로 보낸 코드를 입력하세요.`,d.textContent=`확인`,l.focus();return}await q(n,async()=>{await e.auth.signInWithMagicCode({email:c.value.trim(),code:l.value.trim()})});let r=await q(n,()=>e.getAuth());if(!r)throw Error(`인증 세션을 확인할 수 없습니다.`);_(()=>t(r))}catch(e){if(m||n.aborted||Ot(e,`AUTH_CANCELLED`))return;f.textContent=xt(e)}finally{h=!1,!m&&(g||n.aborted)?_(()=>r(X())):m||(d.disabled=!1,a.removeAttribute(`aria-busy`))}}};n.addEventListener(`abort`,v,{once:!0}),i.addEventListener(`keydown`,te),a.addEventListener(`submit`,ne)})}function yt(e,t,n=``,r){if(t.aborted)return Promise.reject(X());let i=St(e);i.replaceChildren(Ct(i,r),Tt(i));let a=i.querySelector(`form`),o=a.elements.namedItem(`displayName`),s=i.querySelector(`button`),c=i.querySelector(`.error`);return o.value=n.trim().slice(0,120),o.focus(),o.select(),new Promise((e,n)=>{let r=!1,l=e=>{r||(r=!0,t.removeEventListener(`abort`,u),i.removeEventListener(`keydown`,p),a.removeEventListener(`submit`,f),e())},u=()=>l(()=>n(X())),d=()=>{let t=o.value.trim();if(!t){c.textContent=`이름을 입력해 주세요.`,o.focus();return}if(t.length>120){c.textContent=`이름은 120자 이하여야 합니다.`,o.focus();return}c.textContent=``,s.disabled=!0,a.setAttribute(`aria-busy`,`true`),l(()=>e(t))},f=e=>{e.preventDefault(),d()},p=e=>{let t=e;if(t.key===`Escape`){t.preventDefault(),u();return}if(t.key===`Tab`){At(i,t);return}t.key===`Enter`&&!t.isComposing&&t.target===o&&(t.preventDefault(),d())};t.addEventListener(`abort`,u,{once:!0}),i.addEventListener(`keydown`,p),a.addEventListener(`submit`,f)})}function bt(e,t,n){if(t.aborted)return Promise.reject(X());let r=St(e);r.replaceChildren(Ct(r,n),Et(r));let i=r.querySelector(`form`),a=r.querySelector(`button`);return a.focus(),new Promise((e,n)=>{let o=!1,s=e=>{o||(o=!0,t.removeEventListener(`abort`,c),r.removeEventListener(`keydown`,u),i.removeEventListener(`submit`,l),e())},c=()=>s(()=>n(X())),l=t=>{t.preventDefault(),a.disabled=!0,i.setAttribute(`aria-busy`,`true`),s(e)},u=e=>{let t=e;t.key===`Escape`?(t.preventDefault(),c()):t.key===`Tab`&&At(r,t)};t.addEventListener(`abort`,c,{once:!0}),r.addEventListener(`keydown`,u),i.addEventListener(`submit`,l)})}function xt(e){if(e&&typeof e==`object`&&`body`in e){let t=e.body;if(t?.message)return t.message}return e instanceof Error?e.message:`로그인에 실패했습니다. 다시 시도해 주세요.`}function St(e){return e.shadowRoot??e.attachShadow({mode:`open`})}function Ct(e,t){let n=e.ownerDocument.createElement(`style`);return t&&(n.nonce=t),n.textContent=Nt,n}function wt(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-login-title`),n.setAttribute(`aria-describedby`,`visual-review-login-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`Visual Review`);i.id=`visual-review-login-title`;let a=Y(t,`p`,`초대받은 이메일로 계속하세요.`,`description`);a.id=`visual-review-login-description`;let o=t.createElement(`label`);o.append(`이메일`);let s=t.createElement(`input`);s.name=`email`,s.type=`email`,s.autocomplete=`email`,s.required=!0,o.append(s);let c=t.createElement(`label`);c.className=`code`,c.hidden=!0,c.append(`인증 코드`);let l=t.createElement(`input`);l.name=`code`,l.inputMode=`numeric`,l.autocomplete=`one-time-code`,c.append(l);let u=Y(t,`p`,``,`error`);u.setAttribute(`role`,`alert`);let d=Y(t,`button`,`코드 받기`);return d.type=`submit`,n.append(r,i,a,o,c,u,d),n}function Tt(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-name-title`),n.setAttribute(`aria-describedby`,`visual-review-name-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`표시 이름`);i.id=`visual-review-name-title`;let a=Y(t,`p`,`피드백에 이 이름이 표시됩니다.`,`description`);a.id=`visual-review-name-description`;let o=Y(t,`label`,`이름`);o.htmlFor=`visual-review-display-name`;let s=t.createElement(`input`);s.id=`visual-review-display-name`,s.name=`displayName`,s.autocomplete=`name`,s.maxLength=120,s.required=!0;let c=Y(t,`p`,``,`error`);c.setAttribute(`role`,`alert`);let l=Y(t,`button`,`리뷰 시작`);return l.type=`submit`,n.append(r,i,a,o,s,c,l),n}function Et(e){let t=e.ownerDocument,n=t.createElement(`form`);n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.setAttribute(`aria-labelledby`,`visual-review-account-title`),n.setAttribute(`aria-describedby`,`visual-review-account-description`);let r=Y(t,`p`,`01.works`,`eyebrow`),i=Y(t,`h2`,`계정 확인`);i.id=`visual-review-account-title`;let a=Y(t,`p`,`이 초대는 현재 로그인한 계정과 일치하지 않습니다.`,`description`);a.id=`visual-review-account-description`;let o=Y(t,`button`,`다른 계정으로 계속`);return o.type=`submit`,n.append(r,i,a,o),n}function Y(e,t,n,r){let i=e.createElement(t);return i.textContent=n,r&&(i.className=r),i}function Dt(e){return e?.split(`@`)[0]?.trim().slice(0,120)??``}function Ot(e,t){return!!(e&&typeof e==`object`&&`code`in e&&e.code===t)}function kt(){return new DOMException(`Aborted`,`AbortError`)}function X(){return new G(`AUTH_CANCELLED`,`리뷰 로그인이 취소되었습니다.`)}function At(e,t){let n=Array.from(e.querySelectorAll(`input:not([disabled]),button:not([disabled])`)).filter(e=>!e.closest(`[hidden]`));if(n.length===0)return;let r=n[0],i=n.at(-1);t.shiftKey&&e.activeElement===r?(t.preventDefault(),i.focus()):!t.shiftKey&&e.activeElement===i&&(t.preventDefault(),r.focus())}function Z(e){return e.replace(/\/+$/,``)||`/`}function jt(e){return e.trim().toLowerCase()}function Mt(e){switch(e){case`INVITATION_REQUIRED`:return`현재 계정과 일치하는 리뷰 초대를 찾을 수 없습니다.`;case`INVITATION_NOT_ACCEPTED`:return`아직 수락되지 않은 리뷰 초대입니다.`;case`INVITATION_REVOKED`:return`취소된 리뷰 초대입니다. 계속 검토하려면 담당자에게 다시 요청하세요.`;case`INVITATION_EXPIRED`:return`만료된 리뷰 초대입니다. 담당자에게 새 링크를 요청하세요.`;case`MEMBERSHIP_REQUIRED`:return`이 프로젝트의 reviewer membership이 없습니다.`;case`PAGE_NOT_FOUND`:return`이 페이지는 아직 리뷰 대상이 아닙니다. 담당자에게 문의하세요.`}}const Nt=`
2
2
  :host{all:initial;--vr-panel:#fff;--vr-text:#161616;--vr-muted:#707070;--vr-label:#3f3f3f;--vr-control:#fff;--vr-border:#d9d9d9;--vr-action:#161616;--vr-action-text:#fff;position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;overflow:auto;padding:8px;box-sizing:border-box;background:rgba(15,15,15,.34);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--vr-text)}
3
3
  form{box-sizing:border-box;width:min(320px,calc(100vw - 16px));padding:20px;border:0;border-radius:14px;background:var(--vr-panel);box-shadow:0 18px 56px rgba(0,0,0,.18)}
4
4
  .eyebrow{margin:0 0 10px;color:var(--vr-muted);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import{t as e}from"./install-CHc9lD7l.js";export{e as installVisualReview};
1
+ import{t as e}from"./install-Dah4rYf1.js";export{e as installVisualReview};
@@ -0,0 +1 @@
1
+ const e=`https://visual-review.01.works`;function t(e){let t=new URL(e),n=t.hostname===`localhost`||t.hostname===`127.0.0.1`||t.hostname.endsWith(`.test`)||t.hostname.endsWith(`.local`);if(t.protocol!==`https:`&&!(n&&t.protocol===`http:`))throw Error(`Visual Review serviceUrl must use HTTPS outside local development`);if(t.username||t.password||t.search||t.hash)throw Error(`Visual Review serviceUrl must be a plain origin or base path`);return t.toString().replace(/\/+$/,``)}const n=()=>{let e=Promise.resolve(null);return{ready:e,refresh:()=>e,dispose(){}}},r=new Map,i=6e4,a=1e4;function o(e={}){if(e.enabled!==!0||typeof window>`u`||typeof document>`u`)return n();let r=!1,i=0,a=null,o=null,p=null,h=null,g=!1,_=null,S=null,E=document.baseURI,A=new WeakMap,M=new Map,N=W(window),P=Z(e.styleNonce,document),F=e.activationParam??`visual-review`,I=v(window.location,F),L=m(window,e=>{let t=v(e,F);if(t===I)return;let n=O(F,e.href);n&&M.set(e.origin,n),I=t,z(e)}),R=e=>{r||!h||e.target!==h||(I=v(window.location,F),U())};return window.addEventListener(`visual-review:reauthenticate-required`,R),{ready:U(),refresh(){return r?Promise.resolve(null):(I=v(window.location,F),z(y(window.location),!0))},dispose(){r||(r=!0,i+=1,V(),h?.remove(),h=null,S=null,_?.remove(),_=null,M.clear(),L.unsubscribe(),window.removeEventListener(`visual-review:reauthenticate-required`,R))}};function z(e,t=!1){return!h||!S||S.origin!==e.origin||O(F,e.href)?U():B(h,S,e,t)}function B(t,n,r,c){let l=++i;a!==o&&a?.abort();let u=new AbortController;a=u;let d=s(e.build,r),f=(async()=>{try{let i=await k(n.resolvePage({location:r,signal:u.signal,collaboration:{cursors:e.collaboration?.cursors===!0,chat:e.collaboration?.chat===!0,scopeId:d}}),u.signal);return Q(l,u)?(i.commit?.(),t.setPage({pageId:i.pageId,collaboration:{roomId:i.collaborationRoomId,scopeId:d}},{reload:c}),t.isConnected||document.body?.append(t),t):$(l)}catch{return Q(l,u)?U():$(l)}})();return p=f,f}function V(){a?.abort(),o?.abort(),a=null,o=null}function U(){let t=++i;V(),h?.remove(),h=null,S=null,_?.remove();let n=new AbortController,r=document.createElement(`div`);r.dataset.agencyReviewRoot=``,a=n,o=n,_=r;let s=K(t,n,r);return p=s,s.then(r=>{r&&Q(t,n)&&h===r&&e.onReady?.(r)}),s}async function K(t,n,i){try{let e=document.body??await j(document,n.signal);if(!Q(t,n))return $(t);e.append(i);let r=await q(t,n,i);return Q(t,n)?r:(i.remove(),$(t))}catch(a){if(!Q(t,n))return i.remove(),$(t);if(d(a,`AUTH_CANCELLED`))return i.remove(),_===i&&(_=null),null;let o=A.get(i)?.[3];X(a,i);let s=Y(a,A.get(i)?.[2]);return o!==`storage`||g||!f(a)?J(i,s.message,P,()=>{r||_!==i||(I=v(window.location,F),U())}):(i.remove(),_===i&&(_=null)),e.onError?.(s),window.dispatchEvent(new CustomEvent(`visual-review:error`,{detail:s})),null}}async function q(n,r,i){let a=t(e.serviceUrl??`https://visual-review.01.works`),o=y(window.location),d=D(a,F,o,N),f=b(M.get(o.origin)),p=x(C(a,o.origin)),m=d?.source===`url`?d:f??p??d;if(!m)return A.delete(i),i.remove(),_===i&&(_=null),null;let O=m.invitationId;A.set(i,[a,o.origin,O,m.source]),m.source===`url`?(G(a,o.origin,N),M.set(o.origin,O),w(a,o.origin,O),L.suppress(()=>ee(F))):m.source===`handoff`&&M.set(o.origin,O),I=v(window.location,F);let j=await k((e.runtime??await c(a)).resolve({invitationId:O,location:o,signal:r.signal,authHost:i,styleNonce:P,collaboration:{cursors:e.collaboration?.cursors===!0,chat:e.collaboration?.chat===!0,scopeId:s(e.build,o)}}),r.signal);if(!Q(n,r))return null;T(a,o.origin,O),H(a,O,o,N),M.set(o.origin,O);let R=e.sourceContextResolver??await u(e.build,E,r.signal,P);if(!Q(n,r))return null;let{mountReviewWidget:z}=await l(r.signal);return Q(n,r)?(h=z({...j,collaboration:{cursors:e.collaboration?.cursors===!0&&!!(j.collaborationRepository&&j.collaborationRoomId),chat:e.collaboration?.chat===!0&&!!j.collaborationRepository,repository:j.collaborationRepository,roomId:j.collaborationRoomId,scopeId:s(e.build,o)},developerTools:e.developerTools,onNavigateToFeedback:async t=>{let n=new URL(t,window.location.href);if(n.origin!==window.location.origin)throw Error(`Visual Review route navigation must stay on the staging origin`);if(e.navigateToFeedback){await e.navigateToFeedback(n.href);return}window.location.assign(n.href)},sourceContextResolver:R,styleNonce:P}),S=j.resolvePage?{origin:o.origin,resolvePage:e=>j.resolvePage(e)}:null,i.remove(),_===i&&(_=null),g=!0,window.dispatchEvent(new CustomEvent(`visual-review:ready`,{detail:h})),h):null}function X(e,t){if(!f(e))return;let n=A.get(t);if(!n)return;let[r,i,a]=n;T(r,i,a),M.get(i)===a&&M.delete(i),G(r,i,N,a)}function Q(e,t){return!r&&i===e&&a===t&&!t.signal.aborted}function $(e){return!r&&i!==e?p:null}}function s(e,t){return JSON.stringify([M(e).buildId,t.pathname,t.search])}async function c(e){let{createHostedReviewRuntime:t}=await import(`./hosted-runtime-BMVRJ9gG.js`);return t({serviceUrl:e})}async function l(e){return A(import(`./src-BBNz-7MX.js`),e,a,`리뷰 위젯을 불러오는 시간이 초과되었습니다. 다시 시도해 주세요.`)}async function u(e,t,n,r){let i=M(e),{createGeneratedSourceContextResolver:o}=await A(import(`./generated-source-context-C66OooTX.js`),n,a,`리뷰 소스 정보를 불러오는 시간이 초과되었습니다. 다시 시도해 주세요.`),s=o({build:i}),c=s.resolve.bind(s),l=null;return s.resolve=async(e,t)=>{let n=await c(e,t);if(n.source)return n;try{if(!l){let{createReactSourceContextResolver:e}=await import(`./source-context-C7pc-g90.js`).then(e=>e.t);l=e({build:i,styleNonce:r})}let a=await l.resolve(e,t);return a.source?a:n}catch{return n}},s}function d(e,t){return e instanceof Error&&`code`in e&&e.code===t}function f(e){let t=e instanceof Error&&`code`in e?e.code:void 0;return typeof t==`string`&&/^INVITATION_(?:EXPIRED|NOT_FOUND|REVOKED)$/.test(t)}const p=new WeakMap;function m(e,t){let n=p.get(e);if(!n){let t=e.history,r=t.pushState,i=t.replaceState,a=new Set;n={history:t,originalPushStateDescriptor:Object.getOwnPropertyDescriptor(t,`pushState`),originalReplaceStateDescriptor:Object.getOwnPropertyDescriptor(t,`replaceState`),patchedPushState:function(t,n,i){r.call(this,t,n,i),h(e)},patchedReplaceState:function(t,n,r){i.call(this,t,n,r),h(e)},popstateListener:()=>h(e),subscribers:a,suppressionDepth:0},p.set(e,n),g(t,`pushState`,n.patchedPushState),g(t,`replaceState`,n.patchedReplaceState),e.addEventListener(`popstate`,n.popstateListener)}n.subscribers.add(t);let r=!0;return{suppress(e){n.suppressionDepth+=1;try{return e()}finally{--n.suppressionDepth}},unsubscribe(){r&&(r=!1,n.subscribers.delete(t),!(n.subscribers.size>0)&&(e.removeEventListener(`popstate`,n.popstateListener),_(n.history,`pushState`,n.patchedPushState,n.originalPushStateDescriptor),_(n.history,`replaceState`,n.patchedReplaceState,n.originalReplaceStateDescriptor),p.delete(e)))}}}function h(e){let t=p.get(e);if(!t||t.suppressionDepth>0)return;let n=y(e.location);[...t.subscribers].forEach(e=>e(n))}function g(e,t,n){Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:!0,value:n})}function _(e,t,n,r){if(Object.getOwnPropertyDescriptor(e,t)?.value===n){if(r){Object.defineProperty(e,t,r);return}delete e[t]}}function v(e,t){return`${e.origin}\n${e.pathname}\n${O(t,e.href)??``}`}function y(e){return new URL(e.href)}function b(e){return e?{invitationId:e,source:`memory`}:null}function x(e){return e?{invitationId:e,source:`handoff`}:null}function S(e,t){return JSON.stringify([e,t])}function C(e,t,n=Date.now()){let i=S(e,t),a=r.get(i);if(a){if(a.expiresAt>n)return a.invitationId;clearTimeout(a.timeout),r.delete(i)}}function w(e,t,n,a=Date.now()){E(a);let o=S(e,t),s=r.get(o);for(s&&(clearTimeout(s.timeout),r.delete(o));r.size>=32;){let e=r.keys().next().value;if(!e)break;let t=r.get(e);t&&clearTimeout(t.timeout),r.delete(e)}let c=a+i,l=setTimeout(()=>{r.get(o)?.expiresAt===c&&r.delete(o)},i);r.set(o,{invitationId:n,expiresAt:c,timeout:l})}function T(e,t,n){let i=S(e,t),a=r.get(i);a?.invitationId===n&&(clearTimeout(a.timeout),r.delete(i))}function E(e){for(let[t,n]of r)n.expiresAt>e||(clearTimeout(n.timeout),r.delete(t))}function D(e,t,n,r){let i=O(t,n.href);if(i)return{invitationId:i,source:`url`};let a=U(r,K(e,n.origin));return a?{invitationId:a,source:`storage`}:q(n.hostname)?{invitationId:`local-preview`,source:`local-preview`}:null}function O(e,t){let n=new URL(t);return(n.searchParams.get(e)??n.searchParams.get(`agency-review`)??n.searchParams.get(`agency-review-invite`))?.trim()||null}function ee(e){let t=new URL(window.location.href),n=new Set([e,`visual-review`,`agency-review`,`agency-review-invite`]),r=!1;n.forEach(e=>{t.searchParams.has(e)&&(t.searchParams.delete(e),r=!0)}),r&&window.history.replaceState(window.history.state,``,`${t.pathname}${t.search}${t.hash}`)}function k(e,t){return new Promise((n,r)=>{let i=()=>r(new DOMException(`Aborted`,`AbortError`));if(t.aborted){i();return}t.addEventListener(`abort`,i,{once:!0}),e.then(e=>{t.removeEventListener(`abort`,i),n(e)},e=>{t.removeEventListener(`abort`,i),r(e)})})}function A(e,t,n,r){return new Promise((i,a)=>{let o=!1,s=e=>{o||(o=!0,clearTimeout(l),t.removeEventListener(`abort`,c),e())},c=()=>{s(()=>a(new DOMException(`Aborted`,`AbortError`)))},l=setTimeout(()=>{s(()=>a(Error(r)))},n);if(t.aborted){c();return}t.addEventListener(`abort`,c,{once:!0}),e.then(e=>s(()=>i(e)),e=>s(()=>a(e)))})}function j(e,t){return e.body?Promise.resolve(e.body):t.aborted?Promise.reject(new DOMException(`Aborted`,`AbortError`)):new Promise((n,r)=>{let i=!1,a=new MutationObserver(()=>c()),o=()=>{e.removeEventListener(`DOMContentLoaded`,c),t.removeEventListener(`abort`,l),a.disconnect()},s=e=>{i||(i=!0,o(),e())},c=()=>{let t=e.body;t&&s(()=>n(t))},l=()=>{s(()=>r(new DOMException(`Aborted`,`AbortError`)))};e.addEventListener(`DOMContentLoaded`,c),t.addEventListener(`abort`,l,{once:!0}),a.observe(e,{childList:!0,subtree:!0}),c()})}function M(e){let t=document.querySelector(`meta[name="visual-review-build"]`),n=document.querySelector(`meta[name="visual-review-commit"]`),r=V(F()),i=V(I());return{buildId:B(e?.buildId)??z(t)??r??`unversioned`,gitCommit:L(e,n,i),generatedAt:e?.generatedAt,mode:e?.mode??P(N())??(q(window.location.hostname)?`development`:`production`)}}function N(){try{return process.env.VISUAL_REVIEW_PUBLIC_BUILD_MODE}catch{return}}function P(e){return e===`development`||e===`preview`||e===`production`?e:void 0}function F(){try{return process.env.VISUAL_REVIEW_PUBLIC_BUILD_ID}catch{return}}function I(){try{return process.env.VISUAL_REVIEW_PUBLIC_GIT_COMMIT}catch{return}}function L(e,t,n){return e?.gitCommit===null?null:typeof e?.gitCommit==`string`?R(e.gitCommit):R(t?.content)??R(n)}function R(e){if(typeof e!=`string`)return null;let t=e.trim().toLowerCase();return/^(?:[0-9a-f]{40}|[0-9a-f]{64})$/.test(t)?t:null}function z(e){return V(e?.content)}function B(e){let t=typeof e==`string`?e.trim():``;return t.length>0?t:null}function V(e){return typeof e==`string`&&e.length>0?e:null}function H(e,t,n,r){try{r?.setItem(K(e,n.origin),t)}catch{}}function U(e,t){try{return e?.getItem(t)??null}catch{return null}}function W(e){try{return e.localStorage}catch{return null}}function G(e,t,n,r){try{if(!n)return;let i=K(e,t),a=n.getItem(i);if(a===null||r!==void 0&&a!==r)return;n.removeItem(i)}catch{}}function K(e,t){return`visual-review:${e}:${t}:invitation`}function q(e){return e===`localhost`||e===`127.0.0.1`||e.endsWith(`.test`)||e.endsWith(`.local`)}function J(e,t,n,r){let i=e.shadowRoot??e.attachShadow({mode:`open`}),a=i.ownerDocument,o=a.createElement(`style`);n&&(o.nonce=n),o.textContent=te;let s=a.createElement(`strong`);s.textContent=`Visual Review를 시작할 수 없습니다`;let c=a.createElement(`span`);c.textContent=t;let l=a.createElement(`button`);l.type=`button`,l.textContent=`다시 시도`,l.addEventListener(`click`,()=>{l.disabled=!0,r?.()},{once:!0}),i.replaceChildren(o,s,c,l)}function Y(e,t){let n=e instanceof Error?e.message:String(e),r=Error(X(n,t));if(e&&typeof e==`object`){let n=`code`in e?e.code:void 0,i=`status`in e?e.status:void 0;typeof n==`string`&&Object.defineProperty(r,"code",{configurable:!0,enumerable:!0,value:X(n,t)}),typeof i==`number`&&Number.isFinite(i)&&Object.defineProperty(r,"status",{configurable:!0,enumerable:!0,value:i})}return r}function X(e,t){if(!t)return e;let n=new Set([t,encodeURIComponent(t)]),r=e;for(let e of n)e&&(r=r.split(e).join(`[redacted]`));return r}function Z(e,t){if(e!==void 0)return $(e);let n=t.currentScript,r=n?Q(n):void 0;if(r)return r;try{for(let e of t.querySelectorAll(`script[nonce],style[nonce]`)){let t=Q(e);if(t)return t}}catch{}}function Q(e){let t=`nonce`in e?e.nonce:void 0;return typeof t==`string`?$(t):void 0}function $(e){return e.trim()||void 0}const te=`:host{all:initial;position:fixed;right:18px;bottom:18px;z-index:2147483646;max-width:360px;padding:16px 18px;border:1px solid #efc4bd;border-radius:14px;background:#fff8f6;box-shadow:0 12px 40px rgba(0,0,0,.14);color:#7a271a;font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}strong{display:block;margin-bottom:4px;color:#53150d}span{display:block}button{margin-top:12px;padding:7px 10px;border:1px solid #d9a79f;border-radius:8px;background:#fff;color:#7a271a;font:650 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}button:focus-visible{outline:2px solid #7a271a;outline-offset:2px}button:disabled{opacity:.55;cursor:wait}`;export{e as n,t as r,o as t};
package/dist/next.js CHANGED
@@ -1 +1 @@
1
- "use client";import{VisualReview as e}from"./react.js";export{e as VisualReview};
1
+ "use client";import{VisualReview as e}from"./react.js";import{useCallback as t}from"react";import{useRouter as n}from"next/navigation";import{jsx as r}from"react/jsx-runtime";function i({navigateToFeedback:i,...a}){let o=n(),s=t(e=>{if(i)return i(e);let t=new URL(e,window.location.href);o.push(`${t.pathname}${t.search}${t.hash}`)},[i,o]);return r(e,{...a,navigateToFeedback:s})}i.displayName=`VisualReview`;export{i as VisualReview};
package/dist/react.js CHANGED
@@ -1 +1 @@
1
- import{t as e}from"./install-CHc9lD7l.js";import{useEffect as t,useRef as n}from"react";function r({activationParam:r,build:i,collaboration:a,developerTools:o,enabled:s,navigateToFeedback:c,onError:l,onReady:u,runtime:d,serviceUrl:f,sourceContextResolver:p,styleNonce:m}){let h=n(l),g=n(u),_=i?.buildId,v=i?.gitCommit,y=i?.generatedAt,b=i?.mode,x=o?.reactGrab===!0,S=a?.cursors===!0,C=a?.chat===!0;return h.current=l,g.current=u,t(()=>{if(s!==!0)return;let t=e({activationParam:r,build:_===void 0&&v===void 0&&y===void 0&&b===void 0?void 0:{buildId:_,gitCommit:v,generatedAt:y,mode:b},collaboration:S||C?{cursors:S,chat:C}:void 0,developerTools:x?{reactGrab:!0}:void 0,enabled:s,navigateToFeedback:c,onError:e=>h.current?.(e),onReady:e=>g.current?.(e),runtime:d,serviceUrl:f,sourceContextResolver:p,styleNonce:m});return()=>t.dispose()},[r,_,b,C,S,x,s,y,v,c,d,f,p,m]),null}r.displayName=`VisualReview`;export{r as VisualReview};
1
+ import{t as e}from"./install-Dah4rYf1.js";import{useEffect as t,useRef as n}from"react";function r({activationParam:r,build:i,collaboration:a,developerTools:o,enabled:s,navigateToFeedback:c,onError:l,onReady:u,runtime:d,serviceUrl:f,sourceContextResolver:p,styleNonce:m}){let h=n(l),g=n(u),_=i?.buildId,v=i?.gitCommit,y=i?.generatedAt,b=i?.mode,x=o?.reactGrab===!0,S=a?.cursors===!0,C=a?.chat===!0;return h.current=l,g.current=u,t(()=>{if(s!==!0)return;let t=e({activationParam:r,build:_===void 0&&v===void 0&&y===void 0&&b===void 0?void 0:{buildId:_,gitCommit:v,generatedAt:y,mode:b},collaboration:S||C?{cursors:S,chat:C}:void 0,developerTools:x?{reactGrab:!0}:void 0,enabled:s,navigateToFeedback:c,onError:e=>h.current?.(e),onReady:e=>g.current?.(e),runtime:d,serviceUrl:f,sourceContextResolver:p,styleNonce:m});return()=>t.dispose()},[r,_,b,C,S,x,s,y,v,c,d,f,p,m]),null}r.displayName=`VisualReview`;export{r as VisualReview};
@@ -1,6 +1,6 @@
1
1
  import{a as e,c as t,d as n,f as r,i,l as a,m as o,n as s,o as c,p as l,r as u,s as d,u as f}from"./source-context-C7pc-g90.js";function p(e){return typeof CSS<`u`&&CSS.escape?CSS.escape(e):e.replace(/([^\w-])/g,`\\$1`)}function m(e){let t=v(e),n=h(e,t);if(t===document)return n;let r=[];for(;t!==document;){if(l(t)){let e=t.host,n=v(e);r.unshift({kind:`shadow`,selector:h(e,n)}),t=n;continue}let e=y(t);if(!e)return n;let i=v(e);r.unshift({kind:`frame`,selector:h(e,i)}),t=i}let i=c(r,n);return i.length<=4096?i:n}function h(e,t){let n=[],r=e,i=e.ownerDocument;for(;r&&r!==i.documentElement;){if(r===i.body){n.unshift(`body`);break}let e=_(r,t);if(e){n.unshift(e);break}let a=r.tagName.toLowerCase(),o=r.parentElement,s=o??g(r);if(s){let e=Array.from(s.children).filter(e=>e.tagName===r?.tagName);e.length>1&&(a+=`:nth-of-type(${e.indexOf(r)+1})`)}n.unshift(a),r=o}return n.join(` > `)}function g(e){let t=e.parentNode;return t&&`children`in t?t:null}function _(e,t){return[e.id?`#${p(e.id)}`:null,b(e,`data-review-id`),b(e,`data-testid`),b(e,`data-id`)].find(e=>{if(!e)return!1;try{return t.querySelectorAll(e).length===1}catch{return!1}})??null}function v(e){let t=e.getRootNode();return n(t)||l(t)?t:e.ownerDocument}function y(e){try{return e.defaultView?.frameElement??null}catch{return null}}function b(e,t){let n=e.getAttribute(t);return n?`[${t}="${p(n)}"]`:null}function x(e){if(!S(e))return!1;let n=C(e);for(;n;){if(!S(n))return!1;n=C(n)}let r=t(e);return r.width>0&&r.height>0&&e.getClientRects().length>0}function S(e){let t=e.ownerDocument.defaultView,n=t?.HTMLElement;if(n&&e instanceof n&&e.hidden)return!1;let r=t?.getComputedStyle(e);return!r||r.display===`none`||r.visibility===`hidden`||r.visibility===`collapse`?!1:r.opacity!==`0`&&r.contentVisibility!==`hidden`}function C(e){if(e.assignedSlot)return e.assignedSlot;if(e.parentElement)return e.parentElement;let t=e.getRootNode();if(l(t))return t.host;if(t.nodeType===9&&t!==document)try{return t.defaultView?.frameElement??null}catch{return null}return null}function ee(e){if(!e.selector)return[];if(f(e.selector))return o(e.selector).filter(e=>!r(e));try{let t=Array.from(document.querySelectorAll(e.selector)).filter(e=>!r(e));if(t.length>0)return t}catch{return[]}return o(e.selector).filter(e=>!r(e))}function te(e,n,r){let i=t(e),a=Math.max(i.width,1),o=Math.max(i.height,1);return{selector:m(e),offsetX:T((n-(i.left+window.scrollX))/a),offsetY:T((r-(i.top+window.scrollY))/o),viewportX:T((n-window.scrollX)/Math.max(window.innerWidth,1)),viewportY:T((r-window.scrollY)/Math.max(window.innerHeight,1))}}function ne(e,t){return{selector:``,offsetX:T(e),offsetY:T(t),viewportX:T(e),viewportY:T(t)}}function w(e){let n=ee(e),r=n.find(x)??n[0]??null;if(r){let n=t(r);return{x:n.left+window.scrollX+n.width*e.offsetX,y:n.top+window.scrollY+n.height*e.offsetY,anchored:!0,visible:x(r),element:r}}return{x:window.scrollX+window.innerWidth*e.viewportX,y:window.scrollY+window.innerHeight*e.viewportY,anchored:!1,visible:!0,element:null}}function T(e){return Math.min(1,Math.max(0,Number.isFinite(e)?e:0))}function re(t){e(t)}function E(e,t){let n=s();if(!n)return ae(e,t);try{let i=n.getElementAtPoint(e,t,{filter:e=>n.isElementGrabbable(e)&&!r(e)});return i?oe(i,e,t):null}catch{return ae(e,t)}}function D(e){if(e.ownerDocument!==document)return t(e);let n=s();if(!n)return e.getBoundingClientRect();try{let t=n.getElementBounds(e);return new DOMRect(t.x,t.y,t.width,t.height)}catch{return e.getBoundingClientRect()}}function ie(t){e(t);let n=s();if(!n)return()=>void 0;let r=!1;try{if(!n.isFreezeActive()){let e=u(t);try{n.freeze(),r=!0}finally{e()}}}catch{return()=>void 0}let i=!1;return()=>{if(!(i||!r)){i=!0;try{n.unfreeze()}catch{}}}}function ae(e,t){let n=(typeof document.elementsFromPoint==`function`?document.elementsFromPoint(e,t):typeof document.elementFromPoint==`function`?[document.elementFromPoint(e,t)].filter(e=>!!e):[]).find(e=>!r(e))??null;return n?oe(n,e,t):null}function oe(e,t,n){let i=e,a=t,o=n,s=new Set;for(;!s.has(i);){s.add(i);let e=se(i,a,o);if(e&&e!==i&&!r(e)){i=e;continue}let t=ce(i,a,o);if(!t)break;i=t.element,a=t.clientX,o=t.clientY}return i}function se(e,t,n){try{return e.shadowRoot?.elementFromPoint(t,n)??null}catch{return null}}function ce(e,t,n){if(e.tagName.toLowerCase()!==`iframe`)return null;try{let i=e,o=i.contentDocument;if(!o)return null;let s=e.getBoundingClientRect(),c=a(i),l=(t-s.left)/c.x-i.clientLeft,u=(n-s.top)/c.y-i.clientTop,d=o.elementFromPoint(l,u);return d&&!r(d)?{element:d,clientX:l,clientY:u}:null}catch{return null}}const O=Symbol(`source-resolution-stopped`);function le(e,t){let n=D(e),r=te(e,t.clientX+window.scrollX,t.clientY+window.scrollY),i=k(n);return xe(r,`element`,i,[Se(e,i)])}function ue(e){let t=E(e.clientX,e.clientY);return t?le(t,e):xe(ne(e.clientX/Math.max(window.innerWidth,1),e.clientY/Math.max(window.innerHeight,1)),`viewport`,{pageX:e.clientX+window.scrollX,pageY:e.clientY+window.scrollY,width:0,height:0,viewportX:e.clientX,viewportY:e.clientY,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight},[])}function de(e,n){let r=Math.min(e.clientX,n.clientX),i=Math.min(e.clientY,n.clientY),a=Math.abs(n.clientX-e.clientX),o=Math.abs(n.clientY-e.clientY),s=new DOMRect(r,i,a,o),c=he(fe(s),me(s)).slice(0,8),l={clientX:r+a/2,clientY:i+o/2},u=c[0];return xe(u?te(u,l.clientX+window.scrollX,l.clientY+window.scrollY):ne(l.clientX/Math.max(window.innerWidth,1),l.clientY/Math.max(window.innerHeight,1)),`region`,k(s),c.map(e=>Se(e,k(t(e)))))}function fe(e){let n=o(`*`).filter(n=>n===n.ownerDocument.body||n===n.ownerDocument.documentElement||r(n)||!x(n)?!1:we(e,t(n))),i=new Set(n),a=new Set;return n.forEach(e=>{let t=pe(e);for(;t;)i.has(t)&&a.add(t),t=pe(t)}),n.filter(e=>!a.has(e))}function pe(e){if(e.assignedSlot)return e.assignedSlot;if(e.parentElement)return e.parentElement;let t=e.getRootNode();if(l(t))return t.host;if(n(t)&&t!==document)try{return t.defaultView?.frameElement??null}catch{return null}return null}function me(e){return{clientX:e.left+e.width/2,clientY:e.top+e.height/2}}function he(e,n){let r=e.findIndex(e=>{let r=t(e);return n.clientX>=r.left&&n.clientX<=r.right&&n.clientY>=r.top&&n.clientY<=r.bottom});return r<=0?e:[e[r],...e.slice(0,r),...e.slice(r+1)]}async function ge(e,t,n={}){if(n.signal?.aborted)return ve(e,t);let r=_e(n),i=e.elements.map(async e=>{let n=Te(e.selector);if(!n)return{context:e,provenance:void 0};let i=await t.resolve(n,{signal:r.signal});return{context:{...e,source:i.source,componentStack:i.componentStack},provenance:i.provenance}});try{let n=await Promise.allSettled(i.map(e=>Promise.race([e,r.stopped]))),a=n.map((t,n)=>t.status===`fulfilled`&&t.value!==O?t.value.context:e.elements[n]),o=be(n.flatMap(e=>e.status===`fulfilled`&&e.value!==O&&e.value.provenance?[{located:e.value.context.source!==null,provenance:e.value.provenance}]:[]))??e.sourceProvenance??ye(t);return{...e,elements:a,...o?{sourceProvenance:o}:{}}}finally{r.dispose()}}function _e(e){let t=new AbortController,n=e.signal,r=()=>t.abort(n?.reason);n?.aborted?r():n?.addEventListener(`abort`,r,{once:!0});let i=e.deadlineMs??400,a=setTimeout(()=>t.abort(`source-resolution-deadline`),Number.isFinite(i)?Math.max(0,i):400),o=new Promise(e=>{if(t.signal.aborted){e(O);return}t.signal.addEventListener(`abort`,()=>e(O),{once:!0})});return{signal:t.signal,stopped:o,dispose(){clearTimeout(a),n?.removeEventListener(`abort`,r)}}}function ve(e,t){let n=e.sourceProvenance??ye(t);return{...e,...n?{sourceProvenance:n}:{}}}function ye(e){try{return e.unavailableProvenance?.()}catch{return}}function be(e){return(e.find(e=>e.located)??e[0])?.provenance}function xe(e,t,n,r){return{kind:t,anchor:e,region:n,elements:r,pageUrl:`${window.location.origin}${window.location.pathname}`,pageTitle:document.title,capturedAt:Date.now()}}function Se(e,t){return{selector:m(e),tagName:e.tagName.toLowerCase(),textPreview:Ce(e),rect:t,source:null,componentStack:[]}}function Ce(e){let t=(e instanceof HTMLElement?e.innerText:null)||e.textContent;return([e.getAttribute(`aria-label`),t,e.getAttribute(`alt`),e.getAttribute(`title`)].map(e=>(e??``).replace(/\s+/g,` `).trim()).find(Boolean)??``).slice(0,240)}function k(e){return{pageX:e.left+window.scrollX,pageY:e.top+window.scrollY,width:e.width,height:e.height,viewportX:e.left,viewportY:e.top,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}function we(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Te(e){return e?ee({selector:e,offsetX:0,offsetY:0,viewportX:0,viewportY:0})[0]??null:null}function Ee(e){let t,n=!1,r={pageId:e.pageId,peers:[],messages:[]},i,a,o=!1,s=!1,c=``,l=``,u=A(`rg-collaboration-cursors`);u.setAttribute(`aria-hidden`,`true`);let d=A(`rg-collaboration-participants`);d.setAttribute(`role`,`status`);let f=j(`rg-collaboration-chat-trigger`,`실시간 채팅 열기`);f.type=`button`,f.setAttribute(`aria-expanded`,`false`),f.setAttribute(`aria-keyshortcuts`,`/`),f.title=`실시간 채팅 열기 (/)`,f.append(Oe());let p=document.createElement(`section`);p.className=`rg-collaboration-chat`,p.hidden=!0,p.setAttribute(`role`,`dialog`),p.setAttribute(`aria-label`,`현재 페이지 실시간 채팅`);let m=()=>{ke(d,r.peers,e.session.displayName),e.cursors&&Ae(u,r.peers),e.chat&&h()},h=()=>{let t=e.root.activeElement?.classList.contains(`rg-collaboration-chat-input`)===!0;p.replaceChildren();let n=A(`rg-collaboration-chat-header`),i=document.createElement(`h2`);i.textContent=`현재 페이지 채팅`;let a=j(`rg-collaboration-chat-close`,`채팅 닫기`);a.type=`button`,a.textContent=`×`,a.addEventListener(`click`,()=>_(!1)),n.append(i,a);let u=A(`rg-collaboration-chat-messages`);if(u.setAttribute(`role`,`log`),u.setAttribute(`aria-live`,`polite`),r.messages.length===0){let e=A(`rg-collaboration-chat-empty`);e.textContent=`함께 보고 있는 사람에게 메시지를 남겨보세요.`,u.append(e)}else for(let t of r.messages){let n=document.createElement(`article`);n.className=`rg-collaboration-chat-message`,t.authorId===e.session.reviewerId&&(n.dataset.mine=`true`);let r=A(`rg-collaboration-chat-meta`),i=document.createElement(`strong`);i.textContent=t.authorName;let a=document.createElement(`time`);a.dateTime=new Date(t.createdAt).toISOString(),a.textContent=Me(t.createdAt);let o=A(`rg-collaboration-chat-pathname`);o.textContent=t.pathname,o.title=`메시지를 보낸 페이지: ${t.pathname}`,r.append(i,o,a);let s=document.createElement(`p`);s.textContent=t.body,n.append(r,s),u.append(n)}let d=document.createElement(`form`);d.className=`rg-collaboration-chat-form`;let f=document.createElement(`textarea`);f.className=`rg-collaboration-chat-input`,f.maxLength=4e3,f.rows=2,f.placeholder=`메시지 입력`,f.setAttribute(`aria-label`,`채팅 메시지`),f.value=l,f.disabled=s,f.addEventListener(`input`,()=>{l=f.value}),f.addEventListener(`keydown`,e=>{e.key!==`Enter`||e.shiftKey||e.isComposing||(e.preventDefault(),d.requestSubmit())});let m=j(`rg-collaboration-chat-send`,s?`전송 중`:`메시지 전송`);if(m.type=`submit`,m.disabled=s,m.textContent=s?`전송 중…`:`전송`,d.addEventListener(`submit`,e=>{e.preventDefault(),g(f.value)}),d.append(f,m),c){let e=A(`rg-collaboration-chat-error`);e.setAttribute(`role`,`alert`),e.textContent=c,d.prepend(e)}p.append(n,u,d),o&&queueMicrotask(()=>{u.scrollTop=u.scrollHeight,t&&(f.focus(),f.setSelectionRange(f.value.length,f.value.length))})},g=async t=>{let n=t.trim();if(!n||s)return;l=t,s=!0,c=``,h();let r=e.now?.()??Date.now(),i={id:e.id?.()??crypto.randomUUID(),pageId:e.pageId,pathname:e.pathname,authorId:e.session.reviewerId,authorName:e.session.displayName,body:n,createdAt:r,updatedAt:r};try{await e.repository.sendMessage(e.pageId,i),l=``}catch{c=`메시지를 전송하지 못했습니다. 다시 시도하세요.`}finally{s=!1,h()}},_=e=>{o=e,p.hidden=!e,f.setAttribute(`aria-expanded`,String(e)),f.setAttribute(`aria-label`,e?`실시간 채팅 닫기`:`실시간 채팅 열기`),e?(h(),queueMicrotask(()=>p.querySelector(`textarea`)?.focus())):f.focus()},v=t=>{!e.cursors||n||e.repository.publishPresence(e.pageId,e.roomId,t)},y=()=>({reviewerId:e.session.reviewerId,displayName:e.session.displayName,color:je(e.session.reviewerId),active:!1}),b=t=>{t.pointerType===`touch`||t.composedPath().includes(e.root.host)||(a=t,i===void 0&&(i=window.requestAnimationFrame(()=>{i=void 0;let t=a;a=void 0,t&&v({reviewerId:e.session.reviewerId,displayName:e.session.displayName,color:je(e.session.reviewerId),active:!0,cursorX:t.clientX,cursorY:t.clientY,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight})})))},x=()=>{document.visibilityState!==`visible`&&v(y())},S=()=>v(y()),C=t=>{t.key!==`/`||t.defaultPrevented||t.repeat||t.isComposing||t.metaKey||t.ctrlKey||t.altKey||o||Ne(t)||e.canOpenChat?.()===!1||(t.preventDefault(),_(!0))};return{start(){if(n)return;let i=e.root.querySelector(`.rg-toolbar-actions`);e.cursors&&i?.append(d),e.chat&&(i?.append(f),e.root.append(p),f.addEventListener(`click`,()=>_(!o)),p.addEventListener(`keydown`,e=>{e.key===`Escape`&&_(!1)}),document.addEventListener(`keydown`,C)),e.cursors&&(e.root.prepend(u),document.addEventListener(`pointermove`,b,{passive:!0}),document.addEventListener(`pointerleave`,S),document.addEventListener(`visibilitychange`,x)),t=e.repository.subscribe(e.pageId,{roomId:e.roomId,cursors:e.cursors,chat:e.chat},e=>{r=e,m()},e.onFailure),v(y()),m()},stop(){n||(n=!0,i!==void 0&&window.cancelAnimationFrame(i),document.removeEventListener(`pointermove`,b),document.removeEventListener(`pointerleave`,S),document.removeEventListener(`visibilitychange`,x),document.removeEventListener(`keydown`,C),t?.(),u.remove(),d.remove(),f.remove(),p.remove())}}}const De=`http://www.w3.org/2000/svg`;function Oe(){let e=document.createElementNS(De,`svg`);e.setAttribute(`viewBox`,`0 0 20 20`),e.setAttribute(`aria-hidden`,`true`);let t=document.createElementNS(De,`path`);return t.setAttribute(`d`,`M3 5.5h14v9H8l-4 3v-3H3z`),e.append(t),e}function ke(e,t,n){let r=[n,...t.map(({displayName:e})=>e)];e.hidden=r.length<2,e.textContent=r.length<2?``:`${r.length}명`,e.title=r.join(`, `)}function Ae(e,t){e.replaceChildren();for(let n of t){if(!n.active||n.cursorX===void 0||n.cursorY===void 0||!n.viewportWidth||!n.viewportHeight)continue;let t=A(`rg-collaboration-cursor`);t.style.setProperty(`--rg-peer-color`,n.color),t.style.left=`${n.cursorX/n.viewportWidth*window.innerWidth}px`,t.style.top=`${n.cursorY/n.viewportHeight*window.innerHeight}px`;let r=A(`rg-collaboration-cursor-pointer`),i=A(`rg-collaboration-cursor-label`);i.textContent=n.displayName,t.append(r,i),e.append(t)}}function je(e){let t=[`#7c3aed`,`#2563eb`,`#0891b2`,`#059669`,`#ca8a04`,`#ea580c`,`#dc2626`],n=0;for(let t of e)n=(n<<5)-n+t.charCodeAt(0)|0;return t[Math.abs(n)%t.length]}function Me(e){return new Intl.DateTimeFormat(`ko-KR`,{hour:`2-digit`,minute:`2-digit`}).format(e)}function Ne(e){let t=e.composedPath()[0];return t instanceof Element&&t.closest(`input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"]`)!==null}function A(e){let t=document.createElement(`div`);return t.className=e,t}function j(e,t){let n=document.createElement(`button`);return n.className=e,n.setAttribute(`aria-label`,t),n}function Pe(e={}){let t=document.createElement(`div`);t.className=`rg-toolbar`,t.setAttribute(`role`,`toolbar`),t.setAttribute(`aria-label`,`Visual Review`);let n=F(`rg-toolbar-actions-shell`),r=F(`rg-toolbar-actions`);e.developerGrab&&r.append(Fe());let i=F(`rg-action-wrap`),a=I(`rg-action rg-feedback-tool`,`피드백 위치 선택`);a.setAttribute(`aria-pressed`,`false`),a.append(Re());let o=document.createElement(`span`);o.className=`rg-tooltip`,o.setAttribute(`aria-hidden`,`true`),o.textContent=`피드백`,i.append(a,o),r.append(i),n.append(r);let s=I(`rg-collapse`,`Visual Review 접기`);if(s.setAttribute(`aria-expanded`,`true`),s.append(Be()),t.append(n,s),e.developerGrab){let e=F(`rg-developer-status`);e.dataset.visible=`false`,e.dataset.tone=`neutral`,e.setAttribute(`aria-hidden`,`true`),t.append(e)}return t}function Fe(){let e=F(`rg-action-wrap`),t=I(`rg-action rg-developer-grab-tool`,`React Grab 코드 선택`);t.setAttribute(`aria-keyshortcuts`,`Meta+C Control+C`),t.setAttribute(`aria-pressed`,`false`),t.append(ze());let n=document.createElement(`span`);return n.className=`rg-tooltip`,n.setAttribute(`aria-hidden`,`true`),n.textContent=`코드 선택 · ⌘/Ctrl+C 길게`,e.append(t,n),e}function Ie(e,t,n=t){let r=document.createElement(`div`);r.className=`rg-selection-label`,r.setAttribute(`role`,`dialog`),r.setAttribute(`aria-label`,`새 피드백 작성`),r.style.opacity=`0`,r.style.left=`-1000px`,r.style.top=`-1000px`;let i=N(`0 0 16 8`,[P(`M0 8 L7.293 0.707 A1 1 0 0 1 8.707 0.707 L16 8 Z`)]);i.classList.add(`rg-label-arrow`);let a=F(`rg-surface`),o=F(`rg-tag-row`),s=document.createElement(`span`);s.className=`rg-tag`,s.textContent=e,o.append(s);let c=F(`rg-bottom-section`),l=document.createElement(`textarea`);l.setAttribute(`aria-keyshortcuts`,`Meta+Enter Control+Enter Escape`),l.maxLength=4e3,l.rows=1,l.placeholder=t,l.setAttribute(`aria-label`,n);let u=I(`rg-submit`,`피드백 저장`);return u.title=`저장 (⌘/Ctrl+Enter)`,u.append(Ve()),c.append(l,u),a.append(o,c),r.append(i,a),r}function Le(){return N(`0 0 12 12`,[P(`M2.47 1.76a.5.5 0 0 0-.71.71L5.29 6 1.76 9.53a.5.5 0 0 0 .71.71L6 6.71l3.53 3.53a.5.5 0 0 0 .71-.71L6.71 6l3.53-3.53a.5.5 0 0 0-.71-.71L6 5.29 2.47 1.76Z`)])}function M(e,t){queueMicrotask(()=>{let n=e.getBoundingClientRect();if(n.width<=0||n.height<=0)return;let r=window.visualViewport,i=r?.offsetLeft??0,a=r?.offsetTop??0,o=r?.width??window.innerWidth,s=r?.height??window.innerHeight,c=t.anchorX??t.x+t.width/2,l=He(c,i+8+n.width/2,i+o-8-n.width/2),u=a+s-(t.y+t.height)>=n.height+12+8,d=u?t.y+t.height+12:Math.max(a+8,t.y-12-n.height);e.dataset.side=u?`below`:`above`,e.style.left=`${l}px`,e.style.top=`${d}px`,e.style.opacity=`1`;let f=He(c-(l-n.width/2),16,n.width-16);e.style.setProperty(`--rg-arrow-left`,`${f}px`)})}function Re(){return N(`0 0 12 12`,[P(`M1 6C1 3.239 3.239 1 6 1C8.761 1 11 3.239 11 6C11 8.761 8.761 11 6 11C5.103 11 4.261 10.764 3.532 10.35C2.959 10.759 2.257 11 1.5 11C1.376 11 1.253 10.993 1.132 10.981C0.923 10.959 0.75 10.809 0.699 10.605C0.648 10.402 0.729 10.188 0.903 10.07C1.347 9.768 1.688 9.328 1.865 8.812C1.319 8.011 1 7.042 1 6Z`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`})])}function ze(){return N(`0 0 12 12`,[P(`M4.25 2 1.5 6l2.75 4M7.75 2l2.75 4-2.75 4`,{fill:`none`,stroke:`currentColor`,"stroke-width":`1.25`,"stroke-linecap":`round`,"stroke-linejoin":`round`})])}function Be(){return N(`0 0 24 24`,[P(`M9.29289 16.7071C8.90237 16.3166 8.90237 15.6834 9.29289 15.2929L12.5858 12L9.29289 8.70711C8.90237 8.31658 8.90237 7.68342 9.29289 7.29289C9.68342 6.90237 10.3166 6.90237 10.7071 7.29289L14.7071 11.2929C14.8946 11.4804 15 11.7348 15 12C15 12.2652 14.8946 12.5196 14.7071 12.7071L10.7071 16.7071C10.3166 17.0976 9.68342 17.0976 9.29289 16.7071Z`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`})])}function Ve(){return N(`0 0 24 24`,[P(`M19.2929 12.7071C19.6834 13.0976 20.3166 13.0976 20.7071 12.7071C21.0976 12.3166 21.0976 11.6834 20.7071 11.2929L12.7071 3.29289C12.5196 3.10536 12.2652 3 12 3C11.7348 3 11.4804 3.10536 11.2929 3.29289L3.29289 11.2929C2.90237 11.6834 2.90237 12.3166 3.29289 12.7071C3.68342 13.0976 4.31658 13.0976 4.70711 12.7071L11 6.41421L11 20C11 20.5523 11.4477 21 12 21C12.5523 21 13 20.5523 13 20L13 6.41422L19.2929 12.7071Z`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`})])}function N(e,t){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);return n.setAttribute(`viewBox`,e),n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`),n.append(...t),n}function P(e,t={}){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`path`);n.setAttribute(`d`,e);for(let[e,r]of Object.entries(t))n.setAttribute(e,r);return n}function F(e){let t=document.createElement(`div`);return t.className=e,t}function I(e,t){let n=document.createElement(`button`);return n.type=`button`,n.className=e,n.setAttribute(`aria-label`,t),n}function He(e,t,n){return Math.min(n,Math.max(t,e))}async function Ue(e){let t=window.__REACT_GRAB__;if(Ge(t))return We(t);let n=await i(e);return{async copyElement(e){let t=Array.isArray(e)?e:[e],r=(await Promise.allSettled(t.map(e=>n.getElementContext(e)))).flatMap(e=>e.status===`fulfilled`&&e.value.snippet.trim().length>0?[e.value.snippet.trim()]:[]);return r.length!==0&&n.copyContent(r.join(`
2
2
 
3
- `))},dispose(){}}}function We(e){return{copyElement:t=>e.copyElement(t),dispose(){}}}function Ge(e){return typeof e==`object`&&!!e&&`copyElement`in e&&typeof e.copyElement==`function`}function Ke(e,t=`all`){let n=[...e.comments].sort(qe),r=new Map(n.map((e,t)=>[e.id,t+1])),i=new Map;for(let t of e.replies){if(!r.has(t.commentId))continue;let e=i.get(t.commentId);e?(e.replyCount+=1,e.lastReplyAt=Math.max(e.lastReplyAt,t.updatedAt)):i.set(t.commentId,{replyCount:1,lastReplyAt:t.updatedAt})}let a=n.map(e=>{let t=i.get(e.id);return{comment:e,pinNumber:r.get(e.id),replyCount:t?.replyCount??0,lastActivityAt:Math.max(e.updatedAt,t?.lastReplyAt??e.updatedAt)}}),o={all:a.length,open:a.filter(({comment:e})=>e.status===`open`).length,resolved:a.filter(({comment:e})=>e.status===`resolved`).length};return{rows:a.filter(({comment:e})=>t===`all`||e.status===t).sort(Je),counts:o,pinNumberByCommentId:r}}function qe(e,t){return e.createdAt-t.createdAt||e.id.localeCompare(t.id)}function Je(e,t){return t.lastActivityAt-e.lastActivityAt||t.comment.createdAt-e.comment.createdAt||e.comment.id.localeCompare(t.comment.id)}const Ye=`visual-review-feedback-navigator`,Xe=[`all`,`open`,`resolved`],Ze={all:`전체`,open:`진행 중`,resolved:`완료`};function Qe(e,t={}){let n=t.controlsId??Ye,r=z(`rg-action-wrap`),i=document.createElement(`button`);i.type=`button`,i.className=`rg-action rg-feedback-list-tool`,i.dataset.feedbackNavigatorAction=`toggle`,i.setAttribute(`aria-controls`,n),i.setAttribute(`aria-expanded`,String(t.expanded??!1)),t.presentation===`sheet`&&i.setAttribute(`aria-haspopup`,`dialog`),i.setAttribute(`aria-label`,`피드백 목록, 총 ${B(e)}개`),i.append(nt());let a=document.createElement(`span`);return a.className=`rg-tooltip`,a.setAttribute(`aria-hidden`,`true`),a.textContent=`목록`,r.append(i,a),r}function $e(e,t={}){let n=t.id??Ye,r=`${n}-title`,i=t.presentation??`tray`,a=document.createElement(`section`);a.id=n,a.className=`rg-feedback-navigator`,a.dataset.presentation=i,a.dataset.loadState=e.loadState??`ready`,a.dataset.filter=e.filter,a.setAttribute(`aria-labelledby`,r),a.setAttribute(`aria-busy`,String(e.loadState===`loading`)),i===`sheet`?(a.setAttribute(`role`,`dialog`),a.setAttribute(`aria-modal`,`true`)):a.setAttribute(`role`,`region`);let o=z(`rg-feedback-navigator-header`),s=z(`rg-feedback-navigator-heading`),c=document.createElement(`h2`);c.id=r,c.className=`rg-feedback-navigator-title`,c.textContent=t.title??`피드백`;let l=document.createElement(`span`);l.className=`rg-feedback-navigator-total`,l.setAttribute(`aria-hidden`,`true`),l.textContent=String(B(e.counts.all)),s.append(c,l);let u=document.createElement(`button`);u.type=`button`,u.className=`rg-feedback-navigator-close`,u.dataset.feedbackNavigatorAction=`close`,u.setAttribute(`aria-label`,`피드백 목록 닫기`),u.append(rt()),o.append(s,u);let d=z(`rg-feedback-navigator-content`);if(ot(d,e),e.loadState!==`loading`&&e.loadState!==`error`)if(e.rows.length===0)d.append(st(e.counts.all===0));else{let t=document.createElement(`ul`);t.className=`rg-feedback-list`,t.setAttribute(`aria-label`,`피드백 목록`);for(let n of e.rows)t.append(tt(n,e.activeCommentId));d.append(t)}if(a.append(o),e.counts.all>0&&e.loadState!==`loading`&&e.loadState!==`error`){let t=z(`rg-feedback-filters`);t.setAttribute(`role`,`group`),t.setAttribute(`aria-label`,`피드백 상태 필터`);for(let n of Xe)t.append(et(n,e.counts[n],e.filter===n));a.append(t)}return a.append(d),a}function et(e,t,n){let r=document.createElement(`button`);r.type=`button`,r.className=`rg-feedback-filter`,r.dataset.feedbackFilter=e,r.dataset.feedbackNavigatorAction=`filter`,r.setAttribute(`aria-pressed`,String(n)),r.setAttribute(`aria-label`,`${Ze[e]} 피드백 ${B(t)}개`);let i=document.createElement(`span`);i.className=`rg-feedback-filter-label`,i.textContent=Ze[e];let a=document.createElement(`span`);return a.className=`rg-feedback-filter-count`,a.setAttribute(`aria-hidden`,`true`),a.textContent=String(B(t)),r.append(i,a),r}function tt(e,t){let n=document.createElement(`li`);n.className=`rg-feedback-item`,n.dataset.commentId=e.id;let r=document.createElement(`button`);r.type=`button`,r.className=`rg-feedback-row`,r.dataset.commentId=e.id,r.dataset.feedbackNavigatorAction=`open-comment`,r.dataset.status=e.status,r.dataset.locationAvailable=String(e.locationAvailable!==!1),e.id===t&&r.setAttribute(`aria-current`,`true`),r.setAttribute(`aria-label`,ct(e));let i=document.createElement(`span`);i.className=`rg-feedback-row-pin`,i.setAttribute(`aria-hidden`,`true`),i.textContent=String(Math.max(1,Math.trunc(e.pinNumber)));let a=z(`rg-feedback-row-copy`),o=document.createElement(`span`);if(o.className=`rg-feedback-row-body`,o.textContent=e.body,e.pageLabel?.trim()||e.targetLabel?.trim()){let t=document.createElement(`span`);t.className=`rg-feedback-row-context`,e.currentPage&&(t.dataset.currentPage=`true`);let n=e.currentPage?`현재 페이지`:e.pageLabel?.trim();if(n&&t.append(document.createTextNode(n)),n&&e.targetLabel?.trim()&&t.append(document.createTextNode(` · `)),e.targetLabel?.trim()){let n=document.createElement(`span`);n.className=`rg-feedback-row-target`,n.textContent=e.targetLabel.trim(),t.append(n)}a.append(t)}let s=z(`rg-feedback-row-detail`),c=document.createElement(`span`);c.className=`rg-feedback-row-meta`,c.textContent=`${e.authorName} · ${e.timeLabel}`;let l=z(`rg-feedback-row-trailing`);if(e.locationAvailable===!1){let e=document.createElement(`span`);e.className=`rg-feedback-row-location-missing`,e.setAttribute(`aria-hidden`,`true`),e.title=`현재 화면에서 위치를 찾을 수 없음`,e.append(it()),l.append(e)}if(e.replyCount>0){let t=document.createElement(`span`);t.className=`rg-feedback-row-replies`,t.setAttribute(`aria-hidden`,`true`),t.textContent=`답글 ${B(e.replyCount)}`,l.append(t)}if(e.status===`resolved`){let e=document.createElement(`span`);e.className=`rg-feedback-row-status`,e.setAttribute(`aria-hidden`,`true`),e.title=`완료`,e.append(at());let t=document.createElement(`span`);t.className=`rg-visually-hidden`,t.textContent=`완료`,e.append(t),l.append(e)}return s.append(c,l),a.append(o,s),r.append(i,a),n.append(r),n}function nt(){return L(`0 0 14 14`,[R(`M4.75 3.25h6.5M4.75 7h6.5M4.75 10.75h6.5`),R(`M2.25 3.25h.01M2.25 7h.01M2.25 10.75h.01`,{"stroke-linecap":`round`,"stroke-width":`1.5`})])}function rt(){return L(`0 0 12 12`,[R(`M2.47 1.76a.5.5 0 0 0-.71.71L5.29 6 1.76 9.53a.5.5 0 0 0 .71.71L6 6.71l3.53 3.53a.5.5 0 0 0 .71-.71L6.71 6l3.53-3.53a.5.5 0 0 0-.71-.71L6 5.29 2.47 1.76Z`,{fill:`currentColor`,stroke:`none`})])}function it(){return L(`0 0 14 14`,[R(`M7 12.25s4-3.27 4-6.5a4 4 0 1 0-8 0c0 3.23 4 6.5 4 6.5Z`),R(`m4.75 3.5 4.5 4.5`)])}function at(){return L(`0 0 12 12`,[R(`m2.25 6.25 2.25 2.25 5.25-5.25`)])}function ot(e,t){let n=t.loadState??`ready`;if(n===`ready`)return;let r=z(`rg-feedback-navigator-state`);if(r.dataset.state=n,n===`error`){r.setAttribute(`role`,`alert`);let e=document.createElement(`span`);if(e.textContent=t.errorMessage?.trim()||`불러오지 못함`,r.append(e),t.errorRecovery!==`reauthenticate`){let e=document.createElement(`button`);e.type=`button`,e.className=`rg-feedback-navigator-retry`,e.dataset.feedbackNavigatorAction=`retry`,e.textContent=`재시도`,r.append(e)}}else r.setAttribute(`role`,`status`),r.setAttribute(`aria-live`,`polite`),r.textContent=n===`loading`?`불러오는 중`:`연결 확인 중`;e.append(r)}function st(e){let t=z(`rg-feedback-navigator-empty`);return t.setAttribute(`role`,`status`),t.textContent=e?`피드백 없음`:`해당 피드백 없음`,t}function ct(e){let t=[`${Math.max(1,Math.trunc(e.pinNumber))}번 피드백`,...e.currentPage?[`현재 페이지`]:e.pageLabel?.trim()?[`페이지 ${e.pageLabel.trim()}`]:[],...e.targetLabel?.trim()?[`대상 ${e.targetLabel.trim()}`]:[],e.body,e.authorName,`최근 활동 ${e.timeLabel}`];return e.replyCount>0&&t.push(`답글 ${B(e.replyCount)}개`),t.push(e.status===`resolved`?`완료`:`진행 중`),e.locationAvailable===!1&&t.push(`현재 화면에서 위치를 찾을 수 없음`),t.join(`, `)}function L(e,t){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);n.setAttribute(`viewBox`,e),n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`);for(let e of t)n.append(e);return n}function R(e,t={}){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`path`);n.setAttribute(`d`,e),n.setAttribute(`fill`,`none`),n.setAttribute(`stroke`,`currentColor`),n.setAttribute(`stroke-width`,`1.25`),n.setAttribute(`stroke-linecap`,`round`),n.setAttribute(`stroke-linejoin`,`round`);for(let[e,r]of Object.entries(t))n.setAttribute(e,r);return n}function z(e){let t=document.createElement(`div`);return t.className=e,t}function B(e){return Math.max(0,Math.trunc(Number.isFinite(e)?e:0))}async function lt(e){if(!document.body||typeof HTMLCanvasElement>`u`)return null;let t=ut(e);document.body.append(t);try{let{toCanvas:e}=await import(`./es-BeyOi4lh.js`),t=Math.min(1,1600/Math.max(1,window.innerWidth)),n=Math.max(1,Math.round(window.innerWidth*t)),r=Math.max(1,Math.round(window.innerHeight*t)),i=await e(document.body,{width:n,height:r,pixelRatio:1,cacheBust:!0,skipAutoScale:!0,backgroundColor:ft(),filter:e=>!dt(e),style:{margin:`0`,transform:`translate(${-window.scrollX*t}px, ${-window.scrollY*t}px) scale(${t})`,transformOrigin:`top left`}}),a=await pt(i,`image/webp`,.78)??await pt(i,`image/png`);return!a||a.size>15e5?null:{bytes:new Uint8Array(await a.arrayBuffer()),contentType:a.type===`image/png`?`image/png`:`image/webp`,width:i.width,height:i.height}}catch{return null}finally{t.remove()}}function ut(e){let t=e.region,n=document.createElement(`div`);return n.dataset.reviewCaptureMarker=`true`,Object.assign(n.style,{position:`absolute`,zIndex:`2147483646`,pointerEvents:`none`,boxSizing:`border-box`,left:`${Math.max(0,t.pageX)}px`,top:`${Math.max(0,t.pageY)}px`,width:`${Math.max(18,t.width)}px`,height:`${Math.max(18,t.height)}px`,border:`3px solid #ff4d67`,borderRadius:`6px`,background:`rgba(255, 77, 103, .12)`,boxShadow:`0 0 0 3px rgba(255,255,255,.92), 0 4px 18px rgba(0,0,0,.24)`}),n}function dt(e){return e instanceof HTMLElement?e.tagName===`AGENCY-REVIEW-WIDGET`||e.dataset.reviewCaptureExclude===`true`||e.id===`__next-build-watcher`||!!e.closest?.(`nextjs-portal`):!1}function ft(){let e=getComputedStyle(document.body).backgroundColor;if(e&&e!==`rgba(0, 0, 0, 0)`)return e;let t=getComputedStyle(document.documentElement).backgroundColor;return t&&t!==`rgba(0, 0, 0, 0)`?t:`#ffffff`}function pt(e,t,n){return new Promise(r=>e.toBlob(r,t,n))}const mt=`agency-review-widget`,ht=`visual-review:reauthenticate-required`,gt=1e4,V=`visual-review-feedback-navigator`,_t=`${V}-surface`,vt=new Set([`combobox`,`menuitem`,`menuitemcheckbox`,`menuitemradio`,`option`,`radio`,`searchbox`,`slider`,`spinbutton`,`textbox`]);var yt=class extends HTMLElement{#e=this.attachShadow({mode:`open`});#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=!1;#c=null;#l=null;#u=null;#d=null;#f=``;#p=``;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=!1;#x=`all`;#S=`loading`;#C=``;#w=`retry`;#T=!1;#E=0;#D=0;#O=!navigator.onLine;#k=null;#A=null;#j=null;#M=null;#N=null;#P=null;#F=null;#I=!1;#L=!1;#R=null;#z=null;#B=!1;#V=null;#H=null;#U=!1;#W=null;#G=new Set;#K=new Map;#q=new Map;#J=new Map;#Y=new Map;#X=new Map;#Z=new Map;configure(e){if(this.#t)throw Error(`Review widget is already configured`);if(!xt(window.location,e.allowedStagingHosts))throw Error(`Review widget refused to activate on non-staging host: ${window.location.host}`);if(!e.session.invitationId||e.session.projectId.length===0)throw Error(`An accepted review invitation session is required`);this.#t=e,this.isConnected&&this.#Q()}setPage(e,t){let n=this.#t;if(!n)throw Error(`Review widget is not configured`);let r=n.collaboration&&e.collaboration?{...n.collaboration,roomId:e.collaboration.roomId,scopeId:e.collaboration.scopeId}:n.collaboration;(t?.reload===!0||n.pageId!==e.pageId||r?.roomId!==n.collaboration?.roomId||r?.scopeId!==n.collaboration?.scopeId)&&(this.#t={...n,pageId:e.pageId,collaboration:r},this.#k&&(this.#se(),this.#i?.stop(),this.#i=null,this.#ue(),this.#de(),this.#$()))}connectedCallback(){this.dataset.agencyReviewRoot=``,this.dataset.reactGrabIgnore=``,this.dataset.rgTheme=en(),this.#t&&this.#Q()}disconnectedCallback(){this.#ce()}async#Q(){!this.#t||this.#k||(this.#k=new AbortController,this.#O=!navigator.onLine,this.#le(),this.#ue(),this.#de(),this.#lt(),document.addEventListener(`keydown`,this.#Qe,{capture:!0,signal:this.#k.signal}),document.addEventListener(`keyup`,this.#$e,{capture:!0,signal:this.#k.signal}),document.addEventListener(`pointerdown`,this.#nt,{capture:!0,signal:this.#k.signal}),document.addEventListener(`click`,this.#rt,{capture:!0,signal:this.#k.signal}),document.addEventListener(`focusin`,this.#Xe,{capture:!0,signal:this.#k.signal}),document.addEventListener(`scroll`,this.#ot,{capture:!0,passive:!0,signal:this.#k.signal}),window.addEventListener(`scroll`,this.#ot,{passive:!0,signal:this.#k.signal}),window.addEventListener(`resize`,this.#ot,{passive:!0,signal:this.#k.signal}),window.visualViewport?.addEventListener(`scroll`,this.#ot,{passive:!0,signal:this.#k.signal}),window.visualViewport?.addEventListener(`resize`,this.#ot,{passive:!0,signal:this.#k.signal}),window.addEventListener(`online`,this.#oe,{signal:this.#k.signal}),window.addEventListener(`offline`,this.#oe,{signal:this.#k.signal}),await this.#$())}async#$(){if(!this.#t||!this.#k)return;let e=null,t=null,n=this.#S===`error`,r=++this.#E,i=this.#k.signal,{pageId:a,repository:o,session:s}=this.#t,c=o,l=!!(c.getProjectSnapshot&&c.subscribeProject);this.#S=`loading`,this.#C=``,this.#pe(),this.#ye();try{let n,o=null;if(l?[n,o]=await Promise.all([c.getSnapshot(a),c.getProjectSnapshot(s.projectId)]):n=await c.getSnapshot(a),i.aborted||r!==this.#E)return;let u=this.#n,d=this.#r;this.#n=null,this.#r=null,Z(u,d);let f=!1,p=!1,m=n,h=o,g=e=>{i.aborted||r!==this.#E||!this.#k||(f=!0,this.#ie(e))};if(e=c.subscribe(a,e=>{if(!(i.aborted||r!==this.#E||!this.#k)){if(!p){m=e;return}this.#ne(e)}},g),t=o&&c.subscribeProject?c.subscribeProject(s.projectId,e=>{if(!(i.aborted||r!==this.#E||!this.#k)){if(!p){h=e;return}this.#re(e)}},g):null,f){Z(e,t);return}if(i.aborted||r!==this.#E||!this.#k){Z(e,t);return}this.#n=e,this.#r=t,e=null,t=null,p=!0,this.#ne(m),h&&this.#re(h)}catch(a){if(Z(e,t),i.aborted||r!==this.#E)return;let o=Jt(a)?a:{type:`error`,code:`unknown`,recovery:`retry`,clearSnapshot:!0};this.#ie(o,o.type===`access-lost`),n&&this.#b&&queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-navigator-retry`)?.focus({preventScroll:!0}))}}#ee=new Map;#te=new Map;#ne=e=>{for(let[t,n]of[...this.#ee])e.comments.some(({id:e})=>e===t)&&(this.#ee.delete(t),n(!0));for(let[t,{commentId:n,settle:r}]of[...this.#te])e.replies.some(e=>e.id===t&&e.commentId===n)&&(this.#te.delete(t),r());this.#S=`ready`,this.#w=`retry`,this.#T=!1,this.#a=e,this.#ae(e);let t=!1;if(this.#_&&!e.comments.some(({id:e})=>e===this.#_)){let e=this.#_;t=!0,this.#J.delete(e),this.#Y.delete(e),this.#X.delete(e),this.#Z.delete(e),this.#_=null,this.#v=null,this.#Le(`열려 있던 피드백이 삭제되었습니다.`)}this.#de();let n=this.#y;n&&e.comments.some(({id:e})=>e===n)&&(this.#y=null,queueMicrotask(()=>void this.#Pe(n,{origin:`navigator`,navigate:!1})));let r=t&&!this.#b?this.#ve():!1;t&&queueMicrotask(()=>{r||(this.#b?this.#Te():this.#Ee()?.focus())})};#re=e=>{e.projectId===this.#t?.session.projectId&&(this.#o=e,this.#Ct(),this.#ye(),this.#xe())};#ie(e,t=!0){let n=e.type===`access-lost`;this.#E+=1,this.#D+=1;let r=this.#n,i=this.#r;if(this.#n=null,this.#r=null,e.clearSnapshot&&(this.#a=null,this.#o=null),!n&&this.#d){let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);this.#g={target:this.#d,body:e?.value??this.#f},this.#d=null,this.#f=``}if(!n&&this.#h?.comment){let{target:e,body:t,comment:n}=this.#h;this.#m??={target:e,body:t,comment:n},this.#p||=`저장하지 못했습니다. 다시 시도하세요.`}if(n||this.#Y.forEach(({body:e,reply:t},n)=>{this.#J.set(n,e),this.#Z.has(n)||this.#Z.set(n,{body:e,reply:t}),this.#X.has(n)||this.#X.set(n,`답글을 저장하지 못했습니다. 다시 시도하세요.`)}),this.#h=null,this.#Y.clear(),n&&(this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#g=null,this.#_=null,this.#v=null,this.#J.clear(),this.#X.clear(),this.#Z.clear()),this.#s?this.#fe(!1):this.#bt(),this.#S=`error`,this.#w=e.recovery,this.#T=e.type===`access-lost`,this.#C=e.type===`access-lost`?`다시 인증하세요.`:`다시 시도하세요.`,t&&(this.#b=!0),Z(r,i),this.#pe(),this.#de(),this.#Le(this.#C),e.type===`access-lost`){try{this.#t?.onReauthenticationRequired?.(e)}catch{}this.dispatchEvent(new CustomEvent(ht,{bubbles:!0,composed:!0,detail:{code:e.code}}))}}#ae(e){let t=new Set(e.comments.map(({id:e})=>e)),n=this.#h,r=this.#m,i=!!(n?.comment&&t.has(n.comment.id)),a=!!(r&&t.has(r.comment.id)),o=[...i&&n?[n.target]:[],...a&&r?[r.target]:[]];if(o.length>0){let e=this.#d!==null&&o.includes(this.#d);this.#d&&o.includes(this.#d)&&(this.#d=null,this.#f=``),this.#g&&o.includes(this.#g.target)&&(this.#g=null),i&&(this.#h=null),a&&(this.#m=null),this.#p=``,this.#Le(`피드백을 저장했습니다.`),e&&queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}))}new Set([...this.#J.keys(),...this.#Y.keys(),...this.#X.keys(),...this.#Z.keys()]).forEach(n=>{if(!t.has(n)){this.#J.delete(n),this.#Y.delete(n),this.#X.delete(n),this.#Z.delete(n);return}let r=this.#Y.get(n),i=this.#Z.get(n),a=!!(r&&e.replies.some(e=>e.id===r.reply.id&&e.commentId===n)),o=!!(i&&e.replies.some(e=>e.id===i.reply.id&&e.commentId===n));!a&&!o||(a&&this.#Y.delete(n),o&&this.#Z.delete(n),this.#X.delete(n),this.#J.delete(n),this.#Le(`답글을 저장했습니다.`))})}#oe=()=>{this.#O=!navigator.onLine,this.#ye()};#se(){this.#E+=1,this.#D+=1;let e=this.#n,t=this.#r;this.#n=null,this.#r=null;for(let[e,t]of[...this.#ee])this.#ee.delete(e),t(!1);for(let[e,{settle:t}]of[...this.#te])this.#te.delete(e),t();this.#s?this.#fe(!1):this.#bt(),this.#a=null,this.#o=null,this.#S=`loading`,this.#C=``,this.#w=`retry`,this.#T=!1,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#h=null,this.#g=null,this.#_=null,this.#v=null,this.#J.clear(),this.#Y.clear(),this.#X.clear(),this.#Z.clear(),Z(e,t)}#ce(){this.#E+=1,this.#D+=1,this.#et(),this.#ze(),this.#at(),this.#Je(),this.#mt(),this.#s&&this.#fe(!1),this.#j?.(),this.#j=null,this.#A?.(),this.#A=null;let e=this.#n,t=this.#r;this.#n=null,this.#r=null,this.#i?.stop(),this.#i=null,this.#k?.abort(),this.#k=null,this.#a=null,this.#o=null,this.#S=`loading`,this.#C=``,this.#w=`retry`,this.#T=!1,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#h=null,this.#g=null,this.#_=null,this.#v=null,this.#b=!1,this.#x=`all`,this.#L=!1,this.#J.clear(),this.#Y.clear(),this.#X.clear(),this.#Z.clear(),this.#e.replaceChildren(),Z(e,t)}#le(){this.#e.replaceChildren();let e=e=>e.stopPropagation();[`change`,`click`,`contextmenu`,`dblclick`,`input`,`keydown`,`keyup`,`pointercancel`,`pointerdown`,`pointermove`,`pointerup`,`submit`].forEach(t=>{this.#e.addEventListener(t,e,{signal:this.#k?.signal})});let t=document.createElement(`style`);this.#t?.styleNonce&&(t.nonce=this.#t.styleNonce),t.textContent=`
3
+ `))},dispose(){}}}function We(e){return{copyElement:t=>e.copyElement(t),dispose(){}}}function Ge(e){return typeof e==`object`&&!!e&&`copyElement`in e&&typeof e.copyElement==`function`}function Ke(e,t=`all`){let n=[...e.comments].sort(qe),r=new Map(n.map((e,t)=>[e.id,t+1])),i=new Map;for(let t of e.replies){if(!r.has(t.commentId))continue;let e=i.get(t.commentId);e?(e.replyCount+=1,e.lastReplyAt=Math.max(e.lastReplyAt,t.updatedAt)):i.set(t.commentId,{replyCount:1,lastReplyAt:t.updatedAt})}let a=n.map(e=>{let t=i.get(e.id);return{comment:e,pinNumber:r.get(e.id),replyCount:t?.replyCount??0,lastActivityAt:Math.max(e.updatedAt,t?.lastReplyAt??e.updatedAt)}}),o={all:a.length,open:a.filter(({comment:e})=>e.status===`open`).length,resolved:a.filter(({comment:e})=>e.status===`resolved`).length};return{rows:a.filter(({comment:e})=>t===`all`||e.status===t).sort(Je),counts:o,pinNumberByCommentId:r}}function qe(e,t){return e.createdAt-t.createdAt||e.id.localeCompare(t.id)}function Je(e,t){return t.lastActivityAt-e.lastActivityAt||t.comment.createdAt-e.comment.createdAt||e.comment.id.localeCompare(t.comment.id)}const Ye=`visual-review-feedback-navigator`,Xe=[`all`,`open`,`resolved`],Ze={all:`전체`,open:`진행 중`,resolved:`완료`};function Qe(e,t={}){let n=t.controlsId??Ye,r=z(`rg-action-wrap`),i=document.createElement(`button`);i.type=`button`,i.className=`rg-action rg-feedback-list-tool`,i.dataset.feedbackNavigatorAction=`toggle`,i.setAttribute(`aria-controls`,n),i.setAttribute(`aria-expanded`,String(t.expanded??!1)),t.presentation===`sheet`&&i.setAttribute(`aria-haspopup`,`dialog`),i.setAttribute(`aria-label`,`피드백 목록, 총 ${B(e)}개`),i.append(nt());let a=document.createElement(`span`);return a.className=`rg-tooltip`,a.setAttribute(`aria-hidden`,`true`),a.textContent=`목록`,r.append(i,a),r}function $e(e,t={}){let n=t.id??Ye,r=`${n}-title`,i=t.presentation??`tray`,a=document.createElement(`section`);a.id=n,a.className=`rg-feedback-navigator`,a.dataset.presentation=i,a.dataset.loadState=e.loadState??`ready`,a.dataset.filter=e.filter,a.setAttribute(`aria-labelledby`,r),a.setAttribute(`aria-busy`,String(e.loadState===`loading`)),i===`sheet`?(a.setAttribute(`role`,`dialog`),a.setAttribute(`aria-modal`,`true`)):a.setAttribute(`role`,`region`);let o=z(`rg-feedback-navigator-header`),s=z(`rg-feedback-navigator-heading`),c=document.createElement(`h2`);c.id=r,c.className=`rg-feedback-navigator-title`,c.textContent=t.title??`피드백`;let l=document.createElement(`span`);l.className=`rg-feedback-navigator-total`,l.setAttribute(`aria-hidden`,`true`),l.textContent=String(B(e.counts.all)),s.append(c,l);let u=document.createElement(`button`);u.type=`button`,u.className=`rg-feedback-navigator-close`,u.dataset.feedbackNavigatorAction=`close`,u.setAttribute(`aria-label`,`피드백 목록 닫기`),u.append(rt()),o.append(s,u);let d=z(`rg-feedback-navigator-content`);if(ot(d,e),e.loadState!==`loading`&&e.loadState!==`error`)if(e.rows.length===0)d.append(st(e.counts.all===0));else{let t=document.createElement(`ul`);t.className=`rg-feedback-list`,t.setAttribute(`aria-label`,`피드백 목록`);for(let n of e.rows)t.append(tt(n,e.activeCommentId));d.append(t)}if(a.append(o),e.counts.all>0&&e.loadState!==`loading`&&e.loadState!==`error`){let t=z(`rg-feedback-filters`);t.setAttribute(`role`,`group`),t.setAttribute(`aria-label`,`피드백 상태 필터`);for(let n of Xe)t.append(et(n,e.counts[n],e.filter===n));a.append(t)}return a.append(d),a}function et(e,t,n){let r=document.createElement(`button`);r.type=`button`,r.className=`rg-feedback-filter`,r.dataset.feedbackFilter=e,r.dataset.feedbackNavigatorAction=`filter`,r.setAttribute(`aria-pressed`,String(n)),r.setAttribute(`aria-label`,`${Ze[e]} 피드백 ${B(t)}개`);let i=document.createElement(`span`);i.className=`rg-feedback-filter-label`,i.textContent=Ze[e];let a=document.createElement(`span`);return a.className=`rg-feedback-filter-count`,a.setAttribute(`aria-hidden`,`true`),a.textContent=String(B(t)),r.append(i,a),r}function tt(e,t){let n=document.createElement(`li`);n.className=`rg-feedback-item`,n.dataset.commentId=e.id;let r=document.createElement(`button`);r.type=`button`,r.className=`rg-feedback-row`,r.dataset.commentId=e.id,r.dataset.feedbackNavigatorAction=`open-comment`,r.dataset.status=e.status,r.dataset.locationAvailable=String(e.locationAvailable!==!1),e.id===t&&r.setAttribute(`aria-current`,`true`),r.setAttribute(`aria-label`,ct(e));let i=document.createElement(`span`);i.className=`rg-feedback-row-pin`,i.setAttribute(`aria-hidden`,`true`),i.textContent=String(Math.max(1,Math.trunc(e.pinNumber)));let a=z(`rg-feedback-row-copy`),o=document.createElement(`span`);if(o.className=`rg-feedback-row-body`,o.textContent=e.body,e.pageLabel?.trim()||e.targetLabel?.trim()){let t=document.createElement(`span`);t.className=`rg-feedback-row-context`,e.currentPage&&(t.dataset.currentPage=`true`);let n=e.pageLabel?.trim();if(n&&t.append(document.createTextNode(n)),n&&e.targetLabel?.trim()&&t.append(document.createTextNode(` · `)),e.targetLabel?.trim()){let n=document.createElement(`span`);n.className=`rg-feedback-row-target`,n.textContent=e.targetLabel.trim(),t.append(n)}a.append(t)}let s=z(`rg-feedback-row-detail`),c=document.createElement(`span`);c.className=`rg-feedback-row-meta`,c.textContent=`${e.authorName} · ${e.timeLabel}`;let l=z(`rg-feedback-row-trailing`);if(e.locationAvailable===!1){let e=document.createElement(`span`);e.className=`rg-feedback-row-location-missing`,e.setAttribute(`aria-hidden`,`true`),e.title=`현재 화면에서 위치를 찾을 수 없음`,e.append(it()),l.append(e)}if(e.replyCount>0){let t=document.createElement(`span`);t.className=`rg-feedback-row-replies`,t.setAttribute(`aria-hidden`,`true`),t.textContent=`답글 ${B(e.replyCount)}`,l.append(t)}if(e.status===`resolved`){let e=document.createElement(`span`);e.className=`rg-feedback-row-status`,e.setAttribute(`aria-hidden`,`true`),e.title=`완료`,e.append(at());let t=document.createElement(`span`);t.className=`rg-visually-hidden`,t.textContent=`완료`,e.append(t),l.append(e)}return s.append(c,l),a.append(o,s),r.append(i,a),n.append(r),n}function nt(){return L(`0 0 14 14`,[R(`M4.75 3.25h6.5M4.75 7h6.5M4.75 10.75h6.5`),R(`M2.25 3.25h.01M2.25 7h.01M2.25 10.75h.01`,{"stroke-linecap":`round`,"stroke-width":`1.5`})])}function rt(){return L(`0 0 12 12`,[R(`M2.47 1.76a.5.5 0 0 0-.71.71L5.29 6 1.76 9.53a.5.5 0 0 0 .71.71L6 6.71l3.53 3.53a.5.5 0 0 0 .71-.71L6.71 6l3.53-3.53a.5.5 0 0 0-.71-.71L6 5.29 2.47 1.76Z`,{fill:`currentColor`,stroke:`none`})])}function it(){return L(`0 0 14 14`,[R(`M7 12.25s4-3.27 4-6.5a4 4 0 1 0-8 0c0 3.23 4 6.5 4 6.5Z`),R(`m4.75 3.5 4.5 4.5`)])}function at(){return L(`0 0 12 12`,[R(`m2.25 6.25 2.25 2.25 5.25-5.25`)])}function ot(e,t){let n=t.loadState??`ready`;if(n===`ready`)return;let r=z(`rg-feedback-navigator-state`);if(r.dataset.state=n,n===`error`){r.setAttribute(`role`,`alert`);let e=document.createElement(`span`);if(e.textContent=t.errorMessage?.trim()||`불러오지 못함`,r.append(e),t.errorRecovery!==`reauthenticate`){let e=document.createElement(`button`);e.type=`button`,e.className=`rg-feedback-navigator-retry`,e.dataset.feedbackNavigatorAction=`retry`,e.textContent=`재시도`,r.append(e)}}else r.setAttribute(`role`,`status`),r.setAttribute(`aria-live`,`polite`),r.textContent=n===`loading`?`불러오는 중`:`연결 확인 중`;e.append(r)}function st(e){let t=z(`rg-feedback-navigator-empty`);return t.setAttribute(`role`,`status`),t.textContent=e?`피드백 없음`:`해당 피드백 없음`,t}function ct(e){let t=[`${Math.max(1,Math.trunc(e.pinNumber))}번 피드백`,...e.pageLabel?.trim()?[`페이지 ${e.pageLabel.trim()}`]:[],...e.targetLabel?.trim()?[`대상 ${e.targetLabel.trim()}`]:[],e.body,e.authorName,`최근 활동 ${e.timeLabel}`];return e.replyCount>0&&t.push(`답글 ${B(e.replyCount)}개`),t.push(e.status===`resolved`?`완료`:`진행 중`),e.locationAvailable===!1&&t.push(`현재 화면에서 위치를 찾을 수 없음`),t.join(`, `)}function L(e,t){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`svg`);n.setAttribute(`viewBox`,e),n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`focusable`,`false`);for(let e of t)n.append(e);return n}function R(e,t={}){let n=document.createElementNS(`http://www.w3.org/2000/svg`,`path`);n.setAttribute(`d`,e),n.setAttribute(`fill`,`none`),n.setAttribute(`stroke`,`currentColor`),n.setAttribute(`stroke-width`,`1.25`),n.setAttribute(`stroke-linecap`,`round`),n.setAttribute(`stroke-linejoin`,`round`);for(let[e,r]of Object.entries(t))n.setAttribute(e,r);return n}function z(e){let t=document.createElement(`div`);return t.className=e,t}function B(e){return Math.max(0,Math.trunc(Number.isFinite(e)?e:0))}async function lt(e){if(!document.body||typeof HTMLCanvasElement>`u`)return null;let t=ut(e);document.body.append(t);try{let{toCanvas:e}=await import(`./es-BeyOi4lh.js`),t=Math.min(1,1600/Math.max(1,window.innerWidth)),n=Math.max(1,Math.round(window.innerWidth*t)),r=Math.max(1,Math.round(window.innerHeight*t)),i=await e(document.body,{width:n,height:r,pixelRatio:1,cacheBust:!0,skipAutoScale:!0,backgroundColor:ft(),filter:e=>!dt(e),style:{margin:`0`,transform:`translate(${-window.scrollX*t}px, ${-window.scrollY*t}px) scale(${t})`,transformOrigin:`top left`}}),a=await pt(i,`image/webp`,.78)??await pt(i,`image/png`);return!a||a.size>15e5?null:{bytes:new Uint8Array(await a.arrayBuffer()),contentType:a.type===`image/png`?`image/png`:`image/webp`,width:i.width,height:i.height}}catch{return null}finally{t.remove()}}function ut(e){let t=e.region,n=document.createElement(`div`);return n.dataset.reviewCaptureMarker=`true`,Object.assign(n.style,{position:`absolute`,zIndex:`2147483646`,pointerEvents:`none`,boxSizing:`border-box`,left:`${Math.max(0,t.pageX)}px`,top:`${Math.max(0,t.pageY)}px`,width:`${Math.max(18,t.width)}px`,height:`${Math.max(18,t.height)}px`,border:`3px solid #ff4d67`,borderRadius:`6px`,background:`rgba(255, 77, 103, .12)`,boxShadow:`0 0 0 3px rgba(255,255,255,.92), 0 4px 18px rgba(0,0,0,.24)`}),n}function dt(e){return e instanceof HTMLElement?e.tagName===`AGENCY-REVIEW-WIDGET`||e.dataset.reviewCaptureExclude===`true`||e.id===`__next-build-watcher`||!!e.closest?.(`nextjs-portal`):!1}function ft(){let e=getComputedStyle(document.body).backgroundColor;if(e&&e!==`rgba(0, 0, 0, 0)`)return e;let t=getComputedStyle(document.documentElement).backgroundColor;return t&&t!==`rgba(0, 0, 0, 0)`?t:`#ffffff`}function pt(e,t,n){return new Promise(r=>e.toBlob(r,t,n))}const mt=`agency-review-widget`,ht=`visual-review:reauthenticate-required`,gt=1e4,V=`visual-review-feedback-navigator`,_t=`${V}-surface`,vt=new Set([`combobox`,`menuitem`,`menuitemcheckbox`,`menuitemradio`,`option`,`radio`,`searchbox`,`slider`,`spinbutton`,`textbox`]);var yt=class extends HTMLElement{#e=this.attachShadow({mode:`open`});#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=!1;#c=null;#l=null;#u=null;#d=null;#f=``;#p=``;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=!1;#x=`all`;#S=`loading`;#C=``;#w=`retry`;#T=!1;#E=0;#D=0;#O=!navigator.onLine;#k=null;#A=null;#j=null;#M=null;#N=null;#P=null;#F=null;#I=!1;#L=!1;#R=null;#z=null;#B=!1;#V=null;#H=null;#U=!1;#W=null;#G=new Set;#K=new Map;#q=new Map;#J=new Map;#Y=new Map;#X=new Map;#Z=new Map;configure(e){if(this.#t)throw Error(`Review widget is already configured`);if(!xt(window.location,e.allowedStagingHosts))throw Error(`Review widget refused to activate on non-staging host: ${window.location.host}`);if(!e.session.invitationId||e.session.projectId.length===0)throw Error(`An accepted review invitation session is required`);this.#t=e,this.isConnected&&this.#Q()}setPage(e,t){let n=this.#t;if(!n)throw Error(`Review widget is not configured`);let r=n.collaboration&&e.collaboration?{...n.collaboration,roomId:e.collaboration.roomId,scopeId:e.collaboration.scopeId}:n.collaboration;(t?.reload===!0||n.pageId!==e.pageId||r?.roomId!==n.collaboration?.roomId||r?.scopeId!==n.collaboration?.scopeId)&&(this.#t={...n,pageId:e.pageId,collaboration:r},this.#k&&(this.#se(),this.#i?.stop(),this.#i=null,this.#ue(),this.#de(),this.#$()))}connectedCallback(){this.dataset.agencyReviewRoot=``,this.dataset.reactGrabIgnore=``,this.dataset.rgTheme=en(),this.#t&&this.#Q()}disconnectedCallback(){this.#ce()}async#Q(){!this.#t||this.#k||(this.#k=new AbortController,this.#O=!navigator.onLine,this.#le(),this.#ue(),this.#de(),this.#lt(),document.addEventListener(`keydown`,this.#Qe,{capture:!0,signal:this.#k.signal}),document.addEventListener(`keyup`,this.#$e,{capture:!0,signal:this.#k.signal}),document.addEventListener(`pointerdown`,this.#nt,{capture:!0,signal:this.#k.signal}),document.addEventListener(`click`,this.#rt,{capture:!0,signal:this.#k.signal}),document.addEventListener(`focusin`,this.#Xe,{capture:!0,signal:this.#k.signal}),document.addEventListener(`scroll`,this.#ot,{capture:!0,passive:!0,signal:this.#k.signal}),window.addEventListener(`scroll`,this.#ot,{passive:!0,signal:this.#k.signal}),window.addEventListener(`resize`,this.#ot,{passive:!0,signal:this.#k.signal}),window.visualViewport?.addEventListener(`scroll`,this.#ot,{passive:!0,signal:this.#k.signal}),window.visualViewport?.addEventListener(`resize`,this.#ot,{passive:!0,signal:this.#k.signal}),window.addEventListener(`online`,this.#oe,{signal:this.#k.signal}),window.addEventListener(`offline`,this.#oe,{signal:this.#k.signal}),await this.#$())}async#$(){if(!this.#t||!this.#k)return;let e=null,t=null,n=this.#S===`error`,r=++this.#E,i=this.#k.signal,{pageId:a,repository:o,session:s}=this.#t,c=o,l=!!(c.getProjectSnapshot&&c.subscribeProject);this.#S=`loading`,this.#C=``,this.#pe(),this.#ye();try{let n,o=null;if(l?[n,o]=await Promise.all([c.getSnapshot(a),c.getProjectSnapshot(s.projectId)]):n=await c.getSnapshot(a),i.aborted||r!==this.#E)return;let u=this.#n,d=this.#r;this.#n=null,this.#r=null,Z(u,d);let f=!1,p=!1,m=n,h=o,g=e=>{i.aborted||r!==this.#E||!this.#k||(f=!0,this.#ie(e))};if(e=c.subscribe(a,e=>{if(!(i.aborted||r!==this.#E||!this.#k)){if(!p){m=e;return}this.#ne(e)}},g),t=o&&c.subscribeProject?c.subscribeProject(s.projectId,e=>{if(!(i.aborted||r!==this.#E||!this.#k)){if(!p){h=e;return}this.#re(e)}},g):null,f){Z(e,t);return}if(i.aborted||r!==this.#E||!this.#k){Z(e,t);return}this.#n=e,this.#r=t,e=null,t=null,p=!0,this.#ne(m),h&&this.#re(h)}catch(a){if(Z(e,t),i.aborted||r!==this.#E)return;let o=qt(a)?a:{type:`error`,code:`unknown`,recovery:`retry`,clearSnapshot:!0};this.#ie(o,o.type===`access-lost`),n&&this.#b&&queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-navigator-retry`)?.focus({preventScroll:!0}))}}#ee=new Map;#te=new Map;#ne=e=>{for(let[t,n]of[...this.#ee])e.comments.some(({id:e})=>e===t)&&(this.#ee.delete(t),n(!0));for(let[t,{commentId:n,settle:r}]of[...this.#te])e.replies.some(e=>e.id===t&&e.commentId===n)&&(this.#te.delete(t),r());this.#S=`ready`,this.#w=`retry`,this.#T=!1,this.#a=e,this.#ae(e);let t=!1;if(this.#_&&!e.comments.some(({id:e})=>e===this.#_)){let e=this.#_;t=!0,this.#J.delete(e),this.#Y.delete(e),this.#X.delete(e),this.#Z.delete(e),this.#_=null,this.#v=null,this.#Le(`열려 있던 피드백이 삭제되었습니다.`)}this.#de();let n=this.#y;n&&e.comments.some(({id:e})=>e===n)&&(this.#y=null,queueMicrotask(()=>void this.#Pe(n,{origin:`navigator`,navigate:!1})));let r=t&&!this.#b?this.#ve():!1;t&&queueMicrotask(()=>{r||(this.#b?this.#Te():this.#Ee()?.focus())})};#re=e=>{e.projectId===this.#t?.session.projectId&&(this.#o=e,this.#Ct(),this.#ye(),this.#xe())};#ie(e,t=!0){let n=e.type===`access-lost`;this.#E+=1,this.#D+=1;let r=this.#n,i=this.#r;if(this.#n=null,this.#r=null,e.clearSnapshot&&(this.#a=null,this.#o=null),!n&&this.#d){let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);this.#g={target:this.#d,body:e?.value??this.#f},this.#d=null,this.#f=``}if(!n&&this.#h?.comment){let{target:e,body:t,comment:n}=this.#h;this.#m??={target:e,body:t,comment:n},this.#p||=`저장하지 못했습니다. 다시 시도하세요.`}if(n||this.#Y.forEach(({body:e,reply:t},n)=>{this.#J.set(n,e),this.#Z.has(n)||this.#Z.set(n,{body:e,reply:t}),this.#X.has(n)||this.#X.set(n,`답글을 저장하지 못했습니다. 다시 시도하세요.`)}),this.#h=null,this.#Y.clear(),n&&(this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#g=null,this.#_=null,this.#v=null,this.#J.clear(),this.#X.clear(),this.#Z.clear()),this.#s?this.#fe(!1):this.#bt(),this.#S=`error`,this.#w=e.recovery,this.#T=e.type===`access-lost`,this.#C=e.type===`access-lost`?`다시 인증하세요.`:`다시 시도하세요.`,t&&(this.#b=!0),Z(r,i),this.#pe(),this.#de(),this.#Le(this.#C),e.type===`access-lost`){try{this.#t?.onReauthenticationRequired?.(e)}catch{}this.dispatchEvent(new CustomEvent(ht,{bubbles:!0,composed:!0,detail:{code:e.code}}))}}#ae(e){let t=new Set(e.comments.map(({id:e})=>e)),n=this.#h,r=this.#m,i=!!(n?.comment&&t.has(n.comment.id)),a=!!(r&&t.has(r.comment.id)),o=[...i&&n?[n.target]:[],...a&&r?[r.target]:[]];if(o.length>0){let e=this.#d!==null&&o.includes(this.#d);this.#d&&o.includes(this.#d)&&(this.#d=null,this.#f=``),this.#g&&o.includes(this.#g.target)&&(this.#g=null),i&&(this.#h=null),a&&(this.#m=null),this.#p=``,this.#Le(`피드백을 저장했습니다.`),e&&queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}))}new Set([...this.#J.keys(),...this.#Y.keys(),...this.#X.keys(),...this.#Z.keys()]).forEach(n=>{if(!t.has(n)){this.#J.delete(n),this.#Y.delete(n),this.#X.delete(n),this.#Z.delete(n);return}let r=this.#Y.get(n),i=this.#Z.get(n),a=!!(r&&e.replies.some(e=>e.id===r.reply.id&&e.commentId===n)),o=!!(i&&e.replies.some(e=>e.id===i.reply.id&&e.commentId===n));!a&&!o||(a&&this.#Y.delete(n),o&&this.#Z.delete(n),this.#X.delete(n),this.#J.delete(n),this.#Le(`답글을 저장했습니다.`))})}#oe=()=>{this.#O=!navigator.onLine,this.#ye()};#se(){this.#E+=1,this.#D+=1;let e=this.#n,t=this.#r;this.#n=null,this.#r=null;for(let[e,t]of[...this.#ee])this.#ee.delete(e),t(!1);for(let[e,{settle:t}]of[...this.#te])this.#te.delete(e),t();this.#s?this.#fe(!1):this.#bt(),this.#a=null,this.#o=null,this.#S=`loading`,this.#C=``,this.#w=`retry`,this.#T=!1,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#h=null,this.#g=null,this.#_=null,this.#v=null,this.#J.clear(),this.#Y.clear(),this.#X.clear(),this.#Z.clear(),Z(e,t)}#ce(){this.#E+=1,this.#D+=1,this.#et(),this.#ze(),this.#at(),this.#Je(),this.#mt(),this.#s&&this.#fe(!1),this.#j?.(),this.#j=null,this.#A?.(),this.#A=null;let e=this.#n,t=this.#r;this.#n=null,this.#r=null,this.#i?.stop(),this.#i=null,this.#k?.abort(),this.#k=null,this.#a=null,this.#o=null,this.#S=`loading`,this.#C=``,this.#w=`retry`,this.#T=!1,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#h=null,this.#g=null,this.#_=null,this.#v=null,this.#b=!1,this.#x=`all`,this.#L=!1,this.#J.clear(),this.#Y.clear(),this.#X.clear(),this.#Z.clear(),this.#e.replaceChildren(),Z(e,t)}#le(){this.#e.replaceChildren();let e=e=>e.stopPropagation();[`change`,`click`,`contextmenu`,`dblclick`,`input`,`keydown`,`keyup`,`pointercancel`,`pointerdown`,`pointermove`,`pointerup`,`submit`].forEach(t=>{this.#e.addEventListener(t,e,{signal:this.#k?.signal})});let t=document.createElement(`style`);this.#t?.styleNonce&&(t.nonce=this.#t.styleNonce),t.textContent=`
4
4
  :host {
5
5
  all: initial;
6
6
  --review-accent: #e5484d;
@@ -990,4 +990,4 @@ import{a as e,c as t,d as n,f as r,i,l as a,m as o,n as s,o as c,p as l,r as u,s
990
990
  @media (max-width: 640px) {
991
991
  .rg-collaboration-chat { left: 8px; right: 8px; bottom: 58px; width: auto; max-height: calc(100dvh - 76px); }
992
992
  }
993
- `;let n=H(`highlight`);n.dataset.slot=`highlight`;let r=H(`region`);r.dataset.slot=`region`;let i=H(`pins`);i.dataset.slot=`pins`;let a=H(`panels`);a.dataset.slot=`panels`;let o=H(`navigator-slot`);o.dataset.slot=`navigator`,o.id=V,o.addEventListener(`click`,this.#Me),o.addEventListener(`keydown`,this.#Ne);let s=H(`rg-visually-hidden`);s.dataset.slot=`announcer`,s.setAttribute(`aria-live`,`polite`),s.setAttribute(`aria-atomic`,`true`);let c=Pe({developerGrab:this.#t?.developerTools?.reactGrab===!0});c.querySelector(`.rg-toolbar-actions`)?.append(Qe(0,{controlsId:V,presentation:this.#Se()})),c.querySelector(`.rg-feedback-tool`)?.addEventListener(`click`,()=>{if(!this.#me()){this.#b||this.#ge(!0),this.#Le(this.#he());return}if(this.#b&&this.#ge(!1,{restoreFocus:!1,restoreComposer:!0}))return;if(this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}if(this.#s&&this.#c===`react-grab`&&this.#g){this.#fe(!1);return}let e=this.#s&&this.#c===`feedback`;this.#fe(!e,`feedback`)}),c.querySelector(`.rg-developer-grab-tool`)?.addEventListener(`click`,()=>{if(this.#L){this.#Le(`코드 컨텍스트를 복사하는 중입니다.`);return}if(this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#b&&this.#ge(!1,{restoreFocus:!1});let e=this.#s&&this.#c===`react-grab`;e||this.#_e(),this.#fe(!e,`react-grab`)}),c.querySelector(`.rg-feedback-list-tool`)?.addEventListener(`click`,()=>{this.#ge(!this.#b)}),c.querySelector(`.rg-collapse`)?.addEventListener(`click`,()=>{let e=c.dataset.collapsed===`true`;!e&&this.#s&&this.#fe(!1),!e&&this.#b&&this.#ge(!1,{restoreFocus:!1});let t=!e;c.dataset.collapsed=String(t);let n=c.querySelector(`.rg-toolbar-actions-shell`);n&&(n.inert=t,n.setAttribute(`aria-hidden`,String(t))),c.querySelector(`.rg-collapse`)?.setAttribute(`aria-expanded`,String(e)),c.querySelector(`.rg-collapse`)?.setAttribute(`aria-label`,e?`Visual Review 접기`:`Visual Review 펼치기`)}),this.#e.append(t,n,r,i,a,o,s,c)}#ue(){let e=this.#t?.collaboration,t=e?.repository;if(!this.#t||!t||!e.cursors&&!e.chat)return;let n=e.roomId??e.scopeId;this.#i=Ee({root:this.#e,pageId:this.#t.pageId,pathname:X(window.location.pathname),roomId:n,session:this.#t.session,repository:t,cursors:e.cursors,chat:e.chat,now:this.#t.now,id:this.#t.id,canOpenChat:()=>!this.#s&&!this.#b&&!this.#d&&!this.#_,onFailure:e=>{e.type===`access-lost`?(this.#i?.stop(),this.#i=null,this.#ie(e)):this.#Le(`실시간 협업 연결이 불안정합니다. 다시 연결하는 중입니다.`)}}),this.#i.start()}#de(){this.#Ct(),this.#Tt(),this.#ye(),this.#xe(),this.#pe(),this.#pt(),this.#ht()}#fe(e,t=`feedback`){let n=this.#c;if(e&&(this.#D+=1),e&&t===`feedback`&&!this.#me()){this.#b||this.#ge(!0),this.#Le(this.#he());return}if(e&&t===`feedback`&&this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}if(e&&t===`feedback`&&this.#g){this.#_?this.#gt(!1):this.#ve(),this.#Le(`작성 중인 피드백을 복원했습니다.`);return}if(e&&this.#s){this.#c=t,this.#l=null,this.#u=null,this.#bt(),this.#pe();return}this.#s=e,this.#c=e?t:null,this.#pe(),e?(this.#_=null,this.#v=null,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#bt(),document.addEventListener(`pointermove`,this.#Be,!0),document.addEventListener(`pointerdown`,this.#Ve,!0),document.addEventListener(`pointerup`,this.#He,!0),document.addEventListener(`pointercancel`,this.#Ue,!0),document.addEventListener(`keydown`,this.#We,!0),this.#M={value:document.body.style.getPropertyValue(`cursor`),priority:document.body.style.getPropertyPriority(`cursor`)},document.body.style.setProperty(`cursor`,`crosshair`),this.#A=ie(this.#t?.styleNonce),queueMicrotask(()=>this.#Ze())):(document.removeEventListener(`pointermove`,this.#Be,!0),document.removeEventListener(`pointerdown`,this.#Ve,!0),document.removeEventListener(`pointerup`,this.#He,!0),document.removeEventListener(`pointercancel`,this.#Ue,!0),document.removeEventListener(`keydown`,this.#We,!0),this.#M&&=($(document.body,`cursor`,this.#M),null),this.#A?.(),this.#A=null,this.#l=null,this.#u=null,this.#bt()),this.#Tt(),!e&&n===`react-grab`&&this.#ve()}#pe(){let e=this.#e.querySelector(`.rg-toolbar`),t=this.#e.querySelector(`.rg-feedback-tool`),n=this.#e.querySelector(`.rg-developer-grab-tool`),r=this.#s&&this.#c===`feedback`,i=this.#s&&this.#c===`react-grab`;e&&(e.dataset.selecting=String(this.#s)),t&&(t.setAttribute(`aria-pressed`,String(r)),t.setAttribute(`aria-label`,r?`선택 취소`:`피드백 위치 선택`),t.setAttribute(`aria-disabled`,String(!this.#me()))),n&&(n.setAttribute(`aria-pressed`,String(i)),n.setAttribute(`aria-label`,i?`코드 선택 취소`:`React Grab 코드 선택`),n.setAttribute(`aria-disabled`,String(this.#L)))}#me(){return!this.#T&&this.#S===`ready`&&this.#a!==null}#he(){return this.#T?`다시 인증하세요.`:this.#S===`loading`?`불러오는 중입니다.`:`다시 시도하세요.`}#ge(e,t={}){let n=t.restoreFocus??!0,r=t.restoreComposer??!0;if(e===this.#b)return!1;if(e)return this.#D+=1,this.#s&&this.#fe(!1),this.#_e(),this.#b=!0,this.#Tt(),this.#ye(),this.#xe(),queueMicrotask(()=>this.#Te()),!1;(t.cancelNavigation??!0)&&(this.#D+=1),this.#b=!1,this.#j?.(),this.#j=null,this.#ye(),this.#xe();let i=r&&this.#ve();return n&&!i&&queueMicrotask(()=>this.#Ee()?.focus()),i}#_e(){if(!this.#d)return!1;let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);return this.#g={target:this.#d,body:e?.value??this.#f},this.#d=null,this.#f=``,!0}#ve(){if(!this.#g||this.#b||this.#_)return!1;let e=this.#g;return this.#g=null,this.#d=e.target,this.#f=e.body,this.#Tt(),queueMicrotask(()=>{let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);e?.focus(),e?.setSelectionRange(e.value.length,e.value.length)}),!0}#ye(){let e=this.#e.querySelector(`[data-slot="navigator"]`);if(!e)return;let t=e.querySelector(`.rg-feedback-navigator`),n=t?.querySelector(`.rg-feedback-navigator-content`),r=t?.dataset.presentation,i=t?`refresh`:`enter`,a=n?.scrollTop??0,o=this.#e.activeElement instanceof HTMLElement?this.#e.activeElement:null,s=o?.closest(`.rg-feedback-row[data-comment-id]`)?.dataset.commentId,c=o?.closest(`[data-feedback-filter]`)?.dataset.feedbackFilter,l=!!o?.closest(`.rg-feedback-navigator-close`),u=!!o?.closest(`.rg-feedback-navigator-retry`);if(e.replaceChildren(),!this.#b)return;let d=this.#Se(),f=H(`rg-feedback-navigator-scrim`);f.dataset.motion=i,f.dataset.feedbackNavigatorAction=`close`,f.setAttribute(`aria-hidden`,`true`);let p=$e(this.#be(),{id:_t,presentation:d});p.dataset.motion=i,e.append(f,p),this.#we(d),queueMicrotask(()=>this.#Ce()),queueMicrotask(()=>{if(!this.#b)return;let t=e.querySelector(`.rg-feedback-navigator-content`);if(t&&(t.scrollTop=a),s){let e=this.#De(s);e?e.focus({preventScroll:!0}):this.#Te()}else if(c&&Yt(c))e.querySelector(`[data-feedback-filter="${c}"]`)?.focus({preventScroll:!0});else if(l)e.querySelector(`.rg-feedback-navigator-close`)?.focus({preventScroll:!0});else if(u){let t=e.querySelector(`.rg-feedback-navigator-retry`);t?t.focus({preventScroll:!0}):this.#Te()}else d===`sheet`&&r!==`sheet`&&this.#Te()})}#be(){let e=Ke(this.#Oe(),this.#x),t=this.#t?.now?.()??Date.now(),n=this.#O&&this.#S===`ready`?`reconnecting`:this.#S;return{filter:this.#x,counts:e.counts,rows:e.rows.map(({comment:e,pinNumber:n,replyCount:r,lastActivityAt:i})=>({id:e.id,pinNumber:n,pageLabel:this.#je(e),currentPage:this.#ke(e),targetLabel:this.#Ae(e),authorName:e.authorName,body:e.body,timeLabel:Qt(i,t),replyCount:r,status:e.status,locationAvailable:!this.#ke(e)||W(e).available})),activeCommentId:this.#_,loadState:n,errorMessage:this.#C,errorRecovery:this.#w}}#xe(){let e=this.#Ee();if(!e)return;let t=this.#Oe().comments.length;e.setAttribute(`aria-label`,`피드백 목록, 총 ${t}개`),e.setAttribute(`aria-expanded`,String(this.#b)),e.setAttribute(`aria-controls`,V),this.#Se()===`sheet`?e.setAttribute(`aria-haspopup`,`dialog`):e.removeAttribute(`aria-haspopup`),e.removeAttribute(`aria-pressed`)}#Se(){return window.matchMedia?.(`(max-width: 640px)`).matches||window.innerWidth<=640?`sheet`:`tray`}#Ce(){let e=this.#e.querySelector(`.rg-feedback-navigator`),t=this.#Ee(),n=this.#e.querySelector(`.rg-toolbar`);if(!e||!t||!n||e.dataset.presentation!==`tray`)return;let r=t.getBoundingClientRect(),i=n.getBoundingClientRect(),a=e.offsetWidth;if(r.width<=0||a<=0)return;let o=r.left+r.width/2,s=Y(o-a/2,8,Math.max(8,window.innerWidth-a-8));e.style.left=`${s}px`,e.style.bottom=`${Math.max(8,window.innerHeight-i.top+8)}px`,e.style.setProperty(`--rg-navigator-origin-x`,`${Y(o-s,16,a-16)}px`)}#we(e){if(e!==`sheet`){this.#j?.(),this.#j=null;return}if(this.#j)return;let t=[...[...document.body.children].filter(e=>e!==this),...this.#e.querySelectorAll(`[data-slot="pins"], [data-slot="panels"], .rg-toolbar`)].filter(e=>e instanceof HTMLElement),n=t.map(e=>({element:e,inert:e.inert}));t.forEach(e=>{e.inert=!0});let r=this.#e.querySelector(`[data-slot="panels"]`),i=r?$t(r,`visibility`):null;r&&r.style.setProperty(`visibility`,`hidden`);let a=$t(document.body,`overflow`),o=$t(document.documentElement,`overflow`),s=e=>{let t=this.#e.querySelector(`.rg-feedback-navigator`);!t||e.composedPath().includes(t)||queueMicrotask(()=>this.#Te())};document.addEventListener(`focusin`,s,!0),document.body.style.setProperty(`overflow`,`hidden`),document.documentElement.style.setProperty(`overflow`,`hidden`),this.#j=()=>{n.forEach(({element:e,inert:t})=>{e.inert=t}),r&&i&&$(r,`visibility`,i),document.removeEventListener(`focusin`,s,!0),$(document.body,`overflow`,a),$(document.documentElement,`overflow`,o)}}#Te(){if(!this.#b)return;let e=this.#_?this.#De(this.#_):null,t=this.#e.querySelector(`.rg-feedback-row`),n=this.#e.querySelector(`.rg-feedback-navigator-retry`),r=this.#e.querySelector(`.rg-feedback-navigator-close`);(e??t??n??r)?.focus({preventScroll:!0})}#Ee(){return this.#e.querySelector(`.rg-feedback-list-tool`)}#De(e){return[...this.#e.querySelectorAll(`.rg-feedback-row[data-comment-id]`)].find(({dataset:t})=>t.commentId===e)}#Oe(){let e=this.#a??{pageId:this.#t?.pageId??``,comments:[],replies:[]},t=this.#o;if(!t)return e;let n=this.#t?.pageId??e.pageId,r=t.comments.filter(({pageId:e})=>e!==n),i=new Set(r.map(({id:e})=>e)),a=new Set(e.comments.map(({id:e})=>e));return{pageId:n,comments:[...r.filter(({id:e})=>!a.has(e)),...e.comments],replies:[...t.replies.filter(({commentId:e})=>i.has(e)),...e.replies]}}#ke(e){return e.pageId===this.#t?.pageId}#Ae(e){return Tt(e.target)}#je(e){let t=this.#o?.pages?.find(({id:t})=>t===e.pageId);if(t?.name.trim())return t.name.trim();let n=e.target.pageTitle.trim();if(n)return n;let r=Zt(e)?.pathname;return r?Xt(r):`알 수 없는 페이지`}#Me=e=>{e.stopPropagation();let t=e.target instanceof Element?e.target.closest(`[data-feedback-navigator-action]`):null,n=t?.dataset.feedbackNavigatorAction;if(n){if(n===`close`||n===`toggle`){this.#ge(!1);return}if(n===`retry`){this.#$();return}if(n===`filter`){let e=t.dataset.feedbackFilter;if(!Yt(e)||e===this.#x)return;this.#x=e,this.#ye();return}n===`open-comment`&&t.dataset.commentId&&this.#Pe(t.dataset.commentId,{origin:`navigator`,navigate:!0})}};#Ne=e=>{if(e.stopPropagation(),e.isComposing)return;let t=[...this.#e.querySelectorAll(`.rg-feedback-row`)],n=e.target instanceof Element?e.target.closest(`.rg-feedback-row`):null;if(n&&[`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key)){e.preventDefault();let r=t.indexOf(n);t[e.key===`Home`?0:e.key===`End`?t.length-1:e.key===`ArrowDown`?Math.min(t.length-1,r+1):Math.max(0,r-1)]?.focus();return}if(e.key!==`Tab`||this.#Se()!==`sheet`)return;let r=this.#e.querySelector(`.rg-feedback-navigator`),i=r?[...r.querySelectorAll(`button:not(:disabled), [tabindex]:not([tabindex="-1"])`)]:[];if(i.length===0)return;let a=i[0],o=i.at(-1);e.shiftKey&&this.#e.activeElement===a?(e.preventDefault(),o.focus()):!e.shiftKey&&this.#e.activeElement===o&&(e.preventDefault(),a.focus())};async#Pe(e,t){let n=this.#Oe().comments.find(({id:t})=>t===e);if(!n)return;this.#s&&this.#fe(!1);let r=++this.#D;if(t.origin===`navigator`&&this.#b&&this.#Se()===`sheet`&&(this.#ge(!1,{restoreFocus:!1,restoreComposer:!1,cancelNavigation:!1}),await Q()),!(r!==this.#D||!this.#k)){if(!this.#Oe().comments.some(({id:t})=>t===e)){this.#Fe();return}if(!(t.navigate&&!await this.#Ie(n))&&r===this.#D){if(!this.#Oe().comments.some(({id:t})=>t===e)){this.#Fe();return}this.#d=null,this.#_=e,this.#v=t.origin,this.#de(),W(n).available||this.#Le(`현재 화면에서 피드백 위치를 찾을 수 없습니다.`),queueMicrotask(()=>this.#e.querySelector(`.rg-thread-label`)?.focus({preventScroll:!0}))}}}#Fe(){!this.#b&&this.#ve()||queueMicrotask(()=>{this.#b?this.#Te():this.#Ee()?.focus({preventScroll:!0})})}async#Ie(e){if(!this.#ke(e)){let t=Zt(e);if(!t||t.origin!==window.location.origin)return this.#Le(`이 피드백의 페이지로 이동할 수 없습니다.`),!1;this.#Le(`${X(t.pathname)} 페이지로 이동합니다.`),this.#y=e.id;try{this.#t?.onNavigateToFeedback?await this.#t.onNavigateToFeedback(t.href,e):window.location.assign(t.href)}catch{this.#y=null,this.#Le(`피드백 페이지로 이동하지 못했습니다.`)}return!1}let t=W(e);if(!t.available||t.pageY===null)return!0;let n=window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`;if(e.target.kind!==`viewport`){let t=w(e.anchor).element;if(t&&typeof t.scrollIntoView==`function`)try{return t.scrollIntoView({block:`center`,inline:`center`,behavior:n}),await Q(),await Q(),!0}catch{}}let r=window.visualViewport?.height??window.innerHeight,i=window.visualViewport?.width??window.innerWidth,a=Math.max(0,t.pageY-r/3),o=Math.max(0,(t.pageX??window.scrollX)-i/2);try{window.scrollTo({left:o,top:a,behavior:n})}catch{}return await Q(),await Q(),!0}#Le(e){let t=this.#e.querySelector(`[data-slot="announcer"]`);t&&(t.textContent=``,queueMicrotask(()=>{t.textContent=e}))}#Re(e,t=`neutral`){let n=this.#e.querySelector(`.rg-developer-status`);n&&(this.#ze(),n.textContent=e,n.dataset.tone=t,n.dataset.visible=`true`,this.#P=window.setTimeout(()=>{this.#P=null,n.isConnected&&(n.dataset.visible=`false`)},1800))}#ze(){this.#P!==null&&(window.clearTimeout(this.#P),this.#P=null)}#Be=e=>{if(!this.#s||this.#Pt(e)||this.#l&&e.pointerId!==this.#u)return;let t=Wt(e);if(this.#l&&St(this.#l,t)>=6){this.#yt(this.#l,t);return}this.#vt(t)};#Ve=e=>{!this.#s||this.#Pt(e)||e.button!==0||this.#l||(e.preventDefault(),e.stopImmediatePropagation(),this.#l=Wt(e),this.#u=e.pointerId)};#He=e=>{if(!this.#s||!this.#l||e.pointerId!==this.#u)return;if(this.#Pt(e)){this.#l=null,this.#u=null,this.#bt();return}e.preventDefault(),e.stopImmediatePropagation();let t=this.#l,n=this.#c,r=Wt(e),i=St(t,r)>=6;n===`feedback`&&(this.#d=i?de(t,r):ue(r));let a=n===`react-grab`?this.#Ge(t,r,i):[];this.#it(),this.#fe(!1),n===`react-grab`?this.#Ke(a):queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label textarea`)?.focus())};#Ue=e=>{!this.#s||!this.#l||e.pointerId!==this.#u||(e.preventDefault(),e.stopImmediatePropagation(),this.#l=null,this.#u=null,this.#bt())};#We=e=>{if(!this.#s)return;if(e.key===`Escape`){e.preventDefault(),e.stopImmediatePropagation(),this.#fe(!1);return}if(e.key!==`Enter`||e.isComposing||this.#Pt(e)||Rt(e))return;let t=Bt(e);if(!t)return;let n=D(t);if(n.width<=0||n.height<=0)return;e.preventDefault(),e.stopImmediatePropagation();let r=this.#c;r===`feedback`&&(this.#d=le(t,{clientX:n.left+n.width/2,clientY:n.top+n.height/2})),this.#fe(!1),r===`react-grab`?this.#Ke([t]):queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label textarea`)?.focus())};#Ge(e,t,n){if(!n){let e=E(t.clientX,t.clientY);return e?[e]:[]}return fe(new DOMRect(Math.min(e.clientX,t.clientX),Math.min(e.clientY,t.clientY),Math.abs(t.clientX-e.clientX),Math.abs(t.clientY-e.clientY))).slice(0,8)}async#Ke(e){if(e.length===0){this.#Le(`선택할 요소를 찾지 못했습니다.`),this.#Re(`선택할 요소가 없습니다`,`error`),this.#Ye();return}if(!this.#k||this.#L)return;let t=this.#k.signal;this.#L=!0,this.#pe(),this.#Le(`코드 컨텍스트를 복사하는 중입니다.`),this.#Re(`코드 컨텍스트 복사 중…`);try{let n=this.#qe(),r=await n;if(t.aborted||n!==this.#R)return;let i=await r.copyElement(e.length===1?e[0]:e);if(t.aborted)return;this.#Le(i?`코드 컨텍스트를 복사했습니다.`:`코드 컨텍스트를 복사하지 못했습니다. 다시 시도하세요.`),this.#Re(i?`코드 컨텍스트 복사됨`:`복사 실패 · 다시 시도`,i?`neutral`:`error`)}catch{t.aborted||(this.#Le(`코드 컨텍스트를 복사하지 못했습니다. 다시 시도하세요.`),this.#Re(`복사 실패 · 다시 시도`,`error`))}finally{t.aborted||(this.#L=!1,this.#pe(),this.#Ye())}}#qe(){if(this.#R)return this.#R;let e=(this.#t?.developerTools?.loadReactGrab??(()=>Ue(this.#t?.styleNonce)))();return this.#R=e,e.catch(()=>{this.#R===e&&(this.#R=null)}),e}#Je(){let e=this.#R;this.#R=null,e&&e.then(e=>e.dispose()).catch(()=>void 0)}#Ye(){this.#d||queueMicrotask(()=>this.#e.querySelector(`.rg-developer-grab-tool`)?.focus({preventScroll:!0}))}#Xe=e=>{if(!this.#s)return;if(this.#Pt(e)||Rt(e)){this.#bt();return}let t=Bt(e);if(!t){this.#bt();return}let n=D(t);if(n.width<=0||n.height<=0){this.#bt();return}let r=this.#e.querySelector(`[data-slot="region"]`);r&&(r.style.display=`none`);let i=this.#e.querySelector(`[data-slot="highlight"]`);i&&U(i,n)};#Ze(){if(!this.#s)return;let e=Vt(document);if(!e||r(e)||zt(e))return;let t=D(e);if(t.width<=0||t.height<=0)return;let n=this.#e.querySelector(`[data-slot="highlight"]`);n&&U(n,t)}#Qe=e=>{if(e.key===`Escape`&&!e.isComposing){if(this.#b){e.preventDefault(),e.stopImmediatePropagation(),this.#ge(!1);return}if(this.#_){e.preventDefault(),e.stopImmediatePropagation(),this.#gt(!0);return}if(this.#d){if(e.preventDefault(),e.stopImmediatePropagation(),this.#h?.target===this.#d){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}));return}}!((e.metaKey||e.ctrlKey)&&!e.shiftKey&&!e.altKey&&(e.code===`KeyC`||e.key.toLowerCase()===`c`))||this.#t?.developerTools?.reactGrab!==!0||e.repeat||this.#s||this.#d||this.#_||this.#b||this.#L||this.#N!==null||Rt(e)||Ut(e)||(this.#N=window.setTimeout(()=>{this.#N=null,!(this.#s||this.#d||this.#_||this.#b||this.#h||this.#L)&&this.#tt()},100))};#$e=e=>{let t=e.code===`KeyC`||e.key.toLowerCase()===`c`,n=e.key===`Meta`||e.key===`Control`;(t||n)&&this.#et()};#et(){this.#N!==null&&(window.clearTimeout(this.#N),this.#N=null)}#tt(){if(this.#t?.developerTools?.reactGrab!==!0)return;let e=this.#e.querySelector(`.rg-toolbar`);if(e?.dataset.collapsed===`true`){e.dataset.collapsed=`false`;let t=e.querySelector(`.rg-toolbar-actions-shell`);t&&(t.inert=!1,t.setAttribute(`aria-hidden`,`false`));let n=e.querySelector(`.rg-collapse`);n?.setAttribute(`aria-expanded`,`true`),n?.setAttribute(`aria-label`,`Visual Review 접기`)}this.#fe(!0,`react-grab`)}#nt=e=>{!this.#_||this.#Pt(e)||this.#gt(!1)};#rt=e=>{!this.#I||this.#Pt(e)||(e.preventDefault(),e.stopImmediatePropagation(),this.#at())};#it(){this.#at(),this.#I=!0,this.#F=window.setTimeout(()=>{this.#F=null,this.#I=!1},0)}#at(){this.#F!==null&&(window.clearTimeout(this.#F),this.#F=null),this.#I=!1}#ot=()=>{this.#st()};#st(){if(!(!this.#k||this.#z!==null)){if(typeof window.requestAnimationFrame==`function`){this.#B=!0,this.#z=-1;let e=window.requestAnimationFrame(()=>{this.#z=null,this.#ct()});this.#z!==null&&(this.#z=e);return}this.#B=!1,this.#z=window.setTimeout(()=>{this.#z=null,this.#ct()},16)}}#ct(){if(!this.#k)return;this.#U&&(this.#U=!1,this.#ut()),this.#pt(),this.#wt(),this.#xt(),this.#_t();let e=this.#e.querySelector(`.rg-feedback-navigator`);e&&e.dataset.presentation!==this.#Se()?(this.#ye(),this.#xe()):this.#Ce(),this.#ht()}#lt(){typeof window.ResizeObserver==`function`&&(this.#V=new window.ResizeObserver(this.#ot)),typeof window.MutationObserver==`function`&&(this.#H=new window.MutationObserver(e=>{e.some(({type:e})=>e===`childList`)&&(this.#U=!0),this.#ot()}),this.#ut()),this.#pt()}#ut(){let e=this.#H;if(!e)return;e.disconnect();let t=d();this.#dt(t),this.#ft();for(let r of t){if(r===this.#e)continue;let t=n(r)?r.documentElement:r;if(t)try{e.observe(t,{attributes:!0,characterData:!0,childList:!0,subtree:!0,attributeFilter:[`class`,`style`,`hidden`,`open`,`aria-hidden`,`id`,`data-review-id`,`data-testid`,`data-id`,`slot`]})}catch{}}}#dt(e){let t=new Set(e.filter(e=>n(e)&&e!==document));for(let[e,n]of this.#K)t.has(e)||(n(),this.#K.delete(e));for(let e of t){if(this.#K.has(e))continue;let t=[],n=(n,r,i=!0)=>{e.addEventListener(n,r,{capture:i,passive:n===`scroll`}),t.push({type:n,listener:r,capture:i})};n(`keydown`,this.#Qe),n(`keyup`,this.#$e),n(`keydown`,this.#We),n(`pointermove`,this.#Be),n(`pointerdown`,this.#nt),n(`pointerdown`,this.#Ve),n(`pointerup`,this.#He),n(`pointercancel`,this.#Ue),n(`click`,this.#rt),n(`focusin`,this.#Xe),n(`scroll`,this.#ot);let r=e.defaultView;r?.addEventListener(`resize`,this.#ot,{passive:!0}),r?.visualViewport?.addEventListener(`scroll`,this.#ot,{passive:!0}),r?.visualViewport?.addEventListener(`resize`,this.#ot,{passive:!0}),this.#K.set(e,()=>{t.forEach(({type:t,listener:n,capture:r})=>{e.removeEventListener(t,n,r)}),r?.removeEventListener(`resize`,this.#ot),r?.visualViewport?.removeEventListener(`scroll`,this.#ot),r?.visualViewport?.removeEventListener(`resize`,this.#ot)})}}#ft(){let e=new Set(o(`iframe`));for(let[t,n]of this.#q)e.has(t)||(n(),this.#q.delete(t));for(let t of e){if(this.#q.has(t))continue;let e=()=>{this.#U=!0,this.#st()};t.addEventListener(`load`,e),this.#q.set(t,()=>{t.removeEventListener(`load`,e)})}}#pt(){let e=this.#V;if(!e)return;let t=new Set,n=new Set;for(let e of this.#a?.comments??[]){let n=w(e.anchor).element;n&&Ht(n,t)}if(this.#d){let e=w(this.#d.anchor).element;e&&Ht(e,t)}for(let r of this.#G){if(t.has(r)){n.add(r);continue}try{e.unobserve(r)}catch{}}for(let r of t)if(!n.has(r))try{e.observe(r),n.add(r)}catch{}this.#G.clear(),n.forEach(e=>this.#G.add(e))}#mt(){this.#z!==null&&(this.#B&&typeof window.cancelAnimationFrame==`function`?window.cancelAnimationFrame(this.#z):window.clearTimeout(this.#z),this.#z=null),this.#W!==null&&(window.clearTimeout(this.#W),this.#W=null),this.#V?.disconnect(),this.#V=null,this.#H?.disconnect(),this.#H=null,this.#U=!1,this.#G.clear(),this.#K.forEach(e=>e()),this.#K.clear(),this.#q.forEach(e=>e()),this.#q.clear()}#ht(){let e=(this.#a?.comments??[]).some(e=>e.target.kind===`element`&&f(e.anchor.selector)&&!W(e).available);if(!this.#k||!e){this.#W!==null&&(window.clearTimeout(this.#W),this.#W=null);return}this.#W===null&&(this.#W=window.setTimeout(()=>{this.#W=null,this.#U=!0,this.#st()},750))}#gt(e){let t=this.#_;if(!t)return;let n=this.#v;this.#D+=1,this.#_=null,this.#v=null,this.#Ct(),this.#Tt(),this.#ye(),!(!this.#b&&this.#ve())&&e&&queueMicrotask(()=>{if(n===`navigator`&&this.#b){let e=this.#De(t);e?e.focus():this.#Te();return}if(n===`navigator`){this.#Ee()?.focus();return}let e=[...this.#e.querySelectorAll(`.pin[data-comment-id]`)].find(({dataset:e})=>e.commentId===t);e?e.focus():this.#Ee()?.focus({preventScroll:!0})})}#_t(){let e=this.#e.querySelector(`.rg-selection-label`);if(!e)return;if(this.#d){M(e,Et(this.#d));return}if(!this.#_)return;let t=this.#a?.comments.find(({id:e})=>e===this.#_);t&&M(e,Dt(t))}#vt(e){let t=E(e.clientX,e.clientY),n=this.#e.querySelector(`[data-slot="highlight"]`),r=this.#e.querySelector(`[data-slot="region"]`);if(r&&(r.style.display=`none`),!n||!t){n&&(n.style.display=`none`);return}U(n,D(t))}#yt(e,t){let n=this.#e.querySelector(`[data-slot="highlight"]`),r=this.#e.querySelector(`[data-slot="region"]`);n&&(n.style.display=`none`),r&&(r.removeAttribute(`data-point`),r.removeAttribute(`data-context-target`),U(r,new DOMRect(Math.min(e.clientX,t.clientX),Math.min(e.clientY,t.clientY),Math.abs(t.clientX-e.clientX),Math.abs(t.clientY-e.clientY))))}#bt(){this.#e.querySelectorAll(`.highlight, .region`).forEach(e=>{e.style.display=`none`,e.removeAttribute(`data-context-target`),e.removeAttribute(`data-point`)})}#xt(){if(this.#s)return;if(this.#d){this.#St(this.#d);return}let e=this.#a?.comments.find(({id:e})=>e===this.#_);if(e){this.#St(e.target);return}this.#bt()}#St(e){let t=this.#e.querySelector(`[data-slot="highlight"]`),n=this.#e.querySelector(`[data-slot="region"]`);if(!(!t||!n)){if(t.style.display=`none`,n.style.display=`none`,t.removeAttribute(`data-context-target`),n.removeAttribute(`data-context-target`),n.removeAttribute(`data-point`),e.kind===`element`){let n=w(e.anchor);if(!n.anchored||!n.visible||!n.element)return;let r=D(n.element);t.dataset.contextTarget=`true`,U(t,r);return}if(n.dataset.contextTarget=`true`,e.kind===`viewport`){n.dataset.point=`true`,U(n,Mt(e));return}U(n,kt(e))}}#Ct(){let e=this.#e.querySelector(`[data-slot="pins"]`);if(!e)return;let t=this.#e.activeElement instanceof HTMLElement&&this.#e.activeElement.matches(`.pin[data-comment-id]`)?this.#e.activeElement.dataset.commentId:void 0;e.replaceChildren();let n=this.#a;if(!n)return;let r=Ke(this.#Oe()).pinNumberByCommentId;n.comments.forEach(t=>{if(!this.#ke(t))return;let n=W(t);if(!n.available||n.pageX===null||n.pageY===null)return;let i=r.get(t.id)??1,a=document.createElement(`button`);a.type=`button`,a.className=`pin`,a.dataset.commentId=t.id,a.dataset.resolved=String(t.status===`resolved`),a.dataset.active=String(t.id===this.#_),a.style.display=`grid`,a.style.left=`${n.pageX-window.scrollX}px`,a.style.top=`${n.pageY-window.scrollY}px`,a.textContent=String(i),a.setAttribute(`aria-label`,`${i}번 피드백: ${t.body.slice(0,80)}`),a.setAttribute(`aria-expanded`,String(t.id===this.#_)),a.setAttribute(`aria-controls`,Ot(t.id)),a.addEventListener(`click`,()=>{if(this.#_===t.id){this.#gt(!0);return}this.#Pe(t.id,{origin:`pin`,navigate:!1})}),e.append(a)}),t&&queueMicrotask(()=>{[...e.querySelectorAll(`.pin[data-comment-id]`)].find(({dataset:e})=>e.commentId===t)?.focus({preventScroll:!0})})}#wt(){let e=new Map(this.#a?.comments.map(e=>[e.id,e])??[]),t=[...this.#e.querySelectorAll(`.pin[data-comment-id]`)],n=new Set(t.map(({dataset:e})=>e.commentId??``));if([...e.values()].some(e=>{if(!this.#ke(e)||n.has(e.id))return!1;let t=W(e);return t.available&&t.pageX!==null&&t.pageY!==null})){this.#Ct();return}t.forEach(t=>{let n=e.get(t.dataset.commentId??``);if(!n)return;if(!this.#ke(n)){t.style.display=`none`;return}let r=W(n);if(!r.available||r.pageX===null||r.pageY===null){t.style.display=`none`;return}t.style.display=`grid`,t.style.left=`${r.pageX-window.scrollX}px`,t.style.top=`${r.pageY-window.scrollY}px`})}#Tt(){let e=this.#e.querySelector(`[data-slot="panels"]`);if(!e)return;let t=this.#e.activeElement,n=t instanceof HTMLTextAreaElement&&t.closest(`.rg-thread-label`)!==null,r=t instanceof HTMLTextAreaElement&&t.closest(`.rg-selection-label:not(.rg-thread-label)`)!==null,i=n||r?{start:t.selectionStart,end:t.selectionEnd,direction:t.selectionDirection}:null,a=e.querySelector(`.rg-thread-messages`)?.scrollTop??0;if(e.replaceChildren(),this.#d){this.#St(this.#d),e.append(this.#Et(this.#d)),r&&i&&queueMicrotask(()=>{let t=e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);t?.focus({preventScroll:!0}),t?.setSelectionRange(i.start,i.end,i.direction)});return}let o=this.#a?.comments.find(({id:e})=>e===this.#_);if(o){this.#St(o.target),e.append(this.#kt(o)),queueMicrotask(()=>{let t=e.querySelector(`.rg-thread-messages`);if(t&&(t.scrollTop=a),!n||!i)return;let r=e.querySelector(`.rg-thread-label textarea`);r?.focus({preventScroll:!0}),r?.setSelectionRange(i.start,i.end,i.direction)});return}this.#s||this.#bt()}#Et(e){let t=Ie(`피드백`,`변경할 점`,`변경할 점 입력`);M(t,Et(e));let n=t.querySelector(`textarea`),r=t.querySelector(`.rg-submit`);n.value=this.#f;let i=this.#h?.target===e&&this.#h.body===n.value.trim();n.disabled=i,r.disabled=i||!this.#me();let a=()=>{n.style.height=`auto`,n.style.height=`${Math.min(n.scrollHeight,95)}px`};return n.addEventListener(`input`,()=>{this.#f=n.value,r.disabled=!this.#me()||!n.value.trim(),this.#m?.body!==n.value.trim()&&(this.#m=null,this.#p=``,t.querySelector(`.rg-inline-error`)?.remove()),a()}),n.addEventListener(`keydown`,t=>{if(t.key===`Escape`){if(t.preventDefault(),this.#h?.target===e){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}))}t.key===`Enter`&&(t.metaKey||t.ctrlKey)&&!t.shiftKey&&!t.altKey&&!t.isComposing&&(t.preventDefault(),r.click())}),r.addEventListener(`click`,()=>void this.#Dt(t,e)),this.#p&&wt(t,this.#p),t}async#Dt(e,t){if(!this.#t||this.#h||!this.#me())return;let n=this.#t,r=n.pageId,i=n.repository,a=this.#k?.signal;if(!a)return;let o=e.querySelector(`textarea`),s=e.querySelector(`.rg-submit`),c=o?.value.trim()??``;if(!c||!o||!s)return;s.disabled=!0,o.disabled=!0;let l={target:t,body:c,comment:null};this.#h=l;let u=i.attachScreenshot?lt(t):Promise.resolve(null),d=this.#m?.target===t&&this.#m.body===c?this.#m.comment:null;if(!d){let e=t;if(n.sourceContextResolver)try{e=await ge(t,n.sourceContextResolver,{signal:a})}catch{}if(a.aborted||this.#h!==l)return;let i=n.now?.()??Date.now();d={id:n.id?.()??crypto.randomUUID(),pageId:r,authorId:n.session.reviewerId,authorName:n.session.displayName,body:c,anchor:e.anchor,target:e,status:`open`,createdAt:i,updatedAt:i}}l.comment=d;let f=!1;try{await i.mutate(r,{type:`comment.upsert`,comment:d}),f=await this.#Ot(d.id,a)}catch{if(a.aborted||this.#h!==l)return;this.#h=null,this.#m={target:t,body:c,comment:d},this.#p=`저장하지 못했습니다. 다시 시도하세요.`,!this.#b&&this.#d===t&&(this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`)?.focus({preventScroll:!0})));return}if(a.aborted||!f)return;this.#h===l&&(this.#h=null),this.#m=null,this.#p=``,this.#g?.target===t&&(this.#g=null),this.#d===t&&(this.#d=null,this.#f=``,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0})));let p=await u;if(p&&i.attachScreenshot)try{await i.attachScreenshot(r,d.id,p),this.#Le(`피드백과 위치 캡처를 저장했습니다.`);return}catch{this.#Le(`피드백은 저장했지만 위치 캡처는 저장하지 못했습니다.`);return}this.#Le(`피드백을 저장했습니다.`)}async#Ot(e,t){return this.#a?.comments.some(({id:t})=>t===e)?!0:await new Promise((n,r)=>{let i=()=>{clearTimeout(o),t.removeEventListener(`abort`,a),this.#ee.delete(e)},a=()=>{i(),n(!1)},o=setTimeout(()=>{i(),r(Error(`Comment was not confirmed by the review service`))},gt);this.#ee.set(e,e=>{i(),n(e)}),t.addEventListener(`abort`,a,{once:!0})})}#kt(e){let t=this.#a?Ke(this.#a).pinNumberByCommentId.get(e.id)??1:1,n=!W(e).available,r=Ie(`피드백 ${t}${e.status===`resolved`?` · 완료`:``}${n?` · 위치 없음`:``}`,`답글`,`답글 입력`);r.classList.add(`rg-thread-label`),r.id=Ot(e.id),r.tabIndex=-1,r.dataset.commentId=e.id,r.setAttribute(`aria-label`,`피드백 대화`),M(r,Dt(e));let i=r.querySelector(`.rg-tag-row`),a=document.createElement(`button`);a.type=`button`,a.className=`rg-thread-close`,a.setAttribute(`aria-label`,`피드백 닫기`),a.append(Le()),i.append(a);let o=H(`rg-thread-messages`);o.append(Ct(e.authorName,e.body,e.createdAt)),(this.#a?.replies.filter(({commentId:t})=>t===e.id)??[]).forEach(e=>o.append(Ct(e.authorName,e.body,e.createdAt))),r.querySelector(`.rg-surface`)?.insertBefore(o,r.querySelector(`.rg-bottom-section`));let s=r.querySelector(`textarea`),c=r.querySelector(`.rg-submit`);s.value=this.#J.get(e.id)??``;let l=this.#Y.has(e.id);s.disabled=l,c.disabled=l,c.setAttribute(`aria-label`,`답글 저장`);let u=()=>{s.style.height=`auto`,s.style.height=`${Math.min(s.scrollHeight,95)}px`};s.addEventListener(`input`,()=>{this.#J.set(e.id,s.value),this.#Z.get(e.id)?.body!==s.value.trim()&&(this.#Z.delete(e.id),this.#X.delete(e.id),r.querySelector(`.rg-inline-error`)?.remove()),u()}),s.addEventListener(`keydown`,e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&!e.shiftKey&&!e.altKey&&!e.isComposing&&(e.preventDefault(),c.click())}),a.addEventListener(`click`,()=>this.#gt(!0)),c.addEventListener(`click`,()=>void this.#At(r,e));let d=this.#X.get(e.id);return d&&wt(r,d),queueMicrotask(u),r}async#At(e,t){if(!this.#t||!this.#me())return;let n=this.#k?.signal;if(!n||this.#Y.has(t.id))return;let r=e.querySelector(`textarea`),i=e.querySelector(`.rg-submit`),a=r?.value.trim()??``;if(!a||!r||!i)return;let o=this.#Z.get(t.id),s=this.#t.now?.()??Date.now(),c=o?.body===a?o.reply:{id:this.#t.id?.()??crypto.randomUUID(),commentId:t.id,authorId:this.#t.session.reviewerId,authorName:this.#t.session.displayName,body:a,createdAt:s,updatedAt:s},l=Symbol(t.id);this.#Y.set(t.id,{request:l,body:a,reply:c}),this.#Mt(t.id,!0);try{await this.#t.repository.mutate(this.#t.pageId,{type:`reply.upsert`,reply:c}),await this.#jt(c,n)}catch{if(n.aborted||this.#Y.get(t.id)?.request!==l)return;this.#Y.delete(t.id),this.#Z.set(t.id,{body:a,reply:c}),this.#X.set(t.id,`답글을 저장하지 못했습니다. 다시 시도하세요.`),i.disabled=!1,r.disabled=!1,this.#_===t.id&&(this.#Tt(),queueMicrotask(()=>this.#Nt(t.id)?.querySelector(`textarea`)?.focus({preventScroll:!0})));return}if(n.aborted||this.#Y.get(t.id)?.request!==l)return;this.#Y.delete(t.id),this.#Z.delete(t.id),this.#X.delete(t.id),this.#J.delete(t.id);let u=this.#Nt(t.id)?.querySelector(`textarea`);u&&(u.value=``,u.style.height=`auto`),this.#Mt(t.id,!1),this.#Le(`답글을 저장했습니다.`)}async#jt(e,t){this.#a?.replies.some(({id:t,commentId:n})=>t===e.id&&n===e.commentId)||await new Promise((n,r)=>{let i=()=>{clearTimeout(o),t.removeEventListener(`abort`,a),this.#te.delete(e.id)},a=()=>{i(),n()},o=setTimeout(()=>{i(),r(Error(`Reply was not confirmed by the review service`))},gt);this.#te.set(e.id,{commentId:e.commentId,settle:()=>{i(),n()}}),t.addEventListener(`abort`,a,{once:!0})})}#Mt(e,t){let n=this.#Nt(e),r=n?.querySelector(`textarea`),i=n?.querySelector(`.rg-submit`);r&&(r.disabled=t),i&&(i.disabled=t)}#Nt(e){return[...this.#e.querySelectorAll(`.rg-thread-label`)].find(({dataset:t})=>t.commentId===e)}#Pt(e){return e.composedPath().includes(this)}};function bt(e){re(e.styleNonce),customElements.get(`agency-review-widget`)||customElements.define(mt,yt);let t=document.createElement(mt);return t.configure(e),document.body.append(t),t}function xt(e,t){let n=e.hostname.toLowerCase();return t.some(e=>e.toLowerCase()===n)||n===`localhost`||n===`127.0.0.1`||n.endsWith(`.test`)||n.endsWith(`.local`)}function H(e){let t=document.createElement(`div`);return t.className=e,t}function U(e,t){e.style.display=`block`,e.style.left=`${t.left}px`,e.style.top=`${t.top}px`,e.style.width=`${t.width}px`,e.style.height=`${t.height}px`}function St(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function Ct(e,t,n){let r=document.createElement(`article`);r.className=`rg-message`;let i=H(`rg-message-meta`);i.textContent=`${e} · ${new Date(n).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`})}`;let a=document.createElement(`p`);return a.className=`rg-message-body`,a.textContent=t,r.append(i,a),r}function wt(e,t){let n=e.querySelector(`.rg-inline-error`);if(!n){n=H(`rg-inline-error`),n.setAttribute(`role`,`alert`);let t=e.querySelector(`.rg-surface`);t?.insertBefore(n,t.querySelector(`.rg-bottom-section`))}n.textContent=t}function Tt(e){let t=e.elements.map(({textPreview:e})=>e.replace(/\s+/g,` `).trim()).find(Boolean);return t?t.length>48?`${t.slice(0,47).trimEnd()}…`:t:e.kind===`region`?`선택 영역`:e.kind===`viewport`?`화면 위치`:`선택 요소`}function Et(e){let t=w(e.anchor),n=t.x-window.scrollX;if(e.kind===`element`&&t.element){let e=D(t.element);return{x:e.left,y:e.top,width:e.width,height:e.height,anchorX:n}}if(e.kind===`viewport`){let t=Mt(e);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}let r=kt(e);return{x:r.left,y:r.top,width:r.width,height:r.height,anchorX:e.kind===`region`?r.left+r.width/2:n}}function Dt(e){if(e.target.kind===`element`){if(W(e).available)return Et(e.target);let t=window.visualViewport,n=t?.offsetLeft??0,r=t?.offsetTop??0,i=t?.width??window.innerWidth;return{x:n+i/2,y:r+16,width:0,height:0,anchorX:n+i/2}}if(e.target.kind===`viewport`){let t=Mt(e.target);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}let t=kt(e.target);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}function W(e){if(e.target.kind===`element`){let t=w(e.anchor);return t.anchored&&t.visible&&t.element?{available:!0,pageX:t.x,pageY:t.y}:{available:!1,pageX:null,pageY:null}}if(e.target.kind===`region`){let t=At(e.target);return Number.isFinite(t.pageX)&&Number.isFinite(t.pageY)?{available:!0,pageX:t.pageX,pageY:t.pageY}:{available:!1,pageX:null,pageY:null}}let t=Pt(e.target);return Number.isFinite(t.pageX)&&Number.isFinite(t.pageY)?{available:!0,pageX:t.pageX,pageY:t.pageY}:{available:!1,pageX:null,pageY:null}}function Ot(e){return`visual-review-thread-${e.replace(/[^a-zA-Z0-9_-]/g,`-`)}`}function kt(e){let t=G(e),n=At(e,t),r=q(e.region.width)*t.x,i=q(e.region.height)*t.y;return Ft(new DOMRect(n.pageX-window.scrollX-r/2,n.pageY-window.scrollY-i/2,r,i))}function At(e,t=G(e)){return jt(e,t)??Nt(e,t)}function jt(e,t){if(e.kind!==`region`||!e.anchor.selector)return null;let n=w(e.anchor);if(!n.anchored||!n.visible||!n.element)return null;let r=e.elements.find(({selector:t})=>t===e.anchor.selector);if(!r)return{pageX:n.x,pageY:n.y};let i=r.rect.pageX+r.rect.width*e.anchor.offsetX,a=r.rect.pageY+r.rect.height*e.anchor.offsetY,o=e.region.pageX+e.region.width/2,s=e.region.pageY+e.region.height/2;return{pageX:n.x+(o-i)*t.x,pageY:n.y+(s-a)*t.y}}function Mt(e){let t=Pt(e);return It(new DOMRect(t.pageX-window.scrollX-7,t.pageY-window.scrollY-7,14,14))}function Nt(e,t=G(e)){let n=Pt(e,t);return{pageX:n.pageX+n.width/2,pageY:n.pageY+n.height/2}}function Pt(e,t=G(e)){let n=e.region,r=J(n.viewportX,n.pageX),i=J(n.viewportY,n.pageY),a=J(n.pageX,window.scrollX+r),o=J(n.pageY,window.scrollY+i),s=a-r,c=o-i;return{pageX:s+r*t.x,pageY:c+i*t.y,width:q(n.width)*t.x,height:q(n.height)*t.y}}function G(e){let t=K(window.innerWidth,1),n=K(window.innerHeight,1),r=K(e.region.viewportWidth,t),i=K(e.region.viewportHeight,n);return{x:t/r,y:n/i}}function Ft(e){let t=Lt(),n=Y(J(e.left,t.left),t.left,t.right),r=Y(J(e.top,t.top),t.top,t.bottom),i=Y(J(e.right,n),t.left,t.right),a=Y(J(e.bottom,r),t.top,t.bottom);return new DOMRect(n,r,Math.max(0,i-n),Math.max(0,a-r))}function It(e){let t=Lt(),n=Math.min(q(e.width),t.width),r=Math.min(q(e.height),t.height);return new DOMRect(Y(J(e.left,t.left),t.left,t.right-n),Y(J(e.top,t.top),t.top,t.bottom-r),n,r)}function Lt(){let e=window.visualViewport;return new DOMRect(J(e?.offsetLeft,0),J(e?.offsetTop,0),K(e?.width,window.innerWidth),K(e?.height,window.innerHeight))}function K(e,t){return Number.isFinite(e)&&(e??0)>0?e:Math.max(Number.isFinite(t)?t:1,1)}function q(e){return Number.isFinite(e)?Math.max(0,e):0}function J(e,t){return Number.isFinite(e)?e:Number.isFinite(t)?t:0}function Rt(e){return Gt(e).designMode===`on`||e.composedPath().some(e=>{let t=Kt(e);return t?zt(t):!1})}function zt(e){let t=e.tagName.toLowerCase();return t===`input`||t===`textarea`||t===`select`||`isContentEditable`in e&&!!e.isContentEditable||vt.has(e.getAttribute(`role`)??``)}function Bt(e){let t=e.composedPath().map(Kt).find(Boolean)??null;return!t||t===t.ownerDocument.documentElement||t===t.ownerDocument.body||r(t)?null:t}function Vt(e){let t=e.activeElement,n=new Set;for(;t&&!n.has(t);){n.add(t);let e=t.shadowRoot?.activeElement;if(e){t=e;continue}if(t.tagName.toLowerCase()===`iframe`)try{let e=t.contentDocument?.activeElement;if(e){t=e;continue}}catch{}break}return t}function Ht(e,t){let r=e,i=new Set;for(;r&&!i.has(r);){i.add(r),t.add(r);let e=r.getRootNode();if(l(e)){r=e.host;continue}if(n(e)&&e!==document){try{r=e.defaultView?.frameElement??null}catch{r=null}continue}r=null}}function Ut(e){let t=Gt(e).defaultView?.getSelection();return!!(t&&!t.isCollapsed&&t.toString().length>0)}function Wt(e){let t=e.clientX,n=e.clientY,r=Gt(e);for(;r!==document;){let e=null;try{e=r.defaultView?.frameElement??null}catch{break}if(!e)break;let i=e.getBoundingClientRect(),o=e,s=a(o);t=i.left+(o.clientLeft+t)*s.x,n=i.top+(o.clientTop+n)*s.y,r=e.ownerDocument}return{clientX:t,clientY:n}}function Gt(e){for(let t of e.composedPath()){if(qt(t))return t;let e=Kt(t);if(e)return e.ownerDocument}return document}function Kt(e){return e&&`nodeType`in e&&e.nodeType===1?e:null}function qt(e){return`nodeType`in e&&e.nodeType===9}function Jt(e){if(!e||typeof e!=`object`)return!1;let t=e;return t.clearSnapshot===!0?t.type===`access-lost`?t.recovery===`reauthenticate`&&[`permission-denied`,`session-expired`,`membership-revoked`].includes(t.code??``):t.type===`error`&&t.recovery===`retry`&&[`transport`,`data-integrity`,`unknown`].includes(t.code??``):!1}function Yt(e){return e===`all`||e===`open`||e===`resolved`}function Y(e,t,n){return Math.min(n,Math.max(t,e))}function X(e){return e.replace(/\/+$/,``)||`/`}function Xt(e){let t=X(e);if(t===`/`)return`홈`;let n=t.split(`/`).filter(Boolean).at(-1)??t;try{return decodeURIComponent(n).replace(/[-_]+/g,` `)}catch{return n.replace(/[-_]+/g,` `)}}function Zt(e){try{return new URL(e.target.pageUrl,window.location.href)}catch{return null}}function Z(...e){e.forEach(e=>{try{e?.()}catch{}})}function Qt(e,t){let n=Math.max(0,Math.floor((t-e)/1e3));if(n<60)return`방금`;let r=Math.floor(n/60);if(r<60)return`${r}분 전`;let i=Math.floor(r/60);if(i<24)return`${i}시간 전`;let a=Math.floor(i/24);return a<7?`${a}일 전`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function Q(){return new Promise(e=>{if(typeof window.requestAnimationFrame==`function`){window.requestAnimationFrame(()=>e());return}queueMicrotask(e)})}function $t(e,t){return{value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}}function $(e,t,n){n.value?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t)}function en(){for(let e of[document.body,document.documentElement]){let t=getComputedStyle(e).backgroundColor.match(/[\d.]+/g)?.map(Number);if(!t||t.length<3)continue;let[n=0,r=0,i=0,a=1]=t;if(!(a<.5))return(n*.2126+r*.7152+i*.0722)/255<.45?`light`:`dark`}return window.matchMedia?.(`(prefers-color-scheme: dark)`).matches??!1?`light`:`dark`}export{ht as REVIEW_REAUTHENTICATION_REQUIRED_EVENT,mt as REVIEW_WIDGET_TAG,yt as ReviewWidgetElement,xt as isStagingLocation,bt as mountReviewWidget};
993
+ `;let n=H(`highlight`);n.dataset.slot=`highlight`;let r=H(`region`);r.dataset.slot=`region`;let i=H(`pins`);i.dataset.slot=`pins`;let a=H(`panels`);a.dataset.slot=`panels`;let o=H(`navigator-slot`);o.dataset.slot=`navigator`,o.id=V,o.addEventListener(`click`,this.#Me),o.addEventListener(`keydown`,this.#Ne);let s=H(`rg-visually-hidden`);s.dataset.slot=`announcer`,s.setAttribute(`aria-live`,`polite`),s.setAttribute(`aria-atomic`,`true`);let c=Pe({developerGrab:this.#t?.developerTools?.reactGrab===!0});c.querySelector(`.rg-toolbar-actions`)?.append(Qe(0,{controlsId:V,presentation:this.#Se()})),c.querySelector(`.rg-feedback-tool`)?.addEventListener(`click`,()=>{if(!this.#me()){this.#b||this.#ge(!0),this.#Le(this.#he());return}if(this.#b&&this.#ge(!1,{restoreFocus:!1,restoreComposer:!0}))return;if(this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}if(this.#s&&this.#c===`react-grab`&&this.#g){this.#fe(!1);return}let e=this.#s&&this.#c===`feedback`;this.#fe(!e,`feedback`)}),c.querySelector(`.rg-developer-grab-tool`)?.addEventListener(`click`,()=>{if(this.#L){this.#Le(`코드 컨텍스트를 복사하는 중입니다.`);return}if(this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#b&&this.#ge(!1,{restoreFocus:!1});let e=this.#s&&this.#c===`react-grab`;e||this.#_e(),this.#fe(!e,`react-grab`)}),c.querySelector(`.rg-feedback-list-tool`)?.addEventListener(`click`,()=>{this.#ge(!this.#b)}),c.querySelector(`.rg-collapse`)?.addEventListener(`click`,()=>{let e=c.dataset.collapsed===`true`;!e&&this.#s&&this.#fe(!1),!e&&this.#b&&this.#ge(!1,{restoreFocus:!1});let t=!e;c.dataset.collapsed=String(t);let n=c.querySelector(`.rg-toolbar-actions-shell`);n&&(n.inert=t,n.setAttribute(`aria-hidden`,String(t))),c.querySelector(`.rg-collapse`)?.setAttribute(`aria-expanded`,String(e)),c.querySelector(`.rg-collapse`)?.setAttribute(`aria-label`,e?`Visual Review 접기`:`Visual Review 펼치기`)}),this.#e.append(t,n,r,i,a,o,s,c)}#ue(){let e=this.#t?.collaboration,t=e?.repository;if(!this.#t||!t||!e.cursors&&!e.chat)return;let n=e.roomId??e.scopeId;this.#i=Ee({root:this.#e,pageId:this.#t.pageId,pathname:Yt(window.location.pathname),roomId:n,session:this.#t.session,repository:t,cursors:e.cursors,chat:e.chat,now:this.#t.now,id:this.#t.id,canOpenChat:()=>!this.#s&&!this.#b&&!this.#d&&!this.#_,onFailure:e=>{e.type===`access-lost`?(this.#i?.stop(),this.#i=null,this.#ie(e)):this.#Le(`실시간 협업 연결이 불안정합니다. 다시 연결하는 중입니다.`)}}),this.#i.start()}#de(){this.#Ct(),this.#Tt(),this.#ye(),this.#xe(),this.#pe(),this.#pt(),this.#ht()}#fe(e,t=`feedback`){let n=this.#c;if(e&&(this.#D+=1),e&&t===`feedback`&&!this.#me()){this.#b||this.#ge(!0),this.#Le(this.#he());return}if(e&&t===`feedback`&&this.#h){this.#Le(`피드백을 저장하는 중입니다.`);return}if(e&&t===`feedback`&&this.#g){this.#_?this.#gt(!1):this.#ve(),this.#Le(`작성 중인 피드백을 복원했습니다.`);return}if(e&&this.#s){this.#c=t,this.#l=null,this.#u=null,this.#bt(),this.#pe();return}this.#s=e,this.#c=e?t:null,this.#pe(),e?(this.#_=null,this.#v=null,this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#bt(),document.addEventListener(`pointermove`,this.#Be,!0),document.addEventListener(`pointerdown`,this.#Ve,!0),document.addEventListener(`pointerup`,this.#He,!0),document.addEventListener(`pointercancel`,this.#Ue,!0),document.addEventListener(`keydown`,this.#We,!0),this.#M={value:document.body.style.getPropertyValue(`cursor`),priority:document.body.style.getPropertyPriority(`cursor`)},document.body.style.setProperty(`cursor`,`crosshair`),this.#A=ie(this.#t?.styleNonce),queueMicrotask(()=>this.#Ze())):(document.removeEventListener(`pointermove`,this.#Be,!0),document.removeEventListener(`pointerdown`,this.#Ve,!0),document.removeEventListener(`pointerup`,this.#He,!0),document.removeEventListener(`pointercancel`,this.#Ue,!0),document.removeEventListener(`keydown`,this.#We,!0),this.#M&&=($(document.body,`cursor`,this.#M),null),this.#A?.(),this.#A=null,this.#l=null,this.#u=null,this.#bt()),this.#Tt(),!e&&n===`react-grab`&&this.#ve()}#pe(){let e=this.#e.querySelector(`.rg-toolbar`),t=this.#e.querySelector(`.rg-feedback-tool`),n=this.#e.querySelector(`.rg-developer-grab-tool`),r=this.#s&&this.#c===`feedback`,i=this.#s&&this.#c===`react-grab`;e&&(e.dataset.selecting=String(this.#s)),t&&(t.setAttribute(`aria-pressed`,String(r)),t.setAttribute(`aria-label`,r?`선택 취소`:`피드백 위치 선택`),t.setAttribute(`aria-disabled`,String(!this.#me()))),n&&(n.setAttribute(`aria-pressed`,String(i)),n.setAttribute(`aria-label`,i?`코드 선택 취소`:`React Grab 코드 선택`),n.setAttribute(`aria-disabled`,String(this.#L)))}#me(){return!this.#T&&this.#S===`ready`&&this.#a!==null}#he(){return this.#T?`다시 인증하세요.`:this.#S===`loading`?`불러오는 중입니다.`:`다시 시도하세요.`}#ge(e,t={}){let n=t.restoreFocus??!0,r=t.restoreComposer??!0;if(e===this.#b)return!1;if(e)return this.#D+=1,this.#s&&this.#fe(!1),this.#_e(),this.#b=!0,this.#Tt(),this.#ye(),this.#xe(),queueMicrotask(()=>this.#Te()),!1;(t.cancelNavigation??!0)&&(this.#D+=1),this.#b=!1,this.#j?.(),this.#j=null,this.#ye(),this.#xe();let i=r&&this.#ve();return n&&!i&&queueMicrotask(()=>this.#Ee()?.focus()),i}#_e(){if(!this.#d)return!1;let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);return this.#g={target:this.#d,body:e?.value??this.#f},this.#d=null,this.#f=``,!0}#ve(){if(!this.#g||this.#b||this.#_)return!1;let e=this.#g;return this.#g=null,this.#d=e.target,this.#f=e.body,this.#Tt(),queueMicrotask(()=>{let e=this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);e?.focus(),e?.setSelectionRange(e.value.length,e.value.length)}),!0}#ye(){let e=this.#e.querySelector(`[data-slot="navigator"]`);if(!e)return;let t=e.querySelector(`.rg-feedback-navigator`),n=t?.querySelector(`.rg-feedback-navigator-content`),r=t?.dataset.presentation,i=t?`refresh`:`enter`,a=n?.scrollTop??0,o=this.#e.activeElement instanceof HTMLElement?this.#e.activeElement:null,s=o?.closest(`.rg-feedback-row[data-comment-id]`)?.dataset.commentId,c=o?.closest(`[data-feedback-filter]`)?.dataset.feedbackFilter,l=!!o?.closest(`.rg-feedback-navigator-close`),u=!!o?.closest(`.rg-feedback-navigator-retry`);if(e.replaceChildren(),!this.#b)return;let d=this.#Se(),f=H(`rg-feedback-navigator-scrim`);f.dataset.motion=i,f.dataset.feedbackNavigatorAction=`close`,f.setAttribute(`aria-hidden`,`true`);let p=$e(this.#be(),{id:_t,presentation:d});p.dataset.motion=i,e.append(f,p),this.#we(d),queueMicrotask(()=>this.#Ce()),queueMicrotask(()=>{if(!this.#b)return;let t=e.querySelector(`.rg-feedback-navigator-content`);if(t&&(t.scrollTop=a),s){let e=this.#De(s);e?e.focus({preventScroll:!0}):this.#Te()}else if(c&&Jt(c))e.querySelector(`[data-feedback-filter="${c}"]`)?.focus({preventScroll:!0});else if(l)e.querySelector(`.rg-feedback-navigator-close`)?.focus({preventScroll:!0});else if(u){let t=e.querySelector(`.rg-feedback-navigator-retry`);t?t.focus({preventScroll:!0}):this.#Te()}else d===`sheet`&&r!==`sheet`&&this.#Te()})}#be(){let e=Ke(this.#Oe(),this.#x),t=this.#t?.now?.()??Date.now(),n=this.#O&&this.#S===`ready`?`reconnecting`:this.#S;return{filter:this.#x,counts:e.counts,rows:e.rows.map(({comment:e,pinNumber:n,replyCount:r,lastActivityAt:i})=>({id:e.id,pinNumber:n,pageLabel:this.#je(e),currentPage:this.#ke(e),targetLabel:this.#Ae(e),authorName:e.authorName,body:e.body,timeLabel:Qt(i,t),replyCount:r,status:e.status,locationAvailable:!this.#ke(e)||W(e).available})),activeCommentId:this.#_,loadState:n,errorMessage:this.#C,errorRecovery:this.#w}}#xe(){let e=this.#Ee();if(!e)return;let t=this.#Oe().comments.length;e.setAttribute(`aria-label`,`피드백 목록, 총 ${t}개`),e.setAttribute(`aria-expanded`,String(this.#b)),e.setAttribute(`aria-controls`,V),this.#Se()===`sheet`?e.setAttribute(`aria-haspopup`,`dialog`):e.removeAttribute(`aria-haspopup`),e.removeAttribute(`aria-pressed`)}#Se(){return window.matchMedia?.(`(max-width: 640px)`).matches||window.innerWidth<=640?`sheet`:`tray`}#Ce(){let e=this.#e.querySelector(`.rg-feedback-navigator`),t=this.#Ee(),n=this.#e.querySelector(`.rg-toolbar`);if(!e||!t||!n||e.dataset.presentation!==`tray`)return;let r=t.getBoundingClientRect(),i=n.getBoundingClientRect(),a=e.offsetWidth;if(r.width<=0||a<=0)return;let o=r.left+r.width/2,s=X(o-a/2,8,Math.max(8,window.innerWidth-a-8));e.style.left=`${s}px`,e.style.bottom=`${Math.max(8,window.innerHeight-i.top+8)}px`,e.style.setProperty(`--rg-navigator-origin-x`,`${X(o-s,16,a-16)}px`)}#we(e){if(e!==`sheet`){this.#j?.(),this.#j=null;return}if(this.#j)return;let t=[...[...document.body.children].filter(e=>e!==this),...this.#e.querySelectorAll(`[data-slot="pins"], [data-slot="panels"], .rg-toolbar`)].filter(e=>e instanceof HTMLElement),n=t.map(e=>({element:e,inert:e.inert}));t.forEach(e=>{e.inert=!0});let r=this.#e.querySelector(`[data-slot="panels"]`),i=r?$t(r,`visibility`):null;r&&r.style.setProperty(`visibility`,`hidden`);let a=$t(document.body,`overflow`),o=$t(document.documentElement,`overflow`),s=e=>{let t=this.#e.querySelector(`.rg-feedback-navigator`);!t||e.composedPath().includes(t)||queueMicrotask(()=>this.#Te())};document.addEventListener(`focusin`,s,!0),document.body.style.setProperty(`overflow`,`hidden`),document.documentElement.style.setProperty(`overflow`,`hidden`),this.#j=()=>{n.forEach(({element:e,inert:t})=>{e.inert=t}),r&&i&&$(r,`visibility`,i),document.removeEventListener(`focusin`,s,!0),$(document.body,`overflow`,a),$(document.documentElement,`overflow`,o)}}#Te(){if(!this.#b)return;let e=this.#_?this.#De(this.#_):null,t=this.#e.querySelector(`.rg-feedback-row`),n=this.#e.querySelector(`.rg-feedback-navigator-retry`),r=this.#e.querySelector(`.rg-feedback-navigator-close`);(e??t??n??r)?.focus({preventScroll:!0})}#Ee(){return this.#e.querySelector(`.rg-feedback-list-tool`)}#De(e){return[...this.#e.querySelectorAll(`.rg-feedback-row[data-comment-id]`)].find(({dataset:t})=>t.commentId===e)}#Oe(){let e=this.#a??{pageId:this.#t?.pageId??``,comments:[],replies:[]},t=this.#o;if(!t)return e;let n=this.#t?.pageId??e.pageId,r=t.comments.filter(({pageId:e})=>e!==n),i=new Set(r.map(({id:e})=>e)),a=new Set(e.comments.map(({id:e})=>e));return{pageId:n,comments:[...r.filter(({id:e})=>!a.has(e)),...e.comments],replies:[...t.replies.filter(({commentId:e})=>i.has(e)),...e.replies]}}#ke(e){return e.pageId===this.#t?.pageId}#Ae(e){return Tt(e.target)}#je(e){let t=Zt(e);if(t)return Xt(t);let n=this.#o?.pages?.find(({id:t})=>t===e.pageId);return n?.name.trim()?n.name.trim():e.target.pageTitle.trim()||`알 수 없는 페이지`}#Me=e=>{e.stopPropagation();let t=e.target instanceof Element?e.target.closest(`[data-feedback-navigator-action]`):null,n=t?.dataset.feedbackNavigatorAction;if(n){if(n===`close`||n===`toggle`){this.#ge(!1);return}if(n===`retry`){this.#$();return}if(n===`filter`){let e=t.dataset.feedbackFilter;if(!Jt(e)||e===this.#x)return;this.#x=e,this.#ye();return}n===`open-comment`&&t.dataset.commentId&&this.#Pe(t.dataset.commentId,{origin:`navigator`,navigate:!0})}};#Ne=e=>{if(e.stopPropagation(),e.isComposing)return;let t=[...this.#e.querySelectorAll(`.rg-feedback-row`)],n=e.target instanceof Element?e.target.closest(`.rg-feedback-row`):null;if(n&&[`ArrowDown`,`ArrowUp`,`Home`,`End`].includes(e.key)){e.preventDefault();let r=t.indexOf(n);t[e.key===`Home`?0:e.key===`End`?t.length-1:e.key===`ArrowDown`?Math.min(t.length-1,r+1):Math.max(0,r-1)]?.focus();return}if(e.key!==`Tab`||this.#Se()!==`sheet`)return;let r=this.#e.querySelector(`.rg-feedback-navigator`),i=r?[...r.querySelectorAll(`button:not(:disabled), [tabindex]:not([tabindex="-1"])`)]:[];if(i.length===0)return;let a=i[0],o=i.at(-1);e.shiftKey&&this.#e.activeElement===a?(e.preventDefault(),o.focus()):!e.shiftKey&&this.#e.activeElement===o&&(e.preventDefault(),a.focus())};async#Pe(e,t){let n=this.#Oe().comments.find(({id:t})=>t===e);if(!n)return;this.#s&&this.#fe(!1);let r=++this.#D;if(t.origin===`navigator`&&this.#b&&this.#Se()===`sheet`&&(this.#ge(!1,{restoreFocus:!1,restoreComposer:!1,cancelNavigation:!1}),await Q()),!(r!==this.#D||!this.#k)){if(!this.#Oe().comments.some(({id:t})=>t===e)){this.#Fe();return}if(!(t.navigate&&!await this.#Ie(n))&&r===this.#D){if(!this.#Oe().comments.some(({id:t})=>t===e)){this.#Fe();return}this.#d=null,this.#_=e,this.#v=t.origin,this.#de(),W(n).available||this.#Le(`현재 화면에서 피드백 위치를 찾을 수 없습니다.`),queueMicrotask(()=>this.#e.querySelector(`.rg-thread-label`)?.focus({preventScroll:!0}))}}}#Fe(){!this.#b&&this.#ve()||queueMicrotask(()=>{this.#b?this.#Te():this.#Ee()?.focus({preventScroll:!0})})}async#Ie(e){if(!this.#ke(e)){let t=Zt(e);if(!t||t.origin!==window.location.origin)return this.#Le(`이 피드백의 페이지로 이동할 수 없습니다.`),!1;this.#Le(`${Yt(t.pathname)} 페이지로 이동합니다.`),this.#y=e.id;try{this.#t?.onNavigateToFeedback?await this.#t.onNavigateToFeedback(t.href,e):window.location.assign(t.href)}catch{this.#y=null,this.#Le(`피드백 페이지로 이동하지 못했습니다.`)}return!1}let t=W(e);if(!t.available||t.pageY===null)return!0;let n=window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches?`auto`:`smooth`;if(e.target.kind!==`viewport`){let t=w(e.anchor).element;if(t&&typeof t.scrollIntoView==`function`)try{return t.scrollIntoView({block:`center`,inline:`center`,behavior:n}),await Q(),await Q(),!0}catch{}}let r=window.visualViewport?.height??window.innerHeight,i=window.visualViewport?.width??window.innerWidth,a=Math.max(0,t.pageY-r/3),o=Math.max(0,(t.pageX??window.scrollX)-i/2);try{window.scrollTo({left:o,top:a,behavior:n})}catch{}return await Q(),await Q(),!0}#Le(e){let t=this.#e.querySelector(`[data-slot="announcer"]`);t&&(t.textContent=``,queueMicrotask(()=>{t.textContent=e}))}#Re(e,t=`neutral`){let n=this.#e.querySelector(`.rg-developer-status`);n&&(this.#ze(),n.textContent=e,n.dataset.tone=t,n.dataset.visible=`true`,this.#P=window.setTimeout(()=>{this.#P=null,n.isConnected&&(n.dataset.visible=`false`)},1800))}#ze(){this.#P!==null&&(window.clearTimeout(this.#P),this.#P=null)}#Be=e=>{if(!this.#s||this.#Pt(e)||this.#l&&e.pointerId!==this.#u)return;let t=Wt(e);if(this.#l&&St(this.#l,t)>=6){this.#yt(this.#l,t);return}this.#vt(t)};#Ve=e=>{!this.#s||this.#Pt(e)||e.button!==0||this.#l||(e.preventDefault(),e.stopImmediatePropagation(),this.#l=Wt(e),this.#u=e.pointerId)};#He=e=>{if(!this.#s||!this.#l||e.pointerId!==this.#u)return;if(this.#Pt(e)){this.#l=null,this.#u=null,this.#bt();return}e.preventDefault(),e.stopImmediatePropagation();let t=this.#l,n=this.#c,r=Wt(e),i=St(t,r)>=6;n===`feedback`&&(this.#d=i?de(t,r):ue(r));let a=n===`react-grab`?this.#Ge(t,r,i):[];this.#it(),this.#fe(!1),n===`react-grab`?this.#Ke(a):queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label textarea`)?.focus())};#Ue=e=>{!this.#s||!this.#l||e.pointerId!==this.#u||(e.preventDefault(),e.stopImmediatePropagation(),this.#l=null,this.#u=null,this.#bt())};#We=e=>{if(!this.#s)return;if(e.key===`Escape`){e.preventDefault(),e.stopImmediatePropagation(),this.#fe(!1);return}if(e.key!==`Enter`||e.isComposing||this.#Pt(e)||Rt(e))return;let t=Bt(e);if(!t)return;let n=D(t);if(n.width<=0||n.height<=0)return;e.preventDefault(),e.stopImmediatePropagation();let r=this.#c;r===`feedback`&&(this.#d=le(t,{clientX:n.left+n.width/2,clientY:n.top+n.height/2})),this.#fe(!1),r===`react-grab`?this.#Ke([t]):queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label textarea`)?.focus())};#Ge(e,t,n){if(!n){let e=E(t.clientX,t.clientY);return e?[e]:[]}return fe(new DOMRect(Math.min(e.clientX,t.clientX),Math.min(e.clientY,t.clientY),Math.abs(t.clientX-e.clientX),Math.abs(t.clientY-e.clientY))).slice(0,8)}async#Ke(e){if(e.length===0){this.#Le(`선택할 요소를 찾지 못했습니다.`),this.#Re(`선택할 요소가 없습니다`,`error`),this.#Ye();return}if(!this.#k||this.#L)return;let t=this.#k.signal;this.#L=!0,this.#pe(),this.#Le(`코드 컨텍스트를 복사하는 중입니다.`),this.#Re(`코드 컨텍스트 복사 중…`);try{let n=this.#qe(),r=await n;if(t.aborted||n!==this.#R)return;let i=await r.copyElement(e.length===1?e[0]:e);if(t.aborted)return;this.#Le(i?`코드 컨텍스트를 복사했습니다.`:`코드 컨텍스트를 복사하지 못했습니다. 다시 시도하세요.`),this.#Re(i?`코드 컨텍스트 복사됨`:`복사 실패 · 다시 시도`,i?`neutral`:`error`)}catch{t.aborted||(this.#Le(`코드 컨텍스트를 복사하지 못했습니다. 다시 시도하세요.`),this.#Re(`복사 실패 · 다시 시도`,`error`))}finally{t.aborted||(this.#L=!1,this.#pe(),this.#Ye())}}#qe(){if(this.#R)return this.#R;let e=(this.#t?.developerTools?.loadReactGrab??(()=>Ue(this.#t?.styleNonce)))();return this.#R=e,e.catch(()=>{this.#R===e&&(this.#R=null)}),e}#Je(){let e=this.#R;this.#R=null,e&&e.then(e=>e.dispose()).catch(()=>void 0)}#Ye(){this.#d||queueMicrotask(()=>this.#e.querySelector(`.rg-developer-grab-tool`)?.focus({preventScroll:!0}))}#Xe=e=>{if(!this.#s)return;if(this.#Pt(e)||Rt(e)){this.#bt();return}let t=Bt(e);if(!t){this.#bt();return}let n=D(t);if(n.width<=0||n.height<=0){this.#bt();return}let r=this.#e.querySelector(`[data-slot="region"]`);r&&(r.style.display=`none`);let i=this.#e.querySelector(`[data-slot="highlight"]`);i&&U(i,n)};#Ze(){if(!this.#s)return;let e=Vt(document);if(!e||r(e)||zt(e))return;let t=D(e);if(t.width<=0||t.height<=0)return;let n=this.#e.querySelector(`[data-slot="highlight"]`);n&&U(n,t)}#Qe=e=>{if(e.key===`Escape`&&!e.isComposing){if(this.#b){e.preventDefault(),e.stopImmediatePropagation(),this.#ge(!1);return}if(this.#_){e.preventDefault(),e.stopImmediatePropagation(),this.#gt(!0);return}if(this.#d){if(e.preventDefault(),e.stopImmediatePropagation(),this.#h?.target===this.#d){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}));return}}!((e.metaKey||e.ctrlKey)&&!e.shiftKey&&!e.altKey&&(e.code===`KeyC`||e.key.toLowerCase()===`c`))||this.#t?.developerTools?.reactGrab!==!0||e.repeat||this.#s||this.#d||this.#_||this.#b||this.#L||this.#N!==null||Rt(e)||Ut(e)||(this.#N=window.setTimeout(()=>{this.#N=null,!(this.#s||this.#d||this.#_||this.#b||this.#h||this.#L)&&this.#tt()},100))};#$e=e=>{let t=e.code===`KeyC`||e.key.toLowerCase()===`c`,n=e.key===`Meta`||e.key===`Control`;(t||n)&&this.#et()};#et(){this.#N!==null&&(window.clearTimeout(this.#N),this.#N=null)}#tt(){if(this.#t?.developerTools?.reactGrab!==!0)return;let e=this.#e.querySelector(`.rg-toolbar`);if(e?.dataset.collapsed===`true`){e.dataset.collapsed=`false`;let t=e.querySelector(`.rg-toolbar-actions-shell`);t&&(t.inert=!1,t.setAttribute(`aria-hidden`,`false`));let n=e.querySelector(`.rg-collapse`);n?.setAttribute(`aria-expanded`,`true`),n?.setAttribute(`aria-label`,`Visual Review 접기`)}this.#fe(!0,`react-grab`)}#nt=e=>{!this.#_||this.#Pt(e)||this.#gt(!1)};#rt=e=>{!this.#I||this.#Pt(e)||(e.preventDefault(),e.stopImmediatePropagation(),this.#at())};#it(){this.#at(),this.#I=!0,this.#F=window.setTimeout(()=>{this.#F=null,this.#I=!1},0)}#at(){this.#F!==null&&(window.clearTimeout(this.#F),this.#F=null),this.#I=!1}#ot=()=>{this.#st()};#st(){if(!(!this.#k||this.#z!==null)){if(typeof window.requestAnimationFrame==`function`){this.#B=!0,this.#z=-1;let e=window.requestAnimationFrame(()=>{this.#z=null,this.#ct()});this.#z!==null&&(this.#z=e);return}this.#B=!1,this.#z=window.setTimeout(()=>{this.#z=null,this.#ct()},16)}}#ct(){if(!this.#k)return;this.#U&&(this.#U=!1,this.#ut()),this.#pt(),this.#wt(),this.#xt(),this.#_t();let e=this.#e.querySelector(`.rg-feedback-navigator`);e&&e.dataset.presentation!==this.#Se()?(this.#ye(),this.#xe()):this.#Ce(),this.#ht()}#lt(){typeof window.ResizeObserver==`function`&&(this.#V=new window.ResizeObserver(this.#ot)),typeof window.MutationObserver==`function`&&(this.#H=new window.MutationObserver(e=>{e.some(({type:e})=>e===`childList`)&&(this.#U=!0),this.#ot()}),this.#ut()),this.#pt()}#ut(){let e=this.#H;if(!e)return;e.disconnect();let t=d();this.#dt(t),this.#ft();for(let r of t){if(r===this.#e)continue;let t=n(r)?r.documentElement:r;if(t)try{e.observe(t,{attributes:!0,characterData:!0,childList:!0,subtree:!0,attributeFilter:[`class`,`style`,`hidden`,`open`,`aria-hidden`,`id`,`data-review-id`,`data-testid`,`data-id`,`slot`]})}catch{}}}#dt(e){let t=new Set(e.filter(e=>n(e)&&e!==document));for(let[e,n]of this.#K)t.has(e)||(n(),this.#K.delete(e));for(let e of t){if(this.#K.has(e))continue;let t=[],n=(n,r,i=!0)=>{e.addEventListener(n,r,{capture:i,passive:n===`scroll`}),t.push({type:n,listener:r,capture:i})};n(`keydown`,this.#Qe),n(`keyup`,this.#$e),n(`keydown`,this.#We),n(`pointermove`,this.#Be),n(`pointerdown`,this.#nt),n(`pointerdown`,this.#Ve),n(`pointerup`,this.#He),n(`pointercancel`,this.#Ue),n(`click`,this.#rt),n(`focusin`,this.#Xe),n(`scroll`,this.#ot);let r=e.defaultView;r?.addEventListener(`resize`,this.#ot,{passive:!0}),r?.visualViewport?.addEventListener(`scroll`,this.#ot,{passive:!0}),r?.visualViewport?.addEventListener(`resize`,this.#ot,{passive:!0}),this.#K.set(e,()=>{t.forEach(({type:t,listener:n,capture:r})=>{e.removeEventListener(t,n,r)}),r?.removeEventListener(`resize`,this.#ot),r?.visualViewport?.removeEventListener(`scroll`,this.#ot),r?.visualViewport?.removeEventListener(`resize`,this.#ot)})}}#ft(){let e=new Set(o(`iframe`));for(let[t,n]of this.#q)e.has(t)||(n(),this.#q.delete(t));for(let t of e){if(this.#q.has(t))continue;let e=()=>{this.#U=!0,this.#st()};t.addEventListener(`load`,e),this.#q.set(t,()=>{t.removeEventListener(`load`,e)})}}#pt(){let e=this.#V;if(!e)return;let t=new Set,n=new Set;for(let e of this.#a?.comments??[]){let n=w(e.anchor).element;n&&Ht(n,t)}if(this.#d){let e=w(this.#d.anchor).element;e&&Ht(e,t)}for(let r of this.#G){if(t.has(r)){n.add(r);continue}try{e.unobserve(r)}catch{}}for(let r of t)if(!n.has(r))try{e.observe(r),n.add(r)}catch{}this.#G.clear(),n.forEach(e=>this.#G.add(e))}#mt(){this.#z!==null&&(this.#B&&typeof window.cancelAnimationFrame==`function`?window.cancelAnimationFrame(this.#z):window.clearTimeout(this.#z),this.#z=null),this.#W!==null&&(window.clearTimeout(this.#W),this.#W=null),this.#V?.disconnect(),this.#V=null,this.#H?.disconnect(),this.#H=null,this.#U=!1,this.#G.clear(),this.#K.forEach(e=>e()),this.#K.clear(),this.#q.forEach(e=>e()),this.#q.clear()}#ht(){let e=(this.#a?.comments??[]).some(e=>e.target.kind===`element`&&f(e.anchor.selector)&&!W(e).available);if(!this.#k||!e){this.#W!==null&&(window.clearTimeout(this.#W),this.#W=null);return}this.#W===null&&(this.#W=window.setTimeout(()=>{this.#W=null,this.#U=!0,this.#st()},750))}#gt(e){let t=this.#_;if(!t)return;let n=this.#v;this.#D+=1,this.#_=null,this.#v=null,this.#Ct(),this.#Tt(),this.#ye(),!(!this.#b&&this.#ve())&&e&&queueMicrotask(()=>{if(n===`navigator`&&this.#b){let e=this.#De(t);e?e.focus():this.#Te();return}if(n===`navigator`){this.#Ee()?.focus();return}let e=[...this.#e.querySelectorAll(`.pin[data-comment-id]`)].find(({dataset:e})=>e.commentId===t);e?e.focus():this.#Ee()?.focus({preventScroll:!0})})}#_t(){let e=this.#e.querySelector(`.rg-selection-label`);if(!e)return;if(this.#d){M(e,Et(this.#d));return}if(!this.#_)return;let t=this.#a?.comments.find(({id:e})=>e===this.#_);t&&M(e,Dt(t))}#vt(e){let t=E(e.clientX,e.clientY),n=this.#e.querySelector(`[data-slot="highlight"]`),r=this.#e.querySelector(`[data-slot="region"]`);if(r&&(r.style.display=`none`),!n||!t){n&&(n.style.display=`none`);return}U(n,D(t))}#yt(e,t){let n=this.#e.querySelector(`[data-slot="highlight"]`),r=this.#e.querySelector(`[data-slot="region"]`);n&&(n.style.display=`none`),r&&(r.removeAttribute(`data-point`),r.removeAttribute(`data-context-target`),U(r,new DOMRect(Math.min(e.clientX,t.clientX),Math.min(e.clientY,t.clientY),Math.abs(t.clientX-e.clientX),Math.abs(t.clientY-e.clientY))))}#bt(){this.#e.querySelectorAll(`.highlight, .region`).forEach(e=>{e.style.display=`none`,e.removeAttribute(`data-context-target`),e.removeAttribute(`data-point`)})}#xt(){if(this.#s)return;if(this.#d){this.#St(this.#d);return}let e=this.#a?.comments.find(({id:e})=>e===this.#_);if(e){this.#St(e.target);return}this.#bt()}#St(e){let t=this.#e.querySelector(`[data-slot="highlight"]`),n=this.#e.querySelector(`[data-slot="region"]`);if(!(!t||!n)){if(t.style.display=`none`,n.style.display=`none`,t.removeAttribute(`data-context-target`),n.removeAttribute(`data-context-target`),n.removeAttribute(`data-point`),e.kind===`element`){let n=w(e.anchor);if(!n.anchored||!n.visible||!n.element)return;let r=D(n.element);t.dataset.contextTarget=`true`,U(t,r);return}if(n.dataset.contextTarget=`true`,e.kind===`viewport`){n.dataset.point=`true`,U(n,Mt(e));return}U(n,kt(e))}}#Ct(){let e=this.#e.querySelector(`[data-slot="pins"]`);if(!e)return;let t=this.#e.activeElement instanceof HTMLElement&&this.#e.activeElement.matches(`.pin[data-comment-id]`)?this.#e.activeElement.dataset.commentId:void 0;e.replaceChildren();let n=this.#a;if(!n)return;let r=Ke(this.#Oe()).pinNumberByCommentId;n.comments.forEach(t=>{if(!this.#ke(t))return;let n=W(t);if(!n.available||n.pageX===null||n.pageY===null)return;let i=r.get(t.id)??1,a=document.createElement(`button`);a.type=`button`,a.className=`pin`,a.dataset.commentId=t.id,a.dataset.resolved=String(t.status===`resolved`),a.dataset.active=String(t.id===this.#_),a.style.display=`grid`,a.style.left=`${n.pageX-window.scrollX}px`,a.style.top=`${n.pageY-window.scrollY}px`,a.textContent=String(i),a.setAttribute(`aria-label`,`${i}번 피드백: ${t.body.slice(0,80)}`),a.setAttribute(`aria-expanded`,String(t.id===this.#_)),a.setAttribute(`aria-controls`,Ot(t.id)),a.addEventListener(`click`,()=>{if(this.#_===t.id){this.#gt(!0);return}this.#Pe(t.id,{origin:`pin`,navigate:!1})}),e.append(a)}),t&&queueMicrotask(()=>{[...e.querySelectorAll(`.pin[data-comment-id]`)].find(({dataset:e})=>e.commentId===t)?.focus({preventScroll:!0})})}#wt(){let e=new Map(this.#a?.comments.map(e=>[e.id,e])??[]),t=[...this.#e.querySelectorAll(`.pin[data-comment-id]`)],n=new Set(t.map(({dataset:e})=>e.commentId??``));if([...e.values()].some(e=>{if(!this.#ke(e)||n.has(e.id))return!1;let t=W(e);return t.available&&t.pageX!==null&&t.pageY!==null})){this.#Ct();return}t.forEach(t=>{let n=e.get(t.dataset.commentId??``);if(!n)return;if(!this.#ke(n)){t.style.display=`none`;return}let r=W(n);if(!r.available||r.pageX===null||r.pageY===null){t.style.display=`none`;return}t.style.display=`grid`,t.style.left=`${r.pageX-window.scrollX}px`,t.style.top=`${r.pageY-window.scrollY}px`})}#Tt(){let e=this.#e.querySelector(`[data-slot="panels"]`);if(!e)return;let t=this.#e.activeElement,n=t instanceof HTMLTextAreaElement&&t.closest(`.rg-thread-label`)!==null,r=t instanceof HTMLTextAreaElement&&t.closest(`.rg-selection-label:not(.rg-thread-label)`)!==null,i=n||r?{start:t.selectionStart,end:t.selectionEnd,direction:t.selectionDirection}:null,a=e.querySelector(`.rg-thread-messages`)?.scrollTop??0;if(e.replaceChildren(),this.#d){this.#St(this.#d),e.append(this.#Et(this.#d)),r&&i&&queueMicrotask(()=>{let t=e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`);t?.focus({preventScroll:!0}),t?.setSelectionRange(i.start,i.end,i.direction)});return}let o=this.#a?.comments.find(({id:e})=>e===this.#_);if(o){this.#St(o.target),e.append(this.#kt(o)),queueMicrotask(()=>{let t=e.querySelector(`.rg-thread-messages`);if(t&&(t.scrollTop=a),!n||!i)return;let r=e.querySelector(`.rg-thread-label textarea`);r?.focus({preventScroll:!0}),r?.setSelectionRange(i.start,i.end,i.direction)});return}this.#s||this.#bt()}#Et(e){let t=Ie(`피드백`,`변경할 점`,`변경할 점 입력`);M(t,Et(e));let n=t.querySelector(`textarea`),r=t.querySelector(`.rg-submit`);n.value=this.#f;let i=this.#h?.target===e&&this.#h.body===n.value.trim();n.disabled=i,r.disabled=i||!this.#me();let a=()=>{n.style.height=`auto`,n.style.height=`${Math.min(n.scrollHeight,95)}px`};return n.addEventListener(`input`,()=>{this.#f=n.value,r.disabled=!this.#me()||!n.value.trim(),this.#m?.body!==n.value.trim()&&(this.#m=null,this.#p=``,t.querySelector(`.rg-inline-error`)?.remove()),a()}),n.addEventListener(`keydown`,t=>{if(t.key===`Escape`){if(t.preventDefault(),this.#h?.target===e){this.#Le(`피드백을 저장하는 중입니다.`);return}this.#d=null,this.#f=``,this.#p=``,this.#m=null,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0}))}t.key===`Enter`&&(t.metaKey||t.ctrlKey)&&!t.shiftKey&&!t.altKey&&!t.isComposing&&(t.preventDefault(),r.click())}),r.addEventListener(`click`,()=>void this.#Dt(t,e)),this.#p&&wt(t,this.#p),t}async#Dt(e,t){if(!this.#t||this.#h||!this.#me())return;let n=this.#t,r=n.pageId,i=n.repository,a=this.#k?.signal;if(!a)return;let o=e.querySelector(`textarea`),s=e.querySelector(`.rg-submit`),c=o?.value.trim()??``;if(!c||!o||!s)return;s.disabled=!0,o.disabled=!0;let l={target:t,body:c,comment:null};this.#h=l;let u=i.attachScreenshot?lt(t):Promise.resolve(null),d=this.#m?.target===t&&this.#m.body===c?this.#m.comment:null;if(!d){let e=t;if(n.sourceContextResolver)try{e=await ge(t,n.sourceContextResolver,{signal:a})}catch{}if(a.aborted||this.#h!==l)return;let i=n.now?.()??Date.now();d={id:n.id?.()??crypto.randomUUID(),pageId:r,authorId:n.session.reviewerId,authorName:n.session.displayName,body:c,anchor:e.anchor,target:e,status:`open`,createdAt:i,updatedAt:i}}l.comment=d;let f=!1;try{await i.mutate(r,{type:`comment.upsert`,comment:d}),f=await this.#Ot(d.id,a)}catch{if(a.aborted||this.#h!==l)return;this.#h=null,this.#m={target:t,body:c,comment:d},this.#p=`저장하지 못했습니다. 다시 시도하세요.`,!this.#b&&this.#d===t&&(this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-selection-label:not(.rg-thread-label) textarea`)?.focus({preventScroll:!0})));return}if(a.aborted||!f)return;this.#h===l&&(this.#h=null),this.#m=null,this.#p=``,this.#g?.target===t&&(this.#g=null),this.#d===t&&(this.#d=null,this.#f=``,this.#Tt(),queueMicrotask(()=>this.#e.querySelector(`.rg-feedback-tool`)?.focus({preventScroll:!0})));let p=await u;if(p&&i.attachScreenshot)try{await i.attachScreenshot(r,d.id,p),this.#Le(`피드백과 위치 캡처를 저장했습니다.`);return}catch{this.#Le(`피드백은 저장했지만 위치 캡처는 저장하지 못했습니다.`);return}this.#Le(`피드백을 저장했습니다.`)}async#Ot(e,t){return this.#a?.comments.some(({id:t})=>t===e)?!0:await new Promise((n,r)=>{let i=()=>{clearTimeout(o),t.removeEventListener(`abort`,a),this.#ee.delete(e)},a=()=>{i(),n(!1)},o=setTimeout(()=>{i(),r(Error(`Comment was not confirmed by the review service`))},gt);this.#ee.set(e,e=>{i(),n(e)}),t.addEventListener(`abort`,a,{once:!0})})}#kt(e){let t=this.#a?Ke(this.#a).pinNumberByCommentId.get(e.id)??1:1,n=!W(e).available,r=Ie(`피드백 ${t}${e.status===`resolved`?` · 완료`:``}${n?` · 위치 없음`:``}`,`답글`,`답글 입력`);r.classList.add(`rg-thread-label`),r.id=Ot(e.id),r.tabIndex=-1,r.dataset.commentId=e.id,r.setAttribute(`aria-label`,`피드백 대화`),M(r,Dt(e));let i=r.querySelector(`.rg-tag-row`),a=document.createElement(`button`);a.type=`button`,a.className=`rg-thread-close`,a.setAttribute(`aria-label`,`피드백 닫기`),a.append(Le()),i.append(a);let o=H(`rg-thread-messages`);o.append(Ct(e.authorName,e.body,e.createdAt)),(this.#a?.replies.filter(({commentId:t})=>t===e.id)??[]).forEach(e=>o.append(Ct(e.authorName,e.body,e.createdAt))),r.querySelector(`.rg-surface`)?.insertBefore(o,r.querySelector(`.rg-bottom-section`));let s=r.querySelector(`textarea`),c=r.querySelector(`.rg-submit`);s.value=this.#J.get(e.id)??``;let l=this.#Y.has(e.id);s.disabled=l,c.disabled=l,c.setAttribute(`aria-label`,`답글 저장`);let u=()=>{s.style.height=`auto`,s.style.height=`${Math.min(s.scrollHeight,95)}px`};s.addEventListener(`input`,()=>{this.#J.set(e.id,s.value),this.#Z.get(e.id)?.body!==s.value.trim()&&(this.#Z.delete(e.id),this.#X.delete(e.id),r.querySelector(`.rg-inline-error`)?.remove()),u()}),s.addEventListener(`keydown`,e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&!e.shiftKey&&!e.altKey&&!e.isComposing&&(e.preventDefault(),c.click())}),a.addEventListener(`click`,()=>this.#gt(!0)),c.addEventListener(`click`,()=>void this.#At(r,e));let d=this.#X.get(e.id);return d&&wt(r,d),queueMicrotask(u),r}async#At(e,t){if(!this.#t||!this.#me())return;let n=this.#k?.signal;if(!n||this.#Y.has(t.id))return;let r=e.querySelector(`textarea`),i=e.querySelector(`.rg-submit`),a=r?.value.trim()??``;if(!a||!r||!i)return;let o=this.#Z.get(t.id),s=this.#t.now?.()??Date.now(),c=o?.body===a?o.reply:{id:this.#t.id?.()??crypto.randomUUID(),commentId:t.id,authorId:this.#t.session.reviewerId,authorName:this.#t.session.displayName,body:a,createdAt:s,updatedAt:s},l=Symbol(t.id);this.#Y.set(t.id,{request:l,body:a,reply:c}),this.#Mt(t.id,!0);try{await this.#t.repository.mutate(this.#t.pageId,{type:`reply.upsert`,reply:c}),await this.#jt(c,n)}catch{if(n.aborted||this.#Y.get(t.id)?.request!==l)return;this.#Y.delete(t.id),this.#Z.set(t.id,{body:a,reply:c}),this.#X.set(t.id,`답글을 저장하지 못했습니다. 다시 시도하세요.`),i.disabled=!1,r.disabled=!1,this.#_===t.id&&(this.#Tt(),queueMicrotask(()=>this.#Nt(t.id)?.querySelector(`textarea`)?.focus({preventScroll:!0})));return}if(n.aborted||this.#Y.get(t.id)?.request!==l)return;this.#Y.delete(t.id),this.#Z.delete(t.id),this.#X.delete(t.id),this.#J.delete(t.id);let u=this.#Nt(t.id)?.querySelector(`textarea`);u&&(u.value=``,u.style.height=`auto`),this.#Mt(t.id,!1),this.#Le(`답글을 저장했습니다.`)}async#jt(e,t){this.#a?.replies.some(({id:t,commentId:n})=>t===e.id&&n===e.commentId)||await new Promise((n,r)=>{let i=()=>{clearTimeout(o),t.removeEventListener(`abort`,a),this.#te.delete(e.id)},a=()=>{i(),n()},o=setTimeout(()=>{i(),r(Error(`Reply was not confirmed by the review service`))},gt);this.#te.set(e.id,{commentId:e.commentId,settle:()=>{i(),n()}}),t.addEventListener(`abort`,a,{once:!0})})}#Mt(e,t){let n=this.#Nt(e),r=n?.querySelector(`textarea`),i=n?.querySelector(`.rg-submit`);r&&(r.disabled=t),i&&(i.disabled=t)}#Nt(e){return[...this.#e.querySelectorAll(`.rg-thread-label`)].find(({dataset:t})=>t.commentId===e)}#Pt(e){return e.composedPath().includes(this)}};function bt(e){re(e.styleNonce),customElements.get(`agency-review-widget`)||customElements.define(mt,yt);let t=document.createElement(mt);return t.configure(e),document.body.append(t),t}function xt(e,t){let n=e.hostname.toLowerCase();return t.some(e=>e.toLowerCase()===n)||n===`localhost`||n===`127.0.0.1`||n.endsWith(`.test`)||n.endsWith(`.local`)}function H(e){let t=document.createElement(`div`);return t.className=e,t}function U(e,t){e.style.display=`block`,e.style.left=`${t.left}px`,e.style.top=`${t.top}px`,e.style.width=`${t.width}px`,e.style.height=`${t.height}px`}function St(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function Ct(e,t,n){let r=document.createElement(`article`);r.className=`rg-message`;let i=H(`rg-message-meta`);i.textContent=`${e} · ${new Date(n).toLocaleString(void 0,{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`})}`;let a=document.createElement(`p`);return a.className=`rg-message-body`,a.textContent=t,r.append(i,a),r}function wt(e,t){let n=e.querySelector(`.rg-inline-error`);if(!n){n=H(`rg-inline-error`),n.setAttribute(`role`,`alert`);let t=e.querySelector(`.rg-surface`);t?.insertBefore(n,t.querySelector(`.rg-bottom-section`))}n.textContent=t}function Tt(e){let t=e.elements.map(({textPreview:e})=>e.replace(/\s+/g,` `).trim()).find(Boolean);return t?t.length>48?`${t.slice(0,47).trimEnd()}…`:t:e.kind===`region`?`선택 영역`:e.kind===`viewport`?`화면 위치`:`선택 요소`}function Et(e){let t=w(e.anchor),n=t.x-window.scrollX;if(e.kind===`element`&&t.element){let e=D(t.element);return{x:e.left,y:e.top,width:e.width,height:e.height,anchorX:n}}if(e.kind===`viewport`){let t=Mt(e);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}let r=kt(e);return{x:r.left,y:r.top,width:r.width,height:r.height,anchorX:e.kind===`region`?r.left+r.width/2:n}}function Dt(e){if(e.target.kind===`element`){if(W(e).available)return Et(e.target);let t=window.visualViewport,n=t?.offsetLeft??0,r=t?.offsetTop??0,i=t?.width??window.innerWidth;return{x:n+i/2,y:r+16,width:0,height:0,anchorX:n+i/2}}if(e.target.kind===`viewport`){let t=Mt(e.target);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}let t=kt(e.target);return{x:t.left,y:t.top,width:t.width,height:t.height,anchorX:t.left+t.width/2}}function W(e){if(e.target.kind===`element`){let t=w(e.anchor);return t.anchored&&t.visible&&t.element?{available:!0,pageX:t.x,pageY:t.y}:{available:!1,pageX:null,pageY:null}}if(e.target.kind===`region`){let t=At(e.target);return Number.isFinite(t.pageX)&&Number.isFinite(t.pageY)?{available:!0,pageX:t.pageX,pageY:t.pageY}:{available:!1,pageX:null,pageY:null}}let t=Pt(e.target);return Number.isFinite(t.pageX)&&Number.isFinite(t.pageY)?{available:!0,pageX:t.pageX,pageY:t.pageY}:{available:!1,pageX:null,pageY:null}}function Ot(e){return`visual-review-thread-${e.replace(/[^a-zA-Z0-9_-]/g,`-`)}`}function kt(e){let t=G(e),n=At(e,t),r=q(e.region.width)*t.x,i=q(e.region.height)*t.y;return Ft(new DOMRect(n.pageX-window.scrollX-r/2,n.pageY-window.scrollY-i/2,r,i))}function At(e,t=G(e)){return jt(e,t)??Nt(e,t)}function jt(e,t){if(e.kind!==`region`||!e.anchor.selector)return null;let n=w(e.anchor);if(!n.anchored||!n.visible||!n.element)return null;let r=e.elements.find(({selector:t})=>t===e.anchor.selector);if(!r)return{pageX:n.x,pageY:n.y};let i=r.rect.pageX+r.rect.width*e.anchor.offsetX,a=r.rect.pageY+r.rect.height*e.anchor.offsetY,o=e.region.pageX+e.region.width/2,s=e.region.pageY+e.region.height/2;return{pageX:n.x+(o-i)*t.x,pageY:n.y+(s-a)*t.y}}function Mt(e){let t=Pt(e);return It(new DOMRect(t.pageX-window.scrollX-7,t.pageY-window.scrollY-7,14,14))}function Nt(e,t=G(e)){let n=Pt(e,t);return{pageX:n.pageX+n.width/2,pageY:n.pageY+n.height/2}}function Pt(e,t=G(e)){let n=e.region,r=J(n.viewportX,n.pageX),i=J(n.viewportY,n.pageY),a=J(n.pageX,window.scrollX+r),o=J(n.pageY,window.scrollY+i),s=a-r,c=o-i;return{pageX:s+r*t.x,pageY:c+i*t.y,width:q(n.width)*t.x,height:q(n.height)*t.y}}function G(e){let t=K(window.innerWidth,1),n=K(window.innerHeight,1),r=K(e.region.viewportWidth,t),i=K(e.region.viewportHeight,n);return{x:t/r,y:n/i}}function Ft(e){let t=Lt(),n=X(J(e.left,t.left),t.left,t.right),r=X(J(e.top,t.top),t.top,t.bottom),i=X(J(e.right,n),t.left,t.right),a=X(J(e.bottom,r),t.top,t.bottom);return new DOMRect(n,r,Math.max(0,i-n),Math.max(0,a-r))}function It(e){let t=Lt(),n=Math.min(q(e.width),t.width),r=Math.min(q(e.height),t.height);return new DOMRect(X(J(e.left,t.left),t.left,t.right-n),X(J(e.top,t.top),t.top,t.bottom-r),n,r)}function Lt(){let e=window.visualViewport;return new DOMRect(J(e?.offsetLeft,0),J(e?.offsetTop,0),K(e?.width,window.innerWidth),K(e?.height,window.innerHeight))}function K(e,t){return Number.isFinite(e)&&(e??0)>0?e:Math.max(Number.isFinite(t)?t:1,1)}function q(e){return Number.isFinite(e)?Math.max(0,e):0}function J(e,t){return Number.isFinite(e)?e:Number.isFinite(t)?t:0}function Rt(e){return Y(e).designMode===`on`||e.composedPath().some(e=>{let t=Gt(e);return t?zt(t):!1})}function zt(e){let t=e.tagName.toLowerCase();return t===`input`||t===`textarea`||t===`select`||`isContentEditable`in e&&!!e.isContentEditable||vt.has(e.getAttribute(`role`)??``)}function Bt(e){let t=e.composedPath().map(Gt).find(Boolean)??null;return!t||t===t.ownerDocument.documentElement||t===t.ownerDocument.body||r(t)?null:t}function Vt(e){let t=e.activeElement,n=new Set;for(;t&&!n.has(t);){n.add(t);let e=t.shadowRoot?.activeElement;if(e){t=e;continue}if(t.tagName.toLowerCase()===`iframe`)try{let e=t.contentDocument?.activeElement;if(e){t=e;continue}}catch{}break}return t}function Ht(e,t){let r=e,i=new Set;for(;r&&!i.has(r);){i.add(r),t.add(r);let e=r.getRootNode();if(l(e)){r=e.host;continue}if(n(e)&&e!==document){try{r=e.defaultView?.frameElement??null}catch{r=null}continue}r=null}}function Ut(e){let t=Y(e).defaultView?.getSelection();return!!(t&&!t.isCollapsed&&t.toString().length>0)}function Wt(e){let t=e.clientX,n=e.clientY,r=Y(e);for(;r!==document;){let e=null;try{e=r.defaultView?.frameElement??null}catch{break}if(!e)break;let i=e.getBoundingClientRect(),o=e,s=a(o);t=i.left+(o.clientLeft+t)*s.x,n=i.top+(o.clientTop+n)*s.y,r=e.ownerDocument}return{clientX:t,clientY:n}}function Y(e){for(let t of e.composedPath()){if(Kt(t))return t;let e=Gt(t);if(e)return e.ownerDocument}return document}function Gt(e){return e&&`nodeType`in e&&e.nodeType===1?e:null}function Kt(e){return`nodeType`in e&&e.nodeType===9}function qt(e){if(!e||typeof e!=`object`)return!1;let t=e;return t.clearSnapshot===!0?t.type===`access-lost`?t.recovery===`reauthenticate`&&[`permission-denied`,`session-expired`,`membership-revoked`].includes(t.code??``):t.type===`error`&&t.recovery===`retry`&&[`transport`,`data-integrity`,`unknown`].includes(t.code??``):!1}function Jt(e){return e===`all`||e===`open`||e===`resolved`}function X(e,t,n){return Math.min(n,Math.max(t,e))}function Yt(e){return e.replace(/\/+$/,``)||`/`}function Xt(e){let t=e.origin===window.location.origin?`${e.pathname||`/`}${e.search}${e.hash}`:e.href;try{return decodeURI(t)}catch{return t}}function Zt(e){try{return new URL(e.target.pageUrl,window.location.href)}catch{return null}}function Z(...e){e.forEach(e=>{try{e?.()}catch{}})}function Qt(e,t){let n=Math.max(0,Math.floor((t-e)/1e3));if(n<60)return`방금`;let r=Math.floor(n/60);if(r<60)return`${r}분 전`;let i=Math.floor(r/60);if(i<24)return`${i}시간 전`;let a=Math.floor(i/24);return a<7?`${a}일 전`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function Q(){return new Promise(e=>{if(typeof window.requestAnimationFrame==`function`){window.requestAnimationFrame(()=>e());return}queueMicrotask(e)})}function $t(e,t){return{value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}}function $(e,t,n){n.value?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t)}function en(){for(let e of[document.body,document.documentElement]){let t=getComputedStyle(e).backgroundColor.match(/[\d.]+/g)?.map(Number);if(!t||t.length<3)continue;let[n=0,r=0,i=0,a=1]=t;if(!(a<.5))return(n*.2126+r*.7152+i*.0722)/255<.45?`light`:`dark`}return window.matchMedia?.(`(prefers-color-scheme: dark)`).matches??!1?`light`:`dark`}export{ht as REVIEW_REAUTHENTICATION_REQUIRED_EVENT,mt as REVIEW_WIDGET_TAG,yt as ReviewWidgetElement,xt as isStagingLocation,bt as mountReviewWidget};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@01.works/visual-review",
3
- "version": "0.8.0",
3
+ "version": "0.8.1",
4
4
  "description": "Invitation-only visual feedback for staging websites, hosted by 01.works.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1 +0,0 @@
1
- const e=`https://visual-review.01.works`;function t(e){let t=new URL(e),n=t.hostname===`localhost`||t.hostname===`127.0.0.1`||t.hostname.endsWith(`.test`)||t.hostname.endsWith(`.local`);if(t.protocol!==`https:`&&!(n&&t.protocol===`http:`))throw Error(`Visual Review serviceUrl must use HTTPS outside local development`);if(t.username||t.password||t.search||t.hash)throw Error(`Visual Review serviceUrl must be a plain origin or base path`);return t.toString().replace(/\/+$/,``)}const n=()=>{let e=Promise.resolve(null);return{ready:e,refresh:()=>e,dispose(){}}},r=new Map,i=6e4,a=1e4;function o(e={}){if(e.enabled!==!0||typeof window>`u`||typeof document>`u`)return n();let r=!1,i=0,a=null,o=null,m=null,g=null,_=!1,v=null,x=null,T=document.baseURI,A=new WeakMap,M=new Map,N=W(window),P=Z(e.styleNonce,document),F=e.activationParam??`visual-review`,I=y(window.location,F),L=h(window,e=>{let t=y(e,F);if(t===I)return;let n=D(F,e.href);n&&M.set(e.origin,n),I=t,z(e)}),R=e=>{r||!g||e.target!==g||(I=y(window.location,F),U())};return window.addEventListener(`visual-review:reauthenticate-required`,R),{ready:U(),refresh(){return r?Promise.resolve(null):(I=y(window.location,F),z(b(window.location),!0))},dispose(){r||(r=!0,i+=1,V(),g?.remove(),g=null,x=null,v?.remove(),v=null,M.clear(),L.unsubscribe(),window.removeEventListener(`visual-review:reauthenticate-required`,R))}};function z(e,t=!1){return!g||!x||x.origin!==e.origin||D(F,e.href)?U():B(g,x,e,t)}function B(t,n,r,s){let l=++i;a!==o&&a?.abort();let u=new AbortController;a=u;let d=c(e.build,r),f=(async()=>{try{let i=await k(n.resolvePage({location:r,signal:u.signal,collaboration:{cursors:e.collaboration?.cursors===!0,chat:e.collaboration?.chat===!0,scopeId:d}}),u.signal);return Q(l,u)?(i.commit?.(),t.setPage({pageId:i.pageId,collaboration:{roomId:i.collaborationRoomId,scopeId:d}},{reload:s}),t.isConnected||document.body?.append(t),t):$(l)}catch{return Q(l,u)?U():$(l)}})();return m=f,f}function V(){a?.abort(),o?.abort(),a=null,o=null}function U(){let t=++i;V(),g?.remove(),g=null,x=null,v?.remove();let n=new AbortController,r=document.createElement(`div`);r.dataset.agencyReviewRoot=``,a=n,o=n,v=r;let s=K(t,n,r);return m=s,s.then(r=>{r&&Q(t,n)&&g===r&&e.onReady?.(r)}),s}async function K(t,n,i){try{let e=document.body??await j(document,n.signal);if(!Q(t,n))return $(t);e.append(i);let r=await q(t,n,i);return Q(t,n)?r:(i.remove(),$(t))}catch(a){if(!Q(t,n))return i.remove(),$(t);if(f(a,`AUTH_CANCELLED`))return i.remove(),v===i&&(v=null),null;let o=A.get(i)?.[3];X(a,i);let s=Y(a,A.get(i)?.[2]);return o!==`storage`||_||!p(a)?J(i,s.message,P,()=>{r||v!==i||(I=y(window.location,F),U())}):(i.remove(),v===i&&(v=null)),e.onError?.(s),window.dispatchEvent(new CustomEvent(`visual-review:error`,{detail:s})),null}}async function q(n,r,i){let a=t(e.serviceUrl??`https://visual-review.01.works`),o=b(window.location),f=E(a,F,o,N),p=ee(M.get(o.origin)),m=te(S(a,o.origin)),h=f?.source===`url`?f:p??m??f;if(!h)return A.delete(i),i.remove(),v===i&&(v=null),null;let D=h.invitationId;A.set(i,[a,o.origin,D,h.source]),h.source===`url`?(G(a,o.origin,N),M.set(o.origin,D),C(a,o.origin,D),L.suppress(()=>O(F))):h.source===`handoff`&&M.set(o.origin,D),I=y(window.location,F);let j=await k((e.runtime??await l(a)).resolve({invitationId:D,location:o,signal:r.signal,authHost:i,styleNonce:P,collaboration:{cursors:e.collaboration?.cursors===!0,chat:e.collaboration?.chat===!0,scopeId:c(e.build,o)}}),r.signal);if(!Q(n,r))return null;w(a,o.origin,D),H(a,D,o,N),M.set(o.origin,D);let R=e.sourceContextResolver??await d(e.build,T,r.signal,P);if(!Q(n,r))return null;let{mountReviewWidget:z}=await u(r.signal);return Q(n,r)?(g=z({...j,collaboration:{cursors:e.collaboration?.cursors===!0&&!!(j.collaborationRepository&&j.collaborationRoomId),chat:e.collaboration?.chat===!0&&!!j.collaborationRepository,repository:j.collaborationRepository,roomId:j.collaborationRoomId,scopeId:c(e.build,o)},developerTools:e.developerTools,onNavigateToFeedback:async t=>{let n=new URL(t,window.location.href);if(n.origin!==window.location.origin)throw Error(`Visual Review route navigation must stay on the staging origin`);if(e.navigateToFeedback){await e.navigateToFeedback(n.href);return}if(s(document)){window.history.pushState(window.history.state,``,`${n.pathname}${n.search}${n.hash}`);return}window.location.assign(n.href)},sourceContextResolver:R,styleNonce:P}),x=j.resolvePage?{origin:o.origin,resolvePage:e=>j.resolvePage(e)}:null,i.remove(),v===i&&(v=null),_=!0,window.dispatchEvent(new CustomEvent(`visual-review:ready`,{detail:g})),g):null}function X(e,t){if(!p(e))return;let n=A.get(t);if(!n)return;let[r,i,a]=n;w(r,i,a),M.get(i)===a&&M.delete(i),G(r,i,N,a)}function Q(e,t){return!r&&i===e&&a===t&&!t.signal.aborted}function $(e){return!r&&i!==e?m:null}}function s(e){return e.querySelector(`script[src*="/_next/"], link[href*="/_next/"], meta[name="next-head-count"]`)!==null}function c(e,t){return JSON.stringify([M(e).buildId,t.pathname,t.search])}async function l(e){let{createHostedReviewRuntime:t}=await import(`./hosted-runtime-DhsJeEIY.js`);return t({serviceUrl:e})}async function u(e){return A(import(`./src-CD6o7nmE.js`),e,a,`리뷰 위젯을 불러오는 시간이 초과되었습니다. 다시 시도해 주세요.`)}async function d(e,t,n,r){let i=M(e),{createGeneratedSourceContextResolver:o}=await A(import(`./generated-source-context-C66OooTX.js`),n,a,`리뷰 소스 정보를 불러오는 시간이 초과되었습니다. 다시 시도해 주세요.`),s=o({build:i}),c=s.resolve.bind(s),l=null;return s.resolve=async(e,t)=>{let n=await c(e,t);if(n.source)return n;try{if(!l){let{createReactSourceContextResolver:e}=await import(`./source-context-C7pc-g90.js`).then(e=>e.t);l=e({build:i,styleNonce:r})}let a=await l.resolve(e,t);return a.source?a:n}catch{return n}},s}function f(e,t){return e instanceof Error&&`code`in e&&e.code===t}function p(e){let t=e instanceof Error&&`code`in e?e.code:void 0;return typeof t==`string`&&/^INVITATION_(?:EXPIRED|NOT_FOUND|REVOKED)$/.test(t)}const m=new WeakMap;function h(e,t){let n=m.get(e);if(!n){let t=e.history,r=t.pushState,i=t.replaceState,a=new Set;n={history:t,originalPushStateDescriptor:Object.getOwnPropertyDescriptor(t,`pushState`),originalReplaceStateDescriptor:Object.getOwnPropertyDescriptor(t,`replaceState`),patchedPushState:function(t,n,i){r.call(this,t,n,i),g(e)},patchedReplaceState:function(t,n,r){i.call(this,t,n,r),g(e)},popstateListener:()=>g(e),subscribers:a,suppressionDepth:0},m.set(e,n),_(t,`pushState`,n.patchedPushState),_(t,`replaceState`,n.patchedReplaceState),e.addEventListener(`popstate`,n.popstateListener)}n.subscribers.add(t);let r=!0;return{suppress(e){n.suppressionDepth+=1;try{return e()}finally{--n.suppressionDepth}},unsubscribe(){r&&(r=!1,n.subscribers.delete(t),!(n.subscribers.size>0)&&(e.removeEventListener(`popstate`,n.popstateListener),v(n.history,`pushState`,n.patchedPushState,n.originalPushStateDescriptor),v(n.history,`replaceState`,n.patchedReplaceState,n.originalReplaceStateDescriptor),m.delete(e)))}}}function g(e){let t=m.get(e);if(!t||t.suppressionDepth>0)return;let n=b(e.location);[...t.subscribers].forEach(e=>e(n))}function _(e,t,n){Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:!0,value:n})}function v(e,t,n,r){if(Object.getOwnPropertyDescriptor(e,t)?.value===n){if(r){Object.defineProperty(e,t,r);return}delete e[t]}}function y(e,t){return`${e.origin}\n${e.pathname}\n${D(t,e.href)??``}`}function b(e){return new URL(e.href)}function ee(e){return e?{invitationId:e,source:`memory`}:null}function te(e){return e?{invitationId:e,source:`handoff`}:null}function x(e,t){return JSON.stringify([e,t])}function S(e,t,n=Date.now()){let i=x(e,t),a=r.get(i);if(a){if(a.expiresAt>n)return a.invitationId;clearTimeout(a.timeout),r.delete(i)}}function C(e,t,n,a=Date.now()){T(a);let o=x(e,t),s=r.get(o);for(s&&(clearTimeout(s.timeout),r.delete(o));r.size>=32;){let e=r.keys().next().value;if(!e)break;let t=r.get(e);t&&clearTimeout(t.timeout),r.delete(e)}let c=a+i,l=setTimeout(()=>{r.get(o)?.expiresAt===c&&r.delete(o)},i);r.set(o,{invitationId:n,expiresAt:c,timeout:l})}function w(e,t,n){let i=x(e,t),a=r.get(i);a?.invitationId===n&&(clearTimeout(a.timeout),r.delete(i))}function T(e){for(let[t,n]of r)n.expiresAt>e||(clearTimeout(n.timeout),r.delete(t))}function E(e,t,n,r){let i=D(t,n.href);if(i)return{invitationId:i,source:`url`};let a=U(r,K(e,n.origin));return a?{invitationId:a,source:`storage`}:q(n.hostname)?{invitationId:`local-preview`,source:`local-preview`}:null}function D(e,t){let n=new URL(t);return(n.searchParams.get(e)??n.searchParams.get(`agency-review`)??n.searchParams.get(`agency-review-invite`))?.trim()||null}function O(e){let t=new URL(window.location.href),n=new Set([e,`visual-review`,`agency-review`,`agency-review-invite`]),r=!1;n.forEach(e=>{t.searchParams.has(e)&&(t.searchParams.delete(e),r=!0)}),r&&window.history.replaceState(window.history.state,``,`${t.pathname}${t.search}${t.hash}`)}function k(e,t){return new Promise((n,r)=>{let i=()=>r(new DOMException(`Aborted`,`AbortError`));if(t.aborted){i();return}t.addEventListener(`abort`,i,{once:!0}),e.then(e=>{t.removeEventListener(`abort`,i),n(e)},e=>{t.removeEventListener(`abort`,i),r(e)})})}function A(e,t,n,r){return new Promise((i,a)=>{let o=!1,s=e=>{o||(o=!0,clearTimeout(l),t.removeEventListener(`abort`,c),e())},c=()=>{s(()=>a(new DOMException(`Aborted`,`AbortError`)))},l=setTimeout(()=>{s(()=>a(Error(r)))},n);if(t.aborted){c();return}t.addEventListener(`abort`,c,{once:!0}),e.then(e=>s(()=>i(e)),e=>s(()=>a(e)))})}function j(e,t){return e.body?Promise.resolve(e.body):t.aborted?Promise.reject(new DOMException(`Aborted`,`AbortError`)):new Promise((n,r)=>{let i=!1,a=new MutationObserver(()=>c()),o=()=>{e.removeEventListener(`DOMContentLoaded`,c),t.removeEventListener(`abort`,l),a.disconnect()},s=e=>{i||(i=!0,o(),e())},c=()=>{let t=e.body;t&&s(()=>n(t))},l=()=>{s(()=>r(new DOMException(`Aborted`,`AbortError`)))};e.addEventListener(`DOMContentLoaded`,c),t.addEventListener(`abort`,l,{once:!0}),a.observe(e,{childList:!0,subtree:!0}),c()})}function M(e){let t=document.querySelector(`meta[name="visual-review-build"]`),n=document.querySelector(`meta[name="visual-review-commit"]`),r=V(F()),i=V(I());return{buildId:B(e?.buildId)??z(t)??r??`unversioned`,gitCommit:L(e,n,i),generatedAt:e?.generatedAt,mode:e?.mode??P(N())??(q(window.location.hostname)?`development`:`production`)}}function N(){try{return process.env.VISUAL_REVIEW_PUBLIC_BUILD_MODE}catch{return}}function P(e){return e===`development`||e===`preview`||e===`production`?e:void 0}function F(){try{return process.env.VISUAL_REVIEW_PUBLIC_BUILD_ID}catch{return}}function I(){try{return process.env.VISUAL_REVIEW_PUBLIC_GIT_COMMIT}catch{return}}function L(e,t,n){return e?.gitCommit===null?null:typeof e?.gitCommit==`string`?R(e.gitCommit):R(t?.content)??R(n)}function R(e){if(typeof e!=`string`)return null;let t=e.trim().toLowerCase();return/^(?:[0-9a-f]{40}|[0-9a-f]{64})$/.test(t)?t:null}function z(e){return V(e?.content)}function B(e){let t=typeof e==`string`?e.trim():``;return t.length>0?t:null}function V(e){return typeof e==`string`&&e.length>0?e:null}function H(e,t,n,r){try{r?.setItem(K(e,n.origin),t)}catch{}}function U(e,t){try{return e?.getItem(t)??null}catch{return null}}function W(e){try{return e.localStorage}catch{return null}}function G(e,t,n,r){try{if(!n)return;let i=K(e,t),a=n.getItem(i);if(a===null||r!==void 0&&a!==r)return;n.removeItem(i)}catch{}}function K(e,t){return`visual-review:${e}:${t}:invitation`}function q(e){return e===`localhost`||e===`127.0.0.1`||e.endsWith(`.test`)||e.endsWith(`.local`)}function J(e,t,n,r){let i=e.shadowRoot??e.attachShadow({mode:`open`}),a=i.ownerDocument,o=a.createElement(`style`);n&&(o.nonce=n),o.textContent=ne;let s=a.createElement(`strong`);s.textContent=`Visual Review를 시작할 수 없습니다`;let c=a.createElement(`span`);c.textContent=t;let l=a.createElement(`button`);l.type=`button`,l.textContent=`다시 시도`,l.addEventListener(`click`,()=>{l.disabled=!0,r?.()},{once:!0}),i.replaceChildren(o,s,c,l)}function Y(e,t){let n=e instanceof Error?e.message:String(e),r=Error(X(n,t));if(e&&typeof e==`object`){let n=`code`in e?e.code:void 0,i=`status`in e?e.status:void 0;typeof n==`string`&&Object.defineProperty(r,"code",{configurable:!0,enumerable:!0,value:X(n,t)}),typeof i==`number`&&Number.isFinite(i)&&Object.defineProperty(r,"status",{configurable:!0,enumerable:!0,value:i})}return r}function X(e,t){if(!t)return e;let n=new Set([t,encodeURIComponent(t)]),r=e;for(let e of n)e&&(r=r.split(e).join(`[redacted]`));return r}function Z(e,t){if(e!==void 0)return $(e);let n=t.currentScript,r=n?Q(n):void 0;if(r)return r;try{for(let e of t.querySelectorAll(`script[nonce],style[nonce]`)){let t=Q(e);if(t)return t}}catch{}}function Q(e){let t=`nonce`in e?e.nonce:void 0;return typeof t==`string`?$(t):void 0}function $(e){return e.trim()||void 0}const ne=`:host{all:initial;position:fixed;right:18px;bottom:18px;z-index:2147483646;max-width:360px;padding:16px 18px;border:1px solid #efc4bd;border-radius:14px;background:#fff8f6;box-shadow:0 12px 40px rgba(0,0,0,.14);color:#7a271a;font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}strong{display:block;margin-bottom:4px;color:#53150d}span{display:block}button{margin-top:12px;padding:7px 10px;border:1px solid #d9a79f;border-radius:8px;background:#fff;color:#7a271a;font:650 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}button:focus-visible{outline:2px solid #7a271a;outline-offset:2px}button:disabled{opacity:.55;cursor:wait}`;export{e as n,t as r,o as t};