conductor-oss 0.27.2 → 0.27.3

package/web/.next/standalone/packages/web/.next/static/chunks/{4089.e1046284ba419f1a.js → 4089.108861a1fa8ed692.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4089],{54089:(e,t,r)=>{r.r(t),r.d(t,{SessionPreview:()=>D});var a=r(54568),n=r(7620),s=r(97380),l=r(60527),i=r(45601),o=r(58299),c=r(89603),d=r(63264),m=r(20732),x=r(59706),u=r(36645),p=r(82797),v=r(22996),h=r(69863),g=r(75646),f=r(90986),b=r(76081),w=r(40443),k=r(11791),j=r(46916);let N=(0,n.forwardRef)(({className:e,children:t,...r},n)=>(0,a.jsxs)(k.bL,{ref:n,className:(0,j.cn)("relative overflow-hidden",e),...r,children:[(0,a.jsx)(k.LM,{className:"h-full w-full rounded-[inherit]",children:t}),(0,a.jsx)(y,{}),(0,a.jsx)(k.OK,{})]}));N.displayName="ScrollArea";let y=(0,n.forwardRef)(({className:e,orientation:t="vertical",...r},n)=>(0,a.jsx)(k.Ze,{ref:n,orientation:t,className:(0,j.cn)("flex touch-none select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent p-px",e),...r,children:(0,a.jsx)(k.zi,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));y.displayName="ScrollBar";let E=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 $(e){let t=Date.parse(e);return Number.isNaN(t)?e:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(t))}function C(e,t=120){return e.length<=t?e:`${e.slice(0,t-1)}…`}function M(e,t=180){let r=C((e??"").replace(/\s+/g," ").trim(),t);return r?`"${r.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function A(e){return e.map(e=>e?.trim()).filter(e=>!!e).join("; ")}function S(e,t){return[`[${e}]`,...t.map(e=>e?.trim()).filter(e=>!!e)].join("\n")}function F(e,t){return{inlineText:A(["[Browser selection]",`selector=${M(e.selector,220)}`,`tag=${e.tag}`,e.role?`role=${e.role}`:null,e.name?`name=${M(e.name,140)}`:null,e.text?`text=${M(e.text,180)}`:null,e.frameName?`frame=${M(e.frameName,120)}`:null,t?`page=${M(t,220)}`:null]),draftText:S("Browser selection",[t?`Page: ${t}`:null,`Frame: ${e.frameName} (${e.frameUrl})`,`Selector: ${e.selector}`,`Tag: ${e.tag}`,e.role?`Role: ${e.role}`:null,e.name?`Name: ${e.name}`:null,e.text?`Text: ${e.text}`:null,e.htmlPreview?`HTML preview: ${e.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function _(e,t,r,a){let n=t.slice("console"===e?-8:-10),s=n.map(t=>{let r=[t.level,M(t.message,120)];return"network"===e&&(r.unshift(t.method??"GET"),r.push("number"==typeof t.status?String(t.status):null),r.push(t.url?M(t.url,120):null)),r.filter(Boolean).join(" ")});return{inlineText:A(["console"===e?"[Browser console]":"[Browser network]",r?`page=${M(r,220)}`:null,a?`selected=${M(a.selector,180)}`:null,`entries=${M(s.join(" | "),520)}`]),draftText:S("console"===e?"Browser console logs":"Browser network logs",[r?`Page: ${r}`:null,a?`Selected element: ${a.selector}`:null,...n.map(t=>"console"===e?`- ${$(t.timestamp)} ${t.level}: ${t.message}`:`- ${$(t.timestamp)} ${t.method??"GET"} ${t.status??"-"} ${t.url??t.message}`)]),successMessage:"console"===e?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function D({sessionId:e,active:t,onQueueTerminalInsert:r,onConnectionChange:k}){let[y,M]=(0,n.useState)(null),[A,S]=(0,n.useState)([]),[U,I]=(0,n.useState)(!1),[T,R]=(0,n.useState)(!1),[L,W]=(0,n.useState)(!0),[H,P]=(0,n.useState)(!0),[O,z]=(0,n.useState)(null),[B,K]=(0,n.useState)(null),[q,Q]=(0,n.useState)(null),[Z,X]=(0,n.useState)(null),[Y,G]=(0,n.useState)("navigate"),[J,V]=(0,n.useState)(null),[ee,et]=(0,n.useState)(""),[er,ea]=(0,n.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0}),en=(0,n.useRef)(null),es=(0,n.useRef)(Promise.resolve()),el=(0,n.useRef)(null),ei=(0,n.useRef)(null),[eo,ec]=(0,n.useState)(!0),ed=t&&eo;(0,n.useEffect)(()=>{let e=()=>{ec(!document.hidden)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]);let em=(0,n.useCallback)(async()=>{let t=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{cache:"no-store"}),r=await t.json().catch(()=>null);if(!t.ok)throw Error(r&&"error"in r?r.error??"Failed to load preview state":`Failed to load preview state: ${t.status}`);M(r),z(null),et(e=>e.trim().length>0&&e!==y?.currentUrl?e:r.currentUrl??r.candidateUrls[0]??e)},[e,y?.currentUrl]),ex=(0,n.useCallback)(async t=>{R(!0),z(null);try{let r=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await r.json().catch(()=>null);if(!r.ok)throw a&&"object"==typeof a&&"status"in a&&a.status&&M(a.status),Error(a&&"error"in a?a.error??"Preview command failed":`Preview command failed: ${r.status}`);return M(a),a}finally{R(!1)}},[e]),eu=(0,n.useCallback)((e,t)=>{es.current=es.current.catch(()=>void 0).then(async()=>{try{await ex(e)}catch(e){z(e instanceof Error?e.message:t)}})},[ex]),ep=(0,n.useCallback)(async t=>{if(!y?.connected)return void S([]);I(!0);try{let r=new URLSearchParams;t&&r.set("frameId",t),H&&r.set("interactiveOnly","1");let a=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview/dom?${r.toString()}`,{cache:"no-store"}),n=await a.json().catch(()=>null);if(!a.ok)throw Error(n&&"error"in n?n.error??"Failed to inspect DOM":`Failed to inspect DOM: ${a.status}`);S(n.nodes)}catch(e){z(e instanceof Error?e.message:"Failed to inspect DOM"),S([])}finally{I(!1)}},[H,e,y?.connected]);(0,n.useEffect)(()=>{if(!ed)return;let e=!0;(async()=>{try{await em()}catch(t){e&&z(t instanceof Error?t.message:"Failed to load preview")}finally{e&&W(!1)}})();let t=window.setInterval(()=>{em().catch(t=>{e&&z(t instanceof Error?t.message:"Failed to refresh preview")})},4e3);return()=>{e=!1,window.clearInterval(t)}},[em,ed]),(0,n.useEffect)(()=>{ed&&y?.connected?ep(y.activeFrameId):S([])},[H,ep,ed,y?.activeFrameId,y?.connected,y?.screenshotKey]),(0,n.useEffect)(()=>{if(!ed)return;if(y?.connected){en.current=null;return}V(null);let e=y?.candidateUrls[0];if(!e)return;let t=en.current?.attemptedAt??NaN,r=en.current?.candidate??null,a=Date.now();r===e&&Number.isFinite(t)&&a-t<5e3||(en.current={candidate:e,attemptedAt:a},ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")}))},[ex,ed,y?.candidateUrls,y?.connected]),(0,n.useEffect)(()=>{k?.(!!(ed&&y?.connected&&y?.screenshotKey))},[k,ed,y?.connected,y?.screenshotKey]);let ev=(0,n.useMemo)(()=>y?.connected?`/api/sessions/${encodeURIComponent(e)}/preview/screenshot?ts=${encodeURIComponent(y.screenshotKey)}`:null,[e,y?.connected,y?.screenshotKey]),eh=(0,n.useMemo)(()=>y?.frames.find(e=>e.id===y.activeFrameId)??null,[y?.activeFrameId,y?.frames]),eg=(0,n.useMemo)(()=>y?.frames.find(e=>e.isMain)??null,[y?.frames]),ef=null!==Z,eb=!!eh?.isMain,ew=(0,n.useMemo)(()=>{let e=y?.selectedElement?.bounds;if(!y?.selectedElement||!e||!eg||y.selectedElement.frameId!==eg.id||!er.naturalWidth||!er.naturalHeight||!er.renderedWidth||!er.renderedHeight)return null;let t=er.renderedWidth/er.naturalWidth,r=er.renderedHeight/er.naturalHeight;return{left:`${e.x*t}px`,top:`${e.y*r}px`,width:`${Math.max(e.width*t,2)}px`,height:`${Math.max(e.height*r,2)}px`}},[er,eg,y?.selectedElement]),ek=(0,n.useCallback)(async()=>{let e=ee.trim();if(e)try{await ex({command:"connect",url:e})}catch(e){z(e instanceof Error?e.message:"Failed to connect preview")}},[ex,ee]),ej=(0,n.useCallback)((e,t,r=!1)=>{V({anchorX:e,anchorY:t,pending:r}),K(null),Q(null)},[]),eN=(0,n.useCallback)(e=>{G(e),V(null),K(null),Q(null)},[]),ey=(0,n.useMemo)(()=>{if(!J)return null;let e=er.renderedWidth||340,t=er.renderedHeight||280,r=Math.max(220,t-24);if(e<=520)return{left:"12px",top:`${Math.max(12,t-Math.min(280,r)-12)}px`,width:`${Math.max(e-24,220)}px`,maxHeight:`${r}px`};let a=Math.min(340,Math.max(e-24,240)),n=Math.max(12,e-a-12),s=Math.max(12,t-280-12),l=J.anchorX+18,i=J.anchorY+18,o=l>n?Math.max(12,J.anchorX-a-18):l,c=i>s?Math.max(12,J.anchorY-280-18):i;return{left:`${Math.min(Math.max(o,12),n)}px`,top:`${Math.min(Math.max(c,12),s)}px`,width:`${a}px`,maxHeight:`${r}px`}},[er.renderedHeight,er.renderedWidth,J]);(0,n.useEffect)(()=>{if(!J)return;let e=e=>{"Escape"===e.key&&V(null)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[J]);let eE=(0,n.useCallback)(e=>{if(!el.current)return null;let t=el.current.getBoundingClientRect();if(!t.width||!t.height||!el.current.naturalWidth||!el.current.naturalHeight)return null;let r=e.clientX-t.left,a=e.clientY-t.top;return{anchorX:r,anchorY:a,x:r/t.width*el.current.naturalWidth,y:a/t.height*el.current.naturalHeight}},[]),e$=(0,n.useCallback)(e=>{r(e),K(null),Q(e.successMessage)},[r]),eC=(0,n.useCallback)(async(e,t,r,a)=>{ej(r,a,!0);try{let n=await ex({command:"selectAtPoint",x:e,y:t});return ej(r,a,!1),n}catch(e){throw V(null),e}},[ej,ex]),eM=(0,n.useCallback)(async(e,t)=>{let r=Math.max(er.renderedWidth-44,12);ej(r,12,!0);try{let a=await ex({command:"selectBySelector",selector:e,frameId:t});return ej(r,12,!1),a}catch(e){throw V(null),e}},[er.renderedWidth,ej,ex]),eA=(0,n.useCallback)(async e=>{if(T)return;let t=eE(e);if(t){if(V(null),K(null),Q(null),"navigate"===Y){ei.current?.focus({preventScroll:!0});try{await ex({command:"clickAtPoint",x:t.x,y:t.y})}catch(e){z(e instanceof Error?e.message:"Failed to interact with preview")}return}if(eb)try{await eC(t.x,t.y,t.anchorX,t.anchorY)}catch(e){z(e instanceof Error?e.message:"Failed to select element")}}},[T,eb,Y,eE,ex,eC]),eS=(0,n.useCallback)(async e=>{if(T||"inspect"!==Y||!eb)return;let t=eE(e);if(t){K(null),Q(null);try{let e=await eC(t.x,t.y,t.anchorX,t.anchorY);if(!e.selectedElement)throw Error("No element found at the selected point");e$(F(e.selectedElement,e.currentUrl))}catch(e){z(e instanceof Error?e.message:"Failed to queue selected element")}}},[T,eb,Y,e$,eE,eC]),eF=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected||e.metaKey||e.ctrlKey||e.altKey)return;let t=E.get(e.key);if(t){e.preventDefault(),eu({command:"pressKey",key:t},"Failed to send key to preview");return}1===e.key.length&&(e.preventDefault(),eu({command:"typeText",text:e.key},"Failed to type into preview"))},[Y,eu,y?.connected]),e_=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected)return;let t=e.clipboardData.getData("text");t&&(e.preventDefault(),eu({command:"typeText",text:t},"Failed to paste into preview"))},[Y,eu,y?.connected]),eD=(0,n.useCallback)(e=>{if(!y)return void K("Preview state is not loaded yet.");let t=y.consoleLogs.slice(-80),r=y.networkLogs.slice(-80);if("selection"===e&&!y.selectedElement)return void K("Select an element before queueing preview context for terminal input.");if("console"===e&&!t.length)return void K("There are no console logs to send yet.");if("network"===e&&!r.length)return void K("There are no network logs to send yet.");X(e),K(null),Q(null);try{let a="selection"===e&&y.selectedElement?F(y.selectedElement,y.currentUrl):"console"===e?_("console",t,y.currentUrl,y.selectedElement):_("network",r,y.currentUrl,y.selectedElement);e$(a),"selection"===e&&V(null)}catch(e){K(e instanceof Error?e.message:"Failed to queue preview context")}finally{X(null)}},[e$,y]),eU=(0,n.useCallback)(async()=>{let e=y?.selectedElement?.selector;if(e)try{await navigator.clipboard.writeText(e),Q("Selector copied to clipboard."),K(null)}catch{K("Clipboard access is unavailable.")}},[y?.selectedElement?.selector]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2 overflow-auto",children:[(0,a.jsxs)(w.Zp,{children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(s.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Dev preview browser"}),y?.connected?(0,a.jsx)(f.E,{variant:"success",children:"connected"}):(0,a.jsx)(f.E,{variant:"outline",children:"idle"}),eh?(0,a.jsx)(f.E,{variant:"outline",children:eh.isMain?"main frame":"nested frame"}):null]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void em().catch(e=>{z(e instanceof Error?e.message:"Failed to refresh preview")}),disabled:L||T,children:[(0,a.jsx)(l.A,{className:(0,j.cn)("h-3.5 w-3.5",T&&"animate-spin")}),"Refresh"]}),(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ex({command:"reload"}).catch(e=>{z(e instanceof Error?e.message:"Failed to reload preview")}),disabled:!y?.connected||T,children:[(0,a.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Reload page"]})]})]}),(0,a.jsxs)(w.Wu,{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,a.jsx)("input",{value:ee,onChange:e=>et(e.target.value),placeholder:y?.candidateUrls[0]??"http://127.0.0.1:3000",className:"h-9 min-w-0 flex-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 text-[13px] text-[var(--vk-text-normal)] outline-none focus:border-[var(--vk-orange)]"}),(0,a.jsxs)(b.$,{type:"button",variant:"primary",onClick:()=>void ek(),disabled:T||!ee.trim(),children:[T?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(c.A,{className:"h-4 w-4"}),"Connect"]})]}),y?.candidateUrls.length?(0,a.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:y.candidateUrls.map(e=>(0,a.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2 py-1 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{et(e),ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")})},children:[(0,a.jsx)(s.A,{className:"h-3 w-3 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e})]},e))}):null,O||y?.lastError?(0,a.jsxs)("div",{className:"flex items-start gap-2 rounded-[4px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,a.jsx)(d.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,a.jsx)("span",{children:O??y?.lastError})]}):null]})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0 shrink-0 overflow-hidden",children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(m.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"navigate"===Y?"primary":"ghost",onClick:()=>eN("navigate"),children:[(0,a.jsx)(c.A,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"inspect"===Y?"primary":"ghost",onClick:()=>eN("inspect"),children:[(0,a.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(f.E,{variant:"outline",children:y?.title?C(y.title,40):"Untitled page"}),(0,a.jsx)(f.E,{variant:"outline",children:"navigate"===Y?"navigate mode: clicks interact with the page":eb?"inspect mode: click once to select, double-click to queue for terminal input":"inspect mode: use DOM list for this frame"})]})]})]}),(0,a.jsx)(w.Wu,{className:"min-h-0",children:(0,a.jsx)("div",{className:"flex h-[56vh] min-h-[200px] max-h-[620px] items-center justify-center overflow-auto rounded-[6px] border border-[var(--vk-border)] bg-[#111] p-2 sm:h-[72vh] sm:min-h-[360px] sm:max-h-[760px] sm:p-3",children:L?(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):ev?(0,a.jsxs)("div",{ref:ei,tabIndex:y?.connected?0:-1,onKeyDown:eF,onPaste:e_,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]",children:[(0,a.jsx)("img",{ref:el,src:ev,alt:"Session preview",className:(0,j.cn)("max-h-full max-w-full rounded-[4px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===Y?"cursor-pointer":eb?"cursor-crosshair":"cursor-default"),onClick:e=>void eA(e),onDoubleClick:e=>void eS(e),onLoad:e=>{let t=e.currentTarget;ea({naturalWidth:t.naturalWidth,naturalHeight:t.naturalHeight,renderedWidth:t.clientWidth,renderedHeight:t.clientHeight})}}),"inspect"===Y&&ew?(0,a.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:ew}):null,"inspect"===Y&&J&&ey?(0,a.jsxs)("div",{className:"pointer-events-auto absolute z-20 flex flex-col overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur",style:ey,children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:"Terminal input"}),(0,a.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:J.pending?"Selecting element…":"Queue selection for the terminal"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eU(),disabled:J.pending||!y?.selectedElement,children:(0,a.jsx)(x.A,{className:"h-3.5 w-3.5"})}),(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>V(null),children:(0,a.jsx)(u.A,{className:"h-3.5 w-3.5"})})]})]}),(0,a.jsx)("div",{className:"flex-1 space-y-3 overflow-y-auto px-3 py-3",children:J.pending?(0,a.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,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Capturing the selected element from the preview…"]}):y?.selectedElement?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:y.selectedElement.tag}),y.selectedElement.role?(0,a.jsx)(f.E,{variant:"outline",children:y.selectedElement.role}):null]}),(0,a.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:C(y.selectedElement.name||y.selectedElement.text||"Selected element",140)}),(0,a.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:y.selectedElement.selector})]}),(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-2 text-[12px] text-[var(--vk-text-muted)]",children:"Double-click the element in the preview to queue it immediately, or use the button below. The text is inserted into terminal input instead of being sent to the agent, so you can add more context before submitting."}),B?(0,a.jsx)("div",{className:"text-[12px] text-[var(--vk-red)]",children:B}):null,(0,a.jsxs)(b.$,{type:"button",variant:"primary",className:"w-full",onClick:()=>void eD("selection"),disabled:ef||!y.selectedElement,children:["selection"===Z?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(p.A,{className:"h-4 w-4"}),"Queue for terminal input"]})]}):(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Single-click an element to inspect it here. Double-click to queue it for terminal input."})})]}):null]}):(0,a.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select UI elements and queue browser context into terminal input."})})})]}),q?(0,a.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:q}):null,!J&&B?(0,a.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:B}):null,(0,a.jsxs)("div",{className:"grid gap-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(v.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Frames and DOM"}),(0,a.jsx)(f.E,{variant:"outline",children:"inspect"===Y?"inspect":"read-only in navigate mode"})]}),(0,a.jsx)(b.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>P(e=>!e),children:H?"Interactive only":"All nodes"})]}),(0,a.jsxs)(w.Wu,{className:"grid gap-2 xl:grid-cols-[220px_minmax(0,1fr)]",children:[(0,a.jsx)("div",{className:"space-y-2",children:y?.frames.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ex({command:"selectFrame",frameId:e.id}).catch(e=>{z(e instanceof Error?e.message:"Failed to select frame")})},className:(0,j.cn)("flex w-full flex-col items-start gap-1 rounded-[4px] border px-2 py-2 text-left transition-colors",y.activeFrameId===e.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]"),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(f.E,{variant:"outline",children:e.isMain?"main":"frame"}),(0,a.jsx)("span",{className:"truncate text-[12px] text-[var(--vk-text-normal)]",children:e.name})]}),(0,a.jsx)("span",{className:"w-full truncate text-[11px] text-[var(--vk-text-muted)]",children:e.url||"about:blank"})]},e.id))}),(0,a.jsx)("div",{className:"rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)(N,{className:"h-[200px] sm:h-[300px] xl:h-[360px]",children:(0,a.jsxs)("div",{className:"space-y-1 p-2",children:["navigate"===Y?(0,a.jsx)("div",{className:"rounded-[4px] border border-dashed border-[var(--vk-border)] px-2 py-2 text-[11px] text-[var(--vk-text-muted)]",children:"Switch to Inspect mode to pick DOM nodes. Single-click selects a node. Double-click queues it for terminal input."}):null,U?(0,a.jsxs)("div",{className:"flex items-center gap-2 px-2 py-2 text-[12px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):A.length?A.map((e,t)=>(0,a.jsxs)("button",{type:"button",className:(0,j.cn)("w-full rounded-[4px] border border-[transparent] px-2 py-2 text-left","inspect"===Y?"hover:border-[var(--vk-border)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed opacity-60"),disabled:"inspect"!==Y,onClick:()=>{V(null),K(null),Q(null),eM(e.selector,y?.activeFrameId).catch(e=>{z(e instanceof Error?e.message:"Failed to select DOM node")})},onDoubleClick:()=>{K(null),Q(null),eM(e.selector,y?.activeFrameId).then(e=>{if(!e.selectedElement)throw Error("Failed to resolve the selected DOM node");e$(F(e.selectedElement,e.currentUrl))}).catch(e=>{z(e instanceof Error?e.message:"Failed to queue DOM node")})},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:e.tag}),e.interactive?(0,a.jsx)(f.E,{variant:"warning",children:"interactive"}):null,e.role?(0,a.jsx)(f.E,{variant:"outline",children:e.role}):null]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:e.selector}),e.text?(0,a.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:C(e.text,180)}):null]},`${e.id??"node"}-${t}-${e.selector}-${e.tag}-${e.text}`)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No DOM nodes to show for the current frame yet."})]})})})]})]}),(0,a.jsxs)("div",{className:"grid gap-2 lg:grid-cols-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(h.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Console"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.consoleLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("console"),disabled:ef||!y?.consoleLogs.length,children:["console"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.consoleLogs.length?y.consoleLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.level}),(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(g.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Network"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.networkLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("network"),disabled:ef||!y?.networkLogs.length,children:["network"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.networkLogs.length?y.networkLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.method??"GET"}),"number"==typeof e.status?(0,a.jsx)("span",{children:e.status}):null,e.resourceType?(0,a.jsx)("span",{children:e.resourceType}):null,(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono",children:e.url??e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})})]})]})]})]})}},90986:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(54568),n=r(46916);let s={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 l({variant:e="default",className:t,children:r}){return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",s[e],t),children:r})}}}]);
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4089],{54089:(e,t,r)=>{r.r(t),r.d(t,{SessionPreview:()=>D});var a=r(54568),n=r(7620),s=r(97380),l=r(60527),i=r(45601),o=r(58299),c=r(89603),d=r(63264),m=r(20732),x=r(59706),u=r(36645),p=r(82797),v=r(22996),h=r(69863),g=r(75646),f=r(90986),b=r(76081),w=r(40443),k=r(11791),j=r(46916);let N=(0,n.forwardRef)(({className:e,children:t,...r},n)=>(0,a.jsxs)(k.bL,{ref:n,className:(0,j.cn)("relative overflow-hidden",e),...r,children:[(0,a.jsx)(k.LM,{className:"h-full w-full rounded-[inherit]",children:t}),(0,a.jsx)(y,{}),(0,a.jsx)(k.OK,{})]}));N.displayName="ScrollArea";let y=(0,n.forwardRef)(({className:e,orientation:t="vertical",...r},n)=>(0,a.jsx)(k.Ze,{ref:n,orientation:t,className:(0,j.cn)("flex touch-none select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent p-px",e),...r,children:(0,a.jsx)(k.zi,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));y.displayName="ScrollBar";let E=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 $(e){let t=Date.parse(e);return Number.isNaN(t)?e:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(t))}function C(e,t=120){return e.length<=t?e:`${e.slice(0,t-1)}…`}function M(e,t=180){let r=C((e??"").replace(/\s+/g," ").trim(),t);return r?`"${r.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function A(e){return e.map(e=>e?.trim()).filter(e=>!!e).join("; ")}function S(e,t){return[`[${e}]`,...t.map(e=>e?.trim()).filter(e=>!!e)].join("\n")}function F(e,t){return{inlineText:A(["[Browser selection]",`selector=${M(e.selector,220)}`,`tag=${e.tag}`,e.role?`role=${e.role}`:null,e.name?`name=${M(e.name,140)}`:null,e.text?`text=${M(e.text,180)}`:null,e.frameName?`frame=${M(e.frameName,120)}`:null,t?`page=${M(t,220)}`:null]),draftText:S("Browser selection",[t?`Page: ${t}`:null,`Frame: ${e.frameName} (${e.frameUrl})`,`Selector: ${e.selector}`,`Tag: ${e.tag}`,e.role?`Role: ${e.role}`:null,e.name?`Name: ${e.name}`:null,e.text?`Text: ${e.text}`:null,e.htmlPreview?`HTML preview: ${e.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function _(e,t,r,a){let n=t.slice("console"===e?-8:-10),s=n.map(t=>{let r=[t.level,M(t.message,120)];return"network"===e&&(r.unshift(t.method??"GET"),r.push("number"==typeof t.status?String(t.status):null),r.push(t.url?M(t.url,120):null)),r.filter(Boolean).join(" ")});return{inlineText:A(["console"===e?"[Browser console]":"[Browser network]",r?`page=${M(r,220)}`:null,a?`selected=${M(a.selector,180)}`:null,`entries=${M(s.join(" | "),520)}`]),draftText:S("console"===e?"Browser console logs":"Browser network logs",[r?`Page: ${r}`:null,a?`Selected element: ${a.selector}`:null,...n.map(t=>"console"===e?`- ${$(t.timestamp)} ${t.level}: ${t.message}`:`- ${$(t.timestamp)} ${t.method??"GET"} ${t.status??"-"} ${t.url??t.message}`)]),successMessage:"console"===e?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function D({sessionId:e,active:t,onQueueTerminalInsert:r,onConnectionChange:k}){let[y,M]=(0,n.useState)(null),[A,S]=(0,n.useState)([]),[U,I]=(0,n.useState)(!1),[T,R]=(0,n.useState)(!1),[L,W]=(0,n.useState)(!0),[H,P]=(0,n.useState)(!0),[O,z]=(0,n.useState)(null),[B,K]=(0,n.useState)(null),[q,Q]=(0,n.useState)(null),[Z,X]=(0,n.useState)(null),[Y,G]=(0,n.useState)("navigate"),[J,V]=(0,n.useState)(null),[ee,et]=(0,n.useState)(""),[er,ea]=(0,n.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0}),en=(0,n.useRef)(null),es=(0,n.useRef)(Promise.resolve()),el=(0,n.useRef)(null),ei=(0,n.useRef)(null),[eo,ec]=(0,n.useState)(!0),ed=t&&eo;(0,n.useEffect)(()=>{let e=()=>{ec(!document.hidden)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]);let em=(0,n.useCallback)(async()=>{let t=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{cache:"no-store"}),r=await t.json().catch(()=>null);if(!t.ok)throw Error(r&&"error"in r?r.error??"Failed to load preview state":`Failed to load preview state: ${t.status}`);M(r),z(null),et(e=>e.trim().length>0&&e!==y?.currentUrl?e:r.currentUrl??r.candidateUrls[0]??e)},[e,y?.currentUrl]),ex=(0,n.useCallback)(async t=>{R(!0),z(null);try{let r=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await r.json().catch(()=>null);if(!r.ok)throw a&&"object"==typeof a&&"status"in a&&a.status&&M(a.status),Error(a&&"error"in a?a.error??"Preview command failed":`Preview command failed: ${r.status}`);return M(a),a}finally{R(!1)}},[e]),eu=(0,n.useCallback)((e,t)=>{es.current=es.current.catch(()=>void 0).then(async()=>{try{await ex(e)}catch(e){z(e instanceof Error?e.message:t)}})},[ex]),ep=(0,n.useCallback)(async t=>{if(!y?.connected)return void S([]);I(!0);try{let r=new URLSearchParams;t&&r.set("frameId",t),H&&r.set("interactiveOnly","1");let a=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview/dom?${r.toString()}`,{cache:"no-store"}),n=await a.json().catch(()=>null);if(!a.ok)throw Error(n&&"error"in n?n.error??"Failed to inspect DOM":`Failed to inspect DOM: ${a.status}`);S(n.nodes)}catch(e){z(e instanceof Error?e.message:"Failed to inspect DOM"),S([])}finally{I(!1)}},[H,e,y?.connected]);(0,n.useEffect)(()=>{if(!ed)return;let e=!0;(async()=>{try{await em()}catch(t){e&&z(t instanceof Error?t.message:"Failed to load preview")}finally{e&&W(!1)}})();let t=window.setInterval(()=>{em().catch(t=>{e&&z(t instanceof Error?t.message:"Failed to refresh preview")})},4e3);return()=>{e=!1,window.clearInterval(t)}},[em,ed]),(0,n.useEffect)(()=>{ed&&y?.connected?ep(y.activeFrameId):S([])},[H,ep,ed,y?.activeFrameId,y?.connected,y?.screenshotKey]),(0,n.useEffect)(()=>{if(!ed)return;if(y?.connected){en.current=null;return}V(null);let e=y?.candidateUrls[0];if(!e)return;let t=en.current?.attemptedAt??NaN,r=en.current?.candidate??null,a=Date.now();r===e&&Number.isFinite(t)&&a-t<5e3||(en.current={candidate:e,attemptedAt:a},ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")}))},[ex,ed,y?.candidateUrls,y?.connected]),(0,n.useEffect)(()=>{k?.(!!(ed&&y?.connected&&y?.screenshotKey))},[k,ed,y?.connected,y?.screenshotKey]);let ev=(0,n.useMemo)(()=>y?.connected?`/api/sessions/${encodeURIComponent(e)}/preview/screenshot?ts=${encodeURIComponent(y.screenshotKey)}`:null,[e,y?.connected,y?.screenshotKey]),eh=(0,n.useMemo)(()=>y?.frames.find(e=>e.id===y.activeFrameId)??null,[y?.activeFrameId,y?.frames]),eg=(0,n.useMemo)(()=>y?.frames.find(e=>e.isMain)??null,[y?.frames]),ef=null!==Z,eb=!!eh?.isMain,ew=(0,n.useMemo)(()=>{let e=y?.selectedElement?.bounds;if(!y?.selectedElement||!e||!eg||y.selectedElement.frameId!==eg.id||!er.naturalWidth||!er.naturalHeight||!er.renderedWidth||!er.renderedHeight)return null;let t=er.renderedWidth/er.naturalWidth,r=er.renderedHeight/er.naturalHeight;return{left:`${e.x*t}px`,top:`${e.y*r}px`,width:`${Math.max(e.width*t,2)}px`,height:`${Math.max(e.height*r,2)}px`}},[er,eg,y?.selectedElement]),ek=(0,n.useCallback)(async()=>{let e=ee.trim();if(e)try{await ex({command:"connect",url:e})}catch(e){z(e instanceof Error?e.message:"Failed to connect preview")}},[ex,ee]),ej=(0,n.useCallback)((e,t,r=!1)=>{V({anchorX:e,anchorY:t,pending:r}),K(null),Q(null)},[]),eN=(0,n.useCallback)(e=>{G(e),V(null),K(null),Q(null)},[]),ey=(0,n.useMemo)(()=>{if(!J)return null;let e=er.renderedWidth||340,t=er.renderedHeight||280,r=Math.max(220,t-24);if(e<=520)return{left:"12px",top:`${Math.max(12,t-Math.min(280,r)-12)}px`,width:`${Math.max(e-24,220)}px`,maxHeight:`${r}px`};let a=Math.min(340,Math.max(e-24,240)),n=Math.max(12,e-a-12),s=Math.max(12,t-280-12),l=J.anchorX+18,i=J.anchorY+18,o=l>n?Math.max(12,J.anchorX-a-18):l,c=i>s?Math.max(12,J.anchorY-280-18):i;return{left:`${Math.min(Math.max(o,12),n)}px`,top:`${Math.min(Math.max(c,12),s)}px`,width:`${a}px`,maxHeight:`${r}px`}},[er.renderedHeight,er.renderedWidth,J]);(0,n.useEffect)(()=>{if(!J)return;let e=e=>{"Escape"===e.key&&V(null)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[J]);let eE=(0,n.useCallback)(e=>{if(!el.current)return null;let t=el.current.getBoundingClientRect();if(!t.width||!t.height||!el.current.naturalWidth||!el.current.naturalHeight)return null;let r=e.clientX-t.left,a=e.clientY-t.top;return{anchorX:r,anchorY:a,x:r/t.width*el.current.naturalWidth,y:a/t.height*el.current.naturalHeight}},[]),e$=(0,n.useCallback)(e=>{r(e),K(null),Q(e.successMessage)},[r]),eC=(0,n.useCallback)(async(e,t,r,a)=>{ej(r,a,!0);try{let n=await ex({command:"selectAtPoint",x:e,y:t});return ej(r,a,!1),n}catch(e){throw V(null),e}},[ej,ex]),eM=(0,n.useCallback)(async(e,t)=>{let r=Math.max(er.renderedWidth-44,12);ej(r,12,!0);try{let a=await ex({command:"selectBySelector",selector:e,frameId:t});return ej(r,12,!1),a}catch(e){throw V(null),e}},[er.renderedWidth,ej,ex]),eA=(0,n.useCallback)(async e=>{if(T)return;let t=eE(e);if(t){if(V(null),K(null),Q(null),"navigate"===Y){ei.current?.focus({preventScroll:!0});try{await ex({command:"clickAtPoint",x:t.x,y:t.y})}catch(e){z(e instanceof Error?e.message:"Failed to interact with preview")}return}if(eb)try{await eC(t.x,t.y,t.anchorX,t.anchorY)}catch(e){z(e instanceof Error?e.message:"Failed to select element")}}},[T,eb,Y,eE,ex,eC]),eS=(0,n.useCallback)(async e=>{if(T||"inspect"!==Y||!eb)return;let t=eE(e);if(t){K(null),Q(null);try{let e=await eC(t.x,t.y,t.anchorX,t.anchorY);if(!e.selectedElement)throw Error("No element found at the selected point");e$(F(e.selectedElement,e.currentUrl))}catch(e){z(e instanceof Error?e.message:"Failed to queue selected element")}}},[T,eb,Y,e$,eE,eC]),eF=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected||e.metaKey||e.ctrlKey||e.altKey)return;let t=E.get(e.key);if(t){e.preventDefault(),eu({command:"pressKey",key:t},"Failed to send key to preview");return}1===e.key.length&&(e.preventDefault(),eu({command:"typeText",text:e.key},"Failed to type into preview"))},[Y,eu,y?.connected]),e_=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected)return;let t=e.clipboardData.getData("text");t&&(e.preventDefault(),eu({command:"typeText",text:t},"Failed to paste into preview"))},[Y,eu,y?.connected]),eD=(0,n.useCallback)(e=>{if(!y)return void K("Preview state is not loaded yet.");let t=y.consoleLogs.slice(-80),r=y.networkLogs.slice(-80);if("selection"===e&&!y.selectedElement)return void K("Select an element before queueing preview context for terminal input.");if("console"===e&&!t.length)return void K("There are no console logs to send yet.");if("network"===e&&!r.length)return void K("There are no network logs to send yet.");X(e),K(null),Q(null);try{let a="selection"===e&&y.selectedElement?F(y.selectedElement,y.currentUrl):"console"===e?_("console",t,y.currentUrl,y.selectedElement):_("network",r,y.currentUrl,y.selectedElement);e$(a),"selection"===e&&V(null)}catch(e){K(e instanceof Error?e.message:"Failed to queue preview context")}finally{X(null)}},[e$,y]),eU=(0,n.useCallback)(async()=>{let e=y?.selectedElement?.selector;if(e)try{await navigator.clipboard.writeText(e),Q("Selector copied to clipboard."),K(null)}catch{K("Clipboard access is unavailable.")}},[y?.selectedElement?.selector]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2 overflow-auto",children:[(0,a.jsxs)(w.Zp,{children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(s.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Dev preview browser"}),y?.connected?(0,a.jsx)(f.E,{variant:"success",children:"connected"}):(0,a.jsx)(f.E,{variant:"outline",children:"idle"}),eh?(0,a.jsx)(f.E,{variant:"outline",children:eh.isMain?"main frame":"nested frame"}):null]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void em().catch(e=>{z(e instanceof Error?e.message:"Failed to refresh preview")}),disabled:L||T,children:[(0,a.jsx)(l.A,{className:(0,j.cn)("h-3.5 w-3.5",T&&"animate-spin")}),"Refresh"]}),(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ex({command:"reload"}).catch(e=>{z(e instanceof Error?e.message:"Failed to reload preview")}),disabled:!y?.connected||T,children:[(0,a.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Reload page"]})]})]}),(0,a.jsxs)(w.Wu,{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,a.jsx)("input",{value:ee,onChange:e=>et(e.target.value),placeholder:y?.candidateUrls[0]??"http://127.0.0.1:3000",className:"h-9 min-w-0 flex-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 text-[13px] text-[var(--vk-text-normal)] outline-none focus:border-[var(--vk-orange)]"}),(0,a.jsxs)(b.$,{type:"button",variant:"primary",onClick:()=>void ek(),disabled:T||!ee.trim(),children:[T?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(c.A,{className:"h-4 w-4"}),"Connect"]})]}),y?.candidateUrls.length?(0,a.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:y.candidateUrls.map(e=>(0,a.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2 py-1 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{et(e),ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")})},children:[(0,a.jsx)(s.A,{className:"h-3 w-3 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e})]},e))}):null,O||y?.lastError?(0,a.jsxs)("div",{className:"flex items-start gap-2 rounded-[4px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,a.jsx)(d.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,a.jsx)("span",{children:O??y?.lastError})]}):null]})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0 shrink-0 overflow-hidden",children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(m.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"navigate"===Y?"primary":"ghost",onClick:()=>eN("navigate"),children:[(0,a.jsx)(c.A,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"inspect"===Y?"primary":"ghost",onClick:()=>eN("inspect"),children:[(0,a.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(f.E,{variant:"outline",children:y?.title?C(y.title,40):"Untitled page"}),(0,a.jsx)(f.E,{variant:"outline",children:"navigate"===Y?"navigate mode: clicks interact with the page":eb?"inspect mode: click once to select, double-click to queue for terminal input":"inspect mode: use DOM list for this frame"})]})]})]}),(0,a.jsx)(w.Wu,{className:"min-h-0",children:(0,a.jsx)("div",{className:"flex h-[56vh] min-h-[200px] max-h-[620px] items-center justify-center overflow-auto rounded-[6px] border border-[var(--vk-border)] bg-[#111] p-2 sm:h-[72vh] sm:min-h-[360px] sm:max-h-[760px] sm:p-3",children:L?(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):ev?(0,a.jsxs)("div",{ref:ei,tabIndex:y?.connected?0:-1,onKeyDown:eF,onPaste:e_,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]",children:[(0,a.jsx)("img",{ref:el,src:ev,alt:"Session preview",className:(0,j.cn)("max-h-full max-w-full rounded-[4px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===Y?"cursor-pointer":eb?"cursor-crosshair":"cursor-default"),onClick:e=>void eA(e),onDoubleClick:e=>void eS(e),onLoad:e=>{let t=e.currentTarget;ea({naturalWidth:t.naturalWidth,naturalHeight:t.naturalHeight,renderedWidth:t.clientWidth,renderedHeight:t.clientHeight})}}),"inspect"===Y&&ew?(0,a.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:ew}):null,"inspect"===Y&&J&&ey?(0,a.jsxs)("div",{className:"pointer-events-auto absolute z-20 flex flex-col overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur",style:ey,children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:"Terminal input"}),(0,a.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:J.pending?"Selecting element…":"Queue selection for the terminal"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eU(),disabled:J.pending||!y?.selectedElement,children:(0,a.jsx)(x.A,{className:"h-3.5 w-3.5"})}),(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>V(null),children:(0,a.jsx)(u.A,{className:"h-3.5 w-3.5"})})]})]}),(0,a.jsx)("div",{className:"flex-1 space-y-3 overflow-y-auto px-3 py-3",children:J.pending?(0,a.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,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Capturing the selected element from the preview…"]}):y?.selectedElement?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:y.selectedElement.tag}),y.selectedElement.role?(0,a.jsx)(f.E,{variant:"outline",children:y.selectedElement.role}):null]}),(0,a.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:C(y.selectedElement.name||y.selectedElement.text||"Selected element",140)}),(0,a.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:y.selectedElement.selector})]}),(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-2 text-[12px] text-[var(--vk-text-muted)]",children:"Double-click the element in the preview to queue it immediately, or use the button below. The text is inserted into terminal input instead of being sent to the agent, so you can add more context before submitting."}),B?(0,a.jsx)("div",{className:"text-[12px] text-[var(--vk-red)]",children:B}):null,(0,a.jsxs)(b.$,{type:"button",variant:"primary",className:"w-full",onClick:()=>void eD("selection"),disabled:ef||!y.selectedElement,children:["selection"===Z?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(p.A,{className:"h-4 w-4"}),"Queue for terminal input"]})]}):(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Single-click an element to inspect it here. Double-click to queue it for terminal input."})})]}):null]}):(0,a.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL or explicit preview URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select UI elements and queue browser context into terminal input."})})})]}),q?(0,a.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:q}):null,!J&&B?(0,a.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:B}):null,(0,a.jsxs)("div",{className:"grid gap-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(v.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Frames and DOM"}),(0,a.jsx)(f.E,{variant:"outline",children:"inspect"===Y?"inspect":"read-only in navigate mode"})]}),(0,a.jsx)(b.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>P(e=>!e),children:H?"Interactive only":"All nodes"})]}),(0,a.jsxs)(w.Wu,{className:"grid gap-2 xl:grid-cols-[220px_minmax(0,1fr)]",children:[(0,a.jsx)("div",{className:"space-y-2",children:y?.frames.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ex({command:"selectFrame",frameId:e.id}).catch(e=>{z(e instanceof Error?e.message:"Failed to select frame")})},className:(0,j.cn)("flex w-full flex-col items-start gap-1 rounded-[4px] border px-2 py-2 text-left transition-colors",y.activeFrameId===e.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]"),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(f.E,{variant:"outline",children:e.isMain?"main":"frame"}),(0,a.jsx)("span",{className:"truncate text-[12px] text-[var(--vk-text-normal)]",children:e.name})]}),(0,a.jsx)("span",{className:"w-full truncate text-[11px] text-[var(--vk-text-muted)]",children:e.url||"about:blank"})]},e.id))}),(0,a.jsx)("div",{className:"rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)(N,{className:"h-[200px] sm:h-[300px] xl:h-[360px]",children:(0,a.jsxs)("div",{className:"space-y-1 p-2",children:["navigate"===Y?(0,a.jsx)("div",{className:"rounded-[4px] border border-dashed border-[var(--vk-border)] px-2 py-2 text-[11px] text-[var(--vk-text-muted)]",children:"Switch to Inspect mode to pick DOM nodes. Single-click selects a node. Double-click queues it for terminal input."}):null,U?(0,a.jsxs)("div",{className:"flex items-center gap-2 px-2 py-2 text-[12px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):A.length?A.map((e,t)=>(0,a.jsxs)("button",{type:"button",className:(0,j.cn)("w-full rounded-[4px] border border-[transparent] px-2 py-2 text-left","inspect"===Y?"hover:border-[var(--vk-border)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed opacity-60"),disabled:"inspect"!==Y,onClick:()=>{V(null),K(null),Q(null),eM(e.selector,y?.activeFrameId).catch(e=>{z(e instanceof Error?e.message:"Failed to select DOM node")})},onDoubleClick:()=>{K(null),Q(null),eM(e.selector,y?.activeFrameId).then(e=>{if(!e.selectedElement)throw Error("Failed to resolve the selected DOM node");e$(F(e.selectedElement,e.currentUrl))}).catch(e=>{z(e instanceof Error?e.message:"Failed to queue DOM node")})},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:e.tag}),e.interactive?(0,a.jsx)(f.E,{variant:"warning",children:"interactive"}):null,e.role?(0,a.jsx)(f.E,{variant:"outline",children:e.role}):null]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:e.selector}),e.text?(0,a.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:C(e.text,180)}):null]},`${e.id??"node"}-${t}-${e.selector}-${e.tag}-${e.text}`)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No DOM nodes to show for the current frame yet."})]})})})]})]}),(0,a.jsxs)("div",{className:"grid gap-2 lg:grid-cols-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(h.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Console"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.consoleLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("console"),disabled:ef||!y?.consoleLogs.length,children:["console"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.consoleLogs.length?y.consoleLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.level}),(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(g.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Network"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.networkLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("network"),disabled:ef||!y?.networkLogs.length,children:["network"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.networkLogs.length?y.networkLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.method??"GET"}),"number"==typeof e.status?(0,a.jsx)("span",{children:e.status}):null,e.resourceType?(0,a.jsx)("span",{children:e.resourceType}):null,(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono",children:e.url??e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})})]})]})]})]})}},90986:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(54568),n=r(46916);let s={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 l({variant:e="default",className:t,children:r}){return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",s[e],t),children:r})}}}]);

package/web/.next/standalone/packages/web/.next/static/chunks/{4443.0500345894ac3cba.js → 4443.3f82873df09aef1c.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4443],{34443:(e,l,a)=>{a.r(l),a.d(l,{KeylessCreatorOrReader:()=>r});var s=a(79748),n=a(7620),t=a(38618);let r=e=>{var l;let{children:a}=e,r=(null==(l=(0,s.useSelectedLayoutSegments)()[0])?void 0:l.startsWith("/_not-found"))||!1,[i,u]=n.useActionState(t.a,null);return((0,n.useEffect)(()=>{r||n.startTransition(()=>{u()})},[r]),n.isValidElement(a))?n.cloneElement(a,{key:null==i?void 0:i.publishableKey,publishableKey:null==i?void 0:i.publishableKey,__internal_keyless_claimKeylessApplicationUrl:null==i?void 0:i.claimUrl,__internal_keyless_copyInstanceKeysUrl:null==i?void 0:i.apiKeysUrl,__internal_bypassMissingPublishableKey:!0}):a}},38618:(e,l,a)=>{a.d(l,{a:()=>n});var s=a(5974);let n=(0,s.createServerReference)("007b65f86a95e492670ba92e95b999e570b5cba314",s.callServer,void 0,s.findSourceMapURL,"createOrReadKeylessAction")}}]);
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4443],{34443:(e,l,a)=>{a.r(l),a.d(l,{KeylessCreatorOrReader:()=>r});var s=a(79748),n=a(7620),t=a(61153);let r=e=>{var l;let{children:a}=e,r=(null==(l=(0,s.useSelectedLayoutSegments)()[0])?void 0:l.startsWith("/_not-found"))||!1,[i,c]=n.useActionState(t.a,null);return((0,n.useEffect)(()=>{r||n.startTransition(()=>{c()})},[r]),n.isValidElement(a))?n.cloneElement(a,{key:null==i?void 0:i.publishableKey,publishableKey:null==i?void 0:i.publishableKey,__internal_keyless_claimKeylessApplicationUrl:null==i?void 0:i.claimUrl,__internal_keyless_copyInstanceKeysUrl:null==i?void 0:i.apiKeysUrl,__internal_bypassMissingPublishableKey:!0}):a}},61153:(e,l,a)=>{a.d(l,{a:()=>n});var s=a(5974);let n=(0,s.createServerReference)("00ab6f65c328a0e73d8cdaaf05ba923c887e926be7",s.callServer,void 0,s.findSourceMapURL,"createOrReadKeylessAction")}}]);

