clawatch 1.0.12 → 1.0.13

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.
Files changed (58) hide show
  1. package/backend/dist/index.js +7 -1
  2. package/backend/dist/index.js.map +1 -1
  3. package/backend/dist/routes.d.ts.map +1 -1
  4. package/backend/dist/routes.js +3 -17
  5. package/backend/dist/routes.js.map +1 -1
  6. package/backend/dist/sessions.d.ts +1 -0
  7. package/backend/dist/sessions.d.ts.map +1 -1
  8. package/backend/dist/sessions.js +1 -0
  9. package/backend/dist/sessions.js.map +1 -1
  10. package/backend/dist/sync.d.ts +6 -0
  11. package/backend/dist/sync.d.ts.map +1 -0
  12. package/backend/dist/sync.js +202 -0
  13. package/backend/dist/sync.js.map +1 -0
  14. package/frontend/.next/BUILD_ID +1 -1
  15. package/frontend/.next/build-manifest.json +2 -2
  16. package/frontend/.next/server/app/_global-error.html +2 -2
  17. package/frontend/.next/server/app/_global-error.rsc +1 -1
  18. package/frontend/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
  19. package/frontend/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
  20. package/frontend/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
  21. package/frontend/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
  22. package/frontend/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
  23. package/frontend/.next/server/app/_not-found.html +1 -1
  24. package/frontend/.next/server/app/_not-found.rsc +1 -1
  25. package/frontend/.next/server/app/_not-found.segments/_full.segment.rsc +1 -1
  26. package/frontend/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
  27. package/frontend/.next/server/app/_not-found.segments/_index.segment.rsc +1 -1
  28. package/frontend/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
  29. package/frontend/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
  30. package/frontend/.next/server/app/_not-found.segments/_tree.segment.rsc +1 -1
  31. package/frontend/.next/server/app/dashboard/page_client-reference-manifest.js +1 -1
  32. package/frontend/.next/server/app/dashboard/projects/[id]/page_client-reference-manifest.js +1 -1
  33. package/frontend/.next/server/app/dashboard/sessions/[id]/page_client-reference-manifest.js +1 -1
  34. package/frontend/.next/server/app/dashboard.html +1 -1
  35. package/frontend/.next/server/app/dashboard.rsc +2 -2
  36. package/frontend/.next/server/app/dashboard.segments/_full.segment.rsc +2 -2
  37. package/frontend/.next/server/app/dashboard.segments/_head.segment.rsc +1 -1
  38. package/frontend/.next/server/app/dashboard.segments/_index.segment.rsc +1 -1
  39. package/frontend/.next/server/app/dashboard.segments/_tree.segment.rsc +1 -1
  40. package/frontend/.next/server/app/dashboard.segments/dashboard/__PAGE__.segment.rsc +2 -2
  41. package/frontend/.next/server/app/dashboard.segments/dashboard.segment.rsc +1 -1
  42. package/frontend/.next/server/app/index.html +1 -1
  43. package/frontend/.next/server/app/index.rsc +1 -1
  44. package/frontend/.next/server/app/index.segments/__PAGE__.segment.rsc +1 -1
  45. package/frontend/.next/server/app/index.segments/_full.segment.rsc +1 -1
  46. package/frontend/.next/server/app/index.segments/_head.segment.rsc +1 -1
  47. package/frontend/.next/server/app/index.segments/_index.segment.rsc +1 -1
  48. package/frontend/.next/server/app/index.segments/_tree.segment.rsc +1 -1
  49. package/frontend/.next/server/chunks/ssr/_b0ae6d33._.js +1 -1
  50. package/frontend/.next/server/pages/404.html +1 -1
  51. package/frontend/.next/server/pages/500.html +2 -2
  52. package/frontend/.next/static/chunks/{24358fa7364884a3.js → 520be2943f8ae266.js} +1 -1
  53. package/frontend/.next/static/chunks/{66068ea9541dcab8.js → 58873fd2347d1c88.js} +1 -1
  54. package/frontend/.next/static/chunks/{5ba7a3bbfd63a2aa.js → a308a3cc32b8bc4a.js} +1 -1
  55. package/package.json +1 -1
  56. /package/frontend/.next/static/{bxWfc5kRwipI2ZEeJ_T4v → P4g0K_y2ksljZD88vEDAA}/_buildManifest.js +0 -0
  57. /package/frontend/.next/static/{bxWfc5kRwipI2ZEeJ_T4v → P4g0K_y2ksljZD88vEDAA}/_clientMiddlewareManifest.json +0 -0
  58. /package/frontend/.next/static/{bxWfc5kRwipI2ZEeJ_T4v → P4g0K_y2ksljZD88vEDAA}/_ssgManifest.js +0 -0
