claudeship 0.2.24 → 0.2.26

package/apps/web/.next/static/chunks/app/project/[id]/page-3e4777b355c4aec9.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78],{5006:(e,s,t)=>{Promise.resolve().then(t.bind(t,9611))},9611:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>sl});var a=t(8481),r=t(8526),l=t(3973),n=t(7176),c=t(9049),i=t(5119),o=t(8630),d=t(4415),m=t(2839),u=t(4779),x=t(6224),h=t(6230),p=t(7060),f=t(9358),g=t(1627),j=t(4739),N=t(8756);function v(e){let{children:s,className:t}=e,r=(null==t?void 0:t.replace(/language-/,""))||"text";return(0,a.jsx)(N.f4,{theme:N.Zj.vsDark,code:s.trim(),language:r,children:e=>{let{className:s,style:t,tokens:r,getLineProps:l,getTokenProps:n}=e;return(0,a.jsx)("pre",{className:(0,c.cn)("rounded-lg p-4 overflow-x-auto text-sm my-3",s),style:t,children:(0,a.jsx)("code",{children:r.map((e,s)=>(0,a.jsxs)("div",{...l({line:e}),children:[(0,a.jsx)("span",{className:"inline-block w-8 text-right mr-4 text-gray-500 select-none text-xs",children:s+1}),e.map((e,s)=>(0,a.jsx)("span",{...n({token:e})},s))]},s))})})}})}function b(e){let{content:s,className:t}=e;return(0,a.jsx)("div",{className:(0,c.cn)("markdown-body",t),children:(0,a.jsx)(g.oz,{remarkPlugins:[j.A],components:{h1:e=>{let{children:s}=e;return(0,a.jsx)("h1",{className:"text-2xl font-bold mt-6 mb-4 pb-2 border-b border-border first:mt-0",children:s})},h2:e=>{let{children:s}=e;return(0,a.jsx)("h2",{className:"text-xl font-semibold mt-5 mb-3 pb-1.5 border-b border-border/50",children:s})},h3:e=>{let{children:s}=e;return(0,a.jsx)("h3",{className:"text-lg font-semibold mt-4 mb-2",children:s})},h4:e=>{let{children:s}=e;return(0,a.jsx)("h4",{className:"text-base font-semibold mt-3 mb-2",children:s})},p:e=>{let{children:s}=e;return(0,a.jsx)("p",{className:"my-2 leading-7",children:s})},ul:e=>{let{children:s}=e;return(0,a.jsx)("ul",{className:"my-3 ml-6 list-disc space-y-1.5",children:s})},ol:e=>{let{children:s}=e;return(0,a.jsx)("ol",{className:"my-3 ml-6 list-decimal space-y-1.5",children:s})},li:e=>{let{children:s}=e;return(0,a.jsx)("li",{className:"leading-7",children:s})},table:e=>{let{children:s}=e;return(0,a.jsx)("div",{className:"my-4 overflow-x-auto rounded-lg border border-border",children:(0,a.jsx)("table",{className:"w-full border-collapse text-sm",children:s})})},thead:e=>{let{children:s}=e;return(0,a.jsx)("thead",{className:"bg-muted/50",children:s})},tbody:e=>{let{children:s}=e;return(0,a.jsx)("tbody",{className:"divide-y divide-border",children:s})},tr:e=>{let{children:s}=e;return(0,a.jsx)("tr",{className:"border-b border-border last:border-0",children:s})},th:e=>{let{children:s}=e;return(0,a.jsx)("th",{className:"px-4 py-2.5 text-left font-semibold text-foreground",children:s})},td:e=>{let{children:s}=e;return(0,a.jsx)("td",{className:"px-4 py-2.5 text-muted-foreground",children:s})},pre:e=>{let{children:s}=e;return(0,a.jsx)(a.Fragment,{children:s})},code:e=>{let{className:s,children:t,...r}=e,l=null==s?void 0:s.includes("language-"),n=String(t).replace(/\n$/,"");return l?(0,a.jsx)(v,{className:s,children:n}):(0,a.jsx)("code",{className:"bg-muted px-1.5 py-0.5 rounded text-sm font-mono text-primary",...r,children:t})},blockquote:e=>{let{children:s}=e;return(0,a.jsx)("blockquote",{className:"my-4 pl-4 border-l-4 border-primary/30 italic text-muted-foreground",children:s})},hr:()=>(0,a.jsx)("hr",{className:"my-6 border-border"}),a:e=>{let{href:s,children:t}=e;return(0,a.jsx)("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-primary underline underline-offset-2 hover:text-primary/80",children:t})},strong:e=>{let{children:s}=e;return(0,a.jsx)("strong",{className:"font-semibold text-foreground",children:s})},em:e=>{let{children:s}=e;return(0,a.jsx)("em",{className:"italic",children:s})},img:e=>{let{src:s,alt:t}=e;return(0,a.jsx)("img",{src:s,alt:t,className:"my-4 max-w-full rounded-lg border border-border"})}},children:s})})}let w={Read:(0,a.jsx)(i.A,{className:"h-3 w-3"}),Glob:(0,a.jsx)(o.A,{className:"h-3 w-3"}),Grep:(0,a.jsx)(d.A,{className:"h-3 w-3"}),Bash:(0,a.jsx)(m.A,{className:"h-3 w-3"}),Edit:(0,a.jsx)(u.A,{className:"h-3 w-3"}),Write:(0,a.jsx)(u.A,{className:"h-3 w-3"}),WebFetch:(0,a.jsx)(x.A,{className:"h-3 w-3"}),WebSearch:(0,a.jsx)(x.A,{className:"h-3 w-3"}),TodoWrite:(0,a.jsx)(h.A,{className:"h-3 w-3"}),Task:(0,a.jsx)(p.A,{className:"h-3 w-3"})},y={Read:"파일 읽기",Glob:"파일 검색",Grep:"내용 검색",Bash:"명령어 실행",Edit:"파일 수정",Write:"파일 생성",WebFetch:"웹 페이지",WebSearch:"웹 검색",Task:"에이전트",TodoWrite:"작업 목록"};function k(e){let{message:s}=e,t="USER"===s.role,r=[];if(!t&&s.metadata)try{r=("string"==typeof s.metadata?JSON.parse(s.metadata):s.metadata).toolActivities||[]}catch(e){}return(0,a.jsxs)("div",{className:(0,c.cn)("flex gap-3 p-4 rounded-lg",t?"bg-muted/50":"bg-background"),children:[(0,a.jsx)("div",{className:(0,c.cn)("flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-medium",t?"bg-primary text-primary-foreground":"bg-secondary text-secondary-foreground"),children:t?"U":"AI"}),(0,a.jsxs)("div",{className:"flex-1 space-y-2 overflow-hidden",children:[r.length>0&&(0,a.jsxs)("div",{className:"flex flex-wrap gap-1 mb-2",children:[r.slice(0,10).map((e,s)=>(0,a.jsxs)("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-muted text-xs text-muted-foreground",children:[(0,a.jsx)(f.A,{className:"h-3 w-3 text-green-600"}),w[e.name]||(0,a.jsx)(m.A,{className:"h-3 w-3"}),y[e.name]||e.name]},s)),r.length>10&&(0,a.jsxs)("span",{className:"inline-flex items-center px-2 py-0.5 rounded-full bg-muted text-xs text-muted-foreground",children:["+",r.length-10,"개"]})]}),(0,a.jsx)("div",{className:"max-w-none",children:t?(0,a.jsx)("div",{className:"whitespace-pre-wrap break-words leading-7",children:s.content}):(0,a.jsx)(b,{content:s.content})})]})]})}var A=t(6386),S=t(660),C=t(1481);let F=(0,A.v)((e,s)=>({status:"stopped",url:null,error:null,isLoading:!1,projectReady:{ready:!1,isFullstack:!1,frontend:{hasPackageJson:!1,hasNodeModules:!1,hasDevScript:!1}},startPreview:async s=>{e({isLoading:!0,error:null,status:"starting"});try{let t=await S.F.post("/projects/".concat(s,"/preview/start"));e({status:t.status,url:t.url||null,isLoading:!1})}catch(s){e({error:s instanceof Error?s.message:"Failed to start preview",status:"error",isLoading:!1})}},stopPreview:async s=>{e({isLoading:!0,error:null});try{await S.F.post("/projects/".concat(s,"/preview/stop")),e({status:"stopped",url:null,isLoading:!1})}catch(s){e({error:s instanceof Error?s.message:"Failed to stop preview",isLoading:!1})}},restartPreview:async s=>{e({isLoading:!0,error:null,status:"starting"});try{let t=await S.F.post("/projects/".concat(s,"/preview/restart"));e({status:t.status,url:t.url||null,isLoading:!1})}catch(s){e({error:s instanceof Error?s.message:"Failed to restart preview",status:"error",isLoading:!1})}},refreshPreview:()=>{let t=s().url;t&&e({url:"".concat(t.split("?")[0],"?t=").concat(Date.now())})},fetchStatus:async s=>{try{let t=await S.F.get("/projects/".concat(s,"/preview/status"));e({status:t.status,url:t.url||null})}catch(s){e({status:"stopped",url:null})}},checkProjectReady:async s=>{try{let t=await S.F.get("/projects/".concat(s,"/preview/ready"));e({projectReady:t})}catch(s){e({projectReady:{ready:!1,isFullstack:!1,frontend:{hasPackageJson:!1,hasNodeModules:!1,hasDevScript:!1}}})}},clearError:()=>e({error:null})})),E=/<restart-preview\s*\/>/g,z=0,R=(0,A.v)((e,s)=>({messages:[],isStreaming:!1,streamingBlocks:[],error:null,messageQueue:[],isProcessingQueue:!1,mode:"build",pendingQuestion:null,attachedFiles:[],isUploading:!1,setMode:s=>e({mode:s}),addFiles:s=>{let t=s.map(e=>({id:"file-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),file:e,preview:e.type.startsWith("image/")?URL.createObjectURL(e):void 0,status:"pending"}));e(e=>({attachedFiles:[...e.attachedFiles,...t]}))},removeFile:s=>{e(e=>{let t=e.attachedFiles.find(e=>e.id===s);return(null==t?void 0:t.preview)&&URL.revokeObjectURL(t.preview),{attachedFiles:e.attachedFiles.filter(e=>e.id!==s)}})},clearFiles:()=>{s().attachedFiles.forEach(e=>{e.preview&&URL.revokeObjectURL(e.preview)}),e({attachedFiles:[]})},uploadFiles:async t=>{let a=s().attachedFiles.filter(e=>"pending"===e.status);if(0===a.length)return s().attachedFiles.filter(e=>"uploaded"===e.status&&e.uploadedPath).map(e=>e.uploadedPath);e({isUploading:!0});try{e(e=>({attachedFiles:e.attachedFiles.map(e=>"pending"===e.status?{...e,status:"uploading"}:e)}));let r=await S.F.uploadFiles(t,a.map(e=>e.file)),l=[];return e(e=>({attachedFiles:e.attachedFiles.map(e=>{if("uploading"===e.status){let s=r.files.find(s=>s.originalName===e.file.name);if(s)return l.push(s.path),{...e,status:"uploaded",uploadedPath:s.path}}return e})})),[...s().attachedFiles.filter(e=>"uploaded"===e.status&&e.uploadedPath).map(e=>e.uploadedPath)]}catch(s){return e(e=>({attachedFiles:e.attachedFiles.map(e=>"uploading"===e.status?{...e,status:"error",error:s.message}:e),error:s instanceof Error?s.message:"Failed to upload files"})),[]}finally{e({isUploading:!1})}},fetchMessages:async s=>{try{let t=await S.F.get("/projects/".concat(s,"/messages"));e({messages:t,error:null})}catch(s){e({error:s instanceof Error?s.message:"Failed to fetch messages"})}},fetchActiveSession:async t=>{try{let r=await S.F.get("/projects/".concat(t,"/chat/status")),l=s();if(r.isStreaming){if(!l.isStreaming){var a;e({isStreaming:!0,streamingBlocks:[]});let r=await fetch("".concat("http://localhost:14000/api","/projects/").concat(t,"/chat/subscribe"));if(!r.ok)throw Error("Failed to subscribe to session");let l=null==(a=r.body)?void 0:a.getReader();if(!l)throw Error("No response body");let n=new TextDecoder,c="";(async()=>{try{for(;;){let{done:s,value:t}=await l.read();if(s)break;let a=(c+=n.decode(t,{stream:!0})).split("\n");for(let s of(c=a.pop()||"",a))if(s.startsWith("data: "))try{let t=JSON.parse(s.slice(6));if(console.log("[SSE Subscribe Event]",t.type,t),"no_active_session"===t.type)break;if("text"===t.type&&t.content){let s={id:"text-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),type:"text",content:t.content};e(e=>({streamingBlocks:[...e.streamingBlocks,s]}))}else if("tool_use"===t.type&&t.tool){let s={id:"tool-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),type:"tool_use",tool:{name:t.tool.name,input:t.tool.input},status:"running",timestamp:Date.now()};e(e=>({streamingBlocks:[...e.streamingBlocks,s]}))}else if("tool_result"===t.type){let s=Date.now();e(e=>{let a=[...e.streamingBlocks];for(let e=a.length-1;e>=0;e--){let r=a[e];if("tool_use"===r.type&&"running"===r.status){let l=r.timestamp?s-r.timestamp:void 0;a[e]={...r,status:"completed",result:t.content,duration:l};break}}return{streamingBlocks:a}})}else"error"===t.type&&e({error:t.error})}catch(e){}}}finally{await s().fetchMessages(t),e({isStreaming:!1})}})()}}else l.isStreaming&&(await s().fetchMessages(t),e({isStreaming:!1,streamingBlocks:[]}))}catch(e){console.error("Failed to fetch active session:",e)}},queueMessage:(s,t)=>{let a={id:"queue-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),content:t,status:"queued"},r={id:"temp-".concat(Date.now()),projectId:s,role:C.Xh.USER,content:t,createdAt:new Date};e(e=>({messageQueue:[...e.messageQueue,a],messages:[...e.messages,r]}))},deleteFromQueue:s=>{e(e=>({messageQueue:e.messageQueue.filter(e=>e.id!==s)}))},processQueue:async t=>{let a=s();if(!a.isProcessingQueue&&0!==a.messageQueue.length){for(e({isProcessingQueue:!0});s().messageQueue.length>0;){let a=s().messageQueue[0];e(e=>({messageQueue:e.messageQueue.map((e,s)=>0===s?{...e,status:"processing"}:e)})),await s().sendMessage(t,a.content,!0),e(e=>({messageQueue:e.messageQueue.slice(1)}))}e({isProcessingQueue:!1})}},sendMessage:async function(t,a){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(s().isStreaming&&!r)return void s().queueMessage(t,a);if(!r){let s={id:"temp-".concat(Date.now()),projectId:t,role:C.Xh.USER,content:a,createdAt:new Date};e(e=>({messages:[...e.messages,s]}))}e({isStreaming:!0,streamingBlocks:[],error:null});try{var l;let r=s().mode,n=s().attachedFiles.filter(e=>"uploaded"===e.status&&e.uploadedPath).map(e=>e.uploadedPath),c=await fetch("".concat("http://localhost:14000/api","/projects/").concat(t,"/chat"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:a,mode:r,attachments:n.length>0?n:void 0})});if(n.length>0&&s().clearFiles(),!c.ok)throw Error("Failed to send message");let i=null==(l=c.body)?void 0:l.getReader();if(!i)throw Error("No response body");let o=new TextDecoder,d="";for(;;){let{done:s,value:a}=await i.read();if(s)break;let r=(d+=o.decode(a,{stream:!0})).split("\n");for(let s of(d=r.pop()||"",r))if(s.startsWith("data: "))try{let a=JSON.parse(s.slice(6));if(console.log("[SSE Event]",a.type,a),"text"===a.type&&a.content){let s=E.test(a.content);E.lastIndex=0;let r=a.content.replace(E,"").trim();if(s){let e=Date.now();e-z>3e3&&(z=e,F.getState().restartPreview(t))}if(r){let s={id:"text-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),type:"text",content:r};e(e=>({streamingBlocks:[...e.streamingBlocks,s]}))}}else if("tool_use"===a.type&&a.tool){let s={id:"tool-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),type:"tool_use",tool:{name:a.tool.name,input:a.tool.input},status:"running",timestamp:Date.now()};e(e=>({streamingBlocks:[...e.streamingBlocks,s]}))}else if("tool_result"===a.type){let s=Date.now();e(e=>{let t=[...e.streamingBlocks];for(let e=t.length-1;e>=0;e--){let r=t[e];if("tool_use"===r.type&&"running"===r.status){let l=r.timestamp?s-r.timestamp:void 0;t[e]={...r,status:"completed",result:a.content,duration:l};break}}return{streamingBlocks:t}})}else if("ask_user_question"===a.type&&a.askUserQuestion){let s={id:"question-".concat(Date.now(),"-").concat(Math.random().toString(36).substr(2,9)),type:"ask_user_question",askUserQuestion:a.askUserQuestion,status:"waiting"};e(e=>({streamingBlocks:[...e.streamingBlocks,s],pendingQuestion:a.askUserQuestion}))}else"error"===a.type&&e({error:a.error})}catch(e){}}await s().fetchMessages(t)}catch(s){e({error:s instanceof Error?s.message:"Failed to send message"})}finally{e({isStreaming:!1}),s().messageQueue.length>0&&setTimeout(()=>s().processQueue(t),100)}},addMessage:s=>{e(e=>({messages:[...e.messages,s]}))},clearMessages:()=>{e({messages:[],streamingBlocks:[],messageQueue:[]})},clearError:()=>{e({error:null})},respondToQuestion:async(t,a)=>{if(!s().pendingQuestion)return;let r=Object.entries(a).map(e=>{let[s,t]=e;return"".concat(s,": ").concat(t)}).join("\n");e(e=>{let s=[...e.streamingBlocks];for(let e=s.length-1;e>=0;e--)if("ask_user_question"===s[e].type&&"waiting"===s[e].status){s[e]={...s[e],status:"completed"};break}return{streamingBlocks:s,pendingQuestion:null}}),await s().sendMessage(t,r)}}));var D=t(8031),T=t(40),$=t(4309),B=t(6569),L=t(6776),I=t(5594),P=t(4660),_=t(3527);let Q=r.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)(P.bL,{className:(0,c.cn)("grid gap-2",t),...r,ref:s})});Q.displayName=P.bL.displayName;let U=r.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)(P.q7,{ref:s,className:(0,c.cn)("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",t),...r,children:(0,a.jsx)(P.C1,{className:"flex items-center justify-center",children:(0,a.jsx)(_.A,{className:"h-2.5 w-2.5 fill-current text-current"})})})});U.displayName=P.q7.displayName;var M=t(8367);let q=r.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)(M.bL,{ref:s,className:(0,c.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",t),...r,children:(0,a.jsx)(M.C1,{className:(0,c.cn)("flex items-center justify-center text-current"),children:(0,a.jsx)(B.A,{className:"h-4 w-4"})})})});q.displayName=M.bL.displayName;var W=t(2731);let O=(0,t(4176).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),K=r.forwardRef((e,s)=>{let{className:t,...r}=e;return(0,a.jsx)(W.b,{ref:s,className:(0,c.cn)(O(),t),...r})});K.displayName=W.b.displayName;var J=t(5338);function V(e){let{data:s,isWaiting:t,onSubmit:l}=e,[n,c]=(0,r.useState)({}),[i,o]=(0,r.useState)({}),d=s.questions.every((e,s)=>n[s]||i[s]);return t?(0,a.jsxs)("div",{className:"rounded-lg border border-primary/30 bg-primary/5 p-4 space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,a.jsx)(L.A,{className:"h-5 w-5"}),(0,a.jsx)("span",{className:"font-medium",children:"AI의 질문"})]}),s.questions.map((e,s)=>(0,a.jsxs)("div",{className:"space-y-3",children:[e.header&&(0,a.jsx)("span",{className:"inline-block px-2 py-0.5 text-xs font-medium bg-primary/10 text-primary rounded",children:e.header}),(0,a.jsx)("p",{className:"text-sm font-medium",children:e.question}),e.multiSelect?(0,a.jsx)("div",{className:"space-y-2",children:e.options.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-start space-x-2",children:[(0,a.jsx)(q,{id:"q".concat(s,"-o").concat(t),checked:(n[s]||[]).includes(e.label),onCheckedChange:t=>{var a,r;return a=e.label,r=!0===t,void c(e=>{let t=e[s]||[];return r?{...e,[s]:[...t,a]}:{...e,[s]:t.filter(e=>e!==a)}})}}),(0,a.jsxs)("div",{className:"grid gap-0.5 leading-none",children:[(0,a.jsx)(K,{htmlFor:"q".concat(s,"-o").concat(t),className:"text-sm cursor-pointer",children:e.label}),e.description&&(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.description})]})]},t))}):(0,a.jsx)(Q,{value:n[s],onValueChange:e=>{c(t=>({...t,[s]:e}))},className:"space-y-2",children:e.options.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-start space-x-2",children:[(0,a.jsx)(U,{value:e.label,id:"q".concat(s,"-o").concat(t)}),(0,a.jsxs)("div",{className:"grid gap-0.5 leading-none",children:[(0,a.jsx)(K,{htmlFor:"q".concat(s,"-o").concat(t),className:"text-sm cursor-pointer",children:e.label}),e.description&&(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.description})]})]},t))}),(0,a.jsxs)("div",{className:"flex items-center gap-2 pt-1",children:[(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:"또는 직접 입력:"}),(0,a.jsx)(J.p,{placeholder:"다른 답변...",value:i[s]||"",onChange:e=>{var t;return t=e.target.value,void o(e=>({...e,[s]:t}))},className:"h-8 text-sm flex-1"})]})]},s)),(0,a.jsx)(I.$,{onClick:()=>{let e={};s.questions.forEach((s,t)=>{let a=n[t],r=i[t];r?e[s.question]=r:Array.isArray(a)?e[s.question]=a.join(", "):a&&(e[s.question]=a)}),l(e)},disabled:!d,className:"w-full",size:"sm",children:"답변 제출"})]}):(0,a.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-md text-sm bg-muted border border-border",children:[(0,a.jsx)(B.A,{className:"h-4 w-4 text-green-600"}),(0,a.jsxs)("span",{className:"text-muted-foreground",children:[(0,a.jsx)(L.A,{className:"h-4 w-4 inline mr-1"}),"질문 응답 완료"]})]})}let G={Read:(0,a.jsx)(i.A,{className:"h-4 w-4"}),Glob:(0,a.jsx)(o.A,{className:"h-4 w-4"}),Grep:(0,a.jsx)(d.A,{className:"h-4 w-4"}),Bash:(0,a.jsx)(m.A,{className:"h-4 w-4"}),Edit:(0,a.jsx)(u.A,{className:"h-4 w-4"}),Write:(0,a.jsx)(u.A,{className:"h-4 w-4"}),WebFetch:(0,a.jsx)(x.A,{className:"h-4 w-4"}),WebSearch:(0,a.jsx)(x.A,{className:"h-4 w-4"}),TodoWrite:(0,a.jsx)(h.A,{className:"h-4 w-4"}),Task:(0,a.jsx)(p.A,{className:"h-4 w-4"})};function H(e){var s,t;let a=null==(s=e.tool)?void 0:s.input,r=null==(t=e.tool)?void 0:t.name;if(!a||!r)return"";if("Read"===r&&a.file_path)return a.file_path.split("/").pop()||"";if("Glob"===r&&a.pattern||"Grep"===r&&a.pattern)return a.pattern;if("Bash"===r&&a.command){let e=a.command;return e.length>50?e.substring(0,50)+"...":e}return("Edit"===r||"Write"===r)&&a.file_path&&a.file_path.split("/").pop()||""}function Y(e){let{content:s}=e;return(0,a.jsx)(b,{content:s})}function X(e){var s,t;let{block:r}=e,l="running"===r.status,n=(null==(s=r.tool)?void 0:s.name)||"Unknown";return(0,a.jsxs)("div",{className:"flex items-center gap-2 px-3 py-2 rounded-md text-sm ".concat(l?"bg-blue-50 dark:bg-blue-950 border border-blue-200 dark:border-blue-800":"bg-muted border border-border"),children:[l?(0,a.jsx)(D.A,{className:"h-4 w-4 animate-spin text-blue-600 dark:text-blue-400"}):(0,a.jsx)(f.A,{className:"h-4 w-4 text-green-600"}),(0,a.jsx)("span",{className:l?"text-blue-700 dark:text-blue-300":"text-muted-foreground",children:G[n]||(0,a.jsx)(m.A,{className:"h-4 w-4"})}),(0,a.jsx)("span",{className:"font-medium ".concat(l?"text-blue-800 dark:text-blue-200":""),children:{Read:"파일 읽기",Glob:"파일 검색",Grep:"내용 검색",Bash:"명령어 실행",Edit:"파일 수정",Write:"파일 생성",WebFetch:"웹 페이지 가져오기",WebSearch:"웹 검색",Task:"에이전트 실행",TodoWrite:"작업 목록 업데이트"}[n]||n}),H(r)&&(0,a.jsx)("span",{className:"truncate flex-1 ".concat(l?"text-blue-600 dark:text-blue-400":"text-muted-foreground"),children:H(r)}),void 0!==r.duration&&(0,a.jsxs)("span",{className:"text-xs text-muted-foreground ml-auto tabular-nums",children:["(",(t=r.duration)<1e3?"".concat(t,"ms"):"".concat((t/1e3).toFixed(1),"s"),")"]})]})}function Z(e){let{blocks:s}=e,[t,l]=(0,r.useState)(!1),n=s.length>5,c=s.length-4;if(!n||t)return(0,a.jsxs)("div",{className:"space-y-1",children:[s.map(e=>(0,a.jsx)(X,{block:e},e.id)),n&&t&&(0,a.jsxs)("button",{onClick:()=>l(!1),className:"flex items-center gap-1 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",children:[(0,a.jsx)(T.A,{className:"h-4 w-4"}),(0,a.jsx)("span",{children:"접기"})]})]});let i=s.slice(0,2),o=s.slice(-2);return(0,a.jsxs)("div",{className:"space-y-1",children:[i.map(e=>(0,a.jsx)(X,{block:e},e.id)),(0,a.jsxs)("button",{onClick:()=>l(!0),className:"flex items-center gap-1 px-3 py-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors w-full justify-center border border-dashed border-border rounded-md hover:bg-muted/50",children:[(0,a.jsx)($.A,{className:"h-4 w-4"}),(0,a.jsxs)("span",{children:[c,"개 더 보기"]})]}),o.map(e=>(0,a.jsx)(X,{block:e},e.id))]})}function ee(e){let{blocks:s,isStreaming:t=!0,projectId:r}=e,l=s.length>0,{respondToQuestion:n}=R(),c=function(e){let s=[],t=[];for(let a of e)"tool_use"===a.type?t.push(a):(t.length>0&&(s.push({type:"tool_group",blocks:t}),t=[]),s.push({type:"other",blocks:[a]}));return t.length>0&&s.push({type:"tool_group",blocks:t}),s}(s),i=e=>{n(r,e)};return(0,a.jsxs)("div",{className:"flex gap-3 p-4 rounded-lg bg-background",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-secondary text-secondary-foreground text-sm font-medium",children:"AI"}),(0,a.jsxs)("div",{className:"flex-1 space-y-2 overflow-hidden",children:[c.map((e,s)=>"tool_group"===e.type?(0,a.jsx)(Z,{blocks:e.blocks},"group-".concat(s)):e.blocks.map(e=>"text"===e.type?(0,a.jsx)(Y,{content:e.content||""},e.id):"ask_user_question"===e.type&&e.askUserQuestion?(0,a.jsx)(V,{data:e.askUserQuestion,isWaiting:"waiting"===e.status,onSubmit:i},e.id):null)),t&&!l&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,a.jsx)(D.A,{className:"h-4 w-4 animate-spin"}),(0,a.jsx)("span",{className:"text-sm",children:"AI가 생각 중..."})]}),t&&l&&(0,a.jsx)("span",{className:"inline-block w-2 h-4 bg-primary animate-pulse"})]})]})}function es(e){let{messages:s,streamingBlocks:t=[],isStreaming:l,projectId:n}=e,c=(0,r.useRef)(null);return(0,r.useEffect)(()=>{var e;null==(e=c.current)||e.scrollIntoView({behavior:"smooth"})},[s,t]),(0,a.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 space-y-4",children:[0===s.length&&!l&&(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("p",{className:"text-lg font-medium",children:"안녕하세요!"}),(0,a.jsx)("p",{className:"text-sm",children:"무엇을 만들어 드릴까요?"})]})}),s.map(e=>(0,a.jsx)(k,{message:e},e.id)),t.length>0&&(0,a.jsx)(ee,{blocks:t,isStreaming:l,projectId:n}),(0,a.jsx)("div",{ref:c})]})}var et=t(7793),ea=t(3113),er=t(9426),el=t(2881);function en(){let{t:e}=(0,er.B)(),{mode:s,setMode:t,isStreaming:r}=R();return(0,a.jsxs)("div",{className:"flex gap-1 p-1 bg-muted rounded-lg w-fit",children:[(0,a.jsxs)("button",{onClick:()=>t("ask"),disabled:r,className:(0,c.cn)("flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-md transition-colors","ask"===s?"bg-blue-500 text-white":"text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10",r&&"opacity-50 cursor-not-allowed"),children:[(0,a.jsx)(L.A,{className:"h-4 w-4"}),e("chat.modeAsk")]}),(0,a.jsxs)("button",{onClick:()=>t("build"),disabled:r,className:(0,c.cn)("flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-md transition-colors","build"===s?"bg-green-500 text-white":"text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10",r&&"opacity-50 cursor-not-allowed"),children:[(0,a.jsx)(el.A,{className:"h-4 w-4"}),e("chat.modeBuild")]})]})}var ec=t(6241);function ei(e){let{files:s,onRemove:t}=e;return 0===s.length?null:(0,a.jsx)("div",{className:"flex flex-wrap gap-2 px-4 pb-2",children:s.map(e=>{var s;return(0,a.jsxs)("div",{className:"group relative flex items-center gap-2 rounded-lg border bg-muted/50 p-2",children:[e.preview?(0,a.jsx)("img",{src:e.preview,alt:e.file.name,className:"h-12 w-12 rounded object-cover"}):(0,a.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded bg-muted",children:(0,a.jsx)(i.A,{className:"h-6 w-6 text-muted-foreground"})}),(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)("span",{className:"max-w-[120px] truncate text-xs font-medium",children:e.file.name}),(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:(s=e.file.size)<1024?"".concat(s," B"):s<1048576?"".concat((s/1024).toFixed(1)," KB"):"".concat((s/1048576).toFixed(1)," MB")})]}),"uploading"===e.status&&(0,a.jsx)(D.A,{className:"h-4 w-4 animate-spin text-muted-foreground"}),"error"===e.status&&(0,a.jsx)("span",{className:"text-xs text-destructive",children:e.error}),(0,a.jsx)("button",{onClick:()=>t(e.id),className:"absolute -right-2 -top-2 flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-destructive-foreground opacity-0 transition-opacity group-hover:opacity-100",children:(0,a.jsx)(ec.A,{className:"h-3 w-3"})})]},e.id)})})}var eo=t(3300);function ed(e){let{items:s,onDelete:t}=e,[l,n]=(0,r.useState)(!0);return 0===s.length?null:(0,a.jsxs)("div",{className:"border-t bg-muted/30",children:[(0,a.jsx)("button",{onClick:()=>n(!l),className:"flex items-center justify-between w-full px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[l?(0,a.jsx)(T.A,{className:"h-4 w-4"}):(0,a.jsx)($.A,{className:"h-4 w-4"}),(0,a.jsxs)("span",{children:["Queue (",s.length,")"]})]})}),l&&(0,a.jsx)("div",{className:"px-4 pb-3 space-y-2",children:s.map((e,s)=>(0,a.jsx)(em,{item:e,isNext:0===s,onDelete:t},e.id))})]})}function em(e){let{item:s,isNext:t,onDelete:r}=e,l="processing"===s.status;return(0,a.jsxs)("div",{className:"relative flex items-start gap-2 p-3 rounded-md border ".concat(l?"bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800":"bg-background border-border"),children:[(0,a.jsx)("div",{className:"flex-1 min-w-0",children:(0,a.jsx)("p",{className:"text-sm line-clamp-2 break-words",children:s.content})}),(0,a.jsxs)("div",{className:"flex items-center gap-1 shrink-0",children:[t&&!l&&(0,a.jsx)("span",{className:"text-xs font-medium text-blue-600 dark:text-blue-400 px-1.5 py-0.5 bg-blue-100 dark:bg-blue-900 rounded",children:"Next"}),l&&(0,a.jsx)("span",{className:"text-xs font-medium text-blue-600 dark:text-blue-400 px-1.5 py-0.5 bg-blue-100 dark:bg-blue-900 rounded animate-pulse",children:"Processing"}),r&&!l&&(0,a.jsx)(I.$,{variant:"ghost",size:"icon",className:"h-6 w-6 text-muted-foreground hover:text-destructive",onClick:()=>r(s.id),children:(0,a.jsx)(eo.A,{className:"h-3 w-3"})})]})]})}let eu=["image/png","image/jpeg","image/gif","image/webp","application/pdf","text/plain","text/markdown","text/csv","application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"];function ex(e){let{onSend:s,projectId:t,disabled:l,isStreaming:n,queueCount:c=0}=e,{t:i}=(0,er.B)(),{mode:o,attachedFiles:d,addFiles:m,removeFile:u,uploadFiles:x,isUploading:h,messageQueue:p,deleteFromQueue:f}=R(),[g,j]=(0,r.useState)(""),[N,v]=(0,r.useState)(!1),b=(0,r.useRef)(null),w=(0,r.useRef)(null),y=e=>{let s=e.filter(e=>eu.includes(e.type)?!(e.size>0x6400000)||(console.warn("File too large: ".concat(e.name)),!1):(console.warn("File type not allowed: ".concat(e.type)),!1)),t=5-d.length;t<=0||m(s.slice(0,t))},k=async()=>{if(!g.trim()&&0===d.length||l||h)return;let e=[];d.length>0&&(e=await x(t)),s(g.trim(),e.length>0?e:void 0),j(""),b.current&&(b.current.style.height="auto")};return(0,a.jsxs)("div",{className:"border-t bg-background ".concat(N?"ring-2 ring-ring ring-offset-2":""),onDragOver:e=>{e.preventDefault(),v(!0)},onDragLeave:e=>{e.preventDefault(),v(!1)},onDrop:e=>{e.preventDefault(),v(!1),e.dataTransfer.files&&y(Array.from(e.dataTransfer.files))},children:[(0,a.jsx)("div",{className:"p-4 pb-2",children:(0,a.jsx)(en,{})}),(0,a.jsx)(ei,{files:d,onRemove:u}),(0,a.jsxs)("div",{className:"flex items-end gap-2 px-4 pb-4",children:[(0,a.jsx)("input",{ref:w,type:"file",multiple:!0,accept:eu.join(","),onChange:e=>{e.target.files&&(y(Array.from(e.target.files)),e.target.value="")},className:"hidden"}),(0,a.jsx)(I.$,{type:"button",variant:"ghost",size:"icon",onClick:()=>{var e;return null==(e=w.current)?void 0:e.click()},disabled:l||d.length>=5,className:"h-10 w-10 shrink-0",children:(0,a.jsx)(et.A,{className:"h-4 w-4"})}),(0,a.jsx)("div",{className:"relative flex-1",children:(0,a.jsx)("textarea",{ref:b,value:g,onChange:e=>j(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),k())},onInput:()=>{let e=b.current;e&&(e.style.height="auto",e.style.height="".concat(Math.min(e.scrollHeight,200),"px"))},placeholder:i(n?"chat.queuePlaceholder":"ask"===o?"chat.askPlaceholder":"chat.placeholder"),disabled:l,rows:1,className:"w-full resize-none rounded-lg border border-input bg-background px-4 py-3 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"})}),(0,a.jsx)(I.$,{onClick:k,disabled:!g.trim()&&0===d.length||l||h,size:"icon",className:"h-10 w-10 shrink-0",children:(0,a.jsx)(ea.A,{className:"h-4 w-4"})})]}),(n||h)&&(0,a.jsx)("div",{className:"px-4 pb-2 flex items-center gap-2 text-xs text-muted-foreground",children:h?(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"inline-block h-1.5 w-1.5 animate-pulse rounded-full bg-blue-500"}),i("chat.uploading")]}):(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("span",{className:"inline-block h-1.5 w-1.5 animate-pulse rounded-full bg-yellow-500"}),i("chat.thinking")]})}),(0,a.jsx)(ed,{items:p,onDelete:f})]})}var eh=t(4025);function ep(e){let{projectId:s}=e,{t}=(0,er.B)(),[l,n]=(0,r.useState)(!1),{messages:c,isStreaming:i,streamingBlocks:o,messageQueue:d,fetchMessages:m,fetchActiveSession:u,sendMessage:x,clearMessages:h}=R();(0,r.useEffect)(()=>{h(),m(s),u(s)},[s,m,u,h]);let p=async()=>{if(!l&&!i){n(!0);try{await S.F.post("/projects/".concat(s,"/chat/reset"))}catch(e){console.error("Failed to reset session:",e)}finally{n(!1)}}};return(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex h-12 items-center justify-between border-b px-4",children:[(0,a.jsx)("span",{className:"text-sm font-medium",children:t("chat.title")}),(0,a.jsxs)(I.$,{variant:"ghost",size:"sm",onClick:p,disabled:l||i,title:t("chat.newConversation"),className:"gap-1.5",children:[(0,a.jsx)(eh.A,{className:"h-4 w-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:t("chat.newConversation")})]})]}),(0,a.jsx)(es,{messages:c,streamingBlocks:o,isStreaming:i,projectId:s}),(0,a.jsx)(ex,{onSend:e=>{x(s,e)},projectId:s,isStreaming:i,queueCount:d.length})]})}var ef=t(5732),eg=t(5631),ej=t(3792),eN=t(3774),ev=t(3787),eb=t(4246),ew=t(5471),ey=t(7604),ek=t(6021),eA=t(9085),eS=t(9696),eC=t(943);let eF="http://localhost:14000/api";function eE(e){let{projectId:s,isRunning:t}=e,[l,n]=(0,r.useState)([]),[c,i]=(0,r.useState)("all"),[o,d]=(0,r.useState)(!0),u=(0,r.useRef)(null),x=(0,r.useRef)(null);(0,r.useEffect)(()=>{if(!t)return void n([]);(async()=>{try{let e=await fetch("".concat(eF,"/projects/").concat(s,"/preview/logs"));if(e.ok){let s=await e.json();n(s)}}catch(e){console.error("Failed to fetch logs:",e)}})()},[s,t]),(0,r.useEffect)(()=>{if(!t){x.current&&(x.current.close(),x.current=null);return}let e=new EventSource("".concat(eF,"/projects/").concat(s,"/preview/logs/stream"));return e.onmessage=e=>{try{let s=JSON.parse(e.data);"log"===s.type&&s.entry&&n(e=>{let t=[...e,s.entry];return t.length>1e3?t.slice(-1e3):t})}catch(e){}},e.onerror=()=>{e.close(),x.current=null},x.current=e,()=>{e.close(),x.current=null}},[s,t]),(0,r.useEffect)(()=>{o&&u.current&&(u.current.scrollTop=u.current.scrollHeight)},[l,o]);let h=(0,r.useCallback)(()=>{if(!u.current)return;let{scrollTop:e,scrollHeight:s,clientHeight:t}=u.current;d(s-e-t<50)},[]),p=async()=>{try{await fetch("".concat(eF,"/projects/").concat(s,"/preview/logs"),{method:"DELETE"}),n([])}catch(e){console.error("Failed to clear logs:",e)}},f=l.filter(e=>{switch(c){case"frontend":return"frontend"===e.source;case"backend":return"backend"===e.source;case"error":return"stderr"===e.level;default:return!0}});return t?(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex h-10 items-center justify-between border-b px-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(I.$,{variant:"all"===c?"secondary":"ghost",size:"sm",onClick:()=>i("all"),className:"h-7 px-2 text-xs",children:"All"}),(0,a.jsx)(I.$,{variant:"frontend"===c?"secondary":"ghost",size:"sm",onClick:()=>i("frontend"),className:"h-7 px-2 text-xs",children:"Frontend"}),(0,a.jsx)(I.$,{variant:"backend"===c?"secondary":"ghost",size:"sm",onClick:()=>i("backend"),className:"h-7 px-2 text-xs",children:"Backend"}),(0,a.jsxs)(I.$,{variant:"error"===c?"secondary":"ghost",size:"sm",onClick:()=>i("error"),className:"h-7 px-2 text-xs text-red-500",children:[(0,a.jsx)(eS.A,{className:"h-3 w-3 mr-1"}),"Errors"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>{let e=new Blob([f.map(e=>{let s=new Date(e.timestamp).toISOString();return"[".concat(s,"] [").concat(e.source,"] [").concat(e.level,"] ").concat(e.message)}).join("\n")],{type:"text/plain"}),t=URL.createObjectURL(e),a=document.createElement("a");a.href=t,a.download="console-".concat(s,"-").concat(Date.now(),".log"),a.click(),URL.revokeObjectURL(t)},className:"h-7 w-7 p-0",title:"Download logs",children:(0,a.jsx)(eC.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:p,className:"h-7 w-7 p-0",title:"Clear logs",children:(0,a.jsx)(eo.A,{className:"h-4 w-4"})})]})]}),(0,a.jsx)("div",{ref:u,onScroll:h,className:"flex-1 overflow-auto bg-zinc-950 p-2 font-mono text-xs",children:0===f.length?(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-zinc-500",children:(0,a.jsx)("span",{children:"No logs yet..."})}):(0,a.jsx)("div",{className:"space-y-0.5",children:f.map(e=>(0,a.jsxs)("div",{className:"flex gap-2 ".concat("stderr"===e.level?"text-red-400":"text-zinc-300"),children:[(0,a.jsx)("span",{className:"text-zinc-600 shrink-0",children:new Date(e.timestamp).toLocaleTimeString()}),(0,a.jsx)("span",{className:"shrink-0 px-1 rounded text-[10px] ".concat("frontend"===e.source?"bg-blue-500/20 text-blue-400":"bg-green-500/20 text-green-400"),children:"frontend"===e.source?"FE":"BE"}),(0,a.jsx)("span",{className:"whitespace-pre-wrap break-all",children:e.message})]},e.id))})})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(m.A,{className:"mx-auto h-8 w-8 mb-2 opacity-50"}),(0,a.jsx)("p",{className:"text-sm",children:"Start the preview to see console output"})]})})}var ez=t(262);function eR(e){let{error:s,onDismiss:t}=e,[l,n]=(0,r.useState)(!1),c=async()=>{let e=[s.message,s.location?"at ".concat(s.location.file,":").concat(s.location.line,":").concat(s.location.column):"",s.stack||""].filter(Boolean).join("\n\n");await navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),2e3)};return(0,a.jsx)("div",{className:"absolute inset-0 bg-black/80 backdrop-blur-sm z-50 overflow-auto",children:(0,a.jsx)("div",{className:"min-h-full p-6",children:(0,a.jsxs)("div",{className:"max-w-2xl mx-auto bg-zinc-900 rounded-lg border border-red-500/50 overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 bg-red-500/10 border-b border-red-500/30",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-red-500"}),(0,a.jsx)("span",{className:"font-medium ".concat({compile:"text-red-500",runtime:"text-orange-500",network:"text-yellow-500"}[s.type]),children:{compile:"Compilation Error",runtime:"Runtime Error",network:"Network Error"}[s.type]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:c,className:"h-7 px-2 text-zinc-400 hover:text-white",children:l?(0,a.jsx)(B.A,{className:"h-4 w-4"}):(0,a.jsx)(ez.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:t,className:"h-7 px-2 text-zinc-400 hover:text-white",children:(0,a.jsx)(ec.A,{className:"h-4 w-4"})})]})]}),(0,a.jsxs)("div",{className:"p-4 space-y-4",children:[(0,a.jsx)("p",{className:"text-lg font-mono text-red-400 whitespace-pre-wrap",children:s.message}),s.location&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-zinc-400",children:[(0,a.jsx)(ew.A,{className:"h-4 w-4"}),(0,a.jsxs)("code",{className:"bg-zinc-800 px-2 py-0.5 rounded",children:[s.location.file,":",s.location.line,":",s.location.column]})]}),s.stack&&(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("p",{className:"text-xs text-zinc-500 mb-2 uppercase tracking-wide",children:"Stack Trace"}),(0,a.jsx)("pre",{className:"bg-zinc-950 p-3 rounded-lg text-xs text-zinc-400 overflow-x-auto font-mono",children:s.stack})]})]}),(0,a.jsx)("div",{className:"px-4 py-3 bg-zinc-800/50 border-t border-zinc-700 flex justify-end",children:(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:t,className:"text-zinc-300",children:"Dismiss"})})]})})})}let eD="http://localhost:14000/api",eT={desktop:{width:"100%",height:"100%",label:"Desktop"},tablet:{width:"768px",height:"1024px",label:"Tablet"},mobile:{width:"375px",height:"667px",label:"Mobile"}};function e$(e){let{projectId:s}=e,{t}=(0,er.B)(),[l,n]=(0,r.useState)(!1),[c,i]=(0,r.useState)(!0),[o,d]=(0,r.useState)(null),u=(0,r.useRef)(null),x=(0,r.useRef)(null),{status:h,url:p,error:f,isLoading:g,projectReady:j,startPreview:N,stopPreview:v,restartPreview:b,refreshPreview:w,fetchStatus:y,checkProjectReady:k,clearError:A}=F(),S=(0,r.useRef)(!1),C=(0,r.useRef)(0);(0,r.useRef)(h).current=h;let E=(0,r.useCallback)(e=>{c&&"running"===h&&(d(e.split("/").pop()||e),setTimeout(()=>d(null),2e3),x.current&&(x.current.src=x.current.src))},[c,h]);(0,r.useEffect)(()=>{if(!l||"running"!==h){u.current&&(u.current.close(),u.current=null);return}let e=new EventSource("".concat(eD,"/projects/").concat(s,"/preview/watch"));return e.onmessage=e=>{try{let s=JSON.parse(e.data);"file-change"===s.type&&E(s.path)}catch(e){}},e.onerror=()=>{e.close(),u.current=null},u.current=e,()=>{e.close(),u.current=null}},[l,h,s,E]),(0,r.useEffect)(()=>{n(!0)},[]),(0,r.useEffect)(()=>{let e=()=>{let e="".concat(eD,"/projects/").concat(s,"/preview/stop");navigator.sendBeacon(e)};return window.addEventListener("beforeunload",e),()=>{window.removeEventListener("beforeunload",e)}},[s]),(0,r.useEffect)(()=>{S.current=!1,C.current=0,A()},[s,A]),(0,r.useEffect)(()=>{if(!l)return;y(s),k(s);let e=setInterval(()=>{y(s),"running"!==h&&"starting"!==h&&k(s)},2e3);return()=>clearInterval(e)},[s,y,k,h,l]),(0,r.useEffect)(()=>{if(!l||g||"starting"===h)return;let e=S.current,t=j.ready;if(!e&&t&&(C.current=0),S.current=t,t&&"stopped"===h&&C.current<3&&(C.current++,N(s)),t&&"error"===h&&C.current<3){let e=setTimeout(()=>{j.ready&&C.current<3&&(C.current++,A(),N(s))},3e3);return()=>clearTimeout(e)}},[l,j.ready,h,g,s,N,A]);let z=()=>N(s),[R,T]=(0,r.useState)("preview"),[$,B]=(0,r.useState)("desktop"),[L,P]=(0,r.useState)(null),_=(0,r.useRef)(null);(0,r.useEffect)(()=>{if(!l||"running"!==h){_.current&&(_.current.close(),_.current=null);return}let e=new EventSource("".concat(eD,"/projects/").concat(s,"/preview/logs/stream"));return e.onmessage=e=>{try{let s=JSON.parse(e.data);if("log"===s.type&&s.entry&&"stderr"===s.entry.level){let e=function(e){if(e.includes("Compiling...")||e.includes("Ready in")||e.includes("Compiled successfully")||e.includes("Fast Refresh")||e.includes("○ Compiling")||e.includes("✓ Compiled"))return null;let s=/(?:\.\/)?([^:]+):(\d+):(\d+)/,t=e.match(/(?:Error|TypeError|SyntaxError|ReferenceError):\s*(.+)/);if(t){let a=e.match(s);return{type:"compile",message:t[1],stack:e,location:a?{file:a[1],line:parseInt(a[2],10),column:parseInt(a[3],10)}:void 0}}if(e.includes("Failed to compile")||e.includes("Compilation failed"))return{type:"compile",message:"Failed to compile. Check the console for more details.",stack:e};let a=e.match(/Module not found:\s*(.+)/);if(a){let t=e.match(s);return{type:"compile",message:a[1],stack:e,location:t?{file:t[1],line:parseInt(t[2],10),column:parseInt(t[3],10)}:void 0}}return null}(s.entry.message);e&&P(e)}}catch(e){}},e.onerror=()=>{e.close(),_.current=null},_.current=e,()=>{e.close(),_.current=null}},[l,h,s]),(0,r.useEffect)(()=>{"starting"===h&&P(null)},[h]);let Q=(0,r.useCallback)(()=>{P(null)},[]);return(0,a.jsxs)("div",{className:"flex h-full flex-col border-l",children:[(0,a.jsxs)("div",{className:"flex h-12 items-center justify-between border-b px-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(l?"running"===h?"bg-green-500":"starting"===h?"bg-yellow-500 animate-pulse":"error"===h?"bg-red-500":"bg-gray-400":"bg-gray-400")}),(0,a.jsx)("span",{className:"text-sm text-muted-foreground",children:t(l?"running"===h?"preview.title":"starting"===h?"preview.starting":"error"===h?"common.error":"preview.stop":"common.loading")})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:["preview"===R&&"running"===h&&(0,a.jsxs)("div",{className:"flex items-center gap-0.5 mr-2 border-r pr-2",children:[(0,a.jsx)(I.$,{variant:"desktop"===$?"secondary":"ghost",size:"sm",onClick:()=>B("desktop"),className:"h-7 px-2",title:"Desktop",children:(0,a.jsx)(ef.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"tablet"===$?"secondary":"ghost",size:"sm",onClick:()=>B("tablet"),className:"h-7 px-2",title:"Tablet (768x1024)",children:(0,a.jsx)(eg.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"mobile"===$?"secondary":"ghost",size:"sm",onClick:()=>B("mobile"),className:"h-7 px-2",title:"Mobile (375x667)",children:(0,a.jsx)(ej.A,{className:"h-4 w-4"})})]}),(0,a.jsxs)("div",{className:"flex items-center gap-0.5 mr-2 border-r pr-2",children:[(0,a.jsx)(I.$,{variant:"preview"===R?"secondary":"ghost",size:"sm",onClick:()=>T("preview"),className:"h-7 px-2",title:"Preview",children:(0,a.jsx)(ef.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"console"===R?"secondary":"ghost",size:"sm",onClick:()=>T("console"),className:"h-7 px-2",title:"Console",children:(0,a.jsx)(m.A,{className:"h-4 w-4"})})]}),"running"===h?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>i(!c),className:"h-8 w-8 p-0 ".concat(c?"text-green-500":"text-muted-foreground"),title:c?"Auto-refresh ON":"Auto-refresh OFF",children:(0,a.jsx)(eN.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>w(),disabled:g,className:"h-8 w-8 p-0",title:"Refresh",children:(0,a.jsx)(ev.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>b(s),disabled:g,className:"h-8 w-8 p-0",title:"Restart server",children:(0,a.jsx)(eb.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>{p&&window.open(p,"_blank")},className:"h-8 w-8 p-0",title:"Open in new tab",children:(0,a.jsx)(ew.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>v(s),disabled:g,className:"h-8 w-8 p-0",title:"Stop",children:(0,a.jsx)(ey.A,{className:"h-4 w-4"})})]}):(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:z,disabled:!l||g||"starting"===h||!j.ready,title:t(j.ready?"preview.start":"preview.notReady"),className:"h-8 w-8 p-0",children:(0,a.jsx)(ek.A,{className:"h-4 w-4"})})]})]}),(0,a.jsx)("div",{className:"flex-1 bg-muted/30 overflow-hidden",children:"console"===R?(0,a.jsx)(eE,{projectId:s,isRunning:"running"===h}):l?"running"===h&&p?(0,a.jsxs)("div",{className:"relative h-full w-full ".concat("desktop"!==$?"flex items-center justify-center bg-muted/50 p-4":""),children:[(0,a.jsx)("iframe",{ref:x,src:p,style:{width:eT[$].width,height:eT[$].height,maxWidth:"100%",maxHeight:"100%"},className:"border-0 ".concat("desktop"!==$?"border rounded-lg shadow-lg bg-white":"")},p),L&&(0,a.jsx)(eR,{error:L,onDismiss:Q}),"desktop"!==$&&(0,a.jsxs)("div",{className:"absolute bottom-4 left-4 px-2 py-1 bg-black/70 text-white text-xs rounded",children:[eT[$].label," (",eT[$].width," x ",eT[$].height,")"]}),o&&(0,a.jsxs)("div",{className:"absolute bottom-4 right-4 flex items-center gap-2 px-3 py-2 bg-green-500/90 text-white text-xs rounded-lg shadow-lg animate-pulse",children:[(0,a.jsx)(eN.A,{className:"h-3 w-3"}),(0,a.jsx)("span",{children:o})]})]}):"starting"===h?(0,a.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center text-muted-foreground",children:[(0,a.jsx)(ev.A,{className:"mx-auto h-8 w-8 animate-spin mb-2"}),(0,a.jsx)("p",{children:t("preview.starting")})]})}):f?(0,a.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center text-destructive",children:[(0,a.jsx)("p",{className:"font-medium",children:t("common.error")}),(0,a.jsx)("p",{className:"text-sm",children:f}),(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:z,className:"mt-4",children:t("common.refresh")})]})}):j.ready?(0,a.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center text-muted-foreground",children:[(0,a.jsx)(ek.A,{className:"mx-auto h-8 w-8 mb-2"}),(0,a.jsx)("p",{children:t("preview.start")})]})}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center text-muted-foreground max-w-sm",children:[(0,a.jsx)(eA.A,{className:"mx-auto h-8 w-8 mb-3 text-muted-foreground/50"}),(0,a.jsx)("p",{className:"font-medium mb-3",children:t("preview.notReady")}),(0,a.jsxs)("div",{className:"text-xs space-y-3",children:[(0,a.jsxs)("div",{className:"border rounded-lg p-2",children:[(0,a.jsx)("p",{className:"font-medium mb-1.5 text-foreground",children:j.isFullstack?"Frontend":"Project"}),(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.frontend.hasPackageJson?"bg-green-500":"bg-gray-300 animate-pulse")}),(0,a.jsx)("span",{children:"package.json"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.frontend.hasDevScript?"bg-green-500":"bg-gray-300")}),(0,a.jsx)("span",{children:"dev script"})]})]})]}),j.isFullstack&&j.backend&&(0,a.jsxs)("div",{className:"border rounded-lg p-2",children:[(0,a.jsxs)("p",{className:"font-medium mb-1.5 text-foreground",children:["Backend ","FASTAPI"===j.backendFramework?"(Python)":"(Node.js)"]}),(0,a.jsx)("div",{className:"space-y-1",children:"FASTAPI"===j.backendFramework?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.backend.hasRequirementsTxt?"bg-green-500":"bg-gray-300 animate-pulse")}),(0,a.jsx)("span",{children:"requirements.txt"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.backend.hasMainPy?"bg-green-500":"bg-gray-300")}),(0,a.jsx)("span",{children:"main.py"})]})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.backend.hasPackageJson?"bg-green-500":"bg-gray-300 animate-pulse")}),(0,a.jsx)("span",{children:"package.json"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,a.jsx)("div",{className:"h-2 w-2 rounded-full ".concat(j.backend.hasDevScript?"bg-green-500":"bg-gray-300")}),(0,a.jsx)("span",{children:"dev script"})]})]})})]})]}),(0,a.jsx)("p",{className:"text-xs mt-4",children:t("preview.waitForAI")})]})}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,a.jsx)(D.A,{className:"h-6 w-6 animate-spin text-muted-foreground"})})})]})}var eB=t(794),eL=t(2475),eI=t(4373),eP=t(6925);let e_="http://localhost:14000/api";function eQ(e){let{projectId:s,onFileSelect:t}=e,{t:l}=(0,er.B)(),[n,c]=(0,r.useState)([]),[i,o]=(0,r.useState)(!0),[d,m]=(0,r.useState)(!1),u=(0,r.useCallback)(async()=>{try{o(!0),m(!1);let e=await fetch("".concat(e_,"/projects/").concat(s,"/files"));if(!e.ok)throw Error("Failed to load files");let t=await e.json();c(t)}catch(e){m(!0)}finally{o(!1)}},[s]);(0,r.useEffect)(()=>{u()},[u]);let x=async e=>{if(t)try{let a=await fetch("".concat(e_,"/projects/").concat(s,"/files/content?path=").concat(encodeURIComponent(e)));if(!a.ok)throw Error("Failed to load file");let r=await a.json();t(e,r.content)}catch(e){}};return i?(0,a.jsx)("div",{className:"p-4 text-sm text-muted-foreground",children:l("fileExplorer.loading")}):d?(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("p",{className:"text-sm text-destructive mb-2",children:l("fileExplorer.error")}),(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:u,children:[(0,a.jsx)(ev.A,{className:"h-3 w-3 mr-1"}),l("common.refresh")]})]}):(0,a.jsxs)("div",{className:"h-full flex flex-col",children:[(0,a.jsxs)("div",{className:"flex h-12 items-center justify-between px-4 border-b",children:[(0,a.jsx)("span",{className:"text-sm font-medium",children:l("fileExplorer.title")}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:u,title:l("common.refresh"),children:(0,a.jsx)(ev.A,{className:"h-4 w-4"})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-auto p-2",children:0===n.length?(0,a.jsx)("div",{className:"text-sm text-muted-foreground px-2 py-4 text-center",children:l("fileExplorer.empty")}):(0,a.jsx)(eU,{nodes:n,onFileClick:x})})]})}function eU(e){let{nodes:s,onFileClick:t,level:r=0}=e;return(0,a.jsx)("ul",{className:"space-y-0.5",children:s.map(e=>(0,a.jsx)(eM,{node:e,onFileClick:t,level:r},e.path))})}function eM(e){let{node:s,onFileClick:t,level:l}=e,[n,i]=(0,r.useState)(l<1),o="directory"===s.type;return(0,a.jsxs)("li",{children:[(0,a.jsxs)("div",{className:(0,c.cn)("flex items-center gap-1 px-2 py-1 rounded-sm cursor-pointer","hover:bg-accent text-sm"),style:{paddingLeft:"".concat(12*l+8,"px")},onClick:()=>{o?i(!n):t(s.path)},children:[o&&(0,a.jsx)("span",{className:"w-4 h-4 flex items-center justify-center flex-shrink-0",children:n?(0,a.jsx)($.A,{className:"h-3 w-3"}):(0,a.jsx)(eP.A,{className:"h-3 w-3"})}),!o&&(0,a.jsx)("span",{className:"w-4 flex-shrink-0"}),(()=>{if(o)return n?(0,a.jsx)(eB.A,{className:"h-4 w-4 text-blue-400 flex-shrink-0"}):(0,a.jsx)(eL.A,{className:"h-4 w-4 text-blue-400 flex-shrink-0"});let e={ts:"text-blue-400",tsx:"text-blue-400",js:"text-yellow-400",jsx:"text-yellow-400",py:"text-green-400",json:"text-yellow-600",md:"text-gray-400",css:"text-purple-400",scss:"text-pink-400",html:"text-orange-400",prisma:"text-teal-400"}[s.extension||""]||"text-muted-foreground";return(0,a.jsx)(eI.A,{className:(0,c.cn)("h-4 w-4 flex-shrink-0",e)})})(),(0,a.jsx)("span",{className:"truncate",children:s.name})]}),o&&n&&s.children&&(0,a.jsx)(eU,{nodes:s.children,onFileClick:t,level:l+1})]})}let eq={ts:"typescript",tsx:"tsx",js:"javascript",jsx:"jsx",py:"python",json:"json",md:"markdown",css:"css",scss:"scss",html:"markup",prisma:"graphql",sql:"sql",sh:"bash",bash:"bash",yml:"yaml",yaml:"yaml",env:"bash",gitignore:"bash"};function eW(e){let{path:s,content:t,language:l,onClose:n}=e,{t:c}=(0,er.B)(),[i,o]=(0,r.useState)(!1),d=s.split("/").pop()||s,m=eq[l]||"typescript",u=t.split("\n"),x=async()=>{await navigator.clipboard.writeText(t),o(!0),setTimeout(()=>o(!1),2e3)};return(0,a.jsx)("div",{className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",children:(0,a.jsxs)("div",{className:"fixed inset-4 z-50 flex flex-col rounded-lg border bg-background shadow-lg md:inset-8 lg:inset-16",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"font-mono text-sm font-medium",children:d}),(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:s})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsxs)("span",{className:"text-xs text-muted-foreground mr-2",children:[u.length," lines"]}),(0,a.jsx)(I.$,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:x,title:i?"Copied!":"Copy",children:i?(0,a.jsx)(B.A,{className:"h-4 w-4 text-green-500"}):(0,a.jsx)(ez.A,{className:"h-4 w-4"})}),(0,a.jsx)(I.$,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:n,title:c("common.close"),children:(0,a.jsx)(ec.A,{className:"h-4 w-4"})})]})]}),(0,a.jsx)("div",{className:"flex-1 overflow-auto bg-[#1e1e1e]",children:(0,a.jsx)(N.f4,{theme:N.Zj.vsDark,code:t,language:m,children:e=>{let{className:s,style:t,tokens:r,getLineProps:l,getTokenProps:n}=e;return(0,a.jsx)("pre",{className:"text-sm leading-relaxed",style:{...t,margin:0,padding:"1rem",background:"#1e1e1e",minHeight:"100%"},children:(0,a.jsx)("code",{className:s,children:r.map((e,s)=>{let{key:t,...r}=l({line:e});return(0,a.jsxs)("div",{...r,className:"table-row hover:bg-white/5",children:[(0,a.jsx)("span",{className:"table-cell select-none pr-4 text-right text-gray-500 w-12",children:s+1}),(0,a.jsx)("span",{className:"table-cell",children:e.map((e,s)=>{let{key:t,...r}=n({token:e});return(0,a.jsx)("span",{...r},s)})})]},s)})})})}})})]})})}var eO=t(1858),eK=t(4593),eJ=t(3028);function eV(e){let{projectId:s}=e,[t,l]=(0,r.useState)([]),[n,c]=(0,r.useState)(null),[i,o]=(0,r.useState)(null),[d,m]=(0,r.useState)(!1),[u,x]=(0,r.useState)(null),[h,p]=(0,r.useState)(1),[f,g]=(0,r.useState)(!1),[j,N]=(0,r.useState)(""),[v,b]=(0,r.useState)(null),w=(0,r.useCallback)(async()=>{m(!0),x(null);try{let e=await S.F.get("/projects/".concat(s,"/database/tables"));l(e),e.length>0&&!n&&c(e[0].name)}catch(e){x(e instanceof Error?e.message:"Failed to load tables")}finally{m(!1)}},[s,n]),y=(0,r.useCallback)(async()=>{if(n){m(!0),x(null);try{let e=await S.F.get("/projects/".concat(s,"/database/tables/").concat(n,"/data?page=").concat(h,"&pageSize=").concat(50));o(e)}catch(e){x(e instanceof Error?e.message:"Failed to load table data")}finally{m(!1)}}},[s,n,h]);(0,r.useEffect)(()=>{w()},[w]),(0,r.useEffect)(()=>{n&&(p(1),y())},[n]),(0,r.useEffect)(()=>{n&&y()},[h,y]);let k=async e=>{if(!n||!i)return;let t=i.columns.find(e=>e.primaryKey);if(!t)return void x("No primary key found for this table");if(confirm("Are you sure you want to delete this row?"))try{await S.F.delete("/projects/".concat(s,"/database/tables/").concat(n,"/rows"),{primaryKey:t.name,primaryKeyValue:e[t.name]}),await y()}catch(e){x(e instanceof Error?e.message:"Failed to delete row")}},A=async()=>{if(j.trim()){m(!0),x(null);try{let e=await S.F.post("/projects/".concat(s,"/database/query"),{query:j});b(e)}catch(e){x(e instanceof Error?e.message:"Query execution failed")}finally{m(!1)}}},C=i?Math.ceil(i.total/50):0;return d&&0===t.length?(0,a.jsxs)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:[(0,a.jsx)(ev.A,{className:"h-5 w-5 animate-spin mr-2"}),"Loading database..."]}):u&&0===t.length?(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(eO.A,{className:"h-8 w-8 mx-auto mb-2 opacity-50"}),(0,a.jsx)("p",{className:"text-sm",children:u}),(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:w,className:"mt-2",children:"Retry"})]})}):(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsxs)("h3",{className:"font-medium flex items-center gap-2",children:[(0,a.jsx)(eO.A,{className:"h-4 w-4"}),"Database"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(I.$,{variant:f?"secondary":"outline",size:"sm",onClick:()=>g(!f),className:"h-8",children:"SQL"}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:w,disabled:d,className:"h-8 w-8 p-0",children:(0,a.jsx)(ev.A,{className:"h-4 w-4 ".concat(d?"animate-spin":"")})})]})]}),u&&(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2 bg-destructive/10 text-destructive text-sm",children:[(0,a.jsx)(eS.A,{className:"h-4 w-4"}),u]}),f&&(0,a.jsxs)("div",{className:"border-b p-4 space-y-2",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(J.p,{value:j,onChange:e=>N(e.target.value),placeholder:"SELECT * FROM users LIMIT 10",className:"font-mono text-sm",onKeyDown:e=>{"Enter"===e.key&&e.metaKey&&A()}}),(0,a.jsxs)(I.$,{onClick:A,disabled:d,size:"sm",children:[(0,a.jsx)(ek.A,{className:"h-4 w-4 mr-1"}),"Run"]})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"Press Cmd+Enter to execute"})]}),(0,a.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,a.jsx)("div",{className:"w-48 border-r overflow-auto",children:(0,a.jsxs)("div",{className:"p-2 space-y-1",children:[t.map(e=>(0,a.jsxs)("button",{onClick:()=>{c(e.name),g(!1),b(null)},className:"w-full flex items-center justify-between px-3 py-2 text-sm rounded-md transition-colors ".concat(n===e.name?"bg-primary/10 text-primary":"hover:bg-muted"),children:[(0,a.jsxs)("span",{className:"flex items-center gap-2 truncate",children:[(0,a.jsx)(eK.A,{className:"h-4 w-4 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e.name})]}),(0,a.jsx)("span",{className:"text-xs text-muted-foreground",children:e.rowCount})]},e.name)),0===t.length&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground px-3 py-2",children:"No tables found"})]})}),(0,a.jsx)("div",{className:"flex-1 flex flex-col overflow-hidden",children:f&&v?(0,a.jsx)("div",{className:"flex-1 overflow-auto",children:v.length>0?(0,a.jsxs)("table",{className:"w-full text-sm",children:[(0,a.jsx)("thead",{className:"bg-muted/50 sticky top-0",children:(0,a.jsx)("tr",{children:Object.keys(v[0]).map(e=>(0,a.jsx)("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground border-b",children:e},e))})}),(0,a.jsx)("tbody",{children:v.map((e,s)=>(0,a.jsx)("tr",{className:"border-b hover:bg-muted/30",children:Object.values(e).map((e,s)=>(0,a.jsx)("td",{className:"px-3 py-2 font-mono",children:null===e?(0,a.jsx)("span",{className:"text-muted-foreground",children:"NULL"}):String(e)},s))},s))})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"Query returned no results"})}):i?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"flex-1 overflow-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm",children:[(0,a.jsx)("thead",{className:"bg-muted/50 sticky top-0",children:(0,a.jsxs)("tr",{children:[i.columns.map(e=>(0,a.jsxs)("th",{className:"px-3 py-2 text-left font-medium text-muted-foreground border-b",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[e.name,e.primaryKey&&(0,a.jsx)("span",{className:"text-xs text-primary",children:"PK"})]}),(0,a.jsx)("span",{className:"text-xs font-normal",children:e.type})]},e.name)),(0,a.jsx)("th",{className:"w-10 border-b"})]})}),(0,a.jsx)("tbody",{children:i.rows.map((e,s)=>(0,a.jsxs)("tr",{className:"border-b hover:bg-muted/30",children:[i.columns.map(s=>(0,a.jsx)("td",{className:"px-3 py-2 font-mono",children:null===e[s.name]?(0,a.jsx)("span",{className:"text-muted-foreground",children:"NULL"}):String(e[s.name])},s.name)),(0,a.jsx)("td",{className:"px-2",children:(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>k(e),className:"h-6 w-6 p-0 text-muted-foreground hover:text-destructive",children:(0,a.jsx)(eo.A,{className:"h-3 w-3"})})})]},s))})]})}),(0,a.jsxs)("div",{className:"flex items-center justify-between border-t px-4 py-2",children:[(0,a.jsxs)("span",{className:"text-sm text-muted-foreground",children:[i.total," rows total"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:()=>p(e=>Math.max(1,e-1)),disabled:1===h,className:"h-8 w-8 p-0",children:(0,a.jsx)(eJ.A,{className:"h-4 w-4"})}),(0,a.jsxs)("span",{className:"text-sm",children:[h," / ",C||1]}),(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:()=>p(e=>Math.min(C,e+1)),disabled:h>=C,className:"h-8 w-8 p-0",children:(0,a.jsx)(eP.A,{className:"h-4 w-4"})})]})]})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"Select a table to view data"})})]})]})}var eG=t(8234),eH=t(4539),eY=t(6029),eX=t(1278),eZ=t(219);let e0={navigate:"Navigate to URL",click:"Click element",fill:"Fill input",waitFor:"Wait for element",screenshot:"Take screenshot",assert:"Assert visible"};function e4(e){let{projectId:s}=e,[t,l]=(0,r.useState)([]),[n,c]=(0,r.useState)(null),[i,o]=(0,r.useState)(!1),[d,m]=(0,r.useState)(!1),[u,x]=(0,r.useState)(null),[h,p]=(0,r.useState)(null),[f,g]=(0,r.useState)(!1),[j,N]=(0,r.useState)(""),[v,b]=(0,r.useState)([]),w=(0,r.useCallback)(async()=>{o(!0),x(null);try{let e=await S.F.get("/projects/".concat(s,"/testing/scenarios"));l(e)}catch(e){x(e instanceof Error?e.message:"Failed to load scenarios")}finally{o(!1)}},[s]);(0,r.useEffect)(()=>{w()},[w]);let y=async()=>{if(!j.trim()||0===v.length)return void x("Name and at least one step are required");o(!0),x(null);try{n?await S.F.put("/projects/".concat(s,"/testing/scenarios/").concat(n.id),{name:j,steps:v}):await S.F.post("/projects/".concat(s,"/testing/scenarios"),{name:j,steps:v}),await w(),g(!1)}catch(e){x(e instanceof Error?e.message:"Failed to save scenario")}finally{o(!1)}},k=async()=>{if(n&&confirm("Delete this test scenario?"))try{await S.F.delete("/projects/".concat(s,"/testing/scenarios/").concat(n.id)),c(null),await w()}catch(e){x(e instanceof Error?e.message:"Failed to delete scenario")}},A=async()=>{if(n){m(!0),x(null),p(null);try{let e=await S.F.post("/projects/".concat(s,"/testing/scenarios/").concat(n.id,"/run"));p(e)}catch(e){x(e instanceof Error?e.message:"Test execution failed")}finally{m(!1)}}},C=(e,s)=>{let t=[...v];t[e]={...t[e],...s},b(t)};return i&&0===t.length?(0,a.jsxs)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:[(0,a.jsx)(ev.A,{className:"h-5 w-5 animate-spin mr-2"}),"Loading..."]}):(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsxs)("h3",{className:"font-medium flex items-center gap-2",children:[(0,a.jsx)(eG.A,{className:"h-4 w-4"}),"Browser Testing"]}),(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:()=>{c(null),g(!0),N("New Test"),b([{action:"navigate",url:"/"}])},children:[(0,a.jsx)(eH.A,{className:"h-4 w-4 mr-1"}),"New Test"]})]}),u&&(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2 bg-destructive/10 text-destructive text-sm",children:[(0,a.jsx)(eS.A,{className:"h-4 w-4"}),u]}),(0,a.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,a.jsx)("div",{className:"w-56 border-r overflow-auto",children:(0,a.jsxs)("div",{className:"p-2 space-y-1",children:[t.map(e=>(0,a.jsxs)("button",{onClick:()=>{c(e),p(null),g(!1)},className:"w-full flex items-center gap-2 px-3 py-2 text-sm rounded-md transition-colors ".concat((null==n?void 0:n.id)===e.id?"bg-primary/10 text-primary":"hover:bg-muted"),children:[(0,a.jsx)(eG.A,{className:"h-4 w-4 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e.name})]},e.id)),0===t.length&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground px-3 py-2",children:"No test scenarios yet"})]})}),(0,a.jsx)("div",{className:"flex-1 overflow-auto",children:f?(0,a.jsxs)("div",{className:"p-4 space-y-4",children:[(0,a.jsx)(J.p,{value:j,onChange:e=>N(e.target.value),placeholder:"Test name",className:"font-medium"}),(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)("div",{className:"text-sm font-medium text-muted-foreground",children:"Steps"}),v.map((e,s)=>(0,a.jsxs)("div",{className:"flex gap-2 items-start p-3 border rounded-lg",children:[(0,a.jsx)("select",{value:e.action,onChange:e=>C(s,{action:e.target.value}),className:"h-9 px-2 border rounded-md bg-background text-sm",children:Object.entries(e0).map(e=>{let[s,t]=e;return(0,a.jsx)("option",{value:s,children:t},s)})}),"navigate"===e.action&&(0,a.jsx)(J.p,{value:e.url||"",onChange:e=>C(s,{url:e.target.value}),placeholder:"/path or full URL",className:"flex-1"}),("click"===e.action||"waitFor"===e.action||"assert"===e.action)&&(0,a.jsx)(J.p,{value:e.selector||"",onChange:e=>C(s,{selector:e.target.value}),placeholder:"CSS selector",className:"flex-1 font-mono text-sm"}),"fill"===e.action&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(J.p,{value:e.selector||"",onChange:e=>C(s,{selector:e.target.value}),placeholder:"CSS selector",className:"flex-1 font-mono text-sm"}),(0,a.jsx)(J.p,{value:e.value||"",onChange:e=>C(s,{value:e.target.value}),placeholder:"Value",className:"flex-1"})]}),"screenshot"===e.action&&(0,a.jsx)(J.p,{value:e.name||"",onChange:e=>C(s,{name:e.target.value}),placeholder:"Screenshot name",className:"flex-1"}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>{b(v.filter((e,t)=>t!==s))},className:"h-9 w-9 p-0 text-muted-foreground hover:text-destructive",children:(0,a.jsx)(eo.A,{className:"h-4 w-4"})})]},s)),(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:()=>{b([...v,{action:"click",selector:""}])},children:[(0,a.jsx)(eH.A,{className:"h-4 w-4 mr-1"}),"Add Step"]})]}),(0,a.jsxs)("div",{className:"flex gap-2 pt-4 border-t",children:[(0,a.jsx)(I.$,{onClick:y,disabled:i,children:"Save"}),(0,a.jsx)(I.$,{variant:"outline",onClick:()=>g(!1),children:"Cancel"})]})]}):n?(0,a.jsxs)("div",{className:"p-4 space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h4",{className:"text-lg font-medium",children:n.name}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:()=>{n&&(g(!0),N(n.name),b([...n.steps]))},children:"Edit"}),(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:k,className:"text-destructive",children:(0,a.jsx)(eo.A,{className:"h-4 w-4"})}),(0,a.jsxs)(I.$,{onClick:A,disabled:d,size:"sm",children:[d?(0,a.jsx)(ev.A,{className:"h-4 w-4 animate-spin mr-1"}):(0,a.jsx)(ek.A,{className:"h-4 w-4 mr-1"}),"Run Test"]})]})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"text-sm font-medium text-muted-foreground",children:[n.steps.length," steps"]}),n.steps.map((e,s)=>{let t=null==h?void 0:h.steps[s];return(0,a.jsxs)("div",{className:"flex items-center gap-3 p-3 border rounded-lg ".concat((null==t?void 0:t.status)==="passed"?"border-green-500/50 bg-green-500/5":(null==t?void 0:t.status)==="failed"?"border-red-500/50 bg-red-500/5":""),children:[t?"passed"===t.status?(0,a.jsx)(eY.A,{className:"h-4 w-4 text-green-500"}):"failed"===t.status?(0,a.jsx)(eX.A,{className:"h-4 w-4 text-red-500"}):(0,a.jsx)(eZ.A,{className:"h-4 w-4 text-muted-foreground"}):(0,a.jsx)("div",{className:"h-4 w-4 rounded-full border-2"}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("span",{className:"font-medium",children:e0[e.action]}),e.selector&&(0,a.jsx)("code",{className:"ml-2 text-xs bg-muted px-1.5 py-0.5 rounded",children:e.selector}),e.url&&(0,a.jsx)("code",{className:"ml-2 text-xs bg-muted px-1.5 py-0.5 rounded",children:e.url}),e.value&&(0,a.jsxs)("span",{className:"ml-2 text-sm text-muted-foreground",children:['= "',e.value,'"']})]})]},s)})]}),h&&(0,a.jsxs)("div",{className:"p-4 rounded-lg ".concat("passed"===h.status?"bg-green-500/10 text-green-700 dark:text-green-400":"bg-red-500/10 text-red-700 dark:text-red-400"),children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:["passed"===h.status?(0,a.jsx)(eY.A,{className:"h-5 w-5"}):(0,a.jsx)(eX.A,{className:"h-5 w-5"}),(0,a.jsxs)("span",{className:"font-medium",children:["Test ","passed"===h.status?"Passed":"Failed"]})]}),h.error&&(0,a.jsx)("p",{className:"mt-2 text-sm",children:h.error}),h.endTime&&h.startTime&&(0,a.jsxs)("p",{className:"mt-1 text-sm opacity-70",children:["Duration: ",h.endTime-h.startTime,"ms"]})]})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(eG.A,{className:"h-8 w-8 mx-auto mb-2 opacity-50"}),(0,a.jsx)("p",{children:"Select a test or create a new one"})]})})})]})]})}var e1=t(5552);function e2(e){let{projectId:s}=e,[t,l]=(0,r.useState)([]),[n,c]=(0,r.useState)(null),[o,d]=(0,r.useState)(null),[m,u]=(0,r.useState)(new Set),[x,h]=(0,r.useState)(!1),[p,f]=(0,r.useState)(null),[g,j]=(0,r.useState)(""),[N,v]=(0,r.useState)(!1),b=(0,r.useCallback)(async()=>{h(!0),f(null);try{let e=await S.F.get("/projects/".concat(s,"/checkpoints"));l(e)}catch(e){f(e instanceof Error?e.message:"Failed to load checkpoints")}finally{h(!1)}},[s]),w=(0,r.useCallback)(async()=>{try{let e=await S.F.get("/projects/".concat(s,"/checkpoints/status"));v(e.hasChanges)}catch(e){}},[s]);(0,r.useEffect)(()=>{b(),w()},[b,w]),(0,r.useEffect)(()=>{let e=setInterval(w,5e3);return()=>clearInterval(e)},[w]);let y=async e=>{c(e),u(new Set);try{let t=await S.F.get("/projects/".concat(s,"/checkpoints/diff?from=").concat(e.hash));d(t.files)}catch(e){d(null)}},k=async()=>{if(!g.trim())return void f("Please enter a checkpoint message");h(!0),f(null);try{await S.F.post("/projects/".concat(s,"/checkpoints"),{message:g}),j(""),await b(),await w()}catch(e){f(e instanceof Error?e.message:"Failed to create checkpoint")}finally{h(!1)}},A=async e=>{if(confirm('Restore to "'.concat(e.message,'"? This will discard current changes.'))){h(!0),f(null);try{await S.F.post("/projects/".concat(s,"/checkpoints/").concat(e.hash,"/restore")),await b(),await w(),c(null),d(null)}catch(e){f(e instanceof Error?e.message:"Failed to restore checkpoint")}finally{h(!1)}}};return x&&0===t.length?(0,a.jsxs)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:[(0,a.jsx)(ev.A,{className:"h-5 w-5 animate-spin mr-2"}),"Loading..."]}):(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsxs)("h3",{className:"font-medium flex items-center gap-2",children:[(0,a.jsx)(e1.A,{className:"h-4 w-4"}),"Checkpoints"]}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:b,disabled:x,className:"h-8 w-8 p-0",children:(0,a.jsx)(ev.A,{className:"h-4 w-4 ".concat(x?"animate-spin":"")})})]}),p&&(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2 bg-destructive/10 text-destructive text-sm",children:[(0,a.jsx)(eS.A,{className:"h-4 w-4"}),p]}),N&&(0,a.jsxs)("div",{className:"border-b p-4 space-y-2",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(J.p,{value:g,onChange:e=>j(e.target.value),placeholder:"Checkpoint message...",className:"flex-1",onKeyDown:e=>{"Enter"===e.key&&k()}}),(0,a.jsxs)(I.$,{onClick:k,disabled:x,size:"sm",children:[(0,a.jsx)(eH.A,{className:"h-4 w-4 mr-1"}),"Save"]})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"You have unsaved changes"})]}),(0,a.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,a.jsx)("div",{className:"w-72 border-r overflow-auto",children:(0,a.jsxs)("div",{className:"p-2 space-y-1",children:[(0,a.jsxs)("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-primary/5 border border-primary/20",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-primary mt-1"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm",children:"Current State"}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:N?"Unsaved changes":"No changes"})]})]}),t.map((e,s)=>(0,a.jsxs)("button",{onClick:()=>y(e),className:"w-full flex items-start gap-3 p-3 rounded-lg text-left transition-colors ".concat((null==n?void 0:n.hash)===e.hash?"bg-muted":"hover:bg-muted/50"),children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"w-3 h-3 rounded-full bg-muted-foreground/30 mt-1"}),s<t.length-1&&(0,a.jsx)("div",{className:"absolute top-4 left-1.5 w-px h-full bg-muted-foreground/20"})]}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"font-medium text-sm truncate",children:e.message}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs text-muted-foreground mt-1",children:[(0,a.jsx)(eZ.A,{className:"h-3 w-3"}),(e=>{let s=new Date(e),t=new Date().getTime()-s.getTime();return t<6e4?"Just now":t<36e5?"".concat(Math.floor(t/6e4),"m ago"):t<864e5?"".concat(Math.floor(t/36e5),"h ago"):s.toLocaleDateString()})(e.timestamp)]}),e.filesChanged>0&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-xs mt-1",children:[(0,a.jsxs)("span",{className:"text-green-500",children:["+",e.insertions]}),(0,a.jsxs)("span",{className:"text-red-500",children:["-",e.deletions]}),(0,a.jsxs)("span",{className:"text-muted-foreground",children:[e.filesChanged," files"]})]})]})]},e.hash)),0===t.length&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground px-3 py-2",children:"No checkpoints yet"})]})}),(0,a.jsx)("div",{className:"flex-1 overflow-auto",children:n&&o?(0,a.jsxs)("div",{className:"p-4 space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-medium",children:n.message}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:new Date(n.timestamp).toLocaleString()})]}),(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:()=>A(n),children:[(0,a.jsx)(eb.A,{className:"h-4 w-4 mr-1"}),"Restore"]})]}),0===o.length?(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"No differences from current state"}):(0,a.jsx)("div",{className:"space-y-2",children:o.map(e=>(0,a.jsxs)("div",{className:"border rounded-lg overflow-hidden",children:[(0,a.jsxs)("button",{onClick:()=>(e=>{let s=new Set(m);s.has(e)?s.delete(e):s.add(e),u(s)})(e.path),className:"w-full flex items-center gap-2 p-3 hover:bg-muted/50 text-left",children:[m.has(e.path)?(0,a.jsx)($.A,{className:"h-4 w-4"}):(0,a.jsx)(eP.A,{className:"h-4 w-4"}),(0,a.jsx)(i.A,{className:"h-4 w-4"}),(0,a.jsx)("span",{className:"flex-1 font-mono text-sm truncate",children:e.path}),(0,a.jsx)("span",{className:"text-xs px-2 py-0.5 rounded ".concat("added"===e.status?"bg-green-500/20 text-green-500":"deleted"===e.status?"bg-red-500/20 text-red-500":"bg-yellow-500/20 text-yellow-500"),children:e.status}),(0,a.jsxs)("span",{className:"text-xs text-green-500",children:["+",e.additions]}),(0,a.jsxs)("span",{className:"text-xs text-red-500",children:["-",e.deletions]})]}),m.has(e.path)&&(0,a.jsx)("pre",{className:"bg-zinc-950 p-4 text-xs font-mono overflow-x-auto max-h-96",children:e.diff.split("\n").map((e,s)=>(0,a.jsx)("div",{className:e.startsWith("+")&&!e.startsWith("+++")?"text-green-400 bg-green-500/10":e.startsWith("-")&&!e.startsWith("---")?"text-red-400 bg-red-500/10":e.startsWith("@@")?"text-blue-400":"text-zinc-400",children:e},s))})]},e.path))})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)(e1.A,{className:"h-8 w-8 mx-auto mb-2 opacity-50"}),(0,a.jsx)("p",{children:"Select a checkpoint to view changes"})]})})})]})]})}var e5=t(6282),e3=t(9176),e8=t(3512);let e6=["SECRET","PASSWORD","KEY","TOKEN","API_KEY","PRIVATE","CREDENTIAL"];function e7(e){let s=e.toUpperCase();return e6.some(e=>s.includes(e))}function e9(e){let{projectId:s}=e,[t,l]=(0,r.useState)([]),[n,c]=(0,r.useState)(null),[o,d]=(0,r.useState)([]),[m,u]=(0,r.useState)(new Set),[x,h]=(0,r.useState)(!1),[p,f]=(0,r.useState)(!1),[g,j]=(0,r.useState)(null),[N,v]=(0,r.useState)(!1),b=(0,r.useCallback)(async()=>{h(!0),j(null);try{let e=await S.F.get("/projects/".concat(s,"/env"));l(e),e.length>0&&!n&&(c(e[0].path),d(e[0].variables))}catch(e){j("Failed to load environment files")}finally{h(!1)}},[s,n]),w=(0,r.useCallback)(async e=>{h(!0),j(null);try{let t=await S.F.get("/projects/".concat(s,"/env/file?path=").concat(encodeURIComponent(e)));d(t.variables),v(!1)}catch(s){j("Failed to load ".concat(e))}finally{h(!1)}},[s]);(0,r.useEffect)(()=>{b()},[b]),(0,r.useEffect)(()=>{n&&w(n)},[n,w]);let y=(e,s,t)=>{let a=[...o];a[e]={...a[e],[s]:t},d(a),v(!0)},k=async()=>{if(!n)return;if(o.filter(e=>!e.key.trim()).length>0)return void j("Variable names cannot be empty");let e=o.map(e=>e.key.trim()),t=e.filter((s,t)=>e.indexOf(s)!==t);if(t.length>0)return void j("Duplicate variable name: ".concat(t[0]));f(!0),j(null);try{await S.F.put("/projects/".concat(s,"/env/file?path=").concat(encodeURIComponent(n)),{variables:o}),v(!1)}catch(e){j("Failed to save environment variables")}finally{f(!1)}},A=async()=>{let e=prompt("Enter .env file name (e.g., .env.local):");if(e){if(!e.startsWith(".env"))return void j("File name must start with .env");try{await S.F.post("/projects/".concat(s,"/env/file?path=").concat(encodeURIComponent(e)),{variables:[]}),await b(),c(e)}catch(e){j("Failed to create environment file")}}};return x&&0===t.length?(0,a.jsxs)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:[(0,a.jsx)(ev.A,{className:"h-5 w-5 animate-spin mr-2"}),"Loading..."]}):(0,a.jsxs)("div",{className:"flex h-full flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b px-4 py-3",children:[(0,a.jsx)("h3",{className:"font-medium",children:"Environment Variables"}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:A,className:"h-8",children:[(0,a.jsx)(eH.A,{className:"h-4 w-4 mr-1"}),"New File"]}),(0,a.jsxs)(I.$,{variant:"default",size:"sm",onClick:k,disabled:!N||p,className:"h-8",children:[p?(0,a.jsx)(ev.A,{className:"h-4 w-4 animate-spin mr-1"}):(0,a.jsx)(e5.A,{className:"h-4 w-4 mr-1"}),"Save"]})]})]}),g&&(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2 bg-destructive/10 text-destructive text-sm",children:[(0,a.jsx)(eS.A,{className:"h-4 w-4"}),g]}),(0,a.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,a.jsx)("div",{className:"w-48 border-r overflow-auto",children:(0,a.jsxs)("div",{className:"p-2 space-y-1",children:[t.map(e=>(0,a.jsxs)("button",{onClick:()=>{var s;return s=e.path,void((!N||confirm("You have unsaved changes. Discard them?"))&&(c(s),u(new Set)))},className:"w-full flex items-center gap-2 px-3 py-2 text-sm rounded-md transition-colors ".concat(n===e.path?"bg-primary/10 text-primary":"hover:bg-muted"),children:[(0,a.jsx)(i.A,{className:"h-4 w-4 shrink-0"}),(0,a.jsx)("span",{className:"truncate",children:e.path})]},e.path)),0===t.length&&(0,a.jsx)("p",{className:"text-sm text-muted-foreground px-3 py-2",children:"No .env files found"})]})}),(0,a.jsx)("div",{className:"flex-1 overflow-auto",children:n?(0,a.jsxs)("div",{className:"p-4 space-y-3",children:[(0,a.jsxs)("div",{className:"grid grid-cols-[1fr_1fr_auto] gap-2 px-2 text-xs font-medium text-muted-foreground uppercase tracking-wide",children:[(0,a.jsx)("div",{children:"Key"}),(0,a.jsx)("div",{children:"Value"}),(0,a.jsx)("div",{className:"w-16"})]}),o.map((e,s)=>(0,a.jsxs)("div",{className:"grid grid-cols-[1fr_1fr_auto] gap-2 items-center",children:[(0,a.jsx)(J.p,{value:e.key,onChange:e=>y(s,"key",e.target.value),placeholder:"VARIABLE_NAME",className:"font-mono text-sm"}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(J.p,{type:e7(e.key)&&!m.has(e.key)?"password":"text",value:e.value,onChange:e=>y(s,"value",e.target.value),placeholder:"value",className:"font-mono text-sm pr-10"}),e7(e.key)&&(0,a.jsx)("button",{onClick:()=>(e=>{let s=new Set(m);s.has(e)?s.delete(e):s.add(e),u(s)})(e.key),className:"absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",children:m.has(e.key)?(0,a.jsx)(e3.A,{className:"h-4 w-4"}):(0,a.jsx)(e8.A,{className:"h-4 w-4"})})]}),(0,a.jsx)(I.$,{variant:"ghost",size:"sm",onClick:()=>{d(o.filter((e,t)=>t!==s)),v(!0)},className:"h-8 w-8 p-0 text-muted-foreground hover:text-destructive",children:(0,a.jsx)(eo.A,{className:"h-4 w-4"})})]},s)),(0,a.jsxs)(I.$,{variant:"outline",size:"sm",onClick:()=>{d([...o,{key:"",value:""}]),v(!0)},className:"w-full mt-4",children:[(0,a.jsx)(eH.A,{className:"h-4 w-4 mr-1"}),"Add Variable"]}),o.some(e=>e.key.startsWith("NEXT_PUBLIC_"))&&(0,a.jsx)("p",{className:"text-xs text-muted-foreground mt-4",children:"Variables starting with NEXT_PUBLIC_ will be exposed to the browser."})]}):(0,a.jsx)("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:(0,a.jsx)("p",{children:"Select a file or create a new one"})})})]})]})}var se=t(2425),ss=t(2858);let st=[{id:"preview",icon:(0,a.jsx)(e8.A,{className:"h-4 w-4"}),label:"Preview"},{id:"database",icon:(0,a.jsx)(eO.A,{className:"h-4 w-4"}),label:"Database"},{id:"testing",icon:(0,a.jsx)(eG.A,{className:"h-4 w-4"}),label:"Testing"},{id:"checkpoint",icon:(0,a.jsx)(e1.A,{className:"h-4 w-4"}),label:"Checkpoint"},{id:"env",icon:(0,a.jsx)(se.A,{className:"h-4 w-4"}),label:"Env"}];function sa(e){let{projectId:s}=e,{t}=(0,er.B)(),[l,n]=(0,r.useState)(!1),[c,i]=(0,r.useState)(null),[o,d]=(0,r.useState)("preview");return(0,a.jsxs)("div",{className:"flex h-[calc(100vh-3.5rem)]",children:[(0,a.jsx)(I.$,{variant:"outline",size:"sm",onClick:()=>n(!l),className:"absolute left-4 top-16 z-10 h-8 w-8 p-0",title:t(l?"fileExplorer.close":"fileExplorer.open"),children:l?(0,a.jsx)(ec.A,{className:"h-4 w-4"}):(0,a.jsx)(ss.A,{className:"h-4 w-4"})}),l&&(0,a.jsx)("div",{className:"w-64 border-r bg-muted/30 flex-shrink-0",children:(0,a.jsx)(eQ,{projectId:s,onFileSelect:(e,s)=>{let t=e.split(".").pop()||"";i({path:e,content:s,extension:t})}})}),(0,a.jsx)("div",{className:"border-r flex-shrink-0",style:{width:l?"calc(30% - 8rem)":"30%"},children:(0,a.jsx)(ep,{projectId:s})}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col",style:{width:l?"calc(70%)":"70%"},children:[(0,a.jsx)("div",{className:"flex items-center border-b bg-muted/30 px-2",children:st.map(e=>(0,a.jsxs)("button",{onClick:()=>d(e.id),className:"flex items-center gap-1.5 px-3 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ".concat(o===e.id?"border-primary text-primary":"border-transparent text-muted-foreground hover:text-foreground"),title:e.label,children:[e.icon,(0,a.jsx)("span",{className:"hidden lg:inline",children:e.label})]},e.id))}),(0,a.jsx)("div",{className:"flex-1 overflow-hidden",children:(()=>{switch(o){case"preview":default:return(0,a.jsx)(e$,{projectId:s});case"database":return(0,a.jsx)(eV,{projectId:s});case"testing":return(0,a.jsx)(e4,{projectId:s});case"checkpoint":return(0,a.jsx)(e2,{projectId:s});case"env":return(0,a.jsx)(e9,{projectId:s})}})()})]}),c&&(0,a.jsx)(eW,{path:c.path,content:c.content,language:c.extension,onClose:()=>{i(null)}})]})}var sr=t(4264);function sl(){let e=(0,l.useParams)(),s=(0,l.useRouter)(),t=e.id,{currentProject:c,fetchProject:i,isLoading:o,error:d}=(0,sr.I)();return((0,r.useEffect)(()=>{t&&i(t)},[t,i]),o&&!c)?(0,a.jsx)("div",{className:"flex h-screen items-center justify-center",children:(0,a.jsx)("p",{className:"text-muted-foreground",children:"로딩 중..."})}):d||!c?(0,a.jsxs)("div",{className:"flex h-screen flex-col items-center justify-center gap-4",children:[(0,a.jsx)(eS.A,{className:"h-12 w-12 text-destructive"}),(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("p",{className:"text-lg font-medium",children:"프로젝트를 찾을 수 없습니다"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:d||"프로젝트가 삭제되었거나 존재하지 않습니다."})]}),(0,a.jsx)(I.$,{onClick:()=>s.push("/"),variant:"outline",children:"홈으로 돌아가기"})]}):(0,a.jsxs)("div",{className:"min-h-screen bg-background",children:[(0,a.jsx)(n.Y,{title:c.name,showBack:!0,backHref:"/"}),(0,a.jsx)(sa,{projectId:t})]})}}},e=>{e.O(0,[253,700,18,59,498,358],()=>e(e.s=5006)),_N_E=e.O()}]);

package/apps/web/.next/static/css/45ddb08a7b4470d5.css

@@ -0,0 +1,3 @@
+@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
+*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5.9% 10%;--radius:0.5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-4{inset:1rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-4{bottom:1rem}.left-1\.5{left:.375rem}.left-2{left:.5rem}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mb-px{margin-bottom:-1px}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-96{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.min-h-\[140px\]{min-height:140px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-\[120px\]{max-width:120px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border)/.5)}.border-green-500\/50{border-color:rgb(34 197 94/.5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/20{border-color:hsl(var(--primary)/.2)}.border-primary\/30{border-color:hsl(var(--primary)/.3)}.border-red-500\/30{border-color:rgb(239 68 68/.3)}.border-red-500\/50{border-color:rgb(239 68 68/.5)}.border-transparent{border-color:transparent}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/var(--tw-bg-opacity,1))}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-500\/10{background-color:rgb(245 158 11/.1)}.bg-background{background-color:hsl(var(--background))}.bg-background\/80{background-color:hsl(var(--background)/.8)}.bg-background\/95{background-color:hsl(var(--background)/.95)}.bg-black\/70{background-color:rgb(0 0 0/.7)}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:rgb(59 130 246/.1)}.bg-blue-500\/20{background-color:rgb(59 130 246/.2)}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive)/.1)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/10{background-color:rgb(34 197 94/.1)}.bg-green-500\/20{background-color:rgb(34 197 94/.2)}.bg-green-500\/5{background-color:rgb(34 197 94/.05)}.bg-green-500\/90{background-color:rgb(34 197 94/.9)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted-foreground\/20{background-color:hsl(var(--muted-foreground)/.2)}.bg-muted-foreground\/30{background-color:hsl(var(--muted-foreground)/.3)}.bg-muted\/30{background-color:hsl(var(--muted)/.3)}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/5{background-color:hsl(var(--primary)/.05)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:rgb(239 68 68/.1)}.bg-red-500\/20{background-color:rgb(239 68 68/.2)}.bg-red-500\/5{background-color:rgb(239 68 68/.05)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/20{background-color:rgb(234 179 8/.2)}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-800\/50{background-color:rgb(39 39 42/.5)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500\/20{--tw-gradient-from:rgb(59 130 246/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-500\/20{--tw-gradient-from:rgb(107 114 128/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:rgb(34 197 94/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary\/10{--tw-gradient-from:hsl(var(--primary)/0.1) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from:rgb(168 85 247/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500\/20{--tw-gradient-from:rgb(139 92 246/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(139 92 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500\/20{--tw-gradient-from:rgb(234 179 8/0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-emerald-500\/5{--tw-gradient-to:rgb(16 185 129/0.05) var(--tw-gradient-to-position)}.to-indigo-500\/5{--tw-gradient-to:rgb(99 102 241/0.05) var(--tw-gradient-to-position)}.to-orange-500\/5{--tw-gradient-to:rgb(249 115 22/0.05) var(--tw-gradient-to-position)}.to-pink-500\/5{--tw-gradient-to:rgb(236 72 153/0.05) var(--tw-gradient-to-position)}.to-primary\/5{--tw-gradient-to:hsl(var(--primary)/0.05) var(--tw-gradient-to-position)}.to-purple-500\/5{--tw-gradient-to:rgb(168 85 247/0.05) var(--tw-gradient-to-position)}.to-slate-500\/5{--tw-gradient-to:rgb(100 116 139/0.05) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/50{color:hsl(var(--muted-foreground)/.5)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground)/.7)}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-teal-400{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.first\:mt-0:first-child{margin-top:0}.last\:border-0:last-child{border-width:0}.hover\:border-primary:hover{border-color:hsl(var(--primary))}.hover\:border-primary\/50:hover{border-color:hsl(var(--primary)/.5)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted-foreground\/10:hover{background-color:hsl(var(--muted-foreground)/.1)}.hover\:bg-muted\/30:hover{background-color:hsl(var(--muted)/.3)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-white\/5:hover{background-color:rgb(255 255 255/.05)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-primary\/80:hover{color:hsl(var(--primary)/.8)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-primary\/20{background-color:hsl(var(--primary)/.2)}.group:hover .group-hover\:text-foreground{color:hsl(var(--foreground))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@supports (backdrop-filter:var(--tw )){.supports-\[backdrop-filter\]\:bg-background\/60{background-color:hsl(var(--background)/.6)}}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:inset-8{inset:2rem}}@media (min-width:1024px){.lg\:inset-16{inset:4rem}.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}