clawpad 0.3.5 → 0.3.7

package/.next/static/chunks/app/setup/{page-7eac0e007d7fcd58.js → page-b7a32490f665e413.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[620],{7814:(e,t,s)=>{"use strict";function a(e){let t=e.replace(/\.md$/,"").split("/").filter(Boolean).map(e=>encodeURIComponent(e));return 0===t.length?"/workspace":`/workspace/${t.join("/")}`}s.d(t,{C:()=>a})},13545:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},39667:(e,t,s)=>{Promise.resolve().then(s.bind(s,69676))},48368:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]])},52799:(e,t,s)=>{"use strict";s.d(t,{cn:()=>n});var a=s(29722),r=s(622);function n(...e){return(0,r.QP)((0,a.$)(e))}},60529:(e,t,s)=>{"use strict";s.d(t,{p:()=>n});var a=s(95155);s(12115);var r=s(52799);function n({className:e,type:t,...s}){return(0,a.jsx)("input",{type:t,"data-slot":"input",className:(0,r.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...s})}},69676:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>C});var a=s(95155),r=s(12115),n=s(73321),i=s(80642),o=s(24821),l=s(89239),d=s(60529),c=s(70872),u=s(6296),m=s(94514),p=s(13545),x=s(21362),g=s(42129),h=s(86901),f=s(48368),y=s(49619);let b=(0,s(90425).A)("circle-question-mark",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);var j=s(93571),v=s(7814);let N={enter:e=>({x:e>0?80:-80,opacity:0}),center:{x:0,opacity:1},exit:e=>({x:e>0?-80:80,opacity:0})},w=[{id:"engineering-devops",icon:"\uD83C\uDFD7️",label:"Engineering & DevOps",description:"Infrastructure, runbooks, architecture, and delivery workflows."},{id:"research-academia",icon:"\uD83D\uDD2C",label:"Research & Academia",description:"Projects, literature reviews, experiments, and writing drafts."},{id:"business-consulting",icon:"\uD83C\uDFE2",label:"Business & Consulting",description:"Clients, strategy, meetings, and engagement tracking."},{id:"creative-writing",icon:"✍️",label:"Creative & Writing",description:"Drafts, research, world-building, and idea capture."},{id:"personal-knowledge",icon:"\uD83D\uDCDD",label:"Personal Knowledge (PARA)",description:"Projects, areas, resources, and archives."},{id:"other",icon:"✨",label:"Other",description:"General starter structure that your agent can customize."}],k={"engineering-devops":["infrastructure","devops","architecture","security","team","daily-notes"],"research-academia":["projects","literature","experiments","writing","notes"],"business-consulting":["clients","projects","meetings","strategy","templates","daily-notes"],"creative-writing":["projects","drafts","research","world-building","ideas","daily-notes"],"personal-knowledge":["projects","areas","resources","archive","daily-notes"],other:["projects","notes","resources","daily-notes"]};function C(){let[e,t]=(0,r.useState)(1),[s,l]=(0,r.useState)(1),d=(0,n.useRouter)(),[c,u]=(0,r.useState)(null),[m,p]=(0,r.useState)(!0),[x,g]=(0,r.useState)(""),[h,f]=(0,r.useState)(null),[y,b]=(0,r.useState)(!0),[j,w]=(0,r.useState)(!1),[C,z]=(0,r.useState)(!1),[E,M]=(0,r.useState)(null),[T,I]=(0,r.useState)(!1),[U,$]=(0,r.useState)("engineering-devops"),[_,R]=(0,r.useState)(""),[F,W]=(0,r.useState)(!1),[L,D]=(0,r.useState)("both"),[Y,B]=(0,r.useState)(""),[H,q]=(0,r.useState)([]),[K,V]=(0,r.useState)("welcome-to-clawpad.md");(0,r.useEffect)(()=>{fetch("/api/gateway/detect").then(e=>e.json()).then(e=>{u(e),p(!1)}).catch(()=>{u({found:!1}),p(!1)})},[]),(0,r.useEffect)(()=>{fetch("/api/setup/status?includeCounts=true").then(e=>e.json()).then(e=>{f(e),b(!1)}).catch(()=>b(!1))},[]),(0,r.useEffect)(()=>{let e=new Set(k[U]??[]);q(t=>t.filter(t=>e.has(t)))},[U]),(0,r.useEffect)(()=>{F&&q(e=>e.length>0?e:[...k[U]??[]])},[F,U]);let Z=(0,r.useCallback)(s=>{l(s>e?1:-1),t(s)},[e]),G=async()=>{w(!0),M(null),I(!1);try{let e=await fetch("/api/setup/trigger-onboarding",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({workspaceType:U,customUseCase:"other"===U?_:void 0,importEnabled:F,importMode:L,importSourcePaths:Y.split("\n").map(e=>e.trim()).filter(Boolean),importTargetSpaces:H})});if(!e.ok){let t=await e.json().catch(()=>null);throw Error(t?.error||"Failed to set up workspace")}let t=await e.json().catch(()=>null);I(!!t?.onboardingTriggered);let s="string"==typeof t?.welcomePage?.path&&t.welcomePage.path.trim()?t.welcomePage.path.trim():null,a=Array.isArray(t?.scaffoldResult?.pages)?t.scaffoldResult.pages.find(e=>"object"==typeof e&&null!==e&&"string"==typeof e.path&&"error"!==e.status)?.path??null:null;V(s??a??"welcome-to-clawpad.md"),z(!0);let r=await fetch("/api/setup/status?includeCounts=true");r.ok&&f(await r.json())}catch(e){M(e?.message||"Could not create workspace. Please retry.")}finally{w(!1)}},J=(0,r.useCallback)(async()=>{let e=K.endsWith(".md")?K:`${K}.md`,t=encodeURIComponent(e),s=(0,v.C)(e);for(let e=0;e<3;e+=1){try{if((await fetch(`/api/files/pages/${t}`,{cache:"no-store"})).ok)return void d.push(s)}catch{}await new Promise(e=>setTimeout(e,200))}d.push("/workspace")},[d,K]);return(0,a.jsx)("div",{className:"flex min-h-screen items-center justify-center px-4 bg-background",children:(0,a.jsxs)("div",{className:"w-full max-w-md",children:[(0,a.jsx)(i.N,{mode:"wait",custom:s,children:(0,a.jsx)(o.P.div,{custom:s,variants:N,initial:"enter",animate:"center",exit:"exit",transition:{duration:.3,ease:"easeInOut"},children:(0,a.jsxs)("div",{className:"rounded-xl border bg-card p-8 shadow-lg",children:[1===e&&(0,a.jsx)(A,{gateway:c,detecting:m,manualUrl:x,onManualUrlChange:g,onNext:()=>Z(2)}),2===e&&(0,a.jsx)(P,{status:h,loading:y,bootstrapping:j,bootstrapped:C,bootstrapError:E,gatewayConnected:c?.found??!1,workspaceUseCase:U,customUseCase:_,importEnabled:F,importMode:L,importSourcePathsText:Y,importTargetSpaces:H,onWorkspaceUseCaseChange:$,onCustomUseCaseChange:R,onImportEnabledChange:W,onImportModeChange:D,onImportSourcePathsTextChange:B,onImportTargetSpacesChange:q,onBootstrap:G,onNext:()=>Z(3)}),3===e&&(0,a.jsx)(O,{onNext:()=>Z(4)}),4===e&&(0,a.jsx)(S,{onboardingTriggered:T,onOpen:J})]})},e)}),(0,a.jsx)("div",{className:"flex items-center justify-center gap-2 mt-6",children:[1,2,3,4].map(t=>(0,a.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-300 ${t===e?"w-8 bg-primary":t<e?"w-4 bg-primary/40":"w-4 bg-muted"}`},t))})]})})}function A({gateway:e,detecting:t,manualUrl:s,onManualUrlChange:r,onNext:n}){return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsx)(o.P.div,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{delay:.1,duration:.3},className:"mx-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-muted/60 ring-1 ring-border/60",children:(0,a.jsx)(j.R,{variant:"icon",size:44,alt:""})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"Welcome to ClawPad"}),(0,a.jsxs)("p",{className:"text-muted-foreground text-sm",children:["The workspace for"," ",(0,a.jsx)(z,{text:"OpenClaw is your local AI agent platform that runs on your machine.",children:"OpenClaw"})]})]}),(0,a.jsx)("div",{className:"rounded-lg border bg-muted/30 p-4 text-left",children:t?(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)(u.A,{className:"h-5 w-5 animate-spin text-muted-foreground"}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"text-sm font-medium",children:["Detecting"," ",(0,a.jsx)(z,{text:"The gateway is the local server that connects ClawPad to your AI agent. It usually runs at ws://127.0.0.1:18789.",children:"OpenClaw"}),"…"]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"Looking for your local gateway"})]})]}):e?.found?(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/30",children:(0,a.jsx)(m.A,{className:"h-4 w-4 text-green-600 dark:text-green-400"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-green-700 dark:text-green-400",children:"OpenClaw Detected"}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.agentName?`Agent: ${e.agentName}`:`Found via ${e.source}`})]})]}):(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-yellow-100 dark:bg-yellow-900/30",children:(0,a.jsx)(p.A,{className:"h-4 w-4 text-yellow-600 dark:text-yellow-400"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-yellow-700 dark:text-yellow-400",children:"OpenClaw Not Detected"}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"You can still use ClawPad as a local workspace"})]})]}),(0,a.jsx)(d.p,{placeholder:"ws://127.0.0.1:18789",value:s,onChange:e=>r(e.target.value),className:"text-sm"})]})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:n,children:[e?.found?"Next":"Continue Without Agent",(0,a.jsx)(x.A,{className:"ml-1 h-4 w-4"})]}),!e?.found&&!t&&(0,a.jsx)("button",{onClick:n,className:"text-xs text-muted-foreground hover:text-foreground transition-colors",children:"Skip for now"})]})]})}function P({status:e,loading:t,bootstrapping:s,bootstrapped:r,bootstrapError:n,gatewayConnected:i,workspaceUseCase:c,customUseCase:p,importEnabled:h,importMode:f,importSourcePathsText:y,importTargetSpaces:b,onWorkspaceUseCaseChange:j,onCustomUseCaseChange:v,onImportEnabledChange:N,onImportModeChange:C,onImportSourcePathsTextChange:A,onImportTargetSpacesChange:P,onBootstrap:O,onNext:S}){let E=e?.hasWorkspace||r,M=k[c]??[];return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsx)(o.P.div,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{delay:.1,duration:.3},className:"mx-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-muted",children:(0,a.jsx)(g.A,{className:"h-10 w-10 text-muted-foreground"})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("h1",{className:"text-2xl font-semibold tracking-tight",children:["Set Up Your"," ",(0,a.jsx)(z,{text:"A workspace is a folder of markdown files that both you and your AI agent can read and edit.",children:"Workspace"})]}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:"ClawPad reads and writes markdown files on disk"})]}),(0,a.jsx)("div",{className:"rounded-lg border bg-muted/30 px-4 py-3 font-mono text-sm",children:"~/.openclaw/pages/"}),t?(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 text-sm text-muted-foreground py-2",children:[(0,a.jsx)(u.A,{className:"h-4 w-4 animate-spin"}),"Checking workspace…"]}):E?(0,a.jsxs)("div",{className:"rounded-lg border bg-green-50 dark:bg-green-900/20 p-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-2",children:[(0,a.jsx)(m.A,{className:"h-5 w-5 text-green-600 dark:text-green-400"}),(0,a.jsx)("span",{className:"text-sm font-medium text-green-700 dark:text-green-400",children:"Your workspace is ready"})]}),e&&(0,a.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.totalSpaces," spaces \xb7 ",e.totalPages," pages"]})]}):(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"What will you mainly use ClawPad for?"}),(0,a.jsx)("div",{className:"space-y-2 text-left",children:w.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>j(e.id),className:`w-full rounded-lg border p-3 transition-colors ${c===e.id?"border-primary bg-primary/5":"hover:bg-muted/30"}`,children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{children:e.icon}),(0,a.jsx)("span",{className:"text-sm font-medium",children:e.label})]}),(0,a.jsx)("p",{className:"mt-1 text-xs text-muted-foreground",children:e.description})]},e.id))}),"other"===c&&(0,a.jsx)(d.p,{placeholder:"Describe your use case (optional)",value:p,onChange:e=>v(e.target.value),className:"text-sm"}),(0,a.jsxs)("div",{className:"rounded-lg border bg-muted/20 p-3 text-left space-y-3",children:[(0,a.jsxs)("label",{className:"flex items-start gap-2 text-xs text-muted-foreground",children:[(0,a.jsx)("input",{type:"checkbox",className:"mt-0.5",checked:h,onChange:e=>N(e.target.checked)}),(0,a.jsx)("span",{children:"Bring existing documents with OpenClaw during setup"})]}),h&&(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Import mode"}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-1.5",children:["copy","derive","both"].map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>C(e),className:`rounded-md border px-2 py-1 text-xs capitalize transition-colors ${f===e?"border-primary bg-primary/10 text-foreground":"hover:bg-muted/40"}`,children:e},e))})]}),(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Local source paths"}),(0,a.jsx)("textarea",{className:"min-h-20 w-full rounded-md border bg-background px-2 py-1.5 text-xs",placeholder:"/Users/you/Documents\n~/Desktop/project-notes",value:y,onChange:e=>A(e.target.value)}),(0,a.jsx)("p",{className:"text-[11px] text-muted-foreground",children:"One path per line."})]}),(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Target spaces"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:M.map(e=>{let t=b.includes(e);return(0,a.jsx)("button",{type:"button",onClick:()=>{b.includes(e)?P(b.filter(t=>t!==e)):P([...b,e].sort((e,t)=>e.localeCompare(t)))},className:`rounded-md border px-2 py-1 text-[11px] transition-colors ${t?"border-primary bg-primary/10 text-foreground":"hover:bg-muted/40"}`,children:e},e)})})]})]})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:i?"ClawPad will scaffold this structure and trigger OpenClaw to continue setup.":"ClawPad will scaffold this structure locally. You can connect OpenClaw later."}),(0,a.jsx)(l.$,{size:"lg",className:"w-full",onClick:O,disabled:s,children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.A,{className:"mr-2 h-4 w-4 animate-spin"}),"Setting Up Workspace…"]}):"Set Up Workspace"}),n&&(0,a.jsx)("div",{className:"rounded-lg border border-red-300/60 bg-red-50 px-3 py-2 text-xs text-red-700 dark:border-red-900/60 dark:bg-red-950/20 dark:text-red-300",children:n})]}),E&&(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:S,children:["Next",(0,a.jsx)(x.A,{className:"ml-1 h-4 w-4"})]})]})}function O({onNext:e}){return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsxs)("div",{className:"relative mx-auto h-28 w-28",children:[E.map((e,t)=>(0,a.jsx)(o.P.div,{initial:{opacity:0,scale:0,x:0,y:0},animate:{opacity:[0,1,1,0],scale:[0,1,1,.5],x:e.x,y:e.y},transition:{duration:1.2,delay:.4+.05*t,ease:"easeOut"},className:"absolute left-1/2 top-1/2 h-2 w-2 rounded-full",style:{backgroundColor:e.color}},t)),(0,a.jsx)(o.P.div,{initial:{scale:0,opacity:.8},animate:{scale:2.5,opacity:0},transition:{duration:.8,delay:.2,ease:"easeOut"},className:"absolute inset-0 m-auto h-20 w-20 rounded-full border-2 border-green-400"}),(0,a.jsx)(o.P.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{type:"spring",stiffness:200,damping:15,delay:.1},className:"absolute inset-0 m-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-green-100 dark:bg-green-900/30",children:(0,a.jsx)(o.P.div,{initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},transition:{delay:.4,duration:.4},children:(0,a.jsx)(m.A,{className:"h-10 w-10 text-green-600 dark:text-green-400"})})})]}),(0,a.jsxs)(o.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.5},className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"You're All Set! \uD83C\uDF89"}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:"Your workspace is ready. Let's see what you can do."})]}),(0,a.jsxs)(o.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.7},className:"rounded-lg border bg-muted/30 p-4 text-left space-y-2",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Keyboard Shortcuts"}),(0,a.jsxs)("div",{className:"space-y-1.5 text-sm text-muted-foreground",children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘K"})," ","Search across all pages"]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘N"})," ","Create a new page"]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘⇧L"})," ","Open AI chat panel"]})]})]}),(0,a.jsx)(o.P.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.9},children:(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:e,children:["What's Next?",(0,a.jsx)(x.A,{className:"ml-1 h-4 w-4"})]})})]})}function S({onboardingTriggered:e,onOpen:t}){let s=e?[{icon:h.A,title:"Chat with your agent",desc:"Your agent is ready to help you set up. Check the chat panel!",color:"text-purple-500",bg:"bg-purple-100 dark:bg-purple-900/30"},{icon:f.A,title:"Create pages together",desc:"Ask your agent to create documents, plans, or notes.",color:"text-blue-500",bg:"bg-blue-100 dark:bg-blue-900/30"},{icon:y.A,title:"Organize your workspace",desc:"Your agent can help structure folders based on your needs.",color:"text-green-500",bg:"bg-green-100 dark:bg-green-900/30"}]:[{icon:f.A,title:"Create your first page",desc:"Hit ⌘N to start a new page in any space.",color:"text-blue-500",bg:"bg-blue-100 dark:bg-blue-900/30"},{icon:y.A,title:"Connect your agent",desc:"Your OpenClaw agent can read and edit pages in real-time.",color:"text-green-500",bg:"bg-green-100 dark:bg-green-900/30"},{icon:h.A,title:"Try AI writing",desc:"Press ⌘⇧L to chat with your agent and generate content.",color:"text-purple-500",bg:"bg-purple-100 dark:bg-purple-900/30"}];return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:e?"Your Agent is Ready!":"What's Next?"}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:e?"Your agent has started setting up your workspace.":"Here are some things to try first."})]}),(0,a.jsx)("div",{className:"space-y-3 text-left",children:s.map((e,t)=>(0,a.jsxs)(o.P.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:.1+.15*t,duration:.3},className:"flex items-start gap-3 rounded-lg border p-3 hover:bg-muted/30 transition-colors",children:[(0,a.jsx)("div",{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${e.bg}`,children:(0,a.jsx)(e.icon,{className:`h-4 w-4 ${e.color}`})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium",children:e.title}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.desc})]})]},e.title))}),(0,a.jsx)(o.P.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.6},children:(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:t,children:["Open Welcome Page",(0,a.jsx)(x.A,{className:"ml-1 h-4 w-4"})]})})]})}function z({children:e,text:t}){return(0,a.jsxs)(c.m_,{children:[(0,a.jsx)(c.k$,{asChild:!0,children:(0,a.jsxs)("span",{className:"inline-flex items-center gap-0.5 underline decoration-dotted underline-offset-2 cursor-help",children:[e,(0,a.jsx)(b,{className:"inline h-3 w-3 text-muted-foreground"})]})}),(0,a.jsx)(c.ZI,{side:"top",className:"max-w-[220px]",children:t})]})}let E=[{x:-40,y:-35,color:"#4A9EFF"},{x:35,y:-40,color:"#00A67E"},{x:-35,y:25,color:"#9333EA"},{x:40,y:20,color:"#F59E0B"},{x:-15,y:-45,color:"#EF4444"},{x:20,y:-30,color:"#10B981"},{x:-45,y:5,color:"#6366F1"},{x:45,y:-10,color:"#F97316"},{x:0,y:40,color:"#EC4899"},{x:-25,y:35,color:"#14B8A6"},{x:30,y:35,color:"#8B5CF6"},{x:10,y:-50,color:"#F43F5E"}]},70872:(e,t,s)=>{"use strict";s.d(t,{Bc:()=>i,ZI:()=>d,k$:()=>l,m_:()=>o});var a=s(95155);s(12115);var r=s(28935),n=s(52799);function i({delayDuration:e=0,...t}){return(0,a.jsx)(r.Kq,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function o({...e}){return(0,a.jsx)(i,{children:(0,a.jsx)(r.bL,{"data-slot":"tooltip",...e})})}function l({...e}){return(0,a.jsx)(r.l9,{"data-slot":"tooltip-trigger",...e})}function d({className:e,sideOffset:t=0,children:s,...i}){return(0,a.jsx)(r.ZL,{children:(0,a.jsxs)(r.UC,{"data-slot":"tooltip-content",sideOffset:t,className:(0,n.cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...i,children:[s,(0,a.jsx)(r.i3,{className:"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}},83935:(e,t,s)=>{"use strict";s.d(t,{C:()=>i});var a=s(12115),r=s(47527),n=s(66294),i=e=>{var t;let s,i,{present:l,children:d}=e,c=function(e){var t,s;let[r,i]=a.useState(),l=a.useRef(null),d=a.useRef(e),c=a.useRef("none"),[u,m]=(t=e?"mounted":"unmounted",s={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},a.useReducer((e,t)=>s[e][t]??e,t));return a.useEffect(()=>{let e=o(l.current);c.current="mounted"===u?e:"none"},[u]),(0,n.N)(()=>{let t=l.current,s=d.current;if(s!==e){let a=c.current,r=o(t);e?m("MOUNT"):"none"===r||t?.display==="none"?m("UNMOUNT"):s&&a!==r?m("ANIMATION_OUT"):m("UNMOUNT"),d.current=e}},[e,m]),(0,n.N)(()=>{if(r){let e,t=r.ownerDocument.defaultView??window,s=s=>{let a=o(l.current).includes(CSS.escape(s.animationName));if(s.target===r&&a&&(m("ANIMATION_END"),!d.current)){let s=r.style.animationFillMode;r.style.animationFillMode="forwards",e=t.setTimeout(()=>{"forwards"===r.style.animationFillMode&&(r.style.animationFillMode=s)})}},a=e=>{e.target===r&&(c.current=o(l.current))};return r.addEventListener("animationstart",a),r.addEventListener("animationcancel",s),r.addEventListener("animationend",s),()=>{t.clearTimeout(e),r.removeEventListener("animationstart",a),r.removeEventListener("animationcancel",s),r.removeEventListener("animationend",s)}}m("ANIMATION_END")},[r,m]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:a.useCallback(e=>{l.current=e?getComputedStyle(e):null,i(e)},[])}}(l),u="function"==typeof d?d({present:c.isPresent}):a.Children.only(d),m=(0,r.s)(c.ref,(t=u,(i=(s=Object.getOwnPropertyDescriptor(t.props,"ref")?.get)&&"isReactWarning"in s&&s.isReactWarning)?t.ref:(i=(s=Object.getOwnPropertyDescriptor(t,"ref")?.get)&&"isReactWarning"in s&&s.isReactWarning)?t.props.ref:t.props.ref||t.ref));return"function"==typeof d||c.isPresent?a.cloneElement(u,{ref:m}):null};function o(e){return e?.animationName||"none"}i.displayName="Presence"},86901:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]])},89239:(e,t,s)=>{"use strict";s.d(t,{$:()=>l});var a=s(95155);s(12115);var r=s(18460),n=s(42442),i=s(52799);let o=(0,r.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function l({className:e,variant:t="default",size:s="default",asChild:r=!1,...l}){let d=r?n.bL:"button";return(0,a.jsx)(d,{"data-slot":"button","data-variant":t,"data-size":s,className:(0,i.cn)(o({variant:t,size:s,className:e})),...l})}},93571:(e,t,s)=>{"use strict";s.d(t,{R:()=>l});var a=s(95155),r=s(5772),n=s(52799);let i=265/235,o=1152/235;function l({variant:e="icon",size:t=24,className:s,imageClassName:l,lightImageClassName:d,darkImageClassName:c,theme:u="auto",alt:m="ClawPad",priority:p=!1}){let x="icon"===e,g=Math.round(t*(x?i:o));return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center",s),children:(0,a.jsx)(r.default,{src:x?"/brand/icon.png":"/brand/logo.png",width:g,height:t,alt:m,priority:p,className:(0,n.cn)("block",l,"dark"===u?c:"light"===u?d:void 0)})})}}},e=>{e.O(0,[330,9907,5403,3496,1592,8441,3794,7358],()=>e(e.s=39667)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[620],{7814:(e,t,s)=>{"use strict";function a(e){let t=e.replace(/\.md$/,"").split("/").filter(Boolean).map(e=>encodeURIComponent(e));return 0===t.length?"/workspace":`/workspace/${t.join("/")}`}s.d(t,{C:()=>a})},13545:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},39667:(e,t,s)=>{Promise.resolve().then(s.bind(s,69676))},48368:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]])},52799:(e,t,s)=>{"use strict";s.d(t,{cn:()=>n});var a=s(29722),r=s(622);function n(...e){return(0,r.QP)((0,a.$)(e))}},60529:(e,t,s)=>{"use strict";s.d(t,{p:()=>n});var a=s(95155);s(12115);var r=s(52799);function n({className:e,type:t,...s}){return(0,a.jsx)("input",{type:t,"data-slot":"input",className:(0,r.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",e),...s})}},69676:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>C});var a=s(95155),r=s(12115),n=s(73321),i=s(80642),o=s(24821),l=s(89239),d=s(60529),c=s(70872),u=s(6296),x=s(94514),p=s(13545),m=s(21362),g=s(42129),h=s(86901),f=s(48368),y=s(49619);let b=(0,s(90425).A)("circle-question-mark",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);var j=s(93571),v=s(7814);let w={enter:e=>({x:e>0?80:-80,opacity:0}),center:{x:0,opacity:1},exit:e=>({x:e>0?-80:80,opacity:0})},N=[{id:"engineering-devops",icon:"\uD83C\uDFD7️",label:"Engineering & DevOps",description:"Infrastructure, runbooks, architecture, and delivery workflows."},{id:"research-academia",icon:"\uD83D\uDD2C",label:"Research & Academia",description:"Projects, literature reviews, experiments, and writing drafts."},{id:"business-consulting",icon:"\uD83C\uDFE2",label:"Business & Consulting",description:"Clients, strategy, meetings, and engagement tracking."},{id:"creative-writing",icon:"✍️",label:"Creative & Writing",description:"Drafts, research, world-building, and idea capture."},{id:"personal-knowledge",icon:"\uD83D\uDCDD",label:"Personal Knowledge (PARA)",description:"Projects, areas, resources, and archives."},{id:"other",icon:"✨",label:"Other",description:"General starter structure that your agent can customize."}],k={"engineering-devops":["infrastructure","devops","architecture","security","team","daily-notes"],"research-academia":["projects","literature","experiments","writing","notes"],"business-consulting":["clients","projects","meetings","strategy","templates","daily-notes"],"creative-writing":["projects","drafts","research","world-building","ideas","daily-notes"],"personal-knowledge":["projects","areas","resources","archive","daily-notes"],other:["projects","notes","resources","daily-notes"]};function C(){let[e,t]=(0,r.useState)(1),[s,l]=(0,r.useState)(1),d=(0,n.useRouter)(),[c,u]=(0,r.useState)(null),[x,p]=(0,r.useState)(!0),[m,g]=(0,r.useState)(""),[h,f]=(0,r.useState)(null),[y,b]=(0,r.useState)(!0),[j,N]=(0,r.useState)(!1),[C,O]=(0,r.useState)(!1),[$,E]=(0,r.useState)(null),[I,T]=(0,r.useState)(!1),[_,M]=(0,r.useState)("engineering-devops"),[F,U]=(0,r.useState)(""),[W,R]=(0,r.useState)(!1),[Y,B]=(0,r.useState)("both"),[D,L]=(0,r.useState)(""),[H,q]=(0,r.useState)([]),[K,V]=(0,r.useState)("welcome-to-clawpad.md");(0,r.useEffect)(()=>{fetch("/api/gateway/detect").then(e=>e.json()).then(e=>{u(e),p(!1)}).catch(()=>{u({found:!1}),p(!1)})},[]),(0,r.useEffect)(()=>{fetch("/api/setup/status?includeCounts=true").then(e=>e.json()).then(e=>{f(e),b(!1)}).catch(()=>b(!1))},[]),(0,r.useEffect)(()=>{let e=new Set(k[_]??[]);q(t=>t.filter(t=>e.has(t)))},[_]),(0,r.useEffect)(()=>{W&&q(e=>e.length>0?e:[...k[_]??[]])},[W,_]);let Z=(0,r.useCallback)(s=>{l(s>e?1:-1),t(s)},[e]),G=async()=>{N(!0),E(null),T(!1);try{let e=await fetch("/api/setup/trigger-onboarding",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({workspaceType:_,customUseCase:"other"===_?F:void 0,importEnabled:W,importMode:Y,importSourcePaths:D.split("\n").map(e=>e.trim()).filter(Boolean),importTargetSpaces:H})});if(!e.ok){let t=await e.json().catch(()=>null);throw Error(t?.error||"Failed to set up workspace")}let t=await e.json().catch(()=>null);T(!!t?.onboardingTriggered);let s="string"==typeof t?.welcomePage?.path&&t.welcomePage.path.trim()?t.welcomePage.path.trim():null,a=Array.isArray(t?.scaffoldResult?.pages)?t.scaffoldResult.pages.find(e=>"object"==typeof e&&null!==e&&"string"==typeof e.path&&"error"!==e.status)?.path??null:null;V(s??a??"welcome-to-clawpad.md"),O(!0);let r=await fetch("/api/setup/status?includeCounts=true");r.ok&&f(await r.json())}catch(e){E(e?.message||"Could not create workspace. Please retry.")}finally{N(!1)}},J=(0,r.useCallback)(async()=>{let e=K.endsWith(".md")?K:`${K}.md`,t=encodeURIComponent(e),s=(0,v.C)(e);for(let e=0;e<3;e+=1){try{if((await fetch(`/api/files/pages/${t}`,{cache:"no-store"})).ok)return void d.push(s)}catch{}await new Promise(e=>setTimeout(e,200))}d.push("/workspace")},[d,K]);return(0,a.jsx)("div",{className:"flex min-h-screen items-center justify-center px-4 bg-background",children:(0,a.jsxs)("div",{className:"w-full max-w-md",children:[(0,a.jsx)(i.N,{mode:"wait",custom:s,children:(0,a.jsx)(o.P.div,{custom:s,variants:w,initial:"enter",animate:"center",exit:"exit",transition:{duration:.3,ease:"easeInOut"},children:(0,a.jsxs)("div",{className:"rounded-xl border bg-card p-8 shadow-lg",children:[1===e&&(0,a.jsx)(A,{gateway:c,detecting:x,manualUrl:m,onManualUrlChange:g,onNext:()=>Z(2)}),2===e&&(0,a.jsx)(P,{status:h,loading:y,bootstrapping:j,bootstrapped:C,bootstrapError:$,gatewayConnected:c?.found??!1,workspaceUseCase:_,customUseCase:F,importEnabled:W,importMode:Y,importSourcePathsText:D,importTargetSpaces:H,onWorkspaceUseCaseChange:M,onCustomUseCaseChange:U,onImportEnabledChange:R,onImportModeChange:B,onImportSourcePathsTextChange:L,onImportTargetSpacesChange:q,onBootstrap:G,onNext:()=>Z(3)}),3===e&&(0,a.jsx)(S,{onNext:()=>Z(4)}),4===e&&(0,a.jsx)(z,{onboardingTriggered:I,onOpen:J})]})},e)}),(0,a.jsx)("div",{className:"flex items-center justify-center gap-2 mt-6",children:[1,2,3,4].map(t=>(0,a.jsx)("div",{className:`h-1.5 rounded-full transition-all duration-300 ${t===e?"w-8 bg-primary":t<e?"w-4 bg-primary/40":"w-4 bg-muted"}`},t))})]})})}function A({gateway:e,detecting:t,manualUrl:s,onManualUrlChange:r,onNext:n}){return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsx)(o.P.div,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{delay:.1,duration:.3},className:"mx-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-muted/60 ring-1 ring-border/60",children:(0,a.jsx)(j.R,{variant:"icon",size:44,alt:""})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"Welcome to ClawPad"}),(0,a.jsxs)("p",{className:"text-muted-foreground text-sm",children:["The workspace for"," ",(0,a.jsx)(O,{text:"OpenClaw is your local AI agent platform that runs on your machine.",children:"OpenClaw"})]})]}),(0,a.jsx)("div",{className:"rounded-lg border bg-muted/30 p-4 text-left",children:t?(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)(u.A,{className:"h-5 w-5 animate-spin text-muted-foreground"}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{className:"text-sm font-medium",children:["Detecting"," ",(0,a.jsx)(O,{text:"The gateway is the local server that connects ClawPad to your AI agent. It usually runs at ws://127.0.0.1:18789.",children:"OpenClaw"}),"…"]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"Looking for your local gateway"})]})]}):e?.found?(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/30",children:(0,a.jsx)(x.A,{className:"h-4 w-4 text-green-600 dark:text-green-400"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-green-700 dark:text-green-400",children:"OpenClaw Detected"}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.agentName?`Agent: ${e.agentName}`:`Found via ${e.source}`})]})]}):(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-yellow-100 dark:bg-yellow-900/30",children:(0,a.jsx)(p.A,{className:"h-4 w-4 text-yellow-600 dark:text-yellow-400"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium text-yellow-700 dark:text-yellow-400",children:"OpenClaw Not Detected"}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:"You can still use ClawPad as a local workspace"})]})]}),(0,a.jsx)(d.p,{placeholder:"ws://127.0.0.1:18789",value:s,onChange:e=>r(e.target.value),className:"text-sm"})]})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:n,children:[e?.found?"Next":"Continue Without Agent",(0,a.jsx)(m.A,{className:"ml-1 h-4 w-4"})]}),!e?.found&&!t&&(0,a.jsx)("button",{onClick:n,className:"text-xs text-muted-foreground hover:text-foreground transition-colors",children:"Skip for now"})]})]})}function P({status:e,loading:t,bootstrapping:s,bootstrapped:r,bootstrapError:n,gatewayConnected:i,workspaceUseCase:c,customUseCase:p,importEnabled:h,importMode:f,importSourcePathsText:y,importTargetSpaces:b,onWorkspaceUseCaseChange:j,onCustomUseCaseChange:v,onImportEnabledChange:w,onImportModeChange:C,onImportSourcePathsTextChange:A,onImportTargetSpacesChange:P,onBootstrap:S,onNext:z}){let $=e?.hasWorkspace||r,E=k[c]??[];return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsx)(o.P.div,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{delay:.1,duration:.3},className:"mx-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-muted",children:(0,a.jsx)(g.A,{className:"h-10 w-10 text-muted-foreground"})}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("h1",{className:"text-2xl font-semibold tracking-tight",children:["Set Up Your"," ",(0,a.jsx)(O,{text:"A workspace is a folder of markdown files that both you and your AI agent can read and edit.",children:"Workspace"})]}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:"ClawPad reads and writes markdown files on disk"})]}),(0,a.jsx)("div",{className:"rounded-lg border bg-muted/30 px-4 py-3 font-mono text-sm",children:"~/.openclaw/pages/"}),t?(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 text-sm text-muted-foreground py-2",children:[(0,a.jsx)(u.A,{className:"h-4 w-4 animate-spin"}),"Checking workspace…"]}):$?(0,a.jsxs)("div",{className:"rounded-lg border bg-green-50 dark:bg-green-900/20 p-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 mb-2",children:[(0,a.jsx)(x.A,{className:"h-5 w-5 text-green-600 dark:text-green-400"}),(0,a.jsx)("span",{className:"text-sm font-medium text-green-700 dark:text-green-400",children:"Your workspace is ready"})]}),e&&(0,a.jsxs)("p",{className:"text-xs text-muted-foreground",children:[e.totalSpaces," spaces \xb7 ",e.totalPages," pages"]})]}):(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"What will you mainly use ClawPad for?"}),(0,a.jsx)("div",{className:"space-y-2 text-left",children:N.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>j(e.id),className:`w-full rounded-lg border p-3 transition-colors ${c===e.id?"border-primary bg-primary/5":"hover:bg-muted/30"}`,children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{children:e.icon}),(0,a.jsx)("span",{className:"text-sm font-medium",children:e.label})]}),(0,a.jsx)("p",{className:"mt-1 text-xs text-muted-foreground",children:e.description})]},e.id))}),"other"===c&&(0,a.jsx)(d.p,{placeholder:"Describe your use case (optional)",value:p,onChange:e=>v(e.target.value),className:"text-sm"}),(0,a.jsxs)("div",{className:"rounded-lg border bg-muted/20 p-3 text-left space-y-3",children:[(0,a.jsxs)("label",{className:"flex items-start gap-2 text-xs text-muted-foreground",children:[(0,a.jsx)("input",{type:"checkbox",className:"mt-0.5",checked:h,onChange:e=>w(e.target.checked)}),(0,a.jsx)("span",{children:"Bring existing documents with OpenClaw during setup"})]}),h&&(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Import mode"}),(0,a.jsx)("div",{className:"grid grid-cols-3 gap-1.5",children:["copy","derive","both"].map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>C(e),className:`rounded-md border px-2 py-1 text-xs capitalize transition-colors ${f===e?"border-primary bg-primary/10 text-foreground":"hover:bg-muted/40"}`,children:e},e))})]}),(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Local source paths"}),(0,a.jsx)("textarea",{className:"min-h-20 w-full rounded-md border bg-background px-2 py-1.5 text-xs",placeholder:"/Users/you/Documents\n~/Desktop/project-notes",value:y,onChange:e=>A(e.target.value)}),(0,a.jsx)("p",{className:"text-[11px] text-muted-foreground",children:"One path per line."})]}),(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-foreground",children:"Target spaces"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-1.5",children:E.map(e=>{let t=b.includes(e);return(0,a.jsx)("button",{type:"button",onClick:()=>{b.includes(e)?P(b.filter(t=>t!==e)):P([...b,e].sort((e,t)=>e.localeCompare(t)))},className:`rounded-md border px-2 py-1 text-[11px] transition-colors ${t?"border-primary bg-primary/10 text-foreground":"hover:bg-muted/40"}`,children:e},e)})})]})]})]}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:i?"ClawPad will scaffold this structure and trigger OpenClaw to continue setup.":"ClawPad will scaffold this structure locally. You can connect OpenClaw later."}),(0,a.jsx)(l.$,{size:"lg",className:"w-full",onClick:S,disabled:s,children:s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.A,{className:"mr-2 h-4 w-4 animate-spin"}),"Setting Up Workspace…"]}):"Set Up Workspace"}),n&&(0,a.jsx)("div",{className:"rounded-lg border border-red-300/60 bg-red-50 px-3 py-2 text-xs text-red-700 dark:border-red-900/60 dark:bg-red-950/20 dark:text-red-300",children:n})]}),$&&(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:z,children:["Next",(0,a.jsx)(m.A,{className:"ml-1 h-4 w-4"})]})]})}function S({onNext:e}){return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsxs)("div",{className:"relative mx-auto h-28 w-28",children:[$.map((e,t)=>(0,a.jsx)(o.P.div,{initial:{opacity:0,scale:0,x:0,y:0},animate:{opacity:[0,1,1,0],scale:[0,1,1,.5],x:e.x,y:e.y},transition:{duration:1.2,delay:.4+.05*t,ease:"easeOut"},className:"absolute left-1/2 top-1/2 h-2 w-2 rounded-full",style:{backgroundColor:e.color}},t)),(0,a.jsx)(o.P.div,{initial:{scale:0,opacity:.8},animate:{scale:2.5,opacity:0},transition:{duration:.8,delay:.2,ease:"easeOut"},className:"absolute inset-0 m-auto h-20 w-20 rounded-full border-2 border-green-400"}),(0,a.jsx)(o.P.div,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{type:"spring",stiffness:200,damping:15,delay:.1},className:"absolute inset-0 m-auto flex h-20 w-20 items-center justify-center rounded-2xl bg-green-100 dark:bg-green-900/30",children:(0,a.jsx)(o.P.div,{initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1},transition:{delay:.4,duration:.4},children:(0,a.jsx)(x.A,{className:"h-10 w-10 text-green-600 dark:text-green-400"})})})]}),(0,a.jsxs)(o.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.5},className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"You're All Set! \uD83C\uDF89"}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:"Your workspace is ready. Let's see what you can do."})]}),(0,a.jsxs)(o.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.7},className:"rounded-lg border bg-muted/30 p-4 text-left space-y-2",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Keyboard Shortcuts"}),(0,a.jsxs)("div",{className:"space-y-1.5 text-sm text-muted-foreground",children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘K"})," ","Search across all pages"]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘N"})," ","Create a new page"]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("kbd",{className:"rounded border bg-muted px-1.5 py-0.5 text-xs font-mono",children:"⌘⇧L"})," ","Open AI chat panel"]})]})]}),(0,a.jsx)(o.P.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.9},children:(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:e,children:["What's Next?",(0,a.jsx)(m.A,{className:"ml-1 h-4 w-4"})]})})]})}function z({onboardingTriggered:e,onOpen:t}){let s=e?[{icon:h.A,title:"Chat with your agent",desc:"Your agent is ready to help you set up. Check the chat panel!",color:"text-purple-500",bg:"bg-purple-100 dark:bg-purple-900/30"},{icon:f.A,title:"Create pages together",desc:"Ask your agent to create documents, plans, or notes.",color:"text-blue-500",bg:"bg-blue-100 dark:bg-blue-900/30"},{icon:y.A,title:"Organize your workspace",desc:"Your agent can help structure folders based on your needs.",color:"text-green-500",bg:"bg-green-100 dark:bg-green-900/30"}]:[{icon:f.A,title:"Create your first page",desc:"Hit ⌘N to start a new page in any space.",color:"text-blue-500",bg:"bg-blue-100 dark:bg-blue-900/30"},{icon:y.A,title:"Connect your agent",desc:"Your OpenClaw agent can read and edit pages in real-time.",color:"text-green-500",bg:"bg-green-100 dark:bg-green-900/30"},{icon:h.A,title:"Try AI writing",desc:"Press ⌘⇧L to chat with your agent and generate content.",color:"text-purple-500",bg:"bg-purple-100 dark:bg-purple-900/30"}];return(0,a.jsxs)("div",{className:"space-y-6 text-center",children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:e?"Your Agent is Ready!":"What's Next?"}),(0,a.jsx)("p",{className:"text-muted-foreground text-sm",children:e?"Your agent has started setting up your workspace.":"Here are some things to try first."})]}),(0,a.jsx)("div",{className:"space-y-3 text-left",children:s.map((e,t)=>(0,a.jsxs)(o.P.div,{initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:.1+.15*t,duration:.3},className:"flex items-start gap-3 rounded-lg border p-3 hover:bg-muted/30 transition-colors",children:[(0,a.jsx)("div",{className:`mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${e.bg}`,children:(0,a.jsx)(e.icon,{className:`h-4 w-4 ${e.color}`})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-sm font-medium",children:e.title}),(0,a.jsx)("p",{className:"text-xs text-muted-foreground",children:e.desc})]})]},e.title))}),(0,a.jsx)(o.P.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.6},children:(0,a.jsxs)(l.$,{size:"lg",className:"w-full",onClick:t,children:["Open Welcome Page",(0,a.jsx)(m.A,{className:"ml-1 h-4 w-4"})]})})]})}function O({children:e,text:t}){return(0,a.jsxs)(c.m_,{children:[(0,a.jsx)(c.k$,{asChild:!0,children:(0,a.jsxs)("span",{className:"inline-flex items-center gap-0.5 underline decoration-dotted underline-offset-2 cursor-help",children:[e,(0,a.jsx)(b,{className:"inline h-3 w-3 text-muted-foreground"})]})}),(0,a.jsx)(c.ZI,{side:"top",className:"max-w-[220px]",children:t})]})}let $=[{x:-40,y:-35,color:"#4A9EFF"},{x:35,y:-40,color:"#00A67E"},{x:-35,y:25,color:"#9333EA"},{x:40,y:20,color:"#F59E0B"},{x:-15,y:-45,color:"#EF4444"},{x:20,y:-30,color:"#10B981"},{x:-45,y:5,color:"#6366F1"},{x:45,y:-10,color:"#F97316"},{x:0,y:40,color:"#EC4899"},{x:-25,y:35,color:"#14B8A6"},{x:30,y:35,color:"#8B5CF6"},{x:10,y:-50,color:"#F43F5E"}]},70872:(e,t,s)=>{"use strict";s.d(t,{Bc:()=>i,ZI:()=>d,k$:()=>l,m_:()=>o});var a=s(95155);s(12115);var r=s(28935),n=s(52799);function i({delayDuration:e=0,...t}){return(0,a.jsx)(r.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function o({...e}){return(0,a.jsx)(i,{children:(0,a.jsx)(r.Root,{"data-slot":"tooltip",...e})})}function l({...e}){return(0,a.jsx)(r.Trigger,{"data-slot":"tooltip-trigger",...e})}function d({className:e,sideOffset:t=0,children:s,...i}){return(0,a.jsx)(r.Portal,{children:(0,a.jsxs)(r.Content,{"data-slot":"tooltip-content",sideOffset:t,className:(0,n.cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...i,children:[s,(0,a.jsx)(r.Arrow,{className:"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}},86901:(e,t,s)=>{"use strict";s.d(t,{A:()=>a});let a=(0,s(90425).A)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]])},89239:(e,t,s)=>{"use strict";s.d(t,{$:()=>l});var a=s(95155);s(12115);var r=s(18460),n=s(42442),i=s(52799);let o=(0,r.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function l({className:e,variant:t="default",size:s="default",asChild:r=!1,...l}){let d=r?n.bL:"button";return(0,a.jsx)(d,{"data-slot":"button","data-variant":t,"data-size":s,className:(0,i.cn)(o({variant:t,size:s,className:e})),...l})}},93571:(e,t,s)=>{"use strict";s.d(t,{R:()=>l});var a=s(95155),r=s(5772),n=s(52799);let i=265/235,o=1152/235;function l({variant:e="icon",size:t=24,className:s,imageClassName:l,lightImageClassName:d,darkImageClassName:c,theme:u="auto",alt:x="ClawPad",priority:p=!1}){let m="icon"===e,g=Math.round(t*(m?i:o));return(0,a.jsx)("span",{className:(0,n.cn)("inline-flex items-center",s),children:(0,a.jsx)(r.default,{src:m?"/brand/icon.png":"/brand/logo.png",width:g,height:t,alt:x,priority:p,className:(0,n.cn)("block",l,"dark"===u?c:"light"===u?d:void 0)})})}}},e=>{e.O(0,[330,7300,5403,8935,7545,8441,3794,7358],()=>e(e.s=39667)),_N_E=e.O()}]);

package/.next/static/chunks/app/waitlist/page-4ab6d946cc7a124d.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9214],{58652:(e,s,n)=>{Promise.resolve().then(n.bind(n,94984)),Promise.resolve().then(n.bind(n,86835)),Promise.resolve().then(n.bind(n,58479)),Promise.resolve().then(n.bind(n,25479)),Promise.resolve().then(n.bind(n,47218)),Promise.resolve().then(n.bind(n,89471)),Promise.resolve().then(n.bind(n,19324)),Promise.resolve().then(n.bind(n,25623)),Promise.resolve().then(n.bind(n,9142)),Promise.resolve().then(n.bind(n,46645)),Promise.resolve().then(n.bind(n,91760)),Promise.resolve().then(n.bind(n,74006)),Promise.resolve().then(n.bind(n,87564)),Promise.resolve().then(n.bind(n,88285)),Promise.resolve().then(n.bind(n,89641)),Promise.resolve().then(n.bind(n,1433)),Promise.resolve().then(n.bind(n,5494)),Promise.resolve().then(n.bind(n,38489)),Promise.resolve().then(n.bind(n,49613)),Promise.resolve().then(n.bind(n,35585)),Promise.resolve().then(n.bind(n,33960)),Promise.resolve().then(n.bind(n,97063)),Promise.resolve().then(n.bind(n,9960)),Promise.resolve().then(n.bind(n,61584)),Promise.resolve().then(n.bind(n,50911)),Promise.resolve().then(n.bind(n,28662)),Promise.resolve().then(n.bind(n,71140)),Promise.resolve().then(n.bind(n,57383)),Promise.resolve().then(n.bind(n,28935))}},e=>{e.O(0,[7300,4559,8935,6094,5623,3960,8550,7443,8441,3794,7358],()=>e(e.s=58652)),_N_E=e.O()}]);

package/.next/static/chunks/app/workspace/[...path]/page-c99cdc1cfdfb0fef.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8118],{1022:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,98500,23)),Promise.resolve().then(s.bind(s,58206)),Promise.resolve().then(s.bind(s,92232))},42317:(e,t,s)=>{"use strict";s.d(t,{L:()=>r});var n=s(95155),a=s(86846);function r(){return(0,n.jsxs)("div",{className:"mx-auto w-full max-w-[720px] px-6",children:[(0,n.jsxs)("div",{className:"pt-20 pb-4",children:[(0,n.jsx)(a.E,{className:"h-10 w-2/3 mb-3"}),(0,n.jsx)(a.E,{className:"h-4 w-1/3"})]}),(0,n.jsxs)("div",{className:"space-y-3 pt-6",children:[(0,n.jsx)(a.E,{className:"h-4 w-full"}),(0,n.jsx)(a.E,{className:"h-4 w-[92%]"}),(0,n.jsx)(a.E,{className:"h-4 w-[78%]"}),(0,n.jsx)("div",{className:"h-3"}),(0,n.jsx)(a.E,{className:"h-4 w-full"}),(0,n.jsx)(a.E,{className:"h-4 w-[85%]"}),(0,n.jsx)(a.E,{className:"h-4 w-[65%]"}),(0,n.jsx)("div",{className:"h-3"}),(0,n.jsx)(a.E,{className:"h-4 w-[90%]"}),(0,n.jsx)(a.E,{className:"h-4 w-[70%]"})]})]})}},58206:(e,t,s)=>{"use strict";s.d(t,{PageDiffFallback:()=>i});var n=s(95155),a=s(83099),r=s(87293);function i({filePath:e,fallback:t}){let s=(0,a.W)(e=>e.review),i=(0,a.W)(e=>e.closeReview);return s.open&&s.changeSetId&&s.filePath===e?(0,n.jsx)(r.W,{changeSetId:s.changeSetId,filePath:e,onExit:i}):(0,n.jsx)(n.Fragment,{children:t})}},83099:(e,t,s)=>{"use strict";s.d(t,{W:()=>n});let n=(0,s(1934).v)((e,t)=>({sessionKey:null,activeRun:null,activeFiles:new Set,lastFileTouchAt:null,changeSets:[],review:{open:!1,changeSetId:null,filePath:null},dismissed:new Set,loading:!1,error:void 0,setSessionKey:t=>e({sessionKey:t}),setActiveRun:t=>e({activeRun:t,...t?{}:{lastFileTouchAt:null}}),touchFile:t=>e(e=>{let s=new Set(e.activeFiles);return s.add(t),{activeFiles:s,lastFileTouchAt:Date.now()}}),clearActiveFiles:()=>e({activeFiles:new Set,lastFileTouchAt:null}),loadChangeSets:async()=>{let s=t().sessionKey;if(s){e({loading:!0,error:void 0});try{let t=await fetch(`/api/changes?sessionKey=${encodeURIComponent(s)}`);if(!t.ok)throw Error("Failed to load change sets");let n=await t.json();e({changeSets:n,loading:!1})}catch(t){e({loading:!1,error:String(t)})}}},openReview:(t,s)=>e({review:{open:!0,changeSetId:t,filePath:s}}),closeReview:()=>e({review:{open:!1,changeSetId:null,filePath:null}}),dismissChangeSet:t=>e(e=>{let s=new Set(e.dismissed);return s.add(t),{dismissed:s}})}))},86846:(e,t,s)=>{"use strict";s.d(t,{E:()=>r});var n=s(95155),a=s(52799);function r({className:e,...t}){return(0,n.jsx)("div",{"data-slot":"skeleton",className:(0,a.cn)("bg-accent animate-pulse rounded-md",e),...t})}},87293:(e,t,s)=>{"use strict";s.d(t,{W:()=>u});var n=s(95155),a=s(12115),r=s(80723),i=s(55711),o=s(89239),d=s(52799),l=s(66609),c=s(83099);function u({changeSetId:e,filePath:t,onExit:s}){let[d,u]=(0,a.useState)(null),[x,h]=(0,a.useState)(!0),[f,p]=(0,a.useState)(!1),g=(0,c.W)(e=>e.loadChangeSets),v=(0,a.useCallback)(async()=>{h(!0);try{let t=await fetch(`/api/changes/${encodeURIComponent(e)}`);if(!t.ok)throw Error("Failed to load diff");let s=await t.json();u(s)}catch(e){l.oR.error("Could not load diff")}finally{h(!1)}},[e]);(0,a.useEffect)(()=>{v()},[v]);let b=d?.files.find(e=>e.path===t),w=async()=>{p(!0);try{if(!(await fetch("/api/changes/revert",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({changeSetId:e,mode:"file",path:t})})).ok)throw Error("Undo failed");await v(),await g()}catch{l.oR.error("Undo failed")}finally{p(!1)}},j=async s=>{p(!0);try{if(!(await fetch("/api/changes/revert",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({changeSetId:e,mode:"hunk",path:t,hunkId:s})})).ok)throw Error("Undo failed");await v(),await g()}catch{l.oR.error("Could not apply undo")}finally{p(!1)}};return x?(0,n.jsx)("div",{className:"flex h-full items-center justify-center text-sm text-muted-foreground",children:"Loading diff…"}):b?(0,n.jsxs)("div",{className:"flex min-h-full flex-col",children:[(0,n.jsxs)("div",{className:"sticky top-0 z-10 flex items-center justify-between border-b bg-background/90 px-4 py-2 backdrop-blur",children:[(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)(o.$,{variant:"ghost",size:"icon",onClick:s,children:(0,n.jsx)(r.A,{className:"h-4 w-4"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"text-sm font-medium",children:"Review changes"}),(0,n.jsx)("div",{className:"text-xs text-muted-foreground",children:t})]})]}),(0,n.jsxs)(o.$,{variant:"outline",size:"sm",onClick:w,disabled:f,children:[(0,n.jsx)(i.A,{className:"mr-2 h-3.5 w-3.5"}),"Undo file"]})]}),(0,n.jsx)("div",{className:"flex-1 px-4 py-6",children:(0,n.jsx)(m,{file:b,onUndoHunk:j,busy:f})})]}):(0,n.jsxs)("div",{className:"flex h-full flex-col items-center justify-center gap-2 text-sm text-muted-foreground",children:[(0,n.jsx)("span",{children:"No diff available for this file."}),(0,n.jsx)(o.$,{variant:"outline",size:"sm",onClick:s,children:"Back to document"})]})}function m({file:e,onUndoHunk:t,busy:s}){if(e.tooLarge)return(0,n.jsx)("div",{className:"rounded-md border border-border p-4 text-sm text-muted-foreground",children:"File is too large to diff."});let a=e.hunks??[];return 0===a.length?(0,n.jsx)("div",{className:"rounded-md border border-border p-4 text-sm text-muted-foreground",children:"No differences found."}):(0,n.jsx)("div",{className:"space-y-4",children:a.map((e,a)=>(0,n.jsxs)("div",{className:"overflow-hidden rounded-lg border border-border",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between bg-muted/60 px-3 py-1.5 text-xs text-muted-foreground",children:[(0,n.jsxs)("span",{children:["Hunk ",a+1," \xb7 +",e.adds," −",e.removes]}),(0,n.jsx)(o.$,{size:"sm",variant:"ghost",className:"h-7 px-2 text-xs",onClick:()=>t(e.id),disabled:s,children:"Undo"})]}),(0,n.jsx)("div",{className:"bg-background",children:(0,n.jsx)("pre",{className:"whitespace-pre-wrap px-3 py-2 text-xs leading-relaxed",children:e.lines.map((t,s)=>{let a=t[0],r=t.slice(1);return(0,n.jsxs)("div",{className:(0,d.cn)("rounded-sm px-1","+"===a&&"bg-emerald-500/15 text-emerald-700 dark:text-emerald-300","-"===a&&"bg-rose-500/15 text-rose-700 dark:text-rose-300 line-through"),children:[(0,n.jsx)("span",{className:"mr-2 text-muted-foreground/70",children:a}),r]},`${e.id}-${s}`)})})})]},e.id))})}},89239:(e,t,s)=>{"use strict";s.d(t,{$:()=>d});var n=s(95155);s(12115);var a=s(18460),r=s(42442),i=s(52799);let o=(0,a.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function d({className:e,variant:t="default",size:s="default",asChild:a=!1,...d}){let l=a?r.bL:"button";return(0,n.jsx)(l,{"data-slot":"button","data-variant":t,"data-size":s,className:(0,i.cn)(o({variant:t,size:s,className:e})),...d})}},92232:(e,t,s)=>{"use strict";s.d(t,{PageEditor:()=>E});var n=s(95155),a=s(12115),r=s(37206),i=s(73321),o=s(60285),d=s(68459),l=s(66609),c=s(42317),u=s(89239),m=s(25623),x=s(52799);function h({...e}){return(0,n.jsx)(m.Root,{"data-slot":"dropdown-menu",...e})}function f({...e}){return(0,n.jsx)(m.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function p({className:e,sideOffset:t=4,...s}){return(0,n.jsx)(m.Portal,{children:(0,n.jsx)(m.Content,{"data-slot":"dropdown-menu-content",sideOffset:t,className:(0,x.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...s})})}function g({className:e,inset:t,variant:s="default",...a}){return(0,n.jsx)(m.Item,{"data-slot":"dropdown-menu-item","data-inset":t,"data-variant":s,className:(0,x.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...a})}var v=s(18496),b=s(83099),w=s(87293);let j=(0,r.default)(()=>Promise.all([s.e(3266),s.e(8425),s.e(7105),s.e(1375),s.e(5004),s.e(277),s.e(2545),s.e(4034),s.e(9352),s.e(6361),s.e(3678)]).then(s.bind(s,3678)),{loadableGenerated:{webpack:()=>[3678]},ssr:!1,loading:()=>(0,n.jsx)(c.L,{})}),y=["\uD83D\uDCDD","\uD83D\uDCC4","\uD83D\uDCCB","\uD83D\uDCCC","\uD83D\uDCCE","\uD83D\uDCD1","\uD83D\uDCD2","\uD83D\uDCD3","\uD83D\uDCD4","\uD83D\uDCD5","\uD83D\uDCD6","\uD83D\uDCD7","\uD83D\uDCD8","\uD83D\uDCD9","\uD83C\uDFAF","\uD83D\uDE80","\uD83D\uDCA1","\uD83D\uDD25","⚡","\uD83C\uDFA8","\uD83E\uDDE0","\uD83D\uDCBB","\uD83D\uDD27","\uD83D\uDCCA","\uD83D\uDDC2️","✨","\uD83C\uDF1F","\uD83D\uDC4B","\uD83C\uDF99️","\uD83C\uDFB5","\uD83D\uDCF7","\uD83D\uDD2C","\uD83C\uDFD7️","\uD83D\uDDFA️","\uD83E\uDDE9"],N=(0,a.memo)(function({status:e}){return"idle"===e?null:(0,n.jsx)("span",{className:`text-xs transition-opacity duration-300 ${{idle:"text-text-muted",saved:"text-success",saving:"text-text-muted",unsaved:"text-warning",error:"text-error"}[e]} ${"saved"===e?"animate-fade-out":""}`,children:{idle:"",saved:"Saved",saving:"Saving…",unsaved:"Unsaved changes",error:"Save failed"}[e]})}),k=(0,a.memo)(function({filePath:e}){let t=e.replace(/\.md$/,"").split("/").map(e=>e.replace(/[-_]+/g," ").replace(/\b\w/g,e=>e.toUpperCase()));return(0,n.jsx)("nav",{className:"flex items-center gap-1 text-[13px] text-text-muted",children:t.map((e,s)=>(0,n.jsxs)("span",{className:"flex items-center gap-1",children:[s>0&&(0,n.jsx)("span",{className:"text-text-muted/50",children:"/"}),(0,n.jsx)("span",{className:s===t.length-1?"text-text-secondary":"",children:e})]},s))})});function S({icon:e,onSelect:t}){let[s,r]=(0,a.useState)(!1),i=(0,a.useRef)(null);return(0,a.useEffect)(()=>{if(s)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){i.current&&!i.current.contains(e.target)&&r(!1)}},[s]),(0,n.jsxs)("div",{ref:i,className:"relative inline-block",children:[(0,n.jsx)("button",{type:"button",onClick:()=>r(!s),className:"text-4xl leading-none hover:bg-surface-hover rounded-lg p-1 transition-colors cursor-pointer md:text-4xl text-3xl",title:"Change icon",children:e||"\uD83D\uDCC4"}),s&&(0,n.jsx)("div",{className:"absolute top-full left-0 z-50 mt-1 grid grid-cols-7 gap-1 rounded-lg border border-border bg-popover p-2 shadow-lg",children:y.map(e=>(0,n.jsx)("button",{type:"button",onClick:()=>{t(e),r(!1)},className:"flex items-center justify-center w-8 h-8 rounded hover:bg-surface-hover transition-colors text-lg cursor-pointer min-h-[44px] min-w-[44px] md:min-h-0 md:min-w-0",children:e},e))})]})}let C=(0,a.memo)(function({status:e,wordCount:t,modified:s}){let[r,i]=(0,a.useState)(!1);(0,a.useEffect)(()=>{i(!0)},[]);let o=new Date(s),d=r?o.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"}):"",l=r?o.toLocaleDateString(void 0,{month:"short",day:"numeric"}):"";return(0,n.jsxs)("div",{className:"sticky bottom-0 z-10 flex items-center justify-between border-t border-border bg-background/80 backdrop-blur-sm px-4 py-1.5 text-xs text-text-muted md:px-6 max-md:bottom-14",children:[(0,n.jsxs)("div",{className:"flex items-center gap-4",children:[(0,n.jsx)(N,{status:e}),(0,n.jsxs)("span",{className:"hidden sm:inline",children:[t," words"]})]}),(0,n.jsxs)("span",{className:"hidden sm:inline",children:["Last edited"," ",(0,n.jsx)("span",{suppressHydrationWarning:!0,children:l})," at"," ",(0,n.jsx)("span",{suppressHydrationWarning:!0,children:d})]}),(0,n.jsx)("span",{className:"sm:hidden",children:(0,n.jsx)(N,{status:e})})]})});function E({initialContent:e,meta:t,filePath:s}){let r=(0,i.useRouter)(),{deletePage:m}=(0,v.M)(),x=(0,b.W)(e=>e.review),y=(0,b.W)(e=>e.closeReview),[N,E]=(0,a.useState)(t),[R,z]=(0,a.useState)(e),[P,T]=(0,a.useState)(0),[F,$]=(0,a.useState)(t.icon),[I,U]=(0,a.useState)("idle"),[_,W]=(0,a.useState)(0),[L,A]=(0,a.useState)(t.modified),[D,O]=(0,a.useState)(!1),K=(0,a.useRef)(null),H=(0,a.useRef)(null),J=(0,a.useRef)(t.title),M=(0,a.useRef)("idle"),q=(0,a.useRef)(e),B=(0,a.useRef)(0),G=(0,a.useRef)(null),V=(0,a.useRef)(null),Q=(0,a.useRef)(null),X=(0,a.useRef)(s);(0,a.useEffect)(()=>{M.current=I},[I]),(0,a.useEffect)(()=>{X.current=s},[s]),(0,a.useEffect)(()=>{O(!0)},[]),(0,a.useEffect)(()=>{E(t),z(e),T(e=>e+1),$(t.icon),A(t.modified),U("idle"),W(0),J.current=t.title,q.current=e,B.current=0,G.current=null,V.current&&(l.oR.dismiss(V.current),V.current=null)},[s,e,t]);let Y=(0,a.useCallback)(e=>{H.current&&clearTimeout(H.current),H.current=setTimeout(async()=>{try{let t=await fetch(`/api/files/pages/${encodeURIComponent(s)}`);if(!t.ok)return;let n=await t.json();await fetch(`/api/files/pages/${encodeURIComponent(s)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:n.content,meta:{...e}})});let a=new Date().toISOString();B.current=Date.now(),A(a),E(t=>({...t,...e,modified:a}))}catch(e){console.error("Failed to save meta:",e)}},800)},[s]),Z=(0,a.useCallback)(()=>{let e=K.current?.textContent?.trim()||"Untitled";e!==J.current&&(J.current=e,Y({title:e,icon:F}))},[F,Y]),ee=(0,a.useCallback)(e=>{if("Enter"===e.key){e.preventDefault();let t=document.querySelector(".clawpad-editor .ProseMirror");t?.focus()}},[]),et=(0,a.useCallback)(e=>{$(e);let t=K.current?.textContent?.trim()||J.current||"Untitled";J.current=t,Y({title:t,icon:e})},[Y]),es=(0,a.useCallback)(e=>{let t=new Date().toISOString();q.current=e,B.current=Date.now(),A(t),E(e=>({...e,modified:t}))},[]),en=(0,a.useCallback)(async()=>{try{await m(s),r.push("/workspace")}catch(e){console.error("Failed to delete page:",e)}},[m,s,r]),ea=(0,a.useCallback)((e,t)=>{G.current=null,V.current&&(l.oR.dismiss(V.current),V.current=null),E(t),$(t.icon),A(t.modified),z(e),T(e=>e+1),U("idle"),q.current=e},[]),er=(0,a.useCallback)(async(e=!1)=>{try{let t=await fetch(`/api/files/pages/${encodeURIComponent(X.current)}`);if(!t.ok){404===t.status&&(l.oR.error("This page was deleted."),r.push("/workspace"));return}let s=await t.json(),n=s.content??"",a=s.meta;if(("unsaved"===M.current||"saving"===M.current)&&!e){G.current={content:n,meta:a},V.current||(V.current=(0,l.oR)("This page changed on disk",{action:{label:"Reload",onClick:()=>er(!0)},duration:6e3}));return}if(n===q.current&&!e){E(a),$(a.icon),A(a.modified);return}ea(n,a)}catch(e){console.error("Failed to refresh page:",e)}},[ea,r]);return((0,a.useEffect)(()=>{J.current=N.title,K.current&&(K.current.textContent=N.title)},[N.title,s]),(0,a.useEffect)(()=>{let e=e=>{let t=e.detail;if(t?.path&&t.path===X.current){if("file-removed"===t.type){l.oR.error("This page was deleted."),r.push("/workspace");return}t.timestamp&&1e3>Math.abs(t.timestamp-B.current)||(Q.current&&clearTimeout(Q.current),Q.current=setTimeout(()=>{er()},250))}};return window.addEventListener("clawpad:file-change",e),()=>{window.removeEventListener("clawpad:file-change",e),Q.current&&(clearTimeout(Q.current),Q.current=null)}},[er,r]),(0,a.useEffect)(()=>()=>{H.current&&clearTimeout(H.current)},[]),x.open&&x.changeSetId&&x.filePath===s)?(0,n.jsx)(w.W,{changeSetId:x.changeSetId,filePath:s,onExit:y}):(0,n.jsxs)("div",{className:"flex min-h-full flex-col max-md:pb-14",children:[(0,n.jsxs)("div",{className:"mx-auto w-full flex-1 px-3 md:px-8",style:{maxWidth:"var(--clawpad-editor-width, 720px)"},children:[(0,n.jsxs)("div",{className:"pt-12 pb-1 md:pt-20",children:[(0,n.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,n.jsx)(S,{icon:F,onSelect:et}),D?(0,n.jsxs)(h,{children:[(0,n.jsx)(f,{asChild:!0,children:(0,n.jsxs)(u.$,{variant:"ghost",size:"icon",className:"h-8 w-8 text-muted-foreground hover:text-foreground",children:[(0,n.jsx)(o.A,{className:"h-4 w-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Page actions"})]})}),(0,n.jsx)(p,{align:"end",className:"w-44",children:(0,n.jsxs)(g,{className:"text-destructive focus:text-destructive",onClick:en,children:[(0,n.jsx)(d.A,{className:"mr-2 h-4 w-4"}),"Delete"]})})]}):(0,n.jsxs)(u.$,{variant:"ghost",size:"icon",className:"h-8 w-8 text-muted-foreground hover:text-foreground",disabled:!0,children:[(0,n.jsx)(o.A,{className:"h-4 w-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Page actions"})]})]}),(0,n.jsx)("h1",{ref:K,className:"mt-2 text-2xl font-semibold leading-tight tracking-tight outline-none md:text-[2rem] empty:before:content-['Untitled'] empty:before:text-text-muted",contentEditable:!0,suppressContentEditableWarning:!0,onInput:Z,onKeyDown:ee,spellCheck:!1,dir:"auto"}),(0,n.jsx)("div",{className:"mt-2 mb-4 md:mb-6",children:(0,n.jsx)(k,{filePath:s})})]}),(0,n.jsx)(a.Suspense,{fallback:(0,n.jsx)(c.L,{}),children:(0,n.jsx)(j,{initialContent:R,filePath:s,onSave:es,onStatusChange:U,onWordCountChange:W,readOnly:!1},`${s}-${P}`)})]}),(0,n.jsx)(C,{status:I,wordCount:_,modified:L})]})}}},e=>{e.O(0,[330,7300,4559,6609,6094,5623,9075,4328,1178,8441,3794,7358],()=>e(e.s=1022)),_N_E=e.O()}]);