package/frontend/.next/server/app/dashboard.segments/_tree.segment.rsc CHANGED
@@ -1,4 +1,4 @@
1
1
  :HL["/_next/static/chunks/2b7d8037bb74445e.css","style"]
2
2
  :HL["/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
3
3
  :HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
4
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"dashboard","paramType":null,"paramKey":"dashboard","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
4
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"dashboard","paramType":null,"paramKey":"dashboard","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
package/frontend/.next/server/app/dashboard.segments/dashboard/__PAGE__.segment.rsc CHANGED
@@ -1,9 +1,9 @@
1
1
  1:"$Sreact.fragment"
2
2
  2:I[47257,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"ClientPageRoot"]
3
- 3:I[30257,["/_next/static/chunks/5ba7a3bbfd63a2aa.js","/_next/static/chunks/284aee0eb323076c.js"],"default"]
3
+ 3:I[30257,["/_next/static/chunks/a308a3cc32b8bc4a.js","/_next/static/chunks/284aee0eb323076c.js"],"default"]
4
4
  6:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"OutletBoundary"]
5
5
  7:"$Sreact.suspense"
6
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/5ba7a3bbfd63a2aa.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
6
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/a308a3cc32b8bc4a.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
7
7
  4:{}
8
8
  5:"$0:rsc:props:children:0:props:serverProvidedParams:params"
9
9
  8:null
package/frontend/.next/server/app/dashboard.segments/dashboard.segment.rsc CHANGED
@@ -1,4 +1,4 @@
1
1
  1:"$Sreact.fragment"
2
2
  2:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
3
3
  3:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
