conductor-oss 0.33.2 → 0.34.0

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

@@ -1 +1 @@
-"use strict";exports.id=9517,exports.ids=[9517],exports.modules={7071:(a,b,c)=>{c.d(b,{A:()=>d});let d=(0,c(37303).A)("square-terminal",[["path",{d:"m7 11 2-2-2-2",key:"1lz0vl"}],["path",{d:"M11 13h4",key:"1p7l4v"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}]])},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:"Added the selected element to the chat composer."}}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?"Added recent console logs to the chat composer.":"Added recent network logs to the chat composer."}}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 adding preview context to the chat composer.");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 add to chat":"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:"Chat composer"}),(0,d.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:S.pending?"Selecting element…":"Add selection to chat"})]}),(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 add it immediately, or use the button below. The text is inserted into the chat composer instead of being sent right away, 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"}),"Add to chat"]})]}):(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 add it to the chat composer."})})]}):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 add browser context into the chat composer."})})})]}),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 adds it to the chat composer."}):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"}),"Add to chat"]})]}),(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"}),"Add to chat"]})]}),(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:()=>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."})})})})]})]})]})]})}}};

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/ctyVZJn1Vj7UZ4IOigOmx/_buildManifest.js","static/ctyVZJn1Vj7UZ4IOigOmx/_ssgManifest.js"],rootMainFiles:["static/chunks/webpack-33c0f4bb0776b0da.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/B6Gw40KBBzSgaMAVKUedt/_buildManifest.js","static/B6Gw40KBBzSgaMAVKUedt/_ssgManifest.js"],rootMainFiles:["static/chunks/webpack-8caaa6691d07e9f9.js","static/chunks/87c73c54-014124adcece3495.js","static/chunks/1968-281077ad765d1294.js","static/chunks/main-app-d6167a36ed763f15.js"],rootMainFilesTree:{},pages:{"/_app":[]}};