@shepai/cli 1.182.1 → 1.183.0

package/web/.next/static/chunks/2b5aea3575387b3a.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,12091,e=>{"use strict";var t=e.i(21023);let a=(0,t.createServerReference)("40967a1f7fb638f1a5c3db0578e8e9496de2aa9b41",t.callServer,void 0,t.findSourceMapURL,"deleteApplication");e.s(["deleteApplication",()=>a])},70002,57365,e=>{"use strict";var t=e.i(15131);function a(e,t,a,r){return"processing"===t?{label:"In Progress",dotClass:"bg-violet-500",borderClass:"",pulse:!0,previewDisabled:!0}:"awaiting_input"===t?{label:"Action Required",dotClass:"bg-amber-500",borderClass:"border-amber-500/60",pulse:!0,previewDisabled:!0}:"interrupted"===r?{label:"Interrupted",dotClass:"bg-amber-500",borderClass:"border-amber-500/60",pulse:!1,previewDisabled:!0}:"failed"===r?{label:"Failed",dotClass:"bg-red-500",borderClass:"border-red-500/60",pulse:!1,previewDisabled:!0}:"building"===r?{label:"In Progress",dotClass:"bg-violet-500",borderClass:"",pulse:!0,previewDisabled:!0}:a?{label:"Live",dotClass:"bg-emerald-500",borderClass:"",pulse:!0,previewDisabled:!1}:"Error"===e?{label:"Error",dotClass:"bg-red-500",borderClass:"border-red-500/60",pulse:!1,previewDisabled:!0}:{label:"Ready",dotClass:"bg-sky-500",borderClass:"",pulse:!1,previewDisabled:!1}}e.s(["TriangleAlert",()=>t.default],70002),e.s(["deriveAppLiveStatus",()=>a],57365)},40106,e=>{"use strict";var t=e.i(20314),a=e.i(79054),r=e.i(11719),s=e.i(35946),i=e.i(83428),n=e.i(42049),o=e.i(53360),l=e.i(41698),d=e.i(99105),c=e.i(23925),p=e.i(60253);e.i(41001);var u=e.i(64780),m=e.i(31777),h=e.i(21023);let x=(0,h.createServerReference)("4026e56be70d948dc3268ab6e2f2886a1104d8cd07",h.callServer,void 0,h.findSourceMapURL,"createProjectAndFeature"),g=(0,h.createServerReference)("40f8c300c4c7d5f53c5c9434afc2eaaa9da4769348",h.callServer,void 0,h.findSourceMapURL,"createApplication");var b=e.i(41413);e.i(50032);var f=e.i(86254);e.i(92233);var v=e.i(10025),j=e.i(2828),w=e.i(70646),y=e.i(31151);let N=["application","fast","spec"],k={application:{icon:n.LayoutGrid,label:"Application",placeholder:"Build a modern e-commerce storefront with product catalog...",suggestions:["A landing page with hero, features, and pricing sections","Full-stack SaaS app with auth, billing, and dashboard","Mobile-first social media app with real-time chat","Personal portfolio with blog and project showcase"]},fast:{icon:o.Zap,label:"Fast",placeholder:"Add a dark mode toggle to the settings page...",suggestions:["Add pagination to the users list endpoint","Fix the broken logout redirect","Add input validation to the signup form","Refactor the API error handling middleware"]},spec:{icon:l.ClipboardList,label:"Spec Driven",placeholder:"Implement a role-based access control system with audit logging...",suggestions:["OAuth2 authentication with SSO and MFA support","Event-driven notification system with email and push","REST API with versioning, rate limiting, and OpenAPI docs","Data pipeline with ETL, validation, and monitoring"]}};function C({onRepositorySelect:e,onApplicationCreated:n,onClose:o,className:l}){let{t:h}=(0,u.useTranslation)("web"),[C,D]=(0,a.useState)(""),[S,A]=(0,a.useState)(void 0),[P,T]=(0,a.useState)(void 0),[L,_]=(0,a.useState)("application"),[E,O]=(0,a.useState)(!1),[R,z]=(0,a.useState)(null),[F,M]=(0,a.useState)(!1),B=(0,a.useRef)(null),I=(0,y.useAttachments)(),K=(0,a.useCallback)(()=>{_(e=>{let t=N.indexOf(e);return N[(t+1)%N.length]})},[]);(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&o&&o(),"Tab"===e.key&&e.shiftKey&&(e.preventDefault(),K())};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[o,K]);let $=(0,a.useCallback)(async()=>{if(C.trim()&&!E){O(!0),z(null);try{if("application"===L){let e=await g({description:C.trim(),agentType:S,modelOverride:P,initialPrompt:C.trim()});if(e.error){z(e.error),O(!1);return}e.application&&n?.(e.application.id)}else{let t=await x({description:C.trim(),attachments:I.completedAttachments.map(e=>({path:e.path,name:e.name,notes:e.notes})),agentType:S,model:P,fast:"fast"===L});if(t.error){z(t.error),O(!1);return}t.repositoryPath&&e?.(t.repositoryPath),t.feature&&t.repositoryPath&&window.dispatchEvent(new CustomEvent("shep:feature-created",{detail:{featureId:t.feature.id,name:t.feature.name,description:t.feature.description,repositoryPath:t.repositoryPath}}))}}catch{z("Something went wrong. Please try again."),O(!1)}}},[C,E,L,I.completedAttachments,S,P,e,n]),q=(0,a.useCallback)(e=>{"Enter"===e.key&&(e.ctrlKey||e.metaKey)&&(e.preventDefault(),$())},[$]),G=(0,a.useCallback)(async()=>{try{let e=await fetch("/api/dialog/pick-files");if(!e.ok)return;let t=await e.json();if(!t.paths?.length)return;for(let e of t.paths){let t=await fetch("/api/attachments/upload-from-path",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:e,sessionId:"onboarding"})});if(!t.ok)continue;let a=await t.json();I.addAttachment(a)}}catch{}},[I.addAttachment]),U=(0,a.useCallback)(e=>{D(e),B.current?.focus()},[]),H=k[L],Q=H.icon;return(0,t.jsxs)("div",{"data-testid":"control-center-empty-state",className:(0,m.cn)("relative flex h-full w-full flex-col items-center justify-center overflow-hidden px-8",l),children:[(0,t.jsx)("div",{className:"onboard-bg pointer-events-none absolute inset-0 animate-[onboard-fade-in_1.2s_ease-out_both]"}),o?(0,t.jsx)("button",{type:"button",onClick:o,"aria-label":"Close",className:"text-muted-foreground hover:text-foreground hover:bg-accent/50 absolute top-4 right-4 z-10 cursor-pointer rounded p-1.5 transition-colors",children:(0,t.jsx)(p.X,{className:"h-5 w-5"})}):null,(0,t.jsxs)("div",{className:"relative flex w-full max-w-2xl flex-col items-center",children:[(0,t.jsx)("div",{className:"mb-6 animate-[onboard-logo_0.8s_cubic-bezier(0.16,1,0.3,1)_both]",style:{animationDelay:"0ms"},children:(0,t.jsx)(v.ShepLogo,{size:72,className:"text-foreground"})}),(0,t.jsx)("h1",{className:"text-foreground animate-[onboard-fade-up_0.7s_cubic-bezier(0.16,1,0.3,1)_both] text-center text-5xl font-extralight tracking-tight",style:{animationDelay:"120ms"},children:"What do you want to build?"}),(0,t.jsx)("p",{className:"text-muted-foreground mt-3 animate-[onboard-fade-up_0.7s_cubic-bezier(0.16,1,0.3,1)_both] text-center text-lg leading-relaxed font-light",style:{animationDelay:"220ms"},children:"Describe your idea and Shep creates the project for you."}),(0,t.jsxs)("div",{className:"mt-10 w-full animate-[onboard-fade-up_0.7s_cubic-bezier(0.16,1,0.3,1)_both]",style:{animationDelay:"350ms"},children:[(0,t.jsxs)("div",{onFocus:()=>M(!0),onBlur:()=>M(!1),onDragEnter:I.handleDragEnter,onDragLeave:I.handleDragLeave,onDragOver:I.handleDragOver,onDrop:I.handleDrop,className:(0,m.cn)("flex flex-col rounded-xl border transition-all duration-200","border-border/60 bg-background shadow-sm dark:border-white/10 dark:bg-white/[0.04]",F&&"ring-ring/50 border-ring shadow-md ring-[3px] dark:border-orange-500/40 dark:ring-orange-500/25",I.isDragOver&&"border-primary/50 bg-primary/5",E&&"opacity-70"),children:[(0,t.jsx)("textarea",{ref:B,rows:2,autoFocus:!0,value:C,onChange:e=>D(e.target.value),onKeyDown:q,onPaste:I.handlePaste,placeholder:H.placeholder,disabled:E,className:"text-foreground placeholder:text-muted-foreground/60 max-h-[10rem] min-h-[4.5rem] w-full resize-none border-0 bg-transparent px-4 py-3.5 text-sm leading-relaxed focus:outline-none disabled:cursor-not-allowed"}),I.attachments.length>0?(0,t.jsx)("div",{className:"flex shrink-0 items-center gap-2.5 overflow-x-auto overflow-y-visible px-5 pt-2 pb-2",children:I.attachments.map(e=>(0,t.jsx)(f.AttachmentChip,{name:e.name,size:e.size,mimeType:e.mimeType,path:e.path,onRemove:()=>I.removeAttachment(e.id),loading:e.loading,notes:e.notes,onNotesChange:t=>I.updateNotes(e.id,t)},e.id))}):null,I.uploadError?(0,t.jsx)("p",{className:"text-destructive px-4 pb-2 text-xs",children:I.uploadError}):null,(0,t.jsxs)("div",{className:"border-border/60 flex shrink-0 items-center gap-3 border-t px-3 py-2 dark:border-white/10",children:[(0,t.jsx)(b.AgentModelPicker,{initialAgentType:S??"claude-code",initialModel:P??"claude-sonnet-4-6",mode:"override",showInstallStatus:!0,onAgentModelChange:(e,t)=>{A(e),T(t)},className:"w-55"}),(0,t.jsx)("div",{className:"flex-1"}),(0,t.jsxs)(w.DropdownMenu,{children:[(0,t.jsx)(w.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)("button",{type:"button","data-testid":"build-mode-selector",className:"text-muted-foreground hover:text-foreground hover:bg-accent/50 flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs transition-colors",children:[(0,t.jsxs)("span",{className:"flex animate-[onboard-fade-up_0.25s_ease-out_both] items-center gap-1.5",children:[(0,t.jsx)(Q,{className:"h-3.5 w-3.5"}),H.label]},L),(0,t.jsx)(d.ChevronDown,{className:"h-3 w-3 opacity-50"})]})}),(0,t.jsx)(w.DropdownMenuContent,{align:"end",className:"min-w-[160px]",children:N.map(e=>{let a=k[e],r=a.icon,s=L===e;return(0,t.jsxs)(w.DropdownMenuItem,{onClick:()=>_(e),"data-testid":`build-mode-${e}`,className:"flex items-center gap-2",children:[(0,t.jsx)(r,{className:"h-3.5 w-3.5"}),(0,t.jsx)("span",{className:"flex-1",children:a.label}),s?(0,t.jsx)(c.Check,{className:"text-foreground h-3.5 w-3.5"}):null]},e)})})]}),(0,t.jsxs)(j.Tooltip,{children:[(0,t.jsx)(j.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("button",{type:"button",onClick:G,disabled:E,"aria-label":h("chat.attachFiles"),className:"text-muted-foreground hover:text-foreground cursor-pointer rounded p-1 transition-colors disabled:opacity-50",children:(0,t.jsx)(s.Paperclip,{className:"h-4 w-4"})})}),(0,t.jsx)(j.TooltipContent,{side:"top",children:h("chat.attachFiles")})]}),(0,t.jsx)("button",{type:"button",onClick:$,disabled:!C.trim()||E,className:(0,m.cn)("bg-foreground text-background inline-flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-lg","hover:bg-foreground/90 disabled:pointer-events-none disabled:opacity-30","transition-all duration-150"),children:E?(0,t.jsx)(i.Loader2,{className:"h-3.5 w-3.5 animate-spin"}):(0,t.jsx)(r.SendHorizontal,{className:"h-3.5 w-3.5"})})]})]}),R?(0,t.jsx)("p",{className:"text-destructive mt-2 text-center text-sm",children:R}):null]}),(0,t.jsx)("div",{className:"mt-6 flex animate-[onboard-fade-up_0.4s_ease-out_both] flex-wrap justify-center gap-2",children:H.suggestions.map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>U(e),disabled:E,className:"text-muted-foreground hover:text-foreground border-border/60 hover:border-border hover:bg-accent/50 cursor-pointer rounded-full border px-3.5 py-1.5 text-xs transition-all duration-150 disabled:opacity-50 dark:border-white/10 dark:hover:border-white/20 dark:hover:bg-white/[0.06]",children:e},e))},L)]})]})}e.s(["ControlCenterEmptyState",()=>C],40106)},53721,e=>{"use strict";var t=e.i(20314),a=e.i(79054),r=e.i(31406),s=e.i(62885),i=e.i(42049),n=e.i(83428),o=e.i(3214),l=e.i(31777),d=e.i(73504),c=e.i(40106),p=e.i(58481),u=e.i(30702);let m=(0,e.i(3645).default)("folder-git-2",[["path",{d:"M18 19a5 5 0 0 1-5-5v8",key:"sz5oeg"}],["path",{d:"M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5",key:"1w6njk"}],["circle",{cx:"13",cy:"12",r:"2",key:"1j92g6"}],["circle",{cx:"20",cy:"19",r:"2",key:"1obnsp"}]]);var h=e.i(32494),x=e.i(24042),g=e.i(6910),b=e.i(67669),f=e.i(70002),v=e.i(34682),j=e.i(60112),w=e.i(35364),y=e.i(2287),N=e.i(12091),k=e.i(57365),C=e.i(80554),D=e.i(8537),S=e.i(17406);function A({application:e,className:s}){let o=(0,r.useRouter)(),d=(0,v.useQueryClient)(),[c,p]=(0,a.useState)(!1),h=(0,C.useTurnStatus)(`app-${e.id}`),f=(0,D.useDeployAction)({targetId:e.id,targetType:"application",repositoryPath:e.repositoryPath}),A=f.url,T=(0,k.deriveAppLiveStatus)(e.status,h,!!A,e.effectiveStatus),L=1+(e.additionalPaths?.length??0),_=e.repositoryPath.split("/").pop()??e.repositoryPath;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{"data-testid":"application-card",onClick:()=>o.push(`/application/${e.id}`),className:(0,l.cn)("bg-card group relative cursor-pointer overflow-hidden rounded-xl border shadow-sm transition-[border-color,box-shadow] duration-200 hover:shadow-lg dark:bg-neutral-800/80",T.borderClass,s),children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 px-4 pt-4 pb-3",children:[(0,t.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-violet-500",children:(0,t.jsx)(i.LayoutGrid,{className:"h-4 w-4 text-white"})}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("h3",{"data-testid":"application-card-name",className:"truncate text-sm font-medium",children:e.name}),(0,t.jsx)("p",{className:"text-muted-foreground mt-0.5 truncate text-[11px]",children:e.description})]}),(0,t.jsxs)("span",{className:"flex shrink-0 items-center gap-1.5",children:[(0,t.jsx)("span",{className:(0,l.cn)("relative flex h-2 w-2 items-center justify-center rounded-full",T.dotClass),children:T.pulse?(0,t.jsx)("span",{className:(0,l.cn)("absolute inline-flex h-full w-full animate-ping rounded-full opacity-60",T.dotClass)}):null}),(0,t.jsx)("span",{className:"text-muted-foreground text-[10px]",children:T.label})]})]}),(0,t.jsx)("div",{className:"px-4",children:(0,t.jsxs)("div",{className:"bg-muted group/preview relative overflow-hidden rounded-lg",style:{height:140},children:[A?(0,t.jsx)("iframe",{src:A,title:`${e.name} live preview`,className:"pointer-events-none absolute top-0 left-0 origin-top-left border-0 bg-white",style:{width:"250%",height:"250%",transform:"scale(0.4)"},sandbox:"allow-same-origin allow-scripts",loading:"lazy"}):(0,t.jsx)(P,{effectiveStatus:e.effectiveStatus}),f.status===S.DeploymentState.Ready&&A?(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center gap-2 bg-neutral-900/75 opacity-0 transition-opacity duration-150 group-hover/preview:pointer-events-auto group-hover/preview:opacity-100 dark:bg-neutral-950/80",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("button",{type:"button",onClick:e=>{e.stopPropagation(),f.stop()},disabled:f.stopLoading,className:"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-neutral-300 bg-white px-3 text-[11px] font-semibold text-neutral-900 shadow-md transition-colors hover:border-red-500 hover:bg-red-50 hover:text-red-600 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:border-red-500 dark:hover:bg-red-950 dark:hover:text-red-400",children:[f.stopLoading?(0,t.jsx)(n.Loader2,{className:"h-3 w-3 animate-spin"}):(0,t.jsx)(g.Square,{className:"h-3 w-3 fill-current"}),"Stop"]}),(0,t.jsxs)("button",{type:"button",onClick:e=>{e.stopPropagation(),A&&window.open(A,"_blank","noopener,noreferrer")},className:"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-neutral-300 bg-white px-3 text-[11px] font-semibold text-neutral-900 shadow-md transition-colors hover:bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800",children:[(0,t.jsx)(u.ExternalLink,{className:"h-3 w-3"}),"Open"]})]}):null,f.status===S.DeploymentState.Booting||f.deployLoading?(0,t.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-2 bg-neutral-100 dark:bg-neutral-900",children:[(0,t.jsx)(n.Loader2,{className:"h-6 w-6 animate-spin text-amber-500"}),(0,t.jsx)("span",{className:"text-foreground text-[11px] font-medium",children:"Starting…"})]}):null,!T.previewDisabled&&!A&&!f.deployLoading&&f.status!==S.DeploymentState.Booting&&!f.deployError&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center gap-2 bg-neutral-900/75 opacity-0 transition-opacity duration-150 group-hover/preview:pointer-events-auto group-hover/preview:opacity-100 dark:bg-neutral-950/80",children:(0,t.jsxs)("button",{type:"button",onClick:e=>{e.stopPropagation(),f.deploy()},className:"inline-flex h-8 cursor-pointer items-center gap-2 rounded-md border border-violet-400 bg-gradient-to-br from-indigo-500 to-violet-600 px-4 text-[11px] font-semibold text-white shadow-md transition-[filter] hover:brightness-110",children:[(0,t.jsx)(x.Play,{className:"h-3 w-3 fill-current"}),"Start Preview"]})}),"interrupted"===e.effectiveStatus&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center bg-amber-950/60 opacity-0 transition-opacity duration-150 group-hover/preview:pointer-events-auto group-hover/preview:opacity-100",children:(0,t.jsxs)("button",{type:"button",onClick:t=>{t.stopPropagation(),fetch(`/api/applications/${e.id}/resume`,{method:"POST"})},className:"inline-flex h-8 cursor-pointer items-center gap-2 rounded-md border border-amber-400 bg-gradient-to-br from-amber-500 to-orange-500 px-4 text-[11px] font-semibold text-white shadow-md transition-[filter] hover:brightness-110",children:[(0,t.jsx)(x.Play,{className:"h-3 w-3 fill-current"}),"Continue Build"]})}),(0,t.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),p(!0)},className:"absolute top-1.5 right-1.5 z-20 flex h-6 w-6 cursor-pointer items-center justify-center rounded-md bg-white/80 text-neutral-500 opacity-0 shadow-sm backdrop-blur-sm transition-all group-hover:opacity-100 hover:!bg-red-500 hover:!text-white dark:bg-neutral-800/80 dark:text-neutral-400","aria-label":`Delete ${e.name}`,title:"Delete application",children:(0,t.jsx)(b.Trash2,{className:"h-3 w-3"})})]})}),(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 pt-3 pb-4",children:[(0,t.jsxs)("span",{className:"text-muted-foreground flex items-center gap-1.5 text-[11px]",children:[(0,t.jsx)(m,{className:"h-3 w-3"}),_,L>1&&(0,t.jsxs)("span",{className:"text-muted-foreground/60",children:["+",L-1]})]}),(0,t.jsx)("span",{className:"text-muted-foreground/60 text-[10px]",children:new Date(e.createdAt).toLocaleDateString(void 0,{month:"short",day:"numeric"})})]})]}),(0,t.jsx)(y.Dialog,{open:c,onOpenChange:p,children:(0,t.jsxs)(y.DialogContent,{className:"max-w-xs",children:[(0,t.jsxs)(y.DialogHeader,{children:[(0,t.jsx)(y.DialogTitle,{children:"Delete application?"}),(0,t.jsxs)(y.DialogDescription,{children:["This will permanently remove ",(0,t.jsx)("strong",{children:e.name}),"."]})]}),(0,t.jsxs)(y.DialogFooter,{className:"grid grid-cols-2 gap-2 sm:flex-none",children:[(0,t.jsx)(y.DialogClose,{asChild:!0,children:(0,t.jsx)(w.Button,{variant:"outline",children:"Cancel"})}),(0,t.jsx)(w.Button,{variant:"destructive",onClick:async()=>{p(!1);let t=await (0,N.deleteApplication)(e.id);t.error?j.toast.error("Failed to delete",{description:t.error}):(j.toast.success("Application deleted"),d.invalidateQueries({queryKey:["applications"]}))},children:"Delete"})]})]})})]})}function P({effectiveStatus:e}){return"failed"===e?(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-red-50 dark:bg-red-950/30",children:[(0,t.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/50",children:(0,t.jsx)(f.TriangleAlert,{className:"h-5 w-5 text-red-500"})}),(0,t.jsx)("span",{className:"text-[11px] font-medium text-red-600 dark:text-red-400",children:"Build failed"}),(0,t.jsx)("span",{className:"text-muted-foreground/60 text-[10px]",children:"Open app to retry"})]}):"interrupted"===e?(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2 bg-amber-50 dark:bg-amber-950/20",children:[(0,t.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900/40",children:(0,t.jsx)(p.AlertTriangle,{className:"h-5 w-5 text-amber-500"})}),(0,t.jsx)("span",{className:"text-[11px] font-medium text-amber-600 dark:text-amber-400",children:"Build interrupted"}),(0,t.jsx)("span",{className:"text-muted-foreground/60 text-[10px]",children:"Open app to continue"})]}):"building"===e?(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2",children:[(0,t.jsx)(n.Loader2,{className:"h-6 w-6 animate-spin text-violet-500"}),(0,t.jsx)("span",{className:"text-[11px] font-medium text-violet-600 dark:text-violet-400",children:"Building…"})]}):(0,t.jsxs)("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-2",children:[(0,t.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500/10 to-violet-500/10",children:(0,t.jsx)(h.Globe,{className:"text-muted-foreground/30 h-5 w-5"})}),(0,t.jsxs)("div",{className:"absolute inset-0 opacity-30",children:[(0,t.jsxs)("div",{className:"flex h-5 items-center gap-1.5 px-2",style:{background:"var(--muted)"},children:[(0,t.jsx)("div",{className:"bg-muted-foreground/10 h-1.5 w-1.5 rounded-full"}),(0,t.jsx)("div",{className:"bg-muted-foreground/10 h-1.5 w-1.5 rounded-full"}),(0,t.jsx)("div",{className:"bg-muted-foreground/10 h-1.5 w-1.5 rounded-full"}),(0,t.jsx)("div",{className:"bg-muted-foreground/10 ms-1.5 h-1.5 w-12 rounded"})]}),(0,t.jsxs)("div",{className:"flex h-[calc(100%-1.25rem)]",children:[(0,t.jsxs)("div",{className:"border-muted-foreground/5 flex w-[40px] flex-col gap-1.5 border-e p-1.5",children:[(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-full rounded"}),(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-3/4 rounded"}),(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-full rounded"})]}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-1.5 p-2.5",children:[(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-2 w-2/3 rounded"}),(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-full rounded"}),(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-5/6 rounded"}),(0,t.jsx)("div",{className:"bg-muted-foreground/8 h-1.5 w-3/4 rounded"})]})]})]})]})}function T({className:e}){let p=(0,r.useRouter)(),[u,m]=(0,a.useState)(!1),{data:h=[],isLoading:x}=(0,s.useQuery)({queryKey:["applications"],queryFn:async()=>{let e=await fetch("/api/applications");if(!e.ok)throw Error("Failed to fetch applications");return e.json()},staleTime:3e4}),g=(0,a.useMemo)(()=>[...h].sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime()),[h]);return(0,t.jsx)(d.DeploymentStatusProvider,{initialDeployments:[],children:(0,t.jsxs)("div",{"data-testid":"applications-page-client",className:(0,l.cn)("relative space-y-4",e),children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(i.LayoutGrid,{className:"text-muted-foreground h-4 w-4"}),(0,t.jsx)("h1",{className:"text-sm font-bold tracking-tight",children:"Applications"}),x?null:(0,t.jsxs)("span",{className:"text-muted-foreground text-[10px]",children:[h.length," ",1===h.length?"app":"apps"]})]}),x?(0,t.jsx)("div",{className:"flex items-center justify-center py-12",children:(0,t.jsx)(n.Loader2,{className:"text-muted-foreground h-5 w-5 animate-spin"})}):0===h.length?(0,t.jsxs)("div",{"data-testid":"applications-page-empty",className:"text-muted-foreground flex flex-col items-center justify-center py-12 text-center",children:[(0,t.jsx)(i.LayoutGrid,{className:"mb-2 h-6 w-6 opacity-20"}),(0,t.jsx)("p",{className:"text-xs",children:"No applications yet."}),(0,t.jsxs)("button",{type:"button",onClick:()=>m(!0),className:"mt-3 inline-flex items-center gap-1.5 rounded-md bg-indigo-500 px-3 py-1.5 text-[11px] font-semibold text-white shadow-sm transition-colors hover:bg-indigo-400",children:[(0,t.jsx)(o.Plus,{className:"h-3 w-3"}),"New application"]})]}):(0,t.jsx)("div",{"data-testid":"applications-page-grid",className:"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:g.map(e=>(0,t.jsx)(A,{application:e},e.id))}),(0,t.jsx)("button",{type:"button","data-testid":"applications-fab-new","aria-label":"New application",onClick:()=>m(!0),className:"fixed right-6 bottom-6 z-40 flex h-14 w-14 cursor-pointer items-center justify-center rounded-full bg-indigo-500 text-white shadow-lg transition-all duration-200 hover:scale-105 hover:bg-indigo-400 hover:shadow-xl active:scale-95",children:(0,t.jsx)(o.Plus,{className:"h-7 w-7 stroke-[2.5]"})}),u?(0,t.jsx)("div",{className:"fixed inset-0 z-50",children:(0,t.jsx)(c.ControlCenterEmptyState,{onApplicationCreated:e=>{p.push(`/application/${e}`)},onClose:()=>m(!1),className:"bg-background"})}):null]})})}e.s(["ApplicationsPageClient",()=>T],53721)}]);