conductor-oss 0.58.13 → 0.58.14

package/web/.next/standalone/packages/web/.next/server/app-paths-manifest.json

@@ -2,12 +2,12 @@
   "/_not-found/page": "app/_not-found/page.js",
   "/_global-error/page": "app/_global-error/page.js",
   "/icon.svg/route": "app/icon.svg/route.js",
-  "/api/access/route": "app/api/access/route.js",
   "/api/agents/route": "app/api/agents/route.js",
+  "/api/access/route": "app/api/access/route.js",
   "/api/app-update/route": "app/api/app-update/route.js",
   "/api/attachments/route": "app/api/attachments/route.js",
-  "/api/boards/comments/route": "app/api/boards/comments/route.js",
   "/__clerk/[[...path]]/route": "app/__clerk/[[...path]]/route.js",
+  "/api/boards/comments/route": "app/api/boards/comments/route.js",
   "/api/boards/route": "app/api/boards/route.js",
   "/api/bridge/bridges/[bridgeId]/route": "app/api/bridge/bridges/[bridgeId]/route.js",
   "/api/auth/profile/route": "app/api/auth/profile/route.js",
@@ -23,9 +23,9 @@
   "/api/config/route": "app/api/config/route.js",
   "/api/context-files/open/route": "app/api/context-files/open/route.js",
   "/api/context-files/route": "app/api/context-files/route.js",
-  "/api/events/route": "app/api/events/route.js",
   "/api/executor/health/route": "app/api/executor/health/route.js",
   "/api/filesystem/directory/route": "app/api/filesystem/directory/route.js",
+  "/api/events/route": "app/api/events/route.js",
   "/api/filesystem/pick-directory/route": "app/api/filesystem/pick-directory/route.js",
   "/api/github/projects/route": "app/api/github/projects/route.js",
   "/api/github/projects/sync/route": "app/api/github/projects/sync/route.js",
@@ -63,14 +63,13 @@
   "/api/sessions/[id]/output/route": "app/api/sessions/[id]/output/route.js",
   "/api/sessions/[id]/output/stream/route": "app/api/sessions/[id]/output/stream/route.js",
   "/api/sessions/[id]/preview/dom/route": "app/api/sessions/[id]/preview/dom/route.js",
-  "/api/sessions/[id]/restore/route": "app/api/sessions/[id]/restore/route.js",
-  "/api/sessions/[id]/route": "app/api/sessions/[id]/route.js",
   "/api/sessions/[id]/preview/screenshot/route": "app/api/sessions/[id]/preview/screenshot/route.js",
+  "/api/sessions/[id]/route": "app/api/sessions/[id]/route.js",
+  "/api/sessions/[id]/restore/route": "app/api/sessions/[id]/restore/route.js",
   "/api/sessions/[id]/preview/route": "app/api/sessions/[id]/preview/route.js",
   "/api/sessions/[id]/terminal/snapshot/route": "app/api/sessions/[id]/terminal/snapshot/route.js",
   "/api/sessions/[id]/terminal/token/route": "app/api/sessions/[id]/terminal/token/route.js",
   "/api/sessions/[id]/terminal/relay/route": "app/api/sessions/[id]/terminal/relay/route.js",
-  "/api/sessions/[id]/terminal/ttyd/token/route": "app/api/sessions/[id]/terminal/ttyd/token/route.js",
   "/api/sessions/[id]/terminal/ttyd/ws/route": "app/api/sessions/[id]/terminal/ttyd/ws/route.js",
   "/api/sessions/[id]/terminal/ttyd/route": "app/api/sessions/[id]/terminal/ttyd/route.js",
   "/api/sessions/route": "app/api/sessions/route.js",
@@ -86,6 +85,7 @@
   "/api/workspaces/route": "app/api/workspaces/route.js",
   "/bridge/install.ps1/route": "app/bridge/install.ps1/route.js",
   "/bridge/install.sh/route": "app/bridge/install.sh/route.js",
+  "/embed/terminal/[id]/page": "app/embed/terminal/[id]/page.js",
   "/settings/bridge/page": "app/settings/bridge/page.js",
   "/sign-in/hosted/page": "app/sign-in/hosted/page.js",
   "/sign-in/sso-callback/page": "app/sign-in/sso-callback/page.js",

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