4
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
4
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
package/frontend/.next/server/app/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><!--bxWfc5kRwipI2ZEeJ_T4v--><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/70bc3e132a0a741e-s.p.15008bfb.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="stylesheet" href="/_next/static/chunks/2b7d8037bb74445e.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/5bcee453cc4bce6d.js"/><script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script><script src="/_next/static/chunks/f2f58a7e93290fbb.js" async=""></script><script src="/_next/static/chunks/d702a24e2b6c48fa.js" async=""></script><script src="/_next/static/chunks/turbopack-0df1acbb994b2a74.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script><script src="/_next/static/chunks/c8ee4845be50f9b7.js" async=""></script><script src="/_next/static/chunks/284aee0eb323076c.js" async=""></script><meta name="next-size-adjust" content=""/><title>ClaWatch — AI Agent Observability</title><meta name="description" content="Never let your agents run wild. Open-source monitoring and alerting for AI agents."/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased" style="font-family:var(--font-inter), system-ui, sans-serif"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#0a0a0f] text-white"><nav class="border-b border-white/[0.06] backdrop-blur-md sticky top-0 z-50 bg-[#0a0a0f]/80"><div class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between"><div class="flex items-center gap-6"><div class="flex items-center gap-2"><div class="size-7 rounded-lg bg-emerald-500 flex items-center justify-center"><svg class="w-[60%] h-[60%] text-white" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.64 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.64 0-8.573-3.007-9.963-7.178z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><span class="text-xl font-bold tracking-tight"><span class="text-white">Cla</span><span class="bg-gradient-to-r from-white via-emerald-300 to-emerald-400 bg-clip-text text-transparent">W</span><span class="text-emerald-400">atch</span></span></div><div class="hidden sm:flex items-center gap-5 text-sm text-gray-400"><a href="#quickstart" class="hover:text-white transition-colors">Quick Start</a><a href="#features" class="hover:text-white transition-colors">Features</a><a href="#faq" class="hover:text-white transition-colors">FAQ</a></div></div><div class="flex items-center gap-3"><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white"><svg class="size-4" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg>Star</button></a><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [a]:hover:bg-primary/80 h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 bg-emerald-500 hover:bg-emerald-600 text-white">Dashboard</button></a></div></div></nav><section class="pt-28 pb-20 px-6"><div class="max-w-4xl mx-auto text-center"><div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-400 text-sm mb-8"><span class="size-1.5 rounded-full bg-emerald-400 animate-pulse"></span>Open Source · Free Forever</div><h1 class="text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1] mb-6">Know what your agents<br/>are doing.<!-- --> <span class="bg-gradient-to-r from-emerald-400 to-emerald-300 bg-clip-text text-transparent">Right now.</span></h1><p class="text-lg sm:text-xl text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed">Your OpenClaw agents spawn sub-agents, burn tokens, call tools. ClaWatch shows you everything, in real-time. Open source. Free forever.</p><div class="flex items-center justify-center gap-4 mb-16"><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [a]:hover:bg-primary/80 gap-1.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-8 text-base font-medium">Get Started</button></a><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-12 px-8 text-base gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white font-medium"><svg class="size-5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg>Star on GitHub</button></a></div><div class="max-w-2xl mx-auto"><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div><div class="mt-1"><span class="text-emerald-400">$</span> <span class="text-gray-300">clawatch start</span></div><div class="text-emerald-400 mt-0.5">✓ Found 12 agents, 130 sessions</div><div class="text-emerald-400 mt-0.5">✓ Monitoring started. Dashboard → http://localhost:3001</div></div></div></div></div></section><section id="quickstart" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-5xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-4"><span class="text-emerald-400">❯</span> Quick Start</h2><p class="text-gray-400 mb-12 text-lg">Up and running in under 60 seconds.</p><div class="grid md:grid-cols-2 gap-6 max-w-3xl mx-auto"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6"><div class="text-emerald-400 text-sm font-mono mb-3">Step 1</div><h3 class="text-lg font-semibold mb-2">Install</h3><p class="text-gray-400 text-sm mb-4">Install the CLI globally via npm.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div><div class="text-gray-500 mt-1">added 1 package in 3s</div></div></div></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6"><div class="text-emerald-400 text-sm font-mono mb-3">Step 2</div><h3 class="text-lg font-semibold mb-2">Start</h3><p class="text-gray-400 text-sm mb-4">Auto-detects agents, starts monitoring, opens dashboard.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">clawatch start</span></div><div class="text-gray-500 mt-1">Scanning ~/.openclaw...</div><div class="text-emerald-400 mt-0.5">✓ Found 12 agents, 130 sessions</div><div class="text-emerald-400 mt-0.5">✓ Dashboard → localhost:3001</div></div></div></div></div></div></section><section id="features" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-5xl mx-auto"><div class="text-center mb-16"><h2 class="text-3xl sm:text-4xl font-bold mb-4">What You Get</h2><p class="text-gray-400 text-lg max-w-2xl mx-auto">Everything you need to keep AI agents in check. Lightweight, fast, and open source.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.64 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.64 0-8.573-3.007-9.963-7.178z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Real-time Monitoring</h3><p class="text-gray-400 text-sm leading-relaxed">See every heartbeat, tool call, and token across all agents. Live updates, zero delay.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"></path></svg></div><h3 class="text-lg font-semibold mb-2">Smart Alerts</h3><p class="text-gray-400 text-sm leading-relaxed">Telegram notifications for stuck agents, errors, cost spikes. Never miss a critical issue.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Cost Tracking</h3><p class="text-gray-400 text-sm leading-relaxed">Per-agent, per-model cost breakdown. Know your spend before the invoice hits.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Pause / Resume</h3><p class="text-gray-400 text-sm leading-relaxed">One-click control. Stop a runaway agent instantly, resume when ready.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"></path></svg></div><h3 class="text-lg font-semibold mb-2">Open Source</h3><p class="text-gray-400 text-sm leading-relaxed">MIT licensed. Self-host or use our managed service. Full transparency, no lock-in.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Zero Config</h3><p class="text-gray-400 text-sm leading-relaxed">Auto-detects OpenClaw. One command to start monitoring. No YAML, no setup files.</p></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-3xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-4 text-center">CLI Commands</h2><p class="text-gray-400 text-lg text-center mb-12">Simple, powerful commands. No config files needed.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div class=""><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch start</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Auto-detect agents, start monitoring, and open the dashboard</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch stop</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Stop the monitoring daemon gracefully</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch status</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Show active agents, sessions, and daemon health</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch logs</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Stream real-time logs from the monitoring daemon</div></div></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-4xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Runs Where You Run</h2><p class="text-gray-400 text-lg mb-12">If OpenClaw runs there, ClaWatch runs there.</p><div class="grid grid-cols-2 sm:grid-cols-4 gap-4"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">macOS</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Linux (Ubuntu/Debian)</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Windows WSL</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Raspberry Pi</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">AWS</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">GCP</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Digital Ocean</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Hetzner</div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-4xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Alert Channels</h2><p class="text-gray-400 text-lg mb-12">Get notified where your team already works.</p><div class="flex items-center justify-center gap-6 sm:gap-10 flex-wrap"><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-emerald-500/10 text-emerald-400 border border-emerald-500/30"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></div><span class="text-xs text-white">Telegram</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"></path></svg></div><span class="text-xs text-gray-500">Slack</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"></path></svg></div><span class="text-xs text-gray-500">Discord</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path></svg></div><span class="text-xs text-gray-500">Email</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M16.965 1.18C15.085.164 13.769 0 10.683 0H3.73v14.55h6.926c2.743 0 4.8-.164 6.61-1.37 1.975-1.303 3.004-3.47 3.004-6.074 0-2.879-1.216-4.895-3.305-5.926zM10.39 10.34H8.275V4.09h2.255c3.025 0 4.636.85 4.636 3.04 0 2.352-1.71 3.21-4.776 3.21zM3.73 18.316h4.546V24H3.73z"></path></svg></div><span class="text-xs text-gray-500">PagerDuty</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div></div></div></section><section id="faq" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-3xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center">FAQ</h2><div class="space-y-3"><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">What is ClaWatch?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Is it free?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">How do I install?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">What data does it collect?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Does it work with other agent frameworks?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Where is my data stored?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-2xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-6">Ready to see what your agents are doing?</h2><div class="max-w-md mx-auto mb-8"><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div></div></div></div><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [a]:hover:bg-primary/80 gap-1.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-10 text-base font-medium">Get Started</button></a></div></section><footer class="border-t border-white/[0.06] py-10 px-6"><div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-gray-500"><div class="flex items-center gap-2"><span class="text-lg font-bold tracking-tight"><span class="text-white">Cla</span><span class="bg-gradient-to-r from-white via-emerald-300 to-emerald-400 bg-clip-text text-transparent">W</span><span class="text-emerald-400">atch</span></span><span class="text-gray-500">— Open Source AI Agent Observability</span></div><div class="flex items-center gap-6"><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">GitHub</a><a class="hover:text-white transition-colors" href="/dashboard">Dashboard</a><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">Docs</a></div></div></footer></div><!--$--><!--/$--><script src="/_next/static/chunks/5bcee453cc4bce6d.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[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ClientPageRoot\"]\n5:I[52683,[\"/_next/static/chunks/c8ee4845be50f9b7.js\",\"/_next/static/chunks/284aee0eb323076c.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\nf:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/2b7d8037bb74445e.css\",\"style\"]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.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\":\"bxWfc5kRwipI2ZEeJ_T4v\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2b7d8037bb74445e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased\",\"style\":{\"fontFamily\":\"var(--font-inter), system-ui, sans-serif\"},\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c8ee4845be50f9b7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/284aee0eb323076c.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"ClaWatch — AI Agent Observability\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Never let your agents run wild. Open-source monitoring and alerting for AI agents.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script></body></html>
1
+ <!DOCTYPE html><!--P4g0K_y2ksljZD88vEDAA--><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/70bc3e132a0a741e-s.p.15008bfb.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="stylesheet" href="/_next/static/chunks/2b7d8037bb74445e.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/5bcee453cc4bce6d.js"/><script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script><script src="/_next/static/chunks/f2f58a7e93290fbb.js" async=""></script><script src="/_next/static/chunks/d702a24e2b6c48fa.js" async=""></script><script src="/_next/static/chunks/turbopack-0df1acbb994b2a74.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/d2be314c3ece3fbe.js" async=""></script><script src="/_next/static/chunks/c8ee4845be50f9b7.js" async=""></script><script src="/_next/static/chunks/284aee0eb323076c.js" async=""></script><meta name="next-size-adjust" content=""/><title>ClaWatch — AI Agent Observability</title><meta name="description" content="Never let your agents run wild. Open-source monitoring and alerting for AI agents."/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased" style="font-family:var(--font-inter), system-ui, sans-serif"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#0a0a0f] text-white"><nav class="border-b border-white/[0.06] backdrop-blur-md sticky top-0 z-50 bg-[#0a0a0f]/80"><div class="max-w-6xl mx-auto px-6 h-16 flex items-center justify-between"><div class="flex items-center gap-6"><div class="flex items-center gap-2"><div class="size-7 rounded-lg bg-emerald-500 flex items-center justify-center"><svg class="w-[60%] h-[60%] text-white" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.64 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.64 0-8.573-3.007-9.963-7.178z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><span class="text-xl font-bold tracking-tight"><span class="text-white">Cla</span><span class="bg-gradient-to-r from-white via-emerald-300 to-emerald-400 bg-clip-text text-transparent">W</span><span class="text-emerald-400">atch</span></span></div><div class="hidden sm:flex items-center gap-5 text-sm text-gray-400"><a href="#quickstart" class="hover:text-white transition-colors">Quick Start</a><a href="#features" class="hover:text-white transition-colors">Features</a><a href="#faq" class="hover:text-white transition-colors">FAQ</a></div></div><div class="flex items-center gap-3"><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white"><svg class="size-4" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg>Star</button></a><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [a]:hover:bg-primary/80 h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 bg-emerald-500 hover:bg-emerald-600 text-white">Dashboard</button></a></div></div></nav><section class="pt-28 pb-20 px-6"><div class="max-w-4xl mx-auto text-center"><div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 text-emerald-400 text-sm mb-8"><span class="size-1.5 rounded-full bg-emerald-400 animate-pulse"></span>Open Source · Free Forever</div><h1 class="text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.1] mb-6">Know what your agents<br/>are doing.<!-- --> <span class="bg-gradient-to-r from-emerald-400 to-emerald-300 bg-clip-text text-transparent">Right now.</span></h1><p class="text-lg sm:text-xl text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed">Your OpenClaw agents spawn sub-agents, burn tokens, call tools. ClaWatch shows you everything, in real-time. Open source. Free forever.</p><div class="flex items-center justify-center gap-4 mb-16"><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [a]:hover:bg-primary/80 gap-1.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-8 text-base font-medium">Get Started</button></a><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 h-12 px-8 text-base gap-2 border-white/[0.1] bg-transparent hover:bg-white/[0.05] text-gray-300 hover:text-white font-medium"><svg class="size-5" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg>Star on GitHub</button></a></div><div class="max-w-2xl mx-auto"><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div><div class="mt-1"><span class="text-emerald-400">$</span> <span class="text-gray-300">clawatch start</span></div><div class="text-emerald-400 mt-0.5">✓ Found 12 agents, 130 sessions</div><div class="text-emerald-400 mt-0.5">✓ Monitoring started. Dashboard → http://localhost:3001</div></div></div></div></div></section><section id="quickstart" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-5xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-4"><span class="text-emerald-400">❯</span> Quick Start</h2><p class="text-gray-400 mb-12 text-lg">Up and running in under 60 seconds.</p><div class="grid md:grid-cols-2 gap-6 max-w-3xl mx-auto"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6"><div class="text-emerald-400 text-sm font-mono mb-3">Step 1</div><h3 class="text-lg font-semibold mb-2">Install</h3><p class="text-gray-400 text-sm mb-4">Install the CLI globally via npm.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div><div class="text-gray-500 mt-1">added 1 package in 3s</div></div></div></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6"><div class="text-emerald-400 text-sm font-mono mb-3">Step 2</div><h3 class="text-lg font-semibold mb-2">Start</h3><p class="text-gray-400 text-sm mb-4">Auto-detects agents, starts monitoring, opens dashboard.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">clawatch start</span></div><div class="text-gray-500 mt-1">Scanning ~/.openclaw...</div><div class="text-emerald-400 mt-0.5">✓ Found 12 agents, 130 sessions</div><div class="text-emerald-400 mt-0.5">✓ Dashboard → localhost:3001</div></div></div></div></div></div></section><section id="features" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-5xl mx-auto"><div class="text-center mb-16"><h2 class="text-3xl sm:text-4xl font-bold mb-4">What You Get</h2><p class="text-gray-400 text-lg max-w-2xl mx-auto">Everything you need to keep AI agents in check. Lightweight, fast, and open source.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.64 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.64 0-8.573-3.007-9.963-7.178z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Real-time Monitoring</h3><p class="text-gray-400 text-sm leading-relaxed">See every heartbeat, tool call, and token across all agents. Live updates, zero delay.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"></path></svg></div><h3 class="text-lg font-semibold mb-2">Smart Alerts</h3><p class="text-gray-400 text-sm leading-relaxed">Telegram notifications for stuck agents, errors, cost spikes. Never miss a critical issue.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Cost Tracking</h3><p class="text-gray-400 text-sm leading-relaxed">Per-agent, per-model cost breakdown. Know your spend before the invoice hits.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Pause / Resume</h3><p class="text-gray-400 text-sm leading-relaxed">One-click control. Stop a runaway agent instantly, resume when ready.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"></path></svg></div><h3 class="text-lg font-semibold mb-2">Open Source</h3><p class="text-gray-400 text-sm leading-relaxed">MIT licensed. Self-host or use our managed service. Full transparency, no lock-in.</p></div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6 hover:border-emerald-500/30 transition-colors"><div class="size-10 rounded-lg bg-emerald-500/10 text-emerald-400 flex items-center justify-center mb-4"><svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.455 2.456L21.75 6l-1.036.259a3.375 3.375 0 00-2.455 2.456z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Zero Config</h3><p class="text-gray-400 text-sm leading-relaxed">Auto-detects OpenClaw. One command to start monitoring. No YAML, no setup files.</p></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-3xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-4 text-center">CLI Commands</h2><p class="text-gray-400 text-lg text-center mb-12">Simple, powerful commands. No config files needed.</p><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div class=""><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch start</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Auto-detect agents, start monitoring, and open the dashboard</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch stop</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Stop the monitoring daemon gracefully</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch status</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Show active agents, sessions, and daemon health</div></div><div class="mt-3"><div><span class="text-emerald-400">$</span> <span class="text-white">clawatch logs</span></div><div class="text-gray-500 text-xs mt-0.5 ml-4">Stream real-time logs from the monitoring daemon</div></div></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-4xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Runs Where You Run</h2><p class="text-gray-400 text-lg mb-12">If OpenClaw runs there, ClaWatch runs there.</p><div class="grid grid-cols-2 sm:grid-cols-4 gap-4"><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">macOS</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Linux (Ubuntu/Debian)</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Windows WSL</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Raspberry Pi</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">AWS</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">GCP</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Digital Ocean</div><div class="rounded-xl border border-white/[0.06] bg-white/[0.02] py-4 px-3 text-sm font-medium text-gray-300 hover:border-emerald-500/30 hover:text-white transition-colors">Hetzner</div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-4xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-4">Alert Channels</h2><p class="text-gray-400 text-lg mb-12">Get notified where your team already works.</p><div class="flex items-center justify-center gap-6 sm:gap-10 flex-wrap"><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-emerald-500/10 text-emerald-400 border border-emerald-500/30"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"></path></svg></div><span class="text-xs text-white">Telegram</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"></path></svg></div><span class="text-xs text-gray-500">Slack</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"></path></svg></div><span class="text-xs text-gray-500">Discord</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path></svg></div><span class="text-xs text-gray-500">Email</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div><div class="flex flex-col items-center gap-2 relative"><div class="size-14 rounded-xl flex items-center justify-center text-2xl font-bold bg-white/[0.03] text-gray-500 border border-white/[0.06]"><svg class="size-7" viewBox="0 0 24 24" fill="currentColor"><path d="M16.965 1.18C15.085.164 13.769 0 10.683 0H3.73v14.55h6.926c2.743 0 4.8-.164 6.61-1.37 1.975-1.303 3.004-3.47 3.004-6.074 0-2.879-1.216-4.895-3.305-5.926zM10.39 10.34H8.275V4.09h2.255c3.025 0 4.636.85 4.636 3.04 0 2.352-1.71 3.21-4.776 3.21zM3.73 18.316h4.546V24H3.73z"></path></svg></div><span class="text-xs text-gray-500">PagerDuty</span><span class="text-[10px] text-gray-500 bg-white/[0.05] px-1.5 py-0.5 rounded-full">coming soon</span></div></div></div></section><section id="faq" class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-3xl mx-auto"><h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center">FAQ</h2><div class="space-y-3"><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">What is ClaWatch?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Is it free?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">How do I install?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">What data does it collect?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Does it work with other agent frameworks?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div><div class="border border-white/[0.06] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between px-6 py-4 text-left hover:bg-white/[0.02] transition-colors"><span class="font-medium text-white">Where is my data stored?</span><svg class="size-5 text-gray-400 transition-transform shrink-0 ml-4 " fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button></div></div></div></section><section class="py-24 px-6 border-t border-white/[0.06]"><div class="max-w-2xl mx-auto text-center"><h2 class="text-3xl sm:text-4xl font-bold mb-6">Ready to see what your agents are doing?</h2><div class="max-w-md mx-auto mb-8"><div class="relative bg-[#0d1117] rounded-xl border border-white/[0.06] overflow-hidden"><div class="flex items-center justify-between px-4 py-2.5 border-b border-white/[0.06]"><div class="flex items-center gap-1.5"><span class="size-3 rounded-full bg-[#ff5f57]"></span><span class="size-3 rounded-full bg-[#febc2e]"></span><span class="size-3 rounded-full bg-[#28c840]"></span></div><button class="text-gray-400 hover:text-white transition-colors " aria-label="Copy to clipboard"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"></path></svg></button></div><div class="p-4 font-mono text-sm leading-relaxed overflow-x-auto"><div><span class="text-emerald-400">$</span> <span class="text-gray-300">npm install -g clawatch</span></div></div></div></div><a href="/dashboard"><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [a]:hover:bg-primary/80 gap-1.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3 bg-emerald-500 hover:bg-emerald-600 text-white h-12 px-10 text-base font-medium">Get Started</button></a></div></section><footer class="border-t border-white/[0.06] py-10 px-6"><div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-gray-500"><div class="flex items-center gap-2"><span class="text-lg font-bold tracking-tight"><span class="text-white">Cla</span><span class="bg-gradient-to-r from-white via-emerald-300 to-emerald-400 bg-clip-text text-transparent">W</span><span class="text-emerald-400">atch</span></span><span class="text-gray-500">— Open Source AI Agent Observability</span></div><div class="flex items-center gap-6"><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">GitHub</a><a class="hover:text-white transition-colors" href="/dashboard">Dashboard</a><a href="https://github.com/clawatch" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors">Docs</a></div></div></footer></div><!--$--><!--/$--><script src="/_next/static/chunks/5bcee453cc4bce6d.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[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ClientPageRoot\"]\n5:I[52683,[\"/_next/static/chunks/c8ee4845be50f9b7.js\",\"/_next/static/chunks/284aee0eb323076c.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"MetadataBoundary\"]\nf:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/2b7d8037bb74445e.css\",\"style\"]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.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\":\"P4g0K_y2ksljZD88vEDAA\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/2b7d8037bb74445e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased\",\"style\":{\"fontFamily\":\"var(--font-inter), system-ui, sans-serif\"},\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/c8ee4845be50f9b7.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/284aee0eb323076c.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/d2be314c3ece3fbe.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"ClaWatch — AI Agent Observability\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Never let your agents run wild. Open-source monitoring and alerting for AI agents.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script></body></html>
package/frontend/.next/server/app/index.rsc CHANGED
@@ -11,7 +11,7 @@ f:I[68027,[],"default"]
11
11
  :HL["/_next/static/chunks/2b7d8037bb74445e.css","style"]
12
12
  :HL["/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
13
13
  :HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
14
- 0:{"P":null,"b":"bxWfc5kRwipI2ZEeJ_T4v","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":true}
14
+ 0:{"P":null,"b":"P4g0K_y2ksljZD88vEDAA","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":true}
15
15
  6:{}
16
16
  7:"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params"
17
17
  c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
package/frontend/.next/server/app/index.segments/__PAGE__.segment.rsc CHANGED
@@ -3,7 +3,7 @@
3
3
  3:I[52683,["/_next/static/chunks/c8ee4845be50f9b7.js","/_next/static/chunks/284aee0eb323076c.js"],"default"]
4
4
  6:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"OutletBoundary"]
5
5
  7:"$Sreact.suspense"
6
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
6
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","rsc":["$","$1","c",{"children":[["$","$L2",null,{"Component":"$3","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@4","$@5"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],"loading":null,"isPartial":false}
7
7
  4:{}
8
8
  5:"$0:rsc:props:children:0:props:serverProvidedParams:params"
9
9
  8:null
package/frontend/.next/server/app/index.segments/_full.segment.rsc CHANGED
@@ -11,7 +11,7 @@ f:I[68027,[],"default"]
11
11
  :HL["/_next/static/chunks/2b7d8037bb74445e.css","style"]
12
12
  :HL["/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
13
13
  :HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
14
- 0:{"P":null,"b":"bxWfc5kRwipI2ZEeJ_T4v","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":true}
14
+ 0:{"P":null,"b":"P4g0K_y2ksljZD88vEDAA","c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[["$","$L4",null,{"Component":"$5","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@6","$@7"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/c8ee4845be50f9b7.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/284aee0eb323076c.js","async":true,"nonce":"$undefined"}]],["$","$L8",null,{"children":["$","$9",null,{"name":"Next.MetadataOutlet","children":"$@a"}]}]]}],{},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$Lb",null,{"children":"$Lc"}],["$","div",null,{"hidden":true,"children":["$","$Ld",null,{"children":["$","$9",null,{"name":"Next.Metadata","children":"$Le"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$f",[]],"S":true}
15
15
  6:{}