package/web/.next/{static/chunks/7220-1d2712cfced9d000.js → standalone/packages/web/.next/static/chunks/7220-ffe4a8688e5bfc0b.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7220],{2609:(e,t,r)=>{"use strict";r.d(t,{T5:()=>s.T5,hP:()=>n.hP,nO:()=>s.nO,yC:()=>o}),r(16744);var n=r(70590),s=r(87835);function o(e,t,r){let s=t.path||(null==r?void 0:r.path);return"path"===(t.routing||(null==r?void 0:r.routing)||"path")?s?{...r,...t,routing:"path"}:n.sb.throw((0,n.kd)(e)):t.path?n.sb.throw((0,n.s7)(e)):{...r,...t,path:void 0}}},5974:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={callServer:function(){return o.callServer},createServerReference:function(){return i.createServerReference},findSourceMapURL:function(){return a.findSourceMapURL}};for(var s in n)Object.defineProperty(t,s,{enumerable:!0,get:n[s]});let o=r(34273),a=r(16409),i=r(97102)},6974:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return n}});let n=r(74468)._(r(7620)).default.createContext(null)},10594:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(){return h},handleClientScriptLoad:function(){return v},initScriptLoader:function(){return y}};for(var s in n)Object.defineProperty(t,s,{enumerable:!0,get:n[s]});let o=r(74468),a=r(99649),i=r(54568),l=o._(r(97509)),c=a._(r(7620)),u=r(2737),d=r(66161),p=r(71341),f=new Map,b=new Set,m=e=>{let{src:t,id:r,onLoad:n=()=>{},onReady:s=null,dangerouslySetInnerHTML:o,children:a="",strategy:i="afterInteractive",onError:c,stylesheets:u}=e,p=r||t;if(p&&b.has(p))return;if(f.has(t)){b.add(p),f.get(t).then(n,c);return}let m=()=>{s&&s(),b.add(p)},v=document.createElement("script"),y=new Promise((e,t)=>{v.addEventListener("load",function(t){e(),n&&n.call(this,t),m()}),v.addEventListener("error",function(e){t(e)})}).catch(function(e){c&&c(e)});o?(v.innerHTML=o.__html||"",m()):a?(v.textContent="string"==typeof a?a:Array.isArray(a)?a.join(""):"",m()):t&&(v.src=t,f.set(t,y)),(0,d.setAttributesFromProps)(v,e),"worker"===i&&v.setAttribute("type","text/partytown"),v.setAttribute("data-nscript",i),u&&(e=>{if(l.default.preinit)return e.forEach(e=>{l.default.preinit(e,{as:"style"})});{let t=document.head;e.forEach(e=>{let r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=e,t.appendChild(r)})}})(u),document.body.appendChild(v)};function v(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,p.requestIdleCallback)(()=>m(e))}):m(e)}function y(e){e.forEach(v),[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')].forEach(e=>{let t=e.id||e.getAttribute("src");b.add(t)})}function _(e){let{id:t,src:r="",onLoad:n=()=>{},onReady:s=null,strategy:o="afterInteractive",onError:a,stylesheets:d,...f}=e,{updateScripts:v,scripts:y,getIsSsr:_,appDir:h,nonce:g}=(0,c.useContext)(u.HeadManagerContext);g=f.nonce||g;let w=(0,c.useRef)(!1);(0,c.useEffect)(()=>{let e=t||r;w.current||(s&&e&&b.has(e)&&s(),w.current=!0)},[s,t,r]);let E=(0,c.useRef)(!1);if((0,c.useEffect)(()=>{if(!E.current){if("afterInteractive"===o)m(e);else"lazyOnload"===o&&("complete"===document.readyState?(0,p.requestIdleCallback)(()=>m(e)):window.addEventListener("load",()=>{(0,p.requestIdleCallback)(()=>m(e))}));E.current=!0}},[e,o]),("beforeInteractive"===o||"worker"===o)&&(v?(y[o]=(y[o]||[]).concat([{id:t,src:r,onLoad:n,onReady:s,onError:a,...f,nonce:g}]),v(y)):_&&_()?b.add(t||r):_&&!_()&&m({...e,nonce:g})),h){if(d&&d.forEach(e=>{l.default.preinit(e,{as:"style"})}),"beforeInteractive"===o)if(!r)return f.dangerouslySetInnerHTML&&(f.children=f.dangerouslySetInnerHTML.__html,delete f.dangerouslySetInnerHTML),(0,i.jsx)("script",{nonce:g,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([0,{...f,id:t}])})`}});else return l.default.preload(r,f.integrity?{as:"script",integrity:f.integrity,nonce:g,crossOrigin:f.crossOrigin}:{as:"script",nonce:g,crossOrigin:f.crossOrigin}),(0,i.jsx)("script",{nonce:g,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([r,{...f,id:t}])})`}});"afterInteractive"===o&&r&&l.default.preload(r,f.integrity?{as:"script",integrity:f.integrity,nonce:g,crossOrigin:f.crossOrigin}:{as:"script",nonce:g,crossOrigin:f.crossOrigin})}return null}Object.defineProperty(_,"__nextScript",{value:!0});let h=_;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},30679:(e,t,r)=>{"use strict";r.d(t,{PromisifiedAuthProvider:()=>l,d:()=>c});var n=r(30524),s=r(2609),o=r(45836),a=r(7620);let i=a.createContext(null);function l({authPromise:e,children:t}){return a.createElement(i.Provider,{value:e},t)}function c(e={}){let t=(0,o.useRouter)(),r=a.useContext(i),l=r;return(r&&"then"in r&&(l=a.use(r)),"u"<typeof window)?t?(0,n.As)(e):(0,s.hP)({...l,...e}):(0,n.As)({...l,...e})}},31008:e=>{e.exports={style:{fontFamily:"'JetBrains Mono', 'JetBrains Mono Fallback'",fontStyle:"normal"},className:"__className_6d24ac",variable:"__variable_6d24ac"}},36727:(e,t,r)=>{"use strict";r.r(t),r.d(t,{KeylessCookieSync:()=>a});var n=r(79748),s=r(7620),o=r(38036);function a(e){var t;let a=(null==(t=(0,n.useSelectedLayoutSegments)()[0])?void 0:t.startsWith("/_not-found"))||!1;return(0,s.useEffect)(()=>{o.I&&!a&&r.e(3654).then(r.bind(r,73654)).then(t=>t.syncKeylessConfigAction({...e,returnUrl:window.location.href}))},[a]),e.children}},37204:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ClientClerkProvider:()=>U});var n=r(30524),s=r(20602);let o=new Set;var a=r(42925),i=r(79748),l=r(99321),c=r(7620);let u="u">typeof window?c.useLayoutEffect:c.useEffect,d=c.createContext(void 0);d.displayName="ClerkNextOptionsCtx";let p=()=>{let e=c.useContext(d);return null==e?void 0:e.value},f=e=>{let{children:t,options:r}=e;return c.createElement(d.Provider,{value:{value:r}},t)};var b=r(2609),m=r(10594),v=r.n(m);function y(e){let{publishableKey:t,clerkJSUrl:r,clerkJSVersion:s,clerkJSVariant:o,nonce:a}=p(),{domain:i,proxyUrl:l}=(0,n.ho)();if(!t)return null;let u={domain:i,proxyUrl:l,publishableKey:t,clerkJSUrl:r,clerkJSVersion:s,clerkJSVariant:o,nonce:a},d=(0,b.nO)(u),f="app"===e.router?"script":v();return c.createElement(f,{src:d,"data-clerk-js-script":!0,async:!0,defer:"pages"!==e.router&&void 0,crossOrigin:"anonymous",strategy:"pages"===e.router?"beforeInteractive":void 0,...(0,b.T5)(u)})}var _=r(38036),h=r(76975),g=r(67160),w=r(63680);let E=e=>{var t;return{...e,publishableKey:e.publishableKey||w.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY||"",clerkJSUrl:e.clerkJSUrl||w.env.NEXT_PUBLIC_CLERK_JS_URL,clerkJSVersion:e.clerkJSVersion||w.env.NEXT_PUBLIC_CLERK_JS_VERSION,proxyUrl:e.proxyUrl||w.env.NEXT_PUBLIC_CLERK_PROXY_URL||"",domain:e.domain||w.env.NEXT_PUBLIC_CLERK_DOMAIN||"",isSatellite:e.isSatellite||(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_IS_SATELLITE),signInUrl:e.signInUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_URL||"",signUpUrl:e.signUpUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_URL||"",signInForceRedirectUrl:e.signInForceRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_FORCE_REDIRECT_URL||"",signUpForceRedirectUrl:e.signUpForceRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL||"",signInFallbackRedirectUrl:e.signInFallbackRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL||"",signUpFallbackRedirectUrl:e.signUpFallbackRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL||"",afterSignInUrl:e.afterSignInUrl||w.env.NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL||"",afterSignUpUrl:e.afterSignUpUrl||w.env.NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL||"",newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl||w.env.NEXT_PUBLIC_CLERK_CHECKOUT_CONTINUE_URL||"",telemetry:null!=(t=e.telemetry)?t:{disabled:(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_TELEMETRY_DISABLED),debug:(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_TELEMETRY_DEBUG)},sdkMetadata:g.tm}};var x=r(3102),C=r(57042);let k=()=>{var e,t;let r=(0,n.ho)(),{pagesRouter:s}=(0,C.r)();return null==(t=r.telemetry)||t.record((0,x.YF)({router:s?"pages":"app",...(null==(e=null==globalThis?void 0:globalThis.next)?void 0:e.version)?{nextjsVersion:globalThis.next.version}:{}})),null};var L=r(43458),R=r(72229),T=r(65794);let I=e=>{var t;return null!=window.__clerk_internal_navigations||(window.__clerk_internal_navigations={}),null!=(t=window.__clerk_internal_navigations)[e]||(t[e]={}),window.__clerk_internal_navigations[e]},S=e=>{let{windowNav:t,routerNav:r,name:n}=e,s=(0,i.usePathname)(),[o,a]=(0,c.useTransition)();t&&(I(n).fun=(e,s)=>new Promise(o=>{var i,l;null!=(i=I(n)).promisesBuffer||(i.promisesBuffer=[]),null==(l=I(n).promisesBuffer)||l.push(o),a(()=>{var n,o,a;if((null==(n=null==s?void 0:s.__internal_metadata)?void 0:n.navigationType)==="internal")t((null!=(a=null==(o=window.next)?void 0:o.version)?a:"")<"14.1.0"?history.state:null,"",e);else r(e)})}));let l=()=>{var e;null==(e=I(n).promisesBuffer)||e.forEach(e=>e()),I(n).promisesBuffer=[]};return(0,c.useEffect)(()=>(l(),l),[]),(0,c.useEffect)(()=>{o||l()},[s,o]),(0,c.useCallback)((e,t)=>I(n).fun(e,t),[])},j=(0,a.default)(()=>r.e(4443).then(r.bind(r,34443)).then(e=>e.KeylessCreatorOrReader),{loadableGenerated:{webpack:()=>[34443]}}),P=e=>{let t,r;if(L.M0){var a,d;let e=`Clerk:
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7220],{2609:(e,t,r)=>{"use strict";r.d(t,{T5:()=>s.T5,hP:()=>n.hP,nO:()=>s.nO,yC:()=>o}),r(16744);var n=r(70590),s=r(87835);function o(e,t,r){let s=t.path||(null==r?void 0:r.path);return"path"===(t.routing||(null==r?void 0:r.routing)||"path")?s?{...r,...t,routing:"path"}:n.sb.throw((0,n.kd)(e)):t.path?n.sb.throw((0,n.s7)(e)):{...r,...t,path:void 0}}},5974:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={callServer:function(){return o.callServer},createServerReference:function(){return i.createServerReference},findSourceMapURL:function(){return a.findSourceMapURL}};for(var s in n)Object.defineProperty(t,s,{enumerable:!0,get:n[s]});let o=r(34273),a=r(16409),i=r(97102)},6974:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"RouterContext",{enumerable:!0,get:function(){return n}});let n=r(74468)._(r(7620)).default.createContext(null)},10594:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={default:function(){return h},handleClientScriptLoad:function(){return v},initScriptLoader:function(){return y}};for(var s in n)Object.defineProperty(t,s,{enumerable:!0,get:n[s]});let o=r(74468),a=r(99649),i=r(54568),l=o._(r(97509)),c=a._(r(7620)),u=r(2737),d=r(66161),p=r(71341),f=new Map,b=new Set,m=e=>{let{src:t,id:r,onLoad:n=()=>{},onReady:s=null,dangerouslySetInnerHTML:o,children:a="",strategy:i="afterInteractive",onError:c,stylesheets:u}=e,p=r||t;if(p&&b.has(p))return;if(f.has(t)){b.add(p),f.get(t).then(n,c);return}let m=()=>{s&&s(),b.add(p)},v=document.createElement("script"),y=new Promise((e,t)=>{v.addEventListener("load",function(t){e(),n&&n.call(this,t),m()}),v.addEventListener("error",function(e){t(e)})}).catch(function(e){c&&c(e)});o?(v.innerHTML=o.__html||"",m()):a?(v.textContent="string"==typeof a?a:Array.isArray(a)?a.join(""):"",m()):t&&(v.src=t,f.set(t,y)),(0,d.setAttributesFromProps)(v,e),"worker"===i&&v.setAttribute("type","text/partytown"),v.setAttribute("data-nscript",i),u&&(e=>{if(l.default.preinit)return e.forEach(e=>{l.default.preinit(e,{as:"style"})});{let t=document.head;e.forEach(e=>{let r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=e,t.appendChild(r)})}})(u),document.body.appendChild(v)};function v(e){let{strategy:t="afterInteractive"}=e;"lazyOnload"===t?window.addEventListener("load",()=>{(0,p.requestIdleCallback)(()=>m(e))}):m(e)}function y(e){e.forEach(v),[...document.querySelectorAll('[data-nscript="beforeInteractive"]'),...document.querySelectorAll('[data-nscript="beforePageRender"]')].forEach(e=>{let t=e.id||e.getAttribute("src");b.add(t)})}function _(e){let{id:t,src:r="",onLoad:n=()=>{},onReady:s=null,strategy:o="afterInteractive",onError:a,stylesheets:d,...f}=e,{updateScripts:v,scripts:y,getIsSsr:_,appDir:h,nonce:g}=(0,c.useContext)(u.HeadManagerContext);g=f.nonce||g;let w=(0,c.useRef)(!1);(0,c.useEffect)(()=>{let e=t||r;w.current||(s&&e&&b.has(e)&&s(),w.current=!0)},[s,t,r]);let E=(0,c.useRef)(!1);if((0,c.useEffect)(()=>{if(!E.current){if("afterInteractive"===o)m(e);else"lazyOnload"===o&&("complete"===document.readyState?(0,p.requestIdleCallback)(()=>m(e)):window.addEventListener("load",()=>{(0,p.requestIdleCallback)(()=>m(e))}));E.current=!0}},[e,o]),("beforeInteractive"===o||"worker"===o)&&(v?(y[o]=(y[o]||[]).concat([{id:t,src:r,onLoad:n,onReady:s,onError:a,...f,nonce:g}]),v(y)):_&&_()?b.add(t||r):_&&!_()&&m({...e,nonce:g})),h){if(d&&d.forEach(e=>{l.default.preinit(e,{as:"style"})}),"beforeInteractive"===o)if(!r)return f.dangerouslySetInnerHTML&&(f.children=f.dangerouslySetInnerHTML.__html,delete f.dangerouslySetInnerHTML),(0,i.jsx)("script",{nonce:g,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([0,{...f,id:t}])})`}});else return l.default.preload(r,f.integrity?{as:"script",integrity:f.integrity,nonce:g,crossOrigin:f.crossOrigin}:{as:"script",nonce:g,crossOrigin:f.crossOrigin}),(0,i.jsx)("script",{nonce:g,dangerouslySetInnerHTML:{__html:`(self.__next_s=self.__next_s||[]).push(${JSON.stringify([r,{...f,id:t}])})`}});"afterInteractive"===o&&r&&l.default.preload(r,f.integrity?{as:"script",integrity:f.integrity,nonce:g,crossOrigin:f.crossOrigin}:{as:"script",nonce:g,crossOrigin:f.crossOrigin})}return null}Object.defineProperty(_,"__nextScript",{value:!0});let h=_;("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},30679:(e,t,r)=>{"use strict";r.d(t,{PromisifiedAuthProvider:()=>l,d:()=>c});var n=r(30524),s=r(2609),o=r(45836),a=r(7620);let i=a.createContext(null);function l({authPromise:e,children:t}){return a.createElement(i.Provider,{value:e},t)}function c(e={}){let t=(0,o.useRouter)(),r=a.useContext(i),l=r;return(r&&"then"in r&&(l=a.use(r)),"u"<typeof window)?t?(0,n.As)(e):(0,s.hP)({...l,...e}):(0,n.As)({...l,...e})}},31008:e=>{e.exports={style:{fontFamily:"'JetBrains Mono', 'JetBrains Mono Fallback'",fontStyle:"normal"},className:"__className_6d24ac",variable:"__variable_6d24ac"}},36727:(e,t,r)=>{"use strict";r.r(t),r.d(t,{KeylessCookieSync:()=>a});var n=r(79748),s=r(7620),o=r(38036);function a(e){var t;let a=(null==(t=(0,n.useSelectedLayoutSegments)()[0])?void 0:t.startsWith("/_not-found"))||!1;return(0,s.useEffect)(()=>{o.I&&!a&&r.e(9637).then(r.bind(r,89637)).then(t=>t.syncKeylessConfigAction({...e,returnUrl:window.location.href}))},[a]),e.children}},37204:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ClientClerkProvider:()=>U});var n=r(30524),s=r(20602);let o=new Set;var a=r(42925),i=r(79748),l=r(99321),c=r(7620);let u="u">typeof window?c.useLayoutEffect:c.useEffect,d=c.createContext(void 0);d.displayName="ClerkNextOptionsCtx";let p=()=>{let e=c.useContext(d);return null==e?void 0:e.value},f=e=>{let{children:t,options:r}=e;return c.createElement(d.Provider,{value:{value:r}},t)};var b=r(2609),m=r(10594),v=r.n(m);function y(e){let{publishableKey:t,clerkJSUrl:r,clerkJSVersion:s,clerkJSVariant:o,nonce:a}=p(),{domain:i,proxyUrl:l}=(0,n.ho)();if(!t)return null;let u={domain:i,proxyUrl:l,publishableKey:t,clerkJSUrl:r,clerkJSVersion:s,clerkJSVariant:o,nonce:a},d=(0,b.nO)(u),f="app"===e.router?"script":v();return c.createElement(f,{src:d,"data-clerk-js-script":!0,async:!0,defer:"pages"!==e.router&&void 0,crossOrigin:"anonymous",strategy:"pages"===e.router?"beforeInteractive":void 0,...(0,b.T5)(u)})}var _=r(38036),h=r(76975),g=r(67160),w=r(63680);let E=e=>{var t;return{...e,publishableKey:e.publishableKey||w.env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY||"",clerkJSUrl:e.clerkJSUrl||w.env.NEXT_PUBLIC_CLERK_JS_URL,clerkJSVersion:e.clerkJSVersion||w.env.NEXT_PUBLIC_CLERK_JS_VERSION,proxyUrl:e.proxyUrl||w.env.NEXT_PUBLIC_CLERK_PROXY_URL||"",domain:e.domain||w.env.NEXT_PUBLIC_CLERK_DOMAIN||"",isSatellite:e.isSatellite||(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_IS_SATELLITE),signInUrl:e.signInUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_URL||"",signUpUrl:e.signUpUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_URL||"",signInForceRedirectUrl:e.signInForceRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_FORCE_REDIRECT_URL||"",signUpForceRedirectUrl:e.signUpForceRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_FORCE_REDIRECT_URL||"",signInFallbackRedirectUrl:e.signInFallbackRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL||"",signUpFallbackRedirectUrl:e.signUpFallbackRedirectUrl||w.env.NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL||"",afterSignInUrl:e.afterSignInUrl||w.env.NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL||"",afterSignUpUrl:e.afterSignUpUrl||w.env.NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL||"",newSubscriptionRedirectUrl:e.newSubscriptionRedirectUrl||w.env.NEXT_PUBLIC_CLERK_CHECKOUT_CONTINUE_URL||"",telemetry:null!=(t=e.telemetry)?t:{disabled:(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_TELEMETRY_DISABLED),debug:(0,h.zz)(w.env.NEXT_PUBLIC_CLERK_TELEMETRY_DEBUG)},sdkMetadata:g.tm}};var x=r(3102),C=r(57042);let k=()=>{var e,t;let r=(0,n.ho)(),{pagesRouter:s}=(0,C.r)();return null==(t=r.telemetry)||t.record((0,x.YF)({router:s?"pages":"app",...(null==(e=null==globalThis?void 0:globalThis.next)?void 0:e.version)?{nextjsVersion:globalThis.next.version}:{}})),null};var L=r(43458),R=r(7784),T=r(55229);let I=e=>{var t;return null!=window.__clerk_internal_navigations||(window.__clerk_internal_navigations={}),null!=(t=window.__clerk_internal_navigations)[e]||(t[e]={}),window.__clerk_internal_navigations[e]},S=e=>{let{windowNav:t,routerNav:r,name:n}=e,s=(0,i.usePathname)(),[o,a]=(0,c.useTransition)();t&&(I(n).fun=(e,s)=>new Promise(o=>{var i,l;null!=(i=I(n)).promisesBuffer||(i.promisesBuffer=[]),null==(l=I(n).promisesBuffer)||l.push(o),a(()=>{var n,o,a;if((null==(n=null==s?void 0:s.__internal_metadata)?void 0:n.navigationType)==="internal")t((null!=(a=null==(o=window.next)?void 0:o.version)?a:"")<"14.1.0"?history.state:null,"",e);else r(e)})}));let l=()=>{var e;null==(e=I(n).promisesBuffer)||e.forEach(e=>e()),I(n).promisesBuffer=[]};return(0,c.useEffect)(()=>(l(),l),[]),(0,c.useEffect)(()=>{o||l()},[s,o]),(0,c.useCallback)((e,t)=>I(n).fun(e,t),[])},j=(0,a.default)(()=>r.e(4443).then(r.bind(r,34443)).then(e=>e.KeylessCreatorOrReader),{loadableGenerated:{webpack:()=>[34443]}}),P=e=>{let t,r;if(L.M0){var a,d;let e=`Clerk:
 Your current Next.js version (${l.version}) will be deprecated in the next major release of "@clerk/nextjs". Please upgrade to next@14.1.0 or later.`;(0,s.M)()?(a=e,o.has(a)||(o.add(a),console.warn(a))):(d=`
 \x1b[43m----------
 ${e}

package/web/.next/standalone/packages/web/.next/static/chunks/7720-ee2b976e1dbc27dd.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7720],{10926:(e,t,r)=>{r.d(t,{C0:()=>a,DW:()=>i});let n="bridge:";function a(e){let t=e?.trim();return t&&t.length>0?t:null}function i(e){let t=e?.trim();if(!t||!t.startsWith(n))return null;let r=t.slice(n.length),i=r.indexOf(":");if(i<=0||i>=r.length-1)return null;let s=a(r.slice(0,i)),o=r.slice(i+1).trim();return s&&0!==o.length?{bridgeId:s,sessionId:o}:null}},11984:(e,t,r)=>{function n(e){let t=e?.trim().toLowerCase()??"";return!!t&&(t.includes("127.0.0.1:4749")||t.includes("older bridge build")||t.includes("one-time local bridge upgrade"))}function a(e){return`This laptop needs a one-time local bridge upgrade before ${function(e){switch(e){case"repair":return"Repair bridge";case"restart":return"Restart service";case"update":return"Update Conductor"}}(e)} can run from the dashboard.`}function i(e){let t=e?.trim()||"This laptop";return`${t} is still on an older bridge build, so Conductor cannot repair, restart, or update it remotely yet. Upgrade the bridge once on that laptop, then future fixes run from the dashboard.`}r.d(t,{Az:()=>n,IG:()=>a,_5:()=>i})},15115:(e,t,r)=>{function n(e,t){return"string"==typeof e&&e.trim().length>0?e.trim():t}function a(e){let t="string"==typeof e?e.trim():"";return t?` (build ${t})`:""}function i(e){return Array.isArray(e)?e.filter(e=>!!e&&"object"==typeof e).map(e=>{let t,r,a;return t=n(e.hostname,"unknown-host"),r=n(e.os,"unknown-os"),a=n(e.arch,"unknown-arch"),{device_id:n(e.device_id,t),device_name:n(e.device_name,t),hostname:t,os:r,arch:a,connected:!0===e.connected,last_status:e.last_status?{hostname:n(e.last_status.hostname,t),os:n(e.last_status.os,r),connected:!0===e.last_status.connected,version:"string"==typeof e.last_status.version&&e.last_status.version.trim().length>0?e.last_status.version.trim():null}:null}}):[]}r.d(t,{oH:()=>i,wj:()=>a})},15321:(e,t,r)=>{r.d(t,{i:()=>m});var n=r(54568),a=r(7620),i=r(65587),s=r.n(i),o=r(63322),d=r(59706),l=r(87242),c=r(76081),u=r(46916),v=r(11984),p=r(61369);function m({deviceId:e,deviceName:t,dashboardUrl:r,installScriptUrl:i,relayUrl:h,className:g}){let[x,f]=(0,a.useState)(!1),b=(0,a.useMemo)(()=>(0,p.$y)(i,r,h),[r,i,h]),k=(0,a.useMemo)(()=>(0,p.kw)(e),[e]);return(0,n.jsxs)("div",{className:(0,u.cn)("mt-3 rounded-[14px] border border-[color:color-mix(in_srgb,var(--vk-orange)_28%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)] px-3 py-3",g),children:[(0,n.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--vk-text-muted)]",children:"One-time local repair"}),(0,n.jsx)("div",{className:"mt-2 text-[12px] leading-5 text-[var(--vk-text-normal)]",children:(0,v._5)(t)}),(0,n.jsxs)("div",{className:"mt-3 flex flex-wrap gap-2",children:[(0,n.jsxs)(c.$,{type:"button",variant:"outline",size:"sm",onClick:()=>{navigator.clipboard?.writeText?(f(!1),navigator.clipboard.writeText(b).then(()=>{f(!0)}).catch(()=>{f(!1)})):f(!1)},children:[x?(0,n.jsx)(o.A,{className:"h-4 w-4"}):(0,n.jsx)(d.A,{className:"h-4 w-4"}),x?"Repair command copied":"Copy repair command"]}),(0,n.jsx)(c.$,{asChild:!0,variant:"outline",size:"sm",children:(0,n.jsxs)(s(),{href:k,children:[(0,n.jsx)(l.A,{className:"h-4 w-4"}),"Open repair steps"]})})]})]})}},26167:(e,t,r)=>{r.d(t,{E:()=>i,b:()=>a});var n=r(11984);async function a(e){let t=await s(e,"service-restart",{});return t?.message??"Bridge service restart scheduled. This laptop should reconnect once the bridge is back online."}async function i(e,t){let r=await s(e,"repair",{installScriptUrl:t});return r?.message??"Bridge reinstall requested. This laptop should reconnect shortly."}async function s(e,t,r){let a=await fetch(`/api/bridge/devices/${encodeURIComponent(e)}/${t}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r),cache:"no-store"}),i=await a.json().catch(()=>null);if(!a.ok){var s,o;let e;throw Error((s=i?.error??i?.message??null,o=a.status,e=s?.trim()??"",(0,n.Az)(e)?(0,n.IG)("repair"===t?"repair":"restart"):e||`Failed to run ${t} on the bridge service (${o})`))}return i}},31404:(e,t,r)=>{r.d(t,{S:()=>a,y:()=>i});var n=r(10926);function a(e,t){let r=(0,n.C0)(t);if(!r)return e;let a=new URL(e,"http://127.0.0.1");return a.searchParams.set("bridgeId",r),`${a.pathname}${a.search}${a.hash}`}function i(e){let t=function(e){if(!e)return null;if(e instanceof URL)return e;if("string"==typeof e)try{return new URL(e,"http://127.0.0.1")}catch{return null}if("string"==typeof e.href)try{return new URL(e.href)}catch{}return null}(e);if(!t)return null;let r=(0,n.C0)(t.searchParams.get("bridge")??t.searchParams.get("bridgeId"));if(r)return r;let a=(0,n.DW)(t.searchParams.get("session"))?.bridgeId;if(a)return a;let i=t.pathname.match(/^\/sessions\/([^/]+)$/);if(!i)return null;try{return(0,n.DW)(decodeURIComponent(i[1]))?.bridgeId??null}catch{return null}}},39702:(e,t,r)=>{r.d(t,{J:()=>$});var n=r(54568),a=r(7620),i=r(40448),s=r(65587),o=r.n(s),d=r(79748),l=r(22061),c=r(34041),u=r(58299),v=r(87242),p=r(2099),m=r(60527),h=r(81167),g=r(15321),x=r(44522),f=r(11984),b=r(46916),k=r(26167),w=r(61369),y=r(15115),j=r(67506);let _="/bridge/connect";function N({connected:e,className:t,title:r,suffix:a}){return(0,n.jsxs)("span",{className:(0,b.cn)("inline-flex items-center gap-2 rounded-full border px-2.5 py-1 text-[12px] font-medium",e?"border-[rgba(24,197,143,0.35)] bg-[rgba(24,197,143,0.12)] text-[var(--vk-green)]":"border-[rgba(255,143,122,0.24)] bg-[rgba(255,143,122,0.08)] text-[var(--vk-red)]",t),title:r,children:[(0,n.jsx)("span",{className:(0,b.cn)("h-2.5 w-2.5 rounded-full",e?"bg-[var(--vk-green)]":"bg-[var(--vk-red)]")}),(0,n.jsx)("span",{children:e?"Online":"Offline"}),a]})}function C({className:e}){let t=(0,d.useRouter)(),r=(0,d.usePathname)(),s=(0,d.useSearchParams)(),[$,I]=(0,a.useState)([]),[S,M]=(0,a.useState)(!0),[R,A]=(0,a.useState)(null),[F,T]=(0,a.useState)(null),[E,U]=(0,a.useState)({deviceId:null,phase:"idle",message:null}),[L,O]=(0,a.useState)({deviceId:null,kind:null,status:"idle",message:null}),P=(0,a.useRef)(new Set),z=(0,j.y)(),D=!!z,H=(0,a.useCallback)(async e=>{if(!D){e&&M(!1),I([]),A(null);return}e&&M(!0);try{let e=await fetch("/api/bridge/devices",{cache:"no-store"}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error??`Failed to load bridge devices (${e.status})`);I((0,y.oH)(t?.devices)),A(null)}catch(e){A(e instanceof Error?e.message:"Failed to load bridge devices.")}finally{M(!1)}},[D]);(0,a.useEffect)(()=>{if(!D){M(!1),I([]),A(null);return}let e=!1,t=null,r=async t=>{e||await H(t)};return r(!0),t=window.setInterval(()=>{r(!1)},15e3),()=>{e=!0,null!==t&&window.clearInterval(t)}},[D,H]),(0,a.useEffect)(()=>{let e=()=>{T((0,x.Tr)()?.deviceId??null)};return e(),window.addEventListener("focus",e),window.addEventListener("storage",e),()=>{window.removeEventListener("focus",e),window.removeEventListener("storage",e)}},[]),(0,a.useEffect)(()=>{r!==_&&t.prefetch(_)},[r,t]);let G=$.filter(e=>e.connected),B=s.get("bridge")?.trim()||null,J=window.location.origin,V=B?$.find(e=>e.device_id===B)??null:null,W=!S&&0===G.length,q=F?$.find(e=>e.device_id===F)??null:null,X=G.length>0,Y=D?R??(X?`${G.length} bridge${1===G.length?"":"s"} online`:$.length>0?"No paired bridges are online":"No paired bridges yet"):"Bridge relay URL is not configured";(0,a.useEffect)(()=>{let e=(q?.connected?q:null)??(V?.connected?V:null);!e||P.current.has(e.device_id)||(P.current.add(e.device_id),(0,x.jV)(e,U))},[q,V]),(0,a.useEffect)(()=>{!q||q.connected||E.message||U({deviceId:q.device_id,phase:"checking",message:`Waiting for ${q.device_name} to reconnect so Conductor can finish its package update.`})},[E.message,q]);let Z=(0,a.useCallback)(async e=>{O({deviceId:e.device_id,kind:"restart",status:"running",message:`Restarting the bridge service on ${e.device_name}.`});try{let t=await (0,k.b)(e.device_id);O({deviceId:e.device_id,kind:"restart",status:"completed",message:`${t} Waiting for ${e.device_name} to reconnect.`}),[2e3,5e3,1e4,2e4,35e3].forEach(e=>{window.setTimeout(()=>{H(!1)},e)})}catch(t){O({deviceId:e.device_id,kind:"restart",status:"failed",message:t instanceof Error?t.message:`Failed to restart ${e.device_name}.`})}},[H]),Q=(0,a.useCallback)(async e=>{O({deviceId:e.device_id,kind:"repair",status:"running",message:`Reinstalling the bridge service on ${e.device_name}.`});try{let t=(0,w.pj)(window.location.origin),r=await (0,k.E)(e.device_id,t);O({deviceId:e.device_id,kind:"repair",status:"completed",message:r}),window.setTimeout(()=>{H(!1)},2e3)}catch(t){O({deviceId:e.device_id,kind:"repair",status:"failed",message:t instanceof Error?t.message:`Failed to repair ${e.device_name}.`})}},[H]),K=(0,a.useCallback)(async e=>{await (0,x.jV)(e,U),window.setTimeout(()=>{H(!1)},2e3)},[H]);return W||W?(0,n.jsx)(o(),{href:_,prefetch:!0,className:"inline-flex",title:$.length>0?"Open paired devices":"Pair a device",children:(0,n.jsx)(N,{connected:!1,className:e,title:$.length>0?"Open paired devices":"Pair a device",suffix:(0,n.jsx)(l.A,{className:"h-3.5 w-3.5"})})}):(0,n.jsxs)(i.bL,{children:[(0,n.jsx)(i.l9,{asChild:!0,children:(0,n.jsx)("button",{type:"button",className:"outline-none",children:(0,n.jsx)(N,{connected:X,className:e,title:Y,suffix:(0,n.jsx)(c.A,{className:"h-3.5 w-3.5 text-current/70"})})})}),(0,n.jsx)(i.ZL,{children:(0,n.jsxs)(i.UC,{align:"end",sideOffset:8,className:"z-[90] w-[320px] rounded-[18px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] p-2 text-[var(--vk-text-normal)] shadow-[0_22px_48px_rgba(0,0,0,0.34)]",children:[(0,n.jsxs)("div",{className:"rounded-[14px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-3",children:[(0,n.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.22em] text-[var(--vk-text-muted)]",children:"Conductor Bridge"}),(0,n.jsx)("div",{className:"mt-2 text-[13px] text-[var(--vk-text-normal)]",children:X?`${G.length} device${1===G.length?"":"s"} online`:S?"Loading device status":"No live bridge connection"}),(0,n.jsx)("div",{className:"mt-2 text-[11px] leading-5 text-[var(--vk-text-faint)]",children:"If a laptop is online but misbehaving, repair the bridge, update Conductor, or restart the service here."}),R?(0,n.jsx)("div",{className:"mt-2 text-[12px] leading-5 text-[var(--vk-red)]",children:R}):null,E.message?(0,n.jsxs)("div",{className:(0,b.cn)("mt-2 flex flex-wrap items-center gap-2 text-[12px] leading-5","failed"===E.phase?"text-[var(--vk-red)]":"skipped"===E.phase?"text-[var(--vk-text-muted)]":"text-[var(--vk-text-faint)]"),children:[(0,n.jsx)("span",{className:"inline-flex items-center rounded-full border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:(0,x.qv)(E.phase)}),(0,n.jsx)("span",{children:E.message})]}):null]}),(0,n.jsx)("div",{className:"mt-2 max-h-[280px] overflow-y-auto",children:$.length>0?$.map(e=>{let t=(0,x.xv)(E,e.device_id),r="running"===L.status&&L.deviceId===e.device_id,a=r&&"repair"===L.kind,i=r&&"restart"===L.kind,s=L.deviceId===e.device_id&&(0,f.Az)(L.message)||E.deviceId===e.device_id&&(0,f.Az)(E.message);return(0,n.jsx)("div",{className:"rounded-[14px] px-3 py-2.5 transition-colors hover:bg-[var(--vk-bg-hover)]",children:(0,n.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,n.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,n.jsx)("div",{className:"truncate text-[13px] font-medium text-[var(--vk-text-strong)]",children:e.device_name}),(0,n.jsxs)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-muted)]",children:[e.hostname," \xb7 ",e.os,"/",e.arch,(0,y.wj)(e.last_status?.version)]}),(0,n.jsxs)("div",{className:"mt-1 text-[11px] text-[var(--vk-text-muted)]",children:["Relay: ",e.last_status?.hostname??e.hostname,(0,y.wj)(e.last_status?.version)]}),E.message&&E.deviceId===e.device_id?(0,n.jsxs)("div",{className:(0,b.cn)("mt-1 flex flex-wrap items-center gap-2 text-[11px] leading-5","failed"===E.phase?"text-[var(--vk-red)]":"skipped"===E.phase?"text-[var(--vk-text-muted)]":"text-[var(--vk-text-faint)]"),children:[(0,n.jsx)("span",{className:"inline-flex items-center rounded-full border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-2 py-0.5 text-[10px] font-semibold uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:(0,x.qv)(E.phase)}),(0,n.jsx)("span",{children:E.message})]}):null,L.message&&L.deviceId===e.device_id?(0,n.jsx)("div",{className:(0,b.cn)("mt-1 text-[11px] leading-5","failed"===L.status?"text-[var(--vk-red)]":"completed"===L.status?"text-[var(--vk-green)]":"text-[var(--vk-text-faint)]"),children:L.message}):null,s&&J?(0,n.jsx)(g.i,{deviceId:e.device_id,deviceName:e.device_name,dashboardUrl:J,installScriptUrl:(0,w.pj)(J),relayUrl:z}):null,e.connected?(0,n.jsxs)("div",{className:"mt-2 flex flex-wrap gap-2",children:[(0,n.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1.5 rounded-[10px] border border-[var(--vk-border)] px-2.5 py-1 text-[11px] font-medium text-[var(--vk-text-normal)] transition-colors hover:bg-[var(--vk-bg-hover)]",disabled:r||t,onClick:()=>{Q(e)},children:[a?(0,n.jsx)(u.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,n.jsx)(v.A,{className:"h-3.5 w-3.5"}),"Repair bridge"]}),(0,n.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1.5 rounded-[10px] border border-[var(--vk-border)] px-2.5 py-1 text-[11px] font-medium text-[var(--vk-text-normal)] transition-colors hover:bg-[var(--vk-bg-hover)]",disabled:t||r,onClick:()=>{K(e)},children:[t?(0,n.jsx)(u.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,n.jsx)(p.A,{className:"h-3.5 w-3.5"}),t?"Updating...":"Update Conductor"]}),(0,n.jsxs)("button",{type:"button",className:"inline-flex items-center gap-1.5 rounded-[10px] border border-[var(--vk-border)] px-2.5 py-1 text-[11px] font-medium text-[var(--vk-text-normal)] transition-colors hover:bg-[var(--vk-bg-hover)]",disabled:r||t,onClick:()=>{Z(e)},children:[i?(0,n.jsx)(u.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,n.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Restart service"]})]}):null]}),(0,n.jsx)(N,{connected:!0===e.connected})]})},e.device_id)}):(0,n.jsx)("div",{className:"rounded-[14px] border border-dashed border-[var(--vk-border)] px-3 py-4 text-[12px] text-[var(--vk-text-muted)]",children:S?"Loading paired devices...":"Pair a laptop to see bridge status here."})}),(0,n.jsx)(i.wv,{className:"my-2 h-px bg-[var(--vk-border)]"}),(0,n.jsx)(i.q7,{asChild:!0,children:(0,n.jsxs)(o(),{href:_,prefetch:!0,className:"flex items-center justify-between rounded-[12px] px-3 py-2 text-[13px] font-medium text-[var(--vk-text-normal)] outline-none transition-colors hover:bg-[var(--vk-bg-hover)] focus:bg-[var(--vk-bg-hover)]",children:[(0,n.jsx)("span",{children:"Open paired devices"}),(0,n.jsx)(h.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"})]})})]})})]})}function $({connected:e,className:t,title:r}={}){return"boolean"==typeof e?(0,n.jsx)(N,{connected:e,className:t,title:r}):(0,n.jsx)(C,{className:t})}},44522:(e,t,r)=>{r.d(t,{N8:()=>c,Tr:()=>p,jV:()=>m,m7:()=>v,qv:()=>s,xv:()=>o});var n=r(31404),a=r(11984);let i="conductor-bridge-recent-pairing";function s(e){switch(e){case"checking":return"Checking";case"updating":return"Updating";case"restarting":return"Restarting";case"completed":return"Completed";case"skipped":return"Skipped";case"failed":return"Failed";default:return"Idle"}}function o(e,t){return e.deviceId===t&&("checking"===e.phase||"updating"===e.phase||"restarting"===e.phase)}function d(e,t){return t.jobMessage??`Installing Conductor ${t.latestVersion??"latest"} on ${e.device_name}.`}function l(e){let t=e.currentVersion?.trim();return t?` (build ${t})`:""}function c(e){if(!e.enabled)switch(e.reason){case"source-checkout":return"This laptop is running from a source checkout, so there is no published package to auto-update.";case"missing-cli-metadata":return"This install could not determine its update metadata, so automatic package updates are unavailable.";default:return"Automatic package updates are unavailable for this laptop."}return e.updateAvailable?e.canAutoUpdate?`This laptop is already running the latest Conductor release${l(e)}.`:"npx"===e.installMode?"This laptop was launched via npx, so the next launch will pick up the latest package automatically.":e.updateCommand?`A newer Conductor release is available, but this install still needs a manual update: ${e.updateCommand}`:"A newer Conductor release is available, but this install cannot update itself automatically.":`This laptop is already running the latest Conductor release${l(e)}.`}async function u(e,t){var r,i;let s=t?.method??"GET",o=`/api/bridge/devices/${encodeURIComponent(e)}/app-update`,d=new URL((0,n.S)(o,e),window.location.origin);t?.force&&d.searchParams.set("force","1");let l=await fetch(d.toString(),{method:s,headers:t?.body?{"Content-Type":"application/json"}:void 0,body:t?.body?JSON.stringify(t.body):void 0,cache:"no-store"}),c=await l.json().catch(()=>null);if(!l.ok){let e;throw Error((r=c&&"object"==typeof c&&"error"in c&&"string"==typeof c.error?c.error:null,i=l.status,e=r?.trim()??"",(0,a.Az)(e)?(0,a.IG)("update"):e||`Failed to update Conductor on this laptop (${i})`))}let u=c&&"object"==typeof c?c:null;if(!u)throw Error("Paired device returned an invalid update payload.");return u}function v(e){let t={deviceId:e.deviceId,deviceName:e.deviceName??null,pairedAt:new Date().toISOString()};try{window.localStorage.setItem(i,JSON.stringify(t))}catch{}}function p(){try{let e=window.localStorage.getItem(i);if(!e)return null;let t=JSON.parse(e);if(!(t&&"object"==typeof t&&"string"==typeof t.deviceId&&"string"==typeof t.pairedAt&&(null===t.deviceName||"string"==typeof t.deviceName)))return window.localStorage.removeItem(i),null;let r=Date.parse(t.pairedAt);if(!Number.isFinite(r)||Date.now()-r>18e5)return window.localStorage.removeItem(i),null;return t}catch{return null}}async function m(e,t){let r=(r,n)=>{t({deviceId:e.device_id,phase:r,message:n})};r("checking",`Checking for Conductor updates on ${e.device_name}.`);try{let t=await u(e.device_id,{force:!0});if(t.restarting)return void r("restarting",t.jobMessage??`Restart scheduled on ${e.device_name}. This page will reconnect once the bridge runtime is back online.`);if("running"===t.jobStatus)r("updating",d(e,t));else{if(!t.updateAvailable||!t.enabled||!t.canAutoUpdate)return void r(t.enabled&&t.canAutoUpdate?"completed":"skipped",c(t));t=await u(e.device_id,{method:"POST"}),r("updating",d(e,t))}let n=Date.now()+3e5;for(;Date.now()<n&&"running"===t.jobStatus;){if(await new Promise(e=>{window.setTimeout(e,1500)}),(t=await u(e.device_id)).restarting)return void r("restarting",t.jobMessage??`Restart scheduled on ${e.device_name}. This page will reconnect once the bridge runtime is back online.`);r("updating",d(e,t))}if("running"===t.jobStatus)return void r("updating",`The package update is still running on ${e.device_name}. Leave this page open and Conductor will finish applying it in the background.`);if("failed"===t.jobStatus)throw Error(t.jobMessage??t.error??`Automatic package update failed on ${e.device_name}.`);if(t.restartRequired){if(t.canRestart){t=await u(e.device_id,{method:"POST",body:{action:"restart"}}),r("restarting",t.jobMessage??`Restart scheduled on ${e.device_name} to finish updating Conductor.`);return}r("completed",t.jobMessage??`The latest Conductor package is installed on ${e.device_name}. Restart that laptop to finish updating.`);return}r("completed",t.jobMessage??`${e.device_name} is now updated to Conductor ${t.latestVersion??"latest"}.`)}catch(t){r("failed",t instanceof Error?t.message:`Failed to auto-update ${e.device_name}.`)}}},46916:(e,t,r)=>{r.d(t,{cn:()=>i});var n=r(9917),a=r(2809);function i(...e){return(0,a.QP)((0,n.$)(e))}},61369:(e,t,r)=>{function n(e){return/^[A-Za-z0-9_./:=@%+-]+$/.test(e)?e:`'${e.replace(/'/g,"'\"'\"'")}'`}function a(e){return e.map(n).join(" ")}function i(e){return new URL("/bridge/install.sh",e).toString()}function s(e){return`/bridge/connect?device=${encodeURIComponent(e)}#bridge-setup`}function o(e){return`curl -fsSL ${n(e)} | sh`}function d(e,t,r){let n=["npx","--yes","conductor-oss@latest","bridge","setup","--dashboard-url",t];return r?.trim()&&n.push("--relay-url",r.trim()),a(n)}function l(e,t){let r=["conductor-bridge","connect","--dashboard-url",e];return t?.trim()&&r.push("--relay-url",t.trim()),a(r)}function c(e,t){let r=["conductor-bridge","pair","--code",e?.trim()||"ABC123"],n=["conductor-bridge","daemon"];return t?.trim()&&(r.push("--relay-url",t.trim()),n.push("--relay-url",t.trim())),`${a(r)}
+${a(n)}`}r.d(t,{$y:()=>d,G7:()=>o,hI:()=>l,kw:()=>s,pj:()=>i,zd:()=>c})},67506:(e,t,r)=>{r.d(t,{y:()=>a});var n=r(63680);function a(){let e=function(e){let t=e?.trim();if(!t)return null;try{let e=new URL(t);if("http:"!==e.protocol&&"https:"!==e.protocol)return null;return e.toString()}catch{return null}}(n.env.CONDUCTOR_BRIDGE_RELAY_URL??n.env.NEXT_PUBLIC_CONDUCTOR_BRIDGE_RELAY_URL);return e||null}},76081:(e,t,r)=>{r.d(t,{$:()=>l});var n=r(54568),a=r(46916),i=r(78347),s=r(7620);let o={default:"border-[var(--vk-border)] bg-[var(--vk-bg-panel)] text-[var(--vk-text-normal)] hover:bg-[var(--vk-bg-hover)]",primary:"border-[var(--vk-border)] bg-[var(--vk-bg-active)] text-[var(--vk-text-normal)] hover:bg-[var(--vk-bg-hover)]",ghost:"border-transparent bg-transparent text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",danger:"border-[var(--vk-red)]/40 bg-[color:color-mix(in_srgb,var(--vk-red)_18%,transparent)] text-[var(--vk-red)] hover:bg-[color:color-mix(in_srgb,var(--vk-red)_24%,transparent)]",outline:"border-[var(--vk-border)] bg-transparent text-[var(--vk-text-normal)] hover:bg-[var(--vk-bg-hover)]"},d={sm:"h-7 px-2.5 text-[12px] gap-1",md:"h-8 px-3 text-[13px] gap-1.5",lg:"h-9 px-3.5 text-[14px] gap-2",icon:"h-8 w-8 p-0"},l=(0,s.forwardRef)(({variant:e="default",size:t="md",asChild:r,className:s,children:l,...c},u)=>{let v=r?i.DX:"button";return(0,n.jsx)(v,{ref:u,className:(0,a.cn)("inline-flex items-center justify-center rounded-[var(--radius-sm)] border font-medium","transition-colors duration-150","focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--vk-orange)]","disabled:pointer-events-none disabled:opacity-45",o[e],d[t],s),...c,children:l})});l.displayName="Button"},86181:(e,t,r)=>{r.d(t,{Jn:()=>i,k$:()=>s,ox:()=>a,wP:()=>o});let n='MesloLGM Nerd Font, MesloLGM NF, MesloLGS NF, MesloLGS Nerd Font, Hack Nerd Font, FiraCode Nerd Font, JetBrainsMono Nerd Font, CaskaydiaCove Nerd Font, Menlo, Monaco, "Courier New", SF Mono, SF Pro, monospace';function a(e,t=.5){return!e||e.scrollHeight-e.clientHeight-e.scrollTop<=t}function i(e){var t;return(t="number"==typeof e&&Number.isFinite(e)&&e>0?e:1280)<420?{fontFamily:"'SF Mono', Menlo, Monaco, monospace",fontSize:10,lineHeight:1.1}:t<560?{fontFamily:"'SF Mono', Menlo, Monaco, monospace",fontSize:11,lineHeight:1.15}:t<768?{fontFamily:"'SF Mono', Menlo, Monaco, monospace",fontSize:12,lineHeight:1.2}:t<1024?{fontFamily:n,fontSize:13,lineHeight:1.2}:{fontFamily:n,fontSize:14,lineHeight:1.2}}function s(){var e;return"function"==typeof window.matchMedia&&window.matchMedia("(pointer: coarse)").matches,"u"<typeof navigator||navigator.maxTouchPoints,e=window.innerWidth,window.innerHeight,e<1024}function o(e,t,r,n){let a=Number.isFinite(e)?Math.max(0,e):0,i=Number.isFinite(t)?Math.max(0,t):a,s=Number.isFinite(r)?Math.max(0,r):0,o=Number.isFinite(n)?Math.max(0,n):0,d=Math.max(0,a-(i+s));return{usableHeight:Math.round(Math.max(0,i-Math.max(0,o-s))),keyboardInset:Math.round(d),keyboardVisible:d>=80}}}}]);

package/web/.next/standalone/packages/web/.next/static/chunks/9637.e9b5b6c2f348ed6b.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9637],{61153:(e,c,a)=>{a.d(c,{a:()=>f});var r=a(5974);let f=(0,r.createServerReference)("00ab6f65c328a0e73d8cdaaf05ba923c887e926be7",r.callServer,void 0,r.findSourceMapURL,"createOrReadKeylessAction")},89637:(e,c,a)=>{a.r(c),a.d(c,{createOrReadKeylessAction:()=>t.a,deleteKeylessAction:()=>d,detectKeylessEnvDriftAction:()=>r.A,syncKeylessConfigAction:()=>s});var r=a(7784),f=a(5974);let d=(0,f.createServerReference)("00812fc5e5a279786f8decd43591d9393fcda8b4d9",f.callServer,void 0,f.findSourceMapURL,"deleteKeylessAction");var t=a(61153);let s=(0,f.createServerReference)("409fc9ebcf53fffafcff0a5aed9364912f9e5d379a",f.callServer,void 0,f.findSourceMapURL,"syncKeylessConfigAction")}}]);

package/web/.next/standalone/packages/web/.next/static/chunks/app/layout-3d34660513c2076a.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{7784:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var o=t(5974);let n=(0,o.createServerReference)("005dbacaa9734761660e6a65401b1a058d6e4a433e",o.callServer,void 0,o.findSourceMapURL,"detectKeylessEnvDriftAction")},24876:(e,r,t)=>{Promise.resolve().then(t.bind(t,37204)),Promise.resolve().then(t.bind(t,36727)),Promise.resolve().then(t.bind(t,76940)),Promise.resolve().then(t.bind(t,48914)),Promise.resolve().then(t.bind(t,30679)),Promise.resolve().then(t.bind(t,62520)),Promise.resolve().then(t.bind(t,93603)),Promise.resolve().then(t.t.bind(t,48477,23)),Promise.resolve().then(t.t.bind(t,91745,23)),Promise.resolve().then(t.t.bind(t,31008,23)),Promise.resolve().then(t.t.bind(t,78578,23)),Promise.resolve().then(t.t.bind(t,74471,23)),Promise.resolve().then(t.bind(t,48204)),Promise.resolve().then(t.bind(t,92690))},46916:(e,r,t)=>{"use strict";t.d(r,{cn:()=>s});var o=t(9917),n=t(2809);function s(...e){return(0,n.QP)((0,o.$)(e))}},48204:(e,r,t)=>{"use strict";t.d(r,{ThemeProvider:()=>a});var o=t(54568),n=t(7620);let s=(0,n.createContext)({theme:"dark",toggleTheme:()=>{}});function i(e){let r=document.documentElement;r.classList.remove("dark","light"),r.classList.add(e)}function a({children:e}){let[r,t]=(0,n.useState)("dark");(0,n.useEffect)(()=>{let e=localStorage.getItem("conductor-theme");if("light"===e||"dark"===e){t(e),i(e);return}i("dark")},[]);let d=(0,n.useCallback)(()=>{t(e=>{let r="dark"===e?"light":"dark";return localStorage.setItem("conductor-theme",r),i(r),r})},[]);return(0,o.jsx)(s.Provider,{value:{theme:r,toggleTheme:d},children:e})}},55229:(e,r,t)=>{"use strict";t.d(r,{y:()=>n});var o=t(5974);let n=(0,o.createServerReference)("00eaba7ab43234872af7b38acc4eb7866973234487",o.callServer,void 0,o.findSourceMapURL,"invalidateCacheAction")},74471:()=>{},92690:(e,r,t)=>{"use strict";t.d(r,{TooltipProvider:()=>a});var o=t(54568),n=t(97257),s=t(7620),i=t(46916);let a=n.Kq;n.bL,n.l9,(0,s.forwardRef)(({className:e,sideOffset:r=8,...t},s)=>(0,o.jsx)(n.ZL,{children:(0,o.jsx)(n.UC,{ref:s,sideOffset:r,className:(0,i.cn)("z-50 rounded-[var(--radius-xs)] border border-[var(--border-strong)] bg-[var(--bg-panel)] px-2 py-1.5","text-[11px] text-[var(--text-normal)] shadow-[var(--shadow-soft)]","animate-in fade-in-0 zoom-in-95",e),...t})})).displayName="TooltipContent"}},e=>{e.O(0,[7547,3357,524,1455,7220,587,1968,7358],()=>e(e.s=24876)),_N_E=e.O()}]);

package/web/.next/{static/chunks/webpack-666d55c75158e6df.js → standalone/packages/web/.next/static/chunks/webpack-05b293441d3dcff4.js}

@@ -1 +1 @@
-(()=>{"use strict";var e,a,c,d,f,b,t,r,o,n={},i={};function s(e){var a=i[e];if(void 0!==a)return a.exports;var c=i[e]={exports:{}},d=!0;try{n[e](c,c.exports,s),d=!1}finally{d&&delete i[e]}return c.exports}s.m=n,e=[],s.O=(a,c,d,f)=>{if(c){f=f||0;for(var b=e.length;b>0&&e[b-1][2]>f;b--)e[b]=e[b-1];e[b]=[c,d,f];return}for(var t=1/0,b=0;b<e.length;b++){for(var[c,d,f]=e[b],r=!0,o=0;o<c.length;o++)(!1&f||t>=f)&&Object.keys(s.O).every(e=>s.O[e](c[o]))?c.splice(o--,1):(r=!1,f<t&&(t=f));if(r){e.splice(b--,1);var n=d();void 0!==n&&(a=n)}}return a},s.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return s.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,d){if(1&d&&(e=this(e)),8&d||"object"==typeof e&&e&&(4&d&&e.__esModule||16&d&&"function"==typeof e.then))return e;var f=Object.create(null);s.r(f);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach(a=>b[a]=()=>e[a]);return b.default=()=>e,s.d(f,b),f},s.d=(e,a)=>{for(var c in a)s.o(a,c)&&!s.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((a,c)=>(s.f[c](e,a),a),[])),s.u=e=>2452===e?"static/chunks/2452-70f8a3ac1c83e765.js":9450===e?"static/chunks/9450-296374d8c386d1aa.js":524===e?"static/chunks/524-766ca5d84a96df31.js":3954===e?"static/chunks/3954-9bc13b5c99af6c4e.js":"static/chunks/"+(({260:"336436a7",1659:"a4f73d83",1917:"58f38233",3470:"7545c6b5",3543:"6907ee1e",3616:"d917f8c9",3849:"87851ddc",4177:"19a2cade",4762:"b3ef812f",5134:"ca465714",8561:"f1fd93f1",9223:"08e9f8d4",9430:"59a51a4c",9992:"b74732b4"})[e]||e)+"."+({21:"89c66005a060a5db",39:"a4c71badafdd9999",49:"bfdb657c1e94fe04",66:"ba8e1f8a7de3ffd1",137:"7e8b0517bf569b15",143:"9393fc8d78a0dbd9",195:"b27e08cda1161770",205:"75576600d7a32b34",251:"6fe9737785590215",260:"77452dd3b20146a6",307:"364d1ff853e806b5",338:"301aee496ec62b30",347:"06e7bb721073d0b1",401:"dae54b037209112d",474:"e2261e8fe56e5d2b",491:"8df9bdbe831f4a73",520:"725f6c2169f35670",566:"464b5951f5f05fbc",614:"2281a8b0c301797b",634:"941fd9f55ad81365",638:"b62e9131cfac26e8",643:"8b320f8377a34b75",659:"14e369b9a4944635",667:"e76918e0db9306fc",695:"cc4437eb14820e73",705:"2659af85fc9c96ef",723:"3923fc1a881c8665",736:"183230ba50bb651f",759:"143be185109e794a",763:"30a13397784472fb",803:"a3f1e1d6d507fa12",850:"8533925c75596812",901:"2ed792978b958610",918:"c648315f31be5ecf",920:"98e63d826640ee86",931:"c7e3b80b2feae415",941:"fd98a3ee624da6e2",949:"fbf94b4684ba3c0b",997:"09c037d3028aae00",1006:"3c53de09482da913",1046:"33b71e1d00faada0",1052:"9ac2274003f5905d",1081:"6e400e5ffc4cd3a2",1087:"4ca163e5ca349fb0",1159:"dce3d7a284d851f9",1220:"754b8fdccae1a987",1225:"9d15e31cceff2b32",1227:"aef52ee97a37b67e",1251:"b08a0d5b010580b3",1256:"8218290894c814dd",1265:"e1e7fa92bc76df09",1343:"e183b62a101e2a28",1356:"df5a7b1d1f903566",1399:"dd0fc6368e5b9dbc",1485:"a50ac4eccab1da5a",1516:"1f7f72b30243687d",1569:"80a8d41e0abcb447",1604:"a56818148e23d78e",1613:"c6fe9f1e79098bb1",1659:"53e654ffdc9fdd3e",1745:"cd7d71918de9cb63",1874:"4cbce11be5d46d0e",1890:"1de505c9bbb58403",1917:"5ff89f94ff0f0386",1924:"5203170f07456b51",1949:"6166871f4616f671",1973:"ba05db0960003e3a",2002:"6ccdaa3301a08bc3",2008:"39797e4860749054",2009:"15bf57d75d91fc70",2029:"1f9ef678d457ce40",2064:"c919e26ada69b601",2094:"08a34a1f82aabb38",2118:"6d7d5b626ea9d95e",2136:"45f74e82dddfcf8a",2187:"316f1d2f81bd6a15",2194:"be772557a806b45b",2213:"2aeefe2d5fe80865",2228:"810adbeee03b4a23",2248:"181dfaa9b563f715",2288:"1e7ffee26b63eedf",2394:"2749bfe10e8256fd",2505:"59659818a6437c38",2582:"7f2e3456831cafbe",2618:"898cb1f35198c030",2643:"d8509333d39edf34",2672:"5484d5bc2feb29eb",2716:"74b190135fc8f8ae",2725:"f04d6fa81951b02d",2766:"6708336cdaaec987",2944:"f98cb801f2fe6801",2968:"c035675959036a26",3025:"a6409a4c50aa6b50",3027:"d32f7ce6fe24e24d",3035:"d55165cf71483875",3048:"581728e93215a4f2",3111:"7f47b7af66ca1fbf",3211:"b0595e60ea4fcff0",3219:"cc7c5745c8155aa9",3309:"ace84bdcc45f5619",3348:"2f574ccf2b5cfd8c",3445:"7c393f3049424e54",3446:"fb026320baffe327",3462:"5a0b5141527cda21",3470:"2ef286cc269cbbe0",3502:"76db367d14aefbab",3518:"1c34dd172e486ce4",3531:"fa4d6b63e1e692cd",3543:"8ad341b6a75fa799",3583:"28ace0881fe730ea",3609:"fcf9f91042cff79b",3616:"5680ad3780812343",3654:"462386fd309698f6",3714:"d42d5df72b92ec38",3736:"b92826c00020fe12",3750:"bab3eb0fdeb5a4a1",3826:"bdc7a2af31e802c3",3843:"cde2fe886e4eb9f2",3849:"dc71a6695b07428e",3922:"6f871228307155f8",3971:"154b902083a92a74",4021:"828758f4e47c21c3",4063:"3047633f31ed7455",4089:"e1046284ba419f1a",4107:"731f8239852ddbbe",4163:"7b7f2384954f9f57",4177:"31d92e49bbf690f8",4185:"ab47a50594e8178a",4280:"33630d2fd3b5faf7",4293:"04c5c8d53b110acc",4305:"39d5a4854f6581a3",4314:"a3eb2293d2685eb0",4319:"09d04cf39cd7b5b2",4352:"49db0f8e3514003f",4388:"0688e8bc30480818",4404:"953f24dbeb0a44c0",4429:"8f0b98d34e7e0df0",4443:"0500345894ac3cba",4486:"96a4833a8d35ee07",4535:"bd6377f18f4a51d5",4582:"8b972ea7500df8dd",4605:"9365a7e5cfa96b95",4611:"48026daa1ceef8e9",4651:"46eb45dbae3b7fbf",4695:"576442890bb85872",4715:"0235398be0cee170",4733:"db3cdb2b713fe48d",4742:"dd50a37e0c09e4d0",4743:"8f684de86de07757",4762:"c82050d496b46242",4849:"35376b4657ff1071",4889:"e7f34a1375ffd6e2",4891:"d007b90163d3764c",4910:"fa3651c9836e9cc8",4921:"c919e26ada69b601",4947:"e100d75290295105",4982:"70f8d2d0c17e3045",5013:"edb21916aadcba03",5034:"b30b7437764f6226",5134:"4d31bfa1a1fb3e89",5171:"43e5c4edb3205ebe",5299:"0ee0685bbff562f3",5350:"aa94c6b8388dca53",5361:"0d3c5e5a487a67ed",5372:"d89a41b743afad60",5387:"a19edfb860f62e94",5403:"4d4517a4aeb6f9d4",5406:"47524e5109936f41",5436:"1228842465009bde",5482:"b5316a9b4bf214ed",5488:"f8de80cfdcf5ea54",5503:"d687814dc81efe2a",5541:"551a82f6823faefa",5559:"16487a252280590e",5644:"3dae19dbc7cd6dc1",5794:"6608ef6f4dcae4c5",5811:"158470dcd2d20272",5910:"55ac290e7e676b0b",5937:"966f925b66fcfbfd",5965:"810c6a006d03100a",5968:"fbd894c4549909ae",5990:"c6ed8770bc5bb2b9",6056:"1236748c7371fe94",6092:"54281dc96c515c4c",6097:"c8f304e256b528f7",6114:"8aa1b5ce7e6d65e3",6143:"005593bfdd2ac4ef",6153:"1b16c58083ddc5da",6202:"46533eb50bcb2b02",6226:"8ab007badc948408",6227:"23f0128159fa5aa7",6258:"8c13bb60c07fd0a8",6267:"13f3222151b29c47",6294:"f625e24dda25ad33",6300:"46ca86f61f0e2653",6318:"1ceadf3c639caecd",6347:"7a01ff4eb14248c5",6439:"67ce2783c59f94a5",6446:"7f2a0581b25f2f32",6453:"dca52781e2d97623",6498:"c68cf2fed1f8e223",6543:"33b19a960d99cbd9",6546:"23d70f654f80c658",6558:"951535ea0d1f1134",6637:"3a8b94fba0f25c8e",6639:"509ba1e7aa03a5d0",6660:"3ab1fe8312128d13",6674:"d4d35317497fff70",6675:"a6cf864cd6fecad5",6702:"e7afb4c56e120896",6721:"b81baf909d7449fa",6750:"dd3e03b1561f93c7",6772:"702586c4a13fa3b5",6778:"b11dd7c7d98f5ec9",6820:"6cacbe052a5e60c3",6836:"28cea96e95318a01",6858:"083125bdb146331f",6884:"c194f0a98a1b9118",6934:"b01dbcef6fcc5f10",6944:"b258f33302e798eb",6976:"bc4b9f7f4e783f74",6982:"e249c102d4364c36",7052:"668b973df8146782",7077:"c8c37a8cc46080ec",7078:"006aaa7649f1eba1",7082:"536cebbdae597baa",7111:"4e2a85c51d610456",7245:"9a7044c686e1e8aa",7268:"f4890b6e1a3e575f",7302:"8172d81113189817",7383:"d818de224b4753ab",7388:"de247364c0d07eef",7403:"25b1d8574003a276",7452:"42dee77dbd7b945d",7504:"cc1d00d4cf49e440",7511:"95dc3df17bdce110",7538:"7e1bbbe63cff0562",7540:"cc573f0982af80f8",7559:"dc4bc3eed3a2c9aa",7565:"9ae86ea1715782a0",7578:"d04c0169c7ff59a0",7582:"95ebb4fa829e8609",7604:"49556d0292523231",7605:"278fa9614a1c4efc",7654:"69f0303ee3115f18",7799:"09bfbba1458ea0a0",7805:"61d009e1c1d63173",7813:"d7cd03ac2be02c32",7885:"bbf9d27c9955862e",7915:"4ff095add809bba6",7921:"28d1f2b5eae62719",7952:"81312df15a130b8d",7966:"0b31fb2fe5ded9b2",8e3:"4beca6f7273e77be",8043:"337f0eccb0fea28c",8048:"2249af53330a66f6",8090:"8388e7f012bf0720",8093:"cd36e108daad0739",8115:"eb9dfcc86b21cce2",8130:"997b05975d40c96e",8132:"736c2350218bc374",8179:"3106e7c063997aa3",8194:"b6d433be4f244e14",8198:"cb3080398c70f78a",8218:"ba21c9fe8e1eefe2",8392:"71f74c174370d847",8414:"ab44334e110076e4",8432:"265e7fb442f7455a",8495:"8803956ba0d8c40c",8539:"a2d3694f0d117516",8561:"64d591c95ab55378",8564:"52775d4281d72165",8599:"c0a141e199720df1",8645:"980580120c56e67f",8658:"eefde27f46690669",8672:"d1fcd7ce65b7e5cb",8678:"acd1281dd062017b",8706:"bd4abfb526b585cc",8707:"2c3de6c603e121a0",8716:"1f136fe023d06d7d",8724:"7aa617ae4d55c023",8733:"c626198538458c59",8735:"350b7fd13037afed",8745:"5ed48d5b158fa809",8791:"2566e7881cc41e40",8894:"57dc3f3674d677eb",8959:"57014b840ee75752",8967:"6a167410c4240598",9003:"db666d472b6641cf",9054:"d2c903b7ddcae050",9085:"651439c0e5509629",9115:"3cf91571d413e064",9120:"e4b2cccaaac06e9e",9121:"63e72a22943ba681",9136:"f074be345a9303f0",9167:"b297f3e0aac18dbd",9175:"9790d827e86e77dd",9203:"c5c041ead00ab2f9",9223:"15b9de8ccbdc5de6",9291:"877a6cbda0d05565",9327:"57b60dbce23abd74",9336:"57f0540627cf97d0",9344:"686191b6c16a6511",9354:"b29c9f4b8aa62a4b",9355:"28e46420ac563b95",9381:"6ee9137dc570b715",9388:"0f6a9f1c67c36e1c",9430:"fbe21468acadb86a",9439:"0aa6da7584d6c097",9506:"3d9e616fd121f667",9531:"3016f53df0c2a542",9602:"8c998080def3f0e0",9643:"fc02d88ab0d46ac1",9647:"6f33ab64e451a5e1",9650:"fa041bf7e01981a4",9683:"c919e26ada69b601",9707:"472a90178e35f6ae",9710:"1d9197dec86da9c0",9752:"b6a9b4abd7e860b5",9781:"4d49a4b2f4758912",9914:"314c7fab8d237bd8",9982:"7cbaa0d4f5a1d0a1",9992:"b957826bf9891669"})[e]+".js",s.miniCssF=e=>"static/css/6ef2fa08dd043252.css",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),d={},s.l=(e,a,c,f)=>{if(d[e])return void d[e].push(a);if(void 0!==c)for(var b,t,r=document.getElementsByTagName("script"),o=0;o<r.length;o++){var n=r[o];if(n.getAttribute("src")==e||n.getAttribute("data-webpack")=="_N_E:"+c){b=n;break}}b||(t=!0,(b=document.createElement("script")).charset="utf-8",b.timeout=120,s.nc&&b.setAttribute("nonce",s.nc),b.setAttribute("data-webpack","_N_E:"+c),b.src=s.tu(e)),d[e]=[a];var i=(a,c)=>{b.onerror=b.onload=null,clearTimeout(l);var f=d[e];if(delete d[e],b.parentNode&&b.parentNode.removeChild(b),f&&f.forEach(e=>e(c)),a)return a(c)},l=setTimeout(i.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=i.bind(null,b.onerror),b.onload=i.bind(null,b.onload),t&&document.head.appendChild(b)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.tt=()=>(void 0===f&&(f={createScriptURL:e=>e},"u">typeof trustedTypes&&trustedTypes.createPolicy&&(f=trustedTypes.createPolicy("nextjs#bundler",f))),f),s.tu=e=>s.tt().createScriptURL(e),s.p="/_next/",b={8068:0},s.f.miniCss=(e,a)=>{if(b[e])a.push(b[e]);else 0!==b[e]&&({4887:1})[e]&&a.push(b[e]=new Promise((a,c)=>{var d=s.miniCssF(e),f=s.p+d;if(((e,a)=>{for(var c=document.getElementsByTagName("link"),d=0;d<c.length;d++){var f=c[d],b=f.getAttribute("data-href")||f.getAttribute("href");if("stylesheet"===f.rel&&(b===e||b===a))return f}for(var t=document.getElementsByTagName("style"),d=0;d<t.length;d++){var f=t[d],b=f.getAttribute("data-href");if(b===e||b===a)return f}})(d,f))return a();((e,a,c,d)=>{var f=document.createElement("link");f.rel="stylesheet",f.type="text/css",f.onerror=f.onload=b=>{if(f.onerror=f.onload=null,"load"===b.type)c();else{var t=b&&("load"===b.type?"missing":b.type),r=b&&b.target&&b.target.href||a,o=Error("Loading CSS chunk "+e+" failed.\n("+r+")");o.code="CSS_CHUNK_LOAD_FAILED",o.type=t,o.request=r,f.parentNode.removeChild(f),d(o)}},f.href=a;if("function"==typeof _N_E_STYLE_LOAD){var b=f.href,t=f.onload,r=f.onerror;_N_E_STYLE_LOAD(0===b.indexOf(window.location.origin)?new URL(b).pathname:b).then(function(){t&&t.call(f,{type:"load"})},function(){r&&r.call(f,{})})}else document.head.appendChild(f)})(e,f,a,c)}).then(()=>{b[e]=0},a=>{throw delete b[e],a}))},t={8068:0,7547:0},s.f.j=(e,a)=>{var c=s.o(t,e)?t[e]:void 0;if(0!==c)if(c)a.push(c[2]);else if(/^(4887|7547|8068)$/.test(e))t[e]=0;else{var d=new Promise((a,d)=>c=t[e]=[a,d]);a.push(c[2]=d);var f=s.p+s.u(e),b=Error();s.l(f,a=>{if(s.o(t,e)&&(0!==(c=t[e])&&(t[e]=void 0),c)){var d=a&&("load"===a.type?"missing":a.type),f=a&&a.target&&a.target.src;b.message="Loading chunk "+e+" failed.\n("+d+": "+f+")",b.name="ChunkLoadError",b.type=d,b.request=f,c[1](b)}},"chunk-"+e,e)}},s.O.j=e=>0===t[e],r=(e,a)=>{var c,d,[f,b,r]=a,o=0;if(f.some(e=>0!==t[e])){for(c in b)s.o(b,c)&&(s.m[c]=b[c]);if(r)var n=r(s)}for(e&&e(a);o<f.length;o++)d=f[o],s.o(t,d)&&t[d]&&t[d][0](),t[d]=0;return s.O(n)},(o=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o)),s.nc=void 0})();
+(()=>{"use strict";var e,a,c,d,f,b,t,r,o,n={},i={};function s(e){var a=i[e];if(void 0!==a)return a.exports;var c=i[e]={exports:{}},d=!0;try{n[e](c,c.exports,s),d=!1}finally{d&&delete i[e]}return c.exports}s.m=n,e=[],s.O=(a,c,d,f)=>{if(c){f=f||0;for(var b=e.length;b>0&&e[b-1][2]>f;b--)e[b]=e[b-1];e[b]=[c,d,f];return}for(var t=1/0,b=0;b<e.length;b++){for(var[c,d,f]=e[b],r=!0,o=0;o<c.length;o++)(!1&f||t>=f)&&Object.keys(s.O).every(e=>s.O[e](c[o]))?c.splice(o--,1):(r=!1,f<t&&(t=f));if(r){e.splice(b--,1);var n=d();void 0!==n&&(a=n)}}return a},s.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return s.d(a,{a:a}),a},c=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,s.t=function(e,d){if(1&d&&(e=this(e)),8&d||"object"==typeof e&&e&&(4&d&&e.__esModule||16&d&&"function"==typeof e.then))return e;var f=Object.create(null);s.r(f);var b={};a=a||[null,c({}),c([]),c(c)];for(var t=2&d&&e;"object"==typeof t&&!~a.indexOf(t);t=c(t))Object.getOwnPropertyNames(t).forEach(a=>b[a]=()=>e[a]);return b.default=()=>e,s.d(f,b),f},s.d=(e,a)=>{for(var c in a)s.o(a,c)&&!s.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:a[c]})},s.f={},s.e=e=>Promise.all(Object.keys(s.f).reduce((a,c)=>(s.f[c](e,a),a),[])),s.u=e=>2452===e?"static/chunks/2452-70f8a3ac1c83e765.js":9450===e?"static/chunks/9450-296374d8c386d1aa.js":524===e?"static/chunks/524-766ca5d84a96df31.js":3954===e?"static/chunks/3954-9bc13b5c99af6c4e.js":"static/chunks/"+(({260:"336436a7",1659:"a4f73d83",1917:"58f38233",3470:"7545c6b5",3543:"6907ee1e",3616:"d917f8c9",3849:"87851ddc",4177:"19a2cade",4762:"b3ef812f",5134:"ca465714",8561:"f1fd93f1",9223:"08e9f8d4",9430:"59a51a4c",9992:"b74732b4"})[e]||e)+"."+({21:"89c66005a060a5db",39:"a4c71badafdd9999",49:"bfdb657c1e94fe04",66:"ba8e1f8a7de3ffd1",137:"7e8b0517bf569b15",143:"9393fc8d78a0dbd9",195:"b27e08cda1161770",205:"75576600d7a32b34",251:"6fe9737785590215",260:"77452dd3b20146a6",307:"364d1ff853e806b5",338:"301aee496ec62b30",347:"06e7bb721073d0b1",401:"dae54b037209112d",474:"e2261e8fe56e5d2b",491:"8df9bdbe831f4a73",520:"725f6c2169f35670",566:"464b5951f5f05fbc",614:"2281a8b0c301797b",634:"941fd9f55ad81365",638:"b62e9131cfac26e8",643:"8b320f8377a34b75",659:"14e369b9a4944635",667:"e76918e0db9306fc",695:"cc4437eb14820e73",705:"2659af85fc9c96ef",723:"3923fc1a881c8665",736:"183230ba50bb651f",759:"143be185109e794a",763:"30a13397784472fb",803:"a3f1e1d6d507fa12",850:"8533925c75596812",901:"2ed792978b958610",918:"c648315f31be5ecf",920:"98e63d826640ee86",931:"c7e3b80b2feae415",941:"fd98a3ee624da6e2",949:"fbf94b4684ba3c0b",997:"09c037d3028aae00",1006:"3c53de09482da913",1046:"33b71e1d00faada0",1052:"9ac2274003f5905d",1081:"6e400e5ffc4cd3a2",1087:"4ca163e5ca349fb0",1159:"dce3d7a284d851f9",1220:"754b8fdccae1a987",1225:"9d15e31cceff2b32",1227:"aef52ee97a37b67e",1251:"b08a0d5b010580b3",1256:"8218290894c814dd",1265:"e1e7fa92bc76df09",1343:"e183b62a101e2a28",1356:"df5a7b1d1f903566",1399:"dd0fc6368e5b9dbc",1485:"a50ac4eccab1da5a",1516:"1f7f72b30243687d",1569:"80a8d41e0abcb447",1604:"a56818148e23d78e",1613:"c6fe9f1e79098bb1",1659:"53e654ffdc9fdd3e",1745:"cd7d71918de9cb63",1874:"4cbce11be5d46d0e",1890:"1de505c9bbb58403",1917:"5ff89f94ff0f0386",1924:"5203170f07456b51",1949:"6166871f4616f671",1973:"ba05db0960003e3a",2002:"6ccdaa3301a08bc3",2008:"39797e4860749054",2009:"15bf57d75d91fc70",2029:"1f9ef678d457ce40",2064:"c919e26ada69b601",2094:"08a34a1f82aabb38",2118:"6d7d5b626ea9d95e",2136:"45f74e82dddfcf8a",2187:"316f1d2f81bd6a15",2194:"be772557a806b45b",2213:"2aeefe2d5fe80865",2228:"810adbeee03b4a23",2248:"181dfaa9b563f715",2288:"1e7ffee26b63eedf",2394:"2749bfe10e8256fd",2505:"59659818a6437c38",2582:"7f2e3456831cafbe",2618:"898cb1f35198c030",2643:"d8509333d39edf34",2672:"5484d5bc2feb29eb",2716:"74b190135fc8f8ae",2725:"f04d6fa81951b02d",2766:"6708336cdaaec987",2944:"f98cb801f2fe6801",2968:"c035675959036a26",3025:"a6409a4c50aa6b50",3027:"d32f7ce6fe24e24d",3035:"d55165cf71483875",3048:"581728e93215a4f2",3111:"7f47b7af66ca1fbf",3211:"b0595e60ea4fcff0",3219:"cc7c5745c8155aa9",3309:"ace84bdcc45f5619",3348:"2f574ccf2b5cfd8c",3445:"7c393f3049424e54",3446:"fb026320baffe327",3462:"5a0b5141527cda21",3470:"2ef286cc269cbbe0",3502:"76db367d14aefbab",3518:"1c34dd172e486ce4",3531:"fa4d6b63e1e692cd",3543:"8ad341b6a75fa799",3583:"28ace0881fe730ea",3609:"fcf9f91042cff79b",3616:"5680ad3780812343",3714:"d42d5df72b92ec38",3736:"b92826c00020fe12",3750:"bab3eb0fdeb5a4a1",3826:"bdc7a2af31e802c3",3843:"cde2fe886e4eb9f2",3849:"dc71a6695b07428e",3922:"6f871228307155f8",3971:"154b902083a92a74",4021:"828758f4e47c21c3",4063:"3047633f31ed7455",4089:"108861a1fa8ed692",4107:"731f8239852ddbbe",4163:"7b7f2384954f9f57",4177:"31d92e49bbf690f8",4185:"ab47a50594e8178a",4280:"33630d2fd3b5faf7",4293:"04c5c8d53b110acc",4305:"39d5a4854f6581a3",4314:"a3eb2293d2685eb0",4319:"09d04cf39cd7b5b2",4352:"49db0f8e3514003f",4388:"0688e8bc30480818",4404:"953f24dbeb0a44c0",4429:"8f0b98d34e7e0df0",4443:"3f82873df09aef1c",4486:"96a4833a8d35ee07",4535:"bd6377f18f4a51d5",4582:"8b972ea7500df8dd",4605:"9365a7e5cfa96b95",4611:"48026daa1ceef8e9",4651:"46eb45dbae3b7fbf",4695:"576442890bb85872",4715:"0235398be0cee170",4733:"db3cdb2b713fe48d",4742:"dd50a37e0c09e4d0",4743:"8f684de86de07757",4762:"c82050d496b46242",4849:"35376b4657ff1071",4889:"e7f34a1375ffd6e2",4891:"d007b90163d3764c",4910:"fa3651c9836e9cc8",4921:"c919e26ada69b601",4947:"e100d75290295105",4982:"70f8d2d0c17e3045",5013:"edb21916aadcba03",5034:"b30b7437764f6226",5134:"4d31bfa1a1fb3e89",5171:"43e5c4edb3205ebe",5299:"0ee0685bbff562f3",5350:"aa94c6b8388dca53",5361:"0d3c5e5a487a67ed",5372:"d89a41b743afad60",5387:"a19edfb860f62e94",5403:"4d4517a4aeb6f9d4",5406:"47524e5109936f41",5436:"1228842465009bde",5482:"b5316a9b4bf214ed",5488:"f8de80cfdcf5ea54",5503:"d687814dc81efe2a",5541:"551a82f6823faefa",5559:"16487a252280590e",5644:"3dae19dbc7cd6dc1",5794:"6608ef6f4dcae4c5",5811:"158470dcd2d20272",5910:"55ac290e7e676b0b",5937:"966f925b66fcfbfd",5965:"810c6a006d03100a",5968:"fbd894c4549909ae",5990:"c6ed8770bc5bb2b9",6056:"1236748c7371fe94",6092:"54281dc96c515c4c",6097:"c8f304e256b528f7",6114:"8aa1b5ce7e6d65e3",6143:"005593bfdd2ac4ef",6153:"1b16c58083ddc5da",6202:"46533eb50bcb2b02",6226:"8ab007badc948408",6227:"23f0128159fa5aa7",6258:"8c13bb60c07fd0a8",6267:"13f3222151b29c47",6294:"f625e24dda25ad33",6300:"46ca86f61f0e2653",6318:"1ceadf3c639caecd",6347:"7a01ff4eb14248c5",6439:"67ce2783c59f94a5",6446:"7f2a0581b25f2f32",6453:"dca52781e2d97623",6498:"c68cf2fed1f8e223",6543:"33b19a960d99cbd9",6546:"23d70f654f80c658",6558:"951535ea0d1f1134",6637:"3a8b94fba0f25c8e",6639:"509ba1e7aa03a5d0",6660:"3ab1fe8312128d13",6674:"d4d35317497fff70",6675:"a6cf864cd6fecad5",6702:"e7afb4c56e120896",6721:"b81baf909d7449fa",6750:"dd3e03b1561f93c7",6772:"702586c4a13fa3b5",6778:"b11dd7c7d98f5ec9",6820:"6cacbe052a5e60c3",6836:"28cea96e95318a01",6858:"083125bdb146331f",6884:"c194f0a98a1b9118",6934:"b01dbcef6fcc5f10",6944:"b258f33302e798eb",6976:"bc4b9f7f4e783f74",6982:"e249c102d4364c36",7052:"668b973df8146782",7077:"c8c37a8cc46080ec",7078:"006aaa7649f1eba1",7082:"536cebbdae597baa",7111:"4e2a85c51d610456",7245:"9a7044c686e1e8aa",7268:"f4890b6e1a3e575f",7302:"8172d81113189817",7383:"d818de224b4753ab",7388:"de247364c0d07eef",7403:"25b1d8574003a276",7452:"42dee77dbd7b945d",7504:"cc1d00d4cf49e440",7511:"95dc3df17bdce110",7538:"7e1bbbe63cff0562",7540:"cc573f0982af80f8",7559:"dc4bc3eed3a2c9aa",7565:"9ae86ea1715782a0",7578:"d04c0169c7ff59a0",7582:"95ebb4fa829e8609",7604:"49556d0292523231",7605:"278fa9614a1c4efc",7654:"69f0303ee3115f18",7799:"09bfbba1458ea0a0",7805:"61d009e1c1d63173",7813:"d7cd03ac2be02c32",7885:"bbf9d27c9955862e",7915:"4ff095add809bba6",7921:"28d1f2b5eae62719",7952:"81312df15a130b8d",7966:"0b31fb2fe5ded9b2",8e3:"4beca6f7273e77be",8043:"337f0eccb0fea28c",8048:"2249af53330a66f6",8090:"8388e7f012bf0720",8093:"cd36e108daad0739",8115:"eb9dfcc86b21cce2",8130:"997b05975d40c96e",8132:"736c2350218bc374",8179:"3106e7c063997aa3",8194:"b6d433be4f244e14",8198:"cb3080398c70f78a",8218:"ba21c9fe8e1eefe2",8392:"71f74c174370d847",8414:"ab44334e110076e4",8432:"265e7fb442f7455a",8495:"8803956ba0d8c40c",8539:"a2d3694f0d117516",8561:"64d591c95ab55378",8564:"52775d4281d72165",8599:"c0a141e199720df1",8645:"980580120c56e67f",8658:"eefde27f46690669",8672:"d1fcd7ce65b7e5cb",8678:"acd1281dd062017b",8706:"bd4abfb526b585cc",8707:"2c3de6c603e121a0",8716:"1f136fe023d06d7d",8724:"7aa617ae4d55c023",8733:"c626198538458c59",8735:"350b7fd13037afed",8745:"5ed48d5b158fa809",8791:"2566e7881cc41e40",8894:"57dc3f3674d677eb",8959:"57014b840ee75752",8967:"6a167410c4240598",9003:"db666d472b6641cf",9054:"d2c903b7ddcae050",9085:"651439c0e5509629",9115:"3cf91571d413e064",9120:"e4b2cccaaac06e9e",9121:"63e72a22943ba681",9136:"f074be345a9303f0",9167:"b297f3e0aac18dbd",9175:"9790d827e86e77dd",9203:"c5c041ead00ab2f9",9223:"15b9de8ccbdc5de6",9291:"877a6cbda0d05565",9327:"57b60dbce23abd74",9336:"57f0540627cf97d0",9344:"686191b6c16a6511",9354:"b29c9f4b8aa62a4b",9355:"28e46420ac563b95",9381:"6ee9137dc570b715",9388:"0f6a9f1c67c36e1c",9430:"fbe21468acadb86a",9439:"0aa6da7584d6c097",9506:"3d9e616fd121f667",9531:"3016f53df0c2a542",9602:"8c998080def3f0e0",9637:"e9b5b6c2f348ed6b",9643:"fc02d88ab0d46ac1",9647:"6f33ab64e451a5e1",9650:"fa041bf7e01981a4",9683:"c919e26ada69b601",9707:"472a90178e35f6ae",9710:"1d9197dec86da9c0",9752:"b6a9b4abd7e860b5",9781:"4d49a4b2f4758912",9914:"314c7fab8d237bd8",9982:"7cbaa0d4f5a1d0a1",9992:"b957826bf9891669"})[e]+".js",s.miniCssF=e=>"static/css/6ef2fa08dd043252.css",s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),d={},s.l=(e,a,c,f)=>{if(d[e])return void d[e].push(a);if(void 0!==c)for(var b,t,r=document.getElementsByTagName("script"),o=0;o<r.length;o++){var n=r[o];if(n.getAttribute("src")==e||n.getAttribute("data-webpack")=="_N_E:"+c){b=n;break}}b||(t=!0,(b=document.createElement("script")).charset="utf-8",b.timeout=120,s.nc&&b.setAttribute("nonce",s.nc),b.setAttribute("data-webpack","_N_E:"+c),b.src=s.tu(e)),d[e]=[a];var i=(a,c)=>{b.onerror=b.onload=null,clearTimeout(l);var f=d[e];if(delete d[e],b.parentNode&&b.parentNode.removeChild(b),f&&f.forEach(e=>e(c)),a)return a(c)},l=setTimeout(i.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=i.bind(null,b.onerror),b.onload=i.bind(null,b.onload),t&&document.head.appendChild(b)},s.r=e=>{"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.tt=()=>(void 0===f&&(f={createScriptURL:e=>e},"u">typeof trustedTypes&&trustedTypes.createPolicy&&(f=trustedTypes.createPolicy("nextjs#bundler",f))),f),s.tu=e=>s.tt().createScriptURL(e),s.p="/_next/",b={8068:0},s.f.miniCss=(e,a)=>{if(b[e])a.push(b[e]);else 0!==b[e]&&({4887:1})[e]&&a.push(b[e]=new Promise((a,c)=>{var d=s.miniCssF(e),f=s.p+d;if(((e,a)=>{for(var c=document.getElementsByTagName("link"),d=0;d<c.length;d++){var f=c[d],b=f.getAttribute("data-href")||f.getAttribute("href");if("stylesheet"===f.rel&&(b===e||b===a))return f}for(var t=document.getElementsByTagName("style"),d=0;d<t.length;d++){var f=t[d],b=f.getAttribute("data-href");if(b===e||b===a)return f}})(d,f))return a();((e,a,c,d)=>{var f=document.createElement("link");f.rel="stylesheet",f.type="text/css",f.onerror=f.onload=b=>{if(f.onerror=f.onload=null,"load"===b.type)c();else{var t=b&&("load"===b.type?"missing":b.type),r=b&&b.target&&b.target.href||a,o=Error("Loading CSS chunk "+e+" failed.\n("+r+")");o.code="CSS_CHUNK_LOAD_FAILED",o.type=t,o.request=r,f.parentNode.removeChild(f),d(o)}},f.href=a;if("function"==typeof _N_E_STYLE_LOAD){var b=f.href,t=f.onload,r=f.onerror;_N_E_STYLE_LOAD(0===b.indexOf(window.location.origin)?new URL(b).pathname:b).then(function(){t&&t.call(f,{type:"load"})},function(){r&&r.call(f,{})})}else document.head.appendChild(f)})(e,f,a,c)}).then(()=>{b[e]=0},a=>{throw delete b[e],a}))},t={8068:0,7547:0},s.f.j=(e,a)=>{var c=s.o(t,e)?t[e]:void 0;if(0!==c)if(c)a.push(c[2]);else if(/^(4887|7547|8068)$/.test(e))t[e]=0;else{var d=new Promise((a,d)=>c=t[e]=[a,d]);a.push(c[2]=d);var f=s.p+s.u(e),b=Error();s.l(f,a=>{if(s.o(t,e)&&(0!==(c=t[e])&&(t[e]=void 0),c)){var d=a&&("load"===a.type?"missing":a.type),f=a&&a.target&&a.target.src;b.message="Loading chunk "+e+" failed.\n("+d+": "+f+")",b.name="ChunkLoadError",b.type=d,b.request=f,c[1](b)}},"chunk-"+e,e)}},s.O.j=e=>0===t[e],r=(e,a)=>{var c,d,[f,b,r]=a,o=0;if(f.some(e=>0!==t[e])){for(c in b)s.o(b,c)&&(s.m[c]=b[c]);if(r)var n=r(s)}for(e&&e(a);o<f.length;o++)d=f[o],s.o(t,d)&&t[d]&&t[d][0](),t[d]=0;return s.O(n)},(o=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o)),s.nc=void 0})();

package/web/.next/static/chunks/{4089.e1046284ba419f1a.js → 4089.108861a1fa8ed692.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4089],{54089:(e,t,r)=>{r.r(t),r.d(t,{SessionPreview:()=>D});var a=r(54568),n=r(7620),s=r(97380),l=r(60527),i=r(45601),o=r(58299),c=r(89603),d=r(63264),m=r(20732),x=r(59706),u=r(36645),p=r(82797),v=r(22996),h=r(69863),g=r(75646),f=r(90986),b=r(76081),w=r(40443),k=r(11791),j=r(46916);let N=(0,n.forwardRef)(({className:e,children:t,...r},n)=>(0,a.jsxs)(k.bL,{ref:n,className:(0,j.cn)("relative overflow-hidden",e),...r,children:[(0,a.jsx)(k.LM,{className:"h-full w-full rounded-[inherit]",children:t}),(0,a.jsx)(y,{}),(0,a.jsx)(k.OK,{})]}));N.displayName="ScrollArea";let y=(0,n.forwardRef)(({className:e,orientation:t="vertical",...r},n)=>(0,a.jsx)(k.Ze,{ref:n,orientation:t,className:(0,j.cn)("flex touch-none select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent p-px",e),...r,children:(0,a.jsx)(k.zi,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));y.displayName="ScrollBar";let E=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 $(e){let t=Date.parse(e);return Number.isNaN(t)?e:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(t))}function C(e,t=120){return e.length<=t?e:`${e.slice(0,t-1)}…`}function M(e,t=180){let r=C((e??"").replace(/\s+/g," ").trim(),t);return r?`"${r.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function A(e){return e.map(e=>e?.trim()).filter(e=>!!e).join("; ")}function S(e,t){return[`[${e}]`,...t.map(e=>e?.trim()).filter(e=>!!e)].join("\n")}function F(e,t){return{inlineText:A(["[Browser selection]",`selector=${M(e.selector,220)}`,`tag=${e.tag}`,e.role?`role=${e.role}`:null,e.name?`name=${M(e.name,140)}`:null,e.text?`text=${M(e.text,180)}`:null,e.frameName?`frame=${M(e.frameName,120)}`:null,t?`page=${M(t,220)}`:null]),draftText:S("Browser selection",[t?`Page: ${t}`:null,`Frame: ${e.frameName} (${e.frameUrl})`,`Selector: ${e.selector}`,`Tag: ${e.tag}`,e.role?`Role: ${e.role}`:null,e.name?`Name: ${e.name}`:null,e.text?`Text: ${e.text}`:null,e.htmlPreview?`HTML preview: ${e.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function _(e,t,r,a){let n=t.slice("console"===e?-8:-10),s=n.map(t=>{let r=[t.level,M(t.message,120)];return"network"===e&&(r.unshift(t.method??"GET"),r.push("number"==typeof t.status?String(t.status):null),r.push(t.url?M(t.url,120):null)),r.filter(Boolean).join(" ")});return{inlineText:A(["console"===e?"[Browser console]":"[Browser network]",r?`page=${M(r,220)}`:null,a?`selected=${M(a.selector,180)}`:null,`entries=${M(s.join(" | "),520)}`]),draftText:S("console"===e?"Browser console logs":"Browser network logs",[r?`Page: ${r}`:null,a?`Selected element: ${a.selector}`:null,...n.map(t=>"console"===e?`- ${$(t.timestamp)} ${t.level}: ${t.message}`:`- ${$(t.timestamp)} ${t.method??"GET"} ${t.status??"-"} ${t.url??t.message}`)]),successMessage:"console"===e?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function D({sessionId:e,active:t,onQueueTerminalInsert:r,onConnectionChange:k}){let[y,M]=(0,n.useState)(null),[A,S]=(0,n.useState)([]),[U,I]=(0,n.useState)(!1),[T,R]=(0,n.useState)(!1),[L,W]=(0,n.useState)(!0),[H,P]=(0,n.useState)(!0),[O,z]=(0,n.useState)(null),[B,K]=(0,n.useState)(null),[q,Q]=(0,n.useState)(null),[Z,X]=(0,n.useState)(null),[Y,G]=(0,n.useState)("navigate"),[J,V]=(0,n.useState)(null),[ee,et]=(0,n.useState)(""),[er,ea]=(0,n.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0}),en=(0,n.useRef)(null),es=(0,n.useRef)(Promise.resolve()),el=(0,n.useRef)(null),ei=(0,n.useRef)(null),[eo,ec]=(0,n.useState)(!0),ed=t&&eo;(0,n.useEffect)(()=>{let e=()=>{ec(!document.hidden)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]);let em=(0,n.useCallback)(async()=>{let t=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{cache:"no-store"}),r=await t.json().catch(()=>null);if(!t.ok)throw Error(r&&"error"in r?r.error??"Failed to load preview state":`Failed to load preview state: ${t.status}`);M(r),z(null),et(e=>e.trim().length>0&&e!==y?.currentUrl?e:r.currentUrl??r.candidateUrls[0]??e)},[e,y?.currentUrl]),ex=(0,n.useCallback)(async t=>{R(!0),z(null);try{let r=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await r.json().catch(()=>null);if(!r.ok)throw a&&"object"==typeof a&&"status"in a&&a.status&&M(a.status),Error(a&&"error"in a?a.error??"Preview command failed":`Preview command failed: ${r.status}`);return M(a),a}finally{R(!1)}},[e]),eu=(0,n.useCallback)((e,t)=>{es.current=es.current.catch(()=>void 0).then(async()=>{try{await ex(e)}catch(e){z(e instanceof Error?e.message:t)}})},[ex]),ep=(0,n.useCallback)(async t=>{if(!y?.connected)return void S([]);I(!0);try{let r=new URLSearchParams;t&&r.set("frameId",t),H&&r.set("interactiveOnly","1");let a=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview/dom?${r.toString()}`,{cache:"no-store"}),n=await a.json().catch(()=>null);if(!a.ok)throw Error(n&&"error"in n?n.error??"Failed to inspect DOM":`Failed to inspect DOM: ${a.status}`);S(n.nodes)}catch(e){z(e instanceof Error?e.message:"Failed to inspect DOM"),S([])}finally{I(!1)}},[H,e,y?.connected]);(0,n.useEffect)(()=>{if(!ed)return;let e=!0;(async()=>{try{await em()}catch(t){e&&z(t instanceof Error?t.message:"Failed to load preview")}finally{e&&W(!1)}})();let t=window.setInterval(()=>{em().catch(t=>{e&&z(t instanceof Error?t.message:"Failed to refresh preview")})},4e3);return()=>{e=!1,window.clearInterval(t)}},[em,ed]),(0,n.useEffect)(()=>{ed&&y?.connected?ep(y.activeFrameId):S([])},[H,ep,ed,y?.activeFrameId,y?.connected,y?.screenshotKey]),(0,n.useEffect)(()=>{if(!ed)return;if(y?.connected){en.current=null;return}V(null);let e=y?.candidateUrls[0];if(!e)return;let t=en.current?.attemptedAt??NaN,r=en.current?.candidate??null,a=Date.now();r===e&&Number.isFinite(t)&&a-t<5e3||(en.current={candidate:e,attemptedAt:a},ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")}))},[ex,ed,y?.candidateUrls,y?.connected]),(0,n.useEffect)(()=>{k?.(!!(ed&&y?.connected&&y?.screenshotKey))},[k,ed,y?.connected,y?.screenshotKey]);let ev=(0,n.useMemo)(()=>y?.connected?`/api/sessions/${encodeURIComponent(e)}/preview/screenshot?ts=${encodeURIComponent(y.screenshotKey)}`:null,[e,y?.connected,y?.screenshotKey]),eh=(0,n.useMemo)(()=>y?.frames.find(e=>e.id===y.activeFrameId)??null,[y?.activeFrameId,y?.frames]),eg=(0,n.useMemo)(()=>y?.frames.find(e=>e.isMain)??null,[y?.frames]),ef=null!==Z,eb=!!eh?.isMain,ew=(0,n.useMemo)(()=>{let e=y?.selectedElement?.bounds;if(!y?.selectedElement||!e||!eg||y.selectedElement.frameId!==eg.id||!er.naturalWidth||!er.naturalHeight||!er.renderedWidth||!er.renderedHeight)return null;let t=er.renderedWidth/er.naturalWidth,r=er.renderedHeight/er.naturalHeight;return{left:`${e.x*t}px`,top:`${e.y*r}px`,width:`${Math.max(e.width*t,2)}px`,height:`${Math.max(e.height*r,2)}px`}},[er,eg,y?.selectedElement]),ek=(0,n.useCallback)(async()=>{let e=ee.trim();if(e)try{await ex({command:"connect",url:e})}catch(e){z(e instanceof Error?e.message:"Failed to connect preview")}},[ex,ee]),ej=(0,n.useCallback)((e,t,r=!1)=>{V({anchorX:e,anchorY:t,pending:r}),K(null),Q(null)},[]),eN=(0,n.useCallback)(e=>{G(e),V(null),K(null),Q(null)},[]),ey=(0,n.useMemo)(()=>{if(!J)return null;let e=er.renderedWidth||340,t=er.renderedHeight||280,r=Math.max(220,t-24);if(e<=520)return{left:"12px",top:`${Math.max(12,t-Math.min(280,r)-12)}px`,width:`${Math.max(e-24,220)}px`,maxHeight:`${r}px`};let a=Math.min(340,Math.max(e-24,240)),n=Math.max(12,e-a-12),s=Math.max(12,t-280-12),l=J.anchorX+18,i=J.anchorY+18,o=l>n?Math.max(12,J.anchorX-a-18):l,c=i>s?Math.max(12,J.anchorY-280-18):i;return{left:`${Math.min(Math.max(o,12),n)}px`,top:`${Math.min(Math.max(c,12),s)}px`,width:`${a}px`,maxHeight:`${r}px`}},[er.renderedHeight,er.renderedWidth,J]);(0,n.useEffect)(()=>{if(!J)return;let e=e=>{"Escape"===e.key&&V(null)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[J]);let eE=(0,n.useCallback)(e=>{if(!el.current)return null;let t=el.current.getBoundingClientRect();if(!t.width||!t.height||!el.current.naturalWidth||!el.current.naturalHeight)return null;let r=e.clientX-t.left,a=e.clientY-t.top;return{anchorX:r,anchorY:a,x:r/t.width*el.current.naturalWidth,y:a/t.height*el.current.naturalHeight}},[]),e$=(0,n.useCallback)(e=>{r(e),K(null),Q(e.successMessage)},[r]),eC=(0,n.useCallback)(async(e,t,r,a)=>{ej(r,a,!0);try{let n=await ex({command:"selectAtPoint",x:e,y:t});return ej(r,a,!1),n}catch(e){throw V(null),e}},[ej,ex]),eM=(0,n.useCallback)(async(e,t)=>{let r=Math.max(er.renderedWidth-44,12);ej(r,12,!0);try{let a=await ex({command:"selectBySelector",selector:e,frameId:t});return ej(r,12,!1),a}catch(e){throw V(null),e}},[er.renderedWidth,ej,ex]),eA=(0,n.useCallback)(async e=>{if(T)return;let t=eE(e);if(t){if(V(null),K(null),Q(null),"navigate"===Y){ei.current?.focus({preventScroll:!0});try{await ex({command:"clickAtPoint",x:t.x,y:t.y})}catch(e){z(e instanceof Error?e.message:"Failed to interact with preview")}return}if(eb)try{await eC(t.x,t.y,t.anchorX,t.anchorY)}catch(e){z(e instanceof Error?e.message:"Failed to select element")}}},[T,eb,Y,eE,ex,eC]),eS=(0,n.useCallback)(async e=>{if(T||"inspect"!==Y||!eb)return;let t=eE(e);if(t){K(null),Q(null);try{let e=await eC(t.x,t.y,t.anchorX,t.anchorY);if(!e.selectedElement)throw Error("No element found at the selected point");e$(F(e.selectedElement,e.currentUrl))}catch(e){z(e instanceof Error?e.message:"Failed to queue selected element")}}},[T,eb,Y,e$,eE,eC]),eF=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected||e.metaKey||e.ctrlKey||e.altKey)return;let t=E.get(e.key);if(t){e.preventDefault(),eu({command:"pressKey",key:t},"Failed to send key to preview");return}1===e.key.length&&(e.preventDefault(),eu({command:"typeText",text:e.key},"Failed to type into preview"))},[Y,eu,y?.connected]),e_=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected)return;let t=e.clipboardData.getData("text");t&&(e.preventDefault(),eu({command:"typeText",text:t},"Failed to paste into preview"))},[Y,eu,y?.connected]),eD=(0,n.useCallback)(e=>{if(!y)return void K("Preview state is not loaded yet.");let t=y.consoleLogs.slice(-80),r=y.networkLogs.slice(-80);if("selection"===e&&!y.selectedElement)return void K("Select an element before queueing preview context for terminal input.");if("console"===e&&!t.length)return void K("There are no console logs to send yet.");if("network"===e&&!r.length)return void K("There are no network logs to send yet.");X(e),K(null),Q(null);try{let a="selection"===e&&y.selectedElement?F(y.selectedElement,y.currentUrl):"console"===e?_("console",t,y.currentUrl,y.selectedElement):_("network",r,y.currentUrl,y.selectedElement);e$(a),"selection"===e&&V(null)}catch(e){K(e instanceof Error?e.message:"Failed to queue preview context")}finally{X(null)}},[e$,y]),eU=(0,n.useCallback)(async()=>{let e=y?.selectedElement?.selector;if(e)try{await navigator.clipboard.writeText(e),Q("Selector copied to clipboard."),K(null)}catch{K("Clipboard access is unavailable.")}},[y?.selectedElement?.selector]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2 overflow-auto",children:[(0,a.jsxs)(w.Zp,{children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(s.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Dev preview browser"}),y?.connected?(0,a.jsx)(f.E,{variant:"success",children:"connected"}):(0,a.jsx)(f.E,{variant:"outline",children:"idle"}),eh?(0,a.jsx)(f.E,{variant:"outline",children:eh.isMain?"main frame":"nested frame"}):null]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void em().catch(e=>{z(e instanceof Error?e.message:"Failed to refresh preview")}),disabled:L||T,children:[(0,a.jsx)(l.A,{className:(0,j.cn)("h-3.5 w-3.5",T&&"animate-spin")}),"Refresh"]}),(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ex({command:"reload"}).catch(e=>{z(e instanceof Error?e.message:"Failed to reload preview")}),disabled:!y?.connected||T,children:[(0,a.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Reload page"]})]})]}),(0,a.jsxs)(w.Wu,{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,a.jsx)("input",{value:ee,onChange:e=>et(e.target.value),placeholder:y?.candidateUrls[0]??"http://127.0.0.1:3000",className:"h-9 min-w-0 flex-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 text-[13px] text-[var(--vk-text-normal)] outline-none focus:border-[var(--vk-orange)]"}),(0,a.jsxs)(b.$,{type:"button",variant:"primary",onClick:()=>void ek(),disabled:T||!ee.trim(),children:[T?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(c.A,{className:"h-4 w-4"}),"Connect"]})]}),y?.candidateUrls.length?(0,a.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:y.candidateUrls.map(e=>(0,a.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2 py-1 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{et(e),ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")})},children:[(0,a.jsx)(s.A,{className:"h-3 w-3 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e})]},e))}):null,O||y?.lastError?(0,a.jsxs)("div",{className:"flex items-start gap-2 rounded-[4px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,a.jsx)(d.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,a.jsx)("span",{children:O??y?.lastError})]}):null]})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0 shrink-0 overflow-hidden",children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(m.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"navigate"===Y?"primary":"ghost",onClick:()=>eN("navigate"),children:[(0,a.jsx)(c.A,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"inspect"===Y?"primary":"ghost",onClick:()=>eN("inspect"),children:[(0,a.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(f.E,{variant:"outline",children:y?.title?C(y.title,40):"Untitled page"}),(0,a.jsx)(f.E,{variant:"outline",children:"navigate"===Y?"navigate mode: clicks interact with the page":eb?"inspect mode: click once to select, double-click to queue for terminal input":"inspect mode: use DOM list for this frame"})]})]})]}),(0,a.jsx)(w.Wu,{className:"min-h-0",children:(0,a.jsx)("div",{className:"flex h-[56vh] min-h-[200px] max-h-[620px] items-center justify-center overflow-auto rounded-[6px] border border-[var(--vk-border)] bg-[#111] p-2 sm:h-[72vh] sm:min-h-[360px] sm:max-h-[760px] sm:p-3",children:L?(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):ev?(0,a.jsxs)("div",{ref:ei,tabIndex:y?.connected?0:-1,onKeyDown:eF,onPaste:e_,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]",children:[(0,a.jsx)("img",{ref:el,src:ev,alt:"Session preview",className:(0,j.cn)("max-h-full max-w-full rounded-[4px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===Y?"cursor-pointer":eb?"cursor-crosshair":"cursor-default"),onClick:e=>void eA(e),onDoubleClick:e=>void eS(e),onLoad:e=>{let t=e.currentTarget;ea({naturalWidth:t.naturalWidth,naturalHeight:t.naturalHeight,renderedWidth:t.clientWidth,renderedHeight:t.clientHeight})}}),"inspect"===Y&&ew?(0,a.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:ew}):null,"inspect"===Y&&J&&ey?(0,a.jsxs)("div",{className:"pointer-events-auto absolute z-20 flex flex-col overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur",style:ey,children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:"Terminal input"}),(0,a.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:J.pending?"Selecting element…":"Queue selection for the terminal"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eU(),disabled:J.pending||!y?.selectedElement,children:(0,a.jsx)(x.A,{className:"h-3.5 w-3.5"})}),(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>V(null),children:(0,a.jsx)(u.A,{className:"h-3.5 w-3.5"})})]})]}),(0,a.jsx)("div",{className:"flex-1 space-y-3 overflow-y-auto px-3 py-3",children:J.pending?(0,a.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,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Capturing the selected element from the preview…"]}):y?.selectedElement?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:y.selectedElement.tag}),y.selectedElement.role?(0,a.jsx)(f.E,{variant:"outline",children:y.selectedElement.role}):null]}),(0,a.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:C(y.selectedElement.name||y.selectedElement.text||"Selected element",140)}),(0,a.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:y.selectedElement.selector})]}),(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-2 text-[12px] text-[var(--vk-text-muted)]",children:"Double-click the element in the preview to queue it immediately, or use the button below. The text is inserted into terminal input instead of being sent to the agent, so you can add more context before submitting."}),B?(0,a.jsx)("div",{className:"text-[12px] text-[var(--vk-red)]",children:B}):null,(0,a.jsxs)(b.$,{type:"button",variant:"primary",className:"w-full",onClick:()=>void eD("selection"),disabled:ef||!y.selectedElement,children:["selection"===Z?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(p.A,{className:"h-4 w-4"}),"Queue for terminal input"]})]}):(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Single-click an element to inspect it here. Double-click to queue it for terminal input."})})]}):null]}):(0,a.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select UI elements and queue browser context into terminal input."})})})]}),q?(0,a.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:q}):null,!J&&B?(0,a.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:B}):null,(0,a.jsxs)("div",{className:"grid gap-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(v.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Frames and DOM"}),(0,a.jsx)(f.E,{variant:"outline",children:"inspect"===Y?"inspect":"read-only in navigate mode"})]}),(0,a.jsx)(b.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>P(e=>!e),children:H?"Interactive only":"All nodes"})]}),(0,a.jsxs)(w.Wu,{className:"grid gap-2 xl:grid-cols-[220px_minmax(0,1fr)]",children:[(0,a.jsx)("div",{className:"space-y-2",children:y?.frames.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ex({command:"selectFrame",frameId:e.id}).catch(e=>{z(e instanceof Error?e.message:"Failed to select frame")})},className:(0,j.cn)("flex w-full flex-col items-start gap-1 rounded-[4px] border px-2 py-2 text-left transition-colors",y.activeFrameId===e.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]"),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(f.E,{variant:"outline",children:e.isMain?"main":"frame"}),(0,a.jsx)("span",{className:"truncate text-[12px] text-[var(--vk-text-normal)]",children:e.name})]}),(0,a.jsx)("span",{className:"w-full truncate text-[11px] text-[var(--vk-text-muted)]",children:e.url||"about:blank"})]},e.id))}),(0,a.jsx)("div",{className:"rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)(N,{className:"h-[200px] sm:h-[300px] xl:h-[360px]",children:(0,a.jsxs)("div",{className:"space-y-1 p-2",children:["navigate"===Y?(0,a.jsx)("div",{className:"rounded-[4px] border border-dashed border-[var(--vk-border)] px-2 py-2 text-[11px] text-[var(--vk-text-muted)]",children:"Switch to Inspect mode to pick DOM nodes. Single-click selects a node. Double-click queues it for terminal input."}):null,U?(0,a.jsxs)("div",{className:"flex items-center gap-2 px-2 py-2 text-[12px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):A.length?A.map((e,t)=>(0,a.jsxs)("button",{type:"button",className:(0,j.cn)("w-full rounded-[4px] border border-[transparent] px-2 py-2 text-left","inspect"===Y?"hover:border-[var(--vk-border)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed opacity-60"),disabled:"inspect"!==Y,onClick:()=>{V(null),K(null),Q(null),eM(e.selector,y?.activeFrameId).catch(e=>{z(e instanceof Error?e.message:"Failed to select DOM node")})},onDoubleClick:()=>{K(null),Q(null),eM(e.selector,y?.activeFrameId).then(e=>{if(!e.selectedElement)throw Error("Failed to resolve the selected DOM node");e$(F(e.selectedElement,e.currentUrl))}).catch(e=>{z(e instanceof Error?e.message:"Failed to queue DOM node")})},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:e.tag}),e.interactive?(0,a.jsx)(f.E,{variant:"warning",children:"interactive"}):null,e.role?(0,a.jsx)(f.E,{variant:"outline",children:e.role}):null]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:e.selector}),e.text?(0,a.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:C(e.text,180)}):null]},`${e.id??"node"}-${t}-${e.selector}-${e.tag}-${e.text}`)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No DOM nodes to show for the current frame yet."})]})})})]})]}),(0,a.jsxs)("div",{className:"grid gap-2 lg:grid-cols-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(h.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Console"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.consoleLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("console"),disabled:ef||!y?.consoleLogs.length,children:["console"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.consoleLogs.length?y.consoleLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.level}),(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(g.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Network"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.networkLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("network"),disabled:ef||!y?.networkLogs.length,children:["network"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.networkLogs.length?y.networkLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.method??"GET"}),"number"==typeof e.status?(0,a.jsx)("span",{children:e.status}):null,e.resourceType?(0,a.jsx)("span",{children:e.resourceType}):null,(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono",children:e.url??e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})})]})]})]})]})}},90986:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(54568),n=r(46916);let s={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 l({variant:e="default",className:t,children:r}){return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",s[e],t),children:r})}}}]);
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4089],{54089:(e,t,r)=>{r.r(t),r.d(t,{SessionPreview:()=>D});var a=r(54568),n=r(7620),s=r(97380),l=r(60527),i=r(45601),o=r(58299),c=r(89603),d=r(63264),m=r(20732),x=r(59706),u=r(36645),p=r(82797),v=r(22996),h=r(69863),g=r(75646),f=r(90986),b=r(76081),w=r(40443),k=r(11791),j=r(46916);let N=(0,n.forwardRef)(({className:e,children:t,...r},n)=>(0,a.jsxs)(k.bL,{ref:n,className:(0,j.cn)("relative overflow-hidden",e),...r,children:[(0,a.jsx)(k.LM,{className:"h-full w-full rounded-[inherit]",children:t}),(0,a.jsx)(y,{}),(0,a.jsx)(k.OK,{})]}));N.displayName="ScrollArea";let y=(0,n.forwardRef)(({className:e,orientation:t="vertical",...r},n)=>(0,a.jsx)(k.Ze,{ref:n,orientation:t,className:(0,j.cn)("flex touch-none select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent p-px","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent p-px",e),...r,children:(0,a.jsx)(k.zi,{className:"relative flex-1 rounded-full bg-[color:color-mix(in_srgb,var(--border-strong)_75%,transparent)] hover:bg-[var(--border-strong)]"})}));y.displayName="ScrollBar";let E=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 $(e){let t=Date.parse(e);return Number.isNaN(t)?e:new Intl.DateTimeFormat("en-US",{hour:"numeric",minute:"2-digit",second:"2-digit",timeZone:"UTC"}).format(new Date(t))}function C(e,t=120){return e.length<=t?e:`${e.slice(0,t-1)}…`}function M(e,t=180){let r=C((e??"").replace(/\s+/g," ").trim(),t);return r?`"${r.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:null}function A(e){return e.map(e=>e?.trim()).filter(e=>!!e).join("; ")}function S(e,t){return[`[${e}]`,...t.map(e=>e?.trim()).filter(e=>!!e)].join("\n")}function F(e,t){return{inlineText:A(["[Browser selection]",`selector=${M(e.selector,220)}`,`tag=${e.tag}`,e.role?`role=${e.role}`:null,e.name?`name=${M(e.name,140)}`:null,e.text?`text=${M(e.text,180)}`:null,e.frameName?`frame=${M(e.frameName,120)}`:null,t?`page=${M(t,220)}`:null]),draftText:S("Browser selection",[t?`Page: ${t}`:null,`Frame: ${e.frameName} (${e.frameUrl})`,`Selector: ${e.selector}`,`Tag: ${e.tag}`,e.role?`Role: ${e.role}`:null,e.name?`Name: ${e.name}`:null,e.text?`Text: ${e.text}`:null,e.htmlPreview?`HTML preview: ${e.htmlPreview}`:null]),successMessage:"Queued the selected element for terminal input."}}function _(e,t,r,a){let n=t.slice("console"===e?-8:-10),s=n.map(t=>{let r=[t.level,M(t.message,120)];return"network"===e&&(r.unshift(t.method??"GET"),r.push("number"==typeof t.status?String(t.status):null),r.push(t.url?M(t.url,120):null)),r.filter(Boolean).join(" ")});return{inlineText:A(["console"===e?"[Browser console]":"[Browser network]",r?`page=${M(r,220)}`:null,a?`selected=${M(a.selector,180)}`:null,`entries=${M(s.join(" | "),520)}`]),draftText:S("console"===e?"Browser console logs":"Browser network logs",[r?`Page: ${r}`:null,a?`Selected element: ${a.selector}`:null,...n.map(t=>"console"===e?`- ${$(t.timestamp)} ${t.level}: ${t.message}`:`- ${$(t.timestamp)} ${t.method??"GET"} ${t.status??"-"} ${t.url??t.message}`)]),successMessage:"console"===e?"Queued recent console logs for terminal input.":"Queued recent network logs for terminal input."}}function D({sessionId:e,active:t,onQueueTerminalInsert:r,onConnectionChange:k}){let[y,M]=(0,n.useState)(null),[A,S]=(0,n.useState)([]),[U,I]=(0,n.useState)(!1),[T,R]=(0,n.useState)(!1),[L,W]=(0,n.useState)(!0),[H,P]=(0,n.useState)(!0),[O,z]=(0,n.useState)(null),[B,K]=(0,n.useState)(null),[q,Q]=(0,n.useState)(null),[Z,X]=(0,n.useState)(null),[Y,G]=(0,n.useState)("navigate"),[J,V]=(0,n.useState)(null),[ee,et]=(0,n.useState)(""),[er,ea]=(0,n.useState)({naturalWidth:0,naturalHeight:0,renderedWidth:0,renderedHeight:0}),en=(0,n.useRef)(null),es=(0,n.useRef)(Promise.resolve()),el=(0,n.useRef)(null),ei=(0,n.useRef)(null),[eo,ec]=(0,n.useState)(!0),ed=t&&eo;(0,n.useEffect)(()=>{let e=()=>{ec(!document.hidden)};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[]);let em=(0,n.useCallback)(async()=>{let t=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{cache:"no-store"}),r=await t.json().catch(()=>null);if(!t.ok)throw Error(r&&"error"in r?r.error??"Failed to load preview state":`Failed to load preview state: ${t.status}`);M(r),z(null),et(e=>e.trim().length>0&&e!==y?.currentUrl?e:r.currentUrl??r.candidateUrls[0]??e)},[e,y?.currentUrl]),ex=(0,n.useCallback)(async t=>{R(!0),z(null);try{let r=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await r.json().catch(()=>null);if(!r.ok)throw a&&"object"==typeof a&&"status"in a&&a.status&&M(a.status),Error(a&&"error"in a?a.error??"Preview command failed":`Preview command failed: ${r.status}`);return M(a),a}finally{R(!1)}},[e]),eu=(0,n.useCallback)((e,t)=>{es.current=es.current.catch(()=>void 0).then(async()=>{try{await ex(e)}catch(e){z(e instanceof Error?e.message:t)}})},[ex]),ep=(0,n.useCallback)(async t=>{if(!y?.connected)return void S([]);I(!0);try{let r=new URLSearchParams;t&&r.set("frameId",t),H&&r.set("interactiveOnly","1");let a=await fetch(`/api/sessions/${encodeURIComponent(e)}/preview/dom?${r.toString()}`,{cache:"no-store"}),n=await a.json().catch(()=>null);if(!a.ok)throw Error(n&&"error"in n?n.error??"Failed to inspect DOM":`Failed to inspect DOM: ${a.status}`);S(n.nodes)}catch(e){z(e instanceof Error?e.message:"Failed to inspect DOM"),S([])}finally{I(!1)}},[H,e,y?.connected]);(0,n.useEffect)(()=>{if(!ed)return;let e=!0;(async()=>{try{await em()}catch(t){e&&z(t instanceof Error?t.message:"Failed to load preview")}finally{e&&W(!1)}})();let t=window.setInterval(()=>{em().catch(t=>{e&&z(t instanceof Error?t.message:"Failed to refresh preview")})},4e3);return()=>{e=!1,window.clearInterval(t)}},[em,ed]),(0,n.useEffect)(()=>{ed&&y?.connected?ep(y.activeFrameId):S([])},[H,ep,ed,y?.activeFrameId,y?.connected,y?.screenshotKey]),(0,n.useEffect)(()=>{if(!ed)return;if(y?.connected){en.current=null;return}V(null);let e=y?.candidateUrls[0];if(!e)return;let t=en.current?.attemptedAt??NaN,r=en.current?.candidate??null,a=Date.now();r===e&&Number.isFinite(t)&&a-t<5e3||(en.current={candidate:e,attemptedAt:a},ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")}))},[ex,ed,y?.candidateUrls,y?.connected]),(0,n.useEffect)(()=>{k?.(!!(ed&&y?.connected&&y?.screenshotKey))},[k,ed,y?.connected,y?.screenshotKey]);let ev=(0,n.useMemo)(()=>y?.connected?`/api/sessions/${encodeURIComponent(e)}/preview/screenshot?ts=${encodeURIComponent(y.screenshotKey)}`:null,[e,y?.connected,y?.screenshotKey]),eh=(0,n.useMemo)(()=>y?.frames.find(e=>e.id===y.activeFrameId)??null,[y?.activeFrameId,y?.frames]),eg=(0,n.useMemo)(()=>y?.frames.find(e=>e.isMain)??null,[y?.frames]),ef=null!==Z,eb=!!eh?.isMain,ew=(0,n.useMemo)(()=>{let e=y?.selectedElement?.bounds;if(!y?.selectedElement||!e||!eg||y.selectedElement.frameId!==eg.id||!er.naturalWidth||!er.naturalHeight||!er.renderedWidth||!er.renderedHeight)return null;let t=er.renderedWidth/er.naturalWidth,r=er.renderedHeight/er.naturalHeight;return{left:`${e.x*t}px`,top:`${e.y*r}px`,width:`${Math.max(e.width*t,2)}px`,height:`${Math.max(e.height*r,2)}px`}},[er,eg,y?.selectedElement]),ek=(0,n.useCallback)(async()=>{let e=ee.trim();if(e)try{await ex({command:"connect",url:e})}catch(e){z(e instanceof Error?e.message:"Failed to connect preview")}},[ex,ee]),ej=(0,n.useCallback)((e,t,r=!1)=>{V({anchorX:e,anchorY:t,pending:r}),K(null),Q(null)},[]),eN=(0,n.useCallback)(e=>{G(e),V(null),K(null),Q(null)},[]),ey=(0,n.useMemo)(()=>{if(!J)return null;let e=er.renderedWidth||340,t=er.renderedHeight||280,r=Math.max(220,t-24);if(e<=520)return{left:"12px",top:`${Math.max(12,t-Math.min(280,r)-12)}px`,width:`${Math.max(e-24,220)}px`,maxHeight:`${r}px`};let a=Math.min(340,Math.max(e-24,240)),n=Math.max(12,e-a-12),s=Math.max(12,t-280-12),l=J.anchorX+18,i=J.anchorY+18,o=l>n?Math.max(12,J.anchorX-a-18):l,c=i>s?Math.max(12,J.anchorY-280-18):i;return{left:`${Math.min(Math.max(o,12),n)}px`,top:`${Math.min(Math.max(c,12),s)}px`,width:`${a}px`,maxHeight:`${r}px`}},[er.renderedHeight,er.renderedWidth,J]);(0,n.useEffect)(()=>{if(!J)return;let e=e=>{"Escape"===e.key&&V(null)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[J]);let eE=(0,n.useCallback)(e=>{if(!el.current)return null;let t=el.current.getBoundingClientRect();if(!t.width||!t.height||!el.current.naturalWidth||!el.current.naturalHeight)return null;let r=e.clientX-t.left,a=e.clientY-t.top;return{anchorX:r,anchorY:a,x:r/t.width*el.current.naturalWidth,y:a/t.height*el.current.naturalHeight}},[]),e$=(0,n.useCallback)(e=>{r(e),K(null),Q(e.successMessage)},[r]),eC=(0,n.useCallback)(async(e,t,r,a)=>{ej(r,a,!0);try{let n=await ex({command:"selectAtPoint",x:e,y:t});return ej(r,a,!1),n}catch(e){throw V(null),e}},[ej,ex]),eM=(0,n.useCallback)(async(e,t)=>{let r=Math.max(er.renderedWidth-44,12);ej(r,12,!0);try{let a=await ex({command:"selectBySelector",selector:e,frameId:t});return ej(r,12,!1),a}catch(e){throw V(null),e}},[er.renderedWidth,ej,ex]),eA=(0,n.useCallback)(async e=>{if(T)return;let t=eE(e);if(t){if(V(null),K(null),Q(null),"navigate"===Y){ei.current?.focus({preventScroll:!0});try{await ex({command:"clickAtPoint",x:t.x,y:t.y})}catch(e){z(e instanceof Error?e.message:"Failed to interact with preview")}return}if(eb)try{await eC(t.x,t.y,t.anchorX,t.anchorY)}catch(e){z(e instanceof Error?e.message:"Failed to select element")}}},[T,eb,Y,eE,ex,eC]),eS=(0,n.useCallback)(async e=>{if(T||"inspect"!==Y||!eb)return;let t=eE(e);if(t){K(null),Q(null);try{let e=await eC(t.x,t.y,t.anchorX,t.anchorY);if(!e.selectedElement)throw Error("No element found at the selected point");e$(F(e.selectedElement,e.currentUrl))}catch(e){z(e instanceof Error?e.message:"Failed to queue selected element")}}},[T,eb,Y,e$,eE,eC]),eF=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected||e.metaKey||e.ctrlKey||e.altKey)return;let t=E.get(e.key);if(t){e.preventDefault(),eu({command:"pressKey",key:t},"Failed to send key to preview");return}1===e.key.length&&(e.preventDefault(),eu({command:"typeText",text:e.key},"Failed to type into preview"))},[Y,eu,y?.connected]),e_=(0,n.useCallback)(e=>{if("navigate"!==Y||!y?.connected)return;let t=e.clipboardData.getData("text");t&&(e.preventDefault(),eu({command:"typeText",text:t},"Failed to paste into preview"))},[Y,eu,y?.connected]),eD=(0,n.useCallback)(e=>{if(!y)return void K("Preview state is not loaded yet.");let t=y.consoleLogs.slice(-80),r=y.networkLogs.slice(-80);if("selection"===e&&!y.selectedElement)return void K("Select an element before queueing preview context for terminal input.");if("console"===e&&!t.length)return void K("There are no console logs to send yet.");if("network"===e&&!r.length)return void K("There are no network logs to send yet.");X(e),K(null),Q(null);try{let a="selection"===e&&y.selectedElement?F(y.selectedElement,y.currentUrl):"console"===e?_("console",t,y.currentUrl,y.selectedElement):_("network",r,y.currentUrl,y.selectedElement);e$(a),"selection"===e&&V(null)}catch(e){K(e instanceof Error?e.message:"Failed to queue preview context")}finally{X(null)}},[e$,y]),eU=(0,n.useCallback)(async()=>{let e=y?.selectedElement?.selector;if(e)try{await navigator.clipboard.writeText(e),Q("Selector copied to clipboard."),K(null)}catch{K("Clipboard access is unavailable.")}},[y?.selectedElement?.selector]);return(0,a.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2 overflow-auto",children:[(0,a.jsxs)(w.Zp,{children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(s.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Dev preview browser"}),y?.connected?(0,a.jsx)(f.E,{variant:"success",children:"connected"}):(0,a.jsx)(f.E,{variant:"outline",children:"idle"}),eh?(0,a.jsx)(f.E,{variant:"outline",children:eh.isMain?"main frame":"nested frame"}):null]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void em().catch(e=>{z(e instanceof Error?e.message:"Failed to refresh preview")}),disabled:L||T,children:[(0,a.jsx)(l.A,{className:(0,j.cn)("h-3.5 w-3.5",T&&"animate-spin")}),"Refresh"]}),(0,a.jsxs)(b.$,{type:"button",variant:"outline",size:"sm",onClick:()=>void ex({command:"reload"}).catch(e=>{z(e instanceof Error?e.message:"Failed to reload preview")}),disabled:!y?.connected||T,children:[(0,a.jsx)(i.A,{className:"h-3.5 w-3.5"}),"Reload page"]})]})]}),(0,a.jsxs)(w.Wu,{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,a.jsx)("input",{value:ee,onChange:e=>et(e.target.value),placeholder:y?.candidateUrls[0]??"http://127.0.0.1:3000",className:"h-9 min-w-0 flex-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-panel)] px-3 text-[13px] text-[var(--vk-text-normal)] outline-none focus:border-[var(--vk-orange)]"}),(0,a.jsxs)(b.$,{type:"button",variant:"primary",onClick:()=>void ek(),disabled:T||!ee.trim(),children:[T?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(c.A,{className:"h-4 w-4"}),"Connect"]})]}),y?.candidateUrls.length?(0,a.jsx)("div",{className:"flex flex-wrap items-center gap-2",children:y.candidateUrls.map(e=>(0,a.jsxs)("button",{type:"button",className:"inline-flex max-w-full items-center gap-1 rounded-[3px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-2 py-1 text-left text-[11px] text-[var(--vk-text-muted)] hover:bg-[var(--vk-bg-hover)] hover:text-[var(--vk-text-normal)]",onClick:()=>{et(e),ex({command:"connect",url:e}).catch(e=>{z(e instanceof Error?e.message:"Failed to connect preview")})},children:[(0,a.jsx)(s.A,{className:"h-3 w-3 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e})]},e))}):null,O||y?.lastError?(0,a.jsxs)("div",{className:"flex items-start gap-2 rounded-[4px] border border-[color:color-mix(in_srgb,var(--vk-red)_45%,transparent)] bg-[color:color-mix(in_srgb,var(--vk-red)_12%,transparent)] px-3 py-2 text-[12px] text-[var(--vk-red)]",children:[(0,a.jsx)(d.A,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,a.jsx)("span",{children:O??y?.lastError})]}):null]})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0 shrink-0 overflow-hidden",children:[(0,a.jsxs)(w.aR,{className:"flex flex-col items-start gap-2 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(m.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Preview"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1 rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] p-1",children:[(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"navigate"===Y?"primary":"ghost",onClick:()=>eN("navigate"),children:[(0,a.jsx)(c.A,{className:"h-3.5 w-3.5"}),"Navigate"]}),(0,a.jsxs)(b.$,{type:"button",size:"sm",variant:"inspect"===Y?"primary":"ghost",onClick:()=>eN("inspect"),children:[(0,a.jsx)(m.A,{className:"h-3.5 w-3.5"}),"Inspect"]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-[11px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(f.E,{variant:"outline",children:y?.title?C(y.title,40):"Untitled page"}),(0,a.jsx)(f.E,{variant:"outline",children:"navigate"===Y?"navigate mode: clicks interact with the page":eb?"inspect mode: click once to select, double-click to queue for terminal input":"inspect mode: use DOM list for this frame"})]})]})]}),(0,a.jsx)(w.Wu,{className:"min-h-0",children:(0,a.jsx)("div",{className:"flex h-[56vh] min-h-[200px] max-h-[620px] items-center justify-center overflow-auto rounded-[6px] border border-[var(--vk-border)] bg-[#111] p-2 sm:h-[72vh] sm:min-h-[360px] sm:max-h-[760px] sm:p-3",children:L?(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[13px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Loading preview…"]}):ev?(0,a.jsxs)("div",{ref:ei,tabIndex:y?.connected?0:-1,onKeyDown:eF,onPaste:e_,className:"relative flex max-h-full max-w-full items-start justify-center overflow-auto rounded-[6px] outline-none focus-visible:ring-2 focus-visible:ring-[var(--vk-orange)] focus-visible:ring-offset-2 focus-visible:ring-offset-[#111]",children:[(0,a.jsx)("img",{ref:el,src:ev,alt:"Session preview",className:(0,j.cn)("max-h-full max-w-full rounded-[4px] object-contain shadow-[0_18px_36px_rgba(0,0,0,0.28)]","navigate"===Y?"cursor-pointer":eb?"cursor-crosshair":"cursor-default"),onClick:e=>void eA(e),onDoubleClick:e=>void eS(e),onLoad:e=>{let t=e.currentTarget;ea({naturalWidth:t.naturalWidth,naturalHeight:t.naturalHeight,renderedWidth:t.clientWidth,renderedHeight:t.clientHeight})}}),"inspect"===Y&&ew?(0,a.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:ew}):null,"inspect"===Y&&J&&ey?(0,a.jsxs)("div",{className:"pointer-events-auto absolute z-20 flex flex-col overflow-hidden rounded-[10px] border border-[var(--vk-border)] bg-[color:color-mix(in_srgb,var(--vk-bg-panel)_94%,black_6%)] shadow-[0_20px_44px_rgba(0,0,0,0.42)] backdrop-blur",style:ey,children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-3 border-b border-[var(--vk-border)] px-3 py-3",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("div",{className:"text-[10px] uppercase tracking-[0.16em] text-[var(--vk-text-muted)]",children:"Terminal input"}),(0,a.jsx)("div",{className:"mt-1 text-[13px] font-medium text-[var(--vk-text-normal)]",children:J.pending?"Selecting element…":"Queue selection for the terminal"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eU(),disabled:J.pending||!y?.selectedElement,children:(0,a.jsx)(x.A,{className:"h-3.5 w-3.5"})}),(0,a.jsx)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>V(null),children:(0,a.jsx)(u.A,{className:"h-3.5 w-3.5"})})]})]}),(0,a.jsx)("div",{className:"flex-1 space-y-3 overflow-y-auto px-3 py-3",children:J.pending?(0,a.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,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Capturing the selected element from the preview…"]}):y?.selectedElement?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"rounded-[6px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)] px-3 py-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:y.selectedElement.tag}),y.selectedElement.role?(0,a.jsx)(f.E,{variant:"outline",children:y.selectedElement.role}):null]}),(0,a.jsx)("div",{className:"mt-2 text-[12px] text-[var(--vk-text-normal)]",children:C(y.selectedElement.name||y.selectedElement.text||"Selected element",140)}),(0,a.jsx)("div",{className:"mt-2 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:y.selectedElement.selector})]}),(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-2 text-[12px] text-[var(--vk-text-muted)]",children:"Double-click the element in the preview to queue it immediately, or use the button below. The text is inserted into terminal input instead of being sent to the agent, so you can add more context before submitting."}),B?(0,a.jsx)("div",{className:"text-[12px] text-[var(--vk-red)]",children:B}):null,(0,a.jsxs)(b.$,{type:"button",variant:"primary",className:"w-full",onClick:()=>void eD("selection"),disabled:ef||!y.selectedElement,children:["selection"===Z?(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(p.A,{className:"h-4 w-4"}),"Queue for terminal input"]})]}):(0,a.jsx)("div",{className:"rounded-[6px] border border-dashed border-[var(--vk-border)] px-3 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Single-click an element to inspect it here. Double-click to queue it for terminal input."})})]}):null]}):(0,a.jsx)("div",{className:"max-w-md text-center text-[13px] text-[var(--vk-text-muted)]",children:"Connect a local dev URL or explicit preview URL to start the preview browser. In Navigate mode, click the preview first, then type directly into the running app. Switch to Inspect mode to select UI elements and queue browser context into terminal input."})})})]}),q?(0,a.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:q}):null,!J&&B?(0,a.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:B}):null,(0,a.jsxs)("div",{className:"grid gap-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(v.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Frames and DOM"}),(0,a.jsx)(f.E,{variant:"outline",children:"inspect"===Y?"inspect":"read-only in navigate mode"})]}),(0,a.jsx)(b.$,{type:"button",variant:H?"primary":"outline",size:"sm",onClick:()=>P(e=>!e),children:H?"Interactive only":"All nodes"})]}),(0,a.jsxs)(w.Wu,{className:"grid gap-2 xl:grid-cols-[220px_minmax(0,1fr)]",children:[(0,a.jsx)("div",{className:"space-y-2",children:y?.frames.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>{ex({command:"selectFrame",frameId:e.id}).catch(e=>{z(e instanceof Error?e.message:"Failed to select frame")})},className:(0,j.cn)("flex w-full flex-col items-start gap-1 rounded-[4px] border px-2 py-2 text-left transition-colors",y.activeFrameId===e.id?"border-[var(--vk-orange)] bg-[color:color-mix(in_srgb,var(--vk-orange)_10%,transparent)]":"border-[var(--vk-border)] bg-[var(--vk-bg-main)] hover:bg-[var(--vk-bg-hover)]"),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(f.E,{variant:"outline",children:e.isMain?"main":"frame"}),(0,a.jsx)("span",{className:"truncate text-[12px] text-[var(--vk-text-normal)]",children:e.name})]}),(0,a.jsx)("span",{className:"w-full truncate text-[11px] text-[var(--vk-text-muted)]",children:e.url||"about:blank"})]},e.id))}),(0,a.jsx)("div",{className:"rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)(N,{className:"h-[200px] sm:h-[300px] xl:h-[360px]",children:(0,a.jsxs)("div",{className:"space-y-1 p-2",children:["navigate"===Y?(0,a.jsx)("div",{className:"rounded-[4px] border border-dashed border-[var(--vk-border)] px-2 py-2 text-[11px] text-[var(--vk-text-muted)]",children:"Switch to Inspect mode to pick DOM nodes. Single-click selects a node. Double-click queues it for terminal input."}):null,U?(0,a.jsxs)("div",{className:"flex items-center gap-2 px-2 py-2 text-[12px] text-[var(--vk-text-muted)]",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 animate-spin"}),"Inspecting frame DOM…"]}):A.length?A.map((e,t)=>(0,a.jsxs)("button",{type:"button",className:(0,j.cn)("w-full rounded-[4px] border border-[transparent] px-2 py-2 text-left","inspect"===Y?"hover:border-[var(--vk-border)] hover:bg-[var(--vk-bg-hover)]":"cursor-not-allowed opacity-60"),disabled:"inspect"!==Y,onClick:()=>{V(null),K(null),Q(null),eM(e.selector,y?.activeFrameId).catch(e=>{z(e instanceof Error?e.message:"Failed to select DOM node")})},onDoubleClick:()=>{K(null),Q(null),eM(e.selector,y?.activeFrameId).then(e=>{if(!e.selectedElement)throw Error("Failed to resolve the selected DOM node");e$(F(e.selectedElement,e.currentUrl))}).catch(e=>{z(e instanceof Error?e.message:"Failed to queue DOM node")})},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-[12px] text-[var(--vk-text-normal)]",children:e.tag}),e.interactive?(0,a.jsx)(f.E,{variant:"warning",children:"interactive"}):null,e.role?(0,a.jsx)(f.E,{variant:"outline",children:e.role}):null]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-[11px] text-[var(--vk-text-muted)]",children:e.selector}),e.text?(0,a.jsx)("div",{className:"mt-1 text-[12px] text-[var(--vk-text-normal)]",children:C(e.text,180)}):null]},`${e.id??"node"}-${t}-${e.selector}-${e.tag}-${e.text}`)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"No DOM nodes to show for the current frame yet."})]})})})]})]}),(0,a.jsxs)("div",{className:"grid gap-2 lg:grid-cols-2",children:[(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(h.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Console"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.consoleLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("console"),disabled:ef||!y?.consoleLogs.length,children:["console"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.consoleLogs.length?y.consoleLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.level}),(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 whitespace-pre-wrap break-all font-mono",children:e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Console output appears here once the page loads."})})})})]}),(0,a.jsxs)(w.Zp,{className:"min-h-0",children:[(0,a.jsxs)(w.aR,{className:"flex items-center justify-between gap-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(g.A,{className:"h-4 w-4 text-[var(--vk-text-muted)]"}),(0,a.jsx)("span",{className:"text-[13px] font-medium text-[var(--vk-text-normal)]",children:"Network"}),(0,a.jsx)(f.E,{variant:"outline",children:y?.networkLogs.length??0})]}),(0,a.jsxs)(b.$,{type:"button",variant:"ghost",size:"sm",onClick:()=>void eD("network"),disabled:ef||!y?.networkLogs.length,children:["network"===Z?(0,a.jsx)(o.A,{className:"h-3.5 w-3.5 animate-spin"}):(0,a.jsx)(p.A,{className:"h-3.5 w-3.5"}),"Queue for terminal"]})]}),(0,a.jsx)(w.Wu,{children:(0,a.jsx)(N,{className:"h-[180px] sm:h-[260px] rounded-[4px] border border-[var(--vk-border)] bg-[var(--vk-bg-main)]",children:(0,a.jsx)("div",{className:"space-y-1 p-2",children:y?.networkLogs.length?y.networkLogs.map(e=>(0,a.jsxs)("div",{className:"rounded-[3px] px-2 py-1.5 text-[11px] text-[var(--vk-text-normal)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[10px] uppercase tracking-wide text-[var(--vk-text-muted)]",children:[(0,a.jsx)("span",{children:e.method??"GET"}),"number"==typeof e.status?(0,a.jsx)("span",{children:e.status}):null,e.resourceType?(0,a.jsx)("span",{children:e.resourceType}):null,(0,a.jsx)("span",{children:$(e.timestamp)})]}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono",children:e.url??e.message})]},e.id)):(0,a.jsx)("div",{className:"px-2 py-3 text-[12px] text-[var(--vk-text-muted)]",children:"Network requests appear here after the preview loads."})})})})]})]})]})]})}},90986:(e,t,r)=>{r.d(t,{E:()=>l});var a=r(54568),n=r(46916);let s={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 l({variant:e="default",className:t,children:r}){return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center gap-1 rounded-[3px] border px-1.5 py-0.5 text-[11px] leading-none",s[e],t),children:r})}}}]);

package/web/.next/static/chunks/{4443.0500345894ac3cba.js → 4443.3f82873df09aef1c.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4443],{34443:(e,l,a)=>{a.r(l),a.d(l,{KeylessCreatorOrReader:()=>r});var s=a(79748),n=a(7620),t=a(38618);let r=e=>{var l;let{children:a}=e,r=(null==(l=(0,s.useSelectedLayoutSegments)()[0])?void 0:l.startsWith("/_not-found"))||!1,[i,u]=n.useActionState(t.a,null);return((0,n.useEffect)(()=>{r||n.startTransition(()=>{u()})},[r]),n.isValidElement(a))?n.cloneElement(a,{key:null==i?void 0:i.publishableKey,publishableKey:null==i?void 0:i.publishableKey,__internal_keyless_claimKeylessApplicationUrl:null==i?void 0:i.claimUrl,__internal_keyless_copyInstanceKeysUrl:null==i?void 0:i.apiKeysUrl,__internal_bypassMissingPublishableKey:!0}):a}},38618:(e,l,a)=>{a.d(l,{a:()=>n});var s=a(5974);let n=(0,s.createServerReference)("007b65f86a95e492670ba92e95b999e570b5cba314",s.callServer,void 0,s.findSourceMapURL,"createOrReadKeylessAction")}}]);
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4443],{34443:(e,l,a)=>{a.r(l),a.d(l,{KeylessCreatorOrReader:()=>r});var s=a(79748),n=a(7620),t=a(61153);let r=e=>{var l;let{children:a}=e,r=(null==(l=(0,s.useSelectedLayoutSegments)()[0])?void 0:l.startsWith("/_not-found"))||!1,[i,c]=n.useActionState(t.a,null);return((0,n.useEffect)(()=>{r||n.startTransition(()=>{c()})},[r]),n.isValidElement(a))?n.cloneElement(a,{key:null==i?void 0:i.publishableKey,publishableKey:null==i?void 0:i.publishableKey,__internal_keyless_claimKeylessApplicationUrl:null==i?void 0:i.claimUrl,__internal_keyless_copyInstanceKeysUrl:null==i?void 0:i.apiKeysUrl,__internal_bypassMissingPublishableKey:!0}):a}},61153:(e,l,a)=>{a.d(l,{a:()=>n});var s=a(5974);let n=(0,s.createServerReference)("00ab6f65c328a0e73d8cdaaf05ba923c887e926be7",s.callServer,void 0,s.findSourceMapURL,"createOrReadKeylessAction")}}]);