clawcrib 0.1.2 → 0.1.4
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/README.md +50 -12
- package/bin/clawcrib.mjs +10 -10
- 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 +8 -8
- package/dist/.next/server/app/_not-found.segments/_full.segment.rsc +8 -8
- package/dist/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/_not-found.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/browse.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/browse.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/browse.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/browse.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/browse.segments/browse/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/builder.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/builder.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/builder.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/builder.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/builder.segments/builder/__PAGE__.segment.rsc +2 -2
- 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/react-loadable-manifest.json +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 +9 -9
- package/dist/.next/server/app/crib.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/crib.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/crib.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/crib.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/crib.segments/crib/__PAGE__.segment.rsc +2 -2
- package/dist/.next/server/app/crib.segments/crib.segment.rsc +1 -1
- package/dist/.next/server/app/demo/page/react-loadable-manifest.json +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 +9 -9
- package/dist/.next/server/app/demo.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/demo.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/demo.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/demo.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/demo.segments/demo/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/feedback.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/feedback.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/feedback.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/feedback.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/feedback.segments/feedback/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/gltest.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/gltest.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/gltest.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/gltest.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/gltest.segments/gltest/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/help.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/help.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/help.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/help.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/help.segments/help/__PAGE__.segment.rsc +2 -2
- 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 +9 -9
- package/dist/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/dist/.next/server/app/index.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/index.segments/_index.segment.rsc +7 -7
- 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 +9 -9
- package/dist/.next/server/app/learn.segments/_full.segment.rsc +9 -9
- package/dist/.next/server/app/learn.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/learn.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/learn.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/learn.segments/learn/__PAGE__.segment.rsc +2 -2
- 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 +8 -8
- package/dist/.next/server/app/privacy.segments/_full.segment.rsc +8 -8
- package/dist/.next/server/app/privacy.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/privacy.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/privacy.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/privacy.segments/privacy/__PAGE__.segment.rsc +2 -2
- 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 +8 -8
- package/dist/.next/server/app/terms.segments/_full.segment.rsc +8 -8
- package/dist/.next/server/app/terms.segments/_head.segment.rsc +1 -1
- package/dist/.next/server/app/terms.segments/_index.segment.rsc +7 -7
- package/dist/.next/server/app/terms.segments/_tree.segment.rsc +2 -2
- package/dist/.next/server/app/terms.segments/terms/__PAGE__.segment.rsc +2 -2
- package/dist/.next/server/app/terms.segments/terms.segment.rsc +1 -1
- package/dist/.next/server/chunks/ssr/[root-of-the-server]__2734027d._.js +1 -1
- package/dist/.next/server/chunks/ssr/[root-of-the-server]__76b71b25._.js +1 -1
- package/dist/.next/server/chunks/ssr/[root-of-the-server]__b704ba4a._.js +1 -1
- package/dist/.next/server/chunks/ssr/_3449c279._.js +1 -1
- package/dist/.next/server/chunks/ssr/_a46dee72._.js +1 -1
- package/dist/.next/server/chunks/ssr/_e01a61c0._.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/{eb5f77ae3460c46e.js → 147eaa3f28375e0e.js} +1 -1
- package/dist/.next/static/chunks/{123ff9bd00156eb9.css → 3edb9f1efb76cb66.css} +1 -1
- package/dist/.next/static/chunks/7d0bdbbba0dcee37.js +1 -0
- package/dist/.next/static/chunks/{3cb5ccf4d1eaa633.js → d9f8785065e078fc.js} +1 -1
- package/dist/.next/static/chunks/{edfa7bbc21dc3450.js → fa8b0f4dcb290dc4.js} +1 -1
- package/dist/.next/static/chunks/fc6da6eec8b84aac.js +1 -0
- package/package.json +2 -2
- package/dist/.next/static/chunks/6b3aa1f3b4ac9239.js +0 -1
- package/dist/.next/static/chunks/d6211ae3ff8400ff.js +0 -1
- /package/dist/.next/static/{zYUlp2fcVlJKBhUQk1Pns → a1_F2n_Sn-m0Apxh748yG}/_buildManifest.js +0 -0
- /package/dist/.next/static/{zYUlp2fcVlJKBhUQk1Pns → a1_F2n_Sn-m0Apxh748yG}/_clientMiddlewareManifest.json +0 -0
- /package/dist/.next/static/{zYUlp2fcVlJKBhUQk1Pns → a1_F2n_Sn-m0Apxh748yG}/_ssgManifest.js +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<!DOCTYPE html><!--
|
|
1
|
+
<!DOCTYPE html><!--a1_F2n_Sn_m0Apxh748yG--><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/3edb9f1efb76cb66.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/d9f8785065e078fc.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/4fa33c2b3825a6a7.js" async=""></script><script src="/_next/static/chunks/a9b5a3c7d494490d.js" async=""></script><script src="/_next/static/chunks/d91ff7ede64e0c7f.js" async=""></script><meta name="next-size-adjust" content=""/><title>Visual Docs | ClawCrib | ClawCrib</title><meta name="description" content="Interactive 3D documentation for OpenClaw setups."/><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="Install it where your agents run and it connects itself. A real-time 3D office for your OpenClaw fleet, 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="A real-time 3D office for your OpenClaw agents. Self-hosted, and it finds your gateway on its own."/><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 "><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="h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col"><div class="flex-1 min-h-0"><div class="flex w-full h-full"><div class="w-[400px] flex-shrink-0 bg-[var(--cc-surface)]/80 backdrop-blur-md border-r border-[var(--cc-border)] flex flex-col h-full overflow-y-auto custom-scrollbar shadow-2xl z-10"><div class="p-6 border-b border-[var(--cc-border)]"><h1 class="text-2xl font-bold font-[family-name:var(--font-heading)] text-[var(--cc-text)] tracking-tight mb-2">Visual Docs</h1><p class="text-sm text-[var(--cc-text-secondary)] leading-relaxed">Stop guessing how OpenClaw actually works under the hood. We brought the official <a href="https://docs.openclaw.ai" target="_blank" rel="noreferrer" class="text-blue-500 hover:text-blue-600 transition-colors">docs.openclaw.ai</a> concepts to life so you can visualize the architecture before you build.</p></div><div class="p-6 border-b border-[var(--cc-border)] flex flex-col gap-4"><h3 class="text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2">Core Concepts</h3><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-blue-500/10 border-blue-500/50 shadow-[0_0_15px_rgba(59,130,246,0.15)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-blue-500/20 text-blue-500"><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-file-code h-5 w-5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 12.5 8 15l2 2.5"></path><path d="m14 12.5 2 2.5-2 2.5"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text)]">Memory Architecture</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">The core definition files (IDENTITY.md, USER.md, AGENTS.md, TOOLS.md, MEMORY.md) powered by a continuous Heartbeat loop.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-bot h-5 w-5" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Automation Skills</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How agents utilize the Skills registry to execute repetitive, predefined workflows securely.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-wrench h-5 w-5" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Tool Execution</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How OpenClaw safely executes shell commands, sandbox scripts, and external APIs via the Gateway.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-network h-5 w-5" aria-hidden="true"><rect x="16" y="16" width="6" height="6" rx="1"></rect><rect x="2" y="16" width="6" height="6" rx="1"></rect><rect x="9" y="2" width="6" height="6" rx="1"></rect><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path><path d="M12 12V8"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Multi-Agent Routing</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How OpenClaw routes incoming channel messages to specific agents based on mention patterns, and how agents delegate tasks.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-layers h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Agents vs Sub-Agents</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">Agents are persistent roles with their own workspaces (like an employee desk). Sub-agents are temporary task sessions (like a sticky note) that auto-archive.</p></button></div><div class="p-6 flex flex-col gap-4"><h3 class="text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2">Try It</h3><div class="space-y-4"><a class="block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden" href="/builder?template=personal-assistant"><div class="absolute top-0 right-0 w-12 h-12 bg-green-500/10 rounded-bl-[60px]"></div><div class="flex items-center gap-2 mb-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-wallet text-green-500 h-4 w-4" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg><h4 class="text-[var(--cc-text)] font-bold font-heading text-sm relative z-10">Personal Assistant</h4></div><p class="text-xs text-[var(--cc-muted)] mb-3">Solo agent with long-term memory, web search, and scheduled tasks.</p><div class="flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform">Open in 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-arrow-right ml-1 h-3 w-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div class="mt-2 p-4 rounded-xl border border-dashed border-[var(--cc-border)] bg-[var(--cc-surface-raised)]/30 text-center"><p class="text-xs text-[var(--cc-muted)] mb-1">Share your own setup with the community</p><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-[10px] font-semibold text-[var(--cc-muted)] bg-[var(--cc-surface-raised)] border border-[var(--cc-border)]">Coming Soon</span></div></div></div><div class="flex-1 bg-[var(--cc-void)] relative h-full"><div class="w-full h-full bg-slate-900 flex items-center justify-center text-blue-500 animate-pulse">Loading 3D Engine...</div></div></div></div><div class="shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60"><a href="/terms" class="hover:text-[var(--cc-muted)] transition-colors">Terms of Use</a><span>·</span><a href="/privacy" class="hover:text-[var(--cc-muted)] transition-colors">Privacy Policy</a></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[68864,[\"/_next/static/chunks/3cb5ccf4d1eaa633.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/4fa33c2b3825a6a7.js\",\"/_next/static/chunks/a9b5a3c7d494490d.js\",\"/_next/static/chunks/d91ff7ede64e0c7f.js\"],\"default\"]\na:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\ne: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\":[\"\",\"learn\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"learn\",{\"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\":[[\"$\",\"div\",null,{\"className\":\"h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-h-0\",\"children\":[\"$\",\"$L9\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/terms\",\"className\":\"hover:text-[var(--cc-muted)] transition-colors\",\"children\":\"Terms of Use\"}],[\"$\",\"span\",null,{\"children\":\"·\"}],[\"$\",\"a\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-[var(--cc-muted)] transition-colors\",\"children\":\"Privacy Policy\"}]]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/4fa33c2b3825a6a7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a9b5a3c7d494490d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d91ff7ede64e0c7f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ViewportBoundary\"]\n11:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"MetadataBoundary\"]\nd:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L12\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"13:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"IconMark\"]\nc:null\n"])</script><script>self.__next_f.push([1,"12:[[\"$\",\"title\",\"0\",{\"children\":\"Visual Docs | ClawCrib | ClawCrib\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Interactive 3D documentation for OpenClaw setups.\"}],[\"$\",\"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\"}],[\"$\",\"$L13\",\"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="h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col"><div class="flex-1 min-h-0"><div class="flex w-full h-full"><div class="w-[400px] flex-shrink-0 bg-[var(--cc-surface)]/80 backdrop-blur-md border-r border-[var(--cc-border)] flex flex-col h-full overflow-y-auto custom-scrollbar shadow-2xl z-10"><div class="p-6 border-b border-[var(--cc-border)]"><h1 class="text-2xl font-bold font-[family-name:var(--font-heading)] text-[var(--cc-text)] tracking-tight mb-2">Visual Docs</h1><p class="text-sm text-[var(--cc-text-secondary)] leading-relaxed">Stop guessing how OpenClaw actually works under the hood. We brought the official <a href="https://docs.openclaw.ai" target="_blank" rel="noreferrer" class="text-blue-500 hover:text-blue-600 transition-colors">docs.openclaw.ai</a> concepts to life so you can visualize the architecture before you build.</p></div><div class="p-6 border-b border-[var(--cc-border)] flex flex-col gap-4"><h3 class="text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2">Core Concepts</h3><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-blue-500/10 border-blue-500/50 shadow-[0_0_15px_rgba(59,130,246,0.15)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-blue-500/20 text-blue-500"><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-file-code h-5 w-5" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 12.5 8 15l2 2.5"></path><path d="m14 12.5 2 2.5-2 2.5"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text)]">Memory Architecture</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">The core definition files (IDENTITY.md, USER.md, AGENTS.md, TOOLS.md, MEMORY.md) powered by a continuous Heartbeat loop.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-bot h-5 w-5" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Automation Skills</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How agents utilize the Skills registry to execute repetitive, predefined workflows securely.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-wrench h-5 w-5" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Tool Execution</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How OpenClaw safely executes shell commands, sandbox scripts, and external APIs via the Gateway.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-network h-5 w-5" aria-hidden="true"><rect x="16" y="16" width="6" height="6" rx="1"></rect><rect x="2" y="16" width="6" height="6" rx="1"></rect><rect x="9" y="2" width="6" height="6" rx="1"></rect><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path><path d="M12 12V8"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Multi-Agent Routing</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">How OpenClaw routes incoming channel messages to specific agents based on mention patterns, and how agents delegate tasks.</p></button><button class="flex flex-col text-left p-4 rounded-xl border transition-all bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"><div class="flex items-center gap-3 mb-2"><div class="p-1.5 rounded-lg bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"><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-layers h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h4 class="font-bold font-heading text-sm text-[var(--cc-text-secondary)]">Agents vs Sub-Agents</h4></div><p class="text-xs text-[var(--cc-text-secondary)] leading-relaxed">Agents are persistent roles with their own workspaces (like an employee desk). Sub-agents are temporary task sessions (like a sticky note) that auto-archive.</p></button></div><div class="p-6 flex flex-col gap-4"><h3 class="text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2">Try It</h3><div class="space-y-4"><a class="block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden" href="/builder?template=personal-assistant"><div class="absolute top-0 right-0 w-12 h-12 bg-green-500/10 rounded-bl-[60px]"></div><div class="flex items-center gap-2 mb-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-wallet text-green-500 h-4 w-4" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg><h4 class="text-[var(--cc-text)] font-bold font-heading text-sm relative z-10">Personal Assistant</h4></div><p class="text-xs text-[var(--cc-muted)] mb-3">Solo agent with long-term memory, web search, and scheduled tasks.</p><div class="flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform">Open in 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-arrow-right ml-1 h-3 w-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div class="mt-2 p-4 rounded-xl border border-dashed border-[var(--cc-border)] bg-[var(--cc-surface-raised)]/30 text-center"><p class="text-xs text-[var(--cc-muted)] mb-1">Share your own setup with the community</p><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-[10px] font-semibold text-[var(--cc-muted)] bg-[var(--cc-surface-raised)] border border-[var(--cc-border)]">Coming Soon</span></div></div></div><div class="flex-1 bg-[var(--cc-void)] relative h-full"><div class="w-full h-full bg-slate-900 flex items-center justify-center text-blue-500 animate-pulse">Loading 3D Engine...</div></div></div></div><div class="shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60"><a href="/terms" class="hover:text-[var(--cc-muted)] transition-colors">Terms of Use</a><span>·</span><a href="/privacy" class="hover:text-[var(--cc-muted)] transition-colors">Privacy Policy</a></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/d9f8785065e078fc.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ThemeProvider\"]\n3:I[41658,[\"/_next/static/chunks/d9f8785065e078fc.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"ConvexClientProvider\"]\n4:I[49830,[\"/_next/static/chunks/d9f8785065e078fc.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/d9f8785065e078fc.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/d9f8785065e078fc.js\",\"/_next/static/chunks/169b21b9dab86074.js\"],\"\"]\n9:I[68864,[\"/_next/static/chunks/d9f8785065e078fc.js\",\"/_next/static/chunks/169b21b9dab86074.js\",\"/_next/static/chunks/4fa33c2b3825a6a7.js\",\"/_next/static/chunks/a9b5a3c7d494490d.js\",\"/_next/static/chunks/d91ff7ede64e0c7f.js\"],\"default\"]\na:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"OutletBoundary\"]\nb:\"$Sreact.suspense\"\ne:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/87c6fa7148018b34.css\",\"style\"]\n:HL[\"/_next/static/chunks/3edb9f1efb76cb66.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\":\"a1_F2n_Sn-m0Apxh748yG\",\"c\":[\"\",\"learn\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"learn\",{\"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/3edb9f1efb76cb66.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d9f8785065e078fc.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\":[[\"$\",\"div\",null,{\"className\":\"h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-1 min-h-0\",\"children\":[\"$\",\"$L9\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/terms\",\"className\":\"hover:text-[var(--cc-muted)] transition-colors\",\"children\":\"Terms of Use\"}],[\"$\",\"span\",null,{\"children\":\"·\"}],[\"$\",\"a\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-[var(--cc-muted)] transition-colors\",\"children\":\"Privacy Policy\"}]]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/4fa33c2b3825a6a7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a9b5a3c7d494490d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d91ff7ede64e0c7f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$La\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@c\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"f:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"ViewportBoundary\"]\n11:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"MetadataBoundary\"]\nd:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L12\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"13:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/0bd6498bda341889.js\"],\"IconMark\"]\nc:null\n"])</script><script>self.__next_f.push([1,"12:[[\"$\",\"title\",\"0\",{\"children\":\"Visual Docs | ClawCrib | ClawCrib\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Interactive 3D documentation for OpenClaw setups.\"}],[\"$\",\"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\":\"Install it where your agents run and it connects itself. A real-time 3D office for your OpenClaw fleet, 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\":\"A real-time 3D office for your OpenClaw agents. Self-hosted, and it finds your gateway on its own.\"}],[\"$\",\"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\"}],[\"$\",\"$L13\",\"19\",{}]]\n"])</script></body></html>
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
1:"$Sreact.fragment"
|
|
2
|
-
2:I[2534,["/_next/static/chunks/
|
|
3
|
-
3:I[41658,["/_next/static/chunks/
|
|
4
|
-
4:I[49830,["/_next/static/chunks/
|
|
2
|
+
2:I[2534,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ThemeProvider"]
|
|
3
|
+
3:I[41658,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ConvexClientProvider"]
|
|
4
|
+
4:I[49830,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"default"]
|
|
5
5
|
5:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
6
|
-
6:I[58298,["/_next/static/chunks/
|
|
6
|
+
6:I[58298,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/5e108d2a5086dd3c.js"],"default"]
|
|
7
7
|
7:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
8
|
-
8:I[22016,["/_next/static/chunks/
|
|
9
|
-
9:I[68864,["/_next/static/chunks/
|
|
8
|
+
8:I[22016,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],""]
|
|
9
|
+
9:I[68864,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/4fa33c2b3825a6a7.js","/_next/static/chunks/a9b5a3c7d494490d.js","/_next/static/chunks/d91ff7ede64e0c7f.js"],"default"]
|
|
10
10
|
a:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"OutletBoundary"]
|
|
11
11
|
b:"$Sreact.suspense"
|
|
12
12
|
e:I[68027,[],"default"]
|
|
13
13
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
14
|
-
:HL["/_next/static/chunks/
|
|
14
|
+
:HL["/_next/static/chunks/3edb9f1efb76cb66.css","style"]
|
|
15
15
|
:HL["/_next/static/media/051742360c26797e-s.p.102b7f24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
16
16
|
:HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
17
|
-
0:{"P":null,"b":"
|
|
17
|
+
0:{"P":null,"b":"a1_F2n_Sn-m0Apxh748yG","c":["","learn"],"q":"","i":false,"f":[[["",{"children":["learn",{"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/3edb9f1efb76cb66.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/d9f8785065e078fc.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":[["$","div",null,{"className":"h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col","children":[["$","div",null,{"className":"flex-1 min-h-0","children":["$","$L9",null,{}]}],["$","div",null,{"className":"shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60","children":[["$","a",null,{"href":"/terms","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Terms of Use"}],["$","span",null,{"children":"·"}],["$","a",null,{"href":"/privacy","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Privacy Policy"}]]}]]}],[["$","script","script-0",{"src":"/_next/static/chunks/4fa33c2b3825a6a7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/a9b5a3c7d494490d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/d91ff7ede64e0c7f.js","async":true,"nonce":"$undefined"}]],["$","$La",null,{"children":["$","$b",null,{"name":"Next.MetadataOutlet","children":"$@c"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],"$Ld",false]],"m":"$undefined","G":["$e",[]],"S":true}
|
|
18
18
|
f:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"ViewportBoundary"]
|
|
19
19
|
11:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"MetadataBoundary"]
|
|
20
20
|
d:["$","$1","h",{"children":[null,["$","$Lf",null,{"children":"$L10"}],["$","div",null,{"hidden":true,"children":["$","$L11",null,{"children":["$","$b",null,{"name":"Next.Metadata","children":"$L12"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}]
|
|
21
21
|
10:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
|
|
22
22
|
13:I[27201,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"IconMark"]
|
|
23
23
|
c:null
|
|
24
|
-
12:[["$","title","0",{"children":"Visual Docs | ClawCrib | ClawCrib"}],["$","meta","1",{"name":"description","content":"Interactive 3D documentation for OpenClaw setups."}],["$","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
|
|
24
|
+
12:[["$","title","0",{"children":"Visual Docs | ClawCrib | ClawCrib"}],["$","meta","1",{"name":"description","content":"Interactive 3D documentation for OpenClaw setups."}],["$","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":"Install it where your agents run and it connects itself. A real-time 3D office for your OpenClaw fleet, 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":"A real-time 3D office for your OpenClaw agents. Self-hosted, and it finds your gateway on its own."}],["$","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"}],["$","$L13","19",{}]]
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
1:"$Sreact.fragment"
|
|
2
|
-
2:I[2534,["/_next/static/chunks/
|
|
3
|
-
3:I[41658,["/_next/static/chunks/
|
|
4
|
-
4:I[49830,["/_next/static/chunks/
|
|
2
|
+
2:I[2534,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ThemeProvider"]
|
|
3
|
+
3:I[41658,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ConvexClientProvider"]
|
|
4
|
+
4:I[49830,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"default"]
|
|
5
5
|
5:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
6
|
-
6:I[58298,["/_next/static/chunks/
|
|
6
|
+
6:I[58298,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/5e108d2a5086dd3c.js"],"default"]
|
|
7
7
|
7:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
8
|
-
8:I[22016,["/_next/static/chunks/
|
|
9
|
-
9:I[68864,["/_next/static/chunks/
|
|
8
|
+
8:I[22016,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],""]
|
|
9
|
+
9:I[68864,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/4fa33c2b3825a6a7.js","/_next/static/chunks/a9b5a3c7d494490d.js","/_next/static/chunks/d91ff7ede64e0c7f.js"],"default"]
|
|
10
10
|
a:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"OutletBoundary"]
|
|
11
11
|
b:"$Sreact.suspense"
|
|
12
12
|
e:I[68027,[],"default"]
|
|
13
13
|
:HL["/_next/static/chunks/87c6fa7148018b34.css","style"]
|
|
14
|
-
:HL["/_next/static/chunks/
|
|
14
|
+
:HL["/_next/static/chunks/3edb9f1efb76cb66.css","style"]
|
|
15
15
|
:HL["/_next/static/media/051742360c26797e-s.p.102b7f24.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
16
16
|
:HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
|
|
17
|
-
0:{"P":null,"b":"
|
|
17
|
+
0:{"P":null,"b":"a1_F2n_Sn-m0Apxh748yG","c":["","learn"],"q":"","i":false,"f":[[["",{"children":["learn",{"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/3edb9f1efb76cb66.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/d9f8785065e078fc.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":[["$","div",null,{"className":"h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col","children":[["$","div",null,{"className":"flex-1 min-h-0","children":["$","$L9",null,{}]}],["$","div",null,{"className":"shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60","children":[["$","a",null,{"href":"/terms","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Terms of Use"}],["$","span",null,{"children":"·"}],["$","a",null,{"href":"/privacy","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Privacy Policy"}]]}]]}],[["$","script","script-0",{"src":"/_next/static/chunks/4fa33c2b3825a6a7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/a9b5a3c7d494490d.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/d91ff7ede64e0c7f.js","async":true,"nonce":"$undefined"}]],["$","$La",null,{"children":["$","$b",null,{"name":"Next.MetadataOutlet","children":"$@c"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],"$Ld",false]],"m":"$undefined","G":["$e",[]],"S":true}
|
|
18
18
|
f:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"ViewportBoundary"]
|
|
19
19
|
11:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"MetadataBoundary"]
|
|
20
20
|
d:["$","$1","h",{"children":[null,["$","$Lf",null,{"children":"$L10"}],["$","div",null,{"hidden":true,"children":["$","$L11",null,{"children":["$","$b",null,{"name":"Next.Metadata","children":"$L12"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}]
|
|
21
21
|
10:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
|
|
22
22
|
13:I[27201,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"IconMark"]
|
|
23
23
|
c:null
|
|
24
|
-
12:[["$","title","0",{"children":"Visual Docs | ClawCrib | ClawCrib"}],["$","meta","1",{"name":"description","content":"Interactive 3D documentation for OpenClaw setups."}],["$","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
|
|
24
|
+
12:[["$","title","0",{"children":"Visual Docs | ClawCrib | ClawCrib"}],["$","meta","1",{"name":"description","content":"Interactive 3D documentation for OpenClaw setups."}],["$","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":"Install it where your agents run and it connects itself. A real-time 3D office for your OpenClaw fleet, 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":"A real-time 3D office for your OpenClaw agents. Self-hosted, and it finds your gateway on its own."}],["$","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"}],["$","$L13","19",{}]]
|
|
@@ -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":"a1_F2n_Sn-m0Apxh748yG","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":"Visual Docs | ClawCrib | ClawCrib"}],["$","meta","1",{"name":"description","content":"Interactive 3D documentation for OpenClaw setups."}],["$","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":"Install it where your agents run and it connects itself. A real-time 3D office for your OpenClaw fleet, 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":"A real-time 3D office for your OpenClaw agents. Self-hosted, and it finds your gateway on its own."}],["$","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}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
1:"$Sreact.fragment"
|
|
2
|
-
2:I[2534,["/_next/static/chunks/
|
|
3
|
-
3:I[41658,["/_next/static/chunks/
|
|
4
|
-
4:I[49830,["/_next/static/chunks/
|
|
2
|
+
2:I[2534,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ThemeProvider"]
|
|
3
|
+
3:I[41658,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"ConvexClientProvider"]
|
|
4
|
+
4:I[49830,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js"],"default"]
|
|
5
5
|
5:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
6
|
-
6:I[58298,["/_next/static/chunks/
|
|
6
|
+
6:I[58298,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/5e108d2a5086dd3c.js"],"default"]
|
|
7
7
|
7:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"default"]
|
|
8
|
-
8:I[22016,["/_next/static/chunks/
|
|
8
|
+
8:I[22016,["/_next/static/chunks/d9f8785065e078fc.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/3edb9f1efb76cb66.css","style"]
|
|
11
|
+
0:{"buildId":"a1_F2n_Sn-m0Apxh748yG","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/87c6fa7148018b34.css","precedence":"next"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/3edb9f1efb76cb66.css","precedence":"next"}],["$","script","script-0",{"src":"/_next/static/chunks/d9f8785065e078fc.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/3edb9f1efb76cb66.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":"a1_F2n_Sn-m0Apxh748yG","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"learn","paramType":null,"paramKey":"learn","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
1:"$Sreact.fragment"
|
|
2
|
-
2:I[68864,["/_next/static/chunks/
|
|
2
|
+
2:I[68864,["/_next/static/chunks/d9f8785065e078fc.js","/_next/static/chunks/169b21b9dab86074.js","/_next/static/chunks/4fa33c2b3825a6a7.js","/_next/static/chunks/a9b5a3c7d494490d.js","/_next/static/chunks/d91ff7ede64e0c7f.js"],"default"]
|
|
3
3
|
3:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/0bd6498bda341889.js"],"OutletBoundary"]
|
|
4
4
|
4:"$Sreact.suspense"
|
|
5
|
-
0:{"buildId":"
|
|
5
|
+
0:{"buildId":"a1_F2n_Sn-m0Apxh748yG","rsc":["$","$1","c",{"children":[["$","div",null,{"className":"h-[calc(100vh-4rem)] bg-[var(--cc-void)] overflow-hidden flex flex-col","children":[["$","div",null,{"className":"flex-1 min-h-0","children":["$","$L2",null,{}]}],["$","div",null,{"className":"shrink-0 flex items-center justify-center gap-3 py-2 border-t border-[var(--cc-border)] text-[10px] text-[var(--cc-muted)]/60","children":[["$","a",null,{"href":"/terms","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Terms of Use"}],["$","span",null,{"children":"·"}],["$","a",null,{"href":"/privacy","className":"hover:text-[var(--cc-muted)] transition-colors","children":"Privacy Policy"}]]}]]}],[["$","script","script-0",{"src":"/_next/static/chunks/4fa33c2b3825a6a7.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/a9b5a3c7d494490d.js","async":true}],["$","script","script-2",{"src":"/_next/static/chunks/d91ff7ede64e0c7f.js","async":true}]],["$","$L3",null,{"children":["$","$4",null,{"name":"Next.MetadataOutlet","children":"$@5"}]}]]}],"loading":null,"isPartial":false}
|
|
6
6
|
5: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":"a1_F2n_Sn-m0Apxh748yG","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
|