16
16
  7:"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params"
17
17
  c:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
package/frontend/.next/server/app/index.segments/_head.segment.rsc CHANGED
@@ -3,4 +3,4 @@
3
3
  3:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"MetadataBoundary"]
4
4
  4:"$Sreact.suspense"
5
5
  5:I[27201,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"IconMark"]
6
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","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":"ClaWatch — AI Agent Observability"}],["$","meta","1",{"name":"description","content":"Never let your agents run wild. Open-source monitoring and alerting for AI agents."}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L5","3",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"loading":null,"isPartial":false}
6
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","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":"ClaWatch — AI Agent Observability"}],["$","meta","1",{"name":"description","content":"Never let your agents run wild. Open-source monitoring and alerting for AI agents."}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L5","3",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"loading":null,"isPartial":false}
package/frontend/.next/server/app/index.segments/_index.segment.rsc CHANGED
@@ -2,4 +2,4 @@
2
2
  2:I[39756,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
3
3
  3:I[37457,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/d2be314c3ece3fbe.js"],"default"]
4
4
  :HL["/_next/static/chunks/2b7d8037bb74445e.css","style"]
5
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]]}],"loading":null,"isPartial":false}
5
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/2b7d8037bb74445e.css","precedence":"next"}]],["$","html",null,{"lang":"en","className":"dark","children":["$","body",null,{"className":"inter_fe8b9d92-module__LINzvG__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased","style":{"fontFamily":"var(--font-inter), system-ui, sans-serif"},"children":["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]]}],"loading":null,"isPartial":false}
package/frontend/.next/server/app/index.segments/_tree.segment.rsc CHANGED
@@ -1,4 +1,4 @@
1
1
  :HL["/_next/static/chunks/2b7d8037bb74445e.css","style"]
2
2
  :HL["/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
3
3
  :HL["/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
4
- 0:{"buildId":"bxWfc5kRwipI2ZEeJ_T4v","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
4
+ 0:{"buildId":"P4g0K_y2ksljZD88vEDAA","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":true},"staleTime":300}