conductor-oss 0.53.13 → 0.53.15

package/web/.next/standalone/packages/web/.next/server/chunks/9517.js

@@ -1 +1 @@
-"use strict";exports.id=9517,exports.ids=[9517],exports.modules={48582:(a,b,c)=>{c.d(b,{E:()=>g});var d=c(92692),e=c(93544);let f={default:"border-[var(--vk-border)] bg-[var(--vk-bg-panel)] text-[var(--vk-text-muted)]",success:"border-transparent bg-transparent text-[var(--vk-green)]",warning:"border-transparent bg-transparent text-[var(--vk-orange)]",error:"border-transparent bg-transparent text-[var(--vk-red)]",info:"border-transparent bg-transparent text-[var(--vk-text-muted)]",outline:"border-[var(--vk-border)] bg-transparent text-[var(--vk-text-muted)]"};function g({variant:a="default",className:b,children:c}){return(0,d.jsx)("span",{className:(0,e.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",f[a],b),children:c})}},69368:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(37303).A)("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},76680:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(37303).A)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]])},79517:(a,b,c)=>{c.r(b),c.d(b,{SessionPreview:()=>aw});var d=c(92692),e=c(71277),f=c(52404),g=c(75185),h=c(37303);let i=(0,h.A)("waypoints",[["path",{d:"m10.586 5.414-5.172 5.172",key:"4mc350"}],["path",{d:"m18.586 13.414-5.172 5.172",key:"8c96vv"}],["path",{d:"M6 12h12",key:"8npq4p"}],["circle",{cx:"12",cy:"20",r:"2",key:"144qzu"}],["circle",{cx:"12",cy:"4",r:"2",key:"muu5ef"}],["circle",{cx:"20",cy:"12",r:"2",key:"1xzzfp"}],["circle",{cx:"4",cy:"12",r:"2",key:"1hvhnz"}]]);var j=c(64583);let k=(0,h.A)("mouse-pointer-click",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]),l=(0,h.A)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);var m=c(69368),n=c(13636),o=c(2625),p=c(76680);let q=(0,h.A)("boxes",[["path",{d:"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",key:"lc1i9w"}],["path",{d:"m7 16.5-4.74-2.85",key:"1o9zyk"}],["path",{d:"m7 16.5 5-3",key:"va8pkn"}],["path",{d:"M7 16.5v5.17",key:"jnp8gn"}],["path",{d:"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",key:"8zsnat"}],["path",{d:"m17 16.5-5-3",key:"8arw3v"}],["path",{d:"m17 16.5 4.74-2.85",key:"8rfmw"}],["path",{d:"M17 16.5v5.17",key:"k6z78m"}],["path",{d:"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",key:"1xygjf"}],["path",{d:"M12 8 7.26 5.15",key:"1vbdud"}],["path",{d:"m12 8 4.74-2.85",key:"3rx089"}],["path",{d:"M12 13.5V8",key:"1io7kd"}]]);var r=c(7071);let s=(0,h.A)("file-braces-corner",[["path",{d:"M14 22h4a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v6",key:"14cnrg"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M5 14a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1 1 1 0 0 1 1 1v2a1 1 0 0 0 1 1",key:"sr0ebq"}],["path",{d:"M9 22a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-2a1 1 0 0 0-1-1",key:"w793db"}]]);var t=c(48582),u=c(1071),v=c(54761),w=c(5707),x=c(64308),y=c(63660),z=c(11256),A=c(87108),B=c(8370),C=c(97229),D=c(74508),E="ScrollArea",[F,G]=(0,y.A)(E),[H,I]=F(E),J=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,type:f="hover",dir:g,scrollHideDelay:h=600,...i}=a,[j,k]=e.useState(null),[l,m]=e.useState(null),[n,o]=e.useState(null),[p,q]=e.useState(null),[r,s]=e.useState(null),[t,u]=e.useState(0),[v,x]=e.useState(0),[y,A]=e.useState(!1),[C,D]=e.useState(!1),E=(0,z.s)(b,a=>k(a)),F=(0,B.jH)(g);return(0,d.jsx)(H,{scope:c,type:f,dir:F,scrollHideDelay:h,scrollArea:j,viewport:l,onViewportChange:m,content:n,onContentChange:o,scrollbarX:p,onScrollbarXChange:q,scrollbarXEnabled:y,onScrollbarXEnabledChange:A,scrollbarY:r,onScrollbarYChange:s,scrollbarYEnabled:C,onScrollbarYEnabledChange:D,onCornerWidthChange:u,onCornerHeightChange:x,children:(0,d.jsx)(w.sG.div,{dir:F,...i,ref:E,style:{position:"relative","--radix-scroll-area-corner-width":t+"px","--radix-scroll-area-corner-height":v+"px",...a.style}})})});J.displayName=E;var K="ScrollAreaViewport",L=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...h}=a,i=I(K,c),j=e.useRef(null),k=(0,z.s)(b,j,i.onViewportChange);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:g}),(0,d.jsx)(w.sG.div,{"data-radix-scroll-area-viewport":"",...h,ref:k,style:{overflowX:i.scrollbarXEnabled?"scroll":"hidden",overflowY:i.scrollbarYEnabled?"scroll":"hidden",...a.style},children:(0,d.jsx)("div",{ref:i.onContentChange,style:{minWidth:"100%",display:"table"},children:f})})]})});L.displayName=K;var M="ScrollAreaScrollbar",N=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=I(M,a.__scopeScrollArea),{onScrollbarXEnabledChange:h,onScrollbarYEnabledChange:i}=g,j="horizontal"===a.orientation;return e.useEffect(()=>(j?h(!0):i(!0),()=>{j?h(!1):i(!1)}),[j,h,i]),"hover"===g.type?(0,d.jsx)(O,{...f,ref:b,forceMount:c}):"scroll"===g.type?(0,d.jsx)(P,{...f,ref:b,forceMount:c}):"auto"===g.type?(0,d.jsx)(Q,{...f,ref:b,forceMount:c}):"always"===g.type?(0,d.jsx)(R,{...f,ref:b}):null});N.displayName=M;var O=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=I(M,a.__scopeScrollArea),[h,i]=e.useState(!1);return e.useEffect(()=>{let a=g.scrollArea,b=0;if(a){let c=()=>{window.clearTimeout(b),i(!0)},d=()=>{b=window.setTimeout(()=>i(!1),g.scrollHideDelay)};return a.addEventListener("pointerenter",c),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(b),a.removeEventListener("pointerenter",c),a.removeEventListener("pointerleave",d)}}},[g.scrollArea,g.scrollHideDelay]),(0,d.jsx)(x.C,{present:c||h,children:(0,d.jsx)(Q,{"data-state":h?"visible":"hidden",...f,ref:b})})}),P=e.forwardRef((a,b)=>{var c;let{forceMount:f,...g}=a,h=I(M,a.__scopeScrollArea),i="horizontal"===a.orientation,j=ah(()=>l("SCROLL_END"),100),[k,l]=(c={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},e.useReducer((a,b)=>c[a][b]??a,"hidden"));return e.useEffect(()=>{if("idle"===k){let a=window.setTimeout(()=>l("HIDE"),h.scrollHideDelay);return()=>window.clearTimeout(a)}},[k,h.scrollHideDelay,l]),e.useEffect(()=>{let a=h.viewport,b=i?"scrollLeft":"scrollTop";if(a){let c=a[b],d=()=>{let d=a[b];c!==d&&(l("SCROLL"),j()),c=d};return a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[h.viewport,i,l,j]),(0,d.jsx)(x.C,{present:f||"hidden"!==k,children:(0,d.jsx)(R,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,D.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,D.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),Q=e.forwardRef((a,b)=>{let c=I(M,a.__scopeScrollArea),{forceMount:f,...g}=a,[h,i]=e.useState(!1),j="horizontal"===a.orientation,k=ah(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return ai(c.viewport,k),ai(c.content,k),(0,d.jsx)(x.C,{present:f||h,children:(0,d.jsx)(R,{"data-state":h?"visible":"hidden",...g,ref:b})})}),R=e.forwardRef((a,b)=>{let{orientation:c="vertical",...f}=a,g=I(M,a.__scopeScrollArea),h=e.useRef(null),i=e.useRef(0),[j,k]=e.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=ac(j.viewport,j.content),m={...f,sizes:j,onSizesChange:k,hasThumb:!!(l>0&&l<1),onThumbChange:a=>h.current=a,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:a=>i.current=a};function n(a,b){return function(a,b,c,d="ltr"){let e=ad(c),f=b||e/2,g=c.scrollbar.paddingStart+f,h=c.scrollbar.size-c.scrollbar.paddingEnd-(e-f),i=c.content-c.viewport;return af([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,i.current,j,b)}return"horizontal"===c?(0,d.jsx)(S,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=ae(g.viewport.scrollLeft,j,g.dir);h.current.style.transform=`translate3d(${a}px, 0, 0)`}},onWheelScroll:a=>{g.viewport&&(g.viewport.scrollLeft=a)},onDragScroll:a=>{g.viewport&&(g.viewport.scrollLeft=n(a,g.dir))}}):"vertical"===c?(0,d.jsx)(T,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=ae(g.viewport.scrollTop,j);h.current.style.transform=`translate3d(0, ${a}px, 0)`}},onWheelScroll:a=>{g.viewport&&(g.viewport.scrollTop=a)},onDragScroll:a=>{g.viewport&&(g.viewport.scrollTop=n(a))}}):null}),S=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=I(M,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,z.s)(b,k,h.onScrollbarXChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(W,{"data-orientation":"horizontal",...g,ref:l,sizes:c,style:{bottom:0,left:"rtl"===h.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===h.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":ad(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.x),onDragScroll:b=>a.onDragScroll(b.x),onWheelScroll:(b,c)=>{if(h.viewport){var d,e;let f=h.viewport.scrollLeft+b.deltaX;a.onWheelScroll(f),d=f,e=c,d>0&&d<e&&b.preventDefault()}},onResize:()=>{k.current&&h.viewport&&i&&f({content:h.viewport.scrollWidth,viewport:h.viewport.offsetWidth,scrollbar:{size:k.current.clientWidth,paddingStart:ab(i.paddingLeft),paddingEnd:ab(i.paddingRight)}})}})}),T=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=I(M,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,z.s)(b,k,h.onScrollbarYChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(W,{"data-orientation":"vertical",...g,ref:l,sizes:c,style:{top:0,right:"ltr"===h.dir?0:void 0,left:"rtl"===h.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":ad(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.y),onDragScroll:b=>a.onDragScroll(b.y),onWheelScroll:(b,c)=>{if(h.viewport){var d,e;let f=h.viewport.scrollTop+b.deltaY;a.onWheelScroll(f),d=f,e=c,d>0&&d<e&&b.preventDefault()}},onResize:()=>{k.current&&h.viewport&&i&&f({content:h.viewport.scrollHeight,viewport:h.viewport.offsetHeight,scrollbar:{size:k.current.clientHeight,paddingStart:ab(i.paddingTop),paddingEnd:ab(i.paddingBottom)}})}})}),[U,V]=F(M),W=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,sizes:f,hasThumb:g,onThumbChange:h,onThumbPointerUp:i,onThumbPointerDown:j,onThumbPositionChange:k,onDragScroll:l,onWheelScroll:m,onResize:n,...o}=a,p=I(M,c),[q,r]=e.useState(null),s=(0,z.s)(b,a=>r(a)),t=e.useRef(null),u=e.useRef(""),v=p.viewport,x=f.content-f.viewport,y=(0,A.c)(m),B=(0,A.c)(k),C=ah(n,10);function E(a){t.current&&l({x:a.clientX-t.current.left,y:a.clientY-t.current.top})}return e.useEffect(()=>{let a=a=>{let b=a.target;q?.contains(b)&&y(a,x)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[v,q,x,y]),e.useEffect(B,[f,B]),ai(q,C),ai(p.content,C),(0,d.jsx)(U,{scope:c,scrollbar:q,hasThumb:g,onThumbChange:(0,A.c)(h),onThumbPointerUp:(0,A.c)(i),onThumbPositionChange:B,onThumbPointerDown:(0,A.c)(j),children:(0,d.jsx)(w.sG.div,{...o,ref:s,style:{position:"absolute",...o.style},onPointerDown:(0,D.mK)(a.onPointerDown,a=>{0===a.button&&(a.target.setPointerCapture(a.pointerId),t.current=q.getBoundingClientRect(),u.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),E(a))}),onPointerMove:(0,D.mK)(a.onPointerMove,E),onPointerUp:(0,D.mK)(a.onPointerUp,a=>{let b=a.target;b.hasPointerCapture(a.pointerId)&&b.releasePointerCapture(a.pointerId),document.body.style.webkitUserSelect=u.current,p.viewport&&(p.viewport.style.scrollBehavior=""),t.current=null})})})}),X="ScrollAreaThumb",Y=e.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=V(X,a.__scopeScrollArea);return(0,d.jsx)(x.C,{present:c||f.hasThumb,children:(0,d.jsx)(Z,{ref:b,...e})})}),Z=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,h=I(X,c),i=V(X,c),{onThumbPositionChange:j}=i,k=(0,z.s)(b,a=>i.onThumbChange(a)),l=e.useRef(void 0),m=ah(()=>{l.current&&(l.current(),l.current=void 0)},100);return e.useEffect(()=>{let a=h.viewport;if(a){let b=()=>{m(),l.current||(l.current=ag(a,j),j())};return j(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[h.viewport,m,j]),(0,d.jsx)(w.sG.div,{"data-state":i.hasThumb?"visible":"hidden",...g,ref:k,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...f},onPointerDownCapture:(0,D.mK)(a.onPointerDownCapture,a=>{let b=a.target.getBoundingClientRect(),c=a.clientX-b.left,d=a.clientY-b.top;i.onThumbPointerDown({x:c,y:d})}),onPointerUp:(0,D.mK)(a.onPointerUp,i.onThumbPointerUp)})});Y.displayName=X;var $="ScrollAreaCorner",_=e.forwardRef((a,b)=>{let c=I($,a.__scopeScrollArea),e=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&e?(0,d.jsx)(aa,{...a,ref:b}):null});_.displayName=$;var aa=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=I($,c),[h,i]=e.useState(0),[j,k]=e.useState(0),l=!!(h&&j);return ai(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),ai(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,d.jsx)(w.sG.div,{...f,ref:b,style:{width:h,height:j,position:"absolute",right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:0,...a.style}}):null});function ab(a){return a?parseInt(a,10):0}function ac(a,b){let c=a/b;return isNaN(c)?0:c}function ad(a){let b=ac(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function ae(a,b,c="ltr"){let d=ad(b),e=b.scrollbar.paddingStart+b.scrollbar.paddingEnd,f=b.scrollbar.size-e,g=b.content-b.viewport,h=function(a,[b,c]){return Math.min(c,Math.max(b,a))}(a,"ltr"===c?[0,g]:[-1*g,0]);return af([0,g],[0,f-d])(h)}function af(a,b){return c=>{if(a[0]===a[1]||b[0]===b[1])return b[0];let d=(b[1]-b[0])/(a[1]-a[0]);return b[0]+d*(c-a[0])}}var ag=(a,b=()=>{})=>{let c={left:a.scrollLeft,top:a.scrollTop},d=0;return!function e(){let f={left:a.scrollLeft,top:a.scrollTop},g=c.left!==f.left,h=c.top!==f.top;(g||h)&&b(),c=f,d=window.requestAnimationFrame(e)}(),()=>window.cancelAnimationFrame(d)};function ah(a,b){let c=(0,A.c)(a),d=e.useRef(0);return e.useEffect(()=>()=>window.clearTimeout(d.current),[]),e.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(c,b)},[c,b])}function ai(a,b){let c=(0,A.c)(b);(0,C.N)(()=>{let b=0;if(a){let d=new ResizeObserver(()=>{cancelAnimationFrame(b),b=window.requestAnimationFrame(c)});return d.observe(a),()=>{window.cancelAnimationFrame(b),d.unobserve(a)}}},[a,c])}var aj=c(93544);let ak=(0,e.forwardRef)(({className:a,children:b,...c},e)=>(0,d.jsxs)(J,{ref:e,className:(0,aj.cn)("relative overflow-hidden",a),...c,children:[(0,d.jsx)(L,{className:"h-full w-full rounded-[inherit]",children:b}),(0,d.jsx)(al,{}),(0,d.jsx)(_,{})]}));ak.displayName="ScrollArea";let al=(0,e.forwardRef)(({className:a,orientation:b="vertical",...c},e)=>(0,d.jsx)(N,{ref:e,orientation:b,className:(0,aj.cn)("flex touch-none select-none","vertical"===b&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===b&&"h-2.5 flex-col border-t border-t-transparent p-px",a),...c,children:(0,d.jsx)(Y,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));al.displayName="ScrollBar";let am=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function an(a){return a.find(a=>(function(a){try{let b=new URL(a);return am.test(b.hostname)}catch{return!1}})(a))??null}let ao=new Map([["Backspace","Backspace"],["Delete","Delete"],["Enter","Enter"],["Tab","Tab"],["Escape","Escape"],["ArrowUp","ArrowUp"],["ArrowDown","ArrowDown"],["ArrowLeft","ArrowLeft"],["ArrowRight","ArrowRight"],["Home","Home"],["End","End"],["PageUp","PageUp"],["PageDown","PageDown"],[" ","Space"]]);function ap(a){let b=Date.parse(a);return Number.isNaN(b)?a:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(b))}function aq(a,b=120){return a.length<=b?a:`${a.slice(0,b-1)}…`}function ar(a,b=180){let c=aq((a??"").replace(/\s+/g," ").trim(),b);return c?`"${c.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function as(a){return a.map(a=>a?.trim()).filter(a=>!!a).join("; ")}function at(a,b){return[`[${a}]`,...b.map(a=>a?.trim()).filter(a=>!!a)].join("\n")}function au(a,b){return{inlineText:as(["[Browser selection]",`selector=${ar(a.selector,220)}`,`tag=${a.tag}`,a.role?`role=${a.role}`:null,a.name?`name=${ar(a.name,140)}`:null,a.text?`text=${ar(a.text,180)}`:null,a.frameName?`frame=${ar(a.frameName,120)}`:null,b?`page=${ar(b,220)}`:null]),draftText:at("Browser selection",[b?`Page: ${b}`:null,`Frame: ${a.frameName} (${a.frameUrl})`,`Selector: ${a.selector}`,`Tag: ${a.tag}`,a.role?`Role: ${a.role}`:null,a.name?`Name: ${a.name}`:null,a.text?`Text: ${a.text}`:null,a.htmlPreview?`HTML preview: ${a.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function av(a,b,c,d){let e=b.slice("console"===a?-8:-10),f=e.map(b=>{let c=[b.level,ar(b.message,120)];return"network"===a&&(c.unshift(b.method??"GET"),c.push("number"==typeof b.status?String(b.status):null),c.push(b.url?ar(b.url,120):null)),c.filter(Boolean).join(" ")});return{inlineText:as(["console"===a?"[Browser console]":"[Browser network]",c?`page=${ar(c,220)}`:null,d?`selected=${ar(d.selector,180)}`:null,`entries=${ar(f.join(" | "),520)}`]),draftText:at("console"===a?"Browser console logs":"Browser network logs",[c?`Page: ${c}`:null,d?`Selected element: ${d.selector}`:null,...e.map(b=>"console"===a?`- ${ap(b.timestamp)} ${b.level}: ${b.message}`:`- ${ap(b.timestamp)} ${b.method??"GET"} ${b.status??"-"} ${b.url??b.message}`)]),successMessage:"console"===a?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function aw({sessionId:a,active:b,onQueueTerminalInsert:c,onConnectionChange:h}){let[w,x]=(0,e.useState)(null),[y,z]=(0,e.useState)([]),[A,B]=(0,e.useState)(!1),[C,D]=(0,e.useState)(!1),[E,F]=(0,e.useState)(!0),[G,H]=(0,e.useState)(!0),[I,J]=(0,e.useState)(null),[K,L]=(0,e.useState)(null),[M,N]=(0,e.useState)(null),[O,P]=(0,e.useState)(null),[Q,R]=(0,e.useState)("navigate"),[S,T]=(0,e.useState)(null),[U,V]=(0,e.useState)(""),[W,X]=(0,e.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0});(0,e.useRef)(null);let Y=(0,e.useRef)(Promise.resolve()),Z=(0,e.useRef)(null),$=(0,e.useRef)(null),[_,aa]=(0,e.useState)(!0),ab=an(w?.candidateUrls??[]),ac=(0,e.useCallback)(async()=>{let b=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview`,{cache:"no-store"}),c=await b.json().catch(()=>null);if(!b.ok)throw Error(c&&"error"in c?c.error??"Failed to load preview state":`Failed to load preview state: ${b.status}`);x(c),J(null),V(a=>a.trim().length>0&&a!==c.currentUrl?a:c.currentUrl??an(c.candidateUrls)??c.candidateUrls[0]??a)},[a]),ad=(0,e.useCallback)(async b=>{D(!0),J(null);try{let c=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)}),d=await c.json().catch(()=>null);if(!c.ok)throw d&&"object"==typeof d&&"status"in d&&d.status&&x(d.status),Error(d&&"error"in d?d.error??"Preview command failed":`Preview command failed: ${c.status}`);return x(d),d}finally{D(!1)}},[a]),ae=(0,e.useCallback)((a,b)=>{Y.current=Y.current.catch(()=>void 0).then(async()=>{try{await ad(a)}catch(a){J(a instanceof Error?a.message:b)}})},[ad]);(0,e.useCallback)(async b=>{if(!w?.connected)return void z([]);B(!0);try{let c=new URLSearchParams;b&&c.set("frameId",b),G&&c.set("interactiveOnly","1");let d=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview/dom?${c.toString()}`,{cache:"no-store"}),e=await d.json().catch(()=>null);if(!d.ok)throw Error(e&&"error"in e?e.error??"Failed to inspect DOM":`Failed to inspect DOM: ${d.status}`);z(e.nodes)}catch(a){J(a instanceof Error?a.message:"Failed to inspect DOM"),z([])}finally{B(!1)}},[G,a,w?.connected]);let af=(0,e.useMemo)(()=>w?.connected?`/api/sessions/${encodeURIComponent(a)}/preview/screenshot?ts=${encodeURIComponent(w.screenshotKey)}`:null,[a,w?.connected,w?.screenshotKey]),ag=ab??w?.candidateUrls[0]??null,ah=(0,e.useMemo)(()=>w?.frames.find(a=>a.id===w.activeFrameId)??null,[w?.activeFrameId,w?.frames]),ai=(0,e.useMemo)(()=>w?.frames.find(a=>a.isMain)??null,[w?.frames]),al=null!==O,am=!!ah?.isMain,ar=(0,e.useMemo)(()=>{let a=w?.selectedElement?.bounds;if(!w?.selectedElement||!a||!ai||w.selectedElement.frameId!==ai.id||!W.naturalWidth||!W.naturalHeight||!W.renderedWidth||!W.renderedHeight)return null;let b=W.renderedWidth/W.naturalWidth,c=W.renderedHeight/W.naturalHeight;return{left:`${a.x*b}px`,top:`${a.y*c}px`,width:`${Math.max(a.width*b,2)}px`,height:`${Math.max(a.height*c,2)}px`}},[W,ai,w?.selectedElement]),as=(0,e.useCallback)(async()=>{let a=U.trim();if(a)try{await ad({command:"connect",url:a})}catch(a){J(a instanceof Error?a.message:"Failed to connect preview")}},[ad,U]),at=(0,e.useCallback)((a,b,c=!1)=>{T({anchorX:a,anchorY:b,pending:c}),L(null),N(null)},[]),ax=(0,e.useCallback)(a=>{R(a),T(null),L(null),N(null)},[]),ay=(0,e.useMemo)(()=>{if(!S)return null;let a=W.renderedWidth||340,b=W.renderedHeight||280,c=Math.max(220,b-24);if(a<=520)return{left:"12px",top:`${Math.max(12,b-Math.min(280,c)-12)}px`,width:`${Math.max(a-24,220)}px`,maxHeight:`${c}px`};let d=Math.min(340,Math.max(a-24,240)),e=Math.max(12,a-d-12),f=Math.max(12,b-280-12),g=S.anchorX+18,h=S.anchorY+18,i=g>e?Math.max(12,S.anchorX-d-18):g,j=h>f?Math.max(12,S.anchorY-280-18):h;return{left:`${Math.min(Math.max(i,12),e)}px`,top:`${Math.min(Math.max(j,12),f)}px`,width:`${d}px`,maxHeight:`${c}px`}},[W.renderedHeight,W.renderedWidth,S]),az=(0,e.useCallback)(a=>{if(!Z.current)return null;let b=Z.current.getBoundingClientRect();if(!b.width||!b.height||!Z.current.naturalWidth||!Z.current.naturalHeight)return null;let c=a.clientX-b.left,d=a.clientY-b.top;return{anchorX:c,anchorY:d,x:c/b.width*Z.current.naturalWidth,y:d/b.height*Z.current.naturalHeight}},[]),aA=(0,e.useCallback)(a=>{c(a),L(null),N(a.successMessage)},[c]),aB=(0,e.useCallback)(async(a,b,c,d)=>{at(c,d,!0);try{let e=await ad({command:"selectAtPoint",x:a,y:b});return at(c,d,!1),e}catch(a){throw T(null),a}},[at,ad]),aC=(0,e.useCallback)(async(a,b)=>{let c=Math.max(W.renderedWidth-44,12);at(c,12,!0);try{let d=await ad({command:"selectBySelector",selector:a,frameId:b});return at(c,12,!1),d}catch(a){throw T(null),a}},[W.renderedWidth,at,ad]),aD=(0,e.useCallback)(async a=>{if(C)return;let b=az(a);if(b){if(T(null),L(null),N(null),"navigate"===Q){$.current?.focus({preventScroll:!0});try{await ad({command:"clickAtPoint",x:b.x,y:b.y})}catch(a){J(a instanceof Error?a.message:"Failed to interact with preview")}return}if(am)try{await aB(b.x,b.y,b.anchorX,b.anchorY)}catch(a){J(a instanceof Error?a.message:"Failed to select element")}}},[C,am,Q,az,ad,aB]),aE=(0,e.useCallback)(async a=>{if(C||"inspect"!==Q||!am)return;let b=az(a);if(b){L(null),N(null);try{let a=await aB(b.x,b.y,b.anchorX,b.anchorY);if(!a.selectedElement)throw Error("No element found at the selected point");aA(au(a.selectedElement,a.currentUrl))}catch(a){J(a instanceof Error?a.message:"Failed to queue selected element")}}},[C,am,Q,aA,az,aB]),aF=(0,e.useCallback)(a=>{if("navigate"!==Q||!w?.connected||a.metaKey||a.ctrlKey||a.altKey)return;let b=ao.get(a.key);if(b){a.preventDefault(),ae({command:"pressKey",key:b},"Failed to send key to preview");return}1===a.key.length&&(a.preventDefault(),ae({command:"typeText",text:a.key},"Failed to type into preview"))},[Q,ae,w?.connected]),aG=(0,e.useCallback)(a=>{if("navigate"!==Q||!w?.connected)return;let b=a.clipboardData.getData("text");b&&(a.preventDefault(),ae({command:"typeText",text:b},"Failed to paste into preview"))},[Q,ae,w?.connected]),aH=(0,e.useCallback)(a=>{if(!w)return void L("Preview state is not loaded yet.");let b=w.consoleLogs.slice(-80),c=w.networkLogs.slice(-80);if("selection"===a&&!w.selectedElement)return void L("Select an element before queueing preview context for terminal input.");if("console"===a&&!b.length)return void L("There are no console logs to send yet.");if("network"===a&&!c.length)return void L("There are no network logs to send yet.");P(a),L(null),N(null);try{let d="selection"===a&&w.selectedElement?au(w.selectedElement,w.currentUrl):"console"===a?av("console",b,w.currentUrl,w.selectedElement):av("network",c,w.currentUrl,w.selectedElement);aA(d),"selection"===a&&T(null)}catch(a){L(a instanceof Error?a.message:"Failed to queue preview context")}finally{P(null)}},[aA,w]),aI=(0,e.useCallback)(async()=>{let a=w?.selectedElement?.selector;if(a)try{await navigator.clipboard.writeText(a),N("Selector copied to clipboard."),L(null)}catch{L("Clipboard access is unavailable.")}},[w?.selectedElement?.selector]);return(0,d.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2 overflow-auto",children:[(0,d.jsxs)(v.Zp,{children:[(0,d.jsxs)(v.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(f.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Dev preview browser"}),w?.connected?(0,d.jsx)(t.E,{variant:"success",children:"connected"}):(0,d.jsx)(t.E,{variant:"outline",children:"idle"}),ah?(0,d.jsx)(t.E,{variant:"outline",children:ah.isMain?"main frame":"nested frame"}):null]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)(u.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ac().catch(a=>{J(a instanceof Error?a.message:"Failed to refresh preview")}),disabled:E||C,children:[(0,d.jsx)(g.A,{className:(0,aj.cn)("h-3.5 w-3.5",C&&"animate-spin")}),"Refresh"]}),(0,d.jsxs)(u.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ad({command:"reload"}).catch(a=>{J(a instanceof Error?a.message:"Failed to reload preview")}),disabled:!w?.connected||C,children:[(0,d.jsx)(i,{className:"h-3.5 w-3.5"}),"Reload page"]})]})]}),(0,d.jsxs)(v.Wu,{className:"space-y-3",children:[(0,d.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,d.jsx)("input",{value:U,onChange:a=>V(a.target.value),placeholder:ag??"http://127.0.0.1:3000",className:"h-9 min-w-0 flex-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 text-[13px] text-[var(--vk-text-normal)] outline-none focus:border-[var(--vk-orange)]"}),(0,d.jsxs)(u.$,{type:"button",variant:"primary",onClick:()=>void as(),disabled:C||!U.trim(),children:[C?(0,d.jsx)(j.A,{className:"h-4 w-4 animate-spin"}):(0,d.jsx)(k,{className:"h-4 w-4"}),"Connect"]})]}),w?.candidateUrls.length?(0,d.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:w.candidateUrls.map(a=>(0,d.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2 py-1 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{V(a),ad({command:"connect",url:a}).catch(a=>{J(a instanceof Error?a.message:"Failed to connect preview")})},children:[(0,d.jsx)(f.A,{className:"h-3 w-3 shrink-0"}),(0,d.jsx)("span",{className:"truncate",children:a})]},a))}):null,I||w?.lastError?(0,d.jsxs)("div",{className:"flex items-start gap-2 rounded-[4px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,d.jsx)(l,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,d.jsx)("span",{children:I??w?.lastError})]}):null]})]}),(0,d.jsxs)(v.Zp,{className:"min-h-0 shrink-0 overflow-hidden",children:[(0,d.jsxs)(v.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(m.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview"})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,d.jsxs)(u.$,{type:"button",size:"sm",variant:"navigate"===Q?"primary":"ghost",onClick:()=>ax("navigate"),children:[(0,d.jsx)(k,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,d.jsxs)(u.$,{type:"button",size:"sm",variant:"inspect"===Q?"primary":"ghost",onClick:()=>ax("inspect"),children:[(0,d.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(t.E,{variant:"outline",children:w?.title?aq(w.title,40):"Untitled page"}),(0,d.jsx)(t.E,{variant:"outline",children:"navigate"===Q?"navigate mode: clicks interact with the page":am?"inspect mode: click once to select, double-click to queue for terminal input":"inspect mode: use DOM list for this frame"})]})]})]}),(0,d.jsx)(v.Wu,{className:"min-h-0",children:(0,d.jsx)("div",{className:"flex h-[56vh] min-h-[200px] max-h-[620px] items-center justify-center overflow-auto rounded-[6px] border border-[var(--vk-border)] bg-[#111] p-2 sm:h-[72vh] sm:min-h-[360px] sm:max-h-[760px] sm:p-3",children:E?(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(j.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):af?(0,d.jsxs)("div",{ref:$,tabIndex:w?.connected?0:-1,onKeyDown:aF,onPaste:aG,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]",children:[(0,d.jsx)("img",{ref:Z,src:af,alt:"Session preview",className:(0,aj.cn)("max-h-full max-w-full rounded-[4px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===Q?"cursor-pointer":am?"cursor-crosshair":"cursor-default"),onClick:a=>void aD(a),onDoubleClick:a=>void aE(a),onLoad:a=>{let b=a.currentTarget;X({naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,renderedWidth:b.clientWidth,renderedHeight:b.clientHeight})}}),"inspect"===Q&&ar?(0,d.jsx)("div",{className:"pointer-events-none absolute border-2 border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_18%,transparent)] shadow-[0_0_0_1px_rgba(0,0,0,0.5)]",style:ar}):null,"inspect"===Q&&S&&ay?(0,d.jsxs)("div",{className:"pointer-events-auto absolute z-20 flex flex-col overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur",style:ay,children:[(0,d.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[10px] uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:"Terminal input"}),(0,d.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:S.pending?"Selecting element…":"Queue selection for the terminal"})]}),(0,d.jsxs)("div",{className:"flex items-center gap-1",children:[(0,d.jsx)(u.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void aI(),disabled:S.pending||!w?.selectedElement,children:(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"})}),(0,d.jsx)(u.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>T(null),children:(0,d.jsx)(o.A,{className:"h-3.5 w-3.5"})})]})]}),(0,d.jsx)("div",{className:"flex-1 space-y-3 overflow-y-auto px-3 py-3",children:S.pending?(0,d.jsxs)("div",{className:"flex items-center gap-2 rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(j.A,{className:"h-4 w-4 animate-spin"}),"Capturing the selected element from the preview…"]}):w?.selectedElement?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:w.selectedElement.tag}),w.selectedElement.role?(0,d.jsx)(t.E,{variant:"outline",children:w.selectedElement.role}):null]}),(0,d.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:aq(w.selectedElement.name||w.selectedElement.text||"Selected element",140)}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:w.selectedElement.selector})]}),(0,d.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-2 text-[12px] text-[var(--vk-text-muted)]",children:"Double-click the element in the preview to queue it immediately, or use the button below. The text is inserted into terminal input instead of being sent to the agent, so you can add more context before submitting."}),K?(0,d.jsx)("div",{className:"text-[12px] text-[var(--vk-red)]",children:K}):null,(0,d.jsxs)(u.$,{type:"button",variant:"primary",className:"w-full",onClick:()=>void aH("selection"),disabled:al||!w.selectedElement,children:["selection"===O?(0,d.jsx)(j.A,{className:"h-4 w-4 animate-spin"}):(0,d.jsx)(p.A,{className:"h-4 w-4"}),"Queue for terminal input"]})]}):(0,d.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Single-click an element to inspect it here. Double-click to queue it for terminal input."})})]}):null]}):(0,d.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL or explicit preview URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select UI elements and queue browser context into terminal input."})})})]}),M?(0,d.jsx)("div",{className:"rounded-[6px] border border-[color:color-mix(in_srgb,var(--vk-green)_35%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-green)_10%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-green)]",children:M}):null,!S&&K?(0,d.jsx)("div",{className:"rounded-[6px] border border-[color:color-mix(in_srgb,var(--vk-red)_35%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_10%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:K}):null,(0,d.jsxs)("div",{className:"grid gap-2",children:[(0,d.jsxs)(v.Zp,{className:"min-h-0",children:[(0,d.jsxs)(v.aR,{className:"flex items-center justify-between",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(q,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Frames and DOM"}),(0,d.jsx)(t.E,{variant:"outline",children:"inspect"===Q?"inspect":"read-only in navigate mode"})]}),(0,d.jsx)(u.$,{type:"button",variant:G?"primary":"outline",size:"sm",onClick:()=>H(a=>!a),children:G?"Interactive only":"All nodes"})]}),(0,d.jsxs)(v.Wu,{className:"grid gap-2 xl:grid-cols-[220px_minmax(0,1fr)]",children:[(0,d.jsx)("div",{className:"space-y-2",children:w?.frames.map(a=>(0,d.jsxs)("button",{type:"button",onClick:()=>{ad({command:"selectFrame",frameId:a.id}).catch(a=>{J(a instanceof Error?a.message:"Failed to select frame")})},className:(0,aj.cn)("flex w-full flex-col items-start gap-1 rounded-[4px] border px-2 py-2 text-left transition-colors",w.activeFrameId===a.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]"),children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(t.E,{variant:"outline",children:a.isMain?"main":"frame"}),(0,d.jsx)("span",{className:"truncate text-[12px] text-[var(--vk-text-normal)]",children:a.name})]}),(0,d.jsx)("span",{className:"w-full truncate text-[11px] text-[var(--vk-text-muted)]",children:a.url||"about:blank"})]},a.id))}),(0,d.jsx)("div",{className:"rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,d.jsx)(ak,{className:"h-[200px] sm:h-[300px] xl:h-[360px]",children:(0,d.jsxs)("div",{className:"space-y-1 p-2",children:["navigate"===Q?(0,d.jsx)("div",{className:"rounded-[4px] border border-dashed border-[var(--vk-border)] px-2 py-2 text-[11px] text-[var(--vk-text-muted)]",children:"Switch to Inspect mode to pick DOM nodes. Single-click selects a node. Double-click queues it for terminal input."}):null,A?(0,d.jsxs)("div",{className:"flex items-center gap-2 px-2 py-2 text-[12px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(j.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):y.length?y.map((a,b)=>(0,d.jsxs)("button",{type:"button",className:(0,aj.cn)("w-full rounded-[4px] border border-[transparent] px-2 py-2 text-left","inspect"===Q?"hover:border-[var(--vk-border)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed opacity-60"),disabled:"inspect"!==Q,onClick:()=>{T(null),L(null),N(null),aC(a.selector,w?.activeFrameId).catch(a=>{J(a instanceof Error?a.message:"Failed to select DOM node")})},onDoubleClick:()=>{L(null),N(null),aC(a.selector,w?.activeFrameId).then(a=>{if(!a.selectedElement)throw Error("Failed to resolve the selected DOM node");aA(au(a.selectedElement,a.currentUrl))}).catch(a=>{J(a instanceof Error?a.message:"Failed to queue DOM node")})},children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:a.tag}),a.interactive?(0,d.jsx)(t.E,{variant:"warning",children:"interactive"}):null,a.role?(0,d.jsx)(t.E,{variant:"outline",children:a.role}):null]}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:a.selector}),a.text?(0,d.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:aq(a.text,180)}):null]},`${a.id??"node"}-${b}-${a.selector}-${a.tag}-${a.text}`)):(0,d.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No DOM nodes to show for the current frame yet."})]})})})]})]}),(0,d.jsxs)("div",{className:"grid gap-2 lg:grid-cols-2",children:[(0,d.jsxs)(v.Zp,{className:"min-h-0",children:[(0,d.jsxs)(v.aR,{className:"flex items-center justify-between gap-2",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(r.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Console"}),(0,d.jsx)(t.E,{variant:"outline",children:w?.consoleLogs.length??0})]}),(0,d.jsxs)(u.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void aH("console"),disabled:al||!w?.consoleLogs.length,children:["console"===O?(0,d.jsx)(j.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(v.Wu,{children:(0,d.jsx)(ak,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,d.jsx)("div",{className:"space-y-1 p-2",children:w?.consoleLogs.length?w.consoleLogs.map(a=>(0,d.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,d.jsx)("span",{children:a.level}),(0,d.jsx)("span",{children:ap(a.timestamp)})]}),(0,d.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:a.message})]},a.id)):(0,d.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})})]}),(0,d.jsxs)(v.Zp,{className:"min-h-0",children:[(0,d.jsxs)(v.aR,{className:"flex items-center justify-between gap-2",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(s,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Network"}),(0,d.jsx)(t.E,{variant:"outline",children:w?.networkLogs.length??0})]}),(0,d.jsxs)(u.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void aH("network"),disabled:al||!w?.networkLogs.length,children:["network"===O?(0,d.jsx)(j.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(v.Wu,{children:(0,d.jsx)(ak,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,d.jsx)("div",{className:"space-y-1 p-2",children:w?.networkLogs.length?w.networkLogs.map(a=>(0,d.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,d.jsx)("span",{children:a.method??"GET"}),"number"==typeof a.status?(0,d.jsx)("span",{children:a.status}):null,a.resourceType?(0,d.jsx)("span",{children:a.resourceType}):null,(0,d.jsx)("span",{children:ap(a.timestamp)})]}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono",children:a.url??a.message})]},a.id)):(0,d.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})})]})]})]})]})}}};
+"use strict";exports.id=9517,exports.ids=[9517],exports.modules={48582:(a,b,c)=>{c.d(b,{E:()=>g});var d=c(92692),e=c(93544);let f={default:"border-[var(--vk-border)] bg-[var(--vk-bg-panel)] text-[var(--vk-text-muted)]",success:"border-transparent bg-transparent text-[var(--vk-green)]",warning:"border-transparent bg-transparent text-[var(--vk-orange)]",error:"border-transparent bg-transparent text-[var(--vk-red)]",info:"border-transparent bg-transparent text-[var(--vk-text-muted)]",outline:"border-[var(--vk-border)] bg-transparent text-[var(--vk-text-muted)]"};function g({variant:a="default",className:b,children:c}){return(0,d.jsx)("span",{className:(0,e.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",f[a],b),children:c})}},69368:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(37303).A)("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},76680:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(37303).A)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]])},79517:(a,b,c)=>{c.r(b),c.d(b,{SessionPreview:()=>av});var d=c(92692),e=c(71277),f=c(52404),g=c(64583),h=c(37303);let i=(0,h.A)("mouse-pointer-click",[["path",{d:"M14 4.1 12 6",key:"ita8i4"}],["path",{d:"m5.1 8-2.9-.8",key:"1go3kf"}],["path",{d:"m6 12-1.9 2",key:"mnht97"}],["path",{d:"M7.2 2.2 8 5.1",key:"1cfko1"}],["path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z",key:"s0h3yz"}]]);var j=c(75185);let k=(0,h.A)("waypoints",[["path",{d:"m10.586 5.414-5.172 5.172",key:"4mc350"}],["path",{d:"m18.586 13.414-5.172 5.172",key:"8c96vv"}],["path",{d:"M6 12h12",key:"8npq4p"}],["circle",{cx:"12",cy:"20",r:"2",key:"144qzu"}],["circle",{cx:"12",cy:"4",r:"2",key:"muu5ef"}],["circle",{cx:"20",cy:"12",r:"2",key:"1xzzfp"}],["circle",{cx:"4",cy:"12",r:"2",key:"1hvhnz"}]]);var l=c(69368);let m=(0,h.A)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]),n=(0,h.A)("boxes",[["path",{d:"M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",key:"lc1i9w"}],["path",{d:"m7 16.5-4.74-2.85",key:"1o9zyk"}],["path",{d:"m7 16.5 5-3",key:"va8pkn"}],["path",{d:"M7 16.5v5.17",key:"jnp8gn"}],["path",{d:"M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z",key:"8zsnat"}],["path",{d:"m17 16.5-5-3",key:"8arw3v"}],["path",{d:"m17 16.5 4.74-2.85",key:"8rfmw"}],["path",{d:"M17 16.5v5.17",key:"k6z78m"}],["path",{d:"M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z",key:"1xygjf"}],["path",{d:"M12 8 7.26 5.15",key:"1vbdud"}],["path",{d:"m12 8 4.74-2.85",key:"3rx089"}],["path",{d:"M12 13.5V8",key:"1io7kd"}]]);var o=c(7071);let p=(0,h.A)("file-braces-corner",[["path",{d:"M14 22h4a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v6",key:"14cnrg"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M5 14a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1 1 1 0 0 1 1 1v2a1 1 0 0 0 1 1",key:"sr0ebq"}],["path",{d:"M9 22a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-2a1 1 0 0 0-1-1",key:"w793db"}]]);var q=c(13636),r=c(76680),s=c(48582),t=c(1071),u=c(5707),v=c(64308),w=c(63660),x=c(11256),y=c(87108),z=c(8370),A=c(97229),B=c(74508),C="ScrollArea",[D,E]=(0,w.A)(C),[F,G]=D(C),H=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,type:f="hover",dir:g,scrollHideDelay:h=600,...i}=a,[j,k]=e.useState(null),[l,m]=e.useState(null),[n,o]=e.useState(null),[p,q]=e.useState(null),[r,s]=e.useState(null),[t,v]=e.useState(0),[w,y]=e.useState(0),[A,B]=e.useState(!1),[C,D]=e.useState(!1),E=(0,x.s)(b,a=>k(a)),G=(0,z.jH)(g);return(0,d.jsx)(F,{scope:c,type:f,dir:G,scrollHideDelay:h,scrollArea:j,viewport:l,onViewportChange:m,content:n,onContentChange:o,scrollbarX:p,onScrollbarXChange:q,scrollbarXEnabled:A,onScrollbarXEnabledChange:B,scrollbarY:r,onScrollbarYChange:s,scrollbarYEnabled:C,onScrollbarYEnabledChange:D,onCornerWidthChange:v,onCornerHeightChange:y,children:(0,d.jsx)(u.sG.div,{dir:G,...i,ref:E,style:{position:"relative","--radix-scroll-area-corner-width":t+"px","--radix-scroll-area-corner-height":w+"px",...a.style}})})});H.displayName=C;var I="ScrollAreaViewport",J=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...h}=a,i=G(I,c),j=e.useRef(null),k=(0,x.s)(b,j,i.onViewportChange);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:g}),(0,d.jsx)(u.sG.div,{"data-radix-scroll-area-viewport":"",...h,ref:k,style:{overflowX:i.scrollbarXEnabled?"scroll":"hidden",overflowY:i.scrollbarYEnabled?"scroll":"hidden",...a.style},children:(0,d.jsx)("div",{ref:i.onContentChange,style:{minWidth:"100%",display:"table"},children:f})})]})});J.displayName=I;var K="ScrollAreaScrollbar",L=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=G(K,a.__scopeScrollArea),{onScrollbarXEnabledChange:h,onScrollbarYEnabledChange:i}=g,j="horizontal"===a.orientation;return e.useEffect(()=>(j?h(!0):i(!0),()=>{j?h(!1):i(!1)}),[j,h,i]),"hover"===g.type?(0,d.jsx)(M,{...f,ref:b,forceMount:c}):"scroll"===g.type?(0,d.jsx)(N,{...f,ref:b,forceMount:c}):"auto"===g.type?(0,d.jsx)(O,{...f,ref:b,forceMount:c}):"always"===g.type?(0,d.jsx)(P,{...f,ref:b}):null});L.displayName=K;var M=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=G(K,a.__scopeScrollArea),[h,i]=e.useState(!1);return e.useEffect(()=>{let a=g.scrollArea,b=0;if(a){let c=()=>{window.clearTimeout(b),i(!0)},d=()=>{b=window.setTimeout(()=>i(!1),g.scrollHideDelay)};return a.addEventListener("pointerenter",c),a.addEventListener("pointerleave",d),()=>{window.clearTimeout(b),a.removeEventListener("pointerenter",c),a.removeEventListener("pointerleave",d)}}},[g.scrollArea,g.scrollHideDelay]),(0,d.jsx)(v.C,{present:c||h,children:(0,d.jsx)(O,{"data-state":h?"visible":"hidden",...f,ref:b})})}),N=e.forwardRef((a,b)=>{var c;let{forceMount:f,...g}=a,h=G(K,a.__scopeScrollArea),i="horizontal"===a.orientation,j=af(()=>l("SCROLL_END"),100),[k,l]=(c={hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}},e.useReducer((a,b)=>c[a][b]??a,"hidden"));return e.useEffect(()=>{if("idle"===k){let a=window.setTimeout(()=>l("HIDE"),h.scrollHideDelay);return()=>window.clearTimeout(a)}},[k,h.scrollHideDelay,l]),e.useEffect(()=>{let a=h.viewport,b=i?"scrollLeft":"scrollTop";if(a){let c=a[b],d=()=>{let d=a[b];c!==d&&(l("SCROLL"),j()),c=d};return a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[h.viewport,i,l,j]),(0,d.jsx)(v.C,{present:f||"hidden"!==k,children:(0,d.jsx)(P,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,B.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,B.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),O=e.forwardRef((a,b)=>{let c=G(K,a.__scopeScrollArea),{forceMount:f,...g}=a,[h,i]=e.useState(!1),j="horizontal"===a.orientation,k=af(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return ag(c.viewport,k),ag(c.content,k),(0,d.jsx)(v.C,{present:f||h,children:(0,d.jsx)(P,{"data-state":h?"visible":"hidden",...g,ref:b})})}),P=e.forwardRef((a,b)=>{let{orientation:c="vertical",...f}=a,g=G(K,a.__scopeScrollArea),h=e.useRef(null),i=e.useRef(0),[j,k]=e.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=aa(j.viewport,j.content),m={...f,sizes:j,onSizesChange:k,hasThumb:!!(l>0&&l<1),onThumbChange:a=>h.current=a,onThumbPointerUp:()=>i.current=0,onThumbPointerDown:a=>i.current=a};function n(a,b){return function(a,b,c,d="ltr"){let e=ab(c),f=b||e/2,g=c.scrollbar.paddingStart+f,h=c.scrollbar.size-c.scrollbar.paddingEnd-(e-f),i=c.content-c.viewport;return ad([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,i.current,j,b)}return"horizontal"===c?(0,d.jsx)(Q,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=ac(g.viewport.scrollLeft,j,g.dir);h.current.style.transform=`translate3d(${a}px, 0, 0)`}},onWheelScroll:a=>{g.viewport&&(g.viewport.scrollLeft=a)},onDragScroll:a=>{g.viewport&&(g.viewport.scrollLeft=n(a,g.dir))}}):"vertical"===c?(0,d.jsx)(R,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=ac(g.viewport.scrollTop,j);h.current.style.transform=`translate3d(0, ${a}px, 0)`}},onWheelScroll:a=>{g.viewport&&(g.viewport.scrollTop=a)},onDragScroll:a=>{g.viewport&&(g.viewport.scrollTop=n(a))}}):null}),Q=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=G(K,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,x.s)(b,k,h.onScrollbarXChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(U,{"data-orientation":"horizontal",...g,ref:l,sizes:c,style:{bottom:0,left:"rtl"===h.dir?"var(--radix-scroll-area-corner-width)":0,right:"ltr"===h.dir?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":ab(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.x),onDragScroll:b=>a.onDragScroll(b.x),onWheelScroll:(b,c)=>{if(h.viewport){var d,e;let f=h.viewport.scrollLeft+b.deltaX;a.onWheelScroll(f),d=f,e=c,d>0&&d<e&&b.preventDefault()}},onResize:()=>{k.current&&h.viewport&&i&&f({content:h.viewport.scrollWidth,viewport:h.viewport.offsetWidth,scrollbar:{size:k.current.clientWidth,paddingStart:_(i.paddingLeft),paddingEnd:_(i.paddingRight)}})}})}),R=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=G(K,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,x.s)(b,k,h.onScrollbarYChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(U,{"data-orientation":"vertical",...g,ref:l,sizes:c,style:{top:0,right:"ltr"===h.dir?0:void 0,left:"rtl"===h.dir?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":ab(c)+"px",...a.style},onThumbPointerDown:b=>a.onThumbPointerDown(b.y),onDragScroll:b=>a.onDragScroll(b.y),onWheelScroll:(b,c)=>{if(h.viewport){var d,e;let f=h.viewport.scrollTop+b.deltaY;a.onWheelScroll(f),d=f,e=c,d>0&&d<e&&b.preventDefault()}},onResize:()=>{k.current&&h.viewport&&i&&f({content:h.viewport.scrollHeight,viewport:h.viewport.offsetHeight,scrollbar:{size:k.current.clientHeight,paddingStart:_(i.paddingTop),paddingEnd:_(i.paddingBottom)}})}})}),[S,T]=D(K),U=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,sizes:f,hasThumb:g,onThumbChange:h,onThumbPointerUp:i,onThumbPointerDown:j,onThumbPositionChange:k,onDragScroll:l,onWheelScroll:m,onResize:n,...o}=a,p=G(K,c),[q,r]=e.useState(null),s=(0,x.s)(b,a=>r(a)),t=e.useRef(null),v=e.useRef(""),w=p.viewport,z=f.content-f.viewport,A=(0,y.c)(m),C=(0,y.c)(k),D=af(n,10);function E(a){t.current&&l({x:a.clientX-t.current.left,y:a.clientY-t.current.top})}return e.useEffect(()=>{let a=a=>{let b=a.target;q?.contains(b)&&A(a,z)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[w,q,z,A]),e.useEffect(C,[f,C]),ag(q,D),ag(p.content,D),(0,d.jsx)(S,{scope:c,scrollbar:q,hasThumb:g,onThumbChange:(0,y.c)(h),onThumbPointerUp:(0,y.c)(i),onThumbPositionChange:C,onThumbPointerDown:(0,y.c)(j),children:(0,d.jsx)(u.sG.div,{...o,ref:s,style:{position:"absolute",...o.style},onPointerDown:(0,B.mK)(a.onPointerDown,a=>{0===a.button&&(a.target.setPointerCapture(a.pointerId),t.current=q.getBoundingClientRect(),v.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",p.viewport&&(p.viewport.style.scrollBehavior="auto"),E(a))}),onPointerMove:(0,B.mK)(a.onPointerMove,E),onPointerUp:(0,B.mK)(a.onPointerUp,a=>{let b=a.target;b.hasPointerCapture(a.pointerId)&&b.releasePointerCapture(a.pointerId),document.body.style.webkitUserSelect=v.current,p.viewport&&(p.viewport.style.scrollBehavior=""),t.current=null})})})}),V="ScrollAreaThumb",W=e.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=T(V,a.__scopeScrollArea);return(0,d.jsx)(v.C,{present:c||f.hasThumb,children:(0,d.jsx)(X,{ref:b,...e})})}),X=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,h=G(V,c),i=T(V,c),{onThumbPositionChange:j}=i,k=(0,x.s)(b,a=>i.onThumbChange(a)),l=e.useRef(void 0),m=af(()=>{l.current&&(l.current(),l.current=void 0)},100);return e.useEffect(()=>{let a=h.viewport;if(a){let b=()=>{m(),l.current||(l.current=ae(a,j),j())};return j(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[h.viewport,m,j]),(0,d.jsx)(u.sG.div,{"data-state":i.hasThumb?"visible":"hidden",...g,ref:k,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...f},onPointerDownCapture:(0,B.mK)(a.onPointerDownCapture,a=>{let b=a.target.getBoundingClientRect(),c=a.clientX-b.left,d=a.clientY-b.top;i.onThumbPointerDown({x:c,y:d})}),onPointerUp:(0,B.mK)(a.onPointerUp,i.onThumbPointerUp)})});W.displayName=V;var Y="ScrollAreaCorner",Z=e.forwardRef((a,b)=>{let c=G(Y,a.__scopeScrollArea),e=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&e?(0,d.jsx)($,{...a,ref:b}):null});Z.displayName=Y;var $=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=G(Y,c),[h,i]=e.useState(0),[j,k]=e.useState(0),l=!!(h&&j);return ag(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),ag(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,d.jsx)(u.sG.div,{...f,ref:b,style:{width:h,height:j,position:"absolute",right:"ltr"===g.dir?0:void 0,left:"rtl"===g.dir?0:void 0,bottom:0,...a.style}}):null});function _(a){return a?parseInt(a,10):0}function aa(a,b){let c=a/b;return isNaN(c)?0:c}function ab(a){let b=aa(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function ac(a,b,c="ltr"){let d=ab(b),e=b.scrollbar.paddingStart+b.scrollbar.paddingEnd,f=b.scrollbar.size-e,g=b.content-b.viewport,h=function(a,[b,c]){return Math.min(c,Math.max(b,a))}(a,"ltr"===c?[0,g]:[-1*g,0]);return ad([0,g],[0,f-d])(h)}function ad(a,b){return c=>{if(a[0]===a[1]||b[0]===b[1])return b[0];let d=(b[1]-b[0])/(a[1]-a[0]);return b[0]+d*(c-a[0])}}var ae=(a,b=()=>{})=>{let c={left:a.scrollLeft,top:a.scrollTop},d=0;return!function e(){let f={left:a.scrollLeft,top:a.scrollTop},g=c.left!==f.left,h=c.top!==f.top;(g||h)&&b(),c=f,d=window.requestAnimationFrame(e)}(),()=>window.cancelAnimationFrame(d)};function af(a,b){let c=(0,y.c)(a),d=e.useRef(0);return e.useEffect(()=>()=>window.clearTimeout(d.current),[]),e.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(c,b)},[c,b])}function ag(a,b){let c=(0,y.c)(b);(0,A.N)(()=>{let b=0;if(a){let d=new ResizeObserver(()=>{cancelAnimationFrame(b),b=window.requestAnimationFrame(c)});return d.observe(a),()=>{window.cancelAnimationFrame(b),d.unobserve(a)}}},[a,c])}var ah=c(93544);let ai=(0,e.forwardRef)(({className:a,children:b,...c},e)=>(0,d.jsxs)(H,{ref:e,className:(0,ah.cn)("relative overflow-hidden",a),...c,children:[(0,d.jsx)(J,{className:"h-full w-full rounded-[inherit]",children:b}),(0,d.jsx)(aj,{}),(0,d.jsx)(Z,{})]}));ai.displayName="ScrollArea";let aj=(0,e.forwardRef)(({className:a,orientation:b="vertical",...c},e)=>(0,d.jsx)(L,{ref:e,orientation:b,className:(0,ah.cn)("flex touch-none select-none","vertical"===b&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===b&&"h-2.5 flex-col border-t border-t-transparent p-px",a),...c,children:(0,d.jsx)(W,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));aj.displayName="ScrollBar";var ak=c(74712);let al=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function am(a){return a.find(a=>(function(a){try{let b=new URL(a);return al.test(b.hostname)}catch{return!1}})(a))??null}let an=new Map([["Backspace","Backspace"],["Delete","Delete"],["Enter","Enter"],["Tab","Tab"],["Escape","Escape"],["ArrowUp","ArrowUp"],["ArrowDown","ArrowDown"],["ArrowLeft","ArrowLeft"],["ArrowRight","ArrowRight"],["Home","Home"],["End","End"],["PageUp","PageUp"],["PageDown","PageDown"],[" ","Space"]]);function ao(a){let b=Date.parse(a);return Number.isNaN(b)?a:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(b))}function ap(a,b=120){return a.length<=b?a:`${a.slice(0,b-1)}…`}function aq(a,b=180){let c=ap((a??"").replace(/\s+/g," ").trim(),b);return c?`"${c.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function ar(a){return a.map(a=>a?.trim()).filter(a=>!!a).join("; ")}function as(a,b){return[`[${a}]`,...b.map(a=>a?.trim()).filter(a=>!!a)].join("\n")}function at(a,b){return{inlineText:ar(["[Browser selection]",`selector=${aq(a.selector,220)}`,`tag=${a.tag}`,a.role?`role=${a.role}`:null,a.name?`name=${aq(a.name,140)}`:null,a.text?`text=${aq(a.text,180)}`:null,a.frameName?`frame=${aq(a.frameName,120)}`:null,b?`page=${aq(b,220)}`:null]),draftText:as("Browser selection",[b?`Page: ${b}`:null,`Frame: ${a.frameName} (${a.frameUrl})`,`Selector: ${a.selector}`,`Tag: ${a.tag}`,a.role?`Role: ${a.role}`:null,a.name?`Name: ${a.name}`:null,a.text?`Text: ${a.text}`:null,a.htmlPreview?`HTML preview: ${a.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function au(a,b,c,d){let e=b.slice("console"===a?-8:-10),f=e.map(b=>{let c=[b.level,aq(b.message,120)];return"network"===a&&(c.unshift(b.method??"GET"),c.push("number"==typeof b.status?String(b.status):null),c.push(b.url?aq(b.url,120):null)),c.filter(Boolean).join(" ")});return{inlineText:ar(["console"===a?"[Browser console]":"[Browser network]",c?`page=${aq(c,220)}`:null,d?`selected=${aq(d.selector,180)}`:null,`entries=${aq(f.join(" | "),520)}`]),draftText:as("console"===a?"Browser console logs":"Browser network logs",[c?`Page: ${c}`:null,d?`Selected element: ${d.selector}`:null,...e.map(b=>"console"===a?`- ${ao(b.timestamp)} ${b.level}: ${b.message}`:`- ${ao(b.timestamp)} ${b.method??"GET"} ${b.status??"-"} ${b.url??b.message}`)]),successMessage:"console"===a?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function av({sessionId:a,active:b,onQueueTerminalInsert:c,onConnectionChange:h}){let[u,v]=(0,e.useState)(null),[w,x]=(0,e.useState)([]),[y,z]=(0,e.useState)(!1),[A,B]=(0,e.useState)(!1),[C,D]=(0,e.useState)(!0),[E,F]=(0,e.useState)(!0),[G,H]=(0,e.useState)(null),[I,J]=(0,e.useState)(null),[K,L]=(0,e.useState)(null),[M,N]=(0,e.useState)(null),[O,P]=(0,e.useState)("navigate"),[Q,R]=(0,e.useState)("elements"),[S,T]=(0,e.useState)(null),[U,V]=(0,e.useState)(""),[W,X]=(0,e.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0});(0,e.useRef)(null);let Y=(0,e.useRef)(Promise.resolve()),Z=(0,e.useRef)(null),$=(0,e.useRef)(null);(0,e.useRef)(Date.now());let _=(0,e.useRef)(null);(0,e.useRef)(null),(0,e.useRef)(null);let aa=(0,e.useRef)(0),ab=(0,e.useRef)(0),ac=(0,e.useRef)(0),ad=(0,e.useRef)(0),ae=(0,e.useRef)(0),af=(0,e.useRef)(0),ag=(0,e.useRef)(0);(0,e.useRef)(0);let aj=(0,e.useRef)(0),[al,aq]=(0,e.useState)(!0),ar=am(u?.candidateUrls??[]),as=(0,e.useCallback)(async(b="manual")=>{aa.current+=1,"poll"===b&&(ac.current+=1);try{let b=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview`,{cache:"no-store"}),c=await b.json().catch(()=>null);if(!b.ok)throw Error(c&&"error"in c?c.error??"Failed to load preview state":`Failed to load preview state: ${b.status}`);let d=Date.now();null===_.current&&(_.current=d),v(c),H(null),V(a=>a.trim().length>0&&a!==c.currentUrl?a:c.currentUrl??am(c.candidateUrls)??c.candidateUrls[0]??a)}catch(a){throw ab.current+=1,a}},[a]),aw=(0,e.useCallback)(async b=>{ad.current+=1,B(!0),H(null);try{let c=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(b)}),d=await c.json().catch(()=>null);if(!c.ok)throw d&&"object"==typeof d&&"status"in d&&d.status&&v(d.status),Error(d&&"error"in d?d.error??"Preview command failed":`Preview command failed: ${c.status}`);return v(d),d}catch(a){throw ae.current+=1,a}finally{B(!1)}},[a]),ax=(0,e.useCallback)((a,b)=>{Y.current=Y.current.catch(()=>void 0).then(async()=>{try{await aw(a)}catch(a){H(a instanceof Error?a.message:b)}})},[aw]);(0,e.useCallback)(async b=>{if(!u?.connected)return void x([]);af.current+=1,z(!0);try{let c=new URLSearchParams;b&&c.set("frameId",b),E&&c.set("interactiveOnly","1");let d=await fetch(`/api/sessions/${encodeURIComponent(a)}/preview/dom?${c.toString()}`,{cache:"no-store"}),e=await d.json().catch(()=>null);if(!d.ok)throw Error(e&&"error"in e?e.error??"Failed to inspect DOM":`Failed to inspect DOM: ${d.status}`);x(e.nodes)}catch(a){ag.current+=1,H(a instanceof Error?a.message:"Failed to inspect DOM"),x([])}finally{z(!1)}},[E,a,u?.connected]);let ay=(0,e.useMemo)(()=>u?.connected?`/api/sessions/${encodeURIComponent(a)}/preview/screenshot?ts=${encodeURIComponent(u.screenshotKey)}`:null,[a,u?.connected,u?.screenshotKey]),az=ar??u?.candidateUrls[0]??null,aA=(0,e.useMemo)(()=>u?.frames.find(a=>a.id===u.activeFrameId)??null,[u?.activeFrameId,u?.frames]),aB=(0,e.useMemo)(()=>u?.frames.find(a=>a.isMain)??null,[u?.frames]),aC=null!==M,aD=!!aA?.isMain,aE=(0,e.useMemo)(()=>{let a=u?.selectedElement?.bounds;if(!u?.selectedElement||!a||!aB||u.selectedElement.frameId!==aB.id||!W.naturalWidth||!W.naturalHeight||!W.renderedWidth||!W.renderedHeight)return null;let b=W.renderedWidth/W.naturalWidth,c=W.renderedHeight/W.naturalHeight;return{left:`${a.x*b}px`,top:`${a.y*c}px`,width:`${Math.max(a.width*b,2)}px`,height:`${Math.max(a.height*c,2)}px`}},[W,aB,u?.selectedElement]),aF=(0,e.useCallback)(async()=>{let a=U.trim();if(a)try{await aw({command:"connect",url:a})}catch(a){H(a instanceof Error?a.message:"Failed to connect preview")}},[aw,U]),aG=(0,e.useCallback)((a,b,c=!1)=>{T({anchorX:a,anchorY:b,pending:c}),J(null),L(null)},[]),aH=(0,e.useCallback)(a=>{P(a),"inspect"===a&&R("elements"),T(null),J(null),L(null)},[]),aI=(0,e.useMemo)(()=>{if(!S)return null;let a=W.renderedWidth||340,b=W.renderedHeight||280,c=Math.max(220,b-24);if(a<=520)return{left:"12px",top:`${Math.max(12,b-Math.min(280,c)-12)}px`,width:`${Math.max(a-24,220)}px`,maxHeight:`${c}px`};let d=Math.min(340,Math.max(a-24,240)),e=Math.max(12,a-d-12),f=Math.max(12,b-280-12),g=S.anchorX+18,h=S.anchorY+18,i=g>e?Math.max(12,S.anchorX-d-18):g,j=h>f?Math.max(12,S.anchorY-280-18):h;return{left:`${Math.min(Math.max(i,12),e)}px`,top:`${Math.min(Math.max(j,12),f)}px`,width:`${d}px`,maxHeight:`${c}px`}},[W.renderedHeight,W.renderedWidth,S]),aJ=(0,e.useCallback)(a=>{if(!Z.current)return null;let b=Z.current.getBoundingClientRect();if(!b.width||!b.height||!Z.current.naturalWidth||!Z.current.naturalHeight)return null;let c=a.clientX-b.left,d=a.clientY-b.top;return{anchorX:c,anchorY:d,x:c/b.width*Z.current.naturalWidth,y:d/b.height*Z.current.naturalHeight}},[]),aK=(0,e.useCallback)(a=>{c(a),J(null),L(a.successMessage)},[c]),aL=(0,e.useCallback)(async(a,b,c,d)=>{aG(c,d,!0);try{let e=await aw({command:"selectAtPoint",x:a,y:b});return aG(c,d,!1),e}catch(a){throw T(null),a}},[aG,aw]),aM=(0,e.useCallback)(async(a,b)=>{let c=Math.max(W.renderedWidth-44,12);aG(c,12,!0);try{let d=await aw({command:"selectBySelector",selector:a,frameId:b});return aG(c,12,!1),d}catch(a){throw T(null),a}},[W.renderedWidth,aG,aw]),aN=(0,e.useCallback)(async a=>{if(A)return;let b=aJ(a);if(b){if(T(null),J(null),L(null),"navigate"===O){$.current?.focus({preventScroll:!0});try{await aw({command:"clickAtPoint",x:b.x,y:b.y})}catch(a){H(a instanceof Error?a.message:"Failed to interact with preview")}return}if(aD)try{await aL(b.x,b.y,b.anchorX,b.anchorY)}catch(a){H(a instanceof Error?a.message:"Failed to select element")}}},[A,aD,O,aJ,aw,aL]),aO=(0,e.useCallback)(async a=>{if(A||"inspect"!==O||!aD)return;let b=aJ(a);if(b){J(null),L(null);try{let a=await aL(b.x,b.y,b.anchorX,b.anchorY);if(!a.selectedElement)throw Error("No element found at the selected point");aK(at(a.selectedElement,a.currentUrl))}catch(a){H(a instanceof Error?a.message:"Failed to queue selected element")}}},[A,aD,O,aK,aJ,aL]),aP=(0,e.useCallback)(a=>{if("navigate"!==O||!u?.connected||a.metaKey||a.ctrlKey||a.altKey)return;let b=an.get(a.key);if(b){a.preventDefault(),ax({command:"pressKey",key:b},"Failed to send key to preview");return}1===a.key.length&&(a.preventDefault(),ax({command:"typeText",text:a.key},"Failed to type into preview"))},[O,ax,u?.connected]),aQ=(0,e.useCallback)(a=>{if("navigate"!==O||!u?.connected)return;let b=a.clipboardData.getData("text");b&&(a.preventDefault(),ax({command:"typeText",text:b},"Failed to paste into preview"))},[O,ax,u?.connected]),aR=(0,e.useCallback)(a=>{if(!u)return void J("Preview state is not loaded yet.");let b=u.consoleLogs.slice(-80),c=u.networkLogs.slice(-80);if("selection"===a&&!u.selectedElement)return void J("Select an element before queueing preview context for terminal input.");if("console"===a&&!b.length)return void J("There are no console logs to send yet.");if("network"===a&&!c.length)return void J("There are no network logs to send yet.");N(a),J(null),L(null);try{let d="selection"===a&&u.selectedElement?at(u.selectedElement,u.currentUrl):"console"===a?au("console",b,u.currentUrl,u.selectedElement):au("network",c,u.currentUrl,u.selectedElement);aK(d),"selection"===a&&T(null)}catch(a){J(a instanceof Error?a.message:"Failed to queue preview context")}finally{N(null)}},[aK,u]),aS=(0,e.useCallback)(async()=>{let a=u?.selectedElement?.selector;if(a)try{await navigator.clipboard.writeText(a),L("Selector copied to clipboard."),J(null)}catch{J("Clipboard access is unavailable.")}},[u?.selectedElement?.selector]);return(0,d.jsxs)("div",{className:"flex h-full min-h-0 flex-col overflow-hidden rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)]",children:[(0,d.jsx)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:(0,d.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)(f.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,d.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview browser"})]}),u?.connected?(0,d.jsx)(s.E,{variant:"success",children:"connected"}):(0,d.jsx)(s.E,{variant:"outline",children:"idle"}),aA?(0,d.jsx)(s.E,{variant:"outline",children:aA.isMain?"main frame":"nested frame"}):null,u?.title?(0,d.jsx)(s.E,{variant:"outline",children:ap(u.title,40)}):null,S?.pending?(0,d.jsx)(s.E,{variant:"warning",children:"selecting element…"}):null]}),(0,d.jsxs)("div",{className:"flex flex-col gap-2 lg:flex-row lg:items-center",children:[(0,d.jsxs)("div",{className:"flex min-w-0 flex-1 items-center gap-2 rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3",children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5 shrink-0 text-[var(--vk-text-muted)]"}),(0,d.jsx)("input",{value:U,onChange:a=>V(a.target.value),placeholder:az??"http://127.0.0.1:3000",className:"h-10 min-w-0 flex-1 bg-transparent text-[13px] text-[var(--vk-text-normal)] outline-none placeholder:text-[var(--vk-text-muted)]"})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)(t.$,{type:"button",variant:"primary",onClick:()=>void aF(),disabled:A||!U.trim(),children:[A?(0,d.jsx)(g.A,{className:"h-4 w-4 animate-spin"}):(0,d.jsx)(i,{className:"h-4 w-4"}),"Connect"]}),(0,d.jsxs)(t.$,{type:"button",variant:"outline",onClick:()=>void as("manual").catch(a=>{H(a instanceof Error?a.message:"Failed to refresh preview")}),disabled:C||A,children:[(0,d.jsx)(j.A,{className:(0,ah.cn)("h-3.5 w-3.5",A&&"animate-spin")}),"Refresh"]}),(0,d.jsxs)(t.$,{type:"button",variant:"outline",onClick:()=>void aw({command:"reload"}).catch(a=>{H(a instanceof Error?a.message:"Failed to reload preview")}),disabled:!u?.connected||A,children:[(0,d.jsx)(k,{className:"h-3.5 w-3.5"}),"Reload"]})]})]}),(0,d.jsxs)("div",{className:"flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1 rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,d.jsxs)(t.$,{type:"button",size:"sm",variant:"navigate"===O?"primary":"ghost",onClick:()=>aH("navigate"),children:[(0,d.jsx)(i,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,d.jsxs)(t.$,{type:"button",size:"sm",variant:"inspect"===O?"primary":"ghost",onClick:()=>aH("inspect"),children:[(0,d.jsx)(l.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"navigate"===O?"Navigate mode sends clicks and typing into the running app.":aD?"Inspect mode lets you click once to inspect, double-click to queue for terminal input.":"Inspect mode is limited to the frame DOM list for nested frames."})]}),!u?.connected&&u?.candidateUrls.length?(0,d.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:u.candidateUrls.map(a=>(0,d.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2.5 py-1.5 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{V(a),aw({command:"connect",url:a}).catch(a=>{H(a instanceof Error?a.message:"Failed to connect preview")})},children:[(0,d.jsx)(f.A,{className:"h-3 w-3 shrink-0"}),(0,d.jsx)("span",{className:"truncate",children:a})]},a))}):null,G||u?.lastError?(0,d.jsxs)("div",{className:"flex items-start gap-2 rounded-[6px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,d.jsx)(m,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,d.jsx)("span",{children:G??u?.lastError})]}):null,K?(0,d.jsx)("div",{className:"rounded-[6px] border border-[color:color-mix(in_srgb,var(--vk-green)_35%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-green)_10%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-green)]",children:K}):null,I?(0,d.jsx)("div",{className:"rounded-[6px] border border-[color:color-mix(in_srgb,var(--vk-red)_35%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_10%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:I}):null]})}),(0,d.jsxs)("div",{className:"grid min-h-0 flex-1 lg:grid-cols-[minmax(0,1.55fr)_minmax(320px,0.95fr)]",children:[(0,d.jsxs)("div",{className:"flex min-h-0 flex-col border-b border-[var(--vk-border)] lg:border-b-0 lg:border-r",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-[var(--vk-border)] px-3 py-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)("div",{className:"min-w-0",children:(0,d.jsx)("div",{className:"truncate text-[var(--vk-text-normal)]",children:u?.currentUrl??az??"No active preview URL yet"})}),u?.connected?(0,d.jsxs)(s.E,{variant:"outline",children:[u?.frames.length??0," frame",(u?.frames.length??0)===1?"":"s"]}):null]}),(0,d.jsx)("div",{className:"min-h-0 flex-1 overflow-auto bg-[#0f1012] p-3",children:(0,d.jsx)("div",{className:"flex h-full min-h-[260px] items-center justify-center",children:C?(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(g.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):ay?(0,d.jsxs)("div",{ref:$,tabIndex:u?.connected?0:-1,onKeyDown:aP,onPaste:aQ,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[10px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#0f1012]",children:[(0,d.jsx)("img",{ref:Z,src:ay,alt:"Session preview",className:(0,ah.cn)("max-h-full max-w-full rounded-[8px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===O?"cursor-pointer":aD?"cursor-crosshair":"cursor-default"),onClick:a=>void aN(a),onDoubleClick:a=>void aO(a),onLoad:a=>{aj.current+=1;let b=a.currentTarget;X({naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,renderedWidth:b.clientWidth,renderedHeight:b.clientHeight})}}),"inspect"===O&&aE?(0,d.jsx)("div",{className:"pointer-events-none absolute border-2 border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_18%,transparent)] shadow-[0_0_0_1px_rgba(0,0,0,0.5)]",style:aE}):null,"inspect"===O&&S&&aI?(0,d.jsx)("div",{className:"pointer-events-none absolute z-20 rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] px-3 py-2 text-[11px] text-[var(--vk-text-normal)] shadow-[0_16px_40px_rgba(0,0,0,0.35)] backdrop-blur",style:aI,children:S.pending?"Selecting element…":u?.selectedElement?`${u.selectedElement.tag} \xb7 ${ap(u.selectedElement.selector,120)}`:"Selection ready"}):null]}):(0,d.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL or explicit preview URL to start the preview browser. Navigate mode lets you interact with the running app. Inspect mode lets you capture UI context and queue it into terminal input."})})})]}),(0,d.jsxs)(ak.tU,{value:Q,onValueChange:a=>R(a),className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:[(0,d.jsx)("div",{className:"border-b border-[var(--vk-border)] px-2 py-2",children:(0,d.jsxs)(ak.j7,{className:"w-full justify-start border-0 bg-transparent p-0",children:[(0,d.jsxs)(ak.Xi,{value:"elements",children:[(0,d.jsx)(n,{className:"h-3.5 w-3.5"}),"Elements"]}),(0,d.jsxs)(ak.Xi,{value:"console",children:[(0,d.jsx)(o.A,{className:"h-3.5 w-3.5"}),"Console",(0,d.jsx)(s.E,{variant:"outline",children:u?.consoleLogs.length??0})]}),(0,d.jsxs)(ak.Xi,{value:"network",children:[(0,d.jsx)(p,{className:"h-3.5 w-3.5"}),"Network",(0,d.jsx)(s.E,{variant:"outline",children:u?.networkLogs.length??0})]})]})}),(0,d.jsxs)(ak.av,{value:"elements",className:"mt-0 flex min-h-0 flex-1 flex-col overflow-hidden",children:[(0,d.jsxs)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-[12px] font-medium text-[var(--vk-text-normal)]",children:"Selected element"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"inspect"===O?"Single-click to inspect. Double-click to queue the element for terminal input.":"Switch to Inspect mode to capture element context from the preview."})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)(t.$,{type:"button",variant:E?"primary":"outline",size:"sm",onClick:()=>F(a=>!a),children:E?"Interactive only":"All nodes"}),(0,d.jsxs)(t.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void aS(),disabled:!u?.selectedElement,children:[(0,d.jsx)(q.A,{className:"h-3.5 w-3.5"}),"Copy selector"]}),(0,d.jsxs)(t.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void aR("selection"),disabled:aC||!u?.selectedElement,children:["selection"===M?(0,d.jsx)(g.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(r.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]})]}),u?.selectedElement?(0,d.jsxs)("div",{className:"mt-3 rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:u.selectedElement.tag}),u.selectedElement.role?(0,d.jsx)(s.E,{variant:"outline",children:u.selectedElement.role}):null,u.selectedElement.frameName?(0,d.jsx)(s.E,{variant:"outline",children:u.selectedElement.frameName}):null]}),(0,d.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:ap(u.selectedElement.name||u.selectedElement.text||"Selected element",180)}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:u.selectedElement.selector}),u.selectedElement.htmlPreview?(0,d.jsx)("div",{className:"mt-2 rounded-[6px] border border-dashed border-[var(--vk-border)] px-2.5 py-2 text-[11px] text-[var(--vk-text-muted)]",children:ap(u.selectedElement.htmlPreview,260)}):null]}):(0,d.jsx)("div",{className:"mt-3 rounded-[8px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No element selected yet."}),u?.frames.length?(0,d.jsx)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:u.frames.map(a=>(0,d.jsxs)("button",{type:"button",onClick:()=>{aw({command:"selectFrame",frameId:a.id}).catch(a=>{H(a instanceof Error?a.message:"Failed to select frame")})},className:(0,ah.cn)("inline-flex max-w-full items-center gap-2 rounded-[5px] border px-2.5 py-1.5 text-[11px]",u.activeFrameId===a.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)] text-[var(--vk-text-normal)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] text-[var(--vk-text-muted)] hover:text-[var(--vk-text-normal)]"),children:[(0,d.jsx)(s.E,{variant:"outline",children:a.isMain?"main":"frame"}),(0,d.jsx)("span",{className:"truncate",children:a.name})]},a.id))}):null]}),(0,d.jsx)(ai,{className:"min-h-0 flex-1",children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:y?(0,d.jsxs)("div",{className:"flex items-center gap-2 rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(g.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):w.length?w.map((a,b)=>(0,d.jsxs)("button",{type:"button",className:(0,ah.cn)("w-full rounded-[6px] border px-3 py-2.5 text-left transition-colors","inspect"===O?"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed border-[var(--vk-border)] bg-[var(--vk-bg-main)] opacity-60"),disabled:"inspect"!==O,onClick:()=>{T(null),J(null),L(null),aM(a.selector,u?.activeFrameId).catch(a=>{H(a instanceof Error?a.message:"Failed to select DOM node")})},onDoubleClick:()=>{J(null),L(null),aM(a.selector,u?.activeFrameId).then(a=>{if(!a.selectedElement)throw Error("Failed to resolve the selected DOM node");aK(at(a.selectedElement,a.currentUrl))}).catch(a=>{H(a instanceof Error?a.message:"Failed to queue DOM node")})},children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:a.tag}),a.interactive?(0,d.jsx)(s.E,{variant:"warning",children:"interactive"}):null,a.role?(0,d.jsx)(s.E,{variant:"outline",children:a.role}):null]}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:a.selector}),a.text?(0,d.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:ap(a.text,180)}):null]},`${a.id??"node"}-${b}-${a.selector}-${a.tag}-${a.text}`)):(0,d.jsx)("div",{className:"rounded-[8px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"inspect"===O?"No DOM nodes to show for the current frame yet.":"Switch to Inspect mode to browse the current frame DOM."})})})]}),(0,d.jsxs)(ak.av,{value:"console",className:"mt-0 flex min-h-0 flex-1 flex-col overflow-hidden",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-[12px] font-medium text-[var(--vk-text-normal)]",children:"Console output"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"Live browser console events from the preview worker."})]}),(0,d.jsxs)(t.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void aR("console"),disabled:aC||!u?.consoleLogs.length,children:["console"===M?(0,d.jsx)(g.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(r.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(ai,{className:"min-h-0 flex-1",children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:u?.consoleLogs.length?u.consoleLogs.map(a=>(0,d.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,d.jsx)("span",{children:a.level}),(0,d.jsx)("span",{children:ao(a.timestamp)})]}),(0,d.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:a.message})]},a.id)):(0,d.jsx)("div",{className:"rounded-[8px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})]}),(0,d.jsxs)(ak.av,{value:"network",className:"mt-0 flex min-h-0 flex-1 flex-col overflow-hidden",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-[12px] font-medium text-[var(--vk-text-normal)]",children:"Network requests"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"Recent requests captured by the preview worker."})]}),(0,d.jsxs)(t.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void aR("network"),disabled:aC||!u?.networkLogs.length,children:["network"===M?(0,d.jsx)(g.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(r.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(ai,{className:"min-h-0 flex-1",children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:u?.networkLogs.length?u.networkLogs.map(a=>(0,d.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,d.jsx)("span",{children:a.method??"GET"}),"number"==typeof a.status?(0,d.jsx)("span",{children:a.status}):null,a.resourceType?(0,d.jsx)("span",{children:a.resourceType}):null,(0,d.jsx)("span",{children:ao(a.timestamp)})]}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono",children:a.url??a.message})]},a.id)):(0,d.jsx)("div",{className:"rounded-[8px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})]})]})]})]})}}};

package/web/.next/standalone/packages/web/.next/server/middleware-build-manifest.js

@@ -1 +1 @@
-globalThis.__BUILD_MANIFEST={polyfillFiles:["static/chunks/polyfills-42372ed130431b0a.js"],devFiles:[],lowPriorityFiles:["static/MPIcJ64jLVnch4KO-ZSqI/_buildManifest.js","static/MPIcJ64jLVnch4KO-ZSqI/_ssgManifest.js"],rootMainFiles:["static/chunks/webpack-15fe30f28b920208.js","static/chunks/87c73c54-014124adcece3495.js","static/chunks/1968-281077ad765d1294.js","static/chunks/main-app-d6167a36ed763f15.js"],rootMainFilesTree:{},pages:{"/_app":[]}};
+globalThis.__BUILD_MANIFEST={polyfillFiles:["static/chunks/polyfills-42372ed130431b0a.js"],devFiles:[],lowPriorityFiles:["static/cb69vNprpZ0W7JmsLIVBy/_buildManifest.js","static/cb69vNprpZ0W7JmsLIVBy/_ssgManifest.js"],rootMainFiles:["static/chunks/webpack-d044bbd0da86be02.js","static/chunks/87c73c54-014124adcece3495.js","static/chunks/1968-281077ad765d1294.js","static/chunks/main-app-d6167a36ed763f15.js"],rootMainFilesTree:{},pages:{"/_app":[]}};