visual-remote 0.1.0

package/packages/overlay/dist/viewer.js

@@ -0,0 +1,1086 @@
+var xe,v,rt,tn,V,Ze,it,ot,Ae,he,ne,at,Fe,Ce,Pe,nn,me={},ve=[],rn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ye=Array.isArray;function H(e,t){for(var n in t)e[n]=t[n];return e}function qe(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function on(e,t,n){var r,s,o,c={};for(o in t)o=="key"?r=t[o]:o=="ref"?s=t[o]:c[o]=t[o];if(arguments.length>2&&(c.children=arguments.length>3?xe.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(o in e.defaultProps)c[o]===void 0&&(c[o]=e.defaultProps[o]);return ge(e,c,r,s,null)}function ge(e,t,n,r,s){var o={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++rt,__i:-1,__u:0};return s==null&&v.vnode!=null&&v.vnode(o),o}function W(e){return e.children}function _e(e,t){this.props=e,this.context=t}function Z(e,t){if(t==null)return e.__?Z(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?Z(e):null}function an(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,r=[],s=[],o=H({},t);o.__v=t.__v+1,v.vnode&&v.vnode(o),je(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,r,n??Z(t),!!(32&t.__u),s),o.__v=t.__v,o.__.__k[o.__i]=o,ut(r,o,s),t.__e=t.__=null,o.__e!=n&&st(o)}}function st(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),st(e)}function et(e){(!e.__d&&(e.__d=!0)&&V.push(e)&&!be.__r++||Ze!=v.debounceRendering)&&((Ze=v.debounceRendering)||it)(be)}function be(){try{for(var e,t=1;V.length;)V.length>t&&V.sort(ot),e=V.shift(),t=V.length,an(e)}finally{V.length=be.__r=0}}function lt(e,t,n,r,s,o,c,d,f,l,h){var b,a,p,x,w,k,y,g=r&&r.__k||ve,C=t.length;for(f=sn(n,t,g,f,C),b=0;b<C;b++)(p=n.__k[b])!=null&&(a=p.__i!=-1&&g[p.__i]||me,p.__i=b,k=je(e,p,a,s,o,c,d,f,l,h),x=p.__e,p.ref&&a.ref!=p.ref&&(a.ref&&Me(a.ref,null,p),h.push(p.ref,p.__c||x,p)),w==null&&x!=null&&(w=x),(y=!!(4&p.__u))||a.__k===p.__k?(f=ct(p,f,e,y),y&&a.__e&&(a.__e=null)):typeof p.type=="function"&&k!==void 0?f=k:x&&(f=x.nextSibling),p.__u&=-7);return n.__e=w,f}function sn(e,t,n,r,s){var o,c,d,f,l,h=n.length,b=h,a=0;for(e.__k=new Array(s),o=0;o<s;o++)(c=t[o])!=null&&typeof c!="boolean"&&typeof c!="function"?(typeof c=="string"||typeof c=="number"||typeof c=="bigint"||c.constructor==String?c=e.__k[o]=ge(null,c,null,null,null):ye(c)?c=e.__k[o]=ge(W,{children:c},null,null,null):c.constructor===void 0&&c.__b>0?c=e.__k[o]=ge(c.type,c.props,c.key,c.ref?c.ref:null,c.__v):e.__k[o]=c,f=o+a,c.__=e,c.__b=e.__b+1,d=null,(l=c.__i=ln(c,n,f,b))!=-1&&(b--,(d=n[l])&&(d.__u|=2)),d==null||d.__v==null?(l==-1&&(s>h?a--:s<h&&a++),typeof c.type!="function"&&(c.__u|=4)):l!=f&&(l==f-1?a--:l==f+1?a++:(l>f?a--:a++,c.__u|=4))):e.__k[o]=null;if(b)for(o=0;o<h;o++)(d=n[o])!=null&&(2&d.__u)==0&&(d.__e==r&&(r=Z(d)),ft(d,d));return r}function ct(e,t,n,r){var s,o;if(typeof e.type=="function"){for(s=e.__k,o=0;s&&o<s.length;o++)s[o]&&(s[o].__=e,t=ct(s[o],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=Z(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function ln(e,t,n,r){var s,o,c,d=e.key,f=e.type,l=t[n],h=l!=null&&(2&l.__u)==0;if(l===null&&d==null||h&&d==l.key&&f==l.type)return n;if(r>(h?1:0)){for(s=n-1,o=n+1;s>=0||o<t.length;)if((l=t[c=s>=0?s--:o++])!=null&&(2&l.__u)==0&&d==l.key&&f==l.type)return c}return-1}function tt(e,t,n){t[0]=="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||rn.test(t)?n:n+"px"}function fe(e,t,n,r,s){var o,c;e:if(t=="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof r=="string"&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||tt(e.style,t,"");if(n)for(t in n)r&&n[t]==r[t]||tt(e.style,t,n[t])}else if(t[0]=="o"&&t[1]=="n")o=t!=(t=t.replace(at,"$1")),c=t.toLowerCase(),t=c in e||t=="onFocusOut"||t=="onFocusIn"?c.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+o]=n,n?r?n[ne]=r[ne]:(n[ne]=Fe,e.addEventListener(t,o?Pe:Ce,o)):e.removeEventListener(t,o?Pe:Ce,o);else{if(s=="http://www.w3.org/2000/svg")t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!="width"&&t!="height"&&t!="href"&&t!="list"&&t!="form"&&t!="tabIndex"&&t!="download"&&t!="rowSpan"&&t!="colSpan"&&t!="role"&&t!="popover"&&t in e)try{e[t]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!="-"?e.removeAttribute(t):e.setAttribute(t,t=="popover"&&n==1?"":n))}}function nt(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t[he]==null)t[he]=Fe++;else if(t[he]<n[ne])return;return n(v.event?v.event(t):t)}}}function je(e,t,n,r,s,o,c,d,f,l){var h,b,a,p,x,w,k,y,g,C,K,L,D,B,G,N,j=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(f=!!(32&n.__u),o=[d=t.__e=n.__e]),(h=v.__b)&&h(t);e:if(typeof j=="function"){b=c.length;try{if(g=t.props,C=j.prototype&&j.prototype.render,K=(h=j.contextType)&&r[h.__c],L=h?K?K.props.value:h.__:r,n.__c?y=(a=t.__c=n.__c).__=a.__E:(C?t.__c=a=new j(g,L):(t.__c=a=new _e(g,L),a.constructor=j,a.render=dn),K&&K.sub(a),a.state||(a.state={}),a.__n=r,p=a.__d=!0,a.__h=[],a._sb=[]),C&&a.__s==null&&(a.__s=a.state),C&&j.getDerivedStateFromProps!=null&&(a.__s==a.state&&(a.__s=H({},a.__s)),H(a.__s,j.getDerivedStateFromProps(g,a.__s))),x=a.props,w=a.state,a.__v=t,p)C&&j.getDerivedStateFromProps==null&&a.componentWillMount!=null&&a.componentWillMount(),C&&a.componentDidMount!=null&&a.__h.push(a.componentDidMount);else{if(C&&j.getDerivedStateFromProps==null&&g!==x&&a.componentWillReceiveProps!=null&&a.componentWillReceiveProps(g,L),t.__v==n.__v||!a.__e&&a.shouldComponentUpdate!=null&&a.shouldComponentUpdate(g,a.__s,L)===!1){t.__v!=n.__v&&(a.props=g,a.state=a.__s,a.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(O){O&&(O.__=t)}),ve.push.apply(a.__h,a._sb),a._sb=[],a.__h.length&&c.push(a);break e}a.componentWillUpdate!=null&&a.componentWillUpdate(g,a.__s,L),C&&a.componentDidUpdate!=null&&a.__h.push(function(){a.componentDidUpdate(x,w,k)})}if(a.context=L,a.props=g,a.__P=e,a.__e=!1,D=v.__r,B=0,C)a.state=a.__s,a.__d=!1,D&&D(t),h=a.render(a.props,a.state,a.context),ve.push.apply(a.__h,a._sb),a._sb=[];else do a.__d=!1,D&&D(t),h=a.render(a.props,a.state,a.context),a.state=a.__s;while(a.__d&&++B<25);a.state=a.__s,a.getChildContext!=null&&(r=H(H({},r),a.getChildContext())),C&&!p&&a.getSnapshotBeforeUpdate!=null&&(k=a.getSnapshotBeforeUpdate(x,w)),G=h!=null&&h.type===W&&h.key==null?pt(h.props.children):h,d=lt(e,ye(G)?G:[G],t,n,r,s,o,c,d,f,l),a.base=t.__e,t.__u&=-161,a.__h.length&&c.push(a),y&&(a.__E=a.__=null)}catch(O){if(c.length=b,t.__v=null,f||o!=null){if(O.then){for(t.__u|=f?160:128;d&&d.nodeType==8&&d.nextSibling;)d=d.nextSibling;o!=null&&(o[o.indexOf(d)]=null),t.__e=d}else if(o!=null)for(N=o.length;N--;)qe(o[N])}else t.__e=n.__e;t.__k==null&&(t.__k=n.__k||[]),O.then||dt(t),v.__e(O,t,n)}}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):d=t.__e=cn(n.__e,t,n,r,s,o,c,f,l);return(h=v.diffed)&&h(t),128&t.__u?void 0:d}function dt(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(dt))}function ut(e,t,n){for(var r=0;r<n.length;r++)Me(n[r],n[++r],n[++r]);v.__c&&v.__c(t,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(o){o.call(s)})}catch(o){v.__e(o,s.__v)}})}function pt(e){return typeof e!="object"||e==null||e.__b>0?e:ye(e)?e.map(pt):e.constructor!==void 0?null:H({},e)}function cn(e,t,n,r,s,o,c,d,f){var l,h,b,a,p,x,w,k=n.props||me,y=t.props,g=t.type;if(g=="svg"?s="http://www.w3.org/2000/svg":g=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),o!=null){for(l=0;l<o.length;l++)if((p=o[l])&&"setAttribute"in p==!!g&&(g?p.localName==g:p.nodeType==3)){e=p,o[l]=null;break}}if(e==null){if(g==null)return document.createTextNode(y);e=document.createElementNS(s,g,y.is&&y),d&&(v.__m&&v.__m(t,o),d=!1),o=null}if(g==null)k===y||d&&e.data==y||(e.data=y);else{if(o=g=="textarea"&&y.defaultValue!=null?null:o&&xe.call(e.childNodes),!d&&o!=null)for(k={},l=0;l<e.attributes.length;l++)k[(p=e.attributes[l]).name]=p.value;for(l in k)p=k[l],l=="dangerouslySetInnerHTML"?b=p:l=="children"||l in y||l=="value"&&"defaultValue"in y||l=="checked"&&"defaultChecked"in y||fe(e,l,null,p,s);for(l in y)p=y[l],l=="children"?a=p:l=="dangerouslySetInnerHTML"?h=p:l=="value"?x=p:l=="checked"?w=p:d&&typeof p!="function"||k[l]===p||fe(e,l,p,k[l],s);if(h)d||b&&(h.__html==b.__html||h.__html==e.innerHTML)||(e.innerHTML=h.__html),t.__k=[];else if(b&&(e.innerHTML=""),lt(t.type=="template"?e.content:e,ye(a)?a:[a],t,n,r,g=="foreignObject"?"http://www.w3.org/1999/xhtml":s,o,c,o?o[0]:n.__k&&Z(n,0),d,f),o!=null)for(l=o.length;l--;)qe(o[l]);d&&g!="textarea"||(l="value",g=="progress"&&x==null?e.removeAttribute("value"):x!=null&&(x!==e[l]||g=="progress"&&!x||g=="option"&&x!=k[l])&&fe(e,l,x,k[l],s),l="checked",w!=null&&w!=e[l]&&fe(e,l,w,k[l],s))}return e}function Me(e,t,n){try{if(typeof e=="function"){var r=typeof e.__u=="function";r&&e.__u(),r&&t==null||(e.__u=e(t))}else e.current=t}catch(s){v.__e(s,n)}}function ft(e,t,n){var r,s;if(v.unmount&&v.unmount(e),(r=e.ref)&&(r.current&&r.current!=e.__e||Me(r,null,t)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(o){v.__e(o,t)}r.base=r.__P=r.__n=null}if(r=e.__k)for(s=0;s<r.length;s++)r[s]&&ft(r[s],t,n||typeof e.type!="function");n||qe(e.__e),e.__c=e.__=e.__e=void 0}function dn(e,t,n){return this.constructor(e,n)}function ht(e,t,n){var r,s,o,c;t==document&&(t=document.documentElement),v.__&&v.__(e,t),s=(r=typeof n=="function")?null:n&&n.__k||t.__k,o=[],c=[],je(t,e=(!r&&n||t).__k=on(W,null,[e]),s||me,me,t.namespaceURI,!r&&n?[n]:s?null:t.firstChild?xe.call(t.childNodes):null,o,!r&&n?n:s?s.__e:t.firstChild,r,c),ut(o,e,c),e.props.children=null}xe=ve.slice,v={__e:function(e,t,n,r){for(var s,o,c;t=t.__;)if((s=t.__c)&&!s.__)try{if((o=s.constructor)&&o.getDerivedStateFromError!=null&&(s.setState(o.getDerivedStateFromError(e)),c=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,r||{}),c=s.__d),c)return s.__E=s}catch(d){e=d}throw e}},rt=0,tn=function(e){return e!=null&&e.constructor===void 0},_e.prototype.setState=function(e,t){var n;n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=H({},this.state),typeof e=="function"&&(e=e(H({},n),this.props)),e&&H(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),et(this))},_e.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),et(this))},_e.prototype.render=W,V=[],it=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,ot=function(e,t){return e.__v.__b-t.__v.__b},be.__r=0,Ae=Math.random().toString(8),he="__d"+Ae,ne="__a"+Ae,at=/(PointerCapture)$|Capture$/i,Fe=0,Ce=nt(!1),Pe=nt(!0),nn=0;var re,T,ze,gt,ie=0,wt=[],I=v,_t=I.__b,mt=I.__r,vt=I.diffed,bt=I.__c,xt=I.unmount,yt=I.__;function Le(e,t){I.__h&&I.__h(T,e,ie||t),ie=0;var n=T.__H||(T.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function F(e){return ie=1,un(Tt,e)}function un(e,t,n){var r=Le(re++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Tt(void 0,t),function(d){var f=r.__N?r.__N[0]:r.__[0],l=r.t(f,d);f!==l&&(r.__N=[l,r.__[1]],r.__c.setState({}))}],r.__c=T,!T.__f)){var s=function(d,f,l){if(!r.__c.__H)return!0;var h=!1,b=r.__c.props!==d;if(r.__c.__H.__.some(function(p){if(p.__N){h=!0;var x=p.__[0];p.__=p.__N,p.__N=void 0,x!==p.__[0]&&(b=!0)}}),o){var a=o.call(this,d,f,l);return h?a||b:a}return!h||b};T.__f=!0;var o=T.shouldComponentUpdate,c=T.componentWillUpdate;T.componentWillUpdate=function(d,f,l){if(this.__e){var h=o;o=void 0,s(d,f,l),o=h}c&&c.call(this,d,f,l)},T.shouldComponentUpdate=s}return r.__N||r.__}function oe(e,t){var n=Le(re++,3);!I.__s&&St(n.__H,t)&&(n.__=e,n.u=t,T.__H.__h.push(n))}function U(e){return ie=5,J(function(){return{current:e}},[])}function J(e,t){var n=Le(re++,7);return St(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function ee(e,t){return ie=8,J(function(){return e},t)}function pn(){for(var e;e=wt.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(ke),t.__h.some(De),t.__h=[]}catch(n){t.__h=[],I.__e(n,e.__v)}}}I.__b=function(e){T=null,_t&&_t(e)},I.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),yt&&yt(e,t)},I.__r=function(e){mt&&mt(e),re=0;var t=(T=e.__c).__H;t&&(ze===T?(t.__h=[],T.__h=[],t.__.some(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(t.__h.some(ke),t.__h.some(De),t.__h=[],re=0)),ze=T},I.diffed=function(e){vt&&vt(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(wt.push(t)!==1&&gt===I.requestAnimationFrame||((gt=I.requestAnimationFrame)||fn)(pn)),t.__H.__.some(function(n){n.u&&(n.__H=n.u,n.u=void 0)})),ze=T=null},I.__c=function(e,t){t.some(function(n){try{n.__h.some(ke),n.__h=n.__h.filter(function(r){return!r.__||De(r)})}catch(r){t.some(function(s){s.__h&&(s.__h=[])}),t=[],I.__e(r,n.__v)}}),bt&&bt(e,t)},I.unmount=function(e){xt&&xt(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(r){try{ke(r)}catch(s){t=s}}),n.__H=void 0,t&&I.__e(t,n.__v))};var kt=typeof requestAnimationFrame=="function";function fn(e){var t,n=function(){clearTimeout(r),kt&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);kt&&(t=requestAnimationFrame(n))}function ke(e){var t=T,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),T=t}function De(e){var t=T;e.__c=e.__(),T=t}function St(e,t){return!e||e.length!==t.length||t.some(function(n,r){return n!==e[r]})}function Tt(e,t){return typeof t=="function"?t(e):t}function hn(e,t){let n=e.startsWith("#")?e.slice(1):e;if(!n.includes(`${t}=`))return{token:null,remainingHash:e};let r=new URLSearchParams(n),s=r.get(t);r.delete(t);let o=r.toString();return{token:s?.trim()||null,remainingHash:o?`#${o}`:""}}function Et(e){return hn(e,"visual-view")}function z(e,t){let n=e.replace(/\s+/g," ").trim();return n.length<=t?n:`${n.slice(0,Math.max(0,t-1)).trimEnd()}\u2026`}var Ue="visual-bridge:viewer-token";var gn="visual-bridge:last-sequence",Rt="visual-bridge:viewer-last-sequence",_n=new Set(["queued","preparing","snapshotting_before","resolving_context","running_agent","snapshotting_after","diffing","waiting_hmr","verifying","review","accepted","reverted","failed","canceled","unsafe"]);function $e(e){try{return sessionStorage.getItem(e)}catch{return null}}function At(e,t){try{sessionStorage.setItem(e,t)}catch{}}function mn(e){try{sessionStorage.removeItem(e)}catch{}}function Ct(e){try{return JSON.parse(e)}catch{return e}}function q(e){return typeof e=="object"&&e!==null?e:null}function Pt(){let e=Et(location.hash);if(e.token){$e(Ue)!==e.token&&mn(Rt),At(Ue,e.token);let t=`${location.pathname}${location.search}${e.remainingHash}`;return history.replaceState(history.state,"",t),e.token}return $e(Ue)}function vn(e){let t=$e(e);if(t===null)return null;let n=Number.parseInt(t,10);return Number.isFinite(n)&&n>=0?n:null}function bn(){let e=new URL("/_visual/ws",location.href);return e.protocol=location.protocol==="https:"?"wss:":"ws:",e.href}var we=class{browserSessionId;token;mode;getPageState;sequenceStorageKey;onSnapshot;onEvent;onSequenceGap;socket=null;heartbeatTimer;reconnectTimer;reconnectAttempt=0;manuallyClosed=!1;state="connecting";projectId;lastSequence;hasReplaySequence;constructor(t){this.token=t.token,this.browserSessionId=t.browserSessionId,this.mode=t.mode??"control",this.getPageState=t.getPageState??(()=>({})),this.sequenceStorageKey=this.mode==="viewer"?Rt:gn;let n=vn(this.sequenceStorageKey);this.lastSequence=n??0,this.hasReplaySequence=n!==null||this.mode==="control",this.onSnapshot=t.onSnapshot,this.onEvent=t.onEvent,this.onSequenceGap=t.onSequenceGap??(()=>{})}connect(){this.manuallyClosed=!1,this.openSocket()}close(){this.manuallyClosed=!0,this.clearTimers(),this.socket?.close(),this.socket=null}send(t,n){if(this.socket?.readyState!==WebSocket.OPEN)return!1;let r={id:crypto.randomUUID(),type:t,browserSessionId:this.browserSessionId,payload:n};return this.socket.send(JSON.stringify(r)),!0}emitSnapshot(){this.onSnapshot({state:this.state,...this.projectId?{projectId:this.projectId}:{},lastSequence:this.lastSequence})}openSocket(){this.clearTimers(),this.state=this.reconnectAttempt>0?"reconnecting":"connecting",this.emitSnapshot();let t;try{t=new WebSocket(bn())}catch{this.scheduleReconnect();return}this.socket=t,t.addEventListener("open",()=>{this.reconnectAttempt=0,this.send("auth",{token:this.token})}),t.addEventListener("message",n=>{this.handleMessage(String(n.data))}),t.addEventListener("close",n=>{if(this.socket=null,n.code===4001||n.code===4401){this.state="unauthorized",this.emitSnapshot();return}this.manuallyClosed||this.scheduleReconnect()}),t.addEventListener("error",()=>{this.state==="connecting"&&(this.state="offline",this.emitSnapshot())})}handleMessage(t){let n=q(Ct(t));if(!(!n||typeof n.type!="string")){if(n.type==="auth.ok"){this.projectId=typeof n.projectId=="string"?n.projectId:this.projectId,this.state="connected",this.emitSnapshot(),this.send("browser.hello",{...this.hasReplaySequence?{lastSeq:this.lastSequence}:{},...this.mode==="control"?this.getPageState():{}}),this.mode==="control"&&(this.heartbeatTimer=window.setInterval(()=>{this.send("browser.heartbeat",{lastSeq:this.lastSequence,...this.getPageState()})},15e3));return}if(n.type==="auth.error"||n.type==="error.unauthorized"){this.state="unauthorized",this.emitSnapshot(),this.socket?.close(4401,"Pairing rejected");return}if(typeof n.seq=="number"){if(n.seq<=this.lastSequence&&this.hasReplaySequence)return;this.hasReplaySequence&&n.seq>this.lastSequence+1&&this.onSequenceGap({expectedSequence:this.lastSequence+1,receivedSequence:n.seq}),this.lastSequence=n.seq,this.hasReplaySequence=!0,At(this.sequenceStorageKey,String(this.lastSequence)),this.emitSnapshot()}typeof n.projectId=="string"&&(this.projectId=n.projectId),this.onEvent(n)}}scheduleReconnect(){if(this.clearTimers(),this.manuallyClosed)return;this.reconnectAttempt+=1,this.state="reconnecting",this.emitSnapshot();let t=Math.min(1e4,500*2**(this.reconnectAttempt-1));this.reconnectTimer=window.setTimeout(()=>this.openSocket(),t)}clearTimers(){this.heartbeatTimer!==void 0&&(clearInterval(this.heartbeatTimer),this.heartbeatTimer=void 0),this.reconnectTimer!==void 0&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=void 0)}};async function ae(e,t,n){let r=new Headers(n?.headers);e&&r.set("Authorization",`Bearer ${e}`),n?.body&&!r.has("Content-Type")&&r.set("Content-Type","application/json");let s=await fetch(t,{...n,headers:r});if(!s.ok){let o=z(await s.text(),180);throw new Error(o||`Bridge request failed (${s.status} ${s.statusText})`)}return s}async function se(e){let t=await e.text();return t?Ct(t):null}async function Ft(e){let t=await se(await ae(e,"/_visual/api/project")),n=q(t),r=q(n?.project);return typeof n?.id=="string"?n.id:typeof n?.projectId=="string"?n.projectId:typeof r?.id=="string"?r.id:void 0}async function He(e,t={}){let n=new URLSearchParams;t.limit!==void 0&&n.set("limit",String(t.limit)),t.cursor!==void 0&&(n.set("before",t.cursor.createdAt),n.set("beforeId",t.cursor.id));let r=n.toString(),s=r?`?${r}`:"",o=await se(await ae(e,`/_visual/api/tasks${s}`)),c=q(o);return(Array.isArray(o)?o:Array.isArray(c?.tasks)?c.tasks:[]).filter(f=>{let l=q(f);return typeof l?.id=="string"&&typeof l.projectId=="string"&&typeof l.status=="string"&&_n.has(l.status)&&typeof l.requestText=="string"&&(l.scope==="instance"||l.scope==="component"||l.scope==="page"||l.scope==="project")&&typeof l.originBrowserSessionId=="string"&&Array.isArray(l.changedFiles)&&l.changedFiles.every(h=>typeof h=="string")&&typeof l.createdAt=="string"})}function It(e){return Array.isArray(e)?e.filter(t=>typeof t=="string"):[]}function qt(e){let t=It(e);if(t.length>0||Array.isArray(e))return t;let n=q(e);return It(n?.files??n?.changedFiles??n?.data)}function xn(e){if(typeof e=="string")return e;let t=q(e),n=t?.diff??t?.content??t?.data;return typeof n=="string"?n:""}function jt(e){if(typeof e=="string")return z(e,500);let t=q(e);if(!t)return null;let n=q(t.event)??t,r=typeof n.type=="string"?n.type:void 0;if(r==="tool_start"&&typeof n.name=="string")return z(`\uB3C4\uAD6C \uC2DC\uC791 \xB7 ${n.name}${typeof n.summary=="string"?` \xB7 ${n.summary}`:""}`,500);if(r==="tool_end"&&typeof n.name=="string")return z(`\uB3C4\uAD6C ${n.ok===!1?"\uC2E4\uD328":"\uC644\uB8CC"} \xB7 ${n.name}`,500);if(r==="phase"&&typeof n.name=="string")return z(`\uB2E8\uACC4 \xB7 ${n.name}`,500);if(r==="file_hint"&&typeof n.path=="string")return z(`\uD30C\uC77C \xB7 ${n.path}`,500);let s=n.message??n.text??n.summary??n.command??n.error??t.message;return typeof s=="string"?z(s,500):null}async function Mt(e,t,n){let r=`/_visual/api/tasks/${encodeURIComponent(t)}`,s=n===void 0?void 0:{signal:n},[o,c,d]=await Promise.allSettled([ae(e,`${r}/files`,s).then(se),ae(e,`${r}/diff`,s).then(se),ae(e,`${r}/logs`,s).then(se)]),f=[o,c,d].find(k=>k.status==="rejected"&&k.reason instanceof DOMException&&k.reason.name==="AbortError");if(f!==void 0)throw f.reason;let l=o.status==="fulfilled"?qt(o.value):[],h=c.status==="fulfilled"?xn(c.value):"",b=d.status==="fulfilled"?d.value:[],a=q(b),p=Array.isArray(b)?b:Array.isArray(a?.logs)?a.logs:[],x=Array.isArray(p)?p.map(jt).filter(k=>!!k).slice(-40):[],w=[];return o.status==="rejected"&&w.push("files"),c.status==="rejected"&&w.push("diff"),d.status==="rejected"&&w.push("logs"),{changedFiles:l,diff:h,logs:x,unavailable:w}}function zt(e){let t=q(e.payload),r=q(t?.task)??t;return r&&typeof r.id=="string"?r:void 0}function Dt(e){let t=q(e.payload);return jt(t?.event??t)}function Lt(e){let t=q(e.payload);return qt(t?.changedFiles??t?.files??[])}var Ut=String.raw`
+  --graphite: #20211f;
+  --graphite-2: #30312e;
+  --strip: #f4efe3;
+  --strip-strong: #fffaf0;
+  --ink: #1b1c1a;
+  --muted: #64635b;
+  --rule: #b7b0a1;
+  --dispatch: #cf450f;
+  --dispatch-dark: #9f3108;
+  --verified: #087f8c;
+  --danger: #a72920;
+`;var $t=String.raw`
+  :root {
+    color-scheme: light;
+    ${Ut}
+    --canvas: #ded8cc;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  html {
+    min-width: 320px;
+    min-height: 100%;
+    background: var(--canvas);
+  }
+
+  body {
+    min-width: 320px;
+    min-height: 100vh;
+    margin: 0;
+    background: var(--canvas);
+    color: var(--ink);
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-size: 13px;
+    line-height: 1.4;
+    text-rendering: optimizeLegibility;
+  }
+
+  button {
+    margin: 0;
+    font: inherit;
+  }
+
+  button:focus-visible,
+  a:focus-visible {
+    outline: 3px solid var(--strip-strong);
+    outline-offset: 2px;
+    box-shadow: 0 0 0 5px var(--dispatch-dark);
+  }
+
+  .detail-scroll:focus-visible,
+  .logs-block ol:focus-visible,
+  .diff-block pre:focus-visible {
+    outline: 3px solid var(--dispatch);
+    outline-offset: -3px;
+  }
+
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    border: 0;
+    white-space: nowrap;
+  }
+
+  .machine {
+    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .viewer-app {
+    min-height: 100vh;
+  }
+
+  .viewer-header {
+    position: sticky;
+    z-index: 10;
+    top: 0;
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    min-height: 58px;
+    padding: 0 max(22px, calc((100vw - 1440px) / 2));
+    border-bottom: 1px solid #080907;
+    background: var(--graphite);
+    color: var(--strip-strong);
+  }
+
+  .viewer-app[data-loading="true"] .viewer-header::after {
+    position: absolute;
+    right: 0;
+    bottom: -1px;
+    left: 0;
+    height: 3px;
+    content: "";
+    background: var(--dispatch);
+    transform-origin: left;
+    animation: viewer-load 1.2s cubic-bezier(.16, 1, .3, 1) infinite;
+  }
+
+  .viewer-brand {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 190px;
+    padding: 0 18px 0 2px;
+    border-right: 1px solid #4a4b46;
+  }
+
+  .brand-signal {
+    width: 10px;
+    height: 10px;
+    border: 1px solid #ffb58e;
+    background: var(--dispatch);
+  }
+
+  .viewer-brand > span:last-child {
+    display: grid;
+  }
+
+  .viewer-brand strong {
+    letter-spacing: -0.01em;
+  }
+
+  .viewer-brand small {
+    color: #bdb9b0;
+    font-size: 10px;
+  }
+
+  .header-instruments {
+    display: flex;
+    align-items: stretch;
+  }
+
+  .project-readout,
+  .connection-readout,
+  .refresh-readout {
+    display: grid;
+    align-content: center;
+    min-width: 152px;
+    padding: 8px 16px;
+    border-left: 1px solid #4a4b46;
+  }
+
+  .project-readout small,
+  .connection-readout small,
+  .refresh-readout small {
+    color: #aaa69e;
+    font: 9px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
+  }
+
+  .project-readout strong,
+  .connection-readout strong,
+  .refresh-readout strong {
+    overflow: hidden;
+    color: #f6f0e5;
+    font: 650 11px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .connection-readout {
+    min-width: 116px;
+  }
+
+  .connection-readout strong {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .connection-readout strong > span {
+    width: 8px;
+    height: 8px;
+    border: 1px solid #77786f;
+    background: #77786f;
+  }
+
+  .connection-readout[data-state="connected"] strong > span {
+    border-color: #4fc4d0;
+    background: var(--verified);
+  }
+
+  .connection-readout[data-state="connecting"] strong > span,
+  .connection-readout[data-state="reconnecting"] strong > span {
+    border-color: #f18755;
+    background: var(--dispatch);
+  }
+
+  .connection-readout[data-state="offline"] strong > span,
+  .connection-readout[data-state="unauthorized"] strong > span {
+    border-color: #e17e75;
+    background: var(--danger);
+  }
+
+  .refresh-button {
+    align-self: center;
+    min-height: 38px;
+    margin-left: 10px;
+    padding: 6px 12px;
+    border: 1px solid #5d5e58;
+    border-radius: 3px;
+    background: var(--graphite-2);
+    color: var(--strip-strong);
+    cursor: pointer;
+    font-weight: 650;
+  }
+
+  .refresh-button:hover {
+    background: #464741;
+  }
+
+  .refresh-button:disabled {
+    cursor: wait;
+    opacity: 0.6;
+  }
+
+  .viewer-main {
+    width: min(1440px, calc(100% - 44px));
+    margin: 0 auto;
+    padding: 24px 0 32px;
+  }
+
+  .viewer-intro {
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    gap: 24px;
+    margin-bottom: 17px;
+  }
+
+  .viewer-intro h1 {
+    margin: 0 0 4px;
+    font-size: clamp(24px, 3vw, 38px);
+    line-height: 1.08;
+    letter-spacing: -0.03em;
+  }
+
+  .viewer-intro p {
+    max-width: 68ch;
+    margin: 0;
+    color: #53534d;
+  }
+
+  .read-only-mark {
+    flex: none;
+    padding: 5px 7px;
+    border: 1px solid #777268;
+    color: #53534d;
+    font: 10px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
+  }
+
+  .status-rail {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    margin-bottom: 12px;
+    border: 1px solid #272821;
+    border-radius: 4px 4px 9px 4px;
+    background: var(--graphite);
+    overflow: hidden;
+  }
+
+  .status-rail button {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 46px;
+    padding: 8px 12px;
+    border: 0;
+    border-right: 1px solid #4a4b46;
+    background: transparent;
+    color: #d7d2c8;
+    cursor: pointer;
+    text-align: left;
+  }
+
+  .status-rail button > span {
+    white-space: nowrap;
+  }
+
+  .status-rail button:last-child {
+    border-right: 0;
+  }
+
+  .status-rail button:hover {
+    background: #393a36;
+    color: var(--strip-strong);
+  }
+
+  .status-rail button[aria-pressed="true"] {
+    background: var(--dispatch);
+    color: #fff;
+    font-weight: 700;
+  }
+
+  .status-rail button strong {
+    font-size: 16px;
+  }
+
+  .viewer-error,
+  .detail-error {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 9px 10px;
+    border: 1px solid var(--danger);
+    background: #f7dfdb;
+    color: #741a13;
+  }
+
+  .viewer-error {
+    margin-bottom: 12px;
+  }
+
+  .viewer-error button,
+  .detail-error button {
+    flex: none;
+    min-height: 38px;
+    padding: 4px 9px;
+    border: 1px solid var(--danger);
+    border-radius: 3px;
+    background: var(--strip-strong);
+    color: var(--danger);
+    cursor: pointer;
+    font-weight: 650;
+  }
+
+  .operations-board {
+    display: grid;
+    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
+    height: clamp(520px, calc(100vh - 214px), 820px);
+    min-height: 0;
+    overflow: hidden;
+    border: 1px solid #272821;
+    border-radius: 4px 4px 11px 4px;
+    background: var(--strip);
+    box-shadow: 0 8px 26px rgb(0 0 0 / 24%);
+  }
+
+  .task-ledger {
+    display: flex;
+    min-width: 0;
+    min-height: 0;
+    flex-direction: column;
+    border-right: 1px solid #272821;
+    background: var(--strip);
+  }
+
+  .board-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 62px;
+    padding: 10px 12px;
+    border-bottom: 1px solid var(--rule);
+  }
+
+  .board-head h2,
+  .board-head p {
+    margin: 0;
+  }
+
+  .board-head h2 {
+    font-size: 14px;
+    letter-spacing: -0.01em;
+  }
+
+  .board-head p,
+  .board-head-tools > span {
+    color: var(--muted);
+    font-size: 10px;
+  }
+
+  .board-head-tools {
+    display: grid;
+    flex: none;
+    justify-items: end;
+    gap: 2px;
+  }
+
+  .detail-jump {
+    color: var(--dispatch-dark);
+    font-size: 10px;
+    font-weight: 650;
+    text-underline-offset: 2px;
+  }
+
+  .ledger-search {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 10px;
+    border-bottom: 1px solid var(--rule);
+    background: #e8e2d6;
+  }
+
+  .ledger-search label {
+    min-width: 0;
+  }
+
+  .ledger-search input {
+    width: 100%;
+    min-height: 36px;
+    padding: 7px 9px;
+    border: 1px solid #8e897e;
+    border-radius: 3px;
+    background: var(--strip-strong);
+    color: var(--ink);
+  }
+
+  .ledger-search input::placeholder {
+    color: #69675f;
+  }
+
+  .ledger-search input:focus-visible {
+    outline: 3px solid var(--strip-strong);
+    outline-offset: 2px;
+    box-shadow: 0 0 0 5px var(--dispatch-dark);
+  }
+
+  .ledger-search > span {
+    color: var(--muted);
+    font-size: 9px;
+    white-space: nowrap;
+  }
+
+  .task-list {
+    flex: 1;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    overflow: auto;
+    list-style: none;
+  }
+
+  .ledger-footer {
+    flex: none;
+    padding: 8px 10px;
+    border-top: 1px solid var(--rule);
+    background: #e8e2d6;
+    text-align: center;
+  }
+
+  .ledger-footer button {
+    width: 100%;
+    min-height: 38px;
+    border: 1px solid #777268;
+    border-radius: 3px;
+    background: var(--strip-strong);
+    color: var(--ink);
+    cursor: pointer;
+    font-weight: 650;
+  }
+
+  .ledger-footer button:hover {
+    border-color: var(--dispatch-dark);
+    color: var(--dispatch-dark);
+  }
+
+  .ledger-footer button:disabled {
+    cursor: wait;
+    opacity: .65;
+  }
+
+  .ledger-end {
+    color: var(--muted);
+    font-size: 10px;
+  }
+
+  .detail-alerts {
+    display: grid;
+    gap: 7px;
+    margin-bottom: 10px;
+  }
+
+  .detail-alerts .detail-error {
+    margin: 0;
+  }
+
+  .task-row {
+    position: relative;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 9px;
+    width: 100%;
+    min-height: 66px;
+    padding: 9px 11px;
+    border: 0;
+    border-bottom: 1px solid var(--rule);
+    background: transparent;
+    color: var(--ink);
+    cursor: pointer;
+    text-align: left;
+  }
+
+  .task-row:hover {
+    background: #ebe5d9;
+  }
+
+  .task-row[aria-current="true"] {
+    background: var(--strip-strong);
+    box-shadow: inset 3px 0 0 var(--dispatch);
+  }
+
+  .task-state {
+    width: 10px;
+    height: 10px;
+    border: 1px solid #075e68;
+    background: var(--verified);
+  }
+
+  .task-row[data-tone="active"] .task-state,
+  .detail-status[data-tone="active"] > span {
+    border-color: var(--dispatch-dark);
+    background: var(--dispatch);
+  }
+
+  .task-row[data-tone="review"] .task-state,
+  .detail-status[data-tone="review"] > span {
+    border-color: #8a5b14;
+    background: #c8861d;
+  }
+
+  .task-row[data-tone="issue"] .task-state,
+  .detail-status[data-tone="issue"] > span {
+    border-color: #711912;
+    background: var(--danger);
+  }
+
+  .task-copy {
+    display: grid;
+    min-width: 0;
+    gap: 2px;
+  }
+
+  .task-copy strong,
+  .task-copy > span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .task-copy strong {
+    font-weight: 650;
+    letter-spacing: -0.01em;
+  }
+
+  .task-copy > span {
+    color: var(--muted);
+    font-size: 10px;
+  }
+
+  .task-meta {
+    display: grid;
+    justify-items: end;
+    gap: 2px;
+    color: var(--muted);
+    font-size: 9px;
+  }
+
+  .ledger-state,
+  .detail-empty {
+    display: grid;
+    place-content: center;
+    justify-items: center;
+    min-height: 220px;
+    padding: 28px;
+    text-align: center;
+  }
+
+  .ledger-state {
+    flex: 1;
+  }
+
+  .ledger-state strong,
+  .detail-empty strong {
+    margin-bottom: 4px;
+  }
+
+  .ledger-state span,
+  .detail-empty p {
+    max-width: 48ch;
+    margin: 0;
+    color: var(--muted);
+    font-size: 11px;
+  }
+
+  .task-detail {
+    display: flex;
+    min-width: 0;
+    min-height: 0;
+    flex-direction: column;
+    background: var(--strip-strong);
+  }
+
+  .task-detail:focus {
+    outline: 3px solid var(--dispatch);
+    outline-offset: -3px;
+  }
+
+  .detail-empty {
+    flex: 1;
+  }
+
+  .empty-reticle {
+    position: relative;
+    width: 34px;
+    height: 34px;
+    margin-bottom: 12px;
+    border: 2px solid var(--dispatch);
+    outline: 1px solid var(--graphite);
+    outline-offset: 3px;
+  }
+
+  .empty-reticle::before,
+  .empty-reticle::after {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    content: "";
+    border-color: var(--graphite);
+    border-style: solid;
+  }
+
+  .empty-reticle::before {
+    top: -5px;
+    left: -5px;
+    border-width: 2px 0 0 2px;
+  }
+
+  .empty-reticle::after {
+    right: -5px;
+    bottom: -5px;
+    border-width: 0 2px 2px 0;
+  }
+
+  .detail-head {
+    display: flex;
+    align-items: start;
+    justify-content: space-between;
+    gap: 24px;
+    min-height: 92px;
+    padding: 15px 17px 13px;
+    border-bottom: 1px solid var(--rule);
+    background: var(--graphite);
+    color: var(--strip-strong);
+  }
+
+  .detail-kicker {
+    color: #bdb9b0;
+    font-size: 9px;
+  }
+
+  .detail-head h2 {
+    max-width: 70ch;
+    margin: 4px 0 0;
+    font-size: clamp(16px, 1.7vw, 22px);
+    line-height: 1.3;
+    letter-spacing: -0.02em;
+  }
+
+  .detail-status {
+    display: flex;
+    flex: none;
+    align-items: center;
+    gap: 7px;
+    padding-top: 2px;
+    color: #ded9cf;
+    font-size: 11px;
+  }
+
+  .detail-status > span {
+    width: 9px;
+    height: 9px;
+    border: 1px solid #075e68;
+    background: var(--verified);
+  }
+
+  .fact-strip {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    margin: 0;
+    border-bottom: 1px solid var(--rule);
+    background: var(--strip);
+  }
+
+  .fact-strip > div {
+    min-width: 0;
+    padding: 9px 12px;
+    border-right: 1px solid var(--rule);
+  }
+
+  .fact-strip > div:last-child {
+    border-right: 0;
+  }
+
+  .fact-strip dt {
+    color: var(--muted);
+    font-size: 9px;
+  }
+
+  .fact-strip dd {
+    margin: 2px 0 0;
+    overflow: hidden;
+    font-weight: 650;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .detail-scroll {
+    min-height: 0;
+    padding: 14px;
+    overflow: auto;
+    scrollbar-gutter: stable;
+  }
+
+  .detail-error {
+    margin-bottom: 12px;
+  }
+
+  .detail-error > span:first-child,
+  .detail-error > strong + span {
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .files-block,
+  .logs-block,
+  .diff-block {
+    border: 1px solid var(--rule);
+    background: var(--strip);
+  }
+
+  .files-block > header,
+  .logs-block > header,
+  .diff-block > header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 36px;
+    padding: 7px 9px;
+    border-bottom: 1px solid var(--rule);
+  }
+
+  .files-block h3,
+  .logs-block h3,
+  .diff-block h3 {
+    margin: 0;
+    font-size: 12px;
+  }
+
+  .files-block header span,
+  .logs-block header span,
+  .diff-block header span {
+    color: var(--muted);
+    font-size: 9px;
+  }
+
+  .files-block ul {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0 16px;
+    margin: 0;
+    padding: 7px 9px 9px;
+    list-style: none;
+  }
+
+  .files-block li {
+    display: grid;
+    grid-template-columns: 14px minmax(0, 1fr);
+    padding: 3px 0;
+    overflow-wrap: anywhere;
+    font: 10px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace;
+  }
+
+  .files-block li span {
+    color: var(--dispatch-dark);
+  }
+
+  .files-block > p,
+  .block-state {
+    margin: 0;
+    padding: 14px;
+    color: var(--muted);
+    font-size: 11px;
+  }
+
+  .evidence-grid {
+    display: grid;
+    grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
+    gap: 12px;
+    margin-top: 12px;
+  }
+
+  .logs-block ol {
+    max-height: 280px;
+    margin: 0;
+    padding: 7px 9px 10px;
+    overflow: auto;
+    list-style: none;
+  }
+
+  .logs-block li {
+    display: grid;
+    grid-template-columns: 22px minmax(0, 1fr);
+    gap: 6px;
+    padding: 4px 0;
+    color: #454640;
+    font-size: 11px;
+  }
+
+  .logs-block li span {
+    color: var(--dispatch-dark);
+    font-size: 9px;
+  }
+
+  .diff-block {
+    min-width: 0;
+    background: var(--graphite);
+    border-color: #4b4b45;
+    color: var(--strip-strong);
+  }
+
+  .diff-block > header {
+    border-bottom-color: #4b4b45;
+  }
+
+  .diff-block header span {
+    color: #bdb9b0;
+  }
+
+  .diff-head-tools {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .diff-toggle {
+    min-height: 30px;
+    padding: 4px 8px;
+    border: 1px solid #77786f;
+    border-radius: 3px;
+    background: var(--graphite-2);
+    color: var(--strip-strong);
+    cursor: pointer;
+    font-size: 10px;
+    font-weight: 650;
+  }
+
+  .diff-toggle:hover {
+    border-color: #f18755;
+    color: #fff;
+  }
+
+  .diff-block pre {
+    max-height: 280px;
+    margin: 0;
+    padding: 10px;
+    overflow: auto;
+    color: #f2eee4;
+    font: 10px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace;
+    tab-size: 2;
+    white-space: pre;
+  }
+
+  @keyframes viewer-load {
+    0% { transform: scaleX(.08); }
+    55% { transform: scaleX(.72); }
+    100% { transform: scaleX(1); }
+  }
+
+  @media (max-width: 900px) {
+    .viewer-header {
+      padding: 0 12px;
+    }
+
+    .refresh-readout {
+      display: none;
+    }
+
+    .viewer-main {
+      width: min(100% - 24px, 760px);
+      padding-top: 18px;
+    }
+
+    .operations-board {
+      grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
+    }
+
+    .fact-strip {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .fact-strip > div:nth-child(2) {
+      border-right: 0;
+    }
+
+    .fact-strip > div:nth-child(-n + 2) {
+      border-bottom: 1px solid var(--rule);
+    }
+
+    .evidence-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (max-width: 680px) {
+    body {
+      font-size: 14px;
+    }
+
+    .viewer-header {
+      position: static;
+      min-height: 54px;
+    }
+
+    .viewer-brand {
+      min-width: 0;
+      border-right: 0;
+    }
+
+    .project-readout {
+      display: none;
+    }
+
+    .refresh-button {
+      min-height: 44px;
+      margin-left: 0;
+    }
+
+    .viewer-main {
+      width: calc(100% - 16px);
+      padding: 15px 0 18px;
+    }
+
+    .viewer-intro {
+      align-items: start;
+    }
+
+    .viewer-intro h1 {
+      font-size: 25px;
+    }
+
+    .viewer-intro p {
+      font-size: 14px;
+    }
+
+    .read-only-mark {
+      margin-top: 3px;
+    }
+
+    .status-rail {
+      grid-template-columns: repeat(4, minmax(82px, 1fr));
+      overflow-x: auto;
+    }
+
+    .status-rail button {
+      min-height: 44px;
+    }
+
+    .viewer-error button,
+    .detail-error button,
+    .detail-jump,
+    .ledger-search input,
+    .ledger-footer button {
+      min-height: 44px;
+    }
+
+    .diff-toggle {
+      min-height: 44px;
+    }
+
+    .detail-jump {
+      display: inline-flex;
+      align-items: center;
+    }
+
+    .operations-board {
+      display: block;
+      height: auto;
+      min-height: 0;
+      overflow: visible;
+    }
+
+    .task-ledger {
+      max-height: 390px;
+      border-right: 0;
+      border-bottom: 1px solid #272821;
+    }
+
+    .task-list {
+      max-height: 320px;
+    }
+
+    .task-detail {
+      min-height: 460px;
+    }
+
+    .detail-head {
+      min-height: 0;
+      padding: 13px;
+    }
+
+    .detail-head h2 {
+      font-size: 16px;
+    }
+
+    .detail-status {
+      max-width: 84px;
+      text-align: right;
+    }
+
+    .detail-scroll {
+      padding: 10px;
+      overflow: visible;
+    }
+
+    .files-block ul {
+      grid-template-columns: 1fr;
+    }
+
+    .logs-block ol,
+    .diff-block pre {
+      max-height: 240px;
+    }
+  }
+
+  @media (max-width: 420px) {
+    .viewer-header {
+      padding: 0 8px;
+    }
+
+    .viewer-brand {
+      gap: 6px;
+      padding-right: 6px;
+    }
+
+    .viewer-brand small {
+      display: none;
+    }
+
+    .connection-readout {
+      min-width: 88px;
+      padding-right: 8px;
+      padding-left: 8px;
+    }
+
+    .refresh-button {
+      padding-right: 8px;
+      padding-left: 8px;
+    }
+  }
+
+  @media (max-width: 360px) {
+    .status-rail {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      overflow: hidden;
+    }
+
+    .status-rail button:nth-child(2) {
+      border-right: 0;
+    }
+
+    .status-rail button:nth-child(-n + 2) {
+      border-bottom: 1px solid #4a4b46;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .viewer-app[data-loading="true"] .viewer-header::after {
+      animation: none;
+    }
+  }
+`;var yn=0;function i(e,t,n,r,s,o){t||(t={});var c,d,f=t;if("ref"in f)for(d in f={},t)d=="ref"?c=t[d]:f[d]=t[d];var l={type:e,props:f,key:n,ref:c,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--yn,__i:-1,__u:0,__source:s,__self:o};if(typeof e=="function"&&(c=e.defaultProps))for(d in c)f[d]===void 0&&(f[d]=c[d]);return v.vnode&&v.vnode(l),l}var le=100,Ht=le+1,Bt=6e4,Nt={queued:"\uB300\uAE30 \uC911",preparing:"\uC791\uC5C5 \uC900\uBE44",snapshotting_before:"\uBCC0\uACBD \uC804 \uC2A4\uB0C5\uC0F7",resolving_context:"\uC18C\uC2A4 \uD655\uC778",running_agent:"\uC5D0\uC774\uC804\uD2B8 \uC218\uC815 \uC911",snapshotting_after:"\uBCC0\uACBD \uD6C4 \uC2A4\uB0C5\uC0F7",diffing:"\uBCC0\uACBD \uBC94\uC704 \uACC4\uC0B0",waiting_hmr:"\uD654\uBA74 \uBC18\uC601 \uB300\uAE30",verifying:"\uAC80\uC99D \uC911",review:"\uAC80\uD1A0 \uB300\uAE30",accepted:"\uBCC0\uACBD \uC720\uC9C0",reverted:"\uB418\uB3CC\uB9AC\uAE30 \uC644\uB8CC",failed:"\uC791\uC5C5 \uC2E4\uD328",canceled:"\uC791\uC5C5 \uCDE8\uC18C",unsafe:"\uC548\uC804 \uD655\uC778 \uD544\uC694"},We=new Set(["queued","preparing","snapshotting_before","resolving_context","running_agent","snapshotting_after","diffing","waiting_hmr","verifying"]),Ke=new Set(["review","unsafe"]),kn=new Set(["failed","canceled","unsafe"]),Ot={unpaired:"\uC5F0\uACB0 \uD544\uC694",connecting:"\uC5F0\uACB0 \uC911",connected:"\uC2E4\uC2DC\uAC04",reconnecting:"\uC7AC\uC5F0\uACB0 \uC911",offline:"\uC624\uD504\uB77C\uC778",unauthorized:"\uC778\uC99D \uB9CC\uB8CC"};function Ge(e){return kn.has(e.status)||e.verificationStatus==="failed"}function Vt(e){switch(e){case"instance":return"\uC120\uD0DD\uD55C \uC778\uC2A4\uD134\uC2A4";case"component":return"\uACF5\uC6A9 \uCEF4\uD3EC\uB10C\uD2B8";case"page":return"\uD604\uC7AC \uD398\uC774\uC9C0";case"project":return"\uD504\uB85C\uC81D\uD2B8 \uC804\uCCB4"}}function wn(e){switch(e){case"passed":return"\uAC80\uC99D \uD1B5\uACFC";case"partial":return"\uBD80\uBD84 \uAC80\uC99D";case"failed":return"\uAC80\uC99D \uC2E4\uD328";default:return"\uBBF8\uAC80\uC99D"}}function Wt(e){let t=e.completedAt??e.startedAt??e.createdAt,n=new Date(t);return Number.isNaN(n.getTime())?"\uC2DC\uAC04 \uBBF8\uC0C1":new Intl.DateTimeFormat("ko-KR",{year:"2-digit",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}).format(n)}function Sn(e){return e?new Intl.DateTimeFormat("ko-KR",{hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(e):"\uC544\uC9C1 \uAC31\uC2E0\uB418\uC9C0 \uC54A\uC74C"}function Be(e,t){return t==="active"?We.has(e.status):t==="review"?Ke.has(e.status):t==="issue"?Ge(e):!0}function Kt(e){return Ge(e)?"issue":We.has(e.status)?"active":Ke.has(e.status)?"review":"done"}function Tn(e){let t=e instanceof Error?e.message:String(e);return z(t,180)}function Ne(e,t){let n=Tn(e);return n.includes("unauthorized")||n.includes("401")||n.includes("Invalid viewer token")?"\uC77D\uAE30 \uC804\uC6A9 \uC138\uC158\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. Overlay\uC758 \u2018\uC791\uC5C5 \uBCF4\uB4DC\u2019 \uBC84\uD2BC\uC5D0\uC11C \uB2E4\uC2DC \uC5F4\uC5B4\uC8FC\uC138\uC694.":`${t} (${n})`}function En(e){return e==="files"?"\uBCC0\uACBD \uD30C\uC77C":e==="logs"?"\uC791\uC5C5 \uB85C\uADF8":"diff"}function Se(e){return[...e].sort((t,n)=>n.createdAt.localeCompare(t.createdAt)||n.id.localeCompare(t.id))}function In(e,t){let n=e.findIndex(s=>s.id===t.id);if(n<0)return Se([t,...e]);let r=[...e];return r[n]=t,Se(r)}function Oe(e,t){let n=t.trim().toLocaleLowerCase("ko-KR");return n?[e.id,e.requestText,...e.changedFiles].some(r=>r.toLocaleLowerCase("ko-KR").includes(n)):!0}function Rn(e){return e instanceof Error&&e.name==="AbortError"}function An(){let e=J(Pt,[]),t=J(()=>crypto.randomUUID(),[]),n=U(null),r=U([]),s=U("all"),o=U(""),c=U(null),d=U(0),f=U(!1),l=U([]),h=U(e?"connecting":"unpaired"),[b,a]=F("current"),[p,x]=F([]),[w,k]=F("all"),[y,g]=F(""),[C,K]=F(null),[L,D]=F(null),[B,G]=F(!!e),[N,j]=F(!1),[O,Ye]=F(!1),[Je,Q]=F(null),[Yt,Te]=F(null),[Jt,Qt]=F(null),[Ee,Xt]=F({state:e?"connecting":"unpaired",lastSequence:0});r.current=p,s.current=w,o.current=y;let $=ee(async(u,_=!1)=>{let R=u?.id??null;if(n.current=R,K(R),c.current?.abort(),c.current=null,!u||!e){D(null);return}let P=new AbortController;c.current=P,D(A=>_&&A?.taskId===u.id?(()=>{let m={...A};return delete m.error,m})():{taskId:u.id,loading:!0,changedFiles:u.changedFiles,diff:"",logs:[],unavailable:[]});try{let A=await Mt(e,u.id,P.signal);D(m=>m?.taskId===u.id&&!P.signal.aborted?{taskId:u.id,loading:!1,...A}:m)}catch(A){if(Rn(A))return;D(m=>m?.taskId===u.id?{...m,loading:!1,error:Ne(A,"\uC0C1\uC138 \uB0B4\uC5ED\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4.")}:m)}finally{c.current===P&&(c.current=null)}},[e]),ce=ee(u=>{Te(new Date);let _=zt(u);_&&x(m=>{let M=In(m,_);return r.current=M,M});let R=u.taskId??_?.id;if(!R||n.current!==R)return;let P=Dt(u),A=Lt(u);if((P||A.length>0)&&D(m=>m?.taskId===R?{...m,changedFiles:A.length>0?A:m.changedFiles,logs:P?[...m.logs,P].slice(-40):m.logs}:m),["task.diff_ready","task.completed","task.failed","task.canceled","task.reverted","task.verification_result"].includes(u.type)){let m=_??r.current.find(M=>M.id===R);m&&$(m,!0)}},[$]),Qe=ee(u=>{if(!f.current){l.current.push(u);return}ce(u)},[ce]),Y=ee(async()=>{if(!e){Q("Overlay\uC758 \u2018\uC791\uC5C5 \uBCF4\uB4DC\u2019 \uBC84\uD2BC\uC5D0\uC11C \uB2E4\uC2DC \uC5F4\uC5B4\uC8FC\uC138\uC694.");return}let u=++d.current;f.current=!1,G(!0),Q(null);try{let[_,R]=await Promise.all([He(e,{limit:Ht}),Ft(e)]);if(u!==d.current)return;let P=_.slice(0,le),A=Se(P);r.current=A,x(A),Ye(_.length>le),R&&a(R);let m=n.current?A.find(pe=>pe.id===n.current):void 0,M=m&&Be(m,s.current)&&Oe(m,o.current)?m:A.find(pe=>Be(pe,s.current)&&Oe(pe,o.current))??null;await $(M),Te(new Date)}catch(_){if(u!==d.current)return;Q(Ne(_,"\uC791\uC5C5 \uBAA9\uB85D\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. Bridge \uC5F0\uACB0\uC744 \uD655\uC778\uD574 \uC8FC\uC138\uC694."))}finally{if(u===d.current){f.current=!0;let _=l.current.splice(0).sort((R,P)=>R.seq-P.seq);for(let R of _)ce(R);G(!1)}}},[ce,$,e]),Zt=ee(async()=>{if(!e||N)return;let u=r.current.at(-1);if(u){j(!0),Q(null);try{let _=await He(e,{limit:Ht,cursor:{id:u.id,createdAt:u.createdAt}}),R=_.slice(0,le);x(P=>{let A=new Map(P.map(M=>[M.id,M]));for(let M of R)A.set(M.id,M);let m=Se([...A.values()]);return r.current=m,m}),Ye(_.length>le),Te(new Date)}catch(_){Q(Ne(_,"\uC774\uC804 \uC791\uC5C5 \uAE30\uB85D\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4."))}finally{j(!1)}}},[N,e]);oe(()=>{Y()},[Y]);let X=J(()=>p.filter(u=>Be(u,w)&&Oe(u,y)),[w,y,p]);oe(()=>{let u=n.current;u&&X.some(_=>_.id===u)||$(X[0]??null)},[X,$]),oe(()=>{if(!e)return;let u=new we({token:e,mode:"viewer",browserSessionId:t,onSequenceGap:()=>{Y()},onSnapshot:_=>{let R=h.current;h.current=_.state,Xt(_),_.projectId&&a(_.projectId),_.state==="unauthorized"?Q("\uC77D\uAE30 \uC804\uC6A9 \uC138\uC158\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. Overlay\uC758 \u2018\uC791\uC5C5 \uBCF4\uB4DC\u2019 \uBC84\uD2BC\uC5D0\uC11C \uB2E4\uC2DC \uC5F4\uC5B4\uC8FC\uC138\uC694."):_.state==="connected"&&(R==="offline"||R==="reconnecting")&&Y()},onEvent:Qe});return u.connect(),()=>u.close()},[Qe,Y,e,t]),oe(()=>()=>{c.current?.abort()},[]);let E=p.find(u=>u.id===C)??null,S=E&&L?.taskId===E.id?L:null,de=S&&S.changedFiles.length>0?S.changedFiles:E?.changedFiles??[],Ie=S?.diff??"",Re=Ie.length>Bt,te=E?.id===Jt,en=Re&&!te?`${Ie.slice(0,Bt)}
+
+\u2026 \uC131\uB2A5\uC744 \uC704\uD574 \uB098\uBA38\uC9C0 diff\uB97C \uC811\uC5C8\uC2B5\uB2C8\uB2E4.`:Ie,ue=J(()=>({all:p.length,active:p.filter(u=>We.has(u.status)).length,review:p.filter(u=>Ke.has(u.status)).length,issue:p.filter(Ge).length}),[p]),Xe=[{value:"all",label:"\uC804\uCCB4",count:ue.all},{value:"active",label:"\uC9C4\uD589 \uC911",count:ue.active},{value:"review",label:"\uAC80\uD1A0 \uD544\uC694",count:ue.review},{value:"issue",label:"\uBB38\uC81C",count:ue.issue}];return i("div",{class:"viewer-app","data-loading":B?"true":"false",children:[i("header",{class:"viewer-header",children:[i("div",{class:"viewer-brand",children:[i("span",{class:"brand-signal","aria-hidden":"true"}),i("span",{children:[i("strong",{children:"Visual Bridge"}),i("small",{children:"\uC791\uC5C5 \uBDF0\uC5B4"})]})]}),i("div",{class:"header-instruments",children:[i("span",{class:"project-readout",children:[i("small",{children:"PROJECT"}),i("strong",{children:b})]}),i("span",{class:"connection-readout","data-state":Ee.state,children:[i("small",{children:"STREAM"}),i("strong",{children:[i("span",{"aria-hidden":"true"}),Ot[Ee.state]]})]}),i("span",{class:"refresh-readout",children:[i("small",{children:"LAST SYNC"}),i("strong",{children:Sn(Yt)})]}),i("button",{type:"button",class:"refresh-button",disabled:B,onClick:()=>{Y()},children:B?"\uAC31\uC2E0 \uC911":"\uC0C8\uB85C\uACE0\uCE68"})]})]}),i("main",{class:"viewer-main",children:[i("section",{class:"viewer-intro","aria-labelledby":"viewer-title",children:[i("div",{children:[i("h1",{id:"viewer-title",children:"\uD504\uB85C\uC81D\uD2B8 \uC791\uC5C5 \uD750\uB984"}),i("p",{children:"\uC694\uCCAD\uBD80\uD130 \uAC80\uC99D \uACB0\uACFC\uAE4C\uC9C0, Bridge\uAC00 \uAE30\uB85D\uD55C task\uB97C \uD55C \uD654\uBA74\uC5D0\uC11C \uAC80\uD1A0\uD569\uB2C8\uB2E4."})]}),i("span",{class:"read-only-mark",children:"READ ONLY"})]}),i("nav",{class:"status-rail","aria-label":"\uC791\uC5C5 \uC0C1\uD0DC \uD544\uD130",children:Xe.map(u=>i("button",{type:"button","aria-pressed":w===u.value?"true":"false",onClick:()=>k(u.value),children:[i("span",{children:u.label}),i("strong",{class:"machine",children:u.count})]},u.value))}),Je?i("div",{class:"viewer-error",role:"alert",children:[i("span",{children:Je}),i("button",{type:"button",onClick:()=>{Y()},children:"\uB2E4\uC2DC \uC2DC\uB3C4"})]}):null,i("span",{class:"visually-hidden",role:"status","aria-live":"polite",children:B&&p.length===0?"\uC791\uC5C5 \uAE30\uB85D \uBD88\uB7EC\uC624\uB294 \uC911":E?`${z(E.requestText,80)} \uC791\uC5C5 \uC0C1\uC138 ${S?.loading?"\uBD88\uB7EC\uC624\uB294 \uC911":"\uC120\uD0DD\uB428"}, ${Ot[Ee.state]}`:"\uC120\uD0DD\uD55C \uC791\uC5C5 \uC5C6\uC74C"}),i("section",{class:"operations-board","aria-label":"\uC791\uC5C5 \uB300\uC2DC\uBCF4\uB4DC",children:[i("aside",{class:"task-ledger",children:[i("header",{class:"board-head",children:[i("div",{children:[i("h2",{children:"\uC791\uC5C5 \uBAA9\uB85D"}),i("p",{children:w==="all"?"\uD504\uB85C\uC81D\uD2B8 \uC804\uCCB4":Xe.find(u=>u.value===w)?.label})]}),i("div",{class:"board-head-tools",children:[i("span",{class:"machine",children:[X.length," / ",p.length]}),i("a",{class:"detail-jump",href:"#task-detail",children:"\uC0C1\uC138\uB85C \uC774\uB3D9"})]})]}),i("div",{class:"ledger-search",children:[i("label",{children:[i("span",{class:"visually-hidden",children:"\uC791\uC5C5 \uAC80\uC0C9"}),i("input",{type:"search",value:y,placeholder:"\uC694\uCCAD\xB7\uD30C\uC77C\xB7Task ID \uAC80\uC0C9",onInput:u=>g(u.currentTarget.value)})]}),i("span",{class:"machine",children:["\uBD88\uB7EC\uC628 ",p.length,"\uAC1C \uB0B4 \uAC80\uC0C9"]})]}),B&&p.length===0?i("div",{class:"ledger-state",role:"status",children:[i("strong",{children:"\uC791\uC5C5 \uAE30\uB85D\uC744 \uBD88\uB7EC\uC624\uB294 \uC911\uC785\uB2C8\uB2E4."}),i("span",{children:"Bridge task store\uB97C \uD655\uC778\uD558\uACE0 \uC788\uC2B5\uB2C8\uB2E4."})]}):X.length===0?i("div",{class:"ledger-state",children:[i("strong",{children:p.length===0?"\uC544\uC9C1 \uC791\uC5C5 \uAE30\uB85D\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.":y.trim()?"\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.":"\uC774 \uC0C1\uD0DC\uC758 \uC791\uC5C5\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."}),i("span",{children:p.length===0?"Overlay\uC5D0\uC11C \uBCC0\uACBD\uC744 \uC694\uCCAD\uD558\uBA74 \uC5EC\uAE30\uC5D0 \uAE30\uB85D\uB429\uB2C8\uB2E4.":y.trim()?"\uB2E4\uB978 \uAC80\uC0C9\uC5B4\uB97C \uC785\uB825\uD558\uAC70\uB098 \uAC80\uC0C9\uC744 \uC9C0\uC6CC\uBCF4\uC138\uC694.":"\uB2E4\uB978 \uC0C1\uD0DC \uD544\uD130\uB97C \uC120\uD0DD\uD574 \uBCF4\uC138\uC694."})]}):i("ol",{class:"task-list",children:X.map(u=>i("li",{children:i("button",{type:"button",class:"task-row","data-tone":Kt(u),"aria-current":u.id===C?"true":void 0,"aria-controls":"task-detail",onClick:()=>{$(u)},children:[i("span",{class:"task-state","aria-hidden":"true"}),i("span",{class:"task-copy",children:[i("strong",{children:z(u.requestText,110)}),i("span",{children:[Nt[u.status]," \xB7 ",Vt(u.scope)]})]}),i("span",{class:"task-meta machine",children:[i("span",{children:Wt(u)}),i("span",{children:[u.changedFiles.length," files"]})]})]})},u.id))}),O?i("div",{class:"ledger-footer",children:i("button",{type:"button",disabled:N,onClick:()=>{Zt()},children:N?"\uC774\uC804 \uAE30\uB85D \uBD88\uB7EC\uC624\uB294 \uC911":"\uC774\uC804 \uC791\uC5C5 \uB354 \uBCF4\uAE30"})}):p.length>0?i("div",{class:"ledger-footer ledger-end",children:i("span",{children:"\uBD88\uB7EC\uC628 \uC791\uC5C5 \uAE30\uB85D\uC758 \uB05D\uC785\uB2C8\uB2E4."})}):null]}),i("section",{id:"task-detail",class:"task-detail","aria-label":"\uC120\uD0DD\uD55C \uC791\uC5C5 \uC0C1\uC138",tabIndex:-1,children:E?i(W,{children:[i("header",{class:"detail-head",children:[i("div",{children:[i("span",{class:"detail-kicker machine",children:["TASK ",E.id.slice(0,12)]}),i("h2",{children:E.requestText})]}),i("span",{class:"detail-status","data-tone":Kt(E),children:[i("span",{"aria-hidden":"true"}),Nt[E.status]]})]}),i("dl",{class:"fact-strip",children:[i("div",{children:[i("dt",{children:"\uC801\uC6A9 \uBC94\uC704"}),i("dd",{children:Vt(E.scope)})]}),i("div",{children:[i("dt",{children:"\uAC80\uC99D"}),i("dd",{children:wn(E.verificationStatus)})]}),i("div",{children:[i("dt",{children:"\uCD5C\uADFC \uC2DC\uAC01"}),i("dd",{class:"machine",children:Wt(E)})]}),i("div",{children:[i("dt",{children:"\uBCC0\uACBD \uD30C\uC77C"}),i("dd",{class:"machine",children:de.length})]})]}),i("div",{class:"detail-scroll",role:"region","aria-label":"\uC120\uD0DD\uD55C \uC791\uC5C5\uC758 \uBCC0\uACBD \uB0B4\uC5ED",tabIndex:0,children:[E.error?.message||S?.error||S&&S.unavailable.length>0?i("div",{class:"detail-alerts",role:"alert",children:[E.error?.message?i("div",{class:"detail-error",children:[i("strong",{children:"\uC791\uC5C5 \uC624\uB958"}),i("span",{children:E.error.message})]}):null,S?.error?i("div",{class:"detail-error",children:[i("span",{children:S.error}),i("button",{type:"button",onClick:()=>{$(E)},children:"\uB2E4\uC2DC \uC2DC\uB3C4"})]}):null,S&&S.unavailable.length>0?i("div",{class:"detail-error",children:[i("span",{children:["\uC77C\uBD80 \uB0B4\uC5ED\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4: ",S.unavailable.map(En).join(", ")]}),i("button",{type:"button",onClick:()=>{$(E)},children:"\uB2E4\uC2DC \uC2DC\uB3C4"})]}):null]}):null,i("section",{class:"files-block","aria-labelledby":"files-title",children:[i("header",{children:[i("h3",{id:"files-title",children:"\uBCC0\uACBD \uD30C\uC77C"}),i("span",{class:"machine",children:de.length})]}),de.length>0?i("ul",{children:de.map(u=>i("li",{title:u,children:[i("span",{children:"\u0394"}),u]},u))}):i("p",{children:"\uBCF4\uACE0\uB41C \uBCC0\uACBD \uD30C\uC77C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4."})]}),i("div",{class:"evidence-grid",children:[i("section",{class:"logs-block","aria-labelledby":"logs-title",children:[i("header",{children:[i("h3",{id:"logs-title",children:"\uC791\uC5C5 \uB85C\uADF8"}),i("span",{class:"machine",children:S?.logs.length??0})]}),S?.loading?i("p",{class:"block-state",children:"\uC0C1\uC138 \uB0B4\uC5ED\uC744 \uBD88\uB7EC\uC624\uB294 \uC911\uC785\uB2C8\uB2E4."}):S&&S.logs.length>0?i("ol",{tabIndex:0,"aria-label":"\uC791\uC5C5 \uB85C\uADF8 \uBAA9\uB85D",children:S.logs.map((u,_)=>i("li",{children:[i("span",{class:"machine",children:String(_+1).padStart(2,"0")}),u]},`${_}-${u}`))}):S?.unavailable.includes("logs")?null:i("p",{class:"block-state",children:"\uC800\uC7A5\uB41C \uC791\uC5C5 \uB85C\uADF8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."})]}),i("section",{class:"diff-block","aria-labelledby":"diff-title",children:[i("header",{children:[i("h3",{id:"diff-title",children:"Unified diff"}),i("div",{class:"diff-head-tools",children:[i("span",{class:"machine",children:Re&&!te?"PREVIEW":"DIFF"}),Re?i("button",{type:"button",class:"diff-toggle","aria-expanded":te?"true":"false",onClick:()=>Qt(te?null:E.id),children:te?"\uBBF8\uB9AC\uBCF4\uAE30\uB85C \uC811\uAE30":"\uC804\uCCB4 diff \uD3BC\uCE58\uAE30"}):null]})]}),S?.loading?i("p",{class:"block-state",children:"Diff\uB97C \uBD88\uB7EC\uC624\uB294 \uC911\uC785\uB2C8\uB2E4."}):S?.unavailable.includes("diff")?null:i("pre",{tabIndex:0,"aria-label":"Unified diff \uB0B4\uC6A9",children:en||"\uC800\uC7A5\uB41C diff\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4."})]})]})]})]}):i("div",{class:"detail-empty",children:[i("span",{class:"empty-reticle","aria-hidden":"true"}),i("strong",{children:"\uAC80\uD1A0\uD560 \uC791\uC5C5\uC744 \uC120\uD0DD\uD558\uC138\uC694."}),i("p",{children:"\uC67C\uCABD \uC791\uC5C5 \uBAA9\uB85D\uC5D0\uC11C task\uB97C \uC120\uD0DD\uD558\uBA74 \uC694\uCCAD, \uBCC0\uACBD \uD30C\uC77C, \uB85C\uADF8\uC640 diff\uAC00 \uD45C\uC2DC\uB429\uB2C8\uB2E4."})]})})]})]})]})}var Gt=document.createElement("style");Gt.textContent=$t;document.head.append(Gt);var Ve=document.getElementById("visual-viewer-root");Ve&&(Ve.replaceChildren(),ht(i(An,{}),Ve));