@@ -1 +1 @@
-"use strict";exports.id=1564,exports.ids=[1564],exports.modules={21564:(a,b,c)=>{c.r(b),c.d(b,{SessionPreview:()=>aF});var d=c(92692),e=c(71277),f=c(13636),g=c(37303);let h=(0,g.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 i=c(7071);let j=(0,g.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"}]]),k=(0,g.A)("info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);var l=c(52404),m=c(64583),n=c(76680);let o=(0,g.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"}]]),p=(0,g.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 q=c(32792);let r=(0,g.A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);var s=c(75185),t=c(69368);let u=(0,g.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 v=c(48582),w=c(1071),x=c(5707),y=c(64308),z=c(63660),A=c(11256),B=c(87108),C=c(8370),D=c(97229),E=c(74508),F="ScrollArea",[G,H]=(0,z.A)(F),[I,J]=G(F),K=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,w]=e.useState(0),[y,z]=e.useState(!1),[B,D]=e.useState(!1),E=(0,A.s)(b,a=>k(a)),F=(0,C.jH)(g);return(0,d.jsx)(I,{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:z,scrollbarY:r,onScrollbarYChange:s,scrollbarYEnabled:B,onScrollbarYEnabledChange:D,onCornerWidthChange:u,onCornerHeightChange:w,children:(0,d.jsx)(x.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}})})});K.displayName=F;var L="ScrollAreaViewport",M=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...h}=a,i=J(L,c),j=e.useRef(null),k=(0,A.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)(x.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})})]})});M.displayName=L;var N="ScrollAreaScrollbar",O=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=J(N,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)(P,{...f,ref:b,forceMount:c}):"scroll"===g.type?(0,d.jsx)(Q,{...f,ref:b,forceMount:c}):"auto"===g.type?(0,d.jsx)(R,{...f,ref:b,forceMount:c}):"always"===g.type?(0,d.jsx)(S,{...f,ref:b}):null});O.displayName=N;var P=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=J(N,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)(y.C,{present:c||h,children:(0,d.jsx)(R,{"data-state":h?"visible":"hidden",...f,ref:b})})}),Q=e.forwardRef((a,b)=>{var c;let{forceMount:f,...g}=a,h=J(N,a.__scopeScrollArea),i="horizontal"===a.orientation,j=ai(()=>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)(y.C,{present:f||"hidden"!==k,children:(0,d.jsx)(S,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,E.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,E.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),R=e.forwardRef((a,b)=>{let c=J(N,a.__scopeScrollArea),{forceMount:f,...g}=a,[h,i]=e.useState(!1),j="horizontal"===a.orientation,k=ai(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return aj(c.viewport,k),aj(c.content,k),(0,d.jsx)(y.C,{present:f||h,children:(0,d.jsx)(S,{"data-state":h?"visible":"hidden",...g,ref:b})})}),S=e.forwardRef((a,b)=>{let{orientation:c="vertical",...f}=a,g=J(N,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=ad(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=ae(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 ag([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,i.current,j,b)}return"horizontal"===c?(0,d.jsx)(T,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=af(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)(U,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=af(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}),T=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=J(N,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,A.s)(b,k,h.onScrollbarXChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(X,{"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":ae(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:ac(i.paddingLeft),paddingEnd:ac(i.paddingRight)}})}})}),U=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=J(N,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,A.s)(b,k,h.onScrollbarYChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(X,{"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":ae(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:ac(i.paddingTop),paddingEnd:ac(i.paddingBottom)}})}})}),[V,W]=G(N),X=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=J(N,c),[q,r]=e.useState(null),s=(0,A.s)(b,a=>r(a)),t=e.useRef(null),u=e.useRef(""),v=p.viewport,w=f.content-f.viewport,y=(0,B.c)(m),z=(0,B.c)(k),C=ai(n,10);function D(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,w)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[v,q,w,y]),e.useEffect(z,[f,z]),aj(q,C),aj(p.content,C),(0,d.jsx)(V,{scope:c,scrollbar:q,hasThumb:g,onThumbChange:(0,B.c)(h),onThumbPointerUp:(0,B.c)(i),onThumbPositionChange:z,onThumbPointerDown:(0,B.c)(j),children:(0,d.jsx)(x.sG.div,{...o,ref:s,style:{position:"absolute",...o.style},onPointerDown:(0,E.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"),D(a))}),onPointerMove:(0,E.mK)(a.onPointerMove,D),onPointerUp:(0,E.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})})})}),Y="ScrollAreaThumb",Z=e.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=W(Y,a.__scopeScrollArea);return(0,d.jsx)(y.C,{present:c||f.hasThumb,children:(0,d.jsx)($,{ref:b,...e})})}),$=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,h=J(Y,c),i=W(Y,c),{onThumbPositionChange:j}=i,k=(0,A.s)(b,a=>i.onThumbChange(a)),l=e.useRef(void 0),m=ai(()=>{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=ah(a,j),j())};return j(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[h.viewport,m,j]),(0,d.jsx)(x.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,E.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,E.mK)(a.onPointerUp,i.onThumbPointerUp)})});Z.displayName=Y;var _="ScrollAreaCorner",aa=e.forwardRef((a,b)=>{let c=J(_,a.__scopeScrollArea),e=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&e?(0,d.jsx)(ab,{...a,ref:b}):null});aa.displayName=_;var ab=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=J(_,c),[h,i]=e.useState(0),[j,k]=e.useState(0),l=!!(h&&j);return aj(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),aj(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,d.jsx)(x.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 ac(a){return a?parseInt(a,10):0}function ad(a,b){let c=a/b;return isNaN(c)?0:c}function ae(a){let b=ad(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function af(a,b,c="ltr"){let d=ae(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 ag([0,g],[0,f-d])(h)}function ag(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 ah=(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 ai(a,b){let c=(0,B.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 aj(a,b){let c=(0,B.c)(b);(0,D.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 ak=c(93544);let al=(0,e.forwardRef)(({className:a,children:b,viewportClassName:c,...e},f)=>(0,d.jsxs)(K,{ref:f,className:(0,ak.cn)("relative overflow-hidden",a),...e,children:[(0,d.jsx)(M,{className:(0,ak.cn)("h-full w-full rounded-[inherit]",c),children:b}),(0,d.jsx)(am,{}),(0,d.jsx)(aa,{})]}));al.displayName="ScrollArea";let am=(0,e.forwardRef)(({className:a,orientation:b="vertical",...c},e)=>(0,d.jsx)(O,{ref:e,orientation:b,className:(0,ak.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)(Z,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));am.displayName="ScrollBar";var an=c(74712);let ao=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function ap(a){return a.find(a=>(function(a){try{let b=new URL(a);return ao.test(b.hostname)}catch{return!1}})(a))??null}var aq=c(2621);let ar=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 as(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 at(a,b=120){return a.length<=b?a:`${a.slice(0,b-1)}…`}function au(a,b=180){let c=at((a??"").replace(/\s+/g," ").trim(),b);return c?`"${c.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function av(a){return a.map(a=>a?.trim()).filter(a=>!!a).join("; ")}function aw(a,b){return[`[${a}]`,...b.map(a=>a?.trim()).filter(a=>!!a)].join("\n")}function ax(a,b){return{inlineText:av(["[Browser selection]",`selector=${au(a.selector,220)}`,`tag=${a.tag}`,a.role?`role=${a.role}`:null,a.name?`name=${au(a.name,140)}`:null,a.text?`text=${au(a.text,180)}`:null,a.frameName?`frame=${au(a.frameName,120)}`:null,b?`page=${au(b,220)}`:null]),draftText:aw("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 ay(a,b,c,d){let e=b.slice("console"===a?-8:-10),f=e.map(b=>{let c=[b.level,au(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?au(b.url,120):null)),c.filter(Boolean).join(" ")});return{inlineText:av(["console"===a?"[Browser console]":"[Browser network]",c?`page=${au(c,220)}`:null,d?`selected=${au(d.selector,180)}`:null,`entries=${au(f.join(" | "),520)}`]),draftText:aw("console"===a?"Browser console logs":"Browser network logs",[c?`Page: ${c}`:null,d?`Selected element: ${d.selector}`:null,...e.map(b=>"console"===a?`- ${as(b.timestamp)} ${b.level}: ${b.message}`:`- ${as(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."}}let az=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function aA(a){let b=a?.trim();if(!b)return null;try{return new URL(b).origin}catch{return null}}function aB(a){return a?"Yes":"No"}function aC(a,b="None"){return a?.trim()||b}function aD({label:a,value:b,hint:c,monospace:e=!1}){return(0,d.jsxs)("div",{className:"rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:a}),(0,d.jsx)("div",{className:(0,ak.cn)("mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",e?"break-all font-mono text-[11px] leading-5":null),children:b}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:c})]})}function aE({section:a,onCopy:b}){return(0,d.jsxs)("div",{className:"overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:[(0,d.jsxs)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[11px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:a.title}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:a.description})]}),(0,d.jsx)("div",{className:"divide-y divide-[var(--vk-border)]",children:a.fields.map(c=>(0,d.jsxs)("div",{className:"flex items-start gap-3 px-3 py-2.5",children:[(0,d.jsx)("div",{className:"w-28 shrink-0 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:c.label}),(0,d.jsx)("div",{className:(0,ak.cn)("min-w-0 flex-1 text-[12px] text-[var(--vk-text-normal)]",c.monospace?"break-all font-mono text-[11px] leading-5":"leading-5"),children:c.value}),c.copyValue?(0,d.jsx)(w.$,{type:"button",variant:"ghost",size:"sm",className:"h-7 shrink-0",onClick:()=>{b(c.copyValue,`${c.label} copied to clipboard.`)},children:(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"})}):null]},`${a.id}-${c.label}`))})]})}function aF({sessionId:a,active:b,onQueueTerminalInsert:c,onConnectionChange:g}){let[x,y]=(0,e.useState)(null),[z,A]=(0,e.useState)([]),[B,C]=(0,e.useState)(!1),[D,E]=(0,e.useState)(!1),[F,G]=(0,e.useState)(!0),[H,I]=(0,e.useState)(!0),[J,K]=(0,e.useState)(null),[L,M]=(0,e.useState)(null),[N,O]=(0,e.useState)(null),[P,Q]=(0,e.useState)(null),[R,S]=(0,e.useState)("navigate"),[T,U]=(0,e.useState)("elements"),[V,W]=(0,e.useState)(null),[X,Y]=(0,e.useState)(""),[Z,$]=(0,e.useState)(!1),[_,aa]=(0,e.useState)(!1),[ab,ac]=(0,e.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0});(0,e.useRef)(null);let ad=(0,e.useRef)(Promise.resolve()),ae=(0,e.useRef)(null),af=(0,e.useRef)(null);(0,e.useRef)(Date.now());let ag=(0,e.useRef)(null);(0,e.useRef)(null),(0,e.useRef)(null);let ah=(0,e.useRef)(0),ai=(0,e.useRef)(0),aj=(0,e.useRef)(0),am=(0,e.useRef)(0),ao=(0,e.useRef)(0),au=(0,e.useRef)(0),av=(0,e.useRef)(0);(0,e.useRef)(0);let aw=(0,e.useRef)(0),[aG,aH]=(0,e.useState)(!0),aI=ap(x?.candidateUrls??[]),aJ=Z&&_,aK=(0,e.useCallback)(async(b="manual")=>{ah.current+=1,"poll"===b&&(aj.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===ag.current&&(ag.current=d),y(c),K(null),Y(a=>a.trim().length>0&&a!==c.currentUrl?a:c.currentUrl??ap(c.candidateUrls)??c.candidateUrls[0]??a)}catch(a){throw ai.current+=1,a}},[a]),aL=(0,e.useCallback)(async b=>{am.current+=1,E(!0),K(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&&y(d.status),Error(d&&"error"in d?d.error??"Preview command failed":`Preview command failed: ${c.status}`);return y(d),d}catch(a){throw ao.current+=1,a}finally{E(!1)}},[a]),aM=(0,e.useCallback)((a,b)=>{ad.current=ad.current.catch(()=>void 0).then(async()=>{try{await aL(a)}catch(a){K(a instanceof Error?a.message:b)}})},[aL]);(0,e.useCallback)(async b=>{if(!x?.connected)return void A([]);au.current+=1,C(!0);try{let c=new URLSearchParams;b&&c.set("frameId",b),H&&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}`);A(e.nodes)}catch(a){av.current+=1,K(a instanceof Error?a.message:"Failed to inspect DOM"),A([])}finally{C(!1)}},[H,a,x?.connected]);let aN=(0,e.useMemo)(()=>x?.connected?`/api/sessions/${encodeURIComponent(a)}/preview/screenshot?ts=${encodeURIComponent(x.screenshotKey)}`:null,[a,x?.connected,x?.screenshotKey]),aO=aI??x?.candidateUrls[0]??null,aP=(0,e.useMemo)(()=>x?.frames.find(a=>a.id===x.activeFrameId)??null,[x?.activeFrameId,x?.frames]),aQ=(0,e.useMemo)(()=>x?.frames.find(a=>a.isMain)??null,[x?.frames]),aR=(0,e.useMemo)(()=>aA(x?.currentUrl),[x?.currentUrl]),aS=(0,e.useMemo)(()=>{let a=x?.selectedElement;return[{id:"page",title:"Page",description:"Current page identity and live preview worker state.",fields:[{label:"Title",value:aC(x?.title,"Untitled")},{label:"Current URL",value:aC(x?.currentUrl),copyValue:x?.currentUrl??null,monospace:!0},{label:"Current origin",value:aC(aR),copyValue:aR,monospace:!0},{label:"Connected",value:aB(x?.connected)},{label:"Last error",value:aC(x?.lastError,"None")}]},{id:"navigation",title:"Navigation",description:"History state and frame orientation for the current page.",fields:[{label:"Can go back",value:aB(x?.canGoBack)},{label:"Can go forward",value:aB(x?.canGoForward)},{label:"Active frame",value:aC(aP?.name)},{label:"Main frame",value:aC(aQ?.name)},{label:"Frame count",value:`${x?.frames.length??0}`}]},{id:"worker",title:"Worker",description:"Reported candidates, logs, and worker render metadata.",fields:[{label:"Candidate URLs",value:`${x?.candidateUrls.length??0}`},{label:"Auto-connect",value:aC(aI??aO),copyValue:aI??aO??null,monospace:!0},{label:"Screenshot key",value:aC(x?.screenshotKey,"Unavailable"),monospace:!0},{label:"Console rows",value:`${x?.consoleLogs.length??0}`},{label:"Network rows",value:`${x?.networkLogs.length??0}`}]},{id:"selection",title:"Selection",description:"Current element context captured from inspect mode.",fields:[{label:"Selector",value:aC(a?.selector),copyValue:a?.selector??null,monospace:!0},{label:"Tag",value:aC(a?.tag)},{label:"Role",value:aC(a?.role)},{label:"Frame",value:aC(a?.frameName)},{label:"Text",value:aC(a?.text)}]}]},[aP?.name,aI,aR,aQ?.name,aO,x]),aT=(0,e.useMemo)(()=>(x?.candidateUrls??[]).map(a=>{let b=aA(a);return{url:a,origin:b,isLoopback:function(a){try{return az.test(new URL(a).hostname)}catch{return!1}}(a),isPreferred:a===aI,isConnected:!!(x?.currentUrl&&(x.currentUrl===a||b&&aR===b)),isTunnelOrigin:!!(x?.tunnelLocalOrigin&&b===x.tunnelLocalOrigin)}}),[aI,aR,x?.candidateUrls,x?.currentUrl,x?.tunnelLocalOrigin]),aU=(0,e.useMemo)(()=>aT.filter(a=>a.isLoopback).length,[aT]),aV=(0,e.useMemo)(()=>aT.find(a=>a.isConnected)??null,[aT]),aW=null!==P,aX=!!aP?.isMain,aY=(0,e.useMemo)(()=>{let a=x?.selectedElement?.bounds;if(!x?.selectedElement||!a||!aQ||x.selectedElement.frameId!==aQ.id||!ab.naturalWidth||!ab.naturalHeight||!ab.renderedWidth||!ab.renderedHeight)return null;let b=ab.renderedWidth/ab.naturalWidth,c=ab.renderedHeight/ab.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`}},[ab,aQ,x?.selectedElement]),aZ=(0,e.useCallback)(async(a,b)=>{let c=a?.trim();if(!c)return void M("Nothing to copy yet.");try{await navigator.clipboard.writeText(c),O(b),M(null)}catch{M("Clipboard access is unavailable.")}},[]),a$=(0,e.useCallback)(async a=>{Y(a),K(null);try{await aL({command:"connect",url:a})}catch(a){K(a instanceof Error?a.message:"Failed to connect preview")}},[aL]),a_=(0,e.useCallback)(async()=>{let a=X.trim();a&&await a$(a)},[a$,X]),a0=(0,e.useCallback)((a,b,c=!1)=>{W({anchorX:a,anchorY:b,pending:c}),M(null),O(null)},[]),a1=(0,e.useCallback)(a=>{S(a),"inspect"===a&&U("elements"),W(null),M(null),O(null)},[]),a2=(0,e.useMemo)(()=>{if(!V)return null;let a=ab.renderedWidth||340,b=ab.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=V.anchorX+18,h=V.anchorY+18,i=g>e?Math.max(12,V.anchorX-d-18):g,j=h>f?Math.max(12,V.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`}},[ab.renderedHeight,ab.renderedWidth,V]),a3=(0,e.useCallback)(a=>{if(!ae.current)return null;let b=ae.current.getBoundingClientRect();if(!b.width||!b.height||!ae.current.naturalWidth||!ae.current.naturalHeight)return null;let c=a.clientX-b.left,d=a.clientY-b.top;return{anchorX:c,anchorY:d,x:c/b.width*ae.current.naturalWidth,y:d/b.height*ae.current.naturalHeight}},[]),a4=(0,e.useCallback)(a=>{c(a),M(null),O(a.successMessage)},[c]),a5=(0,e.useCallback)(async(a,b,c,d)=>{a0(c,d,!0);try{let e=await aL({command:"selectAtPoint",x:a,y:b});return a0(c,d,!1),e}catch(a){throw W(null),a}},[a0,aL]),a6=(0,e.useCallback)(async(a,b)=>{let c=Math.max(ab.renderedWidth-44,12);a0(c,12,!0);try{let d=await aL({command:"selectBySelector",selector:a,frameId:b});return a0(c,12,!1),d}catch(a){throw W(null),a}},[ab.renderedWidth,a0,aL]),a7=(0,e.useCallback)(async a=>{if(D)return;let b=a3(a);if(b){if(W(null),M(null),O(null),"navigate"===R){af.current?.focus({preventScroll:!0});try{await aL({command:"clickAtPoint",x:b.x,y:b.y})}catch(a){K(a instanceof Error?a.message:"Failed to interact with preview")}return}if(aX)try{await a5(b.x,b.y,b.anchorX,b.anchorY)}catch(a){K(a instanceof Error?a.message:"Failed to select element")}}},[D,aX,R,a3,aL,a5]),a8=(0,e.useCallback)(async a=>{if(D||"inspect"!==R||!aX)return;let b=a3(a);if(b){M(null),O(null);try{let a=await a5(b.x,b.y,b.anchorX,b.anchorY);if(!a.selectedElement)throw Error("No element found at the selected point");a4(ax(a.selectedElement,a.currentUrl))}catch(a){K(a instanceof Error?a.message:"Failed to queue selected element")}}},[D,aX,R,a4,a3,a5]),a9=(0,e.useCallback)(a=>{if("navigate"!==R||!x?.connected||a.metaKey||a.ctrlKey||a.altKey)return;let b=ar.get(a.key);if(b){a.preventDefault(),aM({command:"pressKey",key:b},"Failed to send key to preview");return}1===a.key.length&&(a.preventDefault(),aM({command:"typeText",text:a.key},"Failed to type into preview"))},[R,aM,x?.connected]),ba=(0,e.useCallback)(a=>{if("navigate"!==R||!x?.connected)return;let b=a.clipboardData.getData("text");b&&(a.preventDefault(),aM({command:"typeText",text:b},"Failed to paste into preview"))},[R,aM,x?.connected]),bb=(0,e.useCallback)(a=>{if(!x)return void M("Preview state is not loaded yet.");let b=x.consoleLogs.slice(-80),c=x.networkLogs.slice(-80);if("selection"===a&&!x.selectedElement)return void M("Select an element before queueing preview context for terminal input.");if("console"===a&&!b.length)return void M("There are no console logs to send yet.");if("network"===a&&!c.length)return void M("There are no network logs to send yet.");Q(a),M(null),O(null);try{let d="selection"===a&&x.selectedElement?ax(x.selectedElement,x.currentUrl):"console"===a?ay("console",b,x.currentUrl,x.selectedElement):ay("network",c,x.currentUrl,x.selectedElement);a4(d),"selection"===a&&W(null)}catch(a){M(a instanceof Error?a.message:"Failed to queue preview context")}finally{Q(null)}},[a4,x]),bc=(0,e.useCallback)(async()=>{let a=x?.selectedElement?.selector;if(a)try{await navigator.clipboard.writeText(a),O("Selector copied to clipboard."),M(null)}catch{M("Clipboard access is unavailable.")}},[x?.selectedElement?.selector]),bd=(0,d.jsxs)(an.tU,{value:T,onValueChange:a=>U(a),className:"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden lg:min-h-0",children:[(0,d.jsx)("div",{className:"border-b border-[var(--vk-border)] px-2 py-2",children:(0,d.jsxs)(an.j7,{className:"w-full justify-start border-0 bg-transparent p-0",children:[(0,d.jsxs)(an.Xi,{value:"elements",children:[(0,d.jsx)(h,{className:"h-3.5 w-3.5"}),"Elements"]}),(0,d.jsxs)(an.Xi,{value:"console",children:[(0,d.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Console",(0,d.jsx)(v.E,{variant:"outline",children:x?.consoleLogs.length??0})]}),(0,d.jsxs)(an.Xi,{value:"network",children:[(0,d.jsx)(j,{className:"h-3.5 w-3.5"}),"Network",(0,d.jsx)(v.E,{variant:"outline",children:x?.networkLogs.length??0})]}),(0,d.jsxs)(an.Xi,{value:"info",children:[(0,d.jsx)(k,{className:"h-3.5 w-3.5"}),"Info"]}),(0,d.jsxs)(an.Xi,{value:"proxies",children:[(0,d.jsx)(l.A,{className:"h-3.5 w-3.5"}),"Proxies"]})]})}),(0,d.jsxs)(an.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"===R?"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)(w.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>I(a=>!a),children:H?"Interactive only":"All nodes"}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void bc(),disabled:!x?.selectedElement,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy selector"]}),(0,d.jsxs)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("selection"),disabled:aW||!x?.selectedElement,children:["selection"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]})]}),x?.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:x.selectedElement.tag}),x.selectedElement.role?(0,d.jsx)(v.E,{variant:"outline",children:x.selectedElement.role}):null,x.selectedElement.frameName?(0,d.jsx)(v.E,{variant:"outline",children:x.selectedElement.frameName}):null]}),(0,d.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:at(x.selectedElement.name||x.selectedElement.text||"Selected element",180)}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:x.selectedElement.selector}),x.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:at(x.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."}),x?.frames.length?(0,d.jsx)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:x.frames.map(a=>(0,d.jsxs)("button",{type:"button",onClick:()=>{aL({command:"selectFrame",frameId:a.id}).catch(a=>{K(a instanceof Error?a.message:"Failed to select frame")})},className:(0,ak.cn)("inline-flex max-w-full items-center gap-2 rounded-[5px] border px-2.5 py-1.5 text-[11px]",x.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)(v.E,{variant:"outline",children:a.isMain?"main":"frame"}),(0,d.jsx)("span",{className:"truncate",children:a.name})]},a.id))}):null]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:B?(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)(m.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):z.length?z.map((a,b)=>(0,d.jsxs)("button",{type:"button",className:(0,ak.cn)("w-full rounded-[6px] border px-3 py-2.5 text-left transition-colors","inspect"===R?"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"!==R,onClick:()=>{W(null),M(null),O(null),a6(a.selector,x?.activeFrameId).catch(a=>{K(a instanceof Error?a.message:"Failed to select DOM node")})},onDoubleClick:()=>{M(null),O(null),a6(a.selector,x?.activeFrameId).then(a=>{if(!a.selectedElement)throw Error("Failed to resolve the selected DOM node");a4(ax(a.selectedElement,a.currentUrl))}).catch(a=>{K(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)(v.E,{variant:"warning",children:"interactive"}):null,a.role?(0,d.jsx)(v.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:at(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"===R?"No DOM nodes to show for the current frame yet.":"Switch to Inspect mode to browse the current frame DOM."})})})]}),(0,d.jsxs)(an.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)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("console"),disabled:aW||!x?.consoleLogs.length,children:["console"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:x?.consoleLogs.length?x.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:as(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)(an.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)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("network"),disabled:aW||!x?.networkLogs.length,children:["network"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:x?.networkLogs.length?x.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:as(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."})})})]}),(0,d.jsxs)(an.av,{value:"info",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:"Preview info"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"A cleaner snapshot of page, worker, navigation, and element state."})]}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(x?.currentUrl,"Current URL copied to clipboard.")},disabled:!x?.currentUrl,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy URL"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsxs)("div",{className:"space-y-3 p-3 text-[12px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,d.jsx)(aD,{label:"Connected",value:x?.connected?"Live":"Idle",hint:x?.currentUrl?at(x.currentUrl,60):"No active page yet"}),(0,d.jsx)(aD,{label:"Frames",value:`${x?.frames.length??0}`,hint:aP?.name??"No active frame"}),(0,d.jsx)(aD,{label:"Console",value:`${x?.consoleLogs.length??0}`,hint:"Captured browser console rows"}),(0,d.jsx)(aD,{label:"Network",value:`${x?.networkLogs.length??0}`,hint:"Recent preview worker requests"})]}),aS.map(a=>(0,d.jsx)(aE,{section:a,onCopy:aZ},a.id))]})})]}),(0,d.jsxs)(an.av,{value:"proxies",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:"Proxy and tunnel routing"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"Candidate URLs come from the session. Tunnel metadata shows how bridge-backed previews map remote loopback into the local display origin."})]}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(x?.tunnelLocalOrigin??x?.tunnelUrl,"Tunnel mapping copied to clipboard.")},disabled:!x?.tunnelLocalOrigin&&!x?.tunnelUrl,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy route"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsxs)("div",{className:"space-y-3 p-3 text-[12px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,d.jsx)(aD,{label:"Candidates",value:`${aT.length}`,hint:aT.length?"Reported by the current session":"No targets reported yet"}),(0,d.jsx)(aD,{label:"Loopback",value:`${aU}`,hint:aU?"Local dev URLs available":"No local loopback URLs"}),(0,d.jsx)(aD,{label:"Tunnel",value:x?.tunnelUrl?"Ready":"None",hint:x?.tunnelLocalOrigin??"No bridge tunnel mapping",monospace:!!x?.tunnelLocalOrigin}),(0,d.jsx)(aD,{label:"Current origin",value:aR??"Idle",hint:aV?"Matches the active preview page":"Not connected to a candidate yet",monospace:!!aR})]}),(0,d.jsx)(aE,{section:{id:"tunnel-mapping",title:"Tunnel mapping",description:"Bridge previews can expose a remote tunnel while still rendering the equivalent local origin in the browser workspace.",fields:[{label:"Local origin",value:aC(x?.tunnelLocalOrigin,"Not set"),copyValue:x?.tunnelLocalOrigin??null,monospace:!0},{label:"Tunnel URL",value:aC(x?.tunnelUrl,"Not set"),copyValue:x?.tunnelUrl??null,monospace:!0},{label:"Current origin",value:aC(aR),copyValue:aR,monospace:!0}]},onCopy:aZ}),(0,d.jsxs)("div",{className:"overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:[(0,d.jsxs)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[11px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:"Candidate URLs"}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:"Use connect to load a reported target into the preview browser, or copy the URL or origin for terminal context."})]}),(0,d.jsx)("div",{className:"space-y-2 p-3",children:aT.length?aT.map(a=>(0,d.jsxs)("div",{className:"rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 py-3",children:[(0,d.jsxs)("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,d.jsx)("div",{className:(0,ak.cn)("text-[12px] font-medium text-[var(--vk-text-normal)]",a.origin?"truncate":"break-all"),children:a.origin??a.url}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:a.url})]}),a.isConnected?(0,d.jsx)(v.E,{variant:"success",children:"current"}):null,a.isPreferred?(0,d.jsx)(v.E,{variant:"warning",children:"auto"}):null,a.isTunnelOrigin?(0,d.jsx)(v.E,{variant:"outline",children:"tunnel origin"}):null,(0,d.jsx)(v.E,{variant:"outline",children:a.isLoopback?"loopback":"remote"})]}),(0,d.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:[(0,d.jsxs)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>{a$(a.url)},children:[(0,d.jsx)(l.A,{className:"h-3.5 w-3.5"}),"Connect"]}),(0,d.jsxs)(w.$,{type:"button",variant:"outline",size:"sm",onClick:()=>{aZ(a.url,"Candidate URL copied to clipboard.")},children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy URL"]}),a.origin?(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(a.origin,"Candidate origin copied to clipboard.")},children:[(0,d.jsx)(o,{className:"h-3.5 w-3.5"}),"Copy origin"]}):null]})]},a.url)):(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:"No candidate URLs detected yet."})})]})]})})]})]});return(0,d.jsxs)("div",{className:"flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)]",children:[(0,d.jsx)("div",{className:"shrink-0 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)(l.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"})]}),x?.connected?(0,d.jsx)(v.E,{variant:"success",children:"connected"}):(0,d.jsx)(v.E,{variant:"outline",children:"idle"}),aP?(0,d.jsx)(v.E,{variant:"outline",children:aP.isMain?"main frame":"nested frame"}):null,x?.title?(0,d.jsx)(v.E,{variant:"outline",children:at(x.title,40)}):null,V?.pending?(0,d.jsx)(v.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)(l.A,{className:"h-3.5 w-3.5 shrink-0 text-[var(--vk-text-muted)]"}),(0,d.jsx)("input",{value:X,onChange:a=>Y(a.target.value),placeholder:aO??"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)(w.$,{type:"button",variant:"primary",onClick:()=>void a_(),disabled:D||!X.trim(),children:[D?(0,d.jsx)(m.A,{className:"h-4 w-4 animate-spin"}):(0,d.jsx)(p,{className:"h-4 w-4"}),"Connect"]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Go back",variant:"outline",onClick:()=>void aL({command:"goBack"}).then(a=>{Y(a.currentUrl??"")}).catch(a=>{K(a instanceof Error?a.message:"Failed to go back")}),disabled:!x?.connected||!x?.canGoBack||D,children:[(0,d.jsx)(q.A,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Back"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Go forward",variant:"outline",onClick:()=>void aL({command:"goForward"}).then(a=>{Y(a.currentUrl??"")}).catch(a=>{K(a instanceof Error?a.message:"Failed to go forward")}),disabled:!x?.connected||!x?.canGoForward||D,children:[(0,d.jsx)(r,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Forward"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Refresh preview status",variant:"outline",onClick:()=>void aK("manual").catch(a=>{K(a instanceof Error?a.message:"Failed to refresh preview")}),disabled:F||D,children:[(0,d.jsx)(s.A,{className:(0,ak.cn)("h-3.5 w-3.5",D&&"animate-spin")}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Refresh"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Reload preview page",variant:"outline",onClick:()=>void aL({command:"reload"}).catch(a=>{K(a instanceof Error?a.message:"Failed to reload preview")}),disabled:!x?.connected||D,children:[(0,d.jsx)(o,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"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 flex-wrap items-center gap-2",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)(w.$,{type:"button",size:"sm",variant:"navigate"===R?"primary":"ghost",onClick:()=>a1("navigate"),children:[(0,d.jsx)(p,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,d.jsxs)(w.$,{type:"button",size:"sm",variant:"inspect"===R?"primary":"ghost",onClick:()=>a1("inspect"),children:[(0,d.jsx)(t.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,d.jsxs)(w.$,{type:"button",size:"sm",variant:aJ?"primary":"outline",className:"lg:hidden",onClick:()=>aa(a=>!a),children:[(0,d.jsx)(h,{className:"h-3.5 w-3.5"}),aJ?"Hide tools":"Browser tools"]})]}),Z?null:(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"navigate"===R?"Navigate mode sends clicks and typing into the running app.":aX?"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."})]}),!x?.connected&&x?.candidateUrls.length&&(!Z||_)?(0,d.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:x.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:()=>{a$(a)},children:[(0,d.jsx)(l.A,{className:"h-3 w-3 shrink-0"}),(0,d.jsx)("span",{className:"truncate",children:a})]},a))}):null,J||x?.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)(u,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,d.jsx)("span",{children:J??x?.lastError})]}):null,N?(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:N}):null,L?(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:L}):null]})}),(0,d.jsxs)("div",{className:"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden lg:grid lg:min-h-0 lg:grid-cols-[minmax(0,1.55fr)_minmax(320px,0.95fr)] lg:overflow-hidden",children:[(0,d.jsxs)("div",{className:"flex min-h-0 min-w-0 flex-[1.25] flex-col overflow-hidden border-b border-[var(--vk-border)] lg:flex-1 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:x?.currentUrl??aO??"No active preview URL yet"})}),x?.connected?(0,d.jsxs)(v.E,{variant:"outline",children:[x?.frames.length??0," frame",(x?.frames.length??0)===1?"":"s"]}):null]}),(0,d.jsx)("div",{className:aq.qg,children:(0,d.jsx)("div",{className:"flex h-full min-h-[min(200px,45vh)] w-full items-center justify-center lg:min-h-[260px]",children:F?(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(m.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):aN?(0,d.jsxs)("div",{ref:af,tabIndex:x?.connected?0:-1,onKeyDown:a9,onPaste:ba,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] ${aq.hq}`,children:[(0,d.jsx)("img",{ref:ae,src:aN,alt:"Session preview",className:(0,ak.cn)("max-h-full max-w-full rounded-[8px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===R?"cursor-pointer":aX?"cursor-crosshair":"cursor-default"),onClick:a=>void a7(a),onDoubleClick:a=>void a8(a),onLoad:a=>{aw.current+=1;let b=a.currentTarget;ac({naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,renderedWidth:b.clientWidth,renderedHeight:b.clientHeight})}}),"inspect"===R&&aY?(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:aY}):null,"inspect"===R&&V&&a2?(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:a2,children:V.pending?"Selecting element…":x?.selectedElement?`${x.selectedElement.tag} \xb7 ${at(x.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."})})})]}),Z?null:bd]}),Z&&aJ?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"absolute inset-0 z-10 bg-black/35 lg:hidden",onClick:()=>aa(!1),"aria-hidden":"true"}),(0,d.jsxs)("div",{className:"absolute inset-x-0 bottom-0 z-20 flex max-h-[min(72vh,36rem)] min-h-[18rem] flex-col overflow-hidden rounded-t-[14px] border border-b-0 border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_96%,black_4%)] shadow-[0_-24px_48px_rgba(0,0,0,0.42)] lg:hidden",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-2.5",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,d.jsx)(h,{className:"h-4 w-4 shrink-0 text-[var(--vk-text-muted)]"}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[12px] font-medium text-[var(--vk-text-normal)]",children:"Browser tools"}),(0,d.jsx)("div",{className:"truncate text-[11px] text-[var(--vk-text-muted)]",children:"Hidden by default on mobile so the browser stays front and center."})]})]}),(0,d.jsx)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>aa(!1),children:"Hide"})]}),(0,d.jsx)("div",{className:"min-h-0 flex-1 overflow-hidden",children:bd})]})]}):null]})}},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"}]])}};
+"use strict";exports.id=1564,exports.ids=[1564],exports.modules={21564:(a,b,c)=>{c.r(b),c.d(b,{SessionPreview:()=>aF});var d=c(92692),e=c(71277),f=c(13636),g=c(37303);let h=(0,g.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 i=c(7071);let j=(0,g.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"}]]),k=(0,g.A)("info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);var l=c(52404),m=c(64583),n=c(76680);let o=(0,g.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"}]]),p=(0,g.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 q=c(32792);let r=(0,g.A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);var s=c(75185),t=c(69368);let u=(0,g.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 v=c(48582),w=c(1071),x=c(5707),y=c(64308),z=c(63660),A=c(11256),B=c(87108),C=c(8370),D=c(97229),E=c(74508),F="ScrollArea",[G,H]=(0,z.A)(F),[I,J]=G(F),K=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,w]=e.useState(0),[y,z]=e.useState(!1),[B,D]=e.useState(!1),E=(0,A.s)(b,a=>k(a)),F=(0,C.jH)(g);return(0,d.jsx)(I,{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:z,scrollbarY:r,onScrollbarYChange:s,scrollbarYEnabled:B,onScrollbarYEnabledChange:D,onCornerWidthChange:u,onCornerHeightChange:w,children:(0,d.jsx)(x.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}})})});K.displayName=F;var L="ScrollAreaViewport",M=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,children:f,nonce:g,...h}=a,i=J(L,c),j=e.useRef(null),k=(0,A.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)(x.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})})]})});M.displayName=L;var N="ScrollAreaScrollbar",O=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=J(N,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)(P,{...f,ref:b,forceMount:c}):"scroll"===g.type?(0,d.jsx)(Q,{...f,ref:b,forceMount:c}):"auto"===g.type?(0,d.jsx)(R,{...f,ref:b,forceMount:c}):"always"===g.type?(0,d.jsx)(S,{...f,ref:b}):null});O.displayName=N;var P=e.forwardRef((a,b)=>{let{forceMount:c,...f}=a,g=J(N,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)(y.C,{present:c||h,children:(0,d.jsx)(R,{"data-state":h?"visible":"hidden",...f,ref:b})})}),Q=e.forwardRef((a,b)=>{var c;let{forceMount:f,...g}=a,h=J(N,a.__scopeScrollArea),i="horizontal"===a.orientation,j=ai(()=>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)(y.C,{present:f||"hidden"!==k,children:(0,d.jsx)(S,{"data-state":"hidden"===k?"hidden":"visible",...g,ref:b,onPointerEnter:(0,E.mK)(a.onPointerEnter,()=>l("POINTER_ENTER")),onPointerLeave:(0,E.mK)(a.onPointerLeave,()=>l("POINTER_LEAVE"))})})}),R=e.forwardRef((a,b)=>{let c=J(N,a.__scopeScrollArea),{forceMount:f,...g}=a,[h,i]=e.useState(!1),j="horizontal"===a.orientation,k=ai(()=>{if(c.viewport){let a=c.viewport.offsetWidth<c.viewport.scrollWidth,b=c.viewport.offsetHeight<c.viewport.scrollHeight;i(j?a:b)}},10);return aj(c.viewport,k),aj(c.content,k),(0,d.jsx)(y.C,{present:f||h,children:(0,d.jsx)(S,{"data-state":h?"visible":"hidden",...g,ref:b})})}),S=e.forwardRef((a,b)=>{let{orientation:c="vertical",...f}=a,g=J(N,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=ad(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=ae(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 ag([g,h],"ltr"===d?[0,i]:[-1*i,0])(a)}(a,i.current,j,b)}return"horizontal"===c?(0,d.jsx)(T,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=af(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)(U,{...m,ref:b,onThumbPositionChange:()=>{if(g.viewport&&h.current){let a=af(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}),T=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=J(N,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,A.s)(b,k,h.onScrollbarXChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(X,{"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":ae(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:ac(i.paddingLeft),paddingEnd:ac(i.paddingRight)}})}})}),U=e.forwardRef((a,b)=>{let{sizes:c,onSizesChange:f,...g}=a,h=J(N,a.__scopeScrollArea),[i,j]=e.useState(),k=e.useRef(null),l=(0,A.s)(b,k,h.onScrollbarYChange);return e.useEffect(()=>{k.current&&j(getComputedStyle(k.current))},[k]),(0,d.jsx)(X,{"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":ae(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:ac(i.paddingTop),paddingEnd:ac(i.paddingBottom)}})}})}),[V,W]=G(N),X=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=J(N,c),[q,r]=e.useState(null),s=(0,A.s)(b,a=>r(a)),t=e.useRef(null),u=e.useRef(""),v=p.viewport,w=f.content-f.viewport,y=(0,B.c)(m),z=(0,B.c)(k),C=ai(n,10);function D(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,w)};return document.addEventListener("wheel",a,{passive:!1}),()=>document.removeEventListener("wheel",a,{passive:!1})},[v,q,w,y]),e.useEffect(z,[f,z]),aj(q,C),aj(p.content,C),(0,d.jsx)(V,{scope:c,scrollbar:q,hasThumb:g,onThumbChange:(0,B.c)(h),onThumbPointerUp:(0,B.c)(i),onThumbPositionChange:z,onThumbPointerDown:(0,B.c)(j),children:(0,d.jsx)(x.sG.div,{...o,ref:s,style:{position:"absolute",...o.style},onPointerDown:(0,E.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"),D(a))}),onPointerMove:(0,E.mK)(a.onPointerMove,D),onPointerUp:(0,E.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})})})}),Y="ScrollAreaThumb",Z=e.forwardRef((a,b)=>{let{forceMount:c,...e}=a,f=W(Y,a.__scopeScrollArea);return(0,d.jsx)(y.C,{present:c||f.hasThumb,children:(0,d.jsx)($,{ref:b,...e})})}),$=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,style:f,...g}=a,h=J(Y,c),i=W(Y,c),{onThumbPositionChange:j}=i,k=(0,A.s)(b,a=>i.onThumbChange(a)),l=e.useRef(void 0),m=ai(()=>{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=ah(a,j),j())};return j(),a.addEventListener("scroll",b),()=>a.removeEventListener("scroll",b)}},[h.viewport,m,j]),(0,d.jsx)(x.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,E.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,E.mK)(a.onPointerUp,i.onThumbPointerUp)})});Z.displayName=Y;var _="ScrollAreaCorner",aa=e.forwardRef((a,b)=>{let c=J(_,a.__scopeScrollArea),e=!!(c.scrollbarX&&c.scrollbarY);return"scroll"!==c.type&&e?(0,d.jsx)(ab,{...a,ref:b}):null});aa.displayName=_;var ab=e.forwardRef((a,b)=>{let{__scopeScrollArea:c,...f}=a,g=J(_,c),[h,i]=e.useState(0),[j,k]=e.useState(0),l=!!(h&&j);return aj(g.scrollbarX,()=>{let a=g.scrollbarX?.offsetHeight||0;g.onCornerHeightChange(a),k(a)}),aj(g.scrollbarY,()=>{let a=g.scrollbarY?.offsetWidth||0;g.onCornerWidthChange(a),i(a)}),l?(0,d.jsx)(x.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 ac(a){return a?parseInt(a,10):0}function ad(a,b){let c=a/b;return isNaN(c)?0:c}function ae(a){let b=ad(a.viewport,a.content),c=a.scrollbar.paddingStart+a.scrollbar.paddingEnd;return Math.max((a.scrollbar.size-c)*b,18)}function af(a,b,c="ltr"){let d=ae(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 ag([0,g],[0,f-d])(h)}function ag(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 ah=(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 ai(a,b){let c=(0,B.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 aj(a,b){let c=(0,B.c)(b);(0,D.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 ak=c(93544);let al=(0,e.forwardRef)(({className:a,children:b,viewportClassName:c,...e},f)=>(0,d.jsxs)(K,{ref:f,className:(0,ak.cn)("relative overflow-hidden",a),...e,children:[(0,d.jsx)(M,{className:(0,ak.cn)("h-full w-full rounded-[inherit]",c),children:b}),(0,d.jsx)(am,{}),(0,d.jsx)(aa,{})]}));al.displayName="ScrollArea";let am=(0,e.forwardRef)(({className:a,orientation:b="vertical",...c},e)=>(0,d.jsx)(O,{ref:e,orientation:b,className:(0,ak.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)(Z,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));am.displayName="ScrollBar";var an=c(74712);let ao=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function ap(a){return a.find(a=>(function(a){try{let b=new URL(a);return ao.test(b.hostname)}catch{return!1}})(a))??null}var aq=c(2621);let ar=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 as(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 at(a,b=120){return a.length<=b?a:`${a.slice(0,b-1)}…`}function au(a,b=180){let c=at((a??"").replace(/\s+/g," ").trim(),b);return c?`"${c.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function av(a){return a.map(a=>a?.trim()).filter(a=>!!a).join("; ")}function aw(a,b){return[`[${a}]`,...b.map(a=>a?.trim()).filter(a=>!!a)].join("\n")}function ax(a,b){return{inlineText:av(["[Browser selection]",`selector=${au(a.selector,220)}`,`tag=${a.tag}`,a.role?`role=${a.role}`:null,a.name?`name=${au(a.name,140)}`:null,a.text?`text=${au(a.text,180)}`:null,a.frameName?`frame=${au(a.frameName,120)}`:null,b?`page=${au(b,220)}`:null]),draftText:aw("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 ay(a,b,c,d){let e=b.slice("console"===a?-8:-10),f=e.map(b=>{let c=[b.level,au(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?au(b.url,120):null)),c.filter(Boolean).join(" ")});return{inlineText:av(["console"===a?"[Browser console]":"[Browser network]",c?`page=${au(c,220)}`:null,d?`selected=${au(d.selector,180)}`:null,`entries=${au(f.join(" | "),520)}`]),draftText:aw("console"===a?"Browser console logs":"Browser network logs",[c?`Page: ${c}`:null,d?`Selected element: ${d.selector}`:null,...e.map(b=>"console"===a?`- ${as(b.timestamp)} ${b.level}: ${b.message}`:`- ${as(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."}}let az=/(?:127\.0\.0\.1|0\.0\.0\.0|localhost|::1|\[::1\])/i;function aA(a){let b=a?.trim();if(!b)return null;try{return new URL(b).origin}catch{return null}}function aB(a){return a?"Yes":"No"}function aC(a,b="None"){return a?.trim()||b}function aD({label:a,value:b,hint:c,monospace:e=!1}){return(0,d.jsxs)("div",{className:"rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:a}),(0,d.jsx)("div",{className:(0,ak.cn)("mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",e?"break-all font-mono text-[11px] leading-5":null),children:b}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:c})]})}function aE({section:a,onCopy:b}){return(0,d.jsxs)("div",{className:"overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:[(0,d.jsxs)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[11px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:a.title}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:a.description})]}),(0,d.jsx)("div",{className:"divide-y divide-[var(--vk-border)]",children:a.fields.map(c=>(0,d.jsxs)("div",{className:"flex items-start gap-3 px-3 py-2.5",children:[(0,d.jsx)("div",{className:"w-28 shrink-0 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:c.label}),(0,d.jsx)("div",{className:(0,ak.cn)("min-w-0 flex-1 text-[12px] text-[var(--vk-text-normal)]",c.monospace?"break-all font-mono text-[11px] leading-5":"leading-5"),children:c.value}),c.copyValue?(0,d.jsx)(w.$,{type:"button",variant:"ghost",size:"sm",className:"h-7 shrink-0",onClick:()=>{b(c.copyValue,`${c.label} copied to clipboard.`)},children:(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"})}):null]},`${a.id}-${c.label}`))})]})}function aF({sessionId:a,active:b,onQueueTerminalInsert:c,onConnectionChange:g}){let[x,y]=(0,e.useState)(null),[z,A]=(0,e.useState)([]),[B,C]=(0,e.useState)(!1),[D,E]=(0,e.useState)(!1),[F,G]=(0,e.useState)(!0),[H,I]=(0,e.useState)(!0),[J,K]=(0,e.useState)(null),[L,M]=(0,e.useState)(null),[N,O]=(0,e.useState)(null),[P,Q]=(0,e.useState)(null),[R,S]=(0,e.useState)("navigate"),[T,U]=(0,e.useState)("elements"),[V,W]=(0,e.useState)(null),[X,Y]=(0,e.useState)(""),[Z,$]=(0,e.useState)(!1),[_,aa]=(0,e.useState)(!1),[ab,ac]=(0,e.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0});(0,e.useRef)(null);let ad=(0,e.useRef)(Promise.resolve()),ae=(0,e.useRef)(null),af=(0,e.useRef)(null);(0,e.useRef)(Date.now());let ag=(0,e.useRef)(null);(0,e.useRef)(null),(0,e.useRef)(null);let ah=(0,e.useRef)(0),ai=(0,e.useRef)(0),aj=(0,e.useRef)(0),am=(0,e.useRef)(0),ao=(0,e.useRef)(0),au=(0,e.useRef)(0),av=(0,e.useRef)(0);(0,e.useRef)(0);let aw=(0,e.useRef)(0),[aG,aH]=(0,e.useState)(!0),aI=ap(x?.candidateUrls??[]),aJ=Z&&_,aK=(0,e.useCallback)(async(b="manual")=>{ah.current+=1,"poll"===b&&(aj.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===ag.current&&(ag.current=d),y(c),K(null),Y(a=>a.trim().length>0&&a!==c.currentUrl?a:c.currentUrl??ap(c.candidateUrls)??c.candidateUrls[0]??a)}catch(a){throw ai.current+=1,a}},[a]),aL=(0,e.useCallback)(async b=>{am.current+=1,E(!0),K(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&&y(d.status),Error(d&&"error"in d?d.error??"Preview command failed":`Preview command failed: ${c.status}`);return y(d),d}catch(a){throw ao.current+=1,a}finally{E(!1)}},[a]),aM=(0,e.useCallback)((a,b)=>{ad.current=ad.current.catch(()=>void 0).then(async()=>{try{await aL(a)}catch(a){K(a instanceof Error?a.message:b)}})},[aL]);(0,e.useCallback)(async b=>{if(!x?.connected)return void A([]);au.current+=1,C(!0);try{let c=new URLSearchParams;b&&c.set("frameId",b),H&&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}`);A(e.nodes)}catch(a){av.current+=1,K(a instanceof Error?a.message:"Failed to inspect DOM"),A([])}finally{C(!1)}},[H,a,x?.connected]);let aN=(0,e.useMemo)(()=>x?.connected?`/api/sessions/${encodeURIComponent(a)}/preview/screenshot?ts=${encodeURIComponent(x.screenshotKey)}`:null,[a,x?.connected,x?.screenshotKey]),aO=aI??x?.candidateUrls[0]??null,aP=(0,e.useMemo)(()=>x?.frames.find(a=>a.id===x.activeFrameId)??null,[x?.activeFrameId,x?.frames]),aQ=(0,e.useMemo)(()=>x?.frames.find(a=>a.isMain)??null,[x?.frames]),aR=(0,e.useMemo)(()=>aA(x?.currentUrl),[x?.currentUrl]),aS=(0,e.useMemo)(()=>{let a=x?.selectedElement;return[{id:"page",title:"Page",description:"Current page identity and live preview worker state.",fields:[{label:"Title",value:aC(x?.title,"Untitled")},{label:"Current URL",value:aC(x?.currentUrl),copyValue:x?.currentUrl??null,monospace:!0},{label:"Current origin",value:aC(aR),copyValue:aR,monospace:!0},{label:"Connected",value:aB(x?.connected)},{label:"Last error",value:aC(x?.lastError,"None")}]},{id:"navigation",title:"Navigation",description:"History state and frame orientation for the current page.",fields:[{label:"Can go back",value:aB(x?.canGoBack)},{label:"Can go forward",value:aB(x?.canGoForward)},{label:"Active frame",value:aC(aP?.name)},{label:"Main frame",value:aC(aQ?.name)},{label:"Frame count",value:`${x?.frames.length??0}`}]},{id:"worker",title:"Worker",description:"Reported candidates, logs, and worker render metadata.",fields:[{label:"Candidate URLs",value:`${x?.candidateUrls.length??0}`},{label:"Auto-connect",value:aC(aI??aO),copyValue:aI??aO??null,monospace:!0},{label:"Screenshot key",value:aC(x?.screenshotKey,"Unavailable"),monospace:!0},{label:"Console rows",value:`${x?.consoleLogs.length??0}`},{label:"Network rows",value:`${x?.networkLogs.length??0}`}]},{id:"selection",title:"Selection",description:"Current element context captured from inspect mode.",fields:[{label:"Selector",value:aC(a?.selector),copyValue:a?.selector??null,monospace:!0},{label:"Tag",value:aC(a?.tag)},{label:"Role",value:aC(a?.role)},{label:"Frame",value:aC(a?.frameName)},{label:"Text",value:aC(a?.text)}]}]},[aP?.name,aI,aR,aQ?.name,aO,x]),aT=(0,e.useMemo)(()=>(x?.candidateUrls??[]).map(a=>{let b=aA(a);return{url:a,origin:b,isLoopback:function(a){try{return az.test(new URL(a).hostname)}catch{return!1}}(a),isPreferred:a===aI,isConnected:!!(x?.currentUrl&&(x.currentUrl===a||b&&aR===b)),isTunnelOrigin:!!(x?.tunnelLocalOrigin&&b===x.tunnelLocalOrigin)}}),[aI,aR,x?.candidateUrls,x?.currentUrl,x?.tunnelLocalOrigin]),aU=(0,e.useMemo)(()=>aT.filter(a=>a.isLoopback).length,[aT]),aV=(0,e.useMemo)(()=>aT.find(a=>a.isConnected)??null,[aT]),aW=null!==P,aX=!!aP?.isMain,aY=(0,e.useMemo)(()=>{let a=x?.selectedElement?.bounds;if(!x?.selectedElement||!a||!aQ||x.selectedElement.frameId!==aQ.id||!ab.naturalWidth||!ab.naturalHeight||!ab.renderedWidth||!ab.renderedHeight)return null;let b=ab.renderedWidth/ab.naturalWidth,c=ab.renderedHeight/ab.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`}},[ab,aQ,x?.selectedElement]),aZ=(0,e.useCallback)(async(a,b)=>{let c=a?.trim();if(!c)return void M("Nothing to copy yet.");try{await navigator.clipboard.writeText(c),O(b),M(null)}catch{M("Clipboard access is unavailable.")}},[]),a$=(0,e.useCallback)(async a=>{Y(a),K(null);try{await aL({command:"connect",url:a})}catch(a){K(a instanceof Error?a.message:"Failed to connect preview")}},[aL]),a_=(0,e.useCallback)(async()=>{let a=X.trim();a&&await a$(a)},[a$,X]),a0=(0,e.useCallback)((a,b,c=!1)=>{W({anchorX:a,anchorY:b,pending:c}),M(null),O(null)},[]),a1=(0,e.useCallback)(a=>{S(a),"inspect"===a&&U("elements"),W(null),M(null),O(null)},[]),a2=(0,e.useMemo)(()=>{if(!V)return null;let a=ab.renderedWidth||340,b=ab.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=V.anchorX+18,h=V.anchorY+18,i=g>e?Math.max(12,V.anchorX-d-18):g,j=h>f?Math.max(12,V.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`}},[ab.renderedHeight,ab.renderedWidth,V]),a3=(0,e.useCallback)(a=>{if(!ae.current)return null;let b=ae.current.getBoundingClientRect();if(!b.width||!b.height||!ae.current.naturalWidth||!ae.current.naturalHeight)return null;let c=a.clientX-b.left,d=a.clientY-b.top;return{anchorX:c,anchorY:d,x:c/b.width*ae.current.naturalWidth,y:d/b.height*ae.current.naturalHeight}},[]),a4=(0,e.useCallback)(a=>{c(a),M(null),O(a.successMessage)},[c]),a5=(0,e.useCallback)(async(a,b,c,d)=>{a0(c,d,!0);try{let e=await aL({command:"selectAtPoint",x:a,y:b});return a0(c,d,!1),e}catch(a){throw W(null),a}},[a0,aL]),a6=(0,e.useCallback)(async(a,b)=>{let c=Math.max(ab.renderedWidth-44,12);a0(c,12,!0);try{let d=await aL({command:"selectBySelector",selector:a,frameId:b});return a0(c,12,!1),d}catch(a){throw W(null),a}},[ab.renderedWidth,a0,aL]),a7=(0,e.useCallback)(async a=>{if(D)return;let b=a3(a);if(b){if(W(null),M(null),O(null),"navigate"===R){af.current?.focus({preventScroll:!0});try{await aL({command:"clickAtPoint",x:b.x,y:b.y})}catch(a){K(a instanceof Error?a.message:"Failed to interact with preview")}return}if(aX)try{await a5(b.x,b.y,b.anchorX,b.anchorY)}catch(a){K(a instanceof Error?a.message:"Failed to select element")}}},[D,aX,R,a3,aL,a5]),a8=(0,e.useCallback)(async a=>{if(D||"inspect"!==R||!aX)return;let b=a3(a);if(b){M(null),O(null);try{let a=await a5(b.x,b.y,b.anchorX,b.anchorY);if(!a.selectedElement)throw Error("No element found at the selected point");a4(ax(a.selectedElement,a.currentUrl))}catch(a){K(a instanceof Error?a.message:"Failed to queue selected element")}}},[D,aX,R,a4,a3,a5]),a9=(0,e.useCallback)(a=>{if("navigate"!==R||!x?.connected||a.metaKey||a.ctrlKey||a.altKey)return;let b=ar.get(a.key);if(b){a.preventDefault(),aM({command:"pressKey",key:b},"Failed to send key to preview");return}1===a.key.length&&(a.preventDefault(),aM({command:"typeText",text:a.key},"Failed to type into preview"))},[R,aM,x?.connected]),ba=(0,e.useCallback)(a=>{if("navigate"!==R||!x?.connected)return;let b=a.clipboardData.getData("text");b&&(a.preventDefault(),aM({command:"typeText",text:b},"Failed to paste into preview"))},[R,aM,x?.connected]),bb=(0,e.useCallback)(a=>{if(!x)return void M("Preview state is not loaded yet.");let b=x.consoleLogs.slice(-80),c=x.networkLogs.slice(-80);if("selection"===a&&!x.selectedElement)return void M("Select an element before queueing preview context for terminal input.");if("console"===a&&!b.length)return void M("There are no console logs to send yet.");if("network"===a&&!c.length)return void M("There are no network logs to send yet.");Q(a),M(null),O(null);try{let d="selection"===a&&x.selectedElement?ax(x.selectedElement,x.currentUrl):"console"===a?ay("console",b,x.currentUrl,x.selectedElement):ay("network",c,x.currentUrl,x.selectedElement);a4(d),"selection"===a&&W(null)}catch(a){M(a instanceof Error?a.message:"Failed to queue preview context")}finally{Q(null)}},[a4,x]),bc=(0,e.useCallback)(async()=>{let a=x?.selectedElement?.selector;if(a)try{await navigator.clipboard.writeText(a),O("Selector copied to clipboard."),M(null)}catch{M("Clipboard access is unavailable.")}},[x?.selectedElement?.selector]),bd=(0,d.jsxs)(an.tU,{value:T,onValueChange:a=>U(a),className:"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden lg:min-h-0",children:[(0,d.jsx)("div",{className:"border-b border-[var(--vk-border)] px-2 py-2",children:(0,d.jsxs)(an.j7,{className:"w-full justify-start border-0 bg-transparent p-0",children:[(0,d.jsxs)(an.Xi,{value:"elements",children:[(0,d.jsx)(h,{className:"h-3.5 w-3.5"}),"Elements"]}),(0,d.jsxs)(an.Xi,{value:"console",children:[(0,d.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Console",(0,d.jsx)(v.E,{variant:"outline",children:x?.consoleLogs.length??0})]}),(0,d.jsxs)(an.Xi,{value:"network",children:[(0,d.jsx)(j,{className:"h-3.5 w-3.5"}),"Network",(0,d.jsx)(v.E,{variant:"outline",children:x?.networkLogs.length??0})]}),(0,d.jsxs)(an.Xi,{value:"info",children:[(0,d.jsx)(k,{className:"h-3.5 w-3.5"}),"Info"]}),(0,d.jsxs)(an.Xi,{value:"proxies",children:[(0,d.jsx)(l.A,{className:"h-3.5 w-3.5"}),"Proxies"]})]})}),(0,d.jsxs)(an.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"===R?"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)(w.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>I(a=>!a),children:H?"Interactive only":"All nodes"}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void bc(),disabled:!x?.selectedElement,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy selector"]}),(0,d.jsxs)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("selection"),disabled:aW||!x?.selectedElement,children:["selection"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]})]}),x?.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:x.selectedElement.tag}),x.selectedElement.role?(0,d.jsx)(v.E,{variant:"outline",children:x.selectedElement.role}):null,x.selectedElement.frameName?(0,d.jsx)(v.E,{variant:"outline",children:x.selectedElement.frameName}):null]}),(0,d.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:at(x.selectedElement.name||x.selectedElement.text||"Selected element",180)}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:x.selectedElement.selector}),x.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:at(x.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."}),x?.frames.length?(0,d.jsx)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:x.frames.map(a=>(0,d.jsxs)("button",{type:"button",onClick:()=>{aL({command:"selectFrame",frameId:a.id}).catch(a=>{K(a instanceof Error?a.message:"Failed to select frame")})},className:(0,ak.cn)("inline-flex max-w-full items-center gap-2 rounded-[5px] border px-2.5 py-1.5 text-[11px]",x.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)(v.E,{variant:"outline",children:a.isMain?"main":"frame"}),(0,d.jsx)("span",{className:"truncate",children:a.name})]},a.id))}):null]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:B?(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)(m.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):z.length?z.map((a,b)=>(0,d.jsxs)("button",{type:"button",className:(0,ak.cn)("w-full rounded-[6px] border px-3 py-2.5 text-left transition-colors","inspect"===R?"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"!==R,onClick:()=>{W(null),M(null),O(null),a6(a.selector,x?.activeFrameId).catch(a=>{K(a instanceof Error?a.message:"Failed to select DOM node")})},onDoubleClick:()=>{M(null),O(null),a6(a.selector,x?.activeFrameId).then(a=>{if(!a.selectedElement)throw Error("Failed to resolve the selected DOM node");a4(ax(a.selectedElement,a.currentUrl))}).catch(a=>{K(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)(v.E,{variant:"warning",children:"interactive"}):null,a.role?(0,d.jsx)(v.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:at(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"===R?"No DOM nodes to show for the current frame yet.":"Switch to Inspect mode to browse the current frame DOM."})})})]}),(0,d.jsxs)(an.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)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("console"),disabled:aW||!x?.consoleLogs.length,children:["console"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:x?.consoleLogs.length?x.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:as(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)(an.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)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>void bb("network"),disabled:aW||!x?.networkLogs.length,children:["network"===P?(0,d.jsx)(m.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,d.jsx)(n.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsx)("div",{className:"space-y-1 p-3",children:x?.networkLogs.length?x.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:as(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."})})})]}),(0,d.jsxs)(an.av,{value:"info",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:"Preview info"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"A cleaner snapshot of page, worker, navigation, and element state."})]}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(x?.currentUrl,"Current URL copied to clipboard.")},disabled:!x?.currentUrl,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy URL"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsxs)("div",{className:"space-y-3 p-3 text-[12px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,d.jsx)(aD,{label:"Connected",value:x?.connected?"Live":"Idle",hint:x?.currentUrl?at(x.currentUrl,60):"No active page yet"}),(0,d.jsx)(aD,{label:"Frames",value:`${x?.frames.length??0}`,hint:aP?.name??"No active frame"}),(0,d.jsx)(aD,{label:"Console",value:`${x?.consoleLogs.length??0}`,hint:"Captured browser console rows"}),(0,d.jsx)(aD,{label:"Network",value:`${x?.networkLogs.length??0}`,hint:"Recent preview worker requests"})]}),aS.map(a=>(0,d.jsx)(aE,{section:a,onCopy:aZ},a.id))]})})]}),(0,d.jsxs)(an.av,{value:"proxies",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:"Proxy and tunnel routing"}),(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"Candidate URLs come from the session. Tunnel metadata shows how bridge-backed previews map remote loopback into the local display origin."})]}),(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(x?.tunnelLocalOrigin??x?.tunnelUrl,"Tunnel mapping copied to clipboard.")},disabled:!x?.tunnelLocalOrigin&&!x?.tunnelUrl,children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy route"]})]}),(0,d.jsx)(al,{className:"min-h-0 flex-1",viewportClassName:aq.VM,children:(0,d.jsxs)("div",{className:"space-y-3 p-3 text-[12px] text-[var(--vk-text-normal)]",children:[(0,d.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,d.jsx)(aD,{label:"Candidates",value:`${aT.length}`,hint:aT.length?"Reported by the current session":"No targets reported yet"}),(0,d.jsx)(aD,{label:"Loopback",value:`${aU}`,hint:aU?"Local dev URLs available":"No local loopback URLs"}),(0,d.jsx)(aD,{label:"Tunnel",value:x?.tunnelUrl?"Ready":"None",hint:x?.tunnelLocalOrigin??"No bridge tunnel mapping",monospace:!!x?.tunnelLocalOrigin}),(0,d.jsx)(aD,{label:"Current origin",value:aR??"Idle",hint:aV?"Matches the active preview page":"Not connected to a candidate yet",monospace:!!aR})]}),(0,d.jsx)(aE,{section:{id:"tunnel-mapping",title:"Tunnel mapping",description:"Bridge previews can expose a remote tunnel while still rendering the equivalent local origin in the browser workspace.",fields:[{label:"Local origin",value:aC(x?.tunnelLocalOrigin,"Not set"),copyValue:x?.tunnelLocalOrigin??null,monospace:!0},{label:"Tunnel URL",value:aC(x?.tunnelUrl,"Not set"),copyValue:x?.tunnelUrl??null,monospace:!0},{label:"Current origin",value:aC(aR),copyValue:aR,monospace:!0}]},onCopy:aZ}),(0,d.jsxs)("div",{className:"overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:[(0,d.jsxs)("div",{className:"border-b border-[var(--vk-border)] px-3 py-3",children:[(0,d.jsx)("div",{className:"text-[11px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:"Candidate URLs"}),(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-5 text-[var(--vk-text-muted)]",children:"Use connect to load a reported target into the preview browser, or copy the URL or origin for terminal context."})]}),(0,d.jsx)("div",{className:"space-y-2 p-3",children:aT.length?aT.map(a=>(0,d.jsxs)("div",{className:"rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 py-3",children:[(0,d.jsxs)("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,d.jsx)("div",{className:(0,ak.cn)("text-[12px] font-medium text-[var(--vk-text-normal)]",a.origin?"truncate":"break-all"),children:a.origin??a.url}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:a.url})]}),a.isConnected?(0,d.jsx)(v.E,{variant:"success",children:"current"}):null,a.isPreferred?(0,d.jsx)(v.E,{variant:"warning",children:"auto"}):null,a.isTunnelOrigin?(0,d.jsx)(v.E,{variant:"outline",children:"tunnel origin"}):null,(0,d.jsx)(v.E,{variant:"outline",children:a.isLoopback?"loopback":"remote"})]}),(0,d.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:[(0,d.jsxs)(w.$,{type:"button",variant:"primary",size:"sm",onClick:()=>{a$(a.url)},children:[(0,d.jsx)(l.A,{className:"h-3.5 w-3.5"}),"Connect"]}),(0,d.jsxs)(w.$,{type:"button",variant:"outline",size:"sm",onClick:()=>{aZ(a.url,"Candidate URL copied to clipboard.")},children:[(0,d.jsx)(f.A,{className:"h-3.5 w-3.5"}),"Copy URL"]}),a.origin?(0,d.jsxs)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>{aZ(a.origin,"Candidate origin copied to clipboard.")},children:[(0,d.jsx)(o,{className:"h-3.5 w-3.5"}),"Copy origin"]}):null]})]},a.url)):(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:"No candidate URLs detected yet."})})]})]})})]})]});return(0,d.jsxs)("div",{className:"flex h-full min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-[8px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)]",children:[(0,d.jsx)("div",{className:"shrink-0 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)(l.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"})]}),x?.connected?(0,d.jsx)(v.E,{variant:"success",children:"connected"}):(0,d.jsx)(v.E,{variant:"outline",children:"idle"}),aP?(0,d.jsx)(v.E,{variant:"outline",children:aP.isMain?"main frame":"nested frame"}):null,x?.title?(0,d.jsx)(v.E,{variant:"outline",children:at(x.title,40)}):null,V?.pending?(0,d.jsx)(v.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)(l.A,{className:"h-3.5 w-3.5 shrink-0 text-[var(--vk-text-muted)]"}),(0,d.jsx)("input",{value:X,onChange:a=>Y(a.target.value),placeholder:aO??"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)(w.$,{type:"button",variant:"primary",onClick:()=>void a_(),disabled:D||!X.trim(),children:[D?(0,d.jsx)(m.A,{className:"h-4 w-4 animate-spin"}):(0,d.jsx)(p,{className:"h-4 w-4"}),"Connect"]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Go back",variant:"outline",onClick:()=>void aL({command:"goBack"}).then(a=>{Y(a.currentUrl??"")}).catch(a=>{K(a instanceof Error?a.message:"Failed to go back")}),disabled:!x?.connected||!x?.canGoBack||D,children:[(0,d.jsx)(q.A,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Back"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Go forward",variant:"outline",onClick:()=>void aL({command:"goForward"}).then(a=>{Y(a.currentUrl??"")}).catch(a=>{K(a instanceof Error?a.message:"Failed to go forward")}),disabled:!x?.connected||!x?.canGoForward||D,children:[(0,d.jsx)(r,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Forward"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Refresh preview status",variant:"outline",onClick:()=>void aK("manual").catch(a=>{K(a instanceof Error?a.message:"Failed to refresh preview")}),disabled:F||D,children:[(0,d.jsx)(s.A,{className:(0,ak.cn)("h-3.5 w-3.5",D&&"animate-spin")}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"Refresh"})]}),(0,d.jsxs)(w.$,{type:"button","aria-label":"Reload preview page",variant:"outline",onClick:()=>void aL({command:"reload"}).catch(a=>{K(a instanceof Error?a.message:"Failed to reload preview")}),disabled:!x?.connected||D,children:[(0,d.jsx)(o,{className:"h-3.5 w-3.5"}),(0,d.jsx)("span",{className:"hidden sm:inline",children:"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 flex-wrap items-center gap-2",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)(w.$,{type:"button",size:"sm",variant:"navigate"===R?"primary":"ghost",onClick:()=>a1("navigate"),children:[(0,d.jsx)(p,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,d.jsxs)(w.$,{type:"button",size:"sm",variant:"inspect"===R?"primary":"ghost",onClick:()=>a1("inspect"),children:[(0,d.jsx)(t.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,d.jsxs)(w.$,{type:"button",size:"sm",variant:aJ?"primary":"outline",className:"lg:hidden",onClick:()=>aa(a=>!a),children:[(0,d.jsx)(h,{className:"h-3.5 w-3.5"}),aJ?"Hide tools":"Browser tools"]})]}),Z?null:(0,d.jsx)("div",{className:"text-[11px] text-[var(--vk-text-muted)]",children:"navigate"===R?"Navigate mode sends clicks and typing into the running app.":aX?"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."})]}),!x?.connected&&x?.candidateUrls.length&&(!Z||_)?(0,d.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:x.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:()=>{a$(a)},children:[(0,d.jsx)(l.A,{className:"h-3 w-3 shrink-0"}),(0,d.jsx)("span",{className:"truncate",children:a})]},a))}):null,J||x?.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)(u,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,d.jsx)("span",{children:J??x?.lastError})]}):null,N?(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:N}):null,L?(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:L}):null]})}),(0,d.jsxs)("div",{className:`relative flex min-h-0 min-w-0 flex-1 flex-col lg:grid lg:min-h-0 lg:grid-cols-[minmax(0,1.55fr)_minmax(320px,0.95fr)] ${aq.DK}`,children:[(0,d.jsxs)("div",{className:"flex min-h-0 min-w-0 flex-[1.25] flex-col overflow-hidden border-b border-[var(--vk-border)] lg:flex-1 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:x?.currentUrl??aO??"No active preview URL yet"})}),x?.connected?(0,d.jsxs)(v.E,{variant:"outline",children:[x?.frames.length??0," frame",(x?.frames.length??0)===1?"":"s"]}):null]}),(0,d.jsx)("div",{className:aq.qg,children:(0,d.jsx)("div",{className:"flex h-full min-h-[min(200px,45vh)] w-full items-center justify-center lg:min-h-[260px]",children:F?(0,d.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,d.jsx)(m.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):aN?(0,d.jsxs)("div",{ref:af,tabIndex:x?.connected?0:-1,onKeyDown:a9,onPaste:ba,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] ${aq.hq}`,children:[(0,d.jsx)("img",{ref:ae,src:aN,alt:"Session preview",className:(0,ak.cn)("max-h-full max-w-full rounded-[8px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===R?"cursor-pointer":aX?"cursor-crosshair":"cursor-default"),onClick:a=>void a7(a),onDoubleClick:a=>void a8(a),onLoad:a=>{aw.current+=1;let b=a.currentTarget;ac({naturalWidth:b.naturalWidth,naturalHeight:b.naturalHeight,renderedWidth:b.clientWidth,renderedHeight:b.clientHeight})}}),"inspect"===R&&aY?(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:aY}):null,"inspect"===R&&V&&a2?(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:a2,children:V.pending?"Selecting element…":x?.selectedElement?`${x.selectedElement.tag} \xb7 ${at(x.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."})})})]}),Z?null:bd]}),Z&&aJ?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("div",{className:"absolute inset-0 z-10 bg-black/35 lg:hidden",onClick:()=>aa(!1),"aria-hidden":"true"}),(0,d.jsxs)("div",{className:"absolute inset-x-0 bottom-0 z-20 flex max-h-[min(72vh,36rem)] min-h-[18rem] flex-col overflow-hidden rounded-t-[14px] border border-b-0 border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_96%,black_4%)] shadow-[0_-24px_48px_rgba(0,0,0,0.42)] lg:hidden",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-2.5",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-center gap-2",children:[(0,d.jsx)(h,{className:"h-4 w-4 shrink-0 text-[var(--vk-text-muted)]"}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[12px] font-medium text-[var(--vk-text-normal)]",children:"Browser tools"}),(0,d.jsx)("div",{className:"truncate text-[11px] text-[var(--vk-text-muted)]",children:"Hidden by default on mobile so the browser stays front and center."})]})]}),(0,d.jsx)(w.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>aa(!1),children:"Hide"})]}),(0,d.jsx)("div",{className:"min-h-0 flex-1 overflow-hidden",children:bd})]})]}):null]})}},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"}]])}};