clawcrib 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/clawcrib.mjs +115 -22
- package/dist/.next/BUILD_ID +1 -1
- package/dist/.next/build-manifest.json +2 -2
- package/dist/.next/server/app/_global-error.html +2 -2
- package/dist/.next/server/app/_global-error.rsc +1 -1
- package/dist/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
- package/dist/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
- package/dist/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
- package/dist/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/_not-found.html +2 -2
- package/dist/.next/server/app/_not-found.rsc +2 -2
- package/dist/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
- package/dist/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/agent/[name]/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/browse/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/browse.html +2 -2
- package/dist/.next/server/app/browse.rsc +2 -2
- package/dist/.next/server/app/browse.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/browse.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/browse.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/browse.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/browse.segments/browse/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/browse.segments/browse.segment.rsc +1 -1
- package/dist/.next/server/app/builder/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/builder.html +2 -2
- package/dist/.next/server/app/builder.rsc +2 -2
- package/dist/.next/server/app/builder.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/builder.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/builder.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/builder.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/builder.segments/builder/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/builder.segments/builder.segment.rsc +1 -1
- package/dist/.next/server/app/crib/[slug]/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/crib/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/crib.html +1 -1
- package/dist/.next/server/app/crib.rsc +2 -2
- package/dist/.next/server/app/crib.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/crib.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/crib.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/crib.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/crib.segments/crib/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/crib.segments/crib.segment.rsc +1 -1
- package/dist/.next/server/app/demo/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/demo.html +1 -1
- package/dist/.next/server/app/demo.rsc +2 -2
- package/dist/.next/server/app/demo.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/demo.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/demo.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/demo.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/demo.segments/demo/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/demo.segments/demo.segment.rsc +1 -1
- package/dist/.next/server/app/feedback/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/feedback.html +2 -2
- package/dist/.next/server/app/feedback.rsc +2 -2
- package/dist/.next/server/app/feedback.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/feedback.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/feedback.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/feedback.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/feedback.segments/feedback/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/feedback.segments/feedback.segment.rsc +1 -1
- package/dist/.next/server/app/gltest/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/gltest.html +1 -1
- package/dist/.next/server/app/gltest.rsc +2 -2
- package/dist/.next/server/app/gltest.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/gltest.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/gltest.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/gltest.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/gltest.segments/gltest/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/gltest.segments/gltest.segment.rsc +1 -1
- package/dist/.next/server/app/help/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/help.html +2 -2
- package/dist/.next/server/app/help.rsc +2 -2
- package/dist/.next/server/app/help.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/help.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/help.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/help.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/help.segments/help/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/help.segments/help.segment.rsc +1 -1
- package/dist/.next/server/app/index.html +1 -1
- package/dist/.next/server/app/index.rsc +3 -3
- package/dist/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/dist/.next/server/app/index.segments/_full.segment.rsc +3 -3
- package/dist/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/index.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/index.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/learn/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/learn.html +2 -2
- package/dist/.next/server/app/learn.rsc +2 -2
- package/dist/.next/server/app/learn.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/learn.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/learn.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/learn.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/learn.segments/learn/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/learn.segments/learn.segment.rsc +1 -1
- package/dist/.next/server/app/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/privacy/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/privacy.html +2 -2
- package/dist/.next/server/app/privacy.rsc +2 -2
- package/dist/.next/server/app/privacy.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/privacy.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/privacy.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/privacy.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/privacy.segments/privacy/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/privacy.segments/privacy.segment.rsc +1 -1
- package/dist/.next/server/app/terms/page_client-reference-manifest.js +1 -1
- package/dist/.next/server/app/terms.html +2 -2
- package/dist/.next/server/app/terms.rsc +2 -2
- package/dist/.next/server/app/terms.segments/_full.segment.rsc +2 -2
- package/dist/.next/server/app/terms.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/terms.segments/_index.segment.rsc +2 -2
- package/dist/.next/server/app/terms.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/terms.segments/terms/__PAGE__.segment.rsc +1 -1
- package/dist/.next/server/app/terms.segments/terms.segment.rsc +1 -1
- package/dist/.next/server/chunks/ssr/_a46dee72._.js +1 -1
- package/dist/.next/server/middleware-manifest.json +1 -1
- package/dist/.next/server/pages/404.html +2 -2
- package/dist/.next/server/pages/500.html +2 -2
- package/dist/.next/static/chunks/{1a8b8355b176018c.css → 123ff9bd00156eb9.css} +1 -1
- package/dist/.next/static/chunks/d6211ae3ff8400ff.js +1 -0
- package/package.json +1 -1
- package/dist/.next/static/chunks/eda8b4c24ac1f12f.js +0 -1
- /package/dist/.next/static/{7d4fjIFyjViUDWgLnLDuG → zYUlp2fcVlJKBhUQk1Pns}/_buildManifest.js +0 -0
- /package/dist/.next/static/{7d4fjIFyjViUDWgLnLDuG → zYUlp2fcVlJKBhUQk1Pns}/_clientMiddlewareManifest.json +0 -0
- /package/dist/.next/static/{7d4fjIFyjViUDWgLnLDuG → zYUlp2fcVlJKBhUQk1Pns}/_ssgManifest.js +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<!DOCTYPE html><!--
|
|
1
|
+
<!DOCTYPE html><!--zYUlp2fcVlJKBhUQk1Pns--><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/051742360c26797e-s.p.102b7f24.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo-bracket-claw.svg"/><link rel="stylesheet" href="/_next/static/chunks/87c6fa7148018b34.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/123ff9bd00156eb9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/251e16428085edaf.js"/><script src="/_next/static/chunks/f188e57e58a39d0f.js" async=""></script><script src="/_next/static/chunks/045c83caa4d15373.js" async=""></script><script src="/_next/static/chunks/619d93506b5beb32.js" async=""></script><script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script><script src="/_next/static/chunks/turbopack-aadb2fcebd6885bc.js" async=""></script><script src="/_next/static/chunks/3cb5ccf4d1eaa633.js" async=""></script><script src="/_next/static/chunks/169b21b9dab86074.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/0bd6498bda341889.js" async=""></script><script src="/_next/static/chunks/5e108d2a5086dd3c.js" async=""></script><script src="/_next/static/chunks/04696d7c5884aa95.js" async=""></script><script src="/_next/static/chunks/da5ac7a908f78d62.js" async=""></script><meta name="next-size-adjust" content=""/><title>ClawCrib — The live 3D office for your OpenClaw agents</title><meta name="description" content="Run npx clawcrib and watch your OpenClaw agents work: desks, a live workboard, sub-agents, crons — a real-time 3D office, self-hosted on your machine."/><link rel="author" href="https://clearmud.ai"/><meta name="author" content="Clearmud"/><meta name="keywords" content="OpenClaw,ClawCrib,AI agents,agent dashboard,agent monitoring,3D dashboard,OpenClaw gateway"/><meta name="robots" content="index, follow"/><meta property="og:title" content="ClawCrib — The live 3D office for your OpenClaw agents"/><meta property="og:description" content="Run npx clawcrib and watch your OpenClaw agents work in a real-time 3D office, self-hosted on your machine."/><meta property="og:url" content="https://clawcrib.com"/><meta property="og:site_name" content="ClawCrib"/><meta property="og:image" content="http://localhost:3000/landing-crib-3d.jpg"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1500"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="ClawCrib — The live 3D office for your OpenClaw agents"/><meta name="twitter:description" content="npx clawcrib — a real-time 3D office for your OpenClaw agents, self-hosted on your machine."/><meta name="twitter:image" content="http://localhost:3000/landing-crib-3d.jpg"/><link rel="icon" href="/icon.svg?icon.b0846afb.svg" sizes="any" type="image/svg+xml"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col"><div hidden=""><!--$--><!--/$--></div><nav class="fixed top-0 inset-x-0 z-50 bg-[var(--cc-void)]/85 backdrop-blur-xl border-b border-[var(--cc-border)]"><div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl"><div class="flex h-16 items-center justify-between"><a class="flex items-center gap-3 group" href="/"><img src="/logo-bracket-claw.svg" alt="ClawCrib" class="h-9 w-auto"/><span class="font-[family-name:var(--font-heading)] font-bold text-xl tracking-tight"><span class="text-[#E63946]">Claw</span><span class="text-[var(--cc-text)]">Crib</span></span><span class="px-1.5 py-0.5 rounded text-[9px] font-semibold uppercase tracking-wider text-[#E63946] bg-[#E63946]/10 border border-[#E63946]/20">beta</span></a><div class="hidden md:flex items-center gap-1"><a class="
|
|
2
2
|
relative px-4 py-2 rounded-lg font-[family-name:var(--font-heading)] text-sm font-medium transition-all group
|
|
3
3
|
text-[var(--cc-text-secondary)] hover:text-[var(--cc-text)] hover:bg-white/5
|
|
4
4
|
" href="/help">Help</a><a class="
|
|
5
5
|
relative px-4 py-2 rounded-lg font-[family-name:var(--font-heading)] text-sm font-medium transition-all group
|
|
6
6
|
text-[var(--cc-text-secondary)] hover:text-[var(--cc-text)] hover:bg-white/5
|
|
7
|
-
" href="/feedback">Feedback</a></div><div class="flex items-center gap-2"><button class="h-9 w-9 rounded-lg border border-[var(--cc-border)] bg-[var(--cc-surface)] flex items-center justify-center text-[var(--cc-muted)] hover:text-[#E63946] hover:border-[#E63946] transition-all" aria-label="Switch to light mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><div class="hidden sm:block"></div><button class="md:hidden p-2 text-[var(--cc-text-secondary)] hover:text-[var(--cc-text)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></div></nav><main class="flex-1 pt-16"><div class="bg-grid min-h-screen pt-16"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12"><div class="mb-10" style="opacity:0;transform:translateY(-10px)"><div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4"><div><h1 class="text-3xl sm:text-4xl font-bold text-[var(--cc-text)] font-[family-name:var(--font-heading)]">Build Your AI Agent Setup</h1><p class="text-[var(--cc-muted)] mt-2 max-w-lg">Start from a pre-built template or<!-- --> <a class="text-[#E63946] hover:underline font-medium" href="/builder">create your own</a> <!-- -->with our AI-assisted builder.</p></div><a class="inline-flex items-center gap-2 px-6 py-3 rounded-xl text-sm font-semibold text-white bg-[#E63946] hover:bg-[#C1121F] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:shadow-[0_0_30px_rgba(230,57,70,0.5)] transition-all self-start sm:self-auto" href="/builder"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><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"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Start Building</a></div></div><div class="mb-16"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><h2 class="text-xl font-bold text-[var(--cc-text)] font-[family-name:var(--font-heading)]">Templates</h2></div></div><div class="flex flex-wrap gap-2 mb-6"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[#E63946]/10 border-[#E63946]/30 text-[#E63946]">All</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Dev</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Support</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Marketing</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Personal</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Finance</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Content</button></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-5"><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">5<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Software Engineering</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">The Dev Shop</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A full-stack software development team capable of planning, building, testing, and deploying complex applications.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Product Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Technical Lead</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Frontend Engineer</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->2<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=dev-shop">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">5<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Marketing & Advertising</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Marketing & Growth</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A creative and analytical marketing team focused on brand awareness, content generation, and user acquisition.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Marketing Director</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Content Strategist</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Copywriter</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->2<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-agency">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">4<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Customer Service</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Customer Support</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A tiered support organization dedicated to resolving customer issues efficiently while maximizing satisfaction and retention.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Support Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">L1 Triage Agent</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">L2 Technical Support</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->1<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-helpdesk">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">4<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Finance</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Financial Analysis</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A high-performance quantitative analysis team focused on market research, algorithmic trading strategies, and risk management.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Portfolio Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Macro Analyst</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Quantitative Researcher</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->1<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-quant-firm">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Personal</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Personal Assistant</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A versatile solo agent for daily tasks — message management, reminders, web research, and smart home control.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Personal Assistant</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">telegram</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">discord</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=personal-assistant">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Software Engineering</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Dev Assistant</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A solo coding companion with GitHub integration, browser automation, and code execution for rapid prototyping and debugging.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Development Assistant</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">webchat</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=dev-assistant">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Content</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Content Creator</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A solo creative agent for writing, editing, and publishing content across social media and blogs with image generation.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Content Creator</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">telegram</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">webchat</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=content-creator">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div></div></div></div></div><!--$--><!--/$--></main><footer class="border-t border-[var(--cc-border)] bg-[var(--cc-void)]"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-12 pb-6"><div class="grid grid-cols-2 md:grid-cols-4 gap-8"><div class="col-span-2 md:col-span-1"><a class="flex items-center gap-3 mb-4 group" href="/"><img src="/logo-bracket-claw.svg" alt="ClawCrib" class="h-10 w-auto"/><span class="font-[family-name:var(--font-heading)] font-bold text-xl"><span class="text-[#E63946]">Claw</span><span class="text-[var(--cc-text)]">Crib</span></span></a><p class="text-sm text-[var(--cc-muted)] leading-relaxed">AI Agent Visual Cookbook — Connect the dots.</p></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">Product</h4><ul class="space-y-2 text-sm"><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/builder">Build</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/browse">Browse Templates</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/learn">Learn</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/help">Help</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/feedback">Feedback</a></li></ul></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">OpenClaw</h4><ul class="space-y-2 text-sm"><li><a href="https://docs.openclaw.ai" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">Documentation</a></li><li><a href="https://github.com/openclaw/openclaw" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">GitHub</a></li><li><a href="https://openclaw.ai" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">Website</a></li></ul></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">Community</h4><ul class="space-y-2 text-sm"><li><a href="https://x.com/ClearmudAI" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">X / Twitter</a></li></ul></div></div><div class="mt-10 pt-6 border-t border-[var(--cc-border)] flex flex-col items-center gap-4 text-center"><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">Built for<!-- --> <a href="https://openclaw.ai" target="_blank" rel="noopener" class="text-[#E63946] hover:underline">OpenClaw</a> <!-- -->— the open-source AI agent framework by<!-- --> <a href="https://x.com/steipete" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">Peter Steinberger</a> <!-- -->and<!-- --> <a href="https://github.com/openclaw/openclaw/graphs/contributors" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">contributors</a></p><div class="w-16 h-px bg-[var(--cc-border)]"></div><div class="flex flex-col sm:flex-row items-center gap-2 sm:gap-4"><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">© <!-- -->2026<!-- --> ClawCrib</p><span class="hidden sm:inline text-[var(--cc-muted)]">·</span><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">Built with Curiosity by<!-- --> <a href="https://clearmud.ai" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">Clearmud</a></p></div><div class="flex items-center gap-3 mt-2"><a class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/terms">Terms of Use</a><span class="text-[var(--cc-muted)]">·</span><a class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/privacy">Privacy Policy</a></div></div></div></footer><script src="/_next/static/chunks/251e16428085edaf.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2534,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ThemeProvider\"]\n3:I[41658,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ConvexClientProvider\"]\n4:I[49830,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"default\"]\n5:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"default\"]\n6:I[58298,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/5e108d2a5086dd3c.js\"],\"default\"]\n7:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"default\"]\n8:I[22016,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"\"]\n9:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ClientPageRoot\"]\na:I[15624,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/04696d7c5884aa95.js\",\"/_next/static/chunks/da5ac7a908f78d62.js\"],\"default\"]\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"OutletBoundary\"]\ne:\"$Sreact.suspense\"\n10:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ViewportBoundary\"]\n12:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"MetadataBoundary\"]\n14:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/87c6fa7148018b34.css\",\"style\"]\n:HL[\"/_next/static/chunks/1a8b8355b176018c.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.102b7f24.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"7d4fjIFyjViUDWgLnLDuG\",\"c\":[\"\",\"browse\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"browse\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/87c6fa7148018b34.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1a8b8355b176018c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/169b21b9dab86074.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$6\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5e108d2a5086dd3c.js\",\"async\":true}]],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-[60vh] flex items-center justify-center bg-grid\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center justify-center h-20 w-20 rounded-2xl bg-[#E63946]/10 mb-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house h-10 w-10 text-[var(--cc-muted)]\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"r6nss1\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}]}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold text-[var(--cc-text)] mb-3 font-[family-name:var(--font-heading)]\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-[var(--cc-text-secondary)] mb-2\",\"children\":\"This crib doesn't exist\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--cc-muted)] mb-8\",\"children\":\"The agent might have moved, or this page never existed.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-4\",\"children\":[[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"rounded-xl bg-[#E63946] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:bg-[#C1121F] transition-all\",\"children\":\"Go Home\"}],[\"$\",\"$L8\",null,{\"href\":\"/browse\",\"className\":\"rounded-xl border border-[var(--cc-border)] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] hover:text-[var(--cc-text)] hover:border-[var(--cc-border-light)] transition-all\",\"children\":\"Browse Cribs\"}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}],null]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L9\",null,{\"Component\":\"$a\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@b\",\"$@c\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/04696d7c5884aa95.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/da5ac7a908f78d62.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@f\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L13\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"b:{}\nc:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"15:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"IconMark\"]\nf:null\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"title\",\"0\",{\"children\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Run npx clawcrib and watch your OpenClaw agents work: desks, a live workboard, sub-agents, crons — a real-time 3D office, self-hosted on your machine.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://clearmud.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Clearmud\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"OpenClaw,ClawCrib,AI agents,agent dashboard,agent monitoring,3D dashboard,OpenClaw gateway\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Run npx clawcrib and watch your OpenClaw agents work in a real-time 3D office, self-hosted on your machine.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:url\",\"content\":\"https://clawcrib.com\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:site_name\",\"content\":\"ClawCrib\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"http://localhost:3000/landing-crib-3d.jpg\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"1500\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"npx clawcrib — a real-time 3D office for your OpenClaw agents, self-hosted on your machine.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"http://localhost:3000/landing-crib-3d.jpg\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.b0846afb.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L15\",\"19\",{}]]\n"])</script></body></html>
|
|
7
|
+
" href="/feedback">Feedback</a></div><div class="flex items-center gap-2"><button class="h-9 w-9 rounded-lg border border-[var(--cc-border)] bg-[var(--cc-surface)] flex items-center justify-center text-[var(--cc-muted)] hover:text-[#E63946] hover:border-[#E63946] transition-all" aria-label="Switch to light mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><div class="hidden sm:block"></div><button class="md:hidden p-2 text-[var(--cc-text-secondary)] hover:text-[var(--cc-text)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></div></nav><main class="flex-1 pt-16"><div class="bg-grid min-h-screen pt-16"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12"><div class="mb-10" style="opacity:0;transform:translateY(-10px)"><div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4"><div><h1 class="text-3xl sm:text-4xl font-bold text-[var(--cc-text)] font-[family-name:var(--font-heading)]">Build Your AI Agent Setup</h1><p class="text-[var(--cc-muted)] mt-2 max-w-lg">Start from a pre-built template or<!-- --> <a class="text-[#E63946] hover:underline font-medium" href="/builder">create your own</a> <!-- -->with our AI-assisted builder.</p></div><a class="inline-flex items-center gap-2 px-6 py-3 rounded-xl text-sm font-semibold text-white bg-[#E63946] hover:bg-[#C1121F] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:shadow-[0_0_30px_rgba(230,57,70,0.5)] transition-all self-start sm:self-auto" href="/builder"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><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"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Start Building</a></div></div><div class="mb-16"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><h2 class="text-xl font-bold text-[var(--cc-text)] font-[family-name:var(--font-heading)]">Templates</h2></div></div><div class="flex flex-wrap gap-2 mb-6"><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[#E63946]/10 border-[#E63946]/30 text-[#E63946]">All</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Dev</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Support</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Marketing</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Personal</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Finance</button><button class="px-3 py-1.5 rounded-lg text-xs font-medium transition-all border bg-[var(--cc-surface-raised)] border-[var(--cc-border)] text-[var(--cc-muted)] hover:text-[var(--cc-text)] hover:border-[var(--cc-text-secondary)]">Content</button></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-5"><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">5<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Software Engineering</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">The Dev Shop</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A full-stack software development team capable of planning, building, testing, and deploying complex applications.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Product Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Technical Lead</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Frontend Engineer</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->2<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=dev-shop">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">5<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Marketing & Advertising</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Marketing & Growth</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A creative and analytical marketing team focused on brand awareness, content generation, and user acquisition.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Marketing Director</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Content Strategist</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Copywriter</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->2<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-agency">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">4<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Customer Service</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Customer Support</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A tiered support organization dedicated to resolving customer issues efficiently while maximizing satisfaction and retention.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Support Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">L1 Triage Agent</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">L2 Technical Support</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->1<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-helpdesk">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">4<!-- --> <!-- -->Agents</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Finance</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Financial Analysis</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A high-performance quantitative analysis team focused on market research, algorithmic trading strategies, and risk management.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Portfolio Manager</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Macro Analyst</span><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Quantitative Researcher</span><span class="inline-flex items-center rounded-md bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] text-[var(--cc-muted)]">+<!-- -->1<!-- --> more</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=the-quant-firm">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Personal</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Personal Assistant</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A versatile solo agent for daily tasks — message management, reminders, web research, and smart home control.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Personal Assistant</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">telegram</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">discord</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=personal-assistant">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Software Engineering</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Dev Assistant</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A solo coding companion with GitHub integration, browser automation, and code execution for rapid prototyping and debugging.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Development Assistant</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">webchat</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=dev-assistant">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="group block relative bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] rounded-xl overflow-hidden transition-all duration-300 hover:border-[#E63946] hover:shadow-[0_0_30px_rgba(230,57,70,0.15)] hover:-translate-y-1 h-full flex flex-col"><div class="h-1.5" style="background:linear-gradient(90deg, #E63946, #A22A32)"></div><div class="p-5 flex-1 flex flex-col"><div class="flex items-start justify-between gap-3.5 mb-3"><div class="flex items-center gap-2"><div class="h-10 w-10 rounded-xl bg-[#E63946]/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5 text-[#E63946]" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><span class="inline-flex items-center rounded-full bg-[var(--cc-surface)] border border-[var(--cc-border)] px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-bold text-[var(--cc-text)]">1<!-- --> <!-- -->Agent</span></div><span class="inline-flex items-center rounded-full bg-[#E63946]/10 border border-[#E63946]/20 px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] font-medium text-[#E63946]">Content</span></div><h3 class="text-[var(--cc-text)] font-semibold text-lg mb-2 font-[family-name:var(--font-heading)]">Content Creator</h3><p class="text-[var(--cc-text-secondary)] text-sm leading-relaxed mb-4 flex-1">A solo creative agent for writing, editing, and publishing content across social media and blogs with image generation.</p><div class="flex flex-wrap gap-1.5 mb-4"><span class="inline-flex items-center rounded-md px-2 py-0.5 text-[10px] font-[family-name:var(--font-heading)] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)]">Content Creator</span></div><div class="flex items-center gap-1.5 mb-4"><span class="text-[10px] text-[var(--cc-muted)]">Channels:</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">telegram</span><span class="inline-flex items-center rounded-md px-1.5 py-0.5 text-[10px] bg-[var(--cc-surface)] border border-[var(--cc-border)] text-[var(--cc-text-secondary)] capitalize">webchat</span></div><div class="pt-4 border-t border-[var(--cc-border)] mt-auto flex items-center gap-2"><a class="flex-1 flex items-center justify-center gap-2 px-4 py-2 rounded-lg text-sm font-medium text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[#E63946] hover:text-white border border-[var(--cc-border)] hover:border-[#E63946] transition-all group-hover:bg-[#E63946] group-hover:text-white group-hover:border-[#E63946]" href="/builder?template=content-creator">Use Template<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center h-9 w-9 rounded-lg text-[var(--cc-muted)] hover:text-[var(--cc-text)] bg-[var(--cc-surface)] hover:bg-[var(--cc-surface-raised)] border border-[var(--cc-border)] transition-all" title="Download openclaw.json"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></button></div></div></div></div></div></div></div></div><!--$--><!--/$--></main><footer class="border-t border-[var(--cc-border)] bg-[var(--cc-void)]"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-12 pb-6"><div class="grid grid-cols-2 md:grid-cols-4 gap-8"><div class="col-span-2 md:col-span-1"><a class="flex items-center gap-3 mb-4 group" href="/"><img src="/logo-bracket-claw.svg" alt="ClawCrib" class="h-10 w-auto"/><span class="font-[family-name:var(--font-heading)] font-bold text-xl"><span class="text-[#E63946]">Claw</span><span class="text-[var(--cc-text)]">Crib</span></span></a><p class="text-sm text-[var(--cc-muted)] leading-relaxed">AI Agent Visual Cookbook — Connect the dots.</p></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">Product</h4><ul class="space-y-2 text-sm"><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/builder">Build</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/browse">Browse Templates</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/learn">Learn</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/help">Help</a></li><li><a class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/feedback">Feedback</a></li></ul></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">OpenClaw</h4><ul class="space-y-2 text-sm"><li><a href="https://docs.openclaw.ai" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">Documentation</a></li><li><a href="https://github.com/openclaw/openclaw" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">GitHub</a></li><li><a href="https://openclaw.ai" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">Website</a></li></ul></div><div><h4 class="font-[family-name:var(--font-heading)] text-sm font-semibold text-[var(--cc-text)] mb-3">Community</h4><ul class="space-y-2 text-sm"><li><a href="https://x.com/ClearmudAI" target="_blank" rel="noopener" class="text-[var(--cc-muted)] hover:text-[#E63946] transition-colors">X / Twitter</a></li></ul></div></div><div class="mt-10 pt-6 border-t border-[var(--cc-border)] flex flex-col items-center gap-4 text-center"><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">Built for<!-- --> <a href="https://openclaw.ai" target="_blank" rel="noopener" class="text-[#E63946] hover:underline">OpenClaw</a> <!-- -->— the open-source AI agent framework by<!-- --> <a href="https://x.com/steipete" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">Peter Steinberger</a> <!-- -->and<!-- --> <a href="https://github.com/openclaw/openclaw/graphs/contributors" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">contributors</a></p><div class="w-16 h-px bg-[var(--cc-border)]"></div><div class="flex flex-col sm:flex-row items-center gap-2 sm:gap-4"><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">© <!-- -->2026<!-- --> ClawCrib</p><span class="hidden sm:inline text-[var(--cc-muted)]">·</span><p class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)]">Built with Curiosity by<!-- --> <a href="https://clearmud.ai" target="_blank" rel="noopener" class="text-[var(--cc-text-secondary)] hover:text-[#E63946] transition-colors">Clearmud</a></p></div><div class="flex items-center gap-3 mt-2"><a class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/terms">Terms of Use</a><span class="text-[var(--cc-muted)]">·</span><a class="font-[family-name:var(--font-heading)] text-xs text-[var(--cc-muted)] hover:text-[#E63946] transition-colors" href="/privacy">Privacy Policy</a></div></div></div></footer><script src="/_next/static/chunks/251e16428085edaf.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2534,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ThemeProvider\"]\n3:I[41658,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ConvexClientProvider\"]\n4:I[49830,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"default\"]\n5:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"default\"]\n6:I[58298,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/5e108d2a5086dd3c.js\"],\"default\"]\n7:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"default\"]\n8:I[22016,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"\"]\n9:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ClientPageRoot\"]\na:I[15624,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/04696d7c5884aa95.js\",\"/_next/static/chunks/da5ac7a908f78d62.js\"],\"default\"]\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"OutletBoundary\"]\ne:\"$Sreact.suspense\"\n10:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ViewportBoundary\"]\n12:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"MetadataBoundary\"]\n14:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/87c6fa7148018b34.css\",\"style\"]\n:HL[\"/_next/static/chunks/123ff9bd00156eb9.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.102b7f24.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"zYUlp2fcVlJKBhUQk1Pns\",\"c\":[\"\",\"browse\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"browse\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/87c6fa7148018b34.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/123ff9bd00156eb9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/169b21b9dab86074.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col\",\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$6\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5e108d2a5086dd3c.js\",\"async\":true}]],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-[60vh] flex items-center justify-center bg-grid\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center justify-center h-20 w-20 rounded-2xl bg-[#E63946]/10 mb-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house h-10 w-10 text-[var(--cc-muted)]\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"r6nss1\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}]}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold text-[var(--cc-text)] mb-3 font-[family-name:var(--font-heading)]\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-lg text-[var(--cc-text-secondary)] mb-2\",\"children\":\"This crib doesn't exist\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-[var(--cc-muted)] mb-8\",\"children\":\"The agent might have moved, or this page never existed.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-4\",\"children\":[[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"rounded-xl bg-[#E63946] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:bg-[#C1121F] transition-all\",\"children\":\"Go Home\"}],[\"$\",\"$L8\",null,{\"href\":\"/browse\",\"className\":\"rounded-xl border border-[var(--cc-border)] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] hover:text-[var(--cc-text)] hover:border-[var(--cc-border-light)] transition-all\",\"children\":\"Browse Cribs\"}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}],null]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L9\",null,{\"Component\":\"$a\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@b\",\"$@c\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/04696d7c5884aa95.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/da5ac7a908f78d62.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@f\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L13\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"b:{}\nc:\"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"15:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"IconMark\"]\nf:null\n"])</script><script>self.__next_f.push([1,"13:[[\"$\",\"title\",\"0\",{\"children\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Run npx clawcrib and watch your OpenClaw agents work: desks, a live workboard, sub-agents, crons — a real-time 3D office, self-hosted on your machine.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://clearmud.ai\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Clearmud\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"OpenClaw,ClawCrib,AI agents,agent dashboard,agent monitoring,3D dashboard,OpenClaw gateway\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Run npx clawcrib and watch your OpenClaw agents work in a real-time 3D office, self-hosted on your machine.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:url\",\"content\":\"https://clawcrib.com\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:site_name\",\"content\":\"ClawCrib\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"http://localhost:3000/landing-crib-3d.jpg\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"1500\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:title\",\"content\":\"ClawCrib — The live 3D office for your OpenClaw agents\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:description\",\"content\":\"npx clawcrib — a real-time 3D office for your OpenClaw agents, self-hosted on your machine.\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"http://localhost:3000/landing-crib-3d.jpg\"}],[\"$\",\"link\",\"18\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.b0846afb.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L15\",\"19\",{}]]\n"])</script></body></html>
|
|
@@ -14,10 +14,10 @@ e:"$Sreact.suspense"
|
|
|
14
14
|
12:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"MetadataBoundary"]
|
|
15
15
|
14:I[68027,[],"default"]
|
|
16
16
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
17
|
-
:HL["/_next/static/chunks/
|
|
17
|
+
:HL["/_next/static/chunks/123ff9bd00156eb9.css","style"]
|
|
18
18
|
:HL["/_next/static/media/051742360c26797e-s.p.102b7f24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
19
19
|
:HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
20
|
-
0:{"P":null,"b":"
|
|
20
|
+
0:{"P":null,"b":"zYUlp2fcVlJKBhUQk1Pns","c":["","browse"],"q":"","i":false,"f":[[["",{"children":["browse",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/87c6fa7148018b34.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/123ff9bd00156eb9.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/3cb5ccf4d1eaa633.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/169b21b9dab86074.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col","children":[["$","$L2",null,{"children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","error":"$6","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/_next/static/chunks/5e108d2a5086dd3c.js","async":true}]],"template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"className":"min-h-[60vh] flex items-center justify-center bg-grid","children":["$","div",null,{"className":"text-center","children":[["$","div",null,{"className":"inline-flex items-center justify-center h-20 w-20 rounded-2xl bg-[#E63946]/10 mb-6","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-house h-10 w-10 text-[var(--cc-muted)]","aria-hidden":"true","children":[["$","path","5wwlr5",{"d":"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"}],["$","path","r6nss1",{"d":"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}],"$undefined"]}]}],["$","h1",null,{"className":"text-5xl font-bold text-[var(--cc-text)] mb-3 font-[family-name:var(--font-heading)]","children":"404"}],["$","p",null,{"className":"text-lg text-[var(--cc-text-secondary)] mb-2","children":"This crib doesn't exist"}],["$","p",null,{"className":"text-sm text-[var(--cc-muted)] mb-8","children":"The agent might have moved, or this page never existed."}],["$","div",null,{"className":"flex items-center justify-center gap-4","children":[["$","$L8",null,{"href":"/","className":"rounded-xl bg-[#E63946] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:bg-[#C1121F] transition-all","children":"Go Home"}],["$","$L8",null,{"href":"/browse","className":"rounded-xl border border-[var(--cc-border)] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] hover:text-[var(--cc-text)] hover:border-[var(--cc-border-light)] transition-all","children":"Browse Cribs"}]]}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}],null]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L9",null,{"Component":"$a","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@b","$@c"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/04696d7c5884aa95.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/da5ac7a908f78d62.js","async":true,"nonce":"$undefined"}]],["$","$Ld",null,{"children":["$","$e",null,{"name":"Next.MetadataOutlet","children":"$@f"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],["$","div",null,{"hidden":true,"children":["$","$L12",null,{"children":["$","$e",null,{"name":"Next.Metadata","children":"$L13"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$14",[]],"S":true}
|
|
21
21
|
b:{}
|
|
22
22
|
c:"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params"
|
|
23
23
|
11:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
|
|
@@ -14,10 +14,10 @@ e:"$Sreact.suspense"
|
|
|
14
14
|
12:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"MetadataBoundary"]
|
|
15
15
|
14:I[68027,[],"default"]
|
|
16
16
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
17
|
-
:HL["/_next/static/chunks/
|
|
17
|
+
:HL["/_next/static/chunks/123ff9bd00156eb9.css","style"]
|
|
18
18
|
:HL["/_next/static/media/051742360c26797e-s.p.102b7f24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
19
19
|
:HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
20
|
-
0:{"P":null,"b":"
|
|
20
|
+
0:{"P":null,"b":"zYUlp2fcVlJKBhUQk1Pns","c":["","browse"],"q":"","i":false,"f":[[["",{"children":["browse",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/87c6fa7148018b34.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/123ff9bd00156eb9.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/3cb5ccf4d1eaa633.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/169b21b9dab86074.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col","children":[["$","$L2",null,{"children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","error":"$6","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/_next/static/chunks/5e108d2a5086dd3c.js","async":true}]],"template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","div",null,{"className":"min-h-[60vh] flex items-center justify-center bg-grid","children":["$","div",null,{"className":"text-center","children":[["$","div",null,{"className":"inline-flex items-center justify-center h-20 w-20 rounded-2xl bg-[#E63946]/10 mb-6","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-house h-10 w-10 text-[var(--cc-muted)]","aria-hidden":"true","children":[["$","path","5wwlr5",{"d":"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"}],["$","path","r6nss1",{"d":"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}],"$undefined"]}]}],["$","h1",null,{"className":"text-5xl font-bold text-[var(--cc-text)] mb-3 font-[family-name:var(--font-heading)]","children":"404"}],["$","p",null,{"className":"text-lg text-[var(--cc-text-secondary)] mb-2","children":"This crib doesn't exist"}],["$","p",null,{"className":"text-sm text-[var(--cc-muted)] mb-8","children":"The agent might have moved, or this page never existed."}],["$","div",null,{"className":"flex items-center justify-center gap-4","children":[["$","$L8",null,{"href":"/","className":"rounded-xl bg-[#E63946] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:bg-[#C1121F] transition-all","children":"Go Home"}],["$","$L8",null,{"href":"/browse","className":"rounded-xl border border-[var(--cc-border)] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] hover:text-[var(--cc-text)] hover:border-[var(--cc-border-light)] transition-all","children":"Browse Cribs"}]]}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]}],null]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L5",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[["$","$L9",null,{"Component":"$a","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@b","$@c"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/04696d7c5884aa95.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/da5ac7a908f78d62.js","async":true,"nonce":"$undefined"}]],["$","$Ld",null,{"children":["$","$e",null,{"name":"Next.MetadataOutlet","children":"$@f"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L10",null,{"children":"$L11"}],["$","div",null,{"hidden":true,"children":["$","$L12",null,{"children":["$","$e",null,{"name":"Next.Metadata","children":"$L13"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$14",[]],"S":true}
|
|
21
21
|
b:{}
|
|
22
22
|
c:"$0:f:0:1:1:children:1:children:0:props:children:0:props:serverProvidedParams:params"
|
|
23
23
|
11:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
3:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"MetadataBoundary"]
|
|
4
4
|
4:"$Sreact.suspense"
|
|
5
5
|
5:I[27201,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"IconMark"]
|
|
6
|
-
0:{"buildId":"
|
|
6
|
+
0:{"buildId":"zYUlp2fcVlJKBhUQk1Pns","rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L3",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"ClawCrib — The live 3D office for your OpenClaw agents"}],["$","meta","1",{"name":"description","content":"Run npx clawcrib and watch your OpenClaw agents work: desks, a live workboard, sub-agents, crons — a real-time 3D office, self-hosted on your machine."}],["$","link","2",{"rel":"author","href":"https://clearmud.ai"}],["$","meta","3",{"name":"author","content":"Clearmud"}],["$","meta","4",{"name":"keywords","content":"OpenClaw,ClawCrib,AI agents,agent dashboard,agent monitoring,3D dashboard,OpenClaw gateway"}],["$","meta","5",{"name":"robots","content":"index, follow"}],["$","meta","6",{"property":"og:title","content":"ClawCrib — The live 3D office for your OpenClaw agents"}],["$","meta","7",{"property":"og:description","content":"Run npx clawcrib and watch your OpenClaw agents work in a real-time 3D office, self-hosted on your machine."}],["$","meta","8",{"property":"og:url","content":"https://clawcrib.com"}],["$","meta","9",{"property":"og:site_name","content":"ClawCrib"}],["$","meta","10",{"property":"og:image","content":"http://localhost:3000/landing-crib-3d.jpg"}],["$","meta","11",{"property":"og:image:width","content":"2400"}],["$","meta","12",{"property":"og:image:height","content":"1500"}],["$","meta","13",{"property":"og:type","content":"website"}],["$","meta","14",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","15",{"name":"twitter:title","content":"ClawCrib — The live 3D office for your OpenClaw agents"}],["$","meta","16",{"name":"twitter:description","content":"npx clawcrib — a real-time 3D office for your OpenClaw agents, self-hosted on your machine."}],["$","meta","17",{"name":"twitter:image","content":"http://localhost:3000/landing-crib-3d.jpg"}],["$","link","18",{"rel":"icon","href":"/icon.svg?icon.b0846afb.svg","sizes":"any","type":"image/svg+xml"}],["$","$L5","19",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"loading":null,"isPartial":false}
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
7:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
8
8
|
8:I[22016,["/_next/static/chunks/3cb5ccf4d1eaa633.js","/_next/static/chunks/169b21b9dab86074.js"],""]
|
|
9
9
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
10
|
-
:HL["/_next/static/chunks/
|
|
11
|
-
0:{"buildId":"
|
|
10
|
+
:HL["/_next/static/chunks/123ff9bd00156eb9.css","style"]
|
|
11
|
+
0:{"buildId":"zYUlp2fcVlJKBhUQk1Pns","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/87c6fa7148018b34.css","precedence":"next"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/123ff9bd00156eb9.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/3cb5ccf4d1eaa633.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/169b21b9dab86074.js","async":true}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"jetbrains_mono_12fa5000-module__vnauOq__variable inter_517718a9-module__AhDzmq__variable antialiased bg-[var(--cc-void)] text-[var(--cc-text)] min-h-screen flex flex-col","children":[["$","$L2",null,{"children":["$","$L3",null,{"children":["$","$L4",null,{"children":["$","$L5",null,{"parallelRouterKey":"children","error":"$6","errorStyles":[],"errorScripts":[["$","script","script-0",{"src":"/_next/static/chunks/5e108d2a5086dd3c.js","async":true}]],"template":["$","$L7",null,{}],"notFound":[["$","div",null,{"className":"min-h-[60vh] flex items-center justify-center bg-grid","children":["$","div",null,{"className":"text-center","children":[["$","div",null,{"className":"inline-flex items-center justify-center h-20 w-20 rounded-2xl bg-[#E63946]/10 mb-6","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-house h-10 w-10 text-[var(--cc-muted)]","aria-hidden":"true","children":[["$","path","5wwlr5",{"d":"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"}],["$","path","r6nss1",{"d":"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}],"$undefined"]}]}],["$","h1",null,{"className":"text-5xl font-bold text-[var(--cc-text)] mb-3 font-[family-name:var(--font-heading)]","children":"404"}],["$","p",null,{"className":"text-lg text-[var(--cc-text-secondary)] mb-2","children":"This crib doesn't exist"}],["$","p",null,{"className":"text-sm text-[var(--cc-muted)] mb-8","children":"The agent might have moved, or this page never existed."}],["$","div",null,{"className":"flex items-center justify-center gap-4","children":[["$","$L8",null,{"href":"/","className":"rounded-xl bg-[#E63946] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] shadow-[0_0_20px_rgba(230,57,70,0.3)] hover:bg-[#C1121F] transition-all","children":"Go Home"}],["$","$L8",null,{"href":"/browse","className":"rounded-xl border border-[var(--cc-border)] px-6 py-2.5 text-sm font-semibold text-[var(--cc-text)] hover:text-[var(--cc-text)] hover:border-[var(--cc-border-light)] transition-all","children":"Browse Cribs"}]]}]]}]}],[]]}]}]}]}],null]}]}]]}],"loading":null,"isPartial":false}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
2
|
-
:HL["/_next/static/chunks/
|
|
2
|
+
:HL["/_next/static/chunks/123ff9bd00156eb9.css","style"]
|
|
3
3
|
:HL["/_next/static/media/051742360c26797e-s.p.102b7f24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
4
4
|
:HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
5
|
-
0:{"buildId":"
|
|
5
|
+
0:{"buildId":"zYUlp2fcVlJKBhUQk1Pns","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"browse","paramType":null,"paramKey":"browse","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
3:I[15624,["/_next/static/chunks/3cb5ccf4d1eaa633.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/04696d7c5884aa95.js","/_next/static/chunks/da5ac7a908f78d62.js"],"default"]
|
|
4
4
|
6:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"OutletBoundary"]
|
|
5
5
|
7:"$Sreact.suspense"
|
|
6
|
-
0:{"buildId":"
|
|
6
|
+
0:{"buildId":"zYUlp2fcVlJKBhUQk1Pns","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/04696d7c5884aa95.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/da5ac7a908f78d62.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
|
|
7
7
|
4:{}
|
|
8
8
|
5:"$0:rsc:props:children:0:props:serverProvidedParams:params"
|
|
9
9
|
8:null
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
1:"$Sreact.fragment"
|
|
2
2
|
2:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
3
3
|
3:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
4
|
-
0:{"buildId":"
|
|
4
|
+
0:{"buildId":"zYUlp2fcVlJKBhUQk1Pns","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
|