clawcrib 0.1.2 → 0.1.4

package/dist/.next/static/chunks/d6211ae3ff8400ff.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,72520,e=>{"use strict";let a=(0,e.i(75254).default)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);e.s(["ArrowRight",()=>a],72520)},63639,e=>{"use strict";let a=(0,e.i(75254).default)("radio",[["path",{d:"M16.247 7.761a6 6 0 0 1 0 8.478",key:"1fwjs5"}],["path",{d:"M19.075 4.933a10 10 0 0 1 0 14.134",key:"ehdyv1"}],["path",{d:"M4.925 19.067a10 10 0 0 1 0-14.134",key:"1q22gi"}],["path",{d:"M7.753 16.239a6 6 0 0 1 0-8.478",key:"r2q7qm"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]);e.s(["Radio",()=>a],63639)},43531,e=>{"use strict";let a=(0,e.i(75254).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["Check",()=>a],43531)},74886,e=>{"use strict";let a=(0,e.i(75254).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);e.s(["Copy",()=>a],74886)},78917,e=>{"use strict";let a=(0,e.i(75254).default)("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);e.s(["ExternalLink",()=>a],78917)},52683,e=>{"use strict";var a=e.i(18050),t=e.i(71645),r=e.i(22016),s=e.i(72520),l=e.i(43531),c=e.i(74886),n=e.i(78917),o=e.i(75254);let i=(0,o.default)("list-todo",[["path",{d:"M13 5h8",key:"a7qcls"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 19h8",key:"c3s6r1"}],["path",{d:"m3 17 2 2 4-4",key:"1jhpwq"}],["rect",{x:"3",y:"4",width:"6",height:"6",rx:"1",key:"cif1o7"}]]);var d=e.i(63639);let x=(0,o.default)("square-terminal",[["path",{d:"m7 11 2-2-2-2",key:"1lz0vl"}],["path",{d:"M11 13h4",key:"1p7l4v"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}]]);function m({compact:e=!1}){let[r,s]=(0,t.useState)(!1);return(0,a.jsxs)("button",{onClick:()=>{navigator.clipboard.writeText("npx clawcrib").then(()=>{s(!0),setTimeout(()=>s(!1),1600)})},className:`group inline-flex items-center gap-3 rounded-xl border border-[var(--cc-border)] bg-[var(--cc-surface)]/90 font-[family-name:var(--font-heading)] text-[var(--cc-text)] backdrop-blur-sm transition-all hover:border-[#E63946]/50 hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] ${e?"px-5 py-3 text-sm":"px-6 py-3.5 text-base sm:text-lg"}`,"aria-label":"Copy npx clawcrib to clipboard",children:[(0,a.jsx)("span",{className:"select-none text-[var(--cc-muted)]",children:"$"}),(0,a.jsxs)("span",{className:"font-semibold",children:["npx ",(0,a.jsx)("span",{className:"text-[#E63946]",children:"clawcrib"})]}),r?(0,a.jsx)(l.Check,{className:"h-4 w-4 text-[#4CAF50]"}):(0,a.jsx)(c.Copy,{className:"h-4 w-4 text-[var(--cc-muted)] transition-colors group-hover:text-[var(--cc-text)]"})]})}let h=[{id:"npm",label:"npm",cmd:"npx clawcrib"},{id:"pnpm",label:"pnpm",cmd:"pnpm dlx clawcrib"},{id:"bun",label:"bun",cmd:"bunx clawcrib"}];function p(){let[e,r]=(0,t.useState)("npm"),[s,n]=(0,t.useState)(!1),o=h.find(a=>a.id===e)??h[0];return(0,a.jsxs)("div",{className:"mx-auto w-full max-w-2xl rounded-2xl border border-[var(--cc-border)] bg-[var(--cc-surface)]/70 p-5 backdrop-blur-sm sm:p-6",children:[(0,a.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-1.5",children:h.map(t=>(0,a.jsx)("button",{onClick:()=>{r(t.id),n(!1)},"aria-pressed":t.id===e,className:`rounded-lg px-3.5 py-1.5 font-[family-name:var(--font-heading)] text-xs font-semibold transition-colors ${t.id===e?"bg-[#E63946]/12 text-[#E63946] ring-1 ring-inset ring-[#E63946]/30":"text-[var(--cc-muted)] hover:bg-[var(--cc-surface-raised)] hover:text-[var(--cc-text)]"}`,children:t.label},t.id))}),(0,a.jsxs)("div",{className:"mt-4 flex items-center gap-3 rounded-xl border border-[var(--cc-border)] bg-[var(--cc-void)] px-4 py-3.5",children:[(0,a.jsx)("span",{className:"select-none font-[family-name:var(--font-heading)] text-[var(--cc-muted)]",children:"$"}),(0,a.jsxs)("code",{className:"flex-1 overflow-x-auto whitespace-nowrap text-left font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] sm:text-base",children:[o.cmd.split(" clawcrib")[0]," ",(0,a.jsx)("span",{className:"text-[#E63946]",children:"clawcrib"})]}),(0,a.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(o.cmd).then(()=>{n(!0),setTimeout(()=>n(!1),1600)})},className:"shrink-0 rounded-lg border border-[var(--cc-border)] p-2 transition-colors hover:border-[#E63946]/50 hover:bg-[var(--cc-surface-raised)]","aria-label":`Copy ${o.cmd} to clipboard`,children:s?(0,a.jsx)(l.Check,{className:"h-4 w-4 text-[#4CAF50]"}):(0,a.jsx)(c.Copy,{className:"h-4 w-4 text-[var(--cc-muted)]"})})]}),(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-xs text-[var(--cc-muted)]",children:[(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)(l.Check,{className:"h-3.5 w-3.5 text-[#4CAF50]"}),"Node 20.9+"]}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)(l.Check,{className:"h-3.5 w-3.5 text-[#4CAF50]"}),"macOS, Linux, Windows"]}),(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,a.jsx)(l.Check,{className:"h-3.5 w-3.5 text-[#4CAF50]"}),"No account, no cloud"]})]})]})}let b=[{icon:d.Radio,title:"Live, not a replay",body:"Streams straight from your OpenClaw gateway. Agents sit at desks, walk to the workboard, spawn sub-agents, fire crons — every movement is driven by real work happening right now."},{icon:i,title:"The whole team at a glance",body:"A giant workboard shows queued, running, done, and failed tasks while the activity feed narrates every tool call. One look at the floor tells you what your fleet is doing."},{icon:x,title:"Self-hosted in one command",body:"Install it on the machine your agents run on and it finds the gateway itself — no URL, no token, no config file. No account, no cloud, nothing leaves your network. No gateway there? It runs a simulated team so the floor is never empty."}],f=[{n:"01",title:"Install it where your agents run",code:"npm i -g clawcrib && clawcrib start",body:"Runs in the background, so closing the terminal — or your SSH session — doesn't stop it."},{n:"02",title:"It connects itself",code:"(nothing to type)",body:"ClawCrib finds the OpenClaw gateway on that machine and connects. No URL to copy, no token to paste. Over SSH it also binds your LAN and prints the address to open."},{n:"03",title:"Build your floor",code:"Plan tab → Build",body:"Rooms, desks, doors, teams. Saved locally and survives restarts — and clawcrib install-service brings the whole thing back on boot."}];function g(){return(0,a.jsxs)("div",{className:"bg-grid min-h-screen overflow-hidden",children:[(0,a.jsxs)("section",{className:"relative",children:[(0,a.jsxs)("div",{className:"absolute inset-0 z-0",children:[(0,a.jsx)("div",{className:"absolute left-1/2 top-24 h-[560px] w-[560px] -translate-x-1/2 rounded-full bg-[#E63946]/[0.08] blur-[130px]"}),(0,a.jsx)("div",{className:"absolute bottom-0 right-1/4 h-[360px] w-[360px] rounded-full bg-[#4CAF50]/[0.05] blur-[100px]"})]}),(0,a.jsxs)("div",{className:"relative z-10 mx-auto flex max-w-5xl flex-col items-center px-4 pb-10 pt-20 text-center sm:px-6 sm:pt-24 lg:px-8",children:[(0,a.jsxs)("div",{className:"mb-8 flex items-center gap-3 rounded-full border border-[var(--cc-border)] bg-[var(--cc-surface)]/80 px-4 py-2 backdrop-blur-sm",children:[(0,a.jsx)("img",{src:"/logo-bracket-claw.svg",alt:"ClawCrib",className:"h-8 w-auto"}),(0,a.jsxs)("span",{className:"font-[family-name:var(--font-heading)] text-base font-bold tracking-tight text-[var(--cc-text)]",children:[(0,a.jsx)("span",{className:"text-[#E63946]",children:"Claw"}),"Crib"]}),(0,a.jsx)("span",{className:"rounded border border-[#E63946]/20 bg-[#E63946]/10 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wider text-[#E63946]",children:"beta"})]}),(0,a.jsxs)("h1",{className:"font-[family-name:var(--font-heading)] text-4xl font-black leading-[1.05] text-[var(--cc-text)] sm:text-6xl lg:text-7xl",children:["Your agents got",(0,a.jsx)("br",{}),"an ",(0,a.jsx)("span",{className:"text-[#E63946]",children:"office"}),"."]}),(0,a.jsxs)("p",{className:"mx-auto mt-7 max-w-2xl text-base leading-relaxed text-[var(--cc-text-secondary)] sm:text-lg",children:["ClawCrib is a live 3D office for your"," ",(0,a.jsx)("a",{href:"https://openclaw.ai",target:"_blank",rel:"noopener noreferrer",className:"underline decoration-[var(--cc-border)] underline-offset-4 transition-colors hover:text-[var(--cc-text)]",children:"OpenClaw"})," ","agents. Desks, a workboard, sub-agents, crons — your whole fleet working in real time, self-hosted on your machine."]}),(0,a.jsxs)("div",{className:"mt-10 flex flex-col items-center gap-4",children:[(0,a.jsx)(m,{}),(0,a.jsxs)("div",{className:"flex flex-col items-center gap-3 sm:flex-row",children:[(0,a.jsxs)("a",{href:"https://www.npmjs.com/package/clawcrib",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 rounded-xl border border-[var(--cc-border)] px-7 py-3.5 text-sm font-semibold text-[var(--cc-text)] transition-all hover:border-[var(--cc-text-secondary)] hover:bg-[var(--cc-surface-raised)]",children:["clawcrib on npm",(0,a.jsx)(n.ExternalLink,{className:"h-3.5 w-3.5"})]}),(0,a.jsxs)(r.default,{href:"/demo",className:"group inline-flex items-center gap-2 rounded-xl bg-[#E63946] px-7 py-3.5 text-sm font-semibold text-white shadow-[0_0_30px_rgba(230,57,70,0.35)] transition-all hover:bg-[#C1121F] hover:shadow-[0_0_50px_rgba(230,57,70,0.5)]",children:["See a live crib",(0,a.jsx)(s.ArrowRight,{className:"h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5"})]})]})]})]}),(0,a.jsx)("div",{className:"relative z-10 mx-auto max-w-6xl px-4 pb-20 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-[var(--cc-border)] bg-[var(--cc-surface)] shadow-[0_20px_80px_rgba(0,0,0,0.5),0_0_60px_rgba(230,57,70,0.08)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 border-b border-[var(--cc-border)] bg-[var(--cc-surface-raised)] px-4 py-2.5",children:[(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#E63946]/70"}),(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#f4a261]/70"}),(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#4CAF50]/70"}),(0,a.jsx)("span",{className:"ml-3 font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]",children:"localhost:18787"})]}),(0,a.jsx)("img",{src:"/landing-crib-3d.jpg",alt:"ClawCrib 3D office — agents at desks, a live workboard, and an activity feed",className:"w-full"})]})})]}),(0,a.jsx)("section",{className:"relative z-10 mx-auto max-w-6xl px-4 pb-20 sm:px-6 lg:px-8",children:(0,a.jsx)("div",{className:"grid gap-4 sm:grid-cols-3",children:b.map(({icon:e,title:t,body:r})=>(0,a.jsxs)("div",{className:"rounded-2xl border border-[var(--cc-border)] bg-[var(--cc-surface)]/60 p-6 backdrop-blur-sm transition-colors hover:border-[var(--cc-text-secondary)]/40",children:[(0,a.jsx)("div",{className:"mb-4 inline-flex rounded-lg border border-[#E63946]/20 bg-[#E63946]/10 p-2.5",children:(0,a.jsx)(e,{className:"h-5 w-5 text-[#E63946]"})}),(0,a.jsx)("h2",{className:"font-[family-name:var(--font-heading)] text-lg font-bold text-[var(--cc-text)]",children:t}),(0,a.jsx)("p",{className:"mt-2 text-sm leading-relaxed text-[var(--cc-text-secondary)]",children:r})]},t))})}),(0,a.jsxs)("section",{className:"relative z-10 mx-auto max-w-6xl px-4 pb-20 sm:px-6 lg:px-8",children:[(0,a.jsxs)("div",{className:"mx-auto mb-8 max-w-2xl text-center",children:[(0,a.jsxs)("h2",{className:"font-[family-name:var(--font-heading)] text-2xl font-black text-[var(--cc-text)] sm:text-3xl",children:["Your floor, ",(0,a.jsx)("span",{className:"text-[#E63946]",children:"your way"})]}),(0,a.jsx)("p",{className:"mt-3 text-base leading-relaxed text-[var(--cc-text-secondary)]",children:"Flip to the Plan view for a live blueprint of the building. Draw rooms, size them, place doors, and group agents into teams — the 3D office rebuilds itself to match."})]}),(0,a.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-[var(--cc-border)] bg-[var(--cc-surface)] shadow-[0_20px_80px_rgba(0,0,0,0.5),0_0_60px_rgba(230,57,70,0.08)]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 border-b border-[var(--cc-border)] bg-[var(--cc-surface-raised)] px-4 py-2.5",children:[(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#E63946]/70"}),(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#f4a261]/70"}),(0,a.jsx)("span",{className:"h-2.5 w-2.5 rounded-full bg-[#4CAF50]/70"}),(0,a.jsx)("span",{className:"ml-3 font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]",children:"localhost:18787 — Plan"})]}),(0,a.jsx)("img",{src:"/landing-blueprint.jpg",alt:"ClawCrib blueprint view — a live floor plan with rooms, desks and doors",className:"w-full"})]})]}),(0,a.jsxs)("section",{className:"relative z-10 mx-auto max-w-6xl px-4 pb-24 sm:px-6 lg:px-8",children:[(0,a.jsxs)("h2",{className:"mb-8 text-center font-[family-name:var(--font-heading)] text-2xl font-black text-[var(--cc-text)] sm:text-3xl",children:["Up and running in ",(0,a.jsx)("span",{className:"text-[#E63946]",children:"a minute"})]}),(0,a.jsx)("div",{className:"grid gap-4 sm:grid-cols-3",children:f.map(e=>(0,a.jsxs)("div",{className:"rounded-2xl border border-[var(--cc-border)] bg-[var(--cc-surface)]/60 p-6",children:[(0,a.jsx)("div",{className:"font-[family-name:var(--font-heading)] text-xs font-bold tracking-widest text-[#E63946]",children:e.n}),(0,a.jsx)("h3",{className:"mt-2 font-[family-name:var(--font-heading)] text-base font-bold text-[var(--cc-text)]",children:e.title}),(0,a.jsx)("code",{className:"mt-3 block break-words rounded-lg border border-[var(--cc-border)] bg-[var(--cc-void)] px-3 py-2 font-[family-name:var(--font-heading)] text-xs leading-relaxed text-[var(--cc-text-secondary)]",children:e.code}),(0,a.jsx)("p",{className:"mt-3 text-sm leading-relaxed text-[var(--cc-text-secondary)]",children:e.body})]},e.n))})]}),(0,a.jsx)("section",{className:"relative z-10 border-t border-[var(--cc-border)]",children:(0,a.jsxs)("div",{className:"mx-auto flex max-w-4xl flex-col items-center px-4 py-20 text-center sm:px-6 lg:px-8",children:[(0,a.jsx)("h2",{className:"font-[family-name:var(--font-heading)] text-3xl font-black text-[var(--cc-text)] sm:text-4xl",children:"Open the crib."}),(0,a.jsx)("p",{className:"mt-4 max-w-xl text-base text-[var(--cc-text-secondary)]",children:"Free and yours to host. Works with any OpenClaw gateway — or watch the simulated team first."}),(0,a.jsx)("div",{className:"mt-8 w-full",children:(0,a.jsx)(p,{})}),(0,a.jsxs)("a",{href:"https://www.npmjs.com/package/clawcrib",target:"_blank",rel:"noopener noreferrer",className:"mt-4 inline-flex items-center gap-2 rounded-xl border border-[var(--cc-border)] px-5 py-3 text-sm font-semibold text-[var(--cc-text)] transition-all hover:border-[var(--cc-text-secondary)] hover:bg-[var(--cc-surface-raised)]",children:["clawcrib on npm",(0,a.jsx)(n.ExternalLink,{className:"h-3.5 w-3.5"})]}),(0,a.jsxs)(r.default,{href:"/demo",className:"group mt-3 inline-flex items-center gap-2 rounded-xl bg-[#E63946] px-6 py-3 text-sm font-semibold text-white shadow-[0_0_30px_rgba(230,57,70,0.35)] transition-all hover:bg-[#C1121F] hover:shadow-[0_0_50px_rgba(230,57,70,0.5)]",children:["See a live crib",(0,a.jsx)(s.ArrowRight,{className:"h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5"})]})]})})]})}e.s(["default",()=>g],52683)